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

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

@@ -1,18 +1,17 @@
 'use strict';
 
-var index = require('./index-CmbtQEJ0.js');
-var _package = require('./package-DJFRMOUR.js');
-var index$1 = require('./index-ChzLnSU8.js');
-var breakpoints = require('./breakpoints-B81j4H4_.js');
+var index = require('./index-Byyrsgop.js');
+var _package = require('./package-BMq-R5Xi.js');
+var index$1 = require('./index-qCzRmwgB.js');
+var breakpoints = require('./breakpoints-BTxzC_Qv.js');
 var fade = require('./fade-CPQhl1fP.js');
-var getFocusableChildren = require('./get-focusable-children-SdEe5tt7.js');
+var getFocusableChildren = require('./get-focusable-children-CL2gimr1.js');
 var eventFrom = require('./event-from-CwMw19f8.js');
-var environment = require('./environment-BQE9Unf_.js');
 var index_browser = require('./index.browser-Doj636JV.js');
 var utils = require('./utils-s05L2ulk.js');
 var fadeSlide = require('./fade-slide-dPhQa-I1.js');
 var placement = require('./placement-qEFR9hmI.js');
-var getRoot = require('./get-root-CUAv4k4C.js');
+var getRoot = require('./get-root-BIh00Adr.js');
 
 const BUTTON_TYPES = ['button', 'submit', 'reset'];
 const PLACEMENT = ['manual', 'auto'];
