npm - @swisspost/internet-header - Versions diffs - 10.2.0 → 10.3.0 - Mend

@swisspost/internet-header 10.2.0 → 10.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/components/post-header2.js CHANGED Viewed

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

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

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

package/dist/components/post-pagination.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as s}from"./post-icon2.js";import{d as c}from"./debounce.js";import{n as l}from"./nanoid.js";import{T as d}from"./type.js";import{R as p}from"./required.js";var h=function(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))\|\|a);return r>3&&a&&Object.defineProperty(e,i,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=i(this,"postChange",7),this.maxVisiblePages=3,this.items=[],this.page=1,this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=c(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id\|\|l(6)),this.updatePagesWithValidation()}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef\|\|!this.hiddenItemsRef\|\|!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.hiddenItemsRef.querySelector(".hidden-page-button"),n=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!o)return;const r=o.getBoundingClientRect().width,a=o&&n?this.calculateGap(o,n):0,s=this.getControlButtonsWidth(a);this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-s+a)/(r+a)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(t){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((e,i)=>{const o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart),n=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+n+t}),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)\|\|0)+(Number.parseFloat(t.paddingRight)\|\|0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize\|\|0===this.pageSize}clampPageToValidRange(t){return 0===t\|\|this.invalidSize\|\|Number.isNaN(t)\|\|!this.page\|\|this.page<1\|\|Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generatePages(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t\|\|t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const e=this.maxVisiblePages,i=this.page;if(t<=e)return void(this.items=this.buildAllPages(t));if(e<=4)return void(this.items=this.generateSmallPagination(i,t));const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);this.items=this.buildPaginationItems(o,n,t)}emitPageChange(t){this.page=t,requestAnimationFrame((()=>this.measureAndCalculateVisiblePages())),this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1\|\|this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t\|\|this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return o("li",{class:"pagination-item pagination-ellipsis",key:t,"aria-hidden":"true"},o("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return o("li",{class:"pagination-item",key:"page-"+t},o("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},o("span",{"aria-hidden":"true"},t)))}renderItem(t,e){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+e):this.renderPageButton(t.page)}renderControlButton(t,e,i,n){return o("li",{class:"pagination-item pagination-control"},o("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+(e?"prev-button":"next-button"),"aria-label":i,onClick:n,onKeyDown:t=>this.handleKeyDown(t,n),tabIndex:0},o("post-icon",{name:t,"aria-hidden":"true"}),o("span",{class:"visually-hidden"},i)))}renderHiddenItems(t,e,i){return[!e&&o("button",{key:"hidden-prev",class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:"chevronleftwide","aria-hidden":"true"})),o("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},o("span",{"aria-hidden":"true"},t)),o("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),!i&&o("button",{key:"hidden-next",class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:"chevronrightwide","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const e=this.page<=1,i=this.page>=t;return o(n,{slot:"post-pagination","data-version":a},o("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},o("ul",{class:"pagination-list",role:"list"},!e&&this.renderControlButton("chevronleftwide",!0,this.textPrevious,(()=>this.handlePrevious())),this.items.map(((t,e)=>this.renderItem(t,e))),!i&&this.renderControlButton("chevronrightwide",!1,this.textNext,(()=>this.handleNext()))),o("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t,e,i))))}get host(){return this}static get watchers(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}}static get style(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn: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){.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{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)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:var(--post-device-border-radius-focus)}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){border-radius:var(--post-device-border-radius-focus)}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-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}.pagination-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){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-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){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]);h([d("number")],g.prototype,"page",void 0),h([p(),d("number")],g.prototype,"pageSize",void 0),h([p(),d("number")],g.prototype,"collectionSize",void 0),h([p(),d("string")],g.prototype,"label",void 0),h([p(),d("string")],g.prototype,"textPrevious",void 0),h([p(),d("string")],g.prototype,"textNext",void 0),h([p(),d("string")],g.prototype,"textPage",void 0),h([p(),d("string")],g.prototype,"textFirst",void 0),h([p(),d("string")],g.prototype,"textLast",void 0);const v=g,b=function(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((t=>{switch(t){case"post-pagination":customElements.get(r(t))\|\|customElements.define(r(t),g);break;case"post-icon":customElements.get(r(t))\|\|s()}}))};export{v as PostPagination,b as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as s}from"./post-icon2.js";import{d as c}from"./debounce.js";import{n as l}from"./nanoid.js";import{T as d}from"./type.js";import{R as p}from"./required.js";var h=function(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))\|\|a);return r>3&&a&&Object.defineProperty(e,i,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=i(this,"postChange",7),this.maxVisiblePages=3,this.items=[],this.page=1,this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=c(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id\|\|l(6)),this.updatePagesWithValidation()}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef\|\|!this.hiddenItemsRef\|\|!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.hiddenItemsRef.querySelector(".hidden-page-button"),n=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!o)return;const r=o.getBoundingClientRect().width,a=o&&n?this.calculateGap(o,n):0,s=this.getControlButtonsWidth(a);this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-s+a)/(r+a)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(t){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((e,i)=>{const o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart),n=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+n+t}),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)\|\|0)+(Number.parseFloat(t.paddingRight)\|\|0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize\|\|0===this.pageSize}clampPageToValidRange(t){return 0===t\|\|this.invalidSize\|\|Number.isNaN(t)\|\|!this.page\|\|this.page<1\|\|Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generateItems(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t\|\|t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t,e,i){if(t<=e)return this.buildAllPages(t);if(e<=4)return this.generateSmallPagination(i,t);const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);return this.buildPaginationItems(o,n,t)}generateItems(t){const e=this.page;this.items=[{type:"control",action:"previous",disabled:e<=1},...this.generatePages(t,this.maxVisiblePages,e),{type:"control",action:"next",disabled:e>=t}]}emitPageChange(t){this.page=t,requestAnimationFrame((()=>this.measureAndCalculateVisiblePages())),this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1\|\|this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t\|\|this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}buildControlAttributes(t){switch(t){case"previous":return{key:"prev",icon:"chevronleftwide",label:this.textPrevious,className:"prev-button",onClick:()=>this.handlePrevious()};case"next":return{key:"next",icon:"chevronrightwide",label:this.textNext,className:"next-button",onClick:()=>this.handleNext()}}}renderEllipsis(t){return o("li",{class:"pagination-item pagination-ellipsis",key:"ellipsis-"+t,"aria-hidden":"true"},o("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return o("li",{class:"pagination-item",key:"page-"+t},o("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},o("span",{"aria-hidden":"true"},t)))}renderControlButton(t,e){const i=this.buildControlAttributes(t);return o("li",{class:"pagination-item pagination-control",key:i.key},o("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+i.className,"aria-label":i.label,onClick:i.onClick,onKeyDown:t=>this.handleKeyDown(t,i.onClick),tabIndex:e?-1:0,disabled:e},o("post-icon",{name:i.icon,"aria-hidden":"true"}),o("span",{class:"visually-hidden"},i.label)))}renderItem(t,e){switch(t.type){case"page":return this.renderPageButton(t.page);case"control":return this.renderControlButton(t.action,t.disabled);case"ellipsis":return this.renderEllipsis(e)}}renderHiddenControlButton(t){const e=this.buildControlAttributes(t);return o("button",{key:"hidden-"+e.key,class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:e.icon,"aria-hidden":"true"}))}renderHiddenItems(t){const e=this.items.at(0),i=this.items.at(-1);return["control"===e?.type&&this.renderHiddenControlButton(e.action),o("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},o("span",{"aria-hidden":"true"},t)),o("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),"control"===i?.type&&this.renderHiddenControlButton(i.action)]}render(){const t=this.getTotalPages();return t<=1?null:o(n,{slot:"post-pagination","data-version":a},o("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},o("ul",{class:"pagination-list",role:"list"},this.items.map(((t,e)=>this.renderItem(t,e)))),o("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t))))}get host(){return this}static get watchers(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}}static get style(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn: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){.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{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)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:var(--post-device-border-radius-focus)}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){border-radius:var(--post-device-border-radius-focus)}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-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}.pagination-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){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-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){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]);h([d("number")],g.prototype,"page",void 0),h([p(),d("number")],g.prototype,"pageSize",void 0),h([p(),d("number")],g.prototype,"collectionSize",void 0),h([p(),d("string")],g.prototype,"label",void 0),h([p(),d("string")],g.prototype,"textPrevious",void 0),h([p(),d("string")],g.prototype,"textNext",void 0),h([p(),d("string")],g.prototype,"textPage",void 0),h([p(),d("string")],g.prototype,"textFirst",void 0),h([p(),d("string")],g.prototype,"textLast",void 0);const v=g,b=function(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((t=>{switch(t){case"post-pagination":customElements.get(r(t))\|\|customElements.define(r(t),g);break;case"post-icon":customElements.get(r(t))\|\|s()}}))};export{v as PostPagination,b as defineCustomElement}

package/dist/components/post-side-navigation-trigger.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as a}from"./get-root.js";import{R as r}from"./required.js";import{T as c}from"./type.js";import{E as h}from"./event-from.js";var l=function(t,i,s,e){var o,n=arguments.length,a=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(i,s,a):o(i,s))\|\|a);return n>3&&a&&Object.defineProperty(i,s,a),a};const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.toggleSideNavigation=this.toggleSideNavigation.bind(this),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=a(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger\|\|console.warn("The post-side-navigation-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle),this.trigger?.removeEventListener("click",this.toggleSideNavigation)}get sideNavigation(){const t=this.root.getElementById(this.for);return t&&"post-side-navigation"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t\|\|this.trigger&&t.isEqualNode(this.trigger)\|\|(this.trigger&&this.trigger.removeEventListener("click",this.toggleSideNavigation),this.trigger=t,this.trigger.addEventListener("click",this.toggleSideNavigation),this.updateAriaAttributes())}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)\|\|this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for),this.trigger.setAttribute("aria-expanded","false")}handlePostToggle(t){this.trigger?.setAttribute("aria-expanded",""+t.detail)}async update(){this.updateAriaAttributes()}async toggleSideNavigation(){await(this.sideNavigation?.toggle())}render(){return s(e,{key:"~~62fd7ce0eb2583decb73c4505bf5a9a08e76f862~~","data-version":n},s("slot",{key:"~~c3cfa14f670b8bcfc6e780d33c5c87df7880bb16~~"}))}get host(){return this}static get style(){return":host{display:inline-block}@media screen and (min-width: 1024px){:host{display:none}}"}},[257,"post-side-navigation-trigger",{for:[513],update:[64]}]);l([r(),c("string")],d.prototype,"for",void 0),l([h("post-side-navigation",{ignoreNestedComponents:!1})],d.prototype,"handlePostToggle",null);const g=d,p=function(){"undefined"!=typeof customElements&&["post-side-navigation-trigger"].forEach((t=>{"post-side-navigation-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),d))}))};export{g as PostSideNavigationTrigger,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as a}from"./get-root.js";import{R as r}from"./required.js";import{T as h}from"./type.js";import{E as c}from"./event-from.js";var d=function(t,i,s,e){var o,n=arguments.length,a=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(i,s,a):o(i,s))\|\|a);return n>3&&a&&Object.defineProperty(i,s,a),a};const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.toggleSideNavigation=this.toggleSideNavigation.bind(this),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=a(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger\|\|console.warn("The post-side-navigation-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle),this.trigger?.removeEventListener("click",this.toggleSideNavigation)}get sideNavigation(){const t=this.root.getElementById(this.for);return t&&"post-side-navigation"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t\|\|this.trigger&&t.isEqualNode(this.trigger)\|\|(this.trigger&&this.trigger.removeEventListener("click",this.toggleSideNavigation),this.trigger=t,this.trigger.addEventListener("click",this.toggleSideNavigation),this.updateAriaAttributes())}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)\|\|this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for),this.trigger.setAttribute("aria-expanded","false")}handlePostToggle(t){this.trigger?.setAttribute("aria-expanded",""+t.detail)}async update(){this.updateAriaAttributes()}async toggleSideNavigation(){await(this.sideNavigation?.toggle())}render(){return s(e,{key:"2822a6c7246da96de537eff3e3fbf5a2db400547","data-version":n},s("slot",{key:"0bb02d90c7916a4dbfe6dd7fc0f4325509939a80"}))}get host(){return this}static get style(){return":host{display:inline-block}@media screen and (min-width: 1024px){:host{display:none}}"}},[257,"post-side-navigation-trigger",{for:[513],update:[64]}]);d([r(),h("string")],l.prototype,"for",void 0),d([c("post-side-navigation",{ignoreNestedComponents:!1})],l.prototype,"handlePostToggle",null);const g=l,p=function(){"undefined"!=typeof customElements&&["post-side-navigation-trigger"].forEach((t=>{"post-side-navigation-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),l))}))};export{g as PostSideNavigationTrigger,p as defineCustomElement}

