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

package/dist/types/index.d.ts

@@ -1,32 +1,35 @@
 export { Components, JSX } from './components';
 export { PostAccordion } from './components/post-accordion/post-accordion';
 export { PostAccordionItem } from './components/post-accordion-item/post-accordion-item';
+export { PostAvatar } from './components/post-avatar/post-avatar';
 export { PostBackToTop } from './components/post-back-to-top/post-back-to-top';
 export { PostBanner } from './components/post-banner/post-banner';
+export { PostBreadcrumb } from './components/post-breadcrumb/post-breadcrumb';
 export { PostBreadcrumbItem } from './components/post-breadcrumb-item/post-breadcrumb-item';
-export { PostAvatar } from './components/post-avatar/post-avatar';
 export { PostCardControl } from './components/post-card-control/post-card-control';
 export { PostClosebutton } from './components/post-closebutton/post-closebutton';
 export { PostCollapsible } from './components/post-collapsible/post-collapsible';
 export { PostCollapsibleTrigger } from './components/post-collapsible-trigger/post-collapsible-trigger';
+export { PostFooter } from './components/post-footer/post-footer';
+export { PostHeader } from './components/post-header/post-header';
 export { PostIcon } from './components/post-icon/post-icon';
 export { PostLanguageOption } from './components/post-language-option/post-language-option';
+export { PostLanguageSwitch } from './components/post-language-switch/post-language-switch';
+export { PostList } from './components/post-list/post-list';
+export { PostListItem } from './components/post-list-item/post-list-item';
 export { PostLogo } from './components/post-logo/post-logo';
+export { PostMainnavigation } from './components/post-mainnavigation/post-mainnavigation';
+export { PostMegadropdown } from './components/post-megadropdown/post-megadropdown';
+export { PostMegadropdownTrigger } from './components/post-megadropdown-trigger/post-megadropdown-trigger';
 export { PostMenu } from './components/post-menu/post-menu';
-export { PostMenuTrigger } from './components/post-menu-trigger/post-menu-trigger';
 export { PostMenuItem } from './components/post-menu-item/post-menu-item';
+export { PostMenuTrigger } from './components/post-menu-trigger/post-menu-trigger';
 export { PostPopover } from './components/post-popover/post-popover';
 export { PostPopovercontainer } from './components/post-popovercontainer/post-popovercontainer';
 export { PostRating } from './components/post-rating/post-rating';
 export { PostTabs } from './components/post-tabs/post-tabs';
 export { PostTabHeader } from './components/post-tab-header/post-tab-header';
 export { PostTabPanel } from './components/post-tab-panel/post-tab-panel';
-export { PostTooltip } from './components/post-tooltip/post-tooltip';
 export { PostTag } from './components/post-tag/post-tag';
 export { PostTogglebutton } from './components/post-togglebutton/post-togglebutton';
-export { PostList } from './components/post-list/post-list';
-export { PostListItem } from './components/post-list-item/post-list-item';
-export { PostHeader } from './components/post-header/post-header';
-export { PostMainnavigation } from './components/post-mainnavigation/post-mainnavigation';
-export { PostMegadropdown } from './components/post-megadropdown/post-megadropdown';
-export { PostMegadropdownTrigger } from './components/post-megadropdown-trigger/post-megadropdown-trigger';
+export { PostTooltip } from './components/post-tooltip/post-tooltip';

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

@@ -0,0 +1,11 @@
+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/loaders/debounce.js

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

package/loaders/index.d.ts

