@swisspost/internet-header 10.2.0 → 10.4.0

package/dist/components/post-footer2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{d as s}from"./post-accordion2.js";import{d as n}from"./post-accordion-item2.js";import{d}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as c}from"./post-icon2.js";import{b as l}from"./breakpoints.js";import{R as f}from"./required.js";import{T as m}from"./type.js";const g=["grid-1","grid-2","grid-3","grid-4"],b=["socialmedia","app","businesssectors","meta","copyright"],h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=l.get("device"),this.slotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){[...g,...b].forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}handleSlotChange(o){o.target instanceof HTMLSlotElement&&this.updateSlotDisplay(o.target.name,o.target.assignedElements().length>0)}updateSlotDisplay(o,e){this.slotDisplayed[o]!==e&&(this.slotDisplayed={...this.slotDisplayed,[o]:e})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},g.map((o=>t("post-accordion-item",{key:o,class:{"d-none":!this.slotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return g.map((o=>t("div",{key:o,class:{"d-none":!this.slotDisplayed[o]}},t("h3",null,t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){const o=this.slotDisplayed.socialmedia,e=this.slotDisplayed.app,a=this.slotDisplayed.businesssectors,s=this.slotDisplayed.meta,n=this.slotDisplayed.copyright,d=g.every((o=>!this.slotDisplayed[o]));return t(r,{key:"d34606bcddf871bcf82c64dd710a1e7d1d1dcbb5","data-version":i,"data-color-scheme":"light"},t("footer",{key:"a82c77c34e1308ed02445a221776f37ebe26d7f9"},t("h2",{key:"3d6bd7b10494661506a1bd60323e3e3205b1a400",class:"visually-hidden"},this.textFooter),t("div",{key:"6497d40d70757426194142d8b597101d4f0f5ce6",class:"prefooter"},t("div",{key:"7d352f9029fe397f0ada15de8dacb9d8a0b2a831",class:"footer-container"},t("slot",{key:"bbe3c744a1ea06544ccfda3b1f9a7e52666b69c3",name:"prefooter"}))),t("div",{key:"4bdd7e6f0507bbbc9ccb7a9b3a5f1dad2f1c6936",class:"footer-main"},t("div",{key:"3b141f824900b9dccb6746bb4b11678f2b90ef53",class:"footer-container"},t("div",{key:"46ef9417bb0aced5506e8adbeb6001dbcfe119a5",class:{"footer-grid":!0,"d-none":d}},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"d25f9b4b8e8bf8ce7d090c41c8b9de0c1454c566",class:{"footer-column":!0,"d-none":!o&&!e}},t("div",{key:"43888182ec9db5d001ff724648f02a43acddb198",class:{"footer-socialmedia":!0,"d-none":!o}},t("slot",{key:"d96fe2e61b69ead95ba6235bdd63951ff177377a",onSlotchange:this.handleSlotChange,name:"socialmedia"})),t("div",{key:"0eb5c0c55f6d86ef4a179fa55bfb2b37311e1563",class:{"footer-app":!0,"d-none":!e}},t("slot",{key:"dcc9d0121b0febc2b2d4d183ca0aa979dd27b35c",onSlotchange:this.handleSlotChange,name:"app"}))),t("div",{key:"85a47b73374144b13fd40d3f25582e4375873647",class:{"footer-businesssectors":!0,"d-none":!a}},t("slot",{key:"1cbd28be1c5b8d52df6139db49e1e3b31db03a5a",onSlotchange:this.handleSlotChange,name:"businesssectors"})),t("div",{key:"1877c5230c17196d647f9ed145a21bcfed36321a",class:{"footer-meta":!0,"d-none":!s}},t("slot",{key:"12ca6c0a79db19365daddf3c14b4a395f664d3e1",onSlotchange:this.handleSlotChange,name:"meta"})),t("div",{key:"3dd50edca20df5bd258b1b01da2a88d556d5ea04",class:{"footer-copyright":!0,"d-none":!n}},t("slot",{key:"058326a07ee00caea0cbac3843ba8190cf68abde",onSlotchange:this.handleSlotChange,name:"copyright"}))))))}get host(){return this}static get style(){return":host{display:block}footer{-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);-webkit-column-gap:var(--post-footer-grid-column-gap);-moz-column-gap:var(--post-footer-grid-column-gap);column-gap:var(--post-footer-grid-column-gap);-webkit-margin-after:var(--post-footer-grid-margin-block-end);margin-block-end:var(--post-footer-grid-margin-block-end);-webkit-padding-after:var(--post-footer-grid-padding-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:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{-webkit-margin-after:var(--post-footer-socialmedia-margin-block-end);margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{-webkit-margin-after:var(--post-footer-app-margin-block-end);margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{-webkit-margin-after:var(--post-footer-businesssectors-margin-block-end);margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{-webkit-margin-after:var(--post-footer-meta-margin-block-end);margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],slotDisplayed:[32]}]);function k(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-footer":customElements.get(a(o))||customElements.define(a(o),h);break;case"post-accordion":customElements.get(a(o))||s();break;case"post-accordion-item":customElements.get(a(o))||n();break;case"post-collapsible":customElements.get(a(o))||d();break;case"post-collapsible-trigger":customElements.get(a(o))||p();break;case"post-icon":customElements.get(a(o))||c()}}))}!function(o,e,t,r){var a,i=arguments.length,s=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,r);else for(var n=o.length-1;n>=0;n--)(a=o[n])&&(s=(i<3?a(s):i>3?a(e,t,s):a(e,t))||s);i>3&&s&&Object.defineProperty(e,t,s)}([f(),m("string")],h.prototype,"textFooter",void 0);export{h as P,k as d}
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as s,transformTag as a}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{d as r}from"./post-accordion2.js";import{d as n}from"./post-accordion-item2.js";import{d}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as l}from"./post-icon2.js";import{b as c}from"./breakpoints.js";import{R as f}from"./required.js";import{T as b}from"./type.js";const m=["grid-1","grid-2","grid-3","grid-4"],g=["prefooter","socialmedia","app","businesssectors","meta","copyright"],h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=c.get("device"),this.slotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){[...m,...g].forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}handleSlotChange(o){o.target instanceof HTMLSlotElement&&this.updateSlotDisplay(o.target.name,o.target.assignedElements().length>0)}updateSlotDisplay(o,e){this.slotDisplayed[o]!==e&&(this.slotDisplayed={...this.slotDisplayed,[o]:e})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},m.map((o=>t("post-accordion-item",{key:o,class:{"d-none":!this.slotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return m.map((o=>t("div",{key:o,class:{"d-none":!this.slotDisplayed[o]}},t("h3",null,t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){const o=this.slotDisplayed.prefooter,e=this.slotDisplayed.socialmedia,a=this.slotDisplayed.app,r=this.slotDisplayed.businesssectors,n=this.slotDisplayed.meta,d=this.slotDisplayed.copyright,p=m.every((o=>!this.slotDisplayed[o])),l=!p||e||a||r,c=d||n;return t(s,{key:"f668d6ba8da065dacae35ef5b62ee53de08e752b","data-version":i,"data-color-scheme":"light"},t("footer",{key:"a2d5506e10de46e0c457795a241f7c121bccabbf"},t("h2",{key:"6ab3e65fca3282f2c9e885b380759ccd06fdebb1",class:"visually-hidden"},this.textFooter),t("div",{key:"77575484be6954dedaea636720d739fabd12393b",class:{prefooter:!0,"d-none":!o}},t("div",{key:"10c9bd63fe081645b83e0e4630185da0b2f3125b",class:"footer-container"},t("slot",{key:"c73b907f6f0b2210c0fc33d3980e89b303599ca6",onSlotchange:this.handleSlotChange,name:"prefooter"}))),t("div",{key:"facda7dade1905087e8f1d23505f2afc381f56df",class:{"footer-main":!0,"d-none":!l}},t("div",{key:"09fcf43c02bab8f475d400c5fed66fababde2bfd",class:"footer-container"},t("div",{key:"25362e6384b6f1cdea3e7901e1afef6926e7b855",class:{"footer-grid":!0,"d-none":p}},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"0d4f176302870c035b517a9d6df34fd5bd2268ae",class:{"footer-column":!0,"d-none":!e&&!a}},t("div",{key:"c109f4a4e6ee2654f3312924c0afe2ccb86c35c5",class:{"footer-socialmedia":!0,"d-none":!e}},t("slot",{key:"50b9083d8962ac635f5b8e9124d401cb8113fd16",onSlotchange:this.handleSlotChange,name:"socialmedia"})),t("div",{key:"f27f992e9f3fa51f0b1a46263b8b06db904c7326",class:{"footer-app":!0,"d-none":!a}},t("slot",{key:"b2312f504866d55a4214ea2c5a959f63d72224f5",onSlotchange:this.handleSlotChange,name:"app"}))),t("div",{key:"08887180c9834a3c843227e74038c10e59eff574",class:{"footer-businesssectors":!0,"d-none":!r}},t("slot",{key:"3c06ae979a57241646898761d7e4c07110f9982b",onSlotchange:this.handleSlotChange,name:"businesssectors"})))),t("div",{key:"2b306190837589565cb1f7a849ae5ed6fb95e2f4",class:{"footer-base":!0,"d-none":!c}},t("div",{key:"e399157216b6acd98e6fcb802f01fc50086c268c",class:"footer-container"},t("div",{key:"2b594870e3256173f6a2bd293e5050cc7733e215",class:{"footer-copyright":!0,"d-none":!d}},t("slot",{key:"a79f43ab477dc12d1b9d34635784ac45feeeab59",onSlotchange:this.handleSlotChange,name:"copyright"})),t("div",{key:"3298f106b3ae0fd387dd407f5b3276d99e584eeb",class:{"footer-meta":!0,"d-none":!n}},t("slot",{key:"49b28b37aad643116441612ef10f9edcad9df2c3",onSlotchange:this.handleSlotChange,name:"meta"}))))))}get host(){return this}static get style(){return":host{display:block}footer{--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-padding-block:32px;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-padding-block:16px;--post-footer-app-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-businesssectors-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-padding-block:var(--post-footer-socialmedia-padding-block);--post-footer-base-gap:8px;--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-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-base-gap:4px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px;--post-footer-grid-padding-block:48px;--post-footer-socialmedia-padding-block:24px}}@media screen and (min-width: 1024px){footer{--post-footer-grid-template:auto / repeat(4, auto);--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding-inline:var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;padding-block:var(--post-footer-prefooter-padding-block)}.prefooter .footer-container{padding-block:0}.footer-main{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632}.prefooter:not(.d-none)+.footer-main{-webkit-border-before:unset;border-block-start:unset}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);gap:32px 24px;padding-block:var(--post-footer-grid-padding-block)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{padding-block:var(--post-footer-socialmedia-padding-block)}.footer-app{padding-block:var(--post-footer-app-padding-block)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{padding-block:var(--post-footer-businesssectors-padding-block)}.footer-base{background-color:#fc0;-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;padding-block:var(--post-footer-base-padding-block);gap:var(--post-footer-base-gap)}.footer-meta{font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],slotDisplayed:[32]}]);function x(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-footer":customElements.get(a(o))||customElements.define(a(o),h);break;case"post-accordion":customElements.get(a(o))||r();break;case"post-accordion-item":customElements.get(a(o))||n();break;case"post-collapsible":customElements.get(a(o))||d();break;case"post-collapsible-trigger":customElements.get(a(o))||p();break;case"post-icon":customElements.get(a(o))||l()}}))}!function(o,e,t,s){var a,i=arguments.length,r=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,e,t,s);else for(var n=o.length-1;n>=0;n--)(a=o[n])&&(r=(i<3?a(r):i>3?a(e,t,r):a(e,t))||r);i>3&&r&&Object.defineProperty(e,t,r)}([f(),b("string")],h.prototype,"textFooter",void 0);export{h as P,x as d}

package/dist/components/post-header2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,Build as o,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{b as r}from"./breakpoints.js";import{E as n}from"./event-from.js";import{a as d}from"./get-focusable-children.js";import{v as l}from"./package.js";import{t as h}from"./index2.js";import{d as c}from"./post-icon2.js";import{d as p}from"./post-togglebutton2.js";import{f as g}from"./fade.js";import{R as b}from"./required.js";import{T as u}from"./type.js";var m=function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const f=e(class extends t{get hasBurgerMenu(){return"desktop"!==this.device&&this.hasMainNav}get scrollParent(){const e=document.querySelector("[data-post-scroll-locked]");if(e)return e;let t=this.host.parentElement;for(;t;){const e=getComputedStyle(t).overflowY;if(["auto","scroll"].includes(e))return t;t=t.parentElement}return document.body}lockBody(e,t,o){const a=this.scrollParent;"desktop"!==this.device&&("burgerMenuExtended"===o?e:this.burgerMenuExtended)?(a.dataset.postScrollLocked="",this.host.addEventListener("keydown",this.keyboardHandler)):(delete a.dataset.postScrollLocked,this.host.removeEventListener("keydown",this.keyboardHandler))}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.throttledResize=h(50,(()=>this.updateLocalHeaderHeight())),this.animationOptions={duration:350,easing:"headerEase"},this.device=r.get("device"),this.hasTitle=!0,this.hasMainNav=!0,this.hasLocalNav=!0,this.burgerMenuExtended=!1,this.megadropdownOpen=!1,this.fullWidth=!1,this.breakpointChange=e=>{const t=this.device;this.device=e.detail,this.switchLanguageSwitchMode();const o="desktop"===this.device;"desktop"===t&&"desktop"!==this.device&&this.megadropdownOpen&&(this.burgerMenuExtended=!0),o&&this.burgerMenuExtended&&this.closeBurgerMenu()},this.handleScrollEvent=this.handleScrollEvent.bind(this),this.updateScrollParentHeight=this.updateScrollParentHeight.bind(this),this.updateLocalHeaderHeight=this.updateLocalHeaderHeight.bind(this),this.keyboardHandler=this.keyboardHandler.bind(this),this.handleLinkClick=this.handleLinkClick.bind(this),this.checkSlottedContent=this.checkSlottedContent.bind(this),this.megadropdownStateHandler=this.megadropdownStateHandler.bind(this)}connectedCallback(){globalThis.addEventListener("resize",this.throttledResize,{passive:!0}),globalThis.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),this.scrollParent.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),document.addEventListener("postToggleMegadropdown",this.megadropdownStateHandler),globalThis.addEventListener("postBreakpoint:device",this.breakpointChange),this.handleScrollParentResize(),this.lockBody(!1,this.burgerMenuExtended,"burgerMenuExtended")}componentWillRender(){this.handleScrollEvent(),this.handleSlottedContentChanges(),this.switchLanguageSwitchMode()}componentDidRender(){this.getFocusableElements(),this.handleLocalHeaderResize(),this.burgerMenuButton&&this.burgerMenuButton.toggled!==this.burgerMenuExtended&&(this.burgerMenuButton.toggled=this.burgerMenuExtended)}componentDidLoad(){this.updateLocalHeaderHeight(),this.host.shadowRoot.addEventListener("click",this.handleLinkClick)}disconnectedCallback(){const e=this.scrollParent;globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),globalThis.removeEventListener("resize",this.throttledResize),globalThis.removeEventListener("scroll",this.handleScrollEvent),e&&e.removeEventListener("scroll",this.handleScrollEvent),document.removeEventListener("postToggleMegadropdown",this.megadropdownStateHandler),this.host.removeEventListener("keydown",this.keyboardHandler),this.host.shadowRoot&&this.host.shadowRoot.removeEventListener("click",this.handleLinkClick),this.scrollParentResizeObserver&&(this.scrollParentResizeObserver.disconnect(),this.scrollParentResizeObserver=null),this.localHeaderResizeObserver&&(this.localHeaderResizeObserver.disconnect(),this.localHeaderResizeObserver=null),this.slottedContentObserver&&(this.slottedContentObserver.disconnect(),this.slottedContentObserver=null),this.burgerMenuExtended=!1}async closeBurgerMenu(){this.burgerMenuAnimation?.finish(),this.burgerMenuButton&&(this.burgerMenuButton.toggled=!1),this.burgerMenuExtended=!1}async toggleBurgerMenu(e=!this.burgerMenuExtended){"desktop"!==this.device&&e!==this.burgerMenuExtended&&(this.burgerMenuAnimation=g(this.burgerMenu,this.burgerMenuExtended?"out":"in",this.animationOptions),this.burgerMenuButton&&this.burgerMenuButton.toggled!==e&&(this.burgerMenuButton.toggled=e),this.burgerMenuExtended?(await this.burgerMenuAnimation.finished,this.burgerMenuExtended=e,!1===this.burgerMenuExtended&&(this.closeAllMegadropdowns(),this.burgerMenu.scrollTop=0)):(this.burgerMenuExtended=e,this.megadropdownOpen&&this.closeAllMegadropdowns()))}megadropdownStateHandler(e){this.megadropdownOpen=e.detail.isVisible}getFocusableElements(){if(!this.burgerMenu)return;const e=[this.burgerMenuButton];e.push(...d(this.localHeader,(e=>!e.matches("post-megadropdown"))),...d(this.burgerMenu,(e=>!e.matches("post-megadropdown")))),this.firstFocusableEl=e[0],this.lastFocusableEl=e.at(-1)}keyboardHandler(e){if("Tab"!==e.key||!this.burgerMenuExtended)return;const t=this.host.shadowRoot.activeElement||document.activeElement;e.shiftKey&&t===this.firstFocusableEl?(e.preventDefault(),this.lastFocusableEl.focus()):e.shiftKey||t!==this.lastFocusableEl||(e.preventDefault(),this.firstFocusableEl.focus())}closeAllMegadropdowns(){Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((e=>{e.hide(!1,!0)})),this.megadropdownOpen=!1}handleScrollEvent(){const e=this.scrollParent===document.body?window.scrollY:this.scrollParent.scrollTop;document.documentElement.style.setProperty("--post-header-scroll-top",`${Math.max(e,0)}px`)}updateLocalHeaderHeight(){const e=this.host.shadowRoot.querySelector(".local-header");e&&document.documentElement.style.setProperty("--post-local-header-expanded-height",`${e.clientHeight}px`)}updateScrollParentHeight(){this.host.style.setProperty("--post-header-scroll-parent-height",`${this.scrollParent.clientHeight}px`)}handleLinkClick(e){const t=e.target,o=t.closest("post-mainnavigation a"),a=t.closest("post-megadropdown a");(o||a)&&(this.burgerMenuExtended&&(o||a)&&this.toggleBurgerMenu(!1),"desktop"===this.device&&a)&&t.closest("post-megadropdown a")&&t.closest("post-megadropdown").hide(!0)}handleScrollParentResize(){this.scrollParent&&(this.scrollParentResizeObserver=new ResizeObserver(this.updateScrollParentHeight),this.scrollParentResizeObserver.observe(this.scrollParent))}handleLocalHeaderResize(){const e=this.host.shadowRoot.querySelector(".local-header");e&&!this.localHeaderResizeObserver&&(this.localHeaderResizeObserver=new ResizeObserver(this.updateLocalHeaderHeight),this.localHeaderResizeObserver.observe(e))}handleSlottedContentChanges(){this.slottedContentObserver||(this.checkSlottedContent(),this.slottedContentObserver=new MutationObserver(this.checkSlottedContent),this.slottedContentObserver.observe(this.host,{childList:!0}))}checkSlottedContent(){o.isServer||(this.hasTitle=!!this.host.querySelector('[slot="title"]'),this.hasMainNav=!!this.host.querySelector('[slot="main-nav"]'),this.hasLocalNav=!!this.host.querySelector('[slot="local-nav"]'))}switchLanguageSwitchMode(){const e=this.hasBurgerMenu?"list":"menu";Array.from(this.host.querySelectorAll("post-language-menu")).forEach((t=>{t?.setAttribute("variant",e)}))}onFocusChange(){const e=document.activeElement?.matches(":focus-visible"),t=this.host.matches(":focus-within"),o="desktop"===this.device?!!this.host.querySelector("post-mainnavigation:focus-within"):!!this.host.shadowRoot?.querySelector(":is(.global-header, .burger-menu):focus-within");this.host.toggleAttribute("data-expanded",e&&t&&!o)}renderBurgerMenu(){return a("div",{class:{"burger-menu":!0,extended:this.burgerMenuExtended,"second-level-open":this.megadropdownOpen},style:{"--post-header-navigation-current-inset":`${this.burgerMenu?.scrollTop??0}px`},ref:e=>this.burgerMenu=e},this.hasLocalNav&&!this.hasTitle&&a("div",{class:"local-nav"},a("slot",{name:"local-nav"})),a("div",{class:"burger-menu-body"},a("slot",{name:"audience"}),a("slot",{name:"main-nav"})),a("div",{class:"burger-menu-footer"},a("slot",{name:"global-nav-secondary"}),a("slot",{name:"language-menu"})))}render(){const e=o.isServer||"desktop"===this.device,t=o.isServer||"desktop"!==this.device;return a(i,{key:"27f2b45fb1462bab63be02bbdcb57ad9a2598bde","data-version":l,"data-color-scheme":"light","data-burger-menu":this.hasBurgerMenu,"data-menu-extended":this.burgerMenuExtended},a("header",{key:"294bef701f378a96b06379806edae087d9211270"},a("div",{key:"2df4d34bd7d5b714cac70b7201f2a17f7bf64517",class:"global-header"},a("div",{key:"d7902c1b10177b3790fb61035c527acf36fc0c3d",class:"section"},a("div",{key:"952fed12ff5c717750a50ac32872f728ddabb113",class:"logo"},a("slot",{key:"a0a824677325c8a68fe483c8f6f7ef49378d5f4e",name:"post-logo"})),a("div",{key:"0dd5218658a03ebfcf049f47a1efa7197ca4e8cc",class:"sliding-controls"},e&&a("div",{key:"9911f969b099b26d5e84d37d36aa7fd0ba44969f",class:"audience"},a("slot",{key:"57b09b2030b7812990a915691fad10fb6d5bb474",name:"audience"})),a("slot",{key:"b6ba1ee1d5371504d3b4b9f12ca6d8ff2b5c36fa",name:"global-nav-primary"}),(e||!this.hasMainNav)&&[a("slot",{key:"global-nav-secondary",name:"global-nav-secondary"}),a("slot",{key:"language-menu",name:"language-menu"})],a("slot",{key:"669cebef2ce5905fee07abec99b0acced7ef42e5",name:"post-login"}),t&&this.hasMainNav&&a("post-togglebutton",{key:"9268220b8e838053d86abacc9e8334463a23350c",class:"burger-button",ref:e=>this.burgerMenuButton=e,onClick:()=>this.toggleBurgerMenu()},a("span",{key:"6706c34956268e049dd35fe12992b7b746aa394a"},this.textMenu),a("post-icon",{key:"6578bc195b018c1202bda1732253f71e27df6244","aria-hidden":"true",name:"burger","data-showwhen":"untoggled"}),a("post-icon",{key:"506087286c148dbb55b963288add6935001c1feb","aria-hidden":"true",name:"closex","data-showwhen":"toggled"}))))),a("div",{key:"c645c82f3a71151a16bda3802a69228c1be048e9",ref:e=>this.localHeader=e,class:{"local-header":!0,"megadropdown-open":this.megadropdownOpen}},a("div",{key:"ae30584b05570d62323a2d32f90653b38297b869",class:"section"},a("slot",{key:"70b60e0d71a2f9c1e6a48d664ceb3778f5a3067a",name:"side-nav"}),a("slot",{key:"cc356649c53e46b758916a44d4d7fb889e031172",name:"title"}),this.hasTitle&&a("slot",{key:"fbbd76c5c2cce8991c0cfcc740fe9231c1677f79",name:"local-nav"}),e&&a("slot",{key:"fd7e94fac20a263960e7ebbc66ddfac23bd954e8",name:"main-nav"}),e&&!this.hasTitle&&a("slot",{key:"38ac26fb18f85f1c42b4a7bdd97dc0e1b25ca940",name:"local-nav"}))),this.hasBurgerMenu&&this.renderBurgerMenu()))}get host(){return this}static get watchers(){return{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}}static get style(){return':host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp(  1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.5rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-global-header-reduced-height:var(--post-global-header-expanded-height)}*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host,header,.global-header,.local-header{-webkit-transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:var(--post-header-gap);-ms-flex-wrap:wrap;flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.global-header{z-index:2;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);-webkit-padding-start:var(--post-global-header-padding-inline-start);padding-inline-start:var(--post-global-header-padding-inline-start);-webkit-padding-end:var(--post-global-header-padding-inline-end);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{-ms-flex-item-align:end;align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;-webkit-margin-end:calc(1.25rem - var(--post-header-gap));margin-inline-end:calc(1.25rem - var(--post-header-gap));-webkit-margin-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.global-header .sliding-controls{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{-webkit-margin-end:auto;margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);-ms-flex-align:var(--post-local-header-align-items, center);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;-webkit-padding-start:var(--post-local-header-padding-inline-start);padding-inline-start:var(--post-local-header-padding-inline-start);-webkit-padding-end:var(--post-local-header-padding-inline-end);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{-ms-flex-pack:end;justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{-ms-flex:0 0 auto;flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.burger-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}.burger-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){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-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){.burger-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){.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{-ms-flex-positive:1;flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-inline:.25rem}'}},[257,"post-header",{fullWidth:[516,"full-width"],textMenu:[513,"text-menu"],device:[32],hasTitle:[32],hasMainNav:[32],hasLocalNav:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}]);function v(){"undefined"!=typeof customElements&&["post-header","post-icon","post-togglebutton"].forEach((e=>{switch(e){case"post-header":customElements.get(s(e))||customElements.define(s(e),f);break;case"post-icon":customElements.get(s(e))||c();break;case"post-togglebutton":customElements.get(s(e))||p()}}))}m([b(),u("boolean")],f.prototype,"fullWidth",void 0),m([b(),u("string")],f.prototype,"textMenu",void 0),m([n("post-megadropdown")],f.prototype,"megadropdownStateHandler",null);export{f as P,v as d}
+import{proxyCustomElement as e,HTMLElement as t,Build as o,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{b as r}from"./breakpoints.js";import{E as n}from"./event-from.js";import{a as d}from"./get-focusable-children.js";import{v as l}from"./package.js";import{t as c}from"./index2.js";import{d as h}from"./post-icon2.js";import{d as p}from"./post-togglebutton2.js";import{f as g}from"./fade.js";import{R as b}from"./required.js";import{T as u}from"./type.js";var m=function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const f=e(class extends t{get hasBurgerMenu(){return"desktop"!==this.device&&this.hasMainNav}get scrollParent(){const e=document.querySelector("[data-post-scroll-locked]");if(e)return e;let t=this.host.parentElement;for(;t;){const e=getComputedStyle(t).overflowY;if(["auto","scroll"].includes(e))return t;t=t.parentElement}return document.body}lockBody(e,t,o){const a=this.scrollParent;"desktop"!==this.device&&("burgerMenuExtended"===o?e:this.burgerMenuExtended)?(a.dataset.postScrollLocked="",this.host.addEventListener("keydown",this.keyboardHandler)):(delete a.dataset.postScrollLocked,this.host.removeEventListener("keydown",this.keyboardHandler))}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.throttledResize=c(50,(()=>this.updateLocalHeaderHeight())),this.animationOptions={duration:350,easing:"headerEase"},this.device=r.get("device"),this.hasTitle=!0,this.hasMainNav=!0,this.hasLocalNav=!0,this.burgerMenuExtended=!1,this.megadropdownOpen=!1,this.fullWidth=!1,this.breakpointChange=e=>{const t=this.device;this.device=e.detail,this.switchLanguageSwitchMode();const o="desktop"===this.device;"desktop"===t&&"desktop"!==this.device&&this.megadropdownOpen&&(this.burgerMenuExtended=!0),o&&this.burgerMenuExtended&&this.closeBurgerMenu()},this.handleScrollEvent=this.handleScrollEvent.bind(this),this.updateScrollParentHeight=this.updateScrollParentHeight.bind(this),this.updateLocalHeaderHeight=this.updateLocalHeaderHeight.bind(this),this.keyboardHandler=this.keyboardHandler.bind(this),this.handleLinkClick=this.handleLinkClick.bind(this),this.checkSlottedContent=this.checkSlottedContent.bind(this),this.megadropdownStateHandler=this.megadropdownStateHandler.bind(this)}connectedCallback(){globalThis.addEventListener("resize",this.throttledResize,{passive:!0}),globalThis.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),this.scrollParent.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),document.addEventListener("postToggleMegadropdown",this.megadropdownStateHandler),globalThis.addEventListener("postBreakpoint:device",this.breakpointChange),this.handleScrollParentResize(),this.lockBody(!1,this.burgerMenuExtended,"burgerMenuExtended")}componentWillRender(){this.handleScrollEvent(),this.handleSlottedContentChanges(),this.switchLanguageSwitchMode()}componentDidRender(){this.getFocusableElements(),this.handleLocalHeaderResize(),this.burgerMenuButton&&this.burgerMenuButton.toggled!==this.burgerMenuExtended&&(this.burgerMenuButton.toggled=this.burgerMenuExtended)}componentDidLoad(){this.updateLocalHeaderHeight(),this.host.shadowRoot.addEventListener("click",this.handleLinkClick)}disconnectedCallback(){const e=this.scrollParent;globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),globalThis.removeEventListener("resize",this.throttledResize),globalThis.removeEventListener("scroll",this.handleScrollEvent),e&&e.removeEventListener("scroll",this.handleScrollEvent),document.removeEventListener("postToggleMegadropdown",this.megadropdownStateHandler),this.host.removeEventListener("keydown",this.keyboardHandler),this.host.shadowRoot&&this.host.shadowRoot.removeEventListener("click",this.handleLinkClick),this.scrollParentResizeObserver&&(this.scrollParentResizeObserver.disconnect(),this.scrollParentResizeObserver=null),this.localHeaderResizeObserver&&(this.localHeaderResizeObserver.disconnect(),this.localHeaderResizeObserver=null),this.slottedContentObserver&&(this.slottedContentObserver.disconnect(),this.slottedContentObserver=null),this.burgerMenuExtended=!1}async closeBurgerMenu(){this.burgerMenuAnimation?.finish(),this.burgerMenuButton&&(this.burgerMenuButton.toggled=!1),this.burgerMenuExtended=!1}async toggleBurgerMenu(e=!this.burgerMenuExtended){"desktop"!==this.device&&e!==this.burgerMenuExtended&&(this.burgerMenuAnimation=g(this.burgerMenu,this.burgerMenuExtended?"out":"in",this.animationOptions),this.burgerMenuButton&&this.burgerMenuButton.toggled!==e&&(this.burgerMenuButton.toggled=e),this.burgerMenuExtended?(await this.burgerMenuAnimation.finished,this.burgerMenuExtended=e,!1===this.burgerMenuExtended&&(this.closeAllMegadropdowns(),this.burgerMenu.scrollTop=0)):(this.burgerMenuExtended=e,this.megadropdownOpen&&this.closeAllMegadropdowns()))}megadropdownStateHandler(e){this.megadropdownOpen=e.detail.isVisible}getFocusableElements(){if(!this.burgerMenu)return;const e=[this.burgerMenuButton];e.push(...d(this.localHeader,(e=>!e.matches("post-megadropdown"))),...d(this.burgerMenu,(e=>!e.matches("post-megadropdown")))),this.firstFocusableEl=e[0],this.lastFocusableEl=e.at(-1)}keyboardHandler(e){if("Tab"!==e.key||!this.burgerMenuExtended)return;const t=this.host.shadowRoot.activeElement||document.activeElement;e.shiftKey&&t===this.firstFocusableEl?(e.preventDefault(),this.lastFocusableEl.focus()):e.shiftKey||t!==this.lastFocusableEl||(e.preventDefault(),this.firstFocusableEl.focus())}closeAllMegadropdowns(){Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((e=>{e.hide(!1,!0)})),this.megadropdownOpen=!1}handleScrollEvent(){const e=this.scrollParent===document.body?window.scrollY:this.scrollParent.scrollTop;document.documentElement.style.setProperty("--post-header-scroll-top",`${Math.max(e,0)}px`)}updateLocalHeaderHeight(){const e=this.host.shadowRoot.querySelector(".local-header");e&&document.documentElement.style.setProperty("--post-local-header-expanded-height",`${e.clientHeight}px`)}updateScrollParentHeight(){this.host.style.setProperty("--post-header-scroll-parent-height",`${this.scrollParent.clientHeight}px`)}handleLinkClick(e){const t=e.target,o=t.closest("post-mainnavigation a"),a=t.closest("post-megadropdown a");(o||a)&&(this.burgerMenuExtended&&(o||a)&&this.toggleBurgerMenu(!1),"desktop"===this.device&&a)&&t.closest("post-megadropdown a")&&t.closest("post-megadropdown").hide(!0)}handleScrollParentResize(){this.scrollParent&&(this.scrollParentResizeObserver=new ResizeObserver(this.updateScrollParentHeight),this.scrollParentResizeObserver.observe(this.scrollParent))}handleLocalHeaderResize(){const e=this.host.shadowRoot.querySelector(".local-header");e&&!this.localHeaderResizeObserver&&(this.localHeaderResizeObserver=new ResizeObserver(this.updateLocalHeaderHeight),this.localHeaderResizeObserver.observe(e))}handleSlottedContentChanges(){this.slottedContentObserver||(this.checkSlottedContent(),this.slottedContentObserver=new MutationObserver(this.checkSlottedContent),this.slottedContentObserver.observe(this.host,{childList:!0}))}checkSlottedContent(){o.isServer||(this.hasTitle=!!this.host.querySelector('[slot="title"]'),this.hasMainNav=!!this.host.querySelector('[slot="main-nav"]'),this.hasLocalNav=!!this.host.querySelector('[slot="local-nav"]'))}switchLanguageSwitchMode(){const e=this.hasBurgerMenu?"list":"menu";Array.from(this.host.querySelectorAll("post-language-menu")).forEach((t=>{t?.setAttribute("variant",e)}))}onFocusChange(){const e=this.getDeepActiveElement()?.matches(":focus-visible"),t=this.host.matches(":focus-within"),o="desktop"===this.device?!!this.host.querySelector("post-mainnavigation:focus-within"):!!this.host.shadowRoot?.querySelector(":is(.global-header, .burger-menu):focus-within");this.host.toggleAttribute("data-expanded",e&&t&&!o)}getDeepActiveElement(){let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}renderBurgerMenu(){return a("div",{class:{"burger-menu":!0,extended:this.burgerMenuExtended,"second-level-open":this.megadropdownOpen},style:{"--post-header-navigation-current-inset":`${this.burgerMenu?.scrollTop??0}px`},ref:e=>this.burgerMenu=e},this.hasLocalNav&&!this.hasTitle&&a("div",{class:"local-nav"},a("slot",{name:"local-nav"})),a("div",{class:"burger-menu-body"},a("slot",{name:"audience"}),a("slot",{name:"main-nav"})),a("div",{class:"burger-menu-footer"},a("slot",{name:"global-nav-secondary"}),a("slot",{name:"language-menu"})))}render(){const e=o.isServer||"desktop"===this.device,t=o.isServer||"desktop"!==this.device;return a(i,{key:"cdd9dc28893d6b4707e70cc4c8fd0940903e9062","data-version":l,"data-color-scheme":"light","data-burger-menu":this.hasBurgerMenu,"data-menu-extended":this.burgerMenuExtended},a("header",{key:"528563b69ff8f0452775b386a98de59e934c802d"},a("div",{key:"1f0ab8f7288a63bdd8070bebc5651ffdc9ebfd42",class:"global-header"},a("div",{key:"d25d70eddb6d4edeb3be26b313b57980761979bf",class:"section"},a("div",{key:"fe284d8015bff65be10e2231147523640c4910d4",class:"logo"},a("slot",{key:"0c6854d79f4e9695e99961481337b327af8c142c",name:"post-logo"})),a("div",{key:"6d0b33a967dc32760f3d3cf74fc794a1cb622327",class:"sliding-controls"},e&&a("div",{key:"6ae13d6b39c19d3953fc719b0fca5cfbfa1c57b7",class:"audience"},a("slot",{key:"49d3954b3c54d898ad473a0bf7d2566f2764638c",name:"audience"})),a("slot",{key:"c19c56d0b5c56c278b33c16ded66473fb44bfa3d",name:"global-nav-primary"}),(e||!this.hasMainNav)&&[a("slot",{key:"global-nav-secondary",name:"global-nav-secondary"}),a("slot",{key:"language-menu",name:"language-menu"})],a("slot",{key:"a7c75b4628234c282ea9556b7965a4e469783913",name:"post-login"}),t&&this.hasMainNav&&a("post-togglebutton",{key:"e120687caa66facfb9721b6b6a8bc8691966a429",class:"burger-button",ref:e=>this.burgerMenuButton=e,onClick:()=>this.toggleBurgerMenu()},a("span",{key:"43fd450ae79386d2c9bf29eb546cc66c399564e4"},this.textMenu),a("post-icon",{key:"863c5284f9f8b38e8e72390ead96eb7cccda9dd5","aria-hidden":"true",name:"burger","data-showwhen":"untoggled"}),a("post-icon",{key:"f4ed6301b1836c51b0dbf9ee51040bb62dd06beb","aria-hidden":"true",name:"closex","data-showwhen":"toggled"}))))),a("div",{key:"e5c314eae3e25b9bfb23fcbe95684ea7bc99be41",ref:e=>this.localHeader=e,class:{"local-header":!0,"megadropdown-open":this.megadropdownOpen}},a("div",{key:"60dd8029f12ec03493b5ce81bc3e3b8338cd80e6",class:"section"},a("slot",{key:"8bbaa11f39bdf2ceb513fe698913c0350ca78776",name:"side-nav"}),a("slot",{key:"0c1d5da1e42a1d96005c66de9c675c91dc2c8518",name:"title"}),this.hasTitle&&a("slot",{key:"8a2bb6822ba8033545e76b8f9a96f9bc7f498c9c",name:"local-nav"}),e&&a("slot",{key:"9c8df8ae91ad85ab58f9ee0bfef6a661fee59814",name:"main-nav"}),e&&!this.hasTitle&&a("slot",{key:"85197bf72379b567c782bb54dbf77e6c17060895",name:"local-nav"}))),this.hasBurgerMenu&&this.renderBurgerMenu()))}get host(){return this}static get watchers(){return{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}}static get style(){return':host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp(  1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:8px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:4px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:4px;--post-local-header-padding-block:12px;--post-burger-menu-padding-inline:40px;--post-burger-menu-body-gap:32px;--post-burger-menu-footer-gap:24px}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:0px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:8px;--post-local-header-padding-inline-end:8px;--post-local-header-padding-block:8px;--post-burger-menu-padding-inline:16px;--post-burger-menu-body-gap:24px;--post-burger-menu-footer-gap:16px}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-global-header-reduced-height:var(--post-global-header-expanded-height)}*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host,header,.global-header,.local-header{-webkit-transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:var(--post-header-gap);-ms-flex-wrap:wrap;flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.global-header{z-index:2;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);-webkit-padding-start:var(--post-global-header-padding-inline-start);padding-inline-start:var(--post-global-header-padding-inline-start);-webkit-padding-end:var(--post-global-header-padding-inline-end);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{-ms-flex-item-align:end;align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;-webkit-margin-end:calc(20px - var(--post-header-gap));margin-inline-end:calc(20px - var(--post-header-gap));-webkit-margin-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.global-header .sliding-controls{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{-webkit-margin-end:auto;margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);-ms-flex-align:var(--post-local-header-align-items, center);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;-webkit-padding-start:var(--post-local-header-padding-inline-start);padding-inline-start:var(--post-local-header-padding-inline-start);-webkit-padding-end:var(--post-local-header-padding-inline-end);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{-ms-flex-pack:end;justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{-ms-flex:0 0 auto;flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.burger-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}.burger-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){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-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){.burger-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){.burger-button{border-width:1px !important;-webkit-transition:none;transition:none}.burger-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:10px}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{-ms-flex-positive:1;flex-grow:1;padding-block:24px;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:16px 24px;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:56px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-inline:4px}'}},[257,"post-header",{fullWidth:[516,"full-width"],textMenu:[513,"text-menu"],device:[32],hasTitle:[32],hasMainNav:[32],hasLocalNav:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}]);function v(){"undefined"!=typeof customElements&&["post-header","post-icon","post-togglebutton"].forEach((e=>{switch(e){case"post-header":customElements.get(s(e))||customElements.define(s(e),f);break;case"post-icon":customElements.get(s(e))||h();break;case"post-togglebutton":customElements.get(s(e))||p()}}))}m([b(),u("boolean")],f.prototype,"fullWidth",void 0),m([b(),u("string")],f.prototype,"textMenu",void 0),m([n("post-megadropdown")],f.prototype,"megadropdownStateHandler",null);export{f as P,v as d}

