feat: add hidden title for navigation information

Author: peterpeterparker

doc/slides/slides.md

@@ -172,6 +172,8 @@ The "Split" slide's Web Component could be integrated using the tag `<deckgo-sli
 
 Both slots `title` and `content` are optional. Without providing one of them, the page will remain empty.
 
+Note: The slot `title` is per default hidden.
+
 ### Attributes
 
 This component offers the following options which could be set using attributes:
@@ -204,6 +206,7 @@ The following theming options will affect this component if set on its host or p
 | --slide-padding-start | 32px | Modify slotted ul and ol padding-inline-start |
 | --slide-split-align | inherit | Modify for example to center if you want to align the content in the middle |
 | --slide-split-text-align | inherit | Modify for example to center if you want to align the text in the middle |
+| --slide-split-title-display | none | Modify this attribute if you wish to display a title |
 
 ## Slide: Code
 

src/components/slides/deckdeckgo-slide-author/deckdeckgo-slide-author.scss

@@ -62,3 +62,7 @@ div.deckgo-slide-author {
     }
   }
 }
+
+::slotted([slot="title"]) {
+  display: none;
+}

src/components/slides/deckdeckgo-slide-author/deckdeckgo-slide-author.tsx

@@ -33,6 +33,7 @@ export class DeckdeckgoSlideAuthor implements DeckdeckgoSlide {
 
   render() {
     return <div class="deckgo-slide">
+      <slot name="title"></slot>
       <div class="deckgo-slide-author deckgo-slide-author-start">
         <img data-src={this.imgUrl}/>
       </div>

src/components/slides/deckdeckgo-slide-split/deckdeckgo-slide-split.scss

@@ -32,6 +32,8 @@ div.deckgo-slide-split {
 ::slotted([slot="title"]) {
   flex: 1 100%;
 
+  display: var(--slide-split-title-display, none);
+
   padding: var(--slide-split-title-padding-top, 16px) var(--slide-split-title-padding-end, 32px) var(--slide-split-title-padding-bottom, 16px) var(--slide-split-title-padding-start, 32px);
 }