@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68

package/dist/components/post-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{c as s,f as n}from"./breakpoints.js";import{d}from"./post-accordion2.js";import{d as p}from"./post-accordion-item2.js";import{d as c}from"./post-collapsible2.js";import{d as l}from"./post-collapsible-trigger2.js";import{d as f}from"./post-icon2.js";const m=["grid-1","grid-2","grid-3","grid-4"],g=o(class extends t{validateTextFooter(){s(this,"textFooter","string")}constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=n.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateTextFooter(),m.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)}}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return e("post-accordion",{headingLevel:3,multiple:!0},m.map((o=>e("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},e("span",{slot:"header"},e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return m.map((o=>e("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},e("h3",null,e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return e(a,{key:"463d05f761606823f6a0509961719a166802df0b","data-version":i,"data-color-scheme":"light"},e("footer",{key:"235731df03aa871b5d411d208df54fe26008e4d7"},e("h2",{key:"7bb8f8013b7c0deb5f021105bbb193c922efabd4",class:"visually-hidden"},this.textFooter),e("div",{key:"9aaf9cb32744df2d1c0585342a6fd9783702995a",class:"footer-container"},e("div",{key:"4dcbf986a6241a3bcd4e7a6e311d5640773a69e7",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),e("div",{key:"9e295c05da9b0b8f3c4a01b8e433d5ef4f5c71ac",class:"footer-column"},e("div",{key:"1703a08855755586c4721ddc50e1f3bd121907a5",class:"footer-socialmedia"},e("slot",{key:"c7961d016fb26f6af5022fff4550e15ef36a3881",name:"socialmedia"})),e("div",{key:"cef3bdd672ab0cddc7aa7e2b3d85705752caeb9e",class:"footer-app"},e("slot",{key:"5f97c901fb99e4f7458ef5036a55a887186b29b6",name:"app"}))),e("div",{key:"33d8851199a96900353591d4af606f710f440892",class:"footer-businesssectors"},e("slot",{key:"ae94799f81ea9031aa3a4489cbcc218afcfed257",name:"businesssectors"})),e("div",{key:"3c9f984ebb4dfaa3aa595e804043d1d023616360",class:"footer-meta"},e("slot",{key:"be63fa921c073a2b6bb396339bea7a850f908b4c",name:"meta"})),e("div",{key:"2a2b7a4f9a5cf9b31534ab42ded552872582aaeb",class:"footer-copyright"},e("slot",{key:"c80396f078acf145fa2b873a0ea3e453723488d9",name:"copyright"})))))}get host(){return this}static get watchers(){return{textFooter:[{validateTextFooter:0}]}}static get style(){return":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-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-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{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]},void 0,{textFooter:[{validateTextFooter:0}]}]),b=g,h=function(){"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(r(o))||customElements.define(r(o),g);break;case"post-accordion":customElements.get(r(o))||d();break;case"post-accordion-item":customElements.get(r(o))||p();break;case"post-collapsible":customElements.get(r(o))||c();break;case"post-collapsible-trigger":customElements.get(r(o))||l();break;case"post-icon":customElements.get(r(o))||f()}}))};export{b as PostFooter,h as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as t,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{c as s}from"./index2.js";import{b as n}from"./breakpoints.js";import{d}from"./post-accordion2.js";import{d as p}from"./post-accordion-item2.js";import{d as c}from"./post-collapsible2.js";import{d as l}from"./post-collapsible-trigger2.js";import{d as f}from"./post-icon2.js";const m=["grid-1","grid-2","grid-3","grid-4"],g=o(class extends t{validateTextFooter(){s(this,"textFooter","string")}constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=n.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateTextFooter(),m.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)}}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return e("post-accordion",{headingLevel:3,multiple:!0},m.map((o=>e("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},e("span",{slot:"header"},e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return m.map((o=>e("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},e("h3",null,e("slot",{name:o+"-title"})),e("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return e(a,{key:"b144591b02f0e8010d9e4bbba34841151ba6b3b9","data-version":i,"data-color-scheme":"light"},e("footer",{key:"1f83f8ecf0e07ebd05f4ed9c45f6d2f6fe141422"},e("h2",{key:"fdfc10c2be686d97c2a994fd069109ec46444626",class:"visually-hidden"},this.textFooter),e("div",{key:"a89e56546788b71790747c8ee57b4d2fe5d8ae1f",class:"footer-container"},e("div",{key:"407518b583499c90002de8baa1cd955e8e123daa",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),e("div",{key:"9c46b21064994229a1132b77432d9193a58e1dd4",class:"footer-column"},e("div",{key:"f2686c80b116869255a2ae5087d5c0a72f5b57f3",class:"footer-socialmedia"},e("slot",{key:"a3120b829237f2e82a7fb6ed897bc4ad8fc0ab44",name:"socialmedia"})),e("div",{key:"3f868a04bc8a9952ca13041e630433ba4c4012c4",class:"footer-app"},e("slot",{key:"9325886b54b36bcc0dafa6b683fa9415b55590ce",name:"app"}))),e("div",{key:"9b1382957dbe4eb9e2fb7a717b528fc76f18c1f6",class:"footer-businesssectors"},e("slot",{key:"a38e36aeca86bd27c062624456bde8fa92349af9",name:"businesssectors"})),e("div",{key:"65f1e95887a715de194420ace838695cfafed7ac",class:"footer-meta"},e("slot",{key:"bbb052400f6f65853784c5e3f7ecfbaa9b87e8cb",name:"meta"})),e("div",{key:"98a70e130ac05af4d9d5d3aaefb8ac473056c339",class:"footer-copyright"},e("slot",{key:"ed7ac57a7862a32050d0481fa6d5cad45cd02677",name:"copyright"})))))}get host(){return this}static get watchers(){return{textFooter:[{validateTextFooter:0}]}}static get style(){return":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-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-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{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]},void 0,{textFooter:[{validateTextFooter:0}]}]),b=g,h=function(){"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(r(o))||customElements.define(r(o),g);break;case"post-accordion":customElements.get(r(o))||d();break;case"post-accordion-item":customElements.get(r(o))||p();break;case"post-collapsible":customElements.get(r(o))||c();break;case"post-collapsible-trigger":customElements.get(r(o))||l();break;case"post-icon":customElements.get(r(o))||f()}}))};export{b as PostFooter,h as defineCustomElement}

package/dist/components/post-header.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{c as r,t as n,f as d}from"./breakpoints.js";import{v as l}from"./package.js";import{f as h}from"./fade.js";import{a as c}from"./get-focusable-children.js";import{E as p}from"./event-from.js";import{d as g}from"./post-icon2.js";import{d as b}from"./post-togglebutton2.js";const u=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}validateFullWidth(){r(this,"fullWidth","boolean")}validateTextMenu(){r(this,"textMenu","string")}lockBody(e,t,o){const a=this.scrollParent;"desktop"!==this.device&&("burgerMenuExtended"===o?e:this.burgerMenuExtended)?(a.setAttribute("data-post-scroll-locked",""),this.host.addEventListener("keydown",this.keyboardHandler)):(a.removeAttribute("data-post-scroll-locked"),this.host.removeEventListener("keydown",this.keyboardHandler))}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.throttledResize=n(50,(()=>this.updateLocalHeaderHeight())),this.animationOptions={duration:350,easing:"headerEase"},this.device=d.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.megadropdownStateHandler=this.megadropdownStateHandler.bind(this),this.checkSlottedContent=this.checkSlottedContent.bind(this),this.megadropdownStateHandler=this.megadropdownStateHandler.bind(this)}connectedCallback(){window.addEventListener("resize",this.throttledResize,{passive:!0}),window.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),this.scrollParent.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),document.addEventListener("postToggleMegadropdown",this.megadropdownStateHandler),window.addEventListener("postBreakpoint:device",this.breakpointChange),this.handleScrollParentResize(),this.lockBody(!1,this.burgerMenuExtended,"burgerMenuExtended")}componentWillRender(){this.handleScrollEvent(),this.handleSlottedContentChanges(),this.switchLanguageSwitchMode()}componentDidRender(){this.validateTextMenu(),this.validateFullWidth(),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;window.removeEventListener("postBreakpoint:device",this.breakpointChange),window.removeEventListener("resize",this.throttledResize),window.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=h(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(...c(this.localHeader,(e=>!e.matches("post-megadropdown"))),...c(this.burgerMenu,(e=>!e.matches("post-megadropdown")))),this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-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(e){const t=e.target===document.activeElement&&this.host.matches(":focus-within"),o="desktop"===this.device&&this.host.querySelector("post-mainnavigation:focus-within"),a="desktop"!==this.device&&this.host.shadowRoot?.querySelector(":is(.global-header, .burger-menu):focus-within");this.host.toggleAttribute("data-expanded",t&&!o&&!a)}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:"927a12917d64f0e0fed247764ab5a89c2ff66453","data-version":l,"data-color-scheme":"light","data-burger-menu":this.hasBurgerMenu,"data-menu-extended":this.burgerMenuExtended},a("header",{key:"58e53821b44b9569a1a1f39663c6e315142fb0c2"},a("div",{key:"ead8157d4b94892be4e20c98ba9480411a08aafe",class:"global-header"},a("div",{key:"e2c6bbabfbfca71a978b6ed3e2ecbb105751bdd1",class:"section"},a("div",{key:"e52b27fc0a128e2bcd6d14c232a6091129a5562d",class:"logo"},a("slot",{key:"72a698e81b6fa12f7ced243396dd39adef2da34c",name:"post-logo"})),a("div",{key:"82523f2072649282591d643db0f48d518a1ce4a6",class:"sliding-controls"},e&&a("div",{key:"f85c022c415dbd631b63a528ad8f19466901c248",class:"audience"},a("slot",{key:"772525ed51e5fc3c92b523c1b71b1d67bf01038d",name:"audience"})),a("slot",{key:"a73f412a7634075fd6721c1d50aef56231f647a4",name:"global-nav-primary"}),(e||!this.hasMainNav)&&[a("slot",{key:"dd9b0cc2582285c18afec62522fff7ab2fe6b34a",name:"global-nav-secondary"}),a("slot",{key:"f4e4f916c66d7d1d6fc43f73e8af40a81d11c55d",name:"language-menu"})],a("slot",{key:"edbaa4e685f65ca22c1a3c7eca5b53f5d297b66a",name:"post-login"}),t&&this.hasMainNav&&a("post-togglebutton",{key:"5086903a3e9e01fec9273b71c7c9262026df9208",class:"burger-button",ref:e=>this.burgerMenuButton=e,onClick:()=>this.toggleBurgerMenu()},a("span",{key:"b069fe1a4f1ac7aac9a1779a26e72e8b50a7aecc"},this.textMenu),a("post-icon",{key:"e4e35ce811dd238db1b432aa9a2c33f270ab4d81","aria-hidden":"true",name:"burger","data-showwhen":"untoggled"}),a("post-icon",{key:"a6dbcdc99f86ab7dafef916b23b1172fd94894bd","aria-hidden":"true",name:"closex","data-showwhen":"toggled"}))))),a("div",{key:"cc9c29c26166b789b566819a1247af0126b190a1",ref:e=>this.localHeader=e,class:{"local-header":!0,"megadropdown-open":this.megadropdownOpen}},a("div",{key:"6a46fce27e151905c1c00bd72aff6bd57e88ebec",class:"section"},a("slot",{key:"b4b442dc52e45bfd84e3695f48d4a172e9d12786",name:"title"}),this.hasTitle&&a("slot",{key:"6b569368e83793b19f4bfd5b0ab4c42ef7f4f594",name:"local-nav"}),e&&a("slot",{key:"7a5ba718de6a6f54b9a97c1be93b2ffc41d71122",name:"main-nav"}),e&&!this.hasTitle&&a("slot",{key:"d62ff184e22380c837794b2e2c813189b546e9b7",name:"local-nav"}))),this.hasBurgerMenu&&this.renderBurgerMenu()))}get host(){return this}static get watchers(){return{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],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.25rem;--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-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{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%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{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);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);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:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{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{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.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(a){color:LinkText;border:unset}.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);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@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:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{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:flex;align-items:center;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"]],{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}]);!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);s>3&&r&&Object.defineProperty(t,o,r)}([p("post-megadropdown")],u.prototype,"megadropdownStateHandler",null);const m=u,f=function(){"undefined"!=typeof customElements&&["post-header","post-icon","post-togglebutton"].forEach((e=>{switch(e){case"post-header":customElements.get(s(e))||customElements.define(s(e),u);break;case"post-icon":customElements.get(s(e))||g();break;case"post-togglebutton":customElements.get(s(e))||b()}}))};export{m as PostHeader,f as defineCustomElement}
+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{t as r,b as n}from"./breakpoints.js";import{v as d}from"./package.js";import{f as l}from"./fade.js";import{a as h}from"./get-focusable-children.js";import{E as c}from"./event-from.js";import{c as p}from"./index2.js";import{d as g}from"./post-icon2.js";import{d as u}from"./post-togglebutton2.js";const b=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}validateFullWidth(){p(this,"fullWidth","boolean")}validateTextMenu(){p(this,"textMenu","string")}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=r(50,(()=>this.updateLocalHeaderHeight())),this.animationOptions={duration:350,easing:"headerEase"},this.device=n.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.megadropdownStateHandler=this.megadropdownStateHandler.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.validateTextMenu(),this.validateFullWidth(),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=l(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(...h(this.localHeader,(e=>!e.matches("post-megadropdown"))),...h(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(e){const t=e.target===document.activeElement&&this.host.matches(":focus-within"),o="desktop"===this.device&&this.host.querySelector("post-mainnavigation:focus-within"),a="desktop"!==this.device&&this.host.shadowRoot?.querySelector(":is(.global-header, .burger-menu):focus-within");this.host.toggleAttribute("data-expanded",t&&!o&&!a)}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:"31588fbdd1e6a38293a694d9e2ec5787e0a627e2","data-version":d,"data-color-scheme":"light","data-burger-menu":this.hasBurgerMenu,"data-menu-extended":this.burgerMenuExtended},a("header",{key:"2342dfa50894630673d49c85fc7dacb70b84bfe6"},a("div",{key:"64818d1cb77edcd331e714776547b3af147deecb",class:"global-header"},a("div",{key:"396ed5dae2890af5a820712eb6b6009a7172606f",class:"section"},a("div",{key:"feec5df48c46b79a7ea69f83773a8b8d318c18f4",class:"logo"},a("slot",{key:"6b1c425ad99052ce4a5254b27ff531560bb0d6dc",name:"post-logo"})),a("div",{key:"56ff4a089885a467d86e14a835dbddc440e0046e",class:"sliding-controls"},e&&a("div",{key:"d6c7e3d6ec9a9104744eb55a8ea0c87c5d3ecb8b",class:"audience"},a("slot",{key:"fbc77e91f8cc20120d4c85ce84dbe0db95e772b7",name:"audience"})),a("slot",{key:"8b09e332dff01870c2d8f2f1c2a4579dfcc7cbbc",name:"global-nav-primary"}),(e||!this.hasMainNav)&&[a("slot",{key:"3115087be9aff380b2e450519c1a03145806c0a1",name:"global-nav-secondary"}),a("slot",{key:"9082c946e6a9d4c226a13fe91a4287b082873c82",name:"language-menu"})],a("slot",{key:"d75cf01d0baf5ed9434e0afd865105f52a5a8405",name:"post-login"}),t&&this.hasMainNav&&a("post-togglebutton",{key:"a564d629f9501f9cda277f2d915f1d2b6034ed89",class:"burger-button",ref:e=>this.burgerMenuButton=e,onClick:()=>this.toggleBurgerMenu()},a("span",{key:"c2e023f54d155b04d165cce663d8b7f141863679"},this.textMenu),a("post-icon",{key:"dfa4c7523542e474595e1499c18f4d7e3f38a6d9","aria-hidden":"true",name:"burger","data-showwhen":"untoggled"}),a("post-icon",{key:"d1b6dedc2ac9d50e745fce52089905ebb64ab9d3","aria-hidden":"true",name:"closex","data-showwhen":"toggled"}))))),a("div",{key:"a0a163e8274d0840026e1d06dccfeef4e46cb9a5",ref:e=>this.localHeader=e,class:{"local-header":!0,"megadropdown-open":this.megadropdownOpen}},a("div",{key:"d14b41260cbbe7b6fcf1a4e1986f9f6ae60af0a3",class:"section"},a("slot",{key:"84f3bf51c842e801e9314565cc830798f64b0ad9",name:"title"}),this.hasTitle&&a("slot",{key:"6786d801ed5b1ea4f45c42d5248f7532dc10621f",name:"local-nav"}),e&&a("slot",{key:"41df540b32f02e02f5b897ae359398e8d9c17040",name:"main-nav"}),e&&!this.hasTitle&&a("slot",{key:"9c746c8f4a58f80e2cd45c43561a184c6a9d9a43",name:"local-nav"}))),this.hasBurgerMenu&&this.renderBurgerMenu()))}get host(){return this}static get watchers(){return{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],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.25rem;--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-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{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%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{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);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);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:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{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{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.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(a){color:LinkText;border:unset}.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);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@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:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{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:flex;align-items:center;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"]],{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}]);!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);s>3&&r&&Object.defineProperty(t,o,r)}([c("post-megadropdown")],b.prototype,"megadropdownStateHandler",null);const m=b,f=function(){"undefined"!=typeof customElements&&["post-header","post-icon","post-togglebutton"].forEach((e=>{switch(e){case"post-header":customElements.get(s(e))||customElements.define(s(e),b);break;case"post-icon":customElements.get(s(e))||g();break;case"post-togglebutton":customElements.get(s(e))||u()}}))};export{m as PostHeader,f as defineCustomElement}

package/dist/components/post-icon2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,h as i,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as s,h as o,c as r}from"./breakpoints.js";import{I as l}from"./environment.js";import{v as m}from"./package.js";const c=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],f=`https://unpkg.com/@swisspost/design-system-icons@${m}/public/post-icons/`,h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.flipH=!1,this.flipV=!1}validateAnimation(){s(this,"animation",c)}validateBase(){o(this,"base","string")}validateName(){r(this,"name","string")}validateRotate(){o(this,"rotate","number")}validateScale(){o(this,"scale","number")}getUrl(){const t=`${this.name}.svg`;if(!l&&!this.base)return`${f}${t}`;if(this.url)return this.url;const a=t=>/^https?:\/\//.test(t),i=t=>t&&!t.endsWith("/")?`${t}/`:t,e=t=>t.replace(/([^:])\/\//g,"$1/"),n=l?window.location.origin:"",s=l&&document.querySelector("base[href]")?.getAttribute("href")||"";let o="";if(l){const t=document.querySelector('meta[name="design-system-settings"]');o=t?.getAttribute("data-post-icon-base")||""}const r=t=>{const e=i(s),o=i(t);return a(e)?`${e}${o}`:`${n}${e}${o}`};let m;return this.base?(m=a(this.base)?`${i(this.base)}${t}`:`${r(this.base)}${t}`,e(m)):o?(m=a(o)?`${i(o)}${t}`:`${r(o)}${t}`,e(m)):e(`${f}${t}`)}getStyles(){const t=this.getUrl();return Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,a])=>null!==a)).reduce(((t,[a,i])=>Object.assign(t,{[a]:i})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return i(e,{key:"0d39fadb6d179d82a7a951de4173578f9f351673","data-version":m},i("span",{key:"d93a0a1307668e7a563a81037a399ba906d8fbe6",style:this.getStyles()}))}get host(){return this}static get watchers(){return{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}}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]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity: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]},void 0,{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}]);function p(){"undefined"!=typeof customElements&&["post-icon"].forEach((t=>{"post-icon"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))}export{h as P,p as d}
+import{proxyCustomElement as t,HTMLElement as a,Build as i,h as e,Host as n,transformTag as s}from"@stencil/core/internal/client";import{d as o,g as r,c as l}from"./index2.js";import{v as m}from"./package.js";const c=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],h=`https://unpkg.com/@swisspost/design-system-icons@${m}/public/post-icons/`,f=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.flipH=!1,this.flipV=!1}validateAnimation(){o(this,"animation",c)}validateBase(){r(this,"base","string")}validateName(){l(this,"name","string")}validateRotate(){r(this,"rotate","number")}validateScale(){r(this,"scale","number")}getUrl(){const t=`${this.name}.svg`;if(this.url?.startsWith("data:image/"))return this.url;if(i.isServer&&!this.base)return`${h}${t}`;if(this.url)return this.url;const a=t=>/^https?:\/\//.test(t),e=t=>t&&!t.endsWith("/")?`${t}/`:t,n=t=>t.replaceAll(/([^:])\/\//g,"$1/"),s=i.isBrowser?globalThis.location.origin:"",o=i.isBrowser&&document.querySelector("base[href]")?.getAttribute("href")||"";let r="";if(i.isBrowser){const t=document.querySelector('meta[name="design-system-settings"]');r=t?.getAttribute("data-post-icon-base")||""}const l=t=>{const i=e(o),n=e(t);return a(i)?`${i}${n}`:`${s}${i}${n}`};let m;return this.base?(m=a(this.base)?`${e(this.base)}${t}`:`${l(this.base)}${t}`,n(m)):r?(m=a(r)?`${e(r)}${t}`:`${l(r)}${t}`,n(m)):n(`${h}${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,a])=>null!==a)))}componentDidLoad(){this.validateBase(),this.validateName(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return e(n,{key:"feefd0a41cd916581e6e9dc256fb96ad2381cbc4","data-version":m},e("span",{key:"d5750e38ea77f811b9174d3139bc3912fcc9890b",style:this.getStyles()}))}get host(){return this}static get watchers(){return{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}}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]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity: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]},void 0,{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}]);function p(){"undefined"!=typeof customElements&&["post-icon"].forEach((t=>{"post-icon"===t&&(customElements.get(s(t))||customElements.define(s(t),f))}))}export{f as P,p as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as o,transformTag as n}from"@stencil/core/internal/client";import{c as s,d as r,h as l,a as u}from"./breakpoints.js";import{v as c}from"./package.js";import{S as d}from"./switch-variants.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.postChange=i(this,"postChange",7),this.postLanguageMenuItemInitiallyActive=i(this,"postLanguageMenuItemInitiallyActive",7)}validateCode(){s(this,"code","string")}validateVariant(){r(this,"variant",d)}validateName(){l(this,"name","string")}validateUrl(){u(this,"url")}componentDidLoad(){if(this.validateCode(),this.validateName(),this.validateUrl(),!this.name&&this.isNameRequired())throw 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()};return a(o,{key:"7ecba6c01b556cf630d8f3a4f3b64e97a11e8abb","data-version":c,role:"list"===this.variant?"listitem":void 0},this.url?a("a",{"aria-current":this.active?"page":void 0,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},a("slot",null),a("span",{class:"visually-hidden"},this.name)):a("button",{"aria-current":this.active?"true":void 0,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},a("slot",null),a("span",{class:"visually-hidden"},this.name)))}get host(){return this}static get watchers(){return{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],url:[{validateUrl:0}]}}static get style(){return"post-language-menu-item{display:inline-block}post-language-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item button{background-color:ButtonFace !important}post-language-menu-item button:hover{background-color:Highlight !important}}post-language-menu-item button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-menu-item a{color:var(--post-current-fg);text-decoration:none}post-language-menu-item :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-menu-item :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-menu-item:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-menu-item:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=menu])[active]:not([active=false]){display:none}post-language-menu-item:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-menu-item:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-menu-item:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-menu-item:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}"}},[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],url:[1],select:[64]},void 0,{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],url:[{validateUrl:0}]}]),m=h,g=function(){"undefined"!=typeof customElements&&["post-language-menu-item"].forEach((t=>{"post-language-menu-item"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))};export{m as PostLanguageMenuItem,g as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as n,d as s,g as l,a as c}from"./index2.js";import"./breakpoints.js";import{v as h}from"./package.js";import{S as u}from"./switch-variants.js";import{d as m}from"./post-menu-item2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.postChange=i(this,"postChange",7),this.postLanguageMenuItemInitiallyActive=i(this,"postLanguageMenuItemInitiallyActive",7)}validateCode(){n(this,"code","string")}validateVariant(){s(this,"variant",u)}validateName(){l(this,"name","string")}validateDescription(){l(this,"description","string")}validateUrl(){c(this,"url")}componentDidLoad(){if(this.validateCode(),this.validateName(),this.validateDescription(),this.validateUrl(),!this.name&&this.isNameRequired())throw 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()},i=this.url?a("a",{"aria-current":this.active?"page":void 0,href:this.url,hrefLang:t,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},a("slot",null),a("span",{class:"visually-hidden"},this.name)):a("button",{"aria-current":this.active?"true":void 0,lang:t,"aria-description":this.description,onClick:()=>this.emitChange(),onKeyDown:e},a("slot",null),a("span",{class:"visually-hidden"},this.name));return"list"===this.variant?a(o,{"data-version":h,role:"listitem"},i):a(o,{"data-version":h},a("post-menu-item",null,i))}get host(){return this}static get watchers(){return{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],description:[{validateDescription:0}],url:[{validateUrl:0}]}}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;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]},void 0,{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],description:[{validateDescription:0}],url:[{validateUrl:0}]}]),p=d,g=function(){"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),d);break;case"post-menu-item":customElements.get(r(t))||m()}}))};export{p as PostLanguageMenuItem,g as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as i,g as n,d as s}from"./breakpoints.js";import{E as c}from"./event-from.js";import{v as l}from"./package.js";import{S as g}from"./switch-variants.js";import{n as u}from"./index.browser.js";import{d}from"./post-icon2.js";import{d as p}from"./post-menu2.js";import{d as m}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuId="p"+u(11),this.listSpanId="list-span-"+u(11),this.variant="menu"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-menu-item"))}validateTextChangeLanguage(){i(this,"textChangeLanguage","string")}validateTextCurrentLanguage(){n(this,"textCurrentLanguage",/#name\b/)}validateVariant(){s(this,"variant",g),this.updateChildrenVariant()}get description(){const e=this.activeLang&&document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);return e?this.textCurrentLanguage.replace(/#name/g,e.name):void 0}componentDidLoad(){this.validateTextChangeLanguage(),this.validateTextCurrentLanguage(),this.validateVariant(),this.updateChildrenVariant()}handlePostChange(e){this.activeLang=e.detail,this.languageOptions.forEach((e=>{e.code&&e.code===this.activeLang?e.setAttribute("active",""):e.removeAttribute("active")})),"menu"===this.variant&&this.host.shadowRoot.querySelector("post-menu").hide()}handleInitiallyActive(e){this.activeLang=e.detail}updateChildrenVariant(){this.languageOptions.forEach((e=>{e.setAttribute("variant",this.variant)}))}renderList(){return r(o,{"data-version":l},r("div",{class:"post-language-menu-list",role:"list","aria-label":this.textChangeLanguage,"aria-describedby":this.listSpanId},r("span",{id:this.listSpanId,class:"visually-hidden"},this.description),r("slot",null)))}renderDropdown(){return r(o,{"data-version":l},r("post-menu-trigger",{for:this.menuId},r("button",{class:"post-language-menu-trigger"},this.activeLang,r("span",{class:"visually-hidden"},this.textChangeLanguage),r("span",{class:"visually-hidden"},this.description),r("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),r("post-menu",{id:this.menuId,class:"post-language-menu-dropdown-container",label:this.textChangeLanguage,placement:"bottom-end"},r("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}get host(){return this}static get watchers(){return{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}}static get style(){return":host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}post-menu::part(post-menu){padding-block:0}.post-language-menu-list{margin-top:1rem}"}},[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}]);!function(e,t,r,o){var a,i=arguments.length,n=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(i<3?a(n):i>3?a(t,r,n):a(t,r))||n);i>3&&n&&Object.defineProperty(t,r,n)}([c("post-language-menu-item")],v.prototype,"handlePostChange",null);const b=v,f=function(){"undefined"!=typeof customElements&&["post-language-menu","post-icon","post-menu","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-language-menu":customElements.get(a(e))||customElements.define(a(e),v);break;case"post-icon":customElements.get(a(e))||d();break;case"post-menu":customElements.get(a(e))||p();break;case"post-menu-trigger":customElements.get(a(e))||m();break;case"post-popovercontainer":customElements.get(a(e))||h()}}))};export{b as PostLanguageMenu,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as i,f as n,d as s}from"./index2.js";import"./breakpoints.js";import{E as c}from"./event-from.js";import{v as l}from"./package.js";import{S as g}from"./switch-variants.js";import{n as u}from"./index.browser.js";import{d}from"./post-icon2.js";import{d as p}from"./post-menu2.js";import{d as m}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuId="p"+u(11),this.listSpanId="list-span-"+u(11),this.variant="menu"}get languageOptions(){return Array.from(this.host.querySelectorAll("post-language-menu-item"))}validateTextChangeLanguage(){i(this,"textChangeLanguage","string")}validateTextCurrentLanguage(){n(this,"textCurrentLanguage",/#name\b/)}validateVariant(){s(this,"variant",g),this.updateChildrenVariant()}get description(){const e=this.activeLang&&document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);return e?this.textCurrentLanguage.replaceAll("#name",e.name):void 0}componentDidLoad(){this.validateTextChangeLanguage(),this.validateTextCurrentLanguage(),this.validateVariant(),this.updateChildrenVariant()}handlePostChange(e){this.activeLang=e.detail,this.languageOptions.forEach((e=>{e.code&&e.code===this.activeLang?e.setAttribute("active",""):e.removeAttribute("active")})),"menu"===this.variant&&this.host.shadowRoot.querySelector("post-menu").hide()}handleInitiallyActive(e){this.activeLang=e.detail}updateChildrenVariant(){this.languageOptions.forEach((e=>{e.setAttribute("variant",this.variant)}))}renderList(){return r(o,{"data-version":l},r("div",{class:"post-language-menu-list",role:"list","aria-label":this.textChangeLanguage,"aria-describedby":this.listSpanId},r("span",{id:this.listSpanId,class:"visually-hidden"},this.description),r("slot",null)))}renderDropdown(){return r(o,{"data-version":l},r("post-menu-trigger",{for:this.menuId},r("button",{class:"post-language-menu-trigger"},this.activeLang,r("span",{class:"visually-hidden"},this.textChangeLanguage),r("span",{class:"visually-hidden"},this.description),r("post-icon",{"aria-hidden":"true",name:"chevrondown"}))),r("post-menu",{id:this.menuId,class:"post-language-menu-dropdown-container",label:this.textChangeLanguage,placement:"bottom-end"},r("slot",null)))}render(){return"list"===this.variant?this.renderList():this.renderDropdown()}get host(){return this}static get watchers(){return{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}}static get style(){return":host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}"}},[257,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[513],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{textChangeLanguage:[{validateTextChangeLanguage:0}],textCurrentLanguage:[{validateTextCurrentLanguage:0}],variant:[{validateVariant:0}]}]);!function(e,t,r,o){var a,i=arguments.length,n=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(i<3?a(n):i>3?a(t,r,n):a(t,r))||n);i>3&&n&&Object.defineProperty(t,r,n)}([c("post-language-menu-item")],v.prototype,"handlePostChange",null);const b=v,f=function(){"undefined"!=typeof customElements&&["post-language-menu","post-icon","post-menu","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-language-menu":customElements.get(a(e))||customElements.define(a(e),v);break;case"post-icon":customElements.get(a(e))||d();break;case"post-menu":customElements.get(a(e))||p();break;case"post-menu-trigger":customElements.get(a(e))||m();break;case"post-popovercontainer":customElements.get(a(e))||h()}}))};export{b as PostLanguageMenu,f as defineCustomElement}

package/dist/components/post-linkarea.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";const r=':where(a,label[for],input[type="checkbox"],input[type="radio"])',l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get interactiveElement(){return this.host.querySelector(r)}isDisabledElement(t){const e=[HTMLButtonElement,HTMLFieldSetElement,HTMLOptGroupElement,HTMLOptionElement,HTMLSelectElement,HTMLTextAreaElement,HTMLInputElement].some((e=>t instanceof e)),i=t.disabled,o=t.closest("fieldset")?.hasAttribute("disabled");return e&&(i||o)}dispatchClick({target:t,ctrlKey:e,shiftKey:i,altKey:o,metaKey:s}){const n=t.closest(r);let l;l=!!this.interactiveElement&&!this.isDisabledElement(this.interactiveElement)&&(n instanceof HTMLLabelElement?null===this.host.querySelector("#"+n.htmlFor):!n),l&&this.interactiveElement.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:i,altKey:o,metaKey:s}))}render(){return i(o,{key:"b79b314635a4cb302d862006d07ab5f059298382","data-version":n,onClick:t=>this.dispatchClick(t)},i("slot",{key:"4e9a1ee60d499f6dd80819e68f6536b3964d3389"}))}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"]),a=l,c=function(){"undefined"!=typeof customElements&&["post-linkarea"].forEach((t=>{"post-linkarea"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))};export{a as PostLinkarea,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";const r=':where(a,label[for],input[type="checkbox"],input[type="radio"])',l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get interactiveElement(){return this.host.querySelector(r)}isDisabledElement(t){const e=[HTMLButtonElement,HTMLFieldSetElement,HTMLOptGroupElement,HTMLOptionElement,HTMLSelectElement,HTMLTextAreaElement,HTMLInputElement].some((e=>t instanceof e)),i=t.disabled,o=t.closest("fieldset")?.hasAttribute("disabled");return e&&(i||o)}dispatchClick({target:t,ctrlKey:e,shiftKey:i,altKey:o,metaKey:s}){const n=t.closest(r);let l;l=!!this.interactiveElement&&!this.isDisabledElement(this.interactiveElement)&&(n instanceof HTMLLabelElement?null===this.host.querySelector("#"+n.htmlFor):!n),l&&this.interactiveElement.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:i,altKey:o,metaKey:s}))}render(){return i(o,{key:"cbf9710bb97cbf8ead6a8e8117f42113133507a8","data-version":n,onClick:t=>this.dispatchClick(t)},i("slot",{key:"b1d31bd8a3fcf41005814c725f8b2670480da119"}))}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"]),a=l,c=function(){"undefined"!=typeof customElements&&["post-linkarea"].forEach((t=>{"post-linkarea"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))};export{a as PostLinkarea,c as defineCustomElement}

package/dist/components/post-listbox-option.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PostListboxOption extends Components.PostListboxOption, HTMLElement {}
+export const PostListboxOption: {
+    prototype: PostListboxOption;
+    new (): PostListboxOption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,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 p}from"./post-icon2.js";const a=t(class extends e{constructor(t){super(),!1!==t&&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:"083077341f74f3d6f7baad7599aef968a9f07582","data-version":c,role:"option","aria-selected":""+this.selected,"data-active":this.highlighted?"true":null,onPointerDown:t=>t.preventDefault(),onClick:()=>this.postOptionSelected.emit(this.value),id:"post-listbox-option-"+this.optionId},s("span",{key:"7d844e51e7f90ea77075f83b663b2b77049f04df",class:"option-content"},this.value,s("span",{key:"b7b19312ebaf634292076425725434d18a8a6532",class:"option-description"},s("slot",{key:"69db5aad7cbe41419398ca32c7ca2b955fbcaefe"}))),this.selected&&s("post-icon",{key:"8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5","aria-hidden":"true",name:"checkmark"}))}static get style(){return":host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;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:flex;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]}]),l=a,d=function(){"undefined"!=typeof customElements&&["post-listbox-option","post-icon"].forEach((t=>{switch(t){case"post-listbox-option":customElements.get(n(t))||customElements.define(n(t),a);break;case"post-icon":customElements.get(n(t))||p()}}))};export{l as PostListboxOption,d as defineCustomElement}

package/dist/components/{post-env-test.d.ts → post-listbox.d.ts}

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

package/dist/components/post-listbox.js

@@ -0,0 +1 @@
+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 h}from"./package.js";import"./breakpoints.js";import{E as c}from"./event-from.js";import{d as l}from"./post-popovercontainer2.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),this.host.role="listbox")}async hide(){this.host.removeAttribute("role"),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:"3572942d4f05b40bd8b35d959c513b5e534a2ec7","data-version":h},i("post-popovercontainer",{key:"1f900e151adf72ba9394783414ba7d71df1be70c",placement:"bottom-start",ref:t=>this.popoverContainer=t},i("slot",0===this.visibleOptions.length?{name:"blank-slate"}:null)))}get host(){return this}static get style(){return"post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}"}},[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,h=n<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,s,e,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(h=(n<3?o(h):n>3?o(s,e,h):o(s,e))||h);n>3&&h&&Object.defineProperty(s,e,h)}([c("post-listbox-option")],r.prototype,"optionClicked",null);const a=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))||l()}}))};export{a as PostListbox,p as defineCustomElement}

package/dist/components/post-login-widget.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PostLoginWidget extends Components.PostLoginWidget, HTMLElement {}
+export const PostLoginWidget: {
+    prototype: PostLoginWidget;
+    new (): PostLoginWidget;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/post-login-widget.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,Build as i,h as n,Host as a,transformTag as c}from"@stencil/core/internal/client";import{v as o}from"./package.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=s(this,"postChange",7),this.authenticated=null}async componentWillLoad(){i.isBrowser&&await this.fetchAuthState()}async isAuthenticated(){return this.authenticated}async refresh(){await this.fetchAuthState()}async fetchAuthState(){try{const t=await fetch("https://n.account.post.ch/v1/session/subscribe",{credentials:"include"});if(!t.ok)return void this.setAuthState(!1);const e=await t.json();this.setAuthState(void 0!==e?.data?.email)}catch{this.setAuthState(!1)}}setAuthState(t){this.authenticated!==t&&(this.authenticated=t,this.postChange.emit({authenticated:t}))}render(){return n(a,{key:"18fab2f7f7e699565e179362a43f7ada87f443fa","data-version":o},n("slot",!0===this.authenticated?{name:"authenticated"}:{name:"unauthenticated"}))}},[257,"post-login-widget",{authenticated:[32],isAuthenticated:[64],refresh:[64]}]),r=h,u=function(){"undefined"!=typeof customElements&&["post-login-widget"].forEach((t=>{"post-login-widget"===t&&(customElements.get(c(t))||customElements.define(c(t),h))}))};export{r as PostLoginWidget,u as defineCustomElement}

package/dist/components/post-logo.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{a as r}from"./breakpoints.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}validateUrl(){r(this,"url")}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const o=this.url&&("string"==typeof this.url?this.url:this.url.href);return t(i,{key:"1c268056329697baccc5bf65b1e66acd8531d5f3","data-version":c},t(o?"a":"span",{key:"9b73fc4922a5ea0f72d761e82136ef1111eb7e21",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"4042a64056f3d22a99d6b245201be20d1afe5dc0",class:"description"},t("slot",{key:"eb437f087d952b4f4a961bcba0dc18eb6836c6c9",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"b658e94d0e7f63d2f80245e12017f87f50a0b2c9",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"90c0c8f64d0c9023dfa7296e68333232b9023276",id:"Logo"},t("rect",{key:"a1dfd6e0bcaedb485398f1896603af36e3f119dc",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"44d5ee8e45b7b320d75530e00ab1ff8dc4b8e21c",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),t("path",{key:"788524d12213fdfe0d21712b14d72e30d0195b4d",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset: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]},void 0,{url:[{validateUrl:0}]}]),n=l,a=function(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),l))}))};export{n as PostLogo,a as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{a as r}from"./index2.js";import"./breakpoints.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}validateUrl(){r(this,"url")}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const o=this.url&&("string"==typeof this.url?this.url:this.url.href);return t(i,{key:"5528ee847f979c29d8d9725a13d51f7ae88cb82c","data-version":c},t(o?"a":"span",{key:"01fea0f610e8d05d3ae60b5dc48e0d38cbb829ea",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"69d1b9f22d0be6ce4e7610826e6c2704fcd18562",class:"description"},t("slot",{key:"01757e716e2802f8925f1500562f1dae07d1be5d",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"0c5b19b4d86dc497cd65776185d886c4a7efcef6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"67f81f4c92ed9f31f75a8e5f79e28aef39751176",id:"Logo"},t("rect",{key:"61d495c7f120e9687167debd4786f2df86f6b782",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"a973c44179ceea3f79519940717328d88d7c9c8c",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:"b2baa874a1297b5a12cb154628c6a1622d525eaf",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset: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]},void 0,{url:[{validateUrl:0}]}]),n=l,a=function(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),l))}))};export{n as PostLogo,a as defineCustomElement}

package/dist/components/post-mainnavigation.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./breakpoints.js";import{v as r}from"./package.js";import{d as a}from"./post-icon2.js";const l=t(class extends i{validateTextMain(){o(this,"textMain","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.checkScrollability)}componentDidLoad(){this.validateTextMain(),setTimeout((()=>{this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar?.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar?.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}get navigationItems(){return Array.from(this.host.querySelectorAll("a:not(post-megadropdown *), post-megadropdown-trigger"))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:i,clientWidth:e}=this.navbar;i===e?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(e+t)<i)}handleScrollButtonClick(t,i){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const e="right"===i?this.scrollRight:this.scrollLeft;e(),this.scrollRepeatInterval=setInterval((()=>{e()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const i of this.navigationItems){const{right:e,width:s}=i.getBoundingClientRect();if(!(e-.25*s<t))return void this.navbar.scrollBy({left:e-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const i of this.navigationItems.reverse()){const{left:e,width:s}=i.getBoundingClientRect();if(!(e+.25*s>t))return void this.navbar.scrollBy({left:e-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return e(s,{key:"9ee79a508b8bf05563607503aab7fc70869485e5",version:r,class:this.canScroll?"scrollable":""},e("div",{key:"3b60c4b65b9f8911c772667505ca089a7cbc2845","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},e("post-icon",{key:"3cb3512c29db6171f5690507154bb1b95ce3f2e8","aria-hidden":"true",name:"chevronleft"})),e("nav",{key:"e9f322ff43e8a2e69e05c5146ce72edb8ad2ef04",ref:t=>this.navbar=t,"aria-label":this.textMain},e("slot",{key:"15520e7e56d75123986282b5612b8675d53555f7"})),e("div",{key:"5f80c2075cc37828b8fd354406dd5759975914f1","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},e("post-icon",{key:"76f2c2e7d7cbe5f36ec4eba76b45b6122985a91a","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get watchers(){return{textMain:[{validateTextMain:0}]}}static get style(){return":host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{textMain:[{validateTextMain:0}]}]),c=l,h=function(){"undefined"!=typeof customElements&&["post-mainnavigation","post-icon"].forEach((t=>{switch(t){case"post-mainnavigation":customElements.get(n(t))||customElements.define(n(t),l);break;case"post-icon":customElements.get(n(t))||a()}}))};export{c as PostMainnavigation,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import"./breakpoints.js";import{v as r}from"./package.js";import{d as a}from"./post-icon2.js";const l=t(class extends i{validateTextMain(){o(this,"textMain","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.checkScrollability)}componentDidLoad(){this.validateTextMain(),setTimeout((()=>{this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar?.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar?.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}get navigationItems(){return Array.from(this.host.querySelectorAll("a:not(post-megadropdown *), post-megadropdown-trigger"))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:i,clientWidth:e}=this.navbar;i===e?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(e+t)<i)}handleScrollButtonClick(t,i){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const e="right"===i?this.scrollRight:this.scrollLeft;e(),this.scrollRepeatInterval=setInterval((()=>{e()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const i of this.navigationItems){const{right:e,width:s}=i.getBoundingClientRect();if(!(e-.25*s<t))return void this.navbar.scrollBy({left:e-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const i of this.navigationItems.reverse()){const{left:e,width:s}=i.getBoundingClientRect();if(!(e+.25*s>t))return void this.navbar.scrollBy({left:e-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return e(s,{key:"8ca88f8aefeb3f86f8fef5e8a2c700080d08cc23",version:r,class:this.canScroll?"scrollable":""},e("div",{key:"19802d74560b506bae61ba2bae6436345c92ff19","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},e("post-icon",{key:"2ddb3c7e59aeea3d22c80c2406ba7fddef415212","aria-hidden":"true",name:"chevronleft"})),e("nav",{key:"094c4573ff3546c58d8a87eb7202619497003f1c",ref:t=>this.navbar=t,"aria-label":this.textMain},e("slot",{key:"e4d33b589fdd9d170d589bd96df904a7e84834e2"})),e("div",{key:"5197788f1916341260fa3623f41e0966040a3832","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},e("post-icon",{key:"3cd0d8dc0e05787f73f5e8f3e310bc430b1fbdaa","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get watchers(){return{textMain:[{validateTextMain:0}]}}static get style(){return":host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{textMain:[{validateTextMain:0}]}]),c=l,h=function(){"undefined"!=typeof customElements&&["post-mainnavigation","post-icon"].forEach((t=>{switch(t){case"post-mainnavigation":customElements.get(n(t))||customElements.define(n(t),l);break;case"post-icon":customElements.get(n(t))||a()}}))};export{c as PostMainnavigation,h as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,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{c as a}from"./breakpoints.js";import{E as c}from"./event-from.js";import{d}from"./post-icon2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}validateFor(){a(this,"for","string")}componentWillRender(){this.handleSlottedContentChanges()}componentDidLoad(){this.validateFor()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}onMegadropdownToggled(t){if(t.target.id===this.for){const e=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=t.detail.isVisible,!e||this.isMegadropdownExpanded||!t.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}get megadropdown(){const t=document.getElementById(this.for);return"post-megadropdown"!==t?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):t}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(t){"Enter"!==t.key&&" "!==t.key||this.megadropdown&&(t.preventDefault(),this.megadropdown.toggle())}render(){return r(i,{key:"4bc480689fe36f2e0b48cdc3fb2f192202d80087","data-version":n},r("button",{key:"cb2d645db623d4d2cccdedf10d59dcaae2e160cd",ref:t=>this.interactiveButton=t,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},r("span",{key:"f402781980b3dcd5dc5b991c2e115bde7f40bbc5"},r("span",{key:"6ba742f9f3a5270dc90e50101dad2abca03db833",innerHTML:this.slottedContent}),r("span",{key:"cd1fdb6b0b833772e914a8dd532a4c77ffad6ac7","aria-hidden":"true"},r("slot",{key:"3ed0c52ce29de9fbf7eab99c5408baf9f685c420"}))),r("post-icon",{key:"deabc3a13c77ea79f1b26ddaefac1193f9099109",name:"chevrondown"})))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return'button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;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);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){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){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:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[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}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]],{for:[{validateFor:0}]}]);!function(t,e,o,r){var i,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(n=(s<3?i(n):s>3?i(e,o,n):i(e,o))||n);s>3&&n&&Object.defineProperty(e,o,n)}([c("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const u=l,b=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((t=>{switch(t){case"post-megadropdown-trigger":customElements.get(s(t))||customElements.define(s(t),l);break;case"post-icon":customElements.get(s(t))||d()}}))};export{u as PostMegadropdownTrigger,b 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{c as a}from"./index2.js";import"./breakpoints.js";import{E as c}from"./event-from.js";import{d}from"./post-icon2.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}validateFor(){a(this,"for","string")}componentWillRender(){this.handleSlottedContentChanges()}componentDidLoad(){this.validateFor()}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:"e70a1f0d724c551389128512ae41ff30a2869866","data-version":n},r("button",{key:"a3beb6e4340c36b2d05a4e3cef8ee59d2fc39be0",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:"ebdccdbce9d5073aa2514b839305e330310651c7"},r("span",{key:"3b0e98926b7dc995e03ac401eaaedcf52317ad2f",innerHTML:this.slottedContent}),r("span",{key:"9d3728e8bd06e3f1a94b4b7dca77d47d30620236","aria-hidden":"true"},r("slot",{key:"c3f3d283e5cef0b4fbf00197aed283492a4f547a"}))),r("post-icon",{key:"859a8d953f7ad844acd724dafdcb5fbb0ec706af",name:"chevrondown"})))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return'button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;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);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){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){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:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[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{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{margin-inline-start:auto;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]],{for:[{validateFor:0}]}]);!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);s>3&&n&&Object.defineProperty(t,o,n)}([c("post-megadropdown",{ignoreNestedComponents:!1})],u.prototype,"onMegadropdownToggled",null);const l=u,p=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),u);break;case"post-icon":customElements.get(s(e))||d()}}))};export{l as PostMegadropdownTrigger,p as defineCustomElement}

package/dist/components/post-megadropdown.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./get-focusable-children.js";import{v as r}from"./package.js";import{c,f as d}from"./breakpoints.js";import{r as h}from"./utils.js";import{f as l}from"./fade-slide.js";import{d as u}from"./post-closebutton2.js";import{d as b}from"./post-icon2.js";const p={translate:100,duration:500,easing:"ease",fill:"none"};const m=t(class t extends e{validateTextClose(){c(this,"textClose","string")}validateTextBack(){c(this,"textBack","string")}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=d.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,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(){window.addEventListener("postBreakpoint:device",this.breakpointChange.bind(this))}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.validateTextClose(),this.validateTextBack(),this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),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?l(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const s={...p,...i},{translate:o}=s,n=[{transform:`translateX(${o}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:s,easing:o,fill:n}={...p,...i};return t.animate(e,{duration:s,easing:h(o),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}breakpointChange(t){this.device=t.detail,this.cancelAnimation()}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=[...a(this.host),...a(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t[t.length-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(!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 s(o,{key:"311243d7fb04cfc89c474f78c9bd628036045232",version:r},s("div",{key:"f8cec95ea6689a3e615112f5814c3e7f824e64b3",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},s("div",{key:"af837711218deb8e08b4574dd53a95cf0755bf47",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&s("p",{key:"64b1da48147fe48f679d74e778e2feb4c0318c44",class:"megadropdown-title"},this.megadropdownTitle),s("div",{key:"4e5538b2c55bf2a9d6a9e524c22d19e4336bc384",class:"megadropdown-content"},s("slot",{key:"9e44333a25edb40de80fee99e336fd87eb6e5b9a"})),"desktop"===this.device?s("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):s("button",{onClick:()=>this.hide(!0),class:"back-button"},s("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get watchers(){return{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}}static get style(){return"*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;background-color:#fafafa;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{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{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;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);padding-block: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:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;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);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.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(a){color:LinkText;border:unset}.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);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{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]},void 0,{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}]);m.activeDropdown=null;const g=m,f=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),m);break;case"post-closebutton":customElements.get(n(t))||u();break;case"post-icon":customElements.get(n(t))||b()}}))};export{g as PostMegadropdown,f as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./get-focusable-children.js";import{v as r}from"./package.js";import{b as c}from"./breakpoints.js";import{r as d}from"./utils.js";import{f as h}from"./fade-slide.js";import{c as l}from"./index2.js";import{d as b}from"./post-closebutton2.js";import{d as u}from"./post-icon2.js";const m={translate:100,duration:500,easing:"ease",fill:"none"};const p=t(class t extends e{validateTextClose(){l(this,"textClose","string")}validateTextBack(){l(this,"textBack","string")}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=c.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,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.bind(this))}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.validateTextClose(),this.validateTextBack(),this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),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?h(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const s={...m,...i},{translate:o}=s,n=[{transform:`translateX(${o}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:s,easing:o,fill:n}={...m,...i};return t.animate(e,{duration:s,easing:d(o),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}breakpointChange(t){this.device=t.detail,this.cancelAnimation()}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=[...a(this.host),...a(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 s(o,{key:"6961721fc95306bdde7808d14555fba7fe984f1f",version:r},s("div",{key:"1e1ae3f0610d666f4007762a6e8538e60423ab19",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},s("div",{key:"bd26a45af7ef5258d2ac19b86f4e6ffa246e8135",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&s("p",{key:"7ad8428c845d35403eb74f1b01d695d91bb9f318",class:"megadropdown-title"},this.megadropdownTitle),s("div",{key:"60dbccee09c3fe8b52d530a953128172d6350d95",class:"megadropdown-content"},s("slot",{key:"e00a6ac942735d8029292cf77302940b2a117ae6"})),"desktop"===this.device?s("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):s("button",{onClick:()=>this.hide(!0),class:"back-button"},s("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get watchers(){return{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}}static get style(){return"*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{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);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{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{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;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);padding-block: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:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;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);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.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(a){color:LinkText;border:unset}.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);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{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]},void 0,{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}]);p.activeDropdown=null;const g=p,f=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),p);break;case"post-closebutton":customElements.get(n(t))||b();break;case"post-icon":customElements.get(n(t))||u()}}))};export{g as PostMegadropdown,f as defineCustomElement}

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

@@ -1 +1 @@
-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.setAttribute("data-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;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}"}},[0,"post-menu-item"]);function m(){"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,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;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}"}},[0,"post-menu-item"]);function m(){"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,m 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{c as r}from"./breakpoints.js";import{g as a}from"./get-root.js";const h=t(class extends e{validateFor(){r(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=a(this.host)}componentDidLoad(){this.validateFor(),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:"8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea","data-version":n},s("slot",{key:"9c23569b7c5cba5934a869bd4a252957de3e53d5"}))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]},void 0,{for:[{validateFor:0}]}]);function c(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),h))}))}export{h as P,c as d}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{c as r}from"./index2.js";import"./breakpoints.js";import{g as a}from"./get-root.js";const h=t(class extends e{validateFor(){r(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=a(this.host)}componentDidLoad(){this.validateFor(),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(i,{key:"fd213ee318ddc2b8437845af14b9d9cff16d2eaf","data-version":n},s("slot",{key:"bd6d334a734bdc0d964d088131479cf8e6eb2e3b"}))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]},void 0,{for:[{validateFor:0}]}]);function d(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}export{h as P,d}

package/dist/components/post-menu2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as n,d as r}from"./post-popovercontainer2.js";import{v as l}from"./package.js";import{g as h}from"./get-focusable-children.js";import{d as c,c as d}from"./breakpoints.js";import{E as p}from"./event-from.js";import{g as m}from"./get-root.js";var f=function(e,t,s,o){var i,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,o);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(n=(a<3?i(n):a>3?i(t,s,n):i(t,s))||n);return a>3&&n&&Object.defineProperty(t,s,n),n};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}validatePlacement(){c(this,"placement",n)}validateLabel(){d(this,"label","string")}connectedCallback(){this.root=m(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}componentDidLoad(){this.validatePlacement(),this.validateLabel()}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(!t.length)return;let s=t.findIndex((e=>e===m(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>Array.from(h(e))))}render(){return o(i,{key:"eedd5fbb9d151ebf7d97b66fc45b57a7259ff526","data-version":l},o("post-popovercontainer",{key:"5942a2fb4cf22f227a4a7d9b4ba31bb5f8cabdd3",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"c0271e33046edecd94cb9a5f9e8df30debfe46a1",part:"post-menu"},o("slot",{key:"b625baf3767cdf2c34b3f5038415cdd2a51418da",name:"header"}),o("slot",{key:"7374e93e7b2762bf548ae0ecc72596da1e715725"}))))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}],label:[{validateLabel:0}]}}static get style(){return":host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]},void 0,{placement:[{validatePlacement:0}],label:[{validateLabel:0}]}]);function u(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(a(e))||customElements.define(a(e),b);break;case"post-popovercontainer":customElements.get(a(e))||r()}}))}f([p("post-popovercontainer")],b.prototype,"handlePostShown",null),f([p("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,u as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as n,d as r}from"./post-popovercontainer2.js";import{v as l}from"./package.js";import{g as c}from"./get-focusable-children.js";import{d as h,c as d}from"./index2.js";import"./breakpoints.js";import{E as p}from"./event-from.js";import{g as m}from"./get-root.js";var f=function(e,t,s,o){var i,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,o);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(n=(a<3?i(n):a>3?i(t,s,n):i(t,s))||n);return a>3&&n&&Object.defineProperty(t,s,n),n};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}validatePlacement(){h(this,"placement",n)}validateLabel(){d(this,"label","string")}connectedCallback(){this.root=m(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}componentDidLoad(){this.validatePlacement(),this.validateLabel()}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(0===t.length)return;let s=t.findIndex((e=>e===m(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>Array.from(c(e))))}render(){return o(i,{key:"6a7129370201b73724e51376165ce7ee038b5b86","data-version":l},o("post-popovercontainer",{key:"7cfae6f686abce9d6bcdf9667c9b0ef8926f3c2d",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"5676f467dcc64043b27fc9698feae24bbb7f2c97",part:"post-menu"},o("slot",{key:"e13b59b81063e52438209ac05f4414f19e2cb9d4",name:"header"}),o("slot",{key:"90e634aa424e18a1340559921db6aca4f8c2e1fd"}))))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}],label:[{validateLabel:0}]}}static get style(){return":host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]},void 0,{placement:[{validatePlacement:0}],label:[{validateLabel:0}]}]);function u(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(a(e))||customElements.define(a(e),b);break;case"post-popovercontainer":customElements.get(a(e))||r()}}))}f([p("post-popovercontainer")],b.prototype,"handlePostShown",null),f([p("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,u as d}