@swisspost/design-system-components 7.4.0 → 8.0.0

package/dist/components/post-card-control2.js

@@ -266,14 +266,14 @@ const PostCardControl = /*@__PURE__*/ proxyCustomElement(class PostCardControl e
         this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
     }
     render() {
-        return (h(Host, { key: '3d13d8664c71b1a7c068f3a3f9d7d1810d1956d2', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '7793e07831a06f3fd5b40d41ee322016c37cf56d', class: {
+        return (h(Host, { key: 'a99c4d289e6546d08bc43b55347e3faab514a6ed', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '3d5f19d37ad0dac2c0526dfab9bc915609eb73b6', class: {
                 'card-control': true,
                 'is-checked': this.checked,
                 'is-disabled': this.disabled,
                 'is-focused': this.focused,
                 'is-valid': this.validity !== null && this.validity !== 'false',
                 'is-invalid': this.validity === 'false',
-            }, "data-host-context": this.hostContext.join(' ') }, h("input", { key: 'f7f38e0e2a3b346a01d5f9d9b63c7ef5b0c2eab7', ref: el => (this.control = el), id: this.controlId, class: "card-control--input form-check-input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_label ${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: 'f87fcbc79fec1b491200caec67680d72406f7f37', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label form-check-label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: 'd59c1081ee18a3486bf5a4c712377db98e47049b', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '1c31b3c2efa8efca4886090f75bee6fb32dd55bb' })))));
+            }, "data-host-context": this.hostContext.join(' ') }, h("input", { key: '305fce2f7405918dba56e604c6579aa96609034c', ref: el => (this.control = el), id: this.controlId, class: "card-control--input form-check-input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_label ${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: 'e6de984f7e2cb6c6128f1875127e980c956fb5c8', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label form-check-label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: '770c2382527e7bfe90a520ac82b0219f26da75d0', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '5f0e50844a19db803257feb27a16ebfb9a55dddc' })))));
     }
     componentDidRender() {
         this.groupCollectMembers();

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

@@ -12,6 +12,14 @@ function debounce(callback, timeout = 200) {
     };
 }
 
+function getRoot(element) {
+    const root = element.getRootNode();
+    if (root instanceof Document || root instanceof ShadowRoot) {
+        return root;
+    }
+    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
+}
+
 const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollapsibleTrigger extends HTMLElement {
     constructor() {
         super();
@@ -48,6 +56,18 @@ const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollap
     connectedCallback() {
         this.observer.observe(this.host, { childList: true, subtree: true });
     }
+    /**
+     * Attach a "postToggle" event listener to the root node
+     * to update the trigger's "aria-expanded" attribute whenever the controlled post-collapsible is toggled
+     */
+    componentWillLoad() {
+        this.root = getRoot(this.host);
+        this.root.addEventListener('postToggle', (e) => {
+            if (!this.trigger || !e.target.isEqualNode(this.collapsible))
+                return;
+            this.trigger.setAttribute('aria-expanded', `${e.detail}`);
+        });
+    }
     /**
      * Add the "data-version" to the host element and set the trigger
      */
@@ -63,14 +83,6 @@ const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollap
     disconnectedCallback() {
         this.observer.disconnect();
     }
-    /**
-     * Update the "aria-expanded" attribute on the trigger anytime the controlled post-collapsible is toggled
-     */
-    setAriaExpanded(e) {
-        if (!this.trigger || !e.target.isEqualNode(this.collapsible))
-            return;
-        this.trigger.setAttribute('aria-expanded', `${e.detail}`);
-    }
     /**
      * Update the "aria-controls" and "aria-expanded" attributes on the trigger button
      */
@@ -88,7 +100,7 @@ const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollap
      * Retrieve the post-collapsible controlled by the trigger
      */
     get collapsible() {
-        const ref = document.getElementById(this.for);
+        const ref = this.root.getElementById(this.for);
         if (ref && ref.localName === 'post-collapsible') {
             return ref;
         }
@@ -112,7 +124,7 @@ const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollap
 }, [0, "post-collapsible-trigger", {
         "for": [1],
         "update": [64]
-    }, [[4, "postToggle", "setAriaExpanded"]], {
+    }, undefined, {
         "for": ["setAriaAttributes"]
     }]);
 function defineCustomElement() {

package/dist/components/post-collapsible2.js

@@ -37,15 +37,12 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
         this.isOpen = true;
         this.collapsed = false;
     }
-    validateCollapsed(newValue = this.collapsed) {
-        checkEmptyOrType(newValue, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
-    }
-    connectedCallback() {
-        this.validateCollapsed();
+    collapsedChange() {
+        checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
+        void this.toggle(!this.collapsed);
     }
     componentDidLoad() {
-        if (this.collapsed)
-            void this.toggle(false);
+        this.collapsedChange();
         this.isLoaded = true;
         this.updateTriggers();
     }
@@ -57,15 +54,16 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
     async toggle(open = !this.isOpen) {
         if (open === this.isOpen)
             return open;
-        this.isOpen = !this.isOpen;
+        this.isOpen = open;
+        this.collapsed = !open;
         if (this.isLoaded)
-            this.postToggle.emit(this.isOpen);
+            this.postToggle.emit(open);
         const animation = open ? expand(this.host) : collapse(this.host);
         if (!this.isLoaded || isMotionReduced())
             animation.finish();
         await animation.finished;
         animation.commitStyles();
-        return this.isOpen;
+        return open;
     }
     /**
      * Update all post-collapsible-trigger elements referring to the collapsible
@@ -75,18 +73,18 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (h(Host, { key: 'c24a0524427d6ec5a3a57e12300a5af4cc047a71', "data-version": version }, h("slot", { key: '4d41b67a18ca43acfa0e9ef208c07fa7882baba2' })));
+        return (h(Host, { key: '47ab19bf719a505dce35955d6250462acea47eee', "data-version": version }, h("slot", { key: 'd7fe5746afe1c343e9ec4c02878d8dead9360c26' })));
     }
     get host() { return this; }
     static get watchers() { return {
-        "collapsed": ["validateCollapsed"]
+        "collapsed": ["collapsedChange"]
     }; }
     static get style() { return PostCollapsibleStyle0; }
 }, [1, "post-collapsible", {
-        "collapsed": [4],
+        "collapsed": [1028],
         "toggle": [64]
     }, undefined, {
-        "collapsed": ["validateCollapsed"]
+        "collapsed": ["collapsedChange"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/post-icon2.js

@@ -87,7 +87,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
         })
             .filter(([_key, value]) => value !== null)
             .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
-        return (h(Host, { key: 'c046b74af0d3cc42dcddfbd4aa029ca07be26bf8', "data-version": version }, h("span", { key: 'c49c4d2de0222c665acf1db46f8a13db26f6a26e', style: svgStyles })));
+        return (h(Host, { key: '95fa0f7a09d3430bb5d621e01b57188742920eb4', "data-version": version }, h("span", { key: 'c824e3705dc83665bb6f7649381654e6d1e07dfb', style: svgStyles })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/post-popover2.js

@@ -96,7 +96,7 @@ const PostPopover = /*@__PURE__*/ proxyCustomElement(class PostPopover extends H
         this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
     }
     render() {
-        return (h(Host, { key: '943dbb1a0a290d281ebe0f346ccd531f8acbbb5e', "data-version": version }, h("post-popovercontainer", { key: 'aa6bf3a2cc395ce612342b78bee23bcd1b68db5e', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '3ba6f039088615157ba47ebc448770fd9128efa0', class: "popover-container" }, h("div", { key: '0472f76d0cf51269029534c29f155e0f71d649fb', class: "popover-content" }, h("slot", { key: '1d722457c871c0aac9297b0517fe077c32e73794' })), h("button", { key: '430fa605ce81aad6b8709c22a31da62cdf6022e5', class: "btn-close", onClick: () => this.hide() }, h("span", { key: '37169089662c8ef1edd8de6389c55f9eee4e1a9e', class: "visually-hidden" }, this.closeButtonCaption))))));
+        return (h(Host, { key: '97db4a92db81f3a84ca272af8f79981cf181024d', "data-version": version }, h("post-popovercontainer", { key: '291247845dc11572a5722aa949c1dfa74e521edd', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '92137bf8c92633c8578c89c7b0c8252b0b59e2fa', class: "popover-container" }, h("div", { key: '06f79f59e90ca439b552380af0e151084adadf03', class: "popover-content" }, h("slot", { key: 'c37c742ac7cf24f9440ac3b862761fcd937f7658' })), h("button", { key: '0e6f316574720e0f901af56e0dbb99f86e36c5b4', class: "btn-close", onClick: () => this.hide() }, h("span", { key: '77c41e8e8df74649ce9ca21740c77e78336905e6', class: "visually-hidden" }, this.closeButtonCaption))))));
     }
     get host() { return this; }
     static get style() { return PostPopoverStyle0; }

package/dist/components/post-popovercontainer2.js

@@ -1210,9 +1210,9 @@ function isTopLayer(element) {
     }
   });
 }
-function isContainingBlock(element) {
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle(element);
+  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
@@ -1220,11 +1220,10 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isTopLayer(currentNode)) {
-      return null;
-    }
     if (isContainingBlock(currentNode)) {
       return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -2175,9 +2174,9 @@ const PostPopovercontainer = /*@__PURE__*/ proxyCustomElement(class PostPopoverc
         }
     }
     render() {
-        return (h(Host, { key: '944364458c19e3a11171571402f183449dafff24', "data-version": version }, this.arrow && (h("span", { key: 'f77a61b4b6f4f4ceb861ef8eb7d16f71f45642ec', class: "arrow", ref: el => {
+        return (h(Host, { key: 'd157ffbb6acb382add7b003f7865eb7c7d77a2b5', "data-version": version }, this.arrow && (h("span", { key: 'cc47843bc00d401c0679474e41661b6b1dcbae01', class: "arrow", ref: el => {
                 this.arrowRef = el;
-            } })), h("slot", { key: 'feeedfe09388dca41ee1048c8702c68bd0a91d33' })));
+            } })), h("slot", { key: '75eb62cf77965fa96fbb3dabcf264c2daff3e2f4' })));
     }
     get host() { return this; }
     static get style() { return PostPopovercontainerStyle0; }

package/dist/components/post-rating2.js

@@ -74,7 +74,7 @@ const PostRating = /*@__PURE__*/ proxyCustomElement(class PostRating extends HTM
         }
     }
     render() {
-        return (h(Host, { key: 'b175b250377f4bf9be92ad05fb14f7e4a8f7c12f', "data-version": version }, h("div", { key: 'b12eb5ff191d5a4ac5270845f120360f61e0fce0', 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} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (h(Host, { key: 'ae0484c022555a4a5ed0343cc060b7076a1c581e', "data-version": version }, h("div", { key: '3765eaaccec1dd709b28d8a63b54fc0ed69b4c15', 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} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),

package/dist/components/post-tab-header2.js

@@ -20,7 +20,7 @@ const PostTabHeader = /*@__PURE__*/ proxyCustomElement(class PostTabHeader exten
         this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
     }
     render() {
-        return (h(Host, { key: '1919a7a1f11ac0898b16e8fa4791d93ffd1fb1c4', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '8d57e8e1883f4dd96db6edfb0e0a4519cc348a3c' })));
+        return (h(Host, { key: 'ba101bdcdf05591293e07ab35aadb812862d8cc0', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '276d95c72fc7014f8002f249f2bbab591ee8754d' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/post-tab-panel2.js

@@ -17,7 +17,7 @@ const PostTabPanel = /*@__PURE__*/ proxyCustomElement(class PostTabPanel extends
         this.panelId = `panel-${this.host.id || crypto.randomUUID()}`;
     }
     render() {
-        return (h(Host, { key: '2b7e8f1853df072796345126b60ed2b6315362a2', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '77c2b1c1f7d141fd3f9b71c504cdd9a5ce61260b' })));
+        return (h(Host, { key: 'bd31fce17f303414e7d077fbc001b543d05e362c', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '746b85fa6378312abb2f1e92cb4fffceafac1fc7' })));
     }
     get host() { return this; }
     static get style() { return PostTabPanelStyle0; }

package/dist/components/post-tabs2.js

@@ -143,7 +143,7 @@ const PostTabs = /*@__PURE__*/ proxyCustomElement(class PostTabs extends HTMLEle
         nextTab.focus();
     }
     render() {
-        return (h(Host, { key: '365b2794cfb46631277341ea23afb2070c9d3ad1', "data-version": version }, h("div", { key: '70df13385ecc9c067527b80e2dd7b3a9b245e745', class: "tabs-wrapper", part: "tabs" }, h("div", { key: 'cae4d18aff0c890e0e8d76c1b8e321322abbeccd', class: "tabs", role: "tablist" }, h("slot", { key: '2b6ca3e01e45e541950ddc2c1cdc680b28ea96b9', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '7352582d9c738af9b8bf3b71e0a153132fd23dcd', class: "tab-content", part: "content" }, h("slot", { key: '4845c39bf9b9cbc42aa8689c7ae99cc2e75d7907', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (h(Host, { key: 'd0f37718e538b9dd4b5e0eed0dde161576725e25', "data-version": version }, h("div", { key: '1d3380b6317cad0bde525136854e93ee20e3bfbf', class: "tabs-wrapper", part: "tabs" }, h("div", { key: 'bc5cf13c94629e2938eb4ea85deb5ebd6c2b2dac', class: "tabs", role: "tablist" }, h("slot", { key: '4fde604e204df192946080b652d60c27d7ff6cee', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '755b7153a2a8c683abf15d33a0d9180e8aa29db0', class: "tab-content", part: "content" }, h("slot", { key: '23263344474597c54a7d8cc355d22919cb8685f1', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     get host() { return this; }
     static get style() { return PostTabsStyle0; }

package/dist/components/post-tag2.js

@@ -35,7 +35,7 @@ const PostTag = /*@__PURE__*/ proxyCustomElement(class PostTag extends HTMLEleme
         this.setClasses();
     }
     render() {
-        return (h(Host, { key: '0292c0d7a103bd987511cb67d66bc3de60800bf1', "data-version": version }, h("div", { key: 'b3b1934c9c3ec3490b1dad8829b15f63490677ba', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '0cb543c65dfe1d61756aecf67de9b2cdae3f78e5', class: "tag-text" }, h("slot", { key: '020b0b7191f0b6051c958253ef6cb52bc660d5e2' })))));
+        return (h(Host, { key: '5b29f617d1f9dbba914664263ccace77e18fdd10', "data-version": version }, h("div", { key: '25d9431e746f0d677704c97dc9bd27023a502efb', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'e13004f14169d4abccd3df8d0245bc2f361f0b81', class: "tag-text" }, h("slot", { key: '567d61fae24d649c64c9ea53685a627f7e45fde1' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/post-tooltip2.js

@@ -4958,7 +4958,7 @@ const PostTooltip = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends H
     }
     render() {
         const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
-        return (h(Host, { key: 'de8f7f40645168240a3bcb70fd014ea2cfefbeb6', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '4cecbb91117c4dd46c7aea6f084a84de995c25b7', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'c023b8f26189ed2c0dc4573914e92ce65f50ac18' }))));
+        return (h(Host, { key: '939e17d222f1102dbfe3532d1cfe11b2777e4373', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'fe5388550554ebb39c8f5b59668b86483b5cb141', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '90275f38a63f5d6f18b915718b738f29246b2843' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-07-22T07:57:55",
+  "timestamp": "2024-07-23T09:56:20",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.1",
+    "version": "4.19.2",
     "typescriptVersion": "5.4.5"
   },
   "components": [
@@ -217,10 +217,10 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "collapsed",
           "reflectToAttr": false,
-          "docs": "If `true`, the element is initially collapsed otherwise it is displayed.",
+          "docs": "If `true`, the element is collapsed otherwise it is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -327,7 +327,7 @@
       "listeners": [
         {
           "event": "postToggle",
-          "capture": false,
+          "capture": true,
           "passive": false
         }
       ],
@@ -350,10 +350,12 @@
       ],
       "dependents": [],
       "dependencies": [
+        "post-collapsible-trigger",
         "post-collapsible"
       ],
       "dependencyGraph": {
         "post-accordion-item": [
+          "post-collapsible-trigger",
           "post-collapsible"
         ]
       }
@@ -933,10 +935,10 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "collapsed",
           "reflectToAttr": false,
-          "docs": "If `true`, the element is initially collapsed otherwise it is displayed.",
+          "docs": "If `true`, the element is collapsed otherwise it is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1075,20 +1077,19 @@
         }
       ],
       "events": [],
-      "listeners": [
-        {
-          "event": "postToggle",
-          "target": "document",
-          "capture": false,
-          "passive": false
-        }
-      ],
+      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "post-accordion-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "post-accordion-item": [
+          "post-collapsible-trigger"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-icon/post-icon.tsx",
@@ -1374,7 +1375,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -1623,7 +1624,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -2426,7 +2427,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -2641,10 +2642,10 @@
       "docstring": "",
       "path": "src/components/post-alert/alert-types.ts"
     },
-    "../../node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
+    "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
+      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     }
   }
 }

package/dist/esm/{index-9ace3232.js → index-189d3985.js}

@@ -1,8 +1,8 @@
 const NAMESPACE = 'post-components';
-const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Client Platform v4.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -68,10 +68,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-card-control.entry.js').then(processMod, consoleError);
-                case 'post-collapsible-trigger':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './post-collapsible-trigger.entry.js').then(processMod, consoleError);
                 case 'post-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -100,10 +96,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-tooltip.entry.js').then(processMod, consoleError);
-                case 'post-collapsible':
+                case 'post-collapsible_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-collapsible.entry.js').then(processMod, consoleError);
+                      './post-collapsible_2.entry.js').then(processMod, consoleError);
                 case 'post-popovercontainer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -452,13 +448,12 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
-  const styleContainerDocument = styleContainerNode;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles.get(scopeId2);
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
-      styleContainerNode = styleContainerDocument.head || styleContainerNode;
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
       let appliedStyles = rootAppliedStyles.get(styleContainerNode);
       let styleElm;
       if (!appliedStyles) {
@@ -481,8 +476,8 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           appliedStyles.add(scopeId2);
         }
       }
-    } else if (!styleContainerDocument.adoptedStyleSheets.includes(style)) {
-      styleContainerDocument.adoptedStyleSheets = [...styleContainerDocument.adoptedStyleSheets, style];
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
     }
   }
   return scopeId2;
@@ -1655,7 +1650,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
   if (listeners) {
     listeners.map(([flags, name, method]) => {
-      const target = getHostListenerTarget(elm, flags) ;
+      const target = elm;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -1677,10 +1672,6 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e);
   }
 };
-var getHostListenerTarget = (elm, flags) => {
-  if (flags & 4 /* TargetDocument */) return doc;
-  return elm;
-};
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
   passive: (flags & 1 /* Passive */) !== 0,
   capture: (flags & 2 /* Capture */) !== 0

package/dist/esm/{index-29d17d6d.js → index-d1eba94c.js}

@@ -1,6 +1,5 @@
 import { E as EMPTY_VALUES } from './constants-8d548297.js';
 import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
-import { c as checkType } from './check-type-8828dbe4.js';
 
 function emptyOr(check) {
     return (...args) => {
@@ -15,8 +14,21 @@ function checkPattern(value, pattern, errorMessage) {
         throw new Error(errorMessage);
 }
 
+function checkType(value, type, error) {
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray)
+            throw new Error(error);
+    }
+    else {
+        if (typeof value !== type)
+            throw new Error(error);
+    }
+}
+
 const checkEmptyOrOneOf = emptyOr(checkOneOf);
 const checkEmptyOrPattern = emptyOr(checkPattern);
 const checkEmptyOrType = emptyOr(checkType);
 
-export { checkEmptyOrPattern as a, checkEmptyOrType as b, checkEmptyOrOneOf as c };
+export { checkType as a, checkEmptyOrPattern as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };

package/dist/esm/index.js

@@ -1,25 +1,23 @@
-export { P as PostAccordion } from './post-accordion-09978cd3.js';
-export { P as PostAccordionItem } from './post-accordion-item-4210d17f.js';
-export { P as PostAlert } from './post-alert-64d34792.js';
-export { P as PostCardControl } from './post-card-control-244f45f6.js';
-export { P as PostCollapsible } from './post-collapsible-4ddc1db3.js';
-export { P as PostCollapsibleTrigger } from './post-collapsible-trigger-b0100e8c.js';
-export { P as PostIcon } from './post-icon-f05c6d37.js';
-export { P as PostPopover } from './post-popover-a094d059.js';
-export { P as PostPopovercontainer } from './post-popovercontainer-1faa005e.js';
-export { P as PostRating } from './post-rating-62590a88.js';
-export { P as PostTabs } from './post-tabs-4528a1a5.js';
-export { P as PostTabHeader } from './post-tab-header-1b88d56e.js';
-export { P as PostTabPanel } from './post-tab-panel-fac73181.js';
-export { P as PostTooltip } from './post-tooltip-1156bdc7.js';
-export { P as PostTag } from './post-tag-8b82ff5c.js';
-import './index-9ace3232.js';
-import './package-91140d77.js';
+export { P as PostAccordion } from './post-accordion-1cbd089a.js';
+export { P as PostAccordionItem } from './post-accordion-item-316ee985.js';
+export { P as PostAlert } from './post-alert-6fa442b9.js';
+export { P as PostCardControl } from './post-card-control-41356aa4.js';
+export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-6f4ba350.js';
+export { P as PostIcon } from './post-icon-fe467f6a.js';
+export { P as PostPopover } from './post-popover-c9998136.js';
+export { P as PostPopovercontainer } from './post-popovercontainer-62ced3d7.js';
+export { P as PostRating } from './post-rating-49ace0e9.js';
+export { P as PostTabs } from './post-tabs-a7990c9e.js';
+export { P as PostTabHeader } from './post-tab-header-696a7aae.js';
+export { P as PostTabPanel } from './post-tab-panel-c00910fb.js';
+export { P as PostTooltip } from './post-tooltip-cf07e816.js';
+export { P as PostTag } from './post-tag-d9650103.js';
+import './index-189d3985.js';
+import './package-3e4546f5.js';
 import './heading-levels-5b7b4349.js';
 import './check-one-of-6b3ef8eb.js';
-import './index-29d17d6d.js';
+import './index-d1eba94c.js';
 import './constants-8d548297.js';
-import './check-type-8828dbe4.js';
 import './fade-7fd71785.js';
 import './check-non-empty-58bd6b17.js';
 import './attribute-observer-37fa950a.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-9ace3232.js';
-export { s as setNonce } from './index-9ace3232.js';
+import { b as bootstrapLazy } from './index-189d3985.js';
+export { s as setNonce } from './index-189d3985.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["post-accordion-item",[[1,"post-accordion-item",{"collapsed":[4],"headingLevel":[2,"heading-level"],"id":[32],"isOpen":[32],"toggle":[64]},[[0,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisbled"]}]]],["post-popovercontainer",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-collapsible-trigger",[[0,"post-collapsible-trigger",{"for":[1],"update":[64]},[[4,"postToggle","setAriaExpanded"]],{"for":["setAriaAttributes"]}]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible",[[1,"post-collapsible",{"collapsed":[4],"toggle":[64]},null,{"collapsed":["validateCollapsed"]}]]],["post-icon",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
+  return bootstrapLazy([["post-accordion-item",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisbled"]}]]],["post-popovercontainer",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{package-91140d77.js → package-3e4546f5.js}

@@ -1,3 +1,3 @@
-const version = "7.4.0";
+const version = "8.0.0";
 
 export { version as v };

package/dist/esm/{post-accordion-09978cd3.js → post-accordion-1cbd089a.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-9ace3232.js';
-import { v as version } from './package-91140d77.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-189d3985.js';
+import { v as version } from './package-3e4546f5.js';
 import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
 import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';