@swisspost/design-system-components 9.0.0-next.1 → 9.0.0-next.11

package/dist/esm/check-type-8828dbe4.js

@@ -0,0 +1,14 @@
+function checkType(value, type, error) {
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray)
+            throw new Error(error);
+    }
+    else {
+        if (typeof value !== type)
+            throw new Error(error);
+    }
+}
+
+export { checkType as c };

package/dist/esm/check-url-a974431e.js

@@ -0,0 +1,12 @@
+function checkUrl(value, error) {
+    if (typeof value !== 'string' && !(value instanceof URL))
+        throw new Error(error);
+    try {
+        new URL(value);
+    }
+    catch (e) {
+        throw new Error(error);
+    }
+}
+
+export { checkUrl as c };

package/dist/esm/debounce-abe98cc2.js

@@ -0,0 +1,10 @@
+function debounce(callback, timeout = 200) {
+    let id;
+    return (...args) => {
+        if (id)
+            clearTimeout(id);
+        id = setTimeout(callback, timeout, ...args);
+    };
+}
+
+export { debounce as d };

package/dist/esm/get-root-7af2e0d1.js

@@ -0,0 +1,9 @@
+function getRoot(element) {
+    const root = element.getRootNode();
+    if (root instanceof Document || root instanceof ShadowRoot) {
+        return root;
+    }
+    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
+}
+
+export { getRoot as g };

package/dist/esm/{index-0b56fc28.js → index-6bfe6554.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'post-components';
-const BUILD = /* post-components */ { allRenderFn: false, 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: true, state: true, style: true, svg: true, 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: true, watchCallback: true };
+const BUILD = /* post-components */ { allRenderFn: false, 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: true, 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: true, hydratedClass: false, hydratedSelectorName: "data-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: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, 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: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -52,26 +52,38 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'post-closebutton_15':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-closebutton_15.entry.js').then(processMod, consoleError);
                 case 'post-accordion':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-accordion.entry.js').then(processMod, consoleError);
-                case 'post-accordion-item':
+                case 'post-avatar':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-accordion-item.entry.js').then(processMod, consoleError);
-                case 'post-alert':
+                      './post-avatar.entry.js').then(processMod, consoleError);
+                case 'post-back-to-top':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-back-to-top.entry.js').then(processMod, consoleError);
+                case 'post-banner':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-alert.entry.js').then(processMod, consoleError);
+                      './post-banner.entry.js').then(processMod, consoleError);
+                case 'post-breadcrumb':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-breadcrumb.entry.js').then(processMod, consoleError);
                 case 'post-card-control':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-card-control.entry.js').then(processMod, consoleError);
-                case 'post-logo':
+                case 'post-footer':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-logo.entry.js').then(processMod, consoleError);
+                      './post-footer.entry.js').then(processMod, consoleError);
                 case 'post-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -100,18 +112,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-tooltip.entry.js').then(processMod, consoleError);
-                case 'post-collapsible_2':
+                case 'post-accordion-item':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-collapsible_2.entry.js').then(processMod, consoleError);
-                case 'post-popovercontainer':
+                      './post-accordion-item.entry.js').then(processMod, consoleError);
+                case 'post-breadcrumb-item_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-popovercontainer.entry.js').then(processMod, consoleError);
-                case 'post-icon':
+                      './post-breadcrumb-item_2.entry.js').then(processMod, consoleError);
+                case 'post-collapsible_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-icon.entry.js').then(processMod, consoleError);
+                      './post-collapsible_2.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -130,7 +142,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
-var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var HYDRATED_CSS = "{visibility:hidden}[data-hydrated]{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
@@ -1029,6 +1041,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
       if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -1154,6 +1172,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     {
       maybePromise = safeCall(instance, "componentWillLoad");
     }
+  } else {
+    {
+      maybePromise = safeCall(instance, "componentWillUpdate");
+    }
   }
   {
     maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
@@ -1275,8 +1297,8 @@ var safeCall = (instance, method, arg) => {
   return void 0;
 };
 var addHydratedFlag = (elm) => {
-  var _a;
-  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+  var _b;
+  return elm.setAttribute((_b = BUILD.hydratedSelectorName) != null ? _b : "hydrated", "") ;
 };
 
 // src/runtime/set-value.ts
@@ -1402,8 +1424,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
             return attrName;
           })
         ])
