merge: animated charts

Author: peterpeterparker

docs/docs/components/app-components-charts/app-components-charts.md

@@ -42,7 +42,8 @@ However, if you are looking to use this Web Component as a standalone component,
 It's recommended to use [unpkg](https://unpkg.com/) to use the [DeckDeckGo] Code from a CDN. To do so, add the following include script in the main HTML file of your project:
 
 ```
-<script src="https://unpkg.com/deckdeckgo-highlight-code@latest/dist/deckdeckgo-highlight-code.js"></script>
+<script type="module" src="https://unpkg.com/@deckdeckgo/highlight-code@latest/dist/deckdeckgo-highlight-code/deckdeckgo-highlight-code.esm.js"></script>
+<script nomodule="" src="https://unpkg.com/@deckdeckgo/highlight-code@latest/dist/deckdeckgo-highlight-code/deckdeckgo-highlight-code.js"></script>
 ```
 ### Install DeckDeckGo Highlight Code from NPM
 

docs/docs/components/app-components-highlight-code/app-components-highlight-code.md

@@ -42,7 +42,8 @@ To add the component to your web applications, it could be use directly in your
 It's recommended to use [unpkg](https://unpkg.com/) to use the [DeckDeckGo] inline editor from a CDN. To do so, add the following include script in the main HTML file of your project:
 
 ```
-<script src="https://unpkg.com/deckdeckgo-inline-editor@latest/dist/deckdeckgo-inline-editor.js"></script>
+<script type="module" src="https://unpkg.com/@deckdeckgo/inline-editor@latest/dist/deckdeckgo-inline-editor/deckdeckgo-inline-editor.esm.js"></script>
+<script nomodule="" src="https://unpkg.com/@deckdeckgo/inline-editor@latest/dist/deckdeckgo-inline-editor/deckdeckgo-inline-editor.js"></script>
 ```
 ### Install from NPM
 

docs/docs/components/app-components-inline-editor/app-components-inline-editor.md

@@ -50,7 +50,8 @@ However, if you are looking to use this Web Component as a standalone component,
 It's recommended to use [unpkg](https://unpkg.com/) to use the [DeckDeckGo] Code from a CDN. To do so, add the following include script in the main HTML file of your project:
 
 ```
-<script src="https://unpkg.com/deckdeckgo-qrcode@latest/dist/deckdeckgo-qrcode.js"></script>
+<script type="module" src="https://unpkg.com/@deckdeckgo/qrcode@latest/dist/deckdeckgo-qrcode/deckdeckgo-qrcode.esm.js"></script>
+<script nomodule="" src="https://unpkg.com/@deckdeckgo/qrcode@latest/dist/deckdeckgo-qrcode/deckdeckgo-qrcode.js"></script>
 ```
 ### Install DeckDeckGo QR Code from NPM
 

docs/docs/components/app-components-qrcode/app-components-qrcode.md

@@ -17,7 +17,8 @@ If you wish to do so, use it directly in your project from a CDN, using a simple
 It's recommended to use [unpkg](https://unpkg.com/) to use the [DeckDeckGo] from a CDN. To do so, add the following include script in the main HTML file of your project:
 
 ```
-<script src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo.js"></script>
+<script type="module" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo-core/deckdeckgo-core.esm.js"></script>
+<script nomodule="" src="https://unpkg.com/@deckdeckgo/core@latest/dist/deckdeckgo-core/deckdeckgo-core.js"></script>
 ```
 
 ## Install DeckDeckGo from NPM

docs/docs/introduction/app-installation/app-installation.md

@@ -55,7 +55,7 @@ If you are using the [DeckDeckGo] starter kit and wish to make your notes access
 
 ## Chart components
 
-The slide "Chart" relies on the charts components `<deckgo-pie-chart/>`, `<deckgo-line-chart/>` and  `<deckgo-bar-chart/>` which are described in the components [documentation](https://github.com/deckgo/deckdeckgo/blob/master/doc/components/components.md).
+The slide "Chart" relies on the charts components `<deckgo-pie-chart/>`, `<deckgo-line-chart/>` and  `<deckgo-bar-chart/>` which are described in the components [documentation](/components/charts).
 
 ## Installation
 
@@ -71,7 +71,7 @@ This component offers the following options which could be set using attributes:
 | custom-background | boolean | false | If you would provide a background for the all deck and a specific one for this slide, set this option to `true` |
 | custom-actions | boolean | false | If you would provide actions for the all deck and a specific one for this slide, set this option to `true` |
 
-Furthermore, this slide component offers the same attributes as the [DeckDeckGo] charts Web Component, see its [documentation](https://docs.deckdeckgo.com/components/charts) for the details.
+Furthermore, this slide component offers the same attributes as the [DeckDeckGo] charts Web Component, see its [documentation](/components/charts) for the details.
 
 ## Theming
 
@@ -86,11 +86,11 @@ The following theming options will affect this component if set on its host or p
 | --slide-padding-bottom | 16px | Padding bottom of the all slide |
 | --slide-padding-start | 32px | Padding left of the all slide |
 | --zIndex | 1 | The z-index of the slide |
-| --slide-chart-margin-top | 32px | Margin top of the chart inside its container |
-| --slide-chart-margin-end | 96px | Margin right of the chart inside its container |
-| --slide-chart-margin-bottom | 32px | Margin bottom of the chart inside its container |
+| --slide-chart-margin-top | 0 | Margin top of the chart inside its container |
+| --slide-chart-margin-end | 32px | Margin right of the chart inside its container |
+| --slide-chart-margin-bottom | 64px | Margin bottom of the chart inside its container |
 | --slide-chart-margin-start | 32px | Margin left of the chart inside its container |
 
-Furthermore, this slide component offers the exact same CSS4 variables as the [DeckDeckGo] charts Web Component, see its [documentation](https://docs.deckdeckgo.com/components/charts) for the details.
+Furthermore, this slide component offers the exact same CSS4 variables as the [DeckDeckGo] charts Web Component, see its [documentation](/components/charts) for the details.
 
 [DeckDeckGo]: https://deckdeckgo.com

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

@@ -14,7 +14,7 @@
     "test.watch": "npm run docs && stencil test --spec --e2e --watch"
   },
   "dependencies": {
-    "@deckdeckgo/charts": "^1.0.0-alpha.7",
+    "@deckdeckgo/charts": "file:../webcomponents/charts/deckdeckgo-charts-1.0.0-alpha.7.tgz",
     "@deckdeckgo/core": "^1.0.0-beta.39-3",
     "@deckdeckgo/highlight-code": "^1.0.0-alpha.16",
     "@deckdeckgo/inline-editor": "^1.0.0-alpha.10",