@ukic/web-components 3.0.0-alpha.4 → 3.0.0-alpha.6

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

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

package/dist/core/p-3cfef37a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a,g as o}from"./p-6b5e91e2.js";import{r,k as n,i as c,j as d,a as s,s as l,d as h}from"./p-48e98730.js";const p='/*! 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}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const b="additional-field";const u=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=e=>{const i=e.target.matches(".dynamic-container, .dynamic-container *");if(!this.disabled&&!i){e.stopPropagation();if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=this.getAdditionalField().value||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=e=>{const i=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&i.includes(this.getAdditionalField().nodeName)){e.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.theme="inherit";this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}disconnectedCallback(){n(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,b)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;d(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=l(this.el,b);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.getAdditionalField();if(!this.selected||this.disabled){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}additionalFieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}getAdditionalField(){const e=this.el.querySelector('[slot="additional-field"]');if(e)e.hiddenInput=false;return e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,groupLabel:n,handleClick:c,handleKeyDown:d,hasAdditionalField:s,label:l,name:p,selected:u,value:m,theme:v}=this;const f=`ic-radio-option-${h(l)||m}-${n}`;return t(a,{onClick:c,onKeyDown:d,class:{["ic-radio-option-disabled"]:i,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{class:{container:true,disabled:i}},t("div",null,t("input",{tabindex:u?"0":"-1",type:"radio",name:p,id:f,value:m,disabled:i?true:null,checked:u,ref:e=>this.radioElement=e,form:r}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:f},l))),s&&t("div",{class:{"dynamic-container":true,hidden:e==="dynamic"&&!u}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:b})))))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};u.style=p;export{u as ic_radio_option};
+//# sourceMappingURL=p-3cfef37a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icRadioOptionCss","ADDITIONAL_FIELD","RadioOption","this","defaultRadioValue","hasAdditionalField","skipFocus","handleClick","event","clickedAdditionalField","target","matches","disabled","stopPropagation","radioElement","focus","value","getAdditionalField","icCheck","emit","handleKeyDown","preventPropagationElements","document","activeElement","includes","nodeName","handleFormReset","selected","initiallySelected","watchDisabledHandler","removeDisabledFalse","el","watchSelectedHandler","icSelectedChange","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","additionalFieldDisplay","additionalField","setAttribute","removeAttribute","additionalFieldValueHandler","detail","stopImmediatePropagation","setFocus","_a","setTabIndex","tabIndex","querySelector","hiddenInput","render","dynamicText","form","groupLabel","label","name","theme","id","isPropDefined","h","Host","onClick","onKeyDown","class","container","tabindex","type","checked","ref","variant","htmlFor","hidden"],"sources":["src/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option","src/components/ic-radio-option/ic-radio-option.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\nic-radio-option {\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n}\n\n.additional-field-wrapper ic-text-field {\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled  */\nic-radio-option.ic-radio-option-disabled,\nic-radio-option.ic-radio-option-disabled .radio-label {\n  --ic-typography-color: var(--ic-radio-button-text-option-disabled);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n.container:hover input:focus + span.checkmark,\n.container:active input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n  box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n  display: grid;\n  grid-template-columns: min-content auto;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n  cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: inline-block;\n  position: absolute;\n  cursor: pointer;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  border-radius: 50%;\n  border: none;\n}\n\n/* Create a custom radio button */\n.checkmark {\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: var(--ic-radio-button-background-default);\n  border: var(--ic-space-1px) solid var(--ic-radio-button-border-default);\n  border-radius: 50%;\n  transition: var(--ic-easing-transition-fast);\n  box-sizing: border-box;\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n  display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n  border: var(--ic-border-width) solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover input:checked ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n  border: 0.125rem solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover input:checked ~ .checkmark::after {\n  background-color: var(--ic-radio-button-default-hover);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n  border: var(--ic-border-width) solid var(--ic-radio-button-default-pressed);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n  border: 0.125rem solid var(--ic-radio-button-default-pressed);\n  box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n  background-color: var(--ic-radio-button-default-pressed);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n  border: 0.125rem solid var(--ic-radio-button-default-active);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n  background-color: var(--ic-architectural-white);\n  border: 0.125rem solid var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n  border: var(--ic-border-width) dashed var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n  background: var(--ic-radio-button-disabled);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n  background-color: var(--ic-architectural-white);\n  box-shadow: none;\n  border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n  background-color: var(--ic-radio-button-disabled);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n  content: \"\";\n  position: absolute;\n  display: none;\n  top: calc(50% - var(--ic-space-xs));\n  left: calc(50% - var(--ic-space-xs));\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  border-radius: 50%;\n  background: var(--ic-radio-button-default-active);\n}\n\n.radio-label {\n  margin-left: var(--ic-space-md);\n  --ic-typography-color: var(--ic-radio-button-text-option);\n}\n\n.additional-field-wrapper {\n  margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n  color: var(--ic-radio-button-required-bar);\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-radio-button-required-bar);\n  border-left: 0.125rem solid var(--ic-radio-button-required-bar);\n  margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-container.hidden {\n  display: none;\n}\n\n.dynamic-text {\n  color: var(--ic-radio-button-required-text);\n\n  --ic-typography-color: var(--ic-radio-button-required-text);\n\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ic-text-field {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n\n  .container input:checked ~ .checkmark,\n  .container:active input:checked ~ .checkmark {\n    border-color: Highlight;\n  }\n\n  .container input:checked ~ .checkmark::after,\n  .container:active input:checked ~ .checkmark::after {\n    background-color: Highlight;\n  }\n\n  .container input:disabled ~ .checkmark,\n  .container input:checked:disabled ~ .checkmark {\n    border-color: GrayText;\n  }\n\n  .container input:disabled ~ .checkmark::after,\n  .container:active input:disabled ~ .checkmark::after {\n    background-color: GrayText;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  State,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcAdditionalFieldTypes,\n  IcThemeMode,\n  IcValueEventDetail,\n} from \"../../utils/types\";\nimport {\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n  isPropDefined,\n  isSlotUsed,\n  slotHasContent,\n} from \"../../utils/helpers\";\n\nconst ADDITIONAL_FIELD = \"additional-field\";\n\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\n@Component({\n  tag: \"ic-radio-option\",\n  styleUrl: \"ic-radio-option.css\",\n})\nexport class RadioOption {\n  private defaultRadioValue: string = \"\";\n  private hasAdditionalField: boolean = false;\n  private radioElement: HTMLInputElement;\n  private skipFocus = false;\n\n  @Element() el: HTMLIcRadioOptionElement;\n\n  /**\n   * The style of additionalField that will be displayed if used.\n   */\n  @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n    \"static\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The text to be displayed when dynamic.\n   */\n  @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n  /**\n   * The <form> element to associate the radio with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * The group label for the radio option.\n   */\n  @Prop() groupLabel: string;\n\n  /**\n   * The label for the radio option.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The name for the radio option.\n   */\n  @Prop() name: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The value for the radio option.\n   */\n  @Prop({ mutable: true }) value!: string;\n\n  /**\n   * If `true`, the radio option will be displayed in a selected state.\n   */\n  @Prop({ reflect: true, mutable: true }) selected?: boolean = false;\n  @State() initiallySelected = this.selected;\n\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    this.icSelectedChange.emit();\n  }\n\n  /**\n   * Emitted when the radio option is selected.\n   */\n  @Event() icCheck: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the radio option is selected or deselected.\n   */\n  @Event() icSelectedChange: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n      this.hasAdditionalField = true;\n      this.getAdditionalField();\n    }\n\n    this.defaultRadioValue = this.value;\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.value, propName: \"value\" }],\n      \"Radio Option\"\n    );\n  }\n\n  componentWillRender(): void {\n    const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);\n    if (hasSlot && !this.hasAdditionalField) {\n      this.hasAdditionalField = true;\n      this.getAdditionalField();\n    } else if (!hasSlot && this.hasAdditionalField) {\n      this.hasAdditionalField = false;\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.additionalFieldDisplay === \"static\") {\n      const additionalField = this.getAdditionalField();\n      if (!this.selected || this.disabled) {\n        additionalField?.setAttribute(\"disabled\", \"\");\n      } else {\n        additionalField?.removeAttribute(\"disabled\");\n      }\n    }\n  }\n\n  @Listen(\"icChange\")\n  additionalFieldValueHandler(event: CustomEvent<{ value: string }>): void {\n    if (this.selected) {\n      this.value = event.detail.value || this.defaultRadioValue;\n      this.icCheck.emit({\n        value: this.value,\n      });\n    }\n\n    event.stopImmediatePropagation();\n  }\n\n  /**\n   * Sets focus on the radio option.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.radioElement?.focus();\n  }\n\n  /**\n   * @internal Sets the tabIndex of the radio option.\n   */\n  @Method()\n  async setTabIndex(value: number): Promise<void> {\n    this.radioElement.tabIndex = value;\n  }\n\n  private getAdditionalField(): HTMLIcTextFieldElement {\n    const additionalField = this.el.querySelector(\n      '[slot=\"additional-field\"]'\n    ) as HTMLIcTextFieldElement;\n    if (additionalField) additionalField.hiddenInput = false;\n    return additionalField;\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const clickedAdditionalField = (event.target as Element).matches(\n      \".dynamic-container, .dynamic-container *\"\n    );\n\n    if (!this.disabled && !clickedAdditionalField) {\n      event.stopPropagation();\n      if (this.skipFocus === false) {\n        this.radioElement.focus();\n      }\n      this.skipFocus = false;\n\n      if (this.hasAdditionalField) {\n        this.value = this.getAdditionalField().value || this.defaultRadioValue;\n      }\n\n      this.icCheck.emit({\n        value: this.value,\n      });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    const preventPropagationElements = [\"IC-DATE-INPUT\", \"IC-DATE-PICKER\"];\n\n    if (\n      this.getAdditionalField() == document.activeElement &&\n      preventPropagationElements.includes(this.getAdditionalField().nodeName)\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  private handleFormReset = (): void => {\n    this.skipFocus = true;\n    this.selected = this.initiallySelected;\n  };\n\n  render() {\n    const {\n      additionalFieldDisplay,\n      disabled,\n      dynamicText,\n      form,\n      groupLabel,\n      handleClick,\n      handleKeyDown,\n      hasAdditionalField,\n      label,\n      name,\n      selected,\n      value,\n      theme,\n    } = this;\n\n    const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n\n    return (\n      <Host\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        class={{\n          [\"ic-radio-option-disabled\"]: disabled,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <div class={{ container: true, disabled }}>\n          <div>\n            <input\n              tabindex={selected ? \"0\" : \"-1\"}\n              type=\"radio\"\n              name={name}\n              id={id}\n              value={value}\n              disabled={disabled ? true : null}\n              checked={selected}\n              ref={(el) => (this.radioElement = el)}\n              form={form}\n            ></input>\n            <span class=\"checkmark\"></span>\n          </div>\n          <ic-typography class=\"radio-label\" variant=\"body\">\n            <label htmlFor={id}>{label}</label>\n          </ic-typography>\n        </div>\n\n        {hasAdditionalField && (\n          <div\n            class={{\n              \"dynamic-container\": true,\n              hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            }}\n          >\n            {additionalFieldDisplay === \"dynamic\" && (\n              <div class=\"branch-corner\"></div>\n            )}\n            <div>\n              {additionalFieldDisplay === \"dynamic\" && (\n                <ic-typography variant=\"caption\">\n                  <p class=\"dynamic-text\">{dynamicText}</p>\n                </ic-typography>\n              )}\n              <div\n                class={{\n                  \"additional-field-wrapper\":\n                    additionalFieldDisplay === \"static\",\n                }}\n              >\n                <slot name={ADDITIONAL_FIELD}></slot>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yIAAA,MAAMA,EAAmB,w4NC4BzB,MAAMC,EAAmB,mB,MASZC,EAAW,M,6GACdC,KAAAC,kBAA4B,GAC5BD,KAAAE,mBAA8B,MAE9BF,KAAAG,UAAY,MA4JZH,KAAAI,YAAeC,IACrB,MAAMC,EAA0BD,EAAME,OAAmBC,QACvD,4CAGF,IAAKR,KAAKS,WAAaH,EAAwB,CAC7CD,EAAMK,kBACN,GAAIV,KAAKG,YAAc,MAAO,CAC5BH,KAAKW,aAAaC,O,CAEpBZ,KAAKG,UAAY,MAEjB,GAAIH,KAAKE,mBAAoB,CAC3BF,KAAKa,MAAQb,KAAKc,qBAAqBD,OAASb,KAAKC,iB,CAGvDD,KAAKe,QAAQC,KAAK,CAChBH,MAAOb,KAAKa,O,GAKVb,KAAAiB,cAAiBZ,IACvB,MAAMa,EAA6B,CAAC,gBAAiB,kBAErD,GACElB,KAAKc,sBAAwBK,SAASC,eACtCF,EAA2BG,SAASrB,KAAKc,qBAAqBQ,UAC9D,CACAjB,EAAMK,iB,GAIFV,KAAAuB,gBAAkB,KACxBvB,KAAKG,UAAY,KACjBH,KAAKwB,SAAWxB,KAAKyB,iBAAiB,E,4BAvLtC,S,cAK2B,M,iBASC,6C,kGAyBA,U,mCAU+B,M,uBAChCzB,KAAKwB,Q,CA3ClC,oBAAAE,GACEC,EAAoB3B,KAAKS,SAAUT,KAAK4B,G,CA6C1C,oBAAAC,GACE7B,KAAK8B,iBAAiBd,M,CAaxB,oBAAAe,GACEC,EAAwBhC,KAAK4B,GAAI5B,KAAKuB,gB,CAGxC,iBAAAU,GACE,GAAIC,EAAWlC,KAAK4B,GAAI9B,GAAmB,CACzCE,KAAKE,mBAAqB,KAC1BF,KAAKc,oB,CAGPd,KAAKC,kBAAoBD,KAAKa,MAE9BsB,EAAqBnC,KAAK4B,GAAI5B,KAAKuB,iBAEnCI,EAAoB3B,KAAKS,SAAUT,KAAK4B,G,CAG1C,gBAAAQ,GACEC,EACE,CAAC,CAAEC,KAAMtC,KAAKa,MAAO0B,SAAU,UAC/B,e,CAIJ,mBAAAC,GACE,MAAMC,EAAUC,EAAe1C,KAAK4B,GAAI9B,GACxC,GAAI2C,IAAYzC,KAAKE,mBAAoB,CACvCF,KAAKE,mBAAqB,KAC1BF,KAAKc,oB,MACA,IAAK2B,GAAWzC,KAAKE,mBAAoB,CAC9CF,KAAKE,mBAAqB,K,EAI9B,kBAAAyC,GACE,GAAI3C,KAAK4C,yBAA2B,SAAU,CAC5C,MAAMC,EAAkB7C,KAAKc,qBAC7B,IAAKd,KAAKwB,UAAYxB,KAAKS,SAAU,CACnCoC,IAAe,MAAfA,SAAe,SAAfA,EAAiBC,aAAa,WAAY,G,KACrC,CACLD,IAAe,MAAfA,SAAe,SAAfA,EAAiBE,gBAAgB,W,GAMvC,2BAAAC,CAA4B3C,GAC1B,GAAIL,KAAKwB,SAAU,CACjBxB,KAAKa,MAAQR,EAAM4C,OAAOpC,OAASb,KAAKC,kBACxCD,KAAKe,QAAQC,KAAK,CAChBH,MAAOb,KAAKa,O,CAIhBR,EAAM6C,0B,CAOR,cAAMC,G,OACJC,EAAApD,KAAKW,gBAAY,MAAAyC,SAAA,SAAAA,EAAExC,O,CAOrB,iBAAMyC,CAAYxC,GAChBb,KAAKW,aAAa2C,SAAWzC,C,CAGvB,kBAAAC,GACN,MAAM+B,EAAkB7C,KAAK4B,GAAG2B,cAC9B,6BAEF,GAAIV,EAAiBA,EAAgBW,YAAc,MACnD,OAAOX,C,CAyCT,MAAAY,GACE,MAAMb,uBACJA,EAAsBnC,SACtBA,EAAQiD,YACRA,EAAWC,KACXA,EAAIC,WACJA,EAAUxD,YACVA,EAAWa,cACXA,EAAaf,mBACbA,EAAkB2D,MAClBA,EAAKC,KACLA,EAAItC,SACJA,EAAQX,MACRA,EAAKkD,MACLA,GACE/D,KAEJ,MAAMgE,EAAK,mBAAmBC,EAAcJ,IAAUhD,KAAS+C,IAE/D,OACEM,EAACC,EAAI,CACHC,QAAShE,EACTiE,UAAWpD,EACXqD,MAAO,CACL,CAAC,4BAA6B7D,EAC9B,CAAC,YAAYsD,KAAUA,IAAU,YAGnCG,EAAA,OAAKI,MAAO,CAAEC,UAAW,KAAM9D,aAC7ByD,EAAA,WACEA,EAAA,SACEM,SAAUhD,EAAW,IAAM,KAC3BiD,KAAK,QACLX,KAAMA,EACNE,GAAIA,EACJnD,MAAOA,EACPJ,SAAUA,EAAW,KAAO,KAC5BiE,QAASlD,EACTmD,IAAM/C,GAAQ5B,KAAKW,aAAeiB,EAClC+B,KAAMA,IAERO,EAAA,QAAMI,MAAM,eAEdJ,EAAA,iBAAeI,MAAM,cAAcM,QAAQ,QACzCV,EAAA,SAAOW,QAASb,GAAKH,KAIxB3D,GACCgE,EAAA,OACEI,MAAO,CACL,oBAAqB,KACrBQ,OAAQlC,IAA2B,YAAcpB,IAGlDoB,IAA2B,WAC1BsB,EAAA,OAAKI,MAAM,kBAEbJ,EAAA,WACGtB,IAA2B,WAC1BsB,EAAA,iBAAeU,QAAQ,WACrBV,EAAA,KAAGI,MAAM,gBAAgBZ,IAG7BQ,EAAA,OACEI,MAAO,CACL,2BACE1B,IAA2B,WAG/BsB,EAAA,QAAMJ,KAAMhE,O"}

