@swisspost/design-system-components 10.0.0-next.72 → 10.0.0-next.75

package/dist/components/post-collapsible-trigger2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as o}from"@stencil/core/internal/client";import"./breakpoints.js";import{E as l}from"./event-from.js";import{g as r}from"./get-root.js";import{v as n}from"./package.js";import{T as a}from"./type.js";var c=function(t,s,e,i){var o,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(l<3?o(r):l>3?o(s,e,r):o(s,e))||r);return l>3&&r&&Object.defineProperty(s,e,r),r};const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=r(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.collapsible||console.warn(`No post-collapsible found ${this.for?`with id "${this.for}"`:"nested inside <post-collapsible-trigger>"}. Either nest a post-collapsible inside the trigger or set the "for" attribute to the id of the collapsible.`)}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(){const t=this.collapsible;if(!this.trigger||!t)return;t.id||(t.id=`collapsible-${crypto.randomUUID()}`);const s=t.id,e=this.trigger.getAttribute("aria-controls"),i=e?e.split(/\s+/):[];i.includes(s)||(i.push(s),this.trigger.setAttribute("aria-controls",i.join(" "))),this.trigger.setAttribute("aria-expanded",`${!t.collapsed}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.host.querySelector("post-collapsible")??(this.for?this.root?.getElementById(this.for)??null:null);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=Array.from(this.host.querySelectorAll("button")).find((t=>{const s=t.closest("post-collapsible");return!(s&&this.host.contains(s))}));!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return e(i,{key:"40cfa7d940136d4bce5de0c2b37fca91187110f8","data-version":n},e("slot",{key:"b8853f5be4361e59537b00d6fd60e6e42b7ea64d"}))}get host(){return this}},[257,"post-collapsible-trigger",{for:[513],update:[64]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}c([a("string")],h.prototype,"for",void 0),c([l("post-collapsible")],h.prototype,"handlePostToggle",null);export{h as P,p as d}
+import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as o}from"@stencil/core/internal/client";import"./breakpoints.js";import{E as l}from"./event-from.js";import{g as r}from"./get-root.js";import{v as a}from"./package.js";import{T as n}from"./type.js";var c=function(t,s,e,i){var o,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(l<3?o(r):l>3?o(s,e,r):o(s,e))||r);return l>3&&r&&Object.defineProperty(s,e,r),r};const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=r(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.collapsible||console.warn(`No post-collapsible found ${this.for?`with id "${this.for}"`:"nested inside <post-collapsible-trigger>"}. Either nest a post-collapsible inside the trigger or set the "for" attribute to the id of the collapsible.`)}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(){const t=this.collapsible;if(!this.trigger||!t)return;t.id||(t.id=`collapsible-${crypto.randomUUID()}`);const s=t.id,e=this.trigger.getAttribute("aria-controls"),i=e?e.split(/\s+/):[];i.includes(s)||(i.push(s),this.trigger.setAttribute("aria-controls",i.join(" "))),this.trigger.setAttribute("aria-expanded",`${!t.collapsed}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.host.querySelector("post-collapsible")??(this.for?this.root?.getElementById(this.for)??null:null);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=Array.from(this.host.querySelectorAll("button")).find((t=>{const s=t.closest("post-collapsible");return!(s&&this.host.contains(s))}));!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return e(i,{key:"bc4bdfbfa942e0a70d0f7af3b0d33eed4341ebb6","data-version":a},e("slot",{key:"8770e4a22cbb06c39e1c94e2e358256c1a5509f7"}))}get host(){return this}},[257,"post-collapsible-trigger",{for:[513],update:[64]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}c([n("string")],h.prototype,"for",void 0),c([l("post-collapsible")],h.prototype,"handlePostToggle",null);export{h as P,p as d}

package/dist/components/post-collapsible2.js

@@ -1 +1 @@
-import{Build as t,proxyCustomElement as e,HTMLElement as o,createEvent as s,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as a}from"./package.js";import{T as n}from"./type.js";const c={height:"0",overflow:"hidden"},h={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"};const p=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=s(this,"postToggle",7),this.collapsed=!1}get isExpanded(){return!this.collapsed}componentDidLoad(){this.updateTriggers()}async toggle(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const o=this.isExpanded;if(t.isBrowser){const e=o?(s=this.host).animate([c,{height:`${s.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],h):function(e){const o=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:o},c],h)}(this.host);this.postToggle.emit(o),await e.finished,e.commitStyles(),this.updateTriggers()}var s;return o}updateTriggers(){const t=this.host.id?Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`)):[],e=this.host.closest("post-collapsible-trigger");e&&!t.includes(e)&&t.push(e),t.forEach((t=>t.update()))}render(){return i(l,{key:"5683b1c0346d1ed8aa6aa5ef8583654511ff0638","data-version":a,tabindex:this.collapsed?-1:void 0,style:this.collapsed?c:void 0},i("slot",{key:"3271677498e00e964ee17733aa2871a12e57858c"}))}get host(){return this}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]}]);function d(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((t=>{"post-collapsible"===t&&(customElements.get(r(t))||customElements.define(r(t),p))}))}!function(t,e,o,s){var i,l=arguments.length,r=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(r=(l<3?i(r):l>3?i(e,o,r):i(e,o))||r);l>3&&r&&Object.defineProperty(e,o,r)}([n("boolean")],p.prototype,"collapsed",void 0);export{p as P,d}
+import{Build as t,proxyCustomElement as e,HTMLElement as o,createEvent as s,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as a}from"./package.js";import{T as n}from"./type.js";const c={height:"0",overflow:"hidden"},h={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"};const d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=s(this,"postToggle",7),this.collapsed=!1}get isExpanded(){return!this.collapsed}componentDidLoad(){this.updateTriggers()}async toggle(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const o=this.isExpanded;if(t.isBrowser){const e=o?(s=this.host).animate([c,{height:`${s.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],h):function(e){const o=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:o},c],h)}(this.host);this.postToggle.emit(o),await e.finished,e.commitStyles(),this.updateTriggers()}var s;return o}updateTriggers(){const t=this.host.id?Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`)):[],e=this.host.closest("post-collapsible-trigger");e&&!t.includes(e)&&t.push(e),t.forEach((t=>t.update()))}render(){return i(l,{key:"7a1dc10a27c1432342ac24e95e000a469b2bf509","data-version":a,tabindex:this.collapsed?-1:void 0,style:this.collapsed?c:void 0},i("slot",{key:"51c156d51e4191d3dd6dd93b37317c02d9737bf9"}))}get host(){return this}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((t=>{"post-collapsible"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))}!function(t,e,o,s){var i,l=arguments.length,r=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(r=(l<3?i(r):l>3?i(e,o,r):i(e,o))||r);l>3&&r&&Object.defineProperty(e,o,r)}([n("boolean")],d.prototype,"collapsed",void 0);export{d as P,p as d}