fix(#32): list reveal

Author: peterpeterparker

src/components/slides/deckdeckgo-slide.tsx

@@ -19,7 +19,7 @@ export class DeckdeckgoSlideUtils {
         return;
       }
 
-      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');
+      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();
@@ -34,7 +34,7 @@ export class DeckdeckgoSlideUtils {
 
   private static showRevealElement(el: HTMLElement): Promise<boolean> {
     return new Promise<boolean>((resolve) => {
-      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > span, [slot] > img');
+      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] li, [slot] > p, [slot] > span, [slot] > img');
 
       let couldSwipe: boolean = true;
 
@@ -55,7 +55,7 @@ export class DeckdeckgoSlideUtils {
 
   private static hideRevealElement(el: HTMLElement): Promise<boolean> {
     return new Promise<boolean>((resolve) => {
-      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] > li, [slot] > p, [slot] > span, [slot] > img');
+      const elements: NodeListOf<HTMLElement> = el.querySelectorAll('[slot] li, [slot] > p, [slot] > span, [slot] > img');
 
       let couldSwipe: boolean = true;
 

src/index.html

@@ -52,7 +52,7 @@ <h1 slot="title">A 16/9 video</h1>
   <deckgo-slide-content reveal="true">
     <h1 slot="title">DeckDeckGo</h1>
     <div slot="content">
-      <ul slot="content">
+      <ul>
         <li>Use HTML and CSS to create <strong>without effort</strong> your presentation</li>
         <li><strong>Ionic</strong> components and icons to create your content</li>
         <li><strong>Style</strong> your presentation quickly</li>
@@ -105,7 +105,7 @@ <h1 slot="title">Not reveal list</h1>
   <deckgo-slide-title reveal="true" reveal-show-first="true">
     <h1 slot="title">Reveal list</h1>
     <div slot="content">
-      <ul slot="content">
+      <ul>
         <li>Blue cheese</li>
         <li>Feta</li>
         <li>Gruyère</li>