package/dist/core/{p-95f603dd.entry.js → p-406e58af.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,g as a}from"./p-6b5e91e2.js";import{r as s,i as r}from"./p-b7eb8ef9.js";const n='/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{color:var(--ic-architectural-300);--ic-typography-color:var(--ic-architectural-300)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=class{constructor(i){t(this,i);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true};this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.tabId=undefined;this.tabPosition=undefined;this.theme="inherit"}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){var t;(t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`))===null||t===void 0?void 0:t.tabRemovedHandler(!!this.focusTabId)}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s,handleClick:n,handleFocus:c,handleMouseDown:l}=this;return i(o,{class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:e,["ic-tab-disabled"]:t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:s},role:"tab","aria-selected":`${e}`,onClick:n,onFocus:c,onMouseDown:l,"aria-disabled":`${t}`,tabindex:e?0:-1},r(this.el,"icon")&&i("slot",{name:"icon"}),i("ic-typography",{class:"ic-tab-label",variant:"label"},i("span",null,i("slot",null))),r(this.el,"badge")&&i("slot",{name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatchHandler"]}}};c.style=n;export{c as ic_tab};
-//# sourceMappingURL=p-95f603dd.entry.js.map
+import{r as t,c as e,h as i,H as o,g as a}from"./p-6b5e91e2.js";import{r as s,i as r}from"./p-48e98730.js";const n='/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{color:var(--ic-architectural-300);--ic-typography-color:var(--ic-architectural-300)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=class{constructor(i){t(this,i);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true};this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.tabId=undefined;this.tabPosition=undefined;this.theme="inherit"}watchDisabledHandler(){s(this.disabled,this.el)}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){var t;(t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`))===null||t===void 0?void 0:t.tabRemovedHandler(!!this.focusTabId)}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s,handleClick:n,handleFocus:c,handleMouseDown:l}=this;return i(o,{class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:e,["ic-tab-disabled"]:t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:s},role:"tab","aria-selected":`${e}`,onClick:n,onFocus:c,onMouseDown:l,"aria-disabled":`${t}`,tabindex:e?0:-1},r(this.el,"icon")&&i("slot",{name:"icon"}),i("ic-typography",{class:"ic-tab-label",variant:"label"},i("span",null,i("slot",null))),r(this.el,"badge")&&i("slot",{name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler","disabledWatchHandler"]}}};c.style=n;export{c as ic_tab};
+//# sourceMappingURL=p-406e58af.entry.js.map

