@ukic/canary-web-components 3.0.0-canary.3 → 3.0.0-canary.4

package/dist/core/{p-5cfb5821.entry.js.map → p-39101ffc.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icToggleButtonGroupCss","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","keyListener","ev","lastKeyPressed","key","shift","shiftKey","setSlottedAria","el","btn","shadowRoot","querySelector","aria","getAttribute","accessibleLabel","setAttribute","handleHostFocus","loading","disabled","target","relEl","relatedTarget","toggleButtons","Array","from","querySelectorAll","every","checked","selectType","tagName","focus","toggledButton","filter","handleKeyDown","event","toggleButtonOptions","getAllToggleButtons","focussedChild","indexOf","document","activeElement","selectMethod","proxySelectHandler","getNextItemToSelect","currentItem","movingDown","numToggles","length","nextItem","appearance","fullWidth","iconPlacement","undefined","size","variant","selectHandler","tabTarget","allToggles","clickedToggle","forEach","id","icChange","emit","detail","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","toggle","customEv","CustomEvent","render","h","Host","role","tabindex","class","onFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.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/* PARENT HOST */\n\n:root {\n  display: block;\n}\n\n:host {\n  display: flex;\n  flex-direction: row;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: -moz-min-content;\n  min-width: min-content;\n  border: var(--ic-border-width) solid var(--ic-action-default);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n\n:host(:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n  flex-grow: 1;\n  width: -moz-min-content;\n  width: min-content;\n\n  --toggle-button-border: none;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-default);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-border-disabled);\n  pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-disabled);\n}\n\n/* DARK */\n:host(.ic-toggle-button-group-dark) {\n  border: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n:host(.ic-toggle-button-group-dark)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n/* LIGHT */\n:host(.ic-toggle-button-group-light)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-light);\n}\n\n:host(.ic-toggle-button-group-light) {\n  border: var(--ic-border-width) solid var(--ic-action-light);\n}\n","import { Host, h, } from \"@stencil/core\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n    constructor() {\n        this.keyListener = (ev) => {\n            this.lastKeyPressed = {\n                key: ev.key,\n                shift: ev.shiftKey,\n            };\n        };\n        this.setSlottedAria = (el) => {\n            const btn = el.shadowRoot\n                .querySelector(\"ic-button\")\n                .shadowRoot.querySelector(\"button\");\n            let aria = btn.getAttribute(\"aria-label\");\n            aria += \", \";\n            aria += this.accessibleLabel;\n            btn.setAttribute(\"aria-label\", aria);\n        };\n        this.handleHostFocus = (ev) => {\n            if (this.loading || this.disabled) {\n                return null;\n            }\n            const el = ev.target;\n            const relEl = ev.relatedTarget;\n            const toggleButtons = Array.from(el.querySelectorAll(\"ic-toggle-button\"));\n            if (((toggleButtons.every((el) => !el.checked) ||\n                this.selectType !== \"single\") &&\n                this.lastKeyPressed.shift === false) ||\n                (toggleButtons.every((el) => !el.checked) &&\n                    this.lastKeyPressed.shift === true &&\n                    relEl.tagName == TOGGLE_GROUP)) {\n                toggleButtons[0].focus();\n            }\n            else if (this.lastKeyPressed.shift === false ||\n                (this.lastKeyPressed.shift === true && relEl.tagName == TOGGLE_GROUP)) {\n                // if checked is true and selectMethod is \"single\", focus that toggle\n                const toggledButton = toggleButtons.filter((el) => el.checked);\n                toggledButton[0].focus();\n            }\n        };\n        this.handleKeyDown = (event) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const focussedChild = toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]);\n            switch (event.key) {\n                case \"ArrowDown\":\n                case \"ArrowRight\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)].focus();\n                    break;\n                case \"ArrowUp\":\n                case \"ArrowLeft\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)].focus();\n                    break;\n                case \"Tab\":\n                    break;\n            }\n        };\n        this.getNextItemToSelect = (currentItem, movingDown) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const numToggles = toggleButtonOptions.length - 1;\n            if (currentItem < 1) {\n                currentItem = 0;\n            }\n            let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n            if (nextItem < 0) {\n                nextItem = numToggles;\n            }\n            else if (nextItem > numToggles) {\n                nextItem = 0;\n            }\n            if (toggleButtonOptions[nextItem].disabled) {\n                nextItem = this.getNextItemToSelect(nextItem, movingDown);\n            }\n            return nextItem;\n        };\n        this.lastKeyPressed = {\n            key: null,\n            shift: false,\n        };\n        this.accessibleLabel = \"Toggle button group\";\n        this.appearance = \"default\";\n        this.disabled = false;\n        this.fullWidth = false;\n        this.iconPlacement = undefined;\n        this.loading = false;\n        this.selectMethod = \"manual\";\n        this.selectType = \"single\";\n        this.size = \"medium\";\n        this.variant = \"default\";\n    }\n    selectHandler(ev, tabTarget) {\n        const allToggles = this.getAllToggleButtons();\n        let clickedToggle = ev.target;\n        // tabTarget used in proxySelectHandler\n        tabTarget && tabTarget.focus();\n        if (this.selectType === \"single\") {\n            if (!clickedToggle) {\n                clickedToggle = tabTarget;\n            }\n            allToggles.forEach((el) => {\n                if (el.id !== clickedToggle.id && el.checked) {\n                    el.checked = false;\n                }\n            });\n            this.icChange.emit({\n                checked: ev.detail.checked,\n                selectedOption: clickedToggle,\n            });\n        }\n        else {\n            const toggledOptions = this.getAllToggleButtons().filter((el) => el.checked && !el.disabled);\n            this.icChange.emit({\n                checked: toggledOptions.map((opt) => opt.checked),\n                toggledOptions: toggledOptions.map((opt) => ({\n                    toggleButton: opt,\n                })),\n                selectedOption: clickedToggle,\n            });\n        }\n    }\n    componentWillLoad() {\n        this.selectType === \"multi\" && (this.selectMethod = \"manual\");\n        this.selectMethod === \"auto\" && this.selectType === \"single\";\n        document.addEventListener(\"keydown\", this.keyListener);\n    }\n    componentDidLoad() {\n        this.getAllToggleButtons().forEach((el, i) => {\n            this.setSlottedAria(el);\n            el.size = this.size;\n            el.loading = this.loading;\n            el.iconPlacement = this.iconPlacement;\n            el.disabled ? null : (el.disabled = this.disabled);\n            el.appearance = this.appearance;\n            el.variant = this.variant;\n            el.fullWidth = this.fullWidth;\n            el.id = i.toString();\n            el.tabIndex = -1;\n            el.addEventListener(\"keydown\", (ev) => {\n                this.handleKeyDown(ev);\n            });\n            el.classList.add(\"expand-toggle-group-child\");\n        });\n    }\n    disconnectedCallback() {\n        document.removeEventListener(\"keydown\", this.keyListener);\n    }\n    // trigger selectHandler when unable to add 'target'\n    proxySelectHandler(toggle) {\n        toggle.checked = true;\n        const customEv = new CustomEvent(\"icToggleChecked\", {\n            detail: {\n                checked: toggle.checked,\n            },\n        });\n        this.selectHandler(customEv, toggle);\n    }\n    getAllToggleButtons() {\n        return Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n    }\n    render() {\n        return (h(Host, { role: \"group\", \"aria-label\": this.accessibleLabel, \"aria-disabled\": this.disabled ? \"true\" : \"false\", tabindex: 0, class: {\n                [\"ic-toggle-button-group-full-width\"]: this.fullWidth,\n                [\"ic-toggle-button-group-loading\"]: this.loading,\n                [\"ic-toggle-button-group-disabled\"]: this.disabled,\n                [`ic-toggle-button-group-${this.appearance}`]: true,\n            }, onFocus: this.handleHostFocus }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-toggle-button-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Toggle button group\\\"\"\n            },\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the toggle button group, e.g dark, or light.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\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 toggle button group will be set to the disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placement of the icons in relation to the toggle button labels.\"\n                },\n                \"attribute\": \"icon-placement\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be in loading state.\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selectMethod\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcSelectMethodTypes\",\n                    \"resolved\": \"\\\"auto\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcSelectMethodTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectMethodTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\"\n                },\n                \"attribute\": \"select-method\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"manual\\\"\"\n            },\n            \"selectType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSelectTypes\",\n                    \"resolved\": \"\\\"multi\\\" | \\\"single\\\"\",\n                    \"references\": {\n                        \"IcSelectTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\"\n                },\n                \"attribute\": \"select-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"single\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toggle button.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"lastKeyPressed\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a toggle button is selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-toggle-button-group.types\",\n                            \"id\": \"src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"icToggleChecked\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toggle-button-group.js.map\n"],"mappings":"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"}
+{"version":3,"names":["icToggleButtonGroupCss","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","keyListener","ev","lastKeyPressed","key","shift","shiftKey","setSlottedAria","el","btn","shadowRoot","querySelector","aria","getAttribute","accessibleLabel","setAttribute","handleHostFocus","loading","disabled","target","relEl","relatedTarget","toggleButtons","Array","from","querySelectorAll","every","checked","selectType","tagName","focus","toggledButton","filter","handleKeyDown","event","toggleButtonOptions","getAllToggleButtons","focussedChild","indexOf","document","activeElement","selectMethod","proxySelectHandler","getNextItemToSelect","currentItem","movingDown","numToggles","length","nextItem","appearance","fullWidth","iconPlacement","undefined","size","variant","selectHandler","tabTarget","allToggles","clickedToggle","forEach","id","icChange","emit","detail","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","toggle","customEv","CustomEvent","render","h","Host","role","tabindex","class","onFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.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/* PARENT HOST */\n\n:root {\n  display: block;\n}\n\n:host {\n  display: flex;\n  flex-direction: row;\n  width: -moz-fit-content;\n  width: fit-content;\n  min-width: -moz-min-content;\n  min-width: min-content;\n  border: var(--ic-border-width) solid var(--ic-action-default);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n\n:host(:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n  flex-grow: 1;\n  width: -moz-min-content;\n  width: min-content;\n\n  --toggle-button-border: none;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-default);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-border-disabled);\n  pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-disabled);\n}\n\n/* DARK */\n:host(.ic-toggle-button-group-dark) {\n  border: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n:host(.ic-toggle-button-group-dark)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n/* LIGHT */\n:host(.ic-toggle-button-group-light)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid var(--ic-action-light);\n}\n\n:host(.ic-toggle-button-group-light) {\n  border: var(--ic-border-width) solid var(--ic-action-light);\n}\n","import { Host, h, } from \"@stencil/core\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n    constructor() {\n        this.keyListener = (ev) => {\n            this.lastKeyPressed = {\n                key: ev.key,\n                shift: ev.shiftKey,\n            };\n        };\n        this.setSlottedAria = (el) => {\n            const btn = el.shadowRoot\n                .querySelector(\"ic-button\")\n                .shadowRoot.querySelector(\"button\");\n            let aria = btn.getAttribute(\"aria-label\");\n            aria += \", \";\n            aria += this.accessibleLabel;\n            btn.setAttribute(\"aria-label\", aria);\n        };\n        this.handleHostFocus = (ev) => {\n            if (this.loading || this.disabled) {\n                return null;\n            }\n            const el = ev.target;\n            const relEl = ev.relatedTarget;\n            const toggleButtons = Array.from(el.querySelectorAll(\"ic-toggle-button\"));\n            if (((toggleButtons.every((el) => !el.checked) ||\n                this.selectType !== \"single\") &&\n                this.lastKeyPressed.shift === false) ||\n                (toggleButtons.every((el) => !el.checked) &&\n                    this.lastKeyPressed.shift === true &&\n                    relEl.tagName == TOGGLE_GROUP)) {\n                toggleButtons[0].focus();\n            }\n            else if (this.lastKeyPressed.shift === false ||\n                (this.lastKeyPressed.shift === true && relEl.tagName == TOGGLE_GROUP)) {\n                // if checked is true and selectMethod is \"single\", focus that toggle\n                const toggledButton = toggleButtons.filter((el) => el.checked);\n                toggledButton[0].focus();\n            }\n        };\n        this.handleKeyDown = (event) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const focussedChild = toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]);\n            switch (event.key) {\n                case \"ArrowDown\":\n                case \"ArrowRight\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)].focus();\n                    break;\n                case \"ArrowUp\":\n                case \"ArrowLeft\":\n                    this.selectMethod === \"auto\"\n                        ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)])\n                        : toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)].focus();\n                    break;\n                case \"Tab\":\n                    break;\n            }\n        };\n        this.getNextItemToSelect = (currentItem, movingDown) => {\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const numToggles = toggleButtonOptions.length - 1;\n            if (currentItem < 1) {\n                currentItem = 0;\n            }\n            let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n            if (nextItem < 0) {\n                nextItem = numToggles;\n            }\n            else if (nextItem > numToggles) {\n                nextItem = 0;\n            }\n            if (toggleButtonOptions[nextItem].disabled) {\n                nextItem = this.getNextItemToSelect(nextItem, movingDown);\n            }\n            return nextItem;\n        };\n        this.lastKeyPressed = {\n            key: null,\n            shift: false,\n        };\n        this.accessibleLabel = \"Toggle button group\";\n        this.appearance = \"default\";\n        this.disabled = false;\n        this.fullWidth = false;\n        this.iconPlacement = undefined;\n        this.loading = false;\n        this.selectMethod = \"manual\";\n        this.selectType = \"single\";\n        this.size = \"medium\";\n        this.variant = \"default\";\n    }\n    selectHandler(ev, tabTarget) {\n        const allToggles = this.getAllToggleButtons();\n        let clickedToggle = ev.target;\n        // tabTarget used in proxySelectHandler\n        tabTarget && tabTarget.focus();\n        if (this.selectType === \"single\") {\n            if (!clickedToggle) {\n                clickedToggle = tabTarget;\n            }\n            allToggles.forEach((el) => {\n                if (el.id !== clickedToggle.id && el.checked) {\n                    el.checked = false;\n                }\n            });\n            this.icChange.emit({\n                checked: ev.detail.checked,\n                selectedOption: clickedToggle,\n            });\n        }\n        else {\n            const toggledOptions = this.getAllToggleButtons().filter((el) => el.checked && !el.disabled);\n            this.icChange.emit({\n                checked: toggledOptions.map((opt) => opt.checked),\n                toggledOptions: toggledOptions.map((opt) => ({\n                    toggleButton: opt,\n                })),\n                selectedOption: clickedToggle,\n            });\n        }\n    }\n    componentWillLoad() {\n        this.selectType === \"multi\" && (this.selectMethod = \"manual\");\n        this.selectMethod === \"auto\" && this.selectType === \"single\";\n        document.addEventListener(\"keydown\", this.keyListener);\n    }\n    componentDidLoad() {\n        this.getAllToggleButtons().forEach((el, i) => {\n            this.setSlottedAria(el);\n            el.size = this.size;\n            el.loading = this.loading;\n            el.iconPlacement = this.iconPlacement;\n            el.disabled ? null : (el.disabled = this.disabled);\n            el.appearance = this.appearance;\n            el.variant = this.variant;\n            el.fullWidth = this.fullWidth;\n            el.id = i.toString();\n            el.tabIndex = -1;\n            el.addEventListener(\"keydown\", (ev) => {\n                this.handleKeyDown(ev);\n            });\n            el.classList.add(\"expand-toggle-group-child\");\n        });\n    }\n    disconnectedCallback() {\n        document === null || document === void 0 ? void 0 : document.removeEventListener(\"keydown\", this.keyListener);\n    }\n    // trigger selectHandler when unable to add 'target'\n    proxySelectHandler(toggle) {\n        toggle.checked = true;\n        const customEv = new CustomEvent(\"icToggleChecked\", {\n            detail: {\n                checked: toggle.checked,\n            },\n        });\n        this.selectHandler(customEv, toggle);\n    }\n    getAllToggleButtons() {\n        return Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n    }\n    render() {\n        return (h(Host, { role: \"group\", \"aria-label\": this.accessibleLabel, \"aria-disabled\": this.disabled ? \"true\" : \"false\", tabindex: 0, class: {\n                [\"ic-toggle-button-group-full-width\"]: this.fullWidth,\n                [\"ic-toggle-button-group-loading\"]: this.loading,\n                [\"ic-toggle-button-group-disabled\"]: this.disabled,\n                [`ic-toggle-button-group-${this.appearance}`]: true,\n            }, onFocus: this.handleHostFocus }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-toggle-button-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toggle-button-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n                },\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Toggle button group\\\"\"\n            },\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the toggle button group, e.g dark, or light.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"disabled\": {\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 toggle button group will be set to the disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The placement of the icons in relation to the toggle button labels.\"\n                },\n                \"attribute\": \"icon-placement\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be in loading state.\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selectMethod\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcSelectMethodTypes\",\n                    \"resolved\": \"\\\"auto\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcSelectMethodTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectMethodTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\"\n                },\n                \"attribute\": \"select-method\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"manual\\\"\"\n            },\n            \"selectType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSelectTypes\",\n                    \"resolved\": \"\\\"multi\\\" | \\\"single\\\"\",\n                    \"references\": {\n                        \"IcSelectTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSelectTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\"\n                },\n                \"attribute\": \"select-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"single\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toggle button.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"lastKeyPressed\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a toggle button is selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-toggle-button-group.types\",\n                            \"id\": \"src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"icToggleChecked\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toggle-button-group.js.map\n"],"mappings":"gEAAA,MAAMA,EAAyB,wyHCC/B,MAAMC,EAAe,yB,MACRC,EAAiB,MAC1B,WAAAC,CAAAC,G,6CACIC,KAAKC,YAAeC,IAChBF,KAAKG,eAAiB,CAClBC,IAAKF,EAAGE,IACRC,MAAOH,EAAGI,SACb,EAELN,KAAKO,eAAkBC,IACnB,MAAMC,EAAMD,EAAGE,WACVC,cAAc,aACdD,WAAWC,cAAc,UAC9B,IAAIC,EAAOH,EAAII,aAAa,cAC5BD,GAAQ,KACRA,GAAQZ,KAAKc,gBACbL,EAAIM,aAAa,aAAcH,EAAK,EAExCZ,KAAKgB,gBAAmBd,IACpB,GAAIF,KAAKiB,SAAWjB,KAAKkB,SAAU,CAC/B,OAAO,I,CAEX,MAAMV,EAAKN,EAAGiB,OACd,MAAMC,EAAQlB,EAAGmB,cACjB,MAAMC,EAAgBC,MAAMC,KAAKhB,EAAGiB,iBAAiB,qBACrD,IAAMH,EAAcI,OAAOlB,IAAQA,EAAGmB,WAClC3B,KAAK4B,aAAe,WACpB5B,KAAKG,eAAeE,QAAU,OAC7BiB,EAAcI,OAAOlB,IAAQA,EAAGmB,WAC7B3B,KAAKG,eAAeE,QAAU,MAC9Be,EAAMS,SAAWjC,EAAe,CACpC0B,EAAc,GAAGQ,O,MAEhB,GAAI9B,KAAKG,eAAeE,QAAU,OAClCL,KAAKG,eAAeE,QAAU,MAAQe,EAAMS,SAAWjC,EAAe,CAEvE,MAAMmC,EAAgBT,EAAcU,QAAQxB,GAAOA,EAAGmB,UACtDI,EAAc,GAAGD,O,GAGzB9B,KAAKiC,cAAiBC,IAClB,MAAMC,EAAsBnC,KAAKoC,sBACjC,MAAMC,EAAgBF,EAAoBG,QAAQH,EAAoBH,QAAQxB,GAAOA,IAAO+B,SAASC,gBAAe,IACpH,OAAQN,EAAM9B,KACV,IAAK,YACL,IAAK,aACDJ,KAAKyC,eAAiB,OAChBzC,KAAK0C,mBAAmBP,EAAoBnC,KAAK2C,oBAAoBN,EAAe,QACpFF,EAAoBnC,KAAK2C,oBAAoBN,EAAe,OAAOP,QACzE,MACJ,IAAK,UACL,IAAK,YACD9B,KAAKyC,eAAiB,OAChBzC,KAAK0C,mBAAmBP,EAAoBnC,KAAK2C,oBAAoBN,EAAe,SACpFF,EAAoBnC,KAAK2C,oBAAoBN,EAAe,QAAQP,QAC1E,M,EAKZ9B,KAAK2C,oBAAsB,CAACC,EAAaC,KACrC,MAAMV,EAAsBnC,KAAKoC,sBACjC,MAAMU,EAAaX,EAAoBY,OAAS,EAChD,GAAIH,EAAc,EAAG,CACjBA,EAAc,C,CAElB,IAAII,EAAWH,EAAaD,EAAc,EAAIA,EAAc,EAC5D,GAAII,EAAW,EAAG,CACdA,EAAWF,C,MAEV,GAAIE,EAAWF,EAAY,CAC5BE,EAAW,C,CAEf,GAAIb,EAAoBa,GAAU9B,SAAU,CACxC8B,EAAWhD,KAAK2C,oBAAoBK,EAAUH,E,CAElD,OAAOG,CAAQ,EAEnBhD,KAAKG,eAAiB,CAClBC,IAAK,KACLC,MAAO,OAEXL,KAAKc,gBAAkB,sBACvBd,KAAKiD,WAAa,UAClBjD,KAAKkB,SAAW,MAChBlB,KAAKkD,UAAY,MACjBlD,KAAKmD,cAAgBC,UACrBpD,KAAKiB,QAAU,MACfjB,KAAKyC,aAAe,SACpBzC,KAAK4B,WAAa,SAClB5B,KAAKqD,KAAO,SACZrD,KAAKsD,QAAU,S,CAEnB,aAAAC,CAAcrD,EAAIsD,GACd,MAAMC,EAAazD,KAAKoC,sBACxB,IAAIsB,EAAgBxD,EAAGiB,OAEvBqC,GAAaA,EAAU1B,QACvB,GAAI9B,KAAK4B,aAAe,SAAU,CAC9B,IAAK8B,EAAe,CAChBA,EAAgBF,C,CAEpBC,EAAWE,SAASnD,IAChB,GAAIA,EAAGoD,KAAOF,EAAcE,IAAMpD,EAAGmB,QAAS,CAC1CnB,EAAGmB,QAAU,K,KAGrB3B,KAAK6D,SAASC,KAAK,CACfnC,QAASzB,EAAG6D,OAAOpC,QACnBqC,eAAgBN,G,KAGnB,CACD,MAAMO,EAAiBjE,KAAKoC,sBAAsBJ,QAAQxB,GAAOA,EAAGmB,UAAYnB,EAAGU,WACnFlB,KAAK6D,SAASC,KAAK,CACfnC,QAASsC,EAAeC,KAAKC,GAAQA,EAAIxC,UACzCsC,eAAgBA,EAAeC,KAAKC,IAAG,CACnCC,aAAcD,MAElBH,eAAgBN,G,EAI5B,iBAAAW,GACIrE,KAAK4B,aAAe,UAAY5B,KAAKyC,aAAe,UAEpDF,SAAS+B,iBAAiB,UAAWtE,KAAKC,Y,CAE9C,gBAAAsE,GACIvE,KAAKoC,sBAAsBuB,SAAQ,CAACnD,EAAIgE,KACpCxE,KAAKO,eAAeC,GACpBA,EAAG6C,KAAOrD,KAAKqD,KACf7C,EAAGS,QAAUjB,KAAKiB,QAClBT,EAAG2C,cAAgBnD,KAAKmD,cACxB3C,EAAGU,SAAW,KAAQV,EAAGU,SAAWlB,KAAKkB,SACzCV,EAAGyC,WAAajD,KAAKiD,WACrBzC,EAAG8C,QAAUtD,KAAKsD,QAClB9C,EAAG0C,UAAYlD,KAAKkD,UACpB1C,EAAGoD,GAAKY,EAAEC,WACVjE,EAAGkE,UAAY,EACflE,EAAG8D,iBAAiB,WAAYpE,IAC5BF,KAAKiC,cAAc/B,EAAG,IAE1BM,EAAGmE,UAAUC,IAAI,4BAA4B,G,CAGrD,oBAAAC,GACItC,WAAa,MAAQA,gBAAkB,OAAS,EAAIA,SAASuC,oBAAoB,UAAW9E,KAAKC,Y,CAGrG,kBAAAyC,CAAmBqC,GACfA,EAAOpD,QAAU,KACjB,MAAMqD,EAAW,IAAIC,YAAY,kBAAmB,CAChDlB,OAAQ,CACJpC,QAASoD,EAAOpD,WAGxB3B,KAAKuD,cAAcyB,EAAUD,E,CAEjC,mBAAA3C,GACI,OAAOb,MAAMC,KAAKxB,KAAKQ,GAAGiB,iBAAiB,oB,CAE/C,MAAAyD,GACI,OAAQC,EAAEC,EAAM,CAAEC,KAAM,QAAS,aAAcrF,KAAKc,gBAAiB,gBAAiBd,KAAKkB,SAAW,OAAS,QAASoE,SAAU,EAAGC,MAAO,CACpI,CAAC,qCAAsCvF,KAAKkD,UAC5C,CAAC,kCAAmClD,KAAKiB,QACzC,CAAC,mCAAoCjB,KAAKkB,SAC1C,CAAC,0BAA0BlB,KAAKiD,cAAe,MAChDuC,QAASxF,KAAKgB,iBAAmBmE,EAAE,OAAQ,M"}

package/dist/core/p-3b0fae40.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as c,H as t,g as a}from"./p-8455d1bb.js";import{r as o,j as r,a as n,k as s,d,l,m as h,i as b}from"./p-043cf5de.js";const m='/*! 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(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const p=class{constructor(c){e(this,c);this.icCheck=i(this,"icCheck",7);this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.label=undefined;this.name=undefined;this.nativeIndeterminateBehaviour=false;this.size=undefined;this.theme="inherit";this.value=undefined;this.hideLabel=false}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&this.checked}componentWillLoad(){o(this.disabled,this.el);r(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){s(this.el,this.handleFormReset)}async setFocus(){var e;(e=this.el.shadowRoot.querySelector(".checkbox"))===null||e===void 0?void 0:e.focus()}render(){const{additionalFieldDisplay:e,checked:i,disabled:a,dynamicText:o,el:r,form:n,displayIndeterminate:s,groupLabel:m,label:p,name:k,size:x,value:u,theme:v}=this;const g=`ic-checkbox-${d(p)||u}-${m}`.replace(/ /g,"-");const f=r.parentElement.size;i?l(true,r,k,i&&u,a):h(r);return c(t,{class:{"ic-checkbox-disabled":a,[`ic-checkbox-${x||f}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},c("div",{class:"container"},s&&c("div",{class:"indeterminate-symbol"}),!s&&i&&c("svg",{class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},c("title",null,"checkmark icon"),c("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),c("input",{role:"checkbox",class:{checkbox:true,checked:i,indeterminate:s},type:"checkbox",name:k,id:g,value:u,disabled:a?true:null,checked:i,indeterminate:s,onClick:this.handleClick,form:n,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&c("ic-typography",{class:"checkbox-label",variant:"body"},c("label",{htmlFor:g},p))),b(r,"additional-field")&&c("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&c("div",{class:"branch-corner"}),c("div",null,e==="dynamic"&&c("ic-typography",{variant:"caption"},c("p",{class:"dynamic-text","aria-live":"polite"},o)),c("div",{class:{"additional-field-wrapper":e==="static"}},c("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{indeterminate:["watchIndeterminateHandler"]}}};p.style=m;export{p as ic_checkbox};
+//# sourceMappingURL=p-3b0fae40.entry.js.map

package/dist/core/p-3b0fae40.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxCss","Checkbox","constructor","hostRef","this","handleClick","checked","displayIndeterminate","nativeIndeterminateBehaviour","indeterminate","icCheck","emit","handleFormReset","initiallyChecked","additionalFieldDisplay","disabled","dynamicText","form","undefined","groupLabel","label","name","size","theme","value","hideLabel","watchIndeterminateHandler","componentWillLoad","removeDisabledFalse","el","addFormResetListener","checkboxGroup","parentElement","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","textfield","querySelector","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","setFocus","_a","shadowRoot","focus","render","id","isPropDefined","replace","parentElementSize","renderHiddenInput","removeHiddenInput","h","Host","class","viewBox","xmlns","d","role","checkbox","type","onClick","variant","htmlFor","isSlotUsed","ref","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox/ic-checkbox.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(.ic-checkbox-disabled) {\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-xxs);\n  align-items: center;\n}\n\n:host(.ic-checkbox-small) .container {\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\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-checkbox-background-unselected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-border-unselected);\n  border-radius: var(--ic-border-radius);\n  outline: none;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  flex-shrink: 0;\n}\n\n:host .container svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n  background-color: var(--ic-checkbox-background-selected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-background-selected);\n  transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n  background-color: var(--ic-checkbox-background-selected-disabled);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n  background-color: var(--ic-checkbox-background-indeterminate);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate);\n}\n\n.checkbox:indeterminate:disabled,\n.checkbox.indeterminate:checked:disabled {\n  background-color: var(--ic-checkbox-background-indeterminate-disabled);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-disabled);\n}\n\n.checkbox:checked:hover {\n  background-color: var(--ic-checkbox-background-selected-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n  background-color: var(--ic-checkbox-background-indeterminate-hover);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-hover);\n}\n\n.checkbox:checked:active {\n  background-color: var(--ic-checkbox-background-selected-pressed);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n  background-color: var(--ic-checkbox-background-indeterminate-pressed);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-pressed);\n}\n\n.checkbox:hover {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-hover);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover);\n}\n\n.checkbox:active {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed);\n}\n\n.checkbox:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n  border: var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled);\n}\n\n.checkbox-label {\n  padding-left: var(--ic-space-sm);\n  color: var(--ic-checkbox-text);\n  --ic-typography-color: var(--ic-checkbox-text);\n}\n\n:host(.ic-checkbox-disabled) .checkbox-label {\n  color: var(--ic-checkbox-text-disabled);\n  --ic-typography-color: var(--ic-checkbox-text-disabled);\n}\n\n.checkbox-label:hover {\n  cursor: pointer;\n}\n\n.checkmark {\n  position: relative;\n  right: calc(-1 * var(--ic-space-lg));\n  margin-left: calc(-1 * var(--ic-space-lg));\n  fill: var(--ic-checkbox-icon-pressed);\n  z-index: 1;\n  background-color: transparent;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-md));\n  right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.ic-checkbox-large) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-xl));\n  right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n  position: relative;\n  width: 0.875rem;\n  height: var(--ic-space-xxxs);\n  right: -1.188rem;\n  margin-left: -0.875rem;\n  z-index: 1;\n  background-color: var(--ic-checkbox-icon-indeterminate);\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .indeterminate-symbol {\n  width: 0.6rem;\n  right: -0.8rem;\n  margin-left: -0.6rem;\n}\n\n:host(.ic-checkbox-large) .indeterminate-symbol {\n  width: 1.25rem;\n  right: -1.625rem;\n  margin-left: -1.25rem;\n}\n\n.additional-field-wrapper {\n  margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\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-checkbox-required-bar);\n  border-left: 0.125rem solid var(--ic-checkbox-required-bar);\n}\n\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-text {\n  color: var(--ic-checkbox-required-text);\n\n  --ic-typography-color: var(--ic-checkbox-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  ::slotted(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  .checkbox {\n    -webkit-appearance: revert;\n       -moz-appearance: revert;\n            appearance: revert;\n    transition: none;\n  }\n\n  .checkbox:checked {\n    transition: none;\n  }\n\n  .checkbox:focus-visible {\n    outline: 0.125rem solid highlight;\n  }\n\n  .checkbox:disabled:not(:checked) {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-color: GrayText;\n  }\n\n  .checkmark {\n    fill: none;\n  }\n\n  .indeterminate-symbol {\n    display: none;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderHiddenInput, removeHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot additional-field - Content to be displayed alongside a checkbox.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n    constructor() {\n        this.handleClick = () => {\n            this.checked = !this.checked;\n            this.displayIndeterminate = this.nativeIndeterminateBehaviour\n                ? false\n                : this.indeterminate && this.checked;\n            this.icCheck.emit();\n        };\n        this.handleFormReset = () => {\n            this.checked = this.initiallyChecked;\n        };\n        this.additionalFieldDisplay = \"static\";\n        this.checked = false;\n        this.initiallyChecked = this.checked;\n        this.disabled = false;\n        this.dynamicText = \"This selection requires additional answers\";\n        this.form = undefined;\n        this.groupLabel = undefined;\n        this.indeterminate = false;\n        this.displayIndeterminate = this.indeterminate;\n        this.label = undefined;\n        this.name = undefined;\n        this.nativeIndeterminateBehaviour = false;\n        this.size = undefined;\n        this.theme = \"inherit\";\n        this.value = undefined;\n        this.hideLabel = false;\n    }\n    watchIndeterminateHandler() {\n        this.displayIndeterminate = this.nativeIndeterminateBehaviour\n            ? this.indeterminate\n            : this.indeterminate && this.checked;\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        addFormResetListener(this.el, this.handleFormReset);\n        const checkboxGroup = this.el.parentElement;\n        if (checkboxGroup) {\n            if (!this.name)\n                this.name = checkboxGroup.name;\n            this.groupLabel = checkboxGroup.label;\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            { prop: this.label, propName: \"label\" },\n            { prop: this.value, propName: \"value\" },\n        ], \"Checkbox\");\n    }\n    componentDidRender() {\n        if (this.additionalFieldDisplay === \"static\") {\n            const textfield = this.el.querySelector(\"ic-text-field\");\n            if (!this.checked) {\n                textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n            }\n            else {\n                textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n            }\n        }\n        else if (this.additionalFieldContainer) {\n            this.additionalFieldContainer.style.display = !this.checked\n                ? \"none\"\n                : \"flex\";\n        }\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    /**\n     * Sets focus on the checkbox.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.el.shadowRoot.querySelector(\".checkbox\")) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, displayIndeterminate, groupLabel, label, name, size, value, theme, } = this;\n        const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, \"-\");\n        const parentElementSize = el.parentElement\n            .size;\n        checked\n            ? renderHiddenInput(true, el, name, checked && value, disabled)\n            : removeHiddenInput(el);\n        return (h(Host, { class: {\n                \"ic-checkbox-disabled\": disabled,\n                [`ic-checkbox-${size || parentElementSize}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { class: \"container\" }, displayIndeterminate && h(\"div\", { class: \"indeterminate-symbol\" }), !displayIndeterminate && checked && (h(\"svg\", { class: \"checkmark\", viewBox: \"0 0 24 24\", xmlns: \"http://www.w3.org/2000/svg\", \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\" }, h(\"title\", null, \"checkmark icon\"), h(\"path\", { d: \"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" }))), h(\"input\", { role: \"checkbox\", class: {\n                checkbox: true,\n                checked,\n                indeterminate: displayIndeterminate,\n            }, type: \"checkbox\", name: name, id: id, value: value, disabled: disabled ? true : null, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, \"aria-label\": this.hideLabel ? this.label : undefined }), !this.hideLabel && (h(\"ic-typography\", { class: \"checkbox-label\", variant: \"body\" }, h(\"label\", { htmlFor: id }, label)))), isSlotUsed(el, \"additional-field\") && (h(\"div\", { class: \"dynamic-container\", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { class: \"branch-corner\" })), h(\"div\", null, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { variant: \"caption\" }, h(\"p\", { class: \"dynamic-text\", \"aria-live\": \"polite\" }, dynamicText))), h(\"div\", { class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { name: \"additional-field\" })))))));\n    }\n    static get is() { return \"ic-checkbox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.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\\\"\",\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The style of additionalField that will be displayed if used.\"\n                },\n                \"attribute\": \"additional-field-display\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"static\\\"\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will be set to the disabled state.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to be displayed when dynamic.\"\n                },\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The <form> element to associate the checkbox with.\"\n                },\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"groupLabel\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The group label for the checkbox.\"\n                },\n                \"attribute\": \"group-label\",\n                \"reflect\": false\n            },\n            \"indeterminate\": {\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 indeterminate state will be displayed when checked.\"\n                },\n                \"attribute\": \"indeterminate\",\n                \"reflect\": false,\n                \"defaultValue\": \"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 for the checkbox.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"nativeIndeterminateBehaviour\": {\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 checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\"\n                },\n                \"attribute\": \"native-indeterminate-behaviour\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": 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                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"value\": {\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 value for the checkbox.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"hideLabel\": {\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 label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initiallyChecked\": {},\n            \"displayIndeterminate\": {}\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 a checkbox has been checked.\"\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                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the checkbox.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"indeterminate\",\n                \"methodName\": \"watchIndeterminateHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox.js.map\n"],"mappings":"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"}

package/dist/core/p-42f1b9cc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-8455d1bb.js";import{c as a}from"./p-e081702e.js";import{i as n,V as r,a as c,J as d,d as h}from"./p-043cf5de.js";const l='/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant="neutral"]) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host([variant="info"]) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host([variant="warning"]) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host([variant="error"]) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host([variant="success"]) .toast-icon svg{fill:var(--ic-toast-icon-success)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-light)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const m=1e3;const u=70;const p=140;const b=class{constructor(s){t(this,s);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=m/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})};this.isManual=undefined;this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.heading=undefined;this.message=undefined;this.neutralIconAriaLabel=undefined;this.variant=undefined}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>u,((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=h(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message)}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){if(this.visible){const t=d(this.el,"action");const i=this.el.shadowRoot.querySelector("ic-button");if(t)this.interactiveElements.push(t);if(i)this.interactiveElements.push(i)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const s=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:s))return t?s:i;let e;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;e=i;return true}))?this.interactiveElements[e+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:o,visible:c,isManual:d,dismissButtonAriaLabel:h}=this;return s(e,{class:{["ic-toast-hidden"]:!c},role:d?"dialog":"status",tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur},s("div",{class:"container"},t&&c&&s("div",{class:"toast-icon-container"},s("div",{class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?s("slot",{name:"neutral-icon"}):s("span",{class:"toast-icon",innerHTML:r[t].icon})),s("div",{class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},s("div",{class:"toast-text"},s("ic-typography",{variant:"subtitle-large",class:"toast-heading"},c&&s("h5",null,i)),o&&s("ic-typography",{variant:"body",class:"toast-message"},c&&s("p",null,o))),n(this.el,"action")&&s("div",{class:"toast-action-container"},s("slot",{name:"action"}))),!d?s("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:""}):s("ic-button",{id:"dismiss-button",innerHTML:a,onClick:this.dismissAction,variant:"icon","aria-label":h})))}get el(){return o(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};b.style=l;export{b as ic_toast};
+//# sourceMappingURL=p-42f1b9cc.entry.js.map

package/dist/core/p-42f1b9cc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToastCss","AUTO_DISMISS_TIMER_REFRESH_RATE_MS","TOAST_HEADING_CHAR_LIMIT","TOAST_MESSAGE_CHAR_LIMIT","Toast","constructor","hostRef","this","interactiveElements","dismissAction","icDismiss","emit","handleProgressChange","timerProgress","autoDismissTimeout","onFocus","focusInteractiveElement","isManual","onBlur","handleTimer","type","undefined","visible","dismissButtonAriaLabel","dismissMode","heading","message","neutralIconAriaLabel","variant","dismissModeChangeHandler","newValue","disconnectedCallback","window","clearTimeout","dismissTimeout","clearInterval","timerRefreshInterval","componentWillLoad","_a","_b","handleLongText","length","isSlotUsed","el","neutralVariantLabel","VARIANT_ICONS","ariaLabel","toastMessage","isPropDefined","setAttribute","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","resetAutoDismissTimer","actionContent","getSlot","dismissButton","shadowRoot","querySelector","push","findNextInteractiveElement","shiftKeyPressed","setFocus","watchVisibleHandler","handleDismiss","handleKeyboard","ev","key","preventDefault","shiftKey","repeat","stopImmediatePropagation","setTimeout","setInterval","setVisible","document","activeElement","headingTooLong","messageTooLong","console","error","isBackwards","firstEl","lastEl","isActive","currentIndex","some","index","targetEl","render","h","Host","class","role","tabindex","name","innerHTML","icon","theme","monochrome","size","progress","description","id","closeIcon","onClick"],"sources":["../web-components/dist/collection/components/ic-toast/ic-toast.css?tag=ic-toast&encapsulation=shadow","../web-components/dist/collection/components/ic-toast/ic-toast.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/**\n * @prop --ic-z-index-toast: z-index of toast\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    animation: fadein var(--ic-transition-duration-slow) ease-in-out;\n  }\n\n  :host(.hidden) {\n    animation: fadeout var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host {\n  --bottom-position: var(--ic-space-xl);\n\n  position: fixed;\n  bottom: var(--bottom-position);\n  left: 50%;\n  transform: translate(-50%);\n  z-index: var(--ic-z-index-toast);\n}\n\n:host(.ic-toast-hidden) {\n  display: none;\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n.container {\n  max-width: 32.5rem;\n  min-width: 18rem;\n  box-shadow: var(--ic-elevation-overlay);\n  min-height: 3.5rem;\n  background-color: var(--ic-toast-background);\n  display: flex;\n  align-items: center;\n  position: relative;\n  border-radius: var(--ic-border-radius);\n}\n\n.toast-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  position: absolute;\n  border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n}\n\n.divider-neutral {\n  background-color: var(--ic-toast-status-neutral);\n}\n\n.divider-info {\n  background-color: var(--ic-toast-status-info);\n}\n\n.divider-warning {\n  background-color: var(--ic-toast-status-warning);\n}\n\n.divider-error {\n  background-color: var(--ic-toast-status-error);\n}\n\n.divider-success {\n  background-color: var(--ic-toast-status-success);\n}\n\n.toast-icon,\n::slotted(svg) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n}\n\n:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg) {\n  fill: var(--ic-toast-icon-neutral);\n}\n\n:host([variant=\"info\"]) .toast-icon svg {\n  fill: var(--ic-toast-icon-info);\n}\n\n:host([variant=\"warning\"]) .toast-icon svg {\n  fill: var(--ic-toast-icon-warning);\n}\n\n:host([variant=\"error\"]) .toast-icon svg {\n  fill: var(--ic-toast-icon-error);\n}\n\n:host([variant=\"success\"]) .toast-icon svg {\n  fill: var(--ic-toast-icon-success);\n}\n\n.toast-content {\n  margin-left: var(--ic-space-xs);\n  width: 100%;\n}\n\n.no-icon {\n  margin-left: var(--ic-space-md);\n}\n\n.toast-text {\n  padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n.toast-heading {\n  --ic-typography-color: var(--ic-toast-title);\n}\n\n.toast-message {\n  --ic-typography-color: var(--ic-toast-description);\n}\n\n.toast-action-container {\n  padding-bottom: var(--ic-space-md);\n}\n\n#dismiss-button {\n  padding: var(--ic-space-xs);\n}\n\n#dismiss-button > svg {\n  color: var(--ic-toast-dismiss-button);\n}\n\nic-loading-indicator {\n  --outer-color: transparent;\n  --inner-color: var(--ic-action-light);\n}\n\n.toast-dismiss-timer {\n  padding: var(--ic-space-sm);\n}\n\n@media (max-width: 576px) {\n  :host {\n    --bottom-position: var(--ic-space-lg);\n\n    width: calc(100% - 2 * var(--ic-space-md));\n  }\n}\n\n@media (min-width: 993px) {\n  :host {\n    --bottom-position: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  }\n}\n\n@media (forced-colors: active) {\n  .container {\n    border: var(--ic-border-hc);\n  }\n}\n\n@keyframes fadein {\n  from {\n    bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    bottom: var(--bottom-position);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeout {\n  from {\n    bottom: var(--bottom-position);\n    opacity: 1;\n  }\n\n  to {\n    bottom: 0;\n    opacity: 0;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\nimport { getSlot, isPropDefined, isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;\nconst TOAST_HEADING_CHAR_LIMIT = 70;\nconst TOAST_MESSAGE_CHAR_LIMIT = 140;\n/**\n * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.\n * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.\n */\nexport class Toast {\n    constructor() {\n        this.interactiveElements = [];\n        this.dismissAction = () => {\n            this.icDismiss.emit();\n        };\n        this.handleProgressChange = () => {\n            this.timerProgress -=\n                (AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout) * 100;\n        };\n        this.onFocus = () => {\n            if (this.focusInteractiveElement) {\n                this.isManual = true;\n            }\n        };\n        this.onBlur = () => {\n            this.handleTimer({ type: \"mouseleave\" });\n        };\n        this.isManual = undefined;\n        this.timerProgress = 100;\n        this.visible = false;\n        this.autoDismissTimeout = 5000;\n        this.dismissButtonAriaLabel = \"dismiss\";\n        this.dismissMode = \"manual\";\n        this.heading = undefined;\n        this.message = undefined;\n        this.neutralIconAriaLabel = undefined;\n        this.variant = undefined;\n    }\n    dismissModeChangeHandler(newValue) {\n        this.isManual = newValue === \"manual\";\n    }\n    disconnectedCallback() {\n        window.clearTimeout(this.dismissTimeout);\n        window.clearInterval(this.timerRefreshInterval);\n    }\n    componentWillLoad() {\n        var _a, _b;\n        this.handleLongText(this.heading.length > TOAST_HEADING_CHAR_LIMIT, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.length) > TOAST_MESSAGE_CHAR_LIMIT);\n        if (this.autoDismissTimeout < 5000)\n            this.autoDismissTimeout = 5000;\n        if (isSlotUsed(this.el, \"action\"))\n            this.dismissMode = \"manual\";\n        this.isManual = this.dismissMode === \"manual\";\n        if (isSlotUsed(this.el, \"neutral-icon\"))\n            this.variant = \"neutral\";\n        if (this.variant === \"neutral\") {\n            this.neutralVariantLabel =\n                (_b = this.neutralIconAriaLabel) !== null && _b !== void 0 ? _b : VARIANT_ICONS[this.variant].ariaLabel;\n        }\n        if (this.isManual) {\n            const toastMessage = isPropDefined(this.message)\n                ? `. ${this.message}`\n                : \"\";\n            this.el.setAttribute(\"aria-label\", this.variant\n                ? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel\n                : this.heading);\n            (this.variant || this.message) &&\n                this.el.setAttribute(\"aria-description\", this.variant ? `${this.heading}${toastMessage}` : this.message);\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Toast\");\n    }\n    componentDidUpdate() {\n        if (this.focusInteractiveElement && this.isManual) {\n            this.resetAutoDismissTimer();\n            const actionContent = getSlot(this.el, \"action\");\n            const dismissButton = this.el.shadowRoot.querySelector(\"ic-button\");\n            if (actionContent)\n                this.interactiveElements.push(actionContent);\n            if (dismissButton)\n                this.interactiveElements.push(dismissButton);\n            this.focusInteractiveElement = false;\n            this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();\n            this.shiftKeyPressed = false;\n        }\n    }\n    watchVisibleHandler() {\n        if (this.visible) {\n            const actionContent = getSlot(this.el, \"action\");\n            const dismissButton = this.el.shadowRoot.querySelector(\"ic-button\");\n            if (actionContent)\n                this.interactiveElements.push(actionContent);\n            if (dismissButton)\n                this.interactiveElements.push(dismissButton);\n        }\n        else {\n            this.interactiveElements = [];\n        }\n    }\n    handleDismiss() {\n        this.visible = false;\n        this.resetAutoDismissTimer();\n    }\n    handleKeyboard(ev) {\n        if (this.visible) {\n            if (this.isManual) {\n                switch (ev.key) {\n                    case \"Tab\":\n                        ev.preventDefault();\n                        this.findNextInteractiveElement(ev.shiftKey).setFocus();\n                        break;\n                    case \"Escape\":\n                        !ev.repeat && this.dismissAction();\n                        ev.stopImmediatePropagation();\n                        break;\n                }\n            }\n            else {\n                if (ev.key === \"Tab\") {\n                    this.shiftKeyPressed = ev.shiftKey;\n                    this.focusInteractiveElement = true;\n                }\n            }\n        }\n    }\n    handleTimer(ev) {\n        switch (ev.type) {\n            case \"mouseenter\":\n                if (!this.isManual) {\n                    this.resetAutoDismissTimer();\n                }\n                this.isManual = true;\n                break;\n            case \"mouseleave\":\n                if (this.dismissMode === \"automatic\") {\n                    this.isManual = false;\n                    this.interactiveElements = [];\n                    if (this.visible) {\n                        this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n                        this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n                    }\n                }\n                break;\n        }\n    }\n    /**\n     * @internal Used to display the individual toast.\n     * @returns The element that previously had focus before the toast appeared\n     */\n    async setVisible() {\n        if (!this.visible)\n            this.visible = true;\n        if (!this.isManual) {\n            this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n            this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n            return null;\n        }\n        else {\n            window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);\n            return document.activeElement;\n        }\n    }\n    handleLongText(headingTooLong, messageTooLong) {\n        if (messageTooLong || headingTooLong) {\n            console.error(`Too many characters in toast ${headingTooLong ? \"heading\" : \"\"}${headingTooLong && messageTooLong ? \" and \" : \"\"}${messageTooLong ? \"message\" : \"\"}. Refer to character limits specified in the prop description`);\n        }\n    }\n    findNextInteractiveElement(isBackwards) {\n        const firstEl = this.interactiveElements[0];\n        const lastEl = this.interactiveElements[this.interactiveElements.length - 1];\n        if (this.isActive(isBackwards ? firstEl : lastEl))\n            return isBackwards ? lastEl : firstEl;\n        let currentIndex;\n        return this.interactiveElements.some((el, index) => {\n            if (!this.isActive(el))\n                return false;\n            currentIndex = index;\n            return true;\n        })\n            ? this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)]\n            : firstEl;\n    }\n    resetAutoDismissTimer() {\n        window.clearTimeout(this.dismissTimeout);\n        window.clearInterval(this.timerRefreshInterval);\n        this.timerProgress = 100;\n    }\n    isActive(targetEl) {\n        return targetEl === this.el\n            ? !!this.el.shadowRoot.activeElement\n            : document.activeElement === targetEl;\n    }\n    render() {\n        const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;\n        return (h(Host, { class: { [\"ic-toast-hidden\"]: !visible }, role: isManual ? \"dialog\" : \"status\", tabindex: \"0\", onFocus: this.onFocus, onBlur: this.onBlur }, h(\"div\", { class: \"container\" }, variant && visible && (h(\"div\", { class: \"toast-icon-container\" }, h(\"div\", { class: {\n                [\"divider\"]: true,\n                [`divider-${variant}`]: true,\n            } }), variant === \"neutral\" ? (h(\"slot\", { name: \"neutral-icon\" })) : (h(\"span\", { class: \"toast-icon\", innerHTML: VARIANT_ICONS[variant].icon })))), h(\"div\", { class: {\n                [\"toast-content\"]: true,\n                [\"no-icon\"]: variant === \"neutral\" && !isSlotUsed(this.el, \"neutral-icon\"),\n            } }, h(\"div\", { class: \"toast-text\" }, h(\"ic-typography\", { variant: \"subtitle-large\", class: \"toast-heading\" }, visible && h(\"h5\", null, heading)), message && (h(\"ic-typography\", { variant: \"body\", class: \"toast-message\" }, visible && h(\"p\", null, message)))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"toast-action-container\" }, h(\"slot\", { name: \"action\" })))), !isManual ? (h(\"ic-loading-indicator\", { class: \"toast-dismiss-timer\", theme: \"dark\", monochrome: true, size: \"icon\", progress: this.timerProgress, description: \"\" })) : (h(\"ic-button\", { id: \"dismiss-button\", innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon\", \"aria-label\": dismissButtonAriaLabel })))));\n    }\n    static get is() { return \"ic-toast\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-toast.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-toast.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"autoDismissTimeout\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\\n(NOTE: Has a minimum value of `5000ms`)\"\n                },\n                \"attribute\": \"auto-dismiss-timeout\",\n                \"reflect\": false,\n                \"defaultValue\": \"5000\"\n            },\n            \"dismissButtonAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\"\n                },\n                \"attribute\": \"dismiss-button-aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"dismiss\\\"\"\n            },\n            \"dismissMode\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How the toast will be dismissed. If manual will display a dismiss button.\"\n                },\n                \"attribute\": \"dismiss-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"manual\\\"\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The main body message of the toast. (NOTE: Should be no more than `140` characters)\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"neutralIconAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon\"\n                },\n                \"attribute\": \"neutral-icon-aria-label\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the toast being rendered\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isManual\": {},\n            \"timerProgress\": {},\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 toast\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setVisible\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<HTMLElement>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<HTMLElement>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to display the individual toast.\"\n                        }, {\n                            \"name\": \"returns\",\n                            \"text\": \"The element that previously had focus before the toast appeared\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"dismissMode\",\n                \"methodName\": \"dismissModeChangeHandler\"\n            }, {\n                \"propName\": \"visible\",\n                \"methodName\": \"watchVisibleHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleDismiss\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyboard\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"mouseenter\",\n                \"method\": \"handleTimer\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"mouseleave\",\n                \"method\": \"handleTimer\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=ic-toast.js.map\n"],"mappings":"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"}

package/dist/core/p-53228014.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as o,g as a}from"./p-8455d1bb.js";import{r,a as n,n as l,p as s}from"./p-043cf5de.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}';const b=class{constructor(i){e(this,i);this.icChange=t(this,"icChange",7);this.checkboxSelector="ic-checkbox";this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=undefined;this.required=false;this.size="medium";this.theme="inherit";this.validationStatus="";this.validationText=""}labelNameHandler(e,t,i){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((o=>{if(i==="label")o.groupLabel=e;else if(o.name===t){o.name=e}}))}watchThemeHandler(e){Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((t=>{t.theme=e}))}handleChange(e){if(e.target.tagName==="IC-TEXT-FIELD"){e.stopImmediatePropagation()}}componentWillLoad(){r(this.disabled,this.el);this.watchThemeHandler(this.theme)}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Checkbox Group")}selectHandler({target:e}){const t=Array.from(this.el.querySelectorAll("ic-checkbox")).filter((({checked:e,disabled:t})=>e&&!t));this.icChange.emit({value:t.map((({value:e})=>e)),checkedOptions:t.map((e=>{var t;return{checkbox:e,textFieldValue:(t=e.querySelector("ic-text-field"))===null||t===void 0?void 0:t.value}})),selectedOption:e})}render(){const{disabled:e,helperText:t,hideLabel:a,label:r,name:n,required:c,size:b,theme:d,validationStatus:p,validationText:u}=this;const h=l(n,t!=="",p!=="");return i(o,{class:{[`ic-checkbox-group-${b}`]:true,[`ic-checkbox-group-disabled`]:e,[`ic-theme-${d}`]:d!=="inherit"}},(p==="error"||c||a)&&i("span",{id:"screenReaderOnlyText",class:"screen-reader-only-text","aria-hidden":"true"},r," ",p==="error"?"invalid data ":null," ",c?"required":null),i("fieldset",{id:n,"aria-labelledby":`${p==="error"||c||a?"screenReaderOnlyText":""} ${h}`.trim(),disabled:e},!a&&i("legend",null,i("ic-input-label",{class:{[`${p}`]:true},label:r,helperText:t,required:c,disabled:e,useLabelTag:false})),i("div",{class:"checkboxes-container"},i("slot",null))),s(p,e)&&i("ic-input-validation",{for:n,ariaLiveMode:"polite",status:p,message:u}))}get el(){return a(this)}static get watchers(){return{label:["labelNameHandler"],name:["labelNameHandler"],theme:["watchThemeHandler"]}}};b.style=c;export{b as ic_checkbox_group};
+//# sourceMappingURL=p-53228014.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxGroupCss","CheckboxGroup","constructor","hostRef","this","checkboxSelector","disabled","helperText","hideLabel","label","undefined","name","required","size","theme","validationStatus","validationText","labelNameHandler","newValue","oldValue","propName","Array","from","el","querySelectorAll","forEach","checkbox","groupLabel","watchThemeHandler","handleChange","ev","target","tagName","stopImmediatePropagation","componentWillLoad","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","selectHandler","checkedOptions","filter","checked","icChange","emit","value","map","opt","_a","textFieldValue","querySelector","selectedOption","render","describedBy","getInputDescribedByText","h","Host","class","id","trim","useLabelTag","hasValidationStatus","for","ariaLiveMode","status","message"],"sources":["../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css?tag=ic-checkbox-group&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.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  --ic-input-label-text-color: var(--ic-checkbox-group-label);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle);\n  --ic-input-validation-error: var(--ic-checkbox-state-icon-error);\n  --ic-input-validation-status-text-color: var(--ic-checkbox-state-text);\n}\n\n:host(.ic-checkbox-group-disabled) {\n  --ic-input-label-text-color: var(--ic-checkbox-group-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-checkbox-group-subtitle-disabled\n  );\n}\n\nic-input-label.error {\n  color: var(--ic-checkbox-group-label-error);\n\n  --ic-typography-color: var(--ic-checkbox-group-label-error);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle-error);\n}\n\nic-input-label ic-typography {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-label ic-typography {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\nic-input-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-checkbox-group-small) .checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxxs));\n}\n\n.screen-reader-only-text {\n  position: absolute;\n  left: -9999px;\n  background-color: #fff;\n  color: #000;\n  text-transform: none;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, hasValidationStatus, onComponentRequiredPropUndefined, removeDisabledFalse, } from \"../../utils/helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n    constructor() {\n        this.checkboxSelector = \"ic-checkbox\";\n        this.disabled = false;\n        this.helperText = \"\";\n        this.hideLabel = false;\n        this.label = undefined;\n        this.name = undefined;\n        this.required = false;\n        this.size = \"medium\";\n        this.theme = \"inherit\";\n        this.validationStatus = \"\";\n        this.validationText = \"\";\n    }\n    labelNameHandler(newValue, oldValue, propName) {\n        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {\n            if (propName === \"label\")\n                checkbox.groupLabel = newValue;\n            else if (checkbox.name === oldValue) {\n                // If the checkbox name has been set by the parent, then override it\n                checkbox.name = newValue;\n            }\n        });\n    }\n    watchThemeHandler(newValue) {\n        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {\n            checkbox.theme = newValue;\n        });\n    }\n    handleChange(ev) {\n        //don't pass on the event if it has come from slotted text field\n        //otherwise any icChange handler bound to the checkbox group will also run\n        if (ev.target.tagName === \"IC-TEXT-FIELD\") {\n            ev.stopImmediatePropagation();\n        }\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        this.watchThemeHandler(this.theme);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            { prop: this.label, propName: \"label\" },\n            { prop: this.name, propName: \"name\" },\n        ], \"Checkbox Group\");\n    }\n    selectHandler({ target }) {\n        const checkedOptions = Array.from(this.el.querySelectorAll(\"ic-checkbox\")).filter(({ checked, disabled }) => checked && !disabled);\n        this.icChange.emit({\n            value: checkedOptions.map(({ value }) => value),\n            checkedOptions: checkedOptions.map((opt) => {\n                var _a;\n                return ({\n                    checkbox: opt,\n                    textFieldValue: (_a = opt.querySelector(\"ic-text-field\")) === null || _a === void 0 ? void 0 : _a.value,\n                });\n            }),\n            selectedOption: target,\n        });\n    }\n    render() {\n        const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;\n        const describedBy = getInputDescribedByText(name, helperText !== \"\", validationStatus !== \"\");\n        return (h(Host, { class: {\n                [`ic-checkbox-group-${size}`]: true,\n                [`ic-checkbox-group-disabled`]: disabled,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, (validationStatus === \"error\" || required || hideLabel) && (h(\"span\", { id: \"screenReaderOnlyText\", class: \"screen-reader-only-text\", \"aria-hidden\": \"true\" }, label, \" \", validationStatus === \"error\" ? \"invalid data \" : null, \" \", required ? \"required\" : null)), h(\"fieldset\", { id: name, \"aria-labelledby\": `${validationStatus === \"error\" || required || hideLabel\n                ? \"screenReaderOnlyText\"\n                : \"\"} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (h(\"legend\", null, h(\"ic-input-label\", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), h(\"div\", { class: \"checkboxes-container\" }, h(\"slot\", null))), hasValidationStatus(validationStatus, disabled) && (h(\"ic-input-validation\", { for: name, ariaLiveMode: \"polite\", status: validationStatus, message: validationText }))));\n    }\n    static get is() { return \"ic-checkbox-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\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 checkbox group will be set to the disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\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 helper text that will be displayed for additional field guidance.\"\n                },\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\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 label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"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 for the checkbox group to be displayed.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\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 name for the checkbox group to differentiate from other groups.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"required\": {\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 checkbox group will require a value.\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the checkboxes to be displayed. This does not affect the font size of the label.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\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\": 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                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"validationText\": {\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 validation text - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a checkbox is checked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-checkbox-group.types\",\n                            \"id\": \"src/components/ic-checkbox-group/ic-checkbox-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"label\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"name\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icChange\",\n                \"method\": \"handleChange\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icCheck\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox-group.js.map\n"],"mappings":"oHAAA,MAAMA,EAAqB,2kH,MCGdC,EAAa,MACtB,WAAAC,CAAAC,G,6CACIC,KAAKC,iBAAmB,cACxBD,KAAKE,SAAW,MAChBF,KAAKG,WAAa,GAClBH,KAAKI,UAAY,MACjBJ,KAAKK,MAAQC,UACbN,KAAKO,KAAOD,UACZN,KAAKQ,SAAW,MAChBR,KAAKS,KAAO,SACZT,KAAKU,MAAQ,UACbV,KAAKW,iBAAmB,GACxBX,KAAKY,eAAiB,E,CAE1B,gBAAAC,CAAiBC,EAAUC,EAAUC,GACjCC,MAAMC,KAAKlB,KAAKmB,GAAGC,iBAAiBpB,KAAKC,mBAAmBoB,SAASC,IACjE,GAAIN,IAAa,QACbM,EAASC,WAAaT,OACrB,GAAIQ,EAASf,OAASQ,EAAU,CAEjCO,EAASf,KAAOO,C,KAI5B,iBAAAU,CAAkBV,GACdG,MAAMC,KAAKlB,KAAKmB,GAAGC,iBAAiBpB,KAAKC,mBAAmBoB,SAASC,IACjEA,EAASZ,MAAQI,CAAQ,G,CAGjC,YAAAW,CAAaC,GAGT,GAAIA,EAAGC,OAAOC,UAAY,gBAAiB,CACvCF,EAAGG,0B,EAGX,iBAAAC,GACIC,EAAoB/B,KAAKE,SAAUF,KAAKmB,IACxCnB,KAAKwB,kBAAkBxB,KAAKU,M,CAEhC,gBAAAsB,GACIC,EAAiC,CAC7B,CAAEC,KAAMlC,KAAKK,MAAOW,SAAU,SAC9B,CAAEkB,KAAMlC,KAAKO,KAAMS,SAAU,SAC9B,iB,CAEP,aAAAmB,EAAcR,OAAEA,IACZ,MAAMS,EAAiBnB,MAAMC,KAAKlB,KAAKmB,GAAGC,iBAAiB,gBAAgBiB,QAAO,EAAGC,UAASpC,cAAeoC,IAAYpC,IACzHF,KAAKuC,SAASC,KAAK,CACfC,MAAOL,EAAeM,KAAI,EAAGD,WAAYA,IACzCL,eAAgBA,EAAeM,KAAKC,IAChC,IAAIC,EACJ,OACItB,SAAUqB,EACVE,gBAAiBD,EAAKD,EAAIG,cAAc,oBAAsB,MAAQF,SAAY,OAAS,EAAIA,EAAGH,MACrG,IAELM,eAAgBpB,G,CAGxB,MAAAqB,GACI,MAAM9C,SAAEA,EAAQC,WAAEA,EAAUC,UAAEA,EAASC,MAAEA,EAAKE,KAAEA,EAAIC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,iBAAEA,EAAgBC,eAAEA,GAAoBZ,KACnH,MAAMiD,EAAcC,EAAwB3C,EAAMJ,IAAe,GAAIQ,IAAqB,IAC1F,OAAQwC,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,qBAAqB5C,KAAS,KAC/B,CAAC,8BAA+BP,EAChC,CAAC,YAAYQ,KAAUA,IAAU,aAC/BC,IAAqB,SAAWH,GAAYJ,IAAe+C,EAAE,OAAQ,CAAEG,GAAI,uBAAwBD,MAAO,0BAA2B,cAAe,QAAUhD,EAAO,IAAKM,IAAqB,QAAU,gBAAkB,KAAM,IAAKH,EAAW,WAAa,MAAQ2C,EAAE,WAAY,CAAEG,GAAI/C,EAAM,kBAAmB,GAAGI,IAAqB,SAAWH,GAAYJ,EAClW,uBACA,MAAM6C,IAAcM,OAAQrD,SAAUA,IAAaE,GAAc+C,EAAE,SAAU,KAAMA,EAAE,iBAAkB,CAAEE,MAAO,CAAE,CAAC,GAAG1C,KAAqB,MAAQN,MAAOA,EAAOF,WAAYA,EAAYK,SAAUA,EAAUN,SAAUA,EAAUsD,YAAa,SAAYL,EAAE,MAAO,CAAEE,MAAO,wBAA0BF,EAAE,OAAQ,QAASM,EAAoB9C,EAAkBT,IAAciD,EAAE,sBAAuB,CAAEO,IAAKnD,EAAMoD,aAAc,SAAUC,OAAQjD,EAAkBkD,QAASjD,I"}

