@deckdeckgo/core - npm Package Compare versions

Comparing version 8.1.3 to 8.1.4

CHANGELOG.md

@@ -0,1 +1,7 @@
+# 8.1.4 (2021-03-25)
+
+### Style
+
+- set a CSS font size for aspect ratio slides
+
 # 8.1.3 (2021-02-17)
@@ -2,0 +8,0 @@

dist/cjs/deckgo-deck.cjs.entry.js

@@ -406,3 +406,3 @@ 'use strict';
       }
-      await this.initFontSize(slider, sliderSize.height);
+      await this.initFontSize(slider, { height: sliderSize.height, width: sliderSize.width });
       resolve();
@@ -429,3 +429,3 @@ });
         }
-        await this.initFontSize(slider, slider.offsetParent.clientHeight);
+        await this.initFontSize(slider, { height: slider.offsetParent.clientHeight, width: slider.offsetParent.clientWidth });
       }
@@ -435,6 +435,8 @@ resolve();
   }
-  async initFontSize(slider, height) {
+  async initFontSize(slider, { height, width }) {
     // 576px height = font-size 16px or 1em (relative to the font-size of its direct or nearest parent)
     const fontSize = height / 576;
+    const ratioFontSize = width / 16 * 9 / 576;
     slider.style.setProperty('--slide-auto-font-size', `${fontSize}em`);
+    slider.style.setProperty('--slide-auto-ratio-font-size', `${ratioFontSize}em`);
   }
@@ -441,0 +443,0 @@ initKeyboardAssist() {

dist/collection/components/deck/deckdeckgo-deck/deckdeckgo-deck.js

@@ -138,3 +138,3 @@ import { Component, Element, Listen, Method, Prop, State, Event, h, Watch, Host } from '@stencil/core';
       }
-      await this.initFontSize(slider, sliderSize.height);
+      await this.initFontSize(slider, { height: sliderSize.height, width: sliderSize.width });
       resolve();
@@ -161,3 +161,3 @@ });
         }
-        await this.initFontSize(slider, slider.offsetParent.clientHeight);
+        await this.initFontSize(slider, { height: slider.offsetParent.clientHeight, width: slider.offsetParent.clientWidth });
       }
@@ -167,6 +167,8 @@ resolve();
   }
-  async initFontSize(slider, height) {
+  async initFontSize(slider, { height, width }) {
     // 576px height = font-size 16px or 1em (relative to the font-size of its direct or nearest parent)
     const fontSize = height / 576;
+    const ratioFontSize = width / 16 * 9 / 576;
     slider.style.setProperty('--slide-auto-font-size', `${fontSize}em`);
+    slider.style.setProperty('--slide-auto-ratio-font-size', `${ratioFontSize}em`);
   }
@@ -173,0 +175,0 @@ initKeyboardAssist() {

dist/deckdeckgo/deckdeckgo.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-5f829155.js";(()=>{const o=import.meta.url,i={};return""!==o&&(i.resourcesUrl=new URL(".",o).href),e(i)})().then(e=>o([["p-4da67c0c",[[1,"deckgo-deck",{keyboard:[4],embedded:[4],cloneBackground:[4,"clone-background"],reveal:[4],revealOnMobile:[4,"reveal-on-mobile"],animation:[513],direction:[513],directionMobile:[513,"direction-mobile"],autoSlide:[1,"auto-slide"],autoSlideInterval:[2,"auto-slide-interval"],rtl:[32],activeIndex:[32],dir:[32],initSlideSize:[64],toggleKeyboardAssist:[64],getDeckDefinition:[64],getSlideDefinition:[64],loadBackground:[64],loadHeader:[64],loadFooter:[64],isBeginning:[64],isEnd:[64],getActiveIndex:[64],getLength:[64],slideNext:[64],slidePrev:[64],slideTo:[64],deleteActiveSlide:[64],blockSlide:[64],toggleFullScreen:[64],doPrint:[64],lazyLoadAllContent:[64]},[[1,"mousedown","mousedown"],[1,"touchstart","touchstart"],[1,"mouseup","mouseup"],[1,"touchend","touchend"],[1,"mousemove","mousemove"],[1,"touchmove","touchmove"],[1,"dblclick","dblclick"],[1,"contextmenu","contextMenu"],[0,"scrolling","scrolling"],[0,"keypress","keypress"],[0,"slideDidLoad","slideDidLoad"]]]]]],e));
+import{p as e,b as o}from"./p-5f829155.js";(()=>{const o=import.meta.url,i={};return""!==o&&(i.resourcesUrl=new URL(".",o).href),e(i)})().then(e=>o([["p-99cdb572",[[1,"deckgo-deck",{keyboard:[4],embedded:[4],cloneBackground:[4,"clone-background"],reveal:[4],revealOnMobile:[4,"reveal-on-mobile"],animation:[513],direction:[513],directionMobile:[513,"direction-mobile"],autoSlide:[1,"auto-slide"],autoSlideInterval:[2,"auto-slide-interval"],rtl:[32],activeIndex:[32],dir:[32],initSlideSize:[64],toggleKeyboardAssist:[64],getDeckDefinition:[64],getSlideDefinition:[64],loadBackground:[64],loadHeader:[64],loadFooter:[64],isBeginning:[64],isEnd:[64],getActiveIndex:[64],getLength:[64],slideNext:[64],slidePrev:[64],slideTo:[64],deleteActiveSlide:[64],blockSlide:[64],toggleFullScreen:[64],doPrint:[64],lazyLoadAllContent:[64]},[[1,"mousedown","mousedown"],[1,"touchstart","touchstart"],[1,"mouseup","mouseup"],[1,"touchend","touchend"],[1,"mousemove","mousemove"],[1,"touchmove","touchmove"],[1,"dblclick","dblclick"],[1,"contextmenu","contextMenu"],[0,"scrolling","scrolling"],[0,"keypress","keypress"],[0,"slideDidLoad","slideDidLoad"]]]]]],e));

dist/esm/deckgo-deck.entry.js

@@ -402,3 +402,3 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-a633c8ab.js';
       }
-      await this.initFontSize(slider, sliderSize.height);
+      await this.initFontSize(slider, { height: sliderSize.height, width: sliderSize.width });
       resolve();
@@ -425,3 +425,3 @@ });
         }
-        await this.initFontSize(slider, slider.offsetParent.clientHeight);
+        await this.initFontSize(slider, { height: slider.offsetParent.clientHeight, width: slider.offsetParent.clientWidth });
       }
@@ -431,6 +431,8 @@ resolve();
   }
-  async initFontSize(slider, height) {
+  async initFontSize(slider, { height, width }) {
     // 576px height = font-size 16px or 1em (relative to the font-size of its direct or nearest parent)
     const fontSize = height / 576;
+    const ratioFontSize = width / 16 * 9 / 576;
     slider.style.setProperty('--slide-auto-font-size', `${fontSize}em`);
+    slider.style.setProperty('--slide-auto-ratio-font-size', `${ratioFontSize}em`);
   }
@@ -437,0 +439,0 @@ initKeyboardAssist() {

package.json

 {
   "name": "@deckdeckgo/core",
-  "version": "8.1.3",
+  "version": "8.1.4",
   "description": "Add a presentation to your web application using HTML and Web Components",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

No alert changes

Improved metrics

Total package byte prevSize

490632

0.19%

Lines of code

9048

0.07%

No dependency changes