@ukic/canary-web-components 3.0.0-canary.13 → 3.0.0-canary.15

package/dist/core/p-1cf61bf2.entry.js.map

@@ -1 +0,0 @@
-{"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","isMultiSelect","isSearchBar","isSearchableSelect","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","focusFromSearchKeypress","initialOptionsListRender","keyboardNav","preventIncorrectTabOrder","activationType","autofocusOnSelected","closeOnSelect","labelField","searchMode","selectOnEnter","valueField","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","target","id","selectHighlightedOption","isOpen","isOptionSelected","index","includes","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","_a","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","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","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","placement","modifiers","offset","fallbackPlacements","rootBoundary","selectAllButtonText","hasNoResults","ref","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js","../web-components/dist/collection/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/dist/collection/components/ic-input-container/ic-input-container.js","../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.js"],"sourcesContent":["ic-input-component-container {\n  /**\n   * @prop --border-color: Border colour of the input component container\n   * @prop --border-color-hover: Border colour of the input component container on hover\n   * @prop --border-color-pressed: Border colour of the input component container when pressed\n   * @prop --border-color-disabled: Border colour of the input component container when disabled\n   * @prop --border-color-error: Border colour of the error variant for input component container\n   * @prop --border-color-error-hover: Border colour of the error hover variant for input component container\n   * @prop --border-color-error-pressed: Border colour of the error pressed variant for input component container\n   * @prop --border-color-warning: Border colour of the warning variant for input component container\n   * @prop --border-color-warning-hover: Border colour of the warning hover variant for input component container\n   * @prop --border-color-warning-pressed: Border colour of the warning pressed variant for input component container\n   * @prop --border-color-success: Border colour of the success variant for input component container\n   * @prop --border-color-success-hover: Border colour of the success hover variant for input component container\n   * @prop --border-color-success-pressed: Border colour of the success pressed variant for input component container\n   */\n\n  display: flex;\n  border: var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-slow);\n  height: 2.5rem;\n  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}\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-dark-hover);\n}\n\nic-input-component-container:focus {\n  border: var(--ic-border-pressed);\n  border-color: var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  );\n}\n\n.focus-indicator {\n  display: flex;\n  width: 100%;\n  margin: -0.125rem;\n  padding: 0.125rem;\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n  box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.ic-input-component-container-dark:focus-within {\n  box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  ic-input-component-container,\n  .focus-indicator {\n    transition: none;\n  }\n\n  ic-input-component-container:focus-within {\n    border: var(--ic-border-width) solid Highlight;\n    outline: 0.125rem solid Highlight;\n  }\n\n  ic-input-component-container.ic-input-component-container-disabled,\n  ic-input-component-container.ic-input-component-container-disabled:hover {\n    border: var(--ic-border-width) dashed GrayText;\n  }\n}\n","import { Host, 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: 'bda1921fbfbb0d1fabf871e360aaabfbc1e6d2c5', 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: '6a7712e2529a513c00f9da17a55523520231d006', class: \"focus-indicator\" }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { key: 'aeb5d95413df5982199725cecf2b43db73c92152', class: \"icon-container\" }, h(\"slot\", { key: '3aab6c1ac278d1c16b60a14a14aa09876d236c4b', name: \"left-icon\" }))), h(\"slot\", { key: 'f7bf8859b60a36b4a3e5cb6b601ceec41a9915a7' }), validationInline &&\n            validationStatus === IcInformationStatus.Success && (h(\"span\", { key: '96e20884d38b475f5ae810ce3b557cd670e702e4', 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: '0bc0baafaedce6b4aa3cdcb02c12a9a2287ed9aa' }, h(\"div\", { key: '16d0909afb78eaf2709d62542af57024e99f162e', class: {\n                [\"component-container\"]: true,\n                [\"disabled\"]: !!this.disabled,\n                [\"readonly\"]: !!this.readonly,\n            } }, h(\"slot\", { key: '8c1e04687c0566467282e7b72a65468419bbfa15' }))));\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.isMultiSelect = false;\n        this.isSearchBar = false;\n        this.isSearchableSelect = false;\n        this.lastOptionSelected = null; // Index of last option selected\n        this.lastOptionFocused = null; // Index of last option focused\n        this.multiOptionClicked = null;\n        this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n        this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n        this.shiftPressed = false;\n        this.ungroupedOptions = [];\n        this.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.preventIncorrectTabOrder = false;\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         * 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            this.menuStateChange.emit({ open, focusInput });\n            if (!open) {\n                if (focusInput !== false) {\n                    this.inputEl.focus();\n                    this.preventClickOpen = false;\n                }\n                // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n                if (this.isMultiSelect) {\n                    this.optionHighlighted = undefined;\n                    this.multiOptionClicked = null;\n                }\n            }\n        };\n        this.setNextOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[0][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n                });\n            }\n        };\n        this.setPreviousOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n                });\n            }\n        };\n        this.getParentEl = (parent) => {\n            if (parent.tagName === this.SEARCH_BAR_TAG) {\n                this.isSearchBar = true;\n            }\n            else if (parent.tagName === \"IC-SELECT\") {\n                if (parent.getAttribute(\"searchable\") !== null &&\n                    parent.getAttribute(\"searchable\") !== undefined) {\n                    this.isSearchableSelect = true;\n                }\n                else if (parent.getAttribute(\"multiple\") !== null &&\n                    parent.getAttribute(\"multiple\") !== undefined) {\n                    this.isMultiSelect = true;\n                }\n            }\n        };\n        // Open menu when up or down arrow keys are pressed\n        this.arrowBehaviour = (event) => {\n            event.preventDefault();\n            this.handleMenuChange(true);\n        };\n        this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;\n        // Set option that is focused and so should show focus state\n        this.setHighlightedOption = (highlightedIndex) => {\n            const menuOptions = this.getMenuOptions();\n            menuOptions[highlightedIndex] &&\n                !menuOptions[highlightedIndex].timedOut &&\n                (this.optionHighlighted =\n                    menuOptions[highlightedIndex][this.valueField] || undefined);\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is closed\n        this.autoSetInputValueKeyboardOpen = (event) => {\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setNextOptionValue(selectedOptionIndex);\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setPreviousOptionValue(selectedOptionIndex);\n                    break;\n                case \" \":\n                case \"Enter\":\n                    if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n            }\n        };\n        this.selectHighlightedOption = (options, highlightedOptionIndex) => {\n            if (!this.isLoading && !this.hasTimedOut) {\n                this.keyboardNav = true;\n            }\n            const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;\n            if (isOpen) {\n                if (highlightedOptionIndex >= 0) {\n                    if (options[highlightedOptionIndex] !== undefined) {\n                        if (this.isSearchBar &&\n                            options[highlightedOptionIndex].disabled === true) {\n                            this.disabledOptionSelected = true;\n                        }\n                        else {\n                            this.setInputValue(highlightedOptionIndex);\n                        }\n                    }\n                }\n                else {\n                    this.setInputValue(highlightedOptionIndex);\n                }\n            }\n            else {\n                this.handleMenuChange(true);\n            }\n        };\n        // Check if option is selected based on the index of the option\n        this.isOptionSelected = (index) => {\n            const menuOptions = this.getMenuOptions();\n            return this.value\n                ? this.value.includes(menuOptions[index][this.valueField])\n                : false;\n        };\n        // Deselect currently selected options when shift pressed, but keep certain options selected\n        this.deselectSelectedOptions = (optionsToKeepSelected) => {\n            const menuOptions = this.getMenuOptions();\n            if (this.value) {\n                const selectedOptionIndexes = this.value.map((value) => {\n                    return menuOptions.findIndex((option) => option[this.valueField] === value);\n                });\n                // Call setInputValue (which toggles the selected state) on options that need to be deselected\n                selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));\n            }\n        };\n        // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n        this.manualSetInputValueKeyboardOpen = (event) => {\n            const menuOptions = this.getMenuOptions();\n            // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed\n            // (i.e. when user is likely in the middle of executing a keyboard combination to select options)\n            const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;\n            const highlightedOptionIndex = this.getOptionHighlightedIndex();\n            const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);\n            const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n            // Space press should be equivalent to Enter when multi-select\n            if (event.key === \" \" && this.isMultiSelect) {\n                this.handleOptionSelect(event, highlightedOptionIndex);\n            }\n            else {\n                switch (event.key) {\n                    case \"ArrowDown\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the top of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex < menuOptions.length - 1) {\n                                this.setHighlightedOption(highlightedOptionIndex + 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex + 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(0);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(0),\n                                });\n                                this.handleSingleShiftSelect(event, 0, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.isMultiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"ArrowUp\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the bottom of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex <= 0 ||\n                                highlightedOptionIndex > menuOptions.length + 1) {\n                                this.setHighlightedOption(menuOptions.length - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(menuOptions.length - 1),\n                                });\n                                this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(highlightedOptionIndex - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex - 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.isMultiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"Home\": {\n                        const startOptionIndex = 0;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(startOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(startOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(startOptionIndex);\n                        }\n                        this.lastOptionFocused = startOptionIndex;\n                        this.lastOptionSelected = startOptionIndex;\n                        break;\n                    }\n                    case \"End\": {\n                        const endOptionIndex = menuOptions.length - 1;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(endOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(endOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(endOptionIndex);\n                        }\n                        this.lastOptionFocused = endOptionIndex;\n                        this.lastOptionSelected = endOptionIndex;\n                        break;\n                    }\n                    case \" \":\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        if (this.isSearchBar || this.isSearchableSelect) {\n                            break;\n                        }\n                        else {\n                            if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                                this.handleMenuChange(true);\n                            }\n                        }\n                        break;\n                    case \"Enter\":\n                        event.preventDefault();\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.handleOptionSelect(event, highlightedOptionIndex);\n                        break;\n                    case \"Escape\":\n                        if (this.open) {\n                            event.stopImmediatePropagation();\n                        }\n                        this.handleMenuChange(false);\n                        this.menuOptionId.emit({ optionId: undefined });\n                        break;\n                    case \"a\":\n                        // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)\n                        // Otherwise, if a different OS, checks Ctrl key\n                        if ((isMacDevice() && event.metaKey) ||\n                            (!isMacDevice() && event.ctrlKey)) {\n                            this.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.isSearchBar) {\n                            this.keyboardNav = true;\n                        }\n                        if (this.isMultiSelect) {\n                            if (this.open && !event.shiftKey && this.selectAllButton) {\n                                event.preventDefault();\n                                this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n                                this.preventMenuFocus = true;\n                                this.preventClickOpen = true;\n                                this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n                            }\n                        }\n                        else {\n                            this.preventIncorrectTabOrder = true;\n                        }\n                        break;\n                    default:\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n                }\n            }\n        };\n        this.setInputValue = (highlightedOptionIndex) => {\n            const menuOptions = this.getMenuOptions();\n            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                this.menuOptionSelect.emit({\n                    value: menuOptions[highlightedOptionIndex][this.valueField],\n                });\n                if (this.closeOnSelect) {\n                    this.optionHighlighted = undefined;\n                    this.menuOptionId.emit({ optionId: undefined });\n                }\n            }\n            if (this.closeOnSelect) {\n                if (!this.hasTimedOut) {\n                    this.handleMenuChange(false);\n                }\n                else {\n                    this.parentEl.setFocus();\n                }\n            }\n        };\n        this.handleOptionClick = (event) => {\n            const { value, label } = event.target.dataset;\n            if (this.isMultiSelect) {\n                const menuOptions = this.getMenuOptions();\n                const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);\n                this.handleOptionSelect(event, selectedOptionIndex, true);\n                this.multiOptionClicked = value || 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.isSearchBar)\n                this.hasPreviouslyBlurred = !!event.relatedTarget;\n        };\n        this.handleMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.handleMenuKeyDown = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.autoSetValueOnMenuKeyDown(event);\n            }\n            else if (this.activationType === \"manual\" && !this.isSearchBar) {\n                this.manualSetInputValueKeyboardOpen(event);\n            }\n        };\n        this.handleMenuKeyUp = (event) => {\n            if (event.key === \"Tab\" && event.shiftKey) {\n                this.preventClickOpen = false;\n            }\n            if (event.key === \"Enter\" && this.disabledOptionSelected) {\n                this.disabledOptionSelected = false;\n                event.stopImmediatePropagation();\n            }\n            if (event.key === \"Shift\") {\n                this.shiftPressed = false;\n            }\n        };\n        this.handleSelectAllClick = () => {\n            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.isMultiSelect &&\n                event.shiftKey &&\n                !this.isOptionSelected(optionToSelectIndex)) {\n                this.selectHighlightedOption(options, optionToSelectIndex);\n                this.lastOptionSelected = optionToSelectIndex;\n            }\n        };\n        // When shift key is being used to select multiple options at once on a multi-select\n        // I.e. holding shift when selecting another option\n        this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {\n            this.shiftPressed = false;\n            const firstOptionInSelection = firstOptionSelected === null\n                ? this.getFirstOptionInSelection(useFocusForSelection)\n                : firstOptionSelected;\n            if (firstOptionInSelection !== null) {\n                const optionsToSelect = [];\n                if (firstOptionInSelection < lastOptionInSelection) {\n                    for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                else {\n                    for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));\n                this.deselectSelectedOptions(optionsToSelect);\n            }\n        };\n        this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {\n            const menuOptions = this.getMenuOptions();\n            const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);\n            if (event.shiftKey && firstOptionInSelection !== null) {\n                this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);\n            }\n            else {\n                this.selectHighlightedOption(menuOptions, optionIndex);\n            }\n            this.lastOptionFocused = optionIndex;\n            this.lastOptionSelected = optionIndex;\n        };\n        this.getFirstOptionInSelection = (useFocusForSelection) => {\n            return useFocusForSelection && this.lastOptionFocused !== null\n                ? this.lastOptionFocused\n                : this.lastOptionSelected !== null\n                    ? this.lastOptionSelected\n                    : null;\n        };\n        this.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            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \" \":\n                    event.preventDefault();\n                    break;\n                case \"ArrowUp\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setPreviousOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"ArrowDown\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setNextOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"Home\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[0][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"End\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"Enter\":\n                    !this.hasTimedOut && this.handleMenuChange(false);\n                    break;\n                case \"Escape\":\n                    this.handleMenuChange(false);\n                    break;\n                case \"Backspace\":\n                    if (isSearchableSelect) {\n                        this.inputEl.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        this.inputEl.focus();\n                    }\n                    if (event.key.length === 1) {\n                        this.keyboardNav = true;\n                    }\n                    break;\n            }\n            this.emitMenuKeyPress(this.keyboardNav, event.key);\n        };\n        this.getOptionId = (value) => {\n            return `${this.menuId}-${value}`;\n        };\n        this.getOptionAriaLabel = (option, parentOption) => {\n            let ariaLabel = option[this.labelField];\n            if (option.description) {\n                ariaLabel = `${ariaLabel}, ${option.description}`;\n            }\n            if (option.element) {\n                ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n            }\n            if (parentOption) {\n                return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.getSortedOptions = (options) => {\n            let sorted = [];\n            if (options.sort) {\n                sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n            }\n            return sorted;\n        };\n        this.getOptionHighlightedIndex = () => {\n            const menuOptions = this.getMenuOptions();\n            return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n        };\n        this.isManualMode = this.activationType === \"manual\";\n        this.scrollToSelected = (menu) => {\n            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\")\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        this.parentEl && this.getParentEl(this.parentEl);\n        if (this.isSearchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        if (this.popperInstance) {\n            this.popperInstance.destroy();\n        }\n        (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icClear\", this.handleClearListener);\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b, _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.isSearchBar &&\n            this.parentEl.disableAutoFiltering) {\n            this.focusFromSearchKeypress = true;\n        }\n        onComponentRequiredPropUndefined([\n            { prop: this.open, propName: \"open\" },\n            { prop: this.options, propName: \"options\" },\n            { prop: this.menuId, propName: \"menu-id\" },\n            { prop: this.inputLabel, propName: \"input-label\" },\n            //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n        ], \"Menu\");\n    }\n    componentDidUpdate() {\n        const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n        if (this.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.isSearchableSelect) {\n                this.scrollToSelected(this.menu);\n            }\n            else if (this.selectOnEnter) {\n                this.menu.focus();\n            }\n            else if (!!this.optionHighlighted &&\n                !this.focusFromSearchKeypress &&\n                !this.preventIncorrectTabOrder) {\n                const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n                if (highlightedEl) {\n                    this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n                    highlightedEl.focus();\n                }\n            }\n            else if (this.inputEl.tagName !== \"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, {\n            placement: \"bottom-start\",\n            modifiers: [\n                {\n                    name: \"offset\",\n                    options: {\n                        offset: [0, 7],\n                    },\n                },\n                {\n                    name: \"flip\",\n                    options: {\n                        fallbackPlacements: [\"top-start\"],\n                        rootBoundary: \"viewport\",\n                    },\n                },\n            ],\n        });\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.isSearchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.isSearchableSelect) {\n            this.parentEl.setFocus();\n        }\n        this.focusFromSearchKeypress = true;\n    }\n    render() {\n        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = 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: 'da6a6114d695c99a303ddae835ebbdb81c4bf0e8', 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\": this.isMultiSelect,\n            } }, options.length !== 0 && (h(\"ul\", { key: '8a6b17763235c84e94621e2f83c3a02302f5a8bc', id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": `${inputLabel} pop-up`, \"aria-multiselectable\": this.isMultiSelect ? \"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, this.isMultiSelect\n                            ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])\n                            : childOption[this.valueField] === value, index, option))));\n                }\n                else {\n                    return null;\n                }\n            }\n            else {\n                // Display option only if it has a label (rather than displaying an empty space)\n                return (option.label &&\n                    this.displayOption(option, this.isMultiSelect\n                        ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])\n                        : option[this.valueField] === value, index));\n            }\n        }))), options.length !== 0 &&\n            this.isMultiSelect &&\n            !isLoading &&\n            !hasTimedOut &&\n            !hasNoResults && (h(\"div\", { key: '453d9a11e3933a48aa85f39f686bdf98a6ba0953', class: \"option-bar\" }, h(\"ic-typography\", { key: '8ca77bff0d3fbbc4264e83ff815f2de5ff98670c' }, h(\"p\", { key: '6262a580c6071c81146e082f2e839a06efd90461' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { key: '192c92dec9525bc2bf3fe386414b292483d25d72', 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\\\" | undefined\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n                },\n                \"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\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"autofocusOnSelected\": {\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                            \"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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\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\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to the input element.\"\n                },\n                \"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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\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            \"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            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\" | undefined\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-search-bar/ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"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\\\" | 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 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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\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        };\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        };\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-33dd24eb.js

@@ -1,2 +0,0 @@
-const n=n=>{const t=/^(0[1-9]|1[0-2])(\/|-)(0[1-9]|[12][0-9]|3[01])(\/|-)\d{4}$/;return t.test(n)};const t=n=>{const t=/^(0[1-9]|[12][0-9]|3[01])(\/|-)(0[1-9]|1[0-2])(\/|-)\d{4}$/;return t.test(n)};const s=(n,t)=>{let s;if(e(n)){s=typeof n==="string"?new Date(n):n}else if(typeof n==="string"){const e=r(n,t);const o=Number(e[0]);const c=Number(e[1])-1;const a=Number(e[2]);s=new Date(o,c,a)}return s};const e=n=>n instanceof Date||!isNaN(+new Date(+n));const o=n=>n.slice(0,n.indexOf("T"));const r=(s,e)=>{if(s.includes("T")&&s.includes("Z")){const n=o(s);return n.split("-")}let r=[];const a=s.replace(/-/g,"/");if(a.split("/").length>1){const s=a.split("/");s.forEach(((n,t)=>{if(n.length===1){s[t]=c(n)}}));if(s[0].length===4){r=[s[0],s[1],s[2]]}else{const o=s.join("/");const c=t(o);const a=n(o);if(c&&a){if(e.charAt(0)==="M"){r=[s[2],s[0],s[1]]}else{r=[s[2],s[1],s[0]]}}else if(a){r=[s[2],s[0],s[1]]}else{r=[s[2],s[1],s[0]]}}}return r};const c=n=>{if(+n<10){return`0${n}`}return n.toString()};const a=(n,t)=>{const s=new Date(n);const e=s.getDay();const o=(e<t?7:0)+e-t;s.setDate(s.getDate()-o);return s};const u=(n,t)=>{const s=new Date(n);const e=s.getDay();const o=(e<t?-7:0)+6-(e-t);s.setDate(s.getDate()+o);return s};const l=n=>new Date(n.getFullYear(),n.getMonth(),1);const f=n=>new Date(n.getFullYear(),n.getMonth()+1,0);const i=(n,t)=>{if(n===null||t===null){return false}return n.getFullYear()===t.getFullYear()&&n.getMonth()===t.getMonth()&&n.getDate()===t.getDate()};const D=(n,t,s)=>{const e=n.getTime();if(t!==null&&e<t.getTime()){return t}if(s!==null&&e>s.getTime()){return s}return n};const w=(n,t,s)=>D(n,t,s)===n;const N=(n,t,s)=>{let e=true;if(n!==null){if(t!==null&&n<t.getFullYear()){e=false}if(e&&s!==null&&n>s.getFullYear()){e=false}}return e};export{l as a,i as b,a as c,w as d,u as e,D as f,f as g,s as h,e as i,c as j,o as k,r as s,N as y};
-//# sourceMappingURL=p-33dd24eb.js.map

package/dist/core/p-33dd24eb.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isMonthFirstFormat","dateString","monthFirstFormat","test","isDayFirstFormat","dayFirstFormat","createDate","date","dateFormat","newDate","isDateOrEpoch","Date","dateArray","splitStringDate","year","Number","month","day","isNaN","extractDateFromZuluDateTime","zuluDateTime","slice","indexOf","includes","nextDate","split","dateWithSlashes","replace","length","dateParts","forEach","d","i","convertToDoubleDigits","newDateStr","join","validDayFirst","validMonthFirst","charAt","value","toString","getWeekStart","startDay","tmpDate","getDay","diff","setDate","getDate","getWeekEnd","getMonthStart","getFullYear","getMonth","getMonthEnd","dateMatches","a","b","clampDate","min","max","time","getTime","dateInRange","yearInRange","allowed"],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["import { IcDateFormat, IcWeekDays } from \"../utils/types\";\n\nexport const isMonthFirstFormat = (dateString: string) => {\n  const monthFirstFormat =\n    /^(0[1-9]|1[0-2])(\\/|-)(0[1-9]|[12][0-9]|3[01])(\\/|-)\\d{4}$/;\n  return monthFirstFormat.test(dateString);\n};\n\nexport const isDayFirstFormat = (dateString: string) => {\n  const dayFirstFormat =\n    /^(0[1-9]|[12][0-9]|3[01])(\\/|-)(0[1-9]|1[0-2])(\\/|-)\\d{4}$/;\n  return dayFirstFormat.test(dateString);\n};\n\nexport const createDate = (date: string | Date, dateFormat: IcDateFormat) => {\n  let newDate;\n  if (isDateOrEpoch(date)) {\n    newDate = typeof date === \"string\" ? new Date(date) : date;\n  } else if (typeof date === \"string\") {\n    const dateArray = splitStringDate(date, dateFormat);\n    const year = Number(dateArray[0]);\n    const month = Number(dateArray[1]) - 1;\n    const day = Number(dateArray[2]);\n    newDate = new Date(year, month, day);\n  }\n  return newDate;\n};\n\nexport const isDateOrEpoch = (date: Date | string) => {\n  return date instanceof Date || !isNaN(+new Date(+date));\n};\n\nexport const extractDateFromZuluDateTime = (zuluDateTime: string) =>\n  zuluDateTime.slice(0, zuluDateTime.indexOf(\"T\"));\n\nexport const splitStringDate = (\n  date: string,\n  dateFormat: IcDateFormat\n): string[] => {\n  // returns an array where item 1 is year, item 2 is month, item 3 is day\n  if (date.includes(\"T\") && date.includes(\"Z\")) {\n    const nextDate = extractDateFromZuluDateTime(date);\n    return nextDate.split(\"-\");\n  }\n\n  let newDate: string[] = [];\n\n  const dateWithSlashes = date.replace(/-/g, \"/\");\n  if (dateWithSlashes.split(\"/\").length > 1) {\n    const dateParts = dateWithSlashes.split(\"/\");\n\n    // pad any values to 2 characters\n    dateParts.forEach((d, i) => {\n      if (d.length === 1) {\n        dateParts[i] = convertToDoubleDigits(d);\n      }\n    });\n    if (dateParts[0].length === 4) {\n      newDate = [dateParts[0], dateParts[1], dateParts[2]];\n    } else {\n      const newDateStr = dateParts.join(\"/\");\n      const validDayFirst = isDayFirstFormat(newDateStr);\n      const validMonthFirst = isMonthFirstFormat(newDateStr);\n      if (validDayFirst && validMonthFirst) {\n        if (dateFormat.charAt(0) === \"M\") {\n          newDate = [dateParts[2], dateParts[0], dateParts[1]];\n        } else {\n          newDate = [dateParts[2], dateParts[1], dateParts[0]];\n        }\n      } else if (validMonthFirst) {\n        newDate = [dateParts[2], dateParts[0], dateParts[1]];\n      } else {\n        newDate = [dateParts[2], dateParts[1], dateParts[0]];\n      }\n    }\n  }\n\n  return newDate;\n};\n\nexport const convertToDoubleDigits = (value: string | number): string => {\n  if (+value < 10) {\n    return `0${value}`;\n  }\n  return value.toString();\n};\n\nexport const getWeekStart = (date: Date, startDay: IcWeekDays): Date => {\n  const tmpDate = new Date(date);\n  const day = tmpDate.getDay();\n  const diff = (day < startDay ? 7 : 0) + day - startDay;\n\n  tmpDate.setDate(tmpDate.getDate() - diff);\n  return tmpDate;\n};\n\nexport const getWeekEnd = (date: Date, startDay: IcWeekDays): Date => {\n  const d = new Date(date);\n  const day = d.getDay();\n  const diff = (day < startDay ? -7 : 0) + 6 - (day - startDay);\n\n  d.setDate(d.getDate() + diff);\n  return d;\n};\n\nexport const getMonthStart = (date: Date): Date => {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n};\n\nexport const getMonthEnd = (date: Date): Date => {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n};\n\n/**\n * Compare if two dates are equal exactly equal\n */\nexport const dateMatches = (a: Date, b: Date): boolean => {\n  if (a === null || b === null) {\n    return false;\n  }\n\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n};\n\nexport const clampDate = (date: Date, min: Date, max: Date): Date => {\n  const time = date.getTime();\n  if (min !== null && time < min.getTime()) {\n    return min;\n  }\n  if (max !== null && time > max.getTime()) {\n    return max;\n  }\n  return date;\n};\n\n/**\n * Compare if date is within specified range\n */\nexport const dateInRange = (date: Date, min: Date, max: Date): boolean => {\n  return clampDate(date, min, max) === date;\n};\n\nexport const yearInRange = (year: number, min: Date, max: Date): boolean => {\n  let allowed = true;\n  if (year !== null) {\n    if (min !== null && year < min.getFullYear()) {\n      allowed = false;\n    }\n    if (allowed && max !== null && year > max.getFullYear()) {\n      allowed = false;\n    }\n  }\n  return allowed;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["icCardHorizontalCss","IcCardHorizontalStyle0","Card","constructor","hostRef","this","hostMutationObserver","appearance","isFocussed","parentEl","parentIsAnchorTag","clickable","disabled","hreflang","message","size","theme","parentFocussed","parentBlurred","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","removeEventListener","_a","disconnect","componentWillLoad","parentElement","tagName","classList","add","addEventListener","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleHostClick","event","stopImmediatePropagation","brandChangeHandler","ev","detail","mode","setFocus","shadowRoot","querySelector","focus","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","href","referrerpolicy","rel","target","Component","undefined","attrs","hrefLang","referrerPolicy","h","Host","key","class","Object","assign","card","focussed","dark","tabindex","name","variant"],"sources":["src/components/ic-card-horizontal/ic-card-horizontal.css?tag=ic-card-horizontal&encapsulation=shadow","src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n  * @prop --card-horizontal-width: Width of the horizontal card\n  */\n\n:host {\n  display: flex;\n\n  --card-max-width: 548px;\n  --image-size: 114px;\n  --message-max-lines: 2;\n}\n\n.card.small {\n  --card-max-width: 360px;\n}\n\n.card.large {\n  --card-max-width: 720px;\n  --image-size: 142px;\n  --message-max-lines: 3;\n}\n\n.card.extra-large {\n  --card-max-width: 1130px;\n  --image-size: 186px;\n  --message-max-lines: 5;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-card-text-primary) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n  padding: 0;\n}\n\n.card,\n.card.clickable {\n  display: flex;\n  flex-direction: row;\n  border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  text-align: left;\n  color: var(--ic-card-text-primary);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  max-width: var(--card-max-width);\n  height: fit-content;\n  width: var(--card-horizontal-width, fit-content);\n}\n\n.dark.card,\n.dark.card.clickable {\n  border: var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark);\n}\n\n.card.clickable:hover {\n  background-color: var(--ic-card-background-hover);\n  border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n  cursor: pointer;\n}\n\n.card.clickable:focus,\n.card.clickable.focussed {\n  background-color: var(--ic-card-background-hover);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n}\n\n.card.clickable:active {\n  background-color: var(--ic-card-background-pressed);\n  box-shadow: var(--ic-border-focus);\n}\n\n.card.disabled {\n  border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card ::slotted(svg) {\n  fill: var(--ic-card-icon);\n}\n\n.card.disabled ::slotted(svg) {\n  fill: var(--ic-card-disabled-text);\n}\n\n.card.clickable .card-title {\n  --ic-typography-color: var(--ic-card-clickable-text);\n\n  color: var(--ic-card-clickable-text);\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.card.clickable:active .card-title {\n  text-decoration: none;\n}\n\n.card.disabled .card-title {\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n  text-decoration-color: var(--ic-card-disabled-text);\n  color: var(--ic-card-disabled-text);\n\n  --ic-typography-color: var(--ic-card-disabled-text);\n}\n\n.card-message {\n  margin-top: var(--ic-space-xxxs);\n  align-items: left;\n}\n\n.card.disabled .card-message {\n  --ic-typography-color: var(--ic-card-disabled-text);\n}\n\n.image {\n  display: flex;\n  border-radius: var(--ic-border-radius);\n}\n\n.image ::slotted([slot=\"image\"]) {\n  height: var(--image-size);\n  width: var(--image-size);\n}\n\n.card-content {\n  display: flex;\n  flex-direction: column;\n  padding: var(--ic-space-md);\n}\n\n.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: calc(var(--card-max-width) - var(--ic-space-xl));\n}\n\n.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p {\n  max-width: calc(var(--card-max-width) - (2 * var(--ic-space-xl)));\n}\n\n.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  );\n}\n\n.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  );\n}\n\n.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--message-max-lines, initial);\n  -webkit-line-clamp: var(--message-max-lines, initial);\n  overflow: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card ::slotted(svg) {\n    fill: currentcolor;\n  }\n\n  .card.disabled ::slotted(svg) {\n    fill: GrayText !important;\n  }\n\n  .card.disabled {\n    border-color: GrayText !important;\n  }\n\n  .card.disabled .card-message,\n  .card.disabled .card-title {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n","import {\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  h,\n  Method,\n  Host,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  getBrandFromContext,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport { IcCardSizes } from \"./ic-card-horizontal.types\";\n\n/**\n * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot image - Content will be placed to the left of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n */\n@Component({\n  tag: \"ic-card-horizontal\",\n  styleUrl: \"ic-card-horizontal.css\",\n  shadow: true,\n})\nexport class Card {\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcCardHorizontalElement;\n\n  @State() appearance?: IcBrandForeground = \"default\";\n  @State() isFocussed: boolean = false;\n  @State() parentEl: HTMLElement | null = null;\n  @State() parentIsAnchorTag: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be a clickable variant, instead of static.\n   */\n  @Prop({ mutable: true }) clickable?: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be disabled if it is clickable.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The heading for the horizontal card. This is required, unless a slotted heading is used.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * The main body message of the horizontal card.\n   */\n  @Prop() message?: string = \"\";\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The size of the horizontal card.\n   */\n  @Prop() size: IcCardSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    if (this.parentIsAnchorTag) {\n      this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n    }\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.parentEl = this.el.parentElement;\n\n    if (this.parentEl.tagName === \"A\") {\n      this.clickable = true;\n      this.parentIsAnchorTag = true;\n      this.parentEl.classList.add(\"ic-card-wrapper-link\");\n      this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Card\"\n      );\n    this.updateTheme();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"image\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.updateTheme(ev.detail.mode);\n  }\n\n  /**\n   * Sets focus on the card.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el.shadowRoot.querySelector(\"a\")) {\n      this.el.shadowRoot.querySelector(\"a\").focus();\n    } else if (this.el.shadowRoot.querySelector(\"button\")) {\n      this.el.shadowRoot.querySelector(\"button\").focus();\n    }\n  }\n\n  private parentFocussed = (): void => {\n    this.isFocussed = true;\n  };\n\n  private parentBlurred = (): void => {\n    this.isFocussed = false;\n  };\n\n  private updateTheme(mode: IcBrandForeground = null): void {\n    const foregroundColor = getBrandFromContext(this.el, mode);\n\n    if (foregroundColor !== IcBrandForegroundEnum.Default) {\n      this.theme =\n        foregroundColor === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  render() {\n    const {\n      appearance,\n      clickable,\n      disabled,\n      heading,\n      message,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      parentIsAnchorTag,\n      isFocussed,\n      size,\n      theme,\n    } = this;\n\n    const Component =\n      parentIsAnchorTag || !clickable\n        ? \"div\"\n        : href === undefined\n        ? \"button\"\n        : \"a\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n      hrefLang: hreflang,\n      referrerPolicy: referrerpolicy,\n      rel: rel,\n      target: target,\n    };\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <Component\n          class={{\n            card: true,\n            clickable: clickable && !disabled,\n            disabled,\n            focussed: isFocussed,\n            dark: appearance === IcBrandForegroundEnum.Dark,\n            [`${size}`]: true,\n            \"with-icon\": isSlotUsed(this.el, \"icon\"),\n            \"with-image\": isSlotUsed(this.el, \"image\"),\n          }}\n          tabindex={clickable && !parentIsAnchorTag ? 0 : null}\n          aria-disabled={disabled ? \"true\" : null}\n          disabled={disabled ? true : null}\n          {...attrs}\n        >\n          {isSlotUsed(this.el, \"image\") && (\n            <div class=\"image\">\n              <slot name=\"image\"></slot>\n            </div>\n          )}\n          <div class=\"card-content\">\n            <div class=\"card-header\">\n              {isSlotUsed(this.el, \"icon\") && (\n                <div class=\"icon\">\n                  <slot name=\"icon\" />\n                </div>\n              )}\n              <div class=\"card-title\">\n                <slot name=\"heading\">\n                  <ic-typography variant=\"h4\">\n                    <p>{heading}</p>\n                  </ic-typography>\n                </slot>\n              </div>\n            </div>\n            {(message || isSlotUsed(this.el, \"message\")) && (\n              <div class=\"card-message\">\n                {message && (\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                )}\n                {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n              </div>\n            )}\n          </div>\n          {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n        </Component>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-44ffa951.entry.js

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

package/dist/core/p-44ffa951.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTreeItemCss","IcTreeItemStyle0","treeItemIds","TreeItem","constructor","hostRef","this","treeItemId","treeItemTag","hostMutationObserver","TOOLTIP","TREE_ITEM_LABEL_CLASS_SELECTOR","disabled","expanded","focusInset","hasParentExpanded","hreflang","isParent","label","selected","size","theme","handleTreeItemClicked","updateAriaLabel","watchSelectedHandler","setTreeItemPadding","level","parentElement","el","treeItemContent","shadowRoot","querySelector","isSiblingOfParent","Array","from","children","map","sibling","length","includes","isChild","tagName","isRouterItem","hasRouterSlot","routerSlot","classList","add","style","paddingLeft","truncateTreeItemLabel","treeItem","typographyEl","slottedContent","contentHeight","scrollHeight","newTypographyEl","document","createElement","innerHTML","textContent","replaceChild","firstChild","tooltipAlreadyExists","closest","treeContent","clientHeight","tooltipEl","setAttribute","id","addEventListener","handleDisplayTooltip","appendChild","display","tooltip","displayTooltip","watchDisabledHandler","removeDisabledFalse","icTreeItemSelected","emit","disconnectedCallback","_a","disconnect","componentWillLoad","childTreeItems","filter","child","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentDidRender","truncateTreeItem","forEach","componentDidUpdate","handleKeyDown","ev","key","stopImmediatePropagation","setFocus","focus","_b","treeItemElement","ariaLabel","treeItems","index","indexOf","parentChildren","render","Component","href","attrs","hrefLang","referrerPolicy","referrerpolicy","rel","target","h","Host","class","name","Object","assign","tabIndex","onClick","ref","onFocus","onBlur","arrowDropdown"],"sources":["src/components/ic-tree-item/ic-tree-item.css?tag=ic-tree-item&encapsulation=shadow","src/components/ic-tree-item/ic-tree-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  border: none;\n  position: relative;\n}\n\n:host .tree-item-content {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  padding: 0 var(--ic-space-xs);\n  text-decoration: none;\n  color: var(--ic-tree-view-text);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n::slotted([slot=\"router-item\"]) {\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  text-decoration: none;\n  font-family: var(--ic-font-body-family);\n  color: var(--ic-tree-view-text);\n  padding: 0 var(--ic-space-xs) !important;\n}\n\n:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n::slotted([slot=\"router-item\"].ic-tree-item-single) {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs)) !important;\n}\n\n:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content:focus,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.ic-tree-item-focus-inset) .tree-item-content,\n:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]) {\n  padding: 0 var(--ic-space-sm);\n}\n\n:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover) {\n  background-color: var(--ic-tree-view-hover) !important;\n  cursor: pointer;\n}\n\n:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active) {\n  background-color: var(--ic-tree-view-pressed) !important;\n}\n\n:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n  background-color: var(--ic-tree-view-selected) !important;\n}\n\n:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]) {\n  min-height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n  ::slotted([slot=\"router-item\"]) {\n  height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-disabled) {\n  pointer-events: none;\n}\n\n:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n  color: var(--ic-tree-view-text-disabled) !important;\n\n  --ic-typography-color: var(--ic-tree-view-text-disabled) !important;\n\n  fill: var(--ic-tree-view-icon-disabled);\n  pointer-events: none;\n}\n\n:host .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow);\n  margin-right: var(--ic-space-xs);\n}\n\n:host(.ic-tree-item-disabled) .arrow-dropdown {\n  color: var(--ic-tree-view-dropdown-arrow-disabled);\n}\n\n:host(.ic-tree-item-small) .arrow-dropdown {\n  margin-right: var(--ic-space-xxs);\n}\n\n:host .tree-item-expanded {\n  transform: rotate(180deg);\n  margin-top: calc(-1 * var(--ic-space-xxs));\n}\n\n:host .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-tree-item-small) .ic-tree-item-single {\n  padding-left: calc(var(--ic-space-xl) + var(--ic-space-xxs));\n}\n\n.icon-container {\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-item-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n\n  :host .tree-item-content:hover,\n  ::slotted([slot=\"router-item\"]:hover),\n  :host .tree-item-content:active,\n  ::slotted([slot=\"router-item\"]:active),\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    background-color: none !important;\n  }\n\n  :host(.ic-tree-item-disabled) .tree-item-content,\n  :host(.ic-tree-item-disabled) .arrow-dropdown,\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n  :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n    color: GrayText !important;\n\n    --ic-typography-color: GrayText !important;\n\n    fill: GrayText !important;\n  }\n\n  :host .tree-item-content:focus,\n  ::slotted([slot=\"router-item\"]:focus) {\n    border: var(--ic-border-hc) !important;\n  }\n\n  :host(.ic-tree-item-selected) .tree-item-content,\n  :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n    color: Highlight !important;\n\n    --ic-typography-color: Highlight !important;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Watch,\n  State,\n  Listen,\n  Method,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet treeItemIds = 0;\n\n/**\n * @slot label - Content is set as the tree item label.\n * @slot icon - Content is placed to the left of the label.\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n@Component({\n  tag: \"ic-tree-item\",\n  styleUrl: \"ic-tree-item.css\",\n  shadow: true,\n})\nexport class TreeItem {\n  private treeItemId = `ic-tree-item-${treeItemIds++}`;\n  private treeItemElement: HTMLElement;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private routerSlot: HTMLElement;\n  private hostMutationObserver: MutationObserver = null;\n  private TOOLTIP = \"ic-tooltip\";\n  private TREE_ITEM_LABEL_CLASS_SELECTOR = \".tree-item-label\";\n\n  @Element() el: HTMLIcTreeItemElement;\n\n  @State() childTreeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, the tree item appears in the disabled state.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the tree item appears in the expanded state.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * @internal If `true`, the tree item will have an inset focus border.\n   */\n  @Prop() focusInset?: boolean = false;\n\n  /**\n   * @internal Determines if the parent tree item has been expanded.\n   */\n  @Prop({ mutable: true }) hasParentExpanded: boolean = false;\n\n  /**\n   * The URL that the tree item link points to. If set, the tree item will render as an \"a\" tag, otherwise it will render as a div.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * @internal If `true`, the tree item is a parent of other tree items.\n   */\n  @Prop({ mutable: true }) isParent: boolean = false;\n\n  /**\n   * The label of the tree item.\n   */\n  @Prop() label: string = \"\";\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * If `true`, the tree item appears in the selected state.\n   */\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    if (this.selected) {\n      this.icTreeItemSelected.emit({ id: this.el.id });\n    }\n    this.updateAriaLabel();\n  }\n\n  /**\n   * @internal Determines the size of the tree item.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the tree item label will be truncated instead of text wrapping.\n   */\n  @Prop() truncateTreeItem?: boolean;\n\n  /**\n   * Emitted when tree item is selected.\n   */\n  @Event() icTreeItemSelected: EventEmitter<{ id: string }>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.childTreeItems = Array.from((this.el as HTMLElement).children).filter(\n      (child) => child.tagName === this.treeItemTag\n    ) as HTMLIcTreeItemElement[];\n\n    if (this.childTreeItems.length > 0) {\n      this.isParent = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setTreeItemPadding();\n\n    this.updateAriaLabel();\n\n    !isSlotUsed(this.el, \"label\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.label, propName: \"label\" }],\n        \"Tree item\"\n      );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n  componentDidRender(): void {\n    this.truncateTreeItem && this.truncateTreeItemLabel(this.el);\n    if (this.expanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem && this.truncateTreeItemLabel(child);\n      });\n    }\n  }\n\n  componentDidUpdate(): void {\n    if (this.hasParentExpanded) {\n      this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n        child.truncateTreeItem && this.truncateTreeItemLabel(child);\n      });\n      this.hasParentExpanded = false;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.stopImmediatePropagation();\n      this.handleTreeItemClicked();\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.hasRouterSlot()) {\n      this.routerSlot?.focus();\n    } else {\n      this.treeItemElement?.focus();\n    }\n  }\n\n  private handleTreeItemClicked = (): void => {\n    if (this.isParent) {\n      this.expanded = !this.expanded;\n      this.hasParentExpanded = true;\n    }\n\n    this.updateAriaLabel();\n    this.selected = true;\n    this.watchSelectedHandler();\n  };\n\n  /**\n   * @internal Updates the aria-label of the tree item.\n   */\n  @Method()\n  async updateAriaLabel(): Promise<void> {\n    let ariaLabel;\n\n    if (this.hasRouterSlot()) {\n      ariaLabel = this.routerSlot.textContent;\n    } else if (isSlotUsed(this.el, \"label\")) {\n      ariaLabel = this.el.querySelector('[slot=\"label\"]').textContent;\n    } else {\n      ariaLabel = this.label;\n    }\n\n    if (this.isParent) {\n      ariaLabel = `${ariaLabel}, triggers submenu, ${\n        this.expanded ? \"expanded\" : \"collapsed\"\n      }`;\n    }\n\n    if (this.el.parentElement) {\n      const treeItems = Array.from(\n        (this.el.parentElement as HTMLElement).children\n      ).filter(\n        (child) => child.tagName === this.treeItemTag\n      ) as HTMLIcTreeItemElement[];\n\n      const index = treeItems.indexOf(this.el) + 1;\n      const parentChildren = treeItems.length;\n\n      ariaLabel = `${ariaLabel}, ${index} of ${parentChildren}`;\n    }\n\n    if (this.selected) {\n      ariaLabel = `${ariaLabel}, active`;\n    }\n\n    if (this.disabled) {\n      ariaLabel = `${ariaLabel}, dimmed`;\n    }\n\n    if (this.hasRouterSlot()) {\n      this.routerSlot.ariaLabel = ariaLabel;\n    } else {\n      this.treeItemElement.ariaLabel = ariaLabel;\n    }\n  }\n\n  private setTreeItemPadding = () => {\n    let level = 1;\n    let parentElement = this.el.parentElement;\n    const treeItemContent = this.el.shadowRoot.querySelector(\n      \".tree-item-content\"\n    ) as HTMLElement;\n\n    const isSiblingOfParent = Array.from(parentElement.children)\n      .map((sibling) => {\n        if (\n          sibling !== this.el &&\n          !sibling.querySelector('[slot=\"router-item\"]') &&\n          !sibling.querySelector('[slot=\"label\"]')\n        ) {\n          return sibling.children.length > 0;\n        } else {\n          return false;\n        }\n      })\n      .includes(true);\n\n    const isChild = parentElement.tagName === this.treeItemTag;\n\n    const isRouterItem = this.hasRouterSlot();\n\n    if (\n      (isSiblingOfParent && !this.el.isParent) ||\n      (isChild && !this.el.isParent)\n    ) {\n      if (isRouterItem) {\n        this.routerSlot.classList.add(\"ic-tree-item-single\");\n      } else {\n        treeItemContent.classList.add(\"ic-tree-item-single\");\n      }\n    }\n\n    while (parentElement) {\n      if (parentElement.tagName === this.treeItemTag) {\n        level++;\n        if (!this.el.isParent && isSiblingOfParent) {\n          treeItemContent.style.paddingLeft = `calc(var(--ic-space-xl) + ${\n            level * 16\n          }px)`;\n        } else if (!this.el.isParent) {\n          treeItemContent.style.paddingLeft = `calc(var(--ic-space-xs) + ${\n            level * 24\n          }px`;\n        } else {\n          treeItemContent.style.paddingLeft = `${level * 16}px`;\n        }\n      }\n      parentElement = parentElement.parentElement;\n    }\n  };\n\n  private truncateTreeItemLabel = (treeItem: HTMLIcTreeItemElement) => {\n    let typographyEl: HTMLIcTypographyElement =\n      treeItem.shadowRoot.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);\n    const slottedContent = treeItem.querySelector(\"[slot='router-item']\");\n    let contentHeight = slottedContent?.scrollHeight;\n\n    if (!typographyEl) {\n      const newTypographyEl = document.createElement(\"ic-typography\");\n      newTypographyEl.innerHTML = slottedContent.textContent;\n      newTypographyEl.classList.add(\"tree-item-label\");\n      slottedContent.replaceChild(newTypographyEl, slottedContent.firstChild);\n      typographyEl = newTypographyEl;\n    } else {\n      contentHeight = typographyEl.scrollHeight;\n    }\n\n    const tooltipAlreadyExists = !!typographyEl?.closest(this.TOOLTIP);\n    const treeContent =\n      treeItem.shadowRoot.querySelector(\".tree-item-content\") || slottedContent;\n\n    if (contentHeight > treeContent?.clientHeight && !tooltipAlreadyExists) {\n      const tooltipEl = document.createElement(\"ic-tooltip\");\n      tooltipEl.setAttribute(\"target\", this.el.id);\n      tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n      tooltipEl.setAttribute(\"placement\", \"right\");\n\n      if (treeContent === slottedContent) {\n        treeContent.addEventListener(\"focus\", () =>\n          this.handleDisplayTooltip(true)\n        );\n        treeContent.addEventListener(\"blur\", () =>\n          this.handleDisplayTooltip(false)\n        );\n        tooltipEl.setAttribute(\"style\", \"overflow:hidden;\");\n        typographyEl.setAttribute(\n          \"style\",\n          \"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\"\n        );\n      } else {\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        typographyEl.classList.add(\"ic-text-overflow\");\n      }\n\n      treeContent.appendChild(tooltipEl);\n      tooltipEl.appendChild(typographyEl);\n    }\n  };\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    return !!this.routerSlot;\n  }\n\n  private handleDisplayTooltip = (display: boolean) => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR) ||\n      this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);\n    const tooltip: HTMLIcTooltipElement = typographyEl?.closest(this.TOOLTIP);\n\n    tooltip?.displayTooltip(display);\n  };\n\n  render() {\n    const { disabled, label, selected, size, expanded, focusInset, theme } =\n      this;\n\n    const Component = this.href && !this.disabled ? \"a\" : \"div\";\n\n    const attrs = Component == \"a\" && {\n      href: this.href,\n      hrefLang: this.hreflang,\n      referrerPolicy: this.referrerpolicy,\n      rel: this.rel,\n      target: this.target,\n    };\n\n    return (\n      <Host\n        class={{\n          \"ic-tree-item-disabled\": disabled,\n          \"ic-tree-item-selected\": !disabled && selected,\n          [`ic-tree-item-${size}`]: size !== \"medium\",\n          [`ic-tree-item-focus-inset`]: focusInset,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-item-truncate\": this.truncateTreeItem,\n        }}\n        id={this.treeItemId}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\" />\n        ) : (\n          <Component\n            class={{\n              \"tree-item-content\": true,\n            }}\n            tabIndex={disabled ? -1 : 0}\n            onClick={this.handleTreeItemClicked}\n            ref={(el) => (this.treeItemElement = el)}\n            aria-disabled={disabled ? \"true\" : \"false\"}\n            aria-live=\"polite\"\n            {...attrs}\n            onFocus={() => this.handleDisplayTooltip(true)}\n            onBlur={() => this.handleDisplayTooltip(false)}\n          >\n            {this.isParent && (\n              <span\n                class={{\n                  [\"arrow-dropdown\"]: true,\n                  [\"tree-item-expanded\"]: expanded,\n                }}\n                aria-hidden=\"true\"\n                innerHTML={arrowDropdown}\n              />\n            )}\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography class=\"tree-item-label\">\n              {isSlotUsed(this.el, \"label\") ? <slot name=\"label\" /> : label}\n            </ic-typography>\n          </Component>\n        )}\n        {expanded && (\n          <div aria-hidden={`${!expanded}`}>\n            <slot />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as i,H as e,g as s}from"./p-00135a74.js";import{M as o,K as n,i as c}from"./p-0f6b9686.js";const r=":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-status-tag-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";const d=r;const l=class{constructor(i){a(this,i);this.icNavigationMenuClose=t(this,"icNavigationMenuClose",7);this.hasButtons=false;this.hasNavigation=false;this.lastTabStop=null;this.navGroupFirst=false;this.navItemAboveButtons=false;this.status="";this.theme="inherit";this.version="";this.closeMenu=()=>{this.icNavigationMenuClose.emit()};this.focusCloseButton=()=>{var a;(a=this.closeButton)===null||a===void 0?void 0:a.focus()};this.focusLastTabStop=()=>{let a;if(this.lastTabStop!==null){switch(this.lastTabStop.tagName){case"IC-NAVIGATION-BUTTON":case"IC-NAVIGATION-ITEM":case"IC-NAVIGATION-GROUP":a=this.lastTabStop;a.focus();break;case"A":this.lastTabStop.focus();break}}}}componentWillLoad(){this.navBarEl=document.querySelector("ic-top-navigation");const a=o(this.el,"navigation");if(a){this.hasNavigation=true;const t=a[a.length-1];if(t.tagName==="IC-NAVIGATION-ITEM"){this.navItemAboveButtons=true}const i=a[0];if(i.tagName==="IC-NAVIGATION-GROUP"){this.navGroupFirst=true}}const t=o(this.el,"buttons");if(t!==null){this.hasButtons=true;this.lastTabStop=t[t.length-1]}else{if(this.hasNavigation&&a){const t=a[a.length-1];const i=n(t,"navigation-item");if(i!==null){this.lastTabStop=i}else{this.lastTabStop=t}}}}componentDidLoad(){this.focusCloseButton()}componentWillRender(){this.hasNavigation=c(this.el,"navigation");this.hasButtons=c(this.el,"buttons")}navItemClickHandler(){this.closeMenu()}handleKeyDown(a){if(a.key==="Tab"){if(a.shiftKey){if(document.activeElement===this.navBarEl){a.preventDefault();this.focusLastTabStop()}}else if(document.activeElement===this.lastTabStop||this.lastTabStop===null){a.preventDefault();this.focusCloseButton()}}else if(a.key==="Escape"){this.closeMenu()}}render(){return i(e,{key:"e9ecbbb6dd588afa6020ebdc5fd4b9f3b9d6d17d",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"a11a0b572d3134f644b81a65b2183f3831cf7eef",class:"popout-modal",onClick:this.closeMenu}),i("div",{key:"ff9724d8a0b3bf3071d9cfc9b44bcbbe1a63592e",class:"popout-menu",role:"dialog","aria-modal":"true","aria-label":`${this.hasNavigation?"Navigation":"App"} menu`},i("span",{key:"59a95028fc7047fbc0b25a8bf1c8b702758ff0c7","aria-hidden":"true",id:"navigation-landmark-text",class:"navigation-landmark-text"},"Main navigation"),i("nav",{key:"925162fcf3432baaabfac61766b0833a65ff7413","aria-labelledby":"navigation-landmark-text","aria-hidden":this.hasNavigation?"false":"true"},i("div",{key:"4c8aefb471b0f993ec4789662adae82798cfe364",class:{["menu-close-button-container"]:true,["nav-group-first"]:this.navGroupFirst}},i("ic-button",{key:"5f51478c203469b9dd182c2b53f5f47de12d7cf3",ref:a=>this.closeButton=a,id:"menu-close-button",class:"menu-close-button",variant:"icon",size:"large","aria-label":`Close ${this.hasNavigation?"navigation":"app"} menu`,onClick:this.closeMenu},i("svg",{key:"a27d75cdc971183b31193d2e8b5476f4fc4af2fc",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"9df95971b7e3d2ddc31c7e6c610a33087da046fe",d:"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"})))),this.hasNavigation&&i("slot",{key:"c5ea5be8dff71b36b4933f899877370ba2c93709",name:"navigation"})),this.hasButtons&&i("div",{key:"e620a0c3deb6adf1f892fda537b759757bf84d42",class:{["menu-buttons-container"]:true,["menu-buttons-container-nav-item-above"]:this.navItemAboveButtons}},i("slot",{key:"d5050cea88cc2a0e9ceebcf7c299d2cfba25d30b",name:"buttons"})),(this.status!==""||this.version!=="")&&i("div",{key:"26bb00f5b7a9b926be7c20d6855874997595a395",class:{["menu-status-version-container"]:true,["status-version-no-buttons"]:!this.hasButtons}},this.status!==""&&i("div",{key:"44f8e916cb8cda5d2708c94f4a682f8617b09a03",class:"menu-status"},i("ic-typography",{key:"eed2bd09e04fc12e76505b50da937bbd9eaed88d",variant:"label-uppercase","aria-label":"app tag",class:"menu-status-text"},this.status)),this.version!==""&&i("div",{key:"53cd05a0b7f707e37840ffa6c5f97ede69f3a2eb",class:"menu-version"},i("ic-typography",{key:"3821ec288d9553aa73ad8ee23fd968121eab643d",variant:"label",class:"menu-version-text","aria-label":"app version"},this.version)))))}get el(){return s(this)}};l.style=d;export{l as ic_navigation_menu};
-//# sourceMappingURL=p-47962514.entry.js.map