@swisspost/design-system-components 10.0.0-next.38 → 10.0.0-next.40

package/loaders/post-togglebutton.js

@@ -1,7 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { v as version } from './package.js';
-import { c as checkType } from './check-type.js';
-import './breakpoints.js';
 
 const postTogglebuttonCss = ":host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}";
 const PostTogglebuttonStyle0 = postTogglebuttonCss;
@@ -23,27 +21,18 @@ const PostTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class PostTogglebutt
         };
         this.toggled = false;
     }
-    validateToggled() {
-        checkType(this, 'toggled', 'boolean');
-    }
     componentWillLoad() {
-        this.validateToggled();
         // add event listener to not override listener that might be set on the host
         this.host.addEventListener('click', () => this.handleClick());
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e));
     }
     render() {
-        return (h(Host, { key: '3a1429a9b67b8cfafae184fe0d060ee3a04974e0', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '9ab1537574423740fc335fde732c699698acac25' })));
+        return (h(Host, { key: '1025fb988460e85c92e49241889363e1bcc840eb', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '20d3eb9415685fb9a00a5613474c432f6638692e' })));
     }
     get host() { return this; }
-    static get watchers() { return {
-        "toggled": ["validateToggled"]
-    }; }
     static get style() { return PostTogglebuttonStyle0; }
 }, [1, "post-togglebutton", {
         "toggled": [1028]
-    }, undefined, {
-        "toggled": ["validateToggled"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/loaders/post-tooltip-trigger.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, h, Host } from '@stencil/core/internal/client';
 import { I as IS_BROWSER } from './breakpoints.js';
-import { c as checkType } from './check-type.js';
+import { a as checkEmptyOrType } from './index2.js';
 import { v as version$1 } from './package.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -4535,15 +4535,13 @@ const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipT
         this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
     }
     validateControlFor() {
-        checkType(this, 'for', 'string');
+        checkEmptyOrType(this, 'for', 'string');
     }
     get tooltip() {
         if (!IS_BROWSER)
             return null;
         const ref = document.getElementById(this.for);
-        return ref?.localName === 'post-tooltip'
-            ? ref
-            : null;
+        return ref?.localName === 'post-tooltip' ? ref : null;
     }
     componentDidLoad() {
         this.setupTrigger();
@@ -4651,7 +4649,7 @@ const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipT
     handleLeave(event) {
         const newTarget = event.relatedTarget;
         if ((this.tooltip && newTarget && this.tooltip.contains(newTarget)) ||
-            (newTarget === this.trigger)) {
+            newTarget === this.trigger) {
             return;
         }
         this.interestLostHandler();
@@ -4675,7 +4673,7 @@ const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipT
         this.tooltip?.hide();
     }
     render() {
-        return (h(Host, { key: '4e4b53e85570d6dbba4ee7833a1d3de00e53dbc6', "data-version": version$1 }, h("slot", { key: 'f8f5ea2e2ce848d654e233617455bbbbdc6ba5b1', onSlotchange: () => this.handleSlotChange() })));
+        return (h(Host, { key: '26ac11df6c2961e3dd51722f6981185db17c6efb', "data-version": version$1 }, h("slot", { key: 'd08036f40d0a6708b8614232134b0d5b4eba4b78', onSlotchange: () => this.handleSlotChange() })));
     }
     get host() { return this; }
     static get watchers() { return {

package/loaders/post-tooltip.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { v as version } from './package.js';
-import { c as checkType } from './check-type.js';
+import { d as checkEmptyOrOneOf } from './index2.js';
 import './breakpoints.js';
-import { d as defineCustomElement$2 } from './post-popovercontainer2.js';
+import { P as PLACEMENT_TYPES, d as defineCustomElement$2 } from './post-popovercontainer2.js';
 
-const postTooltipCss = ":host{display:none}:host([open]){display:block}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:200px;min-height:32px}";
+const postTooltipCss = ":host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:280px;min-height:32px;word-wrap:break-word;white-space:normal}";
 const PostTooltipStyle0 = postTooltipCss;
 
 const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends HTMLElement {
@@ -14,14 +14,14 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
         this.__attachShadow();
         this.placement = 'top';
         this.arrow = false;
-        this.animation = null;
+        this.animation = undefined;
         this.open = false;
     }
-    validateOpen() {
-        checkType(this, 'open', 'boolean', 'The "open" property of the post-tooltip must be a boolean.');
+    validatePlacement() {
+        checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
     }
-    connectedCallback() {
-        this.validateOpen();
+    componentWillLoad() {
+        this.validatePlacement();
     }
     componentDidLoad() {
         if (!this.host.id) {
@@ -62,11 +62,11 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: 'd6a76533f22e354ff89f15c1e9a10e20fe471579', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: '60076aaa184ae98e9e813400cc2d03f5add274df', safeSpace: 'trapezoid', class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '1d5ea42696cc60a8a84ff0ecc29e82152d028ba4' }))));
+        return (h(Host, { key: '1e1d3f4e204b42c8202af63bd7dec12de3c8e16a', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: 'e410952b4e75915e51d57eec2dbecce2b5d55733', safeSpace: "trapezoid", class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '494e3136dbe96cf611a41753711efb03cab30a12' }))));
     }
     get host() { return this; }
     static get watchers() { return {
-        "open": ["validateOpen"]
+        "placement": ["validatePlacement"]
     }; }
     static get style() { return PostTooltipStyle0; }
 }, [1, "post-tooltip", {
@@ -78,7 +78,7 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
         "hide": [64],
         "toggle": [64]
     }, undefined, {
-        "open": ["validateOpen"]
+        "placement": ["validatePlacement"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/loaders/switch-variants.js

@@ -0,0 +1,3 @@
+const SWITCH_VARIANTS = ['list', 'menu'];
+
+export { SWITCH_VARIANTS as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "10.0.0-next.38",
+  "version": "10.0.0-next.40",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
@@ -31,8 +31,8 @@
   "dependencies": {
     "@floating-ui/dom": "1.7.0",
     "@oddbird/popover-polyfill": "0.5.2",
-    "@swisspost/design-system-icons": "10.0.0-next.38",
-    "@swisspost/design-system-styles": "10.0.0-next.38",
+    "@swisspost/design-system-icons": "10.0.0-next.40",
+    "@swisspost/design-system-styles": "10.0.0-next.40",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0",
     "nanoid": "5.1.5"
@@ -48,20 +48,24 @@
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "3.0.12",
     "@types/jest": "29.5.14",
+    "@types/mock-fs": "4.13.4",
     "@types/node": "22.10.5",
     "@typescript-eslint/parser": "7.18.0",
     "bootstrap": "5.3.3",
+    "copyfiles": "2.4.1",
     "cypress": "14.3.2",
-    "cypress-axe": "1.5.0",
+    "cypress-axe": "1.6.0",
     "cypress-storybook": "1.0.0",
     "eslint": "9.18.0",
     "eslint-plugin-react": "7.37.4",
     "globals": "16.0.0",
+    "mock-fs": "5.5.0",
     "rimraf": "6.0.1",
     "rollup-plugin-postcss": "4.0.2",
     "sass": "1.78.0",
     "throttle-debounce": "5.0.2",
     "ts-jest": "29.2.5",
+    "ts-node": "10.9.2",
     "typescript": "5.8.3",
     "typescript-eslint": "8.20.0",
     "eslint-plugin-cypress": "4.2.0"
@@ -75,17 +79,23 @@
     "frontend"
   ],
   "scripts": {
-    "play": "stencil build --dev --port 9200 --serve --watch --docs --docs-readme",
-    "start": "stencil build --dev --watch --docs --docs-readme",
-    "build": "pnpm clean && stencil build --docs-readme",
-    "clean": "rimraf dist hydrate loader loaders www ../components-react/src/components/stencil-generated/ ../components-angular/projects/components/src/lib/stencil-generated/",
+    "play": "pnpm prebuild:script && stencil build --dev --port 9200 --serve --watch --docs --docs-readme",
+    "start": "pnpm prebuild:script && stencil build --dev --watch --docs --docs-readme",
+    "prebuild": "pnpm clean && pnpm prebuild:script",
+    "build": "stencil build --docs-readme",
+    "postbuild": "pnpm copy:styles:components-react & pnpm copy:styles:components-angular",
+    "clean": "rimraf dist hydrate loader loaders www src/styles/generated ../components-react/src/components/stencil-generated/ ../components-angular/projects/components/src/lib/stencil-generated/",
     "unit": "stencil test --spec",
     "unit:watch": "stencil test --spec --watchAll --silent",
+    "unit:updatesnapshot": "stencil test --spec --updateSnapshot",
     "e2e": "cypress run --browser chrome",
     "e2e:watch": "cypress open",
     "e2e:ci": "xvfb-run -a cypress run --browser chrome",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
-    "generate": "stencil generate"
+    "generate": "stencil generate",
+    "prebuild:script": "ts-node prebuild.ts",
+    "copy:styles:components-react": "copyfiles -f www/build/post-components.css ../components-react/src/components/stencil-generated/",
+    "copy:styles:components-angular": "copyfiles -f www/build/post-components.css ../components-angular/projects/components/src/lib/stencil-generated/"
   }
 }

package/dist/cjs/check-non-empty-bd99d236.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const constants = require('./constants-238701d3.js');
-
-function checkNonEmpty(component, prop, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is required.`;
-    const message = customMessage || defaultMessage;
-    if (constants.EMPTY_VALUES.some(v => v === value)) {
-        throw new Error(message);
-    }
-}
-
-exports.checkNonEmpty = checkNonEmpty;

package/dist/cjs/check-one-of-75d270b5.js

@@ -1,13 +0,0 @@
-'use strict';
-
-function checkOneOf(component, prop, possibleValues, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be one of the following values: ${possibleValues.join(', ')}.`;
-    const message = customMessage || defaultMessage;
-    if (!possibleValues.includes(value)) {
-        throw new Error(message);
-    }
-}
-
-exports.checkOneOf = checkOneOf;

package/dist/cjs/check-type-cdbf6d29.js

@@ -1,21 +0,0 @@
-'use strict';
-
-function checkType(component, prop, type, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const typeIsArray = type === 'array';
-    const valueIsArray = Array.isArray(value);
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be of type \`
-    ${type}\`.`;
-    const message = customMessage || defaultMessage;
-    if (typeIsArray || valueIsArray) {
-        if (valueIsArray !== typeIsArray) {
-            throw new Error(message);
-        }
-    }
-    else if (typeof value !== type) {
-        throw new Error(message);
-    }
-}
-
-exports.checkType = checkType;

package/dist/cjs/check-url-220a286c.js

@@ -1,19 +0,0 @@
-'use strict';
-
-function checkUrl(component, prop, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is invalid.`;
-    const message = customMessage || defaultMessage;
-    if (typeof value !== 'string' && !(value instanceof URL)) {
-        throw new Error(message);
-    }
-    try {
-        new URL(value, 'https://www.post.ch');
-    }
-    catch {
-        throw new Error(message);
-    }
-}
-
-exports.checkUrl = checkUrl;

package/dist/cjs/constants-238701d3.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const EMPTY_VALUES = [undefined, null, ''];
-
-exports.EMPTY_VALUES = EMPTY_VALUES;

package/dist/cjs/heading-levels-608d432e.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
-
-exports.HEADING_LEVELS = HEADING_LEVELS;

package/dist/cjs/index-23e36ff7.js

@@ -1,37 +0,0 @@
-'use strict';
-
-const constants = require('./constants-238701d3.js');
-const checkOneOf = require('./check-one-of-75d270b5.js');
-const checkType = require('./check-type-cdbf6d29.js');
-const checkUrl = require('./check-url-220a286c.js');
-
-function emptyOr(check) {
-    return (...args) => {
-        const component = args[0];
-        const prop = args[1];
-        const value = component[prop];
-        if (!constants.EMPTY_VALUES.some(v => v === value)) {
-            check(...args);
-        }
-    };
-}
-
-function checkPattern(component, prop, pattern, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be follow the format \`${pattern}\`.`;
-    const message = customMessage || defaultMessage;
-    if (typeof value !== 'string' || !pattern.test(value)) {
-        throw new Error(message);
-    }
-}
-
-const checkEmptyOrOneOf = emptyOr(checkOneOf.checkOneOf);
-const checkEmptyOrPattern = emptyOr(checkPattern);
-const checkEmptyOrType = emptyOr(checkType.checkType);
-const checkEmptyOrUrl = emptyOr(checkUrl.checkUrl);
-
-exports.checkEmptyOrOneOf = checkEmptyOrOneOf;
-exports.checkEmptyOrPattern = checkEmptyOrPattern;
-exports.checkEmptyOrType = checkEmptyOrType;
-exports.checkEmptyOrUrl = checkEmptyOrUrl;

package/dist/cjs/post-accordion-e54524be.js

@@ -1,105 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-3e61e6f3.js');
-const headingLevels = require('./heading-levels-608d432e.js');
-const checkOneOf = require('./check-one-of-75d270b5.js');
-require('./breakpoints-cdf1b747.js');
-const eventGuard = require('./event-guard-efabc84f.js');
-
-const postAccordionCss = ":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-block-start:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";
-const PostAccordionStyle0 = postAccordionCss;
-
-const PostAccordion = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.expandedItems = new Set();
-        this.headingLevel = undefined;
-        this.multiple = false;
-    }
-    validateHeadingLevel(newValue = this.headingLevel) {
-        if (!newValue)
-            return;
-        checkOneOf.checkOneOf(this, 'headingLevel', headingLevels.HEADING_LEVELS, 'The `heading-level` property of the `post-accordion` must be a number between 1 and 6.');
-        this.accordionItems.forEach(item => {
-            item.setAttribute('heading-level', String(newValue));
-        });
-    }
-    componentWillLoad() {
-        this.registerAccordionItems();
-        this.validateHeadingLevel();
-    }
-    collapseToggleHandler(event) {
-        eventGuard.eventGuard(this.host, event, { targetLocalName: 'post-accordion-item', delegatorSelector: 'post-accordion' }, () => {
-            const toggledAccordionItem = event.target;
-            const isClosing = this.expandedItems.has(toggledAccordionItem);
-            if (isClosing) {
-                this.expandedItems.delete(toggledAccordionItem);
-            }
-            else {
-                this.expandedItems.add(toggledAccordionItem);
-            }
-            if (this.multiple || isClosing)
-                return;
-            // Close other open accordion items to ensure only one is open at a time
-            Array.from(this.expandedItems.values())
-                .filter(item => item !== toggledAccordionItem)
-                .forEach(item => {
-                item.toggle(false);
-            });
-        });
-    }
-    /**
-     * Toggles the `post-accordion-item` with the given id.
-     */
-    async toggle(id) {
-        const itemToToggle = this.accordionItems.find(item => item.id === id);
-        if (!itemToToggle)
-            throw new Error(`No post-accordion-item found with id #${id}.`);
-        await itemToToggle.toggle();
-    }
-    /**
-     * Expands all `post-accordion-item`.
-     *
-     * If `multiple="true"` is not set and all items are closed, it will open the first one.
-     * Otherwise, it will keep the opened one.
-     */
-    async expandAll() {
-        if (this.multiple) {
-            await Promise.all(this.accordionItems.map(item => item.toggle(true)));
-        }
-        else if (!this.expandedItems.size) {
-            await this.accordionItems[0].toggle(true);
-        }
-    }
-    /**
-     * Collapses all `post-accordion-item`.
-     */
-    async collapseAll() {
-        await Promise.all(this.accordionItems.map(item => item.toggle(false)));
-    }
-    registerAccordionItems() {
-        this.accordionItems = Array.from(this.host.querySelectorAll('post-accordion-item'));
-        this.accordionItems
-            .filter(item => {
-            return !item.collapsed || this.expandedItems.has(item);
-        })
-            .forEach((item, index) => {
-            if (!this.multiple && index !== 0) {
-                item.setAttribute('collapsed', '');
-                return;
-            }
-            this.expandedItems.add(item);
-        });
-    }
-    render() {
-        return (index.h(index.Host, { key: '80e15cf7835f213cfee1ca7cf83cc2fd24bba3ff', "data-version": _package.version }, index.h("div", { key: '1cf03d4960115b52394b5cb07cd2286747c728dd', class: "accordion" }, index.h("slot", { key: 'b94328a45a3cba6a8d3b418061036eb8af2cf027', onSlotchange: () => this.registerAccordionItems() }))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
-    }; }
-};
-PostAccordion.style = PostAccordionStyle0;
-
-exports.PostAccordion = PostAccordion;

package/dist/cjs/post-accordion-item-86f11a16.js

@@ -1,64 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-3e61e6f3.js');
-const headingLevels = require('./heading-levels-608d432e.js');
-const index$1 = require('./index-23e36ff7.js');
-require('./breakpoints-cdf1b747.js');
-const eventGuard = require('./event-guard-efabc84f.js');
-const index_browser = require('./index.browser-4af21c17.js');
-
-const postAccordionItemCss = ".accordion-item::after{display:block;content:\"\";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;inset-block-end:auto;border-block-start:var(--post-accordion-button-border-top)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
-const PostAccordionItemStyle0 = postAccordionItemCss;
-
-const PostAccordionItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.id = undefined;
-        this.slottedLogo = undefined;
-        this.collapsed = false;
-        this.headingLevel = undefined;
-    }
-    validateHeadingLevel() {
-        index$1.checkEmptyOrOneOf(this, 'headingLevel', headingLevels.HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
-    }
-    componentWillLoad() {
-        this.id = this.host.id || `p${index_browser.nanoid(6)}`;
-    }
-    componentDidLoad() {
-        this.validateHeadingLevel();
-    }
-    // Capture to make sure the "collapsed" property is updated before the event is consumed
-    onCollapseToggle(event) {
-        eventGuard.eventGuard(this.host, event, { targetLocalName: 'post-collapsible', delegatorSelector: 'post-accordion-item' }, () => {
-            this.collapsed = !event.detail;
-        });
-    }
-    /**
-     * Triggers the collapse programmatically.
-     */
-    async toggle(force) {
-        return this.collapsible.toggle(force);
-    }
-    onSlotLogoChange() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    componentWillRender() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    render() {
-        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
-        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (index.h(index.Host, { key: '725d3710f7937f82c2382938d15770001e923b61', id: this.id, "data-version": _package.version }, index.h("div", { key: '679d25d8278fbf9ae68546ee50c27a86ded95999', part: "accordion-item", class: "accordion-item" }, index.h("post-collapsible-trigger", { key: '7c2af8dc6a1f5265b4ae2cad066be7d2e0bf6a78', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: 'a10e59a17fdb272fe6308d2ba98f37f90490fab8', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: 'e2b527850c8342a8adf99453d0ac330b6a94760f', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, index.h("span", { key: 'b722a4bc51757546eefa58c7c3ea3a688838298a', class: {
-                'logo-container': true,
-                'has-image': !!this.slottedLogo,
-            } }, index.h("slot", { key: '1a42494db72a7b437b1d98fa2e8159d73ece22fa', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: '049865bb25f833780ef8e27fe8477e06476a2427', name: "header" }), index.h("post-icon", { key: 'da0cf7078e4f51710dbfd39c0afa90465fcb53c6', name: "2051" })))), index.h("post-collapsible", { key: '7c3b268e34d3e4f52820b11a6c090aefbc16e3b9', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: '993a7fffbccb557aed2842305f3927e5c3b5047a', class: "accordion-body", part: "body" }, index.h("slot", { key: '580eb87b1cb4f88acd7dddddecaa1c1982b7f6e3' }))))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
-    }; }
-};
-PostAccordionItem.style = PostAccordionItemStyle0;
-
-exports.PostAccordionItem = PostAccordionItem;

package/dist/cjs/post-accordion-item.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postAccordionItem = require('./post-accordion-item-86f11a16.js');
-require('./index-b60129c4.js');
-require('./package-3e61e6f3.js');
-require('./heading-levels-608d432e.js');
-require('./index-23e36ff7.js');
-require('./constants-238701d3.js');
-require('./check-one-of-75d270b5.js');
-require('./check-type-cdbf6d29.js');
-require('./check-url-220a286c.js');
-require('./breakpoints-cdf1b747.js');
-require('./event-guard-efabc84f.js');
-require('./index.browser-4af21c17.js');
-
-
-
-exports.post_accordion_item = postAccordionItem.PostAccordionItem;

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

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postAccordion = require('./post-accordion-e54524be.js');
-require('./index-b60129c4.js');
-require('./package-3e61e6f3.js');
-require('./heading-levels-608d432e.js');
-require('./check-one-of-75d270b5.js');
-require('./breakpoints-cdf1b747.js');
-require('./event-guard-efabc84f.js');
-
-
-
-exports.post_accordion = postAccordion.PostAccordion;

package/dist/collection/utils/property-checkers/check-non-empty.js

@@ -1,10 +0,0 @@
-import { EMPTY_VALUES } from "./constants";
-export function checkNonEmpty(component, prop, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is required.`;
-    const message = customMessage || defaultMessage;
-    if (EMPTY_VALUES.some(v => v === value)) {
-        throw new Error(message);
-    }
-}

package/dist/components/check-non-empty.js

@@ -1,13 +0,0 @@
-import { E as EMPTY_VALUES } from './constants.js';
-
-function checkNonEmpty(component, prop, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is required.`;
-    const message = customMessage || defaultMessage;
-    if (EMPTY_VALUES.some(v => v === value)) {
-        throw new Error(message);
-    }
-}
-
-export { checkNonEmpty as c };

package/dist/components/check-one-of.js

@@ -1,11 +0,0 @@
-function checkOneOf(component, prop, possibleValues, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be one of the following values: ${possibleValues.join(', ')}.`;
-    const message = customMessage || defaultMessage;
-    if (!possibleValues.includes(value)) {
-        throw new Error(message);
-    }
-}
-
-export { checkOneOf as c };

package/dist/components/check-type.js

@@ -1,19 +0,0 @@
-function checkType(component, prop, type, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const typeIsArray = type === 'array';
-    const valueIsArray = Array.isArray(value);
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be of type \`
-    ${type}\`.`;
-    const message = customMessage || defaultMessage;
-    if (typeIsArray || valueIsArray) {
-        if (valueIsArray !== typeIsArray) {
-            throw new Error(message);
-        }
-    }
-    else if (typeof value !== type) {
-        throw new Error(message);
-    }
-}
-
-export { checkType as c };

package/dist/components/constants.js

@@ -1,3 +0,0 @@
-const EMPTY_VALUES = [undefined, null, ''];
-
-export { EMPTY_VALUES as E };

package/dist/esm/check-non-empty-258a56b3.js

@@ -1,13 +0,0 @@
-import { E as EMPTY_VALUES } from './constants-8d548297.js';
-
-function checkNonEmpty(component, prop, customMessage) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is required.`;
-    const message = customMessage || defaultMessage;
-    if (EMPTY_VALUES.some(v => v === value)) {
-        throw new Error(message);
-    }
-}
-
-export { checkNonEmpty as c };