@swisspost/design-system-components 9.0.0-next.12 → 9.0.0-next.14

package/dist/cjs/{index-5d4e0aed.js → index-bea4ac42.js}

@@ -1,21 +1,23 @@
 'use strict';
 
 const constants = require('./constants-238701d3.js');
-const checkOneOf = require('./check-one-of-f4f5d0c0.js');
-const checkType = require('./check-type-64af82a9.js');
-const checkUrl = require('./check-url-3ffdd2fb.js');
+const checkOneOf = require('./check-one-of-ef931478.js');
+const checkType = require('./check-type-696d2c51.js');
+const checkUrl = require('./check-url-1cf6fb0d.js');
 
 function emptyOr(check) {
     return (...args) => {
         const value = args[0];
-        if (!constants.EMPTY_VALUES.some(v => v === value))
+        if (!constants.EMPTY_VALUES.some(v => v === value)) {
             check(...args);
+        }
     };
 }
 
 function checkPattern(value, pattern, errorMessage) {
-    if (typeof value !== 'string' || !pattern.test(value))
+    if (typeof value !== 'string' || !pattern.test(value)) {
         throw new Error(errorMessage);
+    }
 }
 
 const checkEmptyOrOneOf = emptyOr(checkOneOf.checkOneOf);

package/dist/cjs/index.cjs.js

