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

package/dist/core/{p-90364cef.entry.js.map → p-8fa7085e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","theme","type","typeChangeHandler","variant","render","_a","_b","ariaLabel","status","stepStatus","isPropDefined","toUpperCase","slice","stepType","compactStepStyling","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","stepNum","progress","heading","lastStepNum","subheading","undefined","lastStep","nextStepHeading","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n\n  --ic-typography-color: currentcolor;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.next-step {\n  color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.visually-hidden:dir(rtl) {\n  right: -9999px;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-step-indicator-status-current);\n  --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n  background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n  color: var(--ic-stepper-compact-step-title-disabled);\n}\n\n.info-line {\n  display: flex;\n  -moz-column-gap: var(--ic-space-xs);\n       column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-stepper-compact-step-requirement-text);\n  -moz-column-gap: var(--ic-space-xxxs);\n       column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n  color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n  color: var(--ic-stepper-compact-step-stage-text);\n  white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n  flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n  border-radius: 50%;\n  background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n  color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default) .heading-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.heading {\n  color: var(--ic-step-title);\n}\n\n.current .heading {\n  color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n  color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n  color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n  color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n  color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n  color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n  color: var(--ic-status-success-default);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-step-number-background-active);\n  color: var(--ic-step-number-text-current);\n}\n\n.disabled {\n  color: var(--ic-color-text-disabled-mid);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n  background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-step-number-background-success);\n  box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n  background-color: var(--ic-step-number-current-outer-fill);\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-stepper-connector-remaining-status);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.heading, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-border-hc);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.ic-step-default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .heading-area,\n  .disabled .step-icon-inner,\n  .disabled .heading {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n    constructor() {\n        /**\n         * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.\n         */\n        this.current = false;\n        /**\n         * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The state of the step within the stepper.\n         */\n        this.type = \"active\";\n    }\n    typeChangeHandler() {\n        if (this.variant === \"compact\" && this.type === \"current\") {\n            this.current = true;\n        }\n        else {\n            this.current = false;\n        }\n    }\n    render() {\n        var _a, _b;\n        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (this.type === \"completed\") {\n            ariaLabel = \". Completed step\";\n        }\n        else if (this.type === \"disabled\") {\n            ariaLabel = \". Non-required step\";\n        }\n        else if (this.status === \"required\") {\n            ariaLabel = \". Required step\";\n        }\n        else if (this.status === \"optional\") {\n            ariaLabel = \". Optional step\";\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (this.status && isPropDefined(this.status)) {\n            stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n            stepType = \"Not required\";\n        }\n        else if (this.compactStepStyling === \"completed\") {\n            stepType = \"Completed\";\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { key: 'da8e370996e92dde0f17f6460ecb0c11d8def086', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (this.type === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { key: '581de517797d73b13bab42503a084a579c540d5f', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { key: '2b0b01b29c81bd1ae351b56f04c18f7eab1ca4f1', class: {\n                [\"step\"]: true,\n                [\"current\"]: !!this.current,\n                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n                [\"disabled\"]: this.type === \"disabled\" || this.compactStepStyling === \"disabled\",\n            } }, h(\"ic-loading-indicator\", { key: '4f2234e8dc571338c71f63263d2cd45460920717', class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": this.type === \"disabled\" ||\n                    this.compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { key: 'bb3834decc5d6e971b8da1b225987f41d7542b67', class: \"heading-area\" }, h(\"ic-typography\", { key: 'c9ac23c26ecb3a002f065583c36b105dd7a80d35', variant: \"h4\", class: \"heading\" }, this.heading), h(\"div\", { key: '72a46d0b49c4b09db01fd6a7a4000efb4d4f6da9', class: \"info-line\" }, h(\"ic-typography\", { key: '0a8f7b16a04431260d1650474ea86faa0248af2d', variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { key: '497ad4a0febb2b9f5380a0bb28f0effc6368cf1d', class: \"visually-hidden\" }, \" steps\")), (this.subheading ||\n            this.type === \"completed\" ||\n            this.type === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n            !!this.status) && (h(\"div\", { key: 'ee5da9d5d75229d3bffbc761dfc4c779b22b063d', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (h(\"ic-typography\", { key: 'b249e660a2eff61dc1d537ab14e2bf027c2ffab2', variant: \"caption\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : this.type === \"disabled\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"disabled\") ||\n                this.type === \"completed\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"completed\")\n                ? stepType\n                : this.status && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepHeading))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (this.type !== \"completed\") {\n            icon = (h(\"ic-typography\", { key: '8d6b60fe3b7cb9426536ac8afaeb798de0291b1c', variant: \"subtitle-small\" }, h(\"span\", { key: '464e32e9503075944e90e9e42c72ef3955c948d0', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { key: '620c7f67632c073a4e339427bedc5ffed0a4a320', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: '1396290202c009168bf4b7983a2af4f5d8fdeb64', class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = this.type === \"current\" && (h(\"div\", { key: '7d27dc6a29aca34dcb14c0624c66309614c5378a', class: \"step-connect-inner\" }));\n        const finalStep = !this.lastStep && (h(\"div\", { key: '70aeb7052405a7977a12562c329f227c71e35a8b', class: {\n                [\"step-connect\"]: true,\n                [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n            } }, partialBar));\n        // DEFAULT STEP COMPONENT\n        const defaultStep = (h(\"div\", { key: '130b7d2d16c416a5e699a20564b475fe0620af18', class: {\n                [\"step\"]: true,\n                [`${this.type}`]: true,\n            } }, h(\"div\", { key: '6b71087d2f67a0858fdd819424fed8d36084d98e', class: \"step-top\" }, h(\"div\", { key: 'a9d0fc4317db6cc4b60c8429909fe30dbae3001e', class: \"step-icon\" }, icon), finalStep), (this.heading || this.subheading || this.status) && (h(\"div\", { key: '13c274e45d81977b4ceeaf98a4e092a2d90fec97', class: \"heading-area\" }, this.heading && (h(\"ic-typography\", { key: '1c4307d5780fff0c7200631e7b729024e3ca8315', variant: \"subtitle-large\", class: \"heading\" }, this.heading)), this.heading && (this.subheading || this.status) && (h(\"ic-typography\", { key: '4e6b789f77f40ed85e486bb8bf25b2209e042a91', variant: \"caption\", class: \"subheading\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : stepStatus))))));\n        return (h(Host, { key: 'aaeb6b423f4a746831b15ec90ae450a4a4c3fc9e', role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current || this.type === \"current\") && \"step\", class: {\n                [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n                [`ic-step-${this.variant}`]: true,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, this.variant === \"compact\" ? compactStep : defaultStep));\n    }\n    static get is() { return \"ic-step\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"compactStepStyling\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"compact-step-styling\",\n                \"reflect\": false\n            },\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, and a compact stepper  is being used, the current step will be the only step in view.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastStep\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step\",\n                \"reflect\": false\n            },\n            \"lastStepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step-num\",\n                \"reflect\": false\n            },\n            \"nextStepHeading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The name of the next step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"next-step-heading\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            },\n            \"stepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number, managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"step-num\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepStatuses\",\n                    \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"active\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"type\",\n                \"methodName\": \"typeChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","theme","type","typeChangeHandler","variant","render","_a","_b","ariaLabel","status","stepStatus","isPropDefined","toUpperCase","slice","stepType","compactStepStyling","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","stepNum","progress","heading","lastStepNum","subheading","undefined","lastStep","nextStepHeading","icon","partialBar","finalStep","el","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n  display: flex;\n  flex: auto;\n\n  --ic-typography-color: currentcolor;\n}\n\n.step {\n  display: flex;\n  flex: 1 1 0;\n}\n\n.step-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.heading,\n.subheading,\n.step-status,\n.next-step {\n  white-space: pre-line;\n}\n\n.next-step {\n  color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.visually-hidden:dir(rtl) {\n  right: -9999px;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n\n  --compact-step-inner-color: var(--ic-step-indicator-status-current);\n  --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n  --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n  -moz-column-gap: var(--ic-space-sm);\n       column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n  margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n  border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n  background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n  display: flex;\n  flex-direction: column;\n  width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading {\n  color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading {\n  color: var(--ic-stepper-compact-step-title-disabled);\n}\n\n.info-line {\n  display: flex;\n  -moz-column-gap: var(--ic-space-xs);\n       column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n  display: flex;\n  color: var(--ic-stepper-compact-step-requirement-text);\n  -moz-column-gap: var(--ic-space-xxxs);\n       column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n  color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n  color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n  color: var(--ic-stepper-compact-step-stage-text);\n  white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n  margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n  flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n  flex-grow: initial;\n}\n\n.step-top {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: flex-start;\n  height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n  border-radius: 50%;\n  background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n  color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default) .heading-area {\n  margin: var(--ic-space-xs) 0;\n  padding-right: var(--ic-space-xs);\n  width: 100%;\n}\n\n:host(.ic-step-default) .heading,\n.subheading {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.heading {\n  color: var(--ic-step-title);\n}\n\n.current .heading {\n  color: var(--ic-step-title-current);\n}\n\n.completed .heading {\n  color: var(--ic-step-title-success);\n}\n\n.disabled .heading {\n  color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n  color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n  color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n  color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n  color: var(--ic-status-success-default);\n}\n\n.active .step-icon-inner {\n  box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n  background-color: var(--ic-step-number-background-active);\n  color: var(--ic-step-number-text-current);\n}\n\n.disabled {\n  color: var(--ic-color-text-disabled-mid);\n}\n\n.disabled .step-icon-inner {\n  border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n  width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n  color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n  background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n  background: var(--ic-step-number-background-success);\n  box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);\n  border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n  border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n  padding: var(--ic-space-xxxs);\n  margin: 0 calc(-1 * var(--ic-space-xxxs));\n  background-color: var(--ic-step-number-current-outer-fill);\n\n  /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n  height: var(--ic-space-xxxs);\n  background-color: var(--ic-stepper-connector-remaining-status);\n  margin: 0 var(--ic-space-xs);\n  border-radius: var(--ic-space-xxs);\n  width: 100%;\n}\n\n.aligned-full-width.step-connect {\n  min-width: 6.25rem;\n  width: 100%;\n}\n\n.disabled .step-connect {\n  height: 0;\n  background-color: rgb(0 0 0 / 0%);\n  border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n  border-radius: 0;\n}\n\n.completed .step-connect {\n  background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n  width: 70%;\n  display: flex;\n  flex: auto;\n  height: var(--ic-space-xxxs);\n  border-radius: var(--ic-space-xxs);\n  background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n  padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n  width: var(--ic-space-md);\n  height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n  fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  /* COMPACT STEP */\n  .compact-step-disabled :is(.heading, .step-status) {\n    color: GrayText;\n  }\n\n  /* DEFAULT STEP */\n  .step-connect:not(.disabled .step-connect) {\n    border: var(--ic-border-hc);\n  }\n\n  .active .step-icon-inner,\n  .completed .step-icon-inner,\n  .current .step-icon-inner {\n    forced-color-adjust: none;\n    box-shadow: inset canvastext 0 0 0 0.125rem;\n    background-color: transparent;\n    color: canvastext;\n  }\n\n  :host(.ic-step-default) .current .step-icon {\n    padding: 0;\n    border: none;\n  }\n\n  .disabled,\n  .disabled .heading-area,\n  .disabled .step-icon-inner,\n  .disabled .heading {\n    color: GrayText;\n  }\n\n  .step-connect-inner,\n  .completed .step-connect {\n    background-color: canvastext;\n  }\n\n  .step-icon-inner .check-icon > svg > path {\n    fill: canvastext;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class Step {\n    constructor() {\n        /**\n         * @internal If `true`, and a compact stepper  is being used, the current step will be the only step in view.\n         */\n        this.current = false;\n        /**\n         * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The state of the step within the stepper.\n         */\n        this.type = \"active\";\n    }\n    typeChangeHandler() {\n        if (this.variant === \"compact\" && this.type === \"current\") {\n            this.current = true;\n        }\n        else {\n            this.current = false;\n        }\n    }\n    render() {\n        var _a, _b;\n        // ARIA LABEL\n        let ariaLabel = \"\";\n        if (this.type === \"completed\") {\n            ariaLabel = \". Completed step\";\n        }\n        else if (this.type === \"disabled\") {\n            ariaLabel = \". Non-required step\";\n        }\n        else if (this.status === \"required\") {\n            ariaLabel = \". Required step\";\n        }\n        else if (this.status === \"optional\") {\n            ariaLabel = \". Optional step\";\n        }\n        // STEP STATUS\n        let stepStatus;\n        if (this.status && isPropDefined(this.status)) {\n            stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n        }\n        // STEP TYPE\n        let stepType;\n        if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n            stepType = \"Not required\";\n        }\n        else if (this.compactStepStyling === \"completed\") {\n            stepType = \"Completed\";\n        }\n        // STATUS ICON FOR COMPACT STEP\n        let statusIcon;\n        if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n            statusIcon = (h(\"span\", { key: 'c554d57470b9bb379d21a3cd1abda1c75e5cba08', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n        }\n        else if (this.type === \"disabled\" ||\n            this.compactStepStyling === \"disabled\") {\n            statusIcon = (h(\"span\", { key: '44e14eb7ee51ea4d6a6979139bf6da928e24de20', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n        }\n        // COMPACT STEP COMPONENT\n        const compactStep = (h(\"div\", { key: 'ba266206fb9d29e2d465d26df565ece4617d833f', class: {\n                [\"step\"]: true,\n                [\"current\"]: !!this.current,\n                [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,\n                [\"disabled\"]: this.type === \"disabled\" || this.compactStepStyling === \"disabled\",\n            } }, h(\"ic-loading-indicator\", { key: '8ac7e7a5dda9311526fabcf7c7467251496688c0', class: {\n                \"compact-step-progress-indicator\": true,\n                \"not-required\": this.type === \"disabled\" ||\n                    this.compactStepStyling === \"disabled\",\n            }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": this.stepNum, progress: this.progress }), h(\"div\", { key: '3641cfb114f1bd1bcc53b61d61c7e60368074d59', class: \"heading-area\" }, h(\"ic-typography\", { key: 'f57e7f3ee8558562b06a983f9474ad22884e0fb0', variant: \"h4\", class: \"heading\" }, this.heading), h(\"div\", { key: '1bfffacf1695ac55a98fdb70c95e56d3d7374644', class: \"info-line\" }, h(\"ic-typography\", { key: '62b06cbe4ab2ca000a1947855ba9783e8fa87f34', variant: \"caption\", class: \"step-num\" }, `${this.stepNum} of ${this.lastStepNum}`, h(\"span\", { key: '9801990157ce6e89a575dc505bfdb083dbf69d59', class: \"visually-hidden\" }, \" steps\")), (this.subheading ||\n            this.type === \"completed\" ||\n            this.type === \"disabled\" ||\n            (this.variant === \"compact\" &&\n                !!this.compactStepStyling &&\n                this.compactStepStyling !== \"active\") ||\n            !!this.status) && (h(\"div\", { key: '61da3c5be4a48ef8c49e049306e622038d09d972', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (h(\"ic-typography\", { key: '36b727dae2acfa76a3b00ad93e296f1a7687a8bc', variant: \"caption\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : this.type === \"disabled\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"disabled\") ||\n                this.type === \"completed\" ||\n                (this.variant === \"compact\" &&\n                    this.compactStepStyling === \"completed\")\n                ? stepType\n                : this.status && stepStatus))))), this.lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Last step\")) : (isPropDefined(this.nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, \"Next\", h(\"span\", { class: \"visually-hidden\" }, \" step is\"), \":\", \" \", this.nextStepHeading))))));\n        // ICON FOR DEFAULT STEP\n        let icon;\n        if (this.type !== \"completed\") {\n            icon = (h(\"ic-typography\", { key: '39a605e15f1e787440200c1b2d013b245eebdc65', variant: \"subtitle-small\" }, h(\"span\", { key: 'b957bb4c7e99809903fd89be087f15204625a0b7', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n        }\n        else {\n            icon = (h(\"div\", { key: 'f18d7120ca74ab1933e21efba3e3cf1ee08fbf70', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: 'a146e0b3a79e7aac5afc9e0e385701ed140cf672', class: \"check-icon\", innerHTML: checkIcon })));\n        }\n        // STEP CONNECT FOR DEFAULT STEP\n        const partialBar = this.type === \"current\" && (h(\"div\", { key: '67fc4bea3d00a2c1dda63b5590816f5246c2e474', class: \"step-connect-inner\" }));\n        const finalStep = !this.lastStep && (h(\"div\", { key: 'af37563dcbf8ec3a3411a9c451e31c73651e3160', class: {\n                [\"step-connect\"]: true,\n                [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n            } }, partialBar));\n        // DEFAULT STEP COMPONENT\n        const defaultStep = (h(\"div\", { key: 'b2c1130ef9a2e12fdf93c08f8564ec48631cf7d0', class: {\n                [\"step\"]: true,\n                [`${this.type}`]: true,\n            } }, h(\"div\", { key: '0282ce231a90fb918c383422de63cdab9a9d5528', class: \"step-top\" }, h(\"div\", { key: '1ce5c704d09efb169857dc1dd88af5e5f1f03021', class: \"step-icon\" }, icon), finalStep), (this.heading || this.subheading || this.status) && (h(\"div\", { key: 'ba9737c9919bb6bde9b09d320afaad8602d02d36', class: \"heading-area\" }, this.heading && (h(\"ic-typography\", { key: '9466eb68a941c56fe0cbecaef69e138cff2a8995', variant: \"subtitle-large\", class: \"heading\" }, this.heading)), this.heading && (this.subheading || this.status) && (h(\"ic-typography\", { key: '90151ad68ae0cd4f58d3e7eb01b88b9649997f61', variant: \"caption\", class: \"subheading\" }, this.subheading !== null && isPropDefined(this.subheading)\n            ? this.subheading\n            : stepStatus))))));\n        return (h(Host, { key: 'e002bcf7743d7161bfb9816facb9a939e03aa233', role: \"listitem\", \"aria-label\": `Step ${this.stepNum}${ariaLabel}`, \"aria-current\": (this.current || this.type === \"current\") && \"step\", class: {\n                [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n                    !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n                [`ic-step-${this.variant}`]: true,\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, this.variant === \"compact\" ? compactStep : defaultStep));\n    }\n    static get is() { return \"ic-step\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-step.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"compactStepStyling\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"compact-step-styling\",\n                \"reflect\": false\n            },\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, and a compact stepper  is being used, the current step will be the only step in view.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastStep\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step\",\n                \"reflect\": false\n            },\n            \"lastStepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"last-step-num\",\n                \"reflect\": false\n            },\n            \"nextStepHeading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The name of the next step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"next-step-heading\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            },\n            \"stepNum\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number, managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"step-num\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepStatuses\",\n                    \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepStatuses\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepTypes\",\n                    \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The state of the step within the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"active\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"type\",\n                \"methodName\": \"typeChangeHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"2dAAA,MAAMA,EAAY,4nLAClB,MAAAC,EAAeD,E,MCGFE,EAAI,MACb,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,MAIfD,KAAKE,MAAQ,UAIbF,KAAKG,KAAO,Q,CAEhB,iBAAAC,GACI,GAAIJ,KAAKK,UAAY,WAAaL,KAAKG,OAAS,UAAW,CACvDH,KAAKC,QAAU,I,KAEd,CACDD,KAAKC,QAAU,K,EAGvB,MAAAK,GACI,IAAIC,EAAIC,EAER,IAAIC,EAAY,GAChB,GAAIT,KAAKG,OAAS,YAAa,CAC3BM,EAAY,kB,MAEX,GAAIT,KAAKG,OAAS,WAAY,CAC/BM,EAAY,qB,MAEX,GAAIT,KAAKU,SAAW,WAAY,CACjCD,EAAY,iB,MAEX,GAAIT,KAAKU,SAAW,WAAY,CACjCD,EAAY,iB,CAGhB,IAAIE,EACJ,GAAIX,KAAKU,QAAUE,EAAcZ,KAAKU,QAAS,CAC3CC,EAAaX,KAAKU,OAAO,GAAGG,cAAgBb,KAAKU,OAAOI,MAAM,E,CAGlE,IAAIC,EACJ,GAAIf,KAAKG,OAAS,YAAcH,KAAKgB,qBAAuB,WAAY,CACpED,EAAW,c,MAEV,GAAIf,KAAKgB,qBAAuB,YAAa,CAC9CD,EAAW,W,CAGf,IAAIE,EACJ,GAAIjB,KAAKG,OAAS,aAAeH,KAAKgB,qBAAuB,YAAa,CACtEC,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,uBAAwB,cAAe,OAAQC,UAAWC,G,MAE3I,GAAItB,KAAKG,OAAS,YACnBH,KAAKgB,qBAAuB,WAAY,CACxCC,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,yBAA0B,cAAe,OAAQC,UAAWE,G,CAGlJ,MAAMC,EAAeN,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,aAAcpB,KAAKC,QACpB,CAAC,gBAAgBD,KAAKgB,wBAAyBhB,KAAKgB,mBACpD,CAAC,YAAahB,KAAKG,OAAS,YAAcH,KAAKgB,qBAAuB,aACrEE,EAAE,uBAAwB,CAAEC,IAAK,2CAA4CC,MAAO,CACrF,kCAAmC,KACnC,eAAgBpB,KAAKG,OAAS,YAC1BH,KAAKgB,qBAAuB,YACjC,cAAe,OAAQS,KAAM,QAAS,cAAezB,KAAK0B,QAASC,SAAU3B,KAAK2B,WAAaT,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBF,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,KAAMe,MAAO,WAAapB,KAAK4B,SAAUV,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAeF,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,UAAWe,MAAO,YAAc,GAAGpB,KAAK0B,cAAc1B,KAAK6B,cAAeX,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,mBAAqB,YAAapB,KAAK8B,YACroB9B,KAAKG,OAAS,aACdH,KAAKG,OAAS,YACbH,KAAKK,UAAY,aACZL,KAAKgB,oBACPhB,KAAKgB,qBAAuB,YAC9BhB,KAAKU,SAAYQ,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,eAAiBH,IAAec,WAAad,GAAajB,KAAK8B,YAAcf,IAAcG,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,WAAaL,KAAK8B,aAAe,MAAQlB,EAAcZ,KAAK8B,YAC1T9B,KAAK8B,WACL9B,KAAKG,OAAS,YACXH,KAAKK,UAAY,WACdL,KAAKgB,qBAAuB,YAChChB,KAAKG,OAAS,aACbH,KAAKK,UAAY,WACdL,KAAKgB,qBAAuB,YAC9BD,EACAf,KAAKU,QAAUC,KAAiBX,KAAKgC,SAAYd,EAAE,gBAAiB,CAAEb,QAAS,iBAAkBe,MAAO,aAAe,aAAiBR,EAAcZ,KAAKiC,kBAAqBf,EAAE,gBAAiB,CAAEb,QAAS,iBAAkBe,MAAO,aAAe,OAAQF,EAAE,OAAQ,CAAEE,MAAO,mBAAqB,YAAa,IAAK,IAAKpB,KAAKiC,mBAE5U,IAAIC,EACJ,GAAIlC,KAAKG,OAAS,YAAa,CAC3B+B,EAAQhB,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,kBAAoBa,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUpB,KAAK0B,S,KAE/N,CACDQ,EAAQhB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUF,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,aAAcC,UAAWC,I,CAGxN,MAAMa,EAAanC,KAAKG,OAAS,WAAce,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,uBAClH,MAAMgB,GAAapC,KAAKgC,UAAad,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChG,CAAC,gBAAiB,KAClB,CAAC,2BAA4Bb,EAAKP,KAAKqC,GAAGC,iBAAmB,MAAQ/B,SAAY,OAAS,EAAIA,EAAGgC,UAAUC,SAAS,yBAC/GxC,KAAKqC,GAAGC,cAAcC,UAAUC,SAAS,8BAC7CL,GAET,MAAMM,EAAevB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,GAAGpB,KAAKG,QAAS,OACjBe,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,YAAcF,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAec,GAAOE,IAAapC,KAAK4B,SAAW5B,KAAK8B,YAAc9B,KAAKU,SAAYQ,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBpB,KAAK4B,SAAYV,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,iBAAkBe,MAAO,WAAapB,KAAK4B,SAAW5B,KAAK4B,UAAY5B,KAAK8B,YAAc9B,KAAKU,SAAYQ,EAAE,gBAAiB,CAAEC,IAAK,2CAA4Cd,QAAS,UAAWe,MAAO,cAAgBpB,KAAK8B,aAAe,MAAQlB,EAAcZ,KAAK8B,YAC9qB9B,KAAK8B,WACLnB,KACN,OAAQO,EAAEwB,EAAM,CAAEvB,IAAK,2CAA4CwB,KAAM,WAAY,aAAc,QAAQ3C,KAAK0B,UAAUjB,IAAa,gBAAiBT,KAAKC,SAAWD,KAAKG,OAAS,YAAc,OAAQiB,MAAO,CAC3M,CAAC,2BAA4BZ,EAAKR,KAAKqC,GAAGC,iBAAmB,MAAQ9B,SAAY,OAAS,EAAIA,EAAG+B,UAAUC,SAAS,yBAC/GxC,KAAKqC,GAAGC,cAAcC,UAAUC,SAAS,4BAC9C,CAAC,WAAWxC,KAAKK,WAAY,KAC7B,CAAC,YAAYL,KAAKE,SAAUF,KAAKE,QAAU,YAC1CF,KAAKK,UAAY,UAAYmB,EAAciB,E","ignoreList":[]}