package/dist/core/p-574355c9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as i,H as n,g as o}from"./p-8455d1bb.js";import{c as a,g as r,s,i as c,a as h,d,I as l}from"./p-043cf5de.js";const m='/*! 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;background-color:var(--ic-theme-tertiary);--hero-heading-bottom-margin:var(--ic-space-md)}:host(.ic-hero-dark){background-color:var(--ic-theme-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-container{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-hero-keyline)}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const g=class{constructor(i){e(this,i);this.hostMutationObserver=null;this.hostMutationCallback=e=>{if(e.some((({type:e,addedNodes:t,removedNodes:i})=>e==="childList"?a(t,i,"secondary"):false))){t(this)}};this.foregroundColor=r();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.backgroundImage=undefined;this.contentAligned="left";this.disableBackgroundParallax=false;this.heading=undefined;this.secondaryHeading=undefined;this.secondarySubheading=undefined;this.size="medium";this.subheading=undefined}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=s(this.el,"secondary")}componentDidLoad(){!c(this.el,"heading")&&h([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=s(this.el,"secondary")}themeChangeHandler(e){const t=e.detail;this.foregroundColor=t.mode}doScroll(){if(this.disableBackgroundParallax){return}const e=document.scrollingElement.scrollTop;const t=.4;const i=-100+e*t;this.scrollFactor="right "+i+"px"}render(){const{aligned:e,size:t,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:s,foregroundColor:c,backgroundImage:h,scrollFactor:m}=this;let g={};if(d(h)){g={"background-image":"url("+h+")","background-position":m}}return i(n,{class:{[`ic-hero-${l.Dark}`]:c===l.Dark,["has-background-image"]:h!==undefined,["ic-hero-small"]:t==="small",["secondary-heading"]:!!r},style:g},i("ic-section-container",{aligned:e,fullHeight:true,class:"section-container"},i("div",{class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},i("div",{class:"heading"},i("slot",{name:"heading"},i("ic-typography",{variant:t==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:t!=="small"}},i("h2",null,o)))),i("div",{class:"subheading"},i("slot",{name:"subheading"},i("ic-typography",{variant:"body"},a))),i("div",{class:"interaction-container"},i("slot",{name:"interaction"}))),(d(r)||this.rightContent)&&i("div",{class:"right-container"},i("slot",{name:"secondary"},r&&i("div",{class:"secondary-container"},i("div",{class:"secondary-heading"},i("ic-typography",{variant:"h4"},i("h3",null,r))),i("div",{class:"secondary-subheading"},i("ic-typography",{variant:"subtitle-small"},s)))))))}get el(){return o(this)}};g.style=m;export{g as ic_hero};
+//# sourceMappingURL=p-574355c9.entry.js.map