@ukic/canary-web-components 3.0.0-canary.25 → 3.0.0-canary.27

package/dist/core/p-d4a1e90d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icRadioOptionCss","IcRadioOptionStyle0","ADDITIONAL_FIELD","RadioOption","constructor","hostRef","this","defaultRadioValue","hasAdditionalField","skipFocus","additionalFieldDisplay","disabled","dynamicText","theme","selected","initiallySelected","handleClick","event","_a","_b","clickedAdditionalField","target","matches","radioElement","stopPropagation","focus","value","getAdditionalField","icCheck","emit","handleKeyDown","preventPropagationElements","document","activeElement","includes","nodeName","handleFormReset","watchDisabledHandler","removeDisabledFalse","el","watchSelectedHandler","icSelectedChange","handleCheck","ev","Array","from","querySelectorAll","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","additionalField","setAttribute","removeAttribute","additionalFieldValueHandler","detail","stopImmediatePropagation","setFocus","setTabIndex","toString","querySelector","hiddenInput","render","form","groupLabel","label","name","id","isPropDefined","h","Host","key","onClick","onKeyDown","class","container","tabindex","type","checked","ref","variant","htmlFor","hidden","role"],"sources":["../web-components/dist/collection/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option","../web-components/dist/collection/components/ic-radio-option/ic-radio-option.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\nic-radio-option {\n  display: flex;\n  flex-direction: column;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.additional-field-wrapper [slot=\"additional-field\"] {\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled  */\nic-radio-option.ic-radio-option-disabled,\nic-radio-option.ic-radio-option-disabled .radio-label {\n  --ic-typography-color: var(--ic-radio-button-text-option-disabled);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n.container:hover input:focus + span.checkmark,\n.container:active input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n  box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n  display: grid;\n  grid-template-columns: min-content auto;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.ic-radio-group-small .container {\n  margin: 0 0 0 var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n  cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: inline-block;\n  position: absolute;\n  cursor: pointer;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  border-radius: 50%;\n  border: none;\n}\n\n.ic-radio-group-small .container input {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n/* Create a custom radio button */\n.checkmark {\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: var(--ic-radio-button-background-default);\n  border: var(--ic-space-1px) solid var(--ic-radio-button-border-default);\n  border-radius: 50%;\n  transition: var(--ic-easing-transition-fast);\n  box-sizing: border-box;\n}\n\n.ic-radio-group-small .checkmark {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n  display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n  border: var(--ic-border-width) solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover input:checked ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n  border: 0.125rem solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover:not(.disabled) input:checked ~ .checkmark::after {\n  background-color: var(--ic-radio-button-default-hover);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n  border: var(--ic-border-width) solid var(--ic-radio-button-default-pressed);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n  border: 0.125rem solid var(--ic-radio-button-default-pressed);\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n}\n\n.ic-radio-group-small .container input:checked ~ .checkmark {\n  border-width: var(--ic-space-1px);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n  background-color: var(--ic-radio-button-default-pressed);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n  border: 0.125rem solid var(--ic-radio-button-default-active);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n  border: 0.125rem solid var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n  border: var(--ic-border-width) dashed var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n  background: var(--ic-radio-button-disabled);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n  box-shadow: none;\n  border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n  background-color: var(--ic-radio-button-disabled);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n  content: \"\";\n  position: absolute;\n  display: none;\n  top: calc(50% - var(--ic-space-xs));\n  left: calc(50% - var(--ic-space-xs));\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  border-radius: 50%;\n  background: var(--ic-radio-button-default-active);\n}\n\n.ic-radio-group-small .container .checkmark::after {\n  top: 50%;\n  left: 50%;\n  width: 0.625rem;\n  height: 0.625rem;\n  border-radius: 50%;\n  background: var(--ic-radio-button-default-active);\n  transform: translate(-50%, -50%);\n}\n\n.radio-label {\n  margin-left: var(--ic-space-md);\n\n  --ic-typography-color: var(--ic-radio-button-text-option);\n}\n\n.ic-radio-group-small .radio-label {\n  margin-left: var(--ic-space-xs);\n}\n\n.additional-field-wrapper {\n  margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n  color: var(--ic-radio-button-required-bar);\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-radio-button-required-bar);\n  border-left: 0.125rem solid var(--ic-radio-button-required-bar);\n  margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.ic-radio-group-small .dynamic-container {\n  margin-left: 12px;\n}\n\n.dynamic-container.hidden {\n  display: none;\n}\n\n.dynamic-text {\n  color: var(--ic-radio-button-required-text);\n\n  --ic-typography-color: var(--ic-radio-button-required-text);\n\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ic-text-field {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n\n  .container input:checked ~ .checkmark,\n  .container:active input:checked ~ .checkmark {\n    border-color: Highlight;\n  }\n\n  .container input:checked ~ .checkmark::after,\n  .container:active input:checked ~ .checkmark::after {\n    background-color: Highlight;\n  }\n\n  .container input:disabled ~ .checkmark,\n  .container input:checked:disabled ~ .checkmark {\n    border-color: GrayText;\n  }\n\n  .container input:disabled ~ .checkmark::after,\n  .container:active input:disabled ~ .checkmark::after {\n    background-color: GrayText;\n  }\n}\n\n/* Right to left */\ninput[type=\"radio\"]:dir(rtl) {\n  right: 0;\n}\n\n.radio-label:dir(rtl) {\n  padding-right: var(--ic-space-sm);\n  padding-left: 0;\n}\n\n.branch-corner:dir(rtl) {\n  border-radius: 0 0 0.188rem;\n  border-right: 0.125rem solid var(--ic-action-default);\n  border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n  margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, isSlotUsed, slotHasContent, } from \"../../utils/helpers\";\nconst ADDITIONAL_FIELD = \"additional-field\";\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\nexport class RadioOption {\n    constructor() {\n        this.defaultRadioValue = \"\";\n        this.hasAdditionalField = false;\n        this.skipFocus = false;\n        /**\n         * The style of additionalField that will be displayed if used.\n         */\n        this.additionalFieldDisplay = \"static\";\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * The text to be displayed when dynamic.\n         */\n        this.dynamicText = \"This selection requires additional answers\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * If `true`, the radio option will be displayed in a selected state.\n         */\n        this.selected = false;\n        this.initiallySelected = this.selected;\n        this.handleClick = (event) => {\n            var _a, _b;\n            const clickedAdditionalField = event.target.matches(\".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)\");\n            if (!this.disabled &&\n                (!clickedAdditionalField || event.target === this.radioElement)) {\n                event.stopPropagation();\n                if (this.skipFocus === false) {\n                    (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();\n                }\n                this.skipFocus = false;\n                if (this.hasAdditionalField) {\n                    this.value = ((_b = this.getAdditionalField()) === null || _b === void 0 ? void 0 : _b.value) || this.defaultRadioValue;\n                }\n                this.icCheck.emit({\n                    value: this.value,\n                });\n            }\n        };\n        this.handleKeyDown = (event) => {\n            const preventPropagationElements = [\"IC-DATE-INPUT\", \"IC-DATE-PICKER\"];\n            if (this.getAdditionalField() == document.activeElement &&\n                preventPropagationElements.includes(this.getAdditionalField().nodeName)) {\n                event.stopPropagation();\n            }\n        };\n        this.handleFormReset = () => {\n            this.skipFocus = true;\n            this.selected = this.initiallySelected;\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchSelectedHandler() {\n        this.icSelectedChange.emit();\n    }\n    handleCheck(ev) {\n        if (this.additionalFieldDisplay === \"static\" &&\n            Array.from(this.el.querySelectorAll(\"ic-radio-option\")).includes(ev.target))\n            this.icCheck.emit({ value: this.value });\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    componentWillLoad() {\n        if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n            this.hasAdditionalField = true;\n            this.getAdditionalField();\n        }\n        this.defaultRadioValue = this.value;\n        addFormResetListener(this.el, this.handleFormReset);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.value, propName: \"value\" }], \"Radio Option\");\n    }\n    componentWillRender() {\n        const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);\n        if (hasSlot && !this.hasAdditionalField) {\n            this.hasAdditionalField = true;\n            this.getAdditionalField();\n        }\n        else if (!hasSlot && this.hasAdditionalField) {\n            this.hasAdditionalField = false;\n        }\n    }\n    componentDidRender() {\n        if (this.additionalFieldDisplay === \"static\") {\n            const additionalField = this.getAdditionalField();\n            if (!this.selected || this.disabled) {\n                additionalField === null || additionalField === void 0 ? void 0 : additionalField.setAttribute(\"disabled\", \"\");\n            }\n            else {\n                additionalField === null || additionalField === void 0 ? void 0 : additionalField.removeAttribute(\"disabled\");\n            }\n        }\n    }\n    additionalFieldValueHandler(event) {\n        if (this.selected) {\n            this.value = event.detail.value || this.defaultRadioValue;\n            this.icCheck.emit({\n                value: this.value,\n            });\n        }\n        event.stopImmediatePropagation();\n    }\n    /**\n     * Sets focus on the radio option.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    /**\n     * @internal Sets the tabIndex of the radio option.\n     */\n    async setTabIndex(value) {\n        var _a;\n        (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.setAttribute(\"tabIndex\", value.toString());\n    }\n    getAdditionalField() {\n        const additionalField = this.el.querySelector('ic-text-field[slot=\"additional-field\"]');\n        if (additionalField)\n            additionalField.hiddenInput = false;\n        return additionalField;\n    }\n    render() {\n        const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;\n        const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n        return (h(Host, { key: '3d233946c372788a34128912099c47d6858d7ea9', onClick: handleClick, onKeyDown: handleKeyDown, class: {\n                [\"ic-radio-option-disabled\"]: !!disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: 'e932a0827c6b0620522f9f3df3f5a06316098949', class: { container: true, disabled: !!disabled } }, h(\"div\", { key: '64eeea95469af9831655f56701e2332255bf6669' }, h(\"input\", { key: '32f7a8840d8a14a89f1a79b9c61890e0e2fe23a0', tabindex: selected ? \"0\" : \"-1\", type: \"radio\", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), h(\"span\", { key: '6cbea9714c51eb75b7be07a509049f0c330ffca5', class: \"checkmark\" })), h(\"ic-typography\", { key: '55164cf8d231d449267b74389f9d7cd8193ab6db', class: \"radio-label\", variant: \"body\" }, h(\"label\", { key: '54014827aa5c16641bc3fa864974382bf0715335', htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { key: '5f3e1054494365c3fafdfd421bed64523307406b', class: {\n                \"dynamic-container\": true,\n                hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { key: 'd9c292dd502569650dcf327a3e48716cde723593', class: \"branch-corner\" })), h(\"div\", { key: '3994230df8af7e9c5215646a1c5c3d5687961637' }, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { key: '0b92403d743c4517ca099586a2845e71d528c329', variant: \"caption\", role: \"alert\" }, h(\"p\", { key: '0b689ea686ff2cb08b27858920a2f0548c197aa7', class: \"dynamic-text\" }, dynamicText))), h(\"div\", { key: '7e023eb75b14dd0a75acbe5321ecd676de0a67d4', class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { key: 'b3f82b1650ef67a732b35a32c5088745f31d1f31', name: ADDITIONAL_FIELD })))))));\n    }\n    static get is() { return \"ic-radio-option\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-radio-option.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-radio-option.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"additionalFieldDisplay\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAdditionalFieldTypes\",\n                    \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\" | undefined\",\n                    \"references\": {\n                        \"IcAdditionalFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The style of additionalField that will be displayed if used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"additional-field-display\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"static\\\"\"\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            \"dynamicText\": {\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 text to be displayed when dynamic.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dynamic-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n            },\n            \"form\": {\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 <form> element to associate the radio with.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"groupLabel\": {\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 group label for the radio option.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"group-label\",\n                \"reflect\": false\n            },\n            \"label\": {\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 label for the radio option.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\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 name for the radio option.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\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                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value for the radio option.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 radio option will be displayed in a selected state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initiallySelected\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icCheck\",\n                \"name\": \"icCheck\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the radio option is selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSelectedChange\",\n                \"name\": \"icSelectedChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the radio option is selected or deselected.\"\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 radio option.\",\n                    \"tags\": []\n                }\n            },\n            \"setTabIndex\": {\n                \"complexType\": {\n                    \"signature\": \"(value: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"value\",\n                            \"type\": \"number\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the tabIndex of the radio option.\"\n                        }]\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\": \"selected\",\n                \"methodName\": \"watchSelectedHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icCheck\",\n                \"method\": \"handleCheck\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icChange\",\n                \"method\": \"additionalFieldValueHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-radio-option.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-5c7c7205.entry.js → p-d77981a5.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as a,H as t,g as c}from"./p-8e4e97b4.js";import{d as s,g as e,e as o,o as r}from"./p-efa95979.js";const d="@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-ai){background-color:var(--ic-badge-ai) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-text-primary-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const l=d;const n="IC-TOP-NAVIGATION";const h="IC-SIDE-NAVIGATION";const g=class{constructor(a){i(this,a);var t;this.ariaLabel=null;this.initialPosition=(t=this.position)!==null&&t!==void 0?t:"far";this.position="far";this.size="medium";this.theme="inherit";this.type="text";this.variant="neutral";this.visible=true;this.setBadgeColour=()=>{const i=this.customColor?s(this.customColor):null;if(i){const{r:a,g:t,b:c,a:s}=i;this.el.style.backgroundColor=`rgba(${a}, ${t}, ${c}, ${s})`;this.foregroundColour=e((a*299+t*587+c*114)/1e3)}};this.getLabel=()=>this.maxNumber&&Number(this.label)>this.maxNumber?`${this.maxNumber}+`:this.label;this.setAccessibleLabel=()=>{const i=this.el.parentElement;const a=this.isAccessibleLabelDefined()?this.accessibleLabel:this.label||"with badge being displayed";if(i){const{tagName:t}=i;if(t!=="IC-CARD"&&(t!=="IC-TAB"||t==="IC-TAB"&&this.parentAriaLabel)){const t=this.parentAriaLabel?`${this.parentAriaLabel} ,`:"";i.ariaLabel=this.visible?`${t} ${a}`:null}else{this.ariaLabel=`, ${a}`}}};this.setPositionInTopNavigation=()=>{this.position=this.isInMobileMode()||this.isInNavigationItem()?"inline":this.initialPosition};this.setPositionInSideNavigation=()=>{this.position="near"};this.isInTopNav=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return(a===null||a===void 0?void 0:a.tagName)===n||(t===null||t===void 0?void 0:t.tagName)===n};this.isInSideNav=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return(a===null||a===void 0?void 0:a.tagName)===h||(t===null||t===void 0?void 0:t.tagName)===h};this.isInMobileMode=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return((a===null||a===void 0?void 0:a.tagName)===n||(a===null||a===void 0?void 0:a.tagName)===h)&&a.classList.contains("mobile-mode")||((t===null||t===void 0?void 0:t.tagName)===n||(t===null||t===void 0?void 0:t.tagName)===h)&&t.classList.contains("mobile-mode")};this.isInNavigationItem=()=>{const i=this.el.parentElement;if(!i)return false;return i.tagName==="IC-NAVIGATION-ITEM"};this.isAccessibleLabelDefined=()=>o(this.accessibleLabel)&&this.accessibleLabel!==null}accessibleLabelHandler(){this.setAccessibleLabel()}customColorHandler(){this.variant==="custom"&&this.setBadgeColour()}variantHandler(){if(this.variant==="custom"){this.setBadgeColour()}}visibleHandler(){this.setAccessibleLabel()}componentWillLoad(){var i;this.variant==="custom"&&this.setBadgeColour();const a=(i=this.el.parentElement)===null||i===void 0?void 0:i.ariaLabel;if(a)this.parentAriaLabel=a;this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&r([{prop:this.label,propName:"label"}],"Badge")}componentWillRender(){this.isInTopNav()&&this.setPositionInTopNavigation();this.isInSideNav()&&this.setPositionInSideNavigation()}navBarMenuOpenHandler(){this.isInTopNav()&&(this.position="inline")}navBarMenuCloseHandler(){this.isInTopNav()&&(this.position=this.initialPosition)}render(){const{ariaLabel:i,el:c,foregroundColour:s,getLabel:e,position:o,size:r,label:d,type:l,variant:n,visible:h,theme:g}=this;return a(t,{key:"43b8e638c7b0965ad3591f8b306637b7b5aeea58",class:{[`ic-badge-${o}`]:true,[`ic-badge-${r}`]:true,[`ic-badge-${n}`]:true,[`ic-badge-${l}`]:true,[`ic-badge-foreground-${s}`]:s!==null&&n==="custom",[`${h?"ic-badge-show":"ic-badge-hide"}`]:true,[`ic-theme-${g}`]:g!=="inherit"},id:c.id||null,"aria-label":i,role:"status"},l==="icon"&&a("slot",{key:"7f8a72f58bc485b3bfe69ef67d4e43d75a995f1f",name:"badge-icon"}),l==="text"&&d&&a("ic-typography",{key:"fe925213d388d0b3be444b9ab16a2a9a4cbc2649",variant:r==="small"?"badge-small":"badge"},e()),l==="dot"&&a("span",{key:"e6e8d7092112d105fb3914002b53a083c540fe47",class:"sr-only"},"badge"))}static get delegatesFocus(){return true}get el(){return c(this)}static get watchers(){return{accessibleLabel:["accessibleLabelHandler"],customColor:["customColorHandler"],variant:["variantHandler"],visible:["visibleHandler"]}}};g.style=l;export{g as ic_badge};
-//# sourceMappingURL=p-5c7c7205.entry.js.map
+import{r as i,h as a,H as t,g as c}from"./p-8e4e97b4.js";import{d as s,g as e,e as o,o as r}from"./p-542ac498.js";const d="@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-ai){background-color:var(--ic-badge-ai) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-text-primary-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const l=d;const n="IC-TOP-NAVIGATION";const h="IC-SIDE-NAVIGATION";const g=class{constructor(a){i(this,a);var t;this.ariaLabel=null;this.initialPosition=(t=this.position)!==null&&t!==void 0?t:"far";this.position="far";this.size="medium";this.theme="inherit";this.type="text";this.variant="neutral";this.visible=true;this.setBadgeColour=()=>{const i=this.customColor?s(this.customColor):null;if(i){const{r:a,g:t,b:c,a:s}=i;this.el.style.backgroundColor=`rgba(${a}, ${t}, ${c}, ${s})`;this.foregroundColour=e((a*299+t*587+c*114)/1e3)}};this.getLabel=()=>this.maxNumber&&Number(this.label)>this.maxNumber?`${this.maxNumber}+`:this.label;this.setAccessibleLabel=()=>{const i=this.el.parentElement;const a=this.isAccessibleLabelDefined()?this.accessibleLabel:this.label||"with badge being displayed";if(i){const{tagName:t}=i;if(t!=="IC-CARD"&&(t!=="IC-TAB"||t==="IC-TAB"&&this.parentAriaLabel)){const t=this.parentAriaLabel?`${this.parentAriaLabel} ,`:"";i.ariaLabel=this.visible?`${t} ${a}`:null}else{this.ariaLabel=`, ${a}`}}};this.setPositionInTopNavigation=()=>{this.position=this.isInMobileMode()||this.isInNavigationItem()?"inline":this.initialPosition};this.setPositionInSideNavigation=()=>{this.position="near"};this.isInTopNav=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return(a===null||a===void 0?void 0:a.tagName)===n||(t===null||t===void 0?void 0:t.tagName)===n};this.isInSideNav=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return(a===null||a===void 0?void 0:a.tagName)===h||(t===null||t===void 0?void 0:t.tagName)===h};this.isInMobileMode=()=>{const i=this.el.parentElement;if(!i)return false;const a=i.parentElement;const t=a===null||a===void 0?void 0:a.parentElement;return((a===null||a===void 0?void 0:a.tagName)===n||(a===null||a===void 0?void 0:a.tagName)===h)&&a.classList.contains("mobile-mode")||((t===null||t===void 0?void 0:t.tagName)===n||(t===null||t===void 0?void 0:t.tagName)===h)&&t.classList.contains("mobile-mode")};this.isInNavigationItem=()=>{const i=this.el.parentElement;if(!i)return false;return i.tagName==="IC-NAVIGATION-ITEM"};this.isAccessibleLabelDefined=()=>o(this.accessibleLabel)&&this.accessibleLabel!==null}accessibleLabelHandler(){this.setAccessibleLabel()}customColorHandler(){this.variant==="custom"&&this.setBadgeColour()}variantHandler(){if(this.variant==="custom"){this.setBadgeColour()}}visibleHandler(){this.setAccessibleLabel()}componentWillLoad(){var i;this.variant==="custom"&&this.setBadgeColour();const a=(i=this.el.parentElement)===null||i===void 0?void 0:i.ariaLabel;if(a)this.parentAriaLabel=a;this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&r([{prop:this.label,propName:"label"}],"Badge")}componentWillRender(){this.isInTopNav()&&this.setPositionInTopNavigation();this.isInSideNav()&&this.setPositionInSideNavigation()}navBarMenuOpenHandler(){this.isInTopNav()&&(this.position="inline")}navBarMenuCloseHandler(){this.isInTopNav()&&(this.position=this.initialPosition)}render(){const{ariaLabel:i,el:c,foregroundColour:s,getLabel:e,position:o,size:r,label:d,type:l,variant:n,visible:h,theme:g}=this;return a(t,{key:"43b8e638c7b0965ad3591f8b306637b7b5aeea58",class:{[`ic-badge-${o}`]:true,[`ic-badge-${r}`]:true,[`ic-badge-${n}`]:true,[`ic-badge-${l}`]:true,[`ic-badge-foreground-${s}`]:s!==null&&n==="custom",[`${h?"ic-badge-show":"ic-badge-hide"}`]:true,[`ic-theme-${g}`]:g!=="inherit"},id:c.id||null,"aria-label":i,role:"status"},l==="icon"&&a("slot",{key:"7f8a72f58bc485b3bfe69ef67d4e43d75a995f1f",name:"badge-icon"}),l==="text"&&d&&a("ic-typography",{key:"fe925213d388d0b3be444b9ab16a2a9a4cbc2649",variant:r==="small"?"badge-small":"badge"},e()),l==="dot"&&a("span",{key:"e6e8d7092112d105fb3914002b53a083c540fe47",class:"sr-only"},"badge"))}static get delegatesFocus(){return true}get el(){return c(this)}static get watchers(){return{accessibleLabel:["accessibleLabelHandler"],customColor:["customColorHandler"],variant:["variantHandler"],visible:["visibleHandler"]}}};g.style=l;export{g as ic_badge};
+//# sourceMappingURL=p-d77981a5.entry.js.map

package/dist/core/{p-518a8e87.entry.js → p-e0abd214.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as s}from"./p-8e4e97b4.js";import{C as c}from"./p-0aa9ce8b.js";import{e as a}from"./p-efa95979.js";const r=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";const o=n;const d=class{constructor(t){e(this,t);this.current=false;this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,s;let n="";if(this.type==="completed"){n=". Completed step"}else if(this.type==="disabled"){n=". Non-required step"}else if(this.status==="required"){n=". Required step"}else if(this.status==="optional"){n=". Optional step"}let o;if(this.status&&a(this.status)){o=this.status[0].toUpperCase()+this.status.slice(1)}let d;if(this.type==="disabled"||this.compactStepStyling==="disabled"){d="Not required"}else if(this.compactStepStyling==="completed"){d="Completed"}let p;if(this.type==="completed"||this.compactStepStyling==="completed"){p=t("span",{key:"8831990f0422a89e28d83c33bf98e6f5e47d09a6",class:"check-icon step-icon","aria-hidden":"true",innerHTML:c})}else if(this.type==="disabled"||this.compactStepStyling==="disabled"){p=t("span",{key:"aedd81eacbe9ca6a4e331142d09053926b00dcd4",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:r})}const l=t("div",{key:"384c84c08600c48982959a9a19a54e638bdd76a9",class:{["step"]:true,["current"]:!!this.current,[`compact-step-${this.compactStepStyling}`]:!!this.compactStepStyling,["disabled"]:this.type==="disabled"||this.compactStepStyling==="disabled"}},t("ic-loading-indicator",{key:"fb3373a16a3519a77689395882b77b07f84d00b2",class:{"compact-step-progress-indicator":true,"not-required":this.type==="disabled"||this.compactStepStyling==="disabled"},"aria-hidden":"true",size:"small","inner-label":this.stepNum,progress:this.progress}),t("div",{key:"e404a8d7fd56af5a6c3b38e7dd146ccbf6c0a921",class:"heading-area"},t("ic-typography",{key:"e2d2d3a3b2e2d1080a500f06c11fd2b19305e733",variant:"h4",class:"heading"},this.heading),t("div",{key:"a04253bd63d0e9cbc2ebd2ccc6c6cf1d684611b4",class:"info-line"},t("ic-typography",{key:"35699c8fd101642bcedacbb0e636f5f5e72d87d0",variant:"caption",class:"step-num"},`${this.stepNum} of ${this.lastStepNum}`,t("span",{key:"0bc9e891b17f66419150733982711999983197a1",class:"visually-hidden"}," steps")),(this.subheading||this.type==="completed"||this.type==="disabled"||this.variant==="compact"&&!!this.compactStepStyling&&this.compactStepStyling!=="active"||!!this.status)&&t("div",{key:"ce2356ecbc86e3805ddf84d7fa785f2a1495ef60",class:"step-status"},p!==undefined&&p,(this.subheading||d)&&t("ic-typography",{key:"f9ada98e6d45ff5dcd8784dbb24c4402b7bd378e",variant:"caption"},this.subheading!==null&&a(this.subheading)?this.subheading:this.type==="disabled"||this.variant==="compact"&&this.compactStepStyling==="disabled"||this.type==="completed"||this.variant==="compact"&&this.compactStepStyling==="completed"?d:this.status&&o))),this.lastStep?t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Last step"):a(this.nextStepHeading)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Next",t("span",{class:"visually-hidden"}," step is"),":"," ",this.nextStepHeading)));let h;if(this.type!=="completed"){h=t("ic-typography",{key:"5b3734765f9d5e5db8f0b2818ffd471817a96cc5",variant:"subtitle-small"},t("span",{key:"d4d3ffd87c95a0b98fce8a437a6afb3f4639993f",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{h=t("div",{key:"42447f9ec070e7e284aecfd49983259650d9abd3",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"4c7469fba1cf544d1d48c209c25db0bcaca14309",class:"check-icon",innerHTML:c}))}const u=this.type==="current"&&t("div",{key:"800764f8ca21ac1118c77ed860a163b3103fe62e",class:"step-connect-inner"});const b=!this.lastStep&&t("div",{key:"e5c0f38f7140800d60e5046d77d6cde34c5e7bd5",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},u);const f=t("div",{key:"cdfd23786b75a88fe1630318d8a1369a89090544",class:{["step"]:true,[`${this.type}`]:true}},t("div",{key:"c83625070a1ffe89fc53f66d55f06c994f868570",class:"step-top"},t("div",{key:"a6758050efffeb98522092fefa9b1261b3d9217b",class:"step-icon"},h),b),(this.heading||this.subheading||this.status)&&t("div",{key:"3ecf8d32da66fe336b7c0540c47726d060e8eaf8",class:"heading-area"},this.heading&&t("ic-typography",{key:"79557ec3d9a26be0fee2253a58c2f09132322017",variant:"subtitle-large",class:"heading"},this.heading),this.heading&&(this.subheading||this.status)&&t("ic-typography",{key:"f5a90f68ebc0721fec936541824ab79b415f566d",variant:"caption",class:"subheading"},this.subheading!==null&&a(this.subheading)?this.subheading:o)));return t(i,{key:"0cb6b6649c9af4565e5f663131b800a79b9b040d",role:"listitem","aria-label":`Step ${this.stepNum}${n}`,"aria-current":(this.current||this.type==="current")&&"step",class:{["aligned-full-width"]:!!(((s=this.el.parentElement)===null||s===void 0?void 0:s.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${this.variant}`]:true,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},this.variant==="compact"?l:f)}get el(){return s(this)}static get watchers(){return{type:["typeChangeHandler"]}}};d.style=o;export{d as ic_step};
-//# sourceMappingURL=p-518a8e87.entry.js.map
+import{r as e,h as t,H as c,g as a}from"./p-8e4e97b4.js";import{C as i}from"./p-0aa9ce8b.js";import{e as s}from"./p-542ac498.js";const r=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";const o=n;const d=class{constructor(t){e(this,t);this.current=false;this.icI18n={next:"Next",step:"Step",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,a;const{compactStepStyling:n,current:o,heading:d,icI18n:p,lastStep:l,lastStepNum:u,nextStepHeading:h,progress:b,status:v,stepNum:f,subheading:m,theme:g,type:x,variant:y}=this;let k="";if(x==="completed"){k=`. ${p.completed}`}else if(x==="disabled"){k=`. ${p.notRequired}`}else if(v==="required"){k=`. ${p.required}`}else if(v==="optional"){k=`. ${p.optional}`}let w;if(v&&s(v)){w=v[0].toUpperCase()+v.slice(1)}let $;if(x==="disabled"||n==="disabled"){$=p.notRequired}else if(n==="completed"){$=p.completed}let H;if(x==="completed"||n==="completed"){H=t("span",{key:"8c76808f7d75f2d9ae6293209ef86bae0e79716d",class:"check-icon step-icon","aria-hidden":"true",innerHTML:i})}else if(x==="disabled"||n==="disabled"){H=t("span",{key:"16ba6a8045db3f5694f7546a5458b6f91261d814",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:r})}const q=t("div",{key:"914fd4dade3b6900052b9ac08f665610f10ee467",class:{["step"]:true,["current"]:!!o,[`compact-step-${n}`]:!!n,["disabled"]:x==="disabled"||n==="disabled"}},t("ic-loading-indicator",{key:"4679914758455a299e8bab80e4640fa3fcdb6a18",class:{"compact-step-progress-indicator":true,"not-required":x==="disabled"||n==="disabled"},"aria-hidden":"true",size:"small","inner-label":f,progress:b}),t("div",{key:"7666cfe7acb4966bcb1baa07f457dba6b21120b5",class:"heading-area"},t("ic-typography",{key:"247088bc17d4ed998e5d04150e4a2e0c0a0185b2",variant:"h4",class:"heading"},d),t("div",{key:"bf63017723f6db8ccbb27583a2f04a548c596ea9",class:"info-line"},t("ic-typography",{key:"621c958bc31df3631b808a8055d964d71ba97388",variant:"caption",class:"step-num"},`${f} ${p.of} ${u}`,t("span",{key:"e08ea47dd3a11327ca6ee4b8e0d75f292c8c812f",class:"visually-hidden"}," steps")),(this.subheading||x==="completed"||x==="disabled"||this.variant==="compact"&&!!n&&n!=="active"||!!v)&&t("div",{key:"7614152c3bfad5b936e206e3ab9c295763f2569c",class:"step-status"},H!==undefined&&H,(m||$)&&t("ic-typography",{key:"8c1e5c2b326a40237d5e3ef5ed1bcdec7c8f8132",variant:"caption"},m!==null&&s(m)?m:x==="disabled"||y==="compact"&&n==="disabled"||x==="completed"||y==="compact"&&n==="completed"?$:v&&w))),l?t("ic-typography",{variant:"subtitle-small",class:"next-step"},p.lastStep):s(h)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},p.next,t("span",{class:"visually-hidden"}," ",p.step),":"," ",this.nextStepHeading)));let L;if(x!=="completed"){L=t("ic-typography",{key:"ffa20478aed6b35a92c1cc1f16ebcebb97492553",variant:"subtitle-small"},t("span",{key:"ed4a75d2aab01948cd6417c697a0c150d9f1d262",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{L=t("div",{key:"b50a1c3094e7f1328d0f86ab10892afcd8a3c41a",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"8c277146b4a653097a7e8ec5ceff6112e667ac38",class:"check-icon",innerHTML:i}))}const M=x==="current"&&t("div",{key:"5bc99a6129f3dfffc9b57175a2a18fd589a07557",class:"step-connect-inner"});const S=!l&&t("div",{key:"e16d56443005483e87a58164452d57fe93ccbaca",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},M);const j=t("div",{key:"d50917250a7ce0866f877bf7b957a45789059240",class:{["step"]:true,[`${x}`]:true}},t("div",{key:"c90e98efccf917d2327958e5bd0a722561e3e661",class:"step-top"},t("div",{key:"2ae403e7604d97633da0f5df80665626312e6d98",class:"step-icon"},L),S),(d||m||v)&&t("div",{key:"0b028ca96dd4ba62da9a77327575af1178b95e87",class:"heading-area"},d&&t("ic-typography",{key:"19127034e751855cf6b817d4afe4e4b6e1542321",variant:"subtitle-large",class:"heading"},d),d&&(m||v)&&t("ic-typography",{key:"1faa4f2dfc841105d9989e442360c44d0b162f4d",variant:"caption",class:"subheading"},m!==null&&s(m)?m:w)));return t(c,{key:"05bb1106d2259fca749c197e79caa408dc237326",role:"listitem","aria-label":`${p.step} ${f}${k}`,"aria-current":(o||x==="current")&&"step",class:{["aligned-full-width"]:!!(((a=this.el.parentElement)===null||a===void 0?void 0:a.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${y}`]:true,[`ic-theme-${g}`]:this.theme!=="inherit"}},y==="compact"?q:j)}get el(){return a(this)}static get watchers(){return{type:["typeChangeHandler"]}}};d.style=o;export{d as ic_step};
+//# sourceMappingURL=p-e0abd214.entry.js.map

