@swisspost/design-system-components 10.0.0-next.51 → 10.0.0-next.53

package/dist/post-components/{p-759510e5.entry.js → p-b3bc89ad.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,a}from"./p-C8a0ddDa.js";import{v as s}from"./p-DgSkXfqW.js";import{c as r,a as o,e as n}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h||(h={}));const c=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){o(this,"description","string")}validateUserId(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",d)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=h.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(c.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(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("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter((t=>t)).map((t=>t.trim())),a=t.map((t=>t.charAt(0))).join("").trim(),r=t.join(" ");return i(e,{key:"9e596623d1949c62b1f110e311b839d244b249ef","data-version":s},i("span",{key:"6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"95e8809133eb0de4382e9dc521eda877a6be5a8b",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"cb2ed3eab02f28369911997a94617efaeaa5c00a",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"5565b06795c4651537b20e9abd33492d7cb8a9d1",class:"initials"},a,i("span",{key:"58ac3ee3a664a13ff82fc201e04e1896e409fbf1"},this.description??r)))}get host(){return a(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}}};c.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",c.style=':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;font-weight:400}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{c as post_avatar}
+import{r as t,h as i,H as e,a}from"./p-CFNKgUjL.js";import{v as s}from"./p-DeqIcjvO.js";import{c as r,a as o,e as n}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const h=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var d;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(d||(d={}));const c=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){o(this,"description","string")}validateUserId(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",h)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=d.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(h)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=d.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=d.Image,!0)}async fetchImageByUserId(){return await fetch(c.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(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("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=d.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter((t=>t)).map((t=>t.trim())),a=t.map((t=>t.charAt(0))).join("").trim(),r=t.join(" ");return i(e,{key:"9e596623d1949c62b1f110e311b839d244b249ef","data-version":s},i("span",{key:"6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"95e8809133eb0de4382e9dc521eda877a6be5a8b",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"cb2ed3eab02f28369911997a94617efaeaa5c00a",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"5565b06795c4651537b20e9abd33492d7cb8a9d1",class:"initials"},a,i("span",{key:"58ac3ee3a664a13ff82fc201e04e1896e409fbf1"},this.description??r)))}get host(){return a(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}}};c.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",c.style=':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;font-weight:400}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{c as post_avatar}

package/dist/post-components/{p-e764835b.entry.js → p-be376a2b.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-DgSkXfqW.js";import{I as r}from"./p-CJ80BZ06.js";import{a as h,c as l}from"./p-VmK3ABCB.js";import{E as c}from"./p-CzIKqBrS.js";import{g as n}from"./p-CBFgkSgY.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"3a11f1a60c536544881def998bcdf81f6d248837","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"6ea66375cdffefd02c8293aa1542c4cbfce905a4"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"d0851c032e622f4a182e1321331e84eaa0440245","data-version":a},i("slot",{key:"d495c42f409de0f9230c01031ecddab69cead1b7"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([c("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}
+import{r as t,c as s,h as i,H as e,a as o}from"./p-CFNKgUjL.js";import{v as a}from"./p-DeqIcjvO.js";import{I as r}from"./p-CJ80BZ06.js";import{a as h,c as l}from"./p-VmK3ABCB.js";import{E as c}from"./p-CzIKqBrS.js";import{g as n}from"./p-CBFgkSgY.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},g=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"3a11f1a60c536544881def998bcdf81f6d248837","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"6ea66375cdffefd02c8293aa1542c4cbfce905a4"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};g.style=":host{display:block;position:relative;overflow:hidden}";const f=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"d0851c032e622f4a182e1321331e84eaa0440245","data-version":a},i("slot",{key:"d495c42f409de0f9230c01031ecddab69cead1b7"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([c("post-collapsible")],f.prototype,"handlePostToggle",null);export{g as post_collapsible,f as post_collapsible_trigger}

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

@@ -0,0 +1 @@
+import{r as e,h as t,H as s,a as i}from"./p-CFNKgUjL.js";import{v as a}from"./p-DeqIcjvO.js";const c=`:where(${["a"].join(",")})`,n=class{constructor(t){e(this,t),this.mutationObserver=new MutationObserver(this.checkInteractiveElements.bind(this))}dispatchClick({ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}){this.interactiveElements[0]?.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}))}checkInteractiveElements(){this.interactiveElements=this.host.querySelectorAll(c),this.interactiveElements.length>1&&console.error(`The \`post-linkarea\` currently contains ${this.interactiveElements.length} interactive elements when it should contain only one.`)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentWillLoad(){this.checkInteractiveElements()}disconnectedCallback(){this.mutationObserver.disconnect()}render(){return t(s,{key:"faa2a8c9b2fc4261496e0dbb091bae2aeee04e3b","data-version":a,onClick:e=>this.dispatchClick(e),tabindex:"0"},t("slot",{key:"57c30507720e9a04436cb4e518aa19b023cd2c39"}))}get host(){return i(this)}};n.style=":host{display:block;cursor:pointer}";export{n as post_linkarea}

package/dist/post-components/{p-0b1143d4.entry.js → p-d288a9b1.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as r,a as e}from"./p-C8a0ddDa.js";import{v as a}from"./p-DgSkXfqW.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";import{n as l}from"./p-BLchVpF6.js";const c=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return t(r,{key:"387d9db0111153ca4a7da1a9ad600daeafa3b7a1",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"62126f05530776ca45b151b00834fa0c68c5b26e"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{c as post_tab_header}
+import{r as o,h as t,H as r,a as e}from"./p-CFNKgUjL.js";import{v as a}from"./p-DeqIcjvO.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";import{n as l}from"./p-BLchVpF6.js";const c=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return t(r,{key:"5d9cfad4e62285e8b64a5f597e3d38d451dd493f",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"679874586fb55510af17838ef73403c8b7a33ddc"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{c as post_tab_header}

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

@@ -0,0 +1 @@
+import{r as t,h as e,H as o,a}from"./p-CFNKgUjL.js";import{P as s}from"./p-DRiVosES.js";import{v as i}from"./p-DeqIcjvO.js";import{g as r}from"./p-D9ZHp2FP.js";import{d as p,c}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const n=class{constructor(e){t(this,e),this.placement="top",this.arrow=!0}validatePlacement(){p(this,"placement",s)}validateCloseButtonCaption(){c(this,"closeButtonCaption","string")}componentDidLoad(){this.validatePlacement(),this.validateCloseButtonCaption()}async show(t){this.popoverRef.show(t)}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e);const o=r(this.host)[0];o&&o.focus()}render(){return e(o,{key:"82f8d89013b8ddb37fb924c9608ba394c669f35a","data-version":i},e("post-popovercontainer",{key:"cf276e5faf65ae27bc0d8e51779de5470a1e49a3",arrow:this.arrow,placement:this.placement,ref:t=>this.popoverRef=t},e("div",{key:"9ab455b2ee7d7f082dc6fc588d519d7a362cad8c",class:"popover-container"},e("div",{key:"b3b468da2ff7ccb2a47d69a1841488359763e927",class:"popover-content"},e("slot",{key:"a32099475baaca02ce41350e36d363614a6f83ef"})),e("post-closebutton",{key:"eac806bd1e6652cacce58fb7e915d66e82c24980",onClick:()=>this.hide()},this.closeButtonCaption))))}get host(){return a(this)}static get watchers(){return{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}}};n.style="*{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{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}";export{n as post_popover}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as a,H as r,a as i}from"./p-CFNKgUjL.js";import{v as e}from"./p-DeqIcjvO.js";import{c as o}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const n=class{validateLabel(){o(this,"label","string")}validateStars(){o(this,"stars","number")}validateCurrentRating(){o(this,"currentRating","number")}componentWillLoad(){this.validateLabel(),this.validateStars(),this.validateCurrentRating()}constructor(a){t(this,a),this.postInput=s(this,"postInput"),this.postChange=s(this,"postChange"),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return a(r,{key:"9089061145d80c4791a56580d107d6fab88f1d6d","data-version":e},a("div",{key:"81f0ba286541aecf6ddfd2e2fa113526a02abdcd",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>a("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},a("post-icon",{name:"favoritestar",class:"stroke"}),a("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}}};n.style=":host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{n as post_rating}

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

@@ -0,0 +1 @@
+import{r as e,h as t,H as o,a as i}from"./p-CFNKgUjL.js";import{v as r}from"./p-DeqIcjvO.js";import{g as s}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const n=class{constructor(t){e(this,t)}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${window.location.origin}${e}`,s(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return t(o,{key:"9ccdcf67335a106fd70e1d756a941736827454c0","data-version":r},t("post-icon",{key:"c2061015e34cc3c37d343abd872bd8bd3cc82615",name:"chevronright",class:"breadcrumb-item-icon"}),t(e,{key:"3e9659ac705d801699167864a06cde461bc84185",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},t("slot",{key:"e86e3333db8b0636a9a9635a5f11960c7d839e3d"})))}get host(){return i(this)}static get watchers(){return{url:["validateUrl"]}}};n.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";const c=class{constructor(t){e(this,t)}render(){return t(o,{key:"d37c4eed483b46dedcccbc835017ff2415dbd22e","data-version":r},t("slot",{key:"e13d1f35e7883a0aee4d08ceb39caeb97fb960ec"}))}};c.style="post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}";export{n as post_breadcrumb_item,c as post_menu_item}

package/dist/post-components/{p-509ae720.entry.js → p-ff13396a.entry.js}

@@ -1 +1 @@
-import{r as e,h as i,H as t,a as o}from"./p-C8a0ddDa.js";import{v as r}from"./p-DgSkXfqW.js";import{f as s,a,c as n}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const c=class{constructor(i){e(this,i),this.homeText="Home",this.breadcrumbItems=[],this.waitForBreadcrumbsRef=function(e,i=200){let t;return(...o)=>{t&&clearTimeout(t),t=setTimeout(e,i,...o)}}((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){s(this,"homeUrl")}validateHomeText(){a(this,"homeUrl","string")}validateLabel(){n(this,"menuLabel","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateHomeText(),this.validateLabel(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e instanceof HTMLElement?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),i=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,i)=>e+i.getBoundingClientRect().width),0);this.isConcatenated=i>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(t,{key:"6e0095670a7f07079a0aa135673f49d74b5308e7","data-version":r},i("nav",{key:"9558a78399f82f7168a5958470aed393a5ca035e","aria-label":"Breadcrumbs",class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"a1cd27d3f95a23a4a94937b582588f0b87cf33f6",class:"no-list breadcrumbs-list"},i("li",{key:"7a3917328194a2676e22776f8946639d4a4e4c17"},i("a",{key:"56e224d2b484efd5a88a9df63f09450757e3f0ae",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"94fbe7c49748926d2fdb419ce4c212b7f0b9e419",class:"visually-hidden"},this.homeText),i("post-icon",{key:"25c64b9e548eaa92ca0f3da55a0b09d2ec17f876",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{role:"none",class:"menu-trigger-wrapper",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("post-icon",{name:"2111",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0},i("button",{class:"btn test",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.menuLabel},e.map((e=>i("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const i=e.currentTarget.querySelector("a");i?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"81337a6c458f5d9eb761f7764f12db3b442d310f","aria-current":"page"},i("post-breadcrumb-item",{key:"af840f26afe472d479bc8515252f4dca1f565f55",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"ea12eee48b386a1dc35978269e20f0e360d72e59",class:"hidden-items"},i("a",{key:"9a0427d1dbdd98b7174fbe8d117d3ab36e66ffe3",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"661f29d2c9c2acb6d46c98f06b56e561f488c750",class:"visually-hidden"},this.homeText),i("post-icon",{key:"e7585ea456944250e55915cdc38496c050a81a12",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}get host(){return o(this)}static get watchers(){return{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],menuLabel:["validateLabel"]}}};c.style=":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{c as post_breadcrumbs}
+import{r as e,h as i,H as t,a as o}from"./p-CFNKgUjL.js";import{v as r}from"./p-DeqIcjvO.js";import{f as s,c as a}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const c=class{constructor(i){e(this,i),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=function(e,i=200){let t;return(...o)=>{t&&clearTimeout(t),t=setTimeout(e,i,...o)}}((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){s(this,"homeUrl")}validateHomeText(){a(this,"homeText","string")}validateLabel(){a(this,"label","string")}validateMenuLabel(){a(this,"menuLabel","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateHomeText(),this.validateLabel(),this.validateMenuLabel(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e instanceof HTMLElement?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),i=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,i)=>e+i.getBoundingClientRect().width),0);this.isConcatenated=i>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(t,{key:"0c98c8ea09e4f17781fd8c404d445bd42aaacad5","data-version":r},i("nav",{key:"aefa39943fd6ccbfcb2f01b19266785644bb4e32","aria-label":this.label,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"d9542316f160f5fc98ca1ddadc27db5f24df78a1",class:"no-list breadcrumbs-list"},i("li",{key:"3b4c9798492ffa8a6cbc65081efa08c3793a1325"},i("a",{key:"f7fd7c962d548a372198b5b1640a9f63fa36a809",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"3aa94c9eca27de39a9e564ec719eea4d821a6692",class:"visually-hidden"},this.homeText),i("post-icon",{key:"04e54f7e16c21dcf0dcee0d9a8753e09d1382605",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.menuLabel},e.map((e=>i("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const i=e.currentTarget.querySelector("a");i?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"5209d2ddf74d62f792bb472825f699acaf30bc07","aria-current":"page"},i("post-breadcrumb-item",{key:"0b8aa3f765e776c2fa971f7c8762280194cc1b0f",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"704affacb1515b48e4b129f1ef2c2d314ddd00d6",class:"hidden-items"},i("a",{key:"2562e65299bff39a0d1c8d4b20d2ecc4d6747f4c",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"75d352977ecd05fc5fa2bb5f26ed40e809961c3d",class:"visually-hidden"},this.homeText),i("post-icon",{key:"b24fbc251d0a519fa03f85dd36413f3c79ece47c",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}get host(){return o(this)}static get watchers(){return{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],label:["validateLabel"],menuLabel:["validateMenuLabel"]}}};c.style=":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{c as post_breadcrumbs}

package/dist/post-components/post-components.css

@@ -1 +1 @@
-:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-card-control,post-closebutton,post-collapsible,post-collapsible-trigger,post-footer,post-header,post-icon,post-language-option,post-language-switch,post-linkarea,post-list,post-list-item,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-popover,post-popovercontainer,post-rating,post-tab-header,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not([data-hydrated],:defined){visibility:hidden}
+:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-card-control,post-closebutton,post-collapsible,post-collapsible-trigger,post-footer,post-header,post-icon,post-language-option,post-language-switch,post-linkarea,post-list,post-list-item,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-tab-header,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not([data-hydrated],:defined){visibility:hidden}

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

@@ -1 +1 @@
-import{p as e,g as a,b as l}from"./p-C8a0ddDa.js";export{s as setNonce}from"./p-C8a0ddDa.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-509ae720",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],menuLabel:[1,"menu-label"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],menuLabel:["validateLabel"]}]]],["p-017fbd63",[[1,"post-footer",{label:[1],device:[32],gridSlotDisplayed:[32]},null,{label:["validateLabel"]}]]],["p-2c1e0e21",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-feed36d6",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-ef38c78d",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-d377069a",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-2440cba5",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-759510e5",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}]]],["p-b871aa1b",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-efa44b64",[[1,"post-linkarea",{interactiveElements:[32]}]]],["p-0b1143d4",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-f86fb192",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-2b003617",[[1,"post-tabs",{activePanel:[1,"active-panel"],fullWidth:[516,"full-width"],show:[64]}]]],["p-ea71d9fd",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-e764835b",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-d25fc2d8",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[32],hasNavigation:[32],hasTitle:[32],mobileMenuExtended:[32],megadropdownOpen:[32],toggleMobileMenu:[64]},null,{device:["lockBody"],mobileMenuExtended:["lockBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],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],trigger:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]}],[4,"post-closebutton",{buttonType:[1,"button-type"]},null,{buttonType:["validateButtonType"]}],[1,"post-menu",{placement:[1],label:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"],label:["validateLabel"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],manualClose:[4,"manual-close"],safeSpace:[513,"safe-space"],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-d0fea1d7",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a9d4dc7f",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
+import{p as e,g as a,b as l}from"./p-CFNKgUjL.js";export{s as setNonce}from"./p-CFNKgUjL.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-ff13396a",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],label:[1],menuLabel:[1,"menu-label"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],label:["validateLabel"],menuLabel:["validateMenuLabel"]}]]],["p-6b73114c",[[1,"post-footer",{label:[1],device:[32],gridSlotDisplayed:[32]},null,{label:["validateLabel"]}]]],["p-efdaa2ad",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-ac1f1ebb",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-3f9554e1",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-f1a6e07a",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-6de34182",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-b3bc89ad",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}]]],["p-5b53b042",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-ce396597",[[1,"post-linkarea",{interactiveElements:[32]}]]],["p-43ea9ba0",[[1,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:["syncAriaExpanded"],for:["validateFor"]}]]],["p-d288a9b1",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-5450bd15",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-5a9885dd",[[1,"post-tabs",{activePanel:[1,"active-panel"],fullWidth:[516,"full-width"],show:[64]}]]],["p-4d84bb4a",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-be376a2b",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-87d9de40",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[32],hasNavigation:[32],hasTitle:[32],mobileMenuExtended:[32],megadropdownOpen:[32],toggleMobileMenu:[64]},null,{device:["lockBody"],mobileMenuExtended:["lockBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],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],trigger:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]}],[4,"post-closebutton",{buttonType:[1,"button-type"]},null,{buttonType:["validateButtonType"]}],[1,"post-menu",{placement:[1],label:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"],label:["validateLabel"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],manualClose:[4,"manual-close"],safeSpace:[513,"safe-space"],show:[64],open:[64],close:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-240d3470",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-f4aac83e",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));

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

@@ -8,9 +8,13 @@ export declare class PostBreadcrumbs {
      * The text label for the home breadcrumb item.
      */
     homeText: string;
+    /**
+     * The accessible label for the breadcrumb component.
+     */
+    label: string;
     /**
      * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
-      */
+     */
     menuLabel: string;
     breadcrumbItems: {
         url: string;
@@ -23,6 +27,7 @@ export declare class PostBreadcrumbs {
     validateHomeUrl(): void;
     validateHomeText(): void;
     validateLabel(): void;
+    validateMenuLabel(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -50,9 +50,10 @@ export declare class PostMenu {
      * Hides the popover menu and restores focus to the previously focused element.
      */
     hide(): Promise<void>;
-    private handleKeyDown;
-    private handlePostToggle;
-    private handleClick;
+    private readonly handleKeyDown;
+    private readonly handlePostShown;
+    private readonly handlePostToggled;
+    private readonly handleClick;
     private controlKeyDownHandler;
     private getSlottedItems;
     render(): any;

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

@@ -1,8 +1,9 @@
 import { Placement } from '@floating-ui/dom';
+/**
+ * @slot default - Slot for placing content inside the popover.
+ */
 export declare class PostPopover {
     private popoverRef;
-    private readonly localBeforeToggleHandler;
-    private readonly triggerObserver;
     host: HTMLPostPopoverElement;
     /**
      * Defines the position of the popover relative to its trigger.
@@ -20,13 +21,10 @@ export declare class PostPopover {
      * Show a little indicator arrow
      */
     readonly arrow?: boolean;
-    constructor();
-    connectedCallback(): void;
     componentDidLoad(): void;
-    disconnectedCallback(): void;
     /**
      * Programmatically display the popover
-     * @param target An element with [data-popover-target="id"] where the popover should be shown
+     * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
      */
     show(target: HTMLElement): Promise<void>;
     /**
@@ -35,12 +33,9 @@ export declare class PostPopover {
     hide(): Promise<void>;
     /**
      * Toggle popover display
-     * @param target An element with [data-popover-target="id"] where the popover should be anchored to
+     * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
      * @param force Pass true to always show or false to always hide
      */
     toggle(target: HTMLElement, force?: boolean): Promise<void>;
-    private get triggers();
-    private beforeToggleHandler;
-    private patchAccessibilityFeatures;
     render(): any;
 }

package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts

@@ -0,0 +1,37 @@
+export declare class PostPopoverTrigger {
+    host: HTMLPostPopoverTriggerElement;
+    /**
+     * ID of the popover element that this trigger is linked to. Used to open and close the popover.
+     */
+    for: string;
+    /**
+     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated popover is expanded or collapsed.
+     */
+    ariaExpanded: boolean;
+    /**
+     * Holds the state of the popover toggle
+     */
+    private popoverOpen;
+    syncAriaExpanded(newValue: boolean): void;
+    /**
+     * Watch for changes to the `for` property to validate its type and ensure it is a string.
+     * @param forValue - The new value of the `for` property.
+     */
+    validateFor(): void;
+    /**
+     * Reference to the element inside the host that will act as the trigger.
+     */
+    private trigger;
+    private readonly boundHandleToggle;
+    private readonly boundHandleKeyDown;
+    private readonly boundHandlePostToggle;
+    private get popover();
+    private setupTrigger;
+    private handleToggle;
+    private focusTrigger;
+    private readonly handleKeyDown;
+    constructor();
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

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

@@ -17,13 +17,34 @@ export declare class PostPopovercontainer {
     private eventTarget;
     private clearAutoUpdate;
     private toggleTimeoutId;
-    private firstOpen;
+    private hasOpenedOnce;
     /**
-     * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing two booleans: `isOpen`, which is true if the popovercontainer was opened and false if it was closed, and `first`, which is true if it was opened for the first time.
+     * Fires whenever the popovercontainer is about to be shown, passing in event.detail a `first` boolean, which is true if it is to be shown for the first time.
+     */
+    postBeforeShow: EventEmitter<{
+        first?: boolean;
+    }>;
+    /**
+     * Fires whenever the popovercontainer is shown, passing in event.detail a `first` boolean, which is true if it is shown for the first time.
+     */
+    postShow: EventEmitter<{
+        first?: boolean;
+    }>;
+    /**
+     * Fires whenever the popovercontainer is hidden.
+     */
+    postHide: EventEmitter;
+    /**
+     * Fires whenever the popovercontainer is about to be shown or hidden, passing in event.detail a `willOpen` boolean, which is true if the popovercontainer is about to be opened and false if it is about to be closed.
+     */
+    postBeforeToggle: EventEmitter<{
+        willOpen: boolean;
+    }>;
+    /**
+     * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing a `isOpen`boolean, which is true if the popovercontainer was opened and false if it was closed.
      */
     postToggle: EventEmitter<{
         isOpen: boolean;
-        first?: boolean;
     }>;
     /**
      * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
@@ -65,16 +86,24 @@ export declare class PostPopovercontainer {
     disconnectedCallback(): void;
     /**
      * Programmatically display the popovercontainer
-     * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown
+     * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
      */
     show(target: HTMLElement): Promise<void>;
+    /**
+     * Handles the popover opening process and emits related events.
+     */
+    open(): Promise<void>;
+    /**
+     * Handles the popover closing process and emits related events.
+     */
+    close(): Promise<void>;
     /**
      * Programmatically hide the popovercontainer
      */
     hide(): Promise<void>;
     /**
      * Toggle popovercontainer display
-     * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown
+     * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
      * @param force Pass true to always show or false to always hide
      */
     toggle(target: HTMLElement, force?: boolean): Promise<boolean>;

package/dist/types/components.d.ts

@@ -103,13 +103,16 @@ export namespace Components {
     interface PostBreadcrumbs {
         /**
           * The text label for the home breadcrumb item.
-          * @default 'Home'
          */
         "homeText": string;
         /**
           * The URL for the home breadcrumb item.
          */
         "homeUrl": string;
+        /**
+          * The accessible label for the breadcrumb component.
+         */
+        "label": string;
         /**
           * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
          */
@@ -383,16 +386,22 @@ export namespace Components {
         "placement"?: Placement;
         /**
           * Programmatically display the popover
-          * @param target An element with [data-popover-target="id"] where the popover should be shown
+          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
           * Toggle popover display
-          * @param target An element with [data-popover-target="id"] where the popover should be anchored to
+          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
           * @param force Pass true to always show or false to always hide
          */
         "toggle": (target: HTMLElement, force?: boolean) => Promise<void>;
     }
+    interface PostPopoverTrigger {
+        /**
+          * ID of the popover element that this trigger is linked to. Used to open and close the popover.
+         */
+        "for": string;
+    }
     interface PostPopovercontainer {
         /**
           * Animation style
@@ -404,6 +413,10 @@ export namespace Components {
           * @default false
          */
         "arrow"?: boolean;
+        /**
+          * Handles the popover closing process and emits related events.
+         */
+        "close": () => Promise<void>;
         /**
           * Gap between the edge of the page and the popovercontainer
           * @default 8
@@ -418,6 +431,10 @@ export namespace Components {
           * @default false
          */
         "manualClose": boolean;
+        /**
+          * Handles the popover opening process and emits related events.
+         */
+        "open": () => Promise<void>;
         /**
           * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers 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.
           * @default 'top'
@@ -429,12 +446,12 @@ export namespace Components {
         "safeSpace"?: 'triangle' | 'trapezoid';
         /**
           * Programmatically display the popovercontainer
-          * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown
+          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
          */
         "show": (target: HTMLElement) => Promise<void>;
         /**
           * Toggle popovercontainer display
-          * @param target An element with [data-popover-target="id"] where the popovercontainer should be shown
+          * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
           * @param force Pass true to always show or false to always hide
          */
         "toggle": (target: HTMLElement, force?: boolean) => Promise<boolean>;
@@ -447,7 +464,6 @@ export namespace Components {
         "currentRating": number;
         /**
           * Defines a hidden label for the component.
-          * @default 'Rating'
          */
         "label": string;
         /**
@@ -816,8 +832,18 @@ declare global {
         prototype: HTMLPostPopoverElement;
         new (): HTMLPostPopoverElement;
     };
+    interface HTMLPostPopoverTriggerElement extends Components.PostPopoverTrigger, HTMLStencilElement {
+    }
+    var HTMLPostPopoverTriggerElement: {
+        prototype: HTMLPostPopoverTriggerElement;
+        new (): HTMLPostPopoverTriggerElement;
+    };
     interface HTMLPostPopovercontainerElementEventMap {
-        "postToggle": { isOpen: boolean; first?: boolean };
+        "postBeforeShow": { first?: boolean };
+        "postShow": { first?: boolean };
+        "postHide": any;
+        "postBeforeToggle": { willOpen: boolean };
+        "postToggle": { isOpen: boolean };
     }
     interface HTMLPostPopovercontainerElement extends Components.PostPopovercontainer, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPostPopovercontainerElementEventMap>(type: K, listener: (this: HTMLPostPopovercontainerElement, ev: PostPopovercontainerCustomEvent<HTMLPostPopovercontainerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -926,6 +952,7 @@ declare global {
         "post-menu-item": HTMLPostMenuItemElement;
         "post-menu-trigger": HTMLPostMenuTriggerElement;
         "post-popover": HTMLPostPopoverElement;
+        "post-popover-trigger": HTMLPostPopoverTriggerElement;
         "post-popovercontainer": HTMLPostPopovercontainerElement;
         "post-rating": HTMLPostRatingElement;
         "post-tab-header": HTMLPostTabHeaderElement;
@@ -1008,13 +1035,16 @@ declare namespace LocalJSX {
     interface PostBreadcrumbs {
         /**
           * The text label for the home breadcrumb item.
-          * @default 'Home'
          */
-        "homeText"?: string;
+        "homeText": string;
         /**
           * The URL for the home breadcrumb item.
          */
         "homeUrl": string;
+        /**
+          * The accessible label for the breadcrumb component.
+         */
+        "label": string;
         /**
           * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
          */
@@ -1258,6 +1288,12 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
     }
+    interface PostPopoverTrigger {
+        /**
+          * ID of the popover element that this trigger is linked to. Used to open and close the popover.
+         */
+        "for": string;
+    }
     interface PostPopovercontainer {
         /**
           * Animation style
@@ -1280,9 +1316,25 @@ declare namespace LocalJSX {
          */
         "manualClose"?: boolean;
         /**
-          * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing two booleans: `isOpen`, which is true if the popovercontainer was opened and false if it was closed, and `first`, which is true if it was opened for the first time.
+          * Fires whenever the popovercontainer is about to be shown, passing in event.detail a `first` boolean, which is true if it is to be shown for the first time.
+         */
+        "onPostBeforeShow"?: (event: PostPopovercontainerCustomEvent<{ first?: boolean }>) => void;
+        /**
+          * Fires whenever the popovercontainer is about to be shown or hidden, passing in event.detail a `willOpen` boolean, which is true if the popovercontainer is about to be opened and false if it is about to be closed.
          */
-        "onPostToggle"?: (event: PostPopovercontainerCustomEvent<{ isOpen: boolean; first?: boolean }>) => void;
+        "onPostBeforeToggle"?: (event: PostPopovercontainerCustomEvent<{ willOpen: boolean }>) => void;
+        /**
+          * Fires whenever the popovercontainer is hidden.
+         */
+        "onPostHide"?: (event: PostPopovercontainerCustomEvent<any>) => void;
+        /**
+          * Fires whenever the popovercontainer is shown, passing in event.detail a `first` boolean, which is true if it is shown for the first time.
+         */
+        "onPostShow"?: (event: PostPopovercontainerCustomEvent<{ first?: boolean }>) => void;
+        /**
+          * Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing a `isOpen`boolean, which is true if the popovercontainer was opened and false if it was closed.
+         */
+        "onPostToggle"?: (event: PostPopovercontainerCustomEvent<{ isOpen: boolean }>) => void;
         /**
           * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers 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.
           * @default 'top'
@@ -1301,9 +1353,8 @@ declare namespace LocalJSX {
         "currentRating"?: number;
         /**
           * Defines a hidden label for the component.
-          * @default 'Rating'
          */
-        "label"?: string;
+        "label": string;
         /**
           * An event emitted whenever the component's value has changed (on blur). The event payload can be used like so: `event.detail.value`.
          */
@@ -1417,6 +1468,7 @@ declare namespace LocalJSX {
         "post-menu-item": PostMenuItem;
         "post-menu-trigger": PostMenuTrigger;
         "post-popover": PostPopover;
+        "post-popover-trigger": PostPopoverTrigger;
         "post-popovercontainer": PostPopovercontainer;
         "post-rating": PostRating;
         "post-tab-header": PostTabHeader;
@@ -1464,6 +1516,7 @@ declare module "@stencil/core" {
             "post-menu-item": LocalJSX.PostMenuItem & JSXBase.HTMLAttributes<HTMLPostMenuItemElement>;
             "post-menu-trigger": LocalJSX.PostMenuTrigger & JSXBase.HTMLAttributes<HTMLPostMenuTriggerElement>;
             "post-popover": LocalJSX.PostPopover & JSXBase.HTMLAttributes<HTMLPostPopoverElement>;
+            "post-popover-trigger": LocalJSX.PostPopoverTrigger & JSXBase.HTMLAttributes<HTMLPostPopoverTriggerElement>;
             "post-popovercontainer": LocalJSX.PostPopovercontainer & JSXBase.HTMLAttributes<HTMLPostPopovercontainerElement>;
             "post-rating": LocalJSX.PostRating & JSXBase.HTMLAttributes<HTMLPostRatingElement>;
             "post-tab-header": LocalJSX.PostTabHeader & JSXBase.HTMLAttributes<HTMLPostTabHeaderElement>;

package/dist/types/utils/get-focusable-children.d.ts

@@ -1 +1,2 @@
 export declare function getFocusableChildren(element: Element): HTMLElement[];
+export declare function getDeepFocusableChildren(element: Element): HTMLElement[];