@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57

package/dist/components/react/post-language-switch.js

@@ -1,158 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { c as checkRequiredAndType, d as checkEmptyOrOneOf } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { E as EventFrom } from './p-CzIKqBrS.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { S as SWITCH_VARIANTS } from './p-DjIHLduJ.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-import { d as defineCustomElement$5 } from './p-DBPOV12C.js';
-import { d as defineCustomElement$4 } from './p-CSAMO7iJ.js';
-import { d as defineCustomElement$3 } from './p-Cwiv86_f.js';
-import { d as defineCustomElement$2 } from './p-DVGEExot.js';
-
-const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-trigger{cursor:pointer;text-transform:uppercase;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;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{background-color:ButtonFace !important}.post-language-switch-trigger:hover{background-color:Highlight !important}}.post-language-switch-trigger{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}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:24px;width:24px}.post-language-switch-trigger[aria-expanded=true]{background-color:#050400;color:#fff}.post-language-switch-trigger[aria-expanded=true] post-icon{transform:rotate(180deg)}.post-language-switch-trigger[aria-expanded=true]:hover{background-color:#504f4b;color:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{border:1px solid ButtonBorder}.post-language-switch-trigger[aria-expanded=true] post-icon,.post-language-switch-trigger:hover post-icon{color:HighlightText}}post-menu::part(menu){padding-block:0}.post-language-switch-list{margin-top:1rem}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const PostLanguageSwitch$1 = /*@__PURE__*/ proxyCustomElement(class PostLanguageSwitch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.menuId = `p${nanoid(11)}`;
-        this.listSpanId = `list-span-${nanoid(11)}`;
-        /**
-         * Whether the component is rendered as a list or a menu
-         */
-        this.variant = 'list';
-    }
-    get languageOptions() {
-        return Array.from(this.host.querySelectorAll('post-language-option'));
-    }
-    validateCaption() {
-        checkRequiredAndType(this, 'caption', 'string');
-    }
-    validateDescription() {
-        checkRequiredAndType(this, 'description', 'string');
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
-        this.updateChildrenVariant();
-    }
-    componentDidLoad() {
-        this.validateCaption();
-        this.validateDescription();
-        this.validateVariant();
-        // Initially set variants and active language
-        // Handles cases where the language-switch is rendered after the language-options have been rendered
-        this.updateChildrenVariant();
-    }
-    /**
-     * Listen for the postChange event and guard it to run only for events originating from a <post-language-option> element.
-     */
-    handlePostChange(event) {
-        this.activeLang = event.detail;
-        // Update the active state in the children post-language-option components
-        this.languageOptions.forEach(lang => {
-            if (lang.code && lang.code === this.activeLang) {
-                lang.setAttribute('active', '');
-            }
-            else {
-                lang.removeAttribute('active');
-            }
-        });
-        // Hides the dropdown when an option has been clicked
-        if (this.variant === 'menu') {
-            const menu = this.host.shadowRoot.querySelector('post-menu');
-            menu.hide();
-        }
-    }
-    /**
-     * Handles cases where the language switch is being rendered before options are available
-     * @param event Initially emitted by <post-langauge-option>
-     */
-    handleInitiallyActive(event) {
-        this.activeLang = event.detail;
-    }
-    // Update post-language-option variant to have the correct style
-    updateChildrenVariant() {
-        this.languageOptions.forEach(el => {
-            el.setAttribute('variant', this.variant);
-        });
-    }
-    renderList() {
-        return (h(Host, { "data-version": version }, h("div", { class: "post-language-switch-list", role: "list", "aria-label": this.caption, "aria-describedby": this.listSpanId }, h("span", { id: this.listSpanId, class: "visually-hidden" }, this.description), h("slot", null))));
-    }
-    renderDropdown() {
-        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger" }, this.activeLang, h("span", { class: "visually-hidden" }, this.caption), h("span", { class: "visually-hidden" }, this.description), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", label: this.caption }, h("slot", null))));
-    }
-    render() {
-        return this.variant === 'list' ? this.renderList() : this.renderDropdown();
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "caption": ["validateCaption"],
-        "description": ["validateDescription"],
-        "variant": ["validateVariant"]
-    }; }
-    static get style() { return postLanguageSwitchCss; }
-}, [1, "post-language-switch", {
-        "caption": [513],
-        "description": [513],
-        "variant": [1],
-        "activeLang": [32]
-    }, [[0, "postChange", "handlePostChange"], [0, "postLanguageOptionInitiallyActive", "handleInitiallyActive"]], {
-        "caption": ["validateCaption"],
-        "description": ["validateDescription"],
-        "variant": ["validateVariant"]
-    }]);
-__decorate([
-    EventFrom('post-language-option')
-], PostLanguageSwitch$1.prototype, "handlePostChange", null);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-language-switch", "post-icon", "post-menu", "post-menu-trigger", "post-popovercontainer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-language-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostLanguageSwitch$1);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "post-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "post-menu-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-popovercontainer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostLanguageSwitch = PostLanguageSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostLanguageSwitch, defineCustomElement };

package/dist/components/react/post-list-item.js

@@ -1,39 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-
-const postListItemCss = ":host{display:flex}";
-
-const PostListItem$1 = /*@__PURE__*/ proxyCustomElement(class PostListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    connectedCallback() {
-        this.host.setAttribute('slot', 'post-list-item');
-    }
-    render() {
-        return (h(Host, { key: '98f83a8ef6ff73461bfc7b67d8113543e94d66cb', role: "listitem", slot: "post-list-item", version: version }, h("slot", { key: '1ee5c021183b30ba7b560a58042a196aa9c1127e' })));
-    }
-    get host() { return this; }
-    static get style() { return postListItemCss; }
-}, [1, "post-list-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostListItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostListItem = PostListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostListItem, defineCustomElement };

package/dist/components/react/post-list.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-
-const postListCss = "post-list{display:flex;flex-direction:column;gap:var(--post-list-title-gap, 0)}post-list>[role=list]{display:flex;flex-direction:column;gap:var(--post-list-item-gap, 0)}post-list:where([horizontal]:not([horizontal=false])){flex-direction:row;align-items:center}post-list:where([horizontal]:not([horizontal=false]))>[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-const PostList$1 = /*@__PURE__*/ proxyCustomElement(class PostList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-         */
-        this.titleHidden = false;
-        /**
-         * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-         */
-        this.horizontal = false;
-    }
-    componentWillLoad() {
-        /**
-         * Get the id set on the host element or use a random id by default
-         */
-        this.titleId = `title-${this.host.id || nanoid(6)}`;
-    }
-    componentDidLoad() {
-        this.checkTitle();
-    }
-    checkTitle() {
-        if (!this.titleEl.textContent.trim()) {
-            console.error('Please provide a title to the list component. Title is mandatory for accessibility purposes.');
-        }
-    }
-    render() {
-        return (h(Host, { key: '85193bec2b2ff22ed76c93a4037f353b091192bc', "data-version": version }, h("div", { key: '32cdc5ccb95b48e3f81e90ac93f0207d935c9d3b', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, h("slot", { key: '890dd411e370a7829354dcaa00fae75e8f538f01' })), h("div", { key: '72867a1d81f2e186ed3d68f5185a46c7c96fdd3b', role: "list", "aria-labelledby": this.titleId }, h("slot", { key: '2cd5a5e9ca717c675f9db3a19fbf13ff49a7312c', name: "post-list-item" }))));
-    }
-    get host() { return this; }
-    static get style() { return postListCss; }
-}, [4, "post-list", {
-        "titleHidden": [4, "title-hidden"],
-        "horizontal": [516],
-        "titleId": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostList$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostList = PostList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostList, defineCustomElement };

package/dist/components/react/post-tab-header.js

@@ -1,53 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { c as checkRequiredAndType } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-
-const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}:host{display:block}.tab-title{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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}";
-
-const PostTabHeader$1 = /*@__PURE__*/ proxyCustomElement(class PostTabHeader extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    validateFor() {
-        checkRequiredAndType(this, 'panel', 'string');
-    }
-    componentWillLoad() {
-        this.tabId = `tab-${this.host.id || nanoid(6)}`;
-    }
-    render() {
-        return (h(Host, { key: 'b350fb9392e74af452470d72f97678aa1ac2d430', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '49722204330b3b2d760b8718b349b1417fd29a71' })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "panel": ["validateFor"]
-    }; }
-    static get style() { return postTabHeaderCss; }
-}, [1, "post-tab-header", {
-        "panel": [513],
-        "tabId": [32]
-    }, undefined, {
-        "panel": ["validateFor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-tab-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-tab-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostTabHeader$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostTabHeader = PostTabHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostTabHeader, defineCustomElement };

package/dist/esm/breakpoints-CJ80BZ06.js

@@ -1,178 +0,0 @@
-const IS_SERVER = typeof window === 'undefined';
-const IS_BROWSER = !IS_SERVER;
-
-/* eslint-disable no-undefined,no-param-reassign,no-shadow */
-
-/**
- * Throttle execution of a function. Especially useful for rate limiting
- * execution of handlers on events like resize and scroll.
- *
- * @param {number} delay -                  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
- *                                            are most useful.
- * @param {Function} callback -               A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
- *                                            as-is, to `callback` when the throttled-function is executed.
- * @param {object} [options] -              An object to configure options.
- * @param {boolean} [options.noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
- *                                            while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
- *                                            one final time after the last throttled-function call. (After the throttled-function has not been called for
- *                                            `delay` milliseconds, the internal counter is reset).
- * @param {boolean} [options.noLeading] -   Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
- *                                            immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
- *                                            callback will never executed if both noLeading = true and noTrailing = true.
- * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
- *                                            false (at end), schedule `callback` to execute after `delay` ms.
- *
- * @returns {Function} A new, throttled, function.
- */
-function throttle (delay, callback, options) {
-  var _ref = {},
-    _ref$noTrailing = _ref.noTrailing,
-    noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
-    _ref$noLeading = _ref.noLeading,
-    noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
-    _ref$debounceMode = _ref.debounceMode,
-    debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
-  /*
-   * After wrapper has stopped being called, this timeout ensures that
-   * `callback` is executed at the proper times in `throttle` and `end`
-   * debounce modes.
-   */
-  var timeoutID;
-  var cancelled = false;
-
-  // Keep track of the last time `callback` was executed.
-  var lastExec = 0;
-
-  // Function to clear existing timeout
-  function clearExistingTimeout() {
-    if (timeoutID) {
-      clearTimeout(timeoutID);
-    }
-  }
-
-  // Function to cancel next exec
-  function cancel(options) {
-    var _ref2 = options || {},
-      _ref2$upcomingOnly = _ref2.upcomingOnly,
-      upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
-    clearExistingTimeout();
-    cancelled = !upcomingOnly;
-  }
-
-  /*
-   * The `wrapper` function encapsulates all of the throttling / debouncing
-   * functionality and when executed will limit the rate at which `callback`
-   * is executed.
-   */
-  function wrapper() {
-    for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
-      arguments_[_key] = arguments[_key];
-    }
-    var self = this;
-    var elapsed = Date.now() - lastExec;
-    if (cancelled) {
-      return;
-    }
-
-    // Execute `callback` and update the `lastExec` timestamp.
-    function exec() {
-      lastExec = Date.now();
-      callback.apply(self, arguments_);
-    }
-
-    /*
-     * If `debounceMode` is true (at begin) this is used to clear the flag
-     * to allow future `callback` executions.
-     */
-    function clear() {
-      timeoutID = undefined;
-    }
-    if (!noLeading && debounceMode && !timeoutID) {
-      /*
-       * Since `wrapper` is being called for the first time and
-       * `debounceMode` is true (at begin), execute `callback`
-       * and noLeading != true.
-       */
-      exec();
-    }
-    clearExistingTimeout();
-    if (debounceMode === undefined && elapsed > delay) {
-      if (noLeading) {
-        /*
-         * In throttle mode with noLeading, if `delay` time has
-         * been exceeded, update `lastExec` and schedule `callback`
-         * to execute after `delay` ms.
-         */
-        lastExec = Date.now();
-        if (!noTrailing) {
-          timeoutID = setTimeout(debounceMode ? clear : exec, delay);
-        }
-      } else {
-        /*
-         * In throttle mode without noLeading, if `delay` time has been exceeded, execute
-         * `callback`.
-         */
-        exec();
-      }
-    } else if (noTrailing !== true) {
-      /*
-       * In trailing throttle mode, since `delay` time has not been
-       * exceeded, schedule `callback` to execute `delay` ms after most
-       * recent execution.
-       *
-       * If `debounceMode` is true (at begin), schedule `clear` to execute
-       * after `delay` ms.
-       *
-       * If `debounceMode` is false (at end), schedule `callback` to
-       * execute after `delay` ms.
-       */
-      timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
-    }
-  }
-  wrapper.cancel = cancel;
-
-  // Return the wrapper function.
-  return wrapper;
-}
-
-class Breakpoint {
-    constructor() {
-        this.breakpoints = [
-            { key: 'xl', device: 'desktop', minWidth: 1280 },
-            { key: 'lg', device: 'desktop', minWidth: 1024 },
-            { key: 'md', device: 'tablet', minWidth: 780 },
-            { key: 'sm', device: 'tablet', minWidth: 600 },
-            { key: 'xs', device: 'mobile', minWidth: 0 },
-        ];
-        this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
-            const previousBreakpoint = this.currentBreakpoint;
-            const newBreakpoint = this.breakpoints.find(breakpoint => {
-                return breakpoint.minWidth <= innerWidth;
-            });
-            if (!newBreakpoint)
-                return;
-            this.currentBreakpoint = newBreakpoint;
-            if (!options.emitEvents)
-                return;
-            Object.keys(this.currentBreakpoint)
-                .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
-                .forEach((key) => this.dispatchEvent(key));
-        });
-        if (IS_SERVER)
-            return;
-        this.updateCurrentBreakpoint({ emitEvents: false });
-        window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
-    }
-    dispatchEvent(property) {
-        if (IS_SERVER)
-            return;
-        window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
-    }
-    get(property) {
-        this.updateCurrentBreakpoint({ emitEvents: false });
-        return this.currentBreakpoint[property];
-    }
-}
-const breakpoint = new Breakpoint();
-
-export { IS_BROWSER as I, breakpoint as b, throttle as t };

