@swisspost/design-system-components 10.0.0-next.65 → 10.0.0-next.67

package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js}

@@ -1,16 +1,15 @@
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-RRcOB_Q4.js';
-import { v as version } from './package-CBB38gAg.js';
-import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, g as checkEmptyOrUrl } from './index-CCMeku7U.js';
-import { t as throttle, b as breakpoint } from './breakpoints-_gmb7vUy.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-8Vx4ywJ4.js';
+import { v as version } from './package-DVY9jsO7.js';
+import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
+import { t as throttle, b as breakpoint } from './breakpoints-CZuqK5QS.js';
 import { f as fade } from './fade-DsgPYmAa.js';
-import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-CFWKPWu9.js';
+import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-CckqSLu_.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
-import { a as IS_BROWSER } from './environment-CEmnRoA6.js';
 import { n as nanoid } from './index.browser-BLchVpF6.js';
 import { r as resolveEasing } from './utils-CoDiS_Ik.js';
 import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
 import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
-import { g as getRoot } from './get-root-CXfAA093.js';
+import { g as getRoot } from './get-root-gmtbd8C-.js';
 
 const BUTTON_TYPES = ['button', 'submit', 'reset'];
 const PLACEMENT = ['manual', 'auto'];
@@ -68,7 +67,7 @@ const PostClosebutton = class {
         }
     }
     render() {
-        return (h(Host, { key: '1923a9236ae7d7929e8162dcf8d62dd21bfce0b5', "data-version": version }, h("button", { key: '484f61b681279742acf3376f85f5200a73d319ad', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: '943f8ec5194bbbca3e4403ea0bee51aca14404c0', "aria-hidden": "true", name: "closex" }), h("span", { key: '832023a95b101cd9db01fee0b317c2740997f187', class: "visually-hidden" }, h("slot", { key: '371b19a4d9eceeb7490584e265288c533a7f8df4' })))));
+        return (h(Host, { key: 'e2adc6a13c30c9b03947a56bbd94dc86b96f31d2', "data-version": version }, h("button", { key: '03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: 'b284a23e0eeb00c44c878672b4d8ed5e0ee058c6', "aria-hidden": "true", name: "closex" }), h("span", { key: '5aa5cbada2bac5532cc6f4e54e01ff11465e99c2', class: "visually-hidden" }, h("slot", { key: 'e8dd45b5c422504f6e7115f6fe3e498c14ed201d' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -152,11 +151,11 @@ const PostHeader = class {
         const scrollParent = this.scrollParent;
         const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
         if (this.device !== 'desktop' && burgerMenuExtended) {
-            scrollParent.setAttribute('data-post-scroll-locked', '');
+            scrollParent.dataset.postScrollLocked = '';
             this.host.addEventListener('keydown', this.keyboardHandler);
         }
         else {
-            scrollParent.removeAttribute('data-post-scroll-locked');
+            delete scrollParent.dataset.postScrollLocked;
             this.host.removeEventListener('keydown', this.keyboardHandler);
         }
     }
@@ -201,15 +200,15 @@ const PostHeader = class {
         this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
     }
     connectedCallback() {
-        window.addEventListener('resize', this.throttledResize, { passive: true });
-        window.addEventListener('scroll', this.handleScrollEvent, {
+        globalThis.addEventListener('resize', this.throttledResize, { passive: true });
+        globalThis.addEventListener('scroll', this.handleScrollEvent, {
             passive: true,
         });
         this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
             passive: true,
         });
         document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
-        window.addEventListener('postBreakpoint:device', this.breakpointChange);
+        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
         this.handleScrollParentResize();
         this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
     }
@@ -237,9 +236,9 @@ const PostHeader = class {
     // Clean up possible side effects when post-header is disconnected
     disconnectedCallback() {
         const scrollParent = this.scrollParent;
-        window.removeEventListener('postBreakpoint:device', this.breakpointChange);
-        window.removeEventListener('resize', this.throttledResize);
-        window.removeEventListener('scroll', this.handleScrollEvent);
+        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
+        globalThis.removeEventListener('resize', this.throttledResize);
+        globalThis.removeEventListener('scroll', this.handleScrollEvent);
         if (scrollParent)
             scrollParent.removeEventListener('scroll', this.handleScrollEvent);
         document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
@@ -311,7 +310,7 @@ const PostHeader = class {
         const focusableElements = [this.burgerMenuButton];
         focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
         this.firstFocusableEl = focusableElements[0];
-        this.lastFocusableEl = focusableElements[focusableElements.length - 1];
+        this.lastFocusableEl = focusableElements.at(-1);
     }
     keyboardHandler(e) {
         if (e.key !== 'Tab' || !this.burgerMenuExtended)
@@ -413,10 +412,10 @@ const PostHeader = class {
     render() {
         const onDesktop = this.device === 'desktop';
         const onTabletAndMobile = this.device !== 'desktop';
-        return (h(Host, { key: '927a12917d64f0e0fed247764ab5a89c2ff66453', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '58e53821b44b9569a1a1f39663c6e315142fb0c2' }, h("div", { key: 'ead8157d4b94892be4e20c98ba9480411a08aafe', class: "global-header" }, h("div", { key: 'e2c6bbabfbfca71a978b6ed3e2ecbb105751bdd1', class: "section" }, h("div", { key: 'e52b27fc0a128e2bcd6d14c232a6091129a5562d', class: "logo" }, h("slot", { key: '72a698e81b6fa12f7ced243396dd39adef2da34c', name: "post-logo" })), h("div", { key: '82523f2072649282591d643db0f48d518a1ce4a6', class: "sliding-controls" }, onDesktop && (h("div", { key: 'f85c022c415dbd631b63a528ad8f19466901c248', class: "audience" }, h("slot", { key: '772525ed51e5fc3c92b523c1b71b1d67bf01038d', name: "audience" }))), h("slot", { key: 'a73f412a7634075fd6721c1d50aef56231f647a4', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
-            h("slot", { key: 'dd9b0cc2582285c18afec62522fff7ab2fe6b34a', name: "global-nav-secondary" }),
-            h("slot", { key: 'f4e4f916c66d7d1d6fc43f73e8af40a81d11c55d', name: "language-menu" }),
-        ], h("slot", { key: 'edbaa4e685f65ca22c1a3c7eca5b53f5d297b66a', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '5086903a3e9e01fec9273b71c7c9262026df9208', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: 'b069fe1a4f1ac7aac9a1779a26e72e8b50a7aecc' }, this.textMenu), h("post-icon", { key: 'e4e35ce811dd238db1b432aa9a2c33f270ab4d81', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'a6dbcdc99f86ab7dafef916b23b1172fd94894bd', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: 'cc9c29c26166b789b566819a1247af0126b190a1', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '6a46fce27e151905c1c00bd72aff6bd57e88ebec', class: "section" }, h("slot", { key: 'b4b442dc52e45bfd84e3695f48d4a172e9d12786', name: "title" }), this.hasTitle && h("slot", { key: '6b569368e83793b19f4bfd5b0ab4c42ef7f4f594', name: "local-nav" }), onDesktop && h("slot", { key: '7a5ba718de6a6f54b9a97c1be93b2ffc41d71122', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: 'd62ff184e22380c837794b2e2c813189b546e9b7', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        return (h(Host, { key: '3a91565f737ace8c2afa09aea4376301df78de15', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '3983485ef60f0ac3a14224ebc3e550c73b183533' }, h("div", { key: 'fcb70d0d33448afd05a9d0cc2045cbf954ffef8b', class: "global-header" }, h("div", { key: 'fc4a7fe09d320c801ffab5b8a1652078685ec126', class: "section" }, h("div", { key: '41ea4d25ae37ad90875201a6d580bf0e856055e0', class: "logo" }, h("slot", { key: 'c1fc7972273b8ca82d41535f6a3c0ee8f4a7da6a', name: "post-logo" })), h("div", { key: 'fb7d8e98ac126416c7342b34e9655e1ef82fed20', class: "sliding-controls" }, onDesktop && (h("div", { key: 'e9556afe505005b09892fcf7a9092ac5892337ee', class: "audience" }, h("slot", { key: '62a2bec634b4f5afff5a3323187de4bfa7ddcf3c', name: "audience" }))), h("slot", { key: 'e8e88e7547d71312cf868f81386eba9405b5e6b2', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+            h("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
+            h("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
+        ], h("slot", { key: 'b4def359986a7093cacf963709ca27180c34d294', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '534cb2b1f21ac6408f7ea14722c2ee8c82e268eb', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: 'fe96f2269a1e76e26edcef2d66beacac5149dea0' }, this.textMenu), h("post-icon", { key: '7eabffedbe08a520d7be8c930168ac15428c132d', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'fb3cdba5cce308547bb057bfb5e915b3b7b3848b', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '48f203901cd57d50f3a70b8065e65e2a45e6e0bb', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '846dc6852d5978a3fd1d3cd22a6c870c8d9f1cf3', class: "section" }, h("slot", { key: '91d510bd1948b004787c1d77f9d0ae0669a7a231', name: "title" }), this.hasTitle && h("slot", { key: '13fd6cd078235ee8449d22944ee67926f11b3db1', name: "local-nav" }), onDesktop && h("slot", { key: '67b37a81c37cf6a77df5a15519e09b884d3cd892', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '6ca6a422b465a38a1c02e21229dc5f9f0178ffcc', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -491,21 +490,21 @@ const PostIcon = class {
      **/
     getUrl() {
         const fileName = `${this.name}.svg`;
-        if (!IS_BROWSER && !this.base) {
-            return `${CDN_URL}${fileName}`;
+        // Prioritize only data:image URLs
+        if (this.url?.startsWith('data:image/')) {
+            return this.url;
         }
         if (this.url) {
             return this.url;
         }
         const isAbsolute = (url) => /^https?:\/\//.test(url);
         const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
-        const cleanUrl = (url) => url.replace(/([^:])\/\//g, '$1/');
-        const currentDomain = IS_BROWSER ? window.location.origin : '';
-        const baseHref = IS_BROWSER
-            ? document.querySelector('base[href]')?.getAttribute('href') || ''
-            : '';
+        const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
+        const currentDomain = globalThis.location.origin ;
+        const baseHref = document.querySelector('base[href]')?.getAttribute('href') || ''
+            ;
         let metaIconBase = '';
-        if (IS_BROWSER) {
+        {
             const metaTag = document.querySelector('meta[name="design-system-settings"]');
             metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
         }
@@ -538,14 +537,13 @@ const PostIcon = class {
     }
     getStyles() {
         const url = this.getUrl();
-        return Object.entries({
+        return Object.fromEntries(Object.entries({
             '-webkit-mask-image': `url(${url})`,
             'mask-image': `url('${url}')`,
-            'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
-                (this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
+            'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
+                (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
         })
-            .filter(([_key, value]) => value !== null)
-            .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
+            .filter(([_key, value]) => value !== null));
     }
     componentDidLoad() {
         this.validateBase();
@@ -555,7 +553,7 @@ const PostIcon = class {
         this.validateAnimation();
     }
     render() {
-        return (h(Host, { key: '0d39fadb6d179d82a7a951de4173578f9f351673', "data-version": version }, h("span", { key: 'd93a0a1307668e7a563a81037a399ba906d8fbe6', style: this.getStyles() })));
+        return (h(Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": version }, h("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -580,7 +578,7 @@ PostIcon.style = postIconCss();
 
 const SWITCH_VARIANTS = ['list', 'menu'];
 
-const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{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}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}post-menu::part(post-menu){padding-block:0}.post-language-menu-list{margin-top:1rem}`;
+const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{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}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
 
 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;
@@ -620,7 +618,7 @@ const PostLanguageMenu = class {
         const activeLanguage = this.activeLang &&
             document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
         return activeLanguage
-            ? this.textCurrentLanguage.replace(/#name/g, activeLanguage.name)
+            ? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
             : undefined;
     }
     componentDidLoad() {
@@ -691,7 +689,7 @@ __decorate$2([
 ], PostLanguageMenu.prototype, "handlePostChange", null);
 PostLanguageMenu.style = postLanguageMenuCss();
 
-const postLanguageMenuItemCss = () => `post-language-menu-item{display:inline-block}post-language-menu-item button{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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item button{background-color:ButtonFace !important}post-language-menu-item button:hover{background-color:Highlight !important}}post-language-menu-item button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-menu-item a{color:var(--post-current-fg);text-decoration:none}post-language-menu-item :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-menu-item :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-menu-item:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-menu-item:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=menu])[active]:not([active=false]){display:none}post-language-menu-item:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-menu-item:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-menu-item:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-menu-item:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}`;
+const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
 const PostLanguageMenuItem = class {
     constructor(hostRef) {
@@ -742,7 +740,8 @@ const PostLanguageMenuItem = class {
                 this.emitChange();
             }
         };
-        return (h(Host, { key: '7ecba6c01b556cf630d8f3a4f3b64e97a11e8abb', "data-version": version, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name))) : (h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name)))));
+        const interactiveElement = this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name))) : (h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name)));
+        return this.variant === 'list' ? (h(Host, { "data-version": version, role: "listitem" }, interactiveElement)) : (h(Host, { "data-version": version }, h("post-menu-item", null, interactiveElement)));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -783,7 +782,7 @@ const PostLogo = class {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (h(Host, { key: '1c268056329697baccc5bf65b1e66acd8531d5f3', "data-version": version }, h(LogoTag, { key: '9b73fc4922a5ea0f72d761e82136ef1111eb7e21', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '4042a64056f3d22a99d6b245201be20d1afe5dc0', class: "description" }, h("slot", { key: 'eb437f087d952b4f4a961bcba0dc18eb6836c6c9', onSlotchange: () => this.checkDescription() })), h("svg", { key: 'b658e94d0e7f63d2f80245e12017f87f50a0b2c9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '90c0c8f64d0c9023dfa7296e68333232b9023276', id: "Logo" }, h("rect", { key: 'a1dfd6e0bcaedb485398f1896603af36e3f119dc', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '44d5ee8e45b7b320d75530e00ab1ff8dc4b8e21c', 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" }), h("path", { key: '788524d12213fdfe0d21712b14d72e30d0195b4d', 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 (h(Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": version }, h(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, h("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), h("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, h("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '4f33978c01fe70f6b4b9ede345624378ec488b25', 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" }), h("path", { key: 'c680032facb04b9869778712dcb50b0bb166922c', 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 watchers() { return {
@@ -919,7 +918,7 @@ const PostMainnavigation = class {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (h(Host, { key: '9ee79a508b8bf05563607503aab7fc70869485e5', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '3b60c4b65b9f8911c772667505ca089a7cbc2845', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '3cb3512c29db6171f5690507154bb1b95ce3f2e8', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: 'e9f322ff43e8a2e69e05c5146ce72edb8ad2ef04', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '15520e7e56d75123986282b5612b8675d53555f7' })), h("div", { key: '5f80c2075cc37828b8fd354406dd5759975914f1', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '76f2c2e7d7cbe5f36ec4eba76b45b6122985a91a', "aria-hidden": "true", name: "chevronright" }))));
+        return (h(Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), h("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -990,7 +989,7 @@ const PostMegadropdown = class {
         this.handleClickOutside = this.handleClickOutside.bind(this);
     }
     connectedCallback() {
-        window.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
     }
     componentDidRender() {
         this.getFocusableElements();
@@ -1003,7 +1002,7 @@ const PostMegadropdown = class {
         this.handleAriaCurrentChange([]);
     }
     disconnectedCallback() {
-        window.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
+        globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
         if (PostMegadropdown.activeDropdown === this)
             PostMegadropdown.activeDropdown = null;
         this.removeListeners();
@@ -1151,7 +1150,7 @@ const PostMegadropdown = class {
             ...getFocusableChildren(this.host.shadowRoot),
         ];
         this.firstFocusableEl = focusableElements[0];
-        this.lastFocusableEl = focusableElements[focusableElements.length - 1];
+        this.lastFocusableEl = focusableElements.at(-1);
     }
     // Loop through the focusable children
     keyboardHandler(e) {
@@ -1206,7 +1205,7 @@ const PostMegadropdown = class {
      * and sets the trigger as active accordingly.
      */
     handleAriaCurrentChange(mutations) {
-        if (!mutations.length)
+        if (mutations.length === 0)
             return;
         const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
         this.setTriggerActive(hasCurrentPage);
@@ -1222,7 +1221,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: '311243d7fb04cfc89c474f78c9bd628036045232', version: version }, h("div", { key: 'f8cec95ea6689a3e615112f5814c3e7f824e64b3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'af837711218deb8e08b4574dd53a95cf0755bf47', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '64b1da48147fe48f679d74e778e2feb4c0318c44', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4e5538b2c55bf2a9d6a9e524c22d19e4336bc384', class: "megadropdown-content" }, h("slot", { key: '9e44333a25edb40de80fee99e336fd87eb6e5b9a' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
+        return (h(Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: version }, h("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, h("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1315,7 +1314,7 @@ const PostMegadropdownTrigger = class {
         this.megadropdown.toggle();
     }
     render() {
-        return (h(Host, { key: '4bc480689fe36f2e0b48cdc3fb2f192202d80087', "data-version": version }, h("button", { key: 'cb2d645db623d4d2cccdedf10d59dcaae2e160cd', 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 } }, h("span", { key: 'f402781980b3dcd5dc5b991c2e115bde7f40bbc5' }, h("span", { key: '6ba742f9f3a5270dc90e50101dad2abca03db833', innerHTML: this.slottedContent }), h("span", { key: 'cd1fdb6b0b833772e914a8dd532a4c77ffad6ac7', "aria-hidden": "true" }, h("slot", { key: '3ed0c52ce29de9fbf7eab99c5408baf9f685c420' }))), h("post-icon", { key: 'deabc3a13c77ea79f1b26ddaefac1193f9099109', name: "chevrondown" }))));
+        return (h(Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": version }, h("button", { key: 'e87d23a68473518e41199a253b3aa23dfc5fe6ca', 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 } }, h("span", { key: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, h("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), h("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, h("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), h("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1470,7 +1469,7 @@ const PostMenu = class {
     }
     controlKeyDownHandler(e) {
         const menuItems = this.getSlottedItems();
-        if (!menuItems.length) {
+        if (menuItems.length === 0) {
             return;
         }
         let currentIndex = menuItems.findIndex(el => {
@@ -1515,7 +1514,7 @@ const PostMenu = class {
             .flatMap(el => Array.from(getFocusableChildren(el))));
     }
     render() {
-        return (h(Host, { key: 'eedd5fbb9d151ebf7d97b66fc45b57a7259ff526', "data-version": version }, h("post-popovercontainer", { key: '5942a2fb4cf22f227a4a7d9b4ba31bb5f8cabdd3', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'c0271e33046edecd94cb9a5f9e8df30debfe46a1', part: "post-menu" }, h("slot", { key: 'b625baf3767cdf2c34b3f5038415cdd2a51418da', name: "header" }), h("slot", { key: '7374e93e7b2762bf548ae0ecc72596da1e715725' })))));
+        return (h(Host, { key: 'a60bf6255b37ad07a25cbc2fd96e9ada4368ad37', "data-version": version }, h("post-popovercontainer", { key: 'eef8b43481a5e9eb0b9d64f18fc226dc9c49ca69', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '5f26e8d32c9653acbdd918e8676e4e92c5b218d3', part: "post-menu" }, h("slot", { key: 'c1f81a3a0e3a214bff8b59dc3f1445526c072ea7', name: "header" }), h("slot", { key: '36214a951440a02220183aeb2eee22d3a394b90d' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1535,6 +1534,19 @@ __decorate([
 ], PostMenu.prototype, "handlePostBeforeToggle", null);
 PostMenu.style = postMenuCss();
 
+const postMenuItemCss = () => `post-menu-item button{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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}`;
+
+const PostMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    connectedCallback() {
+        this.host.dataset.version = version;
+    }
+    get host() { return getElement(this); }
+};
+PostMenuItem.style = postMenuItemCss();
+
 const postMenuTriggerCss = () => `:host{display:inline-block}`;
 
 const PostMenuTrigger = class {
@@ -1596,7 +1608,7 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea', "data-version": version }, h("slot", { key: '9c23569b7c5cba5934a869bd4a252957de3e53d5' })));
+        return (h(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version }, h("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4350,6 +4362,7 @@ const PostPopovercontainer = class {
         this.postHide = createEvent(this, "postHide");
         this.postBeforeToggle = createEvent(this, "postBeforeToggle");
         this.postToggle = createEvent(this, "postToggle");
+        this.toggleTimeoutId = null;
         this.hasOpenedOnce = true;
         /**
          * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
@@ -4370,6 +4383,7 @@ const PostPopovercontainer = class {
          */
         this.animation = 'pop-in';
         this.currentAnimation = null;
+        this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
     }
     validatePlacement() {
         checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
@@ -4390,7 +4404,7 @@ const PostPopovercontainer = class {
         this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
     }
     connectedCallback() {
-        if (IS_BROWSER && !isSupported()) {
+        if (!isSupported()) {
             apply();
         }
     }
@@ -4465,7 +4479,7 @@ const PostPopovercontainer = class {
             }
         }
         if (this.safeSpace) {
-            window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
+            globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
         }
     }
     /**
@@ -4476,7 +4490,7 @@ const PostPopovercontainer = class {
             this.clearAutoUpdate();
         }
         if (this.safeSpace) {
-            window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
+            globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
         }
         // Cancel any running animation
         if (this.currentAnimation) {
@@ -4532,7 +4546,7 @@ const PostPopovercontainer = class {
      * @param e ToggleEvent
      */
     handleToggle(e) {
-        this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
+        this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
         const isOpen = e.newState === 'open';
         if (isOpen) {
             this.open();
@@ -4555,7 +4569,7 @@ const PostPopovercontainer = class {
      */
     getHeaderHeight() {
         const header = document.querySelector('post-header');
-        return header ? parseFloat(getComputedStyle(header).height) : 0;
+        return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
     }
     async calculatePosition() {
         const { x, y, middlewareData, placement } = await this.computeMainPosition();
@@ -4592,17 +4606,23 @@ const PostPopovercontainer = class {
     }
     async computeMainPosition() {
         const gap = this.edgeGap;
-        const middleware = [
-            flip({
-                padding: this.getHeaderHeight(),
+        const isAligned = (this.placement || 'top').includes('-');
+        const flipMiddleware = flip({
+            padding: this.getHeaderHeight(),
+            crossAxis: false,
+        });
+        const shiftMiddleware = shift({
+            padding: gap,
+            limiter: limitShift({
+                offset: 32,
             }),
+        });
+        const middleware = [
+            offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
             inline(),
-            shift({
-                padding: gap,
-                limiter: limitShift({
-                    offset: 32,
-                }),
-            }),
+            // Per floating-ui docs: for aligned placements (e.g. bottom-end),
+            // flip should come before shift. For non-aligned, shift before flip.
+            ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
             size({
                 apply({ availableWidth, elements }) {
                     Object.assign(elements.floating.style, {
@@ -4610,7 +4630,6 @@ const PostPopovercontainer = class {
                     });
                 },
             }),
-            offset(this.arrow ? gap + 4 : gap),
         ];
         if (this.arrow) {
             middleware.push(arrow({ element: this.arrowRef, padding: gap }));
@@ -4682,9 +4701,9 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd151b19fb59ddad0d0dbefd48e55a9587bedcb60', "data-version": version, popover: "auto" }, h("div", { key: '74a42b48e1e3c764ff81a3c76a54f64aebeece53', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'e6b3c8932b7436a8ae8914275817ac730f4c97f4', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (h(Host, { key: '9da5ddc34b0f749826341154e1893e2ac303ed4d', "data-version": version, popover: "auto" }, h("div", { key: 'd3a56362b6ecd910455873ce62b1f7a753c6eaa8', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '45b982f1a4d1ca5ca4feae898b1e5ea338409455', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("slot", { key: 'e0cbf352c1aba2c2843ba41aa49e52b0933e93ac' }))));
+            } })), h("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4748,10 +4767,10 @@ const PostTogglebutton = class {
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
     }
     render() {
-        return (h(Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
+        return (h(Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
     }
     get host() { return getElement(this); }
 };
 PostTogglebutton.style = postTogglebuttonCss();
 
-export { PostClosebutton as post_closebutton, PostHeader as post_header, PostIcon as post_icon, PostLanguageMenu as post_language_menu, PostLanguageMenuItem as post_language_menu_item, PostLogo as post_logo, PostMainnavigation as post_mainnavigation, PostMegadropdown as post_megadropdown, PostMegadropdownTrigger as post_megadropdown_trigger, PostMenu as post_menu, PostMenuTrigger as post_menu_trigger, PostPopovercontainer as post_popovercontainer, PostTogglebutton as post_togglebutton };
+export { PostClosebutton as post_closebutton, PostHeader as post_header, PostIcon as post_icon, PostLanguageMenu as post_language_menu, PostLanguageMenuItem as post_language_menu_item, PostLogo as post_logo, PostMainnavigation as post_mainnavigation, PostMegadropdown as post_megadropdown, PostMegadropdownTrigger as post_megadropdown_trigger, PostMenu as post_menu, PostMenuItem as post_menu_item, PostMenuTrigger as post_menu_trigger, PostPopovercontainer as post_popovercontainer, PostTogglebutton as post_togglebutton };

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

@@ -1,13 +1,12 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-RRcOB_Q4.js';
-import { v as version } from './package-CBB38gAg.js';
-import { a as IS_BROWSER } from './environment-CEmnRoA6.js';
-import './breakpoints-_gmb7vUy.js';
-import { b as checkEmptyOrType, c as checkRequiredAndType } from './index-CCMeku7U.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8Vx4ywJ4.js';
+import { v as version } from './package-DVY9jsO7.js';
+import './breakpoints-CZuqK5QS.js';
+import { b as checkEmptyOrType, c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';
-import { g as getRoot } from './get-root-CXfAA093.js';
+import { g as getRoot } from './get-root-gmtbd8C-.js';
 
 function isMotionReduced() {
-    return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
+    return globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches ;
 }
 
 const collapseDuration = 350;
@@ -19,7 +18,7 @@ const animationOptions = {
     fill: 'forwards',
 };
 function collapse(el) {
-    const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
+    const elHeight = globalThis.getComputedStyle(el).height ;
     const expandedKeyframe = { height: elHeight };
     return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
 }
@@ -29,7 +28,7 @@ function expand(el) {
     return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
 }
 
-const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:hidden}`;
+const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
 
 const PostCollapsible = class {
     constructor(hostRef) {
@@ -64,7 +63,7 @@ const PostCollapsible = class {
         // due to its implementation with the getter, which returns !this.collapsed
         this.collapsed = !shouldExpand;
         const isExpanded = this.isExpanded;
-        if (IS_BROWSER) {
+        {
             const animation = isExpanded ? expand(this.host) : collapse(this.host);
             this.postToggle.emit(isExpanded);
             await animation.finished;
@@ -81,7 +80,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '46e5b97bfac36ff9f60398c6186a5d906bec72fc', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '09b88ac9aba78cdccf66b93be582c80530667528' })));
+        return (h(Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -189,7 +188,7 @@ const PostCollapsibleTrigger = class {
         this.updateAriaAttributes();
     }
     render() {
-        return (h(Host, { key: 'beb213bb418b76eaf9449e33b7a4c66c047f166c', "data-version": version }, h("slot", { key: '63f8b0ef5b728697deb2cd528f626fa1d86ab76b' })));
+        return (h(Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": version }, h("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {