@swisspost/design-system-components 9.0.0-next.13 → 9.0.0-next.15

package/dist/post-components/p-aaef3917.js

@@ -0,0 +1 @@
+import{r as o,c as n,g as e,h as t,H as r}from"./p-d9833667.js";import{v as a}from"./p-74e13cb1.js";import{f as i}from"./p-64e3de38.js";import{a as c,c as s}from"./p-1fda117c.js";import{n as l}from"./p-5959f2bd.js";import{c as b}from"./p-8562c7dc.js";import{c as d}from"./p-b095519d.js";const p=["neutral","success","warning","danger","info"],h=class{constructor(e){o(this,e),this.postDismissed=n(this,"postDismissed",7)}get host(){return e(this)}bannerId=`p${l(6)}`;classes;hasActions;hasHeading;onDismissButtonClick=()=>this.dismiss();dismissible=!1;validateDismissible(o=this.dismissible){b(o,"boolean",'The post-banner "dismissible" prop should be a boolean.'),setTimeout((()=>this.validateDismissLabel()))}dismissLabel;validateDismissLabel(o=this.dismissLabel){this.dismissible&&d(o,'Dismissible post-banner\'s require a "dismiss-label" prop.')}icon;validateIcon(o=this.icon){c(o,/\d{4}|none/,'The post-banner "icon" prop should be a 4-digits string.')}type="neutral";validateType(o=this.type){s(o,p,`The post-banner requires a type form: ${p.join(", ")}`)}postDismissed;componentDidLoad(){this.validateDismissible(),this.validateIcon(),this.validateType()}componentWillRender(){this.hasHeading=this.host.querySelectorAll("[slot=heading]").length>0,this.hasActions=this.host.querySelectorAll("[slot=actions]").length>0,this.classes="banner "+(this.type?"banner-"+this.type:""),this.dismissible&&(this.classes+=" banner-dismissible"),this.hasActions&&(this.classes+=" banner-action"),"none"===this.icon&&(this.classes+=" no-icon")}async dismiss(){const o=i(this.host);await o.finished,this.host.remove(),this.postDismissed.emit()}render(){const o=[this.hasHeading&&t("div",{key:`${this.bannerId}-heading`,class:"banner-heading"},t("slot",{key:"9886e598c972c8c77c1d25a385edb0c604b47b44",name:"heading"})),t("slot",{key:`${this.bannerId}-message`})],n=[t("div",{key:`${this.bannerId}-content`,class:"banner-content"},o),t("div",{key:`${this.bannerId}-buttons`,class:"banner-buttons"},t("slot",{key:"0463b479e1f6e9f2c287a06109bc9037de4de2e1",name:"actions"}))];return t(r,{key:"43b3385f47d4f7dcd0a150656a79258d045d41ad","data-version":a},t("div",{key:"edb9c07973a4d8b1c0a9efe7f95e9fcf5bcb4b59",role:"alert",class:this.classes,part:this.classes},this.dismissible&&t("button",{key:"537ee712114b5095e20e30cd5681fd287da0bd5d",class:"btn-close",onClick:this.onDismissButtonClick},t("span",{key:"a13b1b71e64c7e732487035f2d175c5a041538c0",class:"visually-hidden"},this.dismissLabel)),this.icon&&"none"!==this.icon&&t("post-icon",{key:`${this.bannerId}-icon`,name:this.icon}),this.hasActions?n:o))}static get watchers(){return{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}}};h.style=".banner,.alert{min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));box-sizing:border-box;box-shadow:var(--post-device-elevation-100);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-10) var(--post-device-spacing-padding-10);padding-inline-start:calc(var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner:not(.no-icon)::before,.alert:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner:not(.no-icon)::before,.alert:not(.no-icon)::before{color:CanvasText}}.banner:has(>post-icon)::before,.alert:has(>post-icon)::before{content:none}.banner>post-icon,.alert>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner::before,.alert::before{content:\"\";display:block}.banner::before,.banner>post-icon,.alert::before,.alert>post-icon{position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);left:var(--post-device-spacing-padding-10);top:var(--post-device-spacing-padding-10)}.banner.no-icon,.alert.no-icon{min-height:calc(2*var(--post-device-spacing-padding-10) + var(--post-core-dimension-24));padding-inline-start:var(--post-device-spacing-padding-10)}.banner.no-icon::before,.alert.no-icon::before{content:unset}.banner.no-icon>post-icon,.alert.no-icon>post-icon{display:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner,.alert{filter:none !important;border:2px solid CanvasText}}.banner:not(.banner-action):not(.alert-action),.alert:not(.banner-action):not(.alert-action){display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.banner:not(.banner-action):not(.alert-action) a,.alert:not(.banner-action):not(.alert-action) a{font-weight:var(--post-core-font-weight-400)}.banner:not(.banner-action):not(.alert-action) hr,.alert:not(.banner-action):not(.alert-action) hr{margin-block:var(--post-core-dimension-8) var(--post-core-dimension-12) !important}.banner:not(.banner-action):not(.alert-action)>*,.alert:not(.banner-action):not(.alert-action)>*{margin:0}.banner-container{border:unset;background-color:rgba(0,0,0,0)}.banner-dismissible,.alert-dismissible{pointer-events:auto;position:relative}.banner-dismissible:not(.banner-action):not(.alert-action),.alert-dismissible:not(.banner-action):not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-10) + var(--post-device-spacing-gap-inline-6) + var(--post-core-dimension-24))}.banner-dismissible>.btn-close,.alert-dismissible>.btn-close{position:absolute;inset-block-start:1rem;inset-inline-end:var(--post-device-spacing-padding-10)}.banner-buttons,.alert-buttons{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media (max-width: 779.98px){.banner-buttons,.alert-buttons{flex-direction:column}}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.banner-action>.banner-content a,.banner-action>.alert-content a,.alert-action>.banner-content a,.alert-action>.alert-content a{font-weight:var(--post-core-font-weight-400)}.banner-action>.banner-content hr,.banner-action>.alert-content hr,.alert-action>.banner-content hr,.alert-action>.alert-content hr{margin-block:var(--post-core-dimension-8) var(--post-core-dimension-12) !important}.banner-action>.banner-content>*,.banner-action>.alert-content>*,.alert-action>.banner-content>*,.alert-action>.alert-content>*{margin:0}@media (max-width: 779.98px){.banner-action,.alert-action{flex-direction:column;align-items:stretch}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{padding-inline-start:var(--post-device-spacing-gap-inline-6)var(--post-device-sizing-notification-icon-2);padding-inline-end:var(--post-device-spacing-gap-inline-6)var(--post-core-dimension-24)}.banner-action.no-icon>.banner-content,.banner-action.no-icon>.alert-content,.alert-action.no-icon>.banner-content,.alert-action.no-icon>.alert-content{padding-inline-start:0}.banner-action>.banner-buttons,.banner-action>.alert-buttons,.alert-action>.banner-buttons,.alert-action>.alert-buttons{display:flex}.banner-action>.banner-buttons>.btn,.banner-action>.banner-buttons>::slotted(.btn),.banner-action>.alert-buttons>.btn,.banner-action>.alert-buttons>::slotted(.btn),.alert-action>.banner-buttons>.btn,.alert-action>.banner-buttons>::slotted(.btn),.alert-action>.alert-buttons>.btn,.alert-action>.alert-buttons>::slotted(.btn){flex:1 0 0;width:100%}.banner-action>.banner-buttons>.btn:first-child,.banner-action>.banner-buttons>::slotted(.btn:first-child),.banner-action>.alert-buttons>.btn:first-child,.banner-action>.alert-buttons>::slotted(.btn:first-child),.alert-action>.banner-buttons>.btn:first-child,.alert-action>.banner-buttons>::slotted(.btn:first-child),.alert-action>.alert-buttons>.btn:first-child,.alert-action>.alert-buttons>::slotted(.btn:first-child){margin-inline-start:0}}.banner-neutral,.alert-neutral{background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner-neutral:not(.no-icon)::before,.alert-neutral:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-neutral:not(.no-icon)::before,.alert-neutral:not(.no-icon)::before{color:CanvasText}}.banner-neutral:has(>post-icon)::before,.alert-neutral:has(>post-icon)::before{content:none}.banner-neutral>post-icon,.alert-neutral>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner-success,.alert-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-success:not(.no-icon)::before,.alert-success:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-success-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-success:not(.no-icon)::before,.alert-success:not(.no-icon)::before{color:CanvasText}}.banner-success:has(>post-icon)::before,.alert-success:has(>post-icon)::before{content:none}.banner-success>post-icon,.alert-success>post-icon{background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-icon)}.banner-warning,.alert-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-warning:not(.no-icon)::before,.alert-warning:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-warning-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-warning:not(.no-icon)::before,.alert-warning:not(.no-icon)::before{color:CanvasText}}.banner-warning:has(>post-icon)::before,.alert-warning:has(>post-icon)::before{content:none}.banner-warning>post-icon,.alert-warning>post-icon{background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-icon)}.banner-error,.alert-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-error:not(.no-icon)::before,.alert-error:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-error:not(.no-icon)::before,.alert-error:not(.no-icon)::before{color:CanvasText}}.banner-error:has(>post-icon)::before,.alert-error:has(>post-icon)::before{content:none}.banner-error>post-icon,.alert-error>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.banner-info,.alert-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-info:not(.no-icon)::before,.alert-info:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.33 25.33v-16h-4.67V12h2v13.33h-2V28h6.67v-2.67zM14.67 4h2.67v2.67h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-info-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-info:not(.no-icon)::before,.alert-info:not(.no-icon)::before{color:CanvasText}}.banner-info:has(>post-icon)::before,.alert-info:has(>post-icon)::before{content:none}.banner-info>post-icon,.alert-info>post-icon{background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-icon)}.banner-danger,.alert-danger{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-danger:not(.no-icon)::before,.alert-danger:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-danger:not(.no-icon)::before,.alert-danger:not(.no-icon)::before{color:CanvasText}}.banner-danger:has(>post-icon)::before,.alert-danger:has(>post-icon)::before{content:none}.banner-danger>post-icon,.alert-danger>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}:host ::slotted(*){margin:0 !important}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";export{h as P}

