@ukic/canary-web-components 2.0.0-canary.18 → 2.0.0-canary.19

package/dist/esm/ic-breadcrumb-group.entry.js.map

@@ -1 +1 @@
-{"file":"ic-breadcrumb-group.entry.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,qgBAAqgB;;MCGrhB,eAAe;IACxB;;QACI,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC;QACvC,IAAI,CAAC,iBAAiB,GAAG;YACrB,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBACzB,IAAI,CAAC,qBAAqB,EAAE,CAAC;aAChC;SACJ,CAAC;QACF,IAAI,CAAC,qBAAqB,GAAG;YACzB,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAChD,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;aACvE;SACJ,CAAC;QACF,IAAI,CAAC,uBAAuB,GAAG;YAC3B,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAChF,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC7B,OAAO,IAAI,CAAC;aACf;YACD,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAChE,OAAO,IAAI,CAAC,UAAU,CAAC;SAC1B,CAAC;QACF,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC3D,IAAI,CAAC,qBAAqB,GAAG;YACzB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAChF,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU;gBAC9B,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;aACzD,CAAC,CAAC;SACN,CAAC;QACF,IAAI,CAAC,YAAY,GAAG;YAChB,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;gBAChF,IAAI,CAAC,oBAAoB,GAAG,cAAc;qBACrC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;qBACpC,MAAM,CAAC,CAAC,UAAU,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC,CAAC;gBAC5F,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;gBACpF,MAAM,eAAe,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;gBAC1C,IAAI,eAAe,EAAE;oBACjB,eAAe,CAAC,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;iBACtF;aACJ;SACJ,CAAC;QACF,IAAI,CAAC,YAAY,GAAG;YAChB,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;SAC1E,CAAC;QACF,IAAI,CAAC,yBAAyB,GAAG;YAC7B,IAAI,CAAC,0BAA0B,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC1E,IAAI,CAAC,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;YAC9E,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC9D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACjD,SAAS,CAAC,EAAE,GAAG,wBAAwB,CAAC;YACxC,SAAS,CAAC,SAAS,GAAG,uBAAuB,CAAC;YAC9C,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC;YAC7B,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,CAAC;YACrF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACrD,aAAa,CAAC,EAAE,GAAG,4BAA4B,CAAC;YAChD,aAAa,CAAC,SAAS,GAAG,sCAAsC,CAAC;YACjE,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;YACjC,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,kBAAkB,EAAE,4BAA4B,CAAC,CAAC;YAC1F,IAAI,CAAC,qBAAqB,CAAC,EAAE,GAAG,oBAAoB,CAAC;YACrD,IAAI,CAAC,qBAAqB,CAAC,SAAS,GAAG,KAAK,CAAC;YAC7C,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;YACjE,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACxE,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YACtD,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAClD,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACnE,OAAO,IAAI,CAAC,0BAA0B,CAAC;SAC1C,CAAC;QACF,IAAI,CAAC,gCAAgC,GAAG,CAAC,0BAA0B;YAC/D,0BAA0B,CAAC,MAAM,EAAE,CAAC;YACpC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,UAAU;gBACzC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;gBAC3C,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACpC,UAAU,CAAC;oBACP,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;iBACpC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBACzB,IAAI,CAAC,yBAAyB,CAAC,UAAU,CAAC,CAAC;aAC9C,CAAC,CAAC;YACH,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;;YAEhC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;SAC3C,CAAC;QACF,IAAI,CAAC,oBAAoB,GAAG,CAAC,KAAK;YAC9B,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;gBAClC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;aACnD;SACJ,CAAC;QACF,IAAI,CAAC,yBAAyB,GAAG,CAAC,UAAU;YACxC,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;SAC3E,CAAC;QACF,IAAI,CAAC,oCAAoC,GAAG;YACxC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACtD,CAAC;QACF,IAAI,CAAC,mCAAmC,GAAG;YACvC,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;SACxE,CAAC;QACF,IAAI,CAAC,sBAAsB,GAAG,CAAC,QAAQ;YACnC,IAAI,QAAQ,KAAK,IAAI,CAAC,UAAU,EAAE;gBAC9B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;gBAC3B,IAAI,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,CAAC,EAAE;oBACnC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;oBACrD,IAAI,IAAI,CAAC,SAAS,EAAE;wBAChB,IAAI,CAAC,oCAAoC,EAAE,CAAC;qBAC/C;yBACI;wBACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;qBAC5B;iBACJ;qBACI;oBACD,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;oBACtD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;wBACnE,IAAI,CAAC,mCAAmC,EAAE,CAAC;wBAC3C,IAAI,IAAI,CAAC,mBAAmB,EAAE;4BAC1B,IAAI,CAAC,qBAAqB,EAAE,CAAC;yBAChC;6BACI;4BACD,IAAI,CAAC,YAAY,EAAE,CAAC;yBACvB;qBACJ;yBACI;wBACD,IAAI,CAAC,qBAAqB,EAAE,CAAC;qBAChC;iBACJ;aACJ;SACJ,CAAC;QACF,IAAI,CAAC,iBAAiB,GAAG;YACrB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;gBACrC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;gBACxC,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;aACzC,CAAC,CAAC;YACH,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACxC,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;IACD,iBAAiB;QACb,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAChF,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YAC/B,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU;gBAC9B,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC1D,CAAC,CAAC;SACN;QACD,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;aACI;YACD,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC/C;QACD,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACnE,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,IAAI,oBAAoB,EAAE,KAAK,YAAY,CAAC,CAAC,EAAE;oBAC3C,IAAI,CAAC,oCAAoC,EAAE,CAAC;iBAC/C;qBACI;oBACD,IAAI,CAAC,YAAY,EAAE,CAAC;iBACvB;aACJ;SACJ;KACJ;IACD,oBAAoB;QAChB,IAAI,CAAC,UAAU;YACX,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACpF,IAAI,CAAC,qBAAqB;YACtB,IAAI,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;KAClF;IACD,MAAM;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,IAAI,EAAE,IAAI,CAAC,kBAAkB;gBAC7B,SAAS,EAAE,IAAI,CAAC,SAAS;aAC5B,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;KACxF;;;;;;;","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(.back) ol ::slotted(ic-breadcrumb) {\n  display: none;\n}\n\n:host(.back) ol ::slotted(ic-breadcrumb.show) {\n  display: flex;\n}\n\n:host(.collapsed) ol ::slotted(ic-breadcrumb.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden) {\n  display: block;\n  opacity: 0;\n  transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.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.resizeObserver = null;\n        this.SHOW_BACK_ICON = \"show-back-icon\";\n        this.setBackBreadcrumb = () => {\n            if (this.backBreadcrumbOnly) {\n                this.setBackBreadcrumbAttr();\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 = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            if (allBreadcrumbs.length === 1) {\n                return null;\n            }\n            this.breadcrumbs = allBreadcrumbs.filter((breadcrumb) => !breadcrumb.getAttribute(\"current\"));\n            this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 1];\n            return this.breadcrumb;\n        };\n        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n        this.setDefaultBreadcrumbs = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n            });\n        };\n        this.setCollapsed = () => {\n            if (this.collapsed) {\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                this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n                const firstBreadcrumb = allBreadcrumbs[0];\n                if (firstBreadcrumb) {\n                    firstBreadcrumb.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n                }\n            }\n        };\n        this.clickHandler = () => {\n            this.handleHiddenCollapsedBreadcrumbs(this.collapsedBreadcrumbWrapper);\n        };\n        this.renderCollapsedBreadcrumb = () => {\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\", \"collapsed-button-label\");\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\", \"collapsed-button-described\");\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            return this.collapsedBreadcrumbWrapper;\n        };\n        this.handleHiddenCollapsedBreadcrumbs = (collapsedBreadcrumbWrapper) => {\n            collapsedBreadcrumbWrapper.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                this.removeVisuallyHiddenClass(breadcrumb);\n            });\n            this.expandedBreadcrumbs = true;\n            // Set focus to first unhidden breadcrumb\n            this.collapsedBreadcrumbs[0].setFocus();\n        };\n        this.transitionendHandler = (event) => {\n            if (event.propertyName === \"opacity\") {\n                event.target.classList.remove(\"visuallyhidden\");\n            }\n        };\n        this.removeVisuallyHiddenClass = (breadcrumb) => {\n            breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n        };\n        this.setLastParentCollapsedBackBreadcrumb = () => {\n            this.setBackBreadcrumbAttr();\n            this.lastParentBreadcrumb.classList.remove(\"hide\");\n        };\n        this.revertLastParentCollapsedBreadcrumb = () => {\n            this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                if (this.deviceSize <= DEVICE_SIZES.S) {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"true\");\n                    if (this.collapsed) {\n                        this.setLastParentCollapsedBackBreadcrumb();\n                    }\n                    else {\n                        this.setBackBreadcrumb();\n                    }\n                }\n                else {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"false\");\n                    if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {\n                        this.revertLastParentCollapsedBreadcrumb();\n                        if (this.expandedBreadcrumbs) {\n                            this.setDefaultBreadcrumbs();\n                        }\n                        else {\n                            this.setCollapsed();\n                        }\n                    }\n                    else {\n                        this.setDefaultBreadcrumbs();\n                    }\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                const currSize = getCurrentDeviceSize();\n                this.resizeObserverCallback(currSize);\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.expandedBreadcrumbs = false;\n        this.appearance = \"default\";\n        this.backBreadcrumbOnly = false;\n        this.collapsed = false;\n    }\n    componentWillLoad() {\n        const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n        if (this.appearance !== \"default\") {\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.setAttribute(\"appearance\", this.appearance);\n            });\n        }\n        if (this.backBreadcrumbOnly) {\n            this.setBackBreadcrumb();\n        }\n        else {\n            checkResizeObserver(this.runResizeObserver);\n        }\n        if (this.collapsed) {\n            this.collapsedBreadcrumbWrapper = this.renderCollapsedBreadcrumb();\n            if (allBreadcrumbs.length > 2) {\n                if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n                    this.setLastParentCollapsedBackBreadcrumb();\n                }\n                else {\n                    this.setCollapsed();\n                }\n            }\n        }\n    }\n    disconnectedCallback() {\n        this.breadcrumb &&\n            this.breadcrumb.removeEventListener(\"transitionend\", this.transitionendHandler);\n        this.collapsedBreadcrumbEl &&\n            this.collapsedBreadcrumbEl.removeEventListener(\"click\", this.clickHandler);\n    }\n    render() {\n        return (h(Host, { class: {\n                back: this.backBreadcrumbOnly,\n                collapsed: this.collapsed,\n            } }, h(\"nav\", { \"aria-label\": \"breadcrumbs\" }, h(\"ol\", null, h(\"slot\", null)))));\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            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the breadcrumb group.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\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                \"attribute\": \"back-breadcrumb-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"collapsed\": {\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`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n                },\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"expandedBreadcrumbs\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"version":3}
+{"file":"ic-breadcrumb-group.entry.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(.back) ol ::slotted(ic-breadcrumb) {\n  display: none;\n}\n\n:host(.back) ol ::slotted(ic-breadcrumb.show) {\n  display: flex;\n}\n\n:host(.collapsed) ol ::slotted(ic-breadcrumb.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden) {\n  display: block;\n  opacity: 0;\n  transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.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.resizeObserver = null;\n        this.SHOW_BACK_ICON = \"show-back-icon\";\n        this.setAppearance = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.setAttribute(\"appearance\", this.appearance);\n            });\n        };\n        this.setBackBreadcrumb = () => {\n            if (this.backBreadcrumbOnly) {\n                this.setBackBreadcrumbAttr();\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 = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            if (allBreadcrumbs.length === 1) {\n                return null;\n            }\n            this.breadcrumbs = allBreadcrumbs.filter((breadcrumb) => !breadcrumb.getAttribute(\"current\"));\n            this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 1];\n            return this.breadcrumb;\n        };\n        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n        this.setDefaultBreadcrumbs = () => {\n            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n            allBreadcrumbs.forEach((breadcrumb) => {\n                breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n            });\n        };\n        this.setCollapsed = () => {\n            if (this.collapsed) {\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                this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n                const firstBreadcrumb = allBreadcrumbs[0];\n                if (firstBreadcrumb) {\n                    firstBreadcrumb.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n                }\n            }\n        };\n        this.clickHandler = () => {\n            this.handleHiddenCollapsedBreadcrumbs(this.collapsedBreadcrumbWrapper);\n        };\n        this.renderCollapsedBreadcrumb = () => {\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\", \"collapsed-button-label\");\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\", \"collapsed-button-described\");\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            return this.collapsedBreadcrumbWrapper;\n        };\n        this.handleHiddenCollapsedBreadcrumbs = (collapsedBreadcrumbWrapper) => {\n            collapsedBreadcrumbWrapper.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                this.removeVisuallyHiddenClass(breadcrumb);\n            });\n            this.expandedBreadcrumbs = true;\n            // Set focus to first unhidden breadcrumb\n            this.collapsedBreadcrumbs[0].setFocus();\n        };\n        this.transitionendHandler = (event) => {\n            if (event.propertyName === \"opacity\") {\n                event.target.classList.remove(\"visuallyhidden\");\n            }\n        };\n        this.removeVisuallyHiddenClass = (breadcrumb) => {\n            breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n        };\n        this.setLastParentCollapsedBackBreadcrumb = () => {\n            this.setBackBreadcrumbAttr();\n            this.lastParentBreadcrumb.classList.remove(\"hide\");\n        };\n        this.revertLastParentCollapsedBreadcrumb = () => {\n            this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                if (this.deviceSize <= DEVICE_SIZES.S) {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"true\");\n                    if (this.collapsed) {\n                        this.setLastParentCollapsedBackBreadcrumb();\n                    }\n                    else {\n                        this.setBackBreadcrumb();\n                    }\n                }\n                else {\n                    this.el.setAttribute(\"back-breadcrumb-only\", \"false\");\n                    if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {\n                        this.revertLastParentCollapsedBreadcrumb();\n                        if (this.expandedBreadcrumbs) {\n                            this.setDefaultBreadcrumbs();\n                        }\n                        else {\n                            this.setCollapsed();\n                        }\n                    }\n                    else {\n                        this.setDefaultBreadcrumbs();\n                    }\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                const currSize = getCurrentDeviceSize();\n                this.resizeObserverCallback(currSize);\n            });\n            this.resizeObserver.observe(this.el);\n        };\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.expandedBreadcrumbs = false;\n        this.appearance = \"default\";\n        this.backBreadcrumbOnly = false;\n        this.collapsed = false;\n    }\n    watchAppearanceHandler() {\n        this.setAppearance();\n    }\n    watchBackBreadcrumbHandler() {\n        this.setBackBreadcrumb();\n    }\n    componentWillLoad() {\n        const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n        this.setAppearance();\n        if (this.backBreadcrumbOnly) {\n            this.setBackBreadcrumb();\n        }\n        else {\n            checkResizeObserver(this.runResizeObserver);\n        }\n        if (this.collapsed) {\n            this.collapsedBreadcrumbWrapper = this.renderCollapsedBreadcrumb();\n            if (allBreadcrumbs.length > 2) {\n                if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n                    this.setLastParentCollapsedBackBreadcrumb();\n                }\n                else {\n                    this.setCollapsed();\n                }\n            }\n        }\n    }\n    disconnectedCallback() {\n        this.breadcrumb &&\n            this.breadcrumb.removeEventListener(\"transitionend\", this.transitionendHandler);\n        this.collapsedBreadcrumbEl &&\n            this.collapsedBreadcrumbEl.removeEventListener(\"click\", this.clickHandler);\n    }\n    render() {\n        return (h(Host, { class: {\n                back: this.backBreadcrumbOnly,\n                collapsed: this.collapsed,\n            } }, h(\"nav\", { \"aria-label\": \"breadcrumbs\" }, h(\"ol\", null, h(\"slot\", null)))));\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            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the breadcrumb group.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\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                \"attribute\": \"back-breadcrumb-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"collapsed\": {\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`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n                },\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"expandedBreadcrumbs\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"appearance\",\n                \"methodName\": \"watchAppearanceHandler\"\n            }, {\n                \"propName\": \"backBreadcrumbOnly\",\n                \"methodName\": \"watchBackBreadcrumbHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"version":3}

package/dist/esm/ic-breadcrumb.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-93509377.js';
 import { C as Chevron } from './chevron-icon-875b7af2.js';
-import { i as isSlotUsed, d as isPropDefined } from './helpers-84d21612.js';
+import { i as isSlotUsed, d as isPropDefined } from './helpers-4e2e4787.js';
 import './types-f605c21c.js';
 
 const backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/esm/ic-button_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-93509377.js';
-import { w as IC_INHERITED_ARIA, j as removeDisabledFalse, v as inheritAttributes, T as renderFileHiddenInput, k as getThemeFromContext, i as isSlotUsed, d as isPropDefined, a as onComponentRequiredPropUndefined } from './helpers-84d21612.js';
+import { w as IC_INHERITED_ARIA, j as removeDisabledFalse, v as inheritAttributes, U as renderFileHiddenInput, k as getThemeFromContext, i as isSlotUsed, d as isPropDefined, a as onComponentRequiredPropUndefined } from './helpers-4e2e4787.js';
 import { I as IcThemeForegroundEnum } from './types-f605c21c.js';
 import { c as createPopper } from './popper-b8cc3f16.js';
 

package/dist/esm/ic-card.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-93509377.js';
-import { j as removeDisabledFalse, i as isSlotUsed, a as onComponentRequiredPropUndefined, k as getThemeFromContext } from './helpers-84d21612.js';
+import { j as removeDisabledFalse, i as isSlotUsed, a as onComponentRequiredPropUndefined, k as getThemeFromContext } from './helpers-4e2e4787.js';
 import { I as IcThemeForegroundEnum } from './types-f605c21c.js';
 import { C as Chevron } from './chevron-icon-875b7af2.js';
 

package/dist/esm/ic-checkbox-group.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93509377.js';
-import { j as removeDisabledFalse, a as onComponentRequiredPropUndefined, q as getInputDescribedByText, s as hasValidationStatus } from './helpers-84d21612.js';
+import { j as removeDisabledFalse, a as onComponentRequiredPropUndefined, q as getInputDescribedByText, s as hasValidationStatus } from './helpers-4e2e4787.js';
 import './types-f605c21c.js';
 
 const icCheckboxGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}ic-input-label.error{color:var(--ic-status-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}";

package/dist/esm/ic-checkbox.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93509377.js';
-import { j as removeDisabledFalse, l as addFormResetListener, a as onComponentRequiredPropUndefined, m as removeFormResetListener, d as isPropDefined, n as renderHiddenInput, p as removeHiddenInput, i as isSlotUsed } from './helpers-84d21612.js';
+import { j as removeDisabledFalse, l as addFormResetListener, a as onComponentRequiredPropUndefined, m as removeFormResetListener, d as isPropDefined, n as renderHiddenInput, p as removeHiddenInput, i as isSlotUsed } from './helpers-4e2e4787.js';
 import './types-f605c21c.js';
 
 const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.disabled){color:var(--ic-architectural-200);pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host(.small) .checkbox,:host(.small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.large) .checkbox,:host(.large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-architectural-200)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}.checkbox:checked:hover{background-color:var(--ic-action-default-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}.checkbox:checked:active{background-color:var(--ic-action-default-active)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-active)}.checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}.checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-active)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.checkbox-label{padding-left:var(--ic-space-sm)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}:host(.small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.container:hover .indeterminate-symbol{background-color:var(--ic-action-default-hover)}.container:active .indeterminate-symbol{background-color:var(--ic-action-default-active)}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}";