@@ -1596,6 +1622,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$listeners$ = compactMeta[3];
       }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
       }

package/dist/esm/index-b49c9904.js

@@ -0,0 +1,24 @@
+import { E as EMPTY_VALUES } from './constants-8d548297.js';
+import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
+import { c as checkType } from './check-type-8828dbe4.js';
+import { c as checkUrl } from './check-url-a974431e.js';
+
+function emptyOr(check) {
+    return (...args) => {
+        const value = args[0];
+        if (!EMPTY_VALUES.some(v => v === value))
+            check(...args);
+    };
+}
+
+function checkPattern(value, pattern, errorMessage) {
+    if (typeof value !== 'string' || !pattern.test(value))
+        throw new Error(errorMessage);
+}
+
+const checkEmptyOrOneOf = emptyOr(checkOneOf);
+const checkEmptyOrPattern = emptyOr(checkPattern);
+const checkEmptyOrType = emptyOr(checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl);
+
+export { checkEmptyOrPattern as a, checkEmptyOrUrl as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };

package/dist/esm/index.browser-51485f85.js

@@ -0,0 +1,13 @@
+const urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+
+let nanoid = (size = 21) => {
+  let id = '';
+  let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id
+};
+
+export { nanoid as n };

package/dist/esm/index.js

@@ -1,24 +1,33 @@
-export { P as PostAccordion } from './post-accordion-3a7b3f3c.js';
-export { P as PostAccordionItem } from './post-accordion-item-55d1e771.js';
-export { P as PostAlert } from './post-alert-6c908130.js';
-export { P as PostCardControl } from './post-card-control-9fff6efc.js';
-export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-8d7e027b.js';
-export { P as PostIcon } from './post-icon-d59ad345.js';
-export { P as PostLogo } from './post-logo-a1487634.js';
-export { P as PostPopover } from './post-popover-972c5ea7.js';
-export { P as PostPopovercontainer } from './post-popovercontainer-2485b7d9.js';
-export { P as PostRating } from './post-rating-cca784ae.js';
-export { P as PostTabs } from './post-tabs-74ded897.js';
-export { P as PostTabHeader } from './post-tab-header-dd2cb68e.js';
-export { P as PostTabPanel } from './post-tab-panel-633a5e6b.js';
-export { P as PostTooltip } from './post-tooltip-0457467f.js';
-export { P as PostTag } from './post-tag-f60a71fd.js';
-import './index-0b56fc28.js';
-import './package-bc6404e2.js';
+export { P as PostAccordion } from './post-accordion-25df8744.js';
+export { P as PostAccordionItem } from './post-accordion-item-33fb36df.js';
+export { P as PostAvatar } from './post-avatar-731aafd6.js';
+export { P as PostBackToTop } from './post-back-to-top-3a6b6203.js';
+export { P as PostBanner } from './post-banner-b2eb796c.js';
+export { P as PostBreadcrumb } from './post-breadcrumb-0a99384c.js';
+export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-ae066299.js';
+export { P as PostCardControl } from './post-card-control-ff272e38.js';
+export { P as PostClosebutton, a as PostHeader, b as PostIcon, c as PostLanguageOption, d as PostLanguageSwitch, e as PostList, f as PostListItem, g as PostLogo, h as PostMainnavigation, i as PostMegadropdown, j as PostMegadropdownTrigger, k as PostMenu, l as PostMenuTrigger, m as PostPopovercontainer, n as PostTogglebutton } from './post-togglebutton-caf0000b.js';
+export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-7fc4d61c.js';
+export { P as PostFooter } from './post-footer-97bbd770.js';
+export { P as PostPopover } from './post-popover-62e33068.js';
+export { P as PostRating } from './post-rating-ee73a51b.js';
+export { P as PostTabs } from './post-tabs-b614a577.js';
+export { P as PostTabHeader } from './post-tab-header-dac84177.js';
+export { P as PostTabPanel } from './post-tab-panel-5e35e7df.js';
+export { P as PostTag } from './post-tag-413626e4.js';
+export { P as PostTooltip } from './post-tooltip-b0f1b147.js';
+import './index-6bfe6554.js';
+import './package-cf78d928.js';
 import './heading-levels-5b7b4349.js';
 import './check-one-of-6b3ef8eb.js';