package/dist/post-components/p-ad2a716a.entry.js

@@ -0,0 +1 @@
+export{P as post_banner}from"./p-aaef3917.js";import"./p-d9833667.js";import"./p-74e13cb1.js";import"./p-64e3de38.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-5959f2bd.js";import"./p-b095519d.js";

package/dist/post-components/p-b5758f64.js

@@ -0,0 +1 @@
+import{r as t,g as i,h as a,H as e}from"./p-d9833667.js";import{v as s}from"./p-74e13cb1.js";import{c as r}from"./p-b095519d.js";var o;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(o||(o={}));const n=class{constructor(i){t(this,i)}static INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";get host(){return i(this)}firstname;lastname;userid;email;slottedImage;avatarType=null;imageUrl="";imageAlt="";initials="";validateFirstname(){r(this.firstname,"The `firstname` property of the `post-avatar` is required!")}async getAvatar(){if(null!==this.slottedImage)this.avatarType=o.Slotted;else{let t=!1;!t&&this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||this.getAvatarByInitials()}}async getImageByProp(t,i){if(!t)return!1;const a=await this.getStorageItem(t)??{ok:!1,url:""};if(!a.ok)try{const t=await i();a.ok=t.ok,a.url=t.url,this.imageUrl=a.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(a))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return a.ok}async fetchImageByUserId(){return await fetch(n.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await this.cryptify(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}getAvatarByInitials(){this.initials=this.getInitials(),this.avatarType=o.Initials}getNames(){return[this.firstname,this.lastname].filter((t=>t))}getInitials(){return this.getNames().map((t=>t.charAt(0))).join("").trim()}async getStorageItem(t){const i=await this.cryptify(t),a=window?.sessionStorage?.getItem(i);return a?JSON.parse(a):null}async setStorageItem(t,i){const a=await this.cryptify(t);window?.sessionStorage?.setItem(a,i)}async removeStorageItem(t){const i=await this.cryptify(t);window?.sessionStorage?.removeItem(i)}async cryptify(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}onSlotDefaultChange(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentWillRender(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentDidLoad(){this.validateFirstname()}render(){const t=this.getNames().reduce(((t,i,e)=>(e>0&&t.push(a("span",null," ")),t.push(i.charAt(0)),t.push(a("span",null,i.slice(1))),t)),[]);return a(e,{"data-version":s},a("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&a("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&a("div",{class:"initials"},t)))}static get watchers(){return{firstname:["validateFirstname"]}}};n.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);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{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:flex;justify-content:center;align-items:center;position:relative;z-index:2;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}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}';export{n as P}

package/dist/post-components/{p-92f8803c.entry.js → p-b64f5ba4.entry.js}

@@ -1 +1 @@
-export{P as post_collapsible,a as post_collapsible_trigger}from"./p-72a5ee9b.js";import"./p-0e216cc4.js";import"./p-3632ace7.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-b095519d.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";
+export{P as post_collapsible,a as post_collapsible_trigger}from"./p-8abc347f.js";import"./p-d9833667.js";import"./p-74e13cb1.js";import"./p-1fda117c.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-cb9ab938.js";import"./p-b095519d.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";

package/dist/post-components/p-ce4a94d4.entry.js

@@ -0,0 +1 @@
+export{P as post_accordion}from"./p-36527185.js";import"./p-d9833667.js";import"./p-74e13cb1.js";import"./p-247a1668.js";import"./p-bacd3e2c.js";

package/dist/post-components/p-d9833667.js

@@ -0,0 +1,2 @@
+var t=Object.defineProperty,e=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},n=new WeakMap,o=t=>n.get(t),l=(t,o)=>{n.set(o.i=t,o),e(t,o)},s=(t,e)=>e in t,i=(t,e)=>(0,console.error)(t,e),r=new Map,c=new Map,a="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="http://www.w3.org/1999/xlink",f=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},h=d.document||{head:{}},v={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},p=t=>Promise.resolve(t),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),y=!1,b=[],w=[],$=(t,e)=>n=>{t.push(n),y||(y=!0,e&&4&v.u?S(j):v.raf(j))},g=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){i(t)}t.length=0},j=()=>{g(b),g(w),(y=b.length>0)&&v.raf(j)},S=t=>p().then(t),O=$(w,!0),k=t=>"object"==(t=typeof t)||"function"===t;function C(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>x,map:()=>R,ok:()=>E,unwrap:()=>M,unwrapErr:()=>T});var E=t=>({isOk:!0,isErr:!1,value:t}),x=t=>({isOk:!1,isErr:!0,value:t});function R(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>E(t))):E(n)}if(t.isErr)return x(t.value);throw"should never get here"}var M=t=>{if(t.isOk)return t.value;throw t.value},T=t=>{if(t.isErr)return t.value;throw t.value},P=t=>{const e=t.__childNodes||t.childNodes;t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&A(e,t.tagName).forEach((t=>{var e;1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!(null==(e=F(t,t["s-sn"],!1))?void 0:e.length))}));for(const t of e)1===t.nodeType&&(t.__childNodes||t.childNodes).length&&P(t)};function A(t,e,n){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&o["s-hn"]===e&&(void 0===n||o["s-sn"]===n)&&(s.push(o),void 0!==n))return s;s=[...s,...A(o.childNodes,e,n)]}return s}var L,D,F=(t,e,n=!0)=>{const o=[];for((n&&t["s-sr"]||!t["s-sr"])&&o.push(t);(t=t.nextSibling)&&t["s-sn"]===e;)o.push(t);return o},H=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,N=(t,e,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],a=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?a(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!k(o))&&(o+=""),i&&r?c[c.length-1].v+=o:c.push(i?W(null,o):o),r=i)};if(a(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,B);const u=W(t,null);return u.p=e,c.length>0&&(u.m=c),u.$=l,u.j=s,u},W=(t,e)=>({u:0,S:t,v:e,O:null,m:null,p:null,$:null,j:null}),U={},B={forEach:(t,e)=>t.map(V).forEach(e),map:(t,e)=>t.map(V).map(e).map(q)},V=t=>({vattrs:t.p,vchildren:t.m,vkey:t.$,vname:t.j,vtag:t.S,vtext:t.v}),q=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),N(t.vtag,e,...t.vchildren||[])}const e=W(t.vtag,t.vtext);return e.p=t.vattrs,e.m=t.vchildren,e.$=t.vkey,e.j=t.vname,e},G=(t,e)=>null==t||k(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,_=t=>o(t).$hostElement$,z=(t,e,n)=>{const o=_(t);return{emit:t=>I(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},I=(t,e,n)=>{const o=v.ce(e,n);return t.dispatchEvent(o),o},J=new WeakMap,K=t=>"sc-"+t.k,Q=(t,e,n,o,l,i)=>{if(n!==o){let r=s(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=Y(n);let s=Y(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const s=k(o);if((r||s&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let a=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,a=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(a?t.removeAttributeNS(u,e):t.removeAttribute(e)):(!r||4&i||l)&&!s&&(o=!0===o?"":o,a?t.setAttributeNS(u,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):s(d,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(Z);e=e.replace(tt,""),n&&v.rel(t,e,n,l),o&&v.ael(t,e,o,l)}}},X=/\s/,Y=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(X):[]),Z="Capture",tt=RegExp(Z+"$"),et=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.p||{},s=e.p||{};for(const t of nt(Object.keys(l)))t in s||Q(o,t,l[t],void 0,n,e.u);for(const t of nt(Object.keys(s)))Q(o,t,l[t],s[t],n,e.u)};function nt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var ot=!1,lt=!1,st=!1,it=!1,rt=(t,e,n)=>{var o;const l=e.m[n];let s,i,r,c=0;if(ot||(st=!0,"slot"===l.S&&(l.u|=l.m?2:1)),null!==l.v)s=l.O=h.createTextNode(l.v);else if(1&l.u)s=l.O=h.createTextNode("");else{if(it||(it="svg"===l.S),s=l.O=h.createElementNS(it?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ot&&2&l.u?"slot-fb":l.S),it&&"foreignObject"===l.S&&(it=!1),et(null,l,it),l.m)for(c=0;c<l.m.length;++c)i=rt(t,l,c),i&&s.appendChild(i);"svg"===l.S?it=!1:"foreignObject"===s.tagName&&(it=!0)}return s["s-hn"]=D,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=L,s["s-sn"]=l.j||"",s["s-rf"]=null==(o=l.p)?void 0:o.ref,r=t&&t.m&&t.m[n],r&&r.S===l.S&&t.O&&ct(t.O,!1)),s},ct=(t,e)=>{v.u|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==D&&o["s-ol"]&&(yt(dt(o).parentNode,o,dt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,st=!0),e&&ct(o,e)}v.u&=-2},at=(t,e,n,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=rt(null,n,l),i&&(o[l].O=i,yt(r,i,dt(e))))},ut=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;mt(e),t&&(lt=!0,t["s-ol"]?t["s-ol"].remove():ct(t,!0),t.remove())}}},ft=(t,e,n=!1)=>t.S===e.S&&("slot"===t.S?t.j===e.j:n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),dt=t=>t&&t["s-ol"]||t,ht=(t,e,n=!1)=>{const o=e.O=t.O,l=t.m,s=e.m,i=e.S,r=e.v;let c;null===r?(it="svg"===i||"foreignObject"!==i&&it,("slot"!==i||ot)&&et(t,e,it),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,a=0,u=0,f=e.length-1,d=e[0],h=e[f],v=o.length-1,p=o[0],m=o[v];for(;r<=f&&c<=v;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==p)p=o[++c];else if(null==m)m=o[--v];else if(ft(d,p,l))ht(d,p,l),d=e[++r],p=o[++c];else if(ft(h,m,l))ht(h,m,l),h=e[--f],m=o[--v];else if(ft(d,m,l))"slot"!==d.S&&"slot"!==m.S||ct(d.O.parentNode,!1),ht(d,m,l),yt(t,d.O,h.O.nextSibling),d=e[++r],m=o[--v];else if(ft(h,p,l))"slot"!==d.S&&"slot"!==m.S||ct(h.O.parentNode,!1),ht(h,p,l),yt(t,h.O,d.O),h=e[--f],p=o[++c];else{for(a=-1,u=r;u<=f;++u)if(e[u]&&null!==e[u].$&&e[u].$===p.$){a=u;break}a>=0?(i=e[a],i.S!==p.S?s=rt(e&&e[c],n,a):(ht(i,p,l),e[a]=void 0,s=i.O),p=o[++c]):(s=rt(e&&e[c],n,c),p=o[++c]),s&&yt(dt(d.O).parentNode,s,dt(d.O))}r>f?at(t,null==o[v+1]?null:o[v+1].O,n,o,c,v):c>v&&ut(e,r,f)})(o,l,e,s,n):null!==s?(null!==t.v&&(o.textContent=""),at(o,null,e,s,0,s.length-1)):!n&&null!==l&&ut(l,0,l.length-1),it&&"svg"===i&&(it=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:t.v!==r&&(o.data=r)},vt=[],pt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(H(e,l)){let n=vt.find((t=>t.C===e));lt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.C["s-sh"]=t["s-hn"],n.R=t):(e["s-sh"]=t["s-hn"],vt.push({R:t,C:e})),e["s-sr"]&&vt.map((t=>{H(t.C,e["s-sn"])&&(n=vt.find((t=>t.C===e)),n&&!t.R&&(t.R=n.R))}))}else vt.some((t=>t.C===e))||vt.push({C:e})}1===t.nodeType&&pt(t)}},mt=t=>{t.p&&t.p.ref&&t.p.ref(null),t.m&&t.m.map(mt)},yt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),bt=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},wt=(t,e)=>{if(t.u|=16,!(4&t.u))return bt(t,t.T),O((()=>$t(t,e)));t.u|=512},$t=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.u|=256,t.P&&(t.P.map((([t,e])=>Et(o,t,e,n))),t.P=void 0),l=Et(o,"componentWillLoad",void 0,n)):l=Et(o,"componentWillUpdate",void 0,n),l=gt(l,(()=>Et(o,"componentWillRender",void 0,n))),gt(l,(()=>St(t,o,e)))},gt=(t,e)=>jt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),jt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,St=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n;const o=K(e),l=c.get(o);if(t=11===t.nodeType?t:h,l)if("string"==typeof l){let s,i=J.get(t=t.head||t);if(i||J.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||h.createElement("style"),s.innerHTML=l;const i=null!=(n=v.A)?n:C(h);if(null!=i&&s.setAttribute("nonce",i),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(m){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.u&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.u&&(s.innerHTML+=a),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);Ot(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>kt(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},Ot=(t,e,n,o)=>{try{e=e.render&&e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,l,s,i;const r=t.$hostElement$,c=t.o,a=t.L||W(null,null),u=(t=>t&&t.S===U)(e)?e:N(null,null,e);if(D=r.tagName,c.D&&(u.p=u.p||{},c.D.map((([t,e])=>u.p[e]=r[t]))),n&&u.p)for(const t of Object.keys(u.p))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(u.p[t]=r[t]);if(u.S=null,u.u|=4,t.L=u,u.O=a.O=r.shadowRoot||r,ot=!!(1&c.u),L=r["s-cr"],lt=!1,ht(a,u,n),v.u|=1,st){pt(u.O);for(const t of vt){const e=t.C;if(!e["s-ol"]){const t=h.createTextNode("");t["s-nr"]=e,yt(e.parentNode,e["s-ol"]=t,e)}}for(const t of vt){const e=t.C,r=t.R;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),yt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}lt&&P(u.O),v.u&=-2,vt.length=0,L=void 0})(t,e,o)}catch(e){i(e,t.$hostElement$)}return null},kt=t=>{const e=t.$hostElement$,n=t.i,o=t.T;Et(n,"componentDidRender",void 0,e),64&t.u||(t.u|=64,xt(e),Et(n,"componentDidLoad",void 0,e),t.F(e),o||Ct()),t.H(e),t.M&&(t.M(),t.M=void 0),512&t.u&&S((()=>wt(t,!1))),t.u&=-517},Ct=()=>{xt(h.documentElement),S((()=>I(d,"appload",{detail:{namespace:"post-components"}})))},Et=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){i(t,o)}},xt=t=>t.setAttribute(null!="data-hydrated"?"data-hydrated":"hydrated",""),Rt=(t,e,n,l)=>{const s=o(t);if(!s)throw Error(`Couldn't find host element for "${l.k}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.$hostElement$,c=s.l.get(e),a=s.u,u=s.i;if(n=G(n,l.t[e][0]),(!(8&a)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.l.set(e,n),u)){if(l.N&&128&a){const t=l.N[e];t&&t.map((t=>{try{u[t](n,c,e)}catch(t){i(t,r)}}))}2==(18&a)&&wt(s,!1)}},Mt=(t,e,n)=>{var l,s;const i=t.prototype;if(64&e.u&&1&n&&f.forEach((t=>{Object.defineProperty(i,t,{value(...e){const n=o(this),l=n.i;if(l){const n=l[t];"function"==typeof n&&n.call(l,...e)}else n.W.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})})),e.t||e.N||t.watchers){t.watchers&&!e.N&&(e.N=t.watchers);const r=Object.entries(null!=(l=e.t)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&n&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),(1&n||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>o(this).l.get(e))(0,t);const n=o(this),l=n?n.i:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=o(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.l.get(t)?s=i.l.get(t):!i.l.get(t)&&n&&i.l.set(t,n),r.call(this,G(s,l)),void Rt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return Rt(this,t,s,e),void(1&n&&!i.i&&i.W.then((()=>{4096&e.t[t][0]&&i.i[t]!==i.l.get(t)&&(i.i[t]=s)})));const o=()=>{const n=i.i[t];!i.l.get(t)&&n&&i.l.set(t,n),i.i[t]=G(s,l),Rt(this,t,i.i[t],e)};i.i?o():i.W.then((()=>o()))}}})}else 1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=o(this);return null==(n=null==l?void 0:l.U)?void 0:n.then((()=>{var n;return null==(n=l.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,s){v.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=o(this),i=null==n?void 0:n.u;if(i&&!(8&i)&&128&i&&s!==l){const o=n.i,i=null==(r=e.N)?void 0:r[t];null==i||i.forEach((e=>{null!=o[e]&&o[e].call(o,s,l,t)}))}return}}const a=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||a.get&&!a.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.N)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,o])=>{var l;const s=o[1]||t;return n.set(s,t),512&o[0]&&(null==(l=e.D)||l.push([t,s])),s}))]))}}return t},Tt=(t,e)=>{Et(t,"connectedCallback",void 0,e)},Pt=(t,e)=>{Et(t,"disconnectedCallback",void 0,e||t)},At=(t,e={})=>{var l;const s=[],u=e.exclude||[],f=d.customElements,p=h.head,y=p.querySelector("meta[charset]"),b=h.createElement("style"),w=[];let $,g=!0;Object.assign(v,e),v.h=new URL(e.resourcesUrl||"./",h.baseURI).href;let j=!1;if(t.map((t=>{t[1].map((e=>{var l;const a={u:e[0],k:e[1],t:e[2],B:e[3]};4&a.u&&(j=!0),a.t=e[2],a.B=e[3],a.D=[],a.N=null!=(l=e[4])?l:{};const d=a.k,p=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const o={u:0,$hostElement$:t,o:e,l:new Map};o.U=new Promise((t=>o.H=t)),o.W=new Promise((t=>o.F=t)),t["s-p"]=[],t["s-rc"]=[],n.set(t,o)})(t=this,a),1&a.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${a.k}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){const t=o(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Lt(this,t,a.B)),$&&(clearTimeout($),$=null),g?w.push(this):v.jmp((()=>(t=>{if(!(1&v.u)){const e=o(t),n=e.o,l=()=>{};if(1&e.u)Lt(t,e,n.B),(null==e?void 0:e.i)?Tt(e.i,t):(null==e?void 0:e.W)&&e.W.then((()=>Tt(e.i,t)));else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=h.createComment("");e["s-cn"]=!0,yt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){bt(e,e.T=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){e.u|=32;{const l=((t,e)=>{const n=t.k.replace(/-/g,"_"),o=t.V;if(!o)return;const l=r.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(r.set(o,t),t[n])),(t=>{i(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.k}#${e.q}" was not found`);o.isProxied||(n.N=o.watchers,Mt(o,n,2),o.isProxied=!0);const s=()=>{};e.u|=8;try{new o(e)}catch(e){i(e,t)}e.u&=-9,e.u|=128,s(),Tt(e.i,t)}if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=K(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);m&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.T,s=()=>wt(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}l()}})(this)))}disconnectedCallback(){v.jmp((()=>(async t=>{if(!(1&v.u)){const e=o(t);e.G&&(e.G.map((t=>t())),e.G=void 0),(null==e?void 0:e.i)?Pt(e.i,t):(null==e?void 0:e.W)&&e.W.then((()=>Pt(e.i,t)))}J.has(t)&&J.delete(t),t.shadowRoot&&J.has(t.shadowRoot)&&J.delete(t.shadowRoot)})(this))),v.raf((()=>{var t;const e=o(this);(null==(t=null==e?void 0:e.L)?void 0:t.O)instanceof Node&&!e.L.O.isConnected&&delete e.L.O}))}componentOnReady(){return o(this).W}};64&a.u&&(p.formAssociated=!0),a.V=t[0],u.includes(d)||f.get(d)||(s.push(d),f.define(d,Mt(p,a,1)))}))})),s.length>0&&(j&&(b.textContent+=a),b.textContent+=s.sort()+"{visibility:hidden}[data-hydrated]{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const t=null!=(l=v.A)?l:C(h);null!=t&&b.setAttribute("nonce",t),p.insertBefore(b,y?y.nextSibling:p.firstChild)}g=!1,w.length?w.map((t=>t.connectedCallback())):v.jmp((()=>$=setTimeout(Ct,30)))},Lt=(t,e,n)=>{n&&n.map((([n,o,l])=>{const s=Ft(t,n),i=Dt(e,l),r=Ht(n);v.ael(s,o,i,r),(e.G=e.G||[]).push((()=>v.rel(s,o,i,r)))}))},Dt=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.P=t.P||[]).push([e,n])}catch(e){i(e,t.$hostElement$)}},Ft=(t,e)=>8&e?d:t,Ht=t=>({passive:!!(1&t),capture:!!(2&t)}),Nt=t=>v.A=t;export{U as H,At as b,z as c,_ as g,N as h,p,l as r,Nt as s}

package/dist/post-components/p-dc8a4c6f.js

@@ -0,0 +1 @@
+import{g as e,r as o,h as t,H as s}from"./p-d9833667.js";import{v as i}from"./p-74e13cb1.js";import{g as r}from"./p-9748a355.js";let c=0;const n="data-popover-target",a=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(n);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(n,(e=>{const o=e.hasAttribute(n);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}placement="top";closeButtonCaption;arrow=!0;constructor(e){o(this,e),this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",a),window.addEventListener("keydown",a),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[n]})),c++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",a),window.removeEventListener("keydown",a),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${n}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"a7976e6c960015ed9b318c75fc8a74afc2337661","data-version":i},t("post-popovercontainer",{key:"1b71f4bce3a6866e19c3900c0e82f814508f8144",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"b15e45e7fd31edc36fa4c912332984daf0ce9cbc",class:"popover-container"},t("div",{key:"adc170a2738c7f88c60e8885d8ee84f10fa1d546",class:"popover-content"},t("slot",{key:"235dbd1a184353de8d8da038c8c31e3dd7f6dab7"})),t("button",{key:"679fccf088d5589b548ec2186facc6c767aace93",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"e8f61719cc6e9b6ddf85756005f17b9103406055",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}

package/dist/post-components/p-e725b6f4.js

@@ -0,0 +1 @@
+import{r as t,g as o,h as e,H as i}from"./p-d9833667.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-74e13cb1.js";import{c}from"./p-8562c7dc.js";import{c as n}from"./p-b095519d.js";const l=class{constructor(o){t(this,o)}get el(){return o(this)}label;belowFold=!1;translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.el,this.translateY):r(this.el,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this.label,"string","The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set."),n(this.label,"The label property of the Back to Top component must not be empty. Please provide a proper text for the label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.el).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.el.style.transform=`translateY(${this.translateY})`),this.belowFold&&s(this.el,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"c718f2e4cd8ee679cabf72cba7a493770fab2585","data-version":a},e("button",{key:"9573fafeb9f4a81b82331f82d42caede5bc8d625",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"7041105b5bb9dbea36999699c9d77d5eca272984","aria-hidden":"true",name:"3026"}),e("span",{key:"e8ad9cc2b468d304b01221da24e870b90701cb92",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};l.style=":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{l as P}

package/dist/post-components/p-ecc6a8fa.entry.js

@@ -0,0 +1 @@
+export{P as post_back_to_top}from"./p-e725b6f4.js";import"./p-d9833667.js";import"./p-4af6dbed.js";import"./p-74e13cb1.js";import"./p-8562c7dc.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-fed91ff7.entry.js

@@ -0,0 +1 @@
+export{P as post_rating}from"./p-2ea6e06e.js";import"./p-d9833667.js";import"./p-74e13cb1.js";

package/dist/post-components/post-components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-0e216cc4.js";export{s as setNonce}from"./p-0e216cc4.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-85bf673e",[[1,"post-breadcrumb",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateUrl"]}]]],["p-9a50697e",[[1,"post-footer",{label:[1],isMobile:[32]}]]],["p-bd49bb7e",[[1,"post-back-to-top",{label:[1],belowFold:[32]},null,{belowFold:["watchBelowFold"],label:["validateLabel"]}]]],["p-3a978ea9",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}]]],["p-68c43ef0",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-427132e3",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-c043686c",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-8decb072",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-2b4c7ec7",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-6e39bb59",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-2f327006",[[1,"post-avatar",{firstname:[1],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"]}]]],["p-72d9d594",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-5e5ee06d",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-29bc8ddc",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-92f8803c",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-d6449a93",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},null,{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-closebutton"],[4,"post-megadropdown",{isVisible:[32],animationClass:[32],toggle:[64],show:[64]}],[1,"post-header",{device:[32],mobileMenuExtended:[32],toggleMobileMenu:[64]},null,{mobileMenuExtended:["frozeBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-mainnavigation"],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]},null,{toggled:["validateToggled"]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[4,"post-menu-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],arrow:[4],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-c9f65844",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-5630677a",[[1,"post-breadcrumb-item",{url:[1]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
+import{p as e,b as a}from"./p-d9833667.js";export{s as setNonce}from"./p-d9833667.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-5cc36eb9",[[1,"post-breadcrumb",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateUrl"]}]]],["p-16c08e07",[[1,"post-footer",{label:[1],isMobile:[32]}]]],["p-ecc6a8fa",[[1,"post-back-to-top",{label:[1],belowFold:[32]},null,{belowFold:["watchBelowFold"],label:["validateLabel"]}]]],["p-ad2a716a",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}]]],["p-05d809f2",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-52508346",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-fed91ff7",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-a7683dcd",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-5a051654",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-ce4a94d4",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-3a408d41",[[1,"post-avatar",{firstname:[1],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"]}]]],["p-23a94c36",[[4,"post-linkarea"]]],["p-9bf305da",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-16f883f9",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-5b058c27",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-b64f5ba4",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-a680d8b0",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},null,{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-closebutton"],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32],translateAmount:[32]},[[9,"mouseup","stopScrolling"]],{translateAmount:["onTranslateAmountChanges"]}],[1,"post-header",{device:[32],mobileMenuExtended:[32],toggleMobileMenu:[64]},null,{mobileMenuExtended:["frozeBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-megadropdown",{device:[32],isVisible:[32],animationClass:[32],toggle:[64],show:[64],hide:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]},null,{toggled:["validateToggled"]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[4,"post-menu-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{manualClose:[4,"manual-close"],placement:[1],edgeGap:[2,"edge-gap"],arrow:[4],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-66552bf5",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-902e52fb",[[1,"post-breadcrumb-item",{url:[1]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));

package/dist/types/components/post-header/post-header.d.ts

@@ -1,4 +1,5 @@
-type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
+import { EventEmitter } from '../../stencil-public-runtime';
+export type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
 /**
  * @slot post-logo - Should be used together with the `<post-logo>` component.
  * @slot meta-navigation - Holds an `<ul>` with meta navigation links.
@@ -9,6 +10,8 @@ type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
  * @slot post-mainnavigation - Has a default slot because it's only meant to be used in the `<post-header>`.
  */
 export declare class PostHeader {
+    private firstFocusableEl;
+    private lastFocusableEl;
     private scrollParent;
     private mobileMenu;
     private mobileMenuAnimation;
@@ -19,15 +22,21 @@ export declare class PostHeader {
     device: DEVICE_SIZE;
     mobileMenuExtended: boolean;
     frozeBody(isMobileMenuExtended: boolean): void;
+    /**
+     * An event emitted when the device has changed
+     */
+    postUpdateDevice: EventEmitter<DEVICE_SIZE>;
     /**
      * Toggles the mobile navigation.
      */
     toggleMobileMenu(): Promise<void>;
+    private getFocusableElements;
+    private keyboardHandler;
     private handleScrollEvent;
     private getScrollParent;
     private isScrollable;
     private handleResize;
     private switchLanguageSwitchMode;
+    private renderNavigation;
     render(): any;
 }
-export {};

package/dist/types/components/post-language-switch/post-language-switch.d.ts

@@ -15,7 +15,7 @@ export declare class PostLanguageSwitch {
      * Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)
      */
     variant: SwitchVariant;
-    validateVariant(value?: "list" | "menu"): void;
+    validateVariant(value?: "menu" | "list"): void;
     /**
      * The active language of the language switch
      */

package/dist/types/components/post-linkarea/post-linkarea.d.ts

@@ -0,0 +1,5 @@
+export declare class PostLinkarea {
+    hostElement: HTMLPostLinkareaElement;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts

@@ -1,19 +1,73 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PostMainnavigation {
     private header;
+    private navbar;
+    private rightScrollButton;
+    private leftScrollButton;
+    private scrollRepeatInterval;
+    private navbarDisableTimer;
+    private mutationObserver;
     host: HTMLPostMainnavigationElement;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    translateAmount: number;
     /**
-     * Gets emitted when a user closes the main navigation on mobile
+     * Update navbar translation when 'translateAmount' changes and recalculate scrollability
      */
-    postToggle: EventEmitter;
+    onTranslateAmountChanges(value: number): void;
     /**
      * Retrieves a reference to the closest 'post-header' element when the main navigation is added to the DOM.
+     * This ensures that we can interact with the header for mobile menu toggling.
      */
     connectedCallback(): void;
     /**
      * Cleans up references and disconnects the MutationObserver when the main navigation is removed from the DOM.
      */
     disconnectedCallback(): void;
+    componentDidLoad(): void;
     private handleBackButtonClick;
+    /**
+     * Moves focus on the navbar and adjusts scrolling to bring focused element into view.
+     */
+    private adjustTranslation;
+    /**
+     * Checks if scrolling is possible in either direction (left or right) and updates the state accordingly.
+     */
+    private checkScrollability;
+    /**
+     * Returns whether scrolling is enabled in either the left or right direction.
+     */
+    private get canScroll();
+    /**
+     * Handles the scrolling behavior when a user clicks on the left or right scroll buttons.
+     */
+    private handleScrollButtonClick;
+    /**
+     * Stops the repeated scrolling when the mouse button is released.
+     */
+    stopScrolling(): void;
+    private scroll;
+    private translateRightTo;
+    private translateLeftTo;
+    /**
+     * Calculate the margin required for focus outline around navigation items
+     */
+    private getFocusMargin;
+    /**
+     * Returns the navigation list container element
+     */
+    private get navigationList();
+    /**
+     * Returns the navigation items
+     */
+    private get navigationItems();
+    /**
+     * Temporarily disables interactions with the navbar during scrolling to prevent accidental clicks.
+     * Re-enables interactions after a brief delay to avoid blocking the user entirely.
+     */
+    private disableNavbar;
+    /**
+     * Allows to translate the navbar without a transition
+     */
+    private withoutTransition;
     render(): any;
 }

package/dist/types/components/post-megadropdown/post-megadropdown.d.ts

@@ -1,36 +1,50 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { DEVICE_SIZE } from '../post-header/post-header';
 export declare class PostMegadropdown {
-    private popoverRef;
+    private header;
+    private firstFocusableEl;
+    private lastFocusableEl;
+    device: DEVICE_SIZE;
     host: HTMLPostMegadropdownElement;
+    /** Tracks the currently active dropdown instance. */
+    private static activeDropdown;
     /**
      * Holds the current visibility state of the dropdown.
      * This state is internally managed to track whether the dropdown is open (`true`) or closed (`false`),
      * and updates automatically when the dropdown is toggled.
      */
     isVisible: boolean;
+    /** Holds the current animation class. */
     animationClass: string | null;
     /**
      * Emits when the dropdown is shown or hidden.
      * The event payload is a boolean: `true` when the dropdown was opened, `false` when it was closed.
      **/
     postToggleMegadropdown: EventEmitter<boolean>;
-    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    componentWillRender(): void;
     /**
      * Toggles the dropdown visibility based on its current state.
      */
-    toggle(target: HTMLElement): Promise<void>;
+    toggle(): Promise<void>;
     /**
-     * Displays the popover dropdown
-     *
-     * @param target - The HTML element relative to which the popover dropdown should be displayed.
+     * Displays the dropdown.
      */
-    show(target: HTMLElement): Promise<void>;
+    show(): Promise<void>;
     /**
-     * Hides the popover dropdown
+     * Hides the dropdown with an animation.
      */
-    private hide;
-    private handleBackButtonClick;
-    private handleCloseButtonClick;
-    private handleFocusout;
+    hide(): Promise<void>;
+    connectedCallback(): void;
+    /**
+     * Forces the dropdown to close without animation.
+     */
+    private forceClose;
+    private handleAnimationEnd;
+    private handleClickOutside;
+    private addOutsideClickListener;
+    private removeOutsideClickListener;
+    private getFocusableElements;
+    private keyboardHandler;
     render(): any;
 }

package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts

@@ -20,6 +20,10 @@ export declare class PostPopovercontainer {
      * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
      */
     postToggle: EventEmitter<boolean>;
+    /**
+     * Whether or not the popover should close when user clicks outside of it
+     */
+    manualClose: boolean;
     /**
      * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
      * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted

package/dist/types/components.d.ts

@@ -7,10 +7,12 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { HeadingLevel } from "./types/index";
 import { BannerType } from "./components/post-banner/banner-types";
+import { DEVICE_SIZE } from "./components/post-header/post-header";
 import { SwitchVariant } from "./components/post-language-switch/switch-variants";
 import { Placement } from "@floating-ui/dom";
 export { HeadingLevel } from "./types/index";
 export { BannerType } from "./components/post-banner/banner-types";
+export { DEVICE_SIZE } from "./components/post-header/post-header";
 export { SwitchVariant } from "./components/post-language-switch/switch-variants";
 export { Placement } from "@floating-ui/dom";
 export namespace Components {
@@ -269,6 +271,8 @@ export namespace Components {
          */
         "variant": SwitchVariant;
     }
+    interface PostLinkarea {
+    }
     interface PostList {
         /**
           * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
@@ -291,14 +295,17 @@ export namespace Components {
     }
     interface PostMegadropdown {
         /**
-          * Displays the popover dropdown
-          * @param target - The HTML element relative to which the popover dropdown should be displayed.
+          * Hides the dropdown with an animation.
          */
-        "show": (target: HTMLElement) => Promise<void>;
+        "hide": () => Promise<void>;
+        /**
+          * Displays the dropdown.
+         */
+        "show": () => Promise<void>;
         /**
           * Toggles the dropdown visibility based on its current state.
          */
-        "toggle": (target: HTMLElement) => Promise<void>;
+        "toggle": () => Promise<void>;
     }
     interface PostMegadropdownTrigger {
         /**
@@ -375,6 +382,10 @@ export namespace Components {
           * Programmatically hide this tooltip
          */
         "hide": () => Promise<void>;
+        /**
+          * Whether or not the popover should close when user clicks outside of it
+         */
+        "manualClose": boolean;
         /**
           * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
          */
@@ -494,13 +505,13 @@ export interface PostCollapsibleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostCollapsibleElement;
 }
-export interface PostLanguageOptionCustomEvent<T> extends CustomEvent<T> {
+export interface PostHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLPostLanguageOptionElement;
+    target: HTMLPostHeaderElement;
 }
-export interface PostMainnavigationCustomEvent<T> extends CustomEvent<T> {
+export interface PostLanguageOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLPostMainnavigationElement;
+    target: HTMLPostLanguageOptionElement;
 }
 export interface PostMegadropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -632,7 +643,18 @@ declare global {
         prototype: HTMLPostFooterElement;
         new (): HTMLPostFooterElement;
     };
+    interface HTMLPostHeaderElementEventMap {
+        "postUpdateDevice": DEVICE_SIZE;
+    }
     interface HTMLPostHeaderElement extends Components.PostHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostHeaderElementEventMap>(type: K, listener: (this: HTMLPostHeaderElement, ev: PostHeaderCustomEvent<HTMLPostHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostHeaderElementEventMap>(type: K, listener: (this: HTMLPostHeaderElement, ev: PostHeaderCustomEvent<HTMLPostHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostHeaderElement: {
         prototype: HTMLPostHeaderElement;
@@ -670,6 +692,12 @@ declare global {
         prototype: HTMLPostLanguageSwitchElement;
         new (): HTMLPostLanguageSwitchElement;
     };
+    interface HTMLPostLinkareaElement extends Components.PostLinkarea, HTMLStencilElement {
+    }
+    var HTMLPostLinkareaElement: {
+        prototype: HTMLPostLinkareaElement;
+        new (): HTMLPostLinkareaElement;
+    };
     interface HTMLPostListElement extends Components.PostList, HTMLStencilElement {
     }
     var HTMLPostListElement: {
@@ -688,18 +716,7 @@ declare global {
         prototype: HTMLPostLogoElement;
         new (): HTMLPostLogoElement;
     };
-    interface HTMLPostMainnavigationElementEventMap {
-        "postToggle": any;
-    }
     interface HTMLPostMainnavigationElement extends Components.PostMainnavigation, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPostMainnavigationElementEventMap>(type: K, listener: (this: HTMLPostMainnavigationElement, ev: PostMainnavigationCustomEvent<HTMLPostMainnavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLPostMainnavigationElementEventMap>(type: K, listener: (this: HTMLPostMainnavigationElement, ev: PostMainnavigationCustomEvent<HTMLPostMainnavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostMainnavigationElement: {
         prototype: HTMLPostMainnavigationElement;
@@ -862,6 +879,7 @@ declare global {
         "post-icon": HTMLPostIconElement;
         "post-language-option": HTMLPostLanguageOptionElement;
         "post-language-switch": HTMLPostLanguageSwitchElement;
+        "post-linkarea": HTMLPostLinkareaElement;
         "post-list": HTMLPostListElement;
         "post-list-item": HTMLPostListItemElement;
         "post-logo": HTMLPostLogoElement;
@@ -1040,6 +1058,10 @@ declare namespace LocalJSX {
         "label": string;
     }
     interface PostHeader {
+        /**
+          * An event emitted when the device has changed
+         */
+        "onPostUpdateDevice"?: (event: PostHeaderCustomEvent<DEVICE_SIZE>) => void;
     }
     /**
      * @class PostIcon - representing a stencil component
@@ -1114,6 +1136,8 @@ declare namespace LocalJSX {
          */
         "variant"?: SwitchVariant;
     }
+    interface PostLinkarea {
+    }
     interface PostList {
         /**
           * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
@@ -1133,10 +1157,6 @@ declare namespace LocalJSX {
         "url"?: string | URL;
     }
     interface PostMainnavigation {
-        /**
-          * Gets emitted when a user closes the main navigation on mobile
-         */
-        "onPostToggle"?: (event: PostMainnavigationCustomEvent<any>) => void;
     }
     interface PostMegadropdown {
         /**
@@ -1191,6 +1211,10 @@ declare namespace LocalJSX {
           * Gap between the edge of the page and the popover
          */
         "edgeGap"?: number;
+        /**
+          * Whether or not the popover should close when user clicks outside of it
+         */
+        "manualClose"?: boolean;
         /**
           * Fires whenever the popover gets shown or hidden, passing the new state in event.details as a boolean
          */
@@ -1299,6 +1323,7 @@ declare namespace LocalJSX {
         "post-icon": PostIcon;
         "post-language-option": PostLanguageOption;
         "post-language-switch": PostLanguageSwitch;
+        "post-linkarea": PostLinkarea;
         "post-list": PostList;
         "post-list-item": PostListItem;
         "post-logo": PostLogo;
@@ -1345,6 +1370,7 @@ declare module "@stencil/core" {
             "post-icon": LocalJSX.PostIcon & JSXBase.HTMLAttributes<HTMLPostIconElement>;
             "post-language-option": LocalJSX.PostLanguageOption & JSXBase.HTMLAttributes<HTMLPostLanguageOptionElement>;
             "post-language-switch": LocalJSX.PostLanguageSwitch & JSXBase.HTMLAttributes<HTMLPostLanguageSwitchElement>;
+            "post-linkarea": LocalJSX.PostLinkarea & JSXBase.HTMLAttributes<HTMLPostLinkareaElement>;
             "post-list": LocalJSX.PostList & JSXBase.HTMLAttributes<HTMLPostListElement>;
             "post-list-item": LocalJSX.PostListItem & JSXBase.HTMLAttributes<HTMLPostListItemElement>;
             "post-logo": LocalJSX.PostLogo & JSXBase.HTMLAttributes<HTMLPostLogoElement>;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { Components, JSX } from './components';
+export { Components, JSX, PostHeaderCustomEvent } from './components';
 export { PostAccordion } from './components/post-accordion/post-accordion';
 export { PostAccordionItem } from './components/post-accordion-item/post-accordion-item';
 export { PostAvatar } from './components/post-avatar/post-avatar';
@@ -11,10 +11,11 @@ export { PostClosebutton } from './components/post-closebutton/post-closebutton'
 export { PostCollapsible } from './components/post-collapsible/post-collapsible';
 export { PostCollapsibleTrigger } from './components/post-collapsible-trigger/post-collapsible-trigger';
 export { PostFooter } from './components/post-footer/post-footer';
-export { PostHeader } from './components/post-header/post-header';
+export { PostHeader, DEVICE_SIZE } from './components/post-header/post-header';
 export { PostIcon } from './components/post-icon/post-icon';
 export { PostLanguageOption } from './components/post-language-option/post-language-option';
 export { PostLanguageSwitch } from './components/post-language-switch/post-language-switch';
+export { PostLinkarea } from './components/post-linkarea/post-linkarea';
 export { PostList } from './components/post-list/post-list';
 export { PostListItem } from './components/post-list-item/post-list-item';
 export { PostLogo } from './components/post-logo/post-logo';