@swisspost/internet-header 10.7.0 → 10.9.0

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 a}from"./type.js";const l=["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(){l.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){l.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:"55adc12f457aa8a5dd4357ed27876b0e526f7ae3","data-version":r},s("slot",{key:"84da1734ae1c1ac9376caa693108e3ed54bf176f",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(),a("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 e,HTMLElement as o,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as a,P as c}from"./post-popovercontainer2.js";import{v as i}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.open=e.detail.willOpen}render(){return t(s,{key:"62d5983e0ef32f851166d0c1d2c457cac0809fdf","data-version":i},t("post-popovercontainer",{key:"10150540956510724ab4832ecceb421a7013d983",safeSpace:"trapezoid",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("slot",{key:"cdfaf0e916afa55ec3f1a7f64003101985560e27"})))}get host(){return this}static get style(){return':host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}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);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}'}},[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,c=a<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,t,s);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(c=(a<3?r(c):a>3?r(o,t,c):r(o,t))||c);a>3&&c&&Object.defineProperty(o,t,c)}([n(c)],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}
+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 s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r,L as i,g as c,T as l,s as u,d as g,v as h}from"./package2.js";import{d 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:s})=>{const o=r(e.trigger.text);return[t("post-megadropdown-trigger",{key:"trigger",for:o},e.trigger.text),t("post-megadropdown",{key:"dropdown",id:o,textClose:n,textBack:s},e.overview&&t(i,{config:e.overview,class:"post-megadropdown-overview",ariaCurrentWhenActive:"page"}),t("div",{class:"row row-cols-1 row-cols-sm-2"},e.sections.map((e=>t(U,{config:e})))))]},U=({config:e})=>{const n=c(e.title),s=r(n);return t("div",{class:"col"},t(l,{class:"post-megadropdown-list-title",id:s,config:e.title}),t("ul",{class:"post-megadropdown-list","aria-labelledby":s},e.items.map((e=>t("li",{key:e.url},t(i,{config:e,ariaCurrentWhenActive:"page"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("returnURL",window.location.href),""+e},j=({config:e,slot:n,textCurrentUser:s,textUserLinks:o,textAccessUserLinks:a})=>{const c="B2B"===e.user.userType,l=c&&e.user.canChangeCompany&&e.user.company,u=("B2C"===e.user.userType||c)&&"userAndProfile"===e.user.changeUserAndProfile||l,g=[e.user.name,e.user.surname].join(" "),h=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(C,{user:e.user,description:s.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:o},t("div",{slot:"header"},t(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 s=n.hreflang?.toLowerCase();if(!t.has(s))try{const n=new URL(e,document.baseURI);t.set(s,n.href)}catch{}}return t},M=t=>{const e=t.split("/").filter(Boolean)[0];if(e)try{return Intl.getCanonicalLocales(e),e}catch{return}},H=t=>t.substring(0,2).toLowerCase(),I=new Map,$=async(t,e,n)=>{if(!W(t))throw Error(`Internet Header: invalid project id "${t}"`);let s;"test"===t&&(e="int01");for(const o of P(e)){const a=B(t,e,n,o);try{const t=await fetch(a);if(!t.ok)throw Error("Request failed with status "+t.status);return await t.json()}catch(t){s=t,console.warn(`Internet Header: API origin "${o}" not yet available! Falling back to the temporary origin until main origin is up and running.`)}}throw Error("Internet Header: fetching config failed. "+s?.message)},P=t=>"PROD"===t.toUpperCase()?["https://site.post.ch","https://www.post.ch"]:["https://int.post.ch"],B=(t,e,n,s=P(e)[0])=>{if("test"===t)return"assets/config/test-configuration.json";const o=e.toUpperCase(),a=n.toLowerCase();try{const e=""+new URLSearchParams({serviceId:t,environment:o,lang:a});return""+new URL(`${s}/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 s=t.pathname.toLocaleLowerCase(),o=e.pathname.toLocaleLowerCase();if(s===o)return 1/0;if(t.pathname.length<e.pathname.length)return 0;if("auto"===n){const n=[t.origin.toLocaleLowerCase(),...s.split("/").filter((t=>null!==t&&""!==t))],a=[e.origin.toLocaleLowerCase(),...o.split("/").filter((t=>null!==t&&""!==t))],r=O(n,a);return Math.min(n.length,a.length)===r?r:0}return 0},O=(t,e)=>{if(null==t||null==e||0===t.length||0===e.length)return 0;let n=0;for(;n<Math.min(t.length,e.length);n++)if(t[n]!==e[n])return 0;return n},N={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"},S=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=s(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=(()=>N[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 s=(()=>{const t=document.querySelector("#PPM_HEADER_DATA");return null!=t?.textContent?JSON.parse(t.textContent):null})();if(s){const t=document.documentElement.lang;return u.currentLanguage=t,s}const o=(t=>{const e=new URL(window.location.href),n=[t,e.searchParams.get("lang"),M(e.pathname),document.documentElement.lang,null!=navigator.language?H(navigator.language):null!=navigator.languages&&navigator.languages.length>0?H(navigator.languages[0]):null,u.currentLanguage].filter((t=>null!=t));return H(n[0]??"de")})(n),a=`${t}-${e}-${o}`;let r=I.get(a);null==r&&(r=$(t,e,o).finally((()=>{I.delete(a)})),I.set(a,r));const i={...await r};return u.currentLanguage=o,i})({projectId:this.project,environment:this.environment,language:t??this.language}),this.updateActiveUrl()}initAlternateLinks(){u.alternateLinks=R()}observeAlternateLinks(){this.alternateLinksObserver=(()=>{const t=new MutationObserver((t=>{t.some((t=>"attributes"===t.type?t.target instanceof HTMLLinkElement&&("href"===t.attributeName||"hreflang"===t.attributeName||"rel"===t.attributeName&&"alternate"===t.target.rel):"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some((t=>t instanceof HTMLLinkElement&&t.hasAttribute("href")&&t.hasAttribute("hreflang")&&t.hasAttribute("rel")&&"alternate"===t.rel))))&&(t=>{u.alternateLinks=t})(R())}));return t.observe(document.head,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href","hreflang","rel"]}),t})()}updateActiveUrl(){u.activeLink=(t=>{const e=(t=>{const e=[];if(!t)return e;const n=t=>{null!=t&&(Array.isArray(t)?t.forEach(n):"object"==typeof t&&null!==t&&("url"in t&&"string"==typeof t.url&&e.push(t),Object.values(t).forEach(n)))};return n(t),e})(u.localizedConfig?.header);if(0===e.length||"none"===t)return null;if("auto"===t||"exact"===t){const t=(t=>t.find((t=>t.active)))(e);if(t)return t}let n;if("auto"===t||"exact"===t)n=new URL(window.location.href);else try{n=new URL(t,document.location.origin)}catch{return console.warn(`Active Route: ${t} is not a valid URL. Navigation highlighting has been disabled.`),null}const s=(t=>t.filter((t=>""!==t.url&&"#"!==t.url&&"/"!==t.url)))(e);return((t,e,n)=>{let s=null;for(const o of t)try{const t=new URL(o.url,document.location.origin),a=D(e,t,n);if(a>0&&((!s||a>s.score)&&(s={link:o,score:a}),a===1/0))break}catch{}return s?s.link:null})(s,n,"exact"===t?"exact":"auto")})(this.activeRoute)}getUserMenuOptions(t){return[...t.userProfile?[t.userProfile]:[],...t.settings?[t.settings]:[],...t.userLinks??[]]}getLanguageUrl(t,e){return u.alternateLinks.get(t.toLowerCase())??e}renderNavItem(e,n={}){return"url"in e?t(i,{...n,config:e}):t(j,{slot:n.slot,config:e,textCurrentUser:this.textCurrentUser,textAccessUserLinks:this.textAccessUserLinks,textUserLinks:this.textUserLinks})}renderNavigation(e,n,s={}){return 0===n.length?null:1===n.length?this.renderNavItem(n[0],{...s,slot:e}):t("ul",{slot:e},n.map((e=>t("li",{key:"url"in e?e.url:e.user.email},this.renderNavItem(e,s)))))}render(){if(!u.localizedConfig?.header)return void console.error(Error("Internet Header: Config cannot be loaded"));const{globalHeader:e,localHeader:n}=u.localizedConfig.header;return t(o,{"data-version":h},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(i,{slot:"post-logo",config:e.postLogo}):t("post-logo",{slot:"post-logo",url:e.postLogo.url,"aria-label":e.postLogo.label,"aria-description":e.postLogo.description},e.postLogo.text),e.audience&&this.renderNavigation("audience",e.audience,{ariaCurrentWhenActive:"location"}),e.primaryNavigation&&this.renderNavigation("global-nav-primary",e.primaryNavigation),e.secondaryNavigation&&this.renderNavigation("global-nav-secondary",e.secondaryNavigation,{ariaCurrentWhenActive:"location"}),e.languages&&e.languages.length>0&&t("post-language-menu",{slot:"language-menu",textChangeLanguage:this.textChangeLanguage,textCurrentLanguage:this.textCurrentLanguage},e.languages.map((e=>t("post-language-menu-item",{key:e.code,url:this.getLanguageUrl(e.code,e.url),active:e.active,code:e.code,name:e.label,description:e.description},e.text)))),e.postLogin&&this.renderNavItem(u.user?{user:u.user,options:this.getUserMenuOptions(e.postLogin),accountSwitch:e.postLogin.accountSwitch,companySwitch:e.postLogin.companySwitch,logoutLink:e.postLogin.logoutLink}:e.postLogin.loginLink,{slot:"post-login"}),n.title&&t("p",{slot:"title"},n.title),n.navigation&&this.renderNavigation("local-nav",n.navigation),n.mainNavigation&&n.mainNavigation.length>0&&t("post-mainnavigation",{slot:"main-nav",textMain:this.textMain},t("ul",null,n.mainNavigation.map((e=>t("li",{key:"url"in e?e.url:e.trigger.text},"url"in e?t(i,{config:e,ariaCurrentWhenActive:"page"}):t(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}]}]),T=S,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),S);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{S as P,T 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-06T12:48:05",
+  "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-h3opCZqH.js

@@ -260,14 +260,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-menu_2.entry.js').then(processMod, consoleError);
-                case 'post-popovercontainer':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './post-popovercontainer.entry.js').then(processMod, consoleError);
                 case 'post-accordion_4':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-accordion_4.entry.js').then(processMod, consoleError);
+                case 'post-popovercontainer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-popovercontainer.entry.js').then(processMod, consoleError);
                 case 'post-date-picker':
                     return import(
                       /* webpackMode: "lazy" */

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

package/dist/esm/is-focus-visible-BWwWKRO5.js

@@ -0,0 +1,17 @@
+/**
+ * Checks whether an element currently matches `:focus-visible`, i.e. whether
+ * it was focused via keyboard rather than mouse/touch interaction.
+ */
+function isFocusVisible(element) {
+    if (!element)
+        return false;
+    try {
+        return element.matches(':focus-visible');
+    }
+    catch {
+        // Not supported, fall back to always treating focus as visible
+        return true;
+    }
+}
+
+export { isFocusVisible as i };

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["swisspost-internet-header",[[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}]}]]],["swisspost-internet-footer",[[0,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs",[[257,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"homeTextOnly":[516,"home-text-only"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"id":[32],"loaded":[32],"hasSlottedHomeAnchor":[32],"hasSlottedHomeIcon":[32],"collapsed":[32],"homeCollapsed":[32],"lastItemWraps":[32]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[16],"inline":[4],"textNextMonth":[513,"text-next-month"],"textNextYear":[513,"text-next-year"],"textNextDecade":[513,"text-next-decade"],"textPreviousMonth":[513,"text-previous-month"],"textPreviousYear":[513,"text-previous-year"],"textPreviousDecade":[513,"text-previous-decade"],"textSwitchYear":[513,"text-switch-year"],"textToggleCalendar":[1,"text-toggle-calendar"],"inputDisabled":[32],"today":[32],"startDate":[32],"show":[64],"hide":[64]},null,{"locale":[{"validateLocale":0},{"updateLocale":0}],"range":[{"updateRange":0}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-megadropdown",[[257,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"selectedValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516],"standalone":[516],"hasSlottedAnchor":[32]}]]],["post-listbox",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[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]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar",[[257,"post-avatar",{"firstname":[513],"lastname":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]}]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper",[[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]},null,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-popovercontainer",[[257,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"offset":[2],"arrow":[4],"safeSpace":[513,"safe-space"],"autoHide":[4,"auto-hide"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon",[[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["post-language-menu",[[257,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[513],"activeLang":[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"variant":[{"handleVariantChange":0}]}]]],["post-header",[[257,"post-header",{"fullWidth":[516,"full-width"],"textMenu":[513,"text-menu"],"device":[32],"hasTitle":[32],"hasMainNav":[32],"hasLocalNav":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"device":[{"lockBody":0}],"burgerMenuExtended":[{"lockBody":0}]}]]],["post-language-menu-item",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item",[[0,"post-menu-item"]]],["post-menu_2",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}],[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]]], options);
+  return bootstrapLazy([["swisspost-internet-header",[[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}]}]]],["swisspost-internet-footer",[[0,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs",[[257,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"homeTextOnly":[516,"home-text-only"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"id":[32],"loaded":[32],"hasSlottedHomeAnchor":[32],"hasSlottedHomeIcon":[32],"collapsed":[32],"homeCollapsed":[32],"lastItemWraps":[32]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[16],"inline":[4],"textNextMonth":[513,"text-next-month"],"textNextYear":[513,"text-next-year"],"textNextDecade":[513,"text-next-decade"],"textPreviousMonth":[513,"text-previous-month"],"textPreviousYear":[513,"text-previous-year"],"textPreviousDecade":[513,"text-previous-decade"],"textSwitchYear":[513,"text-switch-year"],"textToggleCalendar":[1,"text-toggle-calendar"],"inputDisabled":[32],"today":[32],"startDate":[32],"show":[64],"hide":[64]},null,{"locale":[{"validateLocale":0},{"updateLocale":0}],"range":[{"updateRange":0}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-megadropdown",[[257,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"selectedValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516],"standalone":[516],"hasSlottedAnchor":[32]}]]],["post-listbox",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[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]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar",[[257,"post-avatar",{"firstname":[513],"lastname":[1],"email":[1],"description":[1],"avatarType":[32],"imageUrl":[32],"imageAlt":[32]},null,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]}]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper",[[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]},null,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-icon",[[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["post-language-menu",[[257,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[513],"activeLang":[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"variant":[{"handleVariantChange":0}]}]]],["post-header",[[257,"post-header",{"fullWidth":[516,"full-width"],"textMenu":[513,"text-menu"],"device":[32],"hasTitle":[32],"hasMainNav":[32],"hasAudience":[32],"hasGlobalNavSecondary":[32],"hasLocalNav":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"device":[{"lockBody":0}],"burgerMenuExtended":[{"lockBody":0}]}]]],["post-language-menu-item",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item",[[0,"post-menu-item"]]],["post-popovercontainer",[[257,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"offset":[2],"arrow":[4],"safeSpace":[516,"safe-space"],"autoHide":[4,"auto-hide"],"autoResize":[4,"auto-resize"],"side":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-menu_2",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}],[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{package-BBz9PVf0.js → package-CAL337jJ.js}

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

package/dist/esm/{package-DRoYikPQ.js → package-h2MHUaQn.js}

@@ -248,6 +248,6 @@ const Title = ({ config, tag: TagName = 'p', ...htmlAttributes }) => {
     return h(TagName, { ...htmlAttributes, ...resolveTextAttributes(config) });
 };
 
-const version = "10.7.0";
+const version = "10.9.0";
 
 export { Link as L, Title as T, createIdFrom as c, dispose as d, getText as g, state as s, version as v };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-h3opCZqH.js';
-import { v as version } from './package-BBz9PVf0.js';
+import { v as version } from './package-CAL337jJ.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { O as OneOf } from './one-of-w2eXPAzD.js';
 import { E as EventFrom } from './event-from-BEcxHjuM.js';
@@ -128,7 +128,7 @@ __decorate$3([
 ], PostAccordion.prototype, "collapseToggleHandler", null);
 PostAccordion.style = postAccordionCss();
 
-const postAccordionItemCss = () => `:host{display:block;-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;position:relative;width:100%;-ms-flex-align:center;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){-ms-flex-positive:1;flex-grow:1}.accordion-button post-icon{-ms-flex:none;flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:var(--post-accordion-icon-initial-transform, none);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{-webkit-padding-before:var(--post-device-spacing-padding-19);padding-block-start:var(--post-device-spacing-padding-19);-webkit-padding-after:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{-webkit-margin-after:calc(var(--post-device-border-width-default)*-1);margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{-webkit-padding-before:var(--post-device-spacing-padding-15);padding-block-start:var(--post-device-spacing-padding-15);-webkit-padding-after:var(--post-device-spacing-padding-block-25);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){-webkit-margin-before:0 !important;margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){-webkit-margin-after:0 !important;margin-block-end:0 !important}`;
+const postAccordionItemCss = () => `:host{display:block;-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;position:relative;width:100%;-ms-flex-align:center;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{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}.accordion-button:focus-visible::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:focus-visible::before{outline-color:Highlight !important}}.accordion-button.pretend-focus::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button.pretend-focus::before{outline-color:Highlight !important}}.accordion-button:has(:focus-visible)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:has(:focus-visible)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){-ms-flex-positive:1;flex-grow:1}.accordion-button post-icon{-ms-flex:none;flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:var(--post-accordion-icon-initial-transform, none);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{-webkit-padding-before:var(--post-device-spacing-padding-19);padding-block-start:var(--post-device-spacing-padding-19);-webkit-padding-after:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{-webkit-margin-after:calc(var(--post-device-border-width-default)*-1);margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{-webkit-padding-before:var(--post-device-spacing-padding-15);padding-block-start:var(--post-device-spacing-padding-15);-webkit-padding-after:var(--post-device-spacing-padding-block-25);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){-webkit-margin-before:0 !important;margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){-webkit-margin-after:0 !important;margin-block-end:0 !important}`;
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -248,8 +248,14 @@ const PostCollapsible = class {
         {
             const animation = isExpanded ? expand(this.host) : collapse(this.host);
             this.postToggle.emit(isExpanded);
-            await animation.finished;
-            animation.commitStyles();
+            this.host.toggleAttribute('data-animating', true);
+            try {
+                await animation.finished;
+                animation.commitStyles();
+            }
+            finally {
+                this.host.toggleAttribute('data-animating', false);
+            }
             this.updateTriggers();
         }
         return isExpanded;
@@ -269,7 +275,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
+        return (h(Host, { key: '1d1ecff40af5f2597d15179b687c4919289e1d0b', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '5aa7a507af747649dd7d6f1edead5dacee0fb69e' })));
     }
     get host() { return getElement(this); }
 };

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
-import { v as version } from './package-BBz9PVf0.js';
+import { v as version } from './package-CAL337jJ.js';
 import { P as Pattern } from './pattern-Der2DK75.js';
 import { R as Required } from './required-tHxh_hWW.js';
 import { T as Type } from './type-Daxpt5v6.js';
@@ -9,6 +9,10 @@ import './create-validator-decorator--a-qkYfP.js';
 const GRAVATAR_DEFAULT = '404';
 const GRAVATAR_RATING = 'g';
 const GRAVATAR_SIZE = 80;
+async function getGravatarUrl(email) {
+    const hash = await cryptify(email.trim().toLowerCase());
+    return `https://www.gravatar.com/avatar/${hash}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
+}
 async function cryptify(key) {
     return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
         return Array.from(new Uint8Array(buffer))
@@ -16,7 +20,6 @@ async function cryptify(key) {
             .join('');
     });
 }
-const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
 
 const postAvatarCss = () => `:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:-ms-inline-flexbox;display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
@@ -36,17 +39,25 @@ var AvatarType;
     AvatarType["Slotted"] = "slotted";
     AvatarType["Image"] = "image";
     AvatarType["Initials"] = "initials";
-    AvatarType[AvatarType["Null"] = null] = "Null";
 })(AvatarType || (AvatarType = {}));
 const PostAvatar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.avatarType = null;
+        this.slottedImage = null;
+        this.avatarType = AvatarType.Initials;
         this.imageUrl = '';
         this.imageAlt = '';
-        this.initials = '';
-        // To handle email updates and reset the storage item
-        this.storageKey = '';
+        this.showSlottedImage = () => {
+            if (!this.slottedImage)
+                return;
+            this.slottedImage.style.display = 'block';
+            this.avatarType = AvatarType.Slotted;
+        };
+        this.hideSlottedImage = () => {
+            if (this.slottedImage)
+                this.slottedImage.style.display = 'none';
+            this.avatarType = AvatarType.Initials;
+        };
     }
     updateEmail() {
         this.getAvatarImage();
@@ -56,6 +67,7 @@ const PostAvatar = class {
         this.slottedImage = this.host.querySelector('img');
         const imageUrl = this.slottedImage?.getAttribute('src');
         if (!imageUrl) {
+            this.imageUrl = '';
             if (this.email?.match(emailPattern)) {
                 imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
             }
@@ -64,85 +76,97 @@ const PostAvatar = class {
             }
         }
         else {
-            const slottedImageLoaded = await this.getImageByProp(imageUrl, this.fetchSlottedImage.bind(this));
-            if (!slottedImageLoaded) {
-                this.slottedImage.style.display = 'none';
-                this.avatarType = AvatarType.Initials;
-            }
-            else {
-                this.slottedImage.style.display = 'block';
-            }
+            this.imageUrl = '';
+            this.updateSlottedImageVisibility();
         }
     }
-    async getImageByProp(prop, fetchImage) {
+    async getImageByProp(prop, loadImage, avatarType = AvatarType.Image) {
         if (!prop)
             return false;
-        let imageResponse;
         try {
-            imageResponse = await fetchImage(prop);
+            const imageUrl = await loadImage(prop);
+            if (avatarType === AvatarType.Image) {
+                this.imageUrl = imageUrl;
+                this.imageAlt = `${[this.firstname, this.lastname].filter(Boolean).join(' ')} avatar`;
+            }
+            this.avatarType = avatarType;
+            return true;
         }
         catch (error) {
             console.info('Loading avatar image failed.', error);
             return false;
         }
-        if (!imageResponse?.ok) {
-            return false;
+    }
+    async fetchImageByEmail(email) {
+        return await this.loadImage(await getGravatarUrl(email));
+    }
+    // The slotted image stays hidden until it has successfully loaded.
+    updateSlottedImageVisibility() {
+        if (this.slottedImage?.complete && this.slottedImage.naturalWidth > 0) {
+            this.showSlottedImage();
         }
         else {
-            this.imageUrl = imageResponse.url;
-            this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
-            this.avatarType = AvatarType.Image;
-            return true;
+            this.hideSlottedImage();
         }
     }
-    async fetchImageByEmail() {
-        const email = await cryptify(this.email);
-        const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
-        return await fetch(imageUrl);
-    }
-    async fetchSlottedImage(imageUrl) {
-        return await fetch(imageUrl, { method: 'HEAD' });
-    }
-    slotChanged() {
-        const slot = this.host.shadowRoot.querySelector('slot');
-        const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
-        assignedNodes.forEach(node => {
-            if (node.nodeType === Node.ELEMENT_NODE) {
-                const el = node;
-                if (el.tagName === 'IMG') {
-                    this.observeImageSrcChanges(el);
-                }
-            }
+    loadImage(imageUrl) {
+        return new Promise((resolve, reject) => {
+            const image = new Image();
+            image.addEventListener('load', () => resolve(imageUrl), { once: true });
+            image.addEventListener('error', () => reject(new Error(`Could not load ${imageUrl}`)), {
+                once: true,
+            });
+            image.src = imageUrl;
         });
+    }
+    slotChanged(event) {
+        const slot = event.target;
+        const image = slot
+            .assignedElements({ flatten: true })
+            .find(element => element instanceof HTMLImageElement);
+        if (image instanceof HTMLImageElement) {
+            this.observeSlottedImage(image);
+            return;
+        }
+        this.disconnectSlottedImage();
+        this.slottedImage = null;
         this.getAvatarImage();
     }
     // Observe the Slotted image src attribute and update the image
-    observeImageSrcChanges(img) {
-        if (this.slottedImageObserver) {
-            this.slottedImageObserver.disconnect();
-        }
-        this.slottedImageObserver = new MutationObserver(mutations => {
-            mutations.forEach(mutation => {
-                if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
-                    this.getAvatarImage();
-                }
-            });
-        });
+    observeSlottedImage(img) {
+        this.disconnectSlottedImage();
+        this.slottedImage = img;
+        img.addEventListener('load', this.showSlottedImage);
+        img.addEventListener('error', this.hideSlottedImage);
+        this.slottedImageObserver = new MutationObserver(() => this.getAvatarImage());
         this.slottedImageObserver.observe(img, { attributes: true, attributeFilter: ['src'] });
+        this.updateSlottedImageVisibility();
     }
-    connectedCallback() {
+    disconnectSlottedImage() {
+        this.slottedImageObserver?.disconnect();
+        if (this.slottedImage) {
+            this.slottedImage.removeEventListener('load', this.showSlottedImage);
+            this.slottedImage.removeEventListener('error', this.hideSlottedImage);
+        }
+    }
+    componentWillLoad() {
         //This provides a fallback by showing the initials while the image is still loading or delayed.
         this.avatarType = AvatarType.Initials;
         this.getAvatarImage();
     }
+    disconnectedCallback() {
+        this.disconnectSlottedImage();
+    }
     render() {
-        const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
+        const names = [this.firstname, this.lastname]
+            .filter((name) => typeof name === 'string')
+            .map(name => name.trim());
         const initials = names
             .map(n => n.charAt(0))
             .join('')
             .trim();
         const fullname = names.join(' ');
-        return (h(Host, { key: 'ba9c39d64f6a1b77131ba8c603c9be3aad113c53', "data-version": version }, h("span", { key: '27a9ac87e8978fabf1717f3eb978e39d06670507', class: this.avatarType === 'slotted' ? '' : 'd-none' }, h("slot", { key: '3fa13670176f2fc3a79a8b11659962f433c37c2e', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && h("img", { key: '232099852c2ad8f2c4660eb1077c6d618092cdca', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (h("span", { key: 'e6b3bf751a95997a2abef2a16dcd8e2c78d308fa', class: "initials" }, initials, h("span", { key: '8d869a374678094e2ec5abc146b0b981c9079c15' }, this.description ?? fullname)))));
+        return (h(Host, { key: 'ccba82ea3d543a8fad108ea7a8dd30bf6715c132', "data-version": version }, h("span", { key: '5e7b58d3eeb6bdf49c8a81f36b4d7fffa5b925cc' }, h("slot", { key: '7b91589fbccdef4e29e3f5f3f58607887adac559', onSlotchange: event => this.slotChanged(event) })), this.avatarType === AvatarType.Image && h("img", { key: '65e9e2945592323e54e08d8152e7571222ad728d', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === AvatarType.Initials && (h("span", { key: 'd4305127e6c77239ab4bf3226aacc153277732cc', class: "initials" }, initials, h("span", { key: '5e681cb3205708fc42706d20c5d37a097f290898' }, this.description ?? fullname)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {