@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57

package/dist/components/{post-language-switch.d.ts → post-language-menu.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface PostLanguageSwitch extends Components.PostLanguageSwitch, HTMLElement {}
-export const PostLanguageSwitch: {
-    prototype: PostLanguageSwitch;
-    new (): PostLanguageSwitch;
+interface PostLanguageMenu extends Components.PostLanguageMenu, HTMLElement {}
+export const PostLanguageMenu: {
+    prototype: PostLanguageMenu;
+    new (): PostLanguageMenu;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/post-language-menu.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as i,h as n,d as s}from"./breakpoints.js";import{E as c}from"./event-from.js";import{v as l}from"./package.js";import{S as g}from"./switch-variants.js";import{n as u}from"./index.browser.js";import{d}from"./post-icon2.js";import{d as p}from"./post-menu2.js";import{d as m}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuId="p"+u(11),this.listSpanId="list-span-"+u(11),this.variant="list"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-menu-item"))}validateTextChangeLanguage(){i(this,"textChangeLanguage","string")}validateTextCurrentLanguage(){n(this,"textCurrentLanguage",/#name\b/)}validateVariant(){s(this,"variant",g),this.updateChildrenVariant()}get description(){const e=this.activeLang&&document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);return e?this.textCurrentLanguage.replace(/#name/g,e.name):void 0}componentDidLoad(){this.validateTextChangeLanguage(),this.validateTextCurrentLanguage(),this.validateVariant(),this.updateChildrenVariant()}handlePostChange(e){this.activeLang=e.detail,this.languageOptions.forEach((e=>{e.code&&e.code===this.activeLang?e.setAttribute("active",""):e.removeAttribute("active")})),"menu"===this.variant&&this.host.shadowRoot.querySelector("post-menu").hide()}handleInitiallyActive(e){this.activeLang=e.detail}updateChildrenVariant(){this.languageOptions.forEach((e=>{e.setAttribute("variant",this.variant)}))}renderList(){return r(o,{"data-version":l},r("div",{class:"post-language-menu-list",role:"list","aria-label":this.textChangeLanguage,"aria-describedby":this.listSpanId},r("span",{id:this.listSpanId,class:"visually-hidden"},this.description),r("slot",null)))}renderDropdown(){return r(o,{"data-version":l},r("post-menu-trigger",{for:this.menuId},r("button",{class:"post-language-menu-trigger"},this.activeLang,r("span",{class:"visually-hidden"},this.textChangeLanguage),r("span",{class:"visually-hidden"},this.description),r("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),r("post-menu",{id:this.menuId,class:"post-language-menu-dropdown-container",label:this.textChangeLanguage,placement:"bottom-end"},r("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}get host(){return this}static get watchers(){return{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}}static get style(){return":host{display:flex !important}.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}"}},[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}]);!function(e,t,r,o){var a,i=arguments.length,n=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(i<3?a(n):i>3?a(t,r,n):a(t,r))||n);i>3&&n&&Object.defineProperty(t,r,n)}([c("post-language-menu-item")],v.prototype,"handlePostChange",null);const b=v,f=function(){"undefined"!=typeof customElements&&["post-language-menu","post-icon","post-menu","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-language-menu":customElements.get(a(e))||customElements.define(a(e),v);break;case"post-icon":customElements.get(a(e))||d();break;case"post-menu":customElements.get(a(e))||p();break;case"post-menu-trigger":customElements.get(a(e))||m();break;case"post-popovercontainer":customElements.get(a(e))||h()}}))};export{b as PostLanguageMenu,f as defineCustomElement}

package/dist/components/post-linkarea.js

@@ -1,58 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-
-const postLinkareaCss = ":host{display:block;cursor:pointer}";
-
-const INTERACTIVE_ELEMENTS = ['a'].join(',');
-const INTERACTIVE_ELEMENTS_SELECTOR = `:where(${INTERACTIVE_ELEMENTS})`;
-const PostLinkarea$1 = /*@__PURE__*/ proxyCustomElement(class PostLinkarea extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.mutationObserver = new MutationObserver(this.checkInteractiveElements.bind(this));
-    }
-    dispatchClick({ ctrlKey, shiftKey, altKey, metaKey }) {
-        this.interactiveElements[0]?.dispatchEvent(new MouseEvent('click', { ctrlKey, shiftKey, altKey, metaKey }));
-    }
-    checkInteractiveElements() {
-        this.interactiveElements = this.host.querySelectorAll(INTERACTIVE_ELEMENTS_SELECTOR);
-        if (this.interactiveElements.length > 1) {
-            console.error(`The \`post-linkarea\` currently contains ${this.interactiveElements.length} interactive elements when it should contain only one.`);
-        }
-    }
-    connectedCallback() {
-        this.mutationObserver.observe(this.host, { childList: true });
-    }
-    componentWillLoad() {
-        this.checkInteractiveElements();
-    }
-    disconnectedCallback() {
-        this.mutationObserver.disconnect();
-    }
-    render() {
-        return (h(Host, { key: 'b52d413e897694e5d0a9364ecfd8fea4583014e3', "data-version": version, onClick: (e) => this.dispatchClick(e), tabindex: "0" }, h("slot", { key: 'b08cf1ee4c829d27fb166fc9e796d79e5388fe47' })));
-    }
-    get host() { return this; }
-    static get style() { return postLinkareaCss; }
-}, [1, "post-linkarea", {
-        "interactiveElements": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-linkarea"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-linkarea":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostLinkarea$1);
-            }
-            break;
-    } });
-}
-
-const PostLinkarea = PostLinkarea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostLinkarea, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.checkInteractiveElements.bind(this))}dispatchClick({ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}){this.interactiveElements[0]?.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}))}checkInteractiveElements(){this.interactiveElements=this.host.querySelectorAll(":where(a)"),this.interactiveElements.length>1&&console.error(`The \`post-linkarea\` currently contains ${this.interactiveElements.length} interactive elements when it should contain only one.`)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentWillLoad(){this.checkInteractiveElements()}disconnectedCallback(){this.mutationObserver.disconnect()}render(){return s(i,{key:"49b539d22c10fbfc6e1ffe4e0f0e474e64ce2b6a","data-version":c,onClick:e=>this.dispatchClick(e)},s("slot",{key:"009a0c11bd33144753b2e7820bc04815067673dd"}))}get host(){return this}static get style(){return":host{display:block;cursor:pointer}"}},[257,"post-linkarea",{interactiveElements:[32]}]),a=o,l=function(){"undefined"!=typeof customElements&&["post-linkarea"].forEach((e=>{"post-linkarea"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{a as PostLinkarea,l as defineCustomElement}

package/dist/components/post-logo.js

@@ -1,58 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { a as checkEmptyOrUrl } from './index2.js';
-import './breakpoints.js';
-
-const postLogoCss = ":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{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}.logo-link: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){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link: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){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link :focus,:focus-visible{border-radius:2px}";
-
-const PostLogo$1 = /*@__PURE__*/ proxyCustomElement(class PostLogo extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    validateUrl() {
-        checkEmptyOrUrl(this, 'url');
-    }
-    componentDidLoad() {
-        this.validateUrl();
-        this.checkDescription();
-    }
-    checkDescription() {
-        if (!this.host.textContent) {
-            console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
-        }
-    }
-    render() {
-        const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
-        const LogoTag = logoLink ? 'a' : 'span';
-        return (h(Host, { key: 'e236c1154e8fbf7b9832f1e5f0be25336d4f0388', "data-version": version }, h(LogoTag, { key: '545da59433be40065075b5cd8f9e8791f8b4ffa8', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'b0c493e8d000d33000a3988e3a336f9b6e2a4101', class: "description" }, h("slot", { key: 'b4efe8c1755ae5579fa6663ef69c605abdb385c4', onSlotchange: () => this.checkDescription() })), h("svg", { key: '7619acaca48988233913e2aa487262b96504be03', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '5c15491d631cdfc0a2afbd245c536ab6de07f212', id: "Logo" }, h("rect", { key: '02f3652d1f1eb1406c5c71d159d0812a3b4cf460', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'f956a38b75c3302ab00a2d3af4615038a48b7692', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), h("path", { key: 'b4d00a33b8948d99d8edea5aec25baf50dfdc171', 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 this; }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-    static get style() { return postLogoCss; }
-}, [1, "post-logo", {
-        "url": [1]
-    }, undefined, {
-        "url": ["validateUrl"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostLogo$1);
-            }
-            break;
-    } });
-}
-
-const PostLogo = PostLogo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostLogo, defineCustomElement };
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{a as r}from"./breakpoints.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}validateUrl(){r(this,"url")}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const o=this.url&&("string"==typeof this.url?this.url:this.url.href);return t(i,{key:"c433a75f67606eeb5bcc52825f3f9a3c30bbaa4b","data-version":c},t(o?"a":"span",{key:"ab323bbad61548226f75a77df4f95315a9f6a31d",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"af7f93ac30e9ee7f2d2b02451f6a00764bc29c28",class:"description"},t("slot",{key:"d7ab10f5a8076d40ac310398390f38bcbc9790f3",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"02f954f34f91f7666a480dbbdeacb6e0e5bfc993",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"04dd994e423ba9675c1b83b51e66c32898cd9b47",id:"Logo"},t("rect",{key:"e2c61f0848276c5c93f08e88be2b6470559b0957",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"149967b476d723c3a3ee0e80474b600a31c2857f",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"}),t("path",{key:"9deb7a46d7fd69c38ae499f12741593955df716d",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 this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{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}.logo-link: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){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link: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){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:calc(       -2px - var(--post-device-border-width-focus)     ) !important}.logo-link :focus,:focus-visible{border-radius:.5rem}"}},[257,"post-logo",{url:[1]},void 0,{url:[{validateUrl:0}]}]),a=l,n=function(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),l))}))};export{a as PostLogo,n as defineCustomElement}

package/dist/components/post-mainnavigation.js

@@ -1,180 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { d as defineCustomElement$2 } from './post-icon2.js';
-
-const postMainnavigationCss = ":root{--post-icon-chevrondown:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbmRvd24iPjxzeW1ib2wgaWQ9InMxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMi4wMSA1LjIyYzAtLjE5LjA3LS4zOC4yMi0uNTMuMjktLjI5Ljc3LS4yOSAxLjA2IDBsNC43MiA0LjcyIDQuNzItNC43MmMuMjktLjI5Ljc3LS4yOSAxLjA2IDBzLjI5Ljc3IDAgMS4wNmwtNS43OCA1Ljc4LTUuNzgtNS43OGEuNzQuNzQgMCAwIDEtLjIyLS41MyIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMy4yNiA3Ljg1YzAtLjIyLjA4LS40NS4yNi0uNjIuMzQtLjM0LjktLjM0IDEuMjQgMGw3LjI2IDcuMjYgNy4yNi03LjI2Yy4zNC0uMzQuOS0uMzQgMS4yNCAwcy4zNC45IDAgMS4yNGwtOC41IDguNS04LjUxLTguNWEuOS45IDAgMCAxLS4yNi0uNjJaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik00LjUgMTAuNTRjMC0uMjYuMS0uNTEuMjktLjcxYS45OTYuOTk2IDAgMCAxIDEuNDEgMGw5Ljc5IDkuNzkgOS44LTkuOGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFMMTUuOTkgMjIuNDQgNC44IDExLjI1Yy0uMi0uMi0uMjktLjQ1LS4yOS0uNzFaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Ik01LjggMTMuMTdhMS4xMjMgMS4xMjMgMCAwIDEgMS45Mi0uOEwyMC4wNSAyNC43bDEyLjM0LTEyLjM0Yy40NC0uNDQgMS4xNS0uNDQgMS41OSAwcy40NCAxLjE1IDAgMS41OUwyMC4wNSAyNy44OCA2LjEzIDEzLjk3Yy0uMjItLjIyLS4zMy0uNTEtLjMzLS44Ii8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik03IDE1Ljg3YzAtLjMyLjEyLS42NC4zNy0uODhhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMGwxNC44NyAxNC44NyAxNC44OC0xNC44OGMuNDktLjQ5IDEuMjgtLjQ5IDEuNzcgMHMuNDkgMS4yOCAwIDEuNzdMMjQuMDIgMzMuMzkgNy4zNyAxNi43NWMtLjI0LS4yNC0uMzctLjU2LS4zNy0uODgiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTkuNjMgMjEuMjRhMS4zOCAxLjM4IDAgMCAxIDIuMzUtLjk3TDMyLjAxIDQwLjNsMjAuMDQtMjAuMDRjLjU0LS41NCAxLjQxLS41NCAxLjk1IDBzLjU0IDEuNDEgMCAxLjk1TDMyLjAxIDQ0LjE5IDEwLjAzIDIyLjIyYy0uMjctLjI3LS40LS42Mi0uNC0uOTdaTTAgLjAzaDY0djY0SDB6Ii8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25kb3duIi8+PC9nPjwvc3ZnPg==\")}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger 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;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;z-index:2}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:var(--post-icon-chevrondown);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}post-header:not([data-burger-menu])>post-mainnavigation{display:flex;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-header:not([data-burger-menu])>post-mainnavigation nav{flex:1 1 auto;scroll-behavior:smooth}post-header:not([data-burger-menu])>post-mainnavigation.scrollable,post-header:not([data-burger-menu])>post-mainnavigation.scrollable nav{overflow:hidden}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control{z-index:2;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.scroll-left{margin-inline-end:-3rem}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.scroll-right{margin-inline-start:-3rem}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.d-none{display:none}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control post-icon{font-size:1rem}post-header:not([data-burger-menu])>post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height, 0);gap:4px;font-size:16px}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a:hover,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button:hover,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}@media screen and (max-width: 599.98px){post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button::after,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)),post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))::before,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)).active,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-current=page],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a.active,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a[aria-current=page],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover::before,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}post-header[data-burger-menu]>post-mainnavigation nav{transform:none !important}post-header[data-burger-menu]>post-mainnavigation .scroll-control{display:none}post-header[data-burger-menu]>post-mainnavigation post-list-item>a,post-header[data-burger-menu]>post-mainnavigation post-list-item>button,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header[data-burger-menu]>post-mainnavigation post-list-item>a::before,post-header[data-burger-menu]>post-mainnavigation post-list-item>button::before,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header[data-burger-menu]>post-mainnavigation post-list-item>a.active,post-header[data-burger-menu]>post-mainnavigation post-list-item>a[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item>a[aria-expanded=true],post-header[data-burger-menu]>post-mainnavigation post-list-item>button.active,post-header[data-burger-menu]>post-mainnavigation post-list-item>button[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item>button[aria-expanded=true],post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-header[data-burger-menu]>post-mainnavigation post-list-item>a:hover,post-header[data-burger-menu]>post-mainnavigation post-list-item>button:hover,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-header[data-burger-menu]>post-mainnavigation post-list-item>a:hover::before,post-header[data-burger-menu]>post-mainnavigation post-list-item>button:hover::before,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-header[data-burger-menu]>post-mainnavigation post-list-item>a .nav-el-inactive,post-header[data-burger-menu]>post-mainnavigation post-list-item>button .nav-el-inactive,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-header[data-burger-menu]>post-mainnavigation>button::after,post-header[data-burger-menu]>post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}";
-
-const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
-const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
-const PostMainnavigation$1 = /*@__PURE__*/ proxyCustomElement(class PostMainnavigation extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.canScrollLeft = false;
-        this.canScrollRight = false;
-        this.scrollRight = this.scrollRight.bind(this);
-        this.scrollLeft = this.scrollLeft.bind(this);
-        this.handleMutations = this.handleMutations.bind(this);
-        this.checkScrollability = this.checkScrollability.bind(this);
-        this.resizeObserver = new ResizeObserver(this.checkScrollability);
-        this.mutationObserver = new MutationObserver(this.handleMutations);
-    }
-    componentDidLoad() {
-        setTimeout(() => {
-            this.fixLayoutShift();
-            this.checkScrollability();
-        });
-        // Observe the navbar for size changes
-        this.resizeObserver.observe(this.navbar);
-        // Observe the navabar for mutation changes
-        this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
-        // Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
-        this.navbar.addEventListener('scrollend', this.checkScrollability);
-    }
-    /**
-     * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
-     */
-    disconnectedCallback() {
-        this.mutationObserver.disconnect();
-        this.resizeObserver.disconnect();
-        this.navbar.removeEventListener('scrollend', this.checkScrollability);
-    }
-    /**
-     * Stops the repeated scrolling when the mouse button is released.
-     */
-    stopScrolling() {
-        if (this.scrollRepeatInterval)
-            clearInterval(this.scrollRepeatInterval);
-    }
-    async handleMutations(mutations) {
-        const addedNodes = mutations.flatMap((mutation) => {
-            return Array.from(mutation.addedNodes);
-        });
-        // Wait for all elements to be hydrated
-        await Promise.all(addedNodes.map((item) => item.componentOnReady ? item.componentOnReady() : Promise.resolve(item)));
-        this.fixLayoutShift();
-        this.checkScrollability();
-    }
-    get navigationItems() {
-        return Array.from(this.navbar.querySelectorAll(':is(a, button):not(post-megadropdown *)'));
-    }
-    /**
-     * Hack to fix the layout shift due to bold text on active elements
-     */
-    fixLayoutShift() {
-        this.navigationItems
-            .filter(item => !item.matches(':has(.nav-el-active)'))
-            .forEach(item => {
-            item.innerHTML = `
-          <span class="nav-el-active">${item.innerHTML}</span>
-          <span class="nav-el-inactive" aria-hidden="true">${item.innerHTML}</span>
-        `;
-        });
-    }
-    /**
-     * Returns whether scrolling is enabled in either the left or right direction.
-     */
-    get canScroll() {
-        return this.canScrollLeft || this.canScrollRight;
-    }
-    /**
-     * Checks if scrolling is possible in either direction (left or right) and updates the state accordingly.
-     */
-    checkScrollability() {
-        const { scrollLeft, scrollWidth, clientWidth } = this.navbar;
-        if (scrollWidth === clientWidth) {
-            // If scroll width equals client width, scrolling is disabled in both directions
-            this.canScrollLeft = this.canScrollRight = false;
-        }
-        else {
-            this.canScrollLeft = Math.floor(scrollLeft) > 0; // Scrolling left is possible if not at the start
-            this.canScrollRight = Math.ceil(clientWidth + scrollLeft) < scrollWidth; // Scrolling right is possible if not at the end
-        }
-    }
-    /**
-     * Handles the scrolling behavior when a user clicks on the left or right scroll buttons.
-     */
-    handleScrollButtonClick(e, direction) {
-        if (!this.canScroll || e.button !== 0)
-            return;
-        // Disable interaction with the navbar during scrolling
-        this.temporarilyDisableNavbar();
-        // Set up the correct scroll function
-        const scroll = direction === 'right' ? this.scrollRight : this.scrollLeft;
-        scroll();
-        // Repeat the scrolling action while the button is held down
-        this.scrollRepeatInterval = setInterval(() => {
-            scroll();
-        }, SCROLL_REPEAT_INTERVAL);
-    }
-    scrollRight() {
-        const scrollRightLeftEdge = document
-            .querySelector('.scroll-right')
-            .getBoundingClientRect().left;
-        for (const navigationItem of this.navigationItems) {
-            const { right, width } = navigationItem.getBoundingClientRect();
-            // Scroll to the first navigation item that is less than 75% visible
-            const isThreeQuartersVisible = right - 0.25 * width < scrollRightLeftEdge;
-            if (!isThreeQuartersVisible) {
-                this.navbar.scrollBy({ left: right - scrollRightLeftEdge });
-                return;
-            }
-        }
-    }
-    scrollLeft() {
-        const scrollLeftRightEdge = document
-            .querySelector('.scroll-left')
-            .getBoundingClientRect().right;
-        for (const navigationItem of this.navigationItems.reverse()) {
-            const { left, width } = navigationItem.getBoundingClientRect();
-            // Scroll to the first navigation item that is less than 75% visible
-            const isThreeQuartersVisible = left + 0.25 * width > scrollLeftRightEdge;
-            if (!isThreeQuartersVisible) {
-                this.navbar.scrollBy({ left: left - scrollLeftRightEdge });
-                return;
-            }
-        }
-    }
-    /**
-     * Temporarily disables interactions with the navbar during scrolling to prevent accidental clicks.
-     * Re-enables interactions after a brief delay to avoid blocking the user entirely.
-     */
-    temporarilyDisableNavbar() {
-        if (this.navbarDisableTimer)
-            clearTimeout(this.navbarDisableTimer);
-        this.navbar.setAttribute('inert', '');
-        this.navbarDisableTimer = setTimeout(() => {
-            this.navbar.removeAttribute('inert');
-        }, NAVBAR_DISABLE_DURATION);
-    }
-    render() {
-        return (h(Host, { key: 'e3d265f18bb6e2e5f215ad2a6ceb2df8bf97be2c', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '116f078bcba3ca3ebb09c4a3c2fe616b84522661', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '5ba3151d7c9f75eb4d8e3eac7a38cf2f6ae53852', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '205d09fc7ab8dccd46cd6aa5cdbd23ba8be0cf0f', ref: el => (this.navbar = el) }, h("slot", { key: '7951f73623b9873b9e3ca76dcda2a34922fbe0e7' })), h("div", { key: '56821d40e1f7e771aaa302c640df4003bd3523bc', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '5ee8ea319aada9a12c3983d12f57014db4281d1d', "aria-hidden": "true", name: "chevronright" }))));
-    }
-    static get style() { return postMainnavigationCss; }
-}, [4, "post-mainnavigation", {
-        "canScrollLeft": [32],
-        "canScrollRight": [32]
-    }, [[9, "mouseup", "stopScrolling"], [9, "mouseleave", "stopScrolling"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-mainnavigation", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-mainnavigation":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMainnavigation$1);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PostMainnavigation = PostMainnavigation$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMainnavigation, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./breakpoints.js";import{v as r}from"./package.js";import{d as a}from"./post-icon2.js";const c=t(class extends i{validateTextMain(){n(this,"textMain","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.checkScrollability)}componentDidLoad(){this.validateTextMain(),setTimeout((()=>{this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}get navigationItems(){return Array.from(this.host.querySelectorAll("a:not(post-megadropdown *), post-megadropdown-trigger"))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:i,clientWidth:e}=this.navbar;i===e?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(e+t)<i)}handleScrollButtonClick(t,i){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const e="right"===i?this.scrollRight:this.scrollLeft;e(),this.scrollRepeatInterval=setInterval((()=>{e()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const i of this.navigationItems){const{right:e,width:s}=i.getBoundingClientRect();if(!(e-.25*s<t))return void this.navbar.scrollBy({left:e-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const i of this.navigationItems.reverse()){const{left:e,width:s}=i.getBoundingClientRect();if(!(e+.25*s>t))return void this.navbar.scrollBy({left:e-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return e(s,{key:"b6bfb6256a2a129a16737b9d97da629842c6b2d5",version:r,class:this.canScroll?"scrollable":""},e("div",{key:"3c250f1a09bf9d1c88d4469bb820be4d2ae3dc0a","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},e("post-icon",{key:"8bfdcafdb2594ef323a9cf2408f2c45158fd1632","aria-hidden":"true",name:"chevronleft"})),e("nav",{key:"c1d1043ec8448346414a1bbc5cd95b3fe0d0e790",ref:t=>this.navbar=t,"aria-label":this.textMain},e("slot",{key:"cc078e4c7d8e24c77027f94598af09be5b80498c"})),e("div",{key:"1fe3c4fae7a9b2cb8bee6677ae528b2cd11d9fa9","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},e("post-icon",{key:"6636d014fd1862d9cbb2116da5cd303f83c7c0f3","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get watchers(){return{textMain:[{validateTextMain:0}]}}static get style(){return":host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{textMain:[{validateTextMain:0}]}]),l=c,h=function(){"undefined"!=typeof customElements&&["post-mainnavigation","post-icon"].forEach((t=>{switch(t){case"post-mainnavigation":customElements.get(o(t))||customElements.define(o(t),c);break;case"post-icon":customElements.get(o(t))||a()}}))};export{l as PostMainnavigation,h as defineCustomElement}

package/dist/components/post-megadropdown-trigger.js

@@ -1,136 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { c as checkRequiredAndType } from './index2.js';
-import './breakpoints.js';
-import { E as EventFrom } from './event-from.js';
-
-const postMegadropdownTriggerCss = "post-megadropdown-trigger{width:100%;position:relative}";
-
-var __decorate = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const PostMegadropdownTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostMegadropdownTrigger extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
-         */
-        this.ariaExpanded = false;
-        /**
-         * Reference to the slotted button within the trigger, if present.
-         * Used to manage click and key events for mega dropdown control.
-         */
-        this.slottedButton = null;
-        /**
-         * Tracks whether this trigger's dropdown was expanded before a state change.
-         * Used to determine if this trigger should handle focus when its dropdown closes.
-         */
-        this.wasExpanded = false;
-        this.handleKeyDown = (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.handleToggle();
-                if (this.megadropdown && !this.ariaExpanded) {
-                    setTimeout(() => this.megadropdown.focusFirst(), 100);
-                }
-            }
-        };
-        this.handleToggleMegadropdown = (event) => {
-            if (event.target.id === this.for) {
-                this.ariaExpanded = event.detail.isVisible;
-                // Focus on the trigger parent of the dropdown after it's closed if the close button had been clicked
-                if (this.wasExpanded && !this.ariaExpanded && event.detail.focusParent) {
-                    setTimeout(() => {
-                        this.slottedButton?.focus();
-                    }, 100);
-                }
-                this.wasExpanded = this.ariaExpanded;
-                if (this.slottedButton) {
-                    this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString());
-                }
-            }
-        };
-    }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateControlFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
-    get megadropdown() {
-        const ref = document.getElementById(this.for);
-        return ref && ref.localName === 'post-megadropdown'
-            ? ref
-            : null;
-    }
-    handleToggle() {
-        if (this.megadropdown) {
-            this.megadropdown.toggle();
-        }
-        else {
-            console.warn(`No post-megadropdown found with ID: ${this.for}`);
-        }
-    }
-    componentDidLoad() {
-        this.validateControlFor();
-        // Check if the mega dropdown attached to the trigger is expanded or not
-        document.addEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
-        this.slottedButton = this.host.querySelector('button');
-        if (this.slottedButton) {
-            this.slottedButton.setAttribute('aria-haspopup', 'menu');
-            this.slottedButton.addEventListener('click', () => {
-                this.handleToggle();
-            });
-            this.slottedButton.addEventListener('keydown', this.handleKeyDown);
-        }
-        else {
-            console.warn('No button found within post-megadropdown-trigger');
-        }
-    }
-    disconnectedCallback() {
-        document.removeEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
-    }
-    render() {
-        return (h(Host, { key: 'b5d3eb64df71ac025f1ca882811b4c6f20ccf8b7', "data-version": version, "tab-index": "-1" }, h("button", { key: '2ba6ec332db1ffbac84dd134b144e33115bac31e' }, h("slot", { key: '39b36a16250897f243b8039342c7ff294f83df4d' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "for": ["validateControlFor"]
-    }; }
-    static get style() { return postMegadropdownTriggerCss; }
-}, [4, "post-megadropdown-trigger", {
-        "for": [513],
-        "ariaExpanded": [32]
-    }, undefined, {
-        "for": ["validateControlFor"]
-    }]);
-__decorate([
-    EventFrom('post-megadropdown', { ignoreNestedComponents: false })
-], PostMegadropdownTrigger$1.prototype, "handleToggleMegadropdown", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-megadropdown-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-megadropdown-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMegadropdownTrigger$1);
-            }
-            break;
-    } });
-}
-
-const PostMegadropdownTrigger = PostMegadropdownTrigger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMegadropdownTrigger, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{I as a}from"./environment.js";import{c as s}from"./breakpoints.js";import{E as c}from"./event-from.js";import{d}from"./post-icon2.js";const l=t(class extends e{validateFor(){s(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1,this.onMegadropdownToggled=this.onMegadropdownToggled.bind(this)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.cloneSlottedButton()}componentDidLoad(){this.validateFor(),a&&document.addEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}disconnectedCallback(){document.removeEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}get megadropdown(){const t=document.getElementById(this.for);return"post-megadropdown"!==t?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):t}onClick(){this.megadropdown?.toggle()}onKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.megadropdown&&(t.preventDefault(),this.megadropdown.toggle())}onMegadropdownToggled(t){if(t.target.id===this.for){const e=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=t.detail.isVisible,!e||this.isMegadropdownExpanded||!t.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}render(){return o(r,{key:"e2fccf83b9957d929e8014bcaae51511ddbb3e8f","data-version":n},o("button",{key:"1b796d6f5e3be99db7037dce808a42a7ca82cff7",ref:t=>this.interactiveButton=t,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},o("span",{key:"4de2cc323cfb9d7288ca950ba20c9072cf4b9a38"},o("span",{key:"64829988553f7086a8d79e15a3282d2e577bc6ba"},o("slot",{key:"8e59c15428d9a201ef38419db3f502be82458462"})),o("span",{key:"323e643fc73b41b4dfb6ae813a3132b99e671ae6","aria-hidden":"true",innerHTML:this.slottedContent})),o("post-icon",{key:"8a48e81632b6e290f6176a006e5adf5cf871ef45",name:"chevrondown"})))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return'button{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)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}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}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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){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){button: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){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}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)}button: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)}button: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)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;height:100%}button::before{content:"";background-color:#050400;position:absolute;inset-inline:0;inset-block-end:0;height:var(--post-nav-item-border-width)}button: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)}button:hover::before{background-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button{outline-offset:calc(       -2px - var(--post-device-border-width-focus)     ) !important}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem}button::before{content:unset}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},void 0,{for:[{validateFor:0}]}]);!function(t,e,o,r){var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,r);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);n>3&&a&&Object.defineProperty(e,o,a)}([c("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const p=l,b=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((t=>{switch(t){case"post-megadropdown-trigger":customElements.get(i(t))||customElements.define(i(t),l);break;case"post-icon":customElements.get(i(t))||d()}}))};export{p as PostMegadropdownTrigger,b as defineCustomElement}