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(); }); }