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

package/dist/esm/{index-b49c9904.js → index-d1bbbd88.js}

@@ -1,19 +1,21 @@
 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';
+import { c as checkOneOf } from './check-one-of-0d5858c0.js';
+import { c as checkType } from './check-type-a6ccc9a3.js';
+import { c as checkUrl } from './check-url-0bd876f7.js';
 
 function emptyOr(check) {
     return (...args) => {
         const value = args[0];
-        if (!EMPTY_VALUES.some(v => v === value))
+        if (!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);

package/dist/esm/index.js

@@ -1,33 +1,34 @@
-export { P as PostAccordion } from './post-accordion-ca48eb18.js';
-export { P as PostAccordionItem } from './post-accordion-item-a461f2a7.js';
-export { P as PostAvatar } from './post-avatar-0da1a2e8.js';
-export { P as PostBackToTop } from './post-back-to-top-77471a90.js';
-export { P as PostBanner } from './post-banner-b0af5bd3.js';
-export { P as PostBreadcrumb } from './post-breadcrumb-85ffd02f.js';
-export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-37f637a3.js';
-export { P as PostCardControl } from './post-card-control-3225eb57.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-c2231709.js';
-export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-883db3bf.js';
-export { P as PostFooter } from './post-footer-7b0eb067.js';
-export { P as PostPopover } from './post-popover-c24ecd38.js';
-export { P as PostRating } from './post-rating-e1c66e5c.js';
-export { P as PostTabs } from './post-tabs-02e523b8.js';
-export { P as PostTabHeader } from './post-tab-header-6a9b0153.js';
-export { P as PostTabPanel } from './post-tab-panel-73b56a16.js';
-export { P as PostTag } from './post-tag-43aba068.js';
-export { P as PostTooltip } from './post-tooltip-8271950c.js';
-import './index-6bfe6554.js';
-import './package-f8f7bb40.js';
+export { P as PostAccordion } from './post-accordion-49fba403.js';
+export { P as PostAccordionItem } from './post-accordion-item-c516517a.js';
+export { P as PostAvatar } from './post-avatar-b527ac63.js';
+export { P as PostBackToTop } from './post-back-to-top-f514c1f0.js';
+export { P as PostBanner } from './post-banner-0ad7758b.js';
+export { P as PostBreadcrumb } from './post-breadcrumb-57bca9dd.js';
+export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-db732728.js';
+export { P as PostCardControl } from './post-card-control-ea741f60.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-95ba85d2.js';
+export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-31155750.js';
+export { P as PostFooter } from './post-footer-cdde2086.js';
+export { P as PostLinkarea } from './post-linkarea-cad95623.js';
+export { P as PostPopover } from './post-popover-00f427ac.js';
+export { P as PostRating } from './post-rating-cdcb2a1d.js';
+export { P as PostTabs } from './post-tabs-308190c0.js';
+export { P as PostTabHeader } from './post-tab-header-1d4113cb.js';
+export { P as PostTabPanel } from './post-tab-panel-7a5c03ef.js';
+export { P as PostTag } from './post-tag-aebbda10.js';
+export { P as PostTooltip } from './post-tooltip-918d3a54.js';
+import './index-2c232bf2.js';
+import './package-8c98af5e.js';
 import './heading-levels-5b7b4349.js';
-import './check-one-of-6b3ef8eb.js';
-import './index-b49c9904.js';
+import './check-one-of-0d5858c0.js';
+import './index-d1bbbd88.js';
 import './constants-8d548297.js';
-import './check-type-8828dbe4.js';
-import './check-url-a974431e.js';
+import './check-type-a6ccc9a3.js';
+import './check-url-0bd876f7.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 './slide-62768431.js';
+import './fade-1f3cacf4.js';
+import './debounce-e54c7131.js';
 import './get-root-7af2e0d1.js';
-import './attribute-observer-37fa950a.js';
+import './attribute-observer-2f203993.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-6bfe6554.js';
-export { s as setNonce } from './index-6bfe6554.js';
+import { b as bootstrapLazy } from './index-2c232bf2.js';
+export { s as setNonce } from './index-2c232bf2.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-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);
+  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-linkarea",[[4,"post-linkarea"]]],["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-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",[[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-8c98af5e.js

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

package/dist/esm/{post-accordion-ca48eb18.js → post-accordion-49fba403.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
-import { v as version } from './package-f8f7bb40.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
+import { v as version } from './package-8c98af5e.js';
 import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
-import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
+import { c as checkOneOf } from './check-one-of-0d5858c0.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;
@@ -9,10 +9,14 @@ const PostAccordionStyle0 = postAccordionCss;
 const PostAccordion = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.expandedItems = new Set();
-        this.headingLevel = undefined;
-        this.multiple = false;
     }
+    accordionItems;
+    expandedItems = new Set();
+    get host() { return getElement(this); }
+    /**
+     * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure.
+     */
+    headingLevel;
     validateHeadingLevel(newValue = this.headingLevel) {
         if (!newValue)
             return;
@@ -21,6 +25,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();
@@ -92,9 +100,8 @@ const PostAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cfc6280e052937f50bc481fe73cf25ede6e40314', "data-version": version }, h("div", { key: '090539a2ebe9d216609a7e56597c5f379d439fb8', class: "accordion" }, h("slot", { key: '4ae4095b14b6b9233f1d66c8543d625a77a77e09', onSlotchange: () => this.registerAccordionItems() }))));
+        return (h(Host, { key: '8c3ff1ccd37541dd906f9f7dddfdad241f9a29ee', "data-version": version }, h("div", { key: '331a8c56a9b2e4497cf6b7e7a7c80f6eb500bf7f', class: "accordion" }, h("slot", { key: 'a59cab01203187c5ed9b0766f5181aef8e1baf63', onSlotchange: () => this.registerAccordionItems() }))));
     }
-    get host() { return getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }

package/dist/esm/{post-accordion-item-a461f2a7.js → post-accordion-item-c516517a.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
-import { v as version } from './package-f8f7bb40.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
+import { v as version } from './package-8c98af5e.js';
 import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
-import { c as checkEmptyOrOneOf } from './index-b49c9904.js';
+import { c as checkEmptyOrOneOf } from './index-d1bbbd88.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}";
@@ -10,11 +10,20 @@ const PostAccordionItemStyle0 = postAccordionItemCss;
 const PostAccordionItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.id = undefined;
-        this.slottedLogo = undefined;
-        this.collapsed = false;
-        this.headingLevel = undefined;
     }
+    collapsible;
+    get host() { return 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) {
         checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
     }
@@ -44,15 +53,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 (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: {
+        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
+        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
+        return (h(Host, { key: 'f1275370d7aff41e1fc60285395af35a1ecc90e7', id: this.id, "data-version": version }, h("div", { key: 'd74f762805143939a891e40cfa7a4779ea29921d', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '5ddad810d8b1f8564bdaaf2b09e9e89eee96e007', for: `${this.id}--collapse` }, h(HeadingTag, { key: 'fc6dc947d426bb31de04e83d8c9795a0c826733c', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: 'bd8005bb87e8e00fee57794bd73c5f06cb642a3d', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '89eb0b80e63867e2dcd6b27d95c6519d1e86b10d', 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' }))))));
+            } }, h("slot", { key: '0940530a15ce04b50af007db7f1530ae3c6a456d', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'f06a6b067727be0667b4ea9384e75ee8aa435bfc', name: "header" }), h("post-icon", { key: '460b2c22083cc3049e0c83fc690cb44e3f984db7', name: "2051" })))), h("post-collapsible", { key: '2411f1f93d136ae0bfcbf0da9bb2902d7da0e2a0', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'e648a76e35c28bc1aa5cc57233bf6e8277532294', class: "accordion-body", part: "body" }, h("slot", { key: '7841fff45f2132990d8f1577dfe7d3707d1eb46c' }))))));
     }