package/dist/core/p-406e58af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTabCss","Tab","this","focusFromClick","isInitialRender","handleClick","tabClick","emit","tabId","contextId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","watchDisabledHandler","removeDisabledFalse","disabled","el","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","componentDidUpdate","setFocus","focus","render","selected","theme","monochrome","h","Host","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["src/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","src/components/ic-tab/ic-tab.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  color: var(--ic-architectural-300);\n\n  --ic-typography-color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  h,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport { IcThemeMode } from \"../../utils/types\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\n@Component({\n  tag: \"ic-tab\",\n  styleUrl: \"ic-tab.css\",\n  shadow: true,\n})\nexport class Tab {\n  private focusFromClick: boolean = false;\n  private focusTabId: string;\n  private isInitialRender: boolean = true;\n\n  @Element() el: HTMLIcTabElement;\n\n  /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /** @internal Determines whether black variant of the tabs should be displayed. */\n  @Prop() monochrome?: boolean = false;\n\n  /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n  @Prop({ reflect: true }) selected?: boolean = false;\n\n  /** @internal The shared ID between panel and tab. */\n  @Prop({ reflect: true }) tabId?: string;\n\n  /** @internal The position of the tab inside the tabs array in context. */\n  @Prop() tabPosition?: number;\n\n  /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  @Watch(\"disabled\")\n  disabledWatchHandler(): void {\n    this.tabEnabled.emit();\n  }\n\n  /**\n   * @internal Emitted when a tab is selected.\n   */\n  @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is dynamically created.\n   */\n  @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n  /**\n   * @internal Emitted when a tab's disabled prop changes\n   */\n  @Event() tabEnabled: EventEmitter<void>;\n\n  /**\n   * @internal Emitted when a tab is focussed.\n   */\n  @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is unmounted.\n   */\n  @Event() tabRemoved: EventEmitter<void>;\n\n  connectedCallback(): void {\n    this.tabCreated.emit(this.el);\n  }\n\n  disconnectedCallback(): void {\n    document\n      .querySelector<HTMLIcTabContextElement>(\n        `ic-tab-context[context-id=${this.contextId}]`\n      )\n      ?.tabRemovedHandler(!!this.focusTabId);\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  /**\n   * Sets focus on the tab.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el) {\n      this.el.focus();\n    }\n  }\n\n  private handleClick = () => {\n    this.tabClick.emit({\n      tabId: this.tabId,\n      contextId: this.contextId,\n      position: this.tabPosition,\n    });\n    if (this.focusFromClick) {\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n      this.focusFromClick = false;\n    }\n  };\n\n  private handleFocus = () => {\n    if (!this.focusFromClick) {\n      this.focusTabId = this.tabId;\n\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n    }\n  };\n\n  private handleMouseDown = () => {\n    //set flag so that focus gets handled after click\n    //there is a timing issue where a long click only causes focus to happen & not the click\n    //the focus does need to be a separate event though to handle focus from keyboard\n    this.focusFromClick = true;\n  };\n\n  render() {\n    const {\n      disabled,\n      selected,\n      theme,\n      monochrome,\n      handleClick,\n      handleFocus,\n      handleMouseDown,\n    } = this;\n    return (\n      <Host\n        class={{\n          [\"with-transition\"]: !this.isInitialRender,\n          [\"ic-tab-selected\"]: selected,\n          [\"ic-tab-disabled\"]: disabled,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-tab-monochrome\"]: monochrome,\n        }}\n        role=\"tab\"\n        aria-selected={`${selected}`}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onMouseDown={handleMouseDown}\n        aria-disabled={`${disabled}`}\n        tabindex={selected ? 0 : -1}\n      >\n        {isSlotUsed(this.el, \"icon\") && <slot name=\"icon\"></slot>}\n        <ic-typography class=\"ic-tab-label\" variant=\"label\">\n          <span>\n            <slot></slot>\n          </span>\n        </ic-typography>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAW,ovI,MCyBJC,EAAG,M,oNACNC,KAAAC,eAA0B,MAE1BD,KAAAE,gBAA2B,KA2F3BF,KAAAG,YAAc,KACpBH,KAAKI,SAASC,KAAK,CACjBC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEjB,GAAIT,KAAKC,eAAgB,CACvBD,KAAKU,SAASL,KAAK,CACjBC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,cAEjBT,KAAKC,eAAiB,K,GAIlBD,KAAAW,YAAc,KACpB,IAAKX,KAAKC,eAAgB,CACxBD,KAAKY,WAAaZ,KAAKM,MAEvBN,KAAKU,SAASL,KAAK,CACjBC,MAAON,KAAKM,MACZC,UAAWP,KAAKO,UAChBC,SAAUR,KAAKS,a,GAKbT,KAAAa,gBAAkB,KAIxBb,KAAKC,eAAiB,IAAI,E,eAtHkB,U,cAKjB,M,gBAOE,M,cAGe,M,2DAShB,S,CAjB9B,oBAAAa,GACEC,EAAoBf,KAAKgB,SAAUhB,KAAKiB,G,CAmB1C,oBAAAC,GACElB,KAAKmB,WAAWd,M,CA4BlB,iBAAAe,GACEpB,KAAKqB,WAAWhB,KAAKL,KAAKiB,G,CAG5B,oBAAAK,G,OACEC,EAAAC,SACGC,cACC,6BAA6BzB,KAAKO,iBACnC,MAAAgB,SAAA,SAAAA,EACCG,oBAAoB1B,KAAKY,W,CAG/B,iBAAAe,GACEZ,EAAoBf,KAAKgB,SAAUhB,KAAKiB,G,CAG1C,kBAAAW,GACE5B,KAAKE,gBAAkB,K,CAOzB,cAAM2B,GACJ,GAAI7B,KAAKiB,GAAI,CACXjB,KAAKiB,GAAGa,O,EAuCZ,MAAAC,GACE,MAAMf,SACJA,EAAQgB,SACRA,EAAQC,MACRA,EAAKC,WACLA,EAAU/B,YACVA,EAAWQ,YACXA,EAAWE,gBACXA,GACEb,KACJ,OACEmC,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,oBAAqBrC,KAAKE,gBAC3B,CAAC,mBAAoB8B,EACrB,CAAC,mBAAoBhB,EACrB,CAAC,YAAYiB,KAAUA,IAAU,UACjC,CAAC,qBAAsBC,GAEzBI,KAAK,MAAK,gBACK,GAAGN,IAClBO,QAASpC,EACTqC,QAAS7B,EACT8B,YAAa5B,EAAe,gBACb,GAAGG,IAClB0B,SAAUV,EAAW,GAAK,GAEzBW,EAAW3C,KAAKiB,GAAI,SAAWkB,EAAA,QAAMS,KAAK,SAC3CT,EAAA,iBAAeE,MAAM,eAAeQ,QAAQ,SAC1CV,EAAA,YACEA,EAAA,eAGHQ,EAAW3C,KAAKiB,GAAI,UAAYkB,EAAA,QAAMS,KAAK,U"}

