@ukic/canary-web-components 3.0.0-canary.16 → 3.0.0-canary.18

package/dist/core/{p-91b8ee39.entry.js.map → p-7c096c5e.entry.js.map}

@@ -1 +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"],"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.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/* 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/* 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/* 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.radio-label {\n  margin-left: var(--ic-space-md);\n  --ic-typography-color: var(--ic-radio-button-text-option);\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-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\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 0;\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: 'e51c6f675adeb824cebdd004e5c28a9f726cb5eb', onClick: handleClick, onKeyDown: handleKeyDown, class: {\n                [\"ic-radio-option-disabled\"]: !!disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: '5cfdadaeb79d3a7338231e1653e42751bd1d89bd', class: { container: true, disabled: !!disabled } }, h(\"div\", { key: '917cfdee6607ecd950fd4c09e54ed02a3f6945c4' }, h(\"input\", { key: '9ca5649b90f8f6c087710595842f38cadecd901c', 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: '8670450d9fa0cb5db352f60b6e0feff048604dbd', class: \"checkmark\" })), h(\"ic-typography\", { key: '44c544df2f59735c82e01ad3d1e7892f47e53523', class: \"radio-label\", variant: \"body\" }, h(\"label\", { key: '55e93f4241c0fdc6831fb6da6a670c2a44311412', htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { key: 'bfa342e1dda96334553cc65752e6c41a64c19f5a', class: {\n                \"dynamic-container\": true,\n                hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { key: 'd9ab0bbac6d2f66dd363877b169ee2823802730b', class: \"branch-corner\" })), h(\"div\", { key: 'a02719781e2362eef43f0b97b28f4e653a21eaa8' }, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { key: 'a1bfbd7ef7425ae4df7edca3ca07592263198cd9', variant: \"caption\" }, h(\"p\", { key: 'd363e1bb13954c43b2a24f052594c661fb914935', class: \"dynamic-text\" }, dynamicText))), h(\"div\", { key: '7229c529054fefe4b7d697c09eda18ce0e614ce7', class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { key: '2e57b46d37a3430b8849e62db427bb7be66091fd', 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":"8IAAA,MAAMA,EAAmB,4oOACzB,MAAAC,EAAeD,ECCf,MAAME,EAAmB,mB,MAIZC,EAAW,MACpB,WAAAC,CAAAC,G,8FACIC,KAAKC,kBAAoB,GACzBD,KAAKE,mBAAqB,MAC1BF,KAAKG,UAAY,MAIjBH,KAAKI,uBAAyB,SAI9BJ,KAAKK,SAAW,MAIhBL,KAAKM,YAAc,6CAInBN,KAAKO,MAAQ,UAIbP,KAAKQ,SAAW,MAChBR,KAAKS,kBAAoBT,KAAKQ,SAC9BR,KAAKU,YAAeC,IAChB,IAAIC,EAAIC,EACR,MAAMC,EAAyBH,EAAMI,OAAOC,QAAQ,8GACpD,IAAKhB,KAAKK,YACJS,GAA0BH,EAAMI,SAAWf,KAAKiB,cAAe,CACjEN,EAAMO,kBACN,GAAIlB,KAAKG,YAAc,MAAO,EACzBS,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAGO,O,CAErEnB,KAAKG,UAAY,MACjB,GAAIH,KAAKE,mBAAoB,CACzBF,KAAKoB,QAAUP,EAAKb,KAAKqB,wBAA0B,MAAQR,SAAY,OAAS,EAAIA,EAAGO,QAAUpB,KAAKC,iB,CAE1GD,KAAKsB,QAAQC,KAAK,CACdH,MAAOpB,KAAKoB,O,GAIxBpB,KAAKwB,cAAiBb,IAClB,MAAMc,EAA6B,CAAC,gBAAiB,kBACrD,GAAIzB,KAAKqB,sBAAwBK,SAASC,eACtCF,EAA2BG,SAAS5B,KAAKqB,qBAAqBQ,UAAW,CACzElB,EAAMO,iB,GAGdlB,KAAK8B,gBAAkB,KACnB9B,KAAKG,UAAY,KACjBH,KAAKQ,SAAWR,KAAKS,iBAAiB,C,CAG9C,oBAAAsB,GACIC,EAAoBhC,KAAKK,SAAUL,KAAKiC,G,CAE5C,oBAAAC,GACIlC,KAAKmC,iBAAiBZ,M,CAE1B,WAAAa,CAAYC,GACR,GAAIrC,KAAKI,yBAA2B,UAChCkC,MAAMC,KAAKvC,KAAKiC,GAAGO,iBAAiB,oBAAoBZ,SAASS,EAAGtB,QACpEf,KAAKsB,QAAQC,KAAK,CAAEH,MAAOpB,KAAKoB,O,CAExC,oBAAAqB,GACIC,EAAwB1C,KAAKiC,GAAIjC,KAAK8B,gB,CAE1C,iBAAAa,GACI,GAAIC,EAAW5C,KAAKiC,GAAIrC,GAAmB,CACvCI,KAAKE,mBAAqB,KAC1BF,KAAKqB,oB,CAETrB,KAAKC,kBAAoBD,KAAKoB,MAC9ByB,EAAqB7C,KAAKiC,GAAIjC,KAAK8B,iBACnCE,EAAoBhC,KAAKK,SAAUL,KAAKiC,G,CAE5C,gBAAAa,GACIC,EAAiC,CAAC,CAAEC,KAAMhD,KAAKoB,MAAO6B,SAAU,UAAY,e,CAEhF,mBAAAC,GACI,MAAMC,EAAUC,EAAepD,KAAKiC,GAAIrC,GACxC,GAAIuD,IAAYnD,KAAKE,mBAAoB,CACrCF,KAAKE,mBAAqB,KAC1BF,KAAKqB,oB,MAEJ,IAAK8B,GAAWnD,KAAKE,mBAAoB,CAC1CF,KAAKE,mBAAqB,K,EAGlC,kBAAAmD,GACI,GAAIrD,KAAKI,yBAA2B,SAAU,CAC1C,MAAMkD,EAAkBtD,KAAKqB,qBAC7B,IAAKrB,KAAKQ,UAAYR,KAAKK,SAAU,CACjCiD,IAAoB,MAAQA,SAAyB,OAAS,EAAIA,EAAgBC,aAAa,WAAY,G,KAE1G,CACDD,IAAoB,MAAQA,SAAyB,OAAS,EAAIA,EAAgBE,gBAAgB,W,GAI9G,2BAAAC,CAA4B9C,GACxB,GAAIX,KAAKQ,SAAU,CACfR,KAAKoB,MAAQT,EAAM+C,OAAOtC,OAASpB,KAAKC,kBACxCD,KAAKsB,QAAQC,KAAK,CACdH,MAAOpB,KAAKoB,O,CAGpBT,EAAMgD,0B,CAKV,cAAMC,GACF,IAAIhD,GACHA,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAGO,O,CAKrE,iBAAM0C,CAAYzC,GACd,IAAIR,GACHA,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAG2C,aAAa,WAAYnC,EAAM0C,W,CAEpG,kBAAAzC,GACI,MAAMiC,EAAkBtD,KAAKiC,GAAG8B,cAAc,0CAC9C,GAAIT,EACAA,EAAgBU,YAAc,MAClC,OAAOV,C,CAEX,MAAAW,GACI,MAAM7D,uBAAEA,EAAsBC,SAAEA,EAAQC,YAAEA,EAAW4D,KAAEA,EAAIC,WAAEA,EAAUzD,YAAEA,EAAWc,cAAEA,EAAatB,mBAAEA,EAAkBkE,MAAEA,EAAKC,KAAEA,EAAI7D,SAAEA,EAAQY,MAAEA,EAAKb,MAAEA,GAAWP,KAClK,MAAMsE,EAAK,mBAAmBC,EAAcH,IAAUhD,KAAS+C,IAC/D,OAAQK,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,QAASjE,EAAakE,UAAWpD,EAAeqD,MAAO,CAClH,CAAC,8BAA+BxE,EAChC,CAAC,YAAYE,KAAUA,IAAU,YAChCiE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CAAEC,UAAW,KAAMzE,WAAYA,IAAcmE,EAAE,MAAO,CAAEE,IAAK,4CAA8CF,EAAE,QAAS,CAAEE,IAAK,2CAA4CK,SAAUvE,EAAW,IAAM,KAAMwE,KAAM,QAASX,KAAMA,EAAMC,GAAIA,EAAIlD,MAAOA,EAAOf,SAAUA,EAAU4E,QAASzE,EAAU0E,IAAMjD,GAAQjC,KAAKiB,aAAegB,EAAKiC,KAAMA,IAASM,EAAE,OAAQ,CAAEE,IAAK,2CAA4CG,MAAO,eAAiBL,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CG,MAAO,cAAeM,QAAS,QAAUX,EAAE,QAAS,CAAEE,IAAK,2CAA4CU,QAASd,GAAMF,KAAUlE,GAAuBsE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CACjxB,oBAAqB,KACrBQ,OAAQjF,IAA2B,YAAcI,IAChDJ,IAA2B,WAAcoE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,kBAAqBL,EAAE,MAAO,CAAEE,IAAK,4CAA8CtE,IAA2B,WAAcoE,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CS,QAAS,WAAaX,EAAE,IAAK,CAAEE,IAAK,2CAA4CG,MAAO,gBAAkBvE,IAAgBkE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CAC3e,2BAA4BzE,IAA2B,WACtDoE,EAAE,OAAQ,CAAEE,IAAK,2CAA4CL,KAAMzE,O","ignoreList":[]}
+{"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"],"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.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/* 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/* 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/* 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.radio-label {\n  margin-left: var(--ic-space-md);\n\n  --ic-typography-color: var(--ic-radio-button-text-option);\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-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\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: 'd4254c0a08bd7fe373f7beeb849d732d437c6f5b', onClick: handleClick, onKeyDown: handleKeyDown, class: {\n                [\"ic-radio-option-disabled\"]: !!disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: '1b3c7c383278c1d8714f5a7a3a00c8fb780a2931', class: { container: true, disabled: !!disabled } }, h(\"div\", { key: 'ba90a2ce5912981a50d43ebd33086eb227947e5f' }, h(\"input\", { key: '8eb145667ce5b7777ced51480ceebab3f43a7910', 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: '3683fd5eda19dd39f4647a5763705eef4becacb3', class: \"checkmark\" })), h(\"ic-typography\", { key: 'd662a4e7a5b0ac173a7ea2881d2dac84e94eedc7', class: \"radio-label\", variant: \"body\" }, h(\"label\", { key: 'a76e5907c98f2ff18d734167ff69bbe0a1c7ddc4', htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { key: 'ff91776cab766a955e98dee100f73114166fee7a', class: {\n                \"dynamic-container\": true,\n                hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { key: 'e7eeaf7801fd5aa2014edb3796b8b6acc3149b3b', class: \"branch-corner\" })), h(\"div\", { key: '5cb0e6fca92276f2d2a3bb0f5edc9e4525d44aa2' }, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { key: '318ea54a9055f8dde4de2d9802878584d57e186e', variant: \"caption\" }, h(\"p\", { key: 'e3f34b9536a0f5b95e796c269c586b7905dab59a', class: \"dynamic-text\" }, dynamicText))), h(\"div\", { key: 'cec5d0147f6f12510e066fff2c0d4d80fe0ee98f', class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { key: 'd6279d0506490eceb7d55d6e86609e9e9fb06ea4', 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":"8IAAA,MAAMA,EAAmB,0oOACzB,MAAAC,EAAeD,ECCf,MAAME,EAAmB,mB,MAIZC,EAAW,MACpB,WAAAC,CAAAC,G,8FACIC,KAAKC,kBAAoB,GACzBD,KAAKE,mBAAqB,MAC1BF,KAAKG,UAAY,MAIjBH,KAAKI,uBAAyB,SAI9BJ,KAAKK,SAAW,MAIhBL,KAAKM,YAAc,6CAInBN,KAAKO,MAAQ,UAIbP,KAAKQ,SAAW,MAChBR,KAAKS,kBAAoBT,KAAKQ,SAC9BR,KAAKU,YAAeC,IAChB,IAAIC,EAAIC,EACR,MAAMC,EAAyBH,EAAMI,OAAOC,QAAQ,8GACpD,IAAKhB,KAAKK,YACJS,GAA0BH,EAAMI,SAAWf,KAAKiB,cAAe,CACjEN,EAAMO,kBACN,GAAIlB,KAAKG,YAAc,MAAO,EACzBS,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAGO,O,CAErEnB,KAAKG,UAAY,MACjB,GAAIH,KAAKE,mBAAoB,CACzBF,KAAKoB,QAAUP,EAAKb,KAAKqB,wBAA0B,MAAQR,SAAY,OAAS,EAAIA,EAAGO,QAAUpB,KAAKC,iB,CAE1GD,KAAKsB,QAAQC,KAAK,CACdH,MAAOpB,KAAKoB,O,GAIxBpB,KAAKwB,cAAiBb,IAClB,MAAMc,EAA6B,CAAC,gBAAiB,kBACrD,GAAIzB,KAAKqB,sBAAwBK,SAASC,eACtCF,EAA2BG,SAAS5B,KAAKqB,qBAAqBQ,UAAW,CACzElB,EAAMO,iB,GAGdlB,KAAK8B,gBAAkB,KACnB9B,KAAKG,UAAY,KACjBH,KAAKQ,SAAWR,KAAKS,iBAAiB,C,CAG9C,oBAAAsB,GACIC,EAAoBhC,KAAKK,SAAUL,KAAKiC,G,CAE5C,oBAAAC,GACIlC,KAAKmC,iBAAiBZ,M,CAE1B,WAAAa,CAAYC,GACR,GAAIrC,KAAKI,yBAA2B,UAChCkC,MAAMC,KAAKvC,KAAKiC,GAAGO,iBAAiB,oBAAoBZ,SAASS,EAAGtB,QACpEf,KAAKsB,QAAQC,KAAK,CAAEH,MAAOpB,KAAKoB,O,CAExC,oBAAAqB,GACIC,EAAwB1C,KAAKiC,GAAIjC,KAAK8B,gB,CAE1C,iBAAAa,GACI,GAAIC,EAAW5C,KAAKiC,GAAIrC,GAAmB,CACvCI,KAAKE,mBAAqB,KAC1BF,KAAKqB,oB,CAETrB,KAAKC,kBAAoBD,KAAKoB,MAC9ByB,EAAqB7C,KAAKiC,GAAIjC,KAAK8B,iBACnCE,EAAoBhC,KAAKK,SAAUL,KAAKiC,G,CAE5C,gBAAAa,GACIC,EAAiC,CAAC,CAAEC,KAAMhD,KAAKoB,MAAO6B,SAAU,UAAY,e,CAEhF,mBAAAC,GACI,MAAMC,EAAUC,EAAepD,KAAKiC,GAAIrC,GACxC,GAAIuD,IAAYnD,KAAKE,mBAAoB,CACrCF,KAAKE,mBAAqB,KAC1BF,KAAKqB,oB,MAEJ,IAAK8B,GAAWnD,KAAKE,mBAAoB,CAC1CF,KAAKE,mBAAqB,K,EAGlC,kBAAAmD,GACI,GAAIrD,KAAKI,yBAA2B,SAAU,CAC1C,MAAMkD,EAAkBtD,KAAKqB,qBAC7B,IAAKrB,KAAKQ,UAAYR,KAAKK,SAAU,CACjCiD,IAAoB,MAAQA,SAAyB,OAAS,EAAIA,EAAgBC,aAAa,WAAY,G,KAE1G,CACDD,IAAoB,MAAQA,SAAyB,OAAS,EAAIA,EAAgBE,gBAAgB,W,GAI9G,2BAAAC,CAA4B9C,GACxB,GAAIX,KAAKQ,SAAU,CACfR,KAAKoB,MAAQT,EAAM+C,OAAOtC,OAASpB,KAAKC,kBACxCD,KAAKsB,QAAQC,KAAK,CACdH,MAAOpB,KAAKoB,O,CAGpBT,EAAMgD,0B,CAKV,cAAMC,GACF,IAAIhD,GACHA,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAGO,O,CAKrE,iBAAM0C,CAAYzC,GACd,IAAIR,GACHA,EAAKZ,KAAKiB,gBAAkB,MAAQL,SAAY,OAAS,EAAIA,EAAG2C,aAAa,WAAYnC,EAAM0C,W,CAEpG,kBAAAzC,GACI,MAAMiC,EAAkBtD,KAAKiC,GAAG8B,cAAc,0CAC9C,GAAIT,EACAA,EAAgBU,YAAc,MAClC,OAAOV,C,CAEX,MAAAW,GACI,MAAM7D,uBAAEA,EAAsBC,SAAEA,EAAQC,YAAEA,EAAW4D,KAAEA,EAAIC,WAAEA,EAAUzD,YAAEA,EAAWc,cAAEA,EAAatB,mBAAEA,EAAkBkE,MAAEA,EAAKC,KAAEA,EAAI7D,SAAEA,EAAQY,MAAEA,EAAKb,MAAEA,GAAWP,KAClK,MAAMsE,EAAK,mBAAmBC,EAAcH,IAAUhD,KAAS+C,IAC/D,OAAQK,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,QAASjE,EAAakE,UAAWpD,EAAeqD,MAAO,CAClH,CAAC,8BAA+BxE,EAChC,CAAC,YAAYE,KAAUA,IAAU,YAChCiE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CAAEC,UAAW,KAAMzE,WAAYA,IAAcmE,EAAE,MAAO,CAAEE,IAAK,4CAA8CF,EAAE,QAAS,CAAEE,IAAK,2CAA4CK,SAAUvE,EAAW,IAAM,KAAMwE,KAAM,QAASX,KAAMA,EAAMC,GAAIA,EAAIlD,MAAOA,EAAOf,SAAUA,EAAU4E,QAASzE,EAAU0E,IAAMjD,GAAQjC,KAAKiB,aAAegB,EAAKiC,KAAMA,IAASM,EAAE,OAAQ,CAAEE,IAAK,2CAA4CG,MAAO,eAAiBL,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CG,MAAO,cAAeM,QAAS,QAAUX,EAAE,QAAS,CAAEE,IAAK,2CAA4CU,QAASd,GAAMF,KAAUlE,GAAuBsE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CACjxB,oBAAqB,KACrBQ,OAAQjF,IAA2B,YAAcI,IAChDJ,IAA2B,WAAcoE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,kBAAqBL,EAAE,MAAO,CAAEE,IAAK,4CAA8CtE,IAA2B,WAAcoE,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CS,QAAS,WAAaX,EAAE,IAAK,CAAEE,IAAK,2CAA4CG,MAAO,gBAAkBvE,IAAgBkE,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,CAC3e,2BAA4BzE,IAA2B,WACtDoE,EAAE,OAAQ,CAAEE,IAAK,2CAA4CL,KAAMzE,O","ignoreList":[]}

package/dist/core/p-824cbf95.entry.js

@@ -0,0 +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{d as a}from"./p-eca2fea1.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-824cbf95.entry.js.map

package/dist/core/p-824cbf95.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","theme","type","typeChangeHandler","variant","render","_a","_b","ariaLabel","status","stepStatus","isPropDefined","toUpperCase","slice","stepType","compactStepStyling","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","stepNum","progress","heading","lastStepNum","subheading","undefined","lastStep","nextStepHeading","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         * @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        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (this.type === \"completed\") {\n            ariaLabel = \". Completed step\";\n        }\n        else if (this.type === \"disabled\") {\n            ariaLabel = \". Non-required step\";\n        }\n        else if (this.status === \"required\") {\n            ariaLabel = \". Required step\";\n        }\n        else if (this.status === \"optional\") {\n            ariaLabel = \". Optional step\";\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (this.status && isPropDefined(this.status)) {\n            stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n            stepType = \"Not required\";\n        }\n        else if (this.compactStepStyling === \"completed\") {\n            stepType = \"Completed\";\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { key: '8831990f0422a89e28d83c33bf98e6f5e47d09a6', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (this.type === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { key: 'aedd81eacbe9ca6a4e331142d09053926b00dcd4', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { key: '384c84c08600c48982959a9a19a54e638bdd76a9', class: {\n                [\"step\"]: true,\n                [\"current\"]: !!this.current,\n                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n                [\"disabled\"]: this.type === \"disabled\" || this.compactStepStyling === \"disabled\",\n            } }, h(\"ic-loading-indicator\", { key: 'fb3373a16a3519a77689395882b77b07f84d00b2', class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": this.type === \"disabled\" ||\n                    this.compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { key: 'e404a8d7fd56af5a6c3b38e7dd146ccbf6c0a921', class: \"heading-area\" }, h(\"ic-typography\", { key: 'e2d2d3a3b2e2d1080a500f06c11fd2b19305e733', variant: \"h4\", class: \"heading\" }, this.heading), h(\"div\", { key: 'a04253bd63d0e9cbc2ebd2ccc6c6cf1d684611b4', class: \"info-line\" }, h(\"ic-typography\", { key: '35699c8fd101642bcedacbb0e636f5f5e72d87d0', variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { key: '0bc9e891b17f66419150733982711999983197a1', class: \"visually-hidden\" }, \" steps\")), (this.subheading ||\n            this.type === \"completed\" ||\n            this.type === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n            !!this.status) && (h(\"div\", { key: 'ce2356ecbc86e3805ddf84d7fa785f2a1495ef60', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (h(\"ic-typography\", { key: 'f9ada98e6d45ff5dcd8784dbb24c4402b7bd378e', variant: \"caption\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : this.type === \"disabled\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"disabled\") ||\n                this.type === \"completed\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"completed\")\n                ? stepType\n                : this.status && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepHeading))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (this.type !== \"completed\") {\n            icon = (h(\"ic-typography\", { key: '5b3734765f9d5e5db8f0b2818ffd471817a96cc5', variant: \"subtitle-small\" }, h(\"span\", { key: 'd4d3ffd87c95a0b98fce8a437a6afb3f4639993f', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { key: '42447f9ec070e7e284aecfd49983259650d9abd3', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '4c7469fba1cf544d1d48c209c25db0bcaca14309', class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = this.type === \"current\" && (h(\"div\", { key: '800764f8ca21ac1118c77ed860a163b3103fe62e', class: \"step-connect-inner\" }));\n        const finalStep = !this.lastStep && (h(\"div\", { key: 'e5c0f38f7140800d60e5046d77d6cde34c5e7bd5', 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: 'cdfd23786b75a88fe1630318d8a1369a89090544', class: {\n                [\"step\"]: true,\n                [`${this.type}`]: true,\n            } }, h(\"div\", { key: 'c83625070a1ffe89fc53f66d55f06c994f868570', class: \"step-top\" }, h(\"div\", { key: 'a6758050efffeb98522092fefa9b1261b3d9217b', class: \"step-icon\" }, icon), finalStep), (this.heading || this.subheading || this.status) && (h(\"div\", { key: '3ecf8d32da66fe336b7c0540c47726d060e8eaf8', class: \"heading-area\" }, this.heading && (h(\"ic-typography\", { key: '79557ec3d9a26be0fee2253a58c2f09132322017', variant: \"subtitle-large\", class: \"heading\" }, this.heading)), this.heading && (this.subheading || this.status) && (h(\"ic-typography\", { key: 'f5a90f68ebc0721fec936541824ab79b415f566d', variant: \"caption\", class: \"subheading\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : stepStatus))))));\n        return (h(Host, { key: '0cb6b6649c9af4565e5f663131b800a79b9b040d', role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current || this.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-${this.variant}`]: true,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, this.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            \"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-84daed4d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as r,g as a}from"./p-8e4e97b4.js";import{c as s}from"./p-e081702e.js";import{a as n,i as o,p as c,V as l}from"./p-eca2fea1.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-min-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon="false"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant="info"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant="warning"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant="error"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant="success"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}';const h=d;const p=class{constructor(t){e(this,t);this.icDismiss=i(this,"icDismiss",7);this.hostMutationObserver=null;this.systemThemeObserver=null;this.darkMode=false;this.alertTitleWrap=false;this.visible=true;this.announced=true;this.dismissible=false;this.heading="";this.showDefaultIcon=true;this.theme="inherit";this.titleAbove=false;this.variant="neutral";this.dismissAction=()=>{this.icDismiss.emit()};this.calculateMinHeight=()=>{var e;const i=Number((e=this.messageEl)===null||e===void 0?void 0:e.clientHeight);const t=c(`${(i>40?i:52)+(this.darkMode?0:4)}`);if(this.el.style.getPropertyValue("--ic-alert-min-height")!==t)this.el.style.setProperty("--ic-alert-min-height",t)}}themeChangeHandler(){if(this.theme!=="inherit")this.darkMode=this.theme==="dark"}disconnectedCallback(){var e,i;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect();(i=this.systemThemeObserver)===null||i===void 0?void 0:i.removeEventListener("change",this.darkModeChangeHandler)}componentWillLoad(){if(!this.el.closest("ic-theme")){this.systemThemeObserver=window.matchMedia("(prefers-color-scheme: dark)");this.systemThemeObserver.addEventListener("change",this.darkModeChangeHandler);this.darkMode=this.systemThemeObserver.matches}this.themeChangeHandler()}componentDidLoad(){var e;if(Number((e=this.titleEl)===null||e===void 0?void 0:e.clientHeight)>24)this.alertTitleWrap=true;this.hostMutationObserver=new MutationObserver((e=>n(e,"action",this)));this.hostMutationObserver.observe(this.el,{childList:true});this.calculateMinHeight()}componentDidUpdate(){this.calculateMinHeight()}handleClick(){this.visible=!this.visible}darkModeChangeHandler(e){this.darkMode="detail"in e?e.detail==="dark":e.matches;this.calculateMinHeight()}render(){const{variant:e,heading:i,message:a,titleAbove:n,dismissible:c,announced:d,visible:h,showDefaultIcon:p,theme:u,alertTitleWrap:m,dismissAction:g}=this;const b=()=>{const i={"alert-icon":true,"svg-container":true,[`icon-${e}`]:true};if(e==="neutral"){if(o(this.el,"neutral-icon")){return t("div",{class:i},t("slot",{name:"neutral-icon"}))}else if(!p){return t("div",{class:"icon-placeholder"})}}return t("span",{class:i,innerHTML:l[e].icon})};return h&&t(r,{role:d?"alert":null,class:{[`ic-theme-${u}`]:u!=="inherit"}},t("div",{class:{container:true,[`container-${e}`]:true}},t("div",{class:"alert-icon-container"},t("div",{class:{divider:true,[`divider-${e}`]:true}}),t(b,null)),t("div",{class:"alert-content"},t("div",{class:{"alert-message":true,"alert-message-title-above":n||m},ref:e=>this.messageEl=e},i&&t("ic-typography",{class:{"alert-title":true,"alert-title-above":n||m},variant:"subtitle-large",ref:e=>this.titleEl=e},t("p",null,i)),t("slot",{name:"message"},t("ic-typography",{variant:"body"},a))),o(this.el,"action")&&t("div",{class:"alert-action-container"},t("slot",{name:"action"}))),t("div",{class:"dismiss-icon-container"},c&&t("ic-button",{class:{"svg-container":true,"dismiss-icon":true},innerHTML:s,onClick:g,variant:"icon",theme:"dark",title:"Dismiss"}))))}get el(){return a(this)}static get watchers(){return{theme:["themeChangeHandler"]}}};p.style=h;export{p as ic_alert};
+//# sourceMappingURL=p-84daed4d.entry.js.map

package/dist/core/p-84daed4d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icAlertCss","IcAlertStyle0","Alert","constructor","hostRef","this","hostMutationObserver","systemThemeObserver","darkMode","alertTitleWrap","visible","announced","dismissible","heading","showDefaultIcon","theme","titleAbove","variant","dismissAction","icDismiss","emit","calculateMinHeight","_a","contentHeight","Number","messageEl","clientHeight","minHeight","pxToRem","el","style","getPropertyValue","setProperty","themeChangeHandler","disconnectedCallback","_b","disconnect","removeEventListener","darkModeChangeHandler","componentWillLoad","closest","window","matchMedia","addEventListener","matches","componentDidLoad","titleEl","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentDidUpdate","handleClick","ev","detail","render","message","Icon","iconClass","isSlotUsed","h","class","name","innerHTML","VARIANT_ICONS","icon","Host","role","container","divider","ref","closeIcon","onClick","title"],"sources":["../web-components/dist/collection/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","../web-components/dist/collection/components/ic-alert/ic-alert.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n}\n\n:host ::slotted(ic-typography) {\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n  min-height: var(--ic-alert-min-height);\n  border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n    var(--ic-space-xxs);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.container-neutral {\n  background-color: var(--ic-alert-background-neutral);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n  background-color: var(--ic-alert-background-info);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n  background-color: var(--ic-alert-background-warning);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n  background-color: var(--ic-alert-background-error);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n  background-color: var(--ic-alert-background-success);\n  border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.alert-icon-container {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  height: 100%;\n  width: var(--ic-space-xs);\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n  position: absolute;\n}\n\n.divider-neutral {\n  background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n  background-color: var(--ic-alert-status-type-success);\n}\n\n.alert-icon {\n  height: var(--ic-space-lg);\n  width: 1.375rem;\n  margin-left: 1.125rem;\n}\n\n.icon-placeholder {\n  margin-left: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host([showdefaulticon=\"false\"]) .icon-neutral {\n  visibility: hidden;\n  width: 0;\n  margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  display: inline-block;\n  fill: var(--ic-alert-icon-neutral);\n}\n\n:host([variant=\"info\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-info);\n}\n\n:host([variant=\"warning\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-warning);\n}\n\n:host([variant=\"error\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-error);\n}\n\n:host([variant=\"success\"]) .alert-icon svg {\n  fill: var(--ic-alert-icon-success);\n}\n\n.alert-content {\n  display: flex;\n  align-items: center;\n  margin-left: 0.625rem;\n  width: 100%;\n}\n\n.alert-message {\n  display: flex;\n  align-items: center;\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n  flex: 1;\n\n  --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n  display: inline;\n}\n\n.alert-title {\n  margin-right: var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n  white-space: normal;\n}\n\n.alert-action-container {\n  margin-right: var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n}\n\n.dismiss-icon {\n  margin-right: var(--ic-space-xxxs);\n  margin-left: -0.375rem;\n  padding: 0.375rem;\n  border: none;\n  border-radius: 50%;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dismiss-icon > svg {\n  color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n  cursor: pointer;\n}\n\n@media (max-width: 628px) {\n  .alert-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-message {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .alert-title {\n    white-space: normal;\n  }\n\n  .alert-action-container {\n    margin-bottom: var(--ic-space-xs);\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, pxToRem, renderDynamicChildSlots, } from \"../../utils/helpers\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\nexport class Alert {\n    constructor() {\n        this.hostMutationObserver = null;\n        this.systemThemeObserver = null;\n        this.darkMode = false;\n        this.alertTitleWrap = false;\n        this.visible = true;\n        /**\n         * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n         */\n        this.announced = true;\n        /**\n         * If `true`, the alert will have a close icon at the end to dismiss it.\n         */\n        this.dismissible = false;\n        /**\n         * The optional title to display at the start of the alert.\n         */\n        this.heading = \"\";\n        /**\n         * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n         */\n        this.showDefaultIcon = true;\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 title and message will appear above and below instead of inline.\n         */\n        this.titleAbove = false;\n        /**\n         * The variant of the alert which will be rendered.\n         */\n        this.variant = \"neutral\";\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.calculateMinHeight = () => {\n            var _a;\n            const contentHeight = Number((_a = this.messageEl) === null || _a === void 0 ? void 0 : _a.clientHeight);\n            const minHeight = pxToRem(`${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`);\n            if (this.el.style.getPropertyValue(\"--ic-alert-min-height\") !== minHeight)\n                this.el.style.setProperty(\"--ic-alert-min-height\", minHeight);\n        };\n    }\n    themeChangeHandler() {\n        if (this.theme !== \"inherit\")\n            this.darkMode = this.theme === \"dark\";\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n        (_b = this.systemThemeObserver) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"change\", this.darkModeChangeHandler);\n    }\n    componentWillLoad() {\n        if (!this.el.closest(\"ic-theme\")) {\n            this.systemThemeObserver = window.matchMedia(\"(prefers-color-scheme: dark)\");\n            this.systemThemeObserver.addEventListener(\"change\", this.darkModeChangeHandler);\n            this.darkMode = this.systemThemeObserver.matches;\n        }\n        this.themeChangeHandler();\n    }\n    componentDidLoad() {\n        var _a;\n        if (Number((_a = this.titleEl) === null || _a === void 0 ? void 0 : _a.clientHeight) > 24)\n            this.alertTitleWrap = true;\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"action\", this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n        this.calculateMinHeight();\n    }\n    componentDidUpdate() {\n        this.calculateMinHeight();\n    }\n    handleClick() {\n        this.visible = !this.visible;\n    }\n    darkModeChangeHandler(ev) {\n        this.darkMode = \"detail\" in ev ? ev.detail === \"dark\" : ev.matches;\n        this.calculateMinHeight();\n    }\n    render() {\n        const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, alertTitleWrap, dismissAction, } = this;\n        const Icon = () => {\n            const iconClass = {\n                \"alert-icon\": true,\n                \"svg-container\": true,\n                [`icon-${variant}`]: true,\n            };\n            if (variant === \"neutral\") {\n                if (isSlotUsed(this.el, \"neutral-icon\")) {\n                    return (h(\"div\", { class: iconClass }, h(\"slot\", { name: \"neutral-icon\" })));\n                }\n                else if (!showDefaultIcon) {\n                    return h(\"div\", { class: \"icon-placeholder\" });\n                }\n            }\n            return (h(\"span\", { class: iconClass, innerHTML: VARIANT_ICONS[variant].icon }));\n        };\n        return (visible && (h(Host, { role: announced ? \"alert\" : null, class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { class: { container: true, [`container-${variant}`]: true } }, h(\"div\", { class: \"alert-icon-container\" }, h(\"div\", { class: { divider: true, [`divider-${variant}`]: true } }), h(Icon, null)), h(\"div\", { class: \"alert-content\" }, h(\"div\", { class: {\n                \"alert-message\": true,\n                \"alert-message-title-above\": titleAbove || alertTitleWrap,\n            }, ref: (el) => (this.messageEl = el) }, heading && (h(\"ic-typography\", { class: {\n                \"alert-title\": true,\n                \"alert-title-above\": titleAbove || alertTitleWrap,\n            }, variant: \"subtitle-large\", ref: (el) => (this.titleEl = el) }, h(\"p\", null, heading))), h(\"slot\", { name: \"message\" }, h(\"ic-typography\", { variant: \"body\" }, message))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"alert-action-container\" }, h(\"slot\", { name: \"action\" })))), h(\"div\", { class: \"dismiss-icon-container\" }, dismissible && (h(\"ic-button\", { class: { \"svg-container\": true, \"dismiss-icon\": true }, innerHTML: closeIcon, onClick: dismissAction, variant: \"icon\", theme: \"dark\", title: \"Dismiss\" })))))));\n    }\n    static get is() { return \"ic-alert\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-alert.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"announced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"announced\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"dismissible\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the alert will have a close icon at the end to dismiss it.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismissible\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional title to display at the start of the alert.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"message\": {\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 main body message of the alert.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"showDefaultIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the default icon for the neutral variant will appear on the left of the alert.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"show-default-icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"titleAbove\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the title and message will appear above and below instead of inline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"title-above\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStatusVariants\",\n                    \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcStatusVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcStatusVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the alert which will be rendered.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"neutral\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alertTitleWrap\": {},\n            \"visible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDismiss\",\n                \"name\": \"icDismiss\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Is emitted when the user dismisses the alert.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"themeChangeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"icThemeChange\",\n                \"method\": \"darkModeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-alert.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-8ae0fd6f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{d as s,r as a,b as n,i as c}from"./p-eca2fea1.js";import{C as u}from"./p-0aa9ce8b.js";import{C as l}from"./p-170ddfc2.js";const p='/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant="destructive"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant="destructive"]) ::part(button):focus-visible,:host([variant="destructive"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant="destructive"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant="destructive"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant="destructive"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){t(this,i);this.childBlur=e(this,"childBlur",7);this.handleMenuItemClick=e(this,"handleMenuItemClick",7);this.icToggleChecked=e(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=e(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.handleClick=t=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){t.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let t=this.label;if(s(this.description)){t=`${t}, ${this.description}`}if(s(this.keyboardShortcutLabel)){t=`${t}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){t=`${t}, destructive`}if(s(this.submenuTriggerFor)){t=`${t}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){t="Go back to parent menu"}const e=this.el.parentElement;if(e&&e.tagName==="IC-MENU-GROUP"&&e.label){return`${t}, ${e.label} menu group`}else{return t}}}watchDisabledHandler(){a(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}}render(){const t=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(t,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
+//# sourceMappingURL=p-8ae0fd6f.entry.js.map

