@swisspost/internet-header 10.8.0 → 10.9.0

package/dist/components/post-progressbar.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as i}from"@stencil/core/internal/client";import{r as s,c as n,g as a}from"./create-validator-decorator.js";import{T as c}from"./type.js";function u(e,t,r){const o=n({priority:1,blocking:!1,run(o,i){const{value:s,showError:n}=a(o,i);if("number"!=typeof s)return!0;const c=function(e,t){const r="string"==typeof t?e[t]:t;return"number"==typeof r?r:null}(o,e);if(null===c){if("string"==typeof e){const t=typeof o[e];if("number"!==t)return n(`references property "${e}" which must be a number but got ${t}`),!1}return!0}const u=t.include??r.includeDefault;return!!r.compare(s,c,u)||(n("must be "+r.formatExpectation("string"==typeof e?c+"":e+"",u)),!1)}});return function(t,r){"string"==typeof e&&s(t,e,r),o(t,r)}}function l(e,t={}){return u(e,{include:t.includeMin},{includeDefault:!1,compare:(e,t,r)=>r?e>=t:e>t,formatExpectation:(e,t)=>t?`greater than or equal to "${e}"`:`greater than "${e}"`})}var p=function(e,t,r,o){var i,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))||n);return s>3&&n&&Object.defineProperty(t,r,n),n};const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.min=0,this.max=100}getEffectiveMin(){return Number.isFinite(this.min)?this.min:0}getEffectiveMax(){return Number.isFinite(this.max)&&this.max>this.getEffectiveMin()?this.max:100}getEffectiveValue(e,t){return void 0===this.value||!Number.isFinite(this.value)||this.value<e||this.value>t?e:this.value}render(){const e=this.getEffectiveMin(),t=this.getEffectiveMax(),i=this.getEffectiveValue(e,t);return r(o,{key:"c29b1fa3dca89d999c2a55bd58c9c7450ed767c6",role:"progressbar","aria-valuenow":i,"aria-valuemin":e,"aria-valuemax":t},r("div",{key:"aaff038be7bdaf99de1e94c7479c2b57947195ac",class:"progress-value",style:{"--post-progressbar-value":(i-e)/(t-e)*100+"%"}}))}get host(){return this}static get style(){return":host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);-webkit-box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));-webkit-transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}"}},[1,"post-progressbar",{min:[2],max:[2],value:[2]}]);p([c("number")],d.prototype,"min",void 0),p([c("number"),l("min")],d.prototype,"max",void 0),p([c("number"),l("min"),function(e,t={}){return u("max",{include:t.includeMax},{includeDefault:!0,compare:(e,t,r)=>r?e<=t:e<t,formatExpectation:(e,t)=>t?`less than or equal to "${e}"`:`less than "${e}"`})}()],d.prototype,"value",void 0);const b=d,h=function(){"undefined"!=typeof customElements&&["post-progressbar"].forEach((e=>{"post-progressbar"===e&&(customElements.get(i(e))||customElements.define(i(e),d))}))};export{b as PostProgressbar,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as i}from"@stencil/core/internal/client";import{r as s,c as n,g as a}from"./create-validator-decorator.js";import{T as c}from"./type.js";function u(e,t,r){const o=n({priority:1,blocking:!1,run(o,i){const{value:s,showError:n}=a(o,i);if("number"!=typeof s)return!0;const c=function(e,t){const r="string"==typeof t?e[t]:t;return"number"==typeof r?r:null}(o,e);if(null===c){if("string"==typeof e){const t=typeof o[e];if("number"!==t)return n(`references property "${e}" which must be a number but got ${t}`),!1}return!0}const u=t.include??r.includeDefault;return!!r.compare(s,c,u)||(n("must be "+r.formatExpectation("string"==typeof e?c+"":e+"",u)),!1)}});return function(t,r){"string"==typeof e&&s(t,e,r),o(t,r)}}function l(e,t={}){return u(e,{include:t.includeMin},{includeDefault:!1,compare:(e,t,r)=>r?e>=t:e>t,formatExpectation:(e,t)=>t?`greater than or equal to "${e}"`:`greater than "${e}"`})}var p=function(e,t,r,o){var i,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))||n);return s>3&&n&&Object.defineProperty(t,r,n),n};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.min=0,this.max=100}getEffectiveMin(){return Number.isFinite(this.min)?this.min:0}getEffectiveMax(){return Number.isFinite(this.max)&&this.max>this.getEffectiveMin()?this.max:100}getEffectiveValue(e,t){return void 0===this.value||!Number.isFinite(this.value)||this.value<e||this.value>t?e:this.value}render(){const e=this.getEffectiveMin(),t=this.getEffectiveMax(),i=this.getEffectiveValue(e,t);return r(o,{key:"26bdbb5219393e8b44e2fe5395d8a4cd8aa7e18a",role:"progressbar","aria-valuenow":i,"aria-valuemin":e,"aria-valuemax":t},r("div",{key:"65b81479fac7aa6024556ef6589064f997f4394e",class:"progress-value",style:{"--post-progressbar-value":(i-e)/(t-e)*100+"%"}}))}get host(){return this}static get style(){return":host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);-webkit-box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));-webkit-transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}"}},[1,"post-progressbar",{min:[2],max:[2],value:[2]}]);p([c("number")],b.prototype,"min",void 0),p([c("number"),l("min")],b.prototype,"max",void 0),p([c("number"),l("min"),function(e,t={}){return u("max",{include:t.includeMax},{includeDefault:!0,compare:(e,t,r)=>r?e<=t:e<t,formatExpectation:(e,t)=>t?`less than or equal to "${e}"`:`less than "${e}"`})}()],b.prototype,"value",void 0);const d=b,h=function(){"undefined"!=typeof customElements&&["post-progressbar"].forEach((e=>{"post-progressbar"===e&&(customElements.get(i(e))||customElements.define(i(e),b))}))};export{d as PostProgressbar,h as defineCustomElement}

package/dist/components/post-rating.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as r,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{v as o}from"./package.js";import{d as n}from"./post-icon2.js";import{R as l}from"./required.js";import{T as h}from"./type.js";var c=function(t,s,r,i){var a,e=arguments.length,o=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,r,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(e<3?a(o):e>3?a(s,r,o):a(s,r))||o);return e>3&&o&&Object.defineProperty(s,r,o),o};const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(a,{key:"727813875ba5d754ec17f4a2b151c0c6cd4ab5ca","data-version":o},i("div",{key:"1ac7e5db0098568c16551a4850442e4c8f0e686b",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:"star-"+t,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"favoritestar",class:"stroke"}),i("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return this}static get style(){return":host{display:inline-block}.rating{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;-webkit-transition:all ease 100ms;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}"}},[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]);c([l(),h("string")],f.prototype,"label",void 0),c([l(),h("number")],f.prototype,"stars",void 0),c([l(),h("number")],f.prototype,"currentRating",void 0);const p=f,d=function(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((t=>{switch(t){case"post-rating":customElements.get(e(t))||customElements.define(e(t),f);break;case"post-icon":customElements.get(e(t))||n()}}))};export{p as PostRating,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as r,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{v as o}from"./package.js";import{d as n}from"./post-icon2.js";import{R as l}from"./required.js";import{T as h}from"./type.js";var c=function(t,s,r,i){var a,e=arguments.length,o=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,r,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(e<3?a(o):e>3?a(s,r,o):a(s,r))||o);return e>3&&o&&Object.defineProperty(s,r,o),o};const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(a,{key:"c793abbf5e0d01bb19dc4464ebd75249959a1717","data-version":o},i("div",{key:"357946df40a3d3a85ece2d0ac6ecc761951d9471",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:"star-"+t,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"favoritestar",class:"stroke"}),i("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return this}static get style(){return":host{display:inline-block}.rating{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;-webkit-transition:all ease 100ms;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}"}},[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]);c([l(),h("string")],d.prototype,"label",void 0),c([l(),h("number")],d.prototype,"stars",void 0),c([l(),h("number")],d.prototype,"currentRating",void 0);const f=d,p=function(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((t=>{switch(t){case"post-rating":customElements.get(e(t))||customElements.define(e(t),d);break;case"post-icon":customElements.get(e(t))||n()}}))};export{f as PostRating,p as defineCustomElement}

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

