@swisspost/design-system-components 10.0.0-next.39 → 10.0.0-next.41

package/loaders/post-megadropdown-trigger.js

@@ -1,124 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { c as checkRequiredAndType } from './index2.js';
-import './breakpoints.js';
-import { e as eventGuard } from './event-guard.js';
-
-const postMegadropdownTriggerCss = "post-megadropdown-trigger{width:100%;position:relative;z-index:3}@media screen and (max-width: 1023.98px){post-megadropdown-trigger{z-index:4}}";
-const PostMegadropdownTriggerStyle0 = postMegadropdownTriggerCss;
-
-const PostMegadropdownTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostMegadropdownTrigger extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Reference to the slotted button within the trigger, if present.
-         * Used to manage click and key events for mega dropdown control.
-         */
-        this.slottedButton = null;
-        /**
-         * Tracks whether this trigger's dropdown was expanded before a state change.
-         * Used to determine if this trigger should handle focus when its dropdown closes.
-         */
-        this.wasExpanded = false;
-        this.handleKeyDown = (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.handleToggle();
-                if (this.megadropdown && !this.ariaExpanded) {
-                    setTimeout(() => this.megadropdown.focusFirst(), 100);
-                }
-            }
-        };
-        this.handleToggleMegadropdown = (event) => {
-            eventGuard(this.host, event, { targetLocalName: 'post-megadropdown' }, () => {
-                if (event.target.id === this.for) {
-                    this.ariaExpanded = event.detail.isVisible;
-                    // Focus on the trigger parent of the dropdown after it's closed if the close button had been clicked
-                    if (this.wasExpanded && !this.ariaExpanded && event.detail.focusParent) {
-                        setTimeout(() => {
-                            this.slottedButton?.focus();
-                        }, 100);
-                    }
-                    this.wasExpanded = this.ariaExpanded;
-                    if (this.slottedButton) {
-                        this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString());
-                    }
-                }
-            });
-        };
-        this.for = undefined;
-        this.ariaExpanded = false;
-    }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateControlFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
-    get megadropdown() {
-        const ref = document.getElementById(this.for);
-        return ref && ref.localName === 'post-megadropdown'
-            ? ref
-            : null;
-    }
-    handleToggle() {
-        if (this.megadropdown) {
-            this.megadropdown.toggle();
-        }
-        else {
-            console.warn(`No post-megadropdown found with ID: ${this.for}`);
-        }
-    }
-    componentDidLoad() {
-        this.validateControlFor();
-        // Check if the mega dropdown attached to the trigger is expanded or not
-        document.addEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
-        this.slottedButton = this.host.querySelector('button');
-        if (this.slottedButton) {
-            this.slottedButton.setAttribute('aria-haspopup', 'menu');
-            this.slottedButton.addEventListener('click', () => {
-                this.handleToggle();
-            });
-            this.slottedButton.addEventListener('keydown', this.handleKeyDown);
-        }
-        else {
-            console.warn('No button found within post-megadropdown-trigger');
-        }
-    }
-    disconnectedCallback() {
-        document.removeEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
-    }
-    render() {
-        return (h(Host, { key: 'a6b452393957a1468493ef1b8f56d398479a3245', "data-version": version, "tab-index": "-1" }, h("button", { key: 'bf9565005a58bbae0dd2424819548c4b635791c1' }, h("slot", { key: 'c52d356902e2b38056f2feea0fc90cf5493c8752' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "for": ["validateControlFor"]
-    }; }
-    static get style() { return PostMegadropdownTriggerStyle0; }
-}, [4, "post-megadropdown-trigger", {
-        "for": [1],
-        "ariaExpanded": [32]
-    }, undefined, {
-        "for": ["validateControlFor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-megadropdown-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-megadropdown-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMegadropdownTrigger$1);
-            }
-            break;
-    } });
-}
-
-const PostMegadropdownTrigger = PostMegadropdownTrigger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMegadropdownTrigger, defineCustomElement };

package/loaders/post-megadropdown.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface PostMegadropdown extends Components.PostMegadropdown, HTMLElement {}
-export const PostMegadropdown: {
-    prototype: PostMegadropdown;
-    new (): PostMegadropdown;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/loaders/post-megadropdown.js

@@ -1,193 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getFocusableChildren } from './get-focusable-children.js';
-import { v as version } from './package.js';
-import { b as breakpoint } from './breakpoints.js';
-
-const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:5;position:fixed;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.selected,.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px;white-space:normal;word-break:break-word}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-block-end:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{order:-1;display:block}}.megadropdown .close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
-const PostMegadropdownStyle0 = postMegadropdownCss;
-
-const PostMegadropdown$1 = /*@__PURE__*/ proxyCustomElement(class PostMegadropdown extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.postToggleMegadropdown = createEvent(this, "postToggleMegadropdown", 7);
-        this.handleClickOutside = (event) => {
-            if (this.device !== 'desktop')
-                return;
-            const target = event.target;
-            if (this.host.contains(target)) {
-                return;
-            }
-            if (target instanceof HTMLElement) {
-                const trigger = target.closest('post-megadropdown-trigger');
-                if (trigger) {
-                    const targetDropdownId = trigger.getAttribute('for');
-                    if (targetDropdownId !== this.host.id) {
-                        return;
-                    }
-                }
-            }
-            this.hide(false);
-        };
-        this.device = breakpoint.get('name');
-        this.isVisible = false;
-        this.animationClass = null;
-    }
-    breakpointChange(e) {
-        this.device = e.detail;
-        if (this.device === 'desktop' && this.isVisible) {
-            this.animationClass = null;
-        }
-    }
-    disconnectedCallback() {
-        this.removeListeners();
-        window.removeEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
-        if (PostMegadropdown.activeDropdown === this) {
-            PostMegadropdown.activeDropdown = null;
-        }
-    }
-    componentWillRender() {
-        this.getFocusableElements();
-    }
-    /**
-     * Toggles the dropdown visibility based on its current state.
-     */
-    async toggle() {
-        if (this.isVisible) {
-            this.hide();
-        }
-        else {
-            await this.show();
-        }
-    }
-    /**
-     * Displays the dropdown.
-     */
-    async show() {
-        if (PostMegadropdown.activeDropdown && PostMegadropdown.activeDropdown !== this) {
-            // Close the previously active dropdown without animation
-            PostMegadropdown.activeDropdown.forceClose();
-        }
-        else {
-            this.animationClass = 'slide-in';
-        }
-        this.isVisible = true;
-        PostMegadropdown.activeDropdown = this;
-        this.postToggleMegadropdown.emit({ isVisible: this.isVisible });
-        if (this.firstFocusableEl &&
-            window.getComputedStyle(this.firstFocusableEl).display !== 'none') {
-            this.firstFocusableEl.focus();
-        }
-        this.addListeners();
-    }
-    /**
-     * Hides the dropdown with an animation.
-     */
-    async hide(focusParent = true, forceClose = false) {
-        this.postToggleMegadropdown.emit({ isVisible: false, focusParent: focusParent });
-        if (forceClose) {
-            this.forceClose();
-        }
-        else {
-            this.animationClass = 'slide-out';
-        }
-    }
-    /**
-     * Sets focus to the first focusable element within the component.
-     */
-    async focusFirst() {
-        this.firstFocusableEl?.focus();
-    }
-    connectedCallback() {
-        window.addEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
-    }
-    /**
-     * Forces the dropdown to close without animation.
-     */
-    forceClose() {
-        this.isVisible = false;
-        this.animationClass = null;
-        this.postToggleMegadropdown.emit({ isVisible: this.isVisible, focusParent: false });
-        this.removeListeners();
-    }
-    handleAnimationEnd() {
-        if (this.animationClass === 'slide-out') {
-            this.isVisible = false;
-            this.animationClass = null;
-            PostMegadropdown.activeDropdown = null;
-            this.removeListeners();
-        }
-    }
-    addListeners() {
-        this.host.addEventListener('keydown', e => this.keyboardHandler(e));
-        document.addEventListener('keyup', e => this.handleTabOutside(e));
-        document.addEventListener('mousedown', this.handleClickOutside);
-    }
-    removeListeners() {
-        this.host.removeEventListener('keydown', e => this.keyboardHandler(e));
-        document.removeEventListener('keyup', e => this.handleTabOutside(e));
-        document.removeEventListener('mousedown', this.handleClickOutside);
-    }
-    getFocusableElements() {
-        const focusableEls = Array.from(this.host.querySelectorAll('post-list-item, h3, .back-button'));
-        const focusableChildren = focusableEls.flatMap(el => Array.from(getFocusableChildren(el)));
-        this.firstFocusableEl = focusableChildren[0];
-        this.lastFocusableEl = focusableChildren[focusableChildren.length - 1];
-    }
-    // Loop through the focusable children
-    keyboardHandler(e) {
-        if (e.key === 'Tab' && this.device !== 'desktop') {
-            if (e.shiftKey && document.activeElement === this.firstFocusableEl) {
-                // If back tab (TAB + Shift) and first element is focused, focus goes to the last element of the megadropdown
-                e.preventDefault();
-                this.lastFocusableEl.focus();
-            }
-            else if (!e.shiftKey && document.activeElement === this.lastFocusableEl) {
-                // If TAB and last element is focused, focus goes back to the first element of the megadropdown
-                e.preventDefault();
-                this.firstFocusableEl.focus();
-            }
-        }
-    }
-    handleTabOutside(e) {
-        if (e.key === 'Tab' && this.device === 'desktop') {
-            if (!this.host.contains(e.target)) {
-                this.hide(false);
-            }
-        }
-    }
-    render() {
-        const containerStyle = this.isVisible ? {} : { display: 'none' };
-        return (h(Host, { key: '7426a12ebaeac0ce3b8402c3da4d5393daca059b', version: version }, h("div", { key: 'd47b60c334577f5662f19912f12ce941b4b52d94', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, h("div", { key: '2798f217b2b3e43c3c63072884bbbbe7d99ed62f', class: "megadropdown" }, h("slot", { key: 'b61f82bbc7f87f65d9b6957e7a4e5d6790b6dd00', name: "megadropdown-title" }), h("div", { key: 'f4996a819511cb59185faeedbdcec4be6e6f8a24', class: "megadropdown-content" }, h("slot", { key: '54f695c3b3d30a6a1aae7f7dc6f65f4d4d27de68' })), h("div", { key: 'b1334295c7d758e20c85b6c6c8cefc31dcf09e20', onClick: () => this.hide(true), class: "back-button" }, h("slot", { key: 'c4db69fa3207ce4cb47b725e37b1993820a2a64c', name: "back-button" })), h("div", { key: '68b22a3222382586fc749dec63e36edae84360c1', onClick: () => this.hide(true), class: "close-button" }, h("slot", { key: '8023b75c931a95dbd9552c1a713790e77e40f526', name: "close-button" }))))));
-    }
-    get host() { return this; }
-    static get style() { return PostMegadropdownStyle0; }
-}, [4, "post-megadropdown", {
-        "device": [32],
-        "isVisible": [32],
-        "animationClass": [32],
-        "toggle": [64],
-        "show": [64],
-        "hide": [64],
-        "focusFirst": [64]
-    }]);
-/** Tracks the currently active dropdown instance. */
-PostMegadropdown$1.activeDropdown = null;
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-megadropdown"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-megadropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMegadropdown$1);
-            }
-            break;
-    } });
-}
-
-const PostMegadropdown = PostMegadropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMegadropdown, defineCustomElement };

package/loaders/post-menu-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface PostMenuItem extends Components.PostMenuItem, HTMLElement {}
-export const PostMenuItem: {
-    prototype: PostMenuItem;
-    new (): PostMenuItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/loaders/post-menu-item.js

@@ -1,6 +0,0 @@
-import { P as PostMenuItem$1, d as defineCustomElement$1 } from './post-menu-item2.js';
-
-const PostMenuItem = PostMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMenuItem, defineCustomElement };

package/loaders/post-menu-item2.js

@@ -1,27 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-
-const PostMenuItem = /*@__PURE__*/ proxyCustomElement(class PostMenuItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '376ce17a520b6cb74c55c009843df878f99ef411', role: "menuitem", "data-version": version }, h("slot", { key: 'e489c5c09f1527e527e052e9f4349c5b26db6ea9' })));
-    }
-}, [4, "post-menu-item"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMenuItem);
-            }
-            break;
-    } });
-}
-
-export { PostMenuItem as P, defineCustomElement as d };

package/loaders/post-menu-trigger.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface PostMenuTrigger extends Components.PostMenuTrigger, HTMLElement {}
-export const PostMenuTrigger: {
-    prototype: PostMenuTrigger;
-    new (): PostMenuTrigger;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/loaders/post-menu-trigger.js

@@ -1,6 +0,0 @@
-import { P as PostMenuTrigger$1, d as defineCustomElement$1 } from './post-menu-trigger2.js';
-
-const PostMenuTrigger = PostMenuTrigger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMenuTrigger, defineCustomElement };