package/dist/core/p-e0abd214.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","icI18n","next","step","of","lastStep","completed","notRequired","required","optional","theme","type","typeChangeHandler","variant","render","_a","_b","compactStepStyling","heading","lastStepNum","nextStepHeading","progress","status","stepNum","subheading","ariaLabel","stepStatus","isPropDefined","toUpperCase","slice","stepType","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","undefined","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n\n  --ic-typography-color: currentcolor;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.next-step {\n  color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.visually-hidden:dir(rtl) {\n  right: -9999px;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-step-indicator-status-current);\n  --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n  background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n  color: var(--ic-stepper-compact-step-title-disabled);\n}\n\n.info-line {\n  display: flex;\n  -moz-column-gap: var(--ic-space-xs);\n       column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-stepper-compact-step-requirement-text);\n  -moz-column-gap: var(--ic-space-xxxs);\n       column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n  color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n  color: var(--ic-stepper-compact-step-stage-text);\n  white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n  flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n  border-radius: 50%;\n  background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n  color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default) .heading-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.heading {\n  color: var(--ic-step-title);\n}\n\n.current .heading {\n  color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n  color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n  color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n  color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n  color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n  color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n  color: var(--ic-status-success-default);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-step-number-background-active);\n  color: var(--ic-step-number-text-current);\n}\n\n.disabled {\n  color: var(--ic-color-text-disabled-mid);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n  background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-step-number-background-success);\n  box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n  background-color: var(--ic-step-number-current-outer-fill);\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-stepper-connector-remaining-status);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.heading, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-border-hc);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.ic-step-default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .heading-area,\n  .disabled .step-icon-inner,\n  .disabled .heading {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n    constructor() {\n        /**\n         * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.\n         */\n        this.current = false;\n        /**\n         * Words within the component that can be replaced to translate the component into a different language\n         */\n        this.icI18n = {\n            next: \"Next\",\n            step: \"Step\",\n            of: \"of\",\n            lastStep: \"Last step\",\n            completed: \"Completed\",\n            notRequired: \"Not required\",\n            required: \"Required\",\n            optional: \"Optional\",\n        };\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        /**\n         * The state of the step within the stepper.\n         */\n        this.type = \"active\";\n    }\n    typeChangeHandler() {\n        if (this.variant === \"compact\" && this.type === \"current\") {\n            this.current = true;\n        }\n        else {\n            this.current = false;\n        }\n    }\n    render() {\n        var _a, _b;\n        const { compactStepStyling, current, heading, icI18n, lastStep, lastStepNum, nextStepHeading, progress, status, stepNum, subheading, theme, type, variant, } = this;\n        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (type === \"completed\") {\n            ariaLabel = `. ${icI18n.completed}`;\n        }\n        else if (type === \"disabled\") {\n            ariaLabel = `. ${icI18n.notRequired}`;\n        }\n        else if (status === \"required\") {\n            ariaLabel = `. ${icI18n.required}`;\n        }\n        else if (status === \"optional\") {\n            ariaLabel = `. ${icI18n.optional}`;\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (status && isPropDefined(status)) {\n            stepStatus = status[0].toUpperCase() + status.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n            stepType = icI18n.notRequired;\n        }\n        else if (compactStepStyling === \"completed\") {\n            stepType = icI18n.completed;\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (type === \"completed\" || compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { key: '8c76808f7d75f2d9ae6293209ef86bae0e79716d', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { key: '16ba6a8045db3f5694f7546a5458b6f91261d814', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { key: '914fd4dade3b6900052b9ac08f665610f10ee467', class: {\n                [\"step\"]: true,\n                [\"current\"]: !!current,\n                [`compact-step-${compactStepStyling}`]: !!compactStepStyling,\n                [\"disabled\"]: type === \"disabled\" || compactStepStyling === \"disabled\",\n            } }, h(\"ic-loading-indicator\", { key: '4679914758455a299e8bab80e4640fa3fcdb6a18', class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": type === \"disabled\" || compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": stepNum, progress: progress }), h(\"div\", { key: '7666cfe7acb4966bcb1baa07f457dba6b21120b5', class: \"heading-area\" }, h(\"ic-typography\", { key: '247088bc17d4ed998e5d04150e4a2e0c0a0185b2', variant: \"h4\", class: \"heading\" }, heading), h(\"div\", { key: 'bf63017723f6db8ccbb27583a2f04a548c596ea9', class: \"info-line\" }, h(\"ic-typography\", { key: '621c958bc31df3631b808a8055d964d71ba97388', variant: \"caption\", class: \"step-num\" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h(\"span\", { key: 'e08ea47dd3a11327ca6ee4b8e0d75f292c8c812f', class: \"visually-hidden\" }, \" steps\")), (this.subheading ||\n            type === \"completed\" ||\n            type === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!compactStepStyling &&\n                compactStepStyling !== \"active\") ||\n            !!status) && (h(\"div\", { key: '7614152c3bfad5b936e206e3ab9c295763f2569c', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h(\"ic-typography\", { key: '8c1e5c2b326a40237d5e3ef5ed1bcdec7c8f8132', variant: \"caption\" }, subheading !== null && isPropDefined(subheading)\n            ? subheading\n            : type === \"disabled\" ||\n                (variant === \"compact\" &&\n                    compactStepStyling === \"disabled\") ||\n                type === \"completed\" ||\n                (variant === \"compact\" &&\n                    compactStepStyling === \"completed\")\n                ? stepType\n                : status && stepStatus))))), lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.lastStep)) : (isPropDefined(nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.next, h(\"span\", { class: \"visually-hidden\" }, \" \", icI18n.step), \":\", \" \", this.nextStepHeading))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (type !== \"completed\") {\n            icon = (h(\"ic-typography\", { key: 'ffa20478aed6b35a92c1cc1f16ebcebb97492553', variant: \"subtitle-small\" }, h(\"span\", { key: 'ed4a75d2aab01948cd6417c697a0c150d9f1d262', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { key: 'b50a1c3094e7f1328d0f86ab10892afcd8a3c41a', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '8c277146b4a653097a7e8ec5ceff6112e667ac38', class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = type === \"current\" && (h(\"div\", { key: '5bc99a6129f3dfffc9b57175a2a18fd589a07557', class: \"step-connect-inner\" }));\n        const finalStep = !lastStep && (h(\"div\", { key: 'e16d56443005483e87a58164452d57fe93ccbaca', class: {\n                [\"step-connect\"]: true,\n                [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n            } }, partialBar));\n        // DEFAULT STEP COMPONENT\n        const defaultStep = (h(\"div\", { key: 'd50917250a7ce0866f877bf7b957a45789059240', class: {\n                [\"step\"]: true,\n                [`${type}`]: true,\n            } }, h(\"div\", { key: 'c90e98efccf917d2327958e5bd0a722561e3e661', class: \"step-top\" }, h(\"div\", { key: '2ae403e7604d97633da0f5df80665626312e6d98', class: \"step-icon\" }, icon), finalStep), (heading || subheading || status) && (h(\"div\", { key: '0b028ca96dd4ba62da9a77327575af1178b95e87', class: \"heading-area\" }, heading && (h(\"ic-typography\", { key: '19127034e751855cf6b817d4afe4e4b6e1542321', variant: \"subtitle-large\", class: \"heading\" }, heading)), heading && (subheading || status) && (h(\"ic-typography\", { key: '1faa4f2dfc841105d9989e442360c44d0b162f4d', variant: \"caption\", class: \"subheading\" }, subheading !== null && isPropDefined(subheading)\n            ? subheading\n            : stepStatus))))));\n        return (h(Host, { key: '05bb1106d2259fca749c197e79caa408dc237326', role: \"listitem\", \"aria-label\": `${icI18n.step} ${stepNum}${ariaLabel}`, \"aria-current\": (current || type === \"current\") && \"step\", class: {\n                [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n                [`ic-step-${variant}`]: true,\n                [`ic-theme-${theme}`]: this.theme !== \"inherit\",\n            } }, variant === \"compact\" ? compactStep : defaultStep));\n    }\n    static get is() { return \"ic-step\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"compactStepStyling\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"compact-step-styling\",\n                \"reflect\": false\n            },\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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`, and a compact stepper  is being used, the current step will be the only step in view.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"icI18n\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepI18n\",\n                    \"resolved\": \"{ next: string; step: string; of: string; lastStep: string; completed: string; notRequired: string; required: string; optional: string; }\",\n                    \"references\": {\n                        \"IcStepI18n\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepI18n\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Words within the component that can be replaced to translate the component into a different language\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"defaultValue\": \"{\\n    next: \\\"Next\\\",\\n    step: \\\"Step\\\",\\n    of: \\\"of\\\",\\n    lastStep: \\\"Last step\\\",\\n    completed: \\\"Completed\\\",\\n    notRequired: \\\"Not required\\\",\\n    required: \\\"Required\\\",\\n    optional: \\\"Optional\\\",\\n  }\"\n            },\n            \"lastStep\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step\",\n                \"reflect\": false\n            },\n            \"lastStepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step-num\",\n                \"reflect\": false\n            },\n            \"nextStepHeading\": {\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 name of the next step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"next-step-heading\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            },\n            \"stepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number, managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"step-num\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepStatuses\",\n                    \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"subheading\": {\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\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"heading\": {\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 title of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\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\": \"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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"active\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"type\",\n                \"methodName\": \"typeChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-b8938f93.entry.js → p-e4f1d72b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-8e4e97b4.js";import{a as r,r as c,i as a,o as l}from"./p-0f22f41e.js";const n=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const h=':host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}::slotted([slot="router-item"]){display:flex;align-items:center;min-height:var(--ic-space-xl);text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:var(--ic-space-xxs) var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot="router-item"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);transition:var(--ic-transition-duration-fast);outline:none}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover){background-color:var(--ic-tree-view-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot="router-item"]:active){background-color:var(--ic-tree-view-pressed) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:var(--ic-tree-view-selected) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot="router-item"]){min-height:var(--ic-space-lg)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot="router-item"]){min-height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot="router-item"]){height:var(--ic-space-lg)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}:host .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs);margin-bottom:calc(var(--ic-space-xxs) * -1)}:host(.ic-tree-item-disabled) .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow-disabled)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs));margin-bottom:0}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{min-width:var(--ic-space-lg);width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}::slotted([slot="icon"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover),:host .tree-item-content:active,::slotted([slot="router-item"]:active),:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:none !important}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){border:var(--ic-border-hc) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){color:Highlight !important;--ic-typography-color:Highlight !important}}';const d=h;let m=0;const v=class{constructor(i){t(this,i);this.icTreeItemSelected=e(this,"icTreeItemSelected",7);this.icTreeItemExpanded=e(this,"icTreeItemExpanded",7);this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.TOOLTIP="ic-tooltip";this.TREE_ITEM_LABEL_CLASS_SELECTOR=".tree-item-label";this.TREE_ITEM_CONTENT_CLASS_SELECTOR=".tree-item-content";this.disabled=false;this.expanded=false;this.hasParentExpanded=false;this.hreflang="";this.isParent=false;this.label="";this.selected=false;this.size="medium";this.theme="inherit";this.handleTreeItemClicked=()=>{if(this.isParent){this.expanded=!this.expanded;this.hasParentExpanded=true}this.updateAriaLabel();this.selected=true};this.setTreeItemPadding=()=>{var t;let e=1;let i=this.el.parentElement;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR);if(!i){return}const o=Array.from(i.children).some((t=>t!==this.el&&!t.querySelector('[slot="router-item"]')&&!t.querySelector('[slot="label"]')&&t.children.length>0));if(o&&!this.el.isParent||i.tagName===this.treeItemTag&&!this.el.isParent){if(this.hasRouterSlot()){this.routerSlot.classList.add("ic-tree-item-single")}else{s.classList.add("ic-tree-item-single")}}while(i){if(i.tagName===this.treeItemTag){e++;s.style.paddingLeft=!this.el.isParent?`calc(var(--ic-space-${o?"xl":"xs"}) + ${e*(o?16:24)}px)`:`${e*16}px`}i=i.parentElement}};this.truncateTreeItemLabel=t=>{var e,i;let s=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const o=t.querySelector("[slot='router-item']");let r=o===null||o===void 0?void 0:o.scrollHeight;if(!s&&o){const t=document.createElement("ic-typography");t.innerHTML=o.textContent;t.classList.add("tree-item-label");o.replaceChild(t,o.firstChild);s=t}else if(s){r=s.scrollHeight}const c=!!(s===null||s===void 0?void 0:s.closest(this.TOOLTIP));const a=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||o;if(a){const t=parseFloat(getComputedStyle(a).height);if(r&&t&&r>t&&!c&&s){const t=document.createElement("ic-tooltip");t.setAttribute("target",this.el.id);t.setAttribute("label",s.textContent);t.setAttribute("placement","right");if(a===o){a.addEventListener("focus",(()=>this.handleDisplayTooltip(true)));a.addEventListener("blur",(()=>this.handleDisplayTooltip(false)));t.setAttribute("style","overflow:hidden;");s.setAttribute("style","overflow:hidden;text-overflow:ellipsis;white-space:nowrap;")}else{t.classList.add("ic-tooltip-overflow");s.classList.add("ic-text-overflow")}a.appendChild(t);t.appendChild(s)}}};this.removeTreeItemTruncation=t=>{var e,i;const s=t.querySelector("[slot='router-item']");const o=((e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||s.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const r=o===null||o===void 0?void 0:o.closest(this.TOOLTIP);const c=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||s;if(r){o.classList.remove("ic-text-overflow");c.replaceChild(c===s?o.firstChild:o,r)}};this.handleDisplayTooltip=t=>{var e;const i=((e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const s=i===null||i===void 0?void 0:i.closest(this.TOOLTIP);s===null||s===void 0?void 0:s.displayTooltip(t)};this.setChildTreeItems=()=>{this.childTreeItems=Array.from(this.el.children).filter((t=>t.tagName===this.treeItemTag));this.isParent=this.childTreeItems.length>0};this.hostMutationCallback=t=>{this.setChildTreeItems();r(t,"icon",this)}}watchDisabledHandler(){c(this.disabled,this.el)}watchExpandedHandler(){this.icTreeItemExpanded.emit({isExpanded:this.expanded,id:this.el.id})}watchSelectedHandler(){if(this.selected){this.icTreeItemSelected.emit({id:this.el.id})}this.updateAriaLabel()}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){c(this.disabled,this.el);this.setChildTreeItems()}componentDidLoad(){this.setTreeItemPadding();this.updateAriaLabel();!a(this.el,"label")&&l([{prop:this.label,propName:"label"}],"Tree item");this.hostMutationObserver=new MutationObserver((t=>{this.hostMutationCallback(t)}));this.hostMutationObserver.observe(this.el,{childList:true})}componentDidRender(){this.truncateTreeItem?this.truncateTreeItemLabel(this.el):this.removeTreeItemTruncation(this.el);if(this.expanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}))}}componentDidUpdate(){if(this.hasParentExpanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}));this.hasParentExpanded=false}}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){t.stopImmediatePropagation();this.handleTreeItemClicked()}}async setFocus(){var t,e;if(this.hasRouterSlot()){(t=this.routerSlot)===null||t===void 0?void 0:t.focus()}else{(e=this.treeItemElement)===null||e===void 0?void 0:e.focus()}}async updateAriaLabel(){let t;if(this.hasRouterSlot()){t=this.routerSlot.textContent}else if(a(this.el,"label")){t=this.el.querySelector('[slot="label"]').textContent}else{t=this.label}if(this.isParent){t=`${t}, triggers submenu, ${this.expanded?"expanded":"collapsed"}`}if(this.el.parentElement){const e=Array.from(this.el.parentElement.children).filter((t=>t.tagName===this.treeItemTag));const i=e.indexOf(this.el)+1;const s=e.length;t=`${t}, ${i} of ${s}`}if(this.selected){t=`${t}, active`}if(this.disabled){t=`${t}, dimmed`}if(this.hasRouterSlot()){this.routerSlot.ariaLabel=t}else{this.treeItemElement.ariaLabel=t}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');return!!this.routerSlot}render(){var t;const{disabled:e,label:o,selected:r,size:c,expanded:l,theme:h}=this;const d=this.href&&!this.disabled?"a":"div";const v=d=="a"&&{href:this.href,hrefLang:this.hreflang,referrerPolicy:this.referrerpolicy,rel:this.rel,target:this.target};return i(s,{key:"d46ba231b2a4e4b223df95b23064b4657fc59eb9",class:{"ic-tree-item-disabled":e,"ic-tree-item-selected":!e&&r,[`ic-tree-item-${c}`]:c!=="medium",[`ic-theme-${h}`]:h!=="inherit","ic-tree-item-truncate":!!this.truncateTreeItem},id:(t=this.treeItemId)!==null&&t!==void 0?t:`ic-tree-item-${m++}`},this.hasRouterSlot()?i("slot",{name:"router-item"}):i(d,Object.assign({class:{"tree-item-content":true},tabIndex:e?-1:0,onClick:this.handleTreeItemClicked,ref:t=>this.treeItemElement=t,"aria-disabled":e?"true":"false","aria-live":"polite"},v,{onFocus:()=>this.handleDisplayTooltip(true),onBlur:()=>this.handleDisplayTooltip(false)}),this.isParent&&i("span",{class:{["arrow-dropdown"]:true,["tree-item-expanded"]:l},"aria-hidden":"true",innerHTML:n}),a(this.el,"icon")&&i("div",{class:"icon-container"},i("slot",{name:"icon"})),i("ic-typography",{class:"tree-item-label"},a(this.el,"label")?i("slot",{name:"label"}):o)),l&&i("div",{key:"b6d59306dc68150e6c51fe8d8e9985702837824b","aria-hidden":`${!l}`},i("slot",{key:"fe7f782b4b5c4b2d5eeaab7ff511747d37d6068f"})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["watchExpandedHandler"],selected:["watchSelectedHandler"]}}};v.style=d;export{v as ic_tree_item};
-//# sourceMappingURL=p-b8938f93.entry.js.map
+import{r as t,c as e,h as i,H as s,g as o}from"./p-8e4e97b4.js";import{a as r,r as c,i as l,o as a}from"./p-0f22f41e.js";const n=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const h=':host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}::slotted([slot="router-item"]){display:flex;align-items:center;min-height:var(--ic-space-xl);text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:var(--ic-space-xxs) var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot="router-item"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);transition:var(--ic-transition-duration-fast);outline:none}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover){background-color:var(--ic-tree-view-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot="router-item"]:active){background-color:var(--ic-tree-view-pressed) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:var(--ic-tree-view-selected) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot="router-item"]){min-height:var(--ic-space-lg)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot="router-item"]){min-height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot="router-item"]){height:var(--ic-space-lg)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}:host .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs);margin-bottom:calc(var(--ic-space-xxs) * -1)}:host(.ic-tree-item-disabled) .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow-disabled)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs));margin-bottom:0}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{min-width:var(--ic-space-lg);width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}::slotted([slot="icon"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover),:host .tree-item-content:active,::slotted([slot="router-item"]:active),:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:none !important}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){border:var(--ic-border-hc) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){color:Highlight !important;--ic-typography-color:Highlight !important}}';const d=h;let m=0;const v=class{constructor(i){t(this,i);this.icTreeItemSelected=e(this,"icTreeItemSelected",7);this.icTreeItemExpanded=e(this,"icTreeItemExpanded",7);this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.TOOLTIP="ic-tooltip";this.TREE_ITEM_LABEL_CLASS_SELECTOR=".tree-item-label";this.TREE_ITEM_CONTENT_CLASS_SELECTOR=".tree-item-content";this.disabled=false;this.expanded=false;this.hasParentExpanded=false;this.hreflang="";this.isParent=false;this.label="";this.selected=false;this.size="medium";this.theme="inherit";this.handleTreeItemClicked=()=>{if(this.isParent){this.expanded=!this.expanded;this.hasParentExpanded=true}this.updateAriaLabel();this.selected=true};this.setTreeItemPadding=()=>{var t;let e=1;let i=this.el.parentElement;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR);if(!i){return}const o=Array.from(i.children).some((t=>t!==this.el&&!t.querySelector('[slot="router-item"]')&&!t.querySelector('[slot="label"]')&&t.children.length>0));if(o&&!this.el.isParent||i.tagName===this.treeItemTag&&!this.el.isParent){if(this.hasRouterSlot()){this.routerSlot.classList.add("ic-tree-item-single")}else{s.classList.add("ic-tree-item-single")}}while(i){if(i.tagName===this.treeItemTag){e++;s.style.paddingLeft=!this.el.isParent?`calc(var(--ic-space-${o?"xl":"xs"}) + ${e*(o?16:24)}px)`:`${e*16}px`}i=i.parentElement}};this.truncateTreeItemLabel=t=>{var e,i;let s=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const o=t.querySelector("[slot='router-item']");let r=o===null||o===void 0?void 0:o.scrollHeight;if(!s&&o){const t=document.createElement("ic-typography");t.innerHTML=o.textContent;t.classList.add("tree-item-label");o.replaceChild(t,o.firstChild);s=t}else if(s){r=s.scrollHeight}const c=!!(s===null||s===void 0?void 0:s.closest(this.TOOLTIP));const l=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||o;if(l){const t=parseFloat(getComputedStyle(l).height);if(r&&t&&r>t&&!c&&s){const t=document.createElement("ic-tooltip");t.setAttribute("target",this.el.id);t.setAttribute("label",s.textContent);t.setAttribute("placement","right");if(l===o){l.addEventListener("focus",(()=>this.handleDisplayTooltip(true)));l.addEventListener("blur",(()=>this.handleDisplayTooltip(false)));t.setAttribute("style","overflow:hidden;");s.setAttribute("style","overflow:hidden;text-overflow:ellipsis;white-space:nowrap;")}else{t.classList.add("ic-tooltip-overflow");s.classList.add("ic-text-overflow")}l.appendChild(t);t.appendChild(s)}}};this.removeTreeItemTruncation=t=>{var e,i;const s=t.querySelector("[slot='router-item']");const o=((e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||s.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const r=o===null||o===void 0?void 0:o.closest(this.TOOLTIP);const c=((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR))||s;if(r){o.classList.remove("ic-text-overflow");c.replaceChild(c===s?o.firstChild:o,r)}};this.handleDisplayTooltip=t=>{var e;const i=((e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR))||this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);const s=i===null||i===void 0?void 0:i.closest(this.TOOLTIP);s===null||s===void 0?void 0:s.displayTooltip(t)};this.setChildTreeItems=()=>{this.childTreeItems=Array.from(this.el.children).filter((t=>t.tagName===this.treeItemTag));this.isParent=this.childTreeItems.length>0};this.hostMutationCallback=t=>{this.setChildTreeItems();r(t,"icon",this)}}watchDisabledHandler(){c(this.disabled,this.el)}watchExpandedHandler(){this.icTreeItemExpanded.emit({isExpanded:this.expanded,id:this.el.id})}watchSelectedHandler(){if(this.selected){this.icTreeItemSelected.emit({id:this.el.id})}this.updateAriaLabel()}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){c(this.disabled,this.el);this.setChildTreeItems()}componentDidLoad(){this.setTreeItemPadding();this.updateAriaLabel();!l(this.el,"label")&&a([{prop:this.label,propName:"label"}],"Tree item");this.hostMutationObserver=new MutationObserver((t=>{this.hostMutationCallback(t)}));this.hostMutationObserver.observe(this.el,{childList:true})}componentDidRender(){this.truncateTreeItem?this.truncateTreeItemLabel(this.el):this.removeTreeItemTruncation(this.el);if(this.expanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}))}}componentDidUpdate(){if(this.hasParentExpanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem?this.truncateTreeItemLabel(t):this.removeTreeItemTruncation(t)}));this.hasParentExpanded=false}}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){t.stopImmediatePropagation();this.handleTreeItemClicked()}}async setFocus(){var t,e;if(this.hasRouterSlot()){(t=this.routerSlot)===null||t===void 0?void 0:t.focus()}else{(e=this.treeItemElement)===null||e===void 0?void 0:e.focus()}}async updateAriaLabel(){let t;if(this.hasRouterSlot()){t=this.routerSlot.textContent}else if(l(this.el,"label")){t=this.el.querySelector('[slot="label"]').textContent}else{t=this.label}if(this.isParent){t=`${t}, triggers submenu, ${this.expanded?"expanded":"collapsed"}`}if(this.el.parentElement){const e=Array.from(this.el.parentElement.children).filter((t=>t.tagName===this.treeItemTag));const i=e.indexOf(this.el)+1;const s=e.length;t=`${t}, ${i} of ${s}`}if(this.selected){t=`${t}, active`}if(this.disabled){t=`${t}, dimmed`}if(this.hasRouterSlot()){this.routerSlot.ariaLabel=t}else{this.treeItemElement.ariaLabel=t}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');return!!this.routerSlot}render(){var t;const{disabled:e,label:o,selected:r,size:c,expanded:a,theme:h}=this;const d=this.href&&!this.disabled?"a":"div";const v=d=="a"&&{href:this.href,hrefLang:this.hreflang,referrerPolicy:this.referrerpolicy,rel:this.rel,target:this.target};return i(s,{key:"d255f1d49d96b7d81028f57d2d6970f61779178c",class:{"ic-tree-item-disabled":e,"ic-tree-item-selected":!e&&r,[`ic-tree-item-${c}`]:c!=="medium",[`ic-theme-${h}`]:h!=="inherit","ic-tree-item-truncate":!!this.truncateTreeItem},id:(t=this.treeItemId)!==null&&t!==void 0?t:`ic-tree-item-${m++}`},this.hasRouterSlot()?i("slot",{name:"router-item"}):i(d,Object.assign({class:{"tree-item-content":true},tabIndex:e?-1:0,onClick:this.handleTreeItemClicked,ref:t=>this.treeItemElement=t,"aria-disabled":e?"true":"false","aria-live":"polite"},v,{onFocus:()=>this.handleDisplayTooltip(true),onBlur:()=>this.handleDisplayTooltip(false)}),this.isParent&&i("span",{class:{["arrow-dropdown"]:true,["tree-item-expanded"]:a},"aria-hidden":"true",innerHTML:n}),l(this.el,"icon")&&i("div",{class:"icon-container"},i("slot",{name:"icon"})),i("ic-typography",{class:"tree-item-label"},l(this.el,"label")?i("slot",{name:"label"}):o)),a&&i("div",{key:"dd643489739fe645df8bb5914695188429948389","aria-hidden":`${!a}`},i("slot",{key:"f0053e420c79af89cde77b7c30ee9b08fe0a53d0"})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["watchExpandedHandler"],selected:["watchSelectedHandler"]}}};v.style=d;export{v as ic_tree_item};
+//# sourceMappingURL=p-e4f1d72b.entry.js.map

package/dist/core/{p-5976d13e.entry.js → p-e8cea1d5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,H as c,g as s}from"./p-8e4e97b4.js";import{r as a,y as o,z as r,o as n,F as l,k as d}from"./p-efa95979.js";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:inline-block;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text);--ic-input-label-helpertext-padding:var(--ic-space-xs)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-xs)}.ic-switch-label-small{margin-bottom:var(--ic-space-xs)}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast);margin-left:var(--ic-space-xxs)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n    var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted([slot="right-adornment"]){margin-left:var(--ic-space-sm);fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';const b=h;let p=0;const w=class{constructor(t){e(this,t);this.icBlur=i(this,"icBlur",7);this.icChange=i(this,"icChange",7);this.icFocus=i(this,"icFocus",7);this.inputId=`ic-switch-input-${p++}`;this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.name=this.inputId;this.size="medium";this.theme="inherit";this.value="on";this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked}}checkedChangeHandler(){this.checkedState=!!this.checked}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;r(this.el,this.handleFormReset);a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){var e,i;(i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("input"))===null||i===void 0?void 0:i.focus()}render(){const{label:e,checkedState:i,size:s,disabled:a,name:o,value:r,hideLabel:n,helperText:h,inputId:b,theme:p}=this;const w=s==="small";l(this.el,i?r:"",o,a);return t(c,{key:"4d5830cca94b2dd699ad0f906dc1095f267675d4",class:{[`ic-theme-${p}`]:p!=="inherit"}},t("label",{key:"61c6e73d0435b8911566ac628313f6a44c67d297",class:{"ic-switch-container":true,"ic-switch-disabled":!!a,"ic-switch-small":w},htmlFor:b},!n&&t("ic-input-label",{key:"e8be8d74b3183a3b4a8ab53e7f38e0eda8d8b4e0",for:b,label:e,helperText:h,readonly:false,disabled:a,class:{"ic-switch-label":true,"ic-switch-label-small":w}},t("slot",{key:"c26f98190a6dac0fcbcac0e76d512de045ed728e",name:"helper-text",slot:"helper-text"})),!n&&t("span",{key:"138bab016cba136f3f5bf5f8ed04fef823dfa7c1",class:"ic-switch-line-break"}),t("input",{key:"e1ee536f3683fbf23a874fa3b33099107df38636",checked:i,disabled:a,"aria-label":e,"aria-checked":i?"true":"false","aria-describedby":d(this.el,b,h!=="",false),role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:b,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{key:"1148ac346b57bac965f562511a4d05e480bddd6c",class:"ic-switch-toggle"},t("svg",{key:"78508c5b97bf67b0e9e3b23911bb53aaeeb7271c",class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{key:"c32e2f0c7d95be778ba673085d95b03275e17d42",class:"ic-switch-icon-line",x1:"9",y1:w?"2":"1",x2:"9",y2:w?"8":"9"})),t("svg",{key:"ba5c613c591a7d1b7d9c11682b3db371449bf9e6",class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{key:"c15318f31f8b84ac4d38488ab90808ba8fd6886c",class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:w?"3.335":"4.445"}))),t("slot",{key:"9ea7ffdc5e061674be43b1f5a06e262acc7ebd3a",name:"right-adornment"})))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"],disabled:["watchDisabledHandler"]}}};w.style=b;export{w as ic_switch};
-//# sourceMappingURL=p-5976d13e.entry.js.map
+import{r as e,c as i,h as t,H as c,g as s}from"./p-8e4e97b4.js";import{r as a,y as o,z as r,o as n,F as l,k as d}from"./p-542ac498.js";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:inline-block;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text);--ic-input-label-helpertext-padding:var(--ic-space-xs)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-xs)}.ic-switch-label-small{margin-bottom:var(--ic-space-xs)}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast);margin-left:var(--ic-space-xxs)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n    var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted([slot="right-adornment"]){margin-left:var(--ic-space-sm);fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';const b=h;let p=0;const w=class{constructor(t){e(this,t);this.icBlur=i(this,"icBlur",7);this.icChange=i(this,"icChange",7);this.icFocus=i(this,"icFocus",7);this.inputId=`ic-switch-input-${p++}`;this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.name=this.inputId;this.size="medium";this.theme="inherit";this.value="on";this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked}}checkedChangeHandler(){this.checkedState=!!this.checked}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;r(this.el,this.handleFormReset);a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){var e,i;(i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("input"))===null||i===void 0?void 0:i.focus()}render(){const{label:e,checkedState:i,size:s,disabled:a,name:o,value:r,hideLabel:n,helperText:h,inputId:b,theme:p}=this;const w=s==="small";l(this.el,i?r:"",o,a);return t(c,{key:"1f3cc9bbab1f273d76380e351f4fc3dfbcb85a55",class:{[`ic-theme-${p}`]:p!=="inherit"}},t("label",{key:"49569c926514f3832f137bc36638fc8318407abe",class:{"ic-switch-container":true,"ic-switch-disabled":!!a,"ic-switch-small":w},htmlFor:b},!n&&t("ic-input-label",{key:"1e7934fa8eb3514931b16e3723374792da3fc77b",for:b,label:e,helperText:h,readonly:false,disabled:a,class:{"ic-switch-label":true,"ic-switch-label-small":w}},t("slot",{key:"909af29daf9c94113ee16fbba1eeba563acb6a91",name:"helper-text",slot:"helper-text"})),!n&&t("span",{key:"e25526f252995da3cfe450eb806a3eb1ef5a2089",class:"ic-switch-line-break"}),t("input",{key:"e6e78d8ddb9af85c055adcad3ef21fbac2fd5d01",checked:i,disabled:a,"aria-label":e,"aria-checked":i?"true":"false","aria-describedby":d(this.el,b,h!=="",false),role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:b,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{key:"a0be597711d9b13b2e0224b9518f364a55d7f3bd",class:"ic-switch-toggle"},t("svg",{key:"2f7dab194ad8a6d0795c9067b1a6f4e162b79aa3",class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{key:"f763ce863fe848d012cacc38886a6c39c6857f06",class:"ic-switch-icon-line",x1:"9",y1:w?"2":"1",x2:"9",y2:w?"8":"9"})),t("svg",{key:"49fa1c767bad7c491a6c52c4efa9c5fb1d2d9646",class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{key:"5165a18b8d1e9d5e9d0067d00559d76f50522753",class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:w?"3.335":"4.445"}))),t("slot",{key:"ddee1e8995f799a83c5e00f44c041130bc7d7978",name:"right-adornment"})))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"],disabled:["watchDisabledHandler"]}}};w.style=b;export{w as ic_switch};
+//# sourceMappingURL=p-e8cea1d5.entry.js.map