feat: update deckgo-deck pager

Author: peterpeterparker

docs/docs/slides/app-slide-author/app-slide-author.md

@@ -16,7 +16,7 @@ The "Author" slide let you introduce the author of the presentation.
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>
         <div slot="author">slot="author"</div>

docs/docs/slides/app-slide-code/app-slide-code.md

@@ -20,7 +20,7 @@ The "Code" slide is a the slide to use if you would like to showcase code during
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/deckgo/deckdeckgo/master/webcomponents/core/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
           <h1 slot="title">slot="title"</h1>
         </deckgo-slide-code>

docs/docs/slides/app-slide-content/app-slide-content.md

@@ -17,7 +17,7 @@ This slide could be for example use for the every slides of your presentation wh
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-content>
         <h1 slot="title">Something related to my topic</h1>
         <p slot="content">

docs/docs/slides/app-slide-gif/app-slide-gif.md

@@ -16,7 +16,7 @@ The "Gif" slide let you add easily a gif, like those provided by [Giphy](https:/
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">My title</h1>
       <h1 slot="header">Hey</h1>

docs/docs/slides/app-slide-qrcode/app-slide-qrcode.md

@@ -18,7 +18,7 @@ The "QR code" slide is an handy slide in case you would like to display a QR cod
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>
         <p slot="content">slot="content"</p>

docs/docs/slides/app-slide-split/app-slide-split.md

@@ -14,7 +14,7 @@ The "Split" slide is a simple slide which display two panes on the page.
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-split>
         <h1 slot="title">Two columns subject</h1>
         <p slot="start">

docs/docs/slides/app-slide-title/app-slide-title.md

@@ -17,7 +17,7 @@ This slide could be for example use for the very first and last slide of your pr
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-title>
       <h1 slot="title">My presentation title</h1>
       <p slot="content">

docs/docs/slides/app-slide-youtube/app-slide-youtube.md

@@ -18,7 +18,7 @@ The "Youtube" slide let you add easily a [Youtube](https://youtube.com) video to
 ## Layout
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">A 16/9 video</h1>
     </deckgo-slide-youtube>

docs/docs/slides/app-slides-concept/app-slides-concept.md

@@ -28,7 +28,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Title](/slides/title)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-title>
         <h1 slot="title">slot="title"</h1>
         <p slot="content">
@@ -41,7 +41,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Content](/slides/content)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-content>
       <h1 slot="title">slot="title"</h1>
       <p slot="content">
@@ -54,7 +54,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Split](/slides/split)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-split>
       <h1 slot="title">slot="title"</h1>
       <p slot="start">
@@ -70,7 +70,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Gif](/slides/gif)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">slot="title"</h1>
       <h1 slot="header" style={{fontSize: 'var(--font-size-h1)'}}>slot="header"</h1>
@@ -102,7 +102,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Youtube](/slides/youtube)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">slot="title"</h1>
     </deckgo-slide-youtube>
@@ -112,7 +112,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Code](/slides/code)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/fluster/deckdeckgo/master/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
       <h1 slot="title">slot="title"</h1>
     </deckgo-slide-code>
@@ -123,7 +123,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>
         <div slot="author">slot="author"</div>
@@ -136,7 +136,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [QR Code](/slides/qrcode)
 
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>
         <p slot="content">slot="content"</p>

docs/src/app/pages/docs/slides/app-slide-author/app-slide-author.tsx