-import './index-f41b763f.js';
+import './index-b49c9904.js';
 import './constants-8d548297.js';
-import './fade-7fd71785.js';
+import './check-type-8828dbe4.js';
+import './check-url-a974431e.js';
+import './index.browser-51485f85.js';
 import './check-non-empty-58bd6b17.js';
+import './slide-3422b8a3.js';
+import './fade-7fd71785.js';
+import './debounce-abe98cc2.js';
+import './get-root-7af2e0d1.js';
 import './attribute-observer-37fa950a.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-0b56fc28.js';
-export { s as setNonce } from './index-0b56fc28.js';
+import { b as bootstrapLazy } from './index-6bfe6554.js';
+export { s as setNonce } from './index-6bfe6554.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["post-accordion-item",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert",[[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",[[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":["updateControlDisabled"]}]]],["post-popovercontainer",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-logo",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-icon",[[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"]}]]]], options);
+  return bootstrapLazy([["post-breadcrumb",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner",[[1,"post-banner",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"icon":[1],"type":[1],"bannerId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control",[[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":["updateControlDisabled"]}]]],["post-popover",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar",[[1,"post-avatar",{"firstname":[1],"lastname":[1],"userid":[1],"email":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32]},null,{"firstname":["validateFirstname"]}]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},null,{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-megadropdown",{"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64]}],[1,"post-header",{"device":[32],"mobileMenuExtended":[32],"toggleMobileMenu":[64]},null,{"mobileMenuExtended":["frozeBody"]}],[4,"post-language-option",{"code":[1],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}],[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[516],"titleId":[32]}],[1,"post-list-item"],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-mainnavigation"],[4,"post-megadropdown-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]},null,{"toggled":["validateToggled"]}],[1,"post-menu",{"placement":[1],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[4,"post-menu-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion-item",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/package-cf78d928.js

@@ -0,0 +1,3 @@
+const version = "9.0.0-next.11";
+
+export { version as v };

package/dist/esm/{post-accordion-3a7b3f3c.js → post-accordion-25df8744.js}

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
-import { v as version } from './package-bc6404e2.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
+import { v as version } from './package-cf78d928.js';
 import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
 import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
 
-const postAccordionCss = ":host{display:block}";
+const postAccordionCss = ":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";
 const PostAccordionStyle0 = postAccordionCss;
 
 const PostAccordion = class {

package/dist/esm/post-accordion-item-33fb36df.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
+import { v as version } from './package-cf78d928.js';
+import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
+import { c as checkEmptyOrOneOf } from './index-b49c9904.js';
+import { n as nanoid } from './index.browser-51485f85.js';
+
+const postAccordionItemCss = ":host::after{display:block;content:\"\";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
+const PostAccordionItemStyle0 = postAccordionItemCss;
+
+const PostAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.id = undefined;
+        this.slottedLogo = undefined;
+        this.collapsed = false;
+        this.headingLevel = undefined;
+    }
+    validateHeadingLevel(newValue = this.headingLevel) {
+        checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
+    }
+    componentWillLoad() {
+        this.id = this.host.id || `p${nanoid(6)}`;
+    }
+    componentDidLoad() {
+        this.validateHeadingLevel();
+    }
+    // capture to make sure the "collapsed" property is updated before the event is consumed
+    onCollapseToggle(event) {
+        if (event.target === this.host &&
+            event.target.localName === 'post-accordion-item') {
+            this.collapsed = !event.detail;
+        }
+    }
+    /**
+     * Triggers the collapse programmatically.
+     */
+    async toggle(force) {
+        return this.collapsible.toggle(force);
+    }
+    onSlotLogoChange() {
+        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
+    }
+    componentWillRender() {
+        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
+    }
+    render() {
+        var _a, _b;
+        const headingLevel = (_a = this.host.closest('post-accordion')) === null || _a === void 0 ? void 0 : _a.getAttribute('heading-level');
+        const HeadingTag = `h${(_b = headingLevel !== null && headingLevel !== void 0 ? headingLevel : this.headingLevel) !== null && _b !== void 0 ? _b : 2}`;
+        return (h(Host, { key: '77851385edd1910f539ce61f1bf90bcebdeaa9ee', id: this.id, "data-version": version }, h("div", { key: '0d7ab4f69e350658908ac54aa1bdbdf07003f0e1', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: 'b0cc3c14a98575e1db7093a668557ee021fd7f8e', for: `${this.id}--collapse` }, h(HeadingTag, { key: '33f3066f1a866b519084012517d548dd9abd8093', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '1c29d71ea84789427c4bb4ca6f75f56ef0bc242e', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '0324ff7aa3e48a4b7964f043ae99cb5e136fbb54', class: {
+                'logo-container': true,
+                'has-image': !!this.slottedLogo,
+            } }, h("slot", { key: 'a2a07235808a847097d78610d22efc8eb73bd2f0', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '2f6cf7287b910b211e8ba646a8431eb634d89768', name: "header" }), h("post-icon", { key: '38f599c957e70027ebe84939f6146618a5a4b2f0', name: "2051" })))), h("post-collapsible", { key: 'a9fefff65fb48ac5a81c8fef3486dc84937de3a8', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'eddd1a7e8a583409908b7b0a91482cbdfd9e7c99', class: "accordion-body", part: "body" }, h("slot", { key: '1e82e00b05c16bd917e640738c5100689d2e7edf' }))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "headingLevel": ["validateHeadingLevel"]
+    }; }
+};
+PostAccordionItem.style = PostAccordionItemStyle0;
+
+export { PostAccordionItem as P };

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

@@ -1,7 +1,10 @@
-export { P as post_accordion_item } from './post-accordion-item-55d1e771.js';
-import './index-0b56fc28.js';
-import './package-bc6404e2.js';
+export { P as post_accordion_item } from './post-accordion-item-33fb36df.js';
+import './index-6bfe6554.js';
+import './package-cf78d928.js';
 import './heading-levels-5b7b4349.js';
-import './index-f41b763f.js';
+import './index-b49c9904.js';
 import './constants-8d548297.js';
 import './check-one-of-6b3ef8eb.js';
+import './check-type-8828dbe4.js';
+import './check-url-a974431e.js';
+import './index.browser-51485f85.js';

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

@@ -1,5 +1,5 @@
-export { P as post_accordion } from './post-accordion-3a7b3f3c.js';
-import './index-0b56fc28.js';
-import './package-bc6404e2.js';
+export { P as post_accordion } from './post-accordion-25df8744.js';
+import './index-6bfe6554.js';
+import './package-cf78d928.js';
 import './heading-levels-5b7b4349.js';
 import './check-one-of-6b3ef8eb.js';

package/dist/esm/post-avatar-731aafd6.js

@@ -0,0 +1,146 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
+import { v as version } from './package-cf78d928.js';
+import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
+
+const postAvatarCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:\"\";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}";
+const PostAvatarStyle0 = postAvatarCss;
+
+// https://docs.gravatar.com/api/avatars/images/
+const GRAVATAR_DEFAULT = '404';
+const GRAVATAR_RATING = 'g';
+const GRAVATAR_SIZE = 80;
+const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
+var AvatarType;
+(function (AvatarType) {
+    AvatarType["Slotted"] = "slotted";
+    AvatarType["Image"] = "image";
+    AvatarType["Initials"] = "initials";
+    AvatarType[AvatarType["Null"] = null] = "Null";
+})(AvatarType || (AvatarType = {}));
+const PostAvatar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.firstname = undefined;
+        this.lastname = undefined;
+        this.userid = undefined;
+        this.email = undefined;
+        this.slottedImage = undefined;
+        this.avatarType = null;
+        this.imageUrl = '';
+        this.imageAlt = '';
+        this.initials = '';
+    }
+    validateFirstname() {
+        checkNonEmpty(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
+    }
+    async getAvatar() {
+        if (this.slottedImage !== null) {
+            this.avatarType = AvatarType.Slotted;
+        }
+        else {
+            let imageLoaded = false;
+            if (!imageLoaded && this.userid)
+                imageLoaded = await this.getImageByProp(this.userid, this.fetchImageByUserId.bind(this));
+            if (!imageLoaded && this.email)
+                imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
+            if (!imageLoaded)
+                this.getAvatarByInitials();
+        }
+    }
+    async getImageByProp(prop, fetchImage) {
+        var _a;
+        if (!prop)
+            return false;
+        const imageResponse = (_a = (await this.getStorageItem(prop))) !== null && _a !== void 0 ? _a : { ok: false, url: '' };
+        if (!imageResponse.ok) {
+            try {
+                const r = await fetchImage();
+                imageResponse.ok = r.ok;
+                imageResponse.url = r.url;
+                this.imageUrl = imageResponse.url;
+                this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
+                this.avatarType = AvatarType.Image;
+                this.setStorageItem(this.userid, JSON.stringify(imageResponse));
+            }
+            catch (error) {
+                this.removeStorageItem(prop);
+                console.info(`Loading avatar by type "${AvatarType.Image}" failed.`);
+            }
+        }
+        return imageResponse.ok;
+    }
+    async fetchImageByUserId() {
+        return await fetch(PostAvatar.INTERNAL_USERID_IMAGE_SRC.replace('{userid}', encodeURIComponent(this.userid)));
+    }
+    async fetchImageByEmail() {
+        const email = await this.cryptify(this.email);
+        const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
+        return await fetch(imageUrl);
+    }
+    getAvatarByInitials() {
+        this.initials = this.getInitials();
+        this.avatarType = AvatarType.Initials;
+    }
+    getNames() {
+        return [this.firstname, this.lastname].filter(n => n);
+    }
+    getInitials() {
+        return this.getNames()
+            .map(n => n.charAt(0))
+            .join('')
+            .trim();
+    }
+    async getStorageItem(keyToken) {
+        var _a;
+        const key = await this.cryptify(keyToken);
+        const value = (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
+        return value ? JSON.parse(value) : null;
+    }
+    async setStorageItem(keyToken, value) {
+        var _a;
+        const key = await this.cryptify(keyToken);
+        (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.setItem(key, value);
+    }
+    async removeStorageItem(keyToken) {
+        var _a;
+        const key = await this.cryptify(keyToken);
+        (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
+    }
+    async cryptify(key) {
+        return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
+            return Array.from(new Uint8Array(buffer))
+                .map(bytes => bytes.toString(16).padStart(2, '0'))
+                .join('');
+        });
+    }
+    onSlotDefaultChange() {
+        this.slottedImage = this.host.querySelector('img');
+        this.getAvatar();
+    }
+    componentWillRender() {
+        this.slottedImage = this.host.querySelector('img');
+        this.getAvatar();
+    }
+    componentDidLoad() {
+        this.validateFirstname();
+    }
+    render() {
+        const initials = this.getNames().reduce((acc, n, i) => {
+            if (i > 0)
+                acc.push(h("span", null, " "));
+            acc.push(n.charAt(0));
+            acc.push(h("span", null, n.slice(1)));
+            // eslint-disable-next-line @stencil-community/render-returns-host
+            return acc;
+        }, []);
+        return (h(Host, { "data-version": version }, h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "firstname": ["validateFirstname"]
+    }; }
+};
+PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
+PostAvatar.style = PostAvatarStyle0;
+
+export { PostAvatar as P };

package/dist/esm/post-avatar.entry.js

@@ -0,0 +1,5 @@
+export { P as post_avatar } from './post-avatar-731aafd6.js';
+import './index-6bfe6554.js';
+import './package-cf78d928.js';
+import './check-non-empty-58bd6b17.js';
+import './constants-8d548297.js';