@webreact/webreact-components - npm Package Compare versions

Comparing version 0.4.13 to 0.4.14

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["wr-accordion_8.cjs",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1],"open":[32],"closeMe":[64],"openMe":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer.cjs",[[1,"wr-footer"]]],["wr-logo-icon.cjs",[[1,"wr-logo-icon"]]],["wr-menu-item.cjs",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation.cjs",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
+  return index.bootstrapLazy([["wr-accordion_8.cjs",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1025],"open":[32],"closeMe":[64],"openMe":[64],"calculateSizes":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer.cjs",[[1,"wr-footer"]]],["wr-logo-icon.cjs",[[1,"wr-logo-icon"]]],["wr-menu-item.cjs",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation.cjs",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/cjs/webreact.cjs.js

@@ -18,3 +18,3 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["wr-accordion_8.cjs",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1],"open":[32],"closeMe":[64],"openMe":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer.cjs",[[1,"wr-footer"]]],["wr-logo-icon.cjs",[[1,"wr-logo-icon"]]],["wr-menu-item.cjs",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation.cjs",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
+  return index.bootstrapLazy([["wr-accordion_8.cjs",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1025],"open":[32],"closeMe":[64],"openMe":[64],"calculateSizes":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer.cjs",[[1,"wr-footer"]]],["wr-logo-icon.cjs",[[1,"wr-logo-icon"]]],["wr-menu-item.cjs",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation.cjs",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
 });

dist/collection/components/wr-accordion/wr-accordion.js

@@ -10,4 +10,3 @@ import { Component, Event, h, Method, Prop, State, Watch } from '@stencil/core';
     this.open = true;
-    this.closeMe = this.closeMe.bind(this);
-    this.openMe = this.openMe.bind(this);
+    this.sizes = {};
   }
@@ -18,10 +17,8 @@ /**
    */
-  componentDidLoad() {
+  async componentDidLoad() {
+    const resizeObserver = new ResizeObserver(() => this.calculateSizes());
+    await this.calculateSizes();
     this.open = false;
-    if (this.backgroundElement) {
-      this.backgroundElement.querySelector('img')
-        .addEventListener('error', () => {
-        this.backgroundElement.parentElement.removeChild(this.backgroundElement);
-      });
-    }
+    this.checkBackgroundImage();
+    resizeObserver.observe(this.accordion);
   }
@@ -34,12 +31,13 @@ async watchOpen(newValue) {
       easing: newValue ? 'easeInCubic' : 'easeOutCubic',
-      duration: 225,
+      duration: 300,
     });
     if (newValue) {
-      elementHeight = this.accordion.clientHeight + this.contentElement.scrollHeight;
+      elementHeight = this.sizes.openedSize;
     }
     else {
-      elementHeight = this.accordion.clientHeight - this.contentElement.scrollHeight;
+      elementHeight = this.sizes.closedSize;
     }
     if (newValue)
       this.accordionOpened.emit('animating');
+    // Set the accordion to either full height or the header height.
     tl.add({
@@ -49,15 +47,20 @@ targets: this.accordion,
     });
+    if (this.background) {
+      // Set the background to either full height or the header height.
+      tl.add({
+        targets: this.backgroundElement,
+        height: elementHeight,
+      }, 0);
+      // Scale the background to fit.
+      tl.add({
+        targets: this.backgroundElement,
+        scale: newValue ? [1, 1.25] : [1.25, 1],
+      }, '+=150');
+    }
+    // Flow in the content.
     tl.add({
-      targets: this.backgroundElement,
-      height: elementHeight,
-    }, 0);
-    tl.add({
-      targets: this.backgroundElement,
-      scale: newValue ? [1, 1.25] : [1.25, 1],
-    }, '+=125');
-    tl.add({
       targets: this.contentElement,
       translateY: newValue ? ['-2rem', 0] : [0, '-2rem'],
       opacity: newValue ? [0, 0, 100] : [100, 0],
-    }, '+=0');
+    }, this.background ? '-=300' : 0);
     if (newValue)
@@ -98,2 +101,23 @@ this.accordionOpened.emit('processed');
   }
+  /**
+   * Recalculate te sizes of the accordion.
+   */
+  async calculateSizes() {
+    const headerHeight = this.accordion.querySelector('.accordion__header').clientHeight + 1; // Add 1 px for the bottom border.
+    this.sizes.openedSize = headerHeight + this.contentElement.clientHeight;
+    this.sizes.closedSize = headerHeight;
+  }
+  /**
+   * Checks if the accordion background image should exist.
+   * @protected
+   */
+  checkBackgroundImage() {
+    if (this.backgroundElement) {
+      this.backgroundElement.querySelector('img')
+        .addEventListener('error', () => {
+        this.backgroundElement.parentElement.removeChild(this.backgroundElement);
+        this.background = null;
+      });
+    }
+  }
   static get is() { return "wr-accordion"; }
@@ -127,3 +151,3 @@ static get encapsulation() { return "shadow"; }
       "type": "string",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
@@ -195,2 +219,18 @@ "original": "string",
       }
+    },
+    "calculateSizes": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Recalculate te sizes of the accordion.",
+        "tags": []
+      }
     }
@@ -197,0 +237,0 @@ }; }

dist/collection/components/wr-case/wr-case.js

@@ -28,4 +28,5 @@ import { Component, h, Prop } from '@stencil/core';
       el: this.atroposElement,
+      shadow: false,
+      highlight: false,
     });
-    console.dir(this.atroposElement);
   }
@@ -32,0 +33,0 @@ render() {

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-e41e20bc.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1],open:[32],closeMe:[64],openMe:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["wr-navigation",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-e41e20bc.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["wr-navigation",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)}))};export{defineCustomElements};

dist/esm-es5/webreact.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-e41e20bc.js";var patchBrowser=function(){var o=import.meta.url;var e={};if(o!==""){e.resourcesUrl=new URL(".",o).href}return promiseResolve(e)};patchBrowser().then((function(o){return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1],open:[32],closeMe:[64],openMe:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["wr-navigation",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-e41e20bc.js";var patchBrowser=function(){var o=import.meta.url;var e={};if(o!==""){e.resourcesUrl=new URL(".",o).href}return promiseResolve(e)};patchBrowser().then((function(o){return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["wr-navigation",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)}));

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-e41e20bc.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1],"open":[32],"closeMe":[64],"openMe":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
+  return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1025],"open":[32],"closeMe":[64],"openMe":[64],"calculateSizes":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/webreact.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-e41e20bc.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1],"open":[32],"closeMe":[64],"openMe":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
+  return bootstrapLazy([["wr-accordion_8",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1025],"open":[32],"closeMe":[64],"openMe":[64],"calculateSizes":[64]}],[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}],[1,"wr-block-meta",{"items":[1],"innerData":[32]}],[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"]}],[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}],[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["wr-footer",[[1,"wr-footer"]]],["wr-logo-icon",[[1,"wr-logo-icon"]]],["wr-menu-item",[[1,"wr-menu-item",{"size":[1],"badge":[2],"href":[1],"isLarge":[64]}]]],["wr-navigation",[[1,"wr-navigation",{"isOpen":[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]], options);
 });

dist/types/components.d.ts

@@ -18,2 +18,6 @@ /* eslint-disable */
         "background": string;
+        /**
+          * Recalculate te sizes of the accordion.
+         */
+        "calculateSizes": () => Promise<void>;
         "closeMe": () => Promise<void>;
@@ -20,0 +24,0 @@ "openMe": () => Promise<void>;

dist/types/components/wr-accordion/wr-accordion.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class WrAccordion {
-  constructor();
   /**
@@ -17,2 +16,6 @@ * The title for the accordion. This is always shown.
   open: boolean;
+  sizes: {
+    closedSize?: number;
+    openedSize?: number;
+  };
   /**
@@ -44,3 +47,3 @@ * Fires when the element is opened. The Event.detail property is a string
    */
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
   watchOpen(newValue: boolean): Promise<void>;
@@ -50,3 +53,3 @@ closeMe(): Promise<void>;
   render(): any;
-  renderStateButton(): any;
+  protected renderStateButton(): any;
   /**
@@ -57,3 +60,12 @@ * Renders the background image for the accordion if supplied.
    */
-  renderImage(): any;
+  protected renderImage(): any;
+  /**
+   * Recalculate te sizes of the accordion.
+   */
+  calculateSizes(): Promise<void>;
+  /**
+   * Checks if the accordion background image should exist.
+   * @protected
+   */
+  protected checkBackgroundImage(): void;
 }

dist/webreact/p-a7e464d1.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-6e092c3e.system.js"],(function(e,o){"use strict";var r,t;return{setters:[function(e){r=e.p;t=e.b}],execute:function(){var e=function(){var e=o.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return r(t)};e().then((function(e){return t([["p-26dd3d02.system",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1],open:[32],closeMe:[64],openMe:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["p-761a1d39.system",[[1,"wr-footer"]]],["p-b4e39a47.system",[[1,"wr-logo-icon"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-43ef059b.system",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],e)}))}}}));
+System.register(["./p-6e092c3e.system.js"],(function(e,o){"use strict";var r,t;return{setters:[function(e){r=e.p;t=e.b}],execute:function(){var e=function(){var e=o.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return r(t)};e().then((function(e){return t([["p-4cca2452.system",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["p-761a1d39.system",[[1,"wr-footer"]]],["p-b4e39a47.system",[[1,"wr-logo-icon"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-43ef059b.system",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],e)}))}}}));

dist/webreact/webreact.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as e}from"./p-abaf52ff.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),o(a)})().then((o=>e([["p-968741e4",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1],open:[32],closeMe:[64],openMe:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["p-1e544dab",[[1,"wr-footer"]]],["p-d0d1a2b9",[[1,"wr-logo-icon"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-642d7020",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)));
+import{p as o,b as e}from"./p-abaf52ff.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),o(a)})().then((o=>e([["p-60fad843",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["p-1e544dab",[[1,"wr-footer"]]],["p-d0d1a2b9",[[1,"wr-logo-icon"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-642d7020",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)));

package.json

 {
   "name": "@webreact/webreact-components",
-  "version": "0.4.13",
+  "version": "0.4.14",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1312540

increased by1.04%

Lines of code

18523

increased by0.78%

No dependency changes