@@ -70,7 +69,7 @@ const PostClosebutton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1923a9236ae7d7929e8162dcf8d62dd21bfce0b5', "data-version": _package.version }, index.h("button", { key: '484f61b681279742acf3376f85f5200a73d319ad', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, index.h("post-icon", { key: '943f8ec5194bbbca3e4403ea0bee51aca14404c0', "aria-hidden": "true", name: "closex" }), index.h("span", { key: '832023a95b101cd9db01fee0b317c2740997f187', class: "visually-hidden" }, index.h("slot", { key: '371b19a4d9eceeb7490584e265288c533a7f8df4' })))));
+        return (index.h(index.Host, { key: 'e2adc6a13c30c9b03947a56bbd94dc86b96f31d2', "data-version": _package.version }, index.h("button", { key: '03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, index.h("post-icon", { key: 'b284a23e0eeb00c44c878672b4d8ed5e0ee058c6', "aria-hidden": "true", name: "closex" }), index.h("span", { key: '5aa5cbada2bac5532cc6f4e54e01ff11465e99c2', class: "visually-hidden" }, index.h("slot", { key: 'e8dd45b5c422504f6e7115f6fe3e498c14ed201d' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -154,11 +153,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);
         }
     }
@@ -203,15 +202,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');
     }
@@ -239,9 +238,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);
@@ -313,7 +312,7 @@ const PostHeader = class {
         const focusableElements = [this.burgerMenuButton];
         focusableElements.push(...getFocusableChildren.getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getFocusableChildren.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)
@@ -415,10 +414,10 @@ const PostHeader = class {
     render() {
         const onDesktop = this.device === 'desktop';
         const onTabletAndMobile = this.device !== 'desktop';
-        return (index.h(index.Host, { key: '927a12917d64f0e0fed247764ab5a89c2ff66453', "data-version": _package.version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, index.h("header", { key: '58e53821b44b9569a1a1f39663c6e315142fb0c2' }, index.h("div", { key: 'ead8157d4b94892be4e20c98ba9480411a08aafe', class: "global-header" }, index.h("div", { key: 'e2c6bbabfbfca71a978b6ed3e2ecbb105751bdd1', class: "section" }, index.h("div", { key: 'e52b27fc0a128e2bcd6d14c232a6091129a5562d', class: "logo" }, index.h("slot", { key: '72a698e81b6fa12f7ced243396dd39adef2da34c', name: "post-logo" })), index.h("div", { key: '82523f2072649282591d643db0f48d518a1ce4a6', class: "sliding-controls" }, onDesktop && (index.h("div", { key: 'f85c022c415dbd631b63a528ad8f19466901c248', class: "audience" }, index.h("slot", { key: '772525ed51e5fc3c92b523c1b71b1d67bf01038d', name: "audience" }))), index.h("slot", { key: 'a73f412a7634075fd6721c1d50aef56231f647a4', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
-            index.h("slot", { key: 'dd9b0cc2582285c18afec62522fff7ab2fe6b34a', name: "global-nav-secondary" }),
-            index.h("slot", { key: 'f4e4f916c66d7d1d6fc43f73e8af40a81d11c55d', name: "language-menu" }),
-        ], index.h("slot", { key: 'edbaa4e685f65ca22c1a3c7eca5b53f5d297b66a', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (index.h("post-togglebutton", { key: '5086903a3e9e01fec9273b71c7c9262026df9208', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, index.h("span", { key: 'b069fe1a4f1ac7aac9a1779a26e72e8b50a7aecc' }, this.textMenu), index.h("post-icon", { key: 'e4e35ce811dd238db1b432aa9a2c33f270ab4d81', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), index.h("post-icon", { key: 'a6dbcdc99f86ab7dafef916b23b1172fd94894bd', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), index.h("div", { key: 'cc9c29c26166b789b566819a1247af0126b190a1', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, index.h("div", { key: '6a46fce27e151905c1c00bd72aff6bd57e88ebec', class: "section" }, index.h("slot", { key: 'b4b442dc52e45bfd84e3695f48d4a172e9d12786', name: "title" }), this.hasTitle && index.h("slot", { key: '6b569368e83793b19f4bfd5b0ab4c42ef7f4f594', name: "local-nav" }), onDesktop && index.h("slot", { key: '7a5ba718de6a6f54b9a97c1be93b2ffc41d71122', name: "main-nav" }), onDesktop && !this.hasTitle && index.h("slot", { key: 'd62ff184e22380c837794b2e2c813189b546e9b7', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
+        return (index.h(index.Host, { key: '3a91565f737ace8c2afa09aea4376301df78de15', "data-version": _package.version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, index.h("header", { key: '3983485ef60f0ac3a14224ebc3e550c73b183533' }, index.h("div", { key: 'fcb70d0d33448afd05a9d0cc2045cbf954ffef8b', class: "global-header" }, index.h("div", { key: 'fc4a7fe09d320c801ffab5b8a1652078685ec126', class: "section" }, index.h("div", { key: '41ea4d25ae37ad90875201a6d580bf0e856055e0', class: "logo" }, index.h("slot", { key: 'c1fc7972273b8ca82d41535f6a3c0ee8f4a7da6a', name: "post-logo" })), index.h("div", { key: 'fb7d8e98ac126416c7342b34e9655e1ef82fed20', class: "sliding-controls" }, onDesktop && (index.h("div", { key: 'e9556afe505005b09892fcf7a9092ac5892337ee', class: "audience" }, index.h("slot", { key: '62a2bec634b4f5afff5a3323187de4bfa7ddcf3c', name: "audience" }))), index.h("slot", { key: 'e8e88e7547d71312cf868f81386eba9405b5e6b2', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
+            index.h("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
+            index.h("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
+        ], index.h("slot", { key: 'b4def359986a7093cacf963709ca27180c34d294', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (index.h("post-togglebutton", { key: '534cb2b1f21ac6408f7ea14722c2ee8c82e268eb', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, index.h("span", { key: 'fe96f2269a1e76e26edcef2d66beacac5149dea0' }, this.textMenu), index.h("post-icon", { key: '7eabffedbe08a520d7be8c930168ac15428c132d', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), index.h("post-icon", { key: 'fb3cdba5cce308547bb057bfb5e915b3b7b3848b', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), index.h("div", { key: '48f203901cd57d50f3a70b8065e65e2a45e6e0bb', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, index.h("div", { key: '846dc6852d5978a3fd1d3cd22a6c870c8d9f1cf3', class: "section" }, index.h("slot", { key: '91d510bd1948b004787c1d77f9d0ae0669a7a231', name: "title" }), this.hasTitle && index.h("slot", { key: '13fd6cd078235ee8449d22944ee67926f11b3db1', name: "local-nav" }), onDesktop && index.h("slot", { key: '67b37a81c37cf6a77df5a15519e09b884d3cd892', name: "main-nav" }), onDesktop && !this.hasTitle && index.h("slot", { key: '6ca6a422b465a38a1c02e21229dc5f9f0178ffcc', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -493,21 +492,21 @@ const PostIcon = class {
      **/
     getUrl() {
         const fileName = `${this.name}.svg`;
-        if (!environment.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 = environment.IS_BROWSER ? window.location.origin : '';
-        const baseHref = environment.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 (environment.IS_BROWSER) {
+        {
             const metaTag = document.querySelector('meta[name="design-system-settings"]');
             metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
         }
@@ -540,14 +539,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();
@@ -557,7 +555,7 @@ const PostIcon = class {
         this.validateAnimation();
     }
     render() {
-        return (index.h(index.Host, { key: '0d39fadb6d179d82a7a951de4173578f9f351673', "data-version": _package.version }, index.h("span", { key: 'd93a0a1307668e7a563a81037a399ba906d8fbe6', style: this.getStyles() })));
+        return (index.h(index.Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": _package.version }, index.h("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -582,7 +580,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;
@@ -622,7 +620,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() {
@@ -693,7 +691,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) {
@@ -744,7 +742,8 @@ const PostLanguageMenuItem = class {
                 this.emitChange();
             }
         };
-        return (index.h(index.Host, { key: '7ecba6c01b556cf630d8f3a4f3b64e97a11e8abb', "data-version": _package.version, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name)))));
+        const interactiveElement = this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name)));
+        return this.variant === 'list' ? (index.h(index.Host, { "data-version": _package.version, role: "listitem" }, interactiveElement)) : (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-item", null, interactiveElement)));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -785,7 +784,7 @@ const PostLogo = class {
     render() {
         const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
         const LogoTag = logoLink ? 'a' : 'span';
-        return (index.h(index.Host, { key: '1c268056329697baccc5bf65b1e66acd8531d5f3', "data-version": _package.version }, index.h(LogoTag, { key: '9b73fc4922a5ea0f72d761e82136ef1111eb7e21', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, index.h("span", { key: '4042a64056f3d22a99d6b245201be20d1afe5dc0', class: "description" }, index.h("slot", { key: 'eb437f087d952b4f4a961bcba0dc18eb6836c6c9', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: 'b658e94d0e7f63d2f80245e12017f87f50a0b2c9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '90c0c8f64d0c9023dfa7296e68333232b9023276', id: "Logo" }, index.h("rect", { key: 'a1dfd6e0bcaedb485398f1896603af36e3f119dc', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.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" }), index.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 (index.h(index.Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": _package.version }, index.h(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, index.h("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, index.h("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, index.h("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.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" }), index.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 index.getElement(this); }
     static get watchers() { return {
@@ -921,7 +920,7 @@ const PostMainnavigation = class {
         }, NAVBAR_DISABLE_DURATION);
     }
     render() {
-        return (index.h(index.Host, { key: '9ee79a508b8bf05563607503aab7fc70869485e5', version: _package.version, class: this.canScroll ? 'scrollable' : '' }, index.h("div", { key: '3b60c4b65b9f8911c772667505ca089a7cbc2845', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, index.h("post-icon", { key: '3cb3512c29db6171f5690507154bb1b95ce3f2e8', "aria-hidden": "true", name: "chevronleft" })), index.h("nav", { key: 'e9f322ff43e8a2e69e05c5146ce72edb8ad2ef04', ref: el => (this.navbar = el), "aria-label": this.textMain }, index.h("slot", { key: '15520e7e56d75123986282b5612b8675d53555f7' })), index.h("div", { key: '5f80c2075cc37828b8fd354406dd5759975914f1', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, index.h("post-icon", { key: '76f2c2e7d7cbe5f36ec4eba76b45b6122985a91a', "aria-hidden": "true", name: "chevronright" }))));
+        return (index.h(index.Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: _package.version, class: this.canScroll ? 'scrollable' : '' }, index.h("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, index.h("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), index.h("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, index.h("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), index.h("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, index.h("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -992,7 +991,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();
@@ -1005,7 +1004,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();
@@ -1153,7 +1152,7 @@ const PostMegadropdown = class {
             ...getFocusableChildren.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) {
@@ -1208,7 +1207,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);
@@ -1224,7 +1223,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (index.h(index.Host, { key: '311243d7fb04cfc89c474f78c9bd628036045232', version: _package.version }, index.h("div", { key: 'f8cec95ea6689a3e615112f5814c3e7f824e64b3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, index.h("div", { key: 'af837711218deb8e08b4574dd53a95cf0755bf47', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (index.h("p", { key: '64b1da48147fe48f679d74e778e2feb4c0318c44', class: "megadropdown-title" }, this.megadropdownTitle)), index.h("div", { key: '4e5538b2c55bf2a9d6a9e524c22d19e4336bc384', class: "megadropdown-content" }, index.h("slot", { key: '9e44333a25edb40de80fee99e336fd87eb6e5b9a' })), this.device === 'desktop' ? (index.h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (index.h("button", { onClick: () => this.hide(true), class: "back-button" }, index.h("post-icon", { name: "arrowleft" }), this.textBack))))));
+        return (index.h(index.Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: _package.version }, index.h("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, index.h("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (index.h("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), index.h("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, index.h("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), this.device === 'desktop' ? (index.h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (index.h("button", { onClick: () => this.hide(true), class: "back-button" }, index.h("post-icon", { name: "arrowleft" }), this.textBack))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1317,7 +1316,7 @@ const PostMegadropdownTrigger = class {
         this.megadropdown.toggle();
     }
     render() {
-        return (index.h(index.Host, { key: '4bc480689fe36f2e0b48cdc3fb2f192202d80087', "data-version": _package.version }, index.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 } }, index.h("span", { key: 'f402781980b3dcd5dc5b991c2e115bde7f40bbc5' }, index.h("span", { key: '6ba742f9f3a5270dc90e50101dad2abca03db833', innerHTML: this.slottedContent }), index.h("span", { key: 'cd1fdb6b0b833772e914a8dd532a4c77ffad6ac7', "aria-hidden": "true" }, index.h("slot", { key: '3ed0c52ce29de9fbf7eab99c5408baf9f685c420' }))), index.h("post-icon", { key: 'deabc3a13c77ea79f1b26ddaefac1193f9099109', name: "chevrondown" }))));
+        return (index.h(index.Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": _package.version }, index.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 } }, index.h("span", { key: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, index.h("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), index.h("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, index.h("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), index.h("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1472,7 +1471,7 @@ const PostMenu = class {
     }
     controlKeyDownHandler(e) {
         const menuItems = this.getSlottedItems();
-        if (!menuItems.length) {
+        if (menuItems.length === 0) {
             return;
         }
         let currentIndex = menuItems.findIndex(el => {
@@ -1517,7 +1516,7 @@ const PostMenu = class {
             .flatMap(el => Array.from(getFocusableChildren.getFocusableChildren(el))));
     }
     render() {
-        return (index.h(index.Host, { key: 'eedd5fbb9d151ebf7d97b66fc45b57a7259ff526', "data-version": _package.version }, index.h("post-popovercontainer", { key: '5942a2fb4cf22f227a4a7d9b4ba31bb5f8cabdd3', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'c0271e33046edecd94cb9a5f9e8df30debfe46a1', part: "post-menu" }, index.h("slot", { key: 'b625baf3767cdf2c34b3f5038415cdd2a51418da', name: "header" }), index.h("slot", { key: '7374e93e7b2762bf548ae0ecc72596da1e715725' })))));
+        return (index.h(index.Host, { key: 'a60bf6255b37ad07a25cbc2fd96e9ada4368ad37', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'eef8b43481a5e9eb0b9d64f18fc226dc9c49ca69', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '5f26e8d32c9653acbdd918e8676e4e92c5b218d3', part: "post-menu" }, index.h("slot", { key: 'c1f81a3a0e3a214bff8b59dc3f1445526c072ea7', name: "header" }), index.h("slot", { key: '36214a951440a02220183aeb2eee22d3a394b90d' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1537,6 +1536,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) {
+        index.registerInstance(this, hostRef);
+    }
+    connectedCallback() {
+        this.host.dataset.version = _package.version;
+    }
+    get host() { return index.getElement(this); }
+};
+PostMenuItem.style = postMenuItemCss();
+
 const postMenuTriggerCss = () => `:host{display:inline-block}`;
 
 const PostMenuTrigger = class {
@@ -1598,7 +1610,7 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: '8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea', "data-version": _package.version }, index.h("slot", { key: '9c23569b7c5cba5934a869bd4a252957de3e53d5' })));
+        return (index.h(index.Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": _package.version }, index.h("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -4352,6 +4364,7 @@ const PostPopovercontainer = class {
         this.postHide = index.createEvent(this, "postHide");
         this.postBeforeToggle = index.createEvent(this, "postBeforeToggle");
         this.postToggle = index.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.
@@ -4372,6 +4385,7 @@ const PostPopovercontainer = class {
          */
         this.animation = 'pop-in';
         this.currentAnimation = null;
+        this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
     }
     validatePlacement() {
         index$1.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
@@ -4392,7 +4406,7 @@ const PostPopovercontainer = class {
         this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
     }
     connectedCallback() {
-        if (environment.IS_BROWSER && !isSupported()) {
+        if (!isSupported()) {
             apply();
         }
     }
@@ -4467,7 +4481,7 @@ const PostPopovercontainer = class {
             }
         }
         if (this.safeSpace) {
-            window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
+            globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
         }
     }
     /**
@@ -4478,7 +4492,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) {
@@ -4534,7 +4548,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();
@@ -4557,7 +4571,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();
@@ -4594,17 +4608,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, {
@@ -4612,7 +4632,6 @@ const PostPopovercontainer = class {
                     });
                 },
             }),
-            offset(this.arrow ? gap + 4 : gap),
         ];
         if (this.arrow) {
             middleware.push(arrow({ element: this.arrowRef, padding: gap }));
@@ -4684,9 +4703,9 @@ const PostPopovercontainer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd151b19fb59ddad0d0dbefd48e55a9587bedcb60', "data-version": _package.version, popover: "auto" }, index.h("div", { key: '74a42b48e1e3c764ff81a3c76a54f64aebeece53', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (index.h("span", { key: 'e6b3c8932b7436a8ae8914275817ac730f4c97f4', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
+        return (index.h(index.Host, { key: '9da5ddc34b0f749826341154e1893e2ac303ed4d', "data-version": _package.version, popover: "auto" }, index.h("div", { key: 'd3a56362b6ecd910455873ce62b1f7a753c6eaa8', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (index.h("span", { key: '45b982f1a4d1ca5ca4feae898b1e5ea338409455', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), index.h("slot", { key: 'e0cbf352c1aba2c2843ba41aa49e52b0933e93ac' }))));
+            } })), index.h("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -4750,7 +4769,7 @@ const PostTogglebutton = class {
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
     }
     render() {
-        return (index.h(index.Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
+        return (index.h(index.Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -4766,6 +4785,7 @@ exports.post_mainnavigation = PostMainnavigation;
 exports.post_megadropdown = PostMegadropdown;
 exports.post_megadropdown_trigger = PostMegadropdownTrigger;
 exports.post_menu = PostMenu;
+exports.post_menu_item = PostMenuItem;
 exports.post_menu_trigger = PostMenuTrigger;
 exports.post_popovercontainer = PostPopovercontainer;
 exports.post_togglebutton = PostTogglebutton;

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

@@ -1,15 +1,14 @@
 'use strict';
 
-var index = require('./index-CmbtQEJ0.js');
-var _package = require('./package-DJFRMOUR.js');
-var environment = require('./environment-BQE9Unf_.js');
-require('./breakpoints-B81j4H4_.js');
-var index$1 = require('./index-ChzLnSU8.js');
+var index = require('./index-Byyrsgop.js');
+var _package = require('./package-BMq-R5Xi.js');
+require('./breakpoints-BTxzC_Qv.js');
+var index$1 = require('./index-qCzRmwgB.js');
 var eventFrom = require('./event-from-CwMw19f8.js');
-var getRoot = require('./get-root-CUAv4k4C.js');
+var getRoot = require('./get-root-BIh00Adr.js');
 
 function isMotionReduced() {
-    return environment.IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
+    return globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches ;
 }
 
 const collapseDuration = 350;
@@ -21,7 +20,7 @@ const animationOptions = {
     fill: 'forwards',
 };
 function collapse(el) {
-    const elHeight = environment.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);
 }
@@ -31,7 +30,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) {
@@ -66,7 +65,7 @@ const PostCollapsible = class {
         // due to its implementation with the getter, which returns !this.collapsed
         this.collapsed = !shouldExpand;
         const isExpanded = this.isExpanded;
-        if (environment.IS_BROWSER) {
+        {
             const animation = isExpanded ? expand(this.host) : collapse(this.host);
             this.postToggle.emit(isExpanded);
             await animation.finished;
@@ -83,7 +82,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (index.h(index.Host, { key: '46e5b97bfac36ff9f60398c6186a5d906bec72fc', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, index.h("slot", { key: '09b88ac9aba78cdccf66b93be582c80530667528' })));
+        return (index.h(index.Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, index.h("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -191,7 +190,7 @@ const PostCollapsibleTrigger = class {
         this.updateAriaAttributes();
     }
     render() {
-        return (index.h(index.Host, { key: 'beb213bb418b76eaf9449e33b7a4c66c047f166c', "data-version": _package.version }, index.h("slot", { key: '63f8b0ef5b728697deb2cd528f626fa1d86ab76b' })));
+        return (index.h(index.Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": _package.version }, index.h("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {