@swisspost/design-system-components 7.4.0 → 8.0.0

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

@@ -0,0 +1 @@
+export{P as post_tab_header}from"./p-ab26873d.js";import"./p-c0f265c8.js";import"./p-90479234.js";import"./p-b095519d.js";import"./p-440193f4.js";

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

@@ -0,0 +1 @@
+import{r as i,h as t,H as a,g as e}from"./p-c0f265c8.js";import{c as o,d as n,a as s}from"./p-f91c0e1b.js";import{v as r}from"./p-90479234.js";import{c as l}from"./p-b095519d.js";const m=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],c=class{constructor(t){i(this,t),this.svgStyles=void 0,this.svgOutput=void 0,this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}validateAnimation(i=this.animation){void 0!==i&&o(i,m,`The post-icon "animation" prop requires one of the following values: ${m.join(", ")}.`)}validateBase(i=this.base){n(i,"string",'The post-icon "base" prop should be a string.')}validateFlipH(i=this.flipH){n(i,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(i=this.flipV){n(i,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(i=this.name){l(i,'The post-icon "name" prop is required!.'),s(i,"string",'The post-icon "name" prop should be a string.')}validateRotate(i=this.rotate){n(i,"number",'The post-icon "rotate" prop should be a number.')}validateScale(i=this.scale){n(i,"number",'The post-icon "scale" prop should be a number.')}componentWillLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}componentWillRender(){this.setPath()}setPath(){var i,t,a,e;const o=null!==(t=null===(i=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]'))||void 0===i?void 0:i.getAttribute("data-post-icon-base"))&&void 0!==t?t:null,n=`${null!==(e=null!==(a=this.base)&&void 0!==a?a:o)&&void 0!==e?e:"https://unpkg.com/@swisspost/design-system-icons/public/post-icons"}/`.replace(/\/\/$/,"/");this.path=new URL(`${n}${this.name}.svg`,window.location.origin).toString()}render(){const i=Object.entries({"-webkit-mask-image":`url('${this.path}')`,"mask-image":`url('${this.path}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([i,t])=>null!==t)).reduce(((i,[t,a])=>Object.assign(i,{[t]:a})),{});return t(a,{key:"95fa0f7a09d3430bb5d621e01b57188742920eb4","data-version":r},t("span",{key:"c824e3705dc83665bb6f7649381654e6d1e07dfb",style:i}))}get host(){return e(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};c.style=":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";export{c as P}

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

@@ -0,0 +1 @@
+import{E as r}from"./p-440193f4.js";import{c as o}from"./p-611b3c41.js";function t(o){return(...t)=>{const n=t[0];r.some((r=>r===n))||o(...t)}}function n(r,o,t){const n="array"===o,s=Array.isArray(r);if(n||s){if(s!==n)throw new Error(t)}else if(typeof r!==o)throw new Error(t)}const s=t(o),f=t((function(r,o,t){if("string"!=typeof r||!o.test(r))throw new Error(t)})),a=t(n);export{n as a,f as b,s as c,a as d}

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-8c7f0075.js";export{s as setNonce}from"./p-8c7f0075.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-d1c71b7d",[[1,"post-accordion-item",{collapsed:[4],headingLevel:[2,"heading-level"],id:[32],isOpen:[32],toggle:[64]},[[0,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-c297c7d1",[[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"]}]]],["p-67d41a4b",[[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"]}]]],["p-7f3045f5",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-5ef247ea",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-10cd6860",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-80708279",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-158d0eee",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-ffdd17d8",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-39b6f635",[[0,"post-collapsible-trigger",{for:[1],update:[64]},[[4,"postToggle","setAriaExpanded"]],{for:["setAriaAttributes"]}]]],["p-3cb6b887",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-78111d97",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-d9e5275c",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-f7101c7f",[[1,"post-collapsible",{collapsed:[4],toggle:[64]},null,{collapsed:["validateCollapsed"]}]]],["p-8c9bd744",[[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"]}]]]],e))));
+import{p as e,b as a}from"./p-c0f265c8.js";export{s as setNonce}from"./p-c0f265c8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-4ce46830",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-2c9277b1",[[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"]}]]],["p-5135c965",[[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"]}]]],["p-48ed21f0",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-2240981f",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-27cb2e60",[[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"]}]]],["p-6af42a67",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-3764a23a",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-b08aca79",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-7481e37a",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-ea063aae",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-0aee269b",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-8f0ee57c",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-496cee95",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]]],e))));

package/dist/types/components/post-accordion-item/post-accordion-item.d.ts

@@ -7,11 +7,10 @@ export declare class PostAccordionItem {
     private collapsible;
     host: HTMLPostAccordionItemElement;
     id: string;
-    isOpen: boolean;
     /**
-     * If `true`, the element is initially collapsed otherwise it is displayed.
+     * If `true`, the element is collapsed otherwise it is displayed.
      */
-    readonly collapsed?: boolean;
+    collapsed?: boolean;
     /**
      * Defines the hierarchical level of the accordion item header within the headings structure.
      * @deprecated set the `heading-level` property on the parent `post-accordion` instead.

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

@@ -7,17 +7,16 @@ export declare class PostCollapsible {
     private isOpen;
     host: HTMLPostCollapsibleElement;
     /**
-     * If `true`, the element is initially collapsed otherwise it is displayed.
+     * If `true`, the element is collapsed otherwise it is displayed.
      */
-    readonly collapsed?: boolean;
-    validateCollapsed(newValue?: boolean): void;
+    collapsed?: boolean;
+    collapsedChange(): void;
     /**
      * An event emitted when the collapse element is shown or hidden, before the transition.
      *
      * The event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed.
      */
     postToggle: EventEmitter<boolean>;
-    connectedCallback(): void;
     componentDidLoad(): void;
     /**
      * Triggers the collapse programmatically.

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

@@ -1,7 +1,7 @@
-import { PostCollapsibleCustomEvent } from "../../components";
 export declare class PostCollapsibleTrigger {
     private trigger?;
     private observer;
+    private root?;
     host: HTMLPostCollapsibleTriggerElement;
     /**
      * Link the trigger to a post-collapsible with this id
@@ -15,6 +15,11 @@ export declare class PostCollapsibleTrigger {
      * Initiate a mutation observer that updates the trigger whenever necessary
      */
     connectedCallback(): void;
+    /**
+     * 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(): void;
     /**
      * Add the "data-version" to the host element and set the trigger
      */
@@ -23,10 +28,6 @@ export declare class PostCollapsibleTrigger {
      * Disconnect the mutation observer
      */
     disconnectedCallback(): void;
-    /**
-     * Update the "aria-expanded" attribute on the trigger anytime the controlled post-collapsible is toggled
-     */
-    setAriaExpanded(e: PostCollapsibleCustomEvent<boolean>): void;
     /**
      * Update the "aria-controls" and "aria-expanded" attributes on the trigger button
      */

package/dist/types/components.d.ts

@@ -36,7 +36,7 @@ export namespace Components {
     }
     interface PostAccordionItem {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -126,7 +126,7 @@ export namespace Components {
     }
     interface PostCollapsible {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -535,7 +535,7 @@ declare namespace LocalJSX {
     }
     interface PostAccordionItem {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -621,7 +621,7 @@ declare namespace LocalJSX {
     }
     interface PostCollapsible {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**

package/dist/types/utils/get-root.d.ts

@@ -0,0 +1 @@
+export declare function getRoot(element: HTMLElement): Document | ShadowRoot;

package/dist/types/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './property-checkers';
 export * from './debounce';
+export * from './get-root';
 export * from './is-motion-reduced';
 export * from './sass-export';
 export * from './timeout';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "7.4.0",
+  "version": "8.0.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",
@@ -23,34 +23,34 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@floating-ui/dom": "1.6.7",
+    "@floating-ui/dom": "1.6.8",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-styles": "7.4.0",
+    "@swisspost/design-system-styles": "8.0.0",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },
   "devDependencies": {
-    "@percy/cli": "1.28.8",
+    "@percy/cli": "1.29.0",
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.7.2",
     "@stencil/angular-output-target": "0.8.4",
-    "@stencil/core": "4.19.1",
+    "@stencil/core": "4.19.2",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "3.0.12",
     "@types/jest": "29.5.12",
-    "@types/node": "20.14.9",
+    "@types/node": "20.14.11",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "bootstrap": "5.3.3",
-    "cypress": "13.13.0",
+    "cypress": "13.13.1",
     "cypress-axe": "1.5.0",
     "cypress-storybook": "1.0.0",
     "eslint": "8.57.0",
-    "eslint-plugin-react": "7.34.3",
+    "eslint-plugin-react": "7.35.0",
     "rimraf": "6.0.1",
     "rollup-plugin-postcss": "4.0.2",
-    "sass": "1.77.6",
-    "ts-jest": "29.1.5",
+    "sass": "1.77.8",
+    "ts-jest": "29.2.3",
     "typescript": "5.3.3"
   },
   "keywords": [

package/dist/cjs/check-type-64af82a9.js

@@ -1,16 +0,0 @@
-'use strict';
-
-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);
-    }
-}
-
-exports.checkType = checkType;

package/dist/cjs/post-collapsible-d71942e3.js

@@ -1,87 +0,0 @@
-'use strict';
-
-const index = require('./index-1cc8e4e1.js');
-const _package = require('./package-549b9aab.js');
-const index$1 = require('./index-f32e5185.js');
-
-function isMotionReduced() {
-    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-}
-
-const collapseDuration = 350;
-const collapseEasing = 'ease';
-const collapsedKeyframe = { height: '0', overflow: 'hidden' };
-const animationOptions = {
-    duration: collapseDuration,
-    easing: collapseEasing,
-    fill: 'forwards',
-};
-const collapse = (el) => {
-    const expandedKeyframe = { height: window.getComputedStyle(el).height };
-    return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
-};
-const expand = (el) => {
-    const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
-    const finalKeyframe = { height: 'auto' };
-    return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
-};
-
-const postCollapsibleCss = ":host{display:block;overflow:hidden}";
-const PostCollapsibleStyle0 = postCollapsibleCss;
-
-const PostCollapsible = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.postToggle = index.createEvent(this, "postToggle", 7);
-        this.isLoaded = false;
-        this.isOpen = true;
-        this.collapsed = false;
-    }
-    validateCollapsed(newValue = this.collapsed) {
-        index$1.checkEmptyOrType(newValue, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
-    }
-    connectedCallback() {
-        this.validateCollapsed();
-    }
-    componentDidLoad() {
-        if (this.collapsed)
-            void this.toggle(false);
-        this.isLoaded = true;
-        this.updateTriggers();
-    }
-    /**
-     * Triggers the collapse programmatically.
-     *
-     * If there is a collapsing transition running already, it will be reversed.
-     */
-    async toggle(open = !this.isOpen) {
-        if (open === this.isOpen)
-            return open;
-        this.isOpen = !this.isOpen;
-        if (this.isLoaded)
-            this.postToggle.emit(this.isOpen);
-        const animation = open ? expand(this.host) : collapse(this.host);
-        if (!this.isLoaded || isMotionReduced())
-            animation.finish();
-        await animation.finished;
-        animation.commitStyles();
-        return this.isOpen;
-    }
-    /**
-     * Update all post-collapsible-trigger elements referring to the collapsible
-     */
-    updateTriggers() {
-        const triggers = document.querySelectorAll(`post-collapsible-trigger[for=${this.host.id}]`);
-        triggers.forEach(trigger => trigger.update());
-    }
-    render() {
-        return (index.h(index.Host, { key: 'c24a0524427d6ec5a3a57e12300a5af4cc047a71', "data-version": _package.version }, index.h("slot", { key: '4d41b67a18ca43acfa0e9ef208c07fa7882baba2' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "collapsed": ["validateCollapsed"]
-    }; }
-};
-PostCollapsible.style = PostCollapsibleStyle0;
-
-exports.PostCollapsible = PostCollapsible;

package/dist/cjs/post-collapsible-trigger-a7e32ead.js

@@ -1,115 +0,0 @@
-'use strict';
-
-const index = require('./index-1cc8e4e1.js');
-const _package = require('./package-549b9aab.js');
-const checkType = require('./check-type-64af82a9.js');
-const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
-
-function debounce(callback, timeout = 200) {
-    let id;
-    return (...args) => {
-        if (id)
-            clearTimeout(id);
-        id = setTimeout(callback, timeout, ...args);
-    };
-}
-
-const PostCollapsibleTrigger = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.observer = new MutationObserver(() => this.setTrigger());
-        this.debouncedUpdate = debounce(() => {
-            var _a;
-            if (!this.trigger)
-                return;
-            // add the provided id to the aria-controls list
-            const ariaControls = this.trigger.getAttribute('aria-controls');
-            if (!(ariaControls === null || ariaControls === void 0 ? void 0 : ariaControls.includes(this.for))) {
-                const newAriaControls = ariaControls ? `${ariaControls} ${this.for}` : this.for;
-                this.trigger.setAttribute('aria-controls', newAriaControls);
-            }
-            // set the aria-expanded to `false` if the controlled collapsible is collapsed or undefined, set it to `true` otherwise
-            const isCollapsed = (_a = this.collapsible) === null || _a === void 0 ? void 0 : _a.collapsed;
-            const newAriaExpanded = isCollapsed !== undefined ? !isCollapsed : undefined;
-            this.trigger.setAttribute('aria-expanded', `${newAriaExpanded}`);
-        });
-        this.for = undefined;
-    }
-    /**
-     * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
-     */
-    setAriaAttributes() {
-        checkNonEmpty.checkNonEmpty(this.for, 'The post-collapsible-trigger "for" prop is required.');
-        checkType.checkType(this.for, 'string', 'The post-collapsible-trigger "for" prop should be a id.');
-        void this.update();
-    }
-    /**
-     * Initiate a mutation observer that updates the trigger whenever necessary
-     */
-    connectedCallback() {
-        this.observer.observe(this.host, { childList: true, subtree: true });
-    }
-    /**
-     * Add the "data-version" to the host element and set the trigger
-     */
-    componentDidLoad() {
-        this.host.setAttribute('data-version', _package.version);
-        this.setTrigger();
-        if (!this.trigger)
-            console.warn('The post-collapsible-trigger must contain a button.');
-    }
-    /**
-     * Disconnect the mutation observer
-     */
-    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
-     */
-    async update() {
-        this.debouncedUpdate();
-    }
-    /**
-     * Toggle the post-collapsible controlled by the trigger
-     */
-    async toggleCollapsible() {
-        var _a;
-        await ((_a = this.collapsible) === null || _a === void 0 ? void 0 : _a.toggle());
-    }
-    /**
-     * Retrieve the post-collapsible controlled by the trigger
-     */
-    get collapsible() {
-        const ref = document.getElementById(this.for);
-        if (ref && ref.localName === 'post-collapsible') {
-            return ref;
-        }
-        return null;
-    }
-    /**
-     * Find the button and add the proper event listener and ARIA attributes to it
-     */
-    setTrigger() {
-        const trigger = this.host.querySelector('button');
-        if (!trigger || (this.trigger && trigger.isEqualNode(this.trigger)))
-            return;
-        this.trigger = trigger;
-        this.trigger.addEventListener('click', () => this.toggleCollapsible());
-        this.setAriaAttributes();
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "for": ["setAriaAttributes"]
-    }; }
-};
-
-exports.PostCollapsibleTrigger = PostCollapsibleTrigger;

package/dist/cjs/post-collapsible.cjs.entry.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postCollapsible = require('./post-collapsible-d71942e3.js');
-require('./index-1cc8e4e1.js');
-require('./package-549b9aab.js');
-require('./index-f32e5185.js');
-require('./constants-238701d3.js');
-require('./check-one-of-f4f5d0c0.js');
-require('./check-type-64af82a9.js');
-
-
-
-exports.post_collapsible = postCollapsible.PostCollapsible;

package/dist/esm/check-type-8828dbe4.js

@@ -1,14 +0,0 @@
-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);
-    }
-}
-
-export { checkType as c };

package/dist/esm/post-collapsible-4ddc1db3.js

@@ -1,85 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9ace3232.js';
-import { v as version } from './package-91140d77.js';
-import { b as checkEmptyOrType } from './index-29d17d6d.js';
-
-function isMotionReduced() {
-    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-}
-
-const collapseDuration = 350;
-const collapseEasing = 'ease';
-const collapsedKeyframe = { height: '0', overflow: 'hidden' };
-const animationOptions = {
-    duration: collapseDuration,
-    easing: collapseEasing,
-    fill: 'forwards',
-};
-const collapse = (el) => {
-    const expandedKeyframe = { height: window.getComputedStyle(el).height };
-    return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
-};
-const expand = (el) => {
-    const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
-    const finalKeyframe = { height: 'auto' };
-    return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
-};
-
-const postCollapsibleCss = ":host{display:block;overflow:hidden}";
-const PostCollapsibleStyle0 = postCollapsibleCss;
-
-const PostCollapsible = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.postToggle = createEvent(this, "postToggle", 7);
-        this.isLoaded = false;
-        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();
-    }
-    componentDidLoad() {
-        if (this.collapsed)
-            void this.toggle(false);
-        this.isLoaded = true;
-        this.updateTriggers();
-    }
-    /**
-     * Triggers the collapse programmatically.
-     *
-     * If there is a collapsing transition running already, it will be reversed.
-     */
-    async toggle(open = !this.isOpen) {
-        if (open === this.isOpen)
-            return open;
-        this.isOpen = !this.isOpen;
-        if (this.isLoaded)
-            this.postToggle.emit(this.isOpen);
-        const animation = open ? expand(this.host) : collapse(this.host);
-        if (!this.isLoaded || isMotionReduced())
-            animation.finish();
-        await animation.finished;
-        animation.commitStyles();
-        return this.isOpen;
-    }
-    /**
-     * Update all post-collapsible-trigger elements referring to the collapsible
-     */
-    updateTriggers() {
-        const triggers = document.querySelectorAll(`post-collapsible-trigger[for=${this.host.id}]`);
-        triggers.forEach(trigger => trigger.update());
-    }
-    render() {
-        return (h(Host, { key: 'c24a0524427d6ec5a3a57e12300a5af4cc047a71', "data-version": version }, h("slot", { key: '4d41b67a18ca43acfa0e9ef208c07fa7882baba2' })));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "collapsed": ["validateCollapsed"]
-    }; }
-};
-PostCollapsible.style = PostCollapsibleStyle0;
-
-export { PostCollapsible as P };

package/dist/esm/post-collapsible-trigger-b0100e8c.js

@@ -1,113 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-9ace3232.js';
-import { v as version } from './package-91140d77.js';
-import { c as checkType } from './check-type-8828dbe4.js';
-import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
-
-function debounce(callback, timeout = 200) {
-    let id;
-    return (...args) => {
-        if (id)
-            clearTimeout(id);
-        id = setTimeout(callback, timeout, ...args);
-    };
-}
-
-const PostCollapsibleTrigger = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.observer = new MutationObserver(() => this.setTrigger());
-        this.debouncedUpdate = debounce(() => {
-            var _a;
-            if (!this.trigger)
-                return;
-            // add the provided id to the aria-controls list
-            const ariaControls = this.trigger.getAttribute('aria-controls');
-            if (!(ariaControls === null || ariaControls === void 0 ? void 0 : ariaControls.includes(this.for))) {
-                const newAriaControls = ariaControls ? `${ariaControls} ${this.for}` : this.for;
-                this.trigger.setAttribute('aria-controls', newAriaControls);
-            }
-            // set the aria-expanded to `false` if the controlled collapsible is collapsed or undefined, set it to `true` otherwise
-            const isCollapsed = (_a = this.collapsible) === null || _a === void 0 ? void 0 : _a.collapsed;
-            const newAriaExpanded = isCollapsed !== undefined ? !isCollapsed : undefined;
-            this.trigger.setAttribute('aria-expanded', `${newAriaExpanded}`);
-        });
-        this.for = undefined;
-    }
-    /**
-     * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
-     */
-    setAriaAttributes() {
-        checkNonEmpty(this.for, 'The post-collapsible-trigger "for" prop is required.');
-        checkType(this.for, 'string', 'The post-collapsible-trigger "for" prop should be a id.');
-        void this.update();
-    }
-    /**
-     * Initiate a mutation observer that updates the trigger whenever necessary
-     */
-    connectedCallback() {
-        this.observer.observe(this.host, { childList: true, subtree: true });
-    }
-    /**
-     * Add the "data-version" to the host element and set the trigger
-     */
-    componentDidLoad() {
-        this.host.setAttribute('data-version', version);
-        this.setTrigger();
-        if (!this.trigger)
-            console.warn('The post-collapsible-trigger must contain a button.');
-    }
-    /**
-     * Disconnect the mutation observer
-     */
-    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
-     */
-    async update() {
-        this.debouncedUpdate();
-    }
-    /**
-     * Toggle the post-collapsible controlled by the trigger
-     */
-    async toggleCollapsible() {
-        var _a;
-        await ((_a = this.collapsible) === null || _a === void 0 ? void 0 : _a.toggle());
-    }
-    /**
-     * Retrieve the post-collapsible controlled by the trigger
-     */
-    get collapsible() {
-        const ref = document.getElementById(this.for);
-        if (ref && ref.localName === 'post-collapsible') {
-            return ref;
-        }
-        return null;
-    }
-    /**
-     * Find the button and add the proper event listener and ARIA attributes to it
-     */
-    setTrigger() {
-        const trigger = this.host.querySelector('button');
-        if (!trigger || (this.trigger && trigger.isEqualNode(this.trigger)))
-            return;
-        this.trigger = trigger;
-        this.trigger.addEventListener('click', () => this.toggleCollapsible());
-        this.setAriaAttributes();
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "for": ["setAriaAttributes"]
-    }; }
-};
-
-export { PostCollapsibleTrigger as P };

package/dist/esm/post-collapsible-trigger.entry.js

@@ -1,6 +0,0 @@
-export { P as post_collapsible_trigger } from './post-collapsible-trigger-b0100e8c.js';
-import './index-9ace3232.js';
-import './package-91140d77.js';
-import './check-type-8828dbe4.js';
-import './check-non-empty-58bd6b17.js';
-import './constants-8d548297.js';