@@ -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:"1c908083562ec5ca01cd9410c72ac78ae11ce72f","data-version":n},s("slot",{key:"38f63424e8c66b4bf926418b57555dc676d24d45"}))}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}
+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-side-navigation.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as s,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{b as a}from"./breakpoints.js";import{d as l}from"./post-closebutton2.js";import{d as c}from"./post-icon2.js";import{i as d}from"./is-focus-visible.js";import{g as h}from"./get-focusable-children.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{O as b}from"./one-of.js";var f=function(t,e,o,s){var i,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,s);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(n=(r<3?i(n):r>3?i(e,o,n):i(e,o))||n);return r>3&&n&&Object.defineProperty(e,o,n),n};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=o(this,"postToggle",7),this.device=a.get("device"),this.size="large",this.breakpointChange=t=>{this.device=t.detail,"desktop"===this.device&&(this.dialog?.open&&this.dialog.close(),this.postToggle.emit(!1))},this.handleKeyDown=t=>{if("Escape"!==t.key)return;const e=this.collapsible;e&&!e.collapsed&&(t.preventDefault(),t.stopPropagation(),e.toggle(!1),this.collapsibleTrigger?.querySelector("button")?.focus())},this.handleDialogClick=t=>{t.composedPath().some((t=>t instanceof HTMLAnchorElement))&&this.dialog.close()}}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange),this.host.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),this.host.removeEventListener("keydown",this.handleKeyDown)}get dialog(){return this.host.shadowRoot?.querySelector("dialog")}get collapsibleTrigger(){return document.activeElement?.closest("post-collapsible-trigger")??null}get collapsible(){return this.collapsibleTrigger?.querySelector(":scope > post-collapsible")??null}async toggle(){if("desktop"!==this.device)return this.dialog?.open?this.hide():this.show()}async show(){if("desktop"===this.device)return;const t=d(document.activeElement);this.dialog.showModal(),this.postToggle.emit(!0),t&&this.focusNav()}async hide(){"desktop"!==this.device&&this.dialog.close()}focusNav(){const t=this.host.shadowRoot?.querySelector("slot"),e=t?.assignedElements({flatten:!0})[0];if(!e)return;const[o]=h(e);o?.focus()}renderNav(){return s("slot",null)}renderDialog(){return s("dialog",{onClick:this.handleDialogClick,onClose:()=>{this.postToggle.emit(!1)}},s("slot",null),s("post-closebutton",{onClick:()=>this.hide()},this.textClose))}render(){return s(i,{key:"742833fbbbc716630d5fc5cc6289e44e3d05ee17","data-version":n},"desktop"===this.device?this.renderNav():this.renderDialog())}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex}:host,:host dialog{background-color:var(--post-scheme-color-palette-bg-2);-webkit-border-end:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-interactive-primary-enabled-stroke4);border-inline-end:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-interactive-primary-enabled-stroke4)}:host dialog{overflow:visible;width:var(--post-core-dimension-296);bottom:auto;right:auto;border:none;padding:0;max-height:100dvh;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-property:overlay,display,-webkit-transform;transition-property:overlay,display,-webkit-transform;transition-property:transform,overlay,display;transition-property:transform,overlay,display,-webkit-transform;transition-behavior:allow-discrete;-webkit-transition-duration:350ms;transition-duration:350ms;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}:host dialog:focus,:host dialog:focus-visible{outline:none}:host dialog[open]{-webkit-transform:translateX(0);transform:translateX(0)}@starting-style{:host dialog[open]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none;transition:none}}:host post-closebutton{-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}"}},[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]);f([p(),m("string")],u.prototype,"textClose",void 0),f([b(["large","small"])],u.prototype,"size",void 0);const v=u,g=function(){"undefined"!=typeof customElements&&["post-side-navigation","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-side-navigation":customElements.get(r(t))||customElements.define(r(t),u);break;case"post-closebutton":customElements.get(r(t))||l();break;case"post-icon":customElements.get(r(t))||c()}}))};export{v as PostSideNavigation,g as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as s,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{b as a}from"./breakpoints.js";import{d as l}from"./post-closebutton2.js";import{d as c}from"./post-icon2.js";import{i as d}from"./is-focus-visible.js";import{g as h}from"./get-focusable-children.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{O as b}from"./one-of.js";var f=function(t,e,o,s){var i,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,s);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(n=(r<3?i(n):r>3?i(e,o,n):i(e,o))||n);return r>3&&n&&Object.defineProperty(e,o,n),n};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=o(this,"postToggle",7),this.device=a.get("device"),this.size="large",this.breakpointChange=t=>{this.device=t.detail,"desktop"===this.device&&(this.dialog?.open&&this.dialog.close(),this.postToggle.emit(!1))},this.handleKeyDown=t=>{if("Escape"!==t.key)return;const e=this.collapsible;e&&!e.collapsed&&(t.preventDefault(),t.stopPropagation(),e.toggle(!1),this.collapsibleTrigger?.querySelector("button")?.focus())},this.handleDialogClick=t=>{t.composedPath().some((t=>t instanceof HTMLAnchorElement))&&this.dialog.close()}}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange),this.host.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),this.host.removeEventListener("keydown",this.handleKeyDown)}get dialog(){return this.host.shadowRoot?.querySelector("dialog")}get collapsibleTrigger(){return document.activeElement?.closest("post-collapsible-trigger")??null}get collapsible(){return this.collapsibleTrigger?.querySelector(":scope > post-collapsible")??null}async toggle(){if("desktop"!==this.device)return this.dialog?.open?this.hide():this.show()}async show(){if("desktop"===this.device)return;const t=d(document.activeElement);this.dialog.showModal(),this.postToggle.emit(!0),t&&this.focusNav()}async hide(){"desktop"!==this.device&&this.dialog.close()}focusNav(){const t=this.host.shadowRoot?.querySelector("slot"),e=t?.assignedElements({flatten:!0})[0];if(!e)return;const[o]=h(e);o?.focus()}renderNav(){return s("slot",null)}renderDialog(){return s("dialog",{onClick:this.handleDialogClick,onClose:()=>{this.postToggle.emit(!1)}},s("slot",null),s("post-closebutton",{onClick:()=>this.hide()},this.textClose))}render(){return s(i,{key:"d323d8990ed9abfb5ca6c15daa70d49dabd496f9","data-version":n},"desktop"===this.device?this.renderNav():this.renderDialog())}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex}:host,:host dialog{background-color:var(--post-scheme-color-palette-bg-2);-webkit-border-end:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-interactive-primary-enabled-stroke4);border-inline-end:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-interactive-primary-enabled-stroke4)}:host dialog{overflow:visible;width:var(--post-core-dimension-296);bottom:auto;right:auto;border:none;padding:0;max-height:100dvh;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-property:overlay,display,-webkit-transform;transition-property:overlay,display,-webkit-transform;transition-property:transform,overlay,display;transition-property:transform,overlay,display,-webkit-transform;transition-behavior:allow-discrete;-webkit-transition-duration:350ms;transition-duration:350ms;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}:host dialog:focus,:host dialog:focus-visible{outline:none}:host dialog[open]{-webkit-transform:translateX(0);transform:translateX(0)}@starting-style{:host dialog[open]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (prefers-reduced-motion: reduce){:host dialog{-webkit-transition:none;transition:none}}:host post-closebutton{-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}"}},[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]);f([p(),m("string")],u.prototype,"textClose",void 0),f([b(["large","small"])],u.prototype,"size",void 0);const v=u,g=function(){"undefined"!=typeof customElements&&["post-side-navigation","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-side-navigation":customElements.get(r(t))||customElements.define(r(t),u);break;case"post-closebutton":customElements.get(r(t))||l();break;case"post-icon":customElements.get(r(t))||c()}}))};export{v as PostSideNavigation,g as defineCustomElement}

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