package/dist/components/post-stepper-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(o,{key:"53b052a2b68a93df9fda7f80f23d602d8a8efc56","data-version":s,role:"listitem"},i("span",{key:"e06841841e7fad42ff9de3e39dadf5fab96b9952",class:"stepper-item-content"},i("span",{key:"f934ef19fbdd65111b7cf561dcc9297122d62595",class:"step-hidden-label visually-hidden"}),i("span",{key:"213db918f5ab854225974678c50176bb565ac2b1",class:"label"},i("slot",{key:"d8e067ea304700e37edb996a4c715d41e209b8d8"}))))}static get style(){return':host{grid-row:1;position:relative;-webkit-padding-start:0;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){-webkit-padding-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){-webkit-padding-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::before,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:-20px;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{content:var(--step-number, "?");display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-margin-after:var(--post-device-spacing-gap-1);margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{-webkit-margin-start:auto;margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;-webkit-mask-image:var(--post-icon-checkmark-solid);mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{-webkit-mask-image:var(--post-icon-edit-solid);mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}:host([aria-current=step]:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}@media screen and (max-width: 779.98px){:host{-ms-flex-positive:1;flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){-ms-flex:0 0 32px;flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-stepper-item"]),a=c,n=function(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((e=>{"post-stepper-item"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),c))}))};export{a as PostStepperItem,n as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(o,{key:"53b052a2b68a93df9fda7f80f23d602d8a8efc56","data-version":s,role:"listitem"},i("span",{key:"e06841841e7fad42ff9de3e39dadf5fab96b9952",class:"stepper-item-content"},i("span",{key:"f934ef19fbdd65111b7cf561dcc9297122d62595",class:"step-hidden-label visually-hidden"}),i("span",{key:"213db918f5ab854225974678c50176bb565ac2b1",class:"label"},i("slot",{key:"d8e067ea304700e37edb996a4c715d41e209b8d8"}))))}static get style(){return':host{grid-row:1;position:relative;-webkit-padding-start:0;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){-webkit-padding-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){-webkit-padding-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::before,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:-20px;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{content:var(--step-number, "?");display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-margin-after:var(--post-device-spacing-gap-1);margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{-webkit-margin-start:auto;margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;-webkit-mask-image:var(--post-icon-checkmark-solid);mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{-webkit-mask-image:var(--post-icon-edit-solid);mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}:host([aria-current=step]:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}@media screen and (max-width: 779.98px){:host{-ms-flex-positive:1;flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){-ms-flex:0 0 32px;flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-stepper-item"]),a=c,n=function(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((e=>{"post-stepper-item"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),c))}))};export{a as PostStepperItem,n as defineCustomElement}

package/dist/components/swisspost-internet-header.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,proxyCustomElement as e,HTMLElement as n,createEvent as o,Host as s,transformTag as a}from"@stencil/core/internal/client";import{c as r,L as i,g as c,T as l,s as u,d as g,v as m}from"./package2.js";import{d as p}from"./post-header2.js";import{d}from"./post-icon2.js";import{d as h}from"./post-language-menu2.js";import{d as f}from"./post-language-menu-item2.js";import{d as v}from"./post-logo2.js";import{d as w}from"./post-mainnavigation2.js";import{d as x}from"./post-menu2.js";import{d as k}from"./post-menu-item2.js";import{d as b}from"./post-menu-trigger2.js";import{d as C}from"./post-popovercontainer2.js";import{d as L}from"./post-togglebutton2.js";const y=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),U=({config:e,textClose:n,textBack:o})=>{const s=r(e.trigger.text);return[t("post-megadropdown-trigger",{key:"trigger",for:s},e.trigger.text),t("post-megadropdown",{key:"dropdown",id:s,textClose:n,textBack:o},e.overview&&t(i,{config:e.overview,class:"post-megadropdown-overview",ariaCurrentWhenActive:"page"}),t("div",{class:"row row-cols-1 row-cols-sm-2"},e.sections.map((e=>t(E,{config:e})))))]},E=({config:e})=>{const n=c(e.title),o=r(n);return t("div",{class:"col"},t(l,{class:"post-megadropdown-list-title",id:o,config:e.title}),t("ul",{class:"post-megadropdown-list","aria-labelledby":o},e.items.map((e=>t("li",{key:e.url},t(i,{config:e,ariaCurrentWhenActive:"page"}))))))},j=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("returnURL",window.location.href),""+e},A=({config:e,slot:n,textCurrentUser:o,textUserLinks:s,textAccessUserLinks:a})=>{const c="B2B"===e.user.userType,l=c&&e.user.canChangeCompany&&e.user.company,u=("B2C"===e.user.userType\|\|c)&&"userAndProfile"===e.user.changeUserAndProfile\|\|l,g=[e.user.name,e.user.surname].join(" "),m=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:m},t("button",{class:"btn btn-link",type:"button"},t(y,{user:e.user,description:o.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:m,label:s},t("div",{slot:"header"},t(y,{user:e.user}),e.user.company&&t("p",null,e.user.company),t("p",null,g)),e.accountSwitch&&u&&t("post-menu-item",null,t(i,{config:{text:e.accountSwitch.text,url:j(e.accountSwitch.url),icon:e.accountSwitch.icon}})),e.companySwitch&&l&&t("post-menu-item",null,t(i,{config:{text:e.companySwitch.text,url:j(e.companySwitch.url),icon:e.companySwitch.icon}})),e.options.map((e=>t("post-menu-item",{key:e.url},t(i,{config:e})))),e.logoutLink&&t("post-menu-item",null,t(i,{config:e.logoutLink}))))},R=t=>{const e=t.split("/").filter(Boolean)[0];if(e)try{return Intl.getCanonicalLocales(e),e}catch{return}},M=t=>t.substring(0,2).toLowerCase(),I=new Map,$=async(t,e,n)=>{if(!H(t))throw Error(`Internet Header: invalid project id "${t}"`);"test"===t&&(e="int01");const o=B(t,e,n);try{const t=await fetch(o);return await t.json()}catch(t){throw Error("Internet Header: fetching config failed. "+t.message)}},B=(t,e,n)=>{if("test"===t)return"assets/config/test-configuration.json";const o=e.toUpperCase(),s=n.toLowerCase(),a=`https://${"PROD"===o?"":"int."}preview.post.ch`;try{const e=""+new URLSearchParams({serviceId:t,environment:o,lang:s});return""+new URL(`${a}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},H=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),P=(t,e,n)=>{if(null===t\|\|null===e\|\|t.origin!==e.origin)return 0;const o=t.pathname.toLocaleLowerCase(),s=e.pathname.toLocaleLowerCase();if(o===s)return 1/0;if(t.pathname.length<e.pathname.length)return 0;if("auto"===n){const n=[t.origin.toLocaleLowerCase(),...o.split("/").filter((t=>null!==t&&""!==t))],a=[e.origin.toLocaleLowerCase(),...s.split("/").filter((t=>null!==t&&""!==t))],r=W(n,a);return Math.min(n.length,a.length)===r?r:0}return 0},W=(t,e)=>{if(null==t\|\|null==e\|\|0===t.length\|\|0===e.length)return 0;let n=0;for(;n<Math.min(t.length,e.length);n++)if(t[n]!==e[n])return 0;return n},D=e(class extends n{activeRoute="auto";handleActiveRouteChange(){this.updateActiveUrl()}environment="prod";fullWidth=!1;language;async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}project;textBack;textChangeLanguage;textClose;textCurrentLanguage;textCurrentUser;textMain;textMenu;textAccessUserLinks;textUserLinks;headerLoaded;constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=o(this,"headerLoaded",7),void 0===this.project\|\|""===this.project\|\|!H(this.project))throw Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}async componentWillLoad(){await Promise.all([this.fetchHeaderConfig(),this.fetchUserData()])}componentDidLoad(){window.requestAnimationFrame((()=>{this.headerLoaded.emit()}))}disconnectedCallback(){g()}handleLanguageChangeEvent(t){t.target instanceof n&&"post-language-menu-item"===t.target.localName&&t.detail!==this.language&&this.handleLanguageChange(t.detail)}async fetchHeaderConfig(){try{u.projectId=this.project,u.environment=this.environment.toLocaleLowerCase(),void 0!==this.language&&(u.currentLanguage=this.language),await this.updateConfig()}catch(t){console.error(t)}}async fetchUserData(){try{const t=await fetch("https://n.account.post.ch/v1/session/subscribe",{credentials:"include"});if(t.ok){const e=await t.json();u.user=e?.data}}catch{}}async updateConfig(t){u.localizedConfig=await(async({projectId:t,environment:e,language:n})=>{const o=(()=>{const t=document.querySelector("#PPM_HEADER_DATA");return null!=t?.textContent?JSON.parse(t.textContent):null})();if(o){const t=document.documentElement.lang;return u.currentLanguage=t,o}const s=(t=>{const e=new URL(window.location.href),n=[t,e.searchParams.get("lang"),R(e.pathname),document.documentElement.lang,null!=navigator.language?M(navigator.language):null!=navigator.languages&&navigator.languages.length>0?M(navigator.languages[0]):null,u.currentLanguage].filter((t=>null!=t));return M(n[0]??"de")})(n),a=`${t}-${e}-${s}`;let r=I.get(a);null==r&&(r=$(t,e,s).finally((()=>{I.delete(a)})),I.set(a,r));const i={...await r};return u.currentLanguage=s,i})({projectId:this.project,environment:this.environment,language:t??this.language}),this.updateActiveUrl()}updateActiveUrl(){u.activeLink=(t=>{const e=(t=>{const e=[];if(!t)return e;const n=t=>{null!=t&&(Array.isArray(t)?t.forEach(n):"object"==typeof t&&null!==t&&("url"in t&&"string"==typeof t.url&&e.push(t),Object.values(t).forEach(n)))};return n(t),e})(u.localizedConfig?.header);if(0===e.length\|\|"none"===t)return null;if("auto"===t\|\|"exact"===t){const t=(t=>t.find((t=>t.active)))(e);if(t)return t}let n;if("auto"===t\|\|"exact"===t)n=new URL(window.location.href);else try{n=new URL(t,document.location.origin)}catch{return console.warn(`Active Route: ${t} is not a valid URL. Navigation highlighting has been disabled.`),null}const o=(t=>t.filter((t=>""!==t.url&&"#"!==t.url&&"/"!==t.url)))(e);return((t,e,n)=>{let o=null;for(const s of t)try{const t=new URL(s.url,document.location.origin),a=P(e,t,n);if(a>0&&((!o\|\|a>o.score)&&(o={link:s,score:a}),a===1/0))break}catch{}return o?o.link:null})(o,n,"exact"===t?"exact":"auto")})(this.activeRoute)}getUserMenuOptions(t){return[...t.userProfile?[t.userProfile]:[],...t.settings?[t.settings]:[],...t.userLinks??[]]}renderNavItem(e,n={}){return"url"in e?t(i,{...n,config:e}):t(A,{slot:n.slot,config:e,textCurrentUser:this.textCurrentUser,textAccessUserLinks:this.textAccessUserLinks,textUserLinks:this.textUserLinks})}renderNavigation(e,n,o={}){return 0===n.length?null:1===n.length?this.renderNavItem(n[0],{...o,slot:e}):t("ul",{slot:e},n.map((e=>t("li",{key:"url"in e?e.url:e.user.email},this.renderNavItem(e,o)))))}render(){if(!u.localizedConfig?.header)return void console.error(Error("Internet Header: Config cannot be loaded"));const{globalHeader:e,localHeader:n}=u.localizedConfig.header;return t(s,{"data-version":m},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(i,{slot:"post-logo",config:e.postLogo}):t("post-logo",{slot:"post-logo",url:e.postLogo.url,"aria-label":e.postLogo.label,"aria-description":e.postLogo.description},e.postLogo.text),e.audience&&this.renderNavigation("audience",e.audience,{ariaCurrentWhenActive:"location"}),e.primaryNavigation&&this.renderNavigation("global-nav-primary",e.primaryNavigation),e.secondaryNavigation&&this.renderNavigation("global-nav-secondary",e.secondaryNavigation,{ariaCurrentWhenActive:"location"}),e.languages&&e.languages.length>0&&t("post-language-menu",{slot:"language-menu",textChangeLanguage:this.textChangeLanguage,textCurrentLanguage:this.textCurrentLanguage},e.languages.map((e=>t("post-language-menu-item",{key:e.code,url:e.url,active:e.active,code:e.code,name:e.label,description:e.description},e.text)))),e.postLogin&&this.renderNavItem(u.user?{user:u.user,options:this.getUserMenuOptions(e.postLogin),accountSwitch:e.postLogin.accountSwitch,companySwitch:e.postLogin.companySwitch,logoutLink:e.postLogin.logoutLink}:e.postLogin.loginLink,{slot:"post-login"}),n.title&&t("p",{slot:"title"},n.title),n.navigation&&this.renderNavigation("local-nav",n.navigation),n.mainNavigation&&n.mainNavigation.length>0&&t("post-mainnavigation",{slot:"main-nav",textMain:this.textMain},t("ul",null,n.mainNavigation.map((e=>t("li",{key:"url"in e?e.url:e.trigger.text},"url"in e?t(i,{config:e,ariaCurrentWhenActive:"page"}):t(U,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[512,"swisspost-internet-header",{activeRoute:[1,"active-route"],environment:[1],fullWidth:[4,"full-width"],language:[1],project:[1],textBack:[513,"text-back"],textChangeLanguage:[513,"text-change-language"],textClose:[513,"text-close"],textCurrentLanguage:[513,"text-current-language"],textCurrentUser:[513,"text-current-user"],textMain:[513,"text-main"],textMenu:[513,"text-menu"],textAccessUserLinks:[513,"text-access-user-links"],textUserLinks:[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}]),N=D,O=function(){"undefined"!=typeof customElements&&["swisspost-internet-header","post-header","post-icon","post-language-menu","post-language-menu-item","post-logo","post-mainnavigation","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer","post-togglebutton"].forEach((t=>{switch(t){case"swisspost-internet-header":customElements.get(a(t))\|\|customElements.define(a(t),D);break;case"post-header":customElements.get(a(t))\|\|p();break;case"post-icon":customElements.get(a(t))\|\|d();break;case"post-language-menu":customElements.get(a(t))\|\|h();break;case"post-language-menu-item":customElements.get(a(t))\|\|f();break;case"post-logo":customElements.get(a(t))\|\|v();break;case"post-mainnavigation":customElements.get(a(t))\|\|w();break;case"post-menu":customElements.get(a(t))\|\|x();break;case"post-menu-item":customElements.get(a(t))\|\|k();break;case"post-menu-trigger":customElements.get(a(t))\|\|b();break;case"post-popovercontainer":customElements.get(a(t))\|\|C();break;case"post-togglebutton":customElements.get(a(t))\|\|L()}}))};export{D as P,N as SwisspostInternetHeader,O as defineCustomElement}
1	+ import{h as t,proxyCustomElement as e,HTMLElement as n,createEvent as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r,L as i,g as c,T as l,s as u,d as g,v as h}from"./package2.js";import{d}from"./post-header2.js";import{d as m}from"./post-icon2.js";import{d as p}from"./post-language-menu2.js";import{d as f}from"./post-language-menu-item2.js";import{d as v}from"./post-logo2.js";import{d as w}from"./post-mainnavigation2.js";import{d as x}from"./post-menu2.js";import{d as k}from"./post-menu-item2.js";import{d as L}from"./post-menu-trigger2.js";import{d as b}from"./post-popovercontainer2.js";import{d as C}from"./post-togglebutton2.js";const y=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),U=({config:e,textClose:n,textBack:s})=>{const o=r(e.trigger.text);return[t("post-megadropdown-trigger",{key:"trigger",for:o},e.trigger.text),t("post-megadropdown",{key:"dropdown",id:o,textClose:n,textBack:s},e.overview&&t(i,{config:e.overview,class:"post-megadropdown-overview",ariaCurrentWhenActive:"page"}),t("div",{class:"row row-cols-1 row-cols-sm-2"},e.sections.map((e=>t(E,{config:e})))))]},E=({config:e})=>{const n=c(e.title),s=r(n);return t("div",{class:"col"},t(l,{class:"post-megadropdown-list-title",id:s,config:e.title}),t("ul",{class:"post-megadropdown-list","aria-labelledby":s},e.items.map((e=>t("li",{key:e.url},t(i,{config:e,ariaCurrentWhenActive:"page"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("returnURL",window.location.href),""+e},j=({config:e,slot:n,textCurrentUser:s,textUserLinks:o,textAccessUserLinks:a})=>{const c="B2B"===e.user.userType,l=c&&e.user.canChangeCompany&&e.user.company,u=("B2C"===e.user.userType\|\|c)&&"userAndProfile"===e.user.changeUserAndProfile\|\|l,g=[e.user.name,e.user.surname].join(" "),h=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(y,{user:e.user,description:s.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:o},t("div",{slot:"header"},t(y,{user:e.user}),e.user.company&&t("p",null,e.user.company),t("p",null,g)),e.accountSwitch&&u&&t("post-menu-item",null,t(i,{config:{text:e.accountSwitch.text,url:A(e.accountSwitch.url),icon:e.accountSwitch.icon}})),e.companySwitch&&l&&t("post-menu-item",null,t(i,{config:{text:e.companySwitch.text,url:A(e.companySwitch.url),icon:e.companySwitch.icon}})),e.options.map((e=>t("post-menu-item",{key:e.url},t(i,{config:e})))),e.logoutLink&&t("post-menu-item",null,t(i,{config:e.logoutLink}))))},R=()=>{const t=new Map,e=document.querySelectorAll('head link[rel="alternate"][hreflang][href]');for(const n of e){const e=n.getAttribute("href");if(!e)continue;const s=n.hreflang?.toLowerCase();if(!t.has(s))try{const n=new URL(e,document.baseURI);t.set(s,n.href)}catch{}}return t},M=t=>{const e=t.split("/").filter(Boolean)[0];if(e)try{return Intl.getCanonicalLocales(e),e}catch{return}},H=t=>t.substring(0,2).toLowerCase(),I=new Map,$=async(t,e,n)=>{if(!P(t))throw Error(`Internet Header: invalid project id "${t}"`);"test"===t&&(e="int01");const s=B(t,e,n);try{const t=await fetch(s);return await t.json()}catch(t){throw Error("Internet Header: fetching config failed. "+t.message)}},B=(t,e,n)=>{if("test"===t)return"assets/config/test-configuration.json";const s=e.toUpperCase(),o=n.toLowerCase(),a=`https://${"PROD"===s?"":"int."}preview.post.ch`;try{const e=""+new URLSearchParams({serviceId:t,environment:s,lang:o});return""+new URL(`${a}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},P=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),W=(t,e,n)=>{if(null===t\|\|null===e\|\|t.origin!==e.origin)return 0;const s=t.pathname.toLocaleLowerCase(),o=e.pathname.toLocaleLowerCase();if(s===o)return 1/0;if(t.pathname.length<e.pathname.length)return 0;if("auto"===n){const n=[t.origin.toLocaleLowerCase(),...s.split("/").filter((t=>null!==t&&""!==t))],a=[e.origin.toLocaleLowerCase(),...o.split("/").filter((t=>null!==t&&""!==t))],r=O(n,a);return Math.min(n.length,a.length)===r?r:0}return 0},O=(t,e)=>{if(null==t\|\|null==e\|\|0===t.length\|\|0===e.length)return 0;let n=0;for(;n<Math.min(t.length,e.length);n++)if(t[n]!==e[n])return 0;return n},D=e(class extends n{alternateLinksObserver;activeRoute="auto";handleActiveRouteChange(){this.updateActiveUrl()}environment="prod";fullWidth=!1;language;async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}project;textBack;textChangeLanguage;textClose;textCurrentLanguage;textCurrentUser;textMain;textMenu;textAccessUserLinks;textUserLinks;headerLoaded;constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=s(this,"headerLoaded",7),void 0===this.project\|\|""===this.project\|\|!P(this.project))throw Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}connectedCallback(){this.observeAlternateLinks()}async componentWillLoad(){this.initAlternateLinks(),await Promise.all([this.fetchHeaderConfig(),this.fetchUserData()])}componentDidLoad(){window.requestAnimationFrame((()=>{this.headerLoaded.emit()}))}disconnectedCallback(){this.alternateLinksObserver?.disconnect(),g()}handleLanguageChangeEvent(t){t.target instanceof n&&"post-language-menu-item"===t.target.localName&&t.detail!==this.language&&this.handleLanguageChange(t.detail)}async fetchHeaderConfig(){try{u.projectId=this.project,u.environment=this.environment.toLocaleLowerCase(),void 0!==this.language&&(u.currentLanguage=this.language),await this.updateConfig()}catch(t){console.error(t)}}async fetchUserData(){try{const t=await fetch("https://n.account.post.ch/v1/session/subscribe",{credentials:"include"});if(t.ok){const e=await t.json();u.user=e?.data}}catch{}}async updateConfig(t){u.localizedConfig=await(async({projectId:t,environment:e,language:n})=>{const s=(()=>{const t=document.querySelector("#PPM_HEADER_DATA");return null!=t?.textContent?JSON.parse(t.textContent):null})();if(s){const t=document.documentElement.lang;return u.currentLanguage=t,s}const o=(t=>{const e=new URL(window.location.href),n=[t,e.searchParams.get("lang"),M(e.pathname),document.documentElement.lang,null!=navigator.language?H(navigator.language):null!=navigator.languages&&navigator.languages.length>0?H(navigator.languages[0]):null,u.currentLanguage].filter((t=>null!=t));return H(n[0]??"de")})(n),a=`${t}-${e}-${o}`;let r=I.get(a);null==r&&(r=$(t,e,o).finally((()=>{I.delete(a)})),I.set(a,r));const i={...await r};return u.currentLanguage=o,i})({projectId:this.project,environment:this.environment,language:t??this.language}),this.updateActiveUrl()}initAlternateLinks(){u.alternateLinks=R()}observeAlternateLinks(){this.alternateLinksObserver=(()=>{const t=new MutationObserver((t=>{t.some((t=>"attributes"===t.type?t.target instanceof HTMLLinkElement&&("href"===t.attributeName\|\|"hreflang"===t.attributeName\|\|"rel"===t.attributeName&&"alternate"===t.target.rel):"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some((t=>t instanceof HTMLLinkElement&&t.hasAttribute("href")&&t.hasAttribute("hreflang")&&t.hasAttribute("rel")&&"alternate"===t.rel))))&&(t=>{u.alternateLinks=t})(R())}));return t.observe(document.head,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href","hreflang","rel"]}),t})()}updateActiveUrl(){u.activeLink=(t=>{const e=(t=>{const e=[];if(!t)return e;const n=t=>{null!=t&&(Array.isArray(t)?t.forEach(n):"object"==typeof t&&null!==t&&("url"in t&&"string"==typeof t.url&&e.push(t),Object.values(t).forEach(n)))};return n(t),e})(u.localizedConfig?.header);if(0===e.length\|\|"none"===t)return null;if("auto"===t\|\|"exact"===t){const t=(t=>t.find((t=>t.active)))(e);if(t)return t}let n;if("auto"===t\|\|"exact"===t)n=new URL(window.location.href);else try{n=new URL(t,document.location.origin)}catch{return console.warn(`Active Route: ${t} is not a valid URL. Navigation highlighting has been disabled.`),null}const s=(t=>t.filter((t=>""!==t.url&&"#"!==t.url&&"/"!==t.url)))(e);return((t,e,n)=>{let s=null;for(const o of t)try{const t=new URL(o.url,document.location.origin),a=W(e,t,n);if(a>0&&((!s\|\|a>s.score)&&(s={link:o,score:a}),a===1/0))break}catch{}return s?s.link:null})(s,n,"exact"===t?"exact":"auto")})(this.activeRoute)}getUserMenuOptions(t){return[...t.userProfile?[t.userProfile]:[],...t.settings?[t.settings]:[],...t.userLinks??[]]}getLanguageUrl(t,e){return u.alternateLinks.get(t.toLowerCase())??e}renderNavItem(e,n={}){return"url"in e?t(i,{...n,config:e}):t(j,{slot:n.slot,config:e,textCurrentUser:this.textCurrentUser,textAccessUserLinks:this.textAccessUserLinks,textUserLinks:this.textUserLinks})}renderNavigation(e,n,s={}){return 0===n.length?null:1===n.length?this.renderNavItem(n[0],{...s,slot:e}):t("ul",{slot:e},n.map((e=>t("li",{key:"url"in e?e.url:e.user.email},this.renderNavItem(e,s)))))}render(){if(!u.localizedConfig?.header)return void console.error(Error("Internet Header: Config cannot be loaded"));const{globalHeader:e,localHeader:n}=u.localizedConfig.header;return t(o,{"data-version":h},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(i,{slot:"post-logo",config:e.postLogo}):t("post-logo",{slot:"post-logo",url:e.postLogo.url,"aria-label":e.postLogo.label,"aria-description":e.postLogo.description},e.postLogo.text),e.audience&&this.renderNavigation("audience",e.audience,{ariaCurrentWhenActive:"location"}),e.primaryNavigation&&this.renderNavigation("global-nav-primary",e.primaryNavigation),e.secondaryNavigation&&this.renderNavigation("global-nav-secondary",e.secondaryNavigation,{ariaCurrentWhenActive:"location"}),e.languages&&e.languages.length>0&&t("post-language-menu",{slot:"language-menu",textChangeLanguage:this.textChangeLanguage,textCurrentLanguage:this.textCurrentLanguage},e.languages.map((e=>t("post-language-menu-item",{key:e.code,url:this.getLanguageUrl(e.code,e.url),active:e.active,code:e.code,name:e.label,description:e.description},e.text)))),e.postLogin&&this.renderNavItem(u.user?{user:u.user,options:this.getUserMenuOptions(e.postLogin),accountSwitch:e.postLogin.accountSwitch,companySwitch:e.postLogin.companySwitch,logoutLink:e.postLogin.logoutLink}:e.postLogin.loginLink,{slot:"post-login"}),n.title&&t("p",{slot:"title"},n.title),n.navigation&&this.renderNavigation("local-nav",n.navigation),n.mainNavigation&&n.mainNavigation.length>0&&t("post-mainnavigation",{slot:"main-nav",textMain:this.textMain},t("ul",null,n.mainNavigation.map((e=>t("li",{key:"url"in e?e.url:e.trigger.text},"url"in e?t(i,{config:e,ariaCurrentWhenActive:"page"}):t(U,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[512,"swisspost-internet-header",{activeRoute:[1,"active-route"],environment:[1],fullWidth:[4,"full-width"],language:[1],project:[1],textBack:[513,"text-back"],textChangeLanguage:[513,"text-change-language"],textClose:[513,"text-close"],textCurrentLanguage:[513,"text-current-language"],textCurrentUser:[513,"text-current-user"],textMain:[513,"text-main"],textMenu:[513,"text-menu"],textAccessUserLinks:[513,"text-access-user-links"],textUserLinks:[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}]),N=D,S=function(){"undefined"!=typeof customElements&&["swisspost-internet-header","post-header","post-icon","post-language-menu","post-language-menu-item","post-logo","post-mainnavigation","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer","post-togglebutton"].forEach((t=>{switch(t){case"swisspost-internet-header":customElements.get(a(t))\|\|customElements.define(a(t),D);break;case"post-header":customElements.get(a(t))\|\|d();break;case"post-icon":customElements.get(a(t))\|\|m();break;case"post-language-menu":customElements.get(a(t))\|\|p();break;case"post-language-menu-item":customElements.get(a(t))\|\|f();break;case"post-logo":customElements.get(a(t))\|\|v();break;case"post-mainnavigation":customElements.get(a(t))\|\|w();break;case"post-menu":customElements.get(a(t))\|\|x();break;case"post-menu-item":customElements.get(a(t))\|\|k();break;case"post-menu-trigger":customElements.get(a(t))\|\|L();break;case"post-popovercontainer":customElements.get(a(t))\|\|b();break;case"post-togglebutton":customElements.get(a(t))\|\|C()}}))};export{D as P,N as SwisspostInternetHeader,S as defineCustomElement}

package/dist/docs.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-10T10:09:31",
+  "timestamp": "2026-08-19T11:19:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.3",

package/dist/esm/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export { swisspost_internet_footer as PostInternetFooter } from './swisspost-internet-footer.entry.js';
 export { swisspost_internet_header as PostInternetHeader } from './swisspost-internet-header.entry.js';
 import './index-h3opCZqH.js';
-import './package-BEOiFUNg.js';
+import './package-Dheuk3S-.js';

package/dist/esm/{package-YQBh4peU.js → package-D9jUbrFT.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-const version = "10.2.0";
+const version = "10.3.0";
 export { version as v };

package/dist/esm/{package-BEOiFUNg.js → package-Dheuk3S-.js} RENAMED Viewed

@@ -199,6 +199,7 @@ const { state, dispose } = createStore({
     activeLink: null,
     search: true,
     user: null,
+    alternateLinks: new Map(),
 });
 const Link = ({ config, hiddenText, ariaCurrentWhenActive, ...htmlAttributes }) => {
@@ -247,6 +248,6 @@ const Title = ({ config, tag: TagName = 'p', ...htmlAttributes }) => {
     return h(TagName, { ...htmlAttributes, ...resolveTextAttributes(config) });
 };
-const version = "10.2.0";
+const version = "10.3.0";
 export { Link as L, Title as T, createIdFrom as c, dispose as d, getText as g, state as s, version as v };

package/dist/esm/post-accordion_4.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-h3opCZqH.js';
-import { v as version } from './package-YQBh4peU.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { O as OneOf } from './one-of-w2eXPAzD.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';

package/dist/esm/post-autocomplete.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-YQBh4peU.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { d as debounce } from './debounce-C9hMpmsD.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';

package/dist/esm/post-avatar.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-YQBh4peU.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { P as Pattern } from './pattern-Der2DK75.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';

package/dist/esm/post-back-to-top.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
 import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
-import { v as version } from './package-YQBh4peU.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';
 import './utils-CoDiS_Ik.js';

package/dist/esm/post-banner.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-YQBh4peU.js';
+import { v as version } from './package-D9jUbrFT.js';
 import { f as fade } from './fade-DsgPYmAa.js';
 import { O as OneOf } from './one-of-w2eXPAzD.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';