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

package/dist/esm/{post-togglebutton-95ba85d2.js → post-togglebutton-6cf6dae6.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-2c232bf2.js';
-import { v as version } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-40846676.js';
+import { v as version } from './package-2d498679.js';
 import { s as slideUp, a as slideDown } from './slide-62768431.js';
-import { c as checkEmptyOrOneOf, d as checkEmptyOrType, b as checkEmptyOrUrl } from './index-d1bbbd88.js';
+import { c as checkEmptyOrOneOf, d as checkEmptyOrType, b as checkEmptyOrUrl } from './index-0aec278f.js';
 import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
 import { c as checkType } from './check-type-a6ccc9a3.js';
 import { n as nanoid } from './index.browser-51485f85.js';
@@ -174,18 +174,26 @@ const focusDisablingSelector = `:where(${[
     'details:not([open]) > *:not(details > summary:first-of-type)',
     'details:not([open]) > *:not(details > summary:first-of-type) *',
     '[tabindex^="-"]',
+    '[hidden]:not([hidden="false"])',
 ].join(',')})`;
 function getFocusableChildren(element) {
-    return element.querySelectorAll(`& > ${focusableSelector}:not(${focusDisablingSelector})`);
+    const focusableChildren = element.querySelectorAll(`${focusableSelector}:not(${focusDisablingSelector})`);
+    const visibleFocusableChildren = Array.from(focusableChildren).filter(child => {
+        const style = window.getComputedStyle(child.parentElement);
+        return style.display !== 'none' && style.visibility !== 'hidden';
+    });
+    return visibleFocusableChildren;
 }
 
-const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;align-items:center;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}slot[name=post-logo]{align-self:flex-end}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
+const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
 const PostHeaderStyle0 = postHeaderCss;
 
 const PostHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postUpdateDevice = createEvent(this, "postUpdateDevice", 7);
+        this.device = null;
+        this.mobileMenuExtended = false;
     }
     firstFocusableEl;
     lastFocusableEl;
@@ -202,9 +210,10 @@ const PostHeader = class {
         this.handleScrollEvent();
         this.getFocusableElements();
     }
+    componentDidLoad() {
+        this.updateLocalHeaderHeight();
+    }
     get host() { return getElement(this); }
-    device = null;
-    mobileMenuExtended = false;
     frozeBody(isMobileMenuExtended) {
         document.body.style.overflow = isMobileMenuExtended ? 'hidden' : '';
         if (isMobileMenuExtended) {
@@ -301,6 +310,12 @@ const PostHeader = class {
             return value === 'auto' || value === 'scroll';
         });
     }