@@ -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 c}from"./package.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(o,{key:"f41ae27d8de89912b3aa34d9c89f5ec69f3df301","data-version":c,role:"listitem"},i("span",{key:"00a0dd2eb3fb020e49c5782245e1f3e72c77e780",class:"stepper-item-content"},i("span",{key:"bc9932083d295b92db24ddd22cb18a755db5ad11",class:"step-hidden-label visually-hidden"}),i("span",{key:"efe2d809c82c1d7de9e0cdf4e52b924943afa0bf",class:"label"},i("slot",{key:"47aceca3fc331ef91da60674dbc2af5ea7e76ec8"}))))}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=s,n=function(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((e=>{"post-stepper-item"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))};export{a as PostStepperItem,n as defineCustomElement}
+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/post-stepper.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as d}from"./required.js";import{T as a}from"./type.js";import{P as c}from"./pattern.js";var p=function(e,t,i,s){var n,r=arguments.length,d=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(d=(r<3?n(d):r>3?n(t,i,d):n(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d};const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.currentIndex=-1}validateCurrentIndex(){this.stepItems&&(this.updateSteps(),this.checkIndexes())}validateSelectedIndex(){void 0===this.selectedIndex?this.selectedIndex=this.currentIndex:this.checkIndexes(),this.updateSteps()}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replaceAll("{number}",""+(this.selectedIndex+1)),this.stepItems&&this.updateMobileActiveStepVisibility())}componentDidLoad(){setTimeout((()=>{this.validateCurrentIndex(),this.validateSelectedIndex()}))}checkIndexes(){this.selectedIndex>this.currentIndex&&console.error("The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.")}updateSteps(){this.stepItems=this.host.querySelectorAll("post-stepper-item"),!this.stepItems||this.stepItems.length<3?console.error("The post-stepper component should have at least three steps."):(this.updateActiveStepNumber(),this.stepItems.forEach(((e,t)=>{e.style.setProperty("--step-number",`"${t+1}"`),this.selectedIndex===t&&(this.mobileActiveStepName=e.innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-selected",this.selectedIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t),e.classList.toggle("stepper-item-after-current",t===this.currentIndex+1);const i=e.shadowRoot?.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t&&(e=this.textCompletedStep+": "),this.selectedIndex===t&&(e=`${e}${this.textCurrentStep}: `),i.textContent=e}this.selectedIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.selectedIndex>=this.stepItems.length||this.selectedIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return i(s,{key:"e6d1f0498cb3de68badef6428cfe8fdff73b879b","data-version":r},i("ol",{key:"4c10c32d36eaeeb19712f7d99dcba7d5337d89a1"},i("slot",{key:"ced502f01025f44c09747299cf60c82ebcd905da",onSlotchange:()=>this.updateSteps()})),i("div",{key:"93cfc9fbd328d4a384c56ccf1f884053643f88e6",class:"active-step","aria-hidden":"true"},i("span",{key:"076fad4efc393852d024157011a0e86d90ecfe99",class:"active-step-label"},this.mobileActiveStepLabel),i("span",{key:"814817862389cd55859aec49205fae255cbbf1d7",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}}static get style(){return"ol{margin-block:0;-webkit-padding-start:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);-webkit-padding-end:20px;padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:-ms-flexbox;display:flex;-webkit-padding-end:0;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}"}},[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}]);p([d(),a("string")],o.prototype,"textCurrentStep",void 0),p([d(),a("string")],o.prototype,"textCompletedStep",void 0),p([d(),c(/\{number\}/)],o.prototype,"textStepNumber",void 0),p([d(),a("number")],o.prototype,"currentIndex",void 0),p([a("number")],o.prototype,"selectedIndex",void 0);const l=o,h=function(){"undefined"!=typeof customElements&&["post-stepper"].forEach((e=>{"post-stepper"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{l as PostStepper,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as d}from"./required.js";import{T as a}from"./type.js";import{P as p}from"./pattern.js";var c=function(e,t,i,s){var n,r=arguments.length,d=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(d=(r<3?n(d):r>3?n(t,i,d):n(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d};const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.currentIndex=-1}validateCurrentIndex(){this.stepItems&&(this.updateSteps(),this.checkIndexes())}validateSelectedIndex(){void 0===this.selectedIndex?this.selectedIndex=this.currentIndex:this.checkIndexes(),this.updateSteps()}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replaceAll("{number}",""+(this.selectedIndex+1)),this.stepItems&&this.updateMobileActiveStepVisibility())}componentDidLoad(){setTimeout((()=>{this.validateCurrentIndex(),this.validateSelectedIndex()}))}checkIndexes(){this.selectedIndex>this.currentIndex&&console.error("The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.")}updateSteps(){this.stepItems=this.host.querySelectorAll("post-stepper-item"),!this.stepItems||this.stepItems.length<3?console.error("The post-stepper component should have at least three steps."):(this.updateActiveStepNumber(),this.stepItems.forEach(((e,t)=>{e.style.setProperty("--step-number",`"${t+1}"`),this.selectedIndex===t&&(this.mobileActiveStepName=e.innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-selected",this.selectedIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t),e.classList.toggle("stepper-item-after-current",t===this.currentIndex+1);const i=e.shadowRoot?.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t&&(e=this.textCompletedStep+": "),this.selectedIndex===t&&(e=`${e}${this.textCurrentStep}: `),i.textContent=e}this.selectedIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.selectedIndex>=this.stepItems.length||this.selectedIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return i(s,{key:"52c9943bca4c1d7b1d964d812ce21d8b0eb2d236","data-version":r},i("ol",{key:"ea1f27a214d9cdf14b5f2d07f14a8d54836a32b3"},i("slot",{key:"6f07fe49d55152123dc39645ef17bf5557753005",onSlotchange:()=>this.updateSteps()})),i("div",{key:"ad3af45bc5d1493f9f1084cc28c77c39d27cbd35",class:"active-step","aria-hidden":"true"},i("span",{key:"6e3f5decadc8bcc67812dd67f6efe0afa0613b46",class:"active-step-label"},this.mobileActiveStepLabel),i("span",{key:"4aeb9376181d78007a929c5e8e4ba11c181039bb",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}}static get style(){return"ol{margin-block:0;-webkit-padding-start:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);-webkit-padding-end:20px;padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:-ms-flexbox;display:flex;-webkit-padding-end:0;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}"}},[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}],textStepNumber:[{updateActiveStepNumber:0}]}]);c([d(),a("string")],o.prototype,"textCurrentStep",void 0),c([d(),a("string")],o.prototype,"textCompletedStep",void 0),c([d(),p(/\{number\}/)],o.prototype,"textStepNumber",void 0),c([d(),a("number")],o.prototype,"currentIndex",void 0),c([a("number")],o.prototype,"selectedIndex",void 0);const l=o,h=function(){"undefined"!=typeof customElements&&["post-stepper"].forEach((e=>{"post-stepper"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{l as PostStepper,h as defineCustomElement}

package/dist/components/post-tab-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as a,Build as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{n as r}from"./nanoid.js";import{R as c}from"./required.js";import{T as l}from"./type.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.checkPagesVariant.bind(this)),this.isPagesVariant=!1,this.disabled=!1}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.tabId="tab-"+(this.host.id||r(6)),this.checkPagesVariant()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkPagesVariant(){const t=null!==this.host.querySelector("a");this.isPagesVariant=t}render(){const t=o.isServer;return s(i,{key:"0c98772d01658e932be9982b6983eb3c1f0c4053",id:this.tabId,role:this.isPagesVariant?void 0:"tab","data-version":n,"data-pages-variant":""+this.isPagesVariant,"aria-selected":this.isPagesVariant?void 0:"false","aria-disabled":this.disabled?"true":void 0,tabindex:this.isPagesVariant?void 0:"-1",class:`${this.isPagesVariant?"nav-item":"tab-title"}${t&&!this.isPagesVariant?" ssr":""}`,style:t&&!this.isPagesVariant?{"--active":`var(--post-tab-item-${this.name}, 0)`}:void 0},s("slot",{key:"fba27566a1226e560161f839df050666763bdce5"}))}get host(){return this}},[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]);!function(t,e,s,i){var a,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,s,n):a(e,s))||n);o>3&&n&&Object.defineProperty(e,s,n)}([c(),l("string")],d.prototype,"name",void 0);const h=d,m=function(){"undefined"!=typeof customElements&&["post-tab-item"].forEach((t=>{"post-tab-item"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))};export{h as PostTabItem,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as a,Build as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{n as r}from"./nanoid.js";import{R as c}from"./required.js";import{T as d}from"./type.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.checkPagesVariant.bind(this)),this.isPagesVariant=!1,this.disabled=!1}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.tabId="tab-"+(this.host.id||r(6)),this.checkPagesVariant()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkPagesVariant(){const t=null!==this.host.querySelector("a");this.isPagesVariant=t}render(){const t=o.isServer;return s(i,{key:"974d9682ef0448cf3adf9481ba472a5c196349b3",id:this.tabId,role:this.isPagesVariant?void 0:"tab","data-version":n,"data-pages-variant":""+this.isPagesVariant,"aria-selected":this.isPagesVariant?void 0:"false","aria-disabled":this.disabled?"true":void 0,tabindex:this.isPagesVariant?void 0:"-1",class:`${this.isPagesVariant?"nav-item":"tab-title"}${t&&!this.isPagesVariant?" ssr":""}`,style:t&&!this.isPagesVariant?{"--active":`var(--post-tab-item-${this.name}, 0)`}:void 0},s("slot",{key:"6a7ed6323892a40ea22e487bc9460af69fda02c6"}))}get host(){return this}},[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]);!function(t,e,s,i){var a,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,s,n):a(e,s))||n);o>3&&n&&Object.defineProperty(e,s,n)}([c(),d("string")],l.prototype,"name",void 0);const h=l,m=function(){"undefined"!=typeof customElements&&["post-tab-item"].forEach((t=>{"post-tab-item"===t&&(customElements.get(a(t))||customElements.define(a(t),l))}))};export{h as PostTabItem,m as defineCustomElement}

