@swisspost/design-system-components 9.0.0-next.9 → 9.0.1

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

@@ -1,49 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { BannerType } from './banner-types';
-/**
- * @slot heading - Slot for placing custom content within the banner's heading.
- * @slot actions - Slot for placing custom actions (buttons, links, etc.) within the banner.
- * @slot default - Slot for placing the main content/message of the banner.
- */
-export declare class PostBanner {
-    host: HTMLPostBannerElement;
-    bannerId: `${string}-${string}-${string}-${string}-${string}`;
-    classes: string;
-    hasActions: boolean;
-    hasHeading: boolean;
-    onDismissButtonClick: () => Promise<void>;
-    /**
-     * If `true`, a close button (×) is displayed and the banner can be dismissed by the user.
-     */
-    readonly dismissible: boolean;
-    validateDismissible(isDismissible?: boolean): void;
-    /**
-     * The label to use for the close button of a dismissible banner.
-     */
-    readonly dismissLabel: string;
-    validateDismissLabel(dismissLabel?: string): void;
-    /**
-     * The icon to display in the banner. By default, the icon depends on the banner type.
-     *
-     * If `none`, no icon is displayed.
-     */
-    readonly icon: string;
-    validateIcon(icon?: string): void;
-    /**
-     * The type of the banner.
-     */
-    readonly type: BannerType;
-    validateType(type?: "neutral" | "success" | "warning" | "danger" | "info"): void;
-    /**
-     * An event emitted when the banner element is dismissed, after the transition.
-     * It has no payload and only relevant for dismissible banners.
-     */
-    postDismissed: EventEmitter<void>;
-    componentDidLoad(): void;
-    componentWillRender(): void;
-    /**
-     * Triggers banner dismissal programmatically (same as clicking on the close button (×)).
-     */
-    dismiss(): Promise<void>;
-    render(): any;
-}

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