@@ -2,39 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-7aadd881.js');
-const postAccordionItem = require('./post-accordion-item-bd033c7f.js');
-const postAvatar = require('./post-avatar-5dbdf70d.js');
-const postBackToTop = require('./post-back-to-top-71bc912c.js');
-const postBanner = require('./post-banner-d4e0c73c.js');
-const postBreadcrumb = require('./post-breadcrumb-531c4f79.js');
-const postMenuItem = require('./post-menu-item-3f73fb4d.js');
-const postCardControl = require('./post-card-control-332f6f1f.js');
-const postTogglebutton = require('./post-togglebutton-876f7892.js');
-const postCollapsibleTrigger = require('./post-collapsible-trigger-02924200.js');
-const postFooter = require('./post-footer-96d7bd47.js');
-const postPopover = require('./post-popover-64195ffd.js');
-const postRating = require('./post-rating-bd27ebfc.js');
-const postTabs = require('./post-tabs-ea94b243.js');
-const postTabHeader = require('./post-tab-header-1f057694.js');
-const postTabPanel = require('./post-tab-panel-3eedcd19.js');
-const postTag = require('./post-tag-1d75024b.js');
-const postTooltip = require('./post-tooltip-e4ef3c7e.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postAccordion = require('./post-accordion-29861d97.js');
+const postAccordionItem = require('./post-accordion-item-0da0f7aa.js');
+const postAvatar = require('./post-avatar-01b9cd6d.js');
+const postBackToTop = require('./post-back-to-top-9a5647f7.js');
+const postBanner = require('./post-banner-33929088.js');
+const postBreadcrumb = require('./post-breadcrumb-1384018e.js');
+const postMenuItem = require('./post-menu-item-ab3e2e7e.js');
+const postCardControl = require('./post-card-control-4c85eda3.js');
+const postTogglebutton = require('./post-togglebutton-d49bec2c.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-0fb2596a.js');
+const postFooter = require('./post-footer-f621a563.js');
+const postLinkarea = require('./post-linkarea-865079c1.js');
+const postPopover = require('./post-popover-a2ba9226.js');
+const postRating = require('./post-rating-c402c294.js');
+const postTabs = require('./post-tabs-b6fa39c3.js');
+const postTabHeader = require('./post-tab-header-c819517d.js');
+const postTabPanel = require('./post-tab-panel-3cb207f3.js');
+const postTag = require('./post-tag-9c366519.js');
+const postTooltip = require('./post-tooltip-425c01ba.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./heading-levels-608d432e.js');
-require('./check-one-of-f4f5d0c0.js');
-require('./index-5d4e0aed.js');
+require('./check-one-of-ef931478.js');
+require('./index-bea4ac42.js');
 require('./constants-238701d3.js');
-require('./check-type-64af82a9.js');
-require('./check-url-3ffdd2fb.js');
+require('./check-type-696d2c51.js');
+require('./check-url-1cf6fb0d.js');
 require('./index.browser-2f65f583.js');
 require('./check-non-empty-eeaa8f77.js');
-require('./slide-5d51abe8.js');
-require('./fade-35a3633a.js');
-require('./debounce-1151afe3.js');
+require('./slide-8ae17ee4.js');
+require('./fade-72d5ef55.js');
+require('./debounce-158fd76f.js');
 require('./get-root-7a3498ef.js');
-require('./attribute-observer-10f08c04.js');
+require('./attribute-observer-6d8b886b.js');
 
 
 
@@ -65,6 +66,7 @@ exports.PostTogglebutton = postTogglebutton.PostTogglebutton;
 exports.PostCollapsible = postCollapsibleTrigger.PostCollapsible;
 exports.PostCollapsibleTrigger = postCollapsibleTrigger.PostCollapsibleTrigger;
 exports.PostFooter = postFooter.PostFooter;
+exports.PostLinkarea = postLinkarea.PostLinkarea;
 exports.PostPopover = postPopover.PostPopover;
 exports.PostRating = postRating.PostRating;
 exports.PostTabs = postTabs.PostTabs;

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f1b08cdb.js');
+const index = require('./index-0ee3ab4a.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-breadcrumb.cjs",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner.cjs",[[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.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":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["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],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[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.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_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15.cjs",[[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.cjs",[[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.cjs",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
+  return index.bootstrapLazy([["post-breadcrumb.cjs",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner.cjs",[[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.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":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["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],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[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-linkarea.cjs",[[4,"post-linkarea"]]],["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_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},null,{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-mainnavigation",{"canScrollLeft":[32],"canScrollRight":[32],"translateAmount":[32]},[[9,"mouseup","stopScrolling"]],{"translateAmount":["onTranslateAmountChanges"]}],[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-megadropdown",{"device":[32],"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64]}],[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",{"manualClose":[4,"manual-close"],"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.cjs",[[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.cjs",[[1,"post-breadcrumb-item",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-0bd6fb0d.js → package-7d11b6ea.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "9.0.0-next.12";
+const version = "9.0.0-next.14";
 
 exports.version = version;

package/dist/cjs/{post-accordion-7aadd881.js → post-accordion-29861d97.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
 const headingLevels = require('./heading-levels-608d432e.js');
-const checkOneOf = require('./check-one-of-f4f5d0c0.js');
+const checkOneOf = require('./check-one-of-ef931478.js');
 
 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;
@@ -11,10 +11,14 @@ const PostAccordionStyle0 = postAccordionCss;
 const PostAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.expandedItems = new Set();
-        this.headingLevel = undefined;
-        this.multiple = false;
     }
+    accordionItems;
+    expandedItems = new Set();
+    get host() { return index.getElement(this); }
+    /**
+     * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure.
+     */
+    headingLevel;
     validateHeadingLevel(newValue = this.headingLevel) {
         if (!newValue)
             return;
@@ -23,6 +27,10 @@ const PostAccordion = class {
             item.setAttribute('heading-level', String(newValue));
         });
     }
+    /**
+     * If `true`, multiple `post-accordion-item` can be open at the same time.
+     */
+    multiple = false;
     componentWillLoad() {
         this.registerAccordionItems();
         this.validateHeadingLevel();
@@ -94,9 +102,8 @@ const PostAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cfc6280e052937f50bc481fe73cf25ede6e40314', "data-version": _package.version }, index.h("div", { key: '090539a2ebe9d216609a7e56597c5f379d439fb8', class: "accordion" }, index.h("slot", { key: '4ae4095b14b6b9233f1d66c8543d625a77a77e09', onSlotchange: () => this.registerAccordionItems() }))));
+        return (index.h(index.Host, { key: '8c3ff1ccd37541dd906f9f7dddfdad241f9a29ee', "data-version": _package.version }, index.h("div", { key: '331a8c56a9b2e4497cf6b7e7a7c80f6eb500bf7f', class: "accordion" }, index.h("slot", { key: 'a59cab01203187c5ed9b0766f5181aef8e1baf63', onSlotchange: () => this.registerAccordionItems() }))));
     }
-    get host() { return index.getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }

package/dist/cjs/{post-accordion-item-bd033c7f.js → post-accordion-item-0da0f7aa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
 const headingLevels = require('./heading-levels-608d432e.js');
-const index$1 = require('./index-5d4e0aed.js');
+const index$1 = require('./index-bea4ac42.js');
 const index_browser = require('./index.browser-2f65f583.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}";
@@ -12,11 +12,20 @@ const PostAccordionItemStyle0 = postAccordionItemCss;
 const PostAccordionItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.id = undefined;
-        this.slottedLogo = undefined;
-        this.collapsed = false;
-        this.headingLevel = undefined;
     }
+    collapsible;
+    get host() { return index.getElement(this); }
+    id;
+    slottedLogo;
+    /**
+     * If `true`, the element is collapsed otherwise it is displayed.
+     */
+    collapsed = false;
+    /**
+     * Defines the hierarchical level of the accordion item header within the headings structure.
+     * @deprecated set the `heading-level` property on the parent `post-accordion` instead.
+     */
+    headingLevel;
     validateHeadingLevel(newValue = this.headingLevel) {
         index$1.checkEmptyOrOneOf(newValue, headingLevels.HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
     }
@@ -46,15 +55,13 @@ const PostAccordionItem = class {
         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 (index.h(index.Host, { key: '77851385edd1910f539ce61f1bf90bcebdeaa9ee', id: this.id, "data-version": _package.version }, index.h("div", { key: '0d7ab4f69e350658908ac54aa1bdbdf07003f0e1', part: "accordion-item", class: "accordion-item" }, index.h("post-collapsible-trigger", { key: 'b0cc3c14a98575e1db7093a668557ee021fd7f8e', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: '33f3066f1a866b519084012517d548dd9abd8093', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: '1c29d71ea84789427c4bb4ca6f75f56ef0bc242e', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, index.h("span", { key: '0324ff7aa3e48a4b7964f043ae99cb5e136fbb54', class: {
+        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
+        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
+        return (index.h(index.Host, { key: 'f1275370d7aff41e1fc60285395af35a1ecc90e7', id: this.id, "data-version": _package.version }, index.h("div", { key: 'd74f762805143939a891e40cfa7a4779ea29921d', part: "accordion-item", class: "accordion-item" }, index.h("post-collapsible-trigger", { key: '5ddad810d8b1f8564bdaaf2b09e9e89eee96e007', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: 'fc6dc947d426bb31de04e83d8c9795a0c826733c', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: 'bd8005bb87e8e00fee57794bd73c5f06cb642a3d', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, index.h("span", { key: '89eb0b80e63867e2dcd6b27d95c6519d1e86b10d', class: {
                 'logo-container': true,
                 'has-image': !!this.slottedLogo,
-            } }, index.h("slot", { key: 'a2a07235808a847097d78610d22efc8eb73bd2f0', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: '2f6cf7287b910b211e8ba646a8431eb634d89768', name: "header" }), index.h("post-icon", { key: '38f599c957e70027ebe84939f6146618a5a4b2f0', name: "2051" })))), index.h("post-collapsible", { key: 'a9fefff65fb48ac5a81c8fef3486dc84937de3a8', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: 'eddd1a7e8a583409908b7b0a91482cbdfd9e7c99', class: "accordion-body", part: "body" }, index.h("slot", { key: '1e82e00b05c16bd917e640738c5100689d2e7edf' }))))));
+            } }, index.h("slot", { key: '0940530a15ce04b50af007db7f1530ae3c6a456d', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: 'f06a6b067727be0667b4ea9384e75ee8aa435bfc', name: "header" }), index.h("post-icon", { key: '460b2c22083cc3049e0c83fc690cb44e3f984db7', name: "2051" })))), index.h("post-collapsible", { key: '2411f1f93d136ae0bfcbf0da9bb2902d7da0e2a0', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: 'e648a76e35c28bc1aa5cc57233bf6e8277532294', class: "accordion-body", part: "body" }, index.h("slot", { key: '7841fff45f2132990d8f1577dfe7d3707d1eb46c' }))))));
     }
-    get host() { return index.getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordionItem = require('./post-accordion-item-bd033c7f.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postAccordionItem = require('./post-accordion-item-0da0f7aa.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./heading-levels-608d432e.js');
-require('./index-5d4e0aed.js');
+require('./index-bea4ac42.js');
 require('./constants-238701d3.js');
-require('./check-one-of-f4f5d0c0.js');
-require('./check-type-64af82a9.js');
-require('./check-url-3ffdd2fb.js');
+require('./check-one-of-ef931478.js');
+require('./check-type-696d2c51.js');
+require('./check-url-1cf6fb0d.js');
 require('./index.browser-2f65f583.js');
 
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-7aadd881.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postAccordion = require('./post-accordion-29861d97.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./heading-levels-608d432e.js');
-require('./check-one-of-f4f5d0c0.js');
+require('./check-one-of-ef931478.js');
 
 
 

package/dist/cjs/{post-avatar-5dbdf70d.js → post-avatar-01b9cd6d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-f1b08cdb.js');
-const _package = require('./package-0bd6fb0d.js');
+const index = require('./index-0ee3ab4a.js');
+const _package = require('./package-7d11b6ea.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.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}";
@@ -22,16 +22,30 @@ var AvatarType;
 const PostAvatar = class {
     constructor(hostRef) {
         index.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 = '';
     }
+    static INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
+    get host() { return index.getElement(this); }
+    /**
+     * Defines the users firstname.
+     */
+    firstname;
+    /**
+     * Defines the users lastname.
+     */
+    lastname;
+    /**
+     * Defines the company internal userId.<div className="mb-1 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
+     */
+    userid;
+    /**
+     * Defines the users email address associated with a gravatar profile picture.
+     */
+    email;
+    slottedImage;
+    avatarType = null;
+    imageUrl = '';
+    imageAlt = '';
+    initials = '';
     validateFirstname() {
         checkNonEmpty.checkNonEmpty(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
     }
@@ -50,10 +64,9 @@ const PostAvatar = class {
         }
     }
     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: '' };
+        const imageResponse = (await this.getStorageItem(prop)) ?? { ok: false, url: '' };
         if (!imageResponse.ok) {
             try {
                 const r = await fetchImage();
@@ -93,20 +106,17 @@ const PostAvatar = class {
             .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);
+        const value = window?.sessionStorage?.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);
+        window?.sessionStorage?.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);
+        window?.sessionStorage?.removeItem(key);
     }
     async cryptify(key) {
         return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
@@ -137,12 +147,10 @@ const PostAvatar = class {
         }, []);
         return (index.h(index.Host, { "data-version": _package.version }, index.h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && index.h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && index.h("div", { class: "initials" }, initials))));
     }
-    get host() { return index.getElement(this); }
     static get watchers() { return {
         "firstname": ["validateFirstname"]
     }; }
 };
-PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
 PostAvatar.style = PostAvatarStyle0;
 
 exports.PostAvatar = PostAvatar;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAvatar = require('./post-avatar-5dbdf70d.js');
-require('./index-f1b08cdb.js');
-require('./package-0bd6fb0d.js');
+const postAvatar = require('./post-avatar-01b9cd6d.js');
+require('./index-0ee3ab4a.js');
+require('./package-7d11b6ea.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');
 

package/dist/cjs/post-back-to-top-9a5647f7.js

@@ -0,0 +1,80 @@
+'use strict';
+
+const index = require('./index-0ee3ab4a.js');
+const slide = require('./slide-8ae17ee4.js');
+const _package = require('./package-7d11b6ea.js');
+const checkType = require('./check-type-696d2c51.js');
+const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
+
+const postBackToTopCss = ":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{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}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const PostBackToTopStyle0 = postBackToTopCss;
+
+const PostBackToTop = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * The label of the back-to-top button, intended solely for accessibility purposes.
+     * This label is always hidden from view.
+     **/
+    label;
+    belowFold = false;
+    translateY;
+    isBelowFold() {
+        return window.scrollY > window.innerHeight;
+    }
+    handleScroll = () => {
+        this.belowFold = this.isBelowFold();
+    };
+    // Watch for changes in belowFold
+    watchBelowFold(newValue) {
+        if (newValue) {
+            slide.slideUp(this.el, this.translateY);
+        }
+        else {
+            slide.slideDown(this.el, this.translateY);
+        }
+    }
+    scrollToTop() {
+        window.scrollTo({
+            top: 0,
+        });
+    }
+    // Validate the label
+    validateLabel() {
+        checkType.checkType(this.label, 'string', 'The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set.');
+        checkNonEmpty.checkNonEmpty(this.label, 'The label property of the Back to Top component must not be empty. Please provide a proper text for the label');
+    }
+    // Set the initial state
+    componentWillLoad() {
+        this.belowFold = this.isBelowFold();
+    }
+    componentDidLoad() {
+        window.addEventListener('scroll', this.handleScroll, false);
+        this.translateY = window
+            .getComputedStyle(this.el)
+            .getPropertyValue('--post-floating-button-translate-y');
+        if (!this.belowFold) {
+            this.el.style.transform = `translateY(${this.translateY})`;
+        }
+        // Initial load
+        if (this.belowFold) {
+            slide.slideUp(this.el, this.translateY);
+        }
+        this.validateLabel();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('scroll', this.handleScroll);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c718f2e4cd8ee679cabf72cba7a493770fab2585', "data-version": _package.version }, index.h("button", { key: '9573fafeb9f4a81b82331f82d42caede5bc8d625', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, index.h("post-icon", { key: '7041105b5bb9dbea36999699c9d77d5eca272984', "aria-hidden": "true", name: "3026" }), index.h("span", { key: 'e8ad9cc2b468d304b01221da24e870b90701cb92', class: "visually-hidden" }, this.label))));
+    }
+    static get watchers() { return {
+        "belowFold": ["watchBelowFold"],
+        "label": ["validateLabel"]
+    }; }
+};
+PostBackToTop.style = PostBackToTopStyle0;
+
+exports.PostBackToTop = PostBackToTop;

package/dist/cjs/post-back-to-top.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postBackToTop = require('./post-back-to-top-71bc912c.js');
-require('./index-f1b08cdb.js');
-require('./slide-5d51abe8.js');
-require('./package-0bd6fb0d.js');
-require('./check-type-64af82a9.js');
+const postBackToTop = require('./post-back-to-top-9a5647f7.js');
+require('./index-0ee3ab4a.js');
+require('./slide-8ae17ee4.js');
+require('./package-7d11b6ea.js');
+require('./check-type-696d2c51.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');