@swisspost/design-system-components 8.2.2 → 8.3.0

package/loaders/post-collapsible2.js

@@ -69,11 +69,11 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
      * Update all post-collapsible-trigger elements referring to the collapsible
      */
     updateTriggers() {
-        const triggers = document.querySelectorAll(`post-collapsible-trigger[for=${this.host.id}]`);
+        const triggers = document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`);
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: '47ab19bf719a505dce35955d6250462acea47eee', "data-version": version }, h("slot", { key: 'd7fe5746afe1c343e9ec4c02878d8dead9360c26' })));
+        return (h(Host, { key: '27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca', "data-version": version }, h("slot", { key: 'df30089afa0ff33d945dcb4c381ac08acb7cb08c' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "8.2.2",
+  "version": "8.3.0",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@floating-ui/dom": "1.6.8",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-styles": "8.2.2",
+    "@swisspost/design-system-styles": "8.3.0",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

package/dist/post-components/p-0d727b6a.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-dbc95e1b.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-10d2ed7c.entry.js

@@ -1 +0,0 @@
-export{P as post_tooltip}from"./p-ad1c7c22.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-6adeaa6c.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

package/dist/post-components/p-2947a519.entry.js

@@ -1 +0,0 @@
-export{P as post_card_control}from"./p-686e6976.js";import"./p-d2f9de94.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-61c94490.js";

package/dist/post-components/p-4684af69.entry.js

@@ -1 +0,0 @@
-export{P as post_logo}from"./p-c0d1d3b1.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

package/dist/post-components/p-5e0818bb.entry.js

@@ -1 +0,0 @@
-export{P as post_alert}from"./p-9df17de7.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-2737eaf5.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-b095519d.js";

package/dist/post-components/p-61c37218.entry.js

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-160091b9.js";import"./p-d2f9de94.js";import"./p-61c94490.js";

package/dist/post-components/p-61c94490.js

@@ -1 +0,0 @@
-const o="8.2.2";export{o as v}

package/dist/post-components/p-6a17f5f9.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-ae6605fb.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-247a1668.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

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

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-7529f5b5.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-6adeaa6c.js";

package/dist/post-components/p-7f661e68.entry.js

@@ -1 +0,0 @@
-export{P as post_rating}from"./p-7e8a18d7.js";import"./p-d2f9de94.js";import"./p-61c94490.js";

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

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-e2fcf9fc.js";import"./p-d2f9de94.js";import"./p-61c94490.js";

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

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-4168411a.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-2737eaf5.js";

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as o}from"./p-d2f9de94.js";import{v as r}from"./p-61c94490.js";import{d as a,a as h}from"./p-deb4131c.js";import{c as n}from"./p-b095519d.js";const c={height:"0",overflow:"hidden"},l={duration:350,easing:"ease",fill:"forwards"},d=class{constructor(e){t(this,e),this.postToggle=s(this,"postToggle",7),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){a(this.collapsed,"boolean","The `collapsed` property of the `post-collapsible` must be a 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?(e=this.host).animate([c,{height:`${e.scrollHeight}px`,offset:1},{height:"auto"}],l):(t=>{const s={height:window.getComputedStyle(t).height};return t.animate([s,c],l)})(this.host);var e;return this.isLoaded&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches||s.finish(),await s.finished,s.commitStyles(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for=${this.host.id}]`).forEach((t=>t.update()))}render(){return e(i,{key:"47ab19bf719a505dce35955d6250462acea47eee","data-version":r},e("slot",{key:"d7fe5746afe1c343e9ec4c02878d8dead9360c26"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};d.style=":host{display:block;overflow:hidden}";const p=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger())),this.debouncedUpdate=function(t,s=200){let e;return(...i)=>{e&&clearTimeout(e),e=setTimeout(t,s,...i)}}((()=>{var t;if(!this.trigger)return;const s=this.trigger.getAttribute("aria-controls");(null==s?void 0:s.includes(this.for))||this.trigger.setAttribute("aria-controls",s?`${s} ${this.for}`:this.for);const e=null===(t=this.collapsible)||void 0===t?void 0:t.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==e?!e:void 0}`)})),this.for=void 0}setAriaAttributes(){n(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=function(t){const s=t.getRootNode();if(s instanceof Document||s instanceof ShadowRoot)return s;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}(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()}async toggleCollapsible(){var t;await(null===(t=this.collapsible)||void 0===t?void 0:t.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())}get host(){return o(this)}static get watchers(){return{for:["setAriaAttributes"]}}};export{d as P,p as a}

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

@@ -1 +0,0 @@
-export{P as post_icon}from"./p-9e12c76d.js";import"./p-d2f9de94.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-61c94490.js";import"./p-b095519d.js";

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

@@ -1 +0,0 @@
-export{P as post_popovercontainer}from"./p-20aee96e.js";import"./p-d2f9de94.js";import"./p-61c94490.js";

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

@@ -1 +0,0 @@
-export{P as post_accordion}from"./p-0ad92d40.js";import"./p-d2f9de94.js";import"./p-61c94490.js";import"./p-247a1668.js";import"./p-611b3c41.js";