@ukic/web-components 3.5.0 → 3.7.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["icSelectCss","IcSelectStyle0","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","Select","constructor","hostRef","this","blurredBecauseButtonPressed","hasSetDefaultValue","hasTimedOut","inheritedAttributes","initialOptionsEmpty","inputId","menuId","retryButtonClick","searchableMenuItemSelected","ungroupedOptions","hostMutationObserver","clearButtonFocused","noOptions","open","pressedCharacters","searchableSelectInputValue","disabled","disableAutoFiltering","emptyOptionListText","fullWidth","helperText","hideLabel","includeDescriptionsInSearch","includeGroupTitlesInSearch","loadingErrorLabel","loadingLabel","multiple","name","placeholder","readonly","required","searchable","searchMatchPosition","selectOnEnter","showClearButton","size","theme","validationStatus","validationText","loading","options","filteredOptions","uniqueOptions","debounce","currDebounce","value","initialValue","inputValueToFilter","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","type","addedNodes","removedNodes","attribute","el","getAttribute","includes","checkSlotInChildMutations","forceUpdate","handleRetry","ev","detail","keyPressed","_a","searchableSelectElement","focus","icRetryLoad","emit","hiddenInputValue","emitIcChange","Array","isArray","valueArray","slice","splice","indexOf","push","getValueSortedByOptions","length","icChange","emitIcInput","clearTimeout","debounceIcInput","window","setTimeout","icInput","setOptions","timeoutTimer","setOptionsValuesFromLabels","deduplicateOptions","label","isExternalFiltering","updateSearchableSelectResultAriaLive","setDefaultValue","uniqueValues","dedupedOptions","option","children","dedupedChildren","child","console","warn","Object","assign","map","setUngroupedOptions","event","setTextColor","nativeSelectElement","className","selectedIndex","setMenuChange","getLabelFromValue","getMultipleOptionsString","selectedValues","filter","join","getFilteredChildMenuOptions","getFilteredMenuOptions","valuesFromAllOptions","sort","a","b","handleNativeSelectChange","icOptionSelect","handleCustomSelectChange","optionId","currValue","getValueFromLabel","_b","icOptionDeselect","ariaActiveDescendant","handleSelectAllChange","allValues","select","unselectedValues","handleMenuChange","handleFocusIndicatorDisplay","handleMenuKeyPress","cancelBubble","handleCharacterKeyDown","key","focusIndicator","shadowRoot","querySelector","classList","add","remove","handleMouseDown","preventDefault","handleClick","menu","handleClickOpen","handleExpandIconMouseDown","handleClear","stopPropagation","clearInput","icClear","customSelectElement","characterKeyPressTimer","handleFilter","handleNativeSelectKeyDown","handleKeyDown","isArrowKey","handleKeyboardOpen","handleClearButtonFocus","handleClearButtonBlur","retryButton","relatedTarget","isGrouped","some","newFilteredOptions","menuOptionsFiltered","triggerLoading","timeout","timedOut","find","handleSearchableSelectInput","target","debounceAria","searchableSelectResultsStatusEl","innerText","updateMultiSelectedCountAriaLive","multiSelectSelectedCountEl","selectedCount","getOptionsWithoutGroupTitlesCount","getDefaultValue","onFocus","icFocus","onBlur","tagName","from","querySelectorAll","clearButton","icBlur","onTimeoutBlur","handleFormReset","setAttribute","renderNativeOption","h","selected","watchDisabledHandler","removeDisabledFalse","loadingHandler","newValue","watchOptionsHandler","debounceChangedHandler","valueChangedHandler","String","openChangedHandler","icOpen","icClose","disconnectedCallback","removeFormResetListener","disconnect","componentWillLoad","valueInOptions","inheritAttributes","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","MutationObserver","observe","attributes","childList","componentDidRender","setFocus","render","form","renderHiddenInput","invalid","IcInformationStatus","Error","describedBy","getInputDescribedByText","hasValidationStatus","trim","valueLabelString","isClearable","Host","class","for","slot","ref","anchorEl","isSlotUsed","isMobileOrTablet","onChange","id","onKeyDown","role","autocomplete","undefined","onInput","onClick","innerHTML","Clear","variant","onMouseDown","Expand","inputEl","inputLabel","onMenuStateChange","onMenuOptionSelect","onMenuOptionSelectAll","onMenuKeyPress","onUngroupedOptionsSet","onRetryButtonClicked","parentEl","activationType","closeOnSelect","ariaLiveMode","status","message"],"sources":["src/components/ic-select/ic-select.css?tag=ic-select&encapsulation=shadow","src/components/ic-select/ic-select.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --input-width: Width of the input field\n * @prop --menu-width: Width of the dropdown menu\n * @prop --ic-z-index-menu: z-index of select menu\n */\n\n:host {\n  display: block;\n  position: relative;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --menu-max-height: 100px;\n  --border-color: var(--ic-select-field-border);\n  --border-color-hover: var(--ic-select-field-border-hover);\n  --border-color-pressed: var(--ic-select-field-border-pressed);\n  --border-color-disabled: var(--ic-select-field-border-disabled);\n  --border-color-error: var(--ic-select-field-border-error);\n  --border-color-error-hover: var(--ic-select-field-border-error-hover);\n  --border-color-error-pressed: var(--ic-select-field-border-error-pressed);\n  --border-color-success: var(--ic-select-field-border-success);\n  --border-color-success-hover: var(--ic-select-field-border-success-hover);\n  --border-color-success-pressed: var(--ic-select-field-border-success-pressed);\n  --border-color-warning: var(--ic-select-field-border-warning);\n  --border-color-warning-hover: var(--ic-select-field-border-warning-hover);\n  --border-color-warning-pressed: var(--ic-select-field-border-warning-pressed);\n  --ic-input-label-text-color: var(--ic-select-field-labe);\n  --ic-input-label-helper-text-color: var(\n    --ic-select-input-field-label-subtitle\n  );\n  --ic-input-validation-status-text-color: var(--ic-select-state-text);\n  --ic-input-validation-error: var(--ic-select-state-icon-error);\n  --ic-input-validation-warning-icon-color: var(--ic-select-state-icon-warning);\n  --ic-input-validation-success-icon-color: var(--ic-select-state-icon-success);\n  --menu-item-text-color: var(--ic-select-list-option-text);\n  --menu-bg-color: var(--ic-select-list-option-background);\n  --menu-border-color: var(--ic-select-dropdown-list-border);\n}\n\n:host(.ic-select-disabled) {\n  --ic-input-label-text-color: var(--ic-select-field-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-select-input-field-label-subtitle-disabled\n  );\n}\n\n:host(.ic-select-full-width) {\n  width: 100%;\n}\n\nic-input-component-container.menu-open {\n  --border-color: var(--ic-select-field-border-pressed);\n}\n\nic-input-validation .status-icon,\nic-input-validation .statustext {\n  visibility: visible;\n}\n\nic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext {\n  visibility: hidden;\n  transition: visibility 0s;\n}\n\nic-input-label {\n  margin-bottom: var(--ic-space-xs) !important;\n}\n\nselect {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-select-field-background);\n  color: var(--ic-select-content-text);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  height: 100%;\n  padding-left: 0.375rem;\n  appearance: none;\n  background-repeat: no-repeat;\n  background-position: right 0.375rem center;\n  background-image: var(--ic-select-mobile-dropdown-icon);\n  caret-color: var(--ic-select-input-field-text-cursor);\n}\n\nselect option,\n.select-option-selected {\n  color: var(--ic-select-list-option-text);\n}\n\nselect:disabled {\n  color: var(--ic-select-content-text-disabled);\n  background-image: var(--ic-select-mobile-dropdown-icon-disabled);\n}\n\nselect:focus {\n  border: 0;\n  outline: 0;\n}\n\nselect:not([disabled]) {\n  cursor: pointer;\n}\n\n.select-container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.select-input {\n  width: 100%;\n  height: 100%;\n  padding: 0 0.375rem;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  background-color: var(--ic-select-field-background);\n  color: var(--ic-select-content-text);\n}\n\n.select-input:focus {\n  outline: none;\n}\n\n.select-input[disabled] {\n  pointer-events: none;\n}\n\n:host(.ic-select-searchable) .select-input {\n  cursor: auto;\n}\n\n.select-input.with-clear-button {\n  padding-right: 0;\n}\n\n.value-text {\n  max-width: calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-bottom: 0 !important;\n}\n\n.value-text.with-clear-button {\n  padding-right: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n.searchable-select-container {\n  align-items: center;\n  display: flex;\n  width: 100%;\n  position: relative;\n}\n\n.expand-icon {\n  height: var(--ic-space-lg);\n  padding-left: var(--ic-space-xxs);\n  color: var(--ic-select-expand-icon-color);\n}\n\n.expand-icon > svg {\n  display: inline-block;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path {\n  color: var(--ic-select-disabled-expand-icon-color);\n}\n\n:host(.ic-select-searchable) .expand-icon {\n  padding-left: 0;\n  height: 2.25rem;\n}\n\n:host(.ic-select-searchable) .expand-icon > svg {\n  height: 2.25rem;\n  padding: 0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs);\n}\n\n:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg {\n  cursor: pointer;\n}\n\n.expand-icon-open {\n  color: var(--ic-select-expand-icon-color);\n}\n\n.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open {\n  transform: rotateX(180deg);\n}\n\n.placeholder {\n  color: var(--ic-select-content-placeholder-text);\n}\n\n:host(.ic-select-disabled) .value-text,\n:host(.ic-select-disabled) .select-input,\n:host(.ic-select-disabled) .placeholder,\n:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder {\n  color: var(--ic-select-content-text-disabled);\n}\n\n.select-input-end {\n  display: flex;\n  align-items: center;\n}\n\n.clear-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  width: var(--ic-space-1px);\n  background-color: var(--ic-select-content-divider);\n  margin: var(--ic-space-xxs) 0;\n  border-radius: var(--ic-space-1px);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-select-small) .divider {\n  height: var(--ic-space-md);\n}\n\n:host(.ic-select-large) .divider {\n  height: var(--ic-space-xl);\n}\n\n.clear-button {\n  color: var(--ic-select-clear-button);\n  position: absolute;\n  right: calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-color-focus-inner);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button.searchable {\n  position: static;\n}\n\n.searchable-select-results-status,\n.multi-select-selected-count {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-select-content-placeholder-text);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-select-content-text);\n}\n\n.readonly ::slotted([slot=\"icon\"]) {\n  padding: 0.375rem;\n  margin-bottom: 0.75rem;\n}\n\n@media (forced-colors: active) {\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  h,\n  State,\n  Watch,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport {\n  getInputDescribedByText,\n  getLabelFromValue,\n  hasValidationStatus,\n  inheritAttributes,\n  onComponentRequiredPropUndefined,\n  renderHiddenInput,\n  isMobileOrTablet,\n  getFilteredMenuOptions,\n  getOptionsWithoutGroupTitlesCount,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n  checkSlotInChildMutations,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcMenuOption,\n  IcSearchMatchPositions,\n  IcMultiValueEventDetail,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport Expand from \"./assets/Expand.svg\";\nimport Clear from \"./assets/Clear.svg\";\nimport {\n  IcMenuChangeEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"tabindex\", \"title\"];\n\n/**\n * @slot helper-text - Content is set as the helper text for the select.\n * @slot icon - Content will be placed to the left of the select text input.\n */\n@Component({\n  tag: \"ic-select\",\n  styleUrl: \"ic-select.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Select {\n  private anchorEl?: HTMLElement;\n  private blurredBecauseButtonPressed = false;\n  private characterKeyPressTimer?: number;\n  private clearButton?: HTMLIcButtonElement;\n  private customSelectElement?: HTMLButtonElement;\n  private debounceAria?: number;\n  private hasSetDefaultValue = false;\n  private hasTimedOut = false;\n  private inheritedAttributes: { [k: string]: string } = {};\n  private initialOptionsEmpty = false;\n  private inputId = `ic-select-input-${inputIds++}`;\n  private menu?: HTMLIcMenuElement;\n  private menuId = `${this.inputId}-menu`;\n  private nativeSelectElement?: HTMLSelectElement;\n  private retryButtonClick = false;\n  private searchableMenuItemSelected = false;\n  private searchableSelectElement?: HTMLInputElement;\n  private timeoutTimer?: number;\n  private ungroupedOptions: IcMenuOption[] = [];\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el!: HTMLIcSelectElement;\n\n  @State() ariaActiveDescendant?: string;\n  @State() clearButtonFocused = false;\n  @State() debounceIcInput?: number;\n  @State() hiddenInputValue: string | null;\n  @State() noOptions: IcMenuOption[] | null = null;\n  @State() open = false;\n  @State() pressedCharacters = \"\";\n  @State() searchableSelectInputValue: string | null = null;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop({ reflect: true }) disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.\n   */\n  @Prop() disableAutoFiltering = false;\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * The <form> element to associate the select with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * If `true`, the select will fill the width of the container.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeDescriptionsInSearch = false;\n\n  /**\n   * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeGroupTitlesInSearch = false;\n\n  /**\n   * The label for the select.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel = \"Loading Error\";\n\n  /**\n   * The message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel = \"Loading...\";\n\n  /**\n   * If `true`, multiple options can be selected.\n   */\n  @Prop() multiple = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder = \"Select an option\";\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the select will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.\n   */\n  @Prop() searchable = false;\n\n  /**\n   * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.\n   */\n  @Prop() searchMatchPosition: IcSearchMatchPositions = \"anywhere\";\n\n  /**\n   * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.\n   */\n  @Prop() selectOnEnter = false;\n\n  /**\n   * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.\n   */\n  @Prop() showClearButton = false;\n\n  /**\n   * The size of the select.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\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   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText = \"\";\n\n  /**\n   * If `true`, the loading state will be triggered when fetching options asynchronously.\n   */\n  @Prop({ mutable: true }) loading = false;\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    newValue ? this.triggerLoading() : this.setOptions();\n  }\n\n  /**\n   * The possible selection options.\n   */\n  @Prop() options: IcMenuOption[] = [];\n  @State() filteredOptions: IcMenuOption[] = this.options;\n  @State() uniqueOptions: IcMenuOption[] = this.options;\n  @Watch(\"options\")\n  watchOptionsHandler(): void {\n    this.setOptions();\n  }\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @State() currDebounce = this.debounce;\n  @Watch(\"debounce\")\n  debounceChangedHandler(newValue: number): void {\n    if (this.currDebounce !== newValue) {\n      this.currDebounce = newValue;\n    }\n  }\n\n  /**\n   * The value of the select, reflected by the value of the currently selected option.\n   * For the searchable variant, the value is also reflected by the user input.\n   * For the multi-select variant, the value must be an array of option values.\n   */\n  @Prop({ mutable: true }) value: string | string[] | null = null;\n  @State() initialValue = this.value;\n  @State() inputValueToFilter: string | null = this.value as string;\n  @State() currValue: string | string[] | null;\n  @Watch(\"value\")\n  valueChangedHandler(): void {\n    if (this.value !== this.currValue) {\n      if (this.value && this.multiple) {\n        this.currValue = this.getMultipleOptionsString(this.value as string[])\n          ? this.getValueSortedByOptions(this.value as string[])\n          : null;\n        this.updateMultiSelectedCountAriaLive();\n      } else {\n        this.currValue = this.getLabelFromValue(this.value as string)\n          ? this.value\n          : null;\n      }\n    }\n\n    if (this.searchable && this.value) {\n      // Only set if value not null - prevents whole input value being cleared when edited\n      this.searchableSelectInputValue =\n        this.getLabelFromValue(String(this.currValue)) || null;\n    }\n  }\n\n  @Watch(\"open\")\n  openChangedHandler(): void {\n    this.open ? this.icOpen.emit() : this.icClose.emit();\n  }\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() icBlur: EventEmitter<void>;\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Event() icChange: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the clear or clear all button is clicked.\n   */\n  @Event() icClear: EventEmitter<void>;\n\n  /**\n   * Emitted when the select options menu is closed.\n   */\n  @Event() icClose: EventEmitter<void>;\n\n  /**\n   * Emitted when the select gains focus.\n   */\n  @Event() icFocus: EventEmitter<void>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the select options menu is opened.\n   */\n  @Event() icOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when an option is selected.\n   * Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when `multiple` is `true` and an option is deselected.\n   */\n  @Event() icOptionDeselect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the 'retry loading' button is clicked for a searchable variant.\n   */\n  @Event() icRetryLoad: EventEmitter<IcMultiValueEventDetail>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    const valueInOptions = this.multiple\n      ? this.getMultipleOptionsString(this.value as string[])\n      : this.getLabelFromValue(this.value as string);\n    this.currValue = valueInOptions ? this.value : null;\n    this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.setOptionsValuesFromLabels();\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    if (!this.options.length) {\n      this.initialOptionsEmpty = true;\n      this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n      this.uniqueOptions = this.noOptions;\n      this.filteredOptions = this.noOptions;\n    } else {\n      this.setDefaultValue();\n      this.uniqueOptions = this.deduplicateOptions(this.options);\n    }\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Select\"\n    );\n\n    if (this.loading) {\n      this.triggerLoading();\n    }\n\n    if (this.searchable) {\n      this.hiddenInputValue = this.currValue as string;\n    }\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n      childList: true,\n    });\n  }\n\n  componentDidRender(): void {\n    if (this.nativeSelectElement && !this.disabled) {\n      this.setTextColor();\n    }\n  }\n\n  /**\n   * Sets focus on the input box.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.nativeSelectElement) {\n      this.nativeSelectElement.focus();\n    } else if (this.customSelectElement) {\n      this.customSelectElement.focus();\n    } else if (this.searchableSelectElement) {\n      this.searchableSelectElement.focus();\n    }\n  }\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]) => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(\n      ({ attributeName, type, addedNodes, removedNodes }) => {\n        if (attributeName) {\n          const attribute = this.el.getAttribute(attributeName);\n          if (attribute && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n            this.inheritedAttributes[attributeName] = attribute;\n            forceComponentUpdate = true;\n          }\n        } else if (type === \"childList\") {\n          forceComponentUpdate = checkSlotInChildMutations(\n            addedNodes,\n            removedNodes,\n            \"icon\"\n          );\n        }\n      }\n    );\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcMultiValueEventDetail>) => {\n    if (ev.detail.keyPressed) this.searchableSelectElement?.focus();\n    this.blurredBecauseButtonPressed = true;\n    this.retryButtonClick = true;\n    this.hasSetDefaultValue = true;\n    this.icRetryLoad.emit({\n      value: this.searchable\n        ? this.searchableSelectInputValue\n        : this.hiddenInputValue,\n    });\n  };\n\n  private emitIcChange = (value: string | string[] | null) => {\n    // If \"Select all\" button clicked, replace value with new value (array of all option values)\n    if (this.multiple && !Array.isArray(value) && value !== null) {\n      // Update selected options - adds / removes them, in order of option list\n      // Create new array if value prop is undefined\n      if (this.value) {\n        let valueArray = (this.value as string[]).slice();\n\n        if (this.value.includes(value)) {\n          valueArray.splice(valueArray.indexOf(value), 1);\n        } else {\n          valueArray.push(value);\n          valueArray = this.getValueSortedByOptions(valueArray);\n        }\n\n        this.value = valueArray.length === 0 ? null : valueArray;\n      } else {\n        this.value = [value];\n      }\n    } else {\n      this.value = value;\n    }\n\n    this.icChange.emit({ value: this.multiple ? this.value : value });\n  };\n\n  private emitIcInput = (value: string) => {\n    clearTimeout(this.debounceIcInput);\n    this.debounceIcInput = window.setTimeout(\n      () => this.icInput.emit({ value }),\n      this.currDebounce\n    );\n  };\n\n  private setOptions = () => {\n    if (!this.hasTimedOut && this.options !== this.noOptions) {\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n\n      if (this.options.length > 0) {\n        this.setOptionsValuesFromLabels();\n        this.uniqueOptions = this.deduplicateOptions(this.options);\n      } else {\n        this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n        this.uniqueOptions = this.noOptions;\n      }\n\n      this.filteredOptions = this.uniqueOptions;\n\n      if (this.isExternalFiltering()) {\n        // When searchable select\n        this.noOptions = null;\n        this.updateSearchableSelectResultAriaLive();\n        this.setDefaultValue();\n      } else if (this.initialOptionsEmpty) {\n        this.setDefaultValue();\n        this.initialOptionsEmpty = false;\n      }\n    } else if (!this.searchable) {\n      this.options = this.noOptions || [];\n    }\n  };\n\n  /**\n   * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn\n   * @param options array of IcMenuOptions\n   * @returns a new options object, with all entries possessing a duplicate 'value' field removed\n   */\n  private deduplicateOptions = (options: IcMenuOption[]) => {\n    const uniqueValues: string[] = [];\n    const dedupedOptions: IcMenuOption[] = [];\n\n    options.forEach((option) => {\n      if (option.children) {\n        //If an option has children, we will loop through them\n        const dedupedChildren: IcMenuOption[] = [];\n        option.children.forEach((child) => {\n          if (uniqueValues.includes(child.value)) {\n            console.warn(\n              `ic-select with label ${this.label} was populated with duplicate option (value: ${child.value}) which has been removed.`\n            );\n          } else {\n            uniqueValues.push(child.value);\n            dedupedChildren.push(child);\n          }\n        });\n        // construct a modified option, inserting the deduplicated children alongside the original information\n        dedupedOptions.push({\n          ...option,\n          children: dedupedChildren,\n        });\n      } else {\n        // If an option does not have children, assess to see if it's value has been included already\n        if (uniqueValues.includes(option.value)) {\n          console.warn(\n            `ic-select with label ${this.label} was populated with duplicate option (value: ${option.value}) which has been removed.`\n          );\n        } else {\n          uniqueValues.push(option.value);\n          dedupedOptions.push(option);\n        }\n      }\n    });\n    return dedupedOptions;\n  };\n\n  /**\n   * Loop through options array and for all options with no value, infer it from the label\n   */\n  private setOptionsValuesFromLabels = () => {\n    if (this.options.length > 0) {\n      this.options.map((option) => {\n        if (!option.value) {\n          option.value = option.label;\n        }\n      });\n    }\n  };\n\n  private setUngroupedOptions = (event: CustomEvent) => {\n    this.ungroupedOptions = event.detail.options;\n  };\n\n  private setTextColor = () => {\n    if (this.nativeSelectElement) {\n      this.nativeSelectElement.className =\n        this.nativeSelectElement.selectedIndex === 0\n          ? \"placeholder\"\n          : \"select-option-selected\";\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n    }\n  };\n\n  private getLabelFromValue = (value: string) =>\n    getLabelFromValue(value, this.uniqueOptions);\n\n  private getMultipleOptionsString = (selectedValues: string[]) =>\n    selectedValues\n      ?.map((value) => this.getLabelFromValue(value))\n      .filter((label) => !!label)\n      .join(\", \");\n\n  private getFilteredChildMenuOptions = (\n    option: IcMenuOption\n  ): IcMenuOption => ({\n    ...option,\n    children:\n      option.children &&\n      getFilteredMenuOptions(\n        option.children,\n        this.searchable && !!this.includeDescriptionsInSearch,\n        this.searchable\n          ? this.searchableSelectInputValue || \"\"\n          : this.pressedCharacters,\n        this.searchable ? this.searchMatchPosition : \"start\"\n      ),\n  });\n\n  // (For multi-select) get value array, i.e. selected option values, in order they appear in option list\n  private getValueSortedByOptions = (value: string[]) => {\n    const valueArray = value;\n    const valuesFromAllOptions = this.ungroupedOptions.map(\n      (option) => option.value\n    );\n\n    valueArray.sort(\n      (a, b) =>\n        valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b)\n    );\n\n    return valueArray;\n  };\n\n  private handleNativeSelectChange = () => {\n    if (this.nativeSelectElement) {\n      this.icOptionSelect.emit({ value: this.nativeSelectElement.value });\n      this.emitIcChange(this.nativeSelectElement.value);\n    }\n    this.setTextColor();\n  };\n\n  // Handle option select for when a custom input box and menu is rendered\n  // (rather than native <select> - rendered when viewed on a mobile / tablet screen)\n  private handleCustomSelectChange = (\n    event: CustomEvent<IcOptionSelectEventDetail>\n  ) => {\n    const { value, label, optionId } = event.detail;\n\n    if (label === this.emptyOptionListText) {\n      this.searchableSelectElement?.focus();\n      return;\n    }\n\n    if (this.searchable) {\n      this.value = value || null;\n      this.searchableMenuItemSelected = true;\n\n      // After editing the input, if selecting the same option as before, set the input value to label again\n      if (this.value === this.currValue) {\n        this.searchableSelectInputValue =\n          this.getLabelFromValue(this.value as string) || null;\n      }\n\n      this.inputValueToFilter = null;\n      this.hiddenInputValue =\n        this.getValueFromLabel(this.searchableSelectInputValue) || null;\n    }\n\n    if (value) {\n      if (this.multiple && this.value?.includes(value)) {\n        this.icOptionDeselect.emit({ value });\n      } else {\n        this.icOptionSelect.emit({ value });\n      }\n    }\n\n    this.ariaActiveDescendant = optionId;\n    this.emitIcChange(value || null);\n  };\n\n  private handleSelectAllChange = ({\n    detail,\n  }: CustomEvent<{ select: boolean }>) => {\n    const allValues = this.ungroupedOptions\n      .filter((option) => !option.disabled)\n      .map((option) => option.value);\n\n    if (detail.select) {\n      // Only emit icOptionSelect for all values that are newly selected\n      const unselectedValues = this.value\n        ? allValues.filter(\n            (value) => this.value && !(this.value as string[]).includes(value)\n          )\n        : allValues;\n\n      unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));\n    } else {\n      // Only emit icOptionDeselect for values that were selected\n      (this.value as string[]).forEach((value) =>\n        this.icOptionDeselect.emit({ value })\n      );\n    }\n\n    this.emitIcChange(detail.select ? allValues : null);\n  };\n\n  private handleMenuChange = (event: CustomEvent<IcMenuChangeEventDetail>) => {\n    this.open = event.detail.open;\n    this.pressedCharacters = \"\";\n\n    if (this.searchable) this.handleFocusIndicatorDisplay();\n  };\n\n  // clears the debounce delay when navigating the menu with arrow keys etc\n  // to prevent delay in change event, which should only occur when typing in input\n  private handleMenuKeyPress = (ev: CustomEvent): void => {\n    ev.cancelBubble = true;\n    if (!this.multiple) {\n      this.handleCharacterKeyDown(ev.detail.key);\n    }\n  };\n\n  private handleFocusIndicatorDisplay = () => {\n    const focusIndicator =\n      this.el.shadowRoot?.querySelector(\".focus-indicator\");\n\n    if (focusIndicator) {\n      if (this.open) {\n        focusIndicator.classList.add(\"focus-indicator-enabled\");\n      } else {\n        focusIndicator.classList.remove(\"focus-indicator-enabled\");\n      }\n    }\n  };\n\n  private handleMouseDown = (event: Event) => {\n    if (!this.open) {\n      event.preventDefault();\n    }\n  };\n\n  private isExternalFiltering = () =>\n    this.searchable && !!this.disableAutoFiltering;\n\n  private handleClick = (event: MouseEvent) => {\n    if (!this.open && this.menu) {\n      if (this.isExternalFiltering()) {\n        this.menu.options = this.filteredOptions;\n      } else if (\n        !this.hasTimedOut &&\n        !this.loading &&\n        !this.noOptions?.length &&\n        (!this.searchable || this.searchableMenuItemSelected)\n      ) {\n        this.noOptions = null;\n        this.menu.options = this.uniqueOptions;\n      }\n    }\n\n    if (event.detail !== 0) {\n      this.menu?.handleClickOpen();\n    }\n  };\n\n  private handleExpandIconMouseDown = (event: MouseEvent) => {\n    if (!this.disabled) {\n      event.preventDefault();\n      this.searchableSelectElement?.focus();\n      this.handleClick(event);\n    }\n  };\n\n  private handleClear = (event: Event) => {\n    event.stopPropagation();\n    this.hasTimedOut = false;\n    clearTimeout(this.timeoutTimer);\n    this.clearInput();\n    this.emitIcChange(null);\n    this.icClear.emit();\n\n    if (this.searchable) {\n      this.hiddenInputValue = null;\n      this.searchableSelectElement?.focus();\n    } else {\n      this.customSelectElement?.focus();\n    }\n  };\n\n  private handleCharacterKeyDown = (key: string) => {\n    // Only close menu when space is pressed if not being used alongside character keys to quickly select options\n    if (this.open && key === \" \" && this.pressedCharacters.length === 0) {\n      this.setMenuChange(false);\n    }\n\n    if (key.length !== 1 || this.searchable) {\n      this.pressedCharacters = \"\";\n      return;\n    }\n\n    window.clearTimeout(this.characterKeyPressTimer);\n    this.characterKeyPressTimer = window.setTimeout(\n      () => (this.pressedCharacters = \"\"),\n      1000\n    );\n\n    if (key !== \" \" || !!this.pressedCharacters) {\n      this.pressedCharacters += key;\n      this.handleFilter();\n\n      if (!this.noOptions) {\n        this.emitIcChange(this.filteredOptions[0].value);\n      }\n    }\n  };\n\n  private handleNativeSelectKeyDown = (event: KeyboardEvent) => {\n    if ((event.key !== \"Escape\" && event.key !== \"Tab\") || this.open) {\n      event.cancelBubble = true;\n    }\n    this.handleCharacterKeyDown(event.key);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if ((event.key !== \"Escape\" && event.key !== \"Tab\") || this.open) {\n      event.cancelBubble = true;\n    }\n    const isArrowKey = event.key === \"ArrowDown\" || event.key === \"ArrowUp\";\n\n    if (this.menu && !this.open) {\n      if (this.isExternalFiltering() && (event.key === \"Enter\" || isArrowKey)) {\n        this.menu.options = this.filteredOptions;\n      } else if (!this.hasTimedOut) {\n        this.noOptions = null;\n        this.menu.options = this.uniqueOptions;\n      }\n    }\n\n    if (this.open && event.key === \"Enter\") {\n      this.setMenuChange(false);\n    } else {\n      if (!isArrowKey || this.noOptions === null) {\n        if (event.key !== \" \" || this.pressedCharacters.length <= 0) {\n          // Keyboard events get passed onto ic-menu\n          this.menu?.handleKeyboardOpen(event);\n        }\n        if (!this.multiple) {\n          this.handleCharacterKeyDown(event.key);\n        }\n      }\n    }\n  };\n\n  private handleClearButtonFocus = () => {\n    this.clearButtonFocused = true;\n  };\n\n  private handleClearButtonBlur = (ev: FocusEvent) => {\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n    if (\n      (!this.searchableSelectElement ||\n        ev.relatedTarget !== this.searchableSelectElement) &&\n      (!retryButton || ev.relatedTarget !== retryButton)\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n    }\n    this.clearButtonFocused = false;\n  };\n\n  private handleFilter = () => {\n    const options = this.deduplicateOptions(\n      this.searchable ? [...this.uniqueOptions] : this.ungroupedOptions\n    );\n\n    const isGrouped = options.some((option) => !!option.children);\n    let newFilteredOptions: IcMenuOption[] = [];\n\n    let menuOptionsFiltered: IcMenuOption[];\n\n    if (this.searchable) {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        !!this.includeDescriptionsInSearch,\n        this.inputValueToFilter || \"\",\n        this.searchMatchPosition\n      );\n      this.searchableMenuItemSelected = false;\n    } else {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        false,\n        this.pressedCharacters,\n        \"start\"\n      );\n    }\n\n    if (\n      !isGrouped &&\n      menuOptionsFiltered[0]?.label !== this.emptyOptionListText\n    ) {\n      newFilteredOptions = menuOptionsFiltered;\n    } else if (isGrouped) {\n      newFilteredOptions = options.map((option) =>\n        this.includeGroupTitlesInSearch &&\n        menuOptionsFiltered.indexOf(option) !== -1\n          ? option\n          : this.getFilteredChildMenuOptions(option)\n      );\n    }\n\n    if (\n      newFilteredOptions.length > 0 &&\n      (!isGrouped ||\n        newFilteredOptions.some(\n          ({ children }) => children && children.length > 0\n        ))\n    ) {\n      this.noOptions = null;\n      this.filteredOptions = newFilteredOptions;\n    } else {\n      this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n      this.filteredOptions = this.noOptions;\n    }\n  };\n\n  /**\n   * Put the select component into loading state.\n   * Replace options with the loading message. If timeout is enabled, set the timeout and once passed, replace options with the loading error message\n   */\n  private triggerLoading = () => {\n    this.hasTimedOut = false;\n    this.noOptions = [{ label: this.loadingLabel, value: \"\", loading: true }];\n    if (this.filteredOptions !== this.noOptions && this.searchable) {\n      this.filteredOptions = this.noOptions;\n    } else if (this.uniqueOptions !== this.noOptions && !this.searchable) {\n      this.uniqueOptions = this.noOptions;\n    }\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.loading = false;\n        this.hasTimedOut = true;\n        this.noOptions = [\n          { label: this.loadingErrorLabel, value: \"\", timedOut: true },\n        ];\n        this.filteredOptions = this.noOptions;\n        if (!this.searchable) this.uniqueOptions = this.noOptions;\n      }, this.timeout);\n    }\n  };\n\n  private getValueFromLabel = (label: string | null): string | undefined =>\n    label && this.uniqueOptions.find((option) => option.label === label)?.value;\n\n  private handleSearchableSelectInput = (event: Event) => {\n    this.searchableSelectInputValue = (event.target as HTMLInputElement).value;\n    this.emitIcInput(this.searchableSelectInputValue);\n\n    // De-select previous selection when input is edited\n    // Only emit icChange once when editing input\n    if (this.value != null) {\n      this.emitIcChange(null);\n    }\n\n    this.hiddenInputValue = null;\n    this.inputValueToFilter = this.searchableSelectInputValue;\n    this.setMenuChange(true);\n\n    if (!this.disableAutoFiltering) {\n      this.handleFilter();\n      clearTimeout(this.debounceAria);\n\n      window.setTimeout(() => {\n        this.updateSearchableSelectResultAriaLive();\n      }, 800);\n    }\n  };\n\n  private updateSearchableSelectResultAriaLive = () => {\n    const searchableSelectResultsStatusEl =\n      this.el.shadowRoot?.querySelector<HTMLDivElement>(\n        \".searchable-select-results-status\"\n      );\n\n    if (searchableSelectResultsStatusEl) {\n      searchableSelectResultsStatusEl.innerText =\n        this.noOptions !== null ? this.emptyOptionListText : \"\";\n    }\n  };\n\n  private updateMultiSelectedCountAriaLive = () => {\n    const multiSelectSelectedCountEl =\n      this.el.shadowRoot?.querySelector<HTMLDivElement>(\n        \".multi-select-selected-count\"\n      );\n\n    const selectedCount = `${\n      this.currValue?.length\n    } of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;\n\n    if (\n      multiSelectSelectedCountEl &&\n      multiSelectSelectedCountEl.innerText !== selectedCount\n    ) {\n      multiSelectSelectedCountEl.innerText = selectedCount;\n    }\n  };\n\n  private getDefaultValue = (value: string) =>\n    this.getLabelFromValue(value) || null;\n\n  private setDefaultValue = () => {\n    if (!this.hasSetDefaultValue && this.currValue) {\n      this.searchableSelectInputValue = this.searchable\n        ? this.getDefaultValue(this.currValue as string)\n        : null;\n\n      this.initialValue = this.currValue;\n      this.hasSetDefaultValue = true;\n    }\n  };\n\n  private onFocus = () => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = ({ relatedTarget }: FocusEvent) => {\n    const target = relatedTarget as HTMLElement;\n    if (\n      target !== null &&\n      ((target.tagName === \"UL\" && target.className.includes(\"menu\")) ||\n        (target.tagName === \"LI\" && target.className.includes(\"option\")))\n    ) {\n      return;\n    }\n\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n\n    if (\n      this.searchable &&\n      !!this.menu &&\n      target !== this.menu &&\n      !Array.from(this.menu.querySelectorAll(\"[role='option']\")).includes(\n        target\n      ) &&\n      (!this.clearButton || target !== this.clearButton) &&\n      (!retryButton || target !== retryButton)\n    ) {\n      if (!this.retryButtonClick) {\n        this.setMenuChange(false);\n        // Clear input field on blur when searchable if no option is selected\n        if (!this.value) {\n          this.clearInput();\n        }\n      }\n      this.handleFocusIndicatorDisplay();\n    }\n\n    this.retryButtonClick = false;\n    this.icBlur.emit();\n  };\n\n  private onTimeoutBlur = (ev: CustomEvent) => {\n    if (\n      (ev.detail.ev as FocusEvent).relatedTarget !==\n        this.searchableSelectElement &&\n      !this.blurredBecauseButtonPressed\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n      this.icBlur.emit();\n    }\n    this.blurredBecauseButtonPressed = false;\n  };\n\n  private handleFormReset = () => {\n    this.value = this.initialValue;\n    if (this.searchable) {\n      this.searchableSelectInputValue = this.getDefaultValue(\n        this.value as string\n      );\n      this.hiddenInputValue = this.value as string;\n    }\n  };\n\n  private clearInput = () => {\n    this.noOptions = null;\n\n    if (this.searchable) {\n      this.searchableSelectElement?.setAttribute(\"value\", \"\");\n      this.searchableSelectInputValue = null;\n      this.filteredOptions = this.uniqueOptions;\n    }\n  };\n\n  private renderNativeOption = (option: IcMenuOption) => (\n    <option\n      value={option.value}\n      disabled={option.disabled}\n      selected={option.value === this.currValue}\n    >\n      {option.label}\n    </option>\n  );\n\n  render() {\n    const {\n      size,\n      disabled,\n      fullWidth,\n      helperText,\n      hideLabel,\n      label,\n      menuId,\n      multiple,\n      name,\n      options,\n      placeholder,\n      readonly,\n      required,\n      searchable,\n      showClearButton,\n      validationStatus,\n      validationText,\n      currValue,\n      theme,\n      hiddenInputValue,\n      open,\n      inputId,\n      searchableSelectInputValue,\n      loading,\n      value,\n      emptyOptionListText,\n      uniqueOptions,\n      selectOnEnter,\n      form,\n      inheritedAttributes,\n      ariaActiveDescendant,\n      hasTimedOut,\n      noOptions,\n      filteredOptions,\n      clearButtonFocused,\n    } = this;\n\n    // HTML inputs only accept 'string' for their value\n    // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string\n    renderHiddenInput(\n      this.el,\n      searchable ? hiddenInputValue : (currValue as string),\n      name || inputId,\n      disabled\n    );\n\n    const invalid = `${validationStatus === IcInformationStatus.Error}`;\n\n    const describedBy = getInputDescribedByText(\n      this.el,\n      inputId,\n      helperText !== \"\",\n      hasValidationStatus(validationStatus, !!disabled)\n    ).trim();\n\n    const valueLabelString = multiple\n      ? this.getMultipleOptionsString(currValue as string[])\n      : this.getLabelFromValue(currValue as string);\n\n    const isClearable =\n      !disabled &&\n      (searchable\n        ? !!searchableSelectInputValue\n        : !!currValue && !loading && showClearButton);\n\n    return (\n      <Host\n        class={{\n          \"ic-select-disabled\": disabled,\n          \"ic-select-searchable\": searchable,\n          [`ic-select-${size}`]: size !== \"medium\",\n          \"ic-select-full-width\": fullWidth,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onBlur={this.onBlur}\n      >\n        <ic-input-container readonly={readonly}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabled}\n              readonly={readonly}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            class={{ \"menu-open\": open }}\n            size={size}\n            fullWidth={fullWidth}\n            disabled={disabled}\n            readonly={readonly}\n            validationStatus={validationStatus}\n          >\n            {isSlotUsed(this.el, \"icon\") &&\n              !disabled &&\n              (!readonly || !!value) && (\n                <span\n                  slot=\"left-icon\"\n                  class={{\n                    readonly,\n                    \"has-value\": !!value,\n                  }}\n                >\n                  <slot name=\"icon\" />\n                </span>\n              )}\n            {readonly ? (\n              <ic-typography>\n                <p>{valueLabelString}</p>\n              </ic-typography>\n            ) : isMobileOrTablet() && !multiple ? (\n              <select\n                ref={(el) => (this.nativeSelectElement = el)}\n                disabled={disabled}\n                onChange={this.handleNativeSelectChange}\n                required={required}\n                id={inputId}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                onKeyDown={this.handleNativeSelectKeyDown}\n                form={form}\n                {...inheritedAttributes}\n              >\n                <option value=\"\" selected disabled={!showClearButton}>\n                  {placeholder}\n                </option>\n                {options.map((option) =>\n                  option.children ? (\n                    <optgroup label={option.label}>\n                      {option.children.map((child) =>\n                        this.renderNativeOption(child)\n                      )}\n                    </optgroup>\n                  ) : (\n                    this.renderNativeOption(option)\n                  )\n                )}\n              </select>\n            ) : searchable ? (\n              <div class=\"searchable-select-container\">\n                <input\n                  class={{\n                    \"select-input\": true,\n                    \"with-clear-button\": !!searchableSelectInputValue,\n                  }}\n                  role=\"combobox\"\n                  autocomplete=\"off\"\n                  aria-label={label}\n                  aria-describedby={describedBy}\n                  aria-activedescendant={ariaActiveDescendant}\n                  aria-autocomplete=\"list\"\n                  aria-expanded={`${open}`}\n                  aria-invalid={invalid}\n                  aria-required={`${required}`}\n                  aria-controls={menuId}\n                  ref={(el) => (this.searchableSelectElement = el)}\n                  id={inputId}\n                  value={searchableSelectInputValue || undefined}\n                  placeholder={placeholder}\n                  disabled={disabled}\n                  onInput={this.handleSearchableSelectInput}\n                  onClick={this.handleClick}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.onFocus}\n                  onBlur={this.onBlur}\n                  form={form}\n                ></input>\n                {isClearable && (\n                  <div class=\"clear-button-container\">\n                    <ic-button\n                      id=\"clear-button\"\n                      ref={(el) => (this.clearButton = el)}\n                      aria-label={\n                        searchableSelectInputValue &&\n                        (currValue === null || loading)\n                          ? \"Clear input\"\n                          : \"Clear selection\"\n                      }\n                      class=\"clear-button\"\n                      innerHTML={Clear}\n                      onClick={this.handleClear}\n                      onFocus={this.handleClearButtonFocus}\n                      onBlur={this.handleClearButtonBlur}\n                      size={size}\n                      variant=\"icon\"\n                      theme={clearButtonFocused ? \"light\" : \"dark\"}\n                    ></ic-button>\n                    <div class=\"divider\"></div>\n                  </div>\n                )}\n                <span\n                  onMouseDown={this.handleExpandIconMouseDown}\n                  class={{\n                    \"expand-icon\": true,\n                    \"expand-icon-open\": open,\n                  }}\n                  innerHTML={Expand}\n                  aria-hidden=\"true\"\n                />\n                <div\n                  aria-live=\"polite\"\n                  role=\"status\"\n                  class=\"searchable-select-results-status\"\n                ></div>\n              </div>\n            ) : (\n              <div class=\"select-container\">\n                <button\n                  class=\"select-input\"\n                  ref={(el) => (this.customSelectElement = el)}\n                  id={inputId}\n                  aria-label={`${label}, ${\n                    (multiple && currValue\n                      ? `${\n                          currValue.length\n                        } of ${getOptionsWithoutGroupTitlesCount(\n                          options\n                        )} selected, ${valueLabelString}`\n                      : valueLabelString) || placeholder\n                  }${required ? \", required\" : \"\"}`}\n                  aria-describedby={describedBy}\n                  aria-invalid={invalid}\n                  aria-haspopup=\"listbox\"\n                  aria-expanded={`${open}`}\n                  aria-owns={menuId}\n                  aria-controls={menuId}\n                  disabled={disabled}\n                  onBlur={this.onBlur}\n                  onFocus={this.onFocus}\n                  onClick={this.handleClick}\n                  onMouseDown={this.handleMouseDown}\n                  onKeyDown={this.handleKeyDown}\n                >\n                  <ic-typography\n                    variant=\"body\"\n                    class={{\n                      \"value-text\": true,\n                      \"with-clear-button\": isClearable,\n                      placeholder:\n                        !loading && multiple\n                          ? !value || value.length < 1\n                          : !this.getLabelFromValue(currValue as string),\n                    }}\n                  >\n                    {valueLabelString || placeholder}\n                  </ic-typography>\n                  <div class=\"select-input-end\">\n                    {isClearable && <div class=\"divider\"></div>}\n                    <span\n                      class={{\n                        \"expand-icon\": true,\n                        \"expand-icon-open\": open,\n                      }}\n                      innerHTML={Expand}\n                      aria-hidden=\"true\"\n                    />\n                  </div>\n                </button>\n                {isClearable && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"Clear selection\"\n                    class=\"clear-button\"\n                    innerHTML={Clear}\n                    onClick={this.handleClear}\n                    onFocus={this.handleClearButtonFocus}\n                    onBlur={this.handleClearButtonBlur}\n                    size={size}\n                    variant=\"icon\"\n                    theme={clearButtonFocused ? \"light\" : \"dark\"}\n                  ></ic-button>\n                )}\n              </div>\n            )}\n          </ic-input-component-container>\n          {(!isMobileOrTablet() || multiple) && (\n            <ic-menu\n              class={{\n                \"no-results\":\n                  loading ||\n                  hasTimedOut ||\n                  noOptions?.[0]?.label === emptyOptionListText,\n              }}\n              ref={(el) => (this.menu = el)}\n              inputEl={\n                searchable\n                  ? this.searchableSelectElement\n                  : this.customSelectElement\n              }\n              inputLabel={label}\n              anchorEl={this.anchorEl}\n              size={size}\n              menuId={menuId}\n              open={open}\n              options={searchable ? filteredOptions : uniqueOptions}\n              value={multiple ? (currValue as string[]) : (currValue as string)}\n              fullWidth={fullWidth}\n              selectOnEnter={selectOnEnter}\n              onMenuStateChange={this.handleMenuChange}\n              onMenuOptionSelect={this.handleCustomSelectChange}\n              onMenuOptionSelectAll={this.handleSelectAllChange}\n              onMenuKeyPress={this.handleMenuKeyPress}\n              onUngroupedOptionsSet={this.setUngroupedOptions}\n              onRetryButtonClicked={this.handleRetry}\n              parentEl={this.el}\n              onTimeoutBlur={this.onTimeoutBlur}\n              activationType={\n                searchable || multiple || selectOnEnter ? \"manual\" : \"automatic\"\n              }\n              closeOnSelect={!multiple}\n            ></ic-menu>\n          )}\n          {multiple && (\n            <div\n              aria-live=\"polite\"\n              role=\"status\"\n              class=\"multi-select-selected-count\"\n            ></div>\n          )}\n          {hasValidationStatus(validationStatus, disabled) && (\n            <ic-input-validation\n              class={{ \"menu-open\": open }}\n              ariaLiveMode=\"polite\"\n              status={validationStatus}\n              message={validationText}\n              for={inputId}\n            ></ic-input-validation>\n          )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-41bb4db1.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,H as e,g as s,c as n,F as c}from"./p-8e4e97b4.js";import{r as o,a as r,t as a,L as l,U as h,X as u,b as d,J as p}from"./p-b40ecf16.js";import{C as m}from"./p-c2e091d7.js";import{c as f}from"./p-68a5aaff.js";const b="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";const v=b;const g=class{constructor(t){i(this,t);this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="medium";this.validationInline=false;this.validationStatus=""}watchDisabledHandler(){o(this.disabled,this.el)}componentWillLoad(){o(this.disabled,this.el)}componentDidLoad(){this.hostMutationObserver=new MutationObserver((i=>r(i,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:i,validationStatus:s,disabled:n,readonly:c,multiLine:o,fullWidth:r,validationInline:u}=this;return t(e,{key:"fc70461ae7d3922f07aa5a85209e376d42bfc451",class:{[`ic-input-component-container-${i}`]:true,[`ic-input-component-container-${s}`]:s!==""&&!n&&!c,"ic-input-component-container-disabled":!!n,"ic-input-component-container-readonly":!!c,"ic-input-component-container-multiline":!!o,"ic-input-component-container-full-width":!!r},"aria-disabled":n?"true":null},t("div",{key:"20934b81740e6c907bff86cc706d3aafe3a790df",class:"focus-indicator"},a(this.el,"left-icon")&&t("div",{key:"3577416fc719a575372188c43a78ac945b1b1526",class:"icon-container"},t("slot",{key:"36ee3e5c85ec77c69f88c2b74d272bdb6ee42ca1",name:"left-icon"})),t("slot",{key:"e0a79f50c8ba34c0d989e2402df8b00587c5878f"}),u&&s===l.Success&&t("span",{key:"b156fb5bb6fcfec8c6dec6febdeea6d2adc7e009",class:"inline-success",innerHTML:h})))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};g.style=v;const x="ic-input-container .component-container{display:flex;flex-direction:column}";const y=x;const w=class{constructor(t){i(this,t);this.disabled=false;this.readonly=false}render(){return t(e,{key:"49cd31d8dca09cc4b2f49e0b2e7829bb1771a5d6"},t("div",{key:"bb0e3a80161a86b40e0dc424264e71cf6c95c88a",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},t("slot",{key:"4916ff0aebd6632d6e6f5daaa3c318e1e696ff2f"})))}};w.style=y;const k='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}';const z=k;const L=class{constructor(e){i(this,e);this.icClear=n(this,"icClear",7);this.menuKeyPress=n(this,"menuKeyPress",7);this.menuOptionId=n(this,"menuOptionId",7);this.menuOptionSelect=n(this,"menuOptionSelect",7);this.menuOptionSelectAll=n(this,"menuOptionSelectAll",7);this.menuStateChange=n(this,"menuStateChange",7);this.retryButtonClicked=n(this,"retryButtonClicked",7);this.timeoutBlur=n(this,"timeoutBlur",7);this.ungroupedOptionsSet=n(this,"ungroupedOptionsSet",7);this.ACTIVE_DESCENDANT="aria-activedescendant";this.CLEAR_BUTTON_ID="clear-button";this.SEARCH_BAR_TAG="IC-SEARCH-BAR";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.preventIncorrectTabOrder=false;this.popperProps={};this.activationType="automatic";this.autofocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.labelField="label";this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.valueField="value";this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{var e;this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){(e=this.inputEl)===null||e===void 0?void 0:e.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName===this.SEARCH_BAR_TAG){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const e=this.isSearchBar||this.isSearchableSelect||this.open;if(e){if(t>=0){if(i[t]!==undefined){if(this.isSearchBar&&i[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t)}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();const e=i.shiftKey||i.metaKey||i.ctrlKey;const s=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const c=i=>{var t;return(t=Array.from(this.host.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,s)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<t.length-1){this.setHighlightedOption(s+1);this.menuOptionId.emit({optionId:c(s+1)});this.handleSingleShiftSelect(i,s+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:c(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,s,t);if(s<=0||s>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:c(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(s-1);this.menuOptionId.emit({optionId:c(s-1)});this.handleSingleShiftSelect(i,s-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([s,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:c(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:c(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(!e){this.keyboardNav=false}if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.CLEAR_BUTTON_ID){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();if(!e){this.keyboardNav=false}this.handleOptionSelect(i,s);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(u()&&i.metaKey||!u()&&i.ctrlKey){this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;default:if(!e){this.keyboardNav=false}this.focusOnSearchOrSelectInput(t,s)}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const s=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,s,true);this.multiOptionClicked=t||null}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{var t,e,s,n;if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){(t=this.menu)===null||t===void 0?void 0:t.removeAttribute(this.ACTIVE_DESCENDANT)}if(!(((e=this.menu)===null||e===void 0?void 0:e.contains(i.relatedTarget))||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);(s=this.menu)===null||s===void 0?void 0:s.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;(n=this.menu)===null||n===void 0?void 0:n.removeAttribute(this.ACTIVE_DESCENDANT);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{var i;this.keyboardNav=false;(i=this.menu)===null||i===void 0?void 0:i.focus();this.emitSelectAllEvents();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{var t;this.host.classList.remove("ic-select-select-all-focused");if(!((t=this.menu)===null||t===void 0?void 0:t.contains(i.relatedTarget))){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.host.classList.add("ic-select-select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const s=e===null?this.getFirstOptionInSelection(t):e;if(s!==null){const t=[];if(s<i){for(let e=s;e<i+1;e++){t.push(e)}}else{for(let e=s;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const s=this.getMenuOptions();const n=this.getFirstOptionInSelection(e);if(i.shiftKey&&n!==null){this.handleMultipleShiftSelect(t,e,n)}else{this.selectHighlightedOption(s,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAllEvents=()=>{var i,t;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)});if(((t=this.value)===null||t===void 0?void 0:t.length)===this.ungroupedOptions.length){this.icClear.emit()}};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{var t,e;i.cancelBubble=true;const s=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const n=!!this.inputEl&&this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(s);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(s);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(n){(t=this.inputEl)===null||t===void 0?void 0:t.focus()}break;case"Shift":break;default:if(n&&i.key!=="Tab"&&!this.hasTimedOut){(e=this.inputEl)===null||e===void 0?void 0:e.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{var t;const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(e){const s=e.offsetTop+e.offsetHeight;if(s>i.scrollTop+i.offsetHeight||s<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}(t=this.menu)===null||t===void 0?void 0:t.setAttribute(this.ACTIVE_DESCENDANT,e.id);e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{var i;let t=0;this.host.querySelectorAll(".option, .option-group-title").forEach((i=>t+=i.clientHeight));if(t>=320){(i=this.menu)===null||i===void 0?void 0:i.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,e)=>{var s;const n=!!i[this.valueField]&&!!this.value&&e&&((s=this.parentEl)===null||s===void 0?void 0:s.tagName)!==this.SEARCH_BAR_TAG;return t(c,null,i.loading&&t("ic-loading-indicator",{size:"icon"}),t("div",{class:{"option-text-container":true,"show-check-icon":n}},t("div",{class:"option-label"},i.icon&&t("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),t("ic-typography",{variant:"body","aria-hidden":"true"},i[this.labelField])),i.description&&t("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},t("p",null,i.description)),i.element&&t("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),n&&t("span",{class:"check-icon",innerHTML:m}))};this.displayOption=(i,e,s,n)=>{const{open:o,keyboardNav:r,isManualMode:a,initialOptionsListRender:l,optionHighlighted:h,options:u}=this;return t("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":a?(r||l)&&i[this.valueField]===h:r&&e,"last-recommended-option":!!(i.recommended&&u[s+1]&&!u[s+1].recommended),"disabled-option":!!i.disabled,"loading-option":!!i.loading,timeout:!!i.timedOut},role:"option",tabindex:o&&(e||i[this.valueField]===h)&&r?"0":"-1","aria-label":this.getOptionAriaLabel(i,n),"aria-selected":e?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading?this.handleOptionClick:undefined,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?t(c,null,t("div",{class:"loading-error-info"},t("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},t("title",{id:"error-title"},"Error"),t("g",{id:"close-octagon"},t("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"}))),t("ic-typography",{variant:"label"},i[this.labelField])),t("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,e))}}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){if(this.parentEl)this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){var i,t,e;(i=this.popperInstance)===null||i===void 0?void 0:i.destroy();(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icClear",this.handleClearListener);(e=this.parentEl)===null||e===void 0?void 0:e.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t,e,s;this.loadUngroupedOptions();(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icClear",this.handleClearListener);(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.timedOut));this.isLoading=(s=this.options)===null||s===void 0?void 0:s.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}d([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));if(this.menu&&this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autofocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.selectOnEnter){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.ACTIVE_DESCENDANT,i.id);i.focus()}}else if(this.inputEl&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.menu&&this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=f(i,this.host,Object.assign({placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]},this.popperProps))}async setExternalPopperProps(i){this.popperProps=i}focusOnSearchOrSelectInput(i,t){if(!i[t])return;if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:s,menuId:n,value:c,fullWidth:o,hasTimedOut:r,isLoading:a,size:l,open:h,inputEl:u,keyboardNav:d,parentEl:m,SEARCH_BAR_TAG:f}=this;const b=`${(c===null||c===void 0?void 0:c.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const v=this.host.classList.contains("no-results");return t(e,{key:"6c3e0c39d138c8622c3748c16294f0e21e202909",class:{"ic-menu-full-width":!!o,"ic-menu-no-focus":(u===null||u===void 0?void 0:u.tagName)==="INPUT"&&(m===null||m===void 0?void 0:m.tagName)!==f||r||a,[`ic-menu-${l}`]:true,"ic-menu-open":h&&s.length!==0,"ic-menu-multiple":this.isMultiSelect}},s.length!==0&&t("ul",{key:"69ea4424544b03896b65f0b30221872e131a04f6",id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:h&&!d&&((u===null||u===void 0?void 0:u.tagName)!=="INPUT"||(m===null||m===void 0?void 0:m.tagName)===f)?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(s).map(((i,e)=>{if(i.children){if(i.children.length>0){return t("div",null,t("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},t("p",null,i[this.labelField])),i.children.map((t=>t.label&&this.displayOption(t,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(t[this.valueField]):t[this.valueField]===c,e,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?c===null||c===void 0?void 0:c.includes(i[this.valueField]):i[this.valueField]===c,e)}}))),s.length!==0&&this.isMultiSelect&&!a&&!r&&!v&&t("div",{key:"17553f6e5ecd81b892894244b3a3a143b998c23c",class:"option-bar"},t("ic-typography",{key:"7f4ce460524beb936e4d4ef2bbbcedd03cacec5c"},t("p",{key:"aae0e564a9caf83b09d4ee8daa3d9409b7d69501"},`${c?c.length:0}/${p(this.options)} selected`)),t("ic-button",{key:"692b840395eafd8c4c5dd0f21bab2082debb44bf",class:"select-all-button","aria-label":`${b} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:l==="small"?"small":"medium"},b)))}get host(){return s(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};L.style=z;export{g as ic_input_component_container,w as ic_input_container,L as ic_menu};
-//# sourceMappingURL=p-41bb4db1.entry.js.map

package/dist/core/p-41bb4db1.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","popperProps","activationType","autofocusOnSelected","closeOnSelect","labelField","searchMode","selectOnEnter","valueField","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","_a","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","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","relatedTarget","menu","removeAttribute","_b","contains","_c","_d","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","Object","assign","placement","modifiers","offset","fallbackPlacements","rootBoundary","setExternalPopperProps","props","selectAllButtonText","hasNoResults","ref","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["src/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","src/components/ic-input-component-container/ic-input-component-container.tsx","src/components/ic-input-container/ic-input-container.css?tag=ic-input-container","src/components/ic-input-container/ic-input-container.tsx","src/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","src/components/ic-menu/ic-menu.tsx"],"sourcesContent":["ic-input-component-container {\n  /**\n   * @prop --border-color: Border colour of the input component container\n   * @prop --border-color-hover: Border colour of the input component container on hover\n   * @prop --border-color-pressed: Border colour of the input component container when pressed\n   * @prop --border-color-disabled: Border colour of the input component container when disabled\n   * @prop --border-color-error: Border colour of the error variant for input component container\n   * @prop --border-color-error-hover: Border colour of the error hover variant for input component container\n   * @prop --border-color-error-pressed: Border colour of the error pressed variant for input component container\n   * @prop --border-color-warning: Border colour of the warning variant for input component container\n   * @prop --border-color-warning-hover: Border colour of the warning hover variant for input component container\n   * @prop --border-color-warning-pressed: Border colour of the warning pressed variant for input component container\n   * @prop --border-color-success: Border colour of the success variant for input component container\n   * @prop --border-color-success-hover: Border colour of the success hover variant for input component container\n   * @prop --border-color-success-pressed: Border colour of the success pressed variant for input component container\n   */\n\n  display: flex;\n  border: var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-slow);\n  height: 2.5rem;\n  min-height: 2.5rem;\n  width: var(--input-width, 20rem);\n  padding: var(--ic-space-1px);\n  background-color: var(--input-bg-color, var(--ic-color-background-primary));\n  box-sizing: border-box;\n  fill: var(--ic-architectural-400);\n  outline: none;\n}\n\nic-input-component-container.ic-input-component-container-full-width {\n  width: 100%;\n}\n\nic-input-component-container.ic-input-component-container-disabled,\nic-input-component-container.ic-input-component-container-disabled:hover {\n  border: var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled));\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly {\n  height: auto;\n  background: transparent;\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-readonly:hover {\n  border: none;\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover));\n}\n\nic-input-component-container.ic-input-component-container-error:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed));\n}\n\nic-input-component-container.ic-input-component-container-warning {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-warning:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover));\n}\n\nic-input-component-container.ic-input-component-container-warning:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed));\n}\n\nic-input-component-container.ic-input-component-container-success {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-success:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover));\n}\n\nic-input-component-container.ic-input-component-container-success:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed));\n}\n\nic-input-component-container.ic-input-component-container-small {\n  height: var(--ic-space-xl);\n  min-height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n  height: var(--ic-space-xxl);\n  min-height: var(--ic-space-xxl);\n}\n\nic-input-component-container.ic-input-component-container-multiline {\n  height: auto;\n}\n\nic-input-component-container .icon-container {\n  margin-top: var(--ic-space-xxs);\n  margin-left: 0.438rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-multiline\n  .icon-container,\nic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small\n  .icon-container {\n  margin-top: 0.375rem;\n  display: block;\n}\n\nic-input-component-container.ic-input-component-container-readonly\n  .icon-container {\n  margin-left: -0.313rem;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n  ::placeholder {\n  display: none;\n}\n\nic-input-component-container .inline-success {\n  margin: var(--ic-space-xs) 0.375rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container .inline-success > svg {\n  fill: var(--ic-input-component-container-success-icon-inline-color);\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-component-container:hover {\n  border: var(--ic-input-component-container-hover-border);\n  border-color: var(--border-color-hover, var(--ic-color-border-neutral-hover));\n  color: var(--ic-action-monochrome-hover-dark);\n}\n\nic-input-component-container:focus {\n  border: var(--ic-border-pressed);\n  border-color: var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  );\n}\n\n.focus-indicator {\n  display: flex;\n  width: 100%;\n  margin: -0.125rem;\n  padding: 0.125rem;\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n  box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.ic-input-component-container-dark:focus-within {\n  box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  ic-input-component-container,\n  .focus-indicator {\n    transition: none;\n  }\n\n  ic-input-component-container:focus-within {\n    border: var(--ic-border-width) solid Highlight;\n    outline: 0.125rem solid Highlight;\n  }\n\n  ic-input-component-container.ic-input-component-container-disabled,\n  ic-input-component-container.ic-input-component-container-disabled:hover {\n    border: var(--ic-border-width) dashed GrayText;\n  }\n}\n","import { Component, Element, Host, Prop, Watch, h } from \"@stencil/core\";\n\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n} from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport {\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n  slotHasContent,\n} from \"../../utils/helpers\";\n\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\n@Component({\n  tag: \"ic-input-component-container\",\n  styleUrl: \"ic-input-component-container.css\",\n})\nexport class InputComponentContainer {\n  private hostMutationObserver: MutationObserver;\n  @Element() el: HTMLIcInputComponentContainerElement;\n\n  /**\n   *  If `true`, the disabled state will be set.\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 input component container will fill the width of the container it is in.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   *  If `true`, the input component container will allow for multiple lines.\n   */\n  @Prop() multiLine?: boolean = false;\n\n  /**\n   *  If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  /**\n   * The size of the input component container component.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   *  If `true`, the validation will display inline.\n   */\n  @Prop() validationInline?: boolean = false;\n\n  /**\n   * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"left-icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, { childList: true });\n  }\n\n  render() {\n    const {\n      size,\n      validationStatus,\n      disabled,\n      readonly,\n      multiLine,\n      fullWidth,\n      validationInline,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-input-component-container-${size}`]: true,\n          [`ic-input-component-container-${validationStatus}`]:\n            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        }}\n        aria-disabled={disabled ? \"true\" : null}\n      >\n        <div class=\"focus-indicator\">\n          {slotHasContent(this.el, \"left-icon\") && (\n            <div class=\"icon-container\">\n              <slot name=\"left-icon\" />\n            </div>\n          )}\n          <slot></slot>\n\n          {validationInline &&\n            validationStatus === IcInformationStatus.Success && (\n              <span class=\"inline-success\" innerHTML={successIcon} />\n            )}\n        </div>\n      </Host>\n    );\n  }\n}\n","ic-input-container .component-container {\n  display: flex;\n  flex-direction: column;\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"ic-input-container\",\n  styleUrl: \"ic-input-container.css\",\n})\nexport class InputContainer {\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            [\"component-container\"]: true,\n            [\"disabled\"]: !!this.disabled,\n            [\"readonly\"]: !!this.readonly,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Method,\n  State,\n  Watch,\n  Fragment,\n} from \"@stencil/core\";\nimport {\n  createPopper,\n  Instance as PopperInstance,\n  Options,\n} from \"@popperjs/core\";\n\nimport {\n  IcActivationTypes,\n  IcMenuOption,\n  IcSizes,\n  IcMultiValueEventDetail,\n} from \"../../utils/types\";\nimport Check from \"../../assets/check-icon.svg\";\nimport {\n  getOptionsWithoutGroupTitlesCount,\n  isMacDevice,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport {\n  IcOptionSelectEventDetail,\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n} from \"./ic-menu.types\";\nimport { IcSearchBarSearchModes } from \"../ic-search-bar/ic-search-bar.types\";\n\n@Component({\n  tag: \"ic-menu\",\n  styleUrl: \"ic-menu.css\",\n  scoped: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n  private ACTIVE_DESCENDANT = \"aria-activedescendant\";\n  private CLEAR_BUTTON_ID = \"clear-button\";\n  private SEARCH_BAR_TAG = \"IC-SEARCH-BAR\";\n  private disabledOptionSelected = false;\n  private hasPreviouslyBlurred = false;\n  private hasTimedOut = false;\n  private isLoading = false;\n  private isMultiSelect = false;\n  private isSearchBar = false;\n  private isSearchableSelect = false;\n  private lastOptionSelected: number | null = null; // Index of last option selected\n  private lastOptionFocused: number | null = null; // Index of last option focused\n  private menu?: HTMLUListElement;\n  private multiOptionClicked: string | null = null;\n  private popperInstance: PopperInstance | null;\n  private preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n  private preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n  private selectAllButton?: HTMLIcButtonElement;\n  private shiftPressed = false;\n  private ungroupedOptions: IcMenuOption[] = [];\n\n  @Element() host: HTMLIcMenuElement;\n\n  @State() focusFromSearchKeypress = false;\n  @State() initialOptionsListRender = false;\n  @State() keyboardNav = false;\n  @State() optionHighlighted?: string;\n  @State() preventIncorrectTabOrder = false;\n  @State() menuOptions: IcMenuOption[];\n  @State() popperProps: Partial<Options> = {};\n\n  /**\n   * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n   */\n  @Prop() activationType: IcActivationTypes = \"automatic\";\n\n  /**\n   * The reference to an anchor element the menu will position itself from when rendered.\n   */\n  @Prop() anchorEl?: HTMLElement;\n\n  /**\n   * @internal If `true`, autofocus will be applied on selected item when menu is open.\n   */\n  @Prop() autofocusOnSelected = true;\n\n  /**\n   *  If `true`, the menu will close when an option is selected.\n   */\n  @Prop() closeOnSelect = true;\n\n  /**\n   *  If `true`, the menu will fill the width of the container.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The reference to the input element.\n   */\n  @Prop() inputEl?: HTMLElement;\n\n  /**\n   * The label for the input element.\n   */\n  @Prop() inputLabel!: string;\n\n  /**\n   * The custom name for the label field for IcMenuOption.\n   */\n  @Prop() labelField = \"label\";\n\n  /**\n   * The ID of the menu.\n   */\n  @Prop() menuId!: string;\n\n  /**\n   * If `true`, the menu will be displayed open.\n   */\n  @Prop({ reflect: true }) open!: boolean;\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (!this.open && this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * @internal - The parent element if ic-menu is nested inside another component.\n   */\n  @Prop() parentEl?: HTMLElement;\n\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  @Prop() searchMode: IcSearchBarSearchModes = \"navigation\";\n\n  /**\n   * @internal If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\n   */\n  @Prop() selectOnEnter: boolean = false;\n\n  /**\n   * The size of the menu.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * The possible menu selection options.\n   */\n  @Prop() options!: IcMenuOption[];\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n    this.isLoading = newOptions.some((opt) => opt.loading);\n    this.ungroupedOptions = [];\n    this.loadUngroupedOptions();\n  }\n\n  /**\n   * The value of the currently selected option - or array of values (if multiple options allowed).\n   */\n  @Prop() value!: string | string[];\n\n  /**\n   * The custom name for the value field for IcMenuOption.\n   */\n  @Prop() valueField = \"value\";\n\n  /**\n   * Emitted when the clear all button is clicked.\n   */\n  @Event() icClear: EventEmitter<void>;\n\n  /**\n   * @internal Emitted when key is pressed while menu is open.\n   */\n  @Event() menuKeyPress: EventEmitter<{ isNavKey: boolean; key: string }>;\n\n  /**\n   * @internal Emitted when an option has been highlighted.\n   */\n  @Event() menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;\n\n  /**\n   * @internal Emitted when an option is selected.\n   */\n  @Event() menuOptionSelect!: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * @internal Emitted when all options are selected or deselected.\n   */\n  @Event() menuOptionSelectAll!: EventEmitter<{ select: boolean }>;\n\n  /**\n   * @internal Emitted when state of menu changes (i.e. open or closed).\n   */\n  @Event() menuStateChange!: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal Emitted when the retry button is clicked.\n   */\n  @Event() retryButtonClicked: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * @internal Emitted when the timeout menu loses focus.\n   */\n  @Event() timeoutBlur: EventEmitter<{ ev: FocusEvent }>;\n\n  /**\n   * @internal Emitted when the ungrouped options have been set.\n   */\n  @Event() ungroupedOptionsSet: EventEmitter<{ options: IcMenuOption[] }>;\n\n  connectedCallback(): void {\n    if (this.parentEl) this.getParentEl(this.parentEl);\n\n    if (this.isSearchBar) {\n      if (this.searchMode === \"navigation\") this.setHighlightedOption(0);\n      this.initialOptionsListRender = true;\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.popperInstance?.destroy();\n    this.parentEl?.removeEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl?.removeEventListener(\n      \"icSubmitSearch\",\n      this.handleSubmitSearch\n    );\n  }\n\n  componentWillLoad(): void {\n    this.loadUngroupedOptions();\n    this.parentEl?.addEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl?.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    this.hasTimedOut = this.options?.some((opt) => opt.timedOut);\n    this.isLoading = this.options?.some((opt) => opt.loading);\n  }\n\n  componentDidLoad(): void {\n    if (\n      this.isSearchBar &&\n      (this.parentEl as HTMLIcSearchBarElement).disableAutoFiltering\n    ) {\n      this.focusFromSearchKeypress = true;\n    }\n\n    onComponentRequiredPropUndefined(\n      [\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      ],\n      \"Menu\"\n    );\n  }\n\n  componentDidUpdate(): void {\n    const inputValueInOptions = this.options.some(\n      (option) => option[this.valueField] === this.value\n    );\n\n    if (\n      this.menu &&\n      this.open &&\n      this.options.length !== 0 &&\n      !this.preventMenuFocus\n    ) {\n      if (\n        this.value &&\n        this.keyboardNav &&\n        inputValueInOptions &&\n        this.autofocusOnSelected &&\n        !this.isSearchableSelect\n      ) {\n        this.scrollToSelected(this.menu);\n      } else if (this.selectOnEnter) {\n        this.menu.focus();\n      } else if (\n        !!this.optionHighlighted &&\n        !this.focusFromSearchKeypress &&\n        !this.preventIncorrectTabOrder\n      ) {\n        const highlightedEl = this.host.querySelector(\n          `li[data-value=\"${this.optionHighlighted}\"]`\n        ) as HTMLElement;\n\n        if (highlightedEl) {\n          this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n          highlightedEl.focus();\n        }\n      } else if (this.inputEl && this.inputEl.tagName !== \"INPUT\") {\n        this.menu.focus();\n      }\n    }\n\n    if (this.menu && this.open && !this.value && this.selectOnEnter) {\n      this.scrollToSelected(this.menu);\n    }\n\n    this.preventMenuFocus = false;\n  }\n\n  componentDidRender(): void {\n    if (this.open && !this.popperInstance && this.anchorEl) {\n      this.initPopperJs(this.anchorEl);\n    }\n\n    if (this.open && !!this.options.length) {\n      this.setMenuScrollbar();\n    }\n  }\n\n  /**\n   * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n   */\n  @Method()\n  async handleClickOpen(): Promise<void> {\n    if (!this.preventClickOpen) {\n      this.menuStateChange.emit({ open: !this.open });\n      this.keyboardNav = false;\n    }\n    this.preventClickOpen = false;\n  }\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  @Method()\n  async handleKeyboardOpen(event: KeyboardEvent): Promise<void> {\n    if (this.activationType === \"automatic\") {\n      this.autoSetInputValueKeyboardOpen(event);\n    } else {\n      this.manualSetInputValueKeyboardOpen(event);\n    }\n  }\n\n  /**\n   * @internal Used to highlight the first option in the menu.\n   */\n  @Method()\n  async handleSetFirstOption(): Promise<void> {\n    this.setHighlightedOption(0);\n  }\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  @Method()\n  async initPopperJs(anchor: HTMLElement): Promise<void> {\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      ...this.popperProps,\n    });\n  }\n\n  /**\n   * @internal This method allows props to be added to the PopperJS createPopper instance outside of the menu\n   * @param props object - createPopper props set externally\n   */\n  @Method()\n  async setExternalPopperProps<T extends Partial<Options>>(props: T) {\n    this.popperProps = props;\n  }\n\n  private handleClearListener = (): void => {\n    this.optionHighlighted = \"\";\n  };\n\n  private handleSubmitSearch = (): void => {\n    const highlightedOptionIndex = this.options.findIndex(\n      (option) => option[this.valueField] === this.optionHighlighted\n    );\n\n    this.setInputValue(highlightedOptionIndex);\n  };\n\n  private handleMenuChange = (open: boolean, focusInput?: boolean): void => {\n    this.menuStateChange.emit({ open, focusInput });\n\n    if (!open) {\n      if (focusInput !== false) {\n        this.inputEl?.focus();\n        this.preventClickOpen = false;\n      }\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\n  private setNextOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n        optionId: this.getOptionId(\n          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\n  private setPreviousOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n        optionId: this.getOptionId(\n          this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]\n        ),\n      });\n    } else {\n      this.menuOptionSelect.emit({\n        value:\n          this.ungroupedOptions[this.ungroupedOptions.length - 1][\n            this.valueField\n          ],\n        optionId: this.getOptionId(\n          this.ungroupedOptions[this.ungroupedOptions.length - 1][\n            this.valueField\n          ]\n        ),\n      });\n    }\n  };\n\n  private getParentEl = (parent: HTMLElement) => {\n    if (parent.tagName === this.SEARCH_BAR_TAG) {\n      this.isSearchBar = true;\n    } else if (parent.tagName === \"IC-SELECT\") {\n      if (\n        parent.getAttribute(\"searchable\") !== null &&\n        parent.getAttribute(\"searchable\") !== undefined\n      ) {\n        this.isSearchableSelect = true;\n      } else if (\n        parent.getAttribute(\"multiple\") !== null &&\n        parent.getAttribute(\"multiple\") !== undefined\n      ) {\n        this.isMultiSelect = true;\n      }\n    }\n  };\n\n  // Open menu when up or down arrow keys are pressed\n  private arrowBehaviour = (event: KeyboardEvent): void => {\n    event.preventDefault();\n    this.handleMenuChange(true);\n  };\n\n  private getMenuOptions = () =>\n    this.isSearchBar ? this.options : this.ungroupedOptions;\n\n  // Set option that is focused and so should show focus state\n  private setHighlightedOption = (highlightedIndex: number): void => {\n    const menuOptions = this.getMenuOptions();\n\n    menuOptions[highlightedIndex] &&\n      !menuOptions[highlightedIndex].timedOut &&\n      (this.optionHighlighted =\n        menuOptions[highlightedIndex][this.valueField] || undefined);\n  };\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  private autoSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option[this.valueField] === this.value\n    );\n\n    this.keyboardNav = false;\n\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 as HTMLElement).id !== this.CLEAR_BUTTON_ID) {\n          this.handleMenuChange(true);\n        }\n        break;\n    }\n  };\n\n  private selectHighlightedOption = (\n    options: IcMenuOption[],\n    highlightedOptionIndex: number\n  ) => {\n    if (!this.isLoading && !this.hasTimedOut) {\n      this.keyboardNav = true;\n    }\n\n    const isOpen: boolean =\n      this.isSearchBar || this.isSearchableSelect || this.open;\n\n    if (isOpen) {\n      if (highlightedOptionIndex >= 0) {\n        if (options[highlightedOptionIndex] !== undefined) {\n          if (\n            this.isSearchBar &&\n            options[highlightedOptionIndex].disabled === true\n          ) {\n            this.disabledOptionSelected = true;\n          } else {\n            this.setInputValue(highlightedOptionIndex);\n          }\n        }\n      } else {\n        this.setInputValue(highlightedOptionIndex);\n      }\n    } else {\n      this.handleMenuChange(true);\n    }\n  };\n\n  // Check if option is selected based on the index of the option\n  private isOptionSelected = (index: number) => {\n    const menuOptions = this.getMenuOptions();\n\n    return this.value\n      ? this.value.includes(menuOptions[index][this.valueField])\n      : false;\n  };\n\n  // Deselect currently selected options when shift pressed, but keep certain options selected\n  private deselectSelectedOptions = (optionsToKeepSelected: number[]) => {\n    const menuOptions = this.getMenuOptions();\n\n    if (this.value) {\n      const selectedOptionIndexes = (this.value as string[]).map((value) => {\n        return menuOptions.findIndex(\n          (option) => option[this.valueField] === value\n        );\n      });\n\n      // Call setInputValue (which toggles the selected state) on options that need to be deselected\n      selectedOptionIndexes.forEach(\n        (index) =>\n          !optionsToKeepSelected.includes(index) && this.setInputValue(index)\n      );\n    }\n  };\n\n  // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n  private manualSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const menuOptions = this.getMenuOptions();\n\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 =\n      event.shiftKey || event.metaKey || event.ctrlKey;\n\n    const highlightedOptionIndex = this.getOptionHighlightedIndex();\n\n    const clickedMultiOptionIndex = menuOptions.findIndex(\n      (option) => option[this.valueField] === this.multiOptionClicked\n    );\n\n    const getOptionId = (index: number): string =>\n      Array.from(this.host.querySelectorAll(\"li\"))[index]?.id;\n\n    // Space press should be equivalent to Enter when multi-select\n    if (event.key === \" \" && this.isMultiSelect) {\n      this.handleOptionSelect(event, highlightedOptionIndex);\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          } else {\n            this.handleSingleShiftSelect(\n              event,\n              highlightedOptionIndex,\n              menuOptions\n            );\n\n            if (highlightedOptionIndex < menuOptions.length - 1) {\n              this.setHighlightedOption(highlightedOptionIndex + 1);\n              this.menuOptionId.emit({\n                optionId: getOptionId(highlightedOptionIndex + 1),\n              });\n\n              this.handleSingleShiftSelect(\n                event,\n                highlightedOptionIndex + 1,\n                menuOptions\n              );\n            } else {\n              this.setHighlightedOption(0);\n              this.menuOptionId.emit({\n                optionId: getOptionId(0),\n              });\n\n              this.handleSingleShiftSelect(event, 0, menuOptions);\n            }\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          } else {\n            this.handleSingleShiftSelect(\n              event,\n              highlightedOptionIndex,\n              menuOptions\n            );\n\n            if (\n              highlightedOptionIndex <= 0 ||\n              highlightedOptionIndex > menuOptions.length + 1\n            ) {\n              this.setHighlightedOption(menuOptions.length - 1);\n              this.menuOptionId.emit({\n                optionId: getOptionId(menuOptions.length - 1),\n              });\n\n              this.handleSingleShiftSelect(\n                event,\n                menuOptions.length - 1,\n                menuOptions\n              );\n            } else {\n              this.setHighlightedOption(highlightedOptionIndex - 1);\n              this.menuOptionId.emit({\n                optionId: getOptionId(highlightedOptionIndex - 1),\n              });\n\n              this.handleSingleShiftSelect(\n                event,\n                highlightedOptionIndex - 1,\n                menuOptions\n              );\n            }\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\n          this.lastOptionFocused = this.getOptionHighlightedIndex();\n          this.preventIncorrectTabOrder = false;\n          this.focusFromSearchKeypress = false;\n          break;\n        case \"Home\": {\n          const startOptionIndex = 0;\n\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\n          if (event.shiftKey && event.ctrlKey) {\n            this.handleMultipleShiftSelect(startOptionIndex);\n          }\n\n          this.lastOptionFocused = startOptionIndex;\n          this.lastOptionSelected = startOptionIndex;\n          break;\n        }\n        case \"End\": {\n          const endOptionIndex = menuOptions.length - 1;\n\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\n          if (event.shiftKey && event.ctrlKey) {\n            this.handleMultipleShiftSelect(endOptionIndex);\n          }\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          } else {\n            if ((event.target as HTMLElement).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 (\n            (isMacDevice() && event.metaKey) ||\n            (!isMacDevice() && event.ctrlKey)\n          ) {\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          } 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\n  private setInputValue = (highlightedOptionIndex: number) => {\n    const menuOptions = this.getMenuOptions();\n\n    if (menuOptions[highlightedOptionIndex] !== undefined) {\n      this.menuOptionSelect.emit({\n        value: menuOptions[highlightedOptionIndex][this.valueField],\n      });\n\n      if (this.closeOnSelect) {\n        this.optionHighlighted = undefined;\n        this.menuOptionId.emit({ optionId: undefined });\n      }\n    }\n\n    if (this.closeOnSelect) {\n      if (!this.hasTimedOut) {\n        this.handleMenuChange(false);\n      } else {\n        (this.parentEl as HTMLIcSearchBarElement).setFocus();\n      }\n    }\n  };\n\n  private handleOptionClick = (event: MouseEvent): void => {\n    const { value, label } = (event.target as HTMLLIElement).dataset;\n\n    if (this.isMultiSelect) {\n      const menuOptions = this.getMenuOptions();\n      const selectedOptionIndex = menuOptions.findIndex(\n        (option) => option.value === value\n      );\n\n      this.handleOptionSelect(event, selectedOptionIndex, true);\n      this.multiOptionClicked = value || null;\n    } else {\n      this.menuOptionSelect.emit({ value, label });\n      this.handleMenuChange(false);\n    }\n\n    this.optionHighlighted = undefined;\n  };\n\n  private handleRetry = (): void => {\n    this.retryButtonClicked.emit({ value: this.value });\n  };\n\n  private handleRetryKeyDown = (ev: KeyboardEvent): void => {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.preventDefault();\n      this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n    }\n  };\n\n  private handleBlur = (event: FocusEvent): void => {\n    if (event.relatedTarget !== this.inputEl) {\n      if (event.relatedTarget === this.selectAllButton) {\n        this.menu?.removeAttribute(this.ACTIVE_DESCENDANT);\n      }\n\n      if (\n        !(\n          this.menu?.contains(event.relatedTarget as HTMLElement) ||\n          event.relatedTarget === this.selectAllButton\n        )\n      ) {\n        this.handleMenuChange(false, this.hasPreviouslyBlurred);\n        this.menu?.removeAttribute(this.ACTIVE_DESCENDANT);\n        this.lastOptionFocused = null;\n        this.lastOptionSelected = null;\n      }\n    } else {\n      this.handleMenuChange(false);\n      this.preventClickOpen = true;\n      this.menu?.removeAttribute(this.ACTIVE_DESCENDANT);\n      this.lastOptionFocused = null;\n      this.lastOptionSelected = null;\n    }\n    if (!this.isSearchBar) this.hasPreviouslyBlurred = !!event.relatedTarget;\n  };\n\n  private handleMouseDown = (event: Event): void => {\n    event.preventDefault();\n  };\n\n  private handleMenuKeyDown = (event: KeyboardEvent) => {\n    if (this.activationType === \"automatic\") {\n      this.autoSetValueOnMenuKeyDown(event);\n    } else if (this.activationType === \"manual\" && !this.isSearchBar) {\n      this.manualSetInputValueKeyboardOpen(event);\n    }\n  };\n\n  private handleMenuKeyUp = (event: KeyboardEvent): void => {\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\n    if (event.key === \"Shift\") {\n      this.shiftPressed = false;\n    }\n  };\n\n  private handleSelectAllClick = () => {\n    this.keyboardNav = false;\n    this.menu?.focus();\n    this.emitSelectAllEvents();\n    this.lastOptionFocused = null;\n    this.lastOptionSelected = null;\n  };\n\n  private handleSelectAllBlur = (event: FocusEvent) => {\n    this.host.classList.remove(\"ic-select-select-all-focused\");\n    if (!this.menu?.contains(event.relatedTarget as HTMLElement)) {\n      this.handleMenuChange(false, false);\n    }\n  };\n\n  private handleSelectAllFocus = () => {\n    this.host.classList.add(\"ic-select-select-all-focused\");\n    this.lastOptionFocused = null;\n    this.lastOptionSelected = null;\n  };\n\n  // Fix for Safari - select all button click was causing menu to close\n  private handleSelectAllMouseDown = (event: Event) => {\n    event.preventDefault();\n  };\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  private handleSingleShiftSelect = (\n    event: KeyboardEvent,\n    optionToSelectIndex: number,\n    options: IcMenuOption[]\n  ) => {\n    if (\n      this.isMultiSelect &&\n      event.shiftKey &&\n      !this.isOptionSelected(optionToSelectIndex)\n    ) {\n      this.selectHighlightedOption(options, optionToSelectIndex);\n      this.lastOptionSelected = optionToSelectIndex;\n    }\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  private handleMultipleShiftSelect = (\n    lastOptionInSelection: number,\n    useFocusForSelection = false,\n    firstOptionSelected: number | null = null\n  ) => {\n    this.shiftPressed = false;\n\n    const firstOptionInSelection =\n      firstOptionSelected === null\n        ? this.getFirstOptionInSelection(useFocusForSelection)\n        : firstOptionSelected;\n    if (firstOptionInSelection !== null) {\n      const optionsToSelect = [];\n\n      if (firstOptionInSelection < lastOptionInSelection) {\n        for (\n          let i = firstOptionInSelection;\n          i < lastOptionInSelection + 1;\n          i++\n        ) {\n          optionsToSelect.push(i);\n        }\n      } else {\n        for (\n          let i = firstOptionInSelection;\n          i > lastOptionInSelection - 1;\n          i--\n        ) {\n          optionsToSelect.push(i);\n        }\n      }\n\n      optionsToSelect.forEach(\n        (optionIndex) =>\n          !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex)\n      );\n      this.deselectSelectedOptions(optionsToSelect);\n    }\n  };\n\n  private handleOptionSelect = (\n    event: KeyboardEvent | MouseEvent,\n    optionIndex: number,\n    useFocusForSelection = false\n  ) => {\n    const menuOptions = this.getMenuOptions();\n    const firstOptionInSelection =\n      this.getFirstOptionInSelection(useFocusForSelection);\n    if (event.shiftKey && firstOptionInSelection !== null) {\n      this.handleMultipleShiftSelect(\n        optionIndex,\n        useFocusForSelection,\n        firstOptionInSelection\n      );\n    } else {\n      this.selectHighlightedOption(menuOptions, optionIndex);\n    }\n\n    this.lastOptionFocused = optionIndex;\n    this.lastOptionSelected = optionIndex;\n  };\n\n  private getFirstOptionInSelection = (\n    useFocusForSelection: boolean\n  ): number | null => {\n    return useFocusForSelection && this.lastOptionFocused !== null\n      ? this.lastOptionFocused\n      : this.lastOptionSelected !== null\n      ? this.lastOptionSelected\n      : null;\n  };\n\n  private emitSelectAllEvents = () => {\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:\n        !this.value || !(this.value?.length === this.ungroupedOptions.length),\n    });\n    // Emit clear event if all options are selected\n    if (this.value?.length === this.ungroupedOptions.length) {\n      this.icClear.emit();\n    }\n  };\n\n  private emitMenuKeyPress = (isNavKey: boolean, key: string) => {\n    this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n  };\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  private autoSetValueOnMenuKeyDown = (event: KeyboardEvent): void => {\n    event.cancelBubble = true;\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option[this.valueField] === this.value\n    );\n\n    const isSearchableSelect =\n      !!this.inputEl && this.inputEl.tagName === \"INPUT\";\n\n    this.keyboardNav = false;\n\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:\n            this.ungroupedOptions[this.ungroupedOptions.length - 1][\n              this.valueField\n            ],\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\n  private getOptionId = (value: string): string => {\n    return `${this.menuId}-${value}`;\n  };\n\n  private getOptionAriaLabel = (\n    option: IcMenuOption,\n    parentOption?: IcMenuOption\n  ): string => {\n    let ariaLabel = option[this.labelField];\n\n    if (option.description) {\n      ariaLabel = `${ariaLabel}, ${option.description}`;\n    }\n\n    if (option.element) {\n      ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n    }\n\n    if (parentOption) {\n      return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private getSortedOptions = (options: IcMenuOption[]): IcMenuOption[] => {\n    let sorted: IcMenuOption[] = [];\n    if (options.sort) {\n      sorted = options.sort((optionA, optionB) =>\n        optionA.recommended && !optionB.recommended ? -1 : 0\n      );\n    }\n    return sorted;\n  };\n\n  private getOptionHighlightedIndex = () => {\n    const menuOptions = this.getMenuOptions();\n\n    return menuOptions.findIndex(\n      (option) => option[this.valueField] === this.optionHighlighted\n    );\n  };\n\n  private isManualMode = this.activationType === \"manual\";\n\n  private scrollToSelected = (menu: HTMLUListElement) => {\n    const selectedOption = this.selectOnEnter\n      ? (this.host.querySelector(\n          `li[data-value=\"${this.optionHighlighted}\"]`\n        ) as HTMLElement)\n      : (menu.querySelector(\".option[aria-selected='true']\") as HTMLElement);\n\n    if (selectedOption) {\n      const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n      if (\n        elTop > menu.scrollTop + menu.offsetHeight ||\n        elTop < menu.scrollTop + menu.offsetHeight\n      ) {\n        menu.scrollTop = selectedOption.offsetTop;\n      }\n      // 'aria-activedescendant' affects screen reader focus\n      // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant\n      this.menu?.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);\n      selectedOption.focus();\n    }\n  };\n\n  // Set 'ungroupedOptions' variable and emit its value\n  // - this is all the options with disabled options and group titles removed\n  private loadUngroupedOptions = () => {\n    if (this.options.length > 0 && this.options.map) {\n      this.options.map((option) => {\n        if (option.children) {\n          option.children.map(\n            (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\n  private setMenuScrollbar = () => {\n    let optionsHeight = 0;\n    this.host\n      .querySelectorAll(\".option, .option-group-title\")\n      .forEach((option) => (optionsHeight += option.clientHeight));\n\n    if (optionsHeight >= 320) {\n      this.menu?.classList.add(\"menu-scroll\");\n    }\n  };\n\n  private handleTimeoutBlur = (ev: FocusEvent) => {\n    this.timeoutBlur.emit({ ev });\n  };\n\n  private focusOnSearchOrSelectInput(\n    menuOptions: IcMenuOption[],\n    highlightedOptionIndex: number\n  ) {\n    if (!menuOptions[highlightedOptionIndex]) return;\n\n    if (this.isSearchBar) {\n      (this.parentEl as HTMLIcSearchBarElement).setFocus();\n      if (this.searchMode === \"navigation\") this.setHighlightedOption(0);\n    }\n\n    if (this.isSearchableSelect) {\n      (this.parentEl as HTMLIcSelectElement).setFocus();\n    }\n\n    this.focusFromSearchKeypress = true;\n  }\n\n  private optionContent = (option: IcMenuOption, selected: boolean) => {\n    const showCheckIcon =\n      !!option[this.valueField] &&\n      !!this.value &&\n      selected &&\n      this.parentEl?.tagName !== this.SEARCH_BAR_TAG;\n\n    return (\n      <Fragment>\n        {option.loading && <ic-loading-indicator size=\"icon\" />}\n        <div\n          class={{\n            \"option-text-container\": true,\n            \"show-check-icon\": showCheckIcon,\n          }}\n        >\n          <div class=\"option-label\">\n            {option.icon && (\n              <div\n                class=\"option-icon\"\n                innerHTML={option.icon}\n                aria-hidden=\"true\"\n              ></div>\n            )}\n            <ic-typography variant=\"body\" aria-hidden=\"true\">\n              {option[this.labelField]}\n            </ic-typography>\n          </div>\n          {option.description && (\n            <ic-typography\n              id={`${this.getOptionId(option[this.valueField])}-description`}\n              class=\"option-description\"\n              variant=\"caption\"\n              aria-hidden=\"true\"\n            >\n              <p>{option.description}</p>\n            </ic-typography>\n          )}\n          {option.element && (\n            <div\n              class=\"option-element\"\n              innerHTML={option.element.component}\n              aria-hidden=\"true\"\n            ></div>\n          )}\n        </div>\n        {showCheckIcon && <span class=\"check-icon\" innerHTML={Check} />}\n      </Fragment>\n    );\n  };\n\n  private displayOption = (\n    option: IcMenuOption,\n    selected: boolean,\n    index: number,\n    parentOption?: IcMenuOption\n  ): HTMLLIElement => {\n    const {\n      open,\n      keyboardNav,\n      isManualMode,\n      initialOptionsListRender,\n      optionHighlighted,\n      options,\n    } = this;\n\n    return (\n      <li\n        id={this.getOptionId(option[this.valueField])}\n        class={{\n          option: true,\n          \"focused-option\": isManualMode\n            ? (keyboardNav || initialOptionsListRender) &&\n              option[this.valueField] === optionHighlighted\n            : keyboardNav && selected,\n          \"last-recommended-option\": !!(\n            option.recommended &&\n            options[index + 1] &&\n            !options[index + 1].recommended\n          ),\n          \"disabled-option\": !!option.disabled,\n          \"loading-option\": !!option.loading,\n          timeout: !!option.timedOut,\n        }}\n        role=\"option\"\n        tabindex={\n          open &&\n          (selected || option[this.valueField] === optionHighlighted) &&\n          keyboardNav\n            ? \"0\"\n            : \"-1\"\n        }\n        aria-label={this.getOptionAriaLabel(option, parentOption)}\n        aria-selected={selected ? \"true\" : \"false\"}\n        aria-disabled={option.disabled ? \"true\" : \"false\"}\n        onClick={\n          !option.timedOut && !option.loading\n            ? this.handleOptionClick\n            : undefined\n        }\n        onBlur={this.handleBlur}\n        onMouseDown={this.handleMouseDown}\n        data-value={option[this.valueField]}\n        data-label={option[this.labelField]}\n      >\n        {option.timedOut ? (\n          <Fragment>\n            <div class=\"loading-error-info\">\n              <svg\n                class=\"error-icon-svg\"\n                aria-labelledby=\"error-title\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"#000000\"\n              >\n                <title id=\"error-title\">Error</title>\n                <g id=\"close-octagon\">\n                  <path\n                    id=\"Vector\"\n                    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\"\n                  />\n                </g>\n              </svg>\n              <ic-typography variant=\"label\">\n                {option[this.labelField]}\n              </ic-typography>\n            </div>\n            <ic-button\n              size=\"small\"\n              variant=\"tertiary\"\n              onClick={this.handleRetry}\n              onKeyDown={this.handleRetryKeyDown}\n              onBlur={this.handleTimeoutBlur}\n              id=\"retry-button\"\n            >\n              Retry\n            </ic-button>\n          </Fragment>\n        ) : (\n          this.optionContent(option, selected)\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const {\n      inputLabel,\n      options,\n      menuId,\n      value,\n      fullWidth,\n      hasTimedOut,\n      isLoading,\n      size,\n      open,\n      inputEl,\n      keyboardNav,\n      parentEl,\n      SEARCH_BAR_TAG,\n    } = this;\n\n    const selectAllButtonText = `${\n      value?.length === this.ungroupedOptions.length ? \"Clear\" : \"Select\"\n    } all`;\n\n    const hasNoResults = this.host.classList.contains(\"no-results\");\n\n    return (\n      <Host\n        class={{\n          \"ic-menu-full-width\": !!fullWidth,\n          \"ic-menu-no-focus\":\n            (inputEl?.tagName === \"INPUT\" &&\n              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        }}\n      >\n        {options.length !== 0 && (\n          <ul\n            id={menuId}\n            class=\"menu\"\n            role=\"listbox\"\n            aria-label={`${inputLabel} pop-up`}\n            aria-multiselectable={this.isMultiSelect ? \"true\" : \"false\"}\n            tabindex={\n              open &&\n              !keyboardNav &&\n              (inputEl?.tagName !== \"INPUT\" ||\n                parentEl?.tagName === SEARCH_BAR_TAG)\n                ? \"0\"\n                : \"-1\"\n            }\n            ref={(el) => (this.menu = el)}\n            onKeyDown={this.handleMenuKeyDown}\n            onKeyUp={this.handleMenuKeyUp}\n            onBlur={this.handleBlur}\n          >\n            {this.getSortedOptions(options).map((option, index) => {\n              if (option.children) {\n                if (option.children.length > 0) {\n                  return (\n                    <div>\n                      <ic-typography\n                        class=\"option-group-title\"\n                        role=\"presentation\"\n                        variant=\"subtitle-small\"\n                      >\n                        <p>{option[this.labelField]}</p>\n                      </ic-typography>\n                      {option.children.map(\n                        (childOption) =>\n                          childOption.label &&\n                          this.displayOption(\n                            childOption,\n                            this.isMultiSelect\n                              ? value?.includes(childOption[this.valueField])\n                              : childOption[this.valueField] === value,\n                            index,\n                            option\n                          )\n                      )}\n                    </div>\n                  );\n                } else {\n                  return null;\n                }\n              } else {\n                // Display option only if it has a label (rather than displaying an empty space)\n                return (\n                  option.label &&\n                  this.displayOption(\n                    option,\n                    this.isMultiSelect\n                      ? value?.includes(option[this.valueField])\n                      : option[this.valueField] === value,\n                    index\n                  )\n                );\n              }\n            })}\n          </ul>\n        )}\n        {options.length !== 0 &&\n          this.isMultiSelect &&\n          !isLoading &&\n          !hasTimedOut &&\n          !hasNoResults && (\n            <div class=\"option-bar\">\n              <ic-typography>\n                <p>{`${\n                  value ? value.length : 0\n                }/${getOptionsWithoutGroupTitlesCount(\n                  this.options\n                )} selected`}</p>\n              </ic-typography>\n              <ic-button\n                class=\"select-all-button\"\n                aria-label={`${selectAllButtonText} options for ${inputLabel}`}\n                ref={(el) => (this.selectAllButton = el)}\n                variant=\"tertiary\"\n                onClick={this.handleSelectAllClick}\n                onMouseDown={this.handleSelectAllMouseDown}\n                onBlur={this.handleSelectAllBlur}\n                onFocus={this.handleSelectAllFocus}\n                size={size === \"small\" ? \"small\" : \"medium\"}\n              >\n                {selectAllButtonText}\n              </ic-button>\n            </div>\n          )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}