fix(#48): pager position in case of RTL

Author: peterpeterparker

doc/features/navigation.md

@@ -109,6 +109,8 @@ await deck.getLength(); // resolve a number
 
 [DeckDeckGo] will per default display a pager in form of a progress circle bar. It's possible to hide it or to customize the following various style options.
 
+Also worth to notice that the pager inherits per default the document and deck direction (LTR or RTL for example).
+
 ### Show or hide
 
 The show or hide options of the pager are available on the `<deckgo-deck>` element.
@@ -134,5 +136,7 @@ The following style options are available to style the pager:
 | --pager-text-size | 0.5em |
 | --pager-stroke-outer-width | 2.8 |
 | --pager-stroke-inner-width | 1.8 |
+| --pager-position-left | |
+| --pager-position-right | |
 
 [DeckDeckGo]: https://deckdeckgo.com

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

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