package/dist/components/post-icon2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,Build as n,h as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{O as s}from"./one-of.js";import{T as m}from"./type.js";import{R as f}from"./required.js";var c=function(t,e,n,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(r=(o<3?a(r):o>3?a(e,n,r):a(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r};const l=`https://unpkg.com/@swisspost/design-system-icons@${r}/public/post-icons/`,p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.flipH=!1,this.flipV=!1}getUrl(){const t=`${this.name??this.host.getAttribute("name")}.svg`;if(this.url?.startsWith("data:image/"))return this.url;if(n.isServer&&!this.base)return`${l}${t}`;if(this.url)return this.url;const e=t=>/^https?:\/\//.test(t),i=t=>t&&!t.endsWith("/")?`${t}/`:t,a=t=>t.replaceAll(/([^:])\/\//g,"$1/"),o=n.isBrowser?globalThis.location.origin:"",r=n.isBrowser&&document.querySelector("base[href]")?.getAttribute("href")||"";let s="";if(n.isBrowser){const t=document.querySelector('meta[name="design-system-settings"]');s=t?.getAttribute("data-post-icon-base")||""}const m=t=>{const n=i(r),a=i(t);return e(n)?`${n}${a}`:`${o}${n}${a}`};let f;return this.base?(f=e(this.base)?`${i(this.base)}${t}`:`${m(this.base)}${t}`,a(f)):s?(f=e(s)?`${i(s)}${t}`:`${m(s)}${t}`,a(f)):a(`${l}${t}`)}getStyles(){const t=this.getUrl();return Object.fromEntries(Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!Number.isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!Number.isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,e])=>null!==e)))}render(){return i(a,{key:"9d7b98a18fa098702c0fe1bd06544f605801db6a","data-version":r},i("span",{key:"847682d63ce72e26a541f40b29255e81febaf79e",style:this.getStyles()}))}get host(){return this}static get style(){return":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){-webkit-transform-origin:center;transform-origin:center}:host([animation=cylon]){-webkit-animation:icon-animation-cylon .75s ease-in-out infinite alternate;animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){-webkit-animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate;animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){-webkit-animation:icon-animation-spin 2s linear infinite normal;animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){-webkit-animation:icon-animation-fade .75s ease-in-out infinite alternate;animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){-webkit-animation:icon-animation-throb .75s ease-in-out infinite alternate;animation:icon-animation-throb .75s ease-in-out infinite alternate}@-webkit-keyframes icon-animation-cylon{from{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes icon-animation-cylon{from{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@-webkit-keyframes icon-animation-cylon-vertical{from{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes icon-animation-cylon-vertical{from{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@-webkit-keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@-webkit-keyframes icon-animation-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-animation-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes icon-animation-throb{from{opacity:.5;-webkit-transform:scale(0.5);transform:scale(0.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-animation-throb{from{opacity:.5;-webkit-transform:scale(0.5);transform:scale(0.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}"}},[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]);function b(){"undefined"!=typeof customElements&&["post-icon"].forEach((t=>{"post-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))}c([s(["cylon","cylon-vertical","spin","spin-reverse","fade","throb"])],p.prototype,"animation",void 0),c([m("string")],p.prototype,"base",void 0),c([f(),m("string")],p.prototype,"name",void 0),c([m("number")],p.prototype,"rotate",void 0),c([m("number")],p.prototype,"scale",void 0);export{p as P,b as d}
+import{proxyCustomElement as t,HTMLElement as n,Build as e,h as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{O as s}from"./one-of.js";import{T as m}from"./type.js";import{R as c}from"./required.js";var f=function(t,n,e,i){var a,o=arguments.length,r=o<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,n,e,i);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(r=(o<3?a(r):o>3?a(n,e,r):a(n,e))||r);return o>3&&r&&Object.defineProperty(n,e,r),r};const l=`https://unpkg.com/@swisspost/design-system-icons@${r}/public/post-icons/`,p=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.flipH=!1,this.flipV=!1}getUrl(){const t=`${this.name??this.host.getAttribute("name")}.svg`;if(this.url?.startsWith("data:image/"))return this.url;if(e.isServer&&!this.base)return`${l}${t}`;if(this.url)return this.url;const n=t=>/^https?:\/\//.test(t),i=t=>t&&!t.endsWith("/")?`${t}/`:t,a=t=>t.replaceAll(/([^:])\/\//g,"$1/"),o=e.isBrowser?globalThis.location.origin:"",r=e.isBrowser&&document.querySelector("base[href]")?.getAttribute("href")||"";let s="";if(e.isBrowser){const t=document.querySelector('meta[name="design-system-settings"]');s=t?.getAttribute("data-post-icon-base")||""}const m=t=>{const e=i(r),a=i(t);return n(e)?`${e}${a}`:`${o}${e}${a}`};let c;return this.base?(c=n(this.base)?`${i(this.base)}${t}`:`${m(this.base)}${t}`,a(c)):s?(c=n(s)?`${i(s)}${t}`:`${m(s)}${t}`,a(c)):a(`${l}${t}`)}getStyles(){const t=this.getUrl();return Object.fromEntries(Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!Number.isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!Number.isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,n])=>null!==n)))}render(){return i(a,{key:"ce81db69bf77d09a0a331bac48cdaede7ff3cb8e","data-version":r},i("span",{key:"211f999da845687289fd991421f4315a090a67ba",style:this.getStyles()}))}get host(){return this}static get style(){return":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){-webkit-transform-origin:center;transform-origin:center}:host([animation=cylon]){-webkit-animation:icon-animation-cylon .75s ease-in-out infinite alternate;animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){-webkit-animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate;animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){-webkit-animation:icon-animation-spin 2s linear infinite normal;animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){-webkit-animation:icon-animation-fade .75s ease-in-out infinite alternate;animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){-webkit-animation:icon-animation-throb .75s ease-in-out infinite alternate;animation:icon-animation-throb .75s ease-in-out infinite alternate}@-webkit-keyframes icon-animation-cylon{from{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes icon-animation-cylon{from{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@-webkit-keyframes icon-animation-cylon-vertical{from{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes icon-animation-cylon-vertical{from{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@-webkit-keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@-webkit-keyframes icon-animation-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-animation-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes icon-animation-throb{from{opacity:.5;-webkit-transform:scale(0.5);transform:scale(0.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-animation-throb{from{opacity:.5;-webkit-transform:scale(0.5);transform:scale(0.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}"}},[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]);function b(){"undefined"!=typeof customElements&&["post-icon"].forEach((t=>{"post-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))}f([s(["cylon","cylon-vertical","spin","spin-reverse","fade","throb"])],p.prototype,"animation",void 0),f([m("string")],p.prototype,"base",void 0),f([c(),m("string")],p.prototype,"name",void 0),f([m("number")],p.prototype,"rotate",void 0),f([m("number")],p.prototype,"scale",void 0);export{p as P,b as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{S as s}from"./switch-variants.js";import{d as c}from"./post-menu-item2.js";import{R as l}from"./required.js";import{T as u}from"./type.js";import{O as m}from"./one-of.js";import{U as h}from"./url.js";var p=function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.postChange=o(this,"postChange",7),this.postLanguageMenuItemInitiallyActive=o(this,"postLanguageMenuItemInitiallyActive",7)}componentDidLoad(){if(!this.name&&this.isNameRequired())throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');this.active&&this.postLanguageMenuItemInitiallyActive.emit(this.code)}async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase(),e=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()},o=this.url?i("a",{"aria-current":this.active?"page":void 0,href:this.url,hrefLang:t,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},i("slot",null),i("span",{class:"visually-hidden"},this.name)):i("button",{"aria-current":this.active?"true":void 0,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},i("slot",null),i("span",{class:"visually-hidden"},this.name));return"list"===this.variant?i(n,{"data-version":a,role:"listitem"},o):i(n,{"data-version":a},i("post-menu-item",null,o))}get host(){return this}static get style(){return"post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}]);function d(){"undefined"!=typeof customElements&&["post-language-menu-item","post-menu-item"].forEach((t=>{switch(t){case"post-language-menu-item":customElements.get(r(t))||customElements.define(r(t),g);break;case"post-menu-item":customElements.get(r(t))||c()}}))}p([l(),u("string")],g.prototype,"code",void 0),p([m(s)],g.prototype,"variant",void 0),p([u("string")],g.prototype,"name",void 0),p([u("string")],g.prototype,"description",void 0),p([h()],g.prototype,"url",void 0);export{g as P,d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{S as s}from"./switch-variants.js";import{d as c}from"./post-menu-item2.js";import{R as l}from"./required.js";import{T as u}from"./type.js";import{O as m}from"./one-of.js";import{U as h}from"./url.js";var p=function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.postChange=o(this,"postChange",7),this.postLanguageMenuItemInitiallyActive=o(this,"postLanguageMenuItemInitiallyActive",7)}componentDidLoad(){if(!this.name&&this.isNameRequired())throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');this.active&&this.postLanguageMenuItemInitiallyActive.emit(this.code)}async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase(),e=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()},o=this.url?i("a",{"aria-current":this.active?"page":void 0,href:this.url,hreflang:t,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},i("slot",null),i("span",{class:"visually-hidden"},this.name)):i("button",{"aria-current":this.active?"true":void 0,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},i("slot",null),i("span",{class:"visually-hidden"},this.name));return"list"===this.variant?i(n,{"data-version":a,role:"listitem"},o):i(n,{"data-version":a},i("post-menu-item",null,o))}get host(){return this}static get style(){return"post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}]);function d(){"undefined"!=typeof customElements&&["post-language-menu-item","post-menu-item"].forEach((t=>{switch(t){case"post-language-menu-item":customElements.get(r(t))||customElements.define(r(t),g);break;case"post-menu-item":customElements.get(r(t))||c()}}))}p([l(),u("string")],g.prototype,"code",void 0),p([m(s)],g.prototype,"variant",void 0),p([u("string")],g.prototype,"name",void 0),p([u("string")],g.prototype,"description",void 0),p([h()],g.prototype,"url",void 0);export{g as P,d}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{S as s}from"./switch-variants.js";import{d as n}from"./post-icon2.js";import{d as c}from"./post-menu2.js";import{d as l}from"./post-menu-trigger2.js";import{d as u}from"./post-popovercontainer2.js";import{n as g}from"./nanoid.js";import{R as d}from"./required.js";import{T as p}from"./type.js";import{P as m}from"./pattern.js";import{O as h}from"./one-of.js";import{E as b}from"./event-from.js";var v=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuId=`p${g(11)}`,this.listSpanId=`list-span-${g(11)}`,this.variant="menu"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-menu-item"))}handleVariantChange(){this.updateChildrenVariant()}get description(){const e=this.activeLang&&document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);if(e)return this.textCurrentLanguage.replaceAll("{name}",e.name).replaceAll("#name",e.name)}componentDidLoad(){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()}hideMenuOnScroll(){this.menu&&this.menu.hide()}handleInitiallyActive(e){this.activeLang=e.detail}updateChildrenVariant(){this.languageOptions.forEach((e=>{e.setAttribute("variant",this.variant)}))}renderList(){return o(r,{"data-version":a},o("div",{class:"post-language-menu-list",role:"list","aria-label":this.textChangeLanguage,"aria-describedby":this.listSpanId},o("span",{id:this.listSpanId,class:"visually-hidden"},this.description),o("slot",null)))}renderDropdown(){return o(r,{"data-version":a},o("post-menu-trigger",{for:this.menuId},o("button",{class:"post-language-menu-trigger"},this.activeLang,o("span",{class:"visually-hidden"},this.textChangeLanguage),o("span",{class:"visually-hidden"},this.description),o("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),o("post-menu",{ref:e=>this.menu=e,id:this.menuId,class:"post-language-menu-dropdown-container",label:this.textChangeLanguage,placement:"bottom-end"},o("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}get host(){return this}static get watchers(){return{variant:[{handleVariantChange:0}]}}static get style(){return":host{display:-ms-flexbox;display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.post-language-menu-trigger{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);text-transform:uppercase;line-height:inherit;cursor:pointer}.post-language-menu-trigger:not(:disabled):hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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(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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.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);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.post-language-menu-trigger post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.post-language-menu-list{display:-ms-flexbox;display:flex;gap:.5rem;margin-top:1rem}"}},[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{variant:[{handleVariantChange:0}]}]);function y(){"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(i(e))||customElements.define(i(e),f);break;case"post-icon":customElements.get(i(e))||n();break;case"post-menu":customElements.get(i(e))||c();break;case"post-menu-trigger":customElements.get(i(e))||l();break;case"post-popovercontainer":customElements.get(i(e))||u()}}))}v([d(),p("string")],f.prototype,"textChangeLanguage",void 0),v([d(),m(/(\{name\}|#name)/)],f.prototype,"textCurrentLanguage",void 0),v([h(s)],f.prototype,"variant",void 0),v([b("post-language-menu-item")],f.prototype,"handlePostChange",null);export{f as P,y as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as r,Host as i,transformTag as a}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{S as s}from"./switch-variants.js";import{d as c}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as u}from"./post-menu-trigger2.js";import{d as p}from"./post-popovercontainer2.js";import{n as g}from"./nanoid.js";import{R as d}from"./required.js";import{T as m}from"./type.js";import{P as h}from"./pattern.js";import{O as b}from"./one-of.js";import{E as v}from"./event-from.js";var f=function(e,t,o,r){var i,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(n=(a<3?i(n):a>3?i(t,o,n):i(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postChange=o(this,"postChange",7),this.menuId=`p${g(11)}`,this.listSpanId=`list-span-${g(11)}`,this.variant="menu"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-menu-item"))}handleVariantChange(){this.updateChildrenVariant()}get description(){const e=this.activeLang&&document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);if(e)return this.textCurrentLanguage.replaceAll("{name}",e.name).replaceAll("#name",e.name)}componentDidLoad(){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()}hideMenuOnScroll(){this.menu&&this.menu.hide()}handleInitiallyActive(e){this.activeLang=e.detail}updateChildrenVariant(){this.languageOptions.forEach((e=>{e.setAttribute("variant",this.variant)}))}renderList(){return r(i,{"data-version":n},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(i,{"data-version":n},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",{ref:e=>this.menu=e,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{variant:[{handleVariantChange:0}]}}static get style(){return":host{display:-ms-flexbox;display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.post-language-menu-trigger{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);text-transform:uppercase;line-height:inherit;cursor:pointer}.post-language-menu-trigger:not(:disabled):hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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{border-width:1px !important;-webkit-transition:none;transition:none}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.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);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.post-language-menu-trigger post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.post-language-menu-list{display:-ms-flexbox;display:flex;gap:8px;margin-top:16px}"}},[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{variant:[{handleVariantChange:0}]}]);function y(){"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),x);break;case"post-icon":customElements.get(a(e))||c();break;case"post-menu":customElements.get(a(e))||l();break;case"post-menu-trigger":customElements.get(a(e))||u();break;case"post-popovercontainer":customElements.get(a(e))||p()}}))}f([d(),m("string")],x.prototype,"textChangeLanguage",void 0),f([d(),h(/(\{name\}|#name)/)],x.prototype,"textCurrentLanguage",void 0),f([b(s)],x.prototype,"variant",void 0),f([v("post-language-menu-item")],x.prototype,"handlePostChange",null);export{x as P,y as d}

package/dist/components/post-linkarea.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as s}from"./package.js";function r(t){const e=t.closest("fieldset");return!(!e||!e.disabled)||"disabled"in t&&!!t.disabled}const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}getDirectTarget(t){for(const o of t.composedPath()){if(o instanceof HTMLSlotElement)break;if(o===this.host)break;if(o instanceof e&&o.matches("a,button,input,select,textarea,label,fieldset,optgroup,option"))return o}return null}getDelegateTarget(){return this.host.querySelector('a,label[for],input[type="checkbox"],input[type="radio"]')}dispatchClick(t){const e=this.getDirectTarget(t);if(e&&!r(e))return;const o=this.getDelegateTarget();if(!o||r(o))return;const{ctrlKey:i,shiftKey:n,altKey:s,metaKey:a,button:c}=t;o.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,ctrlKey:i,shiftKey:n,altKey:s,metaKey:a,button:c}))}render(){return o(i,{key:"aa721ba7506fefd66348e09fd17ce828dec89050","data-version":s,onClick:t=>this.dispatchClick(t)},o("slot",{key:"1ad85663662fc0f6c877ff88a6570ff4d4b1fa33"}))}get host(){return this}static get style(){return":host{display:block;cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}"}},[257,"post-linkarea"]),c=a,l=function(){"undefined"!=typeof customElements&&["post-linkarea"].forEach((t=>{"post-linkarea"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{c as PostLinkarea,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as s}from"./package.js";function r(t){const e=t.closest("fieldset");return!(!e||!e.disabled)||"disabled"in t&&!!t.disabled}const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}getDirectTarget(t){for(const o of t.composedPath()){if(o instanceof HTMLSlotElement)break;if(o===this.host)break;if(o instanceof e&&o.matches("a,button,input,select,textarea,label,fieldset,optgroup,option"))return o}return null}getDelegateTarget(){return this.host.querySelector('a,label[for],input[type="checkbox"],input[type="radio"]')}dispatchClick(t){const e=this.getDirectTarget(t);if(e&&!r(e))return;const o=this.getDelegateTarget();if(!o||r(o))return;const{ctrlKey:i,shiftKey:n,altKey:s,metaKey:a,button:c}=t;o.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,ctrlKey:i,shiftKey:n,altKey:s,metaKey:a,button:c}))}render(){return o(i,{key:"ceaff2e12e49f0df50b12770d803f9708b0d7a1c","data-version":s,onClick:t=>this.dispatchClick(t)},o("slot",{key:"f4230e0a8c74fdc143dd1e60843a74a1221396f7"}))}get host(){return this}static get style(){return":host{display:block;cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}"}},[257,"post-linkarea"]),c=a,l=function(){"undefined"!=typeof customElements&&["post-linkarea"].forEach((t=>{"post-linkarea"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{c as PostLinkarea,l as defineCustomElement}

package/dist/components/post-listbox-option.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as a}from"./post-icon2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postOptionSelected=o(this,"postOptionSelected",7),this.optionId=crypto.randomUUID(),this.selected=!1,this.highlighted=!1}render(){return s(i,{key:"ff0e773f8a89f9df3996a83cd2be6247c1ab5475","data-version":c,role:"option","aria-selected":""+this.selected,"data-active":this.highlighted?"true":null,onPointerDown:e=>e.preventDefault(),onClick:()=>this.postOptionSelected.emit(this.value),id:"post-listbox-option-"+this.optionId},s("span",{key:"cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858",class:"option-content"},this.value,s("span",{key:"5b314c41073a357185613a04a07d2020e4eab300",class:"option-description"},s("slot",{key:"ac1ed1be98f9a348952c0169d7ec89f8aaa99474"}))),this.selected&&s("post-icon",{key:"7691085df732c0c2c5db9824587d54047017adf5","aria-hidden":"true",name:"checkmark"}))}static get style(){return":host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-pack:justify;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}"}},[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]),p=l,d=function(){"undefined"!=typeof customElements&&["post-listbox-option","post-icon"].forEach((e=>{switch(e){case"post-listbox-option":customElements.get(n(e))||customElements.define(n(e),l);break;case"post-icon":customElements.get(n(e))||a()}}))};export{p as PostListboxOption,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as a}from"./post-icon2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postOptionSelected=o(this,"postOptionSelected",7),this.optionId=crypto.randomUUID(),this.selected=!1,this.highlighted=!1}render(){return s(i,{key:"201be2928d48dfa1f3d1183e7453042c0296de19","data-version":c,role:"option","aria-selected":""+this.selected,"data-active":this.highlighted?"true":null,onPointerDown:e=>e.preventDefault(),onClick:()=>this.postOptionSelected.emit(this.value),id:"post-listbox-option-"+this.optionId},s("span",{key:"cbba5a8fe218d6a4b99c70bc38077266361d2840",class:"option-content"},this.value,s("span",{key:"721e1ee9848f73b1020e5847493c2232d2ae0754",class:"option-description"},s("slot",{key:"1e54aab82416250673ca448af8de308b0c2f8ade"}))),this.selected&&s("post-icon",{key:"3badd4a9cea72cb41aaf160cfa2a09dd343681b0","aria-hidden":"true",name:"checkmark"}))}static get style(){return":host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-pack:justify;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}"}},[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]),p=l,d=function(){"undefined"!=typeof customElements&&["post-listbox-option","post-icon"].forEach((e=>{switch(e){case"post-listbox-option":customElements.get(n(e))||customElements.define(n(e),l);break;case"post-icon":customElements.get(n(e))||a()}}))};export{p as PostListboxOption,d as defineCustomElement}