+    updateLocalHeaderHeight() {
+        requestAnimationFrame(() => {
+            const mhh = this.host.shadowRoot.querySelector('.local-header')?.clientHeight || 0;
+            this.host.style.setProperty('--main-header-height', `${mhh}px`);
+        });
+    }
     handleResize() {
         const previousDevice = this.device;
         let newDevice;
@@ -319,8 +334,7 @@ const PostHeader = class {
             this.toggleMobileMenu();
             this.mobileMenuAnimation.finish(); // no animation
         }
-        const mhh = this.host.shadowRoot.querySelector('.local-header')?.clientHeight;
-        this.host.style.setProperty('--main-header-height', `${mhh}px`);
+        this.updateLocalHeaderHeight();
         // Apply only on change for doing work only when necessary
         if (newDevice !== previousDevice) {
             this.device = newDevice;
@@ -342,7 +356,7 @@ const PostHeader = class {
         return (h("div", { ref: el => (this.mobileMenu = el), class: navigationClasses.join(' ') }, h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (h("div", { class: "navigation-footer" }, h("slot", { name: "meta-navigation" }), h("slot", { name: "post-language-switch" })))));
     }
     render() {
-        return (h(Host, { key: 'efbf8028f2abf376f497081996dba759f5885630', version: version }, h("div", { key: 'ecaaea274045453ce869f36e8a1155626b1818ba', class: "global-header" }, h("div", { key: '2fda0d65321ad1cbbc47b731f095e0d9b6694d99', class: "global-sub" }, h("div", { key: '24864d5f18c9d923717cc2e996395cff3bd6ce8b', class: "logo" }, h("slot", { key: 'ba82d7f62bb845732fe6066bcdc7eef15913c9e6', name: "post-logo" }))), h("div", { key: 'a0ddea4e564fca1e286998c73fea75eb8c228428', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: '0d7aa11452eb69fe28914ff7787c6dc206fd4009', name: "meta-navigation" }), h("slot", { key: 'e92b7b9db6e16e8fcecb1ca74efa63942dd542c5', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: 'c68984037a71d5ac54828f6cf2367c3b07e428fc', name: "post-language-switch" }), h("div", { key: '70fb5040dc2f000c2afa286bb673ae9cf88521cf', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: '509fb81812262cd9efdb3a562e48f72b0d29e376', name: "post-togglebutton" })))), h("div", { key: '393d1040bad2f85caced5b4a8ff02e30fa5fd5f1', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: '786cc114aae985a0612d3cb044684290e3026462', name: "title" }), h("div", { key: 'd4f68653a09bbf0b222873ed5d23fec6ba9d8f6f', class: "local-sub" }, h("slot", { key: '0ad7dda5490964e9a8eae5e0bf66a117882f7a06', name: "local-controls" }), h("slot", { key: 'bddc01c7696f456c38c200b330767a0f1b353d88' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
+        return (h(Host, { key: '18b9e47312a3896f1c68a9270332b2bf21ea2518', version: version }, h("div", { key: '6b30ae3fc22471a7d1f29f19da944a3c4eac009c', class: "global-header" }, h("div", { key: '943cd0d6a4fa9e0b15196b54fe1f5e765b6270c5', class: "global-sub" }, h("div", { key: '7c34ab9cd2a5fb380b0201673364a275d74ca1e3', class: "logo" }, h("slot", { key: '13b6bb1b42951d4982fd0cca9f65f3cba9a361df', name: "post-logo" }))), h("div", { key: '1955153864e1825e2fd56d58b9966982bc4aeb7f', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: 'f33af5becab53114e886c288feabafd4a589dab6', name: "meta-navigation" }), h("slot", { key: 'e33c827d5e0101a6fc9ccaf3f9e3b9ea1a689626', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: 'bbc08ab621b41858f6f4c0fa03796c1800d3ef2b', name: "post-language-switch" }), h("div", { key: '352681a469b8dd46271ffe6b36002d174a5586c3', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: 'a6c79f674e94a2046f47d8fc7a6ce7722a7e5125', name: "post-togglebutton" })))), h("div", { key: '8b1219759b44feaf230a366a39ea8cc211893b9c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: '070092f87eceb4a4ca2c19394a80ffb20833c0c9', name: "title" }), h("div", { key: '5044efdcf0a9b341eb9f168762f86dd516236ad1', class: "local-sub" }, h("slot", { key: '48e38669ec64444c48f8b84f95590d36cd090ff7', name: "local-controls" }), h("slot", { key: 'cbf9652dfc5008322459b6dcb0623135f7984e61' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
     }
     static get watchers() { return {
         "mobileMenuExtended": ["frozeBody"]
@@ -366,56 +380,35 @@ const ANIMATION_KEYS = [...ANIMATION_NAMES];
 const PostIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.animation = null;
+        this.base = null;
+        this.flipH = false;
+        this.flipV = false;
+        this.name = undefined;
+        this.rotate = null;
+        this.scale = null;
     }
     get host() { return getElement(this); }
-    /**
-     * The name of the animation.
-     */
-    animation = null;
     validateAnimation(newValue = this.animation) {
         if (newValue !== undefined)
             checkEmptyOrOneOf(newValue, ANIMATION_KEYS, `The post-icon "animation" prop requires one of the following values: ${ANIMATION_KEYS.join(', ')}.`);
     }
-    /**
-     * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
-     */
-    base = null;
     validateBase(newValue = this.base) {
         checkEmptyOrType(newValue, 'string', 'The post-icon "base" prop should be a string.');
     }
-    /**
-     * When set to `true`, the icon will be flipped horizontally.
-     */
-    flipH = false;
     validateFlipH(newValue = this.flipH) {
         checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipH" prop should be a boolean.');
     }
-    /**
-     * When set to `true`, the icon will be flipped vertically.
-     */
-    flipV = false;
     validateFlipV(newValue = this.flipV) {
         checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipV" prop should be a boolean.');
     }
-    /**
-     * The name/id of the icon (e.g. 1000, 1001, ...).
-     */
-    name;
     validateName(newValue = this.name) {
         checkNonEmpty(newValue, 'The post-icon "name" prop is required!.');
         checkType(newValue, 'string', 'The post-icon "name" prop should be a string.');
     }
-    /**
-     * The number of degree for the css rotate transformation.
-     */
-    rotate = null;
     validateRotate(newValue = this.rotate) {
         checkEmptyOrType(newValue, 'number', 'The post-icon "rotate" prop should be a number.');
     }
-    /**
-     * The number for the css scale transformation.
-     */
-    scale = null;
     validateScale(newValue = this.scale) {
         checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
@@ -501,45 +494,29 @@ const PostIcon = class {
 };
 PostIcon.style = PostIconStyle0;
 
-const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--post-language-option-padding);border-radius:2px}post-language-option :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-option :is(a,button):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-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):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-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=list]) :is(a,button)[aria-current=true],post-language-option:where([variant=list]) :is(a,button)[aria-current=page]{background-color:#050400;color:#fff}post-language-option:where([variant=list]) :is(a,button)[aria-current=true]:hover,post-language-option:where([variant=list]) :is(a,button)[aria-current=page]:hover{background-color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}post-language-option:where([variant=menu]) :is(a,button)[aria-current=true]::after,post-language-option:where([variant=menu]) :is(a,button)[aria-current=page]::after{content:\"\";left:0;height:3px;background-color:#050400;width:100%;display:block;position:absolute;bottom:3px}post-language-option:where([variant=menu]) :is(a,button)[aria-current=true]:hover::after,post-language-option:where([variant=menu]) :is(a,button)[aria-current=page]:hover::after{background-color:#504f4b}post-language-option:where([variant=menu]) :is(a,button):hover{color:#504f4b}";
+const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :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-option :is(a,button):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-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):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-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}";
 const PostLanguageOptionStyle0 = postLanguageOptionCss;
 
 const PostLanguageOption = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postChange = createEvent(this, "postChange", 7);
+        this.code = undefined;
+        this.active = undefined;
+        this.variant = undefined;
+        this.name = undefined;
+        this.url = undefined;
     }
     get host() { return getElement(this); }
-    /**
-     *  The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, "de".
-     */
-    code;
     validateCode(value = this.code) {
         checkType(value, 'string', 'The "code" property of the post-language-option component must be a string.');
     }
-    /**
-     * If set to `true`, the language option is considered the current language for the page.
-     */
-    active;
     validateActiveProp(value = this.active) {
         checkEmptyOrType(value, 'boolean', 'The "active" property of the post-language-option component must be a boolean value.');
     }
-    /**
-     * The variant of the post-language-switch parent (dynamically set by the parent)
-     */
-    variant;
-    /**
-     * The full name of the language. For example, "Deutsch".
-     */
-    name;
     validateName(value = this.name) {
         checkEmptyOrType(value, 'string', 'The "name" property of the post-language-option component must be a string.');
     }
-    /**
-     * The URL used for the href attribute of the internal anchor.
-     * This field is optional; if not provided, a button will be used internally instead of an anchor.
-     */
-    url;
     validateUrl(value = this.url) {
         checkEmptyOrType(value, 'string', 'The "url" property of the post-language-option component must be a valid URL.');
     }
@@ -589,39 +566,27 @@ PostLanguageOption.style = PostLanguageOptionStyle0;
 
 const SWITCH_VARIANTS = ['list', 'menu'];
 
-const postLanguageSwitchCss = ":host{display:block}@media screen and (max-width: 1023.98px){:host{display:flex !important;gap:.5rem}}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-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-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
+const postLanguageSwitchCss = ":host{display:flex}:host>span{display:flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){column-gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-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-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
 const PostLanguageSwitchStyle0 = postLanguageSwitchCss;
 
 const PostLanguageSwitch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.caption = undefined;
+        this.description = undefined;
+        this.variant = 'list';
+        this.activeLang = undefined;
     }
     get host() { return getElement(this); }
-    /**
-     * A title for the list of language options
-     */
-    caption;
     validateCaption(value = this.caption) {
         checkType(value, 'string', 'The "caption" property of the post-language-switch component must be a string.');
     }
-    /**
-     * A descriptive text for the list of language options
-     */
-    description;
     validateDescription(value = this.description) {
         checkType(value, 'string', 'The "description" property of the post-language-switch component must be a string.');
     }
-    /**
-     * Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)
-     */
-    variant = 'list';
     validateVariant(value = this.variant) {
         checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be:  ${SWITCH_VARIANTS.join(', ')}`);
     }
-    /**
-     * The active language of the language switch
-     */
-    activeLang;
     connectedCallback() {
         this.updateChildrenVariant();
         // Get the active language based on children's active state
@@ -663,10 +628,10 @@ const PostLanguageSwitch = class {
     }
     menuId = `p${nanoid(11)}`;
     renderList() {
-        return (h(Host, { "data-version": version, "aria-label": `${this.caption}, ${this.description}`, "aria-role": "list" }, h("slot", null)));
+        return (h(Host, { "data-version": version, role: "list", "aria-label": this.caption }, h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang.toUpperCase()), h("slot", null)));
     }
     renderDropdown() {
-        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": `${this.caption}, ${this.description}` }, this.activeLang.toUpperCase(), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container" }, h("slot", null))));
+        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang.toUpperCase(), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, h("slot", null))));
     }
     render() {
         return this.variant === 'list' ? this.renderList() : this.renderDropdown();
@@ -685,20 +650,11 @@ const PostListStyle0 = postListCss;
 const PostList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.titleId = undefined;
+        this.titleHidden = false;
+        this.horizontal = false;
     }
     get host() { return getElement(this); }
-    /**
-     * The unique title of the list that is also referenced in the labelledby
-     */
-    titleId;
-    /**
-     * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-     */
-    titleHidden = false;
-    /**
-     * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-     */
-    horizontal = false;
     titleEl;
     componentWillLoad() {
         /**
@@ -743,12 +699,9 @@ const PostLogoStyle0 = postLogoCss;
 const PostLogo = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.url = undefined;
     }
     get host() { return getElement(this); }
-    /**
-     * The URL to which the user is redirected upon clicking the logo.
-     */
-    url;
     validateUrl() {
         checkEmptyOrUrl(this.url, 'The "url" property of the post-logo is invalid');
     }
@@ -782,6 +735,9 @@ const NAVIGATION_ITEM_SELECTOR = ':is(post-list-item > a, post-list-item > post-
 const PostMainnavigation = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.canScrollLeft = false;
+        this.canScrollRight = false;
+        this.translateAmount = 0;
     }
     header;
     navbar;
@@ -798,9 +754,6 @@ const PostMainnavigation = class {
         this.checkScrollability();
     });
     get host() { return getElement(this); }
-    canScrollLeft = false;
-    canScrollRight = false;
-    translateAmount = 0;
     /**
      * Update navbar translation when 'translateAmount' changes and recalculate scrollability
      */
@@ -986,22 +939,16 @@ const PostMegadropdown = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postToggleMegadropdown = createEvent(this, "postToggleMegadropdown", 7);
+        this.device = undefined;
+        this.isVisible = false;
+        this.animationClass = null;
     }
     header;
     firstFocusableEl;
     lastFocusableEl;
-    device;
     get host() { return getElement(this); }
     /** Tracks the currently active dropdown instance. */
     static activeDropdown = null;
-    /**
-     * Holds the current visibility state of the dropdown.
-     * This state is internally managed to track whether the dropdown is open (`true`) or closed (`false`),
-     * and updates automatically when the dropdown is toggled.
-     */
-    isVisible = false;
-    /** Holds the current animation class. */
-    animationClass = null;
     /**
      * Emits when the dropdown is shown or hidden.
      * The event payload is a boolean: `true` when the dropdown was opened, `false` when it was closed.
@@ -1035,9 +982,11 @@ const PostMegadropdown = class {
             // Close the previously active dropdown without animation
             PostMegadropdown.activeDropdown.forceClose();
         }
+        else {
+            this.animationClass = 'slide-in';
+        }
         this.isVisible = true;
         this.host.addEventListener('keydown', e => this.keyboardHandler(e));
-        this.animationClass = 'slide-in';
         PostMegadropdown.activeDropdown = this;
         this.postToggleMegadropdown.emit(this.isVisible);
         this.addOutsideClickListener();
@@ -1047,6 +996,7 @@ const PostMegadropdown = class {
      */
     async hide() {
         this.animationClass = 'slide-out';
+        PostMegadropdown.activeDropdown = null;
         this.host.removeEventListener('keydown', e => this.keyboardHandler(e));
     }
     connectedCallback() {
@@ -1117,7 +1067,7 @@ const PostMegadropdown = class {
     }
     render() {
         const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: '5aa08b01be715325182c245e1b0ae2456bcc5df6' }, h("div", { key: '0737c9368ecbffac59bbdf47fabac3f3b94ae7bb', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, h("div", { key: 'efe49f3f9cdcd99e2feca78b772c944405e19f21', class: "megadropdown" }, h("div", { key: '14dd7ff2f7e7b1eb91f2673a25d7ccafffe4f9d0', onClick: () => this.hide(), class: "back-button" }, h("slot", { key: '554e30e6408c0bef0549f5e2c31dcd8b90ceee40', name: "back-button" })), h("div", { key: '4e7335152d7b6649918adf075213ebbf8b8ddeaa', onClick: () => this.hide(), class: "close-button" }, h("slot", { key: 'db90f3a5334ce723c0ee672a96167197ca25b545', name: "close-button" })), h("slot", { key: 'b11b1d16147f88103f2eb24c8dd21394de53f69c', name: "megadropdown-title" }), h("div", { key: '6d837c1a70f66f00097fb531058750fbac6fd41a', class: "megadropdown-content" }, h("slot", { key: 'be685185f04e44d867167f918494d086856b5928' }))))));
+        return (h(Host, { key: '11be74da0c6d35e1a50c954735a6b1f079cd0eb6' }, h("div", { key: '202023b2495012f78ba761f20aef1ba0325a98f0', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, h("div", { key: '87ac87a83de7ce798f5d9057b992893bfc00f2e1', class: "megadropdown" }, h("div", { key: '650738a55e5007b9ae0c3ee30fb2f1ae53152744', onClick: () => this.hide(), class: "back-button" }, h("slot", { key: 'a7b70ce1fbc7090807b8d60efce6cb83eb06674e', name: "back-button" })), h("div", { key: '812d3458649669e867d7d761079299b64d9e4e4d', onClick: () => this.hide(), class: "close-button" }, h("slot", { key: '2ee2df463dfd6667b729fd1b47987ea40e8d9d5f', name: "close-button" })), h("slot", { key: 'a5d0029319e34b652923d07fcddd5cb647912b03', name: "megadropdown-title" }), h("div", { key: 'c563cf50e3d9a1a466b9aec386982c80569ac094', class: "megadropdown-content" }, h("slot", { key: 'a05eeceb8fdbfc4373ee7d42d4f583475b44b4dc' }))))));
     }
 };
 PostMegadropdown.style = PostMegadropdownStyle0;
@@ -1128,16 +1078,10 @@ const PostMegadropdownTriggerStyle0 = postMegadropdownTriggerCss;
 const PostMegadropdownTrigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.for = undefined;
+        this.ariaExpanded = false;
     }
-    /**
-     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
-     */
-    for;
     get host() { return getElement(this); }
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
-     */
-    ariaExpanded = false;
     /**
      * Reference to the slotted button within the trigger, if present.
      * Used to manage click and key events for mega dropdown control.
@@ -1202,6 +1146,8 @@ const PostMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.toggleMenu = createEvent(this, "toggleMenu", 7);
+        this.placement = 'bottom';
+        this.isVisible = false;
     }
     popoverRef;
     lastFocusedElement = null;
@@ -1216,18 +1162,6 @@ const PostMenu = class {
         ESCAPE: 'Escape',
     };
     get host() { return getElement(this); }
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'bottom';
-    /**
-     * Holds the current visibility state of the menu.
-     * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
-     * and updates automatically when the menu is toggled.
-     */
-    isVisible = false;
     /**
      * Emits when the menu is shown or hidden.
      * The event payload is a boolean: `true` when the menu was opened, `false` when it was closed.
@@ -1367,16 +1301,10 @@ const PostMenuTriggerStyle0 = postMenuTriggerCss;
 const PostMenuTrigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.for = undefined;
+        this.ariaExpanded = false;
     }
-    /**
-     * ID of the menu element that this trigger is linked to. Used to open and close the specified menu.
-     */
-    for;
     get host() { return getElement(this); }
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated menu is expanded or collapsed.
-     */
-    ariaExpanded = false;
     /**
      * Reference to the slotted button within the trigger, if present.
      * Used to manage click and key events for menu control.
@@ -3560,6 +3488,10 @@ const PostPopovercontainer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postToggle = createEvent(this, "postToggle", 7);
+        this.manualClose = false;
+        this.placement = 'top';
+        this.edgeGap = 8;
+        this.arrow = false;
     }
     get host() { return getElement(this); }
     arrowRef;
@@ -3570,24 +3502,6 @@ const PostPopovercontainer = class {
      * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
      */
     postToggle;
-    /**
-     * Whether or not the popover should close when user clicks outside of it
-     */
-    manualClose = false;
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'top';
-    /**
-     * Gap between the edge of the page and the popover
-     */
-    edgeGap = 8;
-    /**
-     * Wheter or not to display a little pointer arrow
-     */
-    arrow = false;
     componentDidLoad() {
         this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
     }
@@ -3719,12 +3633,9 @@ const PostTogglebuttonStyle0 = postTogglebuttonCss;
 const PostTogglebutton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.toggled = false;
     }
     get host() { return getElement(this); }
-    /**
-     * If `true`, the button is in the "on" state, otherwise it is in the "off" state.
-     */
-    toggled = false;
     validateToggled(value = this.toggled) {
         checkType(value, 'boolean', 'The "toggled" property of the post-togglebutton must be a boolean.');
     }

package/dist/esm/{post-tooltip-918d3a54.js → post-tooltip-f1f56486.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-2c232bf2.js';
-import { v as version$1 } from './package-8c98af5e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
+import { v as version$1 } from './package-2d498679.js';
 import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
-import { d as checkEmptyOrType } from './index-d1bbbd88.js';
+import { d as checkEmptyOrType } from './index-0aec278f.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -4866,24 +4866,13 @@ const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccess
 const PostTooltip = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.placement = 'top';
+        this.arrow = true;
+        this.delayed = false;
     }
     popoverRef;
     wasOpenedByFocus = false;
     get host() { return getElement(this); }
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    placement = 'top';
-    /**
-     * Wheter or not to display a little pointer arrow
-     */
-    arrow = true;
-    /**
-     * If `true`, the tooltip is displayed a few milliseconds after it is triggered
-     */
-    delayed = false;
     validateDelayed() {
         checkEmptyOrType(this.delayed, 'boolean', 'The post-tooltip "delayed" property should be a boolean.');
     }

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

@@ -1,9 +1,9 @@
-export { P as post_tooltip } from './post-tooltip-918d3a54.js';
-import './index-2c232bf2.js';
-import './package-8c98af5e.js';
+export { P as post_tooltip } from './post-tooltip-f1f56486.js';
+import './index-40846676.js';
+import './package-2d498679.js';
 import './attribute-observer-2f203993.js';
-import './index-d1bbbd88.js';
+import './index-0aec278f.js';
 import './constants-8d548297.js';
 import './check-one-of-0d5858c0.js';
 import './check-type-a6ccc9a3.js';
-import './check-url-0bd876f7.js';
+import './check-url-8ab230de.js';

package/dist/post-components/index.esm.js

@@ -1 +1 @@
-export{P as PostAccordion}from"./p-726bfda2.js";export{P as PostAccordionItem}from"./p-4fedef65.js";export{P as PostAvatar}from"./p-93632808.js";export{P as PostBackToTop}from"./p-ad246c0d.js";export{P as PostBanner}from"./p-8a50b900.js";export{P as PostBreadcrumb}from"./p-b1adc221.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-1e69a72f.js";export{P as PostCardControl}from"./p-7c9758fa.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-767c0bf3.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-2e6c5b60.js";export{P as PostFooter}from"./p-b5a566f1.js";export{P as PostLinkarea}from"./p-4ca79b52.js";export{P as PostPopover}from"./p-8a452260.js";export{P as PostRating}from"./p-423aecd4.js";export{P as PostTabs}from"./p-24297444.js";export{P as PostTabHeader}from"./p-a6436e7f.js";export{P as PostTabPanel}from"./p-9f0c5164.js";export{P as PostTag}from"./p-b2c0d21a.js";export{P as PostTooltip}from"./p-267f52a9.js";import"./p-d9833667.js";import"./p-2083ae2c.js";import"./p-247a1668.js";import"./p-bacd3e2c.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-5959f2bd.js";import"./p-b095519d.js";import"./p-4af6dbed.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
+export{P as PostAccordion}from"./p-b19a9362.js";export{P as PostAccordionItem}from"./p-7d9f4529.js";export{P as PostAvatar}from"./p-62e62248.js";export{P as PostBackToTop}from"./p-91ffc428.js";export{P as PostBanner}from"./p-ac04c807.js";export{P as PostBreadcrumb}from"./p-a98c64e1.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-cc9d8272.js";export{P as PostCardControl}from"./p-5d05f008.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-9c8b4442.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-870920c5.js";export{P as PostFooter}from"./p-26e5d866.js";export{P as PostLinkarea}from"./p-f5d73dcc.js";export{P as PostPopover}from"./p-f8e7cdec.js";export{P as PostRating}from"./p-6af43aa2.js";export{P as PostTabs}from"./p-29d56d5f.js";export{P as PostTabHeader}from"./p-6a7ee274.js";export{P as PostTabPanel}from"./p-100dc10a.js";export{P as PostTag}from"./p-a6476cb6.js";export{P as PostTooltip}from"./p-e7865717.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-247a1668.js";import"./p-bacd3e2c.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";import"./p-b095519d.js";import"./p-4af6dbed.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";

package/dist/post-components/p-100dc10a.js

@@ -0,0 +1 @@
+import{r as s,g as t,h as a,H as o}from"./p-ff95dcd3.js";import{v as e}from"./p-f6e86d70.js";import{n as r}from"./p-5959f2bd.js";const i=class{constructor(t){s(this,t),this.panelId=void 0,this.name=void 0}get host(){return t(this)}componentWillLoad(){this.panelId=`panel-${this.host.id||r(6)}`}render(){return a(o,{key:"9d35c9ceec54f1c2983600342e5e63a49ca93aef","data-version":e,id:this.panelId,role:"tabpanel"},a("slot",{key:"8db185ca7a2030343df512962126a91f64840a64"}))}};i.style=":host{display:none}";export{i as P}

package/dist/post-components/p-14738957.entry.js

@@ -0,0 +1 @@
+export{P as post_tab_panel}from"./p-100dc10a.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-5959f2bd.js";

package/dist/post-components/{p-ca41b899.entry.js → p-19e8b653.entry.js}

@@ -1 +1 @@
-export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-767c0bf3.js";import"./p-d9833667.js";import"./p-2083ae2c.js";import"./p-4af6dbed.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-b095519d.js";import"./p-5959f2bd.js";import"./p-fc91cbc2.js";
+export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-9c8b4442.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-4af6dbed.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-b095519d.js";import"./p-5959f2bd.js";import"./p-fc91cbc2.js";

package/dist/post-components/p-1e737ab3.entry.js

@@ -0,0 +1 @@
+export{P as post_accordion_item}from"./p-7d9f4529.js";import"./p-ff95dcd3.js";import"./p-f6e86d70.js";import"./p-247a1668.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";

package/dist/post-components/p-26e5d866.js

@@ -0,0 +1 @@
+import{r as o,g as t,h as e,H as r}from"./p-ff95dcd3.js";import{v as i}from"./p-f6e86d70.js";const a=new class{breakpointMap;current={key:"",name:""};constructor(){if(!this.breakpointMap){const o=getComputedStyle(document.documentElement),t=o.getPropertyValue("--post-breakpoint-keys").split(", "),e=o.getPropertyValue("--post-breakpoint-names").split(", ");this.breakpointMap=o.getPropertyValue("--post-breakpoint-widths").split(", ").map(((o,r)=>({minWidth:Number(o),key:t[r],name:e[r]}))).reverse(),window.addEventListener("resize",(()=>this.updateHandler()),{passive:!0})}}updateHandler(o=!0){const t=this.breakpointMap.find((({minWidth:o})=>innerWidth>=o));this.current.key!==t.key&&(this.current.key=t.key,o&&this.dispatchEvent("key")),this.current.name!==t.name&&(this.current.name=t.name,o&&this.dispatchEvent("name"))}dispatchEvent(o){window.dispatchEvent(new CustomEvent(`postBreakpoint:${o}`,{detail:this.current[o]}))}get(o){return this.updateHandler(!1),this.current[o]}},s=class{constructor(t){o(this,t),this.label=void 0,this.isMobile="mobile"===a.get("name")}get host(){return t(this)}connectedCallback(){window.addEventListener("postBreakpoint:name",this.breakpointChange.bind(this))}breakpointChange(o){this.isMobile="mobile"===o.detail}renderAccordion(){return e("div",{class:"footer-grid"},e("post-accorddion",{"heading-level":"3",multiple:!0},e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-1-title"})),e("slot",{name:"grid-1"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-2-title"})),e("slot",{name:"grid-2"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-3-title"})),e("slot",{name:"grid-3"})),e("post-accordion-item",{collapsed:!0},e("span",{slot:"header"},e("slot",{name:"grid-4-title"})),e("slot",{name:"grid-4"}))))}renderGrid(){return e("div",{class:"footer-grid"},e("div",null,e("slot",{name:"grid-1"})),e("div",null,e("slot",{name:"grid-2"})),e("div",null,e("slot",{name:"grid-3"})),e("div",null,e("slot",{name:"grid-4"})))}render(){return e(r,{key:"14370a1cfd730a0b0353c88c95f265aefb57c480","data-version":i},e("footer",{key:"7208e9d465eb0b469887e7cfae66674db2092dbd"},e("h2",{key:"b392c866326374ae27704baaba0dd28c3001ee62",class:"visually-hidden"},this.label),e("div",{key:"13411ad6e0b55ee17cf9bf77b155aa1c2810f057",class:"footer-container"},this.isMobile?this.renderAccordion():this.renderGrid(),e("div",{key:"4815ae94cd43eca92482ad3c93f107243b26890e",class:"footer-column"},e("div",{key:"edc787dc5fc96169c323f15254b6088024a6f19d",class:"footer-socialmedia"},e("slot",{key:"0971e342ac6f3913c408a535ce0746080e3f57af",name:"socialmedia"})),e("div",{key:"da583c9ed819181bf2732277f4e6ee22df2e3022",class:"footer-app"},e("slot",{key:"b6dab5cfa1f4dc9c049f24d3e08416ef5a27e0aa",name:"app"}))),e("div",{key:"53a5c04129d24dfb64eedd46e95b5c78142a3fd7",class:"footer-businesssectors"},e("slot",{key:"470f4294778b8978bf6eb168e2b47ff29ef43d07",name:"businesssectors"})),e("div",{key:"45d734ded794352b951f2891bbdba081e05a99d5",class:"footer-meta"},e("slot",{key:"4d0da53c2eb79e111f0f05278a0972f046eebfa9",name:"meta"})),e("div",{key:"f95fb7ed3cc09218a3d4a554c619b6f379d5135d",class:"footer-copyright"},e("slot",{key:"9cdcec805152413693dced0f0d55ac1b1121c70e",name:"copyright"})))))}disconnectedCallback(){window.removeEventListener("postBreakpoint:name",this.breakpointChange.bind(this))}};s.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}";export{s as P}