@swisspost/design-system-components 7.1.0 → 7.2.0

package/dist/cjs/{index-de783b23.js → index-0fc0bf5f.js}

@@ -21,9 +21,10 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'post-components';
+const BUILD = /* post-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Client Platform v4.18.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -481,7 +482,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        containerElm.insertBefore(childNode, before);
+        insertBefore(containerElm, childNode, before);
       }
     }
   }
@@ -530,12 +531,12 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
       patch(oldStartVnode, newEndVnode, isInitialRender);
-      parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
       patch(oldEndVnode, newStartVnode, isInitialRender);
-      parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
       newStartVnode = newCh[++newStartIdx];
     } else {
@@ -564,7 +565,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         {
-          oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
         }
       }
     }
@@ -623,6 +624,10 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var insertBefore = (parent, newNode, reference) => {
+  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  return inserted;
+};
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -666,8 +671,14 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
+  const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = hostRef.$lazyInstance$ ;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
+    );
+  }
   let maybePromise;
   if (isInitialLoad) {
     {
@@ -797,12 +808,20 @@ var safeCall = (instance, method, arg) => {
   }
   return void 0;
 };
-var addHydratedFlag = (elm) => elm.classList.add("hydrated") ;
+var addHydratedFlag = (elm) => {
+  var _a;
+  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+};
 
 // src/runtime/set-value.ts
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    throw new Error(
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
+    );
+  }
   const elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
@@ -935,11 +954,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
     const bundleId = cmpMeta.$lazyBundleId$;
     if (bundleId) {
-      Cstr = loadModule(cmpMeta);
-      if (Cstr.then) {
+      const CstrImport = loadModule(cmpMeta);
+      if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
-        Cstr = await Cstr;
+        Cstr = await CstrImport;
         endLoad();
+      } else {
+        Cstr = CstrImport;
+      }
+      if (!Cstr) {
+        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
         {
@@ -967,9 +991,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
-      customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (Cstr.style) {
+    if (Cstr && Cstr.style) {
       let style = Cstr.style;
       const scopeId2 = getScopeId(cmpMeta);
       if (!styles.has(scopeId2)) {
@@ -1176,10 +1201,11 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
   }
 };
 var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
   try {
     {
       if (hostRef.$flags$ & 256 /* isListenReady */) {
-        hostRef.$lazyInstance$[methodName](ev);
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
       } else {
         (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
       }
@@ -1226,6 +1252,9 @@ var cmpModules = /* @__PURE__ */ new Map();
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
+  if (!bundleId) {
+    return void 0;
+  }
   const module = cmpModules.get(bundleId) ;
   if (module) {
     return module[exportName];

package/dist/cjs/index.cjs.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-225de951.js');
-const postAccordionItem = require('./post-accordion-item-935e122a.js');
-const postAlert = require('./post-alert-6041a34c.js');
-const postCardControl = require('./post-card-control-3c089d8e.js');
-const postCollapsible = require('./post-collapsible-562268e9.js');
-const postIcon = require('./post-icon-973d5c46.js');
-const postPopover = require('./post-popover-b0844e71.js');
-const postPopovercontainer = require('./post-popovercontainer-5bb6a804.js');
-const postRating = require('./post-rating-d2845096.js');
-const postTabs = require('./post-tabs-4e4ee252.js');
-const postTabHeader = require('./post-tab-header-6496a51b.js');
-const postTabPanel = require('./post-tab-panel-25bd8c74.js');
-const postTooltip = require('./post-tooltip-805bc0c0.js');
-const postTag = require('./post-tag-cbc458ed.js');
-require('./index-de783b23.js');
-require('./package-dacf5ec2.js');
+const postAccordion = require('./post-accordion-a079c21b.js');
+const postAccordionItem = require('./post-accordion-item-30c6ec06.js');
+const postAlert = require('./post-alert-b5cfc4c6.js');
+const postCardControl = require('./post-card-control-80ff0fbb.js');
+const postCollapsible = require('./post-collapsible-9bcaf6f1.js');
+const postIcon = require('./post-icon-87e7972e.js');
+const postPopover = require('./post-popover-0a73553e.js');
+const postPopovercontainer = require('./post-popovercontainer-a1df1705.js');
+const postRating = require('./post-rating-2337c023.js');
+const postTabs = require('./post-tabs-92435b40.js');
+const postTabHeader = require('./post-tab-header-ac4137cb.js');
+const postTabPanel = require('./post-tab-panel-307eacef.js');
+const postTooltip = require('./post-tooltip-7fcd3f15.js');
+const postTag = require('./post-tag-0237216a.js');
+require('./index-0fc0bf5f.js');
+require('./package-b133ab48.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');
 require('./index-a1440961.js');

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-de783b23.js');
+const index = require('./index-0fc0bf5f.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[4],"headingLevel":[2,"heading-level"],"id":[32],"isOpen":[32],"toggle":[64]},[[0,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisbled"]}]]],["post-popovercontainer.cjs",[[1,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible.cjs",[[1,"post-collapsible",{"collapsed":[4],"id":[32],"isOpen":[32],"toggle":[64]},null,{"collapsed":["validateCollapsed"]}]]]], options);
+  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[4],"headingLevel":[2,"heading-level"],"id":[32],"isOpen":[32],"toggle":[64]},[[0,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisbled"]}]]],["post-popovercontainer.cjs",[[1,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible.cjs",[[1,"post-collapsible",{"collapsed":[4],"id":[32],"toggle":[64]},null,{"collapsed":["validateCollapsed"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-dacf5ec2.js → package-b133ab48.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "7.1.0";
+const version = "7.2.0";
 
 exports.version = version;

package/dist/cjs/{post-accordion-225de951.js → post-accordion-a079c21b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-de783b23.js');
-const _package = require('./package-dacf5ec2.js');
+const index = require('./index-0fc0bf5f.js');
+const _package = require('./package-b133ab48.js');
 const headingLevels = require('./heading-levels-608d432e.js');
 const checkOneOf = require('./check-one-of-f4f5d0c0.js');
 

package/dist/cjs/{post-accordion-item-935e122a.js → post-accordion-item-30c6ec06.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-de783b23.js');
-const _package = require('./package-dacf5ec2.js');
+const index = require('./index-0fc0bf5f.js');
+const _package = require('./package-b133ab48.js');
 const headingLevels = require('./heading-levels-608d432e.js');
 const index$1 = require('./index-a1440961.js');
 

package/dist/cjs/post-accordion-item.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordionItem = require('./post-accordion-item-935e122a.js');
-require('./index-de783b23.js');
-require('./package-dacf5ec2.js');
+const postAccordionItem = require('./post-accordion-item-30c6ec06.js');
+require('./index-0fc0bf5f.js');
+require('./package-b133ab48.js');
 require('./heading-levels-608d432e.js');
 require('./index-a1440961.js');
 require('./constants-238701d3.js');

package/dist/cjs/post-accordion.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-225de951.js');
-require('./index-de783b23.js');
-require('./package-dacf5ec2.js');
+const postAccordion = require('./post-accordion-a079c21b.js');
+require('./index-0fc0bf5f.js');
+require('./package-b133ab48.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');
 

package/dist/cjs/{post-alert-6041a34c.js → post-alert-b5cfc4c6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-de783b23.js');
-const _package = require('./package-dacf5ec2.js');
+const index = require('./index-0fc0bf5f.js');
+const _package = require('./package-b133ab48.js');
 const fade = require('./fade-35a3633a.js');
 const index$1 = require('./index-a1440961.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');

package/dist/cjs/post-alert.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAlert = require('./post-alert-6041a34c.js');
-require('./index-de783b23.js');
-require('./package-dacf5ec2.js');
+const postAlert = require('./post-alert-b5cfc4c6.js');
+require('./index-0fc0bf5f.js');
+require('./package-b133ab48.js');
 require('./fade-35a3633a.js');
 require('./index-a1440961.js');
 require('./constants-238701d3.js');