@swisspost/design-system-components 10.0.0-next.54 → 10.0.0-next.56

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

@@ -1,26 +1,26 @@
 'use strict';
 
-var index = require('./index-Cb8CTrOz.js');
-var _package = require('./package-CvZxvdTJ.js');
-var breakpoints = require('./breakpoints-CEkeixld.js');
-var index$1 = require('./index-DtvYdwe1.js');
-var eventFrom = require('./event-from-CLvtSUKf.js');
-var getRoot = require('./get-root-CyMf3Vsd.js');
+var index = require('./index-CKNxhb0S.js');
+var _package = require('./package-CY7IOoiw.js');
+var environment = require('./environment-BQE9Unf_.js');
+var breakpoints = require('./breakpoints-Df03Ct7n.js');
+var eventFrom = require('./event-from-CwMw19f8.js');
+var getRoot = require('./get-root-CUAv4k4C.js');
 
 function isMotionReduced() {
-    return breakpoints.IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;
+    return environment.IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
 }
 
 const collapseDuration = 350;
 const collapseEasing = 'ease';
 const collapsedKeyframe = { height: '0', overflow: 'hidden' };
 const animationOptions = {
-    duration: collapseDuration,
+    duration: isMotionReduced() ? 0 : collapseDuration,
     easing: collapseEasing,
     fill: 'forwards',
 };
 function collapse(el) {
-    const elHeight = breakpoints.IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
+    const elHeight = environment.IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
     const expandedKeyframe = { height: elHeight };
     return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
 }
@@ -36,43 +36,43 @@ const PostCollapsible = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.postToggle = index.createEvent(this, "postToggle");
-        this.isLoaded = false;
-        this.isOpen = true;
         /**
          * If `true`, the element is collapsed otherwise it is displayed.
          */
         this.collapsed = false;
     }
     collapsedChange() {
-        index$1.checkEmptyOrType(this, 'collapsed', 'boolean');
-        void this.toggle(!this.collapsed);
+        breakpoints.checkEmptyOrType(this, 'collapsed', 'boolean');
+    }
+    get isExpanded() {
+        return !this.collapsed;
     }
     componentDidLoad() {
         this.collapsedChange();
-        this.isLoaded = true;
         this.updateTriggers();
     }
     /**
      * Triggers the collapse programmatically.
-     *
      * If there is a collapsing transition running already, it will be reversed.
+     * If no parameter is provided, the current state (this.isExpanded) will be toggled.
      */