package/dist/components/post-tab-panel.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n,Build as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{n as i}from"./nanoid.js";import{R as l}from"./required.js";import{T as p}from"./type.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.panelId="panel-"+(this.host.id||i(6))}render(){return o(s,{key:"2b02063bf2e67f4e826155759f28a1ae47b0c8e0","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels",style:a.isServer?{display:`var(--post-tab-panel-${this.for}, none)`}:void 0},o("slot",{key:"b4c39e035d0f49f5654b030f4aada27fbebb122c"}))}get host(){return this}static get style(){return":host{display:none}"}},[257,"post-tab-panel",{for:[513],panelId:[32]}]);!function(t,e,o,s){var n,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var i=t.length-1;i>=0;i--)(n=t[i])&&(r=(a<3?n(r):a>3?n(e,o,r):n(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)}([l(),p("string")],c.prototype,"for",void 0);const f=c,m=function(){"undefined"!=typeof customElements&&["post-tab-panel"].forEach((t=>{"post-tab-panel"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{f as PostTabPanel,m as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as n,Build as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{n as i}from"./nanoid.js";import{R as l}from"./required.js";import{T as c}from"./type.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.panelId="panel-"+(this.host.id||i(6))}render(){return o(s,{key:"07d93ddaa69253a956ed50cd9ecd6ed039fbc6e2","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels",style:a.isServer?{display:`var(--post-tab-panel-${this.for}, none)`}:void 0},o("slot",{key:"d6887db4e0e4dc22f8f8fdf098d6068ef4bd1a91"}))}get host(){return this}static get style(){return":host{display:none}"}},[257,"post-tab-panel",{for:[513],panelId:[32]}]);!function(e,t,o,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(r=(a<3?n(r):a>3?n(t,o,r):n(t,o))||r);a>3&&r&&Object.defineProperty(t,o,r)}([l(),c("string")],d.prototype,"for",void 0);const p=d,f=function(){"undefined"!=typeof customElements&&["post-tab-panel"].forEach((e=>{"post-tab-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{p as PostTabPanel,f as defineCustomElement}

package/dist/components/post-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as r,Build as a}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c}from"./post-icon2.js";import{c as l}from"./component-on-ready.js";import{f as h}from"./fade.js";import{O as b}from"./one-of.js";import{T as p}from"./type.js";var d=function(t,e,s,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,s,a):o(e,s))||a);return r>3&&a&&Object.defineProperty(e,s,a),a};const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=s(this,"postChange",7),this.showing=null,this.hiding=null,this.isLoaded=!1,this.isPagesVariant=!1,this.showLeftScrollButton=!1,this.showRightScrollButton=!1,this.textPrevTabItems="Previous tab items",this.textNextTabItems="Next tab items",this.size="large",this.updateScrollButtons=()=>{if(!this.tabsContainer)return;const t=getComputedStyle(this.tabsContainer),e=Number.parseFloat(t.paddingInlineStart)||0,s=Number.parseFloat(t.paddingInlineEnd)||0,i=this.tabsContainer.clientWidth-e-s,o=this.tabsContainer.scrollWidth-e-s;this.showLeftScrollButton=this.tabsContainer.scrollLeft>0,this.showRightScrollButton=this.tabsContainer.scrollLeft+i<o}}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isPagesVariant&&!this.label&&console.error(`[${this.host.localName}] Property "label" is required in Pages variant. Received: ${JSON.stringify(this.label)}.`,this.host)}componentWillRender(){this.detectVariant()}componentDidLoad(){if(this.leftScrollButton.ariaControlsElements=[this.tabsContainer],this.rightScrollButton.ariaControlsElements=[this.tabsContainer],this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.handleScrollButtons(),this.setupContentObserver(),this.setupResizeObserver(),this.validateLabel(),this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;if(t){this.show(t);const e=this.tabs.find((e=>e.name===t));e&&this.scrollTabIntoView(e)}}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver?.disconnect(),this.resizeObserver?.disconnect(),this.tabsContainer?.removeEventListener("scroll",this.updateScrollButtons)}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver?.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-pages-variant","aria-current"]})}setupResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateScrollButtons),this.resizeObserver.observe(this.tabsContainer)}handleContentChange(t){const e=this.shouldRedetectVariant(t);this.hasAriaCurrentChanged(t)&&this.isPagesVariant&&this.updateActivePagesTab(),e&&this.handleVariantChange(),this.updateScrollButtons()}shouldRedetectVariant(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-pages-variant"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActivePagesTab(){const t=this.findActivePagesTab();t&&t!==this.currentActiveTab&&(this.activateTab(t),this.scrollTabIntoView(t,"smooth"))}handleVariantChange(){const t=this.isPagesVariant;this.detectVariant(),t!==this.isPagesVariant&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectVariant(){const t=this.tabs.some((t=>null!==t.querySelector("a")||"true"===t.dataset.pagesVariant));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both Page Tabs (anchor elements) and Content Tabs (post-tab-panel elements) variants at the same time.");this.isPagesVariant=t,this.host.classList.remove("page-tabs","content-tabs"),this.host.classList.add(this.isPagesVariant?"page-tabs":"content-tabs")}findActivePagesTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){try{if(t===this.currentActiveTab?.name)return;const e=this.currentActiveTab,s=this.host.querySelector(`post-tab-item[name="${t}"]`);if(!s)return;if(this.activateTab(s),this.scrollTabIntoView(s,"smooth"),this.showing&&(this.showing.finish(),this.showing=null),!e||this.showing||this.hiding||this.hidePanel(e.name),await this.awaitAnimation(this.hiding))return;if(this.showSelectedPanel(),await this.awaitAnimation(this.showing))return;this.isLoaded&&this.currentActiveTab&&this.postChange.emit(this.currentActiveTab.name)}catch(t){if(this.isAbortError(t))return;throw t}}async awaitAnimation(t){if(!t)return!1;try{return await t.finished,!1}catch(t){if(this.isAbortError(t))return!0;throw t}}isAbortError(t){return(t instanceof DOMException||t instanceof Error)&&"AbortError"===t.name}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await l(t),this.isPagesVariant)return;if(t.getAttribute("aria-controls"))return;const e=this.getPanel(t.name);e&&(t.setAttribute("aria-controls",e.id),e.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.show(t.name)),"Home"!==e.key&&"End"!==e.key)return;e.preventDefault();const s=this.tabs.filter((t=>!t.hasAttribute("disabled")));if(0===s.length)return;const i="Home"===e.key?s[0]:s.at(-1);i&&(i?.focus(),this.show(i.name))})),t.addEventListener("keydown",(e=>{"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||this.navigateTabs(t,e.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.isPagesVariant||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),this.isPagesVariant||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const e=this.getPanel(t);e&&(this.hiding=h(e,"out"),this.hiding.onfinish=()=>{e.style.display="none",this.hiding=null})}showSelectedPanel(){if(!this.currentActiveTab)return;const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=h(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,e){const s=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===e?this.tabs[s+1]||this.tabs[0]:this.tabs[s-1]||this.tabs.at(-1),i&&(i.focus(),this.show(i.name))}scrollTabs(t){const e="prev"===t?-1:1,s=getComputedStyle(this.tabsContainer),i=Number.parseFloat(s.paddingInlineStart)||0,o=Number.parseFloat(s.paddingInlineEnd)||0;this.tabsContainer.scrollBy({left:e*(this.tabsContainer.clientWidth-i-o),behavior:"smooth"})}scrollTabIntoView(t,e="instant"){const s=this.tabsContainer,i=getComputedStyle(s),o=Number.parseFloat(i.paddingInlineStart)||0,r=Number.parseFloat(i.paddingInlineEnd)||0,a=t.offsetLeft,n=a+t.offsetWidth,c=s.scrollLeft+o,l=c+s.clientWidth-o-r;a<c?s.scrollTo({left:a-o,behavior:e}):n>l&&s.scrollTo({left:n-s.clientWidth+r,behavior:e})}handleScrollButtons(){this.updateScrollButtons(),this.tabsContainer.addEventListener("scroll",this.updateScrollButtons)}render(){const t=this.activeTab??this.tabs[0]?.name,e=this.isPagesVariant?"nav":"div";return i(o,{key:"fb65fd2589517dd6d86e86435ec6b3a3b64b093d","data-version":n,style:a.isServer&&!this.isPagesVariant&&t?{["--post-tab-panel-"+t]:"block",["--post-tab-item-"+t]:"1"}:void 0},i("div",{key:"dbcdd791af381ccc23953acb38a8e71527a804ee",class:"tabs-wrapper",part:"post-tabs"},i("button",{key:"e14933611fd38f647219a6885b879f93e7bdd4d7",ref:t=>this.leftScrollButton=t,class:"scroll-btn scroll-btn-left",type:"button","aria-label":this.textPrevTabItems,tabindex:-1,hidden:!this.showLeftScrollButton,onClick:()=>this.scrollTabs("prev")},i("post-icon",{key:"c1bf9a6f438f2b6519a90b20c26c292143239323",name:"chevronleft"})),i(e,{key:"b7f3357cdab40e7e0d9c290c922803eccb00ec81",ref:t=>this.tabsContainer=t,class:"tabs",role:this.isPagesVariant?void 0:"tablist","aria-label":this.isPagesVariant?this.label:void 0},i("slot",{key:"4e4487253b64f4ec1f0454e711de7b1d3240dc32",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}})),i("button",{key:"415ca5611f57f8af18135ae3cdd18ca33964aba5",ref:t=>this.rightScrollButton=t,class:"scroll-btn scroll-btn-right",type:"button","aria-label":this.textNextTabItems,tabindex:-1,hidden:!this.showRightScrollButton,onClick:()=>this.scrollTabs("next")},i("post-icon",{key:"42e4d6ff41b39a94b9480d3ec477a2f93e876d4f",name:"chevronright"}))),!this.isPagesVariant&&i("div",{key:"5c529d848c9bb7221d06324c03e98c55a3ef61b6",class:"tab-content",part:"post-tabs-content"},i("slot",{key:"76c701c2ecb17d762bdf96c2970f5b69a6871301",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return':host{display:block}:host .tabs-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .tabs-wrapper button.scroll-btn{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;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 100ms,border-color 100ms,color 100ms;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-btn:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:focus-visible{-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:focus-visible:hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:focus-visible{outline-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn.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){:host .tabs-wrapper button.scroll-btn.pretend-focus{-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn.pretend-focus:hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn.pretend-focus{outline-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:has(:focus-visible){-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:has(:focus-visible):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:end;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;-webkit-padding-start:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}@media screen and (min-width: 1024px){:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1 * (var(--post-container-offset)) + 20px)}:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke);box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText;box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText}}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;-webkit-box-shadow:var(--post-device-elevation-200);box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;-webkit-border-start:none;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;-webkit-border-end:none;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{-ms-flex-negative:0;flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}'}},[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);d([b(["small","large"])],v.prototype,"size",void 0),d([p("string")],v.prototype,"label",void 0);const u=v,g=function(){"undefined"!=typeof customElements&&["post-tabs","post-icon"].forEach((t=>{switch(t){case"post-tabs":customElements.get(r(t))||customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))||c()}}))};export{u as PostTabs,g as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as a,Build as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c}from"./post-icon2.js";import{c as h}from"./component-on-ready.js";import{f as l}from"./fade.js";import{O as b}from"./one-of.js";import{T as p}from"./type.js";var d=function(t,s,e,i){var o,a=arguments.length,r=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(s,e,r):o(s,e))||r);return a>3&&r&&Object.defineProperty(s,e,r),r};const v=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=e(this,"postChange",7),this.showing=null,this.hiding=null,this.isLoaded=!1,this.isPagesVariant=!1,this.showLeftScrollButton=!1,this.showRightScrollButton=!1,this.textPrevTabItems="Previous tab items",this.textNextTabItems="Next tab items",this.size="large",this.handleContainerResize=()=>{this.updateScrollButtons();const t=this.host.clientWidth;t!==this.hostWidth&&(this.hostWidth=t,this.pendingScroll=void 0),this.pendingScroll?.()},this.updateScrollButtons=()=>{if(!this.tabsContainer)return;const t=getComputedStyle(this.tabsContainer),s=Number.parseFloat(t.paddingInlineStart)||0,e=Number.parseFloat(t.paddingInlineEnd)||0,i=this.tabsContainer.clientWidth-s-e,o=this.tabsContainer.scrollWidth-s-e;this.showLeftScrollButton=this.tabsContainer.scrollLeft>0,this.showRightScrollButton=this.tabsContainer.scrollLeft+i<o}}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isPagesVariant&&!this.label&&console.error(`[${this.host.localName}] Property "label" is required in Pages variant. Received: ${JSON.stringify(this.label)}.`,this.host)}componentWillRender(){this.detectVariant()}componentDidLoad(){if(this.leftScrollButton.ariaControlsElements=[this.tabsContainer],this.rightScrollButton.ariaControlsElements=[this.tabsContainer],this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.handleScrollButtons(),this.setupContentObserver(),this.setupResizeObserver(),this.validateLabel(),this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;if(t){this.show(t);const s=this.tabs.find((s=>s.name===t));s&&this.scrollTabIntoView(s)}}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver?.disconnect(),this.resizeObserver?.disconnect(),this.tabsContainer?.removeEventListener("scroll",this.updateScrollButtons)}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver?.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-pages-variant","aria-current"]})}setupResizeObserver(){this.hostWidth=this.host.clientWidth,this.resizeObserver=new ResizeObserver(this.handleContainerResize),this.resizeObserver.observe(this.tabsContainer)}handleContentChange(t){const s=this.shouldRedetectVariant(t);this.hasAriaCurrentChanged(t)&&this.isPagesVariant&&this.updateActivePagesTab(),s&&this.handleVariantChange(),this.updateScrollButtons()}shouldRedetectVariant(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-pages-variant"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActivePagesTab(){const t=this.findActivePagesTab();t&&t!==this.currentActiveTab&&(this.activateTab(t),this.scrollTabIntoView(t,"smooth"))}handleVariantChange(){const t=this.isPagesVariant;this.detectVariant(),t!==this.isPagesVariant&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectVariant(){const t=this.tabs.some((t=>null!==t.querySelector("a")||"true"===t.dataset.pagesVariant));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both Page Tabs (anchor elements) and Content Tabs (post-tab-panel elements) variants at the same time.");this.isPagesVariant=t,this.host.classList.remove("page-tabs","content-tabs"),this.host.classList.add(this.isPagesVariant?"page-tabs":"content-tabs")}findActivePagesTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){try{if(t===this.currentActiveTab?.name)return;const s=this.currentActiveTab,e=this.host.querySelector(`post-tab-item[name="${t}"]`);if(!e)return;if(this.activateTab(e),this.scrollTabIntoView(e,"smooth"),this.showing&&(this.showing.finish(),this.showing=null),!s||this.showing||this.hiding||this.hidePanel(s.name),await this.awaitAnimation(this.hiding))return;if(this.showSelectedPanel(),await this.awaitAnimation(this.showing))return;this.isLoaded&&this.currentActiveTab&&this.postChange.emit(this.currentActiveTab.name)}catch(t){if(this.isAbortError(t))return;throw t}}async awaitAnimation(t){if(!t)return!1;try{return await t.finished,!1}catch(t){if(this.isAbortError(t))return!0;throw t}}isAbortError(t){return(t instanceof DOMException||t instanceof Error)&&"AbortError"===t.name}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await h(t),this.isPagesVariant)return;if(t.getAttribute("aria-controls"))return;const s=this.getPanel(t.name);s&&(t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(s=>{if("Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.name)),"Home"!==s.key&&"End"!==s.key)return;s.preventDefault();const e=this.tabs.filter((t=>!t.hasAttribute("disabled")));if(0===e.length)return;const i="Home"===s.key?e[0]:e.at(-1);i&&(i?.focus(),this.show(i.name))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.isPagesVariant||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),this.isPagesVariant||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=l(s,"out"),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){if(!this.currentActiveTab)return;const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=l(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,s){const e=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===s?this.tabs[e+1]||this.tabs[0]:this.tabs[e-1]||this.tabs.at(-1),i&&(i.focus(),this.show(i.name))}scrollTabs(t){const s="prev"===t?-1:1,e=getComputedStyle(this.tabsContainer),i=Number.parseFloat(e.paddingInlineStart)||0,o=Number.parseFloat(e.paddingInlineEnd)||0,a=this.tabsContainer.clientWidth-i-o;this.pendingScroll=s>0&&this.tabsContainer.scrollLeft+a>=this.tabsContainer.scrollWidth-this.tabsContainer.clientWidth?()=>this.scrollToEnd():void 0,this.tabsContainer.scrollBy({left:s*a,behavior:"smooth"})}scrollToEnd(){const t=this.tabsContainer,s=t.scrollWidth-t.clientWidth;t.scrollLeft>=s?this.pendingScroll=void 0:t.scrollTo({left:s,behavior:"smooth"})}scrollTabIntoView(t,s="instant"){const e=this.tabsContainer,i=getComputedStyle(e),o=Number.parseFloat(i.paddingInlineStart)||0,a=Number.parseFloat(i.paddingInlineEnd)||0,r=t.offsetLeft,n=r+t.offsetWidth,c=e.scrollLeft+o,h=c+e.clientWidth-o-a;this.pendingScroll=void 0,r<c?e.scrollTo({left:r-o,behavior:s}):n>h&&(this.pendingScroll=()=>this.scrollTabIntoView(t,s),e.scrollTo({left:n-e.clientWidth+a,behavior:s}))}handleScrollButtons(){this.updateScrollButtons(),this.tabsContainer.addEventListener("scroll",this.updateScrollButtons)}render(){const t=this.activeTab??this.tabs[0]?.name,s=this.isPagesVariant?"nav":"div";return i(o,{key:"10c247c7c021a4fbbd8f79ce7b82888e0b7c8be2","data-version":n,style:r.isServer&&!this.isPagesVariant&&t?{["--post-tab-panel-"+t]:"block",["--post-tab-item-"+t]:"1"}:void 0},i("div",{key:"5ccae325884c7cff0eec399da23513c0b864dde0",class:"tabs-wrapper",part:"post-tabs"},i("button",{key:"dd38a22327801b790f849449055b765d2c1bc3b6",ref:t=>this.leftScrollButton=t,class:"scroll-btn scroll-btn-left",type:"button","aria-label":this.textPrevTabItems,tabindex:-1,hidden:!this.showLeftScrollButton,onClick:()=>this.scrollTabs("prev")},i("post-icon",{key:"461a92ab071472c995d0adad5c73c75c82d982fe",name:"chevronleft"})),i(s,{key:"edecdbfdc681b96539e5a0755330faf1795ecb35",ref:t=>this.tabsContainer=t,class:"tabs",role:this.isPagesVariant?void 0:"tablist","aria-label":this.isPagesVariant?this.label:void 0},i("slot",{key:"6240234a2168b2e889cab92a7688731ca93a63a6",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}})),i("button",{key:"a4030c48cbbefb578b03ee9dad35724a1fdd5547",ref:t=>this.rightScrollButton=t,class:"scroll-btn scroll-btn-right",type:"button","aria-label":this.textNextTabItems,tabindex:-1,hidden:!this.showRightScrollButton,onClick:()=>this.scrollTabs("next")},i("post-icon",{key:"d89c831bdd2faf1991793df47e7ca79bf49e5339",name:"chevronright"}))),!this.isPagesVariant&&i("div",{key:"aba319437ba8bfb9e7a144a44efcc32d82ef6b02",class:"tab-content",part:"post-tabs-content"},i("slot",{key:"e689b5e3a030909c5c77899ac899ded2481f82a6",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return':host{display:block}:host .tabs-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .tabs-wrapper button.scroll-btn{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;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 100ms,border-color 100ms,color 100ms;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-44) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-btn:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:focus-visible{-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:focus-visible:hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:focus-visible{outline-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn.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){:host .tabs-wrapper button.scroll-btn.pretend-focus{-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn.pretend-focus:hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn.pretend-focus{outline-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:has(:focus-visible){-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:has(:focus-visible):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-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){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){-webkit-transition:none;transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:end;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;-webkit-padding-start:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}@media screen and (min-width: 1024px){:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1 * (var(--post-container-offset)) + 20px)}:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke);box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText;box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText}}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;-webkit-box-shadow:var(--post-device-elevation-200);box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;-webkit-border-start:none;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;-webkit-border-end:none;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{-ms-flex-negative:0;flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}'}},[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);d([b(["small","large"])],v.prototype,"size",void 0),d([p("string")],v.prototype,"label",void 0);const u=v,g=function(){"undefined"!=typeof customElements&&["post-tabs","post-icon"].forEach((t=>{switch(t){case"post-tabs":customElements.get(a(t))||customElements.define(a(t),v);break;case"post-icon":customElements.get(a(t))||c()}}))};export{u as PostTabs,g as defineCustomElement}

package/dist/components/post-togglebutton2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick()),{capture:!0}),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)),{capture:!0})}render(){return o(s,{key:"81fa9d922480059096e4146c10cf2ef72357b482","data-version":r,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"4e8d793e3867ba4c9c8e17d509652309a79f032a"}))}get host(){return this}static get style(){return":host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}"}},[257,"post-togglebutton",{toggled:[1028]}]);function a(){"undefined"!=typeof customElements&&["post-togglebutton"].forEach((t=>{"post-togglebutton"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))}export{n as P,a as d}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick()),{capture:!0}),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)),{capture:!0})}render(){return o(s,{key:"6f61a07946f3e67bace0a883b73c424893c4043d","data-version":r,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"fd9b93e45da499dbb790ad675f3db36e248c1960"}))}get host(){return this}static get style(){return":host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}"}},[257,"post-togglebutton",{toggled:[1028]}]);function a(){"undefined"!=typeof customElements&&["post-togglebutton"].forEach((t=>{"post-togglebutton"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))}export{n as P,a as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,Build as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as h}from"./required.js";import{T as l}from"./type.js";const c=["pointerenter","pointerleave","focusin","focusout"];let a;const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}get tooltip(){if(i.isServer)return null;const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentWillLoad(){i.isBrowser&&import("./focusable.js").then((function(t){return t.f})).then((t=>{a??=t.default}))}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const e=t.split(" ").filter((t=>t!==this.for)).join(" ");e?this.trigger.setAttribute("aria-describedby",e):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){a?.(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){c.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){c.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const e=t.relatedTarget;this.tooltip&&e&&this.tooltip.contains(e)||e===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=globalThis.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return s(o,{key:"37f835a46c96f1f97019b611da8b6be2d6e1a8d7","data-version":r},s("slot",{key:"c2fc3d9080948fdcfbd8b2866730e76b770b87ba",onSlotchange:()=>this.handleSlotChange()}))}get host(){return this}static get style(){return"post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}"}},[257,"post-tooltip-trigger",{for:[513],delay:[2]}]);!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([h(),l("string")],p.prototype,"for",void 0);const u=p,d=function(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((t=>{"post-tooltip-trigger"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{u as PostTooltipTrigger,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,Build as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as h}from"./required.js";import{T as l}from"./type.js";const a=["pointerenter","pointerleave","focusin","focusout"];let c;const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}get tooltip(){if(i.isServer)return null;const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentWillLoad(){i.isBrowser&&import("./focusable.js").then((function(t){return t.f})).then((t=>{c??=t.default}))}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const e=t.split(" ").filter((t=>t!==this.for)).join(" ");e?this.trigger.setAttribute("aria-describedby",e):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){c?.(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){a.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){a.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const e=t.relatedTarget;this.tooltip&&e&&this.tooltip.contains(e)||e===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=globalThis.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return s(o,{key:"7811d666f249ead72768adaf5bdc92e47b447d8a","data-version":r},s("slot",{key:"68e56c43ebec2abffbf049647ac08757dadf22f9",onSlotchange:()=>this.handleSlotChange()}))}get host(){return this}static get style(){return"post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}"}},[257,"post-tooltip-trigger",{for:[513],delay:[2]}]);!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([h(),l("string")],p.prototype,"for",void 0);const u=p,d=function(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((t=>{"post-tooltip-trigger"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{u as PostTooltipTrigger,d as defineCustomElement}

package/dist/components/post-tooltip.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as a,P as i}from"./post-popovercontainer2.js";import{v as c}from"./package.js";import{O as n}from"./one-of.js";const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(o){this.open||await this.popoverRef.show(o)}async hide(){this.popoverRef.hide()}async toggle(o,e){this.popoverRef.toggle(o,e)}handleBeforeToggle(o){this.host.toggleAttribute("open",o.detail.willOpen),this.open=o.detail.willOpen}render(){return t(s,{key:"c592afd24bbaf57999ca40b9558746a5a4490362","data-version":c},t("post-popovercontainer",{key:"c66e0c89228fed51a0affa4788a3e6c32f3196ae",safeSpace:!0,class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,autoHide:!0,onPostBeforeToggle:o=>this.handleBeforeToggle(o),ref:o=>this.popoverRef=o},t("div",{key:"fc57d4457c4910aab1bfae2558cf78ae9a253552",class:"tooltip-content"},t("slot",{key:"316a52bf1a1763b2510270e9ab5bc26ca8e5e53f"}))))}get host(){return this}static get style(){return":host{display:none}:host([open]){display:contents}post-popovercontainer{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;-webkit-box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg);box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1)}.tooltip-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);word-wrap:break-word;white-space:normal;overflow:hidden}"}},[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]);!function(o,e,t,s){var r,a=arguments.length,i=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(o,e,t,s);else for(var c=o.length-1;c>=0;c--)(r=o[c])&&(i=(a<3?r(i):a>3?r(e,t,i):r(e,t))||i);a>3&&i&&Object.defineProperty(e,t,i)}([n(i)],p.prototype,"placement",void 0);const d=p,l=function(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((o=>{switch(o){case"post-tooltip":customElements.get(r(o))||customElements.define(r(o),p);break;case"post-popovercontainer":customElements.get(r(o))||a()}}))};export{d as PostTooltip,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as a,P as i}from"./post-popovercontainer2.js";import{v as c}from"./package.js";import{O as n}from"./one-of.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(e){this.open||await this.popoverRef.show(e)}async hide(){this.popoverRef.hide()}async toggle(e,o){this.popoverRef.toggle(e,o)}handleBeforeToggle(e){this.host.toggleAttribute("open",e.detail.willOpen),this.open=e.detail.willOpen}render(){return t(s,{key:"083507ae592ce9be50f6b4217a8d13785039478d","data-version":c},t("post-popovercontainer",{key:"e0436489bd955cee95b287f35759c364b019be94",safeSpace:!0,class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,autoHide:!0,onPostBeforeToggle:e=>this.handleBeforeToggle(e),ref:e=>this.popoverRef=e},t("div",{key:"8e6417485a89f56c18e731351de0e9f5db2cdd9a",class:"tooltip-content"},t("slot",{key:"e4c9fed0c8a8454c20f504e38557abd8ea253a1b"}))))}get host(){return this}static get style(){return":host{display:none}:host([open]){display:contents}post-popovercontainer{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;-webkit-box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg);box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1)}.tooltip-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);word-wrap:break-word;white-space:normal;overflow:hidden}"}},[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]);!function(e,o,t,s){var r,a=arguments.length,i=a<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,s);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(a<3?r(i):a>3?r(o,t,i):r(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)}([n(i)],p.prototype,"placement",void 0);const d=p,l=function(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((e=>{switch(e){case"post-tooltip":customElements.get(r(e))||customElements.define(r(e),p);break;case"post-popovercontainer":customElements.get(r(e))||a()}}))};export{d as PostTooltip,l as defineCustomElement}

