feat: new options and reveal span

Author: peterpeterparker

doc/slides/slides.md

@@ -256,6 +256,7 @@ The following theming options will affect this component if set on its host or p
 | --color |  |  |
 | --code-color |  | The color of the displayed code |
 | --code-font-size |  | The size of the font for the code |
+| --code-font-family |  | The family of the font for the code |
 | --slide-padding-top | 16px | Padding top of the all slide |
 | --slide-padding-end | 32px | Padding right of the all slide |
 | --slide-padding-bottom | 16px | Padding bottom of the all slide |

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

@@ -23,6 +23,7 @@ div.deckgo-code-container {
     overflow-y: scroll;
 
     font-size: var(--code-font-size);
+    font-family: var(--code-font-family);
 
     div:empty {
       min-height: 1rem;

src/components/slides/deckdeckgo-slide.tsx

@@ -8,7 +8,7 @@ export class DeckDeckGoSlideUtils {
 
   static hideElements(el: HTMLElement, revealShowFirst: boolean): Promise<void> {
     return new Promise<void>((resolve) => {
-      const elements: NodeListOf<HTMLElement> = el.querySelectorAll(revealShowFirst ? '[slot] > li:not(:first-child), [slot] > p:not(:first-child), [slot] > img:not(:first-child)' : '[slot] > li, [slot] > p, [slot] > img');
+      const elements: NodeListOf<HTMLElement> = el.querySelectorAll(revealShowFirst ? '[slot] > li:not(:first-child), [slot] > p:not(:first-child), [slot] > span:not(:first-child) [slot] > img:not(:first-child)' : '[slot] > li, [slot] > p, [slot] > span, [slot] > img');
 
       if (!elements) {
         resolve();
@@ -22,7 +22,7 @@ export class DeckDeckGoSlideUtils {
 
   private static showElement(el: HTMLElement): Promise<boolean> {
     return new Promise<boolean>((resolve) => {
-      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > img');
+      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > span, [slot] > img');
 
       let couldSwipe: boolean = true;
 
@@ -43,7 +43,7 @@ export class DeckDeckGoSlideUtils {
 
   private static hideElement(el: HTMLElement): Promise<boolean> {
     return new Promise<boolean>((resolve) => {
-      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > img');
+      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > span, [slot] > img');
 
       let couldSwipe: boolean = true;