@@ -1,30 +0,0 @@
-export declare class PostBreadcrumb {
-    host: HTMLPostBreadcrumbElement;
-    /**
-     * The URL for the home breadcrumb item.
-     */
-    homeUrl: string;
-    /**
-     * The text label for the home breadcrumb item.
-     */
-    homeText: string;
-    breadcrumbItems: {
-        url: string;
-        text: string;
-    }[];
-    isConcatenated: boolean;
-    lastWindowWidth: number;
-    private breadcrumbNavRef?;
-    private lastItem;
-    validateUrl(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private waitForBreadcrumbRef;
-    private updateBreadcrumbItems;
-    private handleResize;
-    private getParentWidth;
-    private checkConcatenation;
-    private handleBreadcrumbItemClick;
-    render(): any;
-}

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

@@ -1,16 +0,0 @@
-/**
- * @slot default - Slot for placing the text inside the breadcrumb item.
- */
-export declare class PostBreadcrumbItem {
-    host: HTMLPostBreadcrumbItemElement;
-    /**
-     * The optional URL to which the breadcrumb item will link.
-     */
-    url?: string | URL;
-    private validUrl?;
-    validateUrl(): void;
-    private constructUrl;
-    connectedCallback(): void;
-    private handleKeyDown;
-    render(): any;
-}

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

@@ -1,7 +0,0 @@
-/**
- * @slot default - Slot for placing visually hidden label in the close button.
- */
-export declare class PostClosebutton {
-    host: HTMLPostClosebuttonElement;
-    render(): any;
-}

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

@@ -1,23 +0,0 @@
-/**
- * @slot grid-{1|2|3|4}-title - Slot for the accordion headers (mobile).
- * @slot grid-{1|2|3|4} - Slot for the accordion bodies (mobile) and the grid cells (tablet, desktop).
- * @slot socialmedia - Slot for the social media links.
- * @slot app - Slot for the app links.
- * @slot businesssectors - Slot for the business sectors links.
- * @slot meta - Slot for the meta links.
- * @slot copyright - Slot for the copyright text.
- */
-export declare class PostFooter {
-    host: HTMLPostFooterElement;
-    /**
-     * The label to add to the footer (visually hidden).
-     */
-    readonly label: string;
-    isMobile: boolean;
-    connectedCallback(): void;
-    private breakpointChange;
-    private renderAccordion;
-    private renderGrid;
-    render(): any;
-    disconnectedCallback(): void;
-}

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

@@ -1,24 +0,0 @@
-type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
-export declare class PostHeader {
-    private scrollParent;
-    private mobileMenu;
-    private mobileMenuAnimation;
-    private throttledScroll;
-    private throttledResize;
-    componentWillRender(): void;
-    host: HTMLPostHeaderElement;
-    device: DEVICE_SIZE;
-    mobileMenuExtended: boolean;
-    frozeBody(isMobileMenuExtended: boolean): void;
-    /**
-     * Toggles the mobile navigation.
-     */
-    toggleMobileMenu(): Promise<void>;
-    private handleScrollEvent;
-    private getScrollParent;
-    private isScrollable;
-    private handleResize;
-    private switchLanguageSwitchMode;
-    render(): any;
-}
-export {};

package/dist/types/components/post-language-option/post-language-option.d.ts

@@ -1,45 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { SwitchVariant } from '../post-language-switch/switch-variants';
-/**
- * @slot default - Slot for placing the content inside the anchor or button.
- */
-export declare class PostLanguageOption {
-    host: HTMLPostLanguageOptionElement;
-    /**
-     *  The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, "de".
-     */
-    code: string;
-    validateCode(value?: string): void;
-    /**
-     * If set to `true`, the language option is considered the current language for the page.
-     */
-    active: boolean;
-    validateActiveProp(value?: boolean): void;
-    /**
-     * The variant of the post-language-switch parent (dynamically set by the parent)
-     */
-    variant?: SwitchVariant | null;
-    /**
-     * The full name of the language. For example, "Deutsch".
-     */
-    name: string;
-    validateName(value?: string): void;
-    /**
-     * The URL used for the href attribute of the internal anchor.
-     * This field is optional; if not provided, a button will be used internally instead of an anchor.
-     */
-    url: string;
-    validateUrl(value?: string): void;
-    componentDidLoad(): void;
-    /**
-     * An event emitted when the language option is clicked. The payload is the ISO 639 code of the language.
-     */
-    postChange: EventEmitter<string>;
-    /**
-     * Selects the language option programmatically.
-     */
-    select(): Promise<void>;
-    private emitChange;
-    private isNameRequired;
-    render(): any;
-}

package/dist/types/components/post-language-switch/post-language-switch.d.ts

@@ -1,31 +0,0 @@
-import { SwitchVariant } from './switch-variants';
-export declare class PostLanguageSwitch {
-    host: HTMLPostLanguageSwitchElement;
-    /**
-     * A title for the list of language options
-     */
-    caption: string;
-    validateCaption(value?: string): void;
-    /**
-     * A descriptive text for the list of language options
-     */
-    description: string;
-    validateDescription(value?: string): void;
-    /**
-     * Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)
-     */
-    variant: SwitchVariant;
-    validateVariant(value?: "list" | "dropdown"): void;
-    /**
-     * The active language of the language switch
-     */
-    activeLang: string;
-    connectedCallback(): void;
-    private updateChildrenVariant;
-    componentShouldUpdate(): void;
-    componentDidLoad(): void;
-    private menuId;
-    private renderList;
-    private renderDropdown;
-    render(): any;
-}

package/dist/types/components/post-language-switch/switch-variants.d.ts

@@ -1,2 +0,0 @@
-export declare const SWITCH_VARIANTS: readonly ["list", "dropdown"];
-export type SwitchVariant = (typeof SWITCH_VARIANTS)[number];

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

@@ -1,24 +0,0 @@
-/**
- * @slot default - Slot for placing the list title.
- * @slot post-list-item - Slot for placing post-list-item components.
- */
-export declare class PostList {
-    host: HTMLPostListElement;
-    /**
-     * The unique title of the list that is also referenced in the labelledby
-     */
-    titleId: string;
-    /**
-     * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-     */
-    readonly titleHidden: boolean;
-    /**
-     * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-     */
-    readonly horizontal: boolean;
-    private titleEl;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    private checkTitle;
-    render(): any;
-}

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

@@ -1,8 +0,0 @@
-/**
- * @slot default- Slot for placing the content of the list item.
- */
-export declare class PostListItem {
-    host: HTMLPostListItemElement;
-    connectedCallback(): void;
-    render(): any;
-}

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

@@ -1,19 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PostMainnavigation {
-    private header;
-    host: HTMLPostMainnavigationElement;
-    /**
-     * Gets emitted when a user closes the main navigation on mobile
-     */
-    postToggle: EventEmitter;
-    /**
-     * Retrieves a reference to the closest 'post-header' element when the main navigation is added to the DOM.
-     */
-    connectedCallback(): void;
-    /**
-     * Cleans up references and disconnects the MutationObserver when the main navigation is removed from the DOM.
-     */
-    disconnectedCallback(): void;
-    private handleBackButtonClick;
-    render(): any;
-}

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

@@ -1,35 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PostMegadropdown {
-    private popoverRef;
-    host: HTMLPostMegadropdownElement;
-    /**
-     * Holds the current visibility state of the dropdown.
-     * This state is internally managed to track whether the dropdown is open (`true`) or closed (`false`),
-     * and updates automatically when the dropdown is toggled.
-     */
-    isVisible: boolean;
-    animationClass: string | null;
-    /**
-     * Emits when the dropdown is shown or hidden.
-     * The event payload is a boolean: `true` when the dropdown was opened, `false` when it was closed.
-     **/
-    postToggleMegadropdown: EventEmitter<boolean>;
-    componentDidLoad(): void;
-    /**
-     * Toggles the dropdown visibility based on its current state.
-     */
-    toggle(target: HTMLElement): Promise<void>;
-    /**
-     * Displays the popover dropdown
-     *
-     * @param target - The HTML element relative to which the popover dropdown should be displayed.
-     */
-    show(target: HTMLElement): Promise<void>;
-    /**
-     * Hides the popover dropdown
-     */
-    private hide;
-    private handleBackButtonClick;
-    private handleCloseButtonClick;
-    render(): any;
-}

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

@@ -1,25 +0,0 @@
-export declare class PostMegadropdownTrigger {
-    /**
-     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
-     */
-    for: string;
-    host: HTMLPostMegadropdownTriggerElement;
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
-     */
-    ariaExpanded: boolean;
-    /**
-     * Reference to the slotted button within the trigger, if present.
-     * Used to manage click and key events for mega dropdown control.
-     */
-    private slottedButton;
-    /**
-     * 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(forValue?: string): void;
-    private get megadropdown();
-    private handleToggle;
-    componentDidLoad(): void;
-    render(): any;
-}

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

@@ -1,48 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { Placement } from '@floating-ui/dom';
-export declare class PostMenu {
-    private popoverRef;
-    private lastFocusedElement;
-    private readonly KEYCODES;
-    host: HTMLPostMenuElement;
-    /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
-     */
-    readonly placement?: Placement;
-    /**
-     * Holds the current visibility state of the menu.
-     * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
-     * and updates automatically when the menu is toggled.
-     */
-    isVisible: boolean;
-    /**
-     * Emits when the menu is shown or hidden.
-     * The event payload is a boolean: `true` when the menu was opened, `false` when it was closed.
-     **/
-    toggleMenu: EventEmitter<boolean>;
-    private root?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentDidLoad(): void;
-    /**
-     * Toggles the menu visibility based on its current state.
-     */
-    toggle(target: HTMLElement): Promise<void>;
-    /**
-     * Displays the popover menu, focusing the first menu item.
-     *
-     * @param target - The HTML element relative to which the popover menu should be displayed.
-     */
-    show(target: HTMLElement): Promise<void>;
-    /**
-     * Hides the popover menu and restores focus to the previously focused element.
-     */
-    hide(): Promise<void>;
-    private handleKeyDown;
-    private handleClick;
-    private controlKeyDownHandler;
-    private getSlottedItems;
-    render(): any;
-}

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

@@ -1,4 +0,0 @@
-export declare class PostMenuItem {
-    host: HTMLPostMenuItemElement;
-    render(): any;
-}

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

@@ -1,27 +0,0 @@
-export declare class PostMenuTrigger {
-    /**
-     * ID of the menu element that this trigger is linked to. Used to open and close the specified menu.
-     */
-    for: string;
-    host: HTMLPostMenuTriggerElement;
-    /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated menu is expanded or collapsed.
-     */
-    ariaExpanded: boolean;
-    /**
-     * Reference to the slotted button within the trigger, if present.
-     * Used to manage click and key events for menu control.
-     */
-    private slottedButton;
-    private root?;
-    /**
-     * 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(forValue?: string): void;
-    private get menu();
-    private handleToggle;
-    private handleKeyDown;
-    componentDidLoad(): void;
-    render(): any;
-}

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

@@ -1,15 +0,0 @@
-/**
- * @slot default - Slot for the content of the button.
- */
-export declare class PostTogglebutton {
-    host: HTMLPostTogglebuttonElement;
-    /**
-     * If `true`, the button is in the "on" state, otherwise it is in the "off" state.
-     */
-    toggled: boolean;
-    validateToggled(value?: boolean): void;
-    componentWillLoad(): void;
-    private handleClick;
-    private handleKeydown;
-    render(): any;
-}

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

@@ -1,11 +0,0 @@
-type ListenerType = 'key' | 'name';
-export declare class Breakpoint {
-    private readonly breakpointMap;
-    private readonly current;
-    constructor();
-    private updateHandler;
-    private dispatchEvent;
-    get(type: ListenerType): string;
-}
-export declare const breakpoint: Breakpoint;
-export {};

package/dist/types/utils/is-focusable.d.ts

@@ -1 +0,0 @@
-export declare const isFocusable: (element: Element) => boolean;

package/loaders/attribute-observer.js

@@ -1,25 +0,0 @@
-const getAttributeObserver = (attribute, handler) => {
-    /**
-     * Handle attribute changes and childList changes from the observer
-     * @param {MutationRecord[]} mutationList
-     */
-    const observerHandler = (mutationList) => {
-        mutationList.forEach(mutation => {
-            if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
-                handler(mutation.target);
-            }
-            if (mutation.type === 'childList') {
-                mutation.addedNodes.forEach(node => {
-                    if (node.nodeType === Node.ELEMENT_NODE &&
-                        node.hasAttribute(attribute)) {
-                        handler(node);
-                    }
-                });
-            }
-        });
-    };
-    // Initialize a mutation observer for patching accessibility features
-    return new MutationObserver(observerHandler);
-};
-
-export { getAttributeObserver as g };

package/loaders/debounce.js

@@ -1,10 +0,0 @@
-function debounce(callback, timeout = 200) {
-    let id;
-    return (...args) => {
-        if (id)
-            clearTimeout(id);
-        id = setTimeout(callback, timeout, ...args);
-    };
-}
-
-export { debounce as d };

package/loaders/get-root.js

@@ -1,9 +0,0 @@
-function getRoot(element) {
-    const root = element.getRootNode();
-    if (root instanceof Document || root instanceof ShadowRoot) {
-        return root;
-    }
-    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
-}
-
-export { getRoot as g };

package/loaders/post-accordion-item2.js

@@ -1,102 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { H as HEADING_LEVELS } from './heading-levels.js';
-import { b as checkEmptyOrOneOf } from './index2.js';
-import { d as defineCustomElement$3 } from './post-collapsible2.js';
-import { d as defineCustomElement$2 } from './post-collapsible-trigger2.js';
-import { d as defineCustomElement$1 } from './post-icon2.js';
-
-const postAccordionItemCss = ":host::after{display:block;content:\"\";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.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:inherit;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));transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;bottom:auto;border-top: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:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:var(--post-device-border-width-default) solid Highlight}.accordion-button:disabled{opacity:1 !important}}.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 = /*@__PURE__*/ proxyCustomElement(class PostAccordionItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.id = undefined;
-        this.slottedLogo = undefined;
-        this.collapsed = false;
-        this.headingLevel = undefined;
-    }
-    validateHeadingLevel(newValue = this.headingLevel) {
-        checkEmptyOrOneOf(newValue, 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 || `a${crypto.randomUUID()}`;
-    }
-    componentDidLoad() {
-        this.validateHeadingLevel();
-    }
-    // capture to make sure the "collapsed" property is updated before the event is consumed
-    onCollapseToggle(event) {
-        if (event.target === this.host &&
-            event.target.localName === '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() {
-        var _a, _b;
-        const headingLevel = (_a = this.host.closest('post-accorddion')) === null || _a === void 0 ? void 0 : _a.getAttribute('heading-level');
-        const HeadingTag = `h${(_b = headingLevel !== null && headingLevel !== void 0 ? headingLevel : this.headingLevel) !== null && _b !== void 0 ? _b : 2}`;
-        return (h(Host, { key: 'e11a8ce9df85f6813f152433d0b5526668415953', id: this.id, "data-version": version }, h("div", { key: 'd62b7f758fca1ffbcef7c6f29b3a0ce48ded9749', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '492458d3cda61325d931a83be1f1be1f98f63301', for: `${this.id}--collapse` }, h(HeadingTag, { key: '1a4bc90415504cd00a65922ff5e61221c8368eea', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: 'c14154955c74a4482cc197aca95297ae29ef066f', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '112810b9df4a73bc02a46a98ba2d0ce069168c7c', class: {
-                'logo-container': true,
-                'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: '67e72b84363597fc0e239baccb533b9083251a6b', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '3e9a2b38f621990cabfa84431ca8a7fd39087c88', name: "header" }), h("post-icon", { key: 'e8337b48394b9357b62e517c3b066dfa1bb5f5d7', name: "2051" })))), h("post-collapsible", { key: 'ca23a5a9a8b1615dc4352223a3135514ea5f279a', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '668805a03a3ee2facee60ecba0fa549edf0cecba', class: "accordion-body", part: "body" }, h("slot", { key: '3ddf282a59dad61dcd093c11a23f33635c9162d1' }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
-    }; }
-    static get style() { return PostAccordionItemStyle0; }
-}, [1, "post-accordion-item", {
-        "collapsed": [1028],
-        "headingLevel": [2, "heading-level"],
-        "id": [32],
-        "slottedLogo": [32],
-        "toggle": [64]
-    }, [[2, "postToggle", "onCollapseToggle"]], {
-        "headingLevel": ["validateHeadingLevel"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostAccordionItem);
-            }
-            break;
-        case "post-collapsible":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-collapsible-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PostAccordionItem as P, defineCustomElement as d };