@swisspost/design-system-components 9.0.0-next.19 → 9.0.0-next.21

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

@@ -1 +0,0 @@
-import{r as t,c as s,g as i,h as e,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-a24bf798.js";import{d as a}from"./p-1c1a614d.js";import{c as h}from"./p-8562c7dc.js";import{c}from"./p-b095519d.js";import{d as n}from"./p-e1baac59.js";import{g as l}from"./p-fc91cbc2.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",7),this.collapsed=!1}isLoaded=!1;isOpen=!0;get host(){return i(this)}collapsedChange(){a(this.collapsed,"boolean","The `collapsed` property of the `post-collapsible` must be a boolean."),this.toggle(!this.collapsed)}postToggle;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={height:window.getComputedStyle(t).height};return t.animate([s,d],p)}(this.host);var i;return this.isLoaded&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches||s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return e(o,{key:"3ba9983562f5fabec602f23d8698bacb3ff0dbdc","data-version":r,tabindex:this.collapsed?-1:void 0},e("slot",{key:"010369b851198dab8eed76a2ab26627d480c97d4"}))}static get watchers(){return{collapsed:["collapsedChange"]}}};g.style=":host{display:block;position:relative;overflow:hidden}";const b=class{constructor(s){t(this,s),this.for=void 0}trigger;observer=new MutationObserver((()=>this.setTrigger()));root;get host(){return i(this)}setAriaAttributes(){c(this.for,'The post-collapsible-trigger "for" prop is required.'),h(this.for,"string",'The post-collapsible-trigger "for" prop should be a id.'),this.update()}connectedCallback(){this.observer.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.root=l(this.host),this.root.addEventListener("postToggle",(t=>{this.trigger&&t.target.isEqualNode(this.collapsible)&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}))}componentDidLoad(){this.host.setAttribute("data-version",r),this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect()}async update(){this.debouncedUpdate()}debouncedUpdate=n((()=>{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.setAriaAttributes())}static get watchers(){return{for:["setAriaAttributes"]}}};export{g as P,b as a}

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

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-d2d2681a.js";import"./p-ff95dcd3.js";import"./p-a24bf798.js";import"./p-9748a355.js";