package/dist/core/p-8ae0fd6f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icMenuItemCss","IcMenuItemStyle0","MenuItem","constructor","hostRef","this","checked","disabled","variant","handleClick","e","isPropDefined","submenuTriggerFor","triggerPopoverMenuInstance","emit","preventDefault","icToggleChecked","handleMenuItemClick","el","getMenuItemAriaLabel","ariaLabel","label","description","keyboardShortcutLabel","classList","contains","parentEl","parentElement","tagName","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","stopImmediatePropagation","render","MenuItemInformation","h","class","Host","fullWidth","onClick","href","hreflang","target","rel","referrerpolicy","role","undefined","isSlotUsed","name","innerHTML","Check","Chevron","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-menu-item/ic-menu-item.css?tag=ic-menu-item&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-item/ic-menu-item.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host ::part(button) {\n  color: var(--ic-popover-menu-item-check);\n\n  --ic-typography-color: var(--ic-popover-menu-item-check);\n\n  padding: calc(var(--ic-space-xxxs) / 2);\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: 0;\n  min-height: 2.5rem;\n  height: auto;\n}\n\n.focus-border {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: var(--ic-border-radius);\n  margin: calc(var(--ic-space-xxxs) / 2);\n  padding: var(--ic-space-xxs);\n  border: var(--ic-space-xxxs) dashed transparent;\n\n  --icon-height: auto;\n}\n\n:host(.ic-menu-item-disabled) ::part(button) {\n  color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  pointer-events: none;\n}\n\n:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button) {\n  color: var(--ic-popover-menu-destructive-item-icon);\n\n  --ic-typography-color: var(--ic-popover-menu-destructive-item-label);\n}\n\n:host ::part(button):hover {\n  background-color: var(--ic-popover-background-hover);\n}\n\n:host ::part(button):focus-visible,\n:host ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-focused);\n\n  --ic-typography-color: purple;\n\n  background-color: var(--ic-popover-background-focus);\n  box-shadow: none;\n}\n\n:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-disabled) !important;\n\n  --ic-typography-color: orange !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus {\n  background-color: var(--ic-popover-destructive-background-focus);\n}\n\nic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-focused);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n  border-color: var(--ic-popover-menu-border);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-item-label) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-label) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-destructive-item-label) !important;\n\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.menu-item-info {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  align-items: baseline;\n  white-space: pre-line;\n  text-align: left;\n}\n\n.menu-labels {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ic-space-xs);\n}\n\n.menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\n.shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n\n  display: flex;\n  flex: min-content;\n}\n\n:host([variant=\"destructive\"]) .menu-item-label {\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\nic-button:active .menu-item-label {\n  --ic-typography-color: var(--ic-popover-menu-item-label);\n}\n\nic-button:active .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\nic-button:active .shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n}\n\n:host([variant=\"destructive\"]) ic-button:active .menu-item-label {\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.check-icon.hide {\n  visibility: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  :host ::part(button) {\n    border: canvas;\n  }\n\n  :host ::part(button):focus-visible {\n    outline: var(--ic-space-xxxs) solid transparent;\n  }\n\n  .focus-border {\n    border-color: canvas;\n  }\n\n  :host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n    border-color: GrayText;\n  }\n\n  :host(.ic-menu-item-disabled) .menu-item-info,\n  :host(.ic-menu-item-disabled) .menu-item-label,\n  :host(.ic-menu-item-disabled) .shortcut,\n  :host(.ic-menu-item-disabled) .menu-item-description,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n    --ic-typography-color: GrayText !important;\n  }\n\n  :host(.ic-menu-item-disabled) ::part(button):focus-visible,\n  :host(.ic-menu-item-disabled) ::part(button):focus {\n    outline-color: GrayText !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Chevron from \"../../assets/chevron-icon.svg\";\n/**\n * @slot icon - Content will be placed to the left of the menu item label.\n */\nexport class MenuItem {\n    constructor() {\n        /**\n         * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\n         */\n        this.checked = false;\n        /**\n         * If `true`, the menu item will be in disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The variant of the menu item.\n         */\n        this.variant = \"default\";\n        this.handleClick = (e) => {\n            if (isPropDefined(this.submenuTriggerFor)) {\n                this.triggerPopoverMenuInstance.emit();\n            }\n            else if (this.variant === \"toggle\") {\n                e.preventDefault();\n                this.checked = !this.checked;\n                this.icToggleChecked.emit({\n                    checked: this.checked,\n                });\n            }\n            this.handleMenuItemClick.emit(this.el);\n        };\n        this.getMenuItemAriaLabel = () => {\n            let ariaLabel = this.label;\n            if (isPropDefined(this.description)) {\n                ariaLabel = `${ariaLabel}, ${this.description}`;\n            }\n            if (isPropDefined(this.keyboardShortcutLabel)) {\n                ariaLabel = `${ariaLabel}, ${this.keyboardShortcutLabel}`;\n            }\n            if (this.variant === \"destructive\") {\n                ariaLabel = `${ariaLabel}, destructive`;\n            }\n            if (isPropDefined(this.submenuTriggerFor)) {\n                ariaLabel = `${ariaLabel}, triggers submenu`;\n            }\n            if (this.el.classList.contains(\"ic-popover-submenu-back-button\")) {\n                ariaLabel = \"Go back to parent menu\";\n            }\n            const parentEl = this.el.parentElement;\n            if (parentEl &&\n                parentEl.tagName === \"IC-MENU-GROUP\" &&\n                parentEl.label) {\n                return `${ariaLabel}, ${parentEl.label} menu group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        // This ensures that trigger menu items are always set to the default variant\n        if (isPropDefined(this.submenuTriggerFor) && this.variant !== \"default\") {\n            this.variant = \"default\";\n        }\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Menu Item\");\n    }\n    handleHostClick(e) {\n        if (this.disabled) {\n            e.stopImmediatePropagation();\n        }\n    }\n    render() {\n        // A sub-component to layout the menu information correctly in ic-button\n        const MenuItemInformation = () => {\n            return (h(\"div\", { class: \"menu-item-info\" }, h(\"div\", { class: \"menu-labels\" }, h(\"ic-typography\", { class: \"menu-item-label\" }, this.label), this.keyboardShortcutLabel && (h(\"ic-typography\", { variant: \"caption\", class: \"shortcut\" }, this.keyboardShortcutLabel))), this.description && (h(\"ic-typography\", { class: \"menu-item-description\", variant: \"caption\" }, this.description))));\n        };\n        return (h(Host, { class: {\n                [\"ic-menu-item-disabled\"]: !!this.disabled,\n            } }, h(\"ic-button\", { fullWidth: true, variant: \"tertiary\", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, role: this.variant === \"toggle\" ? \"menuitemcheckbox\" : \"menuitem\", \"aria-disabled\": `${this.disabled}`, \"aria-checked\": this.variant === \"toggle\"\n                ? this.checked\n                    ? \"true\"\n                    : \"false\"\n                : undefined, \"aria-label\": this.getMenuItemAriaLabel(), \"aria-haspopup\": isPropDefined(this.submenuTriggerFor) ||\n                this.el.classList.contains(\"ic-popover-submenu-back-button\")\n                ? \"menu\"\n                : false }, h(\"div\", { class: \"focus-border\" }, isSlotUsed(this.el, \"icon\") && (h(\"span\", { class: \"icon\" }, h(\"slot\", { name: \"icon\" }))), h(MenuItemInformation, null), this.variant === \"toggle\" && (h(\"span\", { class: {\n                [\"check-icon\"]: true,\n                [\"hide\"]: !this.checked,\n            }, \"aria-hidden\": \"true\", innerHTML: Check })), isPropDefined(this.submenuTriggerFor) && (h(\"span\", { class: { [\"submenu-icon\"]: true }, \"aria-hidden\": \"true\", innerHTML: Chevron }))))));\n    }\n    static get is() { return \"ic-menu-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"checked\": {\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 menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"description\": {\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 description displayed in the menu item, below the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"description\",\n                \"reflect\": false\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 menu item will be in disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to. This will render the menu item as an \\\"a\\\" tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\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 human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"keyboardShortcutLabel\": {\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 describing the keyboard shortcut for a menu item's action.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"keyboard-shortcut-label\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display in the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\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 relationship of the linked URL as space-separated link types.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"submenuTriggerFor\": {\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\": \"This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"submenu-trigger-for\",\n                \"reflect\": false\n            },\n            \"target\": {\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 place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcMenuItemVariants\",\n                    \"resolved\": \"\\\"default\\\" | \\\"destructive\\\" | \\\"toggle\\\" | undefined\",\n                    \"references\": {\n                        \"IcMenuItemVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu-item.types\",\n                            \"id\": \"src/components/ic-menu-item/ic-menu-item.types.ts::IcMenuItemVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"childBlur\",\n                \"name\": \"childBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when item loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"handleMenuItemClick\",\n                \"name\": \"handleMenuItemClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcMenuItemElement\",\n                    \"resolved\": \"HTMLIcMenuItemElement\",\n                    \"references\": {\n                        \"HTMLIcMenuItemElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcMenuItemElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icToggleChecked\",\n                \"name\": \"icToggleChecked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user clicks a menu item that is set to the toggle variant.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    checked: boolean;\\n  }\",\n                    \"resolved\": \"{ checked: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"triggerPopoverMenuInstance\",\n                \"name\": \"triggerPopoverMenuInstance\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item that triggers a popover menu instance.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu-item.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-8b5022bc.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const o=":host{display:block}ic-link{position:absolute;left:-9999px}ic-link:focus{z-index:var(--ic-z-index-skip-link);left:var(--ic-space-sm);padding:var(--ic-space-sm);box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);width:-moz-fit-content;width:fit-content}.display-top:focus{top:var(--ic-skip-link-position-top, var(--ic-space-sm))}.inline:focus{position:static;display:inline-block;margin:var(--ic-space-xs) 0}.full-width:focus{display:flex;right:var(--ic-space-sm);width:auto}.inline.full-width:focus{justify-content:start}.show-background{background:var(--ic-skip-link-background)}";const a=o;const c=class{constructor(s){i(this,s);this.fullWidth=false;this.inline=false;this.label="Skip to main content";this.monochrome=false;this.theme="inherit";this.transparentBackground=false}async setFocus(){if(this.linkEl)this.linkEl.setFocus()}render(){const{fullWidth:i,inline:e,label:o,monochrome:a,target:c,theme:n,transparentBackground:r}=this;return s(t,{key:"a6229f2e79e16d35283ae63e617e5dbee39f1a31",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"f54ffd72b46d9124023ef6bfe0cf60f7b1091c25",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${c}`,monochrome:a,theme:n,ref:i=>this.linkEl=i},o))}get el(){return e(this)}};c.style=a;export{c as ic_skip_link};
+//# sourceMappingURL=p-8b5022bc.entry.js.map