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

package/dist/core/p-156fc5f1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icInputComponentContainerCss","IcInputComponentContainerStyle0","InputComponentContainer","constructor","hostRef","this","disabled","fullWidth","multiLine","readonly","size","validationInline","validationStatus","watchDisabledHandler","removeDisabledFalse","el","componentWillLoad","componentDidLoad","hostMutationObserver","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","render","h","Host","key","class","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","IcInputContainerStyle0","InputContainer","icMenuCss","IcMenuStyle0","Menu","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","SEARCH_BAR_TAG","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","focusFromSearchKeypress","initialOptionsListRender","keyboardNav","preventIncorrectTabOrder","popperProps","activationType","autofocusOnSelected","closeOnSelect","labelField","multiSelect","searchableSelect","searchBar","searchMode","selectOnEnter","valueField","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","setInputValue","handleMenuChange","open","focusInput","_a","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","target","id","selectHighlightedOption","isOpen","isOptionSelected","index","includes","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAllEvents","selectAllButton","focusOnSearchOrSelectInput","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","_b","_c","_d","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","icClear","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","isSearchableSelect","tagName","menuId","getOptionAriaLabel","parentOption","ariaLabel","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","Fragment","loading","icon","variant","component","Check","displayOption","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","some","opt","connectedCallback","disconnectedCallback","removeEventListener","addEventListener","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","inputLabel","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","anchorEl","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","Object","assign","placement","modifiers","offset","fallbackPlacements","rootBoundary","setExternalPopperProps","props","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  min-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-small.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly {\n  height: auto;\n  background: transparent;\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  min-height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n  height: var(--ic-space-xxl);\n  min-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-monochrome-hover-dark);\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, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { removeDisabledFalse, renderDynamicChildSlots, 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        /**\n         *  If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         *  If `true`, the input component container will fill the width of the container it is in.\n         */\n        this.fullWidth = false;\n        /**\n         *  If `true`, the input component container will allow for multiple lines.\n         */\n        this.multiLine = false;\n        /**\n         *  If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * The size of the input component container component.\n         */\n        this.size = \"medium\";\n        /**\n         *  If `true`, the validation will display inline.\n         */\n        this.validationInline = false;\n        /**\n         * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.validationStatus = \"\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"left-icon\", this));\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, { key: 'fc70461ae7d3922f07aa5a85209e376d42bfc451', 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 ? \"true\" : null }, h(\"div\", { key: '20934b81740e6c907bff86cc706d3aafe3a790df', class: \"focus-indicator\" }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { key: '3577416fc719a575372188c43a78ac945b1b1526', class: \"icon-container\" }, h(\"slot\", { key: '36ee3e5c85ec77c69f88c2b74d272bdb6ee42ca1', name: \"left-icon\" }))), h(\"slot\", { key: 'e0a79f50c8ba34c0d989e2402df8b00587c5878f' }), validationInline &&\n            validationStatus === IcInformationStatus.Success && (h(\"span\", { key: 'b156fb5bb6fcfec8c6dec6febdeea6d2adc7e009', 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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the validation will display inline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\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        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n    }\n    render() {\n        return (h(Host, { key: '49cd31d8dca09cc4b2f49e0b2e7829bb1771a5d6' }, h(\"div\", { key: 'bb0e3a80161a86b40e0dc424264e71cf6c95c88a', class: {\n                [\"component-container\"]: true,\n                [\"disabled\"]: !!this.disabled,\n                [\"readonly\"]: !!this.readonly,\n            } }, h(\"slot\", { key: '4916ff0aebd6632d6e6f5daaa3c318e1e696ff2f' }))));\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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  .disabled-option {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\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.SEARCH_BAR_TAG = \"IC-SEARCH-BAR\";\n        this.disabledOptionSelected = false;\n        this.hasPreviouslyBlurred = false;\n        this.hasTimedOut = false;\n        this.isLoading = 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.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.preventIncorrectTabOrder = false;\n        this.popperProps = {};\n        /**\n         * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n         */\n        this.activationType = \"automatic\";\n        /**\n         * @internal If `true`, autofocus will be applied on selected item when menu is open.\n         */\n        this.autofocusOnSelected = true;\n        /**\n         *  If `true`, the menu will close when an option is selected.\n         */\n        this.closeOnSelect = true;\n        /**\n         *  If `true`, the menu will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The custom name for the label field for IcMenuOption.\n         */\n        this.labelField = \"label\";\n        /**\n         * @internal - flag to specify if menu is in a ic-select multiple.\n         */\n        this.multiSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a searchable ic-select.\n         */\n        this.searchableSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a ic-search-bar.\n         */\n        this.searchBar = false;\n        /**\n         * 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        this.searchMode = \"navigation\";\n        /**\n         * @internal If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\n         */\n        this.selectOnEnter = false;\n        /**\n         * The size of the menu.\n         */\n        this.size = \"medium\";\n        /**\n         * The custom name for the value field for IcMenuOption.\n         */\n        this.valueField = \"value\";\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            var _a;\n            this.menuStateChange.emit({ open, focusInput });\n            if (!open) {\n                if (focusInput !== false) {\n                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    this.preventClickOpen = false;\n                }\n                // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n                if (this.multiSelect) {\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        // 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.searchBar ? 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.searchBar || this.searchableSelect || this.open;\n            if (isOpen) {\n                if (highlightedOptionIndex >= 0) {\n                    if (options[highlightedOptionIndex] !== undefined) {\n                        if (this.searchBar &&\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.multiSelect) {\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.multiSelect && 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.multiSelect && 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.searchBar || this.searchableSelect) {\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.emitSelectAllEvents();\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.searchBar) {\n                            this.keyboardNav = true;\n                        }\n                        if (this.multiSelect) {\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.multiSelect) {\n                const menuOptions = this.getMenuOptions();\n                const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);\n                this.handleOptionSelect(event, selectedOptionIndex, true);\n                this.multiOptionClicked = value || null;\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            var _a, _b, _c, _d;\n            if (event.relatedTarget !== this.inputEl) {\n                if (event.relatedTarget === this.selectAllButton) {\n                    (_a = this.menu) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.ACTIVE_DESCENDANT);\n                }\n                if (!(((_b = this.menu) === null || _b === void 0 ? void 0 : _b.contains(event.relatedTarget)) ||\n                    event.relatedTarget === this.selectAllButton)) {\n                    this.handleMenuChange(false, this.hasPreviouslyBlurred);\n                    (_c = this.menu) === null || _c === void 0 ? void 0 : _c.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                (_d = this.menu) === null || _d === void 0 ? void 0 : _d.removeAttribute(this.ACTIVE_DESCENDANT);\n                this.lastOptionFocused = null;\n                this.lastOptionSelected = null;\n            }\n            if (!this.searchBar)\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.searchBar) {\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            var _a;\n            this.keyboardNav = false;\n            (_a = this.menu) === null || _a === void 0 ? void 0 : _a.focus();\n            this.emitSelectAllEvents();\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        this.handleSelectAllBlur = (event) => {\n            var _a;\n            this.host.classList.remove(\"ic-select-select-all-focused\");\n            if (!((_a = this.menu) === null || _a === void 0 ? void 0 : _a.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.multiSelect &&\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.emitSelectAllEvents = () => {\n            var _a, _b;\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            // Emit clear event if all options are selected\n            if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === this.ungroupedOptions.length) {\n                this.icClear.emit();\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            var _a, _b;\n            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = !!this.inputEl && 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                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.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            var _a;\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                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.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            var _a;\n            let optionsHeight = 0;\n            this.host\n                .querySelectorAll(\".option, .option-group-title\")\n                .forEach((option) => (optionsHeight += option.clientHeight));\n            if (optionsHeight >= 320) {\n                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.classList.add(\"menu-scroll\");\n            }\n        };\n        this.handleTimeoutBlur = (ev) => {\n            this.timeoutBlur.emit({ ev });\n        };\n        this.optionContent = (option, selected) => {\n            var _a;\n            const showCheckIcon = !!option[this.valueField] &&\n                !!this.value &&\n                selected &&\n                ((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) !== this.SEARCH_BAR_TAG;\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\n                    ? this.handleOptionClick\n                    : undefined, 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    }\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        if (this.searchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        var _a, _b, _c;\n        (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icClear\", this.handleClearListener);\n        (_c = this.parentEl) === null || _c === void 0 ? void 0 : _c.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b, _c, _d;\n        this.loadUngroupedOptions();\n        (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.addEventListener(\"icClear\", this.handleClearListener);\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n        this.hasTimedOut = (_c = this.options) === null || _c === void 0 ? void 0 : _c.some((opt) => opt.timedOut);\n        this.isLoading = (_d = this.options) === null || _d === void 0 ? void 0 : _d.some((opt) => opt.loading);\n    }\n    componentDidLoad() {\n        if (this.searchBar &&\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.menu &&\n            this.open &&\n            this.options.length !== 0 &&\n            !this.preventMenuFocus) {\n            if (this.value &&\n                this.keyboardNav &&\n                inputValueInOptions &&\n                this.autofocusOnSelected &&\n                !this.searchableSelect) {\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 && this.inputEl.tagName !== \"INPUT\") {\n                this.menu.focus();\n            }\n        }\n        if (this.menu && 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, Object.assign({ placement: \"bottom-start\", 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            ] }, this.popperProps));\n    }\n    /**\n     * @internal This method allows props to be added to the PopperJS createPopper instance outside of the menu\n     * @param props object - createPopper props set externally\n     */\n    async setExternalPopperProps(props) {\n        this.popperProps = props;\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.searchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.searchableSelect) {\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, parentEl, SEARCH_BAR_TAG, multiSelect, } = 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, { key: 'bce19ee8d7929f03d2de173ad6f2b639cd2fbf2c', class: {\n                \"ic-menu-full-width\": !!fullWidth,\n                \"ic-menu-no-focus\": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" &&\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||\n                    hasTimedOut ||\n                    isLoading,\n                [`ic-menu-${size}`]: true,\n                \"ic-menu-open\": open && options.length !== 0,\n                \"ic-menu-multiple\": multiSelect,\n            } }, options.length !== 0 && (h(\"ul\", { key: 'edbb9d969dd8218a45c6d012abf8964fc2acd0a7', id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": `${inputLabel} pop-up`, \"aria-multiselectable\": multiSelect ? \"true\" : \"false\", tabindex: open &&\n                !keyboardNav &&\n                ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== \"INPUT\" ||\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)\n                ? \"0\"\n                : \"-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, multiSelect\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, multiSelect\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            multiSelect &&\n            !isLoading &&\n            !hasTimedOut &&\n            !hasNoResults && (h(\"div\", { key: '317f18bd8ff88fadf840ccc5666bf7ae7a6b1e65', class: \"option-bar\" }, h(\"ic-typography\", { key: '32e28e814c9c3d4ac243e2d45cb2487a99a900ba' }, h(\"p\", { key: '6ed28e350ad356ef669b4b6b9f3d8718a7274782' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { key: 'e66e1b04732d26ebbc05751eadc49968c11ac92c', 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\": false,\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                },\n                \"getter\": false,\n                \"setter\": false\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autofocus-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                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                    \"text\": \"The reference to the input element.\"\n                },\n                \"getter\": false,\n                \"setter\": false\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                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"menu-id\",\n                \"reflect\": false\n            },\n            \"multiSelect\": {\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\": \"- flag to specify if menu is in a ic-select multiple.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"multi-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"open\",\n                \"reflect\": true\n            },\n            \"parentEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\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                \"getter\": false,\n                \"setter\": false\n            },\n            \"searchableSelect\": {\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\": \"- flag to specify if menu is in a searchable ic-select.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"searchable-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchBar\": {\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\": \"- flag to specify if menu is in a ic-search-bar.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-bar\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the menu.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false\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                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false,\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            \"popperProps\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icClear\",\n                \"name\": \"icClear\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the clear all button is clicked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\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\": \"IcMultiValueEventDetail\",\n                    \"resolved\": \"IcMultiValueEventDetail\",\n                    \"references\": {\n                        \"IcMultiValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMultiValueEventDetail\"\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            \"setExternalPopperProps\": {\n                \"complexType\": {\n                    \"signature\": \"<T extends Partial<Options>>(props: T) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"props\",\n                            \"type\": \"T\",\n                            \"docs\": \"object - createPopper props set externally\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Partial\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Partial\"\n                        },\n                        \"Options\": {\n                            \"location\": \"import\",\n                            \"path\": \"@popperjs/core\",\n                            \"id\": \"node_modules::Options\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method allows props to be added to the PopperJS createPopper instance outside of the menu\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"props object - createPopper props set externally\"\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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","ignoreList":[]}