@@ -9,6 +9,8 @@ export { PostBackToTop as PostBackToTop } from '../dist/types/components/post-ba
 export { defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top';
 export { PostBanner as PostBanner } from '../dist/types/components/post-banner/post-banner';
 export { defineCustomElement as defineCustomElementPostBanner } from './post-banner';
+export { PostBreadcrumb as PostBreadcrumb } from '../dist/types/components/post-breadcrumb/post-breadcrumb';
+export { defineCustomElement as defineCustomElementPostBreadcrumb } from './post-breadcrumb';
 export { PostBreadcrumbItem as PostBreadcrumbItem } from '../dist/types/components/post-breadcrumb-item/post-breadcrumb-item';
 export { defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item';
 export { PostCardControl as PostCardControl } from '../dist/types/components/post-card-control/post-card-control';
@@ -19,12 +21,16 @@ export { PostCollapsible as PostCollapsible } from '../dist/types/components/pos
 export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
 export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../dist/types/components/post-collapsible-trigger/post-collapsible-trigger';
 export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
+export { PostFooter as PostFooter } from '../dist/types/components/post-footer/post-footer';
+export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
 export { PostHeader as PostHeader } from '../dist/types/components/post-header/post-header';
 export { defineCustomElement as defineCustomElementPostHeader } from './post-header';
 export { PostIcon as PostIcon } from '../dist/types/components/post-icon/post-icon';
 export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
 export { PostLanguageOption as PostLanguageOption } from '../dist/types/components/post-language-option/post-language-option';
 export { defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option';
+export { PostLanguageSwitch as PostLanguageSwitch } from '../dist/types/components/post-language-switch/post-language-switch';
+export { defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch';
 export { PostList as PostList } from '../dist/types/components/post-list/post-list';
 export { defineCustomElement as defineCustomElementPostList } from './post-list';
 export { PostListItem as PostListItem } from '../dist/types/components/post-list-item/post-list-item';

package/loaders/index.js

@@ -1,12 +1,14 @@
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { PostAvatar, defineCustomElement as defineCustomElementPostAvatar } from './post-avatar.js';
 import './post-popovercontainer2.js';
+export { PostFooter, defineCustomElement as defineCustomElementPostFooter } from './post-footer.js';
 export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
 export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
 export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
 export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
 export { PostBackToTop, defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top.js';
 export { PostBanner, defineCustomElement as defineCustomElementPostBanner } from './post-banner.js';
+export { PostBreadcrumb, defineCustomElement as defineCustomElementPostBreadcrumb } from './post-breadcrumb.js';
 export { PostBreadcrumbItem, defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item.js';
 export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
 export { PostClosebutton, defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton.js';
@@ -15,6 +17,7 @@ export { PostCollapsibleTrigger, defineCustomElement as defineCustomElementPostC
 export { PostHeader, defineCustomElement as defineCustomElementPostHeader } from './post-header.js';
 export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
 export { PostLanguageOption, defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option.js';
+export { PostLanguageSwitch, defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch.js';
 export { PostList, defineCustomElement as defineCustomElementPostList } from './post-list.js';
 export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
 export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';

package/loaders/index2.js

@@ -31,4 +31,4 @@ const checkEmptyOrPattern = emptyOr(checkPattern);
 const checkEmptyOrType = emptyOr(checkType);
 const checkEmptyOrUrl = emptyOr(checkUrl);
 
-export { checkEmptyOrOneOf as a, checkEmptyOrPattern as b, checkEmptyOrType as c, checkEmptyOrUrl as d };
+export { checkEmptyOrPattern as a, checkEmptyOrOneOf as b, checkEmptyOrType as c, checkUrl as d, checkEmptyOrUrl as e };

package/loaders/package.js

@@ -1,3 +1,3 @@
-const version = "9.0.0-next.8";
+const version = "9.0.0-next.9";
 
 export { version as v };

package/loaders/post-accordion-item.js

@@ -1,102 +1,4 @@
-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 { a as checkEmptyOrOneOf } from './index2.js';
-import { d as defineCustomElement$4 } from './post-collapsible2.js';
-import { d as defineCustomElement$3 } from './post-collapsible-trigger2.js';
-import { d as defineCustomElement$2 } 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$1 = /*@__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;
-        const HeadingTag = `h${(_a = this.headingLevel) !== null && _a !== void 0 ? _a : 2}`;
-        return (h(Host, { key: 'c125939ea36a2d8d98f645ff2e22863cfe799a73', id: this.id, "data-version": version }, h("div", { key: '2d8ac2807d839745562b72e2db650886a7f04d8d', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '4b2743a143c21bbff7cc3be3f8f9833b97327605', for: `${this.id}--collapse` }, h(HeadingTag, { key: 'c2073d092cb021ac7825184c0634f3f903f119ae', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '663915c767685ac0f57dd04071e3d525312f4fa7', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}` }, h("span", { key: 'bbd07f382cdb69334fc8540fc48db81865caa4b2', class: {
-                'logo-container': true,
-                'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: '9d1e97d3c93a7ef406a743a2a877660f3de9747e', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'ffdaac001188bc920bc43145604b0208427fbe59', name: "header" }), h("post-icon", { key: '6cba37b29b734819a698a0043d8d4924fd496309', name: "2051" })))), h("post-collapsible", { key: '915f7e9063066ca1adf684157832d70a961c20e0', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'e1d38f9f25a93dcf5aa3bbb94b8baed46b337616', class: "accordion-body" }, h("slot", { key: 'fbfb6764e6a8d3dfda7b87fe0a61d62d90d59b7e' }))))));
-    }
-    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$1() {
-    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$1);
-            }
-            break;
-        case "post-collapsible":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "post-collapsible-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { P as PostAccordionItem$1, d as defineCustomElement$1 } from './post-accordion-item2.js';
 
 const PostAccordionItem = PostAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

package/loaders/post-accordion-item2.js

@@ -0,0 +1,102 @@
+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 };

package/loaders/post-back-to-top.js

@@ -1,34 +1,11 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as slideUp, a as slideDown } from './slide.js';
 import { v as version } from './package.js';
 import { c as checkType } from './check-type.js';
 import { c as checkNonEmpty } from './check-non-empty.js';
 import { d as defineCustomElement$2 } from './post-icon2.js';
 
-const easing = 'ease';
-const duration = 500;
-const fill = 'forwards';
-const slideUp = (el, translateSize = '8rem') => {
-    return el.animate([
-        { transform: `translateY(-${translateSize})` }, // Starting position (no translation)
-        { transform: 'translateY(0)' }, // End position
-    ], {
-        duration: duration,
-        easing,
-        fill,
-    });
-};
-const slideDown = (el, translateSize = '8rem') => {
-    return el.animate([
-        { transform: 'translateY(0)' }, // Starting position (no translation)
-        { transform: `translateY(-${translateSize})` }, // End position
-    ], {
-        duration: duration,
-        easing,
-        fill,
-    });
-};
-
-const postBackToTopCss = ":host{--post-floating-button-translate-y:var(--post-core-dimension-112);position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{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 .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const postBackToTopCss = ":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{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 .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const PostBackToTopStyle0 = postBackToTopCss;
 
 const PostBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class PostBackToTop extends HTMLElement {
@@ -74,7 +51,7 @@ const PostBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class PostBackToTop ext
             .getComputedStyle(this.el)
             .getPropertyValue('--post-floating-button-translate-y');
         if (!this.belowFold) {
-            this.el.style.transform = `translateY(-${this.translateY})`;
+            this.el.style.transform = `translateY(${this.translateY})`;
         }
         // Initial load
         if (this.belowFold) {
@@ -86,7 +63,7 @@ const PostBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class PostBackToTop ext
         window.removeEventListener('scroll', this.handleScroll);
     }
     render() {
-        return (h(Host, { key: '24d2bc9d7cc6a9cc2ffc7fb47196282993c49f02', "data-version": version }, h("button", { key: '4ab2b8f8c812f202ec18461581541ef7f0134b63', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: 'eb1ed42514d1187121625f9108e35dea86812ae4', "aria-hidden": "true", name: "3026" }), h("span", { key: '9215f4777c859b8225580a10bf2df48ab68f4eb1', class: "visually-hidden" }, this.label))));
+        return (h(Host, { key: '92d56ff9055c2af38ae47b28c3af20771eed9a39', "data-version": version }, h("button", { key: 'ae305dd5b5a3f8d97553945e547ad45e824e6b7d', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: '37792f99d6ef79df4260f6ad1c5780e545f7870a', "aria-hidden": "true", name: "3026" }), h("span", { key: '8768101a26e259c2bd0695a97e6bb4077ad31ae6', class: "visually-hidden" }, this.label))));
     }
     get el() { return this; }
     static get watchers() { return {

package/loaders/post-banner.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { v as version } from './package.js';
 import { f as fadeOut } from './fade.js';
-import { b as checkEmptyOrPattern, a as checkEmptyOrOneOf } from './index2.js';
+import { a as checkEmptyOrPattern, b as checkEmptyOrOneOf } from './index2.js';
 import { d as defineCustomElement$2 } from './post-icon2.js';
 import { c as checkType } from './check-type.js';
 import { c as checkNonEmpty } from './check-non-empty.js';

package/loaders/post-breadcrumb-item.js

@@ -1,73 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { d as checkEmptyOrUrl } from './index2.js';
-import { d as defineCustomElement$2 } from './post-icon2.js';
-
-const postBreadcrumbItemCss = ":host{display:inline-block}:host{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: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){:host:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host: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){:host:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--post-device-spacing-padding-block-7);gap:var(--post-device-spacing-gap-inline-5);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item post-icon{height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
-const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
-
-const PostBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.url = undefined;
-    }
-    validateUrl() {
-        try {
-            this.validUrl = this.constructUrl(this.url);
-        }
-        catch (error) {
-            this.validUrl = undefined;
-        }
-    }
-    // Helper to construct a valid URL string or return undefined
-    constructUrl(value) {
-        const hasBaseURL = /^https?:\/\//.test(String(this.url));
-        if (typeof value === 'string') {
-            const urlString = hasBaseURL
-                ? value
-                : `${window.location.origin}${value}`;
-            checkEmptyOrUrl(urlString, 'The "url" property of the post-breadcrumb-item is invalid');
-            return urlString;
-        }
-        return undefined;
-    }
-    connectedCallback() {
-        this.validateUrl();
-    }
-    render() {
-        const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (h(Host, { key: '0a161b7e3890549ea0a7645be6a4a1a407d81011', "data-version": version }, h(BreadcrumbTag, Object.assign({ key: '5844d3d93b00ba0f9062dc9b3d8c91e6b7ac9e97', class: "breadcrumb-item" }, (this.validUrl ? { href: this.validUrl } : {})), h("post-icon", { key: '852b13f76a650c9952e5edc6266141d13eab6afa', name: "2111", class: "breadcrumb-item-icon" }), h("slot", { key: 'd4fbec6b09662b59aefd763be8323746c0b2bcd9' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-    static get style() { return PostBreadcrumbItemStyle0; }
-}, [1, "post-breadcrumb-item", {
-        "url": [1]
-    }, undefined, {
-        "url": ["validateUrl"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-breadcrumb-item", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-breadcrumb-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostBreadcrumbItem$1);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { P as PostBreadcrumbItem$1, d as defineCustomElement$1 } from './post-breadcrumb-item2.js';
 
 const PostBreadcrumbItem = PostBreadcrumbItem$1;
 const defineCustomElement = defineCustomElement$1;

package/loaders/post-breadcrumb-item2.js

@@ -0,0 +1,82 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { v as version } from './package.js';
+import { e as checkEmptyOrUrl } from './index2.js';
+import { d as defineCustomElement$1 } from './post-icon2.js';
+
+const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
+const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
+
+const PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.url = undefined;
+    }
+    validateUrl() {
+        try {
+            this.validUrl = this.constructUrl(this.url);
+        }
+        catch (error) {
+            this.validUrl = undefined;
+        }
+    }
+    // Helper to construct a valid URL string or return undefined
+    constructUrl(value) {
+        const hasBaseURL = /^https?:\/\//.test(String(this.url));
+        if (typeof value === 'string') {
+            const urlString = hasBaseURL
+                ? value
+                : `${window.location.origin}${value}`;
+            checkEmptyOrUrl(urlString, 'The "url" property of the post-breadcrumb-item is invalid');
+            return urlString;
+        }
+        return undefined;
+    }
+    connectedCallback() {
+        this.validateUrl();
+    }
+    handleKeyDown(event) {
+        var _a;
+        if (event.key === 'Enter' || event.key === ' ') {
+            const linkElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+            if (linkElement) {
+                event.preventDefault();
+                linkElement.click();
+            }
+        }
+    }
+    render() {
+        const BreadcrumbTag = this.validUrl ? 'a' : 'span';
+        return (h(Host, { key: 'b64295c6b59c2e200fe0eae5483e60b733f5eb8c', "data-version": version }, h("post-icon", { key: '0e8a0712f03b551206e8cfeef51446f318d60f20', name: "2111", class: "breadcrumb-item-icon" }), h(BreadcrumbTag, Object.assign({ key: 'd3e218f0b3b8feab97cbce6a8190dcddc0b92c92', class: "breadcrumb-item" }, (this.validUrl ? { href: this.validUrl } : {}), { onKeyDown: (event) => this.handleKeyDown(event) }), h("slot", { key: 'dea5990614b38fcaab1fae46aafa6c2ed652cf9a' }))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "url": ["validateUrl"]
+    }; }
+    static get style() { return PostBreadcrumbItemStyle0; }
+}, [1, "post-breadcrumb-item", {
+        "url": [1]
+    }, undefined, {
+        "url": ["validateUrl"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["post-breadcrumb-item", "post-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "post-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PostBreadcrumbItem);
+            }
+            break;
+        case "post-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { PostBreadcrumbItem as P, defineCustomElement as d };

package/loaders/post-breadcrumb.d.ts

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