From 3825913f2d35ceb50075d812872be1a3d1b3c669 Mon Sep 17 00:00:00 2001 From: peterpeterparker Date: Sun, 1 Dec 2019 18:05:55 +0100 Subject: [PATCH 1/4] feat(#492): use all space for the youtube video slide --- .../src/components/slide/deckdeckgo-slide-youtube.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/webcomponents/slides/youtube/src/components/slide/deckdeckgo-slide-youtube.scss b/webcomponents/slides/youtube/src/components/slide/deckdeckgo-slide-youtube.scss index fd7ebf55a..63b555d64 100644 --- a/webcomponents/slides/youtube/src/components/slide/deckdeckgo-slide-youtube.scss +++ b/webcomponents/slides/youtube/src/components/slide/deckdeckgo-slide-youtube.scss @@ -8,7 +8,10 @@ div.deckgo-slide { div.deckgo-youtube-container { width: calc(var(--slide-width) - var(--slide-padding-end, 64px) - var(--slide-padding-start, 64px)); - height: calc(((var(--slide-height) - var(--slide-padding-end, 64px) - var(--slide-padding-start, 64px)) * 9) / 16); + height: var(--slide-youtube-height, calc(100% - 32px)); + + margin: var(--slide-youtube-margin, 0 0 32px); + overflow: var(--slide-youtube-overflow, auto); display: flex; align-items: center; @@ -16,6 +19,5 @@ div.deckgo-youtube-container { @media screen and (max-width: 1024px) { width: calc(var(--slide-width) - var(--slide-padding-end, 32px) - var(--slide-padding-start, 32px)); - height: calc(((var(--slide-height) - var(--slide-padding-end, 32px) - var(--slide-padding-start, 32px)) * 9) / 16); } } From 8068f7b3a81c4b921beac539aa71d1097b502546 Mon Sep 17 00:00:00 2001 From: peterpeterparker Date: Sun, 1 Dec 2019 18:07:16 +0100 Subject: [PATCH 2/4] release(#492): slide-youtube v1.0.0-rc.2 --- CHANGELOG.md | 1 + webcomponents/slides/youtube/CHANGELOG.md | 7 +++++++ webcomponents/slides/youtube/package-lock.json | 2 +- webcomponents/slides/youtube/package.json | 2 +- 4 files changed, 10 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3f6ef5de4..535b02e9b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ * lazy-img: v1.0.0-rc.2-1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/lazy-img/CHANGELOG.md)) * slide-chart: v1.0.0-rc.2-1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/slides/chart/CHANGELOG.md)) * remote: v1.0.0-rc.5 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/remote/CHANGELOG.md)) +* slide-youtube: v1.0.0-rc.2 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/slides/youtube/CHANGELOG.md)) ### Others * backend: v1.0.0-rc.1-1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/backend/CHANGELOG.md)) diff --git a/webcomponents/slides/youtube/CHANGELOG.md b/webcomponents/slides/youtube/CHANGELOG.md index 2f3aaac6e..63ccde916 100644 --- a/webcomponents/slides/youtube/CHANGELOG.md +++ b/webcomponents/slides/youtube/CHANGELOG.md @@ -1,3 +1,10 @@ + +# 1.0.0-rc.2 (2019-12-01) + +### Features + +* use the all element space to display the Youtube video ([#492](https://github.com/deckgo/deckdeckgo/issues/492)) + # 1.0.0-rc.1-4 (2019-11-08) diff --git a/webcomponents/slides/youtube/package-lock.json b/webcomponents/slides/youtube/package-lock.json index 83b478791..ee012e521 100644 --- a/webcomponents/slides/youtube/package-lock.json +++ b/webcomponents/slides/youtube/package-lock.json @@ -1,6 +1,6 @@ { "name": "@deckdeckgo/slide-youtube", - "version": "1.0.0-rc.1-4", + "version": "1.0.0-rc.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/webcomponents/slides/youtube/package.json b/webcomponents/slides/youtube/package.json index 64aea4e6e..e9f104023 100644 --- a/webcomponents/slides/youtube/package.json +++ b/webcomponents/slides/youtube/package.json @@ -1,6 +1,6 @@ { "name": "@deckdeckgo/slide-youtube", - "version": "1.0.0-rc.1-4", + "version": "1.0.0-rc.2", "description": "The Content template is a simple slide which display a title and content aligned to the start of the page of the presentation", "main": "dist/index.js", "module": "dist/index.mjs", From e0e3717471cc1a01938796a505d0f9c5ec80682e Mon Sep 17 00:00:00 2001 From: peterpeterparker Date: Sun, 1 Dec 2019 18:07:53 +0100 Subject: [PATCH 3/4] lib(#494): update dependencies --- .../slides/youtube/package-lock.json | 62 +++++++++---------- webcomponents/slides/youtube/package.json | 4 +- 2 files changed, 33 insertions(+), 33 deletions(-) diff --git a/webcomponents/slides/youtube/package-lock.json b/webcomponents/slides/youtube/package-lock.json index ee012e521..59c7535e1 100644 --- a/webcomponents/slides/youtube/package-lock.json +++ b/webcomponents/slides/youtube/package-lock.json @@ -18,12 +18,12 @@ "integrity": "sha512-Hga4/7ox4iCZ1LPF9WvRXjeCvmpq4hDRyfqAK+l/9lpxejWIVMLtlPeO/FCisYYiLRRMxWTAn7RM0+aMo4TO7A==" }, "@stencil/core": { - "version": "1.7.5", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-1.7.5.tgz", - "integrity": "sha512-VlXKeN/FAqwaZ5yVWOZB+3biwL6TBZHEN8iWJIHnM7AskKCBDSSHXktPjBOCAuO2/kB82je712GrIpqRnMJGHA==", + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-1.8.1.tgz", + "integrity": "sha512-VV8bJF6ZeOZyVUQEK4a24O+V4RXUxgAWSHonkNgbJVk7Z+hxfJMBTLGy6uZa9/5/IcKXqrTutIL9giV8WeNkHA==", "dev": true, "requires": { - "typescript": "3.6.3" + "typescript": "3.7.2" } }, "@stencil/postcss": { @@ -57,24 +57,24 @@ } }, "autoprefixer": { - "version": "9.7.1", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.1.tgz", - "integrity": "sha512-w3b5y1PXWlhYulevrTJ0lizkQ5CyqfeU6BIRDbuhsMupstHQOeb1Ur80tcB1zxSu7AwyY/qCQ7Vvqklh31ZBFw==", + "version": "9.7.3", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.3.tgz", + "integrity": "sha512-8T5Y1C5Iyj6PgkPSFd0ODvK9DIleuPKUPYniNxybS47g2k2wFgLZ46lGQHlBuGKIAEV8fbCDfKCCRS1tvOgc3Q==", "dev": true, "requires": { - "browserslist": "^4.7.2", - "caniuse-lite": "^1.0.30001006", + "browserslist": "^4.8.0", + "caniuse-lite": "^1.0.30001012", "chalk": "^2.4.2", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^7.0.21", + "postcss": "^7.0.23", "postcss-value-parser": "^4.0.2" }, "dependencies": { "postcss": { - "version": "7.0.21", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz", - "integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==", + "version": "7.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.23.tgz", + "integrity": "sha512-hOlMf3ouRIFXD+j2VJecwssTwbvsPGJVMzupptg+85WA+i7MwyrydmQAgY3R+m0Bc0exunhbJmijy8u8+vufuQ==", "dev": true, "requires": { "chalk": "^2.4.2", @@ -85,20 +85,20 @@ } }, "browserslist": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.7.2.tgz", - "integrity": "sha512-uZavT/gZXJd2UTi9Ov7/Z340WOSQ3+m1iBVRUknf+okKxonL9P83S3ctiBDtuRmRu8PiCHjqyueqQ9HYlJhxiw==", + "version": "4.8.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.0.tgz", + "integrity": "sha512-HYnxc/oLRWvJ3TsGegR0SRL/UDnknGq2s/a8dYYEO+kOQ9m9apKoS5oiathLKZdh/e9uE+/J3j92qPlGD/vTqA==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001004", - "electron-to-chromium": "^1.3.295", - "node-releases": "^1.1.38" + "caniuse-lite": "^1.0.30001012", + "electron-to-chromium": "^1.3.317", + "node-releases": "^1.1.41" } }, "caniuse-lite": { - "version": "1.0.30001008", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001008.tgz", - "integrity": "sha512-b8DJyb+VVXZGRgJUa30cbk8gKHZ3LOZTBLaUEEVr2P4xpmFigOCc62CO4uzquW641Ouq1Rm9N+rWLWdSYDaDIw==", + "version": "1.0.30001012", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001012.tgz", + "integrity": "sha512-7RR4Uh04t9K1uYRWzOJmzplgEOAXbfK72oVNokCdMzA67trrhPzy93ahKk1AWHiA0c58tD2P+NHqxrA8FZ+Trg==", "dev": true }, "chalk": { @@ -139,9 +139,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.306", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.306.tgz", - "integrity": "sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A==", + "version": "1.3.319", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.319.tgz", + "integrity": "sha512-t/lYNZPwS9jLJ9SBLGd6ERYtCtsYPAXzsE1VYLshrUWpQCTAswO1pERZV4iOZipW2uVsGQrJtm2iWiYVp1zTZw==", "dev": true }, "escape-string-regexp": { @@ -157,9 +157,9 @@ "dev": true }, "node-releases": { - "version": "1.1.39", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.39.tgz", - "integrity": "sha512-8MRC/ErwNCHOlAFycy9OPca46fQYUjbJRDcZTHVWIGXIjYLM73k70vv3WkYutVnM4cCo4hE0MqBVVZjP6vjISA==", + "version": "1.1.41", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.41.tgz", + "integrity": "sha512-+IctMa7wIs8Cfsa8iYzeaLTFwv5Y4r5jZud+4AnfymzeEXKBCavFX0KBgzVaPVqf0ywa6PrO8/b+bPqdwjGBSg==", "dev": true, "requires": { "semver": "^6.3.0" @@ -224,9 +224,9 @@ } }, "typescript": { - "version": "3.6.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.6.3.tgz", - "integrity": "sha512-N7bceJL1CtRQ2RiG0AQME13ksR7DiuQh/QehubYcghzv20tnh+MQnQIuJddTmsbqYj+dztchykemz0zFzlvdQw==", + "version": "3.7.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.2.tgz", + "integrity": "sha512-ml7V7JfiN2Xwvcer+XAf2csGO1bPBdRbFCkYBczNZggrBZ9c7G3riSUeJmqEU5uOtXNPMhE3n+R4FA/3YOAWOQ==", "dev": true } } diff --git a/webcomponents/slides/youtube/package.json b/webcomponents/slides/youtube/package.json index e9f104023..caf07ddf8 100644 --- a/webcomponents/slides/youtube/package.json +++ b/webcomponents/slides/youtube/package.json @@ -26,11 +26,11 @@ "@deckdeckgo/utils": "^1.0.0-rc.1-3" }, "devDependencies": { - "@stencil/core": "^1.7.5", + "@stencil/core": "^1.8.1", "@stencil/postcss": "^1.0.1", "@stencil/sass": "^1.1.1", "@stencil/utils": "0.0.5", - "autoprefixer": "^9.7.1" + "autoprefixer": "^9.7.3" }, "repository": { "type": "git", From 4052a15e7bda06388d72378687ad23157b4abe00 Mon Sep 17 00:00:00 2001 From: peterpeterparker Date: Sun, 1 Dec 2019 18:11:36 +0100 Subject: [PATCH 4/4] lib(#494): install last slide-youtube --- .../slides/app-slide-youtube/app-slide-youtube.md | 3 +++ docs/package-lock.json | 6 +++--- docs/package.json | 2 +- .../app-slide-youtube/app-slide-youtube.tsx | 15 +++++++++++++++ remote/package-lock.json | 6 +++--- remote/package.json | 2 +- studio/package-lock.json | 6 +++--- studio/package.json | 2 +- 8 files changed, 30 insertions(+), 12 deletions(-) diff --git a/docs/docs/slides/app-slide-youtube/app-slide-youtube.md b/docs/docs/slides/app-slide-youtube/app-slide-youtube.md index fecd1c9f7..0a56b8beb 100644 --- a/docs/docs/slides/app-slide-youtube/app-slide-youtube.md +++ b/docs/docs/slides/app-slide-youtube/app-slide-youtube.md @@ -121,6 +121,9 @@ 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-youtube-margin | 0 0 32px | The margin of the video's container | +| --slide-youtube-height | calc(100% - 32px) | The height of the video's container | +| --slide-youtube-overflow | auto | The overflow of the video's container | ## Methods diff --git a/docs/package-lock.json b/docs/package-lock.json index 3e89f1b4d..d72e3da74 100644 --- a/docs/package-lock.json +++ b/docs/package-lock.json @@ -186,9 +186,9 @@ } }, "@deckdeckgo/slide-youtube": { - "version": "1.0.0-rc.1-4", - "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.1-4.tgz", - "integrity": "sha512-JqjDz48F2ft8fMFxkA/3C/hDxGgsGy1kFBvt/GxkUzqxT9iIKp5AWUc9iMqACs+GwjAuWmuJI1COH4ND6MHBFA==", + "version": "1.0.0-rc.2", + "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.2.tgz", + "integrity": "sha512-lUDWA1VGX0lBr783o8Sfr7kxFOnGCxKNYbjb/HBpnCXaMiQRcA7xuy1/jglI4FamgtqO9APKp59l1RgzXVtTkg==", "requires": { "@deckdeckgo/slide-utils": "^1.0.0-rc.3-2", "@deckdeckgo/utils": "^1.0.0-rc.1-3" diff --git a/docs/package.json b/docs/package.json index 92746c71e..3a57709d9 100644 --- a/docs/package.json +++ b/docs/package.json @@ -32,7 +32,7 @@ "@deckdeckgo/slide-split": "^1.0.0-rc.2", "@deckdeckgo/slide-title": "^1.0.0-rc.1", "@deckdeckgo/slide-video": "^1.0.0-rc.1-1", - "@deckdeckgo/slide-youtube": "^1.0.0-rc.1-4", + "@deckdeckgo/slide-youtube": "^1.0.0-rc.2", "@ionic/core": "^4.11.1", "idb-keyval": "^3.2.0", "rxjs": "^6.5.3" diff --git a/docs/src/app/pages/docs/slides/app-slide-youtube/app-slide-youtube.tsx b/docs/src/app/pages/docs/slides/app-slide-youtube/app-slide-youtube.tsx index 91699d568..379a9d643 100644 --- a/docs/src/app/pages/docs/slides/app-slide-youtube/app-slide-youtube.tsx +++ b/docs/src/app/pages/docs/slides/app-slide-youtube/app-slide-youtube.tsx @@ -181,6 +181,21 @@ export class AppSlideYoutube { 1 The z-index of the slide + +--slide-youtube-margin +0 0 32px +The margin of the video's container + + +--slide-youtube-height +calc(100% - 32px) +The height of the video's container + + +--slide-youtube-overflow +auto +The overflow of the video's container +

Methods

The slide "Youtube" offers extra methods to play and pause the Youtube video clip. These methods are notably used by the [DeckDecGo]'s remote control.

diff --git a/remote/package-lock.json b/remote/package-lock.json index c7da3ab67..f9497351b 100644 --- a/remote/package-lock.json +++ b/remote/package-lock.json @@ -174,9 +174,9 @@ } }, "@deckdeckgo/slide-youtube": { - "version": "1.0.0-rc.1-4", - "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.1-4.tgz", - "integrity": "sha512-JqjDz48F2ft8fMFxkA/3C/hDxGgsGy1kFBvt/GxkUzqxT9iIKp5AWUc9iMqACs+GwjAuWmuJI1COH4ND6MHBFA==", + "version": "1.0.0-rc.2", + "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.2.tgz", + "integrity": "sha512-lUDWA1VGX0lBr783o8Sfr7kxFOnGCxKNYbjb/HBpnCXaMiQRcA7xuy1/jglI4FamgtqO9APKp59l1RgzXVtTkg==", "requires": { "@deckdeckgo/slide-utils": "^1.0.0-rc.3-2", "@deckdeckgo/utils": "^1.0.0-rc.1-3" diff --git a/remote/package.json b/remote/package.json index 4d070c04d..628c7ca01 100644 --- a/remote/package.json +++ b/remote/package.json @@ -33,7 +33,7 @@ "@deckdeckgo/slide-split": "^1.0.0-rc.2", "@deckdeckgo/slide-title": "^1.0.0-rc.1", "@deckdeckgo/slide-video": "^1.0.0-rc.1-1", - "@deckdeckgo/slide-youtube": "^1.0.0-rc.1-4", + "@deckdeckgo/slide-youtube": "^1.0.0-rc.2", "@deckdeckgo/utils": "^1.0.0-rc.1-2", "@ionic/core": "^4.11.3", "date-fns": "^2.8.1", diff --git a/studio/package-lock.json b/studio/package-lock.json index f590bc87a..effeb7fb9 100644 --- a/studio/package-lock.json +++ b/studio/package-lock.json @@ -167,9 +167,9 @@ } }, "@deckdeckgo/slide-youtube": { - "version": "1.0.0-rc.1-4", - "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.1-4.tgz", - "integrity": "sha512-JqjDz48F2ft8fMFxkA/3C/hDxGgsGy1kFBvt/GxkUzqxT9iIKp5AWUc9iMqACs+GwjAuWmuJI1COH4ND6MHBFA==", + "version": "1.0.0-rc.2", + "resolved": "https://registry.npmjs.org/@deckdeckgo/slide-youtube/-/slide-youtube-1.0.0-rc.2.tgz", + "integrity": "sha512-lUDWA1VGX0lBr783o8Sfr7kxFOnGCxKNYbjb/HBpnCXaMiQRcA7xuy1/jglI4FamgtqO9APKp59l1RgzXVtTkg==", "requires": { "@deckdeckgo/slide-utils": "^1.0.0-rc.3-2", "@deckdeckgo/utils": "^1.0.0-rc.1-3" diff --git a/studio/package.json b/studio/package.json index 8a4197d8c..0b8d9e8e8 100644 --- a/studio/package.json +++ b/studio/package.json @@ -32,7 +32,7 @@ "@deckdeckgo/slide-qrcode": "^1.0.0-rc.2-1", "@deckdeckgo/slide-split": "^1.0.0-rc.2", "@deckdeckgo/slide-title": "^1.0.0-rc.1", - "@deckdeckgo/slide-youtube": "^1.0.0-rc.1-4", + "@deckdeckgo/slide-youtube": "^1.0.0-rc.2", "@deckdeckgo/utils": "^1.0.0-rc.1-4", "@ionic/core": "4.11.3", "firebase": "^7.5.0",