package/dist/core/p-15ec796a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as a,f as o}from"./p-8e4e97b4.js";import{r as n,b as r,O as l,P as c,B as h,A as d,Q as u,y as p,t as b,z as f,F as m,j as v,k as g,i as x,R as y,v as w,S as k,E as z,T as L,M as C,G as H}from"./p-0fe08a58.js";const $=`<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>\n</svg>\n`;const T=`<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>\n</svg>`;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{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}ic-button.first-last::part(button),ic-button.next-previous::part(button){color:var(--ic-pagination-chevron)}:host(.ic-pagination-monochrome) ic-button.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.next-previous::part(button){color:var(--ic-pagination-chevron-monochrome)}ic-button.ic-button-disabled.first-last::part(button),ic-button.ic-button-disabled.next-previous::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.next-previous::part(button){color:var(--ic-pagination-chevron-disabled)}.disabled{color:var(--ic-color-text-disabled-mid);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}';const O=M;const B=class{constructor(s){e(this,s);this.icPageChange=t(this,"icPageChange",7);this.endEllipsis=false;this.endItems=[];this.midItems=[];this.startEllipsis=false;this.startItems=[];this.adjacentPageCount=1;this.boundaryPageCount=1;this.defaultPage=1;this.disabled=false;this.hideCurrentPage=false;this.hideFirstAndLastPageButton=false;this.label="Page";this.monochrome=false;this.theme="inherit";this.type="simple";this.currentPage=this.defaultPage;this.handleClickFirst=()=>{this.currentPage=1;this.icPageChange.emit({value:this.currentPage})};this.handleClickPrevious=()=>{this.currentPage--;this.icPageChange.emit({value:this.currentPage})};this.handleClickNext=()=>{this.currentPage++;this.icPageChange.emit({value:this.currentPage})};this.handleClickLast=()=>{this.currentPage=this.pages;this.icPageChange.emit({value:this.currentPage})};this.firstButton=()=>i("ic-button",{id:"first-page-button","aria-label":"Go to first page",theme:this.theme,onClick:this.handleClickFirst,class:"page-button first-last",disabled:this.currentPage===1||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:T});this.previousButton=()=>i("ic-button",{id:"previous-page-button","aria-label":"Go to previous page",theme:this.theme,onClick:this.handleClickPrevious,class:"page-button next-previous flip",disabled:this.currentPage===1||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:$});this.nextButton=()=>i("ic-button",{id:"next-page-button","aria-label":"Go to next page",theme:this.theme,onClick:this.handleClickNext,class:"page-button next-previous",disabled:this.currentPage===this.pages||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:$});this.lastButton=()=>i("ic-button",{id:"last-page-button","aria-label":"Go to last page",theme:this.theme,onClick:this.handleClickLast,class:"page-button first-last flip",disabled:this.currentPage===this.pages||this.disabled,variant:"icon-tertiary",monochrome:this.theme=="light"||this.theme=="dark",innerHTML:T});this.renderStartEllipsis=()=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,type:"ellipsis",id:"start-ellipsis",disabled:this.disabled});this.renderEndEllipsis=()=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,type:"ellipsis",id:"end-ellipsis",disabled:this.disabled});this.renderStartItems=()=>this.startItems.map((e=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:e===this.currentPage,id:`pagination-item-${e}`,type:"page",page:e,disabled:this.disabled})));this.renderEndItems=()=>this.endItems.map((e=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:e===this.currentPage,id:`pagination-item-${e}`,type:"page",page:e,disabled:this.disabled})));this.renderMiddleItems=()=>this.midItems.map((e=>i("ic-pagination-item",{theme:this.theme,monochrome:this.monochrome,selected:e===this.currentPage,id:`pagination-item-${e}`,type:"page",page:e,disabled:this.disabled})))}watchAdjacentPageCountHandler(){if(this.adjacentPageCount>2){this.adjacentPageCount=2}}watchBoundaryPageCountHandler(){if(this.boundaryPageCount>2){this.boundaryPageCount=2}}watchDisabledHandler(){n(this.disabled,this.el)}watchNumberPagesHandler(){this.watchPageChangeHandler()}watchTypeHandler(){this.watchPageChangeHandler()}watchPageChangeHandler(){if(this.type==="simple"){return}this.startEllipsis=false;this.endEllipsis=false;this.startItems=[];this.endItems=[];this.midItems=[];const e=[];let t=0;const i=[];let s=this.pages;const a=[];let o;let n;let r=false;let l=false;if(this.pages<=this.boundaryPageCount*2+this.adjacentPageCount*2+3){this.startEllipsis=false;this.endEllipsis=false;for(let t=1;t<=this.pages;t++){e.push(t)}this.startItems=e;return}t=this.boundaryPageCount===0?1:this.boundaryPageCount;s=this.boundaryPageCount===0?this.pages:this.pages-this.boundaryPageCount+1;if(this.currentPage<=this.adjacentPageCount+this.boundaryPageCount+2){r=false;l=true;let e=2*this.adjacentPageCount+1;if(this.boundaryPageCount===0){e--}o=t+1;n=o+e}else{r=true;if(this.currentPage>this.pages-(this.adjacentPageCount+this.boundaryPageCount+2)){let e=2*this.adjacentPageCount+1;if(this.boundaryPageCount===0){e--}n=this.boundaryPageCount===0?this.pages-1:this.pages-this.boundaryPageCount;o=n-e}else{l=true;o=this.currentPage-this.adjacentPageCount;n=this.currentPage+this.adjacentPageCount}}if(this.boundaryPageCount>0||this.boundaryPageCount===0&&r===false){for(let i=1;i<=t;i++){e.push(i)}}if(this.boundaryPageCount>0||this.boundaryPageCount===0&&l===false){for(let e=s;e<=this.pages;e++){i.push(e)}}for(let e=o;e<=n;e++){a.push(e)}this.startEllipsis=r;this.endEllipsis=l;this.startItems=e;this.endItems=i;this.midItems=a}componentWillLoad(){this.watchPageChangeHandler();this.watchBoundaryPageCountHandler();this.watchAdjacentPageCountHandler();n(this.disabled,this.el)}componentDidLoad(){r([{prop:this.pages,propName:"pages"}],"Pagination")}paginationItemClickHandler(e){const t=e.detail.page;this.currentPage=t;this.icPageChange.emit({value:this.currentPage})}async setCurrentPage(e){if(typeof e==="number"&&e>0&&e<=this.pages){this.currentPage=e}else{console.error("Current page must be a number greater than zero but less than or equal to the total number of pages")}}render(){const{type:e,currentPage:t,hideCurrentPage:a,disabled:o,hideFirstAndLastPageButton:n,label:r,theme:l,monochrome:c}=this;return i(s,{key:"f0bb93865da97a2978792da0ecec7398d17fd0cd",class:{[`ic-theme-${l}`]:l!=="inherit",["ic-pagination-monochrome"]:!!c}},e==="simple"&&i("nav",{key:"d98096aea9467c15560cf5bee82f979a27a6e72b",class:{["disabled"]:!!o},role:"navigation","aria-label":"Pagination Navigation"},n?null:this.firstButton(),this.previousButton(),i("ic-pagination-item",{key:"e578665c5de2260f824cf4ff3c3e29dafabe7037",theme:this.theme,monochrome:this.monochrome,type:"simple-current",page:t,label:r,class:{["hide-current-page"]:!!a},disabled:o}),this.nextButton(),n?null:this.lastButton()),e==="complex"&&i("nav",{key:"e1172d5a137f47d778f3878155bb747b32303179",class:{["disabled"]:!!o},role:"navigation","aria-label":"Pagination Navigation"},n?null:this.firstButton(),this.previousButton(),this.renderStartItems(),this.startEllipsis&&this.renderStartEllipsis(),this.renderMiddleItems(),this.endEllipsis&&this.renderEndEllipsis(),this.renderEndItems(),this.nextButton(),n?null:this.lastButton()),e==="complex"&&i("span",{key:"2094451eaeb1eb5f6f52f4a93f8b30534bd31162",class:"sr-only","aria-live":"polite"},"Page ",this.currentPage))}get el(){return a(this)}static get watchers(){return{adjacentPageCount:["watchAdjacentPageCountHandler"],boundaryPageCount:["watchBoundaryPageCountHandler"],disabled:["watchDisabledHandler"],pages:["watchNumberPagesHandler"],type:["watchTypeHandler"],currentPage:["watchPageChangeHandler"]}}};B.style=O;const I='/*! 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}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}.monochrome .ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{--ic-typography-color:var(--ic-pagination-page-number)}.monochrome .page{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}.simple-current{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}.monochrome .item-container.page:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}.monochrome .item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}.selected{pointer-events:none;outline:none}.selected::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}.monochrome .selected::after{background-color:var(--ic-pagination-selected-banner-monochrome)}.page-selected{--ic-typography-color:var(--ic-pagination-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}ic-typography.light,ic-typography.page-selected.light{--ic-typography-color:var(--ic-architectural-white)}.selected.light::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}ic-typography.dark{--ic-typography-color:var(--ic-color-text-primary)}.selected.dark::after{content:"";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome-dark)}.disabled{--ic-typography-color:var(--ic-pagination-text-disabled);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled.page ic-typography{--ic-typography-color:var(--ic-pagination-page-number-disabled)}.disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-disabled)}.monochrome .disabled.page{--ic-typography-color:var(--ic-pagination-page-number-monochrome-disabled)}.monochrome .disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome-disabled)}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}.disabled{--ic-typography-color:GrayText}}';const j=I;const P=class{constructor(i){e(this,i);this.paginationItemClick=t(this,"paginationItemClick",7);this.disabled=false;this.label="Page";this.monochrome=false;this.selected=false;this.theme="inherit";this.handleClick=()=>{this.paginationItemClick.emit({page:this.page||null})}}watchDisabledHandler(){n(this.disabled,this.el)}watchLabelHandler(){this.capitalizedLabel=l(this.label)}componentWillLoad(){this.watchLabelHandler();n(this.disabled,this.el)}render(){const{page:e,selected:t,type:s,disabled:a,label:o,capitalizedLabel:n,monochrome:r}=this;return i("a",{key:"96dd8b411124b3276fdd7b630d6b1d15528398a0",class:{["monochrome"]:!!r}},s==="ellipsis"?i("div",{class:{["item-container"]:true,["ellipsis"]:true,["disabled"]:!!a}},i("ic-typography",{variant:"label"},"...")):s==="page"?i("button",{disabled:a,onClick:this.handleClick,tabindex:t?"-1":"0",role:"button","aria-current":t&&"page","aria-label":t?`${o}: ${e}`:`Go to ${o} ${e}`,class:{["selected"]:!a&&t,["disabled"]:!!a,["item-container"]:true,["page"]:s==="page"}},i("ic-typography",{variant:"label",class:{["page-selected"]:t,["disabled"]:!!a}},e)):i("ic-typography",{"aria-live":"polite",class:{[`simple-current`]:true,["disabled"]:!!a},variant:"label"},n," ",e))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],label:["watchLabelHandler"]}}};P.style=j;const D=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />\n</svg>\n`;const q=`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.6666 4.27334L11.7266 3.33334L7.99998 7.06001L4.27331 3.33334L3.33331 4.27334L7.05998 8.00001L3.33331 11.7267L4.27331 12.6667L7.99998 8.94001L11.7266 12.6667L12.6666 11.7267L8.93998 8.00001L12.6666 4.27334Z" fill="currentColor" />\n</svg>\n`;const S='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-labe);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle-disabled\n  )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs)}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot="icon"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot="icon"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot="icon"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const F=S;let N=0;const A=[...w,"tabindex","title"];const E=class{constructor(s){e(this,s);this.icBlur=t(this,"icBlur",7);this.icChange=t(this,"icChange",7);this.icClear=t(this,"icClear",7);this.icClose=t(this,"icClose",7);this.icFocus=t(this,"icFocus",7);this.icInput=t(this,"icInput",7);this.icOpen=t(this,"icOpen",7);this.icOptionSelect=t(this,"icOptionSelect",7);this.icOptionDeselect=t(this,"icOptionDeselect",7);this.icRetryLoad=t(this,"icRetryLoad",7);this.blurredBecauseButtonPressed=false;this.hasSetDefaultValue=false;this.hasTimedOut=false;this.inheritedAttributes={};this.initialOptionsEmpty=false;this.inputId=`ic-select-input-${N++}`;this.menuId=`${this.inputId}-menu`;this.retryButtonClick=false;this.searchableMenuItemSelected=false;this.ungroupedOptions=[];this.hostMutationObserver=null;this.clearButtonFocused=false;this.noOptions=null;this.open=false;this.pressedCharacters="";this.searchableSelectInputValue=null;this.disabled=false;this.disableAutoFiltering=false;this.emptyOptionListText="No results found";this.fullWidth=false;this.helperText="";this.hideLabel=false;this.includeDescriptionsInSearch=false;this.includeGroupTitlesInSearch=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.multiple=false;this.name=this.inputId;this.placeholder="Select an option";this.readonly=false;this.required=false;this.searchable=false;this.searchMatchPosition="anywhere";this.selectOnEnter=false;this.showClearButton=false;this.size="medium";this.theme="inherit";this.validationStatus="";this.validationText="";this.loading=false;this.options=[];this.filteredOptions=this.options;this.uniqueOptions=this.options;this.debounce=0;this.currDebounce=this.debounce;this.value=null;this.initialValue=this.value;this.inputValueToFilter=this.value;this.hostMutationCallback=e=>{let t=false;e.forEach((({attributeName:e,type:i,addedNodes:s,removedNodes:a})=>{if(e){const i=this.el.getAttribute(e);if(i&&A.includes(e)){this.inheritedAttributes[e]=i;t=true}}else if(i==="childList"){t=c(s,a,"icon")}}));if(t){o(this)}};this.handleRetry=e=>{var t;if(e.detail.keyPressed)(t=this.searchableSelectElement)===null||t===void 0?void 0:t.focus();this.blurredBecauseButtonPressed=true;this.retryButtonClick=true;this.hasSetDefaultValue=true;this.icRetryLoad.emit({value:this.searchable?this.searchableSelectInputValue:this.hiddenInputValue})};this.emitIcChange=e=>{if(this.multiple&&!Array.isArray(e)&&e!==null){if(this.value){let t=this.value.slice();if(this.value.includes(e)){t.splice(t.indexOf(e),1)}else{t.push(e);t=this.getValueSortedByOptions(t)}this.value=t.length===0?null:t}else{this.value=[e]}}else{this.value=e}this.icChange.emit({value:this.multiple?this.value:e})};this.emitIcInput=e=>{clearTimeout(this.debounceIcInput);this.debounceIcInput=window.setTimeout((()=>this.icInput.emit({value:e})),this.currDebounce)};this.setOptions=()=>{if(!this.hasTimedOut&&this.options!==this.noOptions){this.loading=false;clearTimeout(this.timeoutTimer);if(this.options.length>0){this.setOptionsValuesFromLabels();this.uniqueOptions=this.deduplicateOptions(this.options)}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions}this.filteredOptions=this.uniqueOptions;if(this.isExternalFiltering()){this.noOptions=null;this.updateSearchableSelectResultAriaLive();this.setDefaultValue()}else if(this.initialOptionsEmpty){this.setDefaultValue();this.initialOptionsEmpty=false}}else if(!this.searchable){this.options=this.noOptions||[]}};this.deduplicateOptions=e=>{const t=[];const i=[];e.forEach((e=>{if(e.children){const s=[];e.children.forEach((e=>{if(t.includes(e.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${e.value}) which has been removed.`)}else{t.push(e.value);s.push(e)}}));i.push(Object.assign(Object.assign({},e),{children:s}))}else{if(t.includes(e.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${e.value}) which has been removed.`)}else{t.push(e.value);i.push(e)}}}));return i};this.setOptionsValuesFromLabels=()=>{if(this.options.length>0){this.options.map((e=>{if(!e.value){e.value=e.label}}))}};this.setUngroupedOptions=e=>{this.ungroupedOptions=e.detail.options};this.setTextColor=()=>{if(this.nativeSelectElement){this.nativeSelectElement.className=this.nativeSelectElement.selectedIndex===0?"placeholder":"select-option-selected"}};this.setMenuChange=e=>{if(this.open!==e){this.open=e}};this.getLabelFromValue=e=>h(e,this.uniqueOptions);this.getMultipleOptionsString=e=>e===null||e===void 0?void 0:e.map((e=>this.getLabelFromValue(e))).filter((e=>!!e)).join(", ");this.getFilteredChildMenuOptions=e=>Object.assign(Object.assign({},e),{children:e.children&&d(e.children,this.searchable&&!!this.includeDescriptionsInSearch,this.searchable?this.searchableSelectInputValue||"":this.pressedCharacters,this.searchable?this.searchMatchPosition:"start")});this.getValueSortedByOptions=e=>{const t=e;const i=this.ungroupedOptions.map((e=>e.value));t.sort(((e,t)=>i.indexOf(e)-i.indexOf(t)));return t};this.handleNativeSelectChange=()=>{if(this.nativeSelectElement){this.icOptionSelect.emit({value:this.nativeSelectElement.value});this.emitIcChange(this.nativeSelectElement.value)}this.setTextColor()};this.handleCustomSelectChange=e=>{var t,i;const{value:s,label:a,optionId:o}=e.detail;if(a===this.emptyOptionListText){(t=this.searchableSelectElement)===null||t===void 0?void 0:t.focus();return}if(this.searchable){this.value=s||null;this.searchableMenuItemSelected=true;if(this.value===this.currValue){this.searchableSelectInputValue=this.getLabelFromValue(this.value)||null}this.inputValueToFilter=null;this.hiddenInputValue=this.getValueFromLabel(this.searchableSelectInputValue)||null}if(s){if(this.multiple&&((i=this.value)===null||i===void 0?void 0:i.includes(s))){this.icOptionDeselect.emit({value:s})}else{this.icOptionSelect.emit({value:s})}}this.ariaActiveDescendant=o;this.emitIcChange(s||null)};this.handleSelectAllChange=({detail:e})=>{const t=this.ungroupedOptions.filter((e=>!e.disabled)).map((e=>e.value));if(e.select){const e=this.value?t.filter((e=>this.value&&!this.value.includes(e))):t;e.forEach((e=>this.icOptionSelect.emit({value:e})))}else{this.value.forEach((e=>this.icOptionDeselect.emit({value:e})))}this.emitIcChange(e.select?t:null)};this.handleMenuChange=e=>{this.open=e.detail.open;this.pressedCharacters="";if(this.searchable)this.handleFocusIndicatorDisplay()};this.handleMenuKeyPress=e=>{e.cancelBubble=true;if(!this.multiple){this.handleCharacterKeyDown(e.detail.key)}};this.handleFocusIndicatorDisplay=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".focus-indicator");if(t){if(this.open){t.classList.add("focus-indicator-enabled")}else{t.classList.remove("focus-indicator-enabled")}}};this.handleMouseDown=e=>{if(!this.open){e.preventDefault()}};this.isExternalFiltering=()=>this.searchable&&!!this.disableAutoFiltering;this.handleClick=e=>{var t,i;if(!this.open&&this.menu){if(this.isExternalFiltering()){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut&&!this.loading&&!((t=this.noOptions)===null||t===void 0?void 0:t.length)&&(!this.searchable||this.searchableMenuItemSelected)){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(e.detail!==0){(i=this.menu)===null||i===void 0?void 0:i.handleClickOpen()}};this.handleExpandIconMouseDown=e=>{var t;if(!this.disabled){e.preventDefault();(t=this.searchableSelectElement)===null||t===void 0?void 0:t.focus();this.handleClick(e)}};this.handleClear=e=>{var t,i;e.stopPropagation();this.hasTimedOut=false;clearTimeout(this.timeoutTimer);this.clearInput();this.emitIcChange(null);this.icClear.emit();if(this.searchable){this.hiddenInputValue=null;(t=this.searchableSelectElement)===null||t===void 0?void 0:t.focus()}else{(i=this.customSelectElement)===null||i===void 0?void 0:i.focus()}};this.handleCharacterKeyDown=e=>{if(this.open&&e===" "&&this.pressedCharacters.length===0){this.setMenuChange(false)}if(e.length!==1||this.searchable){this.pressedCharacters="";return}window.clearTimeout(this.characterKeyPressTimer);this.characterKeyPressTimer=window.setTimeout((()=>this.pressedCharacters=""),1e3);if(e!==" "||!!this.pressedCharacters){this.pressedCharacters+=e;this.handleFilter();if(!this.noOptions){this.emitIcChange(this.filteredOptions[0].value)}}};this.handleNativeSelectKeyDown=e=>{if(e.key!=="Escape"&&e.key!=="Tab"||this.open){e.cancelBubble=true}this.handleCharacterKeyDown(e.key)};this.handleKeyDown=e=>{var t;if(e.key!=="Escape"&&e.key!=="Tab"||this.open){e.cancelBubble=true}const i=e.key==="ArrowDown"||e.key==="ArrowUp";if(this.menu&&!this.open){if(this.isExternalFiltering()&&(e.key==="Enter"||i)){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(this.open&&e.key==="Enter"){this.setMenuChange(false)}else{if(!i||this.noOptions===null){if(e.key!==" "||this.pressedCharacters.length<=0){(t=this.menu)===null||t===void 0?void 0:t.handleKeyboardOpen(e)}if(!this.multiple){this.handleCharacterKeyDown(e.key)}}}};this.handleClearButtonFocus=()=>{this.clearButtonFocused=true};this.handleClearButtonBlur=e=>{var t;const i=(t=this.menu)===null||t===void 0?void 0:t.querySelector("#retry-button");if((!this.searchableSelectElement||e.relatedTarget!==this.searchableSelectElement)&&(!i||e.relatedTarget!==i)){this.setMenuChange(false);this.handleFocusIndicatorDisplay()}this.clearButtonFocused=false};this.handleFilter=()=>{var e;const t=this.deduplicateOptions(this.searchable?[...this.uniqueOptions]:this.ungroupedOptions);const i=t.some((e=>!!e.children));let s=[];let a;if(this.searchable){a=d(t,!!this.includeDescriptionsInSearch,this.inputValueToFilter||"",this.searchMatchPosition);this.searchableMenuItemSelected=false}else{a=d(t,false,this.pressedCharacters,"start")}if(!i&&((e=a[0])===null||e===void 0?void 0:e.label)!==this.emptyOptionListText){s=a}else if(i){s=t.map((e=>this.includeGroupTitlesInSearch&&a.indexOf(e)!==-1?e:this.getFilteredChildMenuOptions(e)))}if(s.length>0&&(!i||s.some((({children:e})=>e&&e.length>0)))){this.noOptions=null;this.filteredOptions=s}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.filteredOptions=this.noOptions}};this.triggerLoading=()=>{this.hasTimedOut=false;this.noOptions=[{label:this.loadingLabel,value:"",loading:true}];if(this.filteredOptions!==this.noOptions&&this.searchable){this.filteredOptions=this.noOptions}else if(this.uniqueOptions!==this.noOptions&&!this.searchable){this.uniqueOptions=this.noOptions}if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.loading=false;this.hasTimedOut=true;this.noOptions=[{label:this.loadingErrorLabel,value:"",timedOut:true}];this.filteredOptions=this.noOptions;if(!this.searchable)this.uniqueOptions=this.noOptions}),this.timeout)}};this.getValueFromLabel=e=>{var t;return e&&((t=this.uniqueOptions.find((t=>t.label===e)))===null||t===void 0?void 0:t.value)};this.handleSearchableSelectInput=e=>{this.searchableSelectInputValue=e.target.value;this.emitIcInput(this.searchableSelectInputValue);if(this.value!=null){this.emitIcChange(null)}this.hiddenInputValue=null;this.inputValueToFilter=this.searchableSelectInputValue;this.setMenuChange(true);if(!this.disableAutoFiltering){this.handleFilter();clearTimeout(this.debounceAria);window.setTimeout((()=>{this.updateSearchableSelectResultAriaLive()}),800)}};this.updateSearchableSelectResultAriaLive=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".searchable-select-results-status");if(t){t.innerText=this.noOptions!==null?this.emptyOptionListText:""}};this.updateMultiSelectedCountAriaLive=()=>{var e,t;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".multi-select-selected-count");const s=`${(t=this.currValue)===null||t===void 0?void 0:t.length} of ${u(this.options)} selected`;if(i&&i.innerText!==s){i.innerText=s}};this.getDefaultValue=e=>this.getLabelFromValue(e)||null;this.setDefaultValue=()=>{if(!this.hasSetDefaultValue&&this.currValue){this.searchableSelectInputValue=this.searchable?this.getDefaultValue(this.currValue):null;this.initialValue=this.currValue;this.hasSetDefaultValue=true}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=({relatedTarget:e})=>{var t;const i=e;if(i!==null&&(i.tagName==="UL"&&i.className.includes("menu")||i.tagName==="LI"&&i.className.includes("option"))){return}const s=(t=this.menu)===null||t===void 0?void 0:t.querySelector("#retry-button");if(this.searchable&&!!this.menu&&i!==this.menu&&!Array.from(this.menu.querySelectorAll("[role='option']")).includes(i)&&(!this.clearButton||i!==this.clearButton)&&(!s||i!==s)){if(!this.retryButtonClick){this.setMenuChange(false);if(!this.value){this.clearInput()}}this.handleFocusIndicatorDisplay()}this.retryButtonClick=false;this.icBlur.emit()};this.onTimeoutBlur=e=>{if(e.detail.ev.relatedTarget!==this.searchableSelectElement&&!this.blurredBecauseButtonPressed){this.setMenuChange(false);this.handleFocusIndicatorDisplay();this.icBlur.emit()}this.blurredBecauseButtonPressed=false};this.handleFormReset=()=>{this.value=this.initialValue;if(this.searchable){this.searchableSelectInputValue=this.getDefaultValue(this.value);this.hiddenInputValue=this.value}};this.clearInput=()=>{var e;this.noOptions=null;if(this.searchable){(e=this.searchableSelectElement)===null||e===void 0?void 0:e.setAttribute("value","");this.searchableSelectInputValue=null;this.filteredOptions=this.uniqueOptions}};this.renderNativeOption=e=>i("option",{value:e.value,disabled:e.disabled,selected:e.value===this.currValue},e.label)}watchDisabledHandler(){n(this.disabled,this.el)}loadingHandler(e){e?this.triggerLoading():this.setOptions()}watchOptionsHandler(){this.setOptions()}debounceChangedHandler(e){if(this.currDebounce!==e){this.currDebounce=e}}valueChangedHandler(){if(this.value!==this.currValue){if(this.value&&this.multiple){this.currValue=this.getMultipleOptionsString(this.value)?this.getValueSortedByOptions(this.value):null;this.updateMultiSelectedCountAriaLive()}else{this.currValue=this.getLabelFromValue(this.value)?this.value:null}}if(this.searchable&&this.value){this.searchableSelectInputValue=this.getLabelFromValue(String(this.currValue))||null}}openChangedHandler(){this.open?this.icOpen.emit():this.icClose.emit()}disconnectedCallback(){var e;p(this.el,this.handleFormReset);(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){const e=this.multiple?this.getMultipleOptionsString(this.value):this.getLabelFromValue(this.value);this.currValue=e?this.value:null;this.inheritedAttributes=b(this.el,A);n(this.disabled,this.el);this.setOptionsValuesFromLabels();f(this.el,this.handleFormReset);if(!this.options.length){this.initialOptionsEmpty=true;this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions;this.filteredOptions=this.noOptions}else{this.setDefaultValue();this.uniqueOptions=this.deduplicateOptions(this.options)}}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Select");if(this.loading){this.triggerLoading()}if(this.searchable){this.hiddenInputValue=this.currValue}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true})}componentDidRender(){if(this.nativeSelectElement&&!this.disabled){this.setTextColor()}}async setFocus(){if(this.nativeSelectElement){this.nativeSelectElement.focus()}else if(this.customSelectElement){this.customSelectElement.focus()}else if(this.searchableSelectElement){this.searchableSelectElement.focus()}}render(){var e;const{size:t,disabled:a,fullWidth:o,helperText:n,hideLabel:r,label:l,menuId:c,multiple:h,name:d,options:p,placeholder:b,readonly:f,required:w,searchable:z,showClearButton:L,validationStatus:C,validationText:H,currValue:$,theme:T,hiddenInputValue:M,open:O,inputId:B,searchableSelectInputValue:I,loading:j,value:P,emptyOptionListText:S,uniqueOptions:F,selectOnEnter:N,form:A,inheritedAttributes:E,ariaActiveDescendant:V,hasTimedOut:W,noOptions:G,filteredOptions:K,clearButtonFocused:_}=this;m(this.el,z?M:$,d||B,a);const R=`${C===k.Error}`;const U=v(this.el,B,n!=="",g(C,!!a)).trim();const Z=h?this.getMultipleOptionsString($):this.getLabelFromValue($);const Q=!a&&(z?!!I:!!$&&!j&&L);return i(s,{key:"4772c66e1053f7c19cafff3753af54715eab05d9",class:{"ic-select-disabled":a,"ic-select-searchable":z,[`ic-select-${t}`]:t!=="medium","ic-select-full-width":o,[`ic-theme-${T}`]:T!=="inherit"},onBlur:this.onBlur},i("ic-input-container",{key:"8d4a5a0b53f01cc6740b9fc1f5fa0805e45c8169",readonly:f},!r&&i("ic-input-label",{key:"37e19194734f052932dd6ac7c56994f67802a1bd",for:B,label:l,helperText:n,required:w,disabled:a,readonly:f},i("slot",{key:"3b27f513ffc78d514c7695b1e5941041837efd55",name:"helper-text",slot:"helper-text"})),i("ic-input-component-container",{key:"a5bf5d711e23862ec08fb8f8e85ce0beec436ccc",ref:e=>this.anchorEl=e,class:{"menu-open":O},size:t,fullWidth:o,disabled:a,readonly:f,validationStatus:C},x(this.el,"icon")&&!a&&(!f||!!P)&&i("span",{key:"42fc8c78302cde968d3c96ad72c9aac66652829e",slot:"left-icon",class:{readonly:f,"has-value":!!P}},i("slot",{key:"0cf7160335785716303e4e2e602be1a2d975098e",name:"icon"})),f?i("ic-typography",null,i("p",null,Z)):y()&&!h?i("select",Object.assign({ref:e=>this.nativeSelectElement=e,disabled:a,onChange:this.handleNativeSelectChange,required:w,id:B,"aria-label":l,"aria-describedby":U,"aria-invalid":R,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.handleNativeSelectKeyDown,form:A},E),i("option",{value:"",selected:true,disabled:!L},b),p.map((e=>e.children?i("optgroup",{label:e.label},e.children.map((e=>this.renderNativeOption(e)))):this.renderNativeOption(e)))):z?i("div",{class:"searchable-select-container"},i("input",{class:{"select-input":true,"with-clear-button":!!I},role:"combobox",autocomplete:"off","aria-label":l,"aria-describedby":U,"aria-activedescendant":V,"aria-autocomplete":"list","aria-expanded":`${O}`,"aria-invalid":R,"aria-required":`${w}`,"aria-controls":c,ref:e=>this.searchableSelectElement=e,id:B,value:I||undefined,placeholder:b,disabled:a,onInput:this.handleSearchableSelectInput,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,form:A}),Q&&i("div",{class:"clear-button-container"},i("ic-button",{id:"clear-button",ref:e=>this.clearButton=e,"aria-label":I&&($===null||j)?"Clear input":"Clear selection",class:"clear-button",innerHTML:q,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:t,variant:"icon",theme:_?"light":"dark"}),i("div",{class:"divider"})),i("span",{onMouseDown:this.handleExpandIconMouseDown,class:{"expand-icon":true,"expand-icon-open":O},innerHTML:D,"aria-hidden":"true"}),i("div",{"aria-live":"polite",role:"status",class:"searchable-select-results-status"})):i("div",{class:"select-container"},i("button",{class:"select-input",ref:e=>this.customSelectElement=e,id:B,"aria-label":`${l}, ${(h&&$?`${$.length} of ${u(p)} selected, ${Z}`:Z)||b}${w?", required":""}`,"aria-describedby":U,"aria-invalid":R,"aria-haspopup":"listbox","aria-expanded":`${O}`,"aria-owns":c,"aria-controls":c,disabled:a,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.handleClick,onMouseDown:this.handleMouseDown,onKeyDown:this.handleKeyDown},i("ic-typography",{variant:"body",class:{"value-text":true,"with-clear-button":Q,placeholder:!j&&h?!P||P.length<1:!this.getLabelFromValue($)}},Z||b),i("div",{class:"select-input-end"},Q&&i("div",{class:"divider"}),i("span",{class:{"expand-icon":true,"expand-icon-open":O},innerHTML:D,"aria-hidden":"true"}))),Q&&i("ic-button",{id:"clear-button","aria-label":"Clear selection",class:"clear-button",innerHTML:q,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:t,variant:"icon",theme:_?"light":"dark"}))),(!y()||h)&&i("ic-menu",{key:"56ad9e2340b8c7f7242a33b35cd2ccda78123f1c",class:{"no-results":j||W||((e=G===null||G===void 0?void 0:G[0])===null||e===void 0?void 0:e.label)===S},ref:e=>this.menu=e,inputEl:z?this.searchableSelectElement:this.customSelectElement,inputLabel:l,anchorEl:this.anchorEl,size:t,menuId:c,open:O,options:z?K:F,value:h?$:$,fullWidth:o,selectOnEnter:N,onMenuStateChange:this.handleMenuChange,onMenuOptionSelect:this.handleCustomSelectChange,onMenuOptionSelectAll:this.handleSelectAllChange,onMenuKeyPress:this.handleMenuKeyPress,onUngroupedOptionsSet:this.setUngroupedOptions,onRetryButtonClicked:this.handleRetry,parentEl:this.el,onTimeoutBlur:this.onTimeoutBlur,activationType:z||h||N?"manual":"automatic",closeOnSelect:!h,multiSelect:h?true:false,searchableSelect:z?true:false}),h&&i("div",{key:"7f06215c9bf2ea494abde73bc6245c08ef0b6a0a","aria-live":"polite",role:"status",class:"multi-select-selected-count"}),g(C,a)&&i("ic-input-validation",{key:"15510a6e9e5b5ea184bf97d2f863d6d5e5aacd48",class:{"menu-open":O},ariaLiveMode:"polite",status:C,message:H,for:B})))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],loading:["loadingHandler"],options:["watchOptionsHandler"],debounce:["debounceChangedHandler"],value:["valueChangedHandler"],open:["openChangedHandler"]}}};E.style=F;const V='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot="icon"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot="icon"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const W=V;let G=0;const K=[...w,"title"];const _=class{constructor(i){e(this,i);this.getValidationText=t(this,"getValidationText",7);this.icBlur=t(this,"icBlur",7);this.icChange=t(this,"icChange",7);this.icFocus=t(this,"icFocus",7);this.icInput=t(this,"icInput",7);this.icKeydown=t(this,"icKeydown",7);this.icScroll=t(this,"icScroll",7);this.inheritedAttributes={};this.hostMutationObserver=null;this.numChars=0;this.maxCharactersReached=false;this.maxCharactersWarning=false;this.minCharactersUnattained=false;this.maxValueExceeded=false;this.minValueUnattained=false;this.isFocussed=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.fullWidth=false;this.helperText="";this.hideCharCount=false;this.hideLabel=false;this.hiddenInput=true;this.inputId=`ic-text-field-input-${G++}`;this.inputmode="text";this.maxCharacters=0;this.maxCharactersMessage=`Maximum input is ${this.maxCharacters} characters`;this.maxMessage=`Maximum value of ${this.max} exceeded`;this.minCharacters=0;this.minCharactersMessage=`Minimum input is ${this.minCharacters} characters`;this.minMessage=`Minimum value of ${this.min} not met`;this.name=this.inputId;this.placeholder="";this.readonly=false;this.required=false;this.resize=false;this.rows=1;this.size="medium";this.spellcheck=false;this.theme="inherit";this.truncateValue=false;this.type="text";this.validationInline=false;this.validationInlineInternal=false;this.validationStatus="";this.validationText="";this.debounce=0;this.value="";this.initialValue=this.value;this.checkChildHydration=()=>{var e,t;if(this.hideLabel||((t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-typography"))===null||t===void 0?void 0:t.classList.contains("hydrated"))){this.setFocus();clearInterval(this.interval)}};this.getNumberOfCharacters=e=>e!==null&&e!==undefined?e.length:0;this.getMaxValueExceeded=e=>{this.numChars=this.getNumberOfCharacters(e);if(this.type==="number"){this.minValueUnattained=!!e&&Number(e)<Number(this.min);this.maxValueExceeded=Number(e)>Number(this.max)}};this.getMaxCharactersReached=e=>{this.numChars=this.getNumberOfCharacters(e);this.maxCharactersReached=this.maxCharacters>0&&this.numChars>=this.maxCharacters;if(this.maxCharactersWarning&&!this.maxCharactersReached){this.maxCharactersWarning=false}};this.onInput=e=>{this.value=e.target.value;this.icInput.emit({value:this.value})};this.onBlur=e=>{const t=e.target;t.removeEventListener("wheel",this.onWheel);const{value:i}=t;this.numChars=i.length;this.minCharactersUnattained=this.minCharacters>0&&this.numChars<this.minCharacters;this.icBlur.emit({value:i});this.isFocussed=false};this.onFocus=e=>{const t=e.target;t.addEventListener("wheel",this.onWheel);this.icFocus.emit({value:t.value});this.isFocussed=true};this.onTextAreaScroll=()=>{this.icScroll.emit()};this.onWheel=e=>{const t=e.target;if(t.type==="number"){t.blur();setTimeout((()=>{t.focus()}),0)}};this.hasStatus=e=>e!==""&&!this.disabled;this.handleFormReset=()=>{this.value=this.initialValue};this.hostMutationCallback=e=>{let t=false;e.forEach((({attributeName:e,type:i,addedNodes:s,removedNodes:a})=>{if(e&&K.includes(e)){const i=this.el.getAttribute(e);if(i){this.inheritedAttributes[e]=i}t=true}else if(i==="childList"){t=c(s,a,"icon")}}));if(t){o(this)}}}watchDisabledHandler(){n(this.disabled,this.el)}debounceChanged(){this.icChange=z(this.icChange,this.debounce)}watchValueHandler(e){let t;if(this.maxCharacters>0){t=e.substring(0,this.maxCharacters);if(t.length<e.length){this.maxCharactersWarning=true}this.value=t}else{t=e}if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.getMaxValueExceeded(t);this.getMaxCharactersReached(t);this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var e;p(this.el,this.handleFormReset);(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){if(this.value!==this.initialValue){this.watchValueHandler(this.value)}else if(this.maxCharacters>0){this.value=this.value.substring(0,this.maxCharacters)}this.getMaxValueExceeded(this.value);this.getMaxCharactersReached(this.value);this.inheritedAttributes=b(this.el,K);if(this.readonly){this.maxValueExceeded=false;this.minValueUnattained=false}f(this.el,this.handleFormReset);n(this.disabled,this.el)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Text Field");if(this.validationInlineInternal){this.getValidationText.emit({value:this.validationText})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true});if(this.autofocus&&!this.disabled&&!this.readonly){this.interval=setInterval(this.checkChildHydration,50)}}handleKeyDown(e){this.icKeydown.emit({event:e});if(!e.ctrlKey&&!L.includes(e.key)){this.maxCharactersWarning=this.maxCharactersReached}}async setFocus(){var e;(e=this.inputEl)===null||e===void 0?void 0:e.focus()}render(){const{inputId:e,name:t,label:a,required:o,size:n,placeholder:r,helperText:l,hideCharCount:c,rows:h,resize:d,disabled:u,value:p,min:b,max:f,numChars:g,readonly:y,maxCharacters:w,maxCharactersMessage:z,maxCharactersWarning:L,maxCharactersReached:$,maxMessage:T,minCharacters:M,minCharactersMessage:O,minCharactersUnattained:B,minMessage:I,minValueUnattained:j,maxValueExceeded:P,validationStatus:D,validationText:q,validationInline:S,validationInlineInternal:F,spellcheck:N,inputmode:A,fullWidth:E,truncateValue:V,hiddenInput:W,theme:G,hideLabel:K,type:_,autocapitalize:R,ariaActiveDescendant:U,inheritedAttributes:Z,ariaExpanded:Q,ariaOwns:X,autocomplete:J,role:Y,isFocussed:ee}=this;const te=this.el;const ie=y||u;const se=P||j||B||L?L?k.Warning:k.Error:D;const ae=L?z:P?T:j?I:B?O:q;const oe=y?0:w;const ne=L||P||j||se===k.Error?"assertive":"polite";const re=this.hasStatus(se)&&!(se==k.Success&&S)&&!F;const le=h>1;const ce=w>0?`${e}-char-count-desc`:"";const he=oe-g;const de=w>0?`${e}-remaining-char-count-desc`:"";const ue=`${he} character${he===1?"":"s"} remaining.`;const pe=`${ce} ${g>0?de:""} ${v(this.el,e,l!=="",re)}`.trim();const be=ie&&!y;const fe=!!this.el.querySelector(`[slot="icon"]`)&&!be;const me=`${se===k.Error}`;W?m(this.el,p,t,ie):C(this.el);return i(s,{key:"353a70181ab18c4f636b34e2177bb9d088567885",class:{"ic-text-field-full-width":E,"ic-text-field-disabled":ie,[`ic-theme-${G}`]:G!=="inherit"}},i("ic-input-container",{key:"96d0ef6132ed2a26ee535cfc5055ddc6287446f6",readonly:y,disabled:ie},!K&&i("ic-input-label",{key:"dfcb7859651f74678636e4cda1ba0706b2e3b1fb",for:e,label:a,helperText:l,required:o,disabled:be,readonly:y},i("slot",{key:"d9ee297f2de674a969486a3d00eef54526eace50",name:"helper-text",slot:"helper-text"})),i("ic-input-component-container",{key:"0a178235ced26ef73fd907d41424a8b4942659dc",size:n,validationStatus:se,multiLine:le,disabled:ie,readonly:y,validationInline:S,fullWidth:E},fe&&i("span",{key:"c5206e3d1af81d4bf9bf0afcc9277899ca2287be",class:{readonly:y,"has-value":this.getNumberOfCharacters(p)>0},slot:"left-icon"},i("slot",{key:"f3945929b482d9a0a954dc1afa658fc0c45d90c8",name:"icon"})),!le?i("input",Object.assign({id:e,name:t,ref:e=>this.inputEl=e,type:_,min:b,max:f,value:p,class:{"no-left-pad":!fe&&y,readonly:y,"truncate-value":V},placeholder:r?r:"",required:o,disabled:ie,readonly:y,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":a,"aria-describedby":pe,"aria-invalid":me,"aria-activedescendant":U,"aria-expanded":Q,"aria-owns":X,autocomplete:J,autocapitalize:R,spellcheck:N,inputmode:A,role:Y||undefined,maxlength:$?w:undefined,minlength:B?M:undefined},Z)):i("textarea",Object.assign({id:e,class:{"no-resize":d===false||!!y,"no-left-pad":!fe&&!!y,readonly:!!y},name:t,ref:e=>this.inputEl=e,value:p,rows:h,required:o,disabled:ie,placeholder:r,readonly:y,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onScroll:this.onTextAreaScroll,"aria-label":a,"aria-describedby":pe,"aria-invalid":me,autocapitalize:R,spellcheck:N,inputmode:A,maxlength:$?w:undefined,minlength:B?M:undefined},Z)),x(te,"clear-button")&&i("slot",{key:"6397d66b59b148884cb2fd7f8913063ca24f0de1",name:"clear-button"}),x(te,"search-submit-button")&&i("slot",{key:"c5e7f94345cebe1dc99ba475aa5bde1b45dda0e0",name:"search-submit-button"})),x(te,"menu")&&i("slot",{key:"1c7fe7d7654373753295a44a3e126ce2409099cc",name:"menu"}),(!H(D)||!H(q)||oe>0||P||L||B||j)&&!F&&i("ic-input-validation",{key:"2ba3ff987910423696b822529b36e59f04b36025",status:this.hasStatus(se)===false||se===k.Success&&S||F?"":se,message:re?ae:"",ariaLiveMode:ne,for:e,fullWidth:E},!y&&oe>0&&i("div",{key:"01e443574b72a18ebd0b0646b0c2c30b59cc5726",slot:"validation-message-adornment"},!c&&i("ic-typography",{key:"90d4e1d9325a34444c38a9c75eaaa5e256c23cae",variant:"caption",class:"char-count-text"},i("span",{key:"901a7db053e3fa59e6db506a53be92ddbf54be5d",class:"char-count"},g,"/",oe)),i("span",{key:"83b08ec8e8ba8286cc8024b647552c5b3e0d09e5",class:"remaining-char-count-desc","aria-live":"polite",hidden:!ee,id:de},ue),i("span",{key:"28e0fc0de7a73057a7b00bd7e40e71c7611a980c",hidden:true,id:ce},"Field can contain a maximum of ",oe," characters.")))))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],value:["watchValueHandler"]}}};_.style=W;export{B as ic_pagination,P as ic_pagination_item,E as ic_select,_ as ic_text_field};
+//# sourceMappingURL=p-15ec796a.entry.js.map