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

package/dist/components/post-breadcrumb-item.js

@@ -1,6 +1 @@
-import { P as PostBreadcrumbItem$1, d as defineCustomElement$1 } from './post-breadcrumb-item2.js';
-
-const PostBreadcrumbItem = PostBreadcrumbItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostBreadcrumbItem, defineCustomElement };
+import{P as o,d as r}from"./post-breadcrumb-item2.js";const s=o,t=r;export{s as PostBreadcrumbItem,t as defineCustomElement}

package/dist/components/post-breadcrumb-item2.js

@@ -1,79 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { a as checkEmptyOrUrl } from './index2.js';
-import './breakpoints.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 PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    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') {
-            this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
-            checkEmptyOrUrl(this, 'fullUrl');
-            return this.fullUrl;
-        }
-        return undefined;
-    }
-    connectedCallback() {
-        this.validateUrl();
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            const linkElement = this.host.shadowRoot?.querySelector('a');
-            if (linkElement) {
-                event.preventDefault();
-                linkElement.click();
-            }
-        }
-    }
-    render() {
-        const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (h(Host, { key: '9ccdcf67335a106fd70e1d756a941736827454c0', "data-version": version }, h("post-icon", { key: 'c2061015e34cc3c37d343abd872bd8bd3cc82615', name: "chevronright", class: "breadcrumb-item-icon" }), h(BreadcrumbTag, { key: '3e9659ac705d801699167864a06cde461bc84185', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, h("slot", { key: 'e86e3333db8b0636a9a9635a5f11960c7d839e3d' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-    static get style() { return postBreadcrumbItemCss; }
-}, [1, "post-breadcrumb-item", {
-        "url": [1],
-        "fullUrl": [32]
-    }, 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 };
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{a as c}from"./breakpoints.js";import{d as a}from"./post-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${window.location.origin}${e}`,c(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"ea3421ed24d2db8fc8c647eeafd04032996a4ae5","data-version":s},i("post-icon",{key:"f2278fc5c68bbf509a44e53ec7f789d396bd75f1",name:"chevronright",class:"breadcrumb-item-icon"}),i(e,{key:"60d899795489fdbe9246fda24623289b5994af72",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"7d87b12cba90f865ef02e1c66fd600703c00456e"})))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":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}}"}},[257,"post-breadcrumb-item",{url:[1],fullUrl:[32]},void 0,{url:[{validateUrl:0}]}]);function d(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-icon"].forEach((e=>{switch(e){case"post-breadcrumb-item":customElements.get(r(e))||customElements.define(r(e),n);break;case"post-icon":customElements.get(r(e))||a()}}))}export{n as P,d}

package/dist/components/post-breadcrumbs.js

@@ -1,196 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { h as checkRequiredAndUrl, c as checkRequiredAndType } from './index2.js';
-import './breakpoints.js';
-import { d as defineCustomElement$7 } from './post-breadcrumb-item2.js';
-import { d as defineCustomElement$6 } from './post-icon2.js';
-import { d as defineCustomElement$5 } from './post-menu2.js';
-import { d as defineCustomElement$4 } from './post-menu-item2.js';
-import { d as defineCustomElement$3 } from './post-menu-trigger2.js';
-import { d as defineCustomElement$2 } from './post-popovercontainer2.js';
-
-function debounce(callback, timeout = 200) {
-    let id;
-    return (...args) => {
-        if (id) {
-            clearTimeout(id);
-        }
-        id = setTimeout(callback, timeout, ...args);
-    };
-}
-
-const postBreadcrumbsCss = ":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span: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 a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-const PostBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbs extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.breadcrumbItems = [];
-        // Waits for breadcrumbs navigation reference to be available
-        this.waitForBreadcrumbsRef = debounce(() => {
-            if (this.breadcrumbsNavRef?.clientWidth > 0) {
-                this.checkConcatenation();
-            }
-            else {
-                this.waitForBreadcrumbsRef();
-            }
-        }, 50);
-        // Handles resizing to check concatenation
-        this.handleResize = () => {
-            if (window.innerWidth === this.lastWindowWidth)
-                return;
-            this.lastWindowWidth = window.innerWidth;
-            this.checkConcatenation();
-        };
-    }
-    validateHomeUrl() {
-        checkRequiredAndUrl(this, 'homeUrl');
-    }
-    validateHomeText() {
-        checkRequiredAndType(this, 'homeText', 'string');
-    }
-    validateLabel() {
-        checkRequiredAndType(this, 'label', 'string');
-    }
-    validateMenuLabel() {
-        checkRequiredAndType(this, 'menuLabel', 'string');
-    }
-    componentWillLoad() {
-        this.updateBreadcrumbItems();
-    }
-    componentDidLoad() {
-        this.validateHomeUrl();
-        this.validateHomeText();
-        this.validateLabel();
-        this.validateMenuLabel();
-        window.addEventListener('resize', this.handleResize);
-        this.waitForBreadcrumbsRef();
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleResize);
-    }
-    // Updates breadcrumb items and sets the last item
-    updateBreadcrumbItems() {
-        this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
-            text: item.textContent || '',
-            url: item.getAttribute('url') || '',
-        }));
-        this.lastItem = this.breadcrumbItems[this.breadcrumbItems.length - 1];
-    }
-    // Determines parent width for concatenation logic
-    getParentWidth() {
-        let parent = this.host.parentNode;
-        while (parent && !(parent instanceof HTMLElement)) {
-            parent = parent.parentNode;
-        }
-        return parent instanceof HTMLElement ? parent.clientWidth : window.innerWidth;
-    }
-    checkConcatenation() {
-        if (!this.breadcrumbsNavRef)
-            return;
-        const visibleWidth = this.getParentWidth();
-        // Measure all hidden breadcrumb items
-        const hiddenItems = Array.from(this.host.shadowRoot?.querySelectorAll('.hidden-breadcrumb-item') || []);
-        const totalWidth = hiddenItems.reduce((accum, element) => {
-            const rect = element.getBoundingClientRect();
-            return accum + rect.width;
-        }, 0);
-        this.isConcatenated = totalWidth > visibleWidth;
-    }
-    // Handles breadcrumb item click to open the menu
-    handleBreadcrumbItemClick() {
-        if (this.host.shadowRoot) {
-            const menuTrigger = this.host.shadowRoot
-                ?.querySelector('.menu-trigger-wrapper')
-                ?.querySelector('button');
-            if (menuTrigger) {
-                menuTrigger.click();
-            }
-        }
-    }
-    render() {
-        const visibleItems = this.breadcrumbItems.slice(0, -1);
-        return (h(Host, { key: '114ba932649aef6b3abda10be0a2a83b4d54c691', "data-version": version }, h("nav", { key: 'db7a6e0b36e5d71a2848dbf7de83e8b7e0f293bf', "aria-label": this.label, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, h("ol", { key: '71c3fac84dcf413da3c597a0204329b2f9945add', class: "no-list breadcrumbs-list" }, h("li", { key: 'd58de53b3a28e9ba4ec80f01b040a90035d0eae6' }, h("a", { key: '5c51451d2bd12da70eee2a5a4b22499340bf34e3', href: this.homeUrl, class: "breadcrumb-link" }, h("span", { key: 'c106e7663bf75d971e86915edcd669defb886a48', class: "visually-hidden" }, this.homeText), h("post-icon", { key: 'f723202508f4a00e19a3ead136934b8fadc10061', name: "home", class: "home-icon" }))), this.isConcatenated ? (h("li", { class: "menu-trigger-wrapper" }, h("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), h("div", { class: "actual-menu" }, h("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.handleBreadcrumbItemClick();
-                }
-            } }, h("button", { class: "btn", tabIndex: -1 }, "...")), h("post-menu", { id: "breadcrumb-menu", label: this.menuLabel }, visibleItems.map(item => (h("post-menu-item", { key: item.url || item.text, class: "breadcrumb-item", onKeyDown: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    const linkElement = e.currentTarget.querySelector('a');
-                    linkElement?.click();
-                    e.preventDefault();
-                }
-            } }, item.url ? h("a", { href: item.url }, item.text) : h("span", null, item.text)))))))) : (visibleItems.map(item => (h("li", null, h("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (h("li", { key: 'a615757d04c4d20ba5fea30ffb936392158b051a', "aria-current": "page" }, h("post-breadcrumb-item", { key: '979be47b183c2c84b142e68ed9f224d9b74c6b62', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), h("div", { key: 'f15ed4ba71b7c42711b09f4dee0ef81f08ef7b87', class: "hidden-items" }, h("a", { key: '52fde1b41eb7aa49a1bb5c2bfffcb0e97a16b7af', href: this.homeUrl, class: "hidden-breadcrumb-item" }, h("span", { key: 'fe3ebb1bf3e8142e269142da1f5350b667752e63', class: "visually-hidden" }, this.homeText), h("post-icon", { key: 'b48e08fdf3f39268812a6dfb79af2d337d1955cf', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (h("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "homeUrl": ["validateHomeUrl"],
-        "homeText": ["validateHomeText"],
-        "label": ["validateLabel"],
-        "menuLabel": ["validateMenuLabel"]
-    }; }
-    static get style() { return postBreadcrumbsCss; }
-}, [1, "post-breadcrumbs", {
-        "homeUrl": [513, "home-url"],
-        "homeText": [513, "home-text"],
-        "label": [513],
-        "menuLabel": [513, "menu-label"],
-        "breadcrumbItems": [32],
-        "isConcatenated": [32],
-        "lastWindowWidth": [32]
-    }, undefined, {
-        "homeUrl": ["validateHomeUrl"],
-        "homeText": ["validateHomeText"],
-        "label": ["validateLabel"],
-        "menuLabel": ["validateMenuLabel"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-breadcrumbs", "post-breadcrumb-item", "post-icon", "post-menu", "post-menu-item", "post-menu-trigger", "post-popovercontainer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-breadcrumbs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostBreadcrumbs$1);
-            }
-            break;
-        case "post-breadcrumb-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "post-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "post-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "post-menu-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-popovercontainer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PostBreadcrumbs = PostBreadcrumbs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostBreadcrumbs, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{f as a,c}from"./breakpoints.js";import{d as n}from"./debounce.js";import{d}from"./post-breadcrumb-item2.js";import{d as m}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as p}from"./post-menu-item2.js";import{d as u}from"./post-menu-trigger2.js";import{d as b}from"./post-popovercontainer2.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=n((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){a(this,"homeUrl")}validateTextHome(){c(this,"textHome","string")}validateTextBreadcrumbs(){c(this,"textBreadcrumbs","string")}validateTextMoreItems(){c(this,"textMoreItems","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof t);)e=e.parentNode;return e instanceof t?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),t=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,t)=>e+t.getBoundingClientRect().width),0);this.isConcatenated=t>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(o,{key:"f3c59a174634a6ca6d3b9beceb455563275d04a6","data-version":r},i("nav",{key:"cdc7cd4bbad53c57cdcbb735804b548f20b39523","aria-label":this.textBreadcrumbs,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"419658d8f58822c3fbf8e58bfc0069f629fc46d9",class:"no-list breadcrumbs-list"},i("li",{key:"52348e55a01f3236957e23fc502cce6cbb4eadb9"},i("a",{key:"8d1d8acff9f33c52e82ff4ce920c3f6a8418cdaa",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"1aca58d1afb96580f4b2f744dd972a1556fd9ad3",class:"visually-hidden"},this.textHome),i("post-icon",{key:"dfe6d8b330f718408ac82024ebd89e13382119bf",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.textMoreItems},e.map((e=>i("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const t=e.currentTarget.querySelector("a");t?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"13d8b9834218f995a2e7404227c288ef6e87f583","aria-current":"page"},i("post-breadcrumb-item",{key:"eb1b375fa201d81fa84a3b30cff0f64f58bfd3a4",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"5527023bc4109b42b20202404246a74bd3120eff",class:"hidden-items"},i("a",{key:"0a7d14bb5d482790011c816599ddf663a2b32e80",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"715281201fd630b00306add80d68c87ade21f83c",class:"visually-hidden"},this.textHome),i("post-icon",{key:"e8c78c08c0eff93d180e927d4ebe6c7e4b5fd224",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:"hidden-"+(e.url||e.text),class:"hidden-breadcrumb-item"},e.text))))))}get host(){return this}static get watchers(){return{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}}static get style(){return":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span: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 a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),f=h,v=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-breadcrumb-item","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-breadcrumbs":customElements.get(s(e))||customElements.define(s(e),h);break;case"post-breadcrumb-item":customElements.get(s(e))||d();break;case"post-icon":customElements.get(s(e))||m();break;case"post-menu":customElements.get(s(e))||l();break;case"post-menu-item":customElements.get(s(e))||p();break;case"post-menu-trigger":customElements.get(s(e))||u();break;case"post-popovercontainer":customElements.get(s(e))||b()}}))};export{f as PostBreadcrumbs,v as defineCustomElement}