@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/components/ic-breadcrumb-group.js

@@ -1,278 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { D as DEVICE_SIZES, s as getCurrentDeviceSize, c as checkResizeObserver } from './helpers.js';
-import { d as defineCustomElement$3 } from './ic-breadcrumb2.js';
-import { d as defineCustomElement$2 } from './ic-link2.js';
-
-const icBreadcrumbGroupCss = ":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";
-const IcBreadcrumbGroupStyle0 = icBreadcrumbGroupCss;
-
-const BreadcrumbGroup = /*@__PURE__*/ proxyCustomElement(class BreadcrumbGroup extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ADD_CLASS_DELAY = 50;
-        this.IC_BREADCRUMB = "ic-breadcrumb";
-        this.SHOW_BACK_ICON = "show-back-icon";
-        this.collapsedBreadcrumbs = [];
-        this.resizeObserver = null;
-        this.lastParentBreadcrumb = null;
-        this.deviceSize = DEVICE_SIZES.XL;
-        /**
-         * If `true`, display only a single breadcrumb for the parent page with a back icon.
-         */
-        this.backBreadcrumbOnly = false;
-        /**
-         * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
-         */
-        this.collapsed = false;
-        /**
-         * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
-         */
-        this.monochrome = false;
-        /**
-         * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
-         */
-        this.theme = "inherit";
-        this.setBreadcrumbTheme = () => {
-            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
-                breadcrumb.theme = this.theme;
-            });
-        };
-        this.setBreadcrumbMonochrome = () => {
-            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
-                breadcrumb.monochrome = this.monochrome;
-            });
-        };
-        this.setBackBreadcrumb = () => {
-            if (this.backBreadcrumbOnly) {
-                this.setLastParentCollapsedBackBreadcrumb();
-            }
-            else {
-                this.revertLastParentCollapsedBreadcrumb();
-            }
-        };
-        this.setBackBreadcrumbAttr = () => {
-            if (this.lastParentBreadcrumb) {
-                this.lastParentBreadcrumb.classList.add("show");
-                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "true");
-            }
-        };
-        this.getLastParentBreadcrumb = () => {
-            const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);
-            return allBreadcrumbs.length > 1
-                ? allBreadcrumbs[allBreadcrumbs.length - 2]
-                : null;
-        };
-        this.setCollapsed = () => {
-            var _a, _b;
-            this.collapsedBreadcrumbs.forEach((breadcrumb) => {
-                breadcrumb.classList.remove("visuallyhidden");
-                breadcrumb.classList.remove("fade");
-            });
-            if (this.collapsed) {
-                this.renderCollapsedBreadcrumb();
-                const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-                this.collapsedBreadcrumbs = allBreadcrumbs
-                    .splice(1, allBreadcrumbs.length - 2)
-                    .filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
-                if (!this.backBreadcrumbOnly) {
-                    this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
-                }
-                if (this.collapsedBreadcrumbWrapper) {
-                    (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
-                }
-            }
-            else {
-                (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();
-            }
-        };
-        this.clickHandler = () => {
-            var _a;
-            (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();
-            this.collapsedBreadcrumbs.forEach((breadcrumb) => {
-                breadcrumb.classList.add("visuallyhidden");
-                breadcrumb.classList.remove("hide");
-                setTimeout(() => {
-                    breadcrumb.classList.add("fade");
-                }, this.ADD_CLASS_DELAY);
-                breadcrumb.addEventListener("transitionend", this.transitionendHandler);
-            });
-            this.collapsed = false;
-            // Set focus to first unhidden breadcrumb
-            this.collapsedBreadcrumbs[0].setFocus();
-        };
-        this.renderCollapsedBreadcrumb = () => {
-            if (this.collapsedBreadcrumbEl === undefined) {
-                this.collapsedBreadcrumbWrapper = document.createElement("ic-breadcrumb");
-                this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");
-                this.collapsedBreadcrumbEl = document.createElement("button");
-                const ariaLabel = document.createElement("span");
-                ariaLabel.id = "collapsed-button-label";
-                ariaLabel.innerText = "Collapsed breadcrumbs";
-                ariaLabel.className = "hide";
-                this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", ariaLabel.id);
-                const ariaDescribed = document.createElement("span");
-                ariaDescribed.id = "collapsed-button-described";
-                ariaDescribed.innerText = "Select to view collapsed breadcrumbs";
-                ariaDescribed.className = "hide";
-                this.collapsedBreadcrumbEl.setAttribute("aria-describedby", ariaDescribed.id);
-                this.collapsedBreadcrumbEl.id = "collapsed-ellipsis";
-                this.collapsedBreadcrumbEl.innerText = "...";
-                this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");
-                this.collapsedBreadcrumbEl.addEventListener("click", this.clickHandler);
-                this.collapsedBreadcrumbWrapper.append(ariaDescribed);
-                this.collapsedBreadcrumbWrapper.append(ariaLabel);
-                this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
-            }
-        };
-        this.transitionendHandler = (event) => {
-            if (event.propertyName === "opacity") {
-                event.target.classList.remove("visuallyhidden");
-            }
-        };
-        this.setLastParentCollapsedBackBreadcrumb = () => {
-            this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
-            this.setBackBreadcrumbAttr();
-            if (this.lastParentBreadcrumb) {
-                this.lastParentBreadcrumb.classList.remove("hide");
-                this.lastParentBreadcrumb.classList.add("show");
-            }
-        };
-        this.revertLastParentCollapsedBreadcrumb = () => {
-            if (this.lastParentBreadcrumb) {
-                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
-                if (this.collapsed) {
-                    this.lastParentBreadcrumb.classList.add("hide");
-                }
-            }
-        };
-        this.resizeObserverCallback = (currSize) => {
-            if (currSize !== this.deviceSize) {
-                this.deviceSize = currSize;
-                const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;
-                this.el.setAttribute("back-breadcrumb-only", `${isSmallDevice}`);
-                if (isSmallDevice) {
-                    if (this.collapsed) {
-                        this.setLastParentCollapsedBackBreadcrumb();
-                    }
-                    else {
-                        this.setBackBreadcrumb();
-                    }
-                }
-                else {
-                    const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-                    if (this.collapsed && allBreadcrumbs.length > 2) {
-                        this.revertLastParentCollapsedBreadcrumb();
-                        this.setCollapsed();
-                    }
-                    else {
-                        allBreadcrumbs.forEach((breadcrumb) => {
-                            breadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
-                        });
-                    }
-                }
-            }
-        };
-        this.runResizeObserver = () => {
-            this.resizeObserver = new ResizeObserver(() => {
-                this.resizeObserverCallback(getCurrentDeviceSize());
-            });
-            this.resizeObserver.observe(this.el);
-        };
-    }
-    watchBackBreadcrumbHandler() {
-        this.setBackBreadcrumb();
-    }
-    watchCollapsedHandler() {
-        this.setCollapsed();
-    }
-    watchMonochromeHandler() {
-        this.setBreadcrumbMonochrome();
-    }
-    watchThemeHandler() {
-        this.setBreadcrumbTheme();
-    }
-    componentWillLoad() {
-        this.setBreadcrumbTheme();
-        this.setBreadcrumbMonochrome();
-        if (this.backBreadcrumbOnly) {
-            this.setBackBreadcrumb();
-        }
-        else {
-            checkResizeObserver(this.runResizeObserver);
-        }
-        if (this.collapsed &&
-            this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {
-            if (getCurrentDeviceSize() === DEVICE_SIZES.S) {
-                this.setLastParentCollapsedBackBreadcrumb();
-            }
-            else {
-                this.setCollapsed();
-            }
-        }
-        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionendHandler);
-        (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.clickHandler);
-    }
-    render() {
-        const { backBreadcrumbOnly, collapsed, theme } = this;
-        return (h(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
-                "ic-breadcrumb-group-back": backBreadcrumbOnly,
-                "ic-breadcrumb-group-collapsed": collapsed,
-                [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, h("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, h("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
-        "collapsed": ["watchCollapsedHandler"],
-        "monochrome": ["watchMonochromeHandler"],
-        "theme": ["watchThemeHandler"]
-    }; }
-    static get style() { return IcBreadcrumbGroupStyle0; }
-}, [1, "ic-breadcrumb-group", {
-        "backBreadcrumbOnly": [4, "back-breadcrumb-only"],
-        "collapsed": [1028],
-        "monochrome": [4],
-        "theme": [1],
-        "deviceSize": [32]
-    }, undefined, {
-        "backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
-        "collapsed": ["watchCollapsedHandler"],
-        "monochrome": ["watchMonochromeHandler"],
-        "theme": ["watchThemeHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ic-breadcrumb-group", "ic-breadcrumb", "ic-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ic-breadcrumb-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BreadcrumbGroup);
-            }
-            break;
-        case "ic-breadcrumb":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ic-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IcBreadcrumbGroup = BreadcrumbGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { IcBreadcrumbGroup, defineCustomElement };
-
-//# sourceMappingURL=ic-breadcrumb-group.js.map

package/dist/components/ic-breadcrumb-group.js.map

@@ -1 +0,0 @@
-{"file":"ic-breadcrumb-group.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host ol {\n  display: flex;\n  list-style-type: none;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: 0;\n  margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n  display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n  display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n  ol\n  ::slotted(ic-breadcrumb.visuallyhidden) {\n  display: block;\n  opacity: 0;\n  transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n  opacity: 1;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, } from \"../../utils/helpers\";\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n    constructor() {\n        this.ADD_CLASS_DELAY = 50;\n        this.IC_BREADCRUMB = \"ic-breadcrumb\";\n        this.SHOW_BACK_ICON = \"show-back-icon\";\n        this.collapsedBreadcrumbs = [];\n        this.resizeObserver = null;\n        this.lastParentBreadcrumb = null;\n        this.deviceSize = DEVICE_SIZES.XL;\n        /**\n         * If `true`, display only a single breadcrumb for the parent page with a back icon.\n         */\n        this.backBreadcrumbOnly = false;\n        /**\n         * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n         */\n        this.collapsed = false;\n        /**\n         * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.setBreadcrumbTheme = () => {\n            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n                breadcrumb.theme = this.theme;\n            });\n        };\n        this.setBreadcrumbMonochrome = () => {\n            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n                breadcrumb.monochrome = this.monochrome;\n            });\n        };\n        this.setBackBreadcrumb = () => {\n            if (this.backBreadcrumbOnly) {\n                this.setLastParentCollapsedBackBreadcrumb();\n            }\n            else {\n                this.revertLastParentCollapsedBreadcrumb();\n            }\n        };\n        this.setBackBreadcrumbAttr = () => {\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.classList.add(\"show\");\n                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n            }\n        };\n        this.getLastParentBreadcrumb = () => {\n            const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);\n            return allBreadcrumbs.length > 1\n                ? allBreadcrumbs[allBreadcrumbs.length - 2]\n                : null;\n        };\n        this.setCollapsed = () => {\n            var _a, _b;\n            this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.classList.remove(\"visuallyhidden\");\n                breadcrumb.classList.remove(\"fade\");\n            });\n            if (this.collapsed) {\n                this.renderCollapsedBreadcrumb();\n                const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n                this.collapsedBreadcrumbs = allBreadcrumbs\n                    .splice(1, allBreadcrumbs.length - 2)\n                    .filter((breadcrumb) => !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\"));\n                if (!this.backBreadcrumbOnly) {\n                    this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n                }\n                if (this.collapsedBreadcrumbWrapper) {\n                    (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n                }\n            }\n            else {\n                (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();\n            }\n        };\n        this.clickHandler = () => {\n            var _a;\n            (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();\n            this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.classList.add(\"visuallyhidden\");\n                breadcrumb.classList.remove(\"hide\");\n                setTimeout(() => {\n                    breadcrumb.classList.add(\"fade\");\n                }, this.ADD_CLASS_DELAY);\n                breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n            });\n            this.collapsed = false;\n            // Set focus to first unhidden breadcrumb\n            this.collapsedBreadcrumbs[0].setFocus();\n        };\n        this.renderCollapsedBreadcrumb = () => {\n            if (this.collapsedBreadcrumbEl === undefined) {\n                this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n                this.collapsedBreadcrumbWrapper.classList.add(\"collapsed-breadcrumb-wrapper\");\n                this.collapsedBreadcrumbEl = document.createElement(\"button\");\n                const ariaLabel = document.createElement(\"span\");\n                ariaLabel.id = \"collapsed-button-label\";\n                ariaLabel.innerText = \"Collapsed breadcrumbs\";\n                ariaLabel.className = \"hide\";\n                this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", ariaLabel.id);\n                const ariaDescribed = document.createElement(\"span\");\n                ariaDescribed.id = \"collapsed-button-described\";\n                ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n                ariaDescribed.className = \"hide\";\n                this.collapsedBreadcrumbEl.setAttribute(\"aria-describedby\", ariaDescribed.id);\n                this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n                this.collapsedBreadcrumbEl.innerText = \"...\";\n                this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n                this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n                this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n                this.collapsedBreadcrumbWrapper.append(ariaLabel);\n                this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n            }\n        };\n        this.transitionendHandler = (event) => {\n            if (event.propertyName === \"opacity\") {\n                event.target.classList.remove(\"visuallyhidden\");\n            }\n        };\n        this.setLastParentCollapsedBackBreadcrumb = () => {\n            this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n            this.setBackBreadcrumbAttr();\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.classList.remove(\"hide\");\n                this.lastParentBreadcrumb.classList.add(\"show\");\n            }\n        };\n        this.revertLastParentCollapsedBreadcrumb = () => {\n            if (this.lastParentBreadcrumb) {\n                this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n                if (this.collapsed) {\n                    this.lastParentBreadcrumb.classList.add(\"hide\");\n                }\n            }\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;\n                this.el.setAttribute(\"back-breadcrumb-only\", `${isSmallDevice}`);\n                if (isSmallDevice) {\n                    if (this.collapsed) {\n                        this.setLastParentCollapsedBackBreadcrumb();\n                    }\n                    else {\n                        this.setBackBreadcrumb();\n                    }\n                }\n                else {\n                    const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n                    if (this.collapsed && allBreadcrumbs.length > 2) {\n                        this.revertLastParentCollapsedBreadcrumb();\n                        this.setCollapsed();\n                    }\n                    else {\n                        allBreadcrumbs.forEach((breadcrumb) => {\n                            breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n                        });\n                    }\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback(getCurrentDeviceSize());\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    watchBackBreadcrumbHandler() {\n        this.setBackBreadcrumb();\n    }\n    watchCollapsedHandler() {\n        this.setCollapsed();\n    }\n    watchMonochromeHandler() {\n        this.setBreadcrumbMonochrome();\n    }\n    watchThemeHandler() {\n        this.setBreadcrumbTheme();\n    }\n    componentWillLoad() {\n        this.setBreadcrumbTheme();\n        this.setBreadcrumbMonochrome();\n        if (this.backBreadcrumbOnly) {\n            this.setBackBreadcrumb();\n        }\n        else {\n            checkResizeObserver(this.runResizeObserver);\n        }\n        if (this.collapsed &&\n            this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {\n            if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n                this.setLastParentCollapsedBackBreadcrumb();\n            }\n            else {\n                this.setCollapsed();\n            }\n        }\n        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionendHandler);\n        (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.clickHandler);\n    }\n    render() {\n        const { backBreadcrumbOnly, collapsed, theme } = this;\n        return (h(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {\n                \"ic-breadcrumb-group-back\": backBreadcrumbOnly,\n                \"ic-breadcrumb-group-collapsed\": collapsed,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"nav\", { key: '44c0b96801da788bbfa96b138348d05214270b60', \"aria-label\": \"breadcrumbs\" }, h(\"ol\", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, h(\"slot\", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));\n    }\n    static get is() { return \"ic-breadcrumb-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"backBreadcrumbOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, display only a single breadcrumb for the parent page with a back icon.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"back-breadcrumb-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"collapsed\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"backBreadcrumbOnly\",\n                \"methodName\": \"watchBackBreadcrumbHandler\"\n            }, {\n                \"propName\": \"collapsed\",\n                \"methodName\": \"watchCollapsedHandler\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"version":3}

package/dist/components/ic-breadcrumb.js

@@ -1,8 +0,0 @@
-import { B as Breadcrumb, d as defineCustomElement$1 } from './ic-breadcrumb2.js';
-
-const IcBreadcrumb = Breadcrumb;
-const defineCustomElement = defineCustomElement$1;
-
-export { IcBreadcrumb, defineCustomElement };
-
-//# sourceMappingURL=ic-breadcrumb.js.map

package/dist/components/ic-breadcrumb.js.map

@@ -1 +0,0 @@
-{"file":"ic-breadcrumb.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ic-breadcrumb2.js

@@ -1,145 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as chevronIcon } from './chevron-icon.js';
-import { q as getSlotElements, i as isSlotUsed } from './helpers.js';
-import { d as defineCustomElement$1 } from './ic-link2.js';
-
-const backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>
-</svg>
-`;
-
-const icBreadcrumbCss = ":host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host(.ic-breadcrumb-aria-current-page){cursor:text}:host(.ic-breadcrumb-aria-current-page) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host(.ic-breadcrumb-aria-current-page).ic-breadcrumb-monochrome .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host(.ic-breadcrumb-aria-current-page) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
-const IcBreadcrumbStyle0 = icBreadcrumbCss;
-
-const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.HREF_ATTR = "href";
-        this.linkSlotContent = null;
-        this.slottedLinkEl = null;
-        this.slottedLinkHref = null;
-        /**
-         * If `true`, aria-current will be set on the breadcrumb.
-         */
-        this.current = false;
-        /**
-         * @internal If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.
-         */
-        this.monochrome = false;
-        /**
-         * @internal If `true`, back icon will be displayed.
-         */
-        this.showBackIcon = false;
-        /**
-         * @internal Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
-         */
-        this.theme = "inherit";
-        // Prevent focus on breadcrumb if current page and contains slotted link
-        this.updatedSlottedLinkFocus = () => {
-            var _a, _b;
-            // Sets tabindex on wrong element in unit test snapshots
-            // - related to known Jest issue: https://github.com/ionic-team/stencil/issues/2830
-            if (this.linkSlotContent) {
-                this.linkSlotContent.tabIndex = this.current ? -1 : 0; // Prevent focus
-            }
-            if (this.current) {
-                (_a = this.slottedLinkEl) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link
-            }
-            else if (this.slottedLinkHref) {
-                (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.HREF_ATTR, this.slottedLinkHref);
-            }
-        };
-        this.getSlottedLinkEl = () => {
-            if (!this.linkSlotContent)
-                return null;
-            return this.linkSlotContent.hasAttribute(this.HREF_ATTR)
-                ? this.linkSlotContent
-                : this.linkSlotContent.querySelector("[href]");
-        };
-        this.renderBackIcon = () => (h("div", { class: "back-icon", innerHTML: backIcon }));
-    }
-    watchCurrentHandler() {
-        this.updatedSlottedLinkFocus();
-        this.el.ariaCurrent = this.current ? "page" : null;
-    }
-    componentDidLoad() {
-        var _a, _b;
-        const slottedLinkWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".link-wrapper");
-        if (slottedLinkWrapper) {
-            const slotEls = getSlotElements(slottedLinkWrapper);
-            if (slotEls) {
-                this.linkSlotContent = slotEls[0];
-                this.slottedLinkEl = this.getSlottedLinkEl();
-                this.slottedLinkHref = ((_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute("href")) || null;
-            }
-            this.updatedSlottedLinkFocus();
-        }
-    }
-    componentWillRender() {
-        const icLink = this.el.querySelector("ic-link");
-        if (icLink) {
-            const CURRENT_PAGE = "current-page";
-            icLink.classList.remove(CURRENT_PAGE);
-            if (this.current && !icLink.classList.contains(CURRENT_PAGE)) {
-                icLink.classList.add("breadcrumb-link", CURRENT_PAGE);
-            }
-        }
-    }
-    /**
-     * Sets focus on the breadcrumb.
-     */
-    async setFocus() {
-        var _a, _b;
-        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-link")) === null || _b === void 0 ? void 0 : _b.focus();
-    }
-    render() {
-        const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
-        const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
-        return (h(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
-                "ic-breadcrumb-back": showBackIcon,
-                "ic-breadcrumb-monochrome": monochrome,
-                [`ic-theme-${theme}`]: theme !== "inherit",
-                [`ic-breadcrumb-aria-current-page`]: current,
-            }, "aria-current": current && "page", role: "listitem" }, h("div", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: "breadcrumb" }, h("span", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (h("span", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (h("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), h("span", { class: "link-wrapper" }, h("slot", null)))) : current ? (h("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && h("slot", { name: "icon" }), pageTitle)) : (h("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && h("slot", { name: "icon" }), pageTitle)))));
-    }
-    static get delegatesFocus() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "current": ["watchCurrentHandler"]
-    }; }
-    static get style() { return IcBreadcrumbStyle0; }
-}, [17, "ic-breadcrumb", {
-        "current": [4],
-        "href": [1],
-        "monochrome": [4],
-        "pageTitle": [1, "page-title"],
-        "showBackIcon": [516, "show-back-icon"],
-        "theme": [1],
-        "setFocus": [64]
-    }, undefined, {
-        "current": ["watchCurrentHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ic-breadcrumb", "ic-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ic-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Breadcrumb);
-            }
-            break;
-        case "ic-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Breadcrumb as B, defineCustomElement as d };
-
-//# sourceMappingURL=ic-breadcrumb2.js.map

package/dist/components/ic-breadcrumb2.js.map

@@ -1 +0,0 @@
-{"file":"ic-breadcrumb2.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css?tag=ic-breadcrumb&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js"],"sourcesContent":[":host {\n  display: block;\n  margin: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n:host .breadcrumb {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  gap: var(--ic-space-xs);\n  min-height: var(--ic-space-lg);\n}\n\n:host .chevron {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host .chevron svg,\n:host(.ic-breadcrumb-monochrome) .chevron svg {\n  color: var(--ic-breadcrumb-icon-chevron);\n}\n\n:host(:first-child) .chevron {\n  display: none;\n}\n\n.back-icon svg {\n  color: var(--ic-breadcrumb-icon);\n}\n\n:host(.ic-breadcrumb-monochrome) .back-icon svg {\n  color: var(--ic-breadcrumb-icon-monochrome);\n}\n\n:host(.ic-breadcrumb-back) {\n  display: flex;\n  align-items: center;\n}\n\n:host(.ic-breadcrumb-back) .chevron {\n  display: none;\n}\n\nic-link {\n  --breadcrumb-link-display: inline-flex;\n  --breadcrumb-link-align-items: center;\n  --breadcrumb-link-gap: var(--ic-space-xs);\n}\n\n:host(.ic-breadcrumb-aria-current-page) {\n  cursor: text;\n}\n\n:host(.ic-breadcrumb-aria-current-page) .current-page-container {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n  color: var(--ic-breadcrumb-text);\n}\n\n:host(.ic-breadcrumb-aria-current-page).ic-breadcrumb-monochrome\n  .current-page-container {\n  color: var(--ic-breadcrumb-text-monochrome);\n}\n\n:host(.ic-breadcrumb-aria-current-page) slot {\n  pointer-events: none;\n}\n\n:host(.collapsed-breadcrumb-wrapper) {\n  margin-right: var(--ic-space-xs) !important;\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb) {\n  border: none;\n  background-color: transparent;\n  color: var(--ic-color-hyperlink-default);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  cursor: pointer;\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n  outline: var(--ic-hc-focus-outline);\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide) {\n  display: none;\n}\n\n.slotted-link-container {\n  gap: var(--ic-space-xs);\n  display: flex;\n}\n\n.slotted-link-container .back-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.slotted-link-container .link-wrapper {\n  line-height: 1.5rem;\n}\n\n@media (forced-colors: active) {\n  .back-icon svg {\n    color: currentcolor;\n  }\n}\n\n@supports (text-underline-offset: 25%) {\n  ic-link {\n    --breadcrumb-link-display: flex;\n  }\n\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport backIcon from \"../../assets/back-icon.svg\";\nimport { getSlotElements, isSlotUsed } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered to the left of the breadcrumb page title.\n */\nexport class Breadcrumb {\n    constructor() {\n        this.HREF_ATTR = \"href\";\n        this.linkSlotContent = null;\n        this.slottedLinkEl = null;\n        this.slottedLinkHref = null;\n        /**\n         * If `true`, aria-current will be set on the breadcrumb.\n         */\n        this.current = false;\n        /**\n         * @internal If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * @internal If `true`, back icon will be displayed.\n         */\n        this.showBackIcon = false;\n        /**\n         * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        // Prevent focus on breadcrumb if current page and contains slotted link\n        this.updatedSlottedLinkFocus = () => {\n            var _a, _b;\n            // Sets tabindex on wrong element in unit test snapshots\n            // - related to known Jest issue: https://github.com/ionic-team/stencil/issues/2830\n            if (this.linkSlotContent) {\n                this.linkSlotContent.tabIndex = this.current ? -1 : 0; // Prevent focus\n            }\n            if (this.current) {\n                (_a = this.slottedLinkEl) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link\n            }\n            else if (this.slottedLinkHref) {\n                (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.HREF_ATTR, this.slottedLinkHref);\n            }\n        };\n        this.getSlottedLinkEl = () => {\n            if (!this.linkSlotContent)\n                return null;\n            return this.linkSlotContent.hasAttribute(this.HREF_ATTR)\n                ? this.linkSlotContent\n                : this.linkSlotContent.querySelector(\"[href]\");\n        };\n        this.renderBackIcon = () => (h(\"div\", { class: \"back-icon\", innerHTML: backIcon }));\n    }\n    watchCurrentHandler() {\n        this.updatedSlottedLinkFocus();\n        this.el.ariaCurrent = this.current ? \"page\" : null;\n    }\n    componentDidLoad() {\n        var _a, _b;\n        const slottedLinkWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".link-wrapper\");\n        if (slottedLinkWrapper) {\n            const slotEls = getSlotElements(slottedLinkWrapper);\n            if (slotEls) {\n                this.linkSlotContent = slotEls[0];\n                this.slottedLinkEl = this.getSlottedLinkEl();\n                this.slottedLinkHref = ((_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute(\"href\")) || null;\n            }\n            this.updatedSlottedLinkFocus();\n        }\n    }\n    componentWillRender() {\n        const icLink = this.el.querySelector(\"ic-link\");\n        if (icLink) {\n            const CURRENT_PAGE = \"current-page\";\n            icLink.classList.remove(CURRENT_PAGE);\n            if (this.current && !icLink.classList.contains(CURRENT_PAGE)) {\n                icLink.classList.add(\"breadcrumb-link\", CURRENT_PAGE);\n            }\n        }\n    }\n    /**\n     * Sets focus on the breadcrumb.\n     */\n    async setFocus() {\n        var _a, _b;\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-link\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    render() {\n        const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;\n        const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(\" \", \"-\")}-describedby`;\n        return (h(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {\n                \"ic-breadcrumb-back\": showBackIcon,\n                \"ic-breadcrumb-monochrome\": monochrome,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [`ic-breadcrumb-aria-current-page`]: current,\n            }, \"aria-current\": current && \"page\", role: \"listitem\" }, h(\"div\", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: \"breadcrumb\" }, h(\"span\", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: \"chevron\", \"aria-hidden\": \"true\" }), showBackIcon && (h(\"span\", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: \"hide\" }, `Back to ${pageTitle}`)), !href ? (h(\"div\", { class: \"slotted-link-container\" }, showBackIcon && this.renderBackIcon(), h(\"span\", { class: \"link-wrapper\" }, h(\"slot\", null)))) : current ? (h(\"span\", { class: \"current-page-container\" }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)) : (h(\"ic-link\", { theme: theme, monochrome: monochrome, href: href, class: \"breadcrumb-link\", \"aria-describedby\": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)))));\n    }\n    static get is() { return \"ic-breadcrumb\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, aria-current will be set on the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the breadcrumb link points to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"pageTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"page-title\",\n                \"reflect\": false\n            },\n            \"showBackIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, back icon will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"show-back-icon\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the breadcrumb.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"current\",\n                \"methodName\": \"watchCurrentHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb.js.map\n"],"version":3}