-    get host() { return getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }

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

@@ -1,10 +1,10 @@
-export { P as post_accordion_item } from './post-accordion-item-a461f2a7.js';
-import './index-6bfe6554.js';
-import './package-f8f7bb40.js';
+export { P as post_accordion_item } from './post-accordion-item-c516517a.js';
+import './index-2c232bf2.js';
+import './package-8c98af5e.js';
 import './heading-levels-5b7b4349.js';
-import './index-b49c9904.js';
+import './index-d1bbbd88.js';
 import './constants-8d548297.js';
-import './check-one-of-6b3ef8eb.js';
-import './check-type-8828dbe4.js';
-import './check-url-a974431e.js';
+import './check-one-of-0d5858c0.js';
+import './check-type-a6ccc9a3.js';
+import './check-url-0bd876f7.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-ca48eb18.js';
-import './index-6bfe6554.js';
-import './package-f8f7bb40.js';
+export { P as post_accordion } from './post-accordion-49fba403.js';
+import './index-2c232bf2.js';
+import './package-8c98af5e.js';
 import './heading-levels-5b7b4349.js';
-import './check-one-of-6b3ef8eb.js';
+import './check-one-of-0d5858c0.js';

package/dist/esm/{post-avatar-0da1a2e8.js → post-avatar-b527ac63.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-6bfe6554.js';
-import { v as version } from './package-f8f7bb40.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
+import { v as version } from './package-8c98af5e.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}";
@@ -20,16 +20,30 @@ var 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 = '';
     }