package/dist/core/{p-5237f3ac.entry.js → p-97c437bb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{d as s,r as a,b as n,i as c}from"./p-0fe08a58.js";import{C as u}from"./p-0aa9ce8b.js";import{C as l}from"./p-170ddfc2.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant="destructive"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant="destructive"]) ::part(button):focus-visible,:host([variant="destructive"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant="destructive"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant="destructive"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant="destructive"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){t(this,i);this.childBlur=e(this,"childBlur",7);this.handleMenuItemClick=e(this,"handleMenuItemClick",7);this.icToggleChecked=e(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=e(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.handleClick=t=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){t.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let t=this.label;if(s(this.description)){t=`${t}, ${this.description}`}if(s(this.keyboardShortcutLabel)){t=`${t}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){t=`${t}, destructive`}if(s(this.submenuTriggerFor)){t=`${t}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){t="Go back to parent menu"}const e=this.el.parentElement;if(e&&e.tagName==="IC-MENU-GROUP"&&e.label){return`${t}, ${e.label} menu group`}else{return t}}}watchDisabledHandler(){a(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}a(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}}render(){const t=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(t,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
-//# sourceMappingURL=p-5237f3ac.entry.js.map
+import{r as t,c as e,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{e as s,r as n,o as a,i as c}from"./p-33927ee1.js";import{C as u}from"./p-0aa9ce8b.js";import{C as l}from"./p-170ddfc2.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant="destructive"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant="destructive"]) ::part(button):focus-visible,:host([variant="destructive"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant="destructive"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant="destructive"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant="destructive"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){t(this,i);this.childBlur=e(this,"childBlur",7);this.handleMenuItemClick=e(this,"handleMenuItemClick",7);this.icToggleChecked=e(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=e(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.handleClick=t=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){t.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let t=this.label;if(s(this.description)){t=`${t}, ${this.description}`}if(s(this.keyboardShortcutLabel)){t=`${t}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){t=`${t}, destructive`}if(s(this.submenuTriggerFor)){t=`${t}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){t="Go back to parent menu"}const e=this.el.parentElement;if(e&&e.tagName==="IC-MENU-GROUP"&&e.label){return`${t}, ${e.label} menu group`}else{return t}}}watchDisabledHandler(){n(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}n(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}}render(){const t=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(t,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
+//# sourceMappingURL=p-97c437bb.entry.js.map

package/dist/core/{p-e2103bcc.entry.js → p-9c8a98e8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as i,g as n}from"./p-8e4e97b4.js";import{r}from"./p-0fe08a58.js";const s='/*! 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}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border)}:host(.ic-toggle-button-group-disabled){border:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled)}:host(.ic-toggle-button-group-monochrome){border:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome){border:var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-hide-outline){--ic-toggle-button-unselected-border:transparent;--ic-toggle-button-unselected-border-disabled:transparent;--ic-toggle-button-unselected-border-monochrome:transparent;--ic-toggle-button-unselected-border-disabled-monochrome:transparent}';const a=s;const l="IC-TOGGLE-BUTTON-GROUP";const d=class{constructor(o){t(this,o);this.icChange=e(this,"icChange",7);this.lastKeyPressed={key:null,shift:false};this.accessibleLabel="Toggle button group";this.disabled=false;this.fullWidth=false;this.loading=false;this.monochrome=false;this.outline=true;this.selectMethod="manual";this.selectType="single";this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.handleHostFocus=({target:t,relatedTarget:e})=>{var o;if(this.loading||this.disabled)return;const i=t;const n=e;const r=Array.from((i===null||i===void 0?void 0:i.querySelectorAll("ic-toggle-button"))||[]);const s=r.every((t=>!t.checked));const{shift:a}=this.lastKeyPressed;if((s||this.selectType!=="single")&&!a||s&&a&&(n===null||n===void 0?void 0:n.tagName)==l){(o=r[0])===null||o===void 0?void 0:o.focus()}else if(!a||(n===null||n===void 0?void 0:n.tagName)==l){r.filter((t=>t.checked))[0].focus()}};this.handleKeyDown=({key:t})=>{if(t!=="ArrowDown"&&t!=="ArrowRight"&&t!=="ArrowLeft"&&t!=="ArrowUp")return;const e=this.getAllToggleButtons();const o=e[this.getNextItemToSelect(e.indexOf(e.filter((t=>t===document.activeElement))[0]),t==="ArrowDown"||t==="ArrowRight")];if(this.selectMethod==="auto"){o.checked=true;this.selectHandler(new CustomEvent("icToggleChecked",{detail:{checked:o.checked}}),o)}else{o.focus()}};this.getNextItemToSelect=(t,e)=>{const o=this.getAllToggleButtons();const i=o.length-1;if(t<1){t=0}let n=e?t+1:t-1;if(n<0){n=i}else if(n>i){n=0}if(o[n].disabled){n=this.getNextItemToSelect(n,e)}return n};this.getAllToggleButtons=()=>Array.from(this.el.querySelectorAll("ic-toggle-button"))}watchDisabledHandler(){this.getAllToggleButtons().forEach((t=>{t.disabled=this.disabled}));r(this.disabled,this.el)}watchFullWidthHandler(){this.getAllToggleButtons().forEach((t=>{t.fullWidth=this.fullWidth}))}watchLoadingHandler(){this.getAllToggleButtons().forEach((t=>{t.loading=this.loading}))}watchMonochromeHandler(){this.getAllToggleButtons().forEach((t=>{t.monochrome=this.monochrome}))}watchOutlineHandler(){this.getAllToggleButtons().forEach((t=>{t.outline=this.outline}))}watchSizeHandler(){this.getAllToggleButtons().forEach((t=>{t.size=this.size}))}watchThemeHandler(){this.getAllToggleButtons().forEach((t=>{t.theme=this.theme}))}watchTooltipPlacementHandler(){this.getAllToggleButtons().forEach((t=>{t.tooltipPlacement=this.tooltipPlacement}))}watchVariantHandler(){this.getAllToggleButtons().forEach((t=>{t.variant=this.variant}))}selectHandler(t,e){const o=this.getAllToggleButtons();let i=t.target;if(e)e.focus();if(this.selectType==="single"){if(!i&&e){i=e}o.forEach((t=>{if(t.id!==i.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:i})}else{const t=o.filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:i})}}componentWillLoad(){if(this.selectType==="multi")this.selectMethod="manual";document.addEventListener("keydown",this.keyListener);r(this.disabled,this.el)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,e)=>{var o,i,n;const r=(n=(i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-button"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("button");if(r){const t=r.getAttribute("aria-label");const e=t?`${t}, `:"";r.setAttribute("aria-label",`${e}${this.accessibleLabel}`)}t.id=e.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}render(){const{accessibleLabel:t,disabled:e,fullWidth:n,loading:r,monochrome:s,outline:a,theme:l}=this;return o(i,{key:"b76a2d77d20894bcbf3bd350945e8953c9c690ef",role:"group","aria-label":t,tabindex:0,class:{"ic-toggle-button-group-disabled":e,"ic-toggle-button-group-full-width":n,"ic-toggle-button-group-loading":r,"ic-toggle-button-group-monochrome":s,"ic-toggle-button-group-hide-outline":!a,[`ic-theme-${l}`]:l!=="inherit"},onFocus:this.handleHostFocus},o("slot",{key:"755e5420c42800c0d436adf366afe611edd8e529"}))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"],fullWidth:["watchFullWidthHandler"],loading:["watchLoadingHandler"],monochrome:["watchMonochromeHandler"],outline:["watchOutlineHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],tooltipPlacement:["watchTooltipPlacementHandler"],variant:["watchVariantHandler"]}}};d.style=a;export{d as ic_toggle_button_group};
-//# sourceMappingURL=p-e2103bcc.entry.js.map
+import{r as t,c as e,h as o,H as i,g as n}from"./p-8e4e97b4.js";import{r}from"./p-33927ee1.js";const s='/*! 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}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border)}:host(.ic-toggle-button-group-disabled){border:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled)}:host(.ic-toggle-button-group-monochrome){border:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome){border:var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-hide-outline){--ic-toggle-button-unselected-border:transparent;--ic-toggle-button-unselected-border-disabled:transparent;--ic-toggle-button-unselected-border-monochrome:transparent;--ic-toggle-button-unselected-border-disabled-monochrome:transparent}';const a=s;const l="IC-TOGGLE-BUTTON-GROUP";const d=class{constructor(o){t(this,o);this.icChange=e(this,"icChange",7);this.lastKeyPressed={key:null,shift:false};this.accessibleLabel="Toggle button group";this.disabled=false;this.fullWidth=false;this.loading=false;this.monochrome=false;this.outline=true;this.selectMethod="manual";this.selectType="single";this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.handleHostFocus=({target:t,relatedTarget:e})=>{var o;if(this.loading||this.disabled)return;const i=t;const n=e;const r=Array.from((i===null||i===void 0?void 0:i.querySelectorAll("ic-toggle-button"))||[]);const s=r.every((t=>!t.checked));const{shift:a}=this.lastKeyPressed;if((s||this.selectType!=="single")&&!a||s&&a&&(n===null||n===void 0?void 0:n.tagName)==l){(o=r[0])===null||o===void 0?void 0:o.focus()}else if(!a||(n===null||n===void 0?void 0:n.tagName)==l){r.filter((t=>t.checked))[0].focus()}};this.handleKeyDown=({key:t})=>{if(t!=="ArrowDown"&&t!=="ArrowRight"&&t!=="ArrowLeft"&&t!=="ArrowUp")return;const e=this.getAllToggleButtons();const o=e[this.getNextItemToSelect(e.indexOf(e.filter((t=>t===document.activeElement))[0]),t==="ArrowDown"||t==="ArrowRight")];if(this.selectMethod==="auto"){o.checked=true;this.selectHandler(new CustomEvent("icToggleChecked",{detail:{checked:o.checked}}),o)}else{o.focus()}};this.getNextItemToSelect=(t,e)=>{const o=this.getAllToggleButtons();const i=o.length-1;if(t<1){t=0}let n=e?t+1:t-1;if(n<0){n=i}else if(n>i){n=0}if(o[n].disabled){n=this.getNextItemToSelect(n,e)}return n};this.getAllToggleButtons=()=>Array.from(this.el.querySelectorAll("ic-toggle-button"))}watchDisabledHandler(){this.getAllToggleButtons().forEach((t=>{t.disabled=this.disabled}));r(this.disabled,this.el)}watchFullWidthHandler(){this.getAllToggleButtons().forEach((t=>{t.fullWidth=this.fullWidth}))}watchLoadingHandler(){this.getAllToggleButtons().forEach((t=>{t.loading=this.loading}))}watchMonochromeHandler(){this.getAllToggleButtons().forEach((t=>{t.monochrome=this.monochrome}))}watchOutlineHandler(){this.getAllToggleButtons().forEach((t=>{t.outline=this.outline}))}watchSizeHandler(){this.getAllToggleButtons().forEach((t=>{t.size=this.size}))}watchThemeHandler(){this.getAllToggleButtons().forEach((t=>{t.theme=this.theme}))}watchTooltipPlacementHandler(){this.getAllToggleButtons().forEach((t=>{t.tooltipPlacement=this.tooltipPlacement}))}watchVariantHandler(){this.getAllToggleButtons().forEach((t=>{t.variant=this.variant}))}selectHandler(t,e){const o=this.getAllToggleButtons();let i=t.target;if(e)e.focus();if(this.selectType==="single"){if(!i&&e){i=e}o.forEach((t=>{if(t.id!==i.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:i})}else{const t=o.filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:i})}}componentWillLoad(){if(this.selectType==="multi")this.selectMethod="manual";document.addEventListener("keydown",this.keyListener);r(this.disabled,this.el)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,e)=>{var o,i,n;const r=(n=(i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-button"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("button");if(r){const t=r.getAttribute("aria-label");const e=t?`${t}, `:"";r.setAttribute("aria-label",`${e}${this.accessibleLabel}`)}t.id=e.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}render(){const{accessibleLabel:t,disabled:e,fullWidth:n,loading:r,monochrome:s,outline:a,theme:l}=this;return o(i,{key:"bac81c86de7bedb193b11682ba0e845c6fb2e767",role:"group","aria-label":t,tabindex:0,class:{"ic-toggle-button-group-disabled":e,"ic-toggle-button-group-full-width":n,"ic-toggle-button-group-loading":r,"ic-toggle-button-group-monochrome":s,"ic-toggle-button-group-hide-outline":!a,[`ic-theme-${l}`]:l!=="inherit"},onFocus:this.handleHostFocus},o("slot",{key:"66dd0f8c1aff7be57ecc0abf5386cdc43f64eb80"}))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"],fullWidth:["watchFullWidthHandler"],loading:["watchLoadingHandler"],monochrome:["watchMonochromeHandler"],outline:["watchOutlineHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],tooltipPlacement:["watchTooltipPlacementHandler"],variant:["watchVariantHandler"]}}};d.style=a;export{d as ic_toggle_button_group};
+//# sourceMappingURL=p-9c8a98e8.entry.js.map

package/dist/core/{p-e2103bcc.entry.js.map → p-9c8a98e8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icToggleButtonGroupCss","IcToggleButtonGroupStyle0","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","lastKeyPressed","key","shift","accessibleLabel","disabled","fullWidth","loading","monochrome","outline","selectMethod","selectType","size","theme","tooltipPlacement","variant","keyListener","ev","shiftKey","handleHostFocus","target","relatedTarget","_a","el","relEl","toggleButtons","Array","from","querySelectorAll","noToggleButtonsChecked","every","checked","tagName","focus","filter","handleKeyDown","toggleButtonOptions","getAllToggleButtons","targetToggle","getNextItemToSelect","indexOf","document","activeElement","selectHandler","CustomEvent","detail","currentItem","movingDown","numToggles","length","nextItem","watchDisabledHandler","forEach","removeDisabledFalse","watchFullWidthHandler","watchLoadingHandler","watchMonochromeHandler","watchOutlineHandler","watchSizeHandler","watchThemeHandler","watchTooltipPlacementHandler","watchVariantHandler","tabTarget","allToggles","clickedToggle","id","icChange","emit","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","_b","_c","btn","shadowRoot","querySelector","btnAriaLabel","getAttribute","aria","setAttribute","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","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-toggle-button-unselected-border);\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 !important;\n  --toggle-button-border-hover: none !important;\n  --toggle-button-border-active: none !important;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-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-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n}\n\n:host(.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-hide-outline) {\n  --ic-toggle-button-unselected-border: transparent;\n  --ic-toggle-button-unselected-border-disabled: transparent;\n  --ic-toggle-button-unselected-border-monochrome: transparent;\n  --ic-toggle-button-unselected-border-disabled-monochrome: transparent;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n    constructor() {\n        this.lastKeyPressed = {\n            key: null,\n            shift: false,\n        };\n        /**\n         * The accessible label of the toggle button group component to provide context for screen reader users.\n         */\n        this.accessibleLabel = \"Toggle button group\";\n        /**\n         * If `true`, the toggle button group will be set to the disabled state.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the toggle button group will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the toggle button group will be in loading state.\n         */\n        this.loading = false;\n        /**\n         * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * If `true`, the toggle button group will display with an outline.\n         */\n        this.outline = true;\n        /**\n         * 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        this.selectMethod = \"manual\";\n        /**\n         * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\n         */\n        this.selectType = \"single\";\n        /**\n         * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\n         */\n        this.size = \"medium\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The position of the tooltip in relation to the toggle buttons.\n         */\n        this.tooltipPlacement = \"bottom\";\n        /**\n         * The variant of the toggle button.\n         */\n        this.variant = \"default\";\n        this.keyListener = (ev) => {\n            this.lastKeyPressed = {\n                key: ev.key,\n                shift: ev.shiftKey,\n            };\n        };\n        this.handleHostFocus = ({ target, relatedTarget }) => {\n            var _a;\n            if (this.loading || this.disabled)\n                return;\n            const el = target;\n            const relEl = relatedTarget;\n            const toggleButtons = Array.from((el === null || el === void 0 ? void 0 : el.querySelectorAll(\"ic-toggle-button\")) || []);\n            const noToggleButtonsChecked = toggleButtons.every((el) => !el.checked);\n            const { shift } = this.lastKeyPressed;\n            if (((noToggleButtonsChecked || this.selectType !== \"single\") && !shift) ||\n                (noToggleButtonsChecked && shift && (relEl === null || relEl === void 0 ? void 0 : relEl.tagName) == TOGGLE_GROUP)) {\n                (_a = toggleButtons[0]) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            else if (!shift || (relEl === null || relEl === void 0 ? void 0 : relEl.tagName) == TOGGLE_GROUP) {\n                // if checked is true and selectMethod is \"single\", focus that toggle\n                toggleButtons.filter((el) => el.checked)[0].focus();\n            }\n        };\n        this.handleKeyDown = ({ key }) => {\n            if (key !== \"ArrowDown\" &&\n                key !== \"ArrowRight\" &&\n                key !== \"ArrowLeft\" &&\n                key !== \"ArrowUp\")\n                return;\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const targetToggle = toggleButtonOptions[this.getNextItemToSelect(toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]), key === \"ArrowDown\" || key === \"ArrowRight\")];\n            if (this.selectMethod === \"auto\") {\n                // trigger selectHandler when unable to add 'target'\n                targetToggle.checked = true;\n                this.selectHandler(new CustomEvent(\"icToggleChecked\", {\n                    detail: {\n                        checked: targetToggle.checked,\n                    },\n                }), targetToggle);\n            }\n            else {\n                targetToggle.focus();\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.getAllToggleButtons = () => Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n    }\n    watchDisabledHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.disabled = this.disabled;\n        });\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchFullWidthHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.fullWidth = this.fullWidth;\n        });\n    }\n    watchLoadingHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.loading = this.loading;\n        });\n    }\n    watchMonochromeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.monochrome = this.monochrome;\n        });\n    }\n    watchOutlineHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.outline = this.outline;\n        });\n    }\n    watchSizeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.size = this.size;\n        });\n    }\n    watchThemeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.theme = this.theme;\n        });\n    }\n    watchTooltipPlacementHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.tooltipPlacement = this.tooltipPlacement;\n        });\n    }\n    watchVariantHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.variant = this.variant;\n        });\n    }\n    selectHandler(ev, tabTarget) {\n        const allToggles = this.getAllToggleButtons();\n        let clickedToggle = ev.target;\n        if (tabTarget)\n            tabTarget.focus(); // tabTarget used in proxySelectHandler\n        if (this.selectType === \"single\") {\n            if (!clickedToggle && tabTarget) {\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 = allToggles.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        if (this.selectType === \"multi\")\n            this.selectMethod = \"manual\";\n        if (this.selectMethod === \"auto\")\n            this.selectType === \"single\";\n        document.addEventListener(\"keydown\", this.keyListener);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.getAllToggleButtons().forEach((el, i) => {\n            var _a, _b, _c;\n            const btn = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\")) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\"button\");\n            if (btn) {\n                const btnAriaLabel = btn.getAttribute(\"aria-label\");\n                const aria = btnAriaLabel ? `${btnAriaLabel}, ` : \"\";\n                btn.setAttribute(\"aria-label\", `${aria}${this.accessibleLabel}`);\n            }\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    render() {\n        const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;\n        return (h(Host, { key: 'b76a2d77d20894bcbf3bd350945e8953c9c690ef', role: \"group\", \"aria-label\": accessibleLabel, tabindex: 0, class: {\n                \"ic-toggle-button-group-disabled\": disabled,\n                \"ic-toggle-button-group-full-width\": fullWidth,\n                \"ic-toggle-button-group-loading\": loading,\n                \"ic-toggle-button-group-monochrome\": monochrome,\n                \"ic-toggle-button-group-hide-outline\": !outline,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, onFocus: this.handleHostFocus }, h(\"slot\", { key: '755e5420c42800c0d436adf366afe611edd8e529' })));\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Toggle button group\\\"\"\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcIconPlacementOptions\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {\n                        \"IcIconPlacementOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcIconPlacementOptions\"\n                        }\n                    }\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be in loading state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"outline\": {\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 display with an outline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"outline\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the toggle buttons.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tooltip-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\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                \"getter\": false,\n                \"setter\": false,\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 watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"fullWidth\",\n                \"methodName\": \"watchFullWidthHandler\"\n            }, {\n                \"propName\": \"loading\",\n                \"methodName\": \"watchLoadingHandler\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"outline\",\n                \"methodName\": \"watchOutlineHandler\"\n            }, {\n                \"propName\": \"size\",\n                \"methodName\": \"watchSizeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }, {\n                \"propName\": \"tooltipPlacement\",\n                \"methodName\": \"watchTooltipPlacementHandler\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"watchVariantHandler\"\n            }];\n    }\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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","ignoreList":[]}
+{"version":3,"names":["icToggleButtonGroupCss","IcToggleButtonGroupStyle0","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","lastKeyPressed","key","shift","accessibleLabel","disabled","fullWidth","loading","monochrome","outline","selectMethod","selectType","size","theme","tooltipPlacement","variant","keyListener","ev","shiftKey","handleHostFocus","target","relatedTarget","_a","el","relEl","toggleButtons","Array","from","querySelectorAll","noToggleButtonsChecked","every","checked","tagName","focus","filter","handleKeyDown","toggleButtonOptions","getAllToggleButtons","targetToggle","getNextItemToSelect","indexOf","document","activeElement","selectHandler","CustomEvent","detail","currentItem","movingDown","numToggles","length","nextItem","watchDisabledHandler","forEach","removeDisabledFalse","watchFullWidthHandler","watchLoadingHandler","watchMonochromeHandler","watchOutlineHandler","watchSizeHandler","watchThemeHandler","watchTooltipPlacementHandler","watchVariantHandler","tabTarget","allToggles","clickedToggle","id","icChange","emit","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","_b","_c","btn","shadowRoot","querySelector","btnAriaLabel","getAttribute","aria","setAttribute","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","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-toggle-button-unselected-border);\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 !important;\n  --toggle-button-border-hover: none !important;\n  --toggle-button-border-active: none !important;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-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-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n}\n\n:host(.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-hide-outline) {\n  --ic-toggle-button-unselected-border: transparent;\n  --ic-toggle-button-unselected-border-disabled: transparent;\n  --ic-toggle-button-unselected-border-monochrome: transparent;\n  --ic-toggle-button-unselected-border-disabled-monochrome: transparent;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n    constructor() {\n        this.lastKeyPressed = {\n            key: null,\n            shift: false,\n        };\n        /**\n         * The accessible label of the toggle button group component to provide context for screen reader users.\n         */\n        this.accessibleLabel = \"Toggle button group\";\n        /**\n         * If `true`, the toggle button group will be set to the disabled state.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the toggle button group will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the toggle button group will be in loading state.\n         */\n        this.loading = false;\n        /**\n         * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * If `true`, the toggle button group will display with an outline.\n         */\n        this.outline = true;\n        /**\n         * 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        this.selectMethod = \"manual\";\n        /**\n         * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\n         */\n        this.selectType = \"single\";\n        /**\n         * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\n         */\n        this.size = \"medium\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The position of the tooltip in relation to the toggle buttons.\n         */\n        this.tooltipPlacement = \"bottom\";\n        /**\n         * The variant of the toggle button.\n         */\n        this.variant = \"default\";\n        this.keyListener = (ev) => {\n            this.lastKeyPressed = {\n                key: ev.key,\n                shift: ev.shiftKey,\n            };\n        };\n        this.handleHostFocus = ({ target, relatedTarget }) => {\n            var _a;\n            if (this.loading || this.disabled)\n                return;\n            const el = target;\n            const relEl = relatedTarget;\n            const toggleButtons = Array.from((el === null || el === void 0 ? void 0 : el.querySelectorAll(\"ic-toggle-button\")) || []);\n            const noToggleButtonsChecked = toggleButtons.every((el) => !el.checked);\n            const { shift } = this.lastKeyPressed;\n            if (((noToggleButtonsChecked || this.selectType !== \"single\") && !shift) ||\n                (noToggleButtonsChecked && shift && (relEl === null || relEl === void 0 ? void 0 : relEl.tagName) == TOGGLE_GROUP)) {\n                (_a = toggleButtons[0]) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            else if (!shift || (relEl === null || relEl === void 0 ? void 0 : relEl.tagName) == TOGGLE_GROUP) {\n                // if checked is true and selectMethod is \"single\", focus that toggle\n                toggleButtons.filter((el) => el.checked)[0].focus();\n            }\n        };\n        this.handleKeyDown = ({ key }) => {\n            if (key !== \"ArrowDown\" &&\n                key !== \"ArrowRight\" &&\n                key !== \"ArrowLeft\" &&\n                key !== \"ArrowUp\")\n                return;\n            const toggleButtonOptions = this.getAllToggleButtons();\n            const targetToggle = toggleButtonOptions[this.getNextItemToSelect(toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]), key === \"ArrowDown\" || key === \"ArrowRight\")];\n            if (this.selectMethod === \"auto\") {\n                // trigger selectHandler when unable to add 'target'\n                targetToggle.checked = true;\n                this.selectHandler(new CustomEvent(\"icToggleChecked\", {\n                    detail: {\n                        checked: targetToggle.checked,\n                    },\n                }), targetToggle);\n            }\n            else {\n                targetToggle.focus();\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.getAllToggleButtons = () => Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n    }\n    watchDisabledHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.disabled = this.disabled;\n        });\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchFullWidthHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.fullWidth = this.fullWidth;\n        });\n    }\n    watchLoadingHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.loading = this.loading;\n        });\n    }\n    watchMonochromeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.monochrome = this.monochrome;\n        });\n    }\n    watchOutlineHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.outline = this.outline;\n        });\n    }\n    watchSizeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.size = this.size;\n        });\n    }\n    watchThemeHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.theme = this.theme;\n        });\n    }\n    watchTooltipPlacementHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.tooltipPlacement = this.tooltipPlacement;\n        });\n    }\n    watchVariantHandler() {\n        this.getAllToggleButtons().forEach((el) => {\n            el.variant = this.variant;\n        });\n    }\n    selectHandler(ev, tabTarget) {\n        const allToggles = this.getAllToggleButtons();\n        let clickedToggle = ev.target;\n        if (tabTarget)\n            tabTarget.focus(); // tabTarget used in proxySelectHandler\n        if (this.selectType === \"single\") {\n            if (!clickedToggle && tabTarget) {\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 = allToggles.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        if (this.selectType === \"multi\")\n            this.selectMethod = \"manual\";\n        if (this.selectMethod === \"auto\")\n            this.selectType === \"single\";\n        document.addEventListener(\"keydown\", this.keyListener);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.getAllToggleButtons().forEach((el, i) => {\n            var _a, _b, _c;\n            const btn = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\")) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\"button\");\n            if (btn) {\n                const btnAriaLabel = btn.getAttribute(\"aria-label\");\n                const aria = btnAriaLabel ? `${btnAriaLabel}, ` : \"\";\n                btn.setAttribute(\"aria-label\", `${aria}${this.accessibleLabel}`);\n            }\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    render() {\n        const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;\n        return (h(Host, { key: 'bac81c86de7bedb193b11682ba0e845c6fb2e767', role: \"group\", \"aria-label\": accessibleLabel, tabindex: 0, class: {\n                \"ic-toggle-button-group-disabled\": disabled,\n                \"ic-toggle-button-group-full-width\": fullWidth,\n                \"ic-toggle-button-group-loading\": loading,\n                \"ic-toggle-button-group-monochrome\": monochrome,\n                \"ic-toggle-button-group-hide-outline\": !outline,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, onFocus: this.handleHostFocus }, h(\"slot\", { key: '66dd0f8c1aff7be57ecc0abf5386cdc43f64eb80' })));\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"accessible-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Toggle button group\\\"\"\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcIconPlacementOptions\",\n                    \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {\n                        \"IcIconPlacementOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcIconPlacementOptions\"\n                        }\n                    }\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will be in loading state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"outline\": {\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 display with an outline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"outline\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the toggle buttons.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tooltip-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\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                \"getter\": false,\n                \"setter\": false,\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 watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"fullWidth\",\n                \"methodName\": \"watchFullWidthHandler\"\n            }, {\n                \"propName\": \"loading\",\n                \"methodName\": \"watchLoadingHandler\"\n            }, {\n                \"propName\": \"monochrome\",\n                \"methodName\": \"watchMonochromeHandler\"\n            }, {\n                \"propName\": \"outline\",\n                \"methodName\": \"watchOutlineHandler\"\n            }, {\n                \"propName\": \"size\",\n                \"methodName\": \"watchSizeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }, {\n                \"propName\": \"tooltipPlacement\",\n                \"methodName\": \"watchTooltipPlacementHandler\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"watchVariantHandler\"\n            }];\n    }\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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","ignoreList":[]}

package/dist/core/{p-0f86ea09.entry.js → p-9f792a31.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";const o='/*! 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}.heading{--ic-typography-color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=o;const s=class{constructor(t){e(this,t);this.size="medium";this.theme="inherit"}render(){const{el:e,heading:a,size:o,theme:n}=this;if(o==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{key:"a10decea9f6872dd3a86cb4e8d989f1628ddd8dd",class:{"ic-data-list-small":o==="small",[`ic-theme-${n}`]:n!=="inherit"}},t("div",{key:"5e818e459c2dd23b6e021d82012150757b7520e9",class:"heading",id:"data-list-heading"},t("slot",{key:"2d68d50a52c8fc3882aa9138ce427c23ccdbc394",name:"heading"},t("ic-typography",{key:"275d859a1075fd96294913acf1a3b2b9bb1777c2",variant:"h3"},a))),t("div",{key:"06e942c78939bf9526ef3bcebba1c76db3c3f608",class:"divider"}),t("ul",{key:"9e7218ee17444774d184680d27e3e11424953bfc","aria-labelledby":"data-list-heading",class:"rows"},t("slot",{key:"a75aec759140988dc2d673385d7eef1fc0e7dba5"})))}get el(){return a(this)}};s.style=n;export{s as ic_data_list};
-//# sourceMappingURL=p-0f86ea09.entry.js.map
+import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";const o='/*! 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}.heading{--ic-typography-color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=o;const s=class{constructor(t){e(this,t);this.size="medium";this.theme="inherit"}render(){const{el:e,heading:a,size:o,theme:n}=this;if(o==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{key:"5e7af483f24335b47442b4aa768c7b04bc14bb64",class:{"ic-data-list-small":o==="small",[`ic-theme-${n}`]:n!=="inherit"}},t("div",{key:"a74f7d4a87b21b053a500cab89ca978ada43263e",class:"heading",id:"data-list-heading"},t("slot",{key:"c4896992d8558dfbe2a1d8dd689cabae2581ce89",name:"heading"},t("ic-typography",{key:"b05016df276422f769464a73d6ae71533d3c028f",variant:"h3"},a))),t("div",{key:"a984729dc0849a27d09cd6403efd230cfc927007",class:"divider"}),t("ul",{key:"916c5b5c74f16f3fab74e2a157c2216b570420f5","aria-labelledby":"data-list-heading",class:"rows"},t("slot",{key:"e5e05b0957b4cf986139795f31771556fd5f6150"})))}get el(){return a(this)}};s.style=n;export{s as ic_data_list};
+//# sourceMappingURL=p-9f792a31.entry.js.map