package/dist/core/p-48e98730.js

@@ -0,0 +1,2 @@
+var n;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(n||(n={}));var t;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(t||(t={}));const e=`<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="error-title">Error</title>\n    <g id="close-octagon">\n        <path id="Vector" d="M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" />\n    </g>\n</svg>\n`;const i=`<svg aria-labelledby="info-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="info-title">For your information</title>\n    <g id="info">\n        <path id="Vector" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 9H11V7H13V9Z" />\n    </g>\n</svg>\n`;const a=`<svg aria-labelledby="neutral-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n<title id="neutral-title">Neutral</title>\n    <g id="Icon">\n        <path id="Vector" d="M19.5 3H5.5C4.4 3 3.5 3.9 3.5 5V19C3.5 20.1 4.4 21 5.5 21H19.5C20.6 21 21.5 20.1 21.5 19V5C21.5 3.9 20.6 3 19.5 3ZM12.51 18C11.81 18 11.25 17.44 11.25 16.74C11.25 16.03 11.81 15.49 12.51 15.49C13.22 15.49 13.76 16.03 13.76 16.74C13.75 17.43 13.22 18 12.51 18ZM15.52 10.6C14.76 11.71 14.04 12.06 13.65 12.77C13.55 12.95 13.49 13.09 13.46 13.4C13.41 13.85 13.01 14.18 12.56 14.18H12.5C11.98 14.18 11.57 13.74 11.62 13.22C11.65 12.88 11.73 12.53 11.92 12.19C12.41 11.32 13.34 10.8 13.88 10.03C14.45 9.22 14.13 7.7 12.51 7.7C11.8 7.7 11.33 8.06 11.04 8.49C10.79 8.85 10.35 9.02 9.94 8.85C9.41 8.64 9.22 8 9.54 7.54C10.15 6.65 11.17 6 12.49 6C13.97 6 14.98 6.67 15.5 7.52C15.94 8.24 16.2 9.59 15.52 10.6Z" />\n    </g>\n</svg>\n`;const r=`<svg aria-labelledby="success-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="success-title">Success</title>\n    <g id="check_circle">\n        <path id="Vector" d="M12.5 2C6.98 2 2.5 6.48 2.5 12C2.5 17.52 6.98 22 12.5 22C18.02 22 22.5 17.52 22.5 12C22.5 6.48 18.02 2 12.5 2ZM9.79 16.29L6.2 12.7C5.81 12.31 5.81 11.68 6.2 11.29C6.59 10.9 7.22 10.9 7.61 11.29L10.5 14.17L17.38 7.29C17.77 6.9 18.4 6.9 18.79 7.29C19.18 7.68 19.18 8.31 18.79 8.7L11.2 16.29C10.82 16.68 10.18 16.68 9.79 16.29Z" />\n    </g>\n</svg>\n`;const o=`<svg aria-labelledby="warning-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title id="warning-title">Warning</title>\n    <g id="warning">\n        <path id="Vector" d="M4.47 20.5037H19.53C21.07 20.5037 22.03 18.8337 21.26 17.5037L13.73 4.49375C12.96 3.16375 11.04 3.16375 10.27 4.49375L2.74 17.5037C1.97 18.8337 2.93 20.5037 4.47 20.5037ZM12 13.5037C11.45 13.5037 11 13.0537 11 12.5037V10.5037C11 9.95375 11.45 9.50375 12 9.50375C12.55 9.50375 13 9.95375 13 10.5037V12.5037C13 13.0537 12.55 13.5037 12 13.5037ZM13 17.5037H11V15.5037H13V17.5037Z" />\n    </g>\n</svg>\n`;const s={neutral:{icon:a,ariaLabel:"Neutral"},info:{icon:i,ariaLabel:"For your information"},warning:{icon:o,ariaLabel:"Warning"},error:{icon:e,ariaLabel:"Error"},success:{icon:r,ariaLabel:"Success"}};const c=["aria-atomic","aria-autocomplete","aria-busy","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription"];const l={XS:576,S:768,M:992,L:1200,XL:99999};const u=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const d=["ic-alert"];const p={"ic-alert":["ic-link"]};const f=136.701;const g=130;const v=133.3505;const b="ic-input";const C="input.ic-input";const w=(n,t=[])=>{const e={};t.forEach((t=>{if(n.hasAttribute(t)){const i=n.getAttribute(t);if(i!==null){e[t]=i}n.removeAttribute(t)}}));return e};const m=(n,t)=>{const e=n._original||n;return{_original:n,emit:y(e.emit.bind(e),t)}};const y=(n,t=0)=>{let e;return(...i)=>{clearTimeout(e);e=setTimeout(n,t,...i)}};const L=(n,t,e,i,a)=>{if(e!==undefined&&(n||M(t))){const n=t.querySelectorAll(C);const r=Array.from(n);const o=r.filter((n=>t===n.parentElement));let s=o[0];if(s===null||s===undefined){s=t.ownerDocument.createElement("input");s.type="hidden";s.classList.add(b);t.appendChild(s)}s.disabled=a;s.name=e;if(i instanceof Date){s.value=i?i.toISOString():null}else{s.value=i||""}}};const h=(n,t,e,i,a,r,o)=>{if(i!==undefined&&M(t)){const s=t.querySelectorAll(C);const c=Array.from(s);const l=c.filter((n=>t===n.parentElement));let u=l[0];if(u===null||u===undefined){u=t.ownerDocument.createElement("input");u.classList.add(b);t.appendChild(u)}u.type="file";u.hidden=true;u.multiple=e;u.name=i;u.files=a;u.disabled=r;u.accept=o;u.onchange=()=>{n.emit(u.files)};u.click()}};const x=n=>{const t=n.querySelectorAll("input.ic-input");const e=Array.from(t);const i=e.filter((t=>n===t.parentElement));const a=i[0];a===null||a===void 0?void 0:a.remove()};const M=n=>!!n.shadowRoot&&!!n.attachShadow;const V=n=>n+"-helper-text";const I=n=>n+"-validation-text";const N=(n,t,e)=>`${t?V(n):""} ${e?I(n):""}`.trim();const A=(n,e=null)=>{var i;const a=n.parentElement||n.getRootNode().host.parentElement;const r=a.closest(u.join(","));if(r!==null){const a=r.tagName.toLowerCase();const o=n.tagName.toLowerCase();if((i=p[a])===null||i===void 0?void 0:i.includes(o)){return t.Default}else if(e!==null&&!d.includes(a)){return e}else if(r.classList.contains(`${a}-${t.Dark}`)||r.classList.contains(t.Dark)){return t.Dark}return t.Light}return t.Default};const k=()=>"maxTouchPoints"in navigator&&"userAgent"in navigator?navigator.maxTouchPoints>0&&/iPad|iPhone|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent):false;const $=(n,t)=>{const e=document.createElement("button");e.setAttribute("type",t.type);e.style.display="none";n.appendChild(e);e.click();e.remove()};const T=n=>n?n.trim().length===0:true;const Z=n=>n!==undefined?n:null;const E=(n,t,e="value",i="label")=>{const a=[];if(t.length>0&&t.map){t.map((n=>{if(n.children){n.children.map((n=>a.push(n)))}else{a.push(n)}}));const r=a.find((t=>t[e]===n));if(r!==undefined)return r[i]}return undefined};const H=(n,t,e,i,a="label")=>n.filter((n=>{var r;const o=n[a].toLowerCase();const s=(r=n.description)===null||r===void 0?void 0:r.toLowerCase();const c=e.toLowerCase();return i==="anywhere"?t?o.includes(c)||(s===null||s===void 0?void 0:s.includes(c)):o.includes(c):t?o.startsWith(c)||(s===null||s===void 0?void 0:s.startsWith(c)):o.startsWith(c)}));const O=n=>{const t=[];if(n.length>0&&n.map){n.map((n=>{if(n.children){n.children.map((n=>t.push(n)))}else{t.push(n)}}))}return t.length};const S=n=>window.matchMedia(`(max-width: ${n}px)`).matches;const B=()=>{if(S(q.S)){return q.S}if(S(q.M)){return q.M}if(S(q.L)){return q.L}if(S(q.XL)){return q.XL}return q.UNDEFINED};const P=n=>getComputedStyle(document.documentElement).getPropertyValue(n);const D=()=>{const n=P("--ic-brand-color-primary-r");const t=P("--ic-brand-color-primary-g");const e=P("--ic-brand-color-primary-b");return(parseInt(n)*299+parseInt(t)*587+parseInt(e)*114)/1e3};const F=(n=D())=>n>v?t.Dark:t.Light;const G=(n,t)=>{if(n&&n.querySelector){return n.querySelector(`[slot="${t}"]`)}return null};const R=(n,t)=>G(n,t)!==null;const W=(n,t)=>{const e=G(n,t);if(e){return X(e)}return null};const X=n=>{const t=n.firstElementChild;if(t!==null){const e=t.assignedElements?t.assignedElements():t.childNodes;return e.length?e:n.tagName?[n]:null}else{return n===null?null:[n]}};const U=({parentElement:n})=>{let t={navType:"",parent:null};switch(n.tagName){case"IC-NAVIGATION-GROUP":t=U(n);break;case"IC-TOP-NAVIGATION":t={navType:"top",parent:n};break;case"IC-SIDE-NAVIGATION":t={navType:"side",parent:n};break;case"IC-PAGE-HEADER":t={navType:"page-header",parent:null};break}return t};const q={XS:Number(P("--ic-breakpoint-xs").replace("px","")),S:Number(P("--ic-breakpoint-sm").replace("px","")),M:Number(P("--ic-breakpoint-md").replace("px","")),L:Number(P("--ic-breakpoint-lg").replace("px","")),XL:Number(P("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200};const _=(n,t)=>!!n&&!t;const j=({children:n},t)=>Array.from(n).some((n=>n.getAttribute("slot")===t));const z=(n,t,e)=>{if(n===undefined&&t!==n){e()}};const J=(n,t)=>{n.forEach((({prop:n,propName:e})=>{if(n===null||n===undefined){console.error(`No ${e} specified for ${t} component - prop '${e}' (web components) / '${K(e)}' (react) required`)}}))};const K=n=>n.toLowerCase().split("-").map(((n,t)=>t===0?n:`${n.substring(0,1).toUpperCase()}${n.substring(1)}`)).join("");const Q=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const Y=n=>parseInt(n,16);const nn=n=>{const t=n.replace("#","").split("").map((n=>n.repeat(2)));return{r:Y(n.length===4?t[0]:n.slice(1,3)),g:Y(n.length===4?t[1]:n.slice(3,5)),b:Y(n.length===4?t[2]:n.slice(5)),a:1}};const tn=n=>{const t=n.slice(3,4).toLowerCase()==="a";const e=n.substring(t?5:4,n.length-1).replace(/ /g,"").split(",").map(Number);return{r:e[0],g:e[1],b:e[2],a:t?e[3]:1}};const en=({scrollWidth:n,clientWidth:t})=>n>t;const an=()=>!!document.querySelector("ic-classification-banner:not([inline='true'])");const rn=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.addEventListener("reset",t)};const on=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.removeEventListener("reset",t)};const sn=(n,t=16)=>`${1/t*parseInt(n)}rem`;const cn=(n,t)=>{if(!n){t.removeAttribute("disabled")}};const ln=()=>window.navigator.userAgent.toUpperCase().indexOf("MAC")>=0;const un=n=>{const t=n===null||n===void 0?void 0:n.slice(0,1).toLowerCase();return t==="#"?nn(n):t==="r"?tn(n):null};const dn=n=>n.charAt(0).toUpperCase()+n.slice(1);const pn=(n,t,e)=>{const i=n=>Array.from(n).some((n=>Array.isArray(e)?e.some((t=>n.slot===t)):n.slot===e));return i(n)||i(t)};const fn=n=>!!n.closest(".ag-cell")&&!!n.closest(".ag-root");export{H as A,$ as B,E as C,q as D,O as E,k as F,n as G,T as H,t as I,sn as J,D as K,f as L,G as M,W as N,dn as O,m as P,r as Q,ln as R,en as S,V as T,I as U,s as V,g as W,o as X,e as Y,h as Z,J as a,un as b,pn as c,Z as d,B as e,Q as f,F as g,A as h,j as i,rn as j,on as k,L as l,x as m,N as n,z as o,_ as p,fn as q,cn as r,R as s,l as t,an as u,w as v,c as w,U as x,P as y,X as z};
+//# sourceMappingURL=p-48e98730.js.map

package/dist/core/p-48e98730.js.map

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

package/dist/core/{p-5cd016e1.entry.js → p-4af52174.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,f as e,h as t,H as o,g as n}from"./p-6b5e91e2.js";import{O as r}from"./p-426ec638.js";import{w as l,v as s,h as c,I as a}from"./p-b7eb8ef9.js";const h='/*! 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-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link{color:var(--ic-breadcrumb-page-title)}:host(.ic-link-monochrome.breadcrumb-link) .link{color:var(--ic-breadcrumb-page-title-monochrome)}:host(.breadcrumb-link) .link:hover{color:var(--ic-breadcrumb-page-title-hover)}:host(.ic-link-monochrome.breadcrumb-link) .link:hover{color:var(--ic-breadcrumb-page-title-hover-monochrome)}:host(.breadcrumb-link) .link:active{color:var(--ic-breadcrumb-page-title-pressed)}:host(.ic-link-monochrome.breadcrumb-link) .link:active{color:var(--ic-breadcrumb-page-title-pressed-monochrome)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}';const d=class{constructor(t){i(this,t);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(l.includes(i)){this.inheritedAttributes[i]=this.el.getAttribute(i);t=true}}));if(t){e(this)}};this.download=false;this.href=null;this.hreflang=undefined;this.monochrome=false;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=s(this.el,l);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}themeChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i;(i=this.el.shadowRoot.querySelector("a"))===null||i===void 0?void 0:i.focus()}updateTheme(i=null){const e=c(this.el,i);if(e!==a.Default){this.monochrome=true;if(e===a.Light){this.theme="dark"}else{this.theme="light"}}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:e,hreflang:n,referrerpolicy:l,rel:s,target:c,monochrome:a,theme:h}=this;return t(o,{class:{["ic-link"]:true,[`ic-theme-${h}`]:h!=="inherit",["ic-link-monochrome"]:a}},this.hasRouterSlot()?t("slot",{name:"router-item"}):t("a",Object.assign({class:{["link"]:e!==null},download:i!==false?i:null,href:e,hrefLang:n,referrerPolicy:l,rel:s,target:c,tabindex:e!==null?"0":"-1"},this.inheritedAttributes,{part:"link"}),t("slot",null),c==="_blank"&&t("span",{class:"ic-link-open-in-new-icon",innerHTML:r})))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=h;export{d as ic_link};
-//# sourceMappingURL=p-5cd016e1.entry.js.map
+import{r as i,f as t,h as e,H as o,g as n}from"./p-6b5e91e2.js";import{O as s}from"./p-426ec638.js";import{w as l,v as r,h as a,I as c}from"./p-48e98730.js";const h='/*! 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-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}';const d=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(l.includes(i)){this.inheritedAttributes[i]=this.el.getAttribute(i);e=true}}));if(e){t(this)}};this.download=false;this.href=null;this.hreflang=undefined;this.monochrome=false;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=r(this.el,l);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i;(i=this.el.shadowRoot.querySelector("a"))===null||i===void 0?void 0:i.focus()}updateTheme(i=null){const t=a(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:l,rel:r,target:a,monochrome:c,theme:h}=this;return e(o,{class:{["ic-link"]:true,[`ic-theme-${h}`]:h!=="inherit",["ic-link-monochrome"]:c}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:t!==null},download:i!==false?i:null,href:t,hrefLang:n,referrerPolicy:l,rel:r,target:a,tabindex:t!==null?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),a==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=h;export{d as ic_link};
+//# sourceMappingURL=p-4af52174.entry.js.map

package/dist/core/p-4af52174.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icLinkCss","Link","this","inheritedAttributes","hostMutationObserver","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","IC_INHERITED_ARIA","includes","el","getAttribute","forceUpdate","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","shadowRoot","querySelector","focus","theme","getBrandFromContext","IcBrandForegroundEnum","Default","monochrome","Light","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","download","href","hreflang","referrerpolicy","rel","target","h","Host","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew"],"sources":["src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n  color: var(--ic-link-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n  color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n  color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n  color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n  color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n  color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n  color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n  :host(.ic-link) .link:hover,\n  :host(.ic-link) .link:focus,\n  :host(.ic-link) ::slotted(a:hover),\n  :host(.ic-link) ::slotted(a:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 10%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n  text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.link > .ic-link-open-in-new-icon {\n  fill: var(--ic-link-icon-launch);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: currentcolor;\n}\n\n.link:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n  color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon {\n  fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon {\n  fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n  color: var(--ic-color-text-primary);\n}\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  Method,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n  tag: \"ic-link\",\n  styleUrl: \"ic-link.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Link {\n  private inheritedAttributes: { [k: string]: string } = {};\n  private routerSlot: HTMLElement;\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcLinkElement;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   * The URL that the link points to.\n   */\n  @Prop() href?: string = null;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * If `true`, the link will display as black in the light theme, and white in the dark theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);\n    this.updateTheme();\n    this.el.setAttribute(\"exportparts\", \"link\");\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.updateTheme(detail.mode);\n  }\n\n  /**\n   * Sets focus on the link.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.el.shadowRoot.querySelector(\"a\")?.focus();\n  }\n\n  private updateTheme(mode: IcBrandForeground = null): void {\n    const theme = getBrandFromContext(this.el, mode);\n\n    if (theme !== IcBrandForegroundEnum.Default) {\n      this.monochrome = true;\n      this.theme =\n        theme === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    if (this.routerSlot) {\n      this.routerSlot.ariaLabel = this.routerSlot.textContent;\n    }\n    return !!this.routerSlot;\n  }\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(({ attributeName }) => {\n      if (IC_INHERITED_ARIA.includes(attributeName)) {\n        this.inheritedAttributes[attributeName] =\n          this.el.getAttribute(attributeName);\n        forceComponentUpdate = true;\n      }\n    });\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  render() {\n    const {\n      download,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      monochrome,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"ic-link\"]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-link-monochrome\"]: monochrome,\n        }}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\"></slot>\n        ) : (\n          <a\n            class={{\n              [\"link\"]: href !== null,\n            }}\n            download={download !== false ? download : null}\n            href={href}\n            hrefLang={hreflang}\n            referrerPolicy={referrerpolicy}\n            rel={rel}\n            target={target}\n            tabindex={href !== null ? \"0\" : \"-1\"}\n            {...this.inheritedAttributes}\n            part=\"link\"\n          >\n            <slot />\n            {target === \"_blank\" && (\n              <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n            )}\n          </a>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6JAAA,MAAMA,EAAY,oxL,MCgCLC,EAAI,M,yBACPC,KAAAC,oBAA+C,GAE/CD,KAAAE,qBAAyC,KA+FzCF,KAAAG,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIC,EAAkBC,SAASF,GAAgB,CAC7CP,KAAKC,oBAAoBM,GACvBP,KAAKU,GAAGC,aAAaJ,GACvBF,EAAuB,I,KAG3B,GAAIA,EAAsB,CACxBO,EAAYZ,K,iBAlGsB,M,UAKd,K,wCAUwB,M,kFAoBD,S,CAE/C,iBAAAa,GACEb,KAAKC,oBAAsBa,EAAkBd,KAAKU,GAAIF,GACtDR,KAAKe,cACLf,KAAKU,GAAGM,aAAa,cAAe,O,CAGtC,gBAAAC,GACEjB,KAAKE,qBAAuB,IAAIgB,iBAAiBlB,KAAKG,sBACtDH,KAAKE,qBAAqBiB,QAAQnB,KAAKU,GAAI,CACzCU,WAAY,M,CAIhB,oBAAAC,G,OACEC,EAAAtB,KAAKE,wBAAoB,MAAAoB,SAAA,SAAAA,EAAEC,Y,CAI7B,kBAAAC,EAAmBC,OAAEA,IACnBzB,KAAKe,YAAYU,EAAOC,K,CAO1B,cAAMC,G,OACJL,EAAAtB,KAAKU,GAAGkB,WAAWC,cAAc,QAAI,MAAAP,SAAA,SAAAA,EAAEQ,O,CAGjC,WAAAf,CAAYW,EAA0B,MAC5C,MAAMK,EAAQC,EAAoBhC,KAAKU,GAAIgB,GAE3C,GAAIK,IAAUE,EAAsBC,QAAS,CAC3ClC,KAAKmC,WAAa,KAClBnC,KAAK+B,MACHA,IAAUE,EAAsBG,MAC5BH,EAAsBI,KACtBJ,EAAsBG,K,EAIxB,aAAAE,GACNtC,KAAKuC,WAAavC,KAAKU,GAAGmB,cAAc,wBACxC,GAAI7B,KAAKuC,WAAY,CACnBvC,KAAKuC,WAAWC,UAAYxC,KAAKuC,WAAWE,W,CAE9C,QAASzC,KAAKuC,U,CAkBhB,MAAAG,GACE,MAAMC,SACJA,EAAQC,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMb,WACNA,EAAUJ,MACVA,GACE/B,KAEJ,OACEiD,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,WAAY,KACb,CAAC,YAAYpB,KAAUA,IAAU,UACjC,CAAC,sBAAuBI,IAGzBnC,KAAKsC,gBACJW,EAAA,QAAMG,KAAK,gBAEXH,EAAA,IAAAI,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,QAASP,IAAS,MAErBD,SAAUA,IAAa,MAAQA,EAAW,KAC1CC,KAAMA,EACNW,SAAUV,EACVW,eAAgBV,EAChBC,IAAKA,EACLC,OAAQA,EACRS,SAAUb,IAAS,KAAO,IAAM,MAC5B5C,KAAKC,oBAAmB,CAC5ByD,KAAK,SAELT,EAAA,aACCD,IAAW,UACVC,EAAA,QAAME,MAAM,2BAA2BQ,UAAWC,K"}