package/dist/components/swisspost-internet-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as s,Host as e,transformTag as i}from"@stencil/core/internal/client";import{c as r,T as n,L as l,s as c,v as a,g as p}from"./package2.js";import{d}from"./post-accordion2.js";import{d as m}from"./post-accordion-item2.js";import{d as f}from"./post-collapsible2.js";import{d as u}from"./post-collapsible-trigger2.js";import{d as h}from"./post-footer2.js";import{d as g}from"./post-icon2.js";const b=t(class extends o{constructor(t){if(super(),!1!==t&&this.__registerHost(),this.liveSupportEnabled=!1,this.cookieSettingsEnabled=!1,this.liveSupportEnabled=this.unbluEnabled(),this.cookieSettingsEnabled=this.ucUIEnabled(),!this.liveSupportEnabled){let t,o=0;const s=()=>{const s=this.unbluEnabled(),e=this.ucUIEnabled(),i=s&&e;s&&(this.liveSupportEnabled=!0),e&&(this.cookieSettingsEnabled=!0),(i||o>=5)&&window.clearInterval(t),o++};t=window.setInterval(s,1e3)}}unbluEnabled(){return"function"==typeof window.unbluLSLoad}ucUIEnabled(){return"object"==typeof window.UC_UI&&"function"==typeof window.UC_UI.showSecondLayer}handleCookieSettingsClick(){window.UC_UI.showSecondLayer()}renderListWithTitle(t,o){if(!t)return;const{titleProps:e,listProps:i,linkProps:c}=o,a=p(t.title),d=r(a);return[s(n,{...e,config:t.title,id:d}),s("ul",{...i,"aria-labelledby":d},t.items.map((t=>s("li",{key:t.text},s(l,{...c,config:t})))))]}render(){if(!c.localizedConfig)return null;if(!c.localizedConfig.footer)return console.warn(`Internet Footer: Current project "${c.projectId}" does not include a footer config. The footer will not be rendered. Remove `,document.querySelector("swisspost-internet-footer"),"from your markup or configure the footer in your portal config to stop seeing this warning."),null;const t=c.localizedConfig.footer;return s(e,{"data-version":a},s("post-footer",{textFooter:this.textFooter},t.prefooter&&s("div",{slot:"prefooter"},this.renderListWithTitle(t.prefooter,{titleProps:{tag:"h3"}})),t.sections?.map(((t,o)=>this.renderListWithTitle(t,{titleProps:{tag:"span",slot:`grid-${o+1}-title`},listProps:{slot:"grid-"+(o+1)}}))),t.socialLinks&&s("div",{slot:"socialmedia"},this.renderListWithTitle(t.socialLinks,{titleProps:{tag:"h3"},linkProps:{class:"btn btn-primary btn-icon",hiddenText:!0}})),t.appStoreLinks&&s("div",{slot:"app"},this.renderListWithTitle(t.appStoreLinks,{titleProps:{tag:"h3"},linkProps:{class:"app-store-badge",hiddenText:!0}})),t.companyLinks&&s("div",{slot:"businesssectors"},this.renderListWithTitle(t.companyLinks,{titleProps:{tag:"h3"}})),t.complianceLinks&&s("div",{slot:"meta"},s("ul",{"aria-label":p(t.complianceLinks.title)},t.complianceLinks.items.map((t=>s("li",{key:t.text},s(l,{config:t})))),this.cookieSettingsEnabled&&s("li",null,s("button",{class:"btn btn-link cookie-settings",onClick:this.handleCookieSettingsClick},this.textCookieSettings)))),t.copyright&&s("p",{slot:"copyright"},t.copyright)))}static get style(){return".cookie-settings{min-height:0;border:0 none;font-weight:inherit}"}},[0,"swisspost-internet-footer",{textFooter:[513,"text-footer"],textCookieSettings:[513,"text-cookie-settings"],liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]),k=b,w=function(){"undefined"!=typeof customElements&&["swisspost-internet-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-footer","post-icon"].forEach((t=>{switch(t){case"swisspost-internet-footer":customElements.get(i(t))||customElements.define(i(t),b);break;case"post-accordion":customElements.get(i(t))||d();break;case"post-accordion-item":customElements.get(i(t))||m();break;case"post-collapsible":customElements.get(i(t))||f();break;case"post-collapsible-trigger":customElements.get(i(t))||u();break;case"post-footer":customElements.get(i(t))||h();break;case"post-icon":customElements.get(i(t))||g()}}))};export{b as P,k as SwisspostInternetFooter,w as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as s,Host as e,transformTag as i}from"@stencil/core/internal/client";import{c as r,T as n,L as l,s as c,v as a,g as p}from"./package2.js";import{d}from"./post-accordion2.js";import{d as m}from"./post-accordion-item2.js";import{d as h}from"./post-collapsible2.js";import{d as u}from"./post-collapsible-trigger2.js";import{d as f}from"./post-footer2.js";import{d as g}from"./post-icon2.js";const b=t(class extends o{constructor(t){if(super(),!1!==t&&this.__registerHost(),this.liveSupportEnabled=!1,this.cookieSettingsEnabled=!1,this.liveSupportEnabled=this.unbluEnabled(),this.cookieSettingsEnabled=this.ucUIEnabled(),!this.liveSupportEnabled){let t,o=0;const s=()=>{const s=this.unbluEnabled(),e=this.ucUIEnabled(),i=s&&e;s&&(this.liveSupportEnabled=!0),e&&(this.cookieSettingsEnabled=!0),(i||o>=5)&&window.clearInterval(t),o++};t=window.setInterval(s,1e3)}}unbluEnabled(){return"function"==typeof window.unbluLSLoad}ucUIEnabled(){return"object"==typeof window.UC_UI&&"function"==typeof window.UC_UI.showSecondLayer}handleCookieSettingsClick(){window.UC_UI.showSecondLayer()}hasItems(t){return Array.isArray(t?.items)&&t.items.length>0}renderListWithTitle(t,o){if(!this.hasItems(t))return;const{titleProps:e,listProps:i,linkProps:c}=o,a=p(t.title),d=r(a);return[s(n,{...e,config:t.title,id:d}),s("ul",{...i,"aria-labelledby":d},t.items.map((t=>s("li",{key:t.text},s(l,{...c,config:t})))))]}render(){if(!c.localizedConfig)return null;if(!c.localizedConfig.footer)return console.warn(`Internet Footer: Current project "${c.projectId}" does not include a footer config. The footer will not be rendered. Remove `,document.querySelector("swisspost-internet-footer"),"from your markup or configure the footer in your portal config to stop seeing this warning."),null;const t=c.localizedConfig.footer,{complianceLinks:o}=t,i=o&&(this.hasItems(o)||this.cookieSettingsEnabled);return s(e,{"data-version":a},s("post-footer",{textFooter:this.textFooter},this.hasItems(t.prefooter)&&s("div",{slot:"prefooter"},this.renderListWithTitle(t.prefooter,{titleProps:{tag:"h3"}})),t.sections?.map(((t,o)=>this.renderListWithTitle(t,{titleProps:{tag:"span",slot:`grid-${o+1}-title`},listProps:{slot:"grid-"+(o+1)}}))),this.hasItems(t.socialLinks)&&s("div",{slot:"socialmedia"},this.renderListWithTitle(t.socialLinks,{titleProps:{tag:"h3"},linkProps:{class:"btn btn-primary btn-icon",hiddenText:!0}})),this.hasItems(t.appStoreLinks)&&s("div",{slot:"app"},this.renderListWithTitle(t.appStoreLinks,{titleProps:{tag:"h3"},linkProps:{class:"app-store-badge",hiddenText:!0}})),this.hasItems(t.companyLinks)&&s("div",{slot:"businesssectors"},this.renderListWithTitle(t.companyLinks,{titleProps:{tag:"h3"}})),i&&s("div",{slot:"meta"},s("ul",{"aria-label":p(o.title)},o.items?.map((t=>s("li",{key:t.text},s(l,{config:t})))),this.cookieSettingsEnabled&&s("li",null,s("button",{class:"btn btn-link cookie-settings",onClick:this.handleCookieSettingsClick},this.textCookieSettings)))),t.copyright&&s("p",{slot:"copyright"},t.copyright)))}static get style(){return".cookie-settings{min-height:0;border:0 none;font-weight:inherit}"}},[0,"swisspost-internet-footer",{textFooter:[513,"text-footer"],textCookieSettings:[513,"text-cookie-settings"],liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]),k=b,w=function(){"undefined"!=typeof customElements&&["swisspost-internet-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-footer","post-icon"].forEach((t=>{switch(t){case"swisspost-internet-footer":customElements.get(i(t))||customElements.define(i(t),b);break;case"post-accordion":customElements.get(i(t))||d();break;case"post-accordion-item":customElements.get(i(t))||m();break;case"post-collapsible":customElements.get(i(t))||h();break;case"post-collapsible-trigger":customElements.get(i(t))||u();break;case"post-footer":customElements.get(i(t))||f();break;case"post-icon":customElements.get(i(t))||g()}}))};export{b as P,k as SwisspostInternetFooter,w as defineCustomElement}

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

@@ -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 h}from"./package2.js";import{d as p}from"./post-header2.js";import{d}from"./post-icon2.js";import{d as m}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 k}from"./post-menu2.js";import{d as b}from"./post-menu-item2.js";import{d as x}from"./post-menu-trigger2.js";import{d as L}from"./post-popovercontainer2.js";import{d as y}from"./post-togglebutton2.js";const C=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),E=({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(U,{config:e})))))]},U=({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"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("changeCompanyTargetURL",window.location.href),""+e},j=({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(" "),h=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(C,{user:e.user,description:o.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:s,placement:"bottom-end"},t("div",{slot:"header"},t(C,{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 o=n.hreflang?.toLowerCase();if(!t.has(o))try{const n=new URL(e,document.baseURI);t.set(o,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(!W(t))throw Error(`Internet Header: invalid project id "${t}"`);let o;"test"===t&&(e="int01");for(const s of P(e)){const a=B(t,e,n,s);try{const t=await fetch(a);if(!t.ok)throw Error("Request failed with status "+t.status);return await t.json()}catch(t){o=t,console.warn(`Internet Header: API origin "${s}" not yet available! Falling back to the temporary origin until main origin is up and running.`)}}throw Error("Internet Header: fetching config failed. "+o?.message)},P=t=>"PROD"===t.toUpperCase()?["https://site.post.ch","https://www.post.ch"]:["https://int.post.ch"],B=(t,e,n,o=P(e)[0])=>{if("test"===t)return"assets/config/test-configuration.json";const s=e.toUpperCase(),a=n.toLowerCase();try{const e=""+new URLSearchParams({serviceId:t,environment:s,lang:a});return""+new URL(`${o}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},W=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),D=(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=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},T={dev01:"https://n.accountint1.post.ch",dev02:"https://n.accountint1.post.ch",devs1:"https://n.accountint1.post.ch",test:"https://n.accountint1.post.ch",int01:"https://n.accountint1.post.ch",int02:"https://n.accountint2.post.ch",prod:"https://n.account.post.ch"},N=e(class extends n{handleActiveRouteChange(){this.updateActiveUrl()}async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=o(this,"headerLoaded",7),this.activeRoute="auto",this.environment="prod",this.fullWidth=!1,void 0===this.project||""===this.project||!W(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=(()=>T[this.environment]+"/v1/session/subscribe")(),e=await fetch(t,{credentials:"include"});if(e.ok){const t=await e.json();u.user=t?.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"),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}-${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()}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 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=D(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??[]]}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,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":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(E,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[0,"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}]}]),S=N,z=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),N);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))||m();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))||k();break;case"post-menu-item":customElements.get(a(t))||b();break;case"post-menu-trigger":customElements.get(a(t))||x();break;case"post-popovercontainer":customElements.get(a(t))||L();break;case"post-togglebutton":customElements.get(a(t))||y()}}))};export{N as P,S as SwisspostInternetHeader,z as defineCustomElement}
+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 i,L as r,g as c,T as l,s as u,d as g,v as h}from"./package2.js";import{d as p}from"./post-header2.js";import{d}from"./post-icon2.js";import{d as m}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 k}from"./post-menu2.js";import{d as b}from"./post-menu-item2.js";import{d as x}from"./post-menu-trigger2.js";import{d as L}from"./post-popovercontainer2.js";import{d as y}from"./post-togglebutton2.js";const C=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),E=({config:e,textClose:n,textBack:o})=>{const s=i(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(r,{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(U,{config:e})))))]},U=({config:e})=>{const n=c(e.title),o=i(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(r,{config:e,ariaCurrentWhenActive:"page"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("changeCompanyTargetURL",window.location.href),""+e},j=({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(" "),h=i(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(C,{user:e.user,description:o.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:s,placement:"bottom-end"},t("div",{slot:"header"},t(C,{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(r,{config:{text:e.accountSwitch.text,url:A(e.accountSwitch.url),icon:e.accountSwitch.icon}})),e.companySwitch&&l&&t("post-menu-item",null,t(r,{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(r,{config:e})))),e.logoutLink&&t("post-menu-item",null,t(r,{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 o=n.hreflang?.toLowerCase();if(!t.has(o))try{const n=new URL(e,document.baseURI);t.set(o,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(!W(t))throw Error(`Internet Header: invalid project id "${t}"`);let o;"test"===t&&(e="int01");for(const s of P(e)){const a=B(t,e,n,s);try{const t=await fetch(a);if(!t.ok)throw Error("Request failed with status "+t.status);return await t.json()}catch(t){o=t,console.warn(`Internet Header: API origin "${s}" not yet available! Falling back to the temporary origin until main origin is up and running.`)}}throw Error("Internet Header: fetching config failed. "+o?.message)},P=t=>"PROD"===t.toUpperCase()?["https://site.post.ch","https://www.post.ch"]:["https://int.post.ch"],B=(t,e,n,o=P(e)[0])=>{if("test"===t)return"assets/config/test-configuration.json";const s=e.toUpperCase(),a=n.toLowerCase();try{const e=""+new URLSearchParams({serviceId:t,environment:s,lang:a});return""+new URL(`${o}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},W=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),D=(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))],i=O(n,a);return Math.min(n.length,a.length)===i?i: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},T={dev01:"https://n.accountint1.post.ch",dev02:"https://n.accountint1.post.ch",devs1:"https://n.accountint1.post.ch",test:"https://n.accountint1.post.ch",int01:"https://n.accountint1.post.ch",int02:"https://n.accountint2.post.ch",prod:"https://n.account.post.ch"},N=e(class extends n{handleActiveRouteChange(){this.updateActiveUrl()}async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=o(this,"headerLoaded",7),this.activeRoute="auto",this.environment="prod",this.fullWidth=!1,this.hideLogin=!1,void 0===this.project||""===this.project||!W(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=(()=>T[this.environment]+"/v1/session/subscribe")(),e=await fetch(t,{credentials:"include"});if(e.ok){const t=await e.json();u.user=t?.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"),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}-${s}`;let i=I.get(a);null==i&&(i=$(t,e,s).finally((()=>{I.delete(a)})),I.set(a,i));const r={...await i};return u.currentLanguage=s,r})({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 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=D(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??[]]}getLanguageUrl(t,e){return u.alternateLinks.get(t.toLowerCase())??e}renderNavItem(e,n={}){return"url"in e?t(r,{...n,config:e}):t(j,{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":h},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(r,{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)))),!this.hideLogin&&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(r,{config:e,ariaCurrentWhenActive:"page"}):t(E,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[0,"swisspost-internet-header",{activeRoute:[1,"active-route"],environment:[1],fullWidth:[4,"full-width"],hideLogin:[4,"hide-login"],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}]}]),S=N,z=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),N);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))||m();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))||k();break;case"post-menu-item":customElements.get(a(t))||b();break;case"post-menu-trigger":customElements.get(a(t))||x();break;case"post-popovercontainer":customElements.get(a(t))||L();break;case"post-togglebutton":customElements.get(a(t))||y()}}))};export{N as P,S as SwisspostInternetHeader,z as defineCustomElement}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-20T13:41:25",
+  "timestamp": "2026-11-12T15:48:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.3",
@@ -223,6 +223,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hideLogin",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-login",
+          "reflectToAttr": false,
+          "docs": "Hides the login slot entirely, whether the user is logged in or not.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "language",
           "type": "\"de\" | \"en\" | \"fr\" | \"it\" | undefined",

package/dist/esm/index.js

@@ -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--a_K3g1E.js';
+import './package-h2MHUaQn.js';