@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/core/p-e488de54.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icInputComponentContainerCss","InputComponentContainer","this","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","componentDidLoad","hostMutationObserver","MutationObserver","observe","el","childList","render","size","validationStatus","disabled","readonly","multiLine","fullWidth","appearance","validationInline","hasValidationStatus","h","Host","class","dark","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","InputContainer","icMenuCss","Menu","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","isMultiSelect","isSearchBar","isSearchableSelect","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","valueField","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","keyboardNav","key","target","id","selectHighlightedOption","isOpen","isOptionSelected","index","includes","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","_a","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","preventIncorrectTabOrder","focusFromSearchKeypress","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAll","selectAllButton","focusOnSearchOrSelectInput","closeOnSelect","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","activationType","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","menuId","getOptionAriaLabel","parentOption","ariaLabel","labelField","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","selectOnEnter","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","Fragment","loading","icon","variant","component","Check","displayOption","initialOptionsListRender","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","opt","connectedCallback","searchMode","disconnectedCallback","removeEventListener","componentWillLoad","addEventListener","_b","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","inputLabel","componentDidUpdate","inputValueInOptions","autoFocusOnSelected","highlightedEl","componentDidRender","anchorEl","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","placement","modifiers","offset","fallbackPlacements","rootBoundary","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   */\n\n  display: flex;\n  border: var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-slow);\n  height: 2.5rem;\n  width: var(--input-width, 20rem);\n  padding: var(--ic-space-1px);\n  background-color: var(--ic-architectural-white);\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 var(--ic-architectural-200);\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-border-error);\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error:hover {\n  border: var(--ic-border-error-hover);\n}\n\nic-input-component-container.ic-input-component-container-error:focus-within {\n  border: var(--ic-border-error-pressed);\n}\n\nic-input-component-container.ic-input-component-container-warning {\n  border: var(--ic-border-warning);\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-warning:hover {\n  border: var(--ic-border-warning-hover);\n}\n\nic-input-component-container.ic-input-component-container-warning:focus-within {\n  border: var(--ic-border-warning-pressed);\n}\n\nic-input-component-container.ic-input-component-container-success {\n  border: var(--ic-border-success);\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-success:hover {\n  border: var(--ic-border-success-hover);\n}\n\nic-input-component-container.ic-input-component-container-success:focus-within {\n  border: var(--ic-success-border-pressed);\n}\n\nic-input-component-container.ic-input-component-container-small {\n  height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n  height: var(--ic-space-xxl);\n}\n\nic-input-component-container.ic-input-component-container-multiline {\n  height: auto;\n}\n\nic-input-component-container .icon-container {\n  margin-top: var(--ic-space-xxs);\n  margin-left: 0.438rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-multiline\n  .icon-container,\nic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small\n  .icon-container {\n  margin-top: 0.375rem;\n  display: block;\n}\n\nic-input-component-container.ic-input-component-container-readonly\n  .icon-container {\n  margin-left: -0.313rem;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n  ::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.ic-input-component-container-dark:hover {\n  --border-color: var(--ic-architectural-400);\n}\n\nic-input-component-container .inline-success > svg {\n  fill: var(--ic-status-success-default);\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-component-container:hover {\n  border: var(--ic-border-hover);\n  color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:focus {\n  border: var(--ic-border-pressed);\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, forceUpdate, h } from \"@stencil/core\";\n\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n} from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { checkSlotInChildMutations, slotHasContent } 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   * The appearance of the input component container.\n   */\n  @Prop() appearance?: \"dark\" | \"default\" = \"default\";\n\n  /**\n   *  If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\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  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, { childList: true });\n  }\n\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    if (\n      mutationList.some(({ type, addedNodes, removedNodes }) =>\n        type === \"childList\"\n          ? checkSlotInChildMutations(addedNodes, removedNodes, \"left-icon\")\n          : false\n      )\n    ) {\n      forceUpdate(this);\n    }\n  };\n\n  render() {\n    const {\n      size,\n      validationStatus,\n      disabled,\n      readonly,\n      multiLine,\n      fullWidth,\n      appearance,\n      validationInline,\n    } = this;\n    const hasValidationStatus =\n      this.validationStatus !== \"\" && !this.disabled && !this.readonly\n        ? true\n        : false;\n\n    return (\n      <Host\n        class={{\n          [`ic-input-component-container-${size}`]: true,\n          [`ic-input-component-container-${validationStatus}`]:\n            hasValidationStatus,\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          [\"ic-input-component-container-dark\"]: appearance === \"dark\",\n        }}\n        aria-disabled={disabled && `${disabled}`}\n      >\n        <div\n          class={{\n            \"focus-indicator\": true,\n            dark: appearance === \"dark\",\n          }}\n        >\n          {slotHasContent(this.el, \"left-icon\") && (\n            <div\n              class={{\n                [\"icon-container\"]: true,\n              }}\n            >\n              <slot name=\"left-icon\" />\n            </div>\n          )}\n          <slot></slot>\n\n          {validationInline &&\n            validationStatus === IcInformationStatus.Success && (\n              <span\n                class={{\n                  [\"inline-success\"]: true,\n                }}\n                innerHTML={successIcon}\n              />\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(--ic-color-text-primary);\n\n  --ic-typography-color: var(--ic-color-text-primary);\n\n  background-color: var(--ic-architectural-white);\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(--ic-architectural-white);\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 var(--ic-architectural-400);\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-action-dark-bg-hover);\n}\n\n.option:not(.disabled-option):active {\n  background-color: var(--ic-action-dark-bg-pressed);\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(--ic-color-text-secondary);\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-color-text-secondary);\n\n  --ic-typography-color: var(--ic-color-text-secondary);\n}\n\n.error-icon-svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  fill: var(--ic-status-error-default);\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-color-text-tertiary);\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-border-default);\n}\n\n.disabled-option {\n  color: var(--ic-architectural-200);\n\n  --ic-typography-color: var(--ic-architectural-200);\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-architectural-white) !important;\n\n  --ic-typography-color: var(--ic-architectural-white) !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-architectural-40);\n  visibility: hidden;\n  border-bottom: var(--ic-border-width) solid var(--ic-architectural-400);\n  border-radius: 1px 1px 0 0;\n}\n\n.option-bar p {\n  margin-bottom: 0 !important;\n}\n\n:host(.ic-menu-large) .option-bar {\n  padding: var(--ic-space-xs);\n}\n\n.select-all-button {\n  display: none;\n}\n\n.select-all-button:focus {\n  z-index: calc(var(--ic-z-index-menu) + 1);\n}\n\n@media (forced-colors: active) {\n  .focused-option:focus {\n    outline: none;\n    border: 0.125rem solid transparent;\n  }\n}\n","import {\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 { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\nimport {\n  IcActivationTypes,\n  IcMenuOption,\n  IcSizes,\n  IcValueEventDetail,\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 disabledOptionSelected: boolean = false;\n  private hasPreviouslyBlurred: boolean = false;\n  private hasTimedOut: boolean = false;\n  private isLoading: boolean = false;\n  private isMultiSelect: boolean = false;\n  private isSearchBar: boolean = false;\n  private isSearchableSelect: boolean = false;\n  private lastOptionSelected: number = null; // Index of last option selected\n  private lastOptionFocused: number = null; // Index of last option focused\n  private menu: HTMLUListElement;\n  private multiOptionClicked: string = null;\n  private popperInstance: PopperInstance;\n  private preventClickOpen: boolean = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n  private preventMenuFocus: boolean = false; // (When multiple) ensures focus moves straight to select all button from menu.\n  private selectAllButton: HTMLIcButtonElement;\n  private shiftPressed: boolean = false;\n  private ungroupedOptions: IcMenuOption[] = [];\n\n  @Element() host: HTMLIcMenuElement;\n\n  @State() focusFromSearchKeypress: boolean = false;\n  @State() initialOptionsListRender: boolean = false;\n  @State() keyboardNav: boolean = false;\n  @State() optionHighlighted: string;\n  @State() preventIncorrectTabOrder: boolean = false;\n  @State() menuOptions: IcMenuOption[];\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: boolean = true;\n\n  /**\n   *  If `true`, the menu will close when an option is selected.\n   */\n  @Prop() closeOnSelect: boolean = true;\n\n  /**\n   *  If `true`, the menu will fill the width of the container.\n   */\n  @Prop() fullWidth: boolean = 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: string = \"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\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\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: string = \"value\";\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<IcValueEventDetail>;\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    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    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\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 (this.open && this.options.length !== 0 && !this.preventMenuFocus) {\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 (\n        this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n        this.inputEl.tagName !== \"INPUT\"\n      ) {\n        this.menu.focus();\n      }\n    }\n\n    if (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    });\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 === \"IC-SEARCH-BAR\") {\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.emitSelectAll();\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n          }\n          break;\n        case \"Shift\":\n        case \"Tab\":\n          if (event.key === \"Shift\") {\n            this.shiftPressed = true;\n          }\n          if (this.isSearchBar) {\n            this.keyboardNav = true;\n          }\n          if (this.isMultiSelect) {\n            if (this.open && !event.shiftKey && this.selectAllButton) {\n              event.preventDefault();\n              this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n              this.preventMenuFocus = true;\n              this.preventClickOpen = true;\n              this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n            }\n          } 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;\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.emitSelectAll();\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\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 => {\n    return useFocusForSelection && this.lastOptionFocused !== null\n      ? this.lastOptionFocused\n      : this.lastOptionSelected !== null\n      ? this.lastOptionSelected\n      : null;\n  };\n\n  private emitSelectAll = () => {\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  };\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 = 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\")\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 !== \"IC-SEARCH-BAR\";\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          \"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={!option.timedOut && !option.loading && this.handleOptionClick}\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    } = 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\" || hasTimedOut || 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 && !keyboardNav && inputEl?.tagName !== \"INPUT\" ? \"0\" : \"-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: HTMLIcButtonElement) => (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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"}

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

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as t,g as r}from"./p-6b5e91e2.js";import{D as i,g as n,a as l}from"./p-b7eb8ef9.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.footer-link-group-sparse){--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-label-margin-top:0;--footer-link-label-margin-bottom:var(--ic-space-md)}:host(.footer-link-group-small){--footer-link-group-margin-right:0;--footer-link-label-margin-top:var(--ic-space-md);--footer-link-label-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}:host(.footer-link-group-light.footer-link-group-small){--footer-link-group-border-bottom:var(--ic-border-keyline-lighten)}:host(.footer-link-group-dark.footer-link-group-small){--footer-link-group-border-bottom:var(--ic-border-keyline-darken)}:host(.footer-link-group){margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}:host(.footer-link-group-small.footer-link-group-light:hover){background-color:var(--ic-action-light-bg-hover);cursor:pointer}:host(.footer-link-group-small.footer-link-group-dark:hover){background-color:var(--ic-action-dark-bg-hover);cursor:pointer}:host(.footer-link-group-sparse:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small.footer-link-group-light:active){background-color:var(--ic-action-light-bg-pressed)}:host(.footer-link-group-small.footer-link-group-dark:active){background-color:var(--ic-action-dark-bg-pressed)}.footer-link-label{margin-top:var(--footer-link-label-margin-top);margin-bottom:var(--footer-link-label-margin-bottom);flex-grow:1}.footer-link-group-toggle{fill:white !important}.footer-link-group-links{display:flex;flex-direction:column}.footer-link-group-header{display:flex;align-items:center}ic-typography{--ic-typography-color:var(--ic-theme-text)}';const s=class{constructor(e){o(this,e);this.handleKeydown=o=>{if(o.key===" "||o.key==="Enter"){this.toggleExpanded()}};this.toggleExpanded=()=>{this.expanded=!this.expanded};this.expanded=false;this.deviceSize=i.XL;this.dropdownIconStyle=n();this.small=false;this.label=undefined}componentWillLoad(){this.small=this.isSmall(this.el)}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Footer Link Group")}footerResizeHandler(){this.small=this.isSmall(this.el)}footerThemeChangeHandler(o){const e=o.detail;this.dropdownIconStyle=e.mode}isSmall(o){if(o.parentElement!==null){if(o.parentElement.classList.contains("ic-footer")){return o.parentElement.classList.contains("ic-footer-small")}else{return this.isSmall(o.parentElement)}}else{return false}}render(){const{small:o,label:r}=this;return!o?e(t,{class:{["footer-link-group footer-link-group-sparse"]:true,[`footer-link-group-${this.dropdownIconStyle}`]:true},role:"listitem"},e("div",{class:"footer-link-label"},e("ic-typography",{variant:"subtitle-small"},r)),e("div",{class:"footer-link-group-links",role:"list"},e("slot",null))):e(t,{class:{["footer-link-group footer-link-group-small"]:true,[`footer-link-group-${this.dropdownIconStyle}`]:true},tabIndex:"1",onClick:this.toggleExpanded,onKeydown:this.handleKeydown,"aria-expanded":this.expanded},e("ic-section-container",{fullHeight:true},e("div",{class:"footer-link-group-header"},e("div",{class:"footer-link-label"},e("ic-typography",{variant:"label"},r)),this.expanded?e("svg",{class:"footer-link-group-toggle",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1200 1200"},e("path",{fill:"currentColor",d:"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z"})):e("svg",{class:"footer-link-group-toggle",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1200 1200"},e("g",{transform:"translate(0 1200) scale(1 -1)"},e("path",{fill:"currentColor",d:"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z"})))),this.expanded&&e("div",{class:"footer-link-group-links",role:"list"},e("slot",null))))}static get delegatesFocus(){return true}get el(){return r(this)}};s.style=a;export{s as ic_footer_link_group};
+//# sourceMappingURL=p-e4d1839e.entry.js.map

package/dist/core/p-e4d1839e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icFooterLinkGroupCss","FooterLinkGroup","this","handleKeydown","event","key","toggleExpanded","expanded","DEVICE_SIZES","XL","getThemeForegroundColor","componentWillLoad","small","isSmall","el","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","footerResizeHandler","footerThemeChangeHandler","ev","theme","detail","dropdownIconStyle","mode","e","parentElement","classList","contains","render","h","Host","class","role","variant","tabIndex","onClick","onKeydown","fullHeight","xmlns","width","height","preserveAspectRatio","viewBox","fill","d","transform"],"sources":["src/components/ic-footer-link-group/ic-footer-link-group.css?tag=ic-footer-link-group&encapsulation=shadow","src/components/ic-footer-link-group/ic-footer-link-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.footer-link-group-sparse) {\n  --footer-link-group-margin-right: 5.938rem;\n  --footer-link-group-border-bottom: 0 solid transparent;\n  --footer-link-label-margin-top: 0;\n  --footer-link-label-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-small) {\n  --footer-link-group-margin-right: 0;\n  --footer-link-label-margin-top: var(--ic-space-md);\n  --footer-link-label-margin-bottom: var(--ic-space-md);\n  --footer-link-group-links-padding-left: var(--ic-space-md);\n  --footer-link-group-links-padding-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-group-light.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-border-keyline-lighten);\n}\n\n:host(.footer-link-group-dark.footer-link-group-small) {\n  --footer-link-group-border-bottom: var(--ic-border-keyline-darken);\n}\n\n:host(.footer-link-group) {\n  margin-right: var(--footer-link-group-margin-right);\n  border-bottom: var(--footer-link-group-border-bottom);\n}\n\n:host(.footer-link-group-small.footer-link-group-light:hover) {\n  background-color: var(--ic-action-light-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:hover) {\n  background-color: var(--ic-action-dark-bg-hover);\n  cursor: pointer;\n}\n\n:host(.footer-link-group-sparse:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small:focus) {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\n:host(.footer-link-group-small.footer-link-group-light:active) {\n  background-color: var(--ic-action-light-bg-pressed);\n}\n\n:host(.footer-link-group-small.footer-link-group-dark:active) {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n.footer-link-label {\n  margin-top: var(--footer-link-label-margin-top);\n  margin-bottom: var(--footer-link-label-margin-bottom);\n  flex-grow: 1;\n}\n\n.footer-link-group-toggle {\n  fill: white !important;\n}\n\n.footer-link-group-links {\n  display: flex;\n  flex-direction: column;\n}\n\n.footer-link-group-header {\n  display: flex;\n  align-items: center;\n}\n\nic-typography {\n  --ic-typography-color: var(--ic-theme-text);\n}\n","import {\n  Component,\n  Host,\n  Element,\n  Listen,\n  Prop,\n  h,\n  State,\n} from \"@stencil/core\";\nimport {\n  DEVICE_SIZES,\n  getThemeForegroundColor,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport { IcTheme } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-footer-link-group\",\n  styleUrl: \"ic-footer-link-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class FooterLinkGroup {\n  @Element() el: HTMLIcFooterLinkGroupElement;\n\n  @State() expanded: boolean = false;\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() dropdownIconStyle = getThemeForegroundColor();\n  @State() small: boolean = false;\n\n  /**\n   * The title of the link group to be displayed.\n   */\n  @Prop() label!: string;\n\n  componentWillLoad(): void {\n    this.small = this.isSmall(this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Footer Link Group\"\n    );\n  }\n\n  @Listen(\"footerResized\", { target: \"document\" })\n  footerResizeHandler(): void {\n    this.small = this.isSmall(this.el);\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  footerThemeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.dropdownIconStyle = theme.mode;\n  }\n\n  private isSmall(e: HTMLElement): boolean {\n    if (e.parentElement !== null) {\n      if (e.parentElement.classList.contains(\"ic-footer\")) {\n        return e.parentElement.classList.contains(\"ic-footer-small\");\n      } else {\n        return this.isSmall(e.parentElement);\n      }\n    } else {\n      return false;\n    }\n  }\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === \" \" || event.key === \"Enter\") {\n      this.toggleExpanded();\n    }\n  };\n\n  private toggleExpanded = (): void => {\n    this.expanded = !this.expanded;\n  };\n\n  render() {\n    const { small, label } = this;\n\n    return !small ? (\n      <Host\n        class={{\n          [\"footer-link-group footer-link-group-sparse\"]: true,\n          [`footer-link-group-${this.dropdownIconStyle}`]: true,\n        }}\n        role=\"listitem\"\n      >\n        <div class=\"footer-link-label\">\n          <ic-typography variant=\"subtitle-small\">{label}</ic-typography>\n        </div>\n        <div class=\"footer-link-group-links\" role=\"list\">\n          <slot />\n        </div>\n      </Host>\n    ) : (\n      <Host\n        class={{\n          [\"footer-link-group footer-link-group-small\"]: true,\n          [`footer-link-group-${this.dropdownIconStyle}`]: true,\n        }}\n        tabIndex=\"1\"\n        onClick={this.toggleExpanded}\n        onKeydown={this.handleKeydown}\n        aria-expanded={this.expanded}\n      >\n        <ic-section-container fullHeight={true}>\n          <div class=\"footer-link-group-header\">\n            <div class=\"footer-link-label\">\n              <ic-typography variant=\"label\">{label}</ic-typography>\n            </div>\n            {this.expanded ? (\n              <svg\n                class=\"footer-link-group-toggle\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\"\n                role=\"img\"\n                width=\"1em\"\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                viewBox=\"0 0 1200 1200\"\n              >\n                <path\n                  fill=\"currentColor\"\n                  d=\"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\"\n                />\n              </svg>\n            ) : (\n              <svg\n                class=\"footer-link-group-toggle\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\"\n                role=\"img\"\n                width=\"1em\"\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                viewBox=\"0 0 1200 1200\"\n              >\n                <g transform=\"translate(0 1200) scale(1 -1)\">\n                  <path\n                    fill=\"currentColor\"\n                    d=\"M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z\"\n                  />\n                </g>\n              </svg>\n            )}\n          </div>\n          {this.expanded && (\n            <div class=\"footer-link-group-links\" role=\"list\">\n              <slot />\n            </div>\n          )}\n        </ic-section-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAuB,81I,MCuBhBC,EAAe,M,yBA+ClBC,KAAAC,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC9CH,KAAKI,gB,GAIDJ,KAAAI,eAAiB,KACvBJ,KAAKK,UAAYL,KAAKK,QAAQ,E,cAnDH,M,gBACCC,EAAaC,G,uBACdC,I,WACH,M,qBAO1B,iBAAAC,GACET,KAAKU,MAAQV,KAAKW,QAAQX,KAAKY,G,CAGjC,gBAAAC,GACEC,EACE,CAAC,CAAEC,KAAMf,KAAKgB,MAAOC,SAAU,UAC/B,oB,CAKJ,mBAAAC,GACElB,KAAKU,MAAQV,KAAKW,QAAQX,KAAKY,G,CAIjC,wBAAAO,CAAyBC,GACvB,MAAMC,EAAiBD,EAAGE,OAC1BtB,KAAKuB,kBAAoBF,EAAMG,I,CAGzB,OAAAb,CAAQc,GACd,GAAIA,EAAEC,gBAAkB,KAAM,CAC5B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,aAAc,CACnD,OAAOH,EAAEC,cAAcC,UAAUC,SAAS,kB,KACrC,CACL,OAAO5B,KAAKW,QAAQc,EAAEC,c,MAEnB,CACL,OAAO,K,EAcX,MAAAG,GACE,MAAMnB,MAAEA,EAAKM,MAAEA,GAAUhB,KAEzB,OAAQU,EACNoB,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,8CAA+C,KAChD,CAAC,qBAAqBhC,KAAKuB,qBAAsB,MAEnDU,KAAK,YAELH,EAAA,OAAKE,MAAM,qBACTF,EAAA,iBAAeI,QAAQ,kBAAkBlB,IAE3Cc,EAAA,OAAKE,MAAM,0BAA0BC,KAAK,QACxCH,EAAA,eAIJA,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,6CAA8C,KAC/C,CAAC,qBAAqBhC,KAAKuB,qBAAsB,MAEnDY,SAAS,IACTC,QAASpC,KAAKI,eACdiC,UAAWrC,KAAKC,cAAa,gBACdD,KAAKK,UAEpByB,EAAA,wBAAsBQ,WAAY,MAChCR,EAAA,OAAKE,MAAM,4BACTF,EAAA,OAAKE,MAAM,qBACTF,EAAA,iBAAeI,QAAQ,SAASlB,IAEjChB,KAAKK,SACJyB,EAAA,OACEE,MAAM,2BACNO,MAAM,6BAA4B,cACtB,OACZN,KAAK,MACLO,MAAM,MACNC,OAAO,MACPC,oBAAoB,gBACpBC,QAAQ,iBAERb,EAAA,QACEc,KAAK,eACLC,EAAE,8IAINf,EAAA,OACEE,MAAM,2BACNO,MAAM,6BAA4B,cACtB,OACZN,KAAK,MACLO,MAAM,MACNC,OAAO,MACPC,oBAAoB,gBACpBC,QAAQ,iBAERb,EAAA,KAAGgB,UAAU,iCACXhB,EAAA,QACEc,KAAK,eACLC,EAAE,gJAMX7C,KAAKK,UACJyB,EAAA,OAAKE,MAAM,0BAA0BC,KAAK,QACxCH,EAAA,e"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as o,h as a,H as e,g as n}from"./p-6b5e91e2.js";import{w as r,r as c,v as s,Z as l,h as d,I as h,i as u,a as b}from"./p-b7eb8ef9.js";import{c as v}from"./p-68a5aaff.js";const p=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-pressed);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-dark) .button,:host(.ic-button-dark) ::slotted(a){--button-default:var(--ic-color-border-neutral-black);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-pressed)}:host(.ic-button-light) .button,:host(.ic-button-light) ::slotted(a){--button-default:var(--ic-color-border-neutral-white);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-pressed)}:host(.white-background) .button,:host(.white-background) ::slotted(a){--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n    --ic-action-default-bg-active-no-alpha\n  );background-color:var(--ic-architectural-white)}:host(.white-background.ic-button-dark) .button,:host(.white-background.ic-button-dark) ::slotted(a){--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}:host(.ic-button-variant-primary.ic-button-light) .button,:host(.ic-button-variant-primary.ic-button-light) ::slotted(a){color:var(--ic-color-text-primary-light);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed)}:host(.ic-button-variant-primary.ic-button-dark) .button,:host(.ic-button-variant-primary.ic-button-dark) ::slotted(a){color:var(--ic-color-text-primary-dark);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-primary) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--button-default)}:host(.ic-button-variant-primary) .button:hover{background-color:var(--button-default-hover)}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active{background-color:var(--button-default-active)}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-secondary) ::slotted(a:active){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-secondary.ic-button-loading) .button{border-color:var(--button-default);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a){color:var(--button-default)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-500)}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-destructive) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.ic-button-variant-destructive) .button:hover{background-color:var(--ic-action-destructive-hover)}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button{background-color:var(--ic-action-destructive-pressed)}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover,:host(.ic-button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)),:host(.ic-button-variant-icon.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon.ic-button-disabled) .button,:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-primary) .button:hover,:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--button-default-hover)}:host(.ic-button-variant-icon-primary) .button:active,:host(.ic-button-variant-icon-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-loading) .button{background:var(--button-default-active)}:host(.ic-button-variant-icon-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:var(--ic-architectural-200)}:host(.ic-button-variant-icon-primary.ic-button-light) .button,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a){color:var(--ic-color-text-primary-light)}:host(.ic-button-variant-icon-primary.ic-button-light) .button:hover,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:hover){background:var(--ic-action-light-hover)}:host(.ic-button-variant-icon-primary.ic-button-light) .button:active,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading) .button,:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading) ::slotted(a){background:var(--ic-action-light-pressed)}:host(.ic-button-variant-icon-primary.ic-button-dark) .button:hover,:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:hover){background:var(--ic-action-dark-hover)}:host(.ic-button-variant-icon-primary.ic-button-dark) .button:active,:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) .button,:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) ::slotted(a){background:var(--ic-action-dark-pressed)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default);color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.ic-button-variant-icon-secondary) .button:active,:host(.ic-button-variant-icon-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:active){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover)}:host(.ic-button-variant-icon-destructive) .button:active,:host(.ic-button-variant-icon-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{background-color:var(--ic-action-destructive-pressed)}:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a:active){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-full-width),:host(.ic-button-full-width) .button,:host(.ic-button-full-width) ::slotted(a){width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--outer-color:transparent}ic-loading-indicator.ic-theme-dark.ic-loading-indicator-monochrome{--inner-color:var(--ic-action-light)}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(.white-background) ::slotted(a){background-color:var(--ic-architectural-white) !important}:host(.ic-button-variant-primary) ::slotted(a){background-color:var(--button-default) !important}:host(.ic-button-variant-primary) ::slotted(a:hover){background-color:var(--button-default-hover) !important}:host(.ic-button-variant-primary) ::slotted(a:active){background-color:var(--button-default-active) !important}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200) !important}:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-600) !important}:host(.ic-button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default) !important}:host(.ic-button-variant-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}:host(.ic-button-variant-secondary) ::slotted(a:active){border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-300) !important;background:none !important}:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-500) !important}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important}:host(.ic-button-variant-tertiary) ::slotted(a:active:not(:focus)),:host(.ic-button-variant-tertiary) ::slotted(a:active:focus),:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){background-color:var(--button-default-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:active){background:none !important}:host(.ic-button-variant-destructive) ::slotted(a){background-color:var(--ic-action-destructive) !important}:host(.ic-button-variant-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover) !important}:host(.ic-button-variant-destructive) ::slotted(a:active){background-color:var(--ic-action-destructive-pressed) !important}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){padding:var(--ic-space-xs) !important}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';var g=undefined&&undefined.__rest||function(t,i){var o={};for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)&&i.indexOf(a)<0)o[a]=t[a];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,a=Object.getOwnPropertySymbols(t);e<a.length;e++){if(i.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(t,a[e]))o[a[e]]=t[a[e]]}return o};let f=0;const y=class{constructor(a){t(this,a);this.icBlur=i(this,"icBlur",7);this.icFileSelection=i(this,"icFileSelection",7);this.icFocus=i(this,"icFocus",7);this.buttonIdNum=f++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.describedById=null;this.mutationObserver=null;this.hostMutationObserver=null;this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&!!this.el.closest("FORM")){const t=document.createElement("button");t.setAttribute("type",this.el.type);t.style.display="none";this.el.closest("FORM").appendChild(t);t.click();t.remove()}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.mutationCallback=()=>{this.describedByContent=this.describedbyEl.innerText};this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{const o=this.el.getAttribute(t);if(t==="title")this.title=o;else if(t==="aria-label")this.ariaLabel=o;if(r.includes(t)){this.inheritedAttributes[t]=o;i=true}}));if(i){o(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.ariaLabel=null;this.describedByContent=null;this.title=null;this.accept="*";this.appearance="default";this.ariaControlsId=undefined;this.ariaOwnsId=undefined;this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${f++}`;this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.fullWidth=false;this.href=undefined;this.hreflang=undefined;this.loading=false;this.multiple=false;this.referrerpolicy=undefined;this.rel=undefined;this.selectedFiles=undefined;this.size="medium";this.target=undefined;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary"}watchDisabledHandler(){c(this.disabled,this.el)}disconnectedCallback(){if(this.mutationObserver!==null&&this.mutationObserver!==undefined){this.mutationObserver.disconnect()}if(this.hostMutationObserver!==null&&this.hostMutationObserver!==undefined){this.hostMutationObserver.disconnect()}}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=s(this.el,[...r,"title"]),{title:i,"aria-label":o}=t,a=g(t,["title","aria-label"]);this.title=i;this.ariaLabel=o;this.inheritedAttributes=a;c(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t!==undefined){this.describedById=t;const i=this.el.parentElement.querySelector(`#${t}`);if(i){this.describedByContent=i.innerText;this.describedbyEl=i}}}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}}componentWillRender(){const t=this.hasIconSlot("left")?this.el.querySelector(`[slot="left-icon"]`):this.hasIconSlot("right")?this.el.querySelector(`[slot="right-icon"]`):null;t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){l(this.icFileSelection,this.el,this.multiple,this.fileInputName,this.selectedFiles,this.disabled,this.accept)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}themeChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){const i=this.el.shadowRoot.querySelector("ic-tooltip");if(await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasIconSlot(t){const i=t?`${t}-`:"";return this.el.querySelector(`[slot="${i}icon"]`)!==null}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const i=d(this.el,t);if(i!==h.Default){this.appearance=i}}render(){const t=this.href&&"a"||"button";const{title:i,ariaLabel:o,inheritedAttributes:n}=this;const r=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};let c=null;let s=null;if(this.hasTooltip){s=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;c=this.variant==="icon"&&!!o?null:`ic-tooltip-${s}`}else{c=this.describedById}const l=()=>{const i=this.variant.includes("primary")||this.variant.includes("destructive")||this.appearance===h.Dark||this.appearance===h.Light;return a(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":o,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},r,n,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":c,part:"button"}),this.hasIconSlot("left")&&!this.loading&&a("div",{class:"icon-container"},a("slot",{name:"left-icon"})),this.hasIconSlot("top")&&!this.hasIconSlot("left")&&!this.hasIconSlot("right")&&!this.loading&&a("div",{class:"icon-container"},a("slot",{name:"top-icon"})),this.loading?a("div",{class:"loading-container"},a("ic-loading-indicator",{type:"linear",monochrome:i,theme:i?"dark":"light"})):a("slot",null),this.hasIconSlot("right")&&!this.loading&&!this.dropdown&&a("div",{class:{"icon-container":true,"right-icon":true}},a("slot",{name:"right-icon"})),this.dropdown&&!this.loading&&this.variant!=="icon"&&this.variant!=="destructive"&&a("span",{class:{["arrow-dropdown"]:!this.dropdownExpanded,["dropdown-expanded"]:this.dropdownExpanded},innerHTML:p}))};return a(e,{class:{["ic-button-disabled"]:this.disabled&&!this.loading,[`ic-button-variant-${this.variant}`]:true,[`ic-button-size-${this.size}`]:true,["ic-button-loading"]:this.loading,["ic-button-dark"]:this.appearance===h.Dark,["ic-button-light"]:this.appearance===h.Light,["ic-button-full-width"]:this.fullWidth,["with-badge"]:u(this.el,"badge"),["dropdown-no-icon"]:this.dropdown&&!u(this.el,"icon")&&!u(this.el,"left-icon"),["top-icon"]:u(this.el,"top-icon"),["white-background"]:this.variant==="secondary"&&!this.transparentBackground&&this.appearance!=="light"},onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&a("ic-tooltip",{id:c,label:i||o,target:s,placement:this.tooltipPlacement,silent:this.isIconVariant()&&!!o},this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),u(this.el,"badge")&&a("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),this.describedByContent&&a("span",{id:c,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};y.style=m;const k='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="medium"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const x=class{constructor(i){t(this,i);this.updateCircularProgressMeter=()=>{if(!this.indeterminate){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,i)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}i(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let i="h4";const o=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||this.type==="circular"&&o<60){i="label"}else if(this.size==="large"||this.type==="circular"&&o>=120){i="h2"}return i};this.setCircleLineWidth=()=>{const{offsetWidth:t}=this.outerElement;const i=this.el.classList.contains("compact-step-progress-indicator")?40:0;const o=this.el.classList.contains("toast-dismiss-timer")?20:0;if(t||i||o){this.circularLineWidth=(i||o||t)*.1;this.circularDiameter=i||o||t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}};this.setLinearDeterminateWidth=()=>{if(!this.innerElement)return;const t=Math.min(this.max,Math.max(this.min,this.progress));const i=(t-this.min)/(this.max-this.min);this.clipInnerElement=i>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${i*100}%`)};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(this.label!==undefined){if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const i=t;const o=t;const a=t-this.circularLineWidth/2;this.setDashSteps(a);return{x:i,y:o,r:a}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const i=2*Math.PI*t;const o=Math.min(Math.max(this.progress,this.min),this.max);const a=-1-(o-this.min)/(this.max-this.min);this.circularMeter.style.setProperty("--stroke-dasharray",`${i}px`);if(!this.indeterminate){this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${a*i}px`)}};this.circularDiameter=undefined;this.circularLineWidth=undefined;this.indeterminate=undefined;this.indicatorLabel=undefined;this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.innerLabel=undefined;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.type="circular";this.label=undefined;this.progress=undefined;this.theme="inherit"}watchPropHandler(){this.updateLabel()}watchProgressHandler(){if(this.type==="circular"){this.updateCircularProgressMeter()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.indeterminate=this.progress===undefined;this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=this.el.shadowRoot.querySelector(".ic-loading-circular-svg circle:nth-child(2)");this.updateCircularProgressMeter()}if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}componentWillUpdate(){this.indeterminate=this.progress===undefined}componentDidUpdate(){if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}render(){const{theme:t,label:i,description:o,size:n,fullWidth:r,innerLabel:c,monochrome:s}=this;const{x:l,y:d,r:h}=this.setCircleXY();return a(e,{class:{[`ic-theme-${t}`]:t!=="inherit","ic-loading-indicator-label":!!i,"ic-loading-indicator-full-width":r,"inner-label":!!c,"ic-loading-indicator-monochrome":s}},a("div",{class:"ic-loading-container",part:"ic-loading-container"},a("div",{ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":o,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},a("div",{ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&a("ic-typography",{variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&a("svg",{class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},a("circle",{cx:`${l}`,cy:`${d}`,r:`${h}`}),a("circle",{cx:`${l}`,cy:`${d}`,r:`${h}`})))),i&&n!=="icon"&&a("ic-typography",{id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},a("p",null,this.indicatorLabel))))}get el(){return n(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};x.style=k;const w='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.on-dialog) .ic-tooltip-container{transform:translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const z=class{constructor(i){t(this,i);this.delayedHideEvents=["mouseleave"];this.dialogOverflow=false;this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.onDialog=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.getTooltipTranslate=t=>{const i=this.el.children[0].getBoundingClientRect();let o;let a;switch(this.placement){case"bottom":o=i.left-t.left-.5*i.width;a=i.bottom-t.top;break;case"bottom-start":o=i.left-t.left;a=i.bottom-t.top;break;case"bottom-end":o=i.right-t.right;a=i.bottom-t.top;break;case"top":o=i.left-t.left-.5*i.width;a=i.top-t.bottom;break;case"top-start":o=i.left-t.left;a=i.top-t.bottom;break;case"top-end":o=i.right-t.right;a=i.top-t.bottom;break;case"left":case"left-start":o=i.right-t.right-i.width;a=i.bottom-t.top-i.height;break;case"left-end":o=i.right-t.right-i.width;a=i.top-t.bottom+i.height;break;case"right":case"right-start":o=i.left-t.left+i.width;a=i.bottom-t.top-i.height;break;case"right-end":o=i.left-t.left+i.width;a=i.top-t.bottom+i.height;break}if(this.dialogOverflow&&o<0){if(this.placement.includes("top")||this.placement.includes("bottom")){this.toolTip.style.setProperty("--tooltip-arrow-translate",`${o}px`);o=i.left-t.left}if(this.placement.includes("left")){this.placement="right";o=i.left-t.left+i.width}}this.toolTip.style.setProperty("--tooltip-translate-x",`${o}px`);this.toolTip.style.setProperty("--tooltip-translate-y",`${a}px`)};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.onDialog){this.el.classList.add("on-dialog");const t=this.icDialogEl.shadowRoot.querySelector("dialog").getBoundingClientRect();this.getTooltipTranslate(t)}this.popperInstance=v(this.el,this.toolTip,Object.assign({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false;if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const i=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{this.el[i](t,this.show);if(this.toolTip!==undefined){this.toolTip[i](t,this.mouseEnterTooltip)}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[i](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[i](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[i](t,this.mouseLeaveTooltip)}}));document[i]("keydown",this.handleKeyDown)};this.disableClick=false;this.disableHover=false;this.maxLines=undefined;this.placement="bottom";this.silent=false;this.target=undefined;this.theme="inherit";this.label=undefined;this.popperProps={}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t;this.manageEventListeners("add");this.icDialogEl=this.el.closest("ic-dialog");this.dialogOverflow=((t=this.icDialogEl)===null||t===void 0?void 0:t.getAttribute("data-overflow"))==="true";this.onDialog=this.icDialogEl!==null;b([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){const t=this.el.shadowRoot.querySelector(".ic-tooltip-container > ic-typography");this.maxLines>0&&t.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`)}async displayTooltip(t,i){this.persistTooltip=i;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:i,silent:o,theme:n}=this;return a(e,{class:{"ic-tooltip":true,[`ic-theme-${n}`]:n!=="inherit"}},a("div",{ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${o}`},a("ic-typography",{maxLines:i,variant:"caption"},t),a("div",{ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),a("slot",null))}get el(){return n(this)}};z.style=w;export{y as ic_button,x as ic_loading_indicator,z as ic_tooltip};
+//# sourceMappingURL=p-eb3b4935.entry.js.map