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

package/dist/core/p-199ce579.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icInputComponentContainerCss","InputComponentContainer","constructor","hostRef","this","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","disabled","fullWidth","multiLine","readonly","size","validationInline","validationStatus","componentDidLoad","hostMutationObserver","MutationObserver","observe","el","childList","render","h","Host","class","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","InputContainer","icMenuCss","Menu","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","isMultiSelect","isSearchBar","isSearchableSelect","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","valueField","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","keyboardNav","key","target","id","selectHighlightedOption","isOpen","isOptionSelected","index","includes","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","_a","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","preventIncorrectTabOrder","focusFromSearchKeypress","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAll","selectAllButton","focusOnSearchOrSelectInput","closeOnSelect","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","activationType","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","menuId","getOptionAriaLabel","parentOption","ariaLabel","labelField","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","selectOnEnter","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","Fragment","loading","icon","variant","component","Check","displayOption","initialOptionsListRender","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","anchorEl","autoFocusOnSelected","inputLabel","searchMode","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","opt","connectedCallback","disconnectedCallback","_b","removeEventListener","componentWillLoad","addEventListener","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","placement","modifiers","offset","fallbackPlacements","rootBoundary","selectAllButtonText","hasNoResults","ref","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js","../web-components/dist/collection/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/dist/collection/components/ic-input-container/ic-input-container.js","../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.js"],"sourcesContent":["ic-input-component-container {\n  /**\n   * @prop --border-color: Border colour of the input component container\n   * @prop --border-color-hover: Border colour of the input component container on hover\n   * @prop --border-color-pressed: Border colour of the input component container when pressed\n   * @prop --border-color-disabled: Border colour of the input component container when disabled\n   * @prop --border-color-error: Border colour of the error variant for input component container\n   * @prop --border-color-error-hover: Border colour of the error hover variant for input component container\n   * @prop --border-color-error-pressed: Border colour of the error pressed variant for input component container\n   * @prop --border-color-warning: Border colour of the warning variant for input component container\n   * @prop --border-color-warning-hover: Border colour of the warning hover variant for input component container\n   * @prop --border-color-warning-pressed: Border colour of the warning pressed variant for input component container\n   * @prop --border-color-success: Border colour of the success variant for input component container\n   * @prop --border-color-success-hover: Border colour of the success hover variant for input component container\n   * @prop --border-color-success-pressed: Border colour of the success pressed variant for input component container\n   */\n\n  display: flex;\n  border: var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-slow);\n  height: 2.5rem;\n  width: var(--input-width, 20rem);\n  padding: var(--ic-space-1px);\n  background-color: var(--input-bg-color, var(--ic-color-background-primary));\n  box-sizing: border-box;\n  fill: var(--ic-architectural-400);\n  outline: none;\n}\n\nic-input-component-container.ic-input-component-container-full-width {\n  width: 100%;\n}\n\nic-input-component-container.ic-input-component-container-disabled,\nic-input-component-container.ic-input-component-container-disabled:hover {\n  border: var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled));\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-readonly:hover {\n  border: none;\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover));\n}\n\nic-input-component-container.ic-input-component-container-error:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed));\n}\n\nic-input-component-container.ic-input-component-container-warning {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-warning:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover));\n}\n\nic-input-component-container.ic-input-component-container-warning:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed));\n}\n\nic-input-component-container.ic-input-component-container-success {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-success:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover));\n}\n\nic-input-component-container.ic-input-component-container-success:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed));\n}\n\nic-input-component-container.ic-input-component-container-small {\n  height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n  height: var(--ic-space-xxl);\n}\n\nic-input-component-container.ic-input-component-container-multiline {\n  height: auto;\n}\n\nic-input-component-container .icon-container {\n  margin-top: var(--ic-space-xxs);\n  margin-left: 0.438rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-multiline\n  .icon-container,\nic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small\n  .icon-container {\n  margin-top: 0.375rem;\n  display: block;\n}\n\nic-input-component-container.ic-input-component-container-readonly\n  .icon-container {\n  margin-left: -0.313rem;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n  ::-moz-placeholder {\n  display: none;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n  ::placeholder {\n  display: none;\n}\n\nic-input-component-container .inline-success {\n  margin: var(--ic-space-xs) 0.375rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container .inline-success > svg {\n  fill: var(--ic-input-component-container-success-icon-inline-color);\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-component-container:hover {\n  border: var(--ic-input-component-container-hover-border);\n  border-color: var(--border-color-hover, var(--ic-color-border-neutral-hover));\n  color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:focus {\n  border: var(--ic-border-pressed);\n  border-color: var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  );\n}\n\n.focus-indicator {\n  display: flex;\n  width: 100%;\n  margin: -0.125rem;\n  padding: 0.125rem;\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n  box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.ic-input-component-container-dark:focus-within {\n  box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  ic-input-component-container,\n  .focus-indicator {\n    transition: none;\n  }\n\n  ic-input-component-container:focus-within {\n    border: var(--ic-border-width) solid Highlight;\n    outline: 0.125rem solid Highlight;\n  }\n\n  ic-input-component-container.ic-input-component-container-disabled,\n  ic-input-component-container.ic-input-component-container-disabled:hover {\n    border: var(--ic-border-width) dashed GrayText;\n  }\n}\n","import { Host, forceUpdate, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { checkSlotInChildMutations, slotHasContent } from \"../../utils/helpers\";\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n    constructor() {\n        this.hostMutationCallback = (mutationList) => {\n            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === \"childList\"\n                ? checkSlotInChildMutations(addedNodes, removedNodes, \"left-icon\")\n                : false)) {\n                forceUpdate(this);\n            }\n        };\n        this.disabled = false;\n        this.fullWidth = false;\n        this.multiLine = false;\n        this.readonly = false;\n        this.size = \"medium\";\n        this.validationInline = false;\n        this.validationStatus = \"\";\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n        this.hostMutationObserver.observe(this.el, { childList: true });\n    }\n    render() {\n        const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;\n        return (h(Host, { class: {\n                [`ic-input-component-container-${size}`]: true,\n                [`ic-input-component-container-${validationStatus}`]: validationStatus !== \"\" && !disabled && !readonly,\n                \"ic-input-component-container-disabled\": disabled,\n                \"ic-input-component-container-readonly\": readonly,\n                \"ic-input-component-container-multiline\": multiLine,\n                \"ic-input-component-container-full-width\": fullWidth,\n            }, \"aria-disabled\": disabled && `${disabled}` }, h(\"div\", { class: \"focus-indicator\" }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"left-icon\" }))), h(\"slot\", null), validationInline &&\n            validationStatus === IcInformationStatus.Success && (h(\"span\", { class: \"inline-success\", innerHTML: successIcon })))));\n    }\n    static get is() { return \"ic-input-component-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"multiLine\": {\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 input component container will allow for multiple lines.\"\n                },\n                \"attribute\": \"multi-line\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\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 readonly state will be set.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the input component container component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"validationInline\": {\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 validation will display inline.\"\n                },\n                \"attribute\": \"validation-inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n","ic-input-container .component-container {\n  display: flex;\n  flex-direction: column;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class InputContainer {\n    constructor() {\n        this.disabled = false;\n        this.readonly = false;\n    }\n    render() {\n        return (h(Host, null, h(\"div\", { class: {\n                [\"component-container\"]: true,\n                [\"disabled\"]: this.disabled,\n                [\"readonly\"]: this.readonly,\n            } }, h(\"slot\", null))));\n    }\n    static get is() { return \"ic-input-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-input-container.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-menu-open) .menu {\n    transition: max-height var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  max-height: 0;\n  width: var(--menu-width, var(--input-width, 20rem));\n  color: var(--menu-item-text-color, var(--ic-menu-list-option-text-color));\n\n  --ic-typography-color: var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );\n\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  position: relative;\n  z-index: var(--ic-z-index-menu);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-menu-open:not(.ic-menu-no-focus):focus-within) {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-select-select-all-focused) {\n  box-shadow: var(--ic-elevation-overlay) !important;\n}\n\n#retry-button::part(button) {\n  height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n  height: var(--ic-space-md);\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n.menu {\n  text-decoration: none;\n  list-style-type: none;\n  border-radius: 1px;\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  visibility: hidden;\n  max-height: 0;\n  overflow-y: hidden;\n}\n\n.menu:has(+ .option-bar) {\n  border-radius: 0 0 1px 1px;\n}\n\n.menu-scroll {\n  overflow-y: auto;\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.ic-menu-open) {\n  max-height: none;\n  display: flex;\n  flex-direction: column-reverse;\n  border: var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.ic-menu-open) .menu {\n  visibility: visible;\n  max-height: calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs));\n}\n\n:host(.ic-menu-open) .option-bar {\n  visibility: visible;\n}\n\n:host(.ic-menu-open) .select-all-button {\n  display: block;\n}\n\n:host(.ic-menu-full-width) {\n  width: 100%;\n}\n\n.option {\n  padding: var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.loading-option p {\n  margin-bottom: 0 !important;\n}\n\n.option:not(.loading-option) {\n  justify-content: space-between;\n}\n\n:host(.ic-menu-small) .option {\n  padding: var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-menu-large) .option {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n.option:last-child {\n  border-radius: 0 0 1px 1px;\n}\n\n:not(.menu:has(+ .option-bar)) .option:first-child {\n  border-radius: 1px 1px 0 0;\n}\n\n.option:not(.disabled-option):hover {\n  background-color: var(--ic-menu-list-option-hover-background-color);\n}\n\n.option:not(.disabled-option):active {\n  background-color: var(--ic-menu-list-option-pressed-background-color);\n}\n\n.option:focus-visible {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n  --ic-typography-color: var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  );\n}\n\n.option .option-label {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n}\n\n.option .option-label ic-typography {\n  max-width: 100%;\n  word-wrap: break-word;\n}\n\n.option .option-element {\n  margin-top: var(--ic-space-xxs);\n}\n\n.option .option-icon {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  margin-top: var(--ic-space-xxs);\n  margin-right: var(--ic-space-xxxs);\n}\n\n.option-text-container {\n  pointer-events: none;\n  width: 100%;\n}\n\n.option-text-container.show-check-icon {\n  width: calc(var(--ic-space-lg) * 10 + var(--ic-space-xl));\n}\n\n.option.loading-option .option-text-container {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n  color: var(--ic-menu-loading-list-option-text-color);\n\n  --ic-typography-color: var(--ic-menu-loading-list-option-text-color);\n}\n\n.error-icon-svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  fill: var(--ic-atoms-status-icon-error);\n  align-self: center;\n  display: flex;\n  margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n  display: flex;\n}\n\n.check-icon {\n  height: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-xs);\n  pointer-events: none;\n}\n\n.focused-option .check-icon * {\n  fill: currentcolor;\n}\n\n.option-group-title {\n  padding: var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-menu-option-group-label-text-color);\n}\n\n:host(.ic-menu-small) .option-group-title {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs);\n}\n\n.last-recommended-option {\n  border-bottom: var(--ic-menu-last-recommended-option-border);\n}\n\n.disabled-option {\n  color: var(--ic-atoms-list-option-text-disabled-light);\n\n  --ic-typography-color: var(--ic-atoms-list-option-text-disabled-light);\n\n  cursor: default;\n  pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n  background-color: var(--ic-color-focus-inner) !important;\n  color: var(--ic-atoms-list-option-text-focused-light) !important;\n\n  --ic-typography-color: var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important;\n}\n\n:host(.no-results) li {\n  cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n  background-color: transparent;\n}\n\n.option-bar {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--ic-menu-option-bar-background-color);\n  visibility: hidden;\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);\n  border-radius: 1px 1px 0 0;\n}\n\n.option-bar p {\n  margin-bottom: 0 !important;\n}\n\n:host(.ic-menu-large) .option-bar {\n  padding: var(--ic-space-xs);\n}\n\n.select-all-button {\n  display: none;\n}\n\n.select-all-button:focus {\n  z-index: calc(var(--ic-z-index-menu) + 1);\n}\n\n@media (forced-colors: active) {\n  .focused-option:focus {\n    outline: none;\n    border: 0.125rem solid transparent;\n  }\n}\n","import { h, Host, Fragment, } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { getOptionsWithoutGroupTitlesCount, isMacDevice, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n    constructor() {\n        this.ACTIVE_DESCENDANT = \"aria-activedescendant\";\n        this.CLEAR_BUTTON_ID = \"clear-button\";\n        this.disabledOptionSelected = false;\n        this.hasPreviouslyBlurred = false;\n        this.hasTimedOut = false;\n        this.isLoading = false;\n        this.isMultiSelect = false;\n        this.isSearchBar = false;\n        this.isSearchableSelect = false;\n        this.lastOptionSelected = null; // Index of last option selected\n        this.lastOptionFocused = null; // Index of last option focused\n        this.multiOptionClicked = null;\n        this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n        this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n        this.shiftPressed = false;\n        this.ungroupedOptions = [];\n        this.handleClearListener = () => {\n            this.optionHighlighted = \"\";\n        };\n        this.handleSubmitSearch = () => {\n            const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n            this.setInputValue(highlightedOptionIndex);\n        };\n        this.handleMenuChange = (open, focusInput) => {\n            this.menuStateChange.emit({ open, focusInput });\n            if (!open) {\n                if (focusInput !== false) {\n                    this.inputEl.focus();\n                    this.preventClickOpen = false;\n                }\n                // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n                if (this.isMultiSelect) {\n                    this.optionHighlighted = undefined;\n                    this.multiOptionClicked = null;\n                }\n            }\n        };\n        this.setNextOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[0][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n                });\n            }\n        };\n        this.setPreviousOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n                });\n            }\n        };\n        this.getParentEl = (parent) => {\n            if (parent.tagName === \"IC-SEARCH-BAR\") {\n                this.isSearchBar = true;\n            }\n            else if (parent.tagName === \"IC-SELECT\") {\n                if (parent.getAttribute(\"searchable\") !== null &&\n                    parent.getAttribute(\"searchable\") !== undefined) {\n                    this.isSearchableSelect = true;\n                }\n                else if (parent.getAttribute(\"multiple\") !== null &&\n                    parent.getAttribute(\"multiple\") !== undefined) {\n                    this.isMultiSelect = true;\n                }\n            }\n        };\n        // Open menu when up or down arrow keys are pressed\n        this.arrowBehaviour = (event) => {\n            event.preventDefault();\n            this.handleMenuChange(true);\n        };\n        this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;\n        // Set option that is focused and so should show focus state\n        this.setHighlightedOption = (highlightedIndex) => {\n            const menuOptions = this.getMenuOptions();\n            menuOptions[highlightedIndex] &&\n                !menuOptions[highlightedIndex].timedOut &&\n                (this.optionHighlighted =\n                    menuOptions[highlightedIndex][this.valueField] || undefined);\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is closed\n        this.autoSetInputValueKeyboardOpen = (event) => {\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setNextOptionValue(selectedOptionIndex);\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setPreviousOptionValue(selectedOptionIndex);\n                    break;\n                case \" \":\n                case \"Enter\":\n                    if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n            }\n        };\n        this.selectHighlightedOption = (options, highlightedOptionIndex) => {\n            if (!this.isLoading && !this.hasTimedOut) {\n                this.keyboardNav = true;\n            }\n            const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;\n            if (isOpen) {\n                if (highlightedOptionIndex >= 0) {\n                    if (options[highlightedOptionIndex] !== undefined) {\n                        if (this.isSearchBar &&\n                            options[highlightedOptionIndex].disabled === true) {\n                            this.disabledOptionSelected = true;\n                        }\n                        else {\n                            this.setInputValue(highlightedOptionIndex);\n                        }\n                    }\n                }\n                else {\n                    this.setInputValue(highlightedOptionIndex);\n                }\n            }\n            else {\n                this.handleMenuChange(true);\n            }\n        };\n        // Check if option is selected based on the index of the option\n        this.isOptionSelected = (index) => {\n            const menuOptions = this.getMenuOptions();\n            return this.value\n                ? this.value.includes(menuOptions[index][this.valueField])\n                : false;\n        };\n        // Deselect currently selected options when shift pressed, but keep certain options selected\n        this.deselectSelectedOptions = (optionsToKeepSelected) => {\n            const menuOptions = this.getMenuOptions();\n            if (this.value) {\n                const selectedOptionIndexes = this.value.map((value) => {\n                    return menuOptions.findIndex((option) => option[this.valueField] === value);\n                });\n                // Call setInputValue (which toggles the selected state) on options that need to be deselected\n                selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));\n            }\n        };\n        // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n        this.manualSetInputValueKeyboardOpen = (event) => {\n            const menuOptions = this.getMenuOptions();\n            // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed\n            // (i.e. when user is likely in the middle of executing a keyboard combination to select options)\n            const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;\n            const highlightedOptionIndex = this.getOptionHighlightedIndex();\n            const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);\n            const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n            // Space press should be equivalent to Enter when multi-select\n            if (event.key === \" \" && this.isMultiSelect) {\n                this.handleOptionSelect(event, highlightedOptionIndex);\n            }\n            else {\n                switch (event.key) {\n                    case \"ArrowDown\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the top of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex < menuOptions.length - 1) {\n                                this.setHighlightedOption(highlightedOptionIndex + 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex + 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(0);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(0),\n                                });\n                                this.handleSingleShiftSelect(event, 0, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.isMultiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"ArrowUp\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the bottom of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex <= 0 ||\n                                highlightedOptionIndex > menuOptions.length + 1) {\n                                this.setHighlightedOption(menuOptions.length - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(menuOptions.length - 1),\n                                });\n                                this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(highlightedOptionIndex - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex - 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.isMultiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"Home\": {\n                        const startOptionIndex = 0;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(startOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(startOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(startOptionIndex);\n                        }\n                        this.lastOptionFocused = startOptionIndex;\n                        this.lastOptionSelected = startOptionIndex;\n                        break;\n                    }\n                    case \"End\": {\n                        const endOptionIndex = menuOptions.length - 1;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(endOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(endOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(endOptionIndex);\n                        }\n                        this.lastOptionFocused = endOptionIndex;\n                        this.lastOptionSelected = endOptionIndex;\n                        break;\n                    }\n                    case \" \":\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        if (this.isSearchBar || this.isSearchableSelect) {\n                            break;\n                        }\n                        else {\n                            if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                                this.handleMenuChange(true);\n                            }\n                        }\n                        break;\n                    case \"Enter\":\n                        event.preventDefault();\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.handleOptionSelect(event, highlightedOptionIndex);\n                        break;\n                    case \"Escape\":\n                        if (this.open) {\n                            event.stopImmediatePropagation();\n                        }\n                        this.handleMenuChange(false);\n                        this.menuOptionId.emit({ optionId: undefined });\n                        break;\n                    case \"a\":\n                        // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)\n                        // Otherwise, if a different OS, checks Ctrl key\n                        if ((isMacDevice() && event.metaKey) ||\n                            (!isMacDevice() && event.ctrlKey)) {\n                            this.emitSelectAll();\n                            this.lastOptionFocused = null;\n                            this.lastOptionSelected = null;\n                        }\n                        break;\n                    case \"Shift\":\n                    case \"Tab\":\n                        if (event.key === \"Shift\") {\n                            this.shiftPressed = true;\n                        }\n                        if (this.isSearchBar) {\n                            this.keyboardNav = true;\n                        }\n                        if (this.isMultiSelect) {\n                            if (this.open && !event.shiftKey && this.selectAllButton) {\n                                event.preventDefault();\n                                this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n                                this.preventMenuFocus = true;\n                                this.preventClickOpen = true;\n                                this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n                            }\n                        }\n                        else {\n                            this.preventIncorrectTabOrder = true;\n                        }\n                        break;\n                    default:\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n                }\n            }\n        };\n        this.setInputValue = (highlightedOptionIndex) => {\n            const menuOptions = this.getMenuOptions();\n            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                this.menuOptionSelect.emit({\n                    value: menuOptions[highlightedOptionIndex][this.valueField],\n                });\n                if (this.closeOnSelect) {\n                    this.optionHighlighted = undefined;\n                    this.menuOptionId.emit({ optionId: undefined });\n                }\n            }\n            if (this.closeOnSelect) {\n                if (!this.hasTimedOut) {\n                    this.handleMenuChange(false);\n                }\n                else {\n                    this.parentEl.setFocus();\n                }\n            }\n        };\n        this.handleOptionClick = (event) => {\n            const { value, label } = event.target.dataset;\n            if (this.isMultiSelect) {\n                const menuOptions = this.getMenuOptions();\n                const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);\n                this.handleOptionSelect(event, selectedOptionIndex, true);\n                this.multiOptionClicked = value;\n            }\n            else {\n                this.menuOptionSelect.emit({ value, label });\n                this.handleMenuChange(false);\n            }\n            this.optionHighlighted = undefined;\n        };\n        this.handleRetry = () => {\n            this.retryButtonClicked.emit({ value: this.value });\n        };\n        this.handleRetryKeyDown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \") {\n                ev.preventDefault();\n                this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n            }\n        };\n        this.handleBlur = (event) => {\n            if (event.relatedTarget !== this.inputEl) {\n                if (event.relatedTarget === this.selectAllButton) {\n                    this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n                }\n                if (!(this.menu.contains(event.relatedTarget) ||\n                    event.relatedTarget === this.selectAllButton)) {\n                    this.handleMenuChange(false, this.hasPreviouslyBlurred);\n                    this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n                    this.lastOptionFocused = null;\n                    this.lastOptionSelected = null;\n                }\n            }\n            else {\n                this.handleMenuChange(false);\n                this.preventClickOpen = true;\n                this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n                this.lastOptionFocused = null;\n                this.lastOptionSelected = null;\n            }\n            if (!this.isSearchBar)\n                this.hasPreviouslyBlurred = !!event.relatedTarget;\n        };\n        this.handleMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.handleMenuKeyDown = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.autoSetValueOnMenuKeyDown(event);\n            }\n            else if (this.activationType === \"manual\" && !this.isSearchBar) {\n                this.manualSetInputValueKeyboardOpen(event);\n            }\n        };\n        this.handleMenuKeyUp = (event) => {\n            if (event.key === \"Tab\" && event.shiftKey) {\n                this.preventClickOpen = false;\n            }\n            if (event.key === \"Enter\" && this.disabledOptionSelected) {\n                this.disabledOptionSelected = false;\n                event.stopImmediatePropagation();\n            }\n            if (event.key === \"Shift\") {\n                this.shiftPressed = false;\n            }\n        };\n        this.handleSelectAllClick = () => {\n            this.keyboardNav = false;\n            this.menu.focus();\n            this.emitSelectAll();\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        this.handleSelectAllBlur = (event) => {\n            this.host.classList.remove(\"ic-select-select-all-focused\");\n            if (!this.menu.contains(event.relatedTarget)) {\n                this.handleMenuChange(false, false);\n            }\n        };\n        this.handleSelectAllFocus = () => {\n            this.host.classList.add(\"ic-select-select-all-focused\");\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        // Fix for Safari - select all button click was causing menu to close\n        this.handleSelectAllMouseDown = (event) => {\n            event.preventDefault();\n        };\n        // When shift key is being used to select contiguous options one by one on a multi-select\n        // I.e. holding shift and pressing up and down arrow keys\n        this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {\n            if (this.isMultiSelect &&\n                event.shiftKey &&\n                !this.isOptionSelected(optionToSelectIndex)) {\n                this.selectHighlightedOption(options, optionToSelectIndex);\n                this.lastOptionSelected = optionToSelectIndex;\n            }\n        };\n        // When shift key is being used to select multiple options at once on a multi-select\n        // I.e. holding shift when selecting another option\n        this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {\n            this.shiftPressed = false;\n            const firstOptionInSelection = firstOptionSelected === null\n                ? this.getFirstOptionInSelection(useFocusForSelection)\n                : firstOptionSelected;\n            if (firstOptionInSelection !== null) {\n                const optionsToSelect = [];\n                if (firstOptionInSelection < lastOptionInSelection) {\n                    for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                else {\n                    for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));\n                this.deselectSelectedOptions(optionsToSelect);\n            }\n        };\n        this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {\n            const menuOptions = this.getMenuOptions();\n            const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);\n            if (event.shiftKey && firstOptionInSelection !== null) {\n                this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);\n            }\n            else {\n                this.selectHighlightedOption(menuOptions, optionIndex);\n            }\n            this.lastOptionFocused = optionIndex;\n            this.lastOptionSelected = optionIndex;\n        };\n        this.getFirstOptionInSelection = (useFocusForSelection) => {\n            return useFocusForSelection && this.lastOptionFocused !== null\n                ? this.lastOptionFocused\n                : this.lastOptionSelected !== null\n                    ? this.lastOptionSelected\n                    : null;\n        };\n        this.emitSelectAll = () => {\n            var _a;\n            // Select all if there is either no value or not all options are selected\n            // 'true' means select all, 'false' means clear all\n            this.menuOptionSelectAll.emit({\n                select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),\n            });\n        };\n        this.emitMenuKeyPress = (isNavKey, key) => {\n            this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is focused\n        this.autoSetValueOnMenuKeyDown = (event) => {\n            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \" \":\n                    event.preventDefault();\n                    break;\n                case \"ArrowUp\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setPreviousOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"ArrowDown\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setNextOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"Home\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[0][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"End\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"Enter\":\n                    !this.hasTimedOut && this.handleMenuChange(false);\n                    break;\n                case \"Escape\":\n                    this.handleMenuChange(false);\n                    break;\n                case \"Backspace\":\n                    if (isSearchableSelect) {\n                        this.inputEl.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        this.inputEl.focus();\n                    }\n                    if (event.key.length === 1) {\n                        this.keyboardNav = true;\n                    }\n                    break;\n            }\n            this.emitMenuKeyPress(this.keyboardNav, event.key);\n        };\n        this.getOptionId = (value) => {\n            return `${this.menuId}-${value}`;\n        };\n        this.getOptionAriaLabel = (option, parentOption) => {\n            let ariaLabel = option[this.labelField];\n            if (option.description) {\n                ariaLabel = `${ariaLabel}, ${option.description}`;\n            }\n            if (option.element) {\n                ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n            }\n            if (parentOption) {\n                return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.getSortedOptions = (options) => {\n            let sorted = [];\n            if (options.sort) {\n                sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n            }\n            return sorted;\n        };\n        this.getOptionHighlightedIndex = () => {\n            const menuOptions = this.getMenuOptions();\n            return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n        };\n        this.isManualMode = this.activationType === \"manual\";\n        this.scrollToSelected = (menu) => {\n            const selectedOption = this.selectOnEnter\n                ? this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`)\n                : menu.querySelector(\".option[aria-selected='true']\");\n            if (selectedOption) {\n                const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n                if (elTop > menu.scrollTop + menu.offsetHeight ||\n                    elTop < menu.scrollTop + menu.offsetHeight) {\n                    menu.scrollTop = selectedOption.offsetTop;\n                }\n                // 'aria-activedescendant' affects screen reader focus\n                // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant\n                this.menu.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);\n                selectedOption.focus();\n            }\n        };\n        // Set 'ungroupedOptions' variable and emit its value\n        // - this is all the options with disabled options and group titles removed\n        this.loadUngroupedOptions = () => {\n            if (this.options.length > 0 && this.options.map) {\n                this.options.map((option) => {\n                    if (option.children) {\n                        option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));\n                    }\n                    else if (!option.disabled) {\n                        this.ungroupedOptions.push(option);\n                    }\n                });\n            }\n            this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n            this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n        };\n        this.setMenuScrollbar = () => {\n            let optionsHeight = 0;\n            this.host\n                .querySelectorAll(\".option\")\n                .forEach((option) => (optionsHeight += option.clientHeight));\n            if (optionsHeight >= 320) {\n                this.menu.classList.add(\"menu-scroll\");\n            }\n        };\n        this.handleTimeoutBlur = (ev) => {\n            this.timeoutBlur.emit({ ev });\n        };\n        this.optionContent = (option, selected) => {\n            const showCheckIcon = !!option[this.valueField] &&\n                !!this.value &&\n                selected &&\n                this.parentEl.tagName !== \"IC-SEARCH-BAR\";\n            return (h(Fragment, null, option.loading && h(\"ic-loading-indicator\", { size: \"icon\" }), h(\"div\", { class: {\n                    \"option-text-container\": true,\n                    \"show-check-icon\": showCheckIcon,\n                } }, h(\"div\", { class: \"option-label\" }, option.icon && (h(\"div\", { class: \"option-icon\", innerHTML: option.icon, \"aria-hidden\": \"true\" })), h(\"ic-typography\", { variant: \"body\", \"aria-hidden\": \"true\" }, option[this.labelField])), option.description && (h(\"ic-typography\", { id: `${this.getOptionId(option[this.valueField])}-description`, class: \"option-description\", variant: \"caption\", \"aria-hidden\": \"true\" }, h(\"p\", null, option.description))), option.element && (h(\"div\", { class: \"option-element\", innerHTML: option.element.component, \"aria-hidden\": \"true\" }))), showCheckIcon && h(\"span\", { class: \"check-icon\", innerHTML: Check })));\n        };\n        this.displayOption = (option, selected, index, parentOption) => {\n            const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;\n            return (h(\"li\", { id: this.getOptionId(option[this.valueField]), class: {\n                    option: true,\n                    \"focused-option\": isManualMode\n                        ? (keyboardNav || initialOptionsListRender) &&\n                            option[this.valueField] === optionHighlighted\n                        : keyboardNav && selected,\n                    \"last-recommended-option\": option.recommended &&\n                        options[index + 1] &&\n                        !options[index + 1].recommended,\n                    \"disabled-option\": option.disabled,\n                    \"loading-option\": option.loading,\n                    timeout: option.timedOut,\n                }, role: \"option\", tabindex: open &&\n                    (selected || option[this.valueField] === optionHighlighted) &&\n                    keyboardNav\n                    ? \"0\"\n                    : \"-1\", \"aria-label\": this.getOptionAriaLabel(option, parentOption), \"aria-selected\": selected ? \"true\" : \"false\", \"aria-disabled\": option.disabled ? \"true\" : \"false\", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, \"data-value\": option[this.valueField], \"data-label\": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h(\"div\", { class: \"loading-error-info\" }, h(\"svg\", { class: \"error-icon-svg\", \"aria-labelledby\": \"error-title\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#000000\" }, h(\"title\", { id: \"error-title\" }, \"Error\"), h(\"g\", { id: \"close-octagon\" }, h(\"path\", { id: \"Vector\", d: \"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41\" }))), h(\"ic-typography\", { variant: \"label\" }, option[this.labelField])), h(\"ic-button\", { size: \"small\", variant: \"tertiary\", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: \"retry-button\" }, \"Retry\"))) : (this.optionContent(option, selected))));\n        };\n        this.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.optionHighlighted = undefined;\n        this.preventIncorrectTabOrder = false;\n        this.menuOptions = undefined;\n        this.activationType = \"automatic\";\n        this.anchorEl = undefined;\n        this.autoFocusOnSelected = true;\n        this.closeOnSelect = true;\n        this.fullWidth = false;\n        this.inputEl = undefined;\n        this.inputLabel = undefined;\n        this.labelField = \"label\";\n        this.menuId = undefined;\n        this.open = undefined;\n        this.parentEl = undefined;\n        this.searchMode = \"navigation\";\n        this.selectOnEnter = false;\n        this.size = \"medium\";\n        this.options = undefined;\n        this.value = undefined;\n        this.valueField = \"value\";\n    }\n    watchOpenHandler() {\n        if (!this.open && this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    watchOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n        this.isLoading = newOptions.some((opt) => opt.loading);\n        this.ungroupedOptions = [];\n        this.loadUngroupedOptions();\n    }\n    connectedCallback() {\n        this.getParentEl(this.parentEl);\n        if (this.isSearchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        if (this.popperInstance) {\n            this.popperInstance.destroy();\n        }\n        (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icClear\", this.handleClearListener);\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b;\n        this.loadUngroupedOptions();\n        this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n        this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n        this.hasTimedOut = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some((opt) => opt.timedOut);\n        this.isLoading = (_b = this.options) === null || _b === void 0 ? void 0 : _b.some((opt) => opt.loading);\n    }\n    componentDidLoad() {\n        if (this.isSearchBar &&\n            this.parentEl.disableAutoFiltering) {\n            this.focusFromSearchKeypress = true;\n        }\n        onComponentRequiredPropUndefined([\n            { prop: this.open, propName: \"open\" },\n            { prop: this.options, propName: \"options\" },\n            { prop: this.menuId, propName: \"menu-id\" },\n            { prop: this.inputLabel, propName: \"input-label\" },\n            //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n        ], \"Menu\");\n    }\n    componentDidUpdate() {\n        const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n        if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {\n            if (this.value &&\n                this.keyboardNav &&\n                inputValueInOptions &&\n                this.autoFocusOnSelected &&\n                !this.isSearchableSelect) {\n                this.scrollToSelected(this.menu);\n            }\n            else if (this.selectOnEnter) {\n                this.menu.focus();\n            }\n            else if (!!this.optionHighlighted &&\n                !this.focusFromSearchKeypress &&\n                !this.preventIncorrectTabOrder) {\n                const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n                if (highlightedEl) {\n                    this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n                    highlightedEl.focus();\n                }\n            }\n            else if (this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n                this.inputEl.tagName !== \"INPUT\") {\n                this.menu.focus();\n            }\n        }\n        if (this.open && !this.value && this.selectOnEnter) {\n            this.scrollToSelected(this.menu);\n        }\n        this.preventMenuFocus = false;\n    }\n    componentDidRender() {\n        if (this.open && !this.popperInstance && this.anchorEl) {\n            this.initPopperJs(this.anchorEl);\n        }\n        if (this.open && !!this.options.length) {\n            this.setMenuScrollbar();\n        }\n    }\n    /**\n     * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n     */\n    async handleClickOpen() {\n        if (!this.preventClickOpen) {\n            this.menuStateChange.emit({ open: !this.open });\n            this.keyboardNav = false;\n        }\n        this.preventClickOpen = false;\n    }\n    /**\n     * Used alongside activationType\n     * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n     * @param {KeyboardEvent} event The keyboard event which is available when handleKeyboardOpen is invoked.\n     */\n    async handleKeyboardOpen(event) {\n        if (this.activationType === \"automatic\") {\n            this.autoSetInputValueKeyboardOpen(event);\n        }\n        else {\n            this.manualSetInputValueKeyboardOpen(event);\n        }\n    }\n    /**\n     * @internal Used to highlight the first option in the menu.\n     */\n    async handleSetFirstOption() {\n        this.setHighlightedOption(0);\n    }\n    /**\n     * @internal Used to initialize popperJS with an anchor element.\n     * 5/12/2023: Tested with Floating UI, however, discovered inconsistent\n     * boundary behaviour so sticking with PopperJS.\n     */\n    async initPopperJs(anchor) {\n        // Placements set to \"-start\" to accommodate for custom menu width - menu should always be aligned to the left\n        this.popperInstance = createPopper(anchor, this.host, {\n            placement: \"bottom-start\",\n            modifiers: [\n                {\n                    name: \"offset\",\n                    options: {\n                        offset: [0, 7],\n                    },\n                },\n                {\n                    name: \"flip\",\n                    options: {\n                        fallbackPlacements: [\"top-start\"],\n                        rootBoundary: \"viewport\",\n                    },\n                },\n            ],\n        });\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.isSearchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.isSearchableSelect) {\n            this.parentEl.setFocus();\n        }\n        this.focusFromSearchKeypress = true;\n    }\n    render() {\n        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;\n        const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? \"Clear\" : \"Select\"} all`;\n        const hasNoResults = this.host.classList.contains(\"no-results\");\n        return (h(Host, { class: {\n                \"ic-menu-full-width\": fullWidth,\n                \"ic-menu-no-focus\": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" || hasTimedOut || isLoading,\n                [`ic-menu-${size}`]: true,\n                \"ic-menu-open\": open && options.length !== 0,\n                \"ic-menu-multiple\": this.isMultiSelect,\n            } }, options.length !== 0 && (h(\"ul\", { id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": `${inputLabel} pop-up`, \"aria-multiselectable\": this.isMultiSelect ? \"true\" : \"false\", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== \"INPUT\" ? \"0\" : \"-1\", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {\n            if (option.children) {\n                if (option.children.length > 0) {\n                    return (h(\"div\", null, h(\"ic-typography\", { class: \"option-group-title\", role: \"presentation\", variant: \"subtitle-small\" }, h(\"p\", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&\n                        this.displayOption(childOption, this.isMultiSelect\n                            ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])\n                            : childOption[this.valueField] === value, index, option))));\n                }\n                else {\n                    return null;\n                }\n            }\n            else {\n                // Display option only if it has a label (rather than displaying an empty space)\n                return (option.label &&\n                    this.displayOption(option, this.isMultiSelect\n                        ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])\n                        : option[this.valueField] === value, index));\n            }\n        }))), options.length !== 0 &&\n            this.isMultiSelect &&\n            !isLoading &&\n            !hasTimedOut &&\n            !hasNoResults && (h(\"div\", { class: \"option-bar\" }, h(\"ic-typography\", null, h(\"p\", null, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { class: \"select-all-button\", \"aria-label\": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: \"tertiary\", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === \"small\" ? \"small\" : \"medium\" }, selectAllButtonText)))));\n    }\n    static get is() { return \"ic-menu\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n                },\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"anchorEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                }\n            },\n            \"autoFocusOnSelected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, autofocus will be applied on selected item when menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"auto-focus-on-selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"closeOnSelect\": {\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 menu will close when an option is selected.\"\n                },\n                \"attribute\": \"close-on-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\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 menu will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inputEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to the input element.\"\n                }\n            },\n            \"inputLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the input element.\"\n                },\n                \"attribute\": \"input-label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\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 custom name for the label field for IcMenuOption.\"\n                },\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"menuId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the menu.\"\n                },\n                \"attribute\": \"menu-id\",\n                \"reflect\": false\n            },\n            \"open\": {\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                    \"text\": \"If `true`, the menu will be displayed open.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true\n            },\n            \"parentEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- The parent element if ic-menu is nested inside another component.\"\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-search-bar/ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"selectOnEnter\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"select-on-enter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the menu.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[]\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The possible menu selection options.\"\n                }\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | string[]\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the currently selected option - or array of values (if multiple options allowed).\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"valueField\": {\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 custom name for the value field for IcMenuOption.\"\n                },\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"focusFromSearchKeypress\": {},\n            \"initialOptionsListRender\": {},\n            \"keyboardNav\": {},\n            \"optionHighlighted\": {},\n            \"preventIncorrectTabOrder\": {},\n            \"menuOptions\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"menuKeyPress\",\n                \"name\": \"menuKeyPress\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when key is pressed while menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ isNavKey: boolean; key: string }\",\n                    \"resolved\": \"{ isNavKey: boolean; key: string; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuOptionId\",\n                \"name\": \"menuOptionId\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option has been highlighted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuOptionIdEventDetail\",\n                    \"resolved\": \"IcMenuOptionIdEventDetail\",\n                    \"references\": {\n                        \"IcMenuOptionIdEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuOptionIdEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelect\",\n                \"name\": \"menuOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelectAll\",\n                \"name\": \"menuOptionSelectAll\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when all options are selected or deselected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ select: boolean }\",\n                    \"resolved\": \"{ select: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuStateChange\",\n                \"name\": \"menuStateChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when state of menu changes (i.e. open or closed).\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"retryButtonClicked\",\n                \"name\": \"retryButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the retry button is clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"timeoutBlur\",\n                \"name\": \"timeoutBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the timeout menu loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ ev: FocusEvent }\",\n                    \"resolved\": \"{ ev: FocusEvent; }\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ungroupedOptionsSet\",\n                \"name\": \"ungroupedOptionsSet\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the ungrouped options have been set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ options: IcMenuOption[] }\",\n                    \"resolved\": \"{ options: IcMenuOption[]; }\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"handleClickOpen\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If menu is opened with the mouse, emit menuStateChange custom event.\"\n                        }]\n                }\n            },\n            \"handleKeyboardOpen\": {\n                \"complexType\": {\n                    \"signature\": \"(event: KeyboardEvent) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"event\",\n                            \"type\": \"KeyboardEvent\",\n                            \"docs\": \"The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Used alongside activationType\\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"event The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }]\n                }\n            },\n            \"handleSetFirstOption\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to highlight the first option in the menu.\"\n                        }]\n                }\n            },\n            \"initPopperJs\": {\n                \"complexType\": {\n                    \"signature\": \"(anchor: HTMLElement) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"anchor\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to initialize popperJS with an anchor element.\\n5/12/2023: Tested with Floating UI, however, discovered inconsistent\\nboundary behaviour so sticking with PopperJS.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu.js.map\n"],"mappings":"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"}

package/dist/core/{p-e6a330e4.js → p-25597c03.js}

@@ -1,2 +1,2 @@
-const n=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const t=["ic-alert"];const e={"ic-alert":["ic-link"]};var s;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(s||(s={}));var o;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(o||(o={}));var r;(function(n){n[n["January"]=0]="January";n[n["February"]=1]="February";n[n["March"]=2]="March";n[n["April"]=3]="April";n[n["May"]=4]="May";n[n["June"]=5]="June";n[n["July"]=6]="July";n[n["August"]=7]="August";n[n["September"]=8]="September";n[n["October"]=9]="October";n[n["November"]=10]="November";n[n["December"]=11]="December"})(r||(r={}));var c;(function(n){n[n["Sun"]=0]="Sun";n[n["Mon"]=1]="Mon";n[n["Tue"]=2]="Tue";n[n["Wed"]=3]="Wed";n[n["Thu"]=4]="Thu";n[n["Fri"]=5]="Fri";n[n["Sat"]=6]="Sat"})(c||(c={}));var a;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(a||(a={}));var i;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(i||(i={}));const u=n=>{const t=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const e=n;t.push(e)}}));return t};const l=(n,t)=>{let e;return(...s)=>{const o=t();clearTimeout(e);e=setTimeout(n,o,...s)}};const d=(n,t,e,s,o)=>{if(e!==undefined&&(n||N(t))){const n=t.querySelectorAll("input.ic-input");const r=Array.from(n);const c=r.filter((n=>t===n.parentElement));let a=c[0];if(a===null||a===undefined){a=t.ownerDocument.createElement("input");a.type="hidden";a.classList.add("ic-input");t.appendChild(a)}a.disabled=o;a.name=e;if(s instanceof Date){a.value=s?s.toISOString():null}else{a.value=s||""}}};const f=(s,r=null)=>{var c;const a=s.parentElement||s.getRootNode().host.parentElement;const i=a.closest(n.join(","));if(i!==null){const n=i.tagName.toLowerCase();const a=s.tagName.toLowerCase();if((c=e[n])===null||c===void 0?void 0:c.includes(a)){return o.Default}else if(r!==null&&!t.includes(n)){return r}else if(i.classList.contains(o.Dark)){return o.Dark}return o.Light}return o.Default};const p=n=>n?n.trim().length===0:true;const y=n=>n!==undefined?n:null;const b=n=>getComputedStyle(document.documentElement).getPropertyValue(n);const m=n=>{const t=n.firstElementChild;if(t!==null){const e=t.assignedElements?t.assignedElements():t.childNodes;return e.length?e:n.tagName?[n]:null}else{return n===null?null:[n]}};({XS:Number(b("--ic-breakpoint-xs").replace("px","")),S:Number(b("--ic-breakpoint-sm").replace("px","")),M:Number(b("--ic-breakpoint-md").replace("px","")),L:Number(b("--ic-breakpoint-lg").replace("px","")),XL:Number(b("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200});const v=(n,t)=>Array.from(n.children).some((n=>n.getAttribute("slot")===t));const N=n=>!!n.shadowRoot&&!!n.attachShadow;const x=n=>n+"-helper-text";const S=n=>n+"-validation-text";const h=(n,t,e)=>`${t?x(n):""} ${e?S(n):""}`.trim();const g=(n,t=16)=>`${1/t*parseInt(n)}rem`;const k=n=>/^-?\d+$/.test(n);const T=(n,t)=>{for(let e=0;e<n.length;e++){const{prop:s,propName:o}=n[e];if(s===null||s===undefined){console.error(`No ${o} specified for ${t} component - prop '${o}' (web components) / '${$(o)}' (react) required`)}}};const $=n=>{n=n.toLowerCase();const t=n.split("-");let e=t[0];for(let n=1;n<t.length;n++){e+=t[n].substring(0,1).toUpperCase()+t[n].substring(1)}return e};const w=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const M=n=>n.closest("FORM");const F=(n,t)=>{const e=M(n);if(e!==null){e.addEventListener("reset",t)}};const A=(n,t)=>{const e=M(n);if(e!==null){e.removeEventListener("reset",t)}};const D=(n,t)=>{if(!n){t.removeAttribute("disabled")}};const O=n=>n.charAt(0).toUpperCase()+n.slice(1);const j=(n,t,e)=>{const s=n=>Array.from(n).some((n=>n.slot===e));return s(n)||s(t)};const I=(n,t,e)=>{const s={};const o=t.map((n=>n.index));let r=0;Object.keys(n).forEach((c=>{if(o.includes(r)){s[t[o.indexOf(r)].key]=e;r++}s[c]=n[c];r++}));return s};export{o as I,p as a,I as b,j as c,l as d,m as e,w as f,f as g,a as h,v as i,r as j,i as k,c as l,y as m,h as n,T as o,g as p,A as q,D as r,u as s,F as t,k as u,s as v,d as w,O as x};
-//# sourceMappingURL=p-e6a330e4.js.map
+const n=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const t=["ic-alert"];const e={"ic-alert":["ic-link"]};var s;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(s||(s={}));var o;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(o||(o={}));var r;(function(n){n[n["January"]=0]="January";n[n["February"]=1]="February";n[n["March"]=2]="March";n[n["April"]=3]="April";n[n["May"]=4]="May";n[n["June"]=5]="June";n[n["July"]=6]="July";n[n["August"]=7]="August";n[n["September"]=8]="September";n[n["October"]=9]="October";n[n["November"]=10]="November";n[n["December"]=11]="December"})(r||(r={}));var c;(function(n){n[n["Sun"]=0]="Sun";n[n["Mon"]=1]="Mon";n[n["Tue"]=2]="Tue";n[n["Wed"]=3]="Wed";n[n["Thu"]=4]="Thu";n[n["Fri"]=5]="Fri";n[n["Sat"]=6]="Sat"})(c||(c={}));var a;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(a||(a={}));var i;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(i||(i={}));const u=n=>{const t=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const e=n;t.push(e)}}));return t};const l=(n,t)=>{let e;return(...s)=>{const o=t();clearTimeout(e);e=setTimeout(n,o,...s)}};const d=(n,t,e,s,o)=>{if(e!==undefined&&(n||N(t))){const n=t.querySelectorAll("input.ic-input");const r=Array.from(n);const c=r.filter((n=>t===n.parentElement));let a=c[0];if(a===null||a===undefined){a=t.ownerDocument.createElement("input");a.type="hidden";a.classList.add("ic-input");t.appendChild(a)}a.disabled=o;a.name=e;if(s instanceof Date){a.value=s?s.toISOString():null}else{a.value=s||""}}};const f=(s,r=null)=>{var c;const a=s.parentElement||s.getRootNode().host.parentElement;const i=a.closest(n.join(","));if(i!==null){const n=i.tagName.toLowerCase();const a=s.tagName.toLowerCase();if((c=e[n])===null||c===void 0?void 0:c.includes(a)){return o.Default}else if(r!==null&&!t.includes(n)){return r}else if(i.classList.contains(o.Dark)){return o.Light}return o.Dark}return o.Default};const p=n=>n?n.trim().length===0:true;const y=n=>n!==undefined?n:null;const b=n=>getComputedStyle(document.documentElement).getPropertyValue(n);const m=n=>{const t=n.firstElementChild;if(t!==null){const e=t.assignedElements?t.assignedElements():t.childNodes;return e.length?e:n.tagName?[n]:null}else{return n===null?null:[n]}};({XS:Number(b("--ic-breakpoint-xs").replace("px","")),S:Number(b("--ic-breakpoint-sm").replace("px","")),M:Number(b("--ic-breakpoint-md").replace("px","")),L:Number(b("--ic-breakpoint-lg").replace("px","")),XL:Number(b("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200});const v=(n,t)=>Array.from(n.children).some((n=>n.getAttribute("slot")===t));const N=n=>!!n.shadowRoot&&!!n.attachShadow;const x=n=>n+"-helper-text";const S=n=>n+"-validation-text";const h=(n,t,e)=>`${t?x(n):""} ${e?S(n):""}`.trim();const g=(n,t=16)=>`${1/t*parseInt(n)}rem`;const k=n=>/^-?\d+$/.test(n);const T=(n,t)=>{for(let e=0;e<n.length;e++){const{prop:s,propName:o}=n[e];if(s===null||s===undefined){console.error(`No ${o} specified for ${t} component - prop '${o}' (web components) / '${$(o)}' (react) required`)}}};const $=n=>{n=n.toLowerCase();const t=n.split("-");let e=t[0];for(let n=1;n<t.length;n++){e+=t[n].substring(0,1).toUpperCase()+t[n].substring(1)}return e};const w=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const M=n=>n.closest("FORM");const F=(n,t)=>{const e=M(n);if(e!==null){e.addEventListener("reset",t)}};const A=(n,t)=>{const e=M(n);if(e!==null){e.removeEventListener("reset",t)}};const O=(n,t)=>{if(!n){t.removeAttribute("disabled")}};const j=n=>n.charAt(0).toUpperCase()+n.slice(1);const D=(n,t,e)=>{const s=n=>Array.from(n).some((n=>n.slot===e));return s(n)||s(t)};const I=(n,t,e)=>{const s={};const o=t.map((n=>n.index));const r=Object.keys(n);const c=Object.values(n);const a=r.length+o.length;for(let n=0,i=0;n<a;n++){if(o.includes(n)){s[t[o.indexOf(n)].key]=e;continue}s[r[i]]=c[i];i++}return s};export{o as I,p as a,I as b,D as c,l as d,m as e,w as f,f as g,a as h,v as i,r as j,i as k,c as l,y as m,h as n,T as o,g as p,A as q,O as r,u as s,F as t,k as u,s as v,d as w,j as x};
+//# sourceMappingURL=p-25597c03.js.map

package/dist/core/p-25597c03.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","dynamicDebounce","func","getDelay","timer","args","delay","clearTimeout","setTimeout","renderHiddenInput","always","container","name","value","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","getThemeFromContext","themeFromEvent","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","_a","includes","Default","contains","Dark","Light","isEmptyString","trim","length","isPropDefined","prop","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","getSlotElements","slot","slotContent","firstElementChild","elements","assignedElements","childNodes","XS","replace","S","M","L","XL","UNDEFINED","isSlotUsed","element","slotName","children","some","child","getAttribute","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","pxToRem","px","base","parseInt","isNumeric","test","onComponentRequiredPropUndefined","props","component","i","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","removeAttribute","capitalize","text","charAt","slice","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node","addDataToPosition","dataObject","newKeys","newValue","newData","newIndexes","map","key","index","keys","numberOfKeys","j","indexOf"],"sources":["src/utils/constants.ts","src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-autocomplete\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-expanded\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n","import {\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n  IcPaginationAlignmentOptions,\n} from \"../components\";\n\nexport type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardVerticalElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSizes = \"medium\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"medium\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcThemeMode = \"dark\" | \"light\" | \"inherit\";\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n  hideAllFromItemsPerPage?: boolean;\n  theme?: IcThemeMode;\n  monochrome?: boolean;\n}\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\nimport { IcDataTableDataType } from \"../interface\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: string } => {\n  const attributeObject: { [key: string]: string } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = value;\n      }\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const dynamicDebounce = (\n  func: (...args: unknown[]) => void,\n  getDelay: () => number\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    const delay = getDelay();\n    clearTimeout(timer);\n    timer = setTimeout(func, delay, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n\n    let input = filtered[0] as HTMLInputElement;\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(\"ic-input\");\n      container.appendChild(input);\n    }\n    input.disabled = disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : null;\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  const inputs = container.querySelectorAll(\"input.ic-input\");\n  const inputEls = Array.from(inputs);\n  const filtered = inputEls.filter((el) => container === el.parentElement);\n  const input = filtered[0] as HTMLInputElement;\n  input?.remove();\n};\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent !== null) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Light;\n    }\n\n    return IcThemeForegroundEnum.Dark;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n  return (\n    (parseInt(themeRed) * 299 +\n      parseInt(themeGreen) * 587 +\n      parseInt(themeBlue) * 114) /\n    1000\n  );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n  if (element && element.querySelector) {\n    return element.querySelector(`[slot=\"${name}\"]`);\n  }\n  return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  if (slot) {\n    return getSlotElements(slot);\n  }\n\n  return null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent !== null) {\n    const elements = slotContent.assignedElements\n      ? slotContent.assignedElements()\n      : slotContent.childNodes;\n    return elements.length ? elements : slot.tagName ? [slot] : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\n      break;\n    case \"IC-PAGE-HEADER\":\n      navType = { navType: \"page-header\", parent: null };\n      break;\n  }\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n  !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n    validationText ? getInputValidationTextID(inputId) : \"\"\n  }`.trim();\n\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === \"anywhere\"\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string): boolean => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n  kebabCase = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeDisabledFalse = (\n  disabled: boolean,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean => {\n  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport const capitalize = (text: string): string => {\n  return text.charAt(0).toUpperCase() + text.slice(1);\n};\n\nexport const checkSlotInChildMutations = (\n  addedNodes: NodeList,\n  removedNodes: NodeList,\n  slotName: string\n): boolean => {\n  const hasSlot = (nodeList: NodeList) =>\n    Array.from(nodeList).some((node) => (node as Element).slot === slotName);\n  return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\n\nexport const addDataToPosition = (\n  dataObject: IcDataTableDataType,\n  newKeys: { key: string; index: number }[],\n  newValue: unknown\n): IcDataTableDataType => {\n  const newData: IcDataTableDataType = {};\n  const newIndexes = newKeys.map((key) => key.index);\n\n  const keys = Object.keys(dataObject);\n  const values = Object.values(dataObject);\n  const numberOfKeys = keys.length + newIndexes.length;\n\n  for (let i = 0, j = 0; i < numberOfKeys; i++) {\n    if (newIndexes.includes(i)) {\n      newData[newKeys[newIndexes.indexOf(i)].key] = newValue;\n      continue;\n    }\n    newData[keys[j]] = values[j];\n    j++;\n  }\n  return newData;\n};\n"],"mappings":"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"}

package/dist/core/{p-3b0fae40.entry.js → p-29623ad5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as c,H as t,g as a}from"./p-8455d1bb.js";import{r as o,j as r,a as n,k as s,d,l,m as h,i as b}from"./p-043cf5de.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const p=class{constructor(c){e(this,c);this.icCheck=i(this,"icCheck",7);this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.label=undefined;this.name=undefined;this.nativeIndeterminateBehaviour=false;this.size=undefined;this.theme="inherit";this.value=undefined;this.hideLabel=false}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&this.checked}componentWillLoad(){o(this.disabled,this.el);r(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){s(this.el,this.handleFormReset)}async setFocus(){var e;(e=this.el.shadowRoot.querySelector(".checkbox"))===null||e===void 0?void 0:e.focus()}render(){const{additionalFieldDisplay:e,checked:i,disabled:a,dynamicText:o,el:r,form:n,displayIndeterminate:s,groupLabel:m,label:p,name:k,size:x,value:u,theme:v}=this;const g=`ic-checkbox-${d(p)||u}-${m}`.replace(/ /g,"-");const f=r.parentElement.size;i?l(true,r,k,i&&u,a):h(r);return c(t,{class:{"ic-checkbox-disabled":a,[`ic-checkbox-${x||f}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},c("div",{class:"container"},s&&c("div",{class:"indeterminate-symbol"}),!s&&i&&c("svg",{class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},c("title",null,"checkmark icon"),c("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),c("input",{role:"checkbox",class:{checkbox:true,checked:i,indeterminate:s},type:"checkbox",name:k,id:g,value:u,disabled:a?true:null,checked:i,indeterminate:s,onClick:this.handleClick,form:n,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&c("ic-typography",{class:"checkbox-label",variant:"body"},c("label",{htmlFor:g},p))),b(r,"additional-field")&&c("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&c("div",{class:"branch-corner"}),c("div",null,e==="dynamic"&&c("ic-typography",{variant:"caption"},c("p",{class:"dynamic-text","aria-live":"polite"},o)),c("div",{class:{"additional-field-wrapper":e==="static"}},c("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{indeterminate:["watchIndeterminateHandler"]}}};p.style=m;export{p as ic_checkbox};
-//# sourceMappingURL=p-3b0fae40.entry.js.map
+import{r as e,c as i,h as c,H as t,g as a}from"./p-8455d1bb.js";import{r as o,j as r,a as n,k as s,d,l,m as h,i as b}from"./p-b2389339.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}';const p=class{constructor(c){e(this,c);this.icCheck=i(this,"icCheck",7);this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked};this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.label=undefined;this.name=undefined;this.nativeIndeterminateBehaviour=false;this.size=undefined;this.theme="inherit";this.value=undefined;this.hideLabel=false}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&this.checked}componentWillLoad(){o(this.disabled,this.el);r(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){n([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){s(this.el,this.handleFormReset)}async setFocus(){var e;(e=this.el.shadowRoot.querySelector(".checkbox"))===null||e===void 0?void 0:e.focus()}render(){const{additionalFieldDisplay:e,checked:i,disabled:a,dynamicText:o,el:r,form:n,displayIndeterminate:s,groupLabel:m,label:p,name:k,size:x,value:u,theme:v}=this;const g=`ic-checkbox-${d(p)||u}-${m}`.replace(/ /g,"-");const f=r.parentElement.size;i?l(true,r,k,i&&u,a):h(r);return c(t,{class:{"ic-checkbox-disabled":a,[`ic-checkbox-${x||f}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},c("div",{class:"container"},s&&c("div",{class:"indeterminate-symbol"}),!s&&i&&c("svg",{class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},c("title",null,"checkmark icon"),c("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),c("input",{role:"checkbox",class:{checkbox:true,checked:i,indeterminate:s},type:"checkbox",name:k,id:g,value:u,disabled:a?true:null,checked:i,indeterminate:s,onClick:this.handleClick,form:n,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&c("ic-typography",{class:"checkbox-label",variant:"body"},c("label",{htmlFor:g},p))),b(r,"additional-field")&&c("div",{class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&c("div",{class:"branch-corner"}),c("div",null,e==="dynamic"&&c("ic-typography",{variant:"caption"},c("p",{class:"dynamic-text","aria-live":"polite"},o)),c("div",{class:{"additional-field-wrapper":e==="static"}},c("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{indeterminate:["watchIndeterminateHandler"]}}};p.style=m;export{p as ic_checkbox};
+//# sourceMappingURL=p-29623ad5.entry.js.map

package/dist/core/p-2d6fffa4.entry.js

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