@@ -48,7 +48,7 @@ export class AppSlideAuthor {
 </ul>
 <h2 id="app-slide-author-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>
         <div slot="author">slot="author"</div>

docs/src/app/pages/docs/slides/app-slide-code/app-slide-code.tsx

@@ -52,7 +52,7 @@ export class AppSlideCode {
 </ul>
 <h2 id="app-slide-code-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/deckgo/deckdeckgo/master/webcomponents/core/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
           <h1 slot="title">slot="title"</h1>
         </deckgo-slide-code>

docs/src/app/pages/docs/slides/app-slide-content/app-slide-content.tsx

@@ -48,7 +48,7 @@ export class AppConcept {
 </ul>
 <h2 id="app-slide-content-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-content>
         <h1 slot="title">Something related to my topic</h1>
         <p slot="content">

docs/src/app/pages/docs/slides/app-slide-gif/app-slide-gif.tsx

@@ -46,7 +46,7 @@ export class AppSlideGif {
 </ul>
 <h2 id="app-slide-gif-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">My title</h1>
       <h1 slot="header">Hey</h1>

docs/src/app/pages/docs/slides/app-slide-qrcode/app-slide-qrcode.tsx

@@ -50,7 +50,7 @@ export class AppSlideQRCode {
 </ul>
 <h2 id="app-slide-qrcode-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>
         <p slot="content">slot="content"</p>

docs/src/app/pages/docs/slides/app-slide-split/app-slide-split.tsx

@@ -44,7 +44,7 @@ export class AppSlideContent {
 </ul>
 <h2 id="app-slide-split-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-split>
         <h1 slot="title">Two columns subject</h1>
         <p slot="start">

docs/src/app/pages/docs/slides/app-slide-title/app-slide-title.tsx

@@ -46,7 +46,7 @@ export class AppSlideTitle {
 </ul>
 <h2 id="app-slide-title-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-title>
       <h1 slot="title">My presentation title</h1>
       <p slot="content">

docs/src/app/pages/docs/slides/app-slide-youtube/app-slide-youtube.tsx

@@ -50,7 +50,7 @@ export class AppSlideYoutube {
 </ul>
 <h2 id="app-slide-youtube-layout">Layout</h2>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">A 16/9 video</h1>
     </deckgo-slide-youtube>

docs/src/app/pages/docs/slides/app-slides-concept/app-slides-concept.tsx

@@ -41,7 +41,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/title">Title</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-title>
         <h1 slot="title">slot="title"</h1>
         <p slot="content">
@@ -55,7 +55,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/content">Content</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-content>
       <h1 slot="title">slot="title"</h1>
       <p slot="content">
@@ -69,7 +69,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/split">Split</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-split>
       <h1 slot="title">slot="title"</h1>
       <p slot="start">
@@ -86,7 +86,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/gif">Gif</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">slot="title"</h1>
       <h1 slot="header" style={{fontSize: 'var(--font-size-h1)'}}>slot="header"</h1>
@@ -120,7 +120,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/youtube">Youtube</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">slot="title"</h1>
     </deckgo-slide-youtube>
@@ -131,7 +131,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/code">Code</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/fluster/deckdeckgo/master/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
       <h1 slot="title">slot="title"</h1>
     </deckgo-slide-code>
@@ -142,7 +142,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/author">Author</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>
         <div slot="author">slot="author"</div>
@@ -156,7 +156,7 @@ export class AppSlidesConcept {
 <li>Slide: <a href="/slides/qrcode">QR Code</a></li>
 </ul>
 <div class="container" margin>
-  <deckgo-deck embedded={true} pager={false}>
+  <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>
         <p slot="content">slot="content"</p>

docs/src/app/pages/docs/slides/app-slides-container.scss

@@ -11,6 +11,8 @@ div.container {
   border-radius: 8px;
 
   deckgo-deck {
+    --pager-display: false;
+
     --font-size-h1: 18px;
 
     --slide-padding-top: 16px;

docs/src/components.d.ts

@@ -7,13 +7,13 @@
 
 import '@stencil/core';
 
-import '@ionic/core';
-import 'ionicons';
+import '@deckdeckgo/charts';
 import '@deckdeckgo/core';
 import '@deckdeckgo/highlight-code';
-import '@deckdeckgo/charts';
-import '@deckdeckgo/qrcode';
 import '@deckdeckgo/inline-editor';
+import '@deckdeckgo/qrcode';
+import '@ionic/core';
+import 'ionicons';
 
 
 export namespace Components {