package/loaders/post-menu-trigger2.js

@@ -1,109 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { c as checkRequiredAndType } from './index2.js';
-import './breakpoints.js';
-import { g as getRoot } from './get-root.js';
-
-const postMenuTriggerCss = ":host{display:inline-block}";
-const PostMenuTriggerStyle0 = postMenuTriggerCss;
-
-const PostMenuTrigger = /*@__PURE__*/ proxyCustomElement(class PostMenuTrigger extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Reference to the slotted button within the trigger, if present.
-         * Used to manage click and key events for menu control.
-         */
-        this.slottedButton = null;
-        this.handleKeyDown = (e) => {
-            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-                e.preventDefault();
-                this.handleToggle();
-            }
-        };
-        this.for = undefined;
-        this.ariaExpanded = false;
-    }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateControlFor() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
-    get menu() {
-        const ref = this.root.getElementById(this.for);
-        return ref && ref.localName === 'post-menu' ? ref : null;
-    }
-    handleToggle() {
-        if (this.menu) {
-            this.menu.toggle(this.host);
-        }
-        else {
-            console.warn(`No post-menu found with ID: ${this.for}`);
-        }
-    }
-    connectedCallback() {
-        this.root = getRoot(this.host);
-    }
-    componentDidLoad() {
-        this.validateControlFor();
-        this.slottedButton = this.host.querySelector('button');
-        // Check if the slottedButton is within a web component
-        if (!this.slottedButton) {
-            const webComponent = this.host.querySelector('.menu-trigger-webc');
-            if (webComponent.shadowRoot) {
-                const slottedButton = webComponent.shadowRoot.querySelector('button');
-                if (slottedButton) {
-                    this.slottedButton = slottedButton;
-                }
-            }
-        }
-        if (this.slottedButton) {
-            this.slottedButton.setAttribute('aria-haspopup', 'menu');
-            // Listen to the `toggleMenu` event emitted by the `post-menu` component
-            if (this.menu && this.slottedButton) {
-                this.menu.addEventListener('toggleMenu', (event) => {
-                    this.ariaExpanded = event.detail;
-                    this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString());
-                });
-            }
-            this.slottedButton.addEventListener('click', () => {
-                this.handleToggle();
-            });
-            this.slottedButton.addEventListener('keydown', this.handleKeyDown);
-        }
-        else {
-            console.warn('No button found within post-menu-trigger');
-        }
-    }
-    render() {
-        return (h(Host, { key: '4c3732f46a6f1882d38e646b5d23f6c29ad9f4c8', "data-version": version, "tab-index": "-1" }, h("slot", { key: '456dbe219d56fe0826bc208201573c9f977f7f79' })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "for": ["validateControlFor"]
-    }; }
-    static get style() { return PostMenuTriggerStyle0; }
-}, [4, "post-menu-trigger", {
-        "for": [513],
-        "ariaExpanded": [32]
-    }, undefined, {
-        "for": ["validateControlFor"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-menu-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-menu-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMenuTrigger);
-            }
-            break;
-    } });
-}
-
-export { PostMenuTrigger as P, defineCustomElement as d };

package/loaders/post-menu.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface PostMenu extends Components.PostMenu, HTMLElement {}
-export const PostMenu: {
-    prototype: PostMenu;
-    new (): PostMenu;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/loaders/post-menu.js

@@ -1,6 +0,0 @@
-import { P as PostMenu$1, d as defineCustomElement$1 } from './post-menu2.js';
-
-const PostMenu = PostMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMenu, defineCustomElement };