diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3e8e2dc..85f0f78 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+
+# [1.0.0-rc.4-8](https://github.com/deckgo/deckdeckgo-website/compare/v1.0.0-rc.4-7...v1.0.0-rc.4-8) (2020-01-11)
+
+### Features
+
+* swipe slides with Tab
+
+### Fix
+
+* `` lazy load correctly `svg`
+* `` component was not correctly loaded
+
# [1.0.0-rc.4-7](https://github.com/deckgo/deckdeckgo-website/compare/v1.0.0-rc.4-6...v1.0.0-rc.4-7) (2020-01-08)
diff --git a/package-lock.json b/package-lock.json
index e6bc156..6e97783 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "deckdeckgo-demo",
- "version": "1.0.0-rc.4-7",
+ "version": "1.0.0-rc.4-8",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@@ -54,9 +54,9 @@
}
},
"@deckdeckgo/lazy-img": {
- "version": "1.0.0-rc.2-2",
- "resolved": "https://registry.npmjs.org/@deckdeckgo/lazy-img/-/lazy-img-1.0.0-rc.2-2.tgz",
- "integrity": "sha512-9YWS+ZHPaWX5c2zq3OPUN/WFjEwF/RbG4liZUOZsSyOSlnTLeaD7ydl9e5MtCF1tZPt9jIEcSEA8OvHypxyr4g=="
+ "version": "1.0.0-rc.2-3",
+ "resolved": "https://registry.npmjs.org/@deckdeckgo/lazy-img/-/lazy-img-1.0.0-rc.2-3.tgz",
+ "integrity": "sha512-CFtvRDgD/n1hU8fUPfJsxGjv+IPjHC898uhKNdPAiPV6xwf+RMHnYp6dYUjOK1Rj3z5LAzG9ZDh+oTJyeoxzAw=="
},
"@deckdeckgo/qrcode": {
"version": "1.0.0-rc.1-1",
@@ -81,9 +81,9 @@
}
},
"@deckdeckgo/slide-author": {
- "version": "1.0.0-rc.3-1",
- "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-author/-/slide-author-1.0.0-rc.3-1.tgz",
- "integrity": "sha512-fR1s94IGVL+B5Xt94gU/hhVTCKX9N9eVOfTlv/EG2JtgXGL+8nZEzXk0/8FwKXrpBOHWKXxf59vFlUQa+5y/Yw==",
+ "version": "1.0.0-rc.3-2",
+ "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-author/-/slide-author-1.0.0-rc.3-2.tgz",
+ "integrity": "sha512-7bslPdIggoVfwaKqcFaBN8XkohBKHv2hGmPyO2plgbd2RqXqrYC83hB8AIpTTs0lGw5/f+7vi/xEdQos3rwXlw==",
"requires": {
"@deckdeckgo/slide-utils": "^1.0.0-rc.1-1",
"@deckdeckgo/utils": "^1.0.0-rc.2"
@@ -200,9 +200,9 @@
"integrity": "sha512-YvQm5IGlYwYKpD1SNqHTnJ/NY14TjHx2XdumGkayqsrgOps3cJw7mYg3nDo6UGLozLPeaGt+QMojPBsV/UOQrA=="
},
"@deckdeckgo/youtube": {
- "version": "1.0.0-rc.1",
- "resolved": "https://registry.npmjs.org/@deckdeckgo/youtube/-/youtube-1.0.0-rc.1.tgz",
- "integrity": "sha512-BzB8ocXOKymrGiA64Zn0q8JQ+qKklWbPCNG+0d6qipMnoFpluVMjsRVFLa/9tUvp43+8OiLMqdiEZzDTciEYzg=="
+ "version": "1.0.0-rc.1-2",
+ "resolved": "https://registry.npmjs.org/@deckdeckgo/youtube/-/youtube-1.0.0-rc.1-2.tgz",
+ "integrity": "sha512-OtgG+RBSL4ZKxd1uOq2jp7uEZcXSsOLyZvEINzlxGbmaiK9n7X7MUxsiTwj81HKr8BwQooiNq89GqaWUp3Vrhw=="
},
"@hapi/address": {
"version": "2.1.4",
diff --git a/package.json b/package.json
index 556698b..02604d1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "deckdeckgo-demo",
- "version": "1.0.0-rc.4-7",
+ "version": "1.0.0-rc.4-8",
"description": "The Progressive Web App alternative for simple presentations",
"homepage": "https://deckdeckgo.com",
"scripts": {
@@ -38,10 +38,10 @@
"@deckdeckgo/core": "^1.0.0-rc.3-4",
"@deckdeckgo/deck-utils": "^1.0.0-rc.2-1",
"@deckdeckgo/highlight-code": "^1.0.0-rc.2-1",
- "@deckdeckgo/lazy-img": "^1.0.0-rc.2-2",
+ "@deckdeckgo/lazy-img": "^1.0.0-rc.2-3",
"@deckdeckgo/qrcode": "^1.0.0-rc.1-1",
"@deckdeckgo/remote": "^1.0.0-rc.5",
- "@deckdeckgo/slide-author": "^1.0.0-rc.3-1",
+ "@deckdeckgo/slide-author": "^1.0.0-rc.3-2",
"@deckdeckgo/slide-chart": "^1.0.0-rc.2-1",
"@deckdeckgo/slide-code": "^1.0.0-rc.1",
"@deckdeckgo/slide-content": "^1.0.0-rc.1",
@@ -52,7 +52,7 @@
"@deckdeckgo/slide-title": "^1.0.0-rc.1",
"@deckdeckgo/slide-youtube": "^1.0.0-rc.3",
"@deckdeckgo/social": "^1.0.0-rc.1-3",
- "@deckdeckgo/youtube": "^1.0.0-rc.1",
+ "@deckdeckgo/youtube": "^1.0.0-rc.1-2",
"@ionic/core": "^4.11.7",
"@webcomponents/custom-elements": "^1.3.2",
"deckdeckgo-webpack-plugins": "^1.0.0-rc.2-1",
diff --git a/src/index.js b/src/index.js
index 0ae4b52..9a2c6f1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -59,7 +59,7 @@ import { defineCustomElements as deckDeckGoChartsElements } from '@deckdeckgo/ch
import { defineCustomElements as deckDeckGoQRCodeElements } from '@deckdeckgo/qrcode/dist/loader';
import { defineCustomElements as deckDeckGoHighlightCodeElements } from '@deckdeckgo/highlight-code/dist/loader';
import { defineCustomElements as deckDeckGoSocialElements } from '@deckdeckgo/social/dist/loader';
-import { defineCustomElements as deckDeckGoYoutubeElements } from '@deckdeckgo/social/dist/loader';
+import { defineCustomElements as deckDeckGoYoutubeElements } from '@deckdeckgo/youtube/dist/loader';
// Init web-social-share
import { defineCustomElements as webSocialShareElements } from 'web-social-share/dist/loader';
diff --git a/src/scripts/actions.js b/src/scripts/actions.js
index c0a851e..daa7e74 100644
--- a/src/scripts/actions.js
+++ b/src/scripts/actions.js
@@ -18,6 +18,10 @@ initActions = () => {
slider.addEventListener('slideToChange', async (event) => {
await initActionPlayPause(slider);
});
+
+ document.addEventListener('keydown', async ($event) => {
+ await handleTabOnKeydown($event, slider);
+ });
}
resolve();
@@ -83,6 +87,30 @@ initActionPlayPause = (deck) => {
pauseButton.style.display = 'none';
}
+ resolve();
+ });
+};
+
+function handleTabOnKeydown($event, slider) {
+ return new Promise(async (resolve) => {
+ if (!$event || !slider) {
+ resolve();
+ return;
+ }
+
+ if ($event.code !== 'Tab') {
+ resolve();
+ return;
+ }
+
+ $event.preventDefault();
+
+ if ($event.shiftKey) {
+ await slider.slidePrev();
+ } else {
+ await slider.slideNext();
+ }
+
resolve();
});
}