-    async toggle(open = !this.isOpen) {
-        if (open === this.isOpen)
-            return open;
-        this.isOpen = open;
-        this.collapsed = !open;
-        if (this.isLoaded)
-            this.postToggle.emit(open);
-        const animation = open ? expand(this.host) : collapse(this.host);
-        if (!this.isLoaded || isMotionReduced())
-            animation.finish();
-        await animation.finished;
-        const isHostRendered = this.host.offsetParent;
-        if (isHostRendered)
+    async toggle(shouldExpand = !this.isExpanded) {
+        // if the parameter (shouldExpand) is set during the call (e.g. `document.querySelector('post-collapsible').toggle(true)`)
+        // and it matches the current state, the current state is returned and the function exits early
+        if (shouldExpand === this.isExpanded)
+            return this.isExpanded;
+        // applying the new state to this.collapsed will also indirectly update this.isExpanded,
+        // due to its implementation with the getter, which returns !this.collapsed
+        this.collapsed = !shouldExpand;
+        const isExpanded = this.isExpanded;
+        if (environment.IS_BROWSER) {
+            const animation = isExpanded ? expand(this.host) : collapse(this.host);
+            await animation.finished;
             animation.commitStyles();
-        this.updateTriggers();
-        return open;
+            this.updateTriggers();
+            this.postToggle.emit(isExpanded);
+        }
+        return isExpanded;
     }
     /**
      * Update all post-collapsible-trigger elements referring to the collapsible
@@ -82,7 +82,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (index.h(index.Host, { key: '3a11f1a60c536544881def998bcdf81f6d248837', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined }, index.h("slot", { key: '6ea66375cdffefd02c8293aa1542c4cbfce905a4' })));
+        return (index.h(index.Host, { key: '06400647373d6c66398e6f81561ab2c60b748af1', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, index.h("slot", { key: '63653d2d89b80b03c7f139b1370eaf18fe839409' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -102,15 +102,16 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const PostCollapsibleTrigger = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.observer = new MutationObserver(() => this.setTrigger());
-    }
     /**
      * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
      */
     validateAriaAttributes() {
-        index$1.checkRequiredAndType(this, 'for', 'string');
+        breakpoints.checkRequiredAndType(this, 'for', 'string');
+    }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.observer = new MutationObserver(() => this.setTrigger());
+        this.handlePostToggle = this.handlePostToggle.bind(this);
     }
     /**
      * Initiate a mutation observer that updates the trigger whenever necessary
@@ -128,7 +129,7 @@ const PostCollapsibleTrigger = class {
     }
     disconnectedCallback() {
         this.observer.disconnect();
-        this.root.removeEventListener('postToggle', this.handlePostToggle);
+        this.root?.removeEventListener('postToggle', this.handlePostToggle);
     }
     /**
      * Update the "aria-controls" and "aria-expanded" attributes on the trigger button
@@ -187,7 +188,7 @@ const PostCollapsibleTrigger = class {
         this.updateAriaAttributes();
     }
     render() {
-        return (index.h(index.Host, { key: 'd0851c032e622f4a182e1321331e84eaa0440245', "data-version": _package.version }, index.h("slot", { key: 'd495c42f409de0f9230c01031ecddab69cead1b7' })));
+        return (index.h(index.Host, { key: 'f5055d5970eb900d345957f306c9a373680f257a', "data-version": _package.version }, index.h("slot", { key: 'cf63bdbca00602b9c4e2a81f28723bd274561045' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-components.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cb8CTrOz.js');
+var index = require('./index-CKNxhb0S.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["post-breadcrumbs.cjs",[[1,"post-breadcrumbs",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"label":[1],"menuLabel":[1,"menu-label"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateHomeUrl"],"homeText":["validateHomeText"],"label":["validateLabel"],"menuLabel":["validateMenuLabel"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"device":[32],"gridSlotDisplayed":[32]},null,{"label":["validateLabel"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"closeButtonCaption":["validateCloseButtonCaption"]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[513],"belowFold":[32]},null,{"label":["validateLabel"],"belowFold":["watchBelowFold"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[513],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1028],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"description":["validateControlDescription"],"type":["validateControlType"],"name":["validateControlName"],"value":["validateControlValue"],"icon":["validateControlIcon"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]},null,{"label":["validateLabel"],"stars":["validateStars"],"currentRating":["validateCurrentRating"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"animation":[1],"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[513],"lastname":[1],"userid":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"firstname":["validateFirstname"],"lastname":["validateLastname"],"userid":["updateUserid"],"email":["updateEmail"],"description":["validateDescription"]}]]],["post-banner.cjs",[[1,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]],{"type":["validateType"]}]]],["post-linkarea.cjs",[[1,"post-linkarea",{"interactiveElements":[32]}]]],["post-popover-trigger.cjs",[[1,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":["syncAriaExpanded"],"for":["validateFor"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[513],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[513],"panelId":[32]},null,{"name":["validateName"]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"fullWidth":[516,"full-width"],"show":[64]}]]],["post-tooltip-trigger.cjs",[[1,"post-tooltip-trigger",{"for":[513],"delay":[2]},null,{"for":["validateControlFor"]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[1,"post-collapsible-trigger",{"for":[513],"update":[64]},null,{"for":["validateAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-mainnavigation",{"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{"device":[32],"hasNavigation":[32],"hasTitle":[32],"mobileMenuExtended":[32],"megadropdownOpen":[32],"toggleMobileMenu":[64]},null,{"device":["lockBody"],"mobileMenuExtended":["lockBody"]}],[4,"post-language-option",{"code":[1],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"variant":["validateVariant"],"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],"trigger":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}],[4,"post-megadropdown-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]}],[4,"post-closebutton",{"buttonType":[1,"button-type"]},null,{"buttonType":["validateButtonType"]}],[1,"post-menu",{"placement":[1],"label":[1],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]},null,{"placement":["validatePlacement"],"label":["validateLabel"]}],[4,"post-menu-trigger",{"for":[513],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"animation":[1],"arrow":[4],"manualClose":[4,"manual-close"],"safeSpace":[513,"safe-space"],"show":[64],"open":[64],"close":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"edgeGap":["validateEdgeGap"],"safeSpace":["validateSafeSpace"]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion_2.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}],[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
+  return index.bootstrapLazy([["post-breadcrumbs.cjs",[[1,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateHomeUrl"],"textHome":["validateTextHome"],"textBreadcrumbs":["validateTextBreadcrumbs"],"textMoreItems":["validateTextMoreItems"]}]]],["post-footer.cjs",[[1,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"gridSlotDisplayed":[32]},null,{"textFooter":["validateTextFooter"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"textClose":["validateTextClose"]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"textBackToTop":["validateTextBackToTop"],"belowFold":["watchBelowFold"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[513],"description":[1],"type":[513],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1028],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"description":["validateControlDescription"],"type":["validateControlType"],"name":["validateControlName"],"value":["validateControlValue"],"icon":["validateControlIcon"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-pagination.cjs",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"disabled":[4],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":["validatePage","handlePropsChange"],"pageSize":["validatePageSize","handlePropsChange"],"collectionSize":["validateCollectionSize","handlePropsChange"],"label":["validateLabel"],"textPrevious":["validateTextPrevious"],"textNext":["validateTextNext"],"textPage":["validateTextPage"],"textFirst":["validateTextFirst"],"textLast":["validateTextLast"],"disabled":["validateDisabled"]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]},null,{"label":["validateLabel"],"stars":["validateStars"],"currentRating":["validateCurrentRating"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"animation":[1],"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[513],"lastname":[1],"userid":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"firstname":["validateFirstname"],"lastname":["validateLastname"],"userid":["updateUserid"],"email":["updateEmail"],"description":["validateDescription"]}]]],["post-banner.cjs",[[1,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]],{"type":["validateType"]}]]],["post-env-test.cjs",[[1,"post-env-test"]]],["post-linkarea.cjs",[[1,"post-linkarea",{"interactiveElements":[32]}]]],["post-popover-trigger.cjs",[[1,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":["syncAriaExpanded"],"for":["validateFor"]}]]],["post-stepper.cjs",[[1,"post-stepper",{"textCurrentStep":[513,"text-current-step"],"textCompletedStep":[513,"text-completed-step"],"textStepNumber":[513,"text-step-number"],"currentIndex":[2,"current-index"],"mobileActiveStepLabel":[32],"mobileActiveStepName":[32]},null,{"textCurrentStep":["validateTextCurrentStep"],"textCompletedStep":["validateTextCompletedStep"],"textStepNumber":["validateTextStepNumber"],"currentIndex":["validateCurrentIndex"]}]]],["post-stepper-item.cjs",[[4,"post-stepper-item"]]],["post-tab-item.cjs",[[1,"post-tab-item",{"name":[513],"tabId":[32],"isNavigationMode":[32]},null,{"name":["validateName"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"for":[513],"panelId":[32]},null,{"for":["validateFor"]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activeTab":[1,"active-tab"],"fullWidth":[516,"full-width"],"label":[513],"isNavigationMode":[32],"show":[64]},null,{"label":["validateLabel"]}]]],["post-tooltip-trigger.cjs",[[1,"post-tooltip-trigger",{"for":[513],"delay":[2]},null,{"for":["validateControlFor"]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[1,"post-collapsible-trigger",{"for":[513],"update":[64]},null,{"for":["validateAriaAttributes"]}]]],["post-closebutton_13.cjs",[[1,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[1],"activeLang":[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"textChangeLanguage":["validateCaption"],"textCurrentLanguage":["validateDescription"],"variant":["validateVariant"]}],[1,"post-header",{"textMenu":[513,"text-menu"],"device":[32],"hasNavigation":[32],"hasLocalNav":[32],"hasAudience":[32],"hasTitle":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"textMenu":["validateTextMenu"],"device":["lockBody"],"burgerMenuExtended":["lockBody"]}],[1,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]},null,{"textClose":["validateTextClose"],"textBack":["validateTextBack"]}],[1,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{"textMain":["validateTextMain"]}],[1,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},null,{"for":["validateFor"]}],[4,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"variant":["validateVariant"],"name":["validateName"],"url":["validateUrl"]}],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[1,"post-togglebutton",{"toggled":[1028]}],[4,"post-closebutton",{"buttonType":[1,"button-type"]},null,{"buttonType":["validateButtonType"]}],[1,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]},null,{"placement":["validatePlacement"],"label":["validateLabel"]}],[4,"post-menu-trigger",{"for":[513],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"animation":[1],"arrow":[4],"safeSpace":[513,"safe-space"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"placement":["validatePlacement"],"edgeGap":["validateEdgeGap"],"safeSpace":["validateSafeSpace"]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion_2.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}],[1,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/post-env-test.cjs.entry.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var index = require('./index-CKNxhb0S.js');
+var environment = require('./environment-BQE9Unf_.js');
+
+const PostEnvTest = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return index.h("div", { key: '65b18a8e4890205313601723d25f938ac3c6f4a8', "data-browser": String(environment.IS_BROWSER), "data-server": String(environment.IS_SERVER) });
+    }
+};
+
+exports.post_env_test = PostEnvTest;

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

@@ -1,36 +1,31 @@
 'use strict';
 
-var index$1 = require('./index-Cb8CTrOz.js');
-var _package = require('./package-CvZxvdTJ.js');
-var index = require('./index-DtvYdwe1.js');
-var breakpoints = require('./breakpoints-CEkeixld.js');
+var index = require('./index-CKNxhb0S.js');
+var _package = require('./package-CY7IOoiw.js');
+var breakpoints = require('./breakpoints-Df03Ct7n.js');
+require('./environment-BQE9Unf_.js');
 
-const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";
+const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-businesssectors ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";
 
 const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
 const PostFooter = class {
-    validateLabel() {
-        index.checkRequiredAndType(this, 'label', 'string');
+    validateTextFooter() {
+        breakpoints.checkRequiredAndType(this, 'textFooter', 'string');
     }
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.device = breakpoints.breakpoint.get('device');
         this.gridSlotDisplayed = {};
         this.breakpointChange = (e) => {
             this.device = e.detail;
         };
-        this.handleGridSlotChange = (...devices) => (e) => {
-            if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
-                this.updateGridSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
-            }
-        };
         this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
     }
     connectedCallback() {
         window.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentWillLoad() {
-        this.validateLabel();
+        this.validateTextFooter();
         // initialize grid visibility by checking the content of each slot
         GRID_SLOTS.forEach(slotName => {
             const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
@@ -40,23 +35,30 @@ const PostFooter = class {
     disconnectedCallback() {
         window.removeEventListener('postBreakpoint:device', this.breakpointChange);
     }
+    handleGridSlotChange(...devices) {
+        return (e) => {
+            if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
+                this.updateGridSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
+            }
+        };
+    }
     updateGridSlotDisplay(slotName, hasContent) {
         if (this.gridSlotDisplayed[slotName] !== hasContent) {
             this.gridSlotDisplayed = { ...this.gridSlotDisplayed, [slotName]: hasContent };
         }
     }
     renderAccordion() {
-        return (index$1.h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (index$1.h("post-accordion-item", { class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, index$1.h("span", { slot: "header" }, index$1.h("slot", { name: slotName + '-title' })), index$1.h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
+        return (index.h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (index.h("post-accordion-item", { class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: slotName + '-title' })), index.h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
     }
     renderColumns() {
-        return GRID_SLOTS.map(slotName => (index$1.h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, index$1.h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
+        return GRID_SLOTS.map(slotName => (index.h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, index.h("h3", null, index.h("slot", { name: slotName + '-title' })), index.h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '36aa67b511dd3fdb9c0244b89f80c24feb86b3a6', "data-version": _package.version, "data-color-scheme": "light" }, index$1.h("footer", { key: '0b4accb1d39734fda0b2ae7e602ae05618d1f6f8' }, index$1.h("h2", { key: '3b6147bb75772338192b17da5086e33d45f0cc4e', class: "visually-hidden" }, this.label), index$1.h("div", { key: '3ae237e599d226c8413bd785540f2706a61f130f', class: "footer-container" }, index$1.h("div", { key: 'c844467c43a718b117cc863beb75ac1ffccc7286', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), index$1.h("div", { key: 'ab0859972f61a8a0b28184654b0b8a7da5d6d199', class: "footer-column" }, index$1.h("div", { key: '9356dc60f36a614718b1e668aa6c8f988e611305', class: "footer-socialmedia" }, index$1.h("slot", { key: 'aeea4c639ae1b092a90816cebfc892e7ae9608ac', name: "socialmedia" })), index$1.h("div", { key: '6404adf8c76f4756c729c453a4f5285577973596', class: "footer-app" }, index$1.h("slot", { key: 'ebfbf7f1b5db296b1de165035156819043d2a329', name: "app" }))), index$1.h("div", { key: '38017619c9da0f5abd0b34e9406f94e239e54b99', class: "footer-businesssectors" }, index$1.h("slot", { key: '93f13e71cbd102074b6f2a55c369470f66b3ae8d', name: "businesssectors" })), index$1.h("div", { key: '88c077c96627d557a47d3136a65196b67fafc2c1', class: "footer-meta" }, index$1.h("slot", { key: '9c0f64a2f2d715d6b420938efa63c861415376bd', name: "meta" })), index$1.h("div", { key: '1dc3cdbe0cb628d7e688c15de5959758e8837489', class: "footer-copyright" }, index$1.h("slot", { key: 'b62fe042ac7b098747bb21605fed2fa6883dbb23', name: "copyright" }))))));
+        return (index.h(index.Host, { key: 'e7a0cce19d579c46f60417cfa817ece8c2245ca7', "data-version": _package.version, "data-color-scheme": "light" }, index.h("footer", { key: '492f1c264ecd72d18adca6e4ca8bc806a00c1643' }, index.h("h2", { key: '7e08d975715e3e303e61eccead938b09845adc96', class: "visually-hidden" }, this.textFooter), index.h("div", { key: '77e9434cd41864e2cfb845925ec3354d82db1ced', class: "footer-container" }, index.h("div", { key: '2260e6da042d4fb489eacd0c7660fcd988b057c4', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), index.h("div", { key: 'cf6e31f98324dfb4cfed0dcb47fcfa031d235125', class: "footer-column" }, index.h("div", { key: 'c4d1f3d153e1a28ae3a4e8b3752892515d9f1e11', class: "footer-socialmedia" }, index.h("slot", { key: '7577106b20b768a97a1bb778493419242dab2c4a', name: "socialmedia" })), index.h("div", { key: 'd91dbf22ee099b5604d1fb093fe9109889f1f7a0', class: "footer-app" }, index.h("slot", { key: '0818814f5d2e286b6b1b6d917a3aeb08350a5ac2', name: "app" }))), index.h("div", { key: '928110b46617a18411987d1596135b0a5cc9a908', class: "footer-businesssectors" }, index.h("slot", { key: 'e0ca79bdfcf044641e0181435928951c8f91b719', name: "businesssectors" })), index.h("div", { key: '67fa6022ce1a0a85d8184c80ffc6d6d9a442a7ff', class: "footer-meta" }, index.h("slot", { key: 'dd45f04ba9dab63396ea62517dc993b495c406f0', name: "meta" })), index.h("div", { key: 'de0a6d29504b6456bb75dc265dbb9ad68f1d305e', class: "footer-copyright" }, index.h("slot", { key: 'ef8a1baffbf26fa05e53370d6bb4df78030c9963', name: "copyright" }))))));
     }
-    get host() { return index$1.getElement(this); }
+    get host() { return index.getElement(this); }
     static get watchers() { return {
-        "label": ["validateLabel"]
+        "textFooter": ["validateTextFooter"]
     }; }
 };
 PostFooter.style = postFooterCss;

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Cb8CTrOz.js');
-var _package = require('./package-CvZxvdTJ.js');
+var index = require('./index-CKNxhb0S.js');
+var _package = require('./package-CY7IOoiw.js');
 
 const postLinkareaCss = ":host{display:block;cursor:pointer}";
 
@@ -31,7 +31,7 @@ const PostLinkarea = class {
         this.mutationObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: 'faa2a8c9b2fc4261496e0dbb091bae2aeee04e3b', "data-version": _package.version, onClick: (e) => this.dispatchClick(e), tabindex: "0" }, index.h("slot", { key: '57c30507720e9a04436cb4e518aa19b023cd2c39' })));
+        return (index.h(index.Host, { key: 'fd870766c9624ebe770dcaafc4382a87dc07d1b0', "data-version": _package.version, onClick: (e) => this.dispatchClick(e) }, index.h("slot", { key: '41865e43ad277b5b529d7891601130aa39e6943d' })));
     }
     get host() { return index.getElement(this); }
 };