package/dist/components/post-listbox.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as a}from"./post-popovercontainer2.js";import{E as h}from"./event-from.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postOptionActive=s(this,"postOptionActive",7),this.highlightedIndex=-1,this.visibleOptions=[],this.diacriticPattern=/[\u0300-\u036F]/u,this.registerOptions=()=>{this.visibleOptions=this.options},this.updateSelection=t=>{this.options.forEach((e=>{e.selected=e.value===t,e.highlighted=!1})),this.highlightedIndex=-1,this.filter("")},this.clearActive=()=>{this.highlightedIndex=-1,this.postOptionActive.emit(null)},this.normalizeText=t=>t.trim().normalize("NFD").replace(this.diacriticPattern,"").toLocaleLowerCase(),this.resetFilter=()=>{this.visibleOptions=this.options,this.options.forEach((t=>{t.hidden=!1,t.highlighted=!1}))}}get options(){return Array.from(this.host.querySelectorAll("post-listbox-option"))}get inputElement(){let t=this.host.closest("post-autocomplete");return t||(t=document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`)),t?.querySelector("input")}componentWillLoad(){this.registerOptions()}async show(){const t=this.inputElement;t&&this.popoverContainer?.show(t)}async hide(){this.popoverContainer?.hide()}async filter(t){const e=this.normalizeText(t);e?this.visibleOptions=this.options.filter((t=>{const s=this.normalizeText(t.textContent),i=this.normalizeText(t.value).includes(e)||s.includes(e);return t.hidden=!i,i})):this.resetFilter(),this.clearActive()}async clearSelection(){this.updateSelection()}async navigate(t){if(0===this.visibleOptions.length)return;switch(this.highlightedIndex>=0&&(this.visibleOptions[this.highlightedIndex].highlighted=!1),t){case"first":this.highlightedIndex=0;break;case"last":this.highlightedIndex=this.visibleOptions.length-1;break;case"up":this.highlightedIndex=(this.highlightedIndex-1+this.visibleOptions.length)%this.visibleOptions.length;break;case"down":this.highlightedIndex=(this.highlightedIndex+1)%this.visibleOptions.length}const e=this.visibleOptions[this.highlightedIndex];e.scrollIntoView({behavior:"smooth",block:"end"}),e.highlighted=!0,this.postOptionActive.emit(e.id)}async selectActive(){if(this.highlightedIndex>=0){const t=this.visibleOptions[this.highlightedIndex];this.updateSelection(t.value),this.host.dispatchEvent(new CustomEvent("postOptionSelected",{bubbles:!0,detail:t.value}))}}optionClicked(t){this.updateSelection(t.detail)}render(){return i(o,{key:"d9008aa55aca4e0a65fdffd67485d74ddc4069f6","data-version":c,role:"listbox"},i("post-popovercontainer",{key:"5ba4d68483581101ca4bf6fea04102fa883b71d1",placement:"bottom-start",ref:t=>this.popoverContainer=t},i("slot",{key:"286a31eff1b70ec35efcfa745103933598589f2a",name:"blank-slate"}),i("slot",{key:"4cebce7de3143c3eb1deafa57209f7295aa6ec44"})))}get host(){return this}static get style(){return"post-popovercontainer{border-radius:4px;overflow:hidden;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"}},[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]);!function(t,e,s,i){var o,n=arguments.length,c=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(c=(n<3?o(c):n>3?o(e,s,c):o(e,s))||c);n>3&&c&&Object.defineProperty(e,s,c)}([h("post-listbox-option")],r.prototype,"optionClicked",null);const l=r,p=function(){"undefined"!=typeof customElements&&["post-listbox","post-popovercontainer"].forEach((t=>{switch(t){case"post-listbox":customElements.get(n(t))||customElements.define(n(t),r);break;case"post-popovercontainer":customElements.get(n(t))||a()}}))};export{l as PostListbox,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as h}from"./post-popovercontainer2.js";import{E as a}from"./event-from.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postOptionActive=e(this,"postOptionActive",7),this.highlightedIndex=-1,this.visibleOptions=[],this.diacriticPattern=/[\u0300-\u036F]/u,this.registerOptions=()=>{this.visibleOptions=this.options},this.updateSelection=t=>{this.options.forEach((s=>{s.selected=s.value===t,s.highlighted=!1})),this.highlightedIndex=-1,this.filter("")},this.clearActive=()=>{this.highlightedIndex=-1,this.postOptionActive.emit(null)},this.normalizeText=t=>t.trim().normalize("NFD").replace(this.diacriticPattern,"").toLocaleLowerCase(),this.resetFilter=()=>{this.visibleOptions=this.options,this.options.forEach((t=>{t.hidden=!1,t.highlighted=!1}))}}get options(){return Array.from(this.host.querySelectorAll("post-listbox-option"))}get inputElement(){let t=this.host.closest("post-autocomplete");return t||(t=document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`)),t?.querySelector("input")}componentWillLoad(){this.registerOptions()}async show(){const t=this.inputElement;t&&this.popoverContainer?.show(t)}async hide(){this.popoverContainer?.hide()}async filter(t){const s=this.normalizeText(t);s?this.visibleOptions=this.options.filter((t=>{const e=this.normalizeText(t.textContent),i=this.normalizeText(t.value).includes(s)||e.includes(s);return t.hidden=!i,i})):this.resetFilter(),this.clearActive()}async clearSelection(){this.updateSelection()}async navigate(t){if(0===this.visibleOptions.length)return;switch(this.highlightedIndex>=0&&(this.visibleOptions[this.highlightedIndex].highlighted=!1),t){case"first":this.highlightedIndex=0;break;case"last":this.highlightedIndex=this.visibleOptions.length-1;break;case"up":this.highlightedIndex=(this.highlightedIndex-1+this.visibleOptions.length)%this.visibleOptions.length;break;case"down":this.highlightedIndex=(this.highlightedIndex+1)%this.visibleOptions.length}const s=this.visibleOptions[this.highlightedIndex];s.scrollIntoView({behavior:"smooth",block:"end"}),s.highlighted=!0,this.postOptionActive.emit(s.id)}async selectActive(){if(this.highlightedIndex>=0){const t=this.visibleOptions[this.highlightedIndex];this.updateSelection(t.value),this.host.dispatchEvent(new CustomEvent("postOptionSelected",{bubbles:!0,detail:t.value}))}}optionClicked(t){this.updateSelection(t.detail)}render(){return i(o,{key:"55f1f7335a5eed38163aa58a43f091f130a9a2ff","data-version":c,role:"listbox"},i("post-popovercontainer",{key:"303a6b38d8c5e5fae7b295dd0a58008c7b39a23f",placement:"bottom-start",ref:t=>this.popoverContainer=t},i("slot",{key:"165627beb864c21081796db3d380eded51e780dc",name:"blank-slate"}),i("slot",{key:"57d445590587148bdb5e4d5d7338fb4003020a2a"})))}get host(){return this}static get style(){return"post-popovercontainer{border-radius:4px;overflow:hidden;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"}},[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]);!function(t,s,e,i){var o,n=arguments.length,c=n<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(c=(n<3?o(c):n>3?o(s,e,c):o(s,e))||c);n>3&&c&&Object.defineProperty(s,e,c)}([a("post-listbox-option")],r.prototype,"optionClicked",null);const l=r,p=function(){"undefined"!=typeof customElements&&["post-listbox","post-popovercontainer"].forEach((t=>{switch(t){case"post-listbox":customElements.get(n(t))||customElements.define(n(t),r);break;case"post-popovercontainer":customElements.get(n(t))||h()}}))};export{l as PostListbox,p as defineCustomElement}

package/dist/components/post-logo2.js

@@ -1 +1 @@
-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{U as l}from"./url.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){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:"84ece8e71d7dec66aa634d9a8a37d6bf3197c1b6","data-version":c},t(o?"a":"span",{key:"1531c6e8f32d42e63f5482d2983f18e4c9a23b1a",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"d45d33329e30de0de9de56f2d588995a7f97d01e",class:"description"},t("slot",{key:"e8665c8d739dc2a2968bf1193c26ba1d1e731b38",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"bb3f534952e29e2e43816c5a5dd55541d05bee26",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"9ca05c263f6c9f41cc5406ccfd030a713ffe0254",id:"Logo"},t("rect",{key:"30a59adc0eec11af2d90180da1f5a95b03175d21",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"b1cbe7c575d36cf26a1cc41c9124625c2d1e5ef1",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),t("path",{key:"398027f23c8c9a4cf2bc7f8d7c8aa4ec0466f0be",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return this}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:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}"}},[257,"post-logo",{url:[1]}]);function r(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),n))}))}!function(o,e,t,i){var s,c=arguments.length,l=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,t,i);else for(var n=o.length-1;n>=0;n--)(s=o[n])&&(l=(c<3?s(l):c>3?s(e,t,l):s(e,t))||l);c>3&&l&&Object.defineProperty(e,t,l)}([l()],n.prototype,"url",void 0);export{n as P,r as d}
+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{U as l}from"./url.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){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:"b9d1a0fcdbbb7789863bd89d0cb1154f432d7749","data-version":c},t(o?"a":"span",{key:"e9e5f76950b4e95a9dc8d8f961c75f635007b61f",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"7f9647d7fc00d1e79e544cbdd11fce5313b2bc83",class:"description"},t("slot",{key:"8eb8bb0385b14a98aadf1cd956d74972179bee6b",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"1bc78071d7ee521a249452af9f8b34108297205c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"9d10890ce19c40c38a976dbbbcb9e3939611f765",id:"Logo"},t("rect",{key:"c0f9312024721329e2427a623c78658d094d039c",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"36f41cc32b0a1d92ba4c1b8cb56e9c6f2b454a4f",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:"e32537010333ac42f7614203062b424c4feb819f",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 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:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}"}},[257,"post-logo",{url:[1]}]);function r(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),n))}))}!function(o,e,t,i){var s,c=arguments.length,l=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,t,i);else for(var n=o.length-1;n>=0;n--)(s=o[n])&&(l=(c<3?s(l):c>3?s(e,t,l):s(e,t))||l);c>3&&l&&Object.defineProperty(e,t,l)}([l()],n.prototype,"url",void 0);export{n as P,r as d}

package/dist/components/post-mainnavigation2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./post-icon2.js";import{R as a}from"./required.js";import{T as l}from"./type.js";const c=t(class extends e{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(){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:e,clientWidth:i}=this.navbar;e===i?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(i+t)<e)}handleScrollButtonClick(t,e){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const i="right"===e?this.scrollRight:this.scrollLeft;i(),this.scrollRepeatInterval=setInterval((()=>{i()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const e of this.navigationItems){const{right:i,width:s}=e.getBoundingClientRect();if(!(i-.25*s<t))return void this.navbar.scrollBy({left:i-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const e of this.navigationItems.reverse()){const{left:i,width:s}=e.getBoundingClientRect();if(!(i+.25*s>t))return void this.navbar.scrollBy({left:i-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return i(s,{key:"2e9f2361426298f620411b1d064e166992ba326e",version:n,class:this.canScroll?"scrollable":""},i("div",{key:"10103d153e37fd591c2ce062ef7455228adbf5b9","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},i("post-icon",{key:"8bb9b82626d05c1fe8f4fd1bb9f8e6d6be59ad8a","aria-hidden":"true",name:"chevronleft"})),i("nav",{key:"6905afe8c2dfcf0f2411b45237b52d63f187d2c9",ref:t=>this.navbar=t,"aria-label":this.textMain},i("slot",{key:"2db905e52b1604d9c6097734d055100a58625f09"})),i("div",{key:"f8ec4f906f1c99fec2198bb350ac1735c2de8469","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},i("post-icon",{key:"afed8c1778691ca5b849d78ee20d51a4b8c02fe6","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));-webkit-margin-end:calc(-1*var(--post-local-header-padding-inline-end));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{-ms-flex:1 1 auto;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;-webkit-box-shadow:var(--post-device-elevation-500);box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{-webkit-margin-end:-3rem;margin-inline-end:-3rem}.scroll-control.scroll-right{-webkit-margin-start:-3rem;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"]]]);function h(){"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))||r()}}))}!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([a(),l("string")],c.prototype,"textMain",void 0);export{c as P,h as d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./post-icon2.js";import{R as a}from"./required.js";import{T as l}from"./type.js";const c=t(class extends e{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(){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:e,clientWidth:i}=this.navbar;e===i?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(i+t)<e)}handleScrollButtonClick(t,e){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const i="right"===e?this.scrollRight:this.scrollLeft;i(),this.scrollRepeatInterval=setInterval((()=>{i()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const e of this.navigationItems){const{right:i,width:s}=e.getBoundingClientRect();if(!(i-.25*s<t))return void this.navbar.scrollBy({left:i-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const e of this.navigationItems.reverse()){const{left:i,width:s}=e.getBoundingClientRect();if(!(i+.25*s>t))return void this.navbar.scrollBy({left:i-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return i(s,{key:"374379b09ad5578002153a0a80afaf9308f1c964",version:n,class:this.canScroll?"scrollable":""},i("div",{key:"b78537cec32cd23c7908482d73b7624e4662b1c8","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},i("post-icon",{key:"d196c0f3b480f5ede486945c684afe4a06a96af0","aria-hidden":"true",name:"chevronleft"})),i("nav",{key:"5ee27a1b6cfc8aa59820514708485b334837c09d",ref:t=>this.navbar=t,"aria-label":this.textMain},i("slot",{key:"e0a1719713e59899ec4fd1ff057ab5e3c13f7069"})),i("div",{key:"d1e2b456cadec20bb9c857fee23a3955ab20a2b2","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},i("post-icon",{key:"dec56cf1fb67c5afb597936d0f99e6389517819f","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));-webkit-margin-end:calc(-1*var(--post-local-header-padding-inline-end));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{-ms-flex:1 1 auto;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:16px;background:#fff;-webkit-box-shadow:var(--post-device-elevation-500);box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{-webkit-margin-end:-48px;margin-inline-end:-48px}.scroll-control.scroll-right{-webkit-margin-start:-48px;margin-inline-start:-48px}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:16px}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]);function h(){"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))||r()}}))}!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([a(),l("string")],c.prototype,"textMain",void 0);export{c as P,h as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,Build as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{R as c}from"./required.js";import{T as d}from"./type.js";import{E as b}from"./event-from.js";var u=function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}componentWillRender(){this.handleSlottedContentChanges()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}onMegadropdownToggled(e){if(e.target.id===this.for){const t=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=e.detail.isVisible,!t||this.isMegadropdownExpanded||!e.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}get megadropdown(){const e=document.getElementById(this.for);return"post-megadropdown"!==e?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):e}handleSlottedContentChanges(){o.isServer||(this.cloneSlottedButton(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,subtree:!0}))}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}onClick(){this.megadropdown?.toggle()}onKeyDown(e){"Enter"!==e.key&&" "!==e.key||this.megadropdown&&(e.preventDefault(),this.megadropdown.toggle())}render(){return r(i,{key:"40d8afcb6b0ec482c0a13f7b78493a66243e03a5","data-version":n},r("button",{key:"6c1362cd4e1af22d26cf9ae74af4092cd083360c",ref:e=>this.interactiveButton=e,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},r("span",{key:"6bd7d94da2055c1c6fb933402f2478a3cee12cc7"},r("span",{key:"8109bdcc23c4a0f8c0861b774a974dde75b464f3",innerHTML:this.slottedContent}),r("span",{key:"edd54adde0d7af4eb9cf7796183d01705d217500","aria-hidden":"true"},r("slot",{key:"dbcc08bb882273f1074dd8963a4b86f67deb0c0a"}))),r("post-icon",{key:"7437573a492181cc3e5ddd59ac3695dc94d43e09",name:"chevrondown"})))}get host(){return this}static get style(){return'button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}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(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);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}button{--post-nav-item-border-width:1px;width:100%;-ms-flex-pack:start;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;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:none;box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){-webkit-margin-start:auto;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;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}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}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]);u([c(),d("string")],l.prototype,"for",void 0),u([b("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const p=l,h=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((e=>{switch(e){case"post-megadropdown-trigger":customElements.get(s(e))||customElements.define(s(e),l);break;case"post-icon":customElements.get(s(e))||a()}}))};export{p as PostMegadropdownTrigger,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,Build as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{R as c}from"./required.js";import{T as d}from"./type.js";import{E as p}from"./event-from.js";var u=function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}componentWillRender(){this.handleSlottedContentChanges()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}onMegadropdownToggled(e){if(e.target.id===this.for){const t=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=e.detail.isVisible,!t||this.isMegadropdownExpanded||!e.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}get megadropdown(){const e=document.getElementById(this.for);return"post-megadropdown"!==e?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):e}handleSlottedContentChanges(){o.isServer||(this.cloneSlottedButton(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,subtree:!0}))}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}onClick(){this.megadropdown?.toggle()}onKeyDown(e){"Enter"!==e.key&&" "!==e.key||this.megadropdown&&(e.preventDefault(),this.megadropdown.toggle())}render(){return r(i,{key:"7dea071ab1a606e7427631e45a1521aef0be85fe","data-version":n},r("button",{key:"4486549cfbad6f00de4a44c7af550dac428b9450",ref:e=>this.interactiveButton=e,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},r("span",{key:"566388f5cc5fd7eb4227de6fcd0205a3c3c0d54d"},r("span",{key:"e874004dc5a3d8bf3a422c9b783c24dd6968cf74",innerHTML:this.slottedContent}),r("span",{key:"d89b1f6867f2b41934edb4a0865aebbdb21741a9","aria-hidden":"true"},r("slot",{key:"fed72c4e9ad605db0d65c1c32e91976ae3147a4b"}))),r("post-icon",{key:"882e65fd30695db2b8a74be8258e69eed90b8f78",name:"chevrondown"})))}get host(){return this}static get style(){return'button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}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{border-width:1px !important;-webkit-transition:none;transition:none}button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}button{--post-nav-item-border-width:1px;width:100%;-ms-flex-pack:start;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:none;box-shadow:none}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;outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@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;outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@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}}}button>post-icon:where(:last-child){-webkit-margin-start:auto;margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;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:16px 12px;gap:8px;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}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}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]{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[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@media screen and (min-width: 1024px){@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]);u([c(),d("string")],l.prototype,"for",void 0),u([p("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const b=l,h=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((e=>{switch(e){case"post-megadropdown-trigger":customElements.get(s(e))||customElements.define(s(e),l);break;case"post-icon":customElements.get(s(e))||a()}}))};export{b as PostMegadropdownTrigger,h as defineCustomElement}

package/dist/components/post-megadropdown.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{f as r}from"./fade-slide.js";import{b as a}from"./breakpoints.js";import{g as c}from"./get-focusable-children.js";import{v as d}from"./package.js";import{d as h}from"./post-closebutton2.js";import{d as l}from"./post-icon2.js";import{r as b}from"./utils.js";import{R as m}from"./required.js";import{T as p}from"./type.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};var f=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const g=t(class t extends e{get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown",7),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=a.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.breakpointChange=t=>{this.device=t.detail,this.cancelAnimation()},this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}let e=!1;if(t.activeDropdown&&t.activeDropdown!==this&&(t.activeDropdown.forceClose(),e=!0),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0}),e)this.focusFirst(),this.addListeners();else try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null)}createAnimation(t){return"desktop"===this.device?r(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const o={...u,...i},{translate:s}=o,n=[{transform:`translateX(${s}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:o,easing:s,fill:n}={...u,...i};return t.animate(e,{duration:o,easing:b(s),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...c(this.host),...c(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t.at(-1)}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(0===t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return o(s,{key:"355f69ea10cd4c3c058e4c1e6818f1c9da7d4102",version:d},o("div",{key:"9c2b9b31aa450c1e1b4257066a38bd3660e834ef",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},o("div",{key:"7fe7f257bb41b43b72cda39f1614c5ba4726b940",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&o("p",{key:"09ffb0ce4a56453d33d4366ce30c0bce09395f93",class:"megadropdown-title"},this.megadropdownTitle),o("div",{key:"d88fb0218c8788981dd7f3213979eba5ab7ff333",class:"megadropdown-content"},o("slot",{key:"ab64e771770bd42c4f077ebe5e05685cb285134f"})),"desktop"===this.device?o("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):o("button",{onClick:()=>this.hide(!0),class:"back-button"},o("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get style(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 3rem);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:1.5rem;padding-block-start:1.5rem}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:1.5rem;padding-block-end:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-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}.back-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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-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){.back-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){.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:2rem;margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}]);g.activeDropdown=null,f([m(),p("string")],g.prototype,"textClose",void 0),f([m(),p("string")],g.prototype,"textBack",void 0);const v=g,w=function(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),g);break;case"post-closebutton":customElements.get(n(t))||h();break;case"post-icon":customElements.get(n(t))||l()}}))};export{v as PostMegadropdown,w as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{f as a}from"./fade-slide.js";import{b as r}from"./breakpoints.js";import{g as c}from"./get-focusable-children.js";import{v as d}from"./package.js";import{d as h}from"./post-closebutton2.js";import{d as l}from"./post-icon2.js";import{r as p}from"./utils.js";import{R as b}from"./required.js";import{T as m}from"./type.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};var f=function(t,e,i,o){var s,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(a=(n<3?s(a):n>3?s(e,i,a):s(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const g=t(class t extends e{get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown",7),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=r.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.breakpointChange=t=>{this.device=t.detail,this.cancelAnimation()},this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}let e=!1;if(t.activeDropdown&&t.activeDropdown!==this&&(t.activeDropdown.forceClose(),e=!0),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0}),e)this.focusFirst(),this.addListeners();else try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null)}createAnimation(t){return"desktop"===this.device?a(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const o={...u,...i},{translate:s}=o,n=[{transform:`translateX(${s}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:o,easing:s,fill:n}={...u,...i};return t.animate(e,{duration:o,easing:p(s),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...c(this.host),...c(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t.at(-1)}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(0===t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return o(s,{key:"d181a65a25eafbbc645c717ee2f447caf1ab040a",version:d},o("div",{key:"7bd6003c2e696e64a14b98a94e6c67d66d143192",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},o("div",{key:"c79d10e279a37d94c2849ce4cac7bf4d260a0ca3",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&o("p",{key:"7e7769acb5391cb33958b1bd9739583e25def2cc",class:"megadropdown-title"},this.megadropdownTitle),o("div",{key:"fe7b63bd6b9daff336e599cd9ca43338a36fa595",class:"megadropdown-content"},o("slot",{key:"cc19bcec12adee943391ec818bcfa8cd8290cb49"})),"desktop"===this.device?o("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):o("button",{onClick:()=>this.hide(!0),class:"back-button"},o("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get style(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:24px;padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:24px;padding-block-end:24px}}.megadropdown-title{margin-block:0 16px;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-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}.back-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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-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){.back-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){.back-button{border-width:1px !important;-webkit-transition:none;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:32px;margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:24px;margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}]);g.activeDropdown=null,f([b(),m("string")],g.prototype,"textClose",void 0),f([b(),m("string")],g.prototype,"textBack",void 0);const v=g,w=function(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),g);break;case"post-closebutton":customElements.get(n(t))||h();break;case"post-icon":customElements.get(n(t))||l()}}))};export{v as PostMegadropdown,w as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}connectedCallback(){this.host.dataset.version=n}get host(){return this}static get style(){return"post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}"}},[0,"post-menu-item"]);function m(){"undefined"!=typeof customElements&&["post-menu-item"].forEach((e=>{"post-menu-item"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))}export{i as P,m as d}
+import{proxyCustomElement as t,HTMLElement as e,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}connectedCallback(){this.host.dataset.version=n}get host(){return this}static get style(){return"post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:16px;height:16px;margin-block:4px}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}post-menu-item button post-icon,post-menu-item a post-icon{width:24px;height:24px;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}"}},[0,"post-menu-item"]);function s(){"undefined"!=typeof customElements&&["post-menu-item"].forEach((t=>{"post-menu-item"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}export{i as P,s as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as r}from"./get-root.js";import{R as c}from"./required.js";import{T as a}from"./type.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=r(this.host)}componentDidLoad(){this.setAriaAttributes(),this.root&&this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}disconnectedCallback(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)}updateAriaExpanded(t){const e=t.target;"post-menu"===e.localName&&e.id===this.for&&this.slottedButton.setAttribute("aria-expanded",t.detail.toString())}setAriaAttributes(){const t=this.host.querySelectorAll("button");1===t.length?(this.slottedButton=t.item(0),this.slottedButton.setAttribute("type","button"),this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.setAttribute("aria-expanded","false"),this.slottedButton.addEventListener("click",this.handleToggle.bind(this)),this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))):console.warn(`The post-menu-trigger should contain exactly one button (${t.length} found).`)}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())}handleToggle(){const t=this.getMenu();t&&t.toggle(this.host)}getMenu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:(console.warn(`No post-menu found with ID: ${this.for}`),null)}render(){return s(o,{key:"8f43fe80dd56550141481f157a06caf559494291","data-version":n},s("slot",{key:"1b5d220cff9894918aedc54b0585df75095dcb0e"}))}get host(){return this}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]}]);function u(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),h))}))}!function(t,e,s,o){var i,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,o);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(r=(n<3?i(r):n>3?i(e,s,r):i(e,s))||r);n>3&&r&&Object.defineProperty(e,s,r)}([c(),a("string")],h.prototype,"for",void 0);export{h as P,u as d}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as r}from"./get-root.js";import{R as a}from"./required.js";import{T as c}from"./type.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=r(this.host)}componentDidLoad(){this.setAriaAttributes(),this.root&&this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}disconnectedCallback(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)}updateAriaExpanded(t){const e=t.target;"post-menu"===e.localName&&e.id===this.for&&this.slottedButton.setAttribute("aria-expanded",t.detail.toString())}setAriaAttributes(){const t=this.host.querySelectorAll("button");1===t.length?(this.slottedButton=t.item(0),this.slottedButton.setAttribute("type","button"),this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.setAttribute("aria-expanded","false"),this.slottedButton.addEventListener("click",this.handleToggle.bind(this)),this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))):console.warn(`The post-menu-trigger should contain exactly one button (${t.length} found).`)}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())}handleToggle(){const t=this.getMenu();t&&t.toggle(this.host)}getMenu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:(console.warn(`No post-menu found with ID: ${this.for}`),null)}render(){return s(o,{key:"2e0560835a4202f9a84990a60305bf7dc8adbc98","data-version":n},s("slot",{key:"d175e8bc5ddb253476f9795d7b0b2df2797c46aa"}))}get host(){return this}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]}]);function u(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),h))}))}!function(t,e,s,o){var i,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(r=(n<3?i(r):n>3?i(e,s,r):i(e,s))||r);n>3&&r&&Object.defineProperty(e,s,r)}([a(),c("string")],h.prototype,"for",void 0);export{h as P,u as d}