package/dist/esm/ic-chip.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-93509377.js';
-import { c as convertToRGBA, j as removeDisabledFalse, a as onComponentRequiredPropUndefined, i as isSlotUsed } from './helpers-84d21612.js';
+import { c as convertToRGBA, j as removeDisabledFalse, a as onComponentRequiredPropUndefined, i as isSlotUsed } from './helpers-4e2e4787.js';
 import './types-f605c21c.js';
 
 const dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/esm/ic-data-row.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-93509377.js';
-import { i as isSlotUsed, D as DEVICE_SIZES, e as getCurrentDeviceSize, t as slotHasContent, f as checkResizeObserver } from './helpers-84d21612.js';
+import { i as isSlotUsed, D as DEVICE_SIZES, e as getCurrentDeviceSize, t as slotHasContent, f as checkResizeObserver } from './helpers-4e2e4787.js';
 import './types-f605c21c.js';
 
 const icDataRowCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:relative;display:block}.data{display:flex;align-items:center}.text-cells{display:flex;flex-grow:1;min-width:0}.label{width:12.5rem;min-width:12.5rem;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}.value{flex-grow:1}slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-architectural-300)}:host(.small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}";

package/dist/esm/ic-date-picker.entry.js

@@ -177,13 +177,16 @@ const DatePicker = class {
         };
         this.keyDownHandler = (event) => {
             if (event.key === "Escape") {
-                this.closeButtonClickHandler();
-                this.inputEl.setCalendarFocus();
+                if (this.calendarOpen) {
+                    this.closeButtonClickHandler();
+                    this.inputEl.setCalendarFocus();
+                    event.stopImmediatePropagation();
+                }
             }
             else {
                 this.clearDialogDescription();
+                event.stopImmediatePropagation();
             }
-            event.stopImmediatePropagation();
         };
         this.closeButtonClickHandler = () => {
             this.calendarOpen = false;