package/dist/esm/event-from-CzIKqBrS.js

@@ -1,119 +0,0 @@
-/**
- * Validates if an event should be processed based on target and nesting criteria
- * @param event - The event to validate
- * @param tag - The expected local name of the event target
- * @param host - The host element for nested component checking
- * @param ignoreNestedComponents - Whether to ignore events from nested components
- * @returns true if the event should be processed, false otherwise
- */
-function shouldProcessEvent(event, tag, host, ignoreNestedComponents, allowDescendants = false) {
-    if (!(event instanceof Event && event.target instanceof HTMLElement))
-        return false;
-    const eventTarget = event.target;
-    if (allowDescendants) {
-        // Accept event if target or any ancestor matches tag
-        if (!eventTarget.closest(tag))
-            return false;
-    }
-    else {
-        // Only accept event if target exactly matches tag
-        if (eventTarget.localName !== tag)
-            return false;
-    }
-    if (ignoreNestedComponents) {
-        // Find the closest parent with the same tag as the host
-        const closestParentWithSameTag = findClosestParentWithTag(eventTarget, host.localName);
-        if (closestParentWithSameTag !== host)
-            return false;
-    }
-    return true;
-}
-/**
- * Decorator that guards event handlers to only execute when the event meets certain criteria.
- * @param tag - The local name of the element that should be the target of the event
- * @param option - Configuration options for the event guard
- * @param option.ignoreNestedComponents - Whether to ignore events from nested components
- */
-function EventFrom(tag, option) {
-    // Set default values here
-    const opts = {
-        ignoreNestedComponents: true,
-        allowDescendants: false,
-        ...option,
-    };
-    return function (target, propertyKey, descriptor) {
-        if (descriptor) {
-            const originalMethod = descriptor.value;
-            descriptor.value = function (event) {
-                if (!shouldProcessEvent(event, tag, this.host, opts.ignoreNestedComponents, opts.allowDescendants)) {
-                    return;
-                }
-                return originalMethod.call(this, event);
-            };
-        }
-        else {
-            // Creates a hidden storage property for the original method using a
-            // modified key format (__[property]_original) to avoid naming conflicts
-            const privateKey = `__${propertyKey}_original`;
-            // Create hidden storage for original method
-            Object.defineProperty(target, privateKey, {
-                writable: true,
-                configurable: true
-            });
-            // Replace property with getter/setter
-            Object.defineProperty(target, propertyKey, {
-                // Getter returns original method
-                get() {
-                    return this[privateKey];
-                },
-                // Setter wraps original method with extra code
-                set(originalFunction) {
-                    if (typeof originalFunction === 'function') {
-                        // Store original and add new behavior
-                        this[privateKey] = (event) => {
-                            if (!shouldProcessEvent(event, tag, this.host, opts.ignoreNestedComponents)) {
-                                return;
-                            }
-                            return originalFunction.call(this, event);
-                        };
-                    }
-                    else {
-                        this[privateKey] = originalFunction;
-                    }
-                },
-                configurable: true,
-                enumerable: true
-            });
-        }
-    };
-}
-/**
- * Traverses up the DOM (including crossing shadow DOM boundaries) to find the closest ancestor
- * that matches the specified tag name.
- * @param element - The starting element
- * @param tagName - The tag name to match (e.g., 'post-accordion')
- * @returns The closest matching ancestor or null if none found
- */
-function findClosestParentWithTag(element, tagName) {
-    let current = element;
-    while (current) {
-        if (current.localName === tagName) {
-            return current;
-        }
-        // Check regular parent first
-        if (current.parentElement) {
-            current = current.parentElement;
-        }
-        // If no parentElement, check if we're in a shadow root
-        else if (current.parentNode instanceof ShadowRoot) {
-            current = current.parentNode.host;
-        }
-        // No more parents to check
-        else {
-            current = null;
-        }
-    }
-    return null;
-}
-
-export { EventFrom as E };

package/dist/esm/fade-SbIC4aZX.js

@@ -1,11 +0,0 @@
-const fadeDuration = 200;
-const fadedOutKeyframe = { opacity: '0' };
-const fadedInKeyframe = { opacity: '1' };
-function fadeIn(el) {
-    return el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
-}
-function fadeOut(el) {
-    return el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
-}
-
-export { fadeIn as a, fadeOut as f };

package/dist/esm/get-root-BkQ3CrLq.js

@@ -1,15 +0,0 @@
-import { I as IS_BROWSER } from './breakpoints-CJ80BZ06.js';
-
-/**
- * getRootNode() can only be used after the element has been attached to the document!
- * So use it for example in the componentDidLoad lifecycle hook.
- */
-function getRoot(element) {
-    const root = IS_BROWSER ? element.getRootNode() : element;
-    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.');
-}
-
-export { getRoot as g };