@ukic/canary-web-components 3.0.0-canary.22 → 3.0.0-canary.24

package/dist/core/{p-5d987f8f.entry.js.map → p-8051e61b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icTabCss","IcTabStyle0","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","contextId","disabled","monochrome","selected","theme","handleClick","tabClick","emit","tabId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","watchDisabledHandler","removeDisabledFalse","el","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","componentDidUpdate","setFocus","focus","render","h","Host","key","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["../web-components/dist/collection/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","../web-components/dist/collection/components/ic-tab/ic-tab.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-disabled);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  --ic-typography-color: var(--ic-tab-label-disabled);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {\n  color: var(--ic-tab-label-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\nexport class Tab {\n    constructor() {\n        this.focusFromClick = false;\n        this.isInitialRender = true;\n        /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n        this.contextId = \"default\";\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /** @internal Determines whether black variant of the tabs should be displayed. */\n        this.monochrome = false;\n        /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n        this.selected = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n        this.handleClick = () => {\n            this.tabClick.emit({\n                tabId: this.tabId,\n                contextId: this.contextId,\n                position: this.tabPosition,\n            });\n            if (this.focusFromClick) {\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n                this.focusFromClick = false;\n            }\n        };\n        this.handleFocus = () => {\n            if (!this.focusFromClick) {\n                this.focusTabId = this.tabId;\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n            }\n        };\n        this.handleMouseDown = () => {\n            //set flag so that focus gets handled after click\n            //there is a timing issue where a long click only causes focus to happen & not the click\n            //the focus does need to be a separate event though to handle focus from keyboard\n            this.focusFromClick = true;\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    disabledWatchHandler() {\n        this.tabEnabled.emit();\n    }\n    connectedCallback() {\n        this.tabCreated.emit(this.el);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = document\n            .querySelector(`ic-tab-context[context-id=${this.contextId}]`)) === null || _a === void 0 ? void 0 : _a.tabRemovedHandler(!!this.focusTabId);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidUpdate() {\n        this.isInitialRender = false;\n    }\n    /**\n     * Sets focus on the tab.\n     */\n    async setFocus() {\n        if (this.el) {\n            this.el.focus();\n        }\n    }\n    render() {\n        const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;\n        return (h(Host, { key: '52491eaab3f7b7c56d59a13b4c57970642e04465', class: {\n                [\"with-transition\"]: !this.isInitialRender,\n                [\"ic-tab-selected\"]: !!selected,\n                [\"ic-tab-disabled\"]: !!disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-monochrome\"]: !!monochrome,\n            }, role: \"tab\", \"aria-selected\": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, \"aria-disabled\": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { key: '89b73a37ff1080ae55554ebed5afc5f3146bbfb0', name: \"icon\" }), h(\"ic-typography\", { key: '61d61ac5b3739403ebc02a61509289e5f49edb31', class: \"ic-tab-label\", variant: \"label\" }, h(\"span\", { key: 'a57666e5fa982b54d8d3f2fa4774edcf11d7300e' }, h(\"slot\", { key: '30700a48cbb5226d548ce0944d83bfaf85b9de39' }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: 'ee78c3cc07ddf5609ca26e1b6261c023b068571e', name: \"badge\" })));\n    }\n    static get is() { return \"ic-tab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contextId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab will display with a selected indicator and tabIndex will be set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"tabId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The shared ID between panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-id\",\n                \"reflect\": true\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-position\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\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 events() {\n        return [{\n                \"method\": \"tabClick\",\n                \"name\": \"tabClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabCreated\",\n                \"name\": \"tabCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabElement\",\n                    \"resolved\": \"HTMLIcTabElement\",\n                    \"references\": {\n                        \"HTMLIcTabElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabEnabled\",\n                \"name\": \"tabEnabled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab's disabled prop changes\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"tabFocus\",\n                \"name\": \"tabFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is focussed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabRemoved\",\n                \"name\": \"tabRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\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 tab.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledWatchHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab.js.map\n"],"mappings":"2GAAA,MAAMA,EAAW,0/IACjB,MAAAC,EAAeD,E,MCKFE,EAAG,MACZ,WAAAC,CAAAC,G,qMACIC,KAAKC,eAAiB,MACtBD,KAAKE,gBAAkB,KAEvBF,KAAKG,UAAY,UAIjBH,KAAKI,SAAW,MAEhBJ,KAAKK,WAAa,MAElBL,KAAKM,SAAW,MAEhBN,KAAKO,MAAQ,UACbP,KAAKQ,YAAc,KACfR,KAAKS,SAASC,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEnB,GAAIb,KAAKC,eAAgB,CACrBD,KAAKc,SAASJ,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEnBb,KAAKC,eAAiB,K,GAG9BD,KAAKe,YAAc,KACf,IAAKf,KAAKC,eAAgB,CACtBD,KAAKgB,WAAahB,KAAKW,MACvBX,KAAKc,SAASJ,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,a,GAI3Bb,KAAKiB,gBAAkB,KAInBjB,KAAKC,eAAiB,IAAI,C,CAGlC,oBAAAiB,GACIC,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAE5C,oBAAAC,GACIrB,KAAKsB,WAAWZ,M,CAEpB,iBAAAa,GACIvB,KAAKwB,WAAWd,KAAKV,KAAKoB,G,CAE9B,oBAAAK,GACI,IAAIC,GACHA,EAAKC,SACDC,cAAc,6BAA6B5B,KAAKG,iBAAmB,MAAQuB,SAAY,OAAS,EAAIA,EAAGG,oBAAoB7B,KAAKgB,W,CAEzI,iBAAAc,GACIX,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAE5C,kBAAAW,GACI/B,KAAKE,gBAAkB,K,CAK3B,cAAM8B,GACF,GAAIhC,KAAKoB,GAAI,CACTpB,KAAKoB,GAAGa,O,EAGhB,MAAAC,GACI,MAAM9B,SAAEA,EAAQE,SAAEA,EAAQC,MAAEA,EAAKF,WAAEA,EAAUG,YAAEA,EAAWO,YAAEA,EAAWE,gBAAEA,GAAqBjB,KAC9F,OAAQmC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,oBAAqBtC,KAAKE,gBAC3B,CAAC,qBAAsBI,EACvB,CAAC,qBAAsBF,EACvB,CAAC,YAAYG,KAAUA,IAAU,UACjC,CAAC,uBAAwBF,GAC1BkC,KAAM,MAAO,gBAAiB,GAAGjC,IAAYkC,QAAShC,EAAaiC,QAAS1B,EAAa2B,YAAazB,EAAiB,gBAAiB,GAAGb,IAAYuC,SAAUrC,EAAW,GAAK,GAAKsC,EAAW5C,KAAKoB,GAAI,SAAWe,EAAE,OAAQ,CAAEE,IAAK,2CAA4CQ,KAAM,SAAWV,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CC,MAAO,eAAgBQ,QAAS,SAAWX,EAAE,OAAQ,CAAEE,IAAK,4CAA8CF,EAAE,OAAQ,CAAEE,IAAK,+CAAiDO,EAAW5C,KAAKoB,GAAI,UAAYe,EAAE,OAAQ,CAAEE,IAAK,2CAA4CQ,KAAM,U","ignoreList":[]}
+{"version":3,"names":["icTabCss","IcTabStyle0","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","contextId","disabled","monochrome","selected","theme","handleClick","tabClick","emit","tabId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","watchDisabledHandler","removeDisabledFalse","el","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","componentDidUpdate","setFocus","focus","render","h","Host","key","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["../web-components/dist/collection/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","../web-components/dist/collection/components/ic-tab/ic-tab.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-disabled);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  --ic-typography-color: var(--ic-tab-label-disabled);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {\n  color: var(--ic-tab-label-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\nexport class Tab {\n    constructor() {\n        this.focusFromClick = false;\n        this.isInitialRender = true;\n        /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n        this.contextId = \"default\";\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /** @internal Determines whether black variant of the tabs should be displayed. */\n        this.monochrome = false;\n        /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n        this.selected = false;\n        /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n        this.theme = \"inherit\";\n        this.handleClick = () => {\n            this.tabClick.emit({\n                tabId: this.tabId,\n                contextId: this.contextId,\n                position: this.tabPosition,\n            });\n            if (this.focusFromClick) {\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n                this.focusFromClick = false;\n            }\n        };\n        this.handleFocus = () => {\n            if (!this.focusFromClick) {\n                this.focusTabId = this.tabId;\n                this.tabFocus.emit({\n                    tabId: this.tabId,\n                    contextId: this.contextId,\n                    position: this.tabPosition,\n                });\n            }\n        };\n        this.handleMouseDown = () => {\n            //set flag so that focus gets handled after click\n            //there is a timing issue where a long click only causes focus to happen & not the click\n            //the focus does need to be a separate event though to handle focus from keyboard\n            this.focusFromClick = true;\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    disabledWatchHandler() {\n        this.tabEnabled.emit();\n    }\n    connectedCallback() {\n        this.tabCreated.emit(this.el);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = document\n            .querySelector(`ic-tab-context[context-id=${this.contextId}]`)) === null || _a === void 0 ? void 0 : _a.tabRemovedHandler(!!this.focusTabId);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidUpdate() {\n        this.isInitialRender = false;\n    }\n    /**\n     * Sets focus on the tab.\n     */\n    async setFocus() {\n        if (this.el) {\n            this.el.focus();\n        }\n    }\n    render() {\n        const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;\n        return (h(Host, { key: 'fe6e517a696ed23c6fb64028d617997439ebbac6', class: {\n                [\"with-transition\"]: !this.isInitialRender,\n                [\"ic-tab-selected\"]: !!selected,\n                [\"ic-tab-disabled\"]: !!disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [\"ic-tab-monochrome\"]: !!monochrome,\n            }, role: \"tab\", \"aria-selected\": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, \"aria-disabled\": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { key: '9c2bf173facd6f4b4fa96824bb14db06a2b97c6b', name: \"icon\" }), h(\"ic-typography\", { key: 'f1d4732d8f5ad9f198f2da6c08c3717731dcd8da', class: \"ic-tab-label\", variant: \"label\" }, h(\"span\", { key: '9f993fe757e86acb507a58259e47e507a5feddc3' }, h(\"slot\", { key: '2bfe6c474802a62771ce58947305f0b71db1803d' }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: '23c6074e338df9e72b77b5449938f61f9ee042a0', name: \"badge\" })));\n    }\n    static get is() { return \"ic-tab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contextId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"context-id\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tab will display with a selected indicator and tabIndex will be set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"tabId\": {\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                            \"name\": \"internal\",\n                            \"text\": \"The shared ID between panel and tab.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-id\",\n                \"reflect\": true\n            },\n            \"tabPosition\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The position of the tab inside the tabs array in context.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tab-position\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\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 events() {\n        return [{\n                \"method\": \"tabClick\",\n                \"name\": \"tabClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabCreated\",\n                \"name\": \"tabCreated\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is dynamically created.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcTabElement\",\n                    \"resolved\": \"HTMLIcTabElement\",\n                    \"references\": {\n                        \"HTMLIcTabElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcTabElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabEnabled\",\n                \"name\": \"tabEnabled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab's disabled prop changes\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"tabFocus\",\n                \"name\": \"tabFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is focussed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcTabClickEventDetail\",\n                    \"resolved\": \"IcTabClickEventDetail\",\n                    \"references\": {\n                        \"IcTabClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tab.types\",\n                            \"id\": \"src/components/ic-tab/ic-tab.types.ts::IcTabClickEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"tabRemoved\",\n                \"name\": \"tabRemoved\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when a tab is unmounted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\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 tab.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledWatchHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-tab.js.map\n"],"mappings":"2GAAA,MAAMA,EAAW,0/IACjB,MAAAC,EAAeD,E,MCKFE,EAAG,MACZ,WAAAC,CAAAC,G,qMACIC,KAAKC,eAAiB,MACtBD,KAAKE,gBAAkB,KAEvBF,KAAKG,UAAY,UAIjBH,KAAKI,SAAW,MAEhBJ,KAAKK,WAAa,MAElBL,KAAKM,SAAW,MAEhBN,KAAKO,MAAQ,UACbP,KAAKQ,YAAc,KACfR,KAAKS,SAASC,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEnB,GAAIb,KAAKC,eAAgB,CACrBD,KAAKc,SAASJ,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEnBb,KAAKC,eAAiB,K,GAG9BD,KAAKe,YAAc,KACf,IAAKf,KAAKC,eAAgB,CACtBD,KAAKgB,WAAahB,KAAKW,MACvBX,KAAKc,SAASJ,KAAK,CACfC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,a,GAI3Bb,KAAKiB,gBAAkB,KAInBjB,KAAKC,eAAiB,IAAI,C,CAGlC,oBAAAiB,GACIC,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAE5C,oBAAAC,GACIrB,KAAKsB,WAAWZ,M,CAEpB,iBAAAa,GACIvB,KAAKwB,WAAWd,KAAKV,KAAKoB,G,CAE9B,oBAAAK,GACI,IAAIC,GACHA,EAAKC,SACDC,cAAc,6BAA6B5B,KAAKG,iBAAmB,MAAQuB,SAAY,OAAS,EAAIA,EAAGG,oBAAoB7B,KAAKgB,W,CAEzI,iBAAAc,GACIX,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAE5C,kBAAAW,GACI/B,KAAKE,gBAAkB,K,CAK3B,cAAM8B,GACF,GAAIhC,KAAKoB,GAAI,CACTpB,KAAKoB,GAAGa,O,EAGhB,MAAAC,GACI,MAAM9B,SAAEA,EAAQE,SAAEA,EAAQC,MAAEA,EAAKF,WAAEA,EAAUG,YAAEA,EAAWO,YAAEA,EAAWE,gBAAEA,GAAqBjB,KAC9F,OAAQmC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,oBAAqBtC,KAAKE,gBAC3B,CAAC,qBAAsBI,EACvB,CAAC,qBAAsBF,EACvB,CAAC,YAAYG,KAAUA,IAAU,UACjC,CAAC,uBAAwBF,GAC1BkC,KAAM,MAAO,gBAAiB,GAAGjC,IAAYkC,QAAShC,EAAaiC,QAAS1B,EAAa2B,YAAazB,EAAiB,gBAAiB,GAAGb,IAAYuC,SAAUrC,EAAW,GAAK,GAAKsC,EAAW5C,KAAKoB,GAAI,SAAWe,EAAE,OAAQ,CAAEE,IAAK,2CAA4CQ,KAAM,SAAWV,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CC,MAAO,eAAgBQ,QAAS,SAAWX,EAAE,OAAQ,CAAEE,IAAK,4CAA8CF,EAAE,OAAQ,CAAEE,IAAK,+CAAiDO,EAAW5C,KAAKoB,GAAI,UAAYe,EAAE,OAAQ,CAAEE,IAAK,2CAA4CQ,KAAM,U","ignoreList":[]}

package/dist/core/{p-f569a91f.entry.js → p-812a0246.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as r,H as i,g as t}from"./p-8e4e97b4.js";import{C as c}from"./p-170ddfc2.js";import{m as a,i as o}from"./p-0fe08a58.js";const s=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>\n</svg>\n`;const n=':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([aria-current="page"]){cursor:text}:host([aria-current="page"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host([aria-current="page"].ic-breadcrumb-monochrome) .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host([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 l=n;const d=class{constructor(i){e(this,i);this.HREF_ATTR="href";this.linkSlotContent=null;this.slottedLinkEl=null;this.slottedLinkHref=null;this.current=false;this.monochrome=false;this.showBackIcon=false;this.theme="inherit";this.updatedSlottedLinkFocus=()=>{var e,r;if(this.linkSlotContent){this.linkSlotContent.tabIndex=this.current?-1:0}if(this.current){(e=this.slottedLinkEl)===null||e===void 0?void 0:e.removeAttribute(this.HREF_ATTR)}else if(this.slottedLinkHref){(r=this.slottedLinkEl)===null||r===void 0?void 0:r.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=()=>r("div",{class:"back-icon",innerHTML:s})}watchCurrentHandler(){this.updatedSlottedLinkFocus();this.el.ariaCurrent=this.current?"page":null}componentDidLoad(){var e,r;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".link-wrapper");if(i){const e=a(i);if(e){this.linkSlotContent=e[0];this.slottedLinkEl=this.getSlottedLinkEl();this.slottedLinkHref=((r=this.slottedLinkEl)===null||r===void 0?void 0:r.getAttribute("href"))||null}this.updatedSlottedLinkFocus()}}componentWillRender(){const e=this.el.querySelector("ic-link");if(e){const r="current-page";e.classList.remove(r);if(this.current&&!e.classList.contains(r)){e.classList.add("breadcrumb-link",r)}}}async setFocus(){var e,r;(r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-link"))===null||r===void 0?void 0:r.focus()}render(){const{current:e,href:t,monochrome:a,pageTitle:s,showBackIcon:n,theme:l}=this;const d=`${s===null||s===void 0?void 0:s.toLowerCase().replace(" ","-")}-describedby`;return r(i,{key:"55dd358ca0c5d865a9fdd17809b6d7f3ac12a966",class:{"ic-breadcrumb-back":n,"ic-breadcrumb-monochrome":a,[`ic-theme-${l}`]:l!=="inherit"},"aria-current":e&&"page",role:"listitem"},r("div",{key:"768e4c78b20b1ad9b0100ff2a36ce512db5d7c1c",class:"breadcrumb"},r("span",{key:"930d48bd5661f977f0ce2edcc4ea3ce02c1e282a",innerHTML:c,class:"chevron","aria-hidden":"true"}),n&&r("span",{key:"0b932408b17ef65e2e25b6b4e124e2a4941d8eae",id:d,class:"hide"},`Back to ${s}`),!t?r("div",{class:"slotted-link-container"},n&&this.renderBackIcon(),r("span",{class:"link-wrapper"},r("slot",null))):e?r("span",{class:"current-page-container"},o(this.el,"icon")&&r("slot",{name:"icon"}),s):r("ic-link",{theme:l,monochrome:a,href:t,class:"breadcrumb-link","aria-describedby":n&&d},n&&this.renderBackIcon(),o(this.el,"icon")&&r("slot",{name:"icon"}),s)))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{current:["watchCurrentHandler"]}}};d.style=l;export{d as ic_breadcrumb};
-//# sourceMappingURL=p-f569a91f.entry.js.map
+import{r as e,h as r,H as i,g as t}from"./p-8e4e97b4.js";import{C as c}from"./p-170ddfc2.js";import{m as a,i as o}from"./p-efa95979.js";const s=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>\n</svg>\n`;const n=':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([aria-current="page"]){cursor:text}:host([aria-current="page"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host([aria-current="page"].ic-breadcrumb-monochrome) .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host([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 l=n;const d=class{constructor(i){e(this,i);this.HREF_ATTR="href";this.linkSlotContent=null;this.slottedLinkEl=null;this.slottedLinkHref=null;this.current=false;this.monochrome=false;this.showBackIcon=false;this.theme="inherit";this.updatedSlottedLinkFocus=()=>{var e,r;if(this.linkSlotContent){this.linkSlotContent.tabIndex=this.current?-1:0}if(this.current){(e=this.slottedLinkEl)===null||e===void 0?void 0:e.removeAttribute(this.HREF_ATTR)}else if(this.slottedLinkHref){(r=this.slottedLinkEl)===null||r===void 0?void 0:r.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=()=>r("div",{class:"back-icon",innerHTML:s})}watchCurrentHandler(){this.updatedSlottedLinkFocus();this.el.ariaCurrent=this.current?"page":null}componentDidLoad(){var e,r;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".link-wrapper");if(i){const e=a(i);if(e){this.linkSlotContent=e[0];this.slottedLinkEl=this.getSlottedLinkEl();this.slottedLinkHref=((r=this.slottedLinkEl)===null||r===void 0?void 0:r.getAttribute("href"))||null}this.updatedSlottedLinkFocus()}}componentWillRender(){const e=this.el.querySelector("ic-link");if(e){const r="current-page";e.classList.remove(r);if(this.current&&!e.classList.contains(r)){e.classList.add("breadcrumb-link",r)}}}async setFocus(){var e,r;(r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-link"))===null||r===void 0?void 0:r.focus()}render(){const{current:e,href:t,monochrome:a,pageTitle:s,showBackIcon:n,theme:l}=this;const d=`${s===null||s===void 0?void 0:s.toLowerCase().replace(" ","-")}-describedby`;return r(i,{key:"2c1131138a8be3af8ee344e0fbff5594fbcc2d77",class:{"ic-breadcrumb-back":n,"ic-breadcrumb-monochrome":a,[`ic-theme-${l}`]:l!=="inherit"},"aria-current":e&&"page",role:"listitem"},r("div",{key:"ee77a3aeced7063c4dbab6e1641daf11242d63ca",class:"breadcrumb"},r("span",{key:"1c2dc66e95e0676a381ab25769aa1b735ee5b9c5",innerHTML:c,class:"chevron","aria-hidden":"true"}),n&&r("span",{key:"3857c2967dd82b45a2400107e50d6f03bc65cdde",id:d,class:"hide"},`Back to ${s}`),!t?r("div",{class:"slotted-link-container"},n&&this.renderBackIcon(),r("span",{class:"link-wrapper"},r("slot",null))):e?r("span",{class:"current-page-container"},o(this.el,"icon")&&r("slot",{name:"icon"}),s):r("ic-link",{theme:l,monochrome:a,href:t,class:"breadcrumb-link","aria-describedby":n&&d},n&&this.renderBackIcon(),o(this.el,"icon")&&r("slot",{name:"icon"}),s)))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{current:["watchCurrentHandler"]}}};d.style=l;export{d as ic_breadcrumb};
+//# sourceMappingURL=p-812a0246.entry.js.map

package/dist/core/{p-f569a91f.entry.js.map → p-812a0246.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icBreadcrumbCss","IcBreadcrumbStyle0","Breadcrumb","constructor","hostRef","this","HREF_ATTR","linkSlotContent","slottedLinkEl","slottedLinkHref","current","monochrome","showBackIcon","theme","updatedSlottedLinkFocus","_a","_b","tabIndex","removeAttribute","setAttribute","getSlottedLinkEl","hasAttribute","querySelector","renderBackIcon","h","class","innerHTML","backIcon","watchCurrentHandler","el","ariaCurrent","componentDidLoad","slottedLinkWrapper","shadowRoot","slotEls","getSlotElements","getAttribute","componentWillRender","icLink","CURRENT_PAGE","classList","remove","contains","add","setFocus","focus","render","href","pageTitle","describedById","toLowerCase","replace","Host","key","role","chevronIcon","id","isSlotUsed","name","delegatesFocus"],"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([aria-current=\"page\"]) {\n  cursor: text;\n}\n\n:host([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([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container {\n  color: var(--ic-breadcrumb-text-monochrome);\n}\n\n:host([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: '55dd358ca0c5d865a9fdd17809b6d7f3ac12a966', class: {\n                \"ic-breadcrumb-back\": showBackIcon,\n                \"ic-breadcrumb-monochrome\": monochrome,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-current\": current && \"page\", role: \"listitem\" }, h(\"div\", { key: '768e4c78b20b1ad9b0100ff2a36ce512db5d7c1c', class: \"breadcrumb\" }, h(\"span\", { key: '930d48bd5661f977f0ce2edcc4ea3ce02c1e282a', innerHTML: chevronIcon, class: \"chevron\", \"aria-hidden\": \"true\" }), showBackIcon && (h(\"span\", { key: '0b932408b17ef65e2e25b6b4e124e2a4941d8eae', 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"],"mappings":"wUAAA,MAAMA,EAAkB,u7EACxB,MAAAC,EAAeD,E,MCMFE,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,UAAY,OACjBD,KAAKE,gBAAkB,KACvBF,KAAKG,cAAgB,KACrBH,KAAKI,gBAAkB,KAIvBJ,KAAKK,QAAU,MAIfL,KAAKM,WAAa,MAIlBN,KAAKO,aAAe,MAIpBP,KAAKQ,MAAQ,UAEbR,KAAKS,wBAA0B,KAC3B,IAAIC,EAAIC,EAGR,GAAIX,KAAKE,gBAAiB,CACtBF,KAAKE,gBAAgBU,SAAWZ,KAAKK,SAAW,EAAI,C,CAExD,GAAIL,KAAKK,QAAS,EACbK,EAAKV,KAAKG,iBAAmB,MAAQO,SAAY,OAAS,EAAIA,EAAGG,gBAAgBb,KAAKC,U,MAEtF,GAAID,KAAKI,gBAAiB,EAC1BO,EAAKX,KAAKG,iBAAmB,MAAQQ,SAAY,OAAS,EAAIA,EAAGG,aAAad,KAAKC,UAAWD,KAAKI,gB,GAG5GJ,KAAKe,iBAAmB,KACpB,IAAKf,KAAKE,gBACN,OAAO,KACX,OAAOF,KAAKE,gBAAgBc,aAAahB,KAAKC,WACxCD,KAAKE,gBACLF,KAAKE,gBAAgBe,cAAc,SAAS,EAEtDjB,KAAKkB,eAAiB,IAAOC,EAAE,MAAO,CAAEC,MAAO,YAAaC,UAAWC,G,CAE3E,mBAAAC,GACIvB,KAAKS,0BACLT,KAAKwB,GAAGC,YAAczB,KAAKK,QAAU,OAAS,I,CAElD,gBAAAqB,GACI,IAAIhB,EAAIC,EACR,MAAMgB,GAAsBjB,EAAKV,KAAKwB,GAAGI,cAAgB,MAAQlB,SAAY,OAAS,EAAIA,EAAGO,cAAc,iBAC3G,GAAIU,EAAoB,CACpB,MAAME,EAAUC,EAAgBH,GAChC,GAAIE,EAAS,CACT7B,KAAKE,gBAAkB2B,EAAQ,GAC/B7B,KAAKG,cAAgBH,KAAKe,mBAC1Bf,KAAKI,kBAAoBO,EAAKX,KAAKG,iBAAmB,MAAQQ,SAAY,OAAS,EAAIA,EAAGoB,aAAa,UAAY,I,CAEvH/B,KAAKS,yB,EAGb,mBAAAuB,GACI,MAAMC,EAASjC,KAAKwB,GAAGP,cAAc,WACrC,GAAIgB,EAAQ,CACR,MAAMC,EAAe,eACrBD,EAAOE,UAAUC,OAAOF,GACxB,GAAIlC,KAAKK,UAAY4B,EAAOE,UAAUE,SAASH,GAAe,CAC1DD,EAAOE,UAAUG,IAAI,kBAAmBJ,E,GAOpD,cAAMK,GACF,IAAI7B,EAAIC,GACPA,GAAMD,EAAKV,KAAKwB,GAAGI,cAAgB,MAAQlB,SAAY,OAAS,EAAIA,EAAGO,cAAc,cAAgB,MAAQN,SAAY,OAAS,EAAIA,EAAG6B,O,CAE9I,MAAAC,GACI,MAAMpC,QAAEA,EAAOqC,KAAEA,EAAIpC,WAAEA,EAAUqC,UAAEA,EAASpC,aAAEA,EAAYC,MAAEA,GAAUR,KACtE,MAAM4C,EAAgB,GAAGD,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUE,cAAcC,QAAQ,IAAK,mBACpH,OAAQ3B,EAAE4B,EAAM,CAAEC,IAAK,2CAA4C5B,MAAO,CAClE,qBAAsBb,EACtB,2BAA4BD,EAC5B,CAAC,YAAYE,KAAUA,IAAU,WAClC,eAAgBH,GAAW,OAAQ4C,KAAM,YAAc9B,EAAE,MAAO,CAAE6B,IAAK,2CAA4C5B,MAAO,cAAgBD,EAAE,OAAQ,CAAE6B,IAAK,2CAA4C3B,UAAW6B,EAAa9B,MAAO,UAAW,cAAe,SAAWb,GAAiBY,EAAE,OAAQ,CAAE6B,IAAK,2CAA4CG,GAAIP,EAAexB,MAAO,QAAU,WAAWuB,MAAgBD,EAAQvB,EAAE,MAAO,CAAEC,MAAO,0BAA4Bb,GAAgBP,KAAKkB,iBAAkBC,EAAE,OAAQ,CAAEC,MAAO,gBAAkBD,EAAE,OAAQ,QAAWd,EAAWc,EAAE,OAAQ,CAAEC,MAAO,0BAA4BgC,EAAWpD,KAAKwB,GAAI,SAAWL,EAAE,OAAQ,CAAEkC,KAAM,SAAWV,GAAexB,EAAE,UAAW,CAAEX,MAAOA,EAAOF,WAAYA,EAAYoC,KAAMA,EAAMtB,MAAO,kBAAmB,mBAAoBb,GAAgBqC,GAAiBrC,GAAgBP,KAAKkB,iBAAkBkC,EAAWpD,KAAKwB,GAAI,SAAWL,EAAE,OAAQ,CAAEkC,KAAM,SAAWV,I,CAIl7B,yBAAWW,GAAmB,OAAO,IAAK,C","ignoreList":[]}
+{"version":3,"names":["icBreadcrumbCss","IcBreadcrumbStyle0","Breadcrumb","constructor","hostRef","this","HREF_ATTR","linkSlotContent","slottedLinkEl","slottedLinkHref","current","monochrome","showBackIcon","theme","updatedSlottedLinkFocus","_a","_b","tabIndex","removeAttribute","setAttribute","getSlottedLinkEl","hasAttribute","querySelector","renderBackIcon","h","class","innerHTML","backIcon","watchCurrentHandler","el","ariaCurrent","componentDidLoad","slottedLinkWrapper","shadowRoot","slotEls","getSlotElements","getAttribute","componentWillRender","icLink","CURRENT_PAGE","classList","remove","contains","add","setFocus","focus","render","href","pageTitle","describedById","toLowerCase","replace","Host","key","role","chevronIcon","id","isSlotUsed","name","delegatesFocus"],"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([aria-current=\"page\"]) {\n  cursor: text;\n}\n\n:host([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([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container {\n  color: var(--ic-breadcrumb-text-monochrome);\n}\n\n:host([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: '2c1131138a8be3af8ee344e0fbff5594fbcc2d77', class: {\n                \"ic-breadcrumb-back\": showBackIcon,\n                \"ic-breadcrumb-monochrome\": monochrome,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-current\": current && \"page\", role: \"listitem\" }, h(\"div\", { key: 'ee77a3aeced7063c4dbab6e1641daf11242d63ca', class: \"breadcrumb\" }, h(\"span\", { key: '1c2dc66e95e0676a381ab25769aa1b735ee5b9c5', innerHTML: chevronIcon, class: \"chevron\", \"aria-hidden\": \"true\" }), showBackIcon && (h(\"span\", { key: '3857c2967dd82b45a2400107e50d6f03bc65cdde', 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"],"mappings":"wUAAA,MAAMA,EAAkB,u7EACxB,MAAAC,EAAeD,E,MCMFE,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,UAAY,OACjBD,KAAKE,gBAAkB,KACvBF,KAAKG,cAAgB,KACrBH,KAAKI,gBAAkB,KAIvBJ,KAAKK,QAAU,MAIfL,KAAKM,WAAa,MAIlBN,KAAKO,aAAe,MAIpBP,KAAKQ,MAAQ,UAEbR,KAAKS,wBAA0B,KAC3B,IAAIC,EAAIC,EAGR,GAAIX,KAAKE,gBAAiB,CACtBF,KAAKE,gBAAgBU,SAAWZ,KAAKK,SAAW,EAAI,C,CAExD,GAAIL,KAAKK,QAAS,EACbK,EAAKV,KAAKG,iBAAmB,MAAQO,SAAY,OAAS,EAAIA,EAAGG,gBAAgBb,KAAKC,U,MAEtF,GAAID,KAAKI,gBAAiB,EAC1BO,EAAKX,KAAKG,iBAAmB,MAAQQ,SAAY,OAAS,EAAIA,EAAGG,aAAad,KAAKC,UAAWD,KAAKI,gB,GAG5GJ,KAAKe,iBAAmB,KACpB,IAAKf,KAAKE,gBACN,OAAO,KACX,OAAOF,KAAKE,gBAAgBc,aAAahB,KAAKC,WACxCD,KAAKE,gBACLF,KAAKE,gBAAgBe,cAAc,SAAS,EAEtDjB,KAAKkB,eAAiB,IAAOC,EAAE,MAAO,CAAEC,MAAO,YAAaC,UAAWC,G,CAE3E,mBAAAC,GACIvB,KAAKS,0BACLT,KAAKwB,GAAGC,YAAczB,KAAKK,QAAU,OAAS,I,CAElD,gBAAAqB,GACI,IAAIhB,EAAIC,EACR,MAAMgB,GAAsBjB,EAAKV,KAAKwB,GAAGI,cAAgB,MAAQlB,SAAY,OAAS,EAAIA,EAAGO,cAAc,iBAC3G,GAAIU,EAAoB,CACpB,MAAME,EAAUC,EAAgBH,GAChC,GAAIE,EAAS,CACT7B,KAAKE,gBAAkB2B,EAAQ,GAC/B7B,KAAKG,cAAgBH,KAAKe,mBAC1Bf,KAAKI,kBAAoBO,EAAKX,KAAKG,iBAAmB,MAAQQ,SAAY,OAAS,EAAIA,EAAGoB,aAAa,UAAY,I,CAEvH/B,KAAKS,yB,EAGb,mBAAAuB,GACI,MAAMC,EAASjC,KAAKwB,GAAGP,cAAc,WACrC,GAAIgB,EAAQ,CACR,MAAMC,EAAe,eACrBD,EAAOE,UAAUC,OAAOF,GACxB,GAAIlC,KAAKK,UAAY4B,EAAOE,UAAUE,SAASH,GAAe,CAC1DD,EAAOE,UAAUG,IAAI,kBAAmBJ,E,GAOpD,cAAMK,GACF,IAAI7B,EAAIC,GACPA,GAAMD,EAAKV,KAAKwB,GAAGI,cAAgB,MAAQlB,SAAY,OAAS,EAAIA,EAAGO,cAAc,cAAgB,MAAQN,SAAY,OAAS,EAAIA,EAAG6B,O,CAE9I,MAAAC,GACI,MAAMpC,QAAEA,EAAOqC,KAAEA,EAAIpC,WAAEA,EAAUqC,UAAEA,EAASpC,aAAEA,EAAYC,MAAEA,GAAUR,KACtE,MAAM4C,EAAgB,GAAGD,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUE,cAAcC,QAAQ,IAAK,mBACpH,OAAQ3B,EAAE4B,EAAM,CAAEC,IAAK,2CAA4C5B,MAAO,CAClE,qBAAsBb,EACtB,2BAA4BD,EAC5B,CAAC,YAAYE,KAAUA,IAAU,WAClC,eAAgBH,GAAW,OAAQ4C,KAAM,YAAc9B,EAAE,MAAO,CAAE6B,IAAK,2CAA4C5B,MAAO,cAAgBD,EAAE,OAAQ,CAAE6B,IAAK,2CAA4C3B,UAAW6B,EAAa9B,MAAO,UAAW,cAAe,SAAWb,GAAiBY,EAAE,OAAQ,CAAE6B,IAAK,2CAA4CG,GAAIP,EAAexB,MAAO,QAAU,WAAWuB,MAAgBD,EAAQvB,EAAE,MAAO,CAAEC,MAAO,0BAA4Bb,GAAgBP,KAAKkB,iBAAkBC,EAAE,OAAQ,CAAEC,MAAO,gBAAkBD,EAAE,OAAQ,QAAWd,EAAWc,EAAE,OAAQ,CAAEC,MAAO,0BAA4BgC,EAAWpD,KAAKwB,GAAI,SAAWL,EAAE,OAAQ,CAAEkC,KAAM,SAAWV,GAAexB,EAAE,UAAW,CAAEX,MAAOA,EAAOF,WAAYA,EAAYoC,KAAMA,EAAMtB,MAAO,kBAAmB,mBAAoBb,GAAgBqC,GAAiBrC,GAAgBP,KAAKkB,iBAAkBkC,EAAWpD,KAAKwB,GAAI,SAAWL,EAAE,OAAQ,CAAEkC,KAAM,SAAWV,I,CAIl7B,yBAAWW,GAAmB,OAAO,IAAK,C","ignoreList":[]}

package/dist/core/p-816aae93.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,H as s,g as a}from"./p-8e4e97b4.js";import{d as n,g as h,a as r,y as o,b as c,c as d,e as l,f as u,h as f}from"./p-bc441e4c.js";import{s as b,k as p,l as m,m as y,r as w,o as g,n as k}from"./p-0f22f41e.js";const v=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>\n</svg>\n`;const x=({focussed:e,today:i,day:s,monthInView:a,onFocusDay:n,onBlurDay:h,onSelectDay:r,selected:o,focussedDayRef:c,inRange:d,showDaysOutsideMonth:l,disableDay:u})=>{const f=()=>{r(s)};const y=()=>{n()};const w=()=>{h()};const g=b(p);const k=b(m);const v=!d||u;const x=a!==s.getMonth();const D=v||x&&!l;return t("div",{class:"day-button-container"},t("button",{class:{"day-button":true,"outside-month":x,"outside-range":!!v,hidden:x&&!l,disabled:D,today:i,selected:o,focussed:e},tabIndex:e?0:-1,"aria-hidden":x?"true":"false","aria-disabled":D?"true":"false","aria-current":i?"date":undefined,"aria-label":D||x||v?undefined:`Choose ${g[s.getDay()]}, ${s.getDate()} ${k[s.getMonth()]} ${s.getFullYear()}`,disabled:D,onClick:f,onBlur:w,onFocus:y,ref:t=>{if(e&&t&&c){c(t)}}},(!x||x&&l)&&t("ic-typography",{variant:"subtitle-small",italic:x},s.getDate())))};const D=({size:e,focussedMonth:i,monthInView:s,onSelectMonth:a,onKeyDown:o,focussedMonthRef:c,minDate:d,maxDate:l,yearInView:u})=>{const f=t=>{const e=t.target;a(Number(e.getAttribute("data-month")))};const p=b(m);return t("div",{class:{"month-picker":true},role:"list"},p.map(((a,b)=>{const p=s===b;const m=i===b;const y=!n(new Date(u,b,1),d?r(d):null,l?h(l):null);return t("ic-button",{role:"listitem",class:{"month-button":true,selected:p,focussed:m,disabled:y},"full-width":true,disabled:y,variant:p?"primary":"tertiary","data-month":b,size:e,tabIndex:m?0:-1,"aria-current":p?"true":"false","aria-label":p?"":`select ${a}`,onClick:f,onKeyDown:o,ref:t=>{if(m&&t){c(t)}}},a)})))};const z=({decadeView:e,size:i,focussedYear:s,yearInView:a,onSelectYear:n,onFocusYear:h,onBlurYear:r,onKeyDown:c,minDate:d,maxDate:l,focussedYearRef:u})=>{const f=t=>{const e=t.target;n(Number(e.getAttribute("data-year")))};const b=()=>{h()};const p=()=>{r()};const m=t=>{t.preventDefault()};const y=e[0];const w=e[11];const g=e.slice(1,11);return t("div",{class:"year-picker",role:"list"},t("div",{class:"prev-decade","aria-hidden":"true"},t("ic-button",{id:"prev-decade-button",class:{"year-button":true},disabled:!o(y,d,l),"data-year":y,tabIndex:-1,variant:"tertiary",onClick:f,onMouseDown:m,"aria-hidden":"true",size:i},`${y-9}s`,t("svg",{slot:"left-icon",width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z",fill:"currentColor"})))),g.map((e=>{const n=a===e;const h=s===e;return t("ic-button",{class:{"year-button":true,selected:n,focussed:h},disabled:!o(e,d,l),"data-year":e,tabIndex:h?0:-1,variant:n?"primary":"tertiary",onClick:f,"aria-label":n?"":`select ${e}`,role:"listitem","aria-current":n?"true":"false",onKeyDown:c,onFocus:b,onBlur:p,size:i,ref:t=>{if(h&&t){u(t)}}},e)})),t("div",{class:"next-decade","aria-hidden":"true"},t("ic-button",{id:"next-decade-button",class:{"year-button":true,flip:true},disabled:!o(w,d,l),"data-year":w,tabIndex:-1,variant:"tertiary",onClick:f,onMouseDown:m,"aria-hidden":"true",size:i},`${w}s`,t("svg",{slot:"right-icon",width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z",fill:"currentColor"})))))};const H='/*! 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;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem);--ic-input-label-helpertext-padding:var(--ic-space-xxs)}:host(.ic-date-picker-large){--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}:host(.ic-date-picker-small){--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}:host .date-input-container{position:relative}ic-date-input{--input-width:var(--input-field-width)}:host .calendar-container{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;border:var(--ic-border-default);border-color:var(--ic-date-picker-calendar-border);border-radius:var(--ic-border-radius);align-items:center;background-color:var(--ic-date-picker-calendar-bg);z-index:var(--ic-z-index-date-picker);box-sizing:border-box;box-shadow:var(--ic-date-picker-calendar-elevation);margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}:host(.ic-date-picker-small) .calendar-container{min-width:17rem;max-width:21.5rem}:host(.ic-date-picker-large) .calendar-container{min-width:21rem;max-width:25.5rem}:host .calendar-container.above{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}:host .month-year-nav-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}:host .month-year-nav-container.hidden{display:none}:host .month-year-nav{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}:host .month-picker,:host .year-picker{flex-wrap:wrap;display:inline-flex;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}:host(.ic-date-picker-small) .month-picker,:host(.ic-date-picker-small) .year-picker{width:13.125rem}:host(.ic-date-picker-large) .month-picker,:host(.ic-date-picker-large) .year-picker{width:20rem}:host .month-picker-button,:host .year-picker-button{width:5rem;--min-width:5rem}:host .month-button,:host .year-button{width:var(--month-button-width)}:host .month-button.focussed,:host .year-button.focussed{z-index:1}:host .month-button::part(button),:host .year-button::part(button){min-width:var(--month-button-width)}:host .prev-decade .year-button svg{margin-right:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .prev-decade .year-button::part(button){padding-left:0;padding-right:var(--ic-space-lg)}:host(.ic-date-picker-small) .prev-decade .year-button::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}:host .next-decade .year-button svg{margin-left:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}:host .next-decade .year-button::part(button){padding-right:0;padding-left:var(--ic-space-lg)}:host(.ic-date-picker-small) .next-decade .year-button::part(button),:host(.ic-date-picker-large) .next-decade .year-button::part(button){padding-left:var(--ic-space-xl)}:host .bottom-buttons{display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host .bottom-buttons.no-today{align-items:flex-end;flex-direction:column}:host .bottom-buttons.hidden{display:none}:host .calendar{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}:host(.ic-date-picker-large) .calendar{width:19.25rem}:host(.ic-date-picker-small) .calendar{padding-bottom:var(--ic-space-xxs);width:14rem}:host .hidden{display:none}:host .weekdays{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs);align-self:stretch}:host .calendar-days-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0;min-height:16rem;align-content:flex-start}:host(.ic-date-picker-small) .calendar-days-container{padding:var(--ic-space-xxxs) 0;min-height:14.5rem}:host(.ic-date-picker-large) .calendar-days-container{padding:var(--ic-space-xs) 0;min-height:17.5rem}:host .calendar-day-header{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center}:host(.ic-date-picker-small) .calendar-day-header,:host(.ic-date-picker-large) .calendar-day-header{padding:var(--ic-space-xxs)}:host .calendar-day-header ic-typography{--ic-typography-color:var(--ic-date-picker-calendar-label);text-align:center}:host .day-button-container{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}:host(.ic-date-picker-small) .day-button-container{width:2rem;height:2rem}:host(.ic-date-picker-large) .day-button-container{width:2.5rem;height:2.5rem}:host .day-button{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-date-picker-calendar-bg);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}:host .day-button.disabled{cursor:default}:host(.ic-date-picker-large) .day-button{width:2.25rem;height:2.25rem}:host(.ic-date-picker-small) .day-button{width:1.75rem;height:1.75rem}:host .day-button ic-typography{width:1.75rem;--ic-typography-color:var(--ic-date-picker-date-label-default)}:host .day-button.outside-range ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-disabled)}:host .day-button.outside-month ic-typography{font-weight:var(--ic-font-weight-regular) !important}:host .day-button.outside-month:not(.outside-range):not(.selected) ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-default)}:host .day-button:hover:not(.disabled){background-color:var(--ic-date-picker-date-default-bg-hover)}:host .day-button:active:not(.disabled){background-color:var(--ic-date-picker-date-default-bg-pressed)}@media (prefers-reduced-motion: no-preference){:host .day-button:hover:not(.disabled):not(.focussed),:host .day-button:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}:host .day-button.selected:not(.hidden){background-color:var(--ic-date-picker-date-active-bg-default)}:host .day-button.selected ic-typography{--ic-typography-color:var(--ic-date-picker-date-label-selected)}:host .day-button.selected:not(.hidden):hover{background-color:var(--ic-date-picker-date-active-bg-hover)}:host .day-button.selected:not(.hidden):active{background-color:var(--ic-date-picker-date-active-bg-pressed)}:host .day-button.focussed{z-index:1}:host .day-button:focus{outline:none}:host .day-button.focussed:focus{box-shadow:var(--ic-border-focus)}:host .day-button.today:not(.hidden)::after{content:"";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-date-picker-default-underline)}:host(.ic-date-picker-small) .day-button.today::after{bottom:0.35rem}:host(.ic-date-picker-large) .day-button.today::after{width:1rem}:host .day-button.today.selected::after{background-color:var(--ic-date-picker-selected-underline)}:host #select-month-hint,:host #select-year-hint{display:none}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){:host .calendar-container,:host .calendar,:host .bottom-buttons{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){:host .day-button.today:not(.hidden)::after{background-color:highlight}:host .day-button.selected:not(.hidden){background-color:highlight}:host .day-button.focussed:focus{border:var(--ic-border-hc)}:host .month-button.selected::part(button),:host .year-button.selected::part(button){background-color:highlight}}';const M=H;const P="DD/MM/YYYY";const V="Dates in the future are not allowed. Please select a date in the past.";const L="Dates in the past are not allowed. Please select a date in the future.";const T="The date you have selected is on a day of the week that is not allowed. Please select another date.";const C=100;const I=360;const Y=400;const $=440;const A=class{constructor(s){e(this,s);this.icChange=i(this,"icChange",7);this.clearButtonEl=null;this.daysOfWeek=[];this.dayButtonFocussed=false;this.dayPickerKeyboardNav=false;this.dialogDescription="";this.focusDay=true;this.liveRegionEl=undefined;this.monthNames=[];this.monthInViewUpdateHandled=false;this.myCalendarButtonClicked=false;this.showPickerAbove=false;this.today=new Date;this.todayButtonEl=null;this.yearButtonFocussed=false;this.calendarOpen=false;this.currMonthView=[];this.currYearPickerView=[];this.decadeView=[];this.focussedDate=null;this.maxDate=null;this.minDate=null;this.monthPickerVisible=false;this.orderedDaysOfWeek=[];this.selectedDate=null;this.yearPickerVisible=false;this.dateFormat="DD/MM/YYYY";this.disabled=false;this.emitDatePartChange=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.hideHelperText=false;this.hideLabel=false;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.openAtDate="";this.required=false;this.showDaysOutsideMonth=true;this.showClearButton=true;this.showPickerClearButton=true;this.showPickerTodayButton=true;this.size="medium";this.startOfWeek=y.Monday;this.theme="inherit";this.validationStatus="";this.validationText="";this.value="";this.setDecadeView=t=>{let e=t-1;const i=[];while(e<=t+10){i.push(e);e++}this.decadeView=i;this.decadeStart=i[1];this.decadeEnd=i[10]};this.setSelectedDate=(t,e=true)=>{var i;if(t===null||!c(t,this.selectedDate)){this.selectedDate=t;this.value=t;if(e){(i=this.inputEl)===null||i===void 0?void 0:i.triggerIcChange(t)}}};this.handleCalendarMouseDown=t=>{const e=t.target;if(e.tagName!=="IC-BUTTON"){t.preventDefault()}};this.handleCalendarClick=t=>{this.clearDialogDescription();t.stopImmediatePropagation()};this.handleDocumentClick=()=>{this.calendarOpen=false};this.keyDownHandler=t=>{var e;if(t.key==="Escape"){if(this.calendarOpen){this.closeButtonClickHandler();(e=this.inputEl)===null||e===void 0?void 0:e.setCalendarFocus();t.stopImmediatePropagation()}}else{this.clearDialogDescription();t.stopImmediatePropagation()}};this.closeButtonClickHandler=()=>{this.calendarOpen=false};this.focusFirstElement=()=>{this.monthButtonEl.setFocus()};this.focusLastElement=()=>{if(this.showPickerClearButton&&this.clearButtonEl&&!this.clearButtonEl.disabled){this.clearButtonEl.setFocus()}else if(this.showPickerTodayButton&&this.todayButtonEl&&!this.todayButtonEl.disabled){this.todayButtonEl.setFocus()}else if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focussedDayEl.focus()}};this.focusFocussedDay=()=>{this.focussedDayEl.focus()};this.monthButtonClickHandler=()=>{this.yearPickerVisible=false;this.focusDay=false;this.monthPickerVisible=!this.monthPickerVisible;if(this.monthPickerVisible){this.setAriaLiveRegionText("Month picker view open")}else{this.setMonthSelectedLiveRegionText()}};this.yearButtonClickHandler=()=>{this.monthPickerVisible=false;this.focusDay=false;this.yearPickerVisible=!this.yearPickerVisible;if(this.yearPickerVisible){this.setAriaLiveRegionText(`Year picker view open. ${this.getDecadeInViewText()}`)}else{this.setYearSelectedLiveRegionText()}};this.todayButtonClickHandler=()=>{this.yearPickerVisible=false;this.monthPickerVisible=false;this.setFocussedDate(new Date);this.setAriaLiveRegionText(this.getMonthInViewText());setTimeout((()=>this.focusFocussedDay()),C)};this.todayButtonKeyDownHandler=t=>{var e;if(t.key==="Tab"&&!t.shiftKey&&((e=this.clearButtonEl)===null||e===void 0?void 0:e.disabled)){this.focusFirstElement();t.preventDefault()}};this.clearButtonClickHandler=()=>{this.setSelectedDate(null);let t="Selected date cleared.";if(!this.monthPickerVisible&&!this.yearPickerVisible){t+=` ${this.getMonthInViewText()}`}if(this.monthPickerVisible){this.focussedMonthEl.setFocus()}else if(this.yearPickerVisible){this.focussedYearEl.setFocus()}else{this.focusFocussedDay()}this.setAriaLiveRegionText(t)};this.setMonthSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.monthNames[this.monthInView]} selected. ${this.getMonthInViewText()}`)};this.setYearSelectedLiveRegionText=()=>{this.setAriaLiveRegionText(`${this.yearInView} selected. ${this.getMonthInViewText()}`)};this.getMonthInViewText=()=>`${this.monthNames[this.monthInView]} ${this.yearInView} currently in view.`;this.getDecadeInViewText=()=>`${this.decadeStart} to ${this.decadeEnd} currently in view.`;this.setAriaLiveRegionText=t=>{this.liveRegionEl&&(this.liveRegionEl.innerText=t)};this.clearDialogDescription=()=>{this.dialogDescription=""};this.clearButtonKeyDownHandler=t=>{if(t.key==="Tab"&&!t.shiftKey){this.focusFirstElement();t.preventDefault()}};this.goToPreviousMonth=(t=false)=>{this.focusDay=t;this.moveMonths(-1)};this.goToNextMonth=(t=false)=>{this.focusDay=t;this.moveMonths(1)};this.goToPreviousYear=(t=false)=>{if(this.isPrevYearAllowed()){this.focusDay=t;this.moveYears(-1)}};this.goToNextYear=(t=false)=>{if(this.isNextYearAllowed()){this.focusDay=t;this.moveYears(1)}};this.navButtonMouseDownHandler=t=>{t.preventDefault()};this.renderMonthYearNavButton=(e,i,s)=>{const a=this.size;return t("div",{"aria-hidden":"true"},t("ic-button",{id:e,disableTooltip:true,disabled:s,onClick:this.monthYearNavClickHandler,class:{flip:i},variant:"icon-tertiary",innerHTML:v,size:a,tabIndex:-1,"aria-hidden":"true",onMouseDown:this.navButtonMouseDownHandler}))};this.monthYearNavClickHandler=t=>{const e=t.target;switch(e.id){case"previous-month-button":this.goToPreviousMonth(this.dayButtonFocussed);break;case"next-month-button":this.goToNextMonth(this.dayButtonFocussed);break;case"previous-year-button":this.goToPreviousYear(this.dayButtonFocussed);break;case"next-year-button":this.goToNextYear(this.dayButtonFocussed);break}};this.previousMonthButton=()=>{let t=false;if(this.focussedDate!==null&&this.minDate!==null){const e=this.focussedDate.getFullYear()===this.minDate.getFullYear();if(e){t=this.monthInView-1<this.minDate.getMonth()}}return this.renderMonthYearNavButton("previous-month-button",true,t)};this.nextMonthButton=()=>{let t=false;if(this.focussedDate!==null&&this.maxDate!==null){const e=this.focussedDate.getFullYear()===this.maxDate.getFullYear();if(e){t=this.monthInView+1>this.maxDate.getMonth()}}return this.renderMonthYearNavButton("next-month-button",false,t)};this.previousYearButton=()=>this.renderMonthYearNavButton("previous-year-button",true,!this.isPrevYearAllowed());this.nextYearButton=()=>this.renderMonthYearNavButton("next-year-button",false,!this.isNextYearAllowed());this.isPrevYearAllowed=()=>this.isYearAllowed(this.yearInView-1);this.isNextYearAllowed=()=>this.isYearAllowed(this.yearInView+1);this.isYearAllowed=t=>o(t,this.minDate,this.maxDate);this.getMonthView=t=>{const e=d(r(t),this.startOfWeek);const i=l(e);const s=[];let a=e;while(!c(a,i)){s.push(a);a=new Date(a);a.setDate(a.getDate()+1)}s.push(a);return s};this.isCurrentMonth=()=>{const t=new Date;return t.getFullYear()===this.yearInView&&t.getMonth()===this.monthInView};this.updateMonthInView=()=>{if(this.focussedDate){this.currMonthView=this.getMonthView(this.focussedDate);this.focussedDay=this.focussedDate.getDate();this.monthInView=this.focussedDate.getMonth();this.yearInView=this.focussedDate.getFullYear();if(this.dayPickerKeyboardNav){this.monthInViewUpdateHandled=true;this.setAriaLiveRegionText(this.getMonthInViewText());this.dayPickerKeyboardNav=false}}};this.handleSelectDay=t=>{var e;this.setSelectedDate(t);this.calendarOpen=false;(e=this.inputEl)===null||e===void 0?void 0:e.setCalendarFocus()};this.handleSelectMonth=t=>{this.moveMonths(t-this.monthInView);setTimeout((()=>{this.monthButtonEl.setFocus();this.monthPickerVisible=false;this.setMonthSelectedLiveRegionText()}),C)};this.handleSelectYear=t=>{const e=this.decadeView.indexOf(t);if(e>0&&e<this.decadeView.length-1){this.moveYears(t-this.yearInView);this.focusDay=false;const e=this.monthNames[this.monthInView];this.setAriaLiveRegionText(`${t} selected. ${e} ${t} currently in view.`);setTimeout((()=>{this.yearButtonEl.setFocus();this.yearPickerVisible=false}),C)}else{const e=t-this.focussedYear>0?10:-10;this.updateFocussedYear(e,this.yearButtonFocussed);this.setAriaLiveRegionText(this.getDecadeInViewText())}};this.monthPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedMonth(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedMonth(1);break;case"Home":this.updateFocussedMonth(-this.focussedMonth);break;case"End":this.updateFocussedMonth(11-this.focussedMonth);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.monthPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),C);break;default:e=false}if(e){t.preventDefault()}};this.yearPickerKeyDownHandler=t=>{let e=true;switch(t.key){case"ArrowUp":case"ArrowLeft":this.updateFocussedYear(-1);break;case"ArrowDown":case"ArrowRight":this.updateFocussedYear(1);break;case"Home":if(this.focussedYear>this.decadeStart){this.updateFocussedYear(this.decadeStart-this.focussedYear)}break;case"End":if(this.focussedYear<this.decadeEnd){this.updateFocussedYear(this.decadeEnd-this.focussedYear)}break;case"PageUp":this.updateFocussedYear(-10);break;case"PageDown":this.updateFocussedYear(10);break;case"Tab":e=this.calendarTabHandler(t);break;case"Escape":t.stopImmediatePropagation();this.yearPickerVisible=false;setTimeout((()=>this.focusFocussedDay()),C);break;default:e=false}if(e){t.preventDefault()}};this.onYearButtonFocusHandler=()=>{this.yearButtonFocussed=true};this.onYearButtonBlurHandler=()=>{this.yearButtonFocussed=false};this.monthButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousMonth();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextMonth();break;case"Home":e=true;this.focusDay=false;this.moveMonths(-this.monthInView);break;case"End":e=true;this.focusDay=false;this.moveMonths(11-this.monthInView);break;case"Tab":if(t.shiftKey){e=true;this.focusLastElement()}break;case"Escape":if(this.monthPickerVisible){this.monthPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.yearButtonKeyDownHandler=t=>{let e=false;switch(t.key){case"ArrowLeft":case"ArrowUp":e=true;this.goToPreviousYear();break;case"ArrowRight":case"ArrowDown":e=true;this.goToNextYear();break;case"Home":if(this.yearPickerVisible&&this.yearInView>this.decadeStart){e=true;this.moveYears(this.decadeStart-this.yearInView)}break;case"End":if(this.yearPickerVisible&&this.yearInView<this.decadeEnd){e=true;this.moveYears(this.decadeEnd-this.focussedYear)}break;case"PageUp":e=true;this.focusDay=false;this.moveYears(-10);break;case"PageDown":e=true;this.focusDay=false;this.moveYears(10);break;case"Escape":if(this.yearPickerVisible){this.yearPickerVisible=false;t.stopImmediatePropagation()}break}if(e){t.preventDefault()}};this.handleCalendarKeyDown=t=>{let e=true;switch(t.key){case"ArrowDown":this.dayPickerKeyboardNav=true;this.moveDays(7);break;case"ArrowUp":this.dayPickerKeyboardNav=true;this.moveDays(-7);break;case"ArrowLeft":this.dayPickerKeyboardNav=true;if(this.focussedDate)this.moveDays(-1*this.getNextDayToFocus(this.focussedDate,false));break;case"ArrowRight":this.dayPickerKeyboardNav=true;if(this.focussedDate)this.moveDays(this.getNextDayToFocus(this.focussedDate,true));break;case"PageUp":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(-1):this.moveMonths(-1);break;case"PageDown":this.dayPickerKeyboardNav=true;t.shiftKey?this.moveYears(1):this.moveMonths(1);break;case"Home":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth,1));break;case"End":this.dayPickerKeyboardNav=true;this.setFocussedDate(new Date(this.focussedYear,this.focussedMonth+1,0));break;case"Tab":e=this.calendarTabHandler(t);break;default:e=false;break}if(e){t.preventDefault()}};this.calendarTabHandler=t=>{var e;let i=false;if(!t.shiftKey&&(!this.showPickerTodayButton||this.isCurrentMonth())&&(!this.showPickerClearButton||((e=this.clearButtonEl)===null||e===void 0?void 0:e.disabled))){this.focusFirstElement();i=true}else if(t.shiftKey){this.yearButtonEl.setFocus();i=true}return i};this.onDayButtonFocusHandler=()=>{this.dayButtonFocussed=true};this.onDayButtonBlurHandler=()=>{this.dayButtonFocussed=false};this.getNextDayToFocus=(t,e,i=1)=>{var s;const a=e?1:-1;const n=new Date(t);n.setDate(n.getDate()+a);return((s=this.disableDays)===null||s===void 0?void 0:s.includes(Number(n.getDay())))?this.getNextDayToFocus(n,e,i+1):i};this.moveDays=t=>{if(this.focussedDate){const e=new Date(this.focussedDate);e.setDate(e.getDate()+t);this.setFocussedDate(e)}};this.moveMonths=t=>{if(this.focussedDate){const e=this.focussedDate.getMonth()+t;const i=new Date(new Date(r(this.focussedDate)).setMonth(e));const s=h(i);const a=new Date(new Date(this.focussedDate).setMonth(e));this.setFocussedDate(u(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false}};this.moveYears=t=>{if(this.focussedDate){const e=this.focussedDate.getFullYear()+t;const i=new Date(new Date(r(this.focussedDate)).setFullYear(e));const s=h(i);const a=new Date(new Date(this.focussedDate).setFullYear(e));this.setFocussedDate(u(a,i,s));if(this.monthPickerVisible===false&&this.yearPickerVisible===false&&this.monthInViewUpdateHandled===false){this.setAriaLiveRegionText(this.getMonthInViewText())}this.monthInViewUpdateHandled=false}};this.updateFocussedMonth=t=>{const e=new Date(this.focussedYear,this.focussedMonth,1);e.setMonth(this.focussedMonth+t);const i=u(e,this.minDate,this.maxDate);this.focussedMonth=i.getMonth();setTimeout((()=>this.focussedMonthEl.setFocus()),C)};this.updateFocussedYear=(t,e=true)=>{const i=new Date((new Date).setFullYear(this.focussedYear+t));const s=u(i,this.minDate,this.maxDate);this.setFocussedYear(s.getFullYear(),e)};this.setFocussedDate=t=>{this.focussedDate=u(t,this.minDate,this.maxDate)};this.setFocussedDayEl=t=>{this.focussedDayEl=t};this.setFocussedMonthEl=t=>{this.focussedMonthEl=t};this.setFocussedYearEl=t=>{this.focussedYearEl=t};this.setFocussedYear=(t,e=true)=>{const i=this.focussedYear;this.focussedYear=t;if(this.yearPickerVisible){const s=Math.floor(t/10)*10;const a=Math.floor(i/10)*10;if(s!==a){this.setDecadeView(s);this.setAriaLiveRegionText(this.getDecadeInViewText())}if(e){setTimeout((()=>{if(this.focussedYearEl!==null)this.focussedYearEl.setFocus()}),C)}}else{this.setDecadeView(Math.floor(t/10)*10)}};this.setDateInputProps=()=>{const t={hideLabel:this.hideLabel,invalidDateMessage:this.invalidDateMessage,label:this.label,showClearButton:true,showCalendarButton:true,value:this.value,emitDatePartChange:this.emitDatePartChange};if(this.dateFormat!==P){t.dateFormat=this.dateFormat}if(this.disableFuture){t.disableFuture=this.disableFuture;if(this.disableFutureMessage!==V){t.disableFutureMessage=this.disableFutureMessage}}if(this.disablePast){t.disablePast=this.disablePast;if(this.disablePastMessage!==L){t.disablePastMessage=this.disablePastMessage}}if(this.disableDays&&this.disableDays.length>0){t.disableDays=this.disableDays;if(this.disableDaysMessage!==T){t.disableDaysMessage=this.disableDaysMessage}}if(this.max!==null&&this.max!==""&&this.maxDate){t.max=this.maxDate}if(this.min!==null&&this.min!==""&&this.minDate){t.min=this.minDate}if(this.helperText!==undefined){t.helperText=this.helperText}if(this.hideHelperText!==false){t.hideHelperText=this.hideHelperText}if(this.inputId!==undefined){t.inputId=this.inputId}if(this.name!==undefined){t.name=this.name}if(this.disabled){t.disabled=this.disabled}if(this.required){t.required=this.required}if(this.showClearButton!==null){t.showClearButton=this.showClearButton}if(this.size!=="medium"){t.size=this.size}if(this.validationStatus!==""){t.validationStatus=this.validationStatus}if(this.validationText!==""){t.validationText=this.validationText}return t}}watchDisabledHandler(){w(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=f(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=f(this.min,this.dateFormat)}}watchStartOfWeekHandler(){this.orderedDaysOfWeek=this.daysOfWeek.slice(this.startOfWeek).concat(this.daysOfWeek.slice(0,this.startOfWeek));if(this.calendarOpen){this.updateMonthInView()}}watchOpenHandler(){if(this.calendarOpen){if(this.inputEl){let t=Y;if(this.size==="small"){t=I}else if(this.size==="large"){t=$}if(this.el.offsetTop+this.inputEl.offsetHeight+t>window.innerHeight&&this.el.offsetTop>t){this.showPickerAbove=true}else{this.showPickerAbove=false}}if(this.selectedDate===null||!n(this.selectedDate,this.minDate,this.maxDate)){let t=new Date;if(this.openAtDate!==""){t=f(this.openAtDate,this.dateFormat)}this.setFocussedDate(t)}else{this.setFocussedDate(this.selectedDate)}let t=this.getMonthInViewText();if(this.selectedDate===null){t+=" No date selected."}t+=" Use arrow keys to change day. Press enter or space to select a date or press escape to close the picker";this.dialogDescription=t;setTimeout((()=>this.focusFocussedDay()),C);document.addEventListener("click",this.handleDocumentClick)}else{document.removeEventListener("click",this.handleDocumentClick);this.monthPickerVisible=false;this.yearPickerVisible=false}}watchFocussedDateHandler(t,e){if(e===null||!(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth())){this.updateMonthInView()}}watchMonthInViewHandler(){this.focussedMonth=this.monthInView}watchYearInViewHandler(){this.setFocussedYear(this.yearInView,false)}watchYearPickerVisibleHandler(){if(!this.yearPickerVisible){this.setFocussedYear(this.yearInView)}}watchMonthPickerVisibleHandler(){if(!this.monthPickerVisible){this.focussedMonth=this.monthInView}}watchFocussedDayEl(){if(this.focusDay){setTimeout((()=>this.focusFocussedDay()),C)}this.focusDay=true}componentWillLoad(){g([{prop:this.label,propName:"label"}],"Date Picker");this.monthNames=b(m);this.daysOfWeek=b(k);this.watchStartOfWeekHandler();this.watchMaxHandler();this.watchMinHandler();w(this.disabled,this.el)}componentWillRender(){this.dateInputProps=this.setDateInputProps()}componentWillUpdate(){this.dateInputProps=this.setDateInputProps()}localCalendarButtonClickHandler(t){this.myCalendarButtonClicked=true;if(!this.calendarOpen){this.setSelectedDate(t.detail.value,false)}this.calendarOpen=!this.calendarOpen}calendarButtonClickHandler(){if(!this.myCalendarButtonClicked){this.calendarOpen=false}this.myCalendarButtonClicked=false}render(){const{calendarOpen:e,dateInputProps:i,monthNames:a,size:h,focussedMonth:r,focussedYear:o,monthInView:d,yearInView:l,monthPickerVisible:u,yearPickerVisible:f,orderedDaysOfWeek:b,decadeView:p,minDate:m,maxDate:y,showPickerClearButton:w,showPickerTodayButton:g,dialogDescription:k,theme:v}=this;let H="";if(u){H=`Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`}else{H=`Press Enter or Space to open month picker view or use the arrow keys to change month.`}let M="";if(f){M=`Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`}else{M=`Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`}const P="choose date";const V=a&&a[d]?a[d]:"Open month picker";const L=this.yearInView?this.yearInView:"Open year picker";let T=m;if(m&&this.disablePast){const t=new Date(m);t.setDate(m.getDate()-1);T=t}return t(s,{key:"9f01e93a809b4c0dd0a702b7716617643140601e",onKeyDown:this.keyDownHandler,class:{[`ic-date-picker-${h}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{key:"8c4e6a6b965562994667acf2e2f12e79cfb7f026",class:"date-input-container"},t("ic-date-input",Object.assign({key:"8baa5a1ba1f5042554dcc53f26945a872e6d62ca",ref:t=>this.inputEl=t},i),t("slot",{key:"ee77883989839f1e375e82e19a4e68dad539606f",name:"helper-text",slot:"helper-text"}))),e&&t("div",{key:"b6885a1077a70c25cf107be2e97e21bfb3065005"},t("span",{key:"e06f399f1b71353f595532fe4d75679c9a30585c",id:"dialog-description",class:"sr-only"},k),t("div",{key:"3b9e98f7360131d40e34072162f5b1b3a62df79b",role:"dialog","aria-modal":"true","aria-label":P,"aria-describedBy":"dialog-description",class:{"calendar-container":true,above:this.showPickerAbove},onMouseDown:this.handleCalendarMouseDown,onClick:this.handleCalendarClick},t("span",{key:"8b9d2af7ec25c7f4390b6367ba61d1cc4edc6862",ref:t=>this.liveRegionEl=t,id:"live-region","aria-live":"assertive",class:"sr-only"}),t("div",{key:"8de6382adeab06868cc3679812c9dc7003a0dc38",class:{"month-year-nav-container":true}},t("div",{key:"595f1d3b587316a0a8a9401759802794379bb01a",class:"month-year-nav"},this.previousMonthButton(),t("span",{key:"db4136ca3865227558dce4bf7d53ff9ed745be56",id:"select-month-hint","aria-hidden":"true"},H),t("ic-button",{key:"58856c4d545e0c925ff484f0268bb15c2359cb43",ref:t=>this.monthButtonEl=t,size:h,class:"month-picker-button","aria-haspopup":"menu","aria-expanded":u?"true":"false","full-width":"true",variant:"tertiary","aria-label":V,"aria-describedby":"select-month-hint",onKeyDown:this.monthButtonKeyDownHandler,onClick:this.monthButtonClickHandler},a[d]),this.nextMonthButton()),t("div",{key:"d43213b8bf2c1850d3b2edc7abac54b9a601e862",class:"month-year-nav"},this.previousYearButton(),t("span",{key:"ba3bd8c4eed337839606019aff6f7a03c5c35b3a",id:"select-year-hint","aria-hidden":"true"},M),t("ic-button",{key:"15c6ec0144f58dc3c76360f7ccfa28000c36af77",ref:t=>this.yearButtonEl=t,size:h,class:"year-picker-button","aria-haspopup":"menu","aria-expanded":f?"true":"false","full-width":"true",variant:"tertiary","aria-label":L,"aria-describedby":"select-year-hint",onKeyDown:this.yearButtonKeyDownHandler,onClick:this.yearButtonClickHandler},this.yearInView),this.nextYearButton())),!(u||f)&&t("div",{key:"913a72924b2cc1db4b398a1faecfa2cf1bf4be42",class:{calendar:true,hidden:u||f},onKeyDown:this.handleCalendarKeyDown},t("div",{key:"5f9784f58378b05de6e52a2763acab163ab6e3e5",class:"weekdays","aria-hidden":"true"},b.map((e=>{const i=h==="small"?e.charAt(0):e;return t("div",{class:"calendar-day-header"},t("ic-typography",{variant:"caption"},i))}))),t("div",{key:"1c1cfe77f48e7b50e6a014db13a597b924baab06",class:"calendar-days-container"},this.currMonthView.map((e=>{var i;return t(x,{day:e,disableDay:(i=this.disableDays)===null||i===void 0?void 0:i.includes(Number(e.getDay())),today:c(e,this.today),selected:c(e,this.selectedDate),focussed:c(e,this.focussedDate),inRange:n(e,T,y),monthInView:d,onSelectDay:this.handleSelectDay,focussedDayRef:this.setFocussedDayEl,onFocusDay:this.onDayButtonFocusHandler,onBlurDay:this.onDayButtonBlurHandler,showDaysOutsideMonth:this.showDaysOutsideMonth})})))),t("div",{key:"8b064369e1271b56085a85e0c00822ff7232d6e8",class:{"month-picker-container":true,hidden:!u}},u&&t(D,{key:"cdd9f6ccb301355eb31a1607413396f44b828ca9",size:h,onSelectMonth:this.handleSelectMonth,monthInView:d,focussedMonth:r,onKeyDown:this.monthPickerKeyDownHandler,focussedMonthRef:this.setFocussedMonthEl,minDate:m,maxDate:y,yearInView:l})),t("div",{key:"a629d2297686220a678d2ba7870fcc386b735c84",class:{"year-picker-container":true,hidden:!f}},f&&t(z,{key:"113dfbbb61d28495a6aa0ec0c2d2aa6be1c3e881",decadeView:p,size:h,focussedYear:o,onSelectYear:this.handleSelectYear,onKeyDown:this.yearPickerKeyDownHandler,onFocusYear:this.onYearButtonFocusHandler,onBlurYear:this.onYearButtonBlurHandler,yearInView:l,minDate:m,maxDate:y,focussedYearRef:this.setFocussedYearEl})),t("div",{key:"5a3a56a0fe0af5771e88a5d6573b5b4e2e491d4f",class:{"bottom-buttons":true,"no-today":!g}},g&&t("ic-button",{key:"67e78d82526a164797c8dfa3c60b4eff27f77193",id:"today-button",variant:"tertiary",ref:t=>this.todayButtonEl=t,size:h,"aria-label":"Navigate to current date",onClick:this.todayButtonClickHandler,onKeyDown:this.todayButtonKeyDownHandler,disabled:this.isCurrentMonth()},"Go to today"),w&&t("ic-button",{key:"cd6f21520ba94b85cc078b4478ff3dffaac2bb15",id:"clear-button","aria-label":"clear selected date",ref:t=>this.clearButtonEl=t,variant:"tertiary",size:h,onClick:this.clearButtonClickHandler,onKeyDown:this.clearButtonKeyDownHandler,disabled:this.value===""||this.value===null||this.value===undefined},"Clear")))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],startOfWeek:["watchStartOfWeekHandler"],calendarOpen:["watchOpenHandler"],focussedDate:["watchFocussedDateHandler"],monthInView:["watchMonthInViewHandler"],yearInView:["watchYearInViewHandler"],yearPickerVisible:["watchYearPickerVisibleHandler"],monthPickerVisible:["watchMonthPickerVisibleHandler"],focussedDayEl:["watchFocussedDayEl"]}}};A.style=M;export{A as ic_date_picker};
+//# sourceMappingURL=p-816aae93.entry.js.map