@swisspost/design-system-components 10.1.0 → 10.2.0

package/hydrate/index.mjs

@@ -6417,7 +6417,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
     };
 }
 
-const version$1 = "10.1.0";
+const version$1 = "10.2.0";
 
 const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
 
@@ -6646,6 +6646,13 @@ class PostAutocomplete {
         /** Show or hide the clear button */
         this.clearable = false;
         this.inputValue = '';
+        this.handleFocus = () => {
+            if (this.filterThreshold !== 0)
+                return;
+            if (this.inputElement && this.inputElement.value.trim() !== '')
+                return;
+            this.postFilteringEvent.emit('');
+        };
         this.handleOnBlur = () => {
             this.inputElement.value = this.inputValue;
             this.listBoxElement.filter('');
@@ -6788,6 +6795,7 @@ class PostAutocomplete {
             this.inputElement.addEventListener('keydown', this.handleKeyDown);
             this.inputElement.addEventListener('blur', this.handleOnBlur);
             this.inputElement.addEventListener('click', this.showListBox);
+            this.inputElement.addEventListener('focus', this.handleFocus);
         }
     }
     detachInputListeners() {
@@ -6796,6 +6804,7 @@ class PostAutocomplete {
             this.inputElement.removeEventListener('keydown', this.handleKeyDown);
             this.inputElement.removeEventListener('blur', this.handleOnBlur);
             this.inputElement.removeEventListener('click', this.showListBox);
+            this.inputElement.removeEventListener('focus', this.handleFocus);
         }
     }
     attachListboxListeners() {
@@ -6821,7 +6830,7 @@ class PostAutocomplete {
         this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
     }
     render() {
-        return (hAsync(Host, { key: 'a88d1a65adcbe0603dc2c7ccf5900ae49dbe8edc', "data-version": version$1 }, hAsync("slot", { key: 'ff4724e2e298a38020c4eb93b2b9a38d811274b8' }), this.clearable && this.inputValue && (hAsync("button", { key: '6a5f67d5376bdb0d261fd687ad29dd32d4f3be36', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: '5b123fa4dbd581ebbba96f820b30d9d266b69b7d', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: '9d3fcaf73cfff3e17d440e7add858482e48a12a7', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), hAsync("output", { key: '9c894f8ea34ffcc8b8c741216679ffbbd7b866bf', class: "visually-hidden", ref: el => (this.outputElement = el) })));
+        return (hAsync(Host, { key: 'ef5b821b235c6e6a19e9da612a7c3fbc33408e44', "data-version": version$1 }, hAsync("slot", { key: 'a7855fd0e992be6c4fd737e9b7f29c77c1ec8e7f' }), this.clearable && this.inputValue && (hAsync("button", { key: '16a690d24deb1ac1cd50c85cea857ad3e5736fac', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: 'f254bd331fb15ca6cb5a32ac2a5f5a25cb8e81ea', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: '87faa8280bb58683262ec40dbec383478c5999f5', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), hAsync("output", { key: '9f8ad0d40d1e12f611f4f2e9e14058dbcca3892e', class: "visually-hidden", ref: el => (this.outputElement = el) })));
     }
     get host() { return getElement(this); }
     static get style() { return postAutocompleteCss(); }
@@ -12728,7 +12737,7 @@ __decorate$q([
     Type('string')
 ], PostDatePicker.prototype, "textToggleCalendar", void 0);
 
-const postFooterCss = () => `:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--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-prefooter-padding-block:32px;--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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.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-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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--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-prefooter-padding-block:32px;--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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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-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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}`;
 
 var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -12741,6 +12750,7 @@ var __decorate$p = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
+const SECTION_SLOTS = ['socialmedia', 'app', 'businesssectors', 'meta', 'copyright'];
 /**
  * @slot prefooter - Slot for the pre-footer.
  * @slot grid-{1|2|3|4}-title - Slot for the accordion headers (mobile).
@@ -12748,27 +12758,28 @@ const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
  * @slot socialmedia - Slot for the social media links.
  * @slot app - Slot for the app links.
  * @slot businesssectors - Slot for the business sectors links.
- * @slot meta - Slot for the meta links.
- * @slot copyright - Slot for the copyright text.
+ * @slot meta - **Required.** Slot for the meta links.
+ * @slot copyright - **Required.** Slot for the copyright text.
  */
 class PostFooter {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.device = breakpoint.get('device');
-        this.gridSlotDisplayed = {};
+        this.slotDisplayed = {};
         this.breakpointChange = (e) => {
             this.device = e.detail;
         };
         this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
+        this.handleSlotChange = this.handleSlotChange.bind(this);
     }
     connectedCallback() {
         globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentWillLoad() {
-        // initialize grid visibility by checking the content of each slot
-        GRID_SLOTS.forEach(slotName => {
+        // initialize slot visibility by checking the content of each slot
+        [...GRID_SLOTS, ...SECTION_SLOTS].forEach(slotName => {
             const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
-            this.updateGridSlotDisplay(slotName, assignedElements.length > 0);
+            this.updateSlotDisplay(slotName, assignedElements.length > 0);
         });
     }
     disconnectedCallback() {
@@ -12777,23 +12788,39 @@ class PostFooter {
     handleGridSlotChange(...devices) {
         return (e) => {
             if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
-                this.updateGridSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
+                this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
             }
         };
     }
-    updateGridSlotDisplay(slotName, hasContent) {
-        if (this.gridSlotDisplayed[slotName] !== hasContent) {
-            this.gridSlotDisplayed = { ...this.gridSlotDisplayed, [slotName]: hasContent };
+    handleSlotChange(e) {
+        if (e.target instanceof HTMLSlotElement) {
+            this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
+        }
+    }
+    updateSlotDisplay(slotName, hasContent) {
+        if (this.slotDisplayed[slotName] !== hasContent) {
+            // @State only re-renders when this.slotDisplayed itself is replaced,
+            // not when one of its properties is changed directly
+            this.slotDisplayed = { ...this.slotDisplayed, [slotName]: hasContent };
         }
     }
     renderAccordion() {
-        return (hAsync("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (hAsync("post-accordion-item", { key: slotName, class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, hAsync("span", { slot: "header" }, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
+        return (hAsync("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (hAsync("post-accordion-item", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] }, collapsed: true }, hAsync("span", { slot: "header" }, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
     }
     renderColumns() {
-        return GRID_SLOTS.map(slotName => (hAsync("div", { key: slotName, class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
+        return GRID_SLOTS.map(slotName => (hAsync("div", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
     }
     render() {
-        return (hAsync(Host, { key: 'a418a8149b54b81dd054d02b5a13158a3592f80e', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '15e5706569dcae6f0b0c607384c93cc79b42dfb4' }, hAsync("h2", { key: '031af06c7b0f81324117be0ff79acecde5067c6c', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'ddb24e0e3165b0dc486979f65756de522690a5ea', class: "prefooter" }, hAsync("div", { key: '33420f69408f368b52199a56258fa6c342b47fd4', class: "footer-container" }, hAsync("slot", { key: '9fbbb2958d4623374333a32988e676cc29e9c432', name: "prefooter" }))), hAsync("div", { key: '22cf7438001c496fc1b0480b53aab827c2e43d60', class: "footer-main" }, hAsync("div", { key: '861cc3613a0a29610e1bd0f0bc0b85ebb8278e11', class: "footer-container" }, hAsync("div", { key: 'b3d8aa82cbc11b6a1bc66673812d081fcc60dadd', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '37024ff8c65037877e2daa41a91c7f7c731cfdcf', class: "footer-column" }, hAsync("div", { key: '45f35d77042709c3b487887d255cf060aae066be', class: "footer-socialmedia" }, hAsync("slot", { key: 'f24f0f3e03267c22de4df84d57e64627939b2ec5', name: "socialmedia" })), hAsync("div", { key: '32f122287278c21b588267c6d4a8f3e8e0f2e2cd', class: "footer-app" }, hAsync("slot", { key: '2b2baaa778418bda6e5d50b9dd661dc6f7a13d15', name: "app" }))), hAsync("div", { key: 'f3926f93aaac9040313052bab0d08155f4862b8a', class: "footer-businesssectors" }, hAsync("slot", { key: 'f8aa5a777ddbf58dd47b305d2cbbbaa534795552', name: "businesssectors" })), hAsync("div", { key: '1215c8e0a20a0ec6d1fe69da0bb793a533c9dd06', class: "footer-meta" }, hAsync("slot", { key: '939483f25bdf8c1ef9593b58962b11b1ecc4c3a2', name: "meta" })), hAsync("div", { key: '4601f4b358e02319f2011d64c80778eb49732914', class: "footer-copyright" }, hAsync("slot", { key: '20ce9532ee14223e75ece29d951599c1a702f15d', name: "copyright" })))))));
+        const renderSocialmedia = this.slotDisplayed['socialmedia'];
+        const renderApp = this.slotDisplayed['app'];
+        const renderBusinesssectors = this.slotDisplayed['businesssectors'];
+        const renderMeta = this.slotDisplayed['meta'];
+        const renderCopyright = this.slotDisplayed['copyright'];
+        const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
+        return (hAsync(Host, { key: 'd34606bcddf871bcf82c64dd710a1e7d1d1dcbb5', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: 'a82c77c34e1308ed02445a221776f37ebe26d7f9' }, hAsync("h2", { key: '3d6bd7b10494661506a1bd60323e3e3205b1a400', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: '6497d40d70757426194142d8b597101d4f0f5ce6', class: "prefooter" }, hAsync("div", { key: '7d352f9029fe397f0ada15de8dacb9d8a0b2a831', class: "footer-container" }, hAsync("slot", { key: 'bbe3c744a1ea06544ccfda3b1f9a7e52666b69c3', name: "prefooter" }))), hAsync("div", { key: '4bdd7e6f0507bbbc9ccb7a9b3a5f1dad2f1c6936', class: "footer-main" }, hAsync("div", { key: '3b141f824900b9dccb6746bb4b11678f2b90ef53', class: "footer-container" }, hAsync("div", { key: '46ef9417bb0aced5506e8adbeb6001dbcfe119a5', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: 'd25f9b4b8e8bf8ce7d090c41c8b9de0c1454c566', class: {
+                'footer-column': true,
+                'd-none': !renderSocialmedia && !renderApp,
+            } }, hAsync("div", { key: '43888182ec9db5d001ff724648f02a43acddb198', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, hAsync("slot", { key: 'd96fe2e61b69ead95ba6235bdd63951ff177377a', onSlotchange: this.handleSlotChange, name: "socialmedia" })), hAsync("div", { key: '0eb5c0c55f6d86ef4a179fa55bfb2b37311e1563', class: { 'footer-app': true, 'd-none': !renderApp } }, hAsync("slot", { key: 'dcc9d0121b0febc2b2d4d183ca0aa979dd27b35c', onSlotchange: this.handleSlotChange, name: "app" }))), hAsync("div", { key: '85a47b73374144b13fd40d3f25582e4375873647', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, hAsync("slot", { key: '1cbd28be1c5b8d52df6139db49e1e3b31db03a5a', onSlotchange: this.handleSlotChange, name: "businesssectors" })), hAsync("div", { key: '1877c5230c17196d647f9ed145a21bcfed36321a', class: { 'footer-meta': true, 'd-none': !renderMeta } }, hAsync("slot", { key: '12ca6c0a79db19365daddf3c14b4a395f664d3e1', onSlotchange: this.handleSlotChange, name: "meta" })), hAsync("div", { key: '3dd50edca20df5bd258b1b01da2a88d556d5ea04', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, hAsync("slot", { key: '058326a07ee00caea0cbac3843ba8190cf68abde', onSlotchange: this.handleSlotChange, name: "copyright" })))))));
     }
     get host() { return getElement(this); }
     static get style() { return postFooterCss(); }
@@ -12803,7 +12830,7 @@ class PostFooter {
         "$members$": {
             "textFooter": [513, "text-footer"],
             "device": [32],
-            "gridSlotDisplayed": [32]
+            "slotDisplayed": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -13584,7 +13611,7 @@ class PostLinkarea {
     }; }
 }
 
-const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
+const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}`;
 
 var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -13716,7 +13743,7 @@ class PostListbox {
         this.updateSelection(event.detail);
     }
     render() {
-        return (hAsync(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version$1, role: "listbox" }, hAsync("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
+        return (hAsync(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version$1, role: "listbox" }, hAsync("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, hAsync("slot", { key: '286a31eff1b70ec35efcfa745103933598589f2a', name: "blank-slate" }), hAsync("slot", { key: '4cebce7de3143c3eb1deafa57209f7295aa6ec44' }))));
     }
     get host() { return getElement(this); }
     static get style() { return postListboxCss(); }
@@ -13753,9 +13780,9 @@ class PostListboxOption {
         this.highlighted = false;
     }
     render() {
-        return (hAsync(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+        return (hAsync(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
             /* Prevent focus change from triggering onblur event in post-autocomplete */
-            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '7d844e51e7f90ea77075f83b663b2b77049f04df', class: "option-content" }, this.value, hAsync("span", { key: 'b7b19312ebaf634292076425725434d18a8a6532', class: "option-description" }, hAsync("slot", { key: '69db5aad7cbe41419398ca32c7ca2b955fbcaefe' }))), this.selected && hAsync("post-icon", { key: '8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5', "aria-hidden": "true", name: "checkmark" })));
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, hAsync("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, hAsync("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && hAsync("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
     }
     static get style() { return postListboxOptionCss(); }
     static get cmpMeta() { return {
@@ -13802,7 +13829,7 @@ class PostLogo {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (hAsync(Host, { key: '473c845bef6d123628bf52b7848475b50172e3c0', "data-version": version$1 }, hAsync(LogoTag, { key: '47503ff9c22b613c5041d51a48cfc158d0edebcd', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '52953139bad89e236fc922574a881b7f4b79aee5', class: "description" }, hAsync("slot", { key: '554c681236c4d158d967f97754134af774ec791e', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '3d65f3a44c46f8ba3810d0cd3c344577fb43a61e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '03f88fbf5710da7f0bbccafdb95c4faa93e2636a', id: "Logo" }, hAsync("rect", { key: '33f39db4fb799744d25fae33f0b6a921c331531a', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '93c248b53c7493a831d7b1ddf8b3e3d14d804779', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: 'dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
+        return (hAsync(Host, { key: '84ece8e71d7dec66aa634d9a8a37d6bf3197c1b6', "data-version": version$1 }, hAsync(LogoTag, { key: '1531c6e8f32d42e63f5482d2983f18e4c9a23b1a', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'd45d33329e30de0de9de56f2d588995a7f97d01e', class: "description" }, hAsync("slot", { key: 'e8665c8d739dc2a2968bf1193c26ba1d1e731b38', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: 'bb3f534952e29e2e43816c5a5dd55541d05bee26', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '9ca05c263f6c9f41cc5406ccfd030a713ffe0254', id: "Logo" }, hAsync("rect", { key: '30a59adc0eec11af2d90180da1f5a95b03175d21', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: 'b1cbe7c575d36cf26a1cc41c9124625c2d1e5ef1', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: '398027f23c8c9a4cf2bc7f8d7c8aa4ec0466f0be', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return postLogoCss(); }
@@ -13952,7 +13979,7 @@ class PostMainnavigation {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (hAsync(Host, { key: '057f526f5b0e931fcb8642e6fa034f441df43020', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: 'c8ce70f6cbeec58c77709c1736b013ffe09ead6f', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '8281914d3380920a5562b468e87c87ca196a4830', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '7720c24a70339ea1c984dedf2faba0de8a6cfc86', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '3812be77ea739aac2be90cf8e7ac9a7e32bf5fce' })), hAsync("div", { key: 'eda43d3b2e1d8f916275773d9ef93d364e9c1948', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '914d94f91fe1764cf64e73fc22e4f7c5a0e08c2a', "aria-hidden": "true", name: "chevronright" }))));
+        return (hAsync(Host, { key: '2e9f2361426298f620411b1d064e166992ba326e', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '10103d153e37fd591c2ce062ef7455228adbf5b9', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '8bb9b82626d05c1fe8f4fd1bb9f8e6d6be59ad8a', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '6905afe8c2dfcf0f2411b45237b52d63f187d2c9', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '2db905e52b1604d9c6097734d055100a58625f09' })), hAsync("div", { key: 'f8ec4f906f1c99fec2198bb350ac1735c2de8469', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: 'afed8c1778691ca5b849d78ee20d51a4b8c02fe6', "aria-hidden": "true", name: "chevronright" }))));
     }
     get host() { return getElement(this); }
     static get style() { return postMainnavigationCss(); }
@@ -14011,6 +14038,10 @@ class PostMegadropdown {
         this.trigger = false;
         /** Holds the current animation class. */
         this.animationClass = null;
+        this.breakpointChange = (e) => {
+            this.device = e.detail;
+            this.cancelAnimation();
+        };
         this.handleClickOutside = async (event) => {
             if (this.device !== 'desktop')
                 return;
@@ -14038,7 +14069,7 @@ class PostMegadropdown {
         this.handleClickOutside = this.handleClickOutside.bind(this);
     }
     connectedCallback() {
-        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
     }
     componentDidRender() {
         this.getFocusableElements();
@@ -14049,7 +14080,7 @@ class PostMegadropdown {
         this.handleAriaCurrentChange([]);
     }
     disconnectedCallback() {
-        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
         if (PostMegadropdown.activeDropdown === this)
             PostMegadropdown.activeDropdown = null;
         this.removeListeners();
@@ -14177,10 +14208,6 @@ class PostMegadropdown {
         this.currentAnimation?.cancel();
         this.currentAnimation = null;
     }
-    breakpointChange(e) {
-        this.device = e.detail;
-        this.cancelAnimation();
-    }
     addListeners() {
         this.host.addEventListener('keydown', this.keyboardHandler);
         document.addEventListener('keyup', this.handleTabOutside);
@@ -14268,7 +14295,7 @@ class PostMegadropdown {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (hAsync(Host, { key: '8c6cd70082c2cdd9c208ad1ef138a21463919547', version: version$1 }, hAsync("div", { key: 'ff9466a7e28e894f56c9ab22d3999f68366a4aee', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: '13a7b44deceb6a83842d324b012f34adc6606de6', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '78cfcb708ad60f12203bc34b58915665b4b5b3ef', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: 'e78eb79d9806d23fa75184f1ad9f2f7eef318297', class: "megadropdown-content" }, hAsync("slot", { key: 'e7008833f9700059a189665a19371f52b7ab9ed6' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
+        return (hAsync(Host, { key: '355f69ea10cd4c3c058e4c1e6818f1c9da7d4102', version: version$1 }, hAsync("div", { key: '9c2b9b31aa450c1e1b4257066a38bd3660e834ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: '7fe7f257bb41b43b72cda39f1614c5ba4726b940', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '09ffb0ce4a56453d33d4366ce30c0bce09395f93', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: 'd88fb0218c8788981dd7f3213979eba5ab7ff333', class: "megadropdown-content" }, hAsync("slot", { key: 'ab64e771770bd42c4f077ebe5e05685cb285134f' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
     }
     get host() { return getElement(this); }
     static get style() { return postMegadropdownCss(); }
@@ -14373,7 +14400,7 @@ class PostMegadropdownTrigger {
         this.megadropdown.toggle();
     }
     render() {
-        return (hAsync(Host, { key: '96f2859be8fab445dab5c62619537777db0bfa44', "data-version": version$1 }, hAsync("button", { key: '0ff54f82520a40978cac57af2adeb23beff3545d', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: '327b760b66b35e0b4442bc950b202e73842b131e' }, hAsync("span", { key: '265a6fb86a3bf12357ac58cc1887a32738b40710', innerHTML: this.slottedContent }), hAsync("span", { key: '0ddcb317aed396d305b00d6e61a10b98f40ed78b', "aria-hidden": "true" }, hAsync("slot", { key: '458df53ef32b64de8c4e6cb78263423ad59fa18b' }))), hAsync("post-icon", { key: '2da566858b7ffa965da9cac2436dfd38a818eb47', name: "chevrondown" }))));
+        return (hAsync(Host, { key: '40d8afcb6b0ec482c0a13f7b78493a66243e03a5', "data-version": version$1 }, hAsync("button", { key: '6c1362cd4e1af22d26cf9ae74af4092cd083360c', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: '6bd7d94da2055c1c6fb933402f2478a3cee12cc7' }, hAsync("span", { key: '8109bdcc23c4a0f8c0861b774a974dde75b464f3', innerHTML: this.slottedContent }), hAsync("span", { key: 'edd54adde0d7af4eb9cf7796183d01705d217500', "aria-hidden": "true" }, hAsync("slot", { key: 'dbcc08bb882273f1074dd8963a4b86f67deb0c0a' }))), hAsync("post-icon", { key: '7437573a492181cc3e5ddd59ac3695dc94d43e09', name: "chevrondown" }))));
     }
     get host() { return getElement(this); }
     static get style() { return postMegadropdownTriggerCss(); }
@@ -14583,7 +14610,7 @@ class PostMenu {
         ]));
     }
     render() {
-        return (hAsync(Host, { key: '3acc3b3079f45acc85305187ee76b70eb942a37f', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '016f1e935c9f0b5a5b7c69f2d44899e567f03ef8', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'e8c184515174c1aaa6d8bfb0eada4aee665aef90', part: "post-menu" }, hAsync("slot", { key: '6301cebdd05b4964656754c162ad5893d7b06f9e', name: "header" }), hAsync("slot", { key: '76a2f5ee1640268b945dac56b577811c968c891e' })))));
+        return (hAsync(Host, { key: '31142d851d591bc46a43f36b553b6c7abee90674', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '6b4b2a04b25904115fe1c337e73e382a4e162259', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '1284650d5796455201d55e1ecad3507518c7c32c', part: "post-menu" }, hAsync("slot", { key: 'b2dbd125a631c06a591e67c52fd61524bcf037ea', name: "header" }), hAsync("slot", { key: '3b15ec3ad5a25e2e22b6e26e17d9d2d76e9f64fb' })))));
     }
     get host() { return getElement(this); }
     static get style() { return postMenuCss(); }
@@ -14705,7 +14732,7 @@ class PostMenuTrigger {
         return null;
     }
     render() {
-        return (hAsync(Host, { key: '3aa1f5576b030765aafe7cd1f4df773b27a91265', "data-version": version$1 }, hAsync("slot", { key: '3d2dbe578601244b1a65960e26a2da3f2a62ecbc' })));
+        return (hAsync(Host, { key: '8f43fe80dd56550141481f157a06caf559494291', "data-version": version$1 }, hAsync("slot", { key: '1b5d220cff9894918aedc54b0585df75095dcb0e' })));
     }
     get host() { return getElement(this); }
     static get style() { return postMenuTriggerCss(); }
@@ -14815,10 +14842,10 @@ class PostNumberInput {
     }
     render() {
         const areButtonsShown = !!this.input;
-        return (hAsync(Host, { key: 'a515b63f296ab4d5fcddeebee0fd1edec22093b8', "data-version": version$1, class: {
+        return (hAsync(Host, { key: '59cbe12c66b0eabbff15a3110ee847396df2d261', "data-version": version$1, class: {
                 'number-input-sm': this.small,
                 'disabled': this.isDisabled,
-            } }, areButtonsShown && (hAsync("div", { key: '17b65f0454b9843796dc0604a20df539326be003', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: '109251510a76ced4aed7e52ec08bf54241a4a625', name: "minus" }))), hAsync("div", { key: '22a6cca78b4054cd04edb824c1b03dcbca087c60', class: "input-container" }, hAsync("slot", { key: '1d54a8b78666d6525e017268dc02a543a19f88a9', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '696ca615ff1a030b64e19b1b43b5eed978b1afe8', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'd4d34aee8d6b09514a6a7aae7db5459a9aaefe09', name: "plus" })))));
+            } }, areButtonsShown && (hAsync("div", { key: '43fca97c040104786ab528b04f3e0dd576f29025', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: '1b41c236beb802d98f60776827928335d00599c4', name: "minus" }))), hAsync("div", { key: '8342d335e0a84f78514edac5052ffea081fb40c7', class: "input-container" }, hAsync("slot", { key: 'd2f8eae0656faaab31358cd3582c873d4a491e73', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '0055b317ed6ec64f2451640c436d169bb0b07626', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'dafe4a65f6d5d6ba4f54229c55506d5cf14fe126', name: "plus" })))));
     }
     get host() { return getElement(this); }
     static get style() { return postNumberInputCss(); }
@@ -15516,10 +15543,10 @@ class PostPopover {
         }
     }
     render() {
-        return (hAsync(Host, { key: '967010ba495bd92f6f3482905689aeb42a4fcdf3', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '1bd071b552544d7eb5245d74e794bd17e598a3df', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, ref: e => {
+        return (hAsync(Host, { key: 'f4f8be88b1cd844bcc3517dec2d0468de703ed8f', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'da00d26e57d94519fc779953101596d20562c9f5', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, ref: e => {
                 if (e)
                     this.popoverRef = e;
-            } }, hAsync("div", { key: '85c66b18d5aec9a2562102f73eee769e8137f4b7', class: "popover-container" }, hAsync("div", { key: 'c105b7c234b9563089278425c242a1747141ed5c', class: "popover-content" }, hAsync("slot", { key: '057699ccc414e0037aa82ddd40c3f523f0db9b9a' })), hAsync("post-closebutton", { key: 'cf1f60f9700c7c41ac8e62699f1e1fa745fb49f8', onClick: () => this.hide() }, this.textClose)))));
+            } }, hAsync("div", { key: 'addb4760c6c815a874798bde52387141ca261d20', class: "popover-container" }, hAsync("div", { key: '18ce8f7a597a0c7b5d3f07cef8333f78b5c30f4c', class: "popover-content" }, hAsync("slot", { key: '05980996b118f6a16ac49fc0efa52b87d44b5f43' })), hAsync("post-closebutton", { key: '161dff07e96811be00f08de379df7882319e07cb', onClick: () => this.hide() }, this.textClose)))));
     }
     get host() { return getElement(this); }
     static get style() { return postPopoverCss(); }
@@ -20667,7 +20694,7 @@ class PostPopoverTrigger {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (hAsync(Host, { key: '999ec824514eb6e340fd607ce03d82c76354e102', "data-version": version$1 }, hAsync("slot", { key: '3429ab6e44441c2660c14c40436682b5ac49a1b6', onSlotchange: () => this.setupTrigger() })));
+        return (hAsync(Host, { key: '009495ba354321f2b0162c4a0c4fcb1e165074e7', "data-version": version$1 }, hAsync("slot", { key: 'f0e5ef7851b4bc9916382b0910d9500db52668d4', onSlotchange: () => this.setupTrigger() })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -22982,9 +23009,9 @@ class PostPopovercontainer {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ef1853c057a7c44af1b3e9247f6690f7d3b38b4a', "data-version": version$1, popover: "auto" }, hAsync("div", { key: '66da2a4abe897e9619891078dbff25737aa9dd2a', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '183416754cb5f9fdf3d1301186325535aabc2c96', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (hAsync(Host, { key: 'be9f32a35f247f5b2cb54599b96e715ce1a5a1f1', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'ad2616c15dfec83e1e53ad14cb145aee2d625c9a', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '293ba9d1ba2a7b57297cd4aa716ba1369b2f8988', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), hAsync("span", { key: '6742ebb4ef07a3ab3b25f71dabd3a8252f654b6b', part: "post-popovercontainer-border-mask" }), hAsync("slot", { key: '00cd0fc4bd4f20ac3abc23b0f5a69de51e4ab292' }))));
+            } })), hAsync("span", { key: '7b9d47b53a4d4a672490eccdc88a7eb0552b5574', part: "post-popovercontainer-border-mask" }), hAsync("slot", { key: '4b4249d6ebe1c247634bbb76b08ec01e73dc7d4b' }))));
     }
     get host() { return getElement(this); }
     static get style() { return postPopovercontainerCss(); }
@@ -23083,7 +23110,7 @@ class PostProgressbar {
         const max = this.getEffectiveMax();
         const value = this.getEffectiveValue(min, max);
         const percentage = ((value - min) / (max - min)) * 100;
-        return (hAsync(Host, { key: '3d48615c3f08904f896eb5ebb7d8bfdff882a89b', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'dd8c0d44ba1aeccb3102cb15556517df98b9cf63', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
+        return (hAsync(Host, { key: '26bdbb5219393e8b44e2fe5395d8a4cd8aa7e18a', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: '65b81479fac7aa6024556ef6589064f997f4394e', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
     }
     get host() { return getElement(this); }
     static get style() { return postProgressbarCss(); }
@@ -23200,7 +23227,7 @@ class PostRating {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'c037e21b074c9ebc433e325e49d17dbe06d8db43', "data-version": version$1 }, hAsync("div", { key: 'f661eac91003680598c38d54dbc5fa3f482b7ad8', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'c793abbf5e0d01bb19dc4464ebd75249959a1717', "data-version": version$1 }, hAsync("div", { key: '357946df40a3d3a85ece2d0ac6ecc761951d9471', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),
@@ -23361,7 +23388,7 @@ class PostSideNavigation {
             } }, hAsync("slot", null), hAsync("post-closebutton", { onClick: () => this.hide() }, this.textClose)));
     }
     render() {
-        return (hAsync(Host, { key: '6eedcff11247da8a32bbf1a217530cdfcd411c91', "data-version": version$1 }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
+        return (hAsync(Host, { key: 'b551854e6db686783086a7a9d82a6847bf2a04b9', "data-version": version$1 }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
     }
     get host() { return getElement(this); }
     static get style() { return postSideNavigationCss(); }
@@ -23476,7 +23503,7 @@ class PostSideNavigationTrigger {
         await this.sideNavigation?.toggle();
     }
     render() {
-        return (hAsync(Host, { key: 'f6b6a9681e0894724cdf523cbd8104f3c3c1924d', "data-version": version$1 }, hAsync("slot", { key: 'cbd61018657553b1aed33bddb3667145548fc653' })));
+        return (hAsync(Host, { key: '62fd7ce0eb2583decb73c4505bf5a9a08e76f862', "data-version": version$1 }, hAsync("slot", { key: 'c3cfa14f670b8bcfc6e780d33c5c87df7880bb16' })));
     }
     get host() { return getElement(this); }
     static get style() { return postSideNavigationTriggerCss(); }
@@ -23606,7 +23633,7 @@ class PostStepper {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd69c88e820900e398a025e420ace286bfc87d8ef', "data-version": version$1 }, hAsync("ol", { key: '7b23a87d5ac22ff3ce15455ff9922bfeb2d1f5de' }, hAsync("slot", { key: '96068f61893d3a6340218995b128ba4c0db6ab3f', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'd52b5e4627d99a29ddb822a2feeaaff1df60c3f5', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '518bfebb848e6ab364cbad03f18921572f9a46b4', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: '64aa32c57d550ac9951e9093e911fdf1802b7131', innerHTML: this.mobileActiveStepName }))));
+        return (hAsync(Host, { key: '52c9943bca4c1d7b1d964d812ce21d8b0eb2d236', "data-version": version$1 }, hAsync("ol", { key: 'ea1f27a214d9cdf14b5f2d07f14a8d54836a32b3' }, hAsync("slot", { key: '6f07fe49d55152123dc39645ef17bf5557753005', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'ad3af45bc5d1493f9f1084cc28c77c39d27cbd35', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '6e3f5decadc8bcc67812dd67f6efe0afa0613b46', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: '4aeb9376181d78007a929c5e8e4ba11c181039bb', innerHTML: this.mobileActiveStepName }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -23665,7 +23692,7 @@ class PostStepperItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3034744042087279720159462ae44360d763a383', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '6d8cb68d6fe4a57a81bf1b0522e4ac8dfd947939', class: "stepper-item-content" }, hAsync("span", { key: '5541cd07686c34bbbeb0f3afa1a86d5277fbec81', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: '3c05aeeec3ce309451561cc0648901776c8ad96d', class: "label" }, hAsync("slot", { key: 'd665e3dd564a08cf37ea7dbb02a583c4976ec79d' })))));
+        return (hAsync(Host, { key: '53b052a2b68a93df9fda7f80f23d602d8a8efc56', "data-version": version$1, role: "listitem" }, hAsync("span", { key: 'e06841841e7fad42ff9de3e39dadf5fab96b9952', class: "stepper-item-content" }, hAsync("span", { key: 'f934ef19fbdd65111b7cf561dcc9297122d62595', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: '213db918f5ab854225974678c50176bb565ac2b1', class: "label" }, hAsync("slot", { key: 'd8e067ea304700e37edb996a4c715d41e209b8d8' })))));
     }
     static get style() { return postStepperItemCss(); }
     static get cmpMeta() { return {
@@ -23721,9 +23748,9 @@ class PostTabItem {
         this.isPagesVariant = hasAnchor;
     }
     render() {
-        return (hAsync(Host, { key: '58720bd1852d4748152d54a9baf5cdc85365ed49', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": version$1, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${!this.isPagesVariant ? ' ssr' : ''}`, style: !this.isPagesVariant
+        return (hAsync(Host, { key: '974d9682ef0448cf3adf9481ba472a5c196349b3', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": version$1, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${!this.isPagesVariant ? ' ssr' : ''}`, style: !this.isPagesVariant
                 ? { '--active': `var(--post-tab-item-${this.name}, 0)` }
-                : undefined }, hAsync("slot", { key: '3150088c6c06b28f367b2926557d4591d83ef67d' })));
+                : undefined }, hAsync("slot", { key: '6a7ed6323892a40ea22e487bc9460af69fda02c6' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -23769,7 +23796,7 @@ class PostTabPanel {
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (hAsync(Host, { key: 'b19f30d8fa79df34aa60b8728e9eacf54af9aa50', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels", style: { display: `var(--post-tab-panel-${this.for}, none)` }  }, hAsync("slot", { key: '534d3728e4a0cf2f5b9682a1c3231b966a70b7de' })));
+        return (hAsync(Host, { key: '07d93ddaa69253a956ed50cd9ecd6ed039fbc6e2', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels", style: { display: `var(--post-tab-panel-${this.for}, none)` }  }, hAsync("slot", { key: 'd6887db4e0e4dc22f8f8fdf098d6068ef4bd1a91' })));
     }
     get host() { return getElement(this); }
     static get style() { return postTabPanelCss(); }
@@ -23790,7 +23817,7 @@ __decorate$3([
     Type('string')
 ], PostTabPanel.prototype, "for", void 0);
 
-const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{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 .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-block-35)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-block-8)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(.page-tabs:not([size=small])) .tabs-wrapper button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1)}:host(.page-tabs:not([size=small])) .tabs-wrapper button.scroll-btn.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-38) var(--post-device-spacing-padding-39)}:host(.page-tabs:not([size=small])) .tabs-wrapper button.scroll-btn.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-38)}:host([size=small]) .tabs-wrapper button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1)}:host([size=small]) .tabs-wrapper button.scroll-btn.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-41) var(--post-device-spacing-padding-42)}:host([size=small]) .tabs-wrapper button.scroll-btn.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-41)}:host([size=small]) .tabs-wrapper button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}`;
+const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{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 .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-block-35)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-block-8)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-38) var(--post-device-spacing-padding-39)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-38)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-41) var(--post-device-spacing-padding-42)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-41)}`;
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -24218,10 +24245,10 @@ class PostTabs {
             }
             : undefined;
         const style = !this.isPagesVariant ? tabStyle : undefined;
-        return (hAsync(Host, { key: '685ce8af8c27a1a7c3c23c6e5707f0f7e5360125', "data-version": version$1, style: style }, hAsync("div", { key: 'ddec1765d392d963a9741c83fa54d6a0426c9823', class: "tabs-wrapper", part: "post-tabs" }, hAsync("button", { key: '5b7dc5ad5a64d99aa60ab578fc17b5acc0434fa4', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: this.showLeftScrollButton ? 0 : -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, hAsync("post-icon", { key: 'f3f9ffb11294eb35a77cf2dd59f13e80475c5c16', name: "chevronleft" })), hAsync(TabsContainer, { key: '1fadf185970129cbc1d7173b9060ceb3fc433e28', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, hAsync("slot", { key: '398729181e4d8927cafc7b61fb9a048bbcbfd3d9', onSlotchange: () => {
+        return (hAsync(Host, { key: '0520b7aba909495feef9358b2e572f767e42dce2', "data-version": version$1, style: style }, hAsync("div", { key: '779d35686ab406d8b60b595aea6ca67eb5b7d82a', class: "tabs-wrapper", part: "post-tabs" }, hAsync("button", { key: '2be9734aa1389baf48901e1eafe759f887ed9490', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: this.showLeftScrollButton ? 0 : -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, hAsync("post-icon", { key: 'ca6b0acaef9179468737d3669acbc61dfb709657', name: "chevronleft" })), hAsync(TabsContainer, { key: 'df8d1f5ca66b86baeb13123459059f1f399f5383', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, hAsync("slot", { key: 'e9c618d1f018381f37c0b46aea741abe797d7e37', onSlotchange: () => {
                 this.moveMisplacedTabs();
                 this.enableTabs();
-            } })), hAsync("button", { key: 'd188e222a038215cd13d4f1e60f5b0fbba2a5c7e', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: this.showRightScrollButton ? 0 : -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, hAsync("post-icon", { key: '9ab04bf862f7fe65383027102d81be5f82cabe6d', name: "chevronright" }))), !this.isPagesVariant && (hAsync("div", { key: '28e9af0092a31cece1cb7d47f9e32dcfed92517d', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '2ba72280f745ef1d1d36703a5675de1ac7fb1bea', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
+            } })), hAsync("button", { key: '79e0ad08c240f251e5805d71319d6ce32d843367', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: this.showRightScrollButton ? 0 : -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, hAsync("post-icon", { key: '491fc9c7746896d9a140fa6cbb97a432ff174ca3', name: "chevronright" }))), !this.isPagesVariant && (hAsync("div", { key: '04839eb63e75923e733ec4eea84cd345ae480e70', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '64483606952f79810e7a24105f5c9f822180b6ca', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -24288,7 +24315,7 @@ class PostTogglebutton {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'e01770f0c7d696a5b3a23583e30031ca97e261f1', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '76cba85afbc0fead30f738a71acadb1e25fdfec6' })));
+        return (hAsync(Host, { key: '6f61a07946f3e67bace0a883b73c424893c4043d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: 'fd9b93e45da499dbb790ad675f3db36e248c1960' })));
     }
     get host() { return getElement(this); }
     static get style() { return postTogglebuttonCss(); }
@@ -24372,7 +24399,7 @@ class PostTooltip {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (hAsync(Host, { key: '4d49f652cee9039089db214dbd07a3b15da19062', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '7c03e446ef3f4daedd7ed35c2982a37a4a092fb7', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: 'bf4ee006d7df69c14b22011b19aa48131d275563' }))));
+        return (hAsync(Host, { key: 'd49731becbb7395ec68cfae34d316a6248977b53', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '12da18a58c2143ef4c2ddff207d081d091e6a40e', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: '5f941c0311eff468be1c6abe7cbcdab8ba272e15' }))));
     }
     get host() { return getElement(this); }
     static get style() { return postTooltipCss(); }
@@ -24567,7 +24594,7 @@ class PostTooltipTrigger {
         this.tooltip?.hide();
     }
     render() {
-        return (hAsync(Host, { key: '22d8664844f7f00e9c4757d170820bc85624afa8', "data-version": version$1 }, hAsync("slot", { key: 'ed601e23b13850a774d4a08fcab93197ed75537a', onSlotchange: () => this.handleSlotChange() })));
+        return (hAsync(Host, { key: '37f835a46c96f1f97019b611da8b6be2d6e1a8d7', "data-version": version$1 }, hAsync("slot", { key: 'c2fc3d9080948fdcfbd8b2866730e76b770b87ba', onSlotchange: () => this.handleSlotChange() })));
     }
     get host() { return getElement(this); }
     static get style() { return postTooltipTriggerCss(); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
@@ -80,8 +80,8 @@
     "@floating-ui/dom": "1.7.6",
     "@oddbird/popover-polyfill": "0.6.0",
     "@stencil/core": "4.43.3",
-    "@swisspost/design-system-icons": "10.1.0",
-    "@swisspost/design-system-styles": "10.1.0",
+    "@swisspost/design-system-icons": "10.2.0",
+    "@swisspost/design-system-styles": "10.2.0",
     "air-datepicker": "3.6.0",
     "ally.js": "1.4.1",
     "imask": "7.6.1"
@@ -96,7 +96,7 @@
     "@stencil/angular-output-target": "1.1.1",
     "@stencil/react-output-target": "1.2.0",
     "@stencil/sass": "3.0.12",
-    "@swisspost/design-system-eslint": "10.1.0",
+    "@swisspost/design-system-eslint": "10.2.0",
     "@types/jest": "29.5.14",
     "@types/node": "24.0.0",
     "@typescript-eslint/parser": "7.18.0",

package/dist/components/react/p-jK9tFtoG.js

@@ -1 +0,0 @@
-const o="10.1.0";export{o as v}

package/dist/post-components/p-59858cd1.entry.js

@@ -1 +0,0 @@
-import{r as o,h as e,H as t,a as r}from"./p-CsEmPq6P.js";import{b as a}from"./p-BQ3HlJPr.js";import{v as i}from"./p-jK9tFtoG.js";import{R as s}from"./p-llOQ9Bhx.js";import{T as n}from"./p-BtHmKxxb.js";import"./p-CzwheJVI.js";const d=["grid-1","grid-2","grid-3","grid-4"],p=class{constructor(e){o(this,e),this.device=a.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){d.forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}updateGridSlotDisplay(o,e){this.gridSlotDisplayed[o]!==e&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:e})}renderAccordion(){return e("post-accordion",{headingLevel:3,multiple:!0},d.map((o=>e("post-accordion-item",{key:o,class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},e("span",{slot:"header"},e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return d.map((o=>e("div",{key:o,class:{"d-none":!this.gridSlotDisplayed[o]}},e("h3",null,e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return e(t,{key:"a418a8149b54b81dd054d02b5a13158a3592f80e","data-version":i,"data-color-scheme":"light"},e("footer",{key:"15e5706569dcae6f0b0c607384c93cc79b42dfb4"},e("h2",{key:"031af06c7b0f81324117be0ff79acecde5067c6c",class:"visually-hidden"},this.textFooter),e("div",{key:"ddb24e0e3165b0dc486979f65756de522690a5ea",class:"prefooter"},e("div",{key:"33420f69408f368b52199a56258fa6c342b47fd4",class:"footer-container"},e("slot",{key:"9fbbb2958d4623374333a32988e676cc29e9c432",name:"prefooter"}))),e("div",{key:"22cf7438001c496fc1b0480b53aab827c2e43d60",class:"footer-main"},e("div",{key:"861cc3613a0a29610e1bd0f0bc0b85ebb8278e11",class:"footer-container"},e("div",{key:"b3d8aa82cbc11b6a1bc66673812d081fcc60dadd",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),e("div",{key:"37024ff8c65037877e2daa41a91c7f7c731cfdcf",class:"footer-column"},e("div",{key:"45f35d77042709c3b487887d255cf060aae066be",class:"footer-socialmedia"},e("slot",{key:"f24f0f3e03267c22de4df84d57e64627939b2ec5",name:"socialmedia"})),e("div",{key:"32f122287278c21b588267c6d4a8f3e8e0f2e2cd",class:"footer-app"},e("slot",{key:"2b2baaa778418bda6e5d50b9dd661dc6f7a13d15",name:"app"}))),e("div",{key:"f3926f93aaac9040313052bab0d08155f4862b8a",class:"footer-businesssectors"},e("slot",{key:"f8aa5a777ddbf58dd47b305d2cbbbaa534795552",name:"businesssectors"})),e("div",{key:"1215c8e0a20a0ec6d1fe69da0bb793a533c9dd06",class:"footer-meta"},e("slot",{key:"939483f25bdf8c1ef9593b58962b11b1ecc4c3a2",name:"meta"})),e("div",{key:"4601f4b358e02319f2011d64c80778eb49732914",class:"footer-copyright"},e("slot",{key:"20ce9532ee14223e75ece29d951599c1a702f15d",name:"copyright"}))))))}get host(){return r(this)}};(function(o,e,t,r){var a,i=arguments.length,s=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,r);else for(var n=o.length-1;n>=0;n--)(a=o[n])&&(s=(i<3?a(s):i>3?a(e,t,s):a(e,t))||s);i>3&&s&&Object.defineProperty(e,t,s)})([s(),n("string")],p.prototype,"textFooter",void 0),p.style=":host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--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-prefooter-padding-block:32px;--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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.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-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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}";export{p as post_footer}