feat: display the pager through a CSS4 variables

Author: peterpeterparker

webcomponents/core/src/components/deck/deckdeckgo-deck/deckdeckgo-deck.scss

@@ -26,6 +26,7 @@ div.deckgo-pager {
   bottom: 0;
   left: var(--pager-position-left);
   right: var(--pager-position-right);
+  display: var(--pager-display);
 }
 
 ::slotted([slot="background"]) {

webcomponents/core/src/components/deck/deckdeckgo-deck/deckdeckgo-deck.tsx

@@ -21,7 +21,6 @@ export class DeckdeckgoDeck {
 
   @Prop() keyboard: boolean = true;
 
-  @Prop() pager: boolean = true;
   @Prop() pagerPercentage: boolean = true;
 
   @Prop() embedded: boolean = false;
@@ -855,8 +854,9 @@ export class DeckdeckgoDeck {
         <slot name="actions"></slot>
         <slot name="background"></slot>
       </div>,
-      <div class="deckgo-pager">{this.pager ? <deckgo-pager active-index={this.activeIndex} length={this.length}
-                                                            percentage={this.pagerPercentage}></deckgo-pager> : ''}</div>
+      <div class="deckgo-pager">
+        <deckgo-pager active-index={this.activeIndex} length={this.length} percentage={this.pagerPercentage}></deckgo-pager>
+      </div>
     ]
   }