+    static INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
+    get host() { return 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(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
     }
@@ -48,10 +62,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();
@@ -91,20 +104,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 => {
@@ -135,12 +145,10 @@ const PostAvatar = class {
         }, []);
         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

@@ -1,5 +1,5 @@
-export { P as post_avatar } from './post-avatar-0da1a2e8.js';
-import './index-6bfe6554.js';
-import './package-f8f7bb40.js';
+export { P as post_avatar } from './post-avatar-b527ac63.js';
+import './index-2c232bf2.js';
+import './package-8c98af5e.js';
 import './check-non-empty-58bd6b17.js';
 import './constants-8d548297.js';

package/dist/esm/post-back-to-top-f514c1f0.js

@@ -0,0 +1,78 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
+import { s as slideUp, a as slideDown } from './slide-62768431.js';
+import { v as version } from './package-8c98af5e.js';
+import { c as checkType } from './check-type-a6ccc9a3.js';
+import { c as checkNonEmpty } from './check-non-empty-58bd6b17.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) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return 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) {
+            slideUp(this.el, this.translateY);
+        }
+        else {
+            slideDown(this.el, this.translateY);
+        }
+    }
+    scrollToTop() {
+        window.scrollTo({
+            top: 0,
+        });
+    }
+    // Validate the label
+    validateLabel() {
+        checkType(this.label, 'string', 'The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set.');
+        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) {
+            slideUp(this.el, this.translateY);
+        }
+        this.validateLabel();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('scroll', this.handleScroll);
+    }
+    render() {
+        return (h(Host, { key: 'c718f2e4cd8ee679cabf72cba7a493770fab2585', "data-version": version }, h("button", { key: '9573fafeb9f4a81b82331f82d42caede5bc8d625', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: '7041105b5bb9dbea36999699c9d77d5eca272984', "aria-hidden": "true", name: "3026" }), h("span", { key: 'e8ad9cc2b468d304b01221da24e870b90701cb92', class: "visually-hidden" }, this.label))));
+    }
+    static get watchers() { return {
+        "belowFold": ["watchBelowFold"],
+        "label": ["validateLabel"]
+    }; }
+};
+PostBackToTop.style = PostBackToTopStyle0;
+
+export { PostBackToTop as P };

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

@@ -1,7 +1,7 @@
-export { P as post_back_to_top } from './post-back-to-top-77471a90.js';
-import './index-6bfe6554.js';
-import './slide-3422b8a3.js';
-import './package-f8f7bb40.js';
-import './check-type-8828dbe4.js';
+export { P as post_back_to_top } from './post-back-to-top-f514c1f0.js';
+import './index-2c232bf2.js';
+import './slide-62768431.js';
+import './package-8c98af5e.js';
+import './check-type-a6ccc9a3.js';
 import './check-non-empty-58bd6b17.js';
 import './constants-8d548297.js';