@ukic/canary-web-components 2.0.0-canary.10 → 2.0.0-canary.12

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

@@ -1 +0,0 @@
-{"version":3,"names":["IC_INHERITED_ARIA","icSelectCss","inputIds","Select","this","hasSetDefaultValue","inheritedAttributes","initialOptionsEmpty","inputId","menuId","searchableMenuItemSelected","ungroupedOptions","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","forEach","option","children","child","includes","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","el","shadowRoot","querySelector","classList","add","remove","handleMouseDown","preventDefault","isExternalFiltering","disableFilter","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","loadingHandler","watchOptionsHandler","debounceChangedHandler","updateOnChangeDebounce","valueChangedHandler","disconnectedCallback","removeFormResetListener","componentWillLoad","inheritAttributes","removeDisabledFalse","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","setFocus","debounceAria","render","size","small","fullWidth","helperText","hideLabel","name","placeholder","readonly","required","showClearButton","validationStatus","validationText","renderHiddenInput","invalid","IcInformationStatus","Error","describedBy","getInputDescribedByText","hasValidationStatus","trim","optionsSelectedCount","h","Host","class","for","ref","anchorEl","isMobileOrTablet","onChange","id","onKeyDown","form","selected","role","autocomplete","onInput","onClick","formaction","formenctype","formmethod","formnovalidate","formtarget","innerHTML","Clear","variant","appearance","IcThemeForegroundEnum","Light","Dark","onMouseDown","Expand","inputEl","inputLabel","selectOnEnter","onMenuStateChange","onMenuOptionSelect","onMenuOptionSelectAll","onMenuKeyPress","onUngroupedOptionsSet","onRetryButtonClicked","parentEl","activationType","closeOnSelect","ariaLiveMode","status","message"],"sources":["src/utils/constants.ts","src/components/ic-select-with-multi/ic-select.css?tag=ic-select-with-multi&encapsulation=shadow","src/components/ic-select-with-multi/ic-select.tsx"],"sourcesContent":["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 \"../../../dist/core/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  --menu-max-height: 100px;\n}\n\n:host(.full-width) {\n  width: 100%;\n}\n\nic-input-component-container:hover {\n  --border-color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:active {\n  --border-color: var(--ic-action-dark-active);\n\n  color: var(--ic-action-dark-active);\n}\n\nic-input-component-container.menu-open {\n  --border-color: var(--ic-architectural-400);\n\n  color: var(--ic-action-dark);\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-architectural-white);\n  color: var(--ic-color-primary-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: url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\");\n}\n\nselect option,\n.select-option-selected {\n  color: var(--ic-color-primary-text);\n}\n\nselect:disabled {\n  color: var(--ic-architectural-200);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\");\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}\n\n.select-input:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:not(.disabled)) ic-input-component-container:hover .select-input {\n  background-color: var(--ic-architectural-white);\n}\n\n.select-input[disabled] {\n  pointer-events: none;\n}\n\n:host(.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}\n\n.value-text.with-clear-button {\n  padding-right: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n.value-text p {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-bottom: 0 !important;\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-action-dark);\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(.disabled) .expand-icon,\n:host(.disabled) .expand-icon > svg > path {\n  color: var(--ic-architectural-200);\n}\n\n:host(.searchable) .expand-icon {\n  padding-left: 0;\n  height: 2.25rem;\n}\n\n:host(.searchable) .expand-icon > svg {\n  height: 2.25rem;\n  padding: 0 0.375rem;\n}\n\n:host(.searchable:not(.disabled)) .expand-icon > svg {\n  cursor: pointer;\n}\n\n.expand-icon-open {\n  color: var(--ic-action-dark);\n}\n\n.expand-icon-open,\n:host(.searchable) .expand-icon-open {\n  transform: rotateX(180deg);\n}\n\n:host(.disabled) .value-text,\n.placeholder {\n  color: var(--ic-color-tertiary-text);\n}\n\n.select-input-end {\n  display: flex;\n  align-items: center;\n}\n\n.clear-button-container {\n  display: flex;\n}\n\n.divider {\n  width: var(--ic-space-1px);\n  background-color: var(--ic-architectural-400);\n  margin: var(--ic-space-xxs) 0;\n  border-radius: var(--ic-space-1px);\n  height: var(--ic-space-lg);\n}\n\n:host(.small) .divider {\n  height: var(--ic-space-md);\n}\n\n:host(.large) .divider {\n  height: var(--ic-space-xl);\n}\n\n.clear-button {\n  position: absolute;\n  right: calc(var(--ic-space-xl) + var(--ic-space-xxs));\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-focus-blue);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow);\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus * {\n  fill: white;\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","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  h,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { IcOptionSelectEventDetail } from \"@ukic/web-components/dist/types/components\";\nimport { IcMenuOption } from \"@ukic/web-components/dist/types/utils/types\";\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} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSearchMatchPositions,\n  IcThemeForegroundEnum,\n  IcValueEventDetail,\n  IcSizes,\n} from \"../../utils/types\";\nimport Expand from \"./assets/Expand.svg\";\nimport Clear from \"./assets/Clear.svg\";\n\nlet inputIds = 0;\n\n@Component({\n  tag: \"ic-select-with-multi\",\n  styleUrl: \"ic-select.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\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]: unknown } = {};\n  private initialOptionsEmpty = false;\n  private inputId = `ic-select-input-${inputIds++}`;\n  private menu: HTMLIcMenuWithMultiElement;\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\n  @Element() el!: HTMLIcSelectWithMultiElement;\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   * **[DEPRECATED]** This prop should not be used anymore.\n   */\n  @Prop() charactersUntilSuggestions?: number = 0;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop({ reflect: true }) disabled?: boolean = false;\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() disableFilter?: 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   * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner.\n   * This prop should only be used with searchable select and will only be applied if searchable is true.\n   */\n  @Prop() formaction?: string;\n\n  /**\n   * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.\n   */\n  @Prop() formenctype?: string;\n\n  /**\n   * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.\n   */\n  @Prop() formmethod?: string;\n\n  /**\n   * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.\n   */\n  @Prop() formnovalidate?: boolean;\n\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner.\n   * This prop should only be used with searchable select and will only be applied if searchable is true.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.\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.\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.\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 = \"default\";\n\n  /**\n   * **[DEPRECATED]** This prop should not be used anymore. Set prop `size` to \"small\" instead.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\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) this.options = this.noOptions;\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  /**\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 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 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  }\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, [\n      ...IC_INHERITED_ARIA,\n      \"tabindex\",\n      \"title\",\n    ]);\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\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  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 (this.searchable && event.detail.label === this.emptyOptionListText) {\n      this.searchableSelectElement.focus();\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.disableFilter;\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.disableFilter) {\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 = (event: FocusEvent): void => {\n    const target = event.relatedTarget as HTMLElement;\n    if (\n      target !== null &&\n      target.tagName === \"UL\" &&\n      target.className.includes(\"menu\")\n    ) {\n      return;\n    }\n\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n    const isSearchableAndNoFocusedInternalElements =\n      this.searchable &&\n      event.relatedTarget !== this.menu &&\n      !Array.from(this.menu.querySelectorAll(\"[role='option']\")).includes(\n        event.relatedTarget as Element\n      ) &&\n      !(this.clearButton && event.relatedTarget === this.clearButton) &&\n      !(retryButton && event.relatedTarget === 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      small,\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    } = 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 =\n      validationStatus === IcInformationStatus.Error ? \"true\" : \"false\";\n\n    const describedBy = getInputDescribedByText(\n      this.inputId,\n      helperText !== \"\",\n      hasValidationStatus(this.validationStatus, this.disabled)\n    ).trim();\n\n    const optionsSelectedCount = `${\n      currValue?.length\n    } of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;\n\n    return (\n      <Host\n        class={{\n          disabled: disabled,\n          searchable: searchable,\n          small: small,\n          [size]: size !== \"default\",\n          \"full-width\": fullWidth,\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            small={small}\n            size={size}\n            fullWidth={fullWidth}\n            disabled={disabled}\n            readonly={readonly}\n            validationStatus={validationStatus}\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 ? \"true\" : \"false\"}\n                  aria-invalid={invalid}\n                  aria-required={required ? \"true\" : \"false\"}\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                  formaction={this.formaction}\n                  formenctype={this.formenctype}\n                  formmethod={this.formmethod}\n                  formnovalidate={this.formnovalidate}\n                  formtarget={this.formtarget}\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                        appearance={\n                          this.clearButtonFocused\n                            ? IcThemeForegroundEnum.Light\n                            : IcThemeForegroundEnum.Dark\n                        }\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                    <p>\n                      {(multiple\n                        ? this.getMultipleOptionsString(currValue as string[])\n                        : this.getLabelFromValue(currValue as string)) ||\n                        placeholder}\n                    </p>\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                    appearance={\n                      this.clearButtonFocused\n                        ? IcThemeForegroundEnum.Light\n                        : IcThemeForegroundEnum.Dark\n                    }\n                  ></ic-button>\n                )}\n              </div>\n            )}\n          </ic-input-component-container>\n          {(!isMobileOrTablet() || multiple) && (\n            <ic-menu-with-multi\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: HTMLIcMenuWithMultiElement) => (this.menu = el)}\n              inputEl={\n                searchable\n                  ? this.searchableSelectElement\n                  : this.customSelectElement\n              }\n              inputLabel={label}\n              anchorEl={this.anchorEl}\n              small={small}\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-with-multi>\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-c7590421.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-8455d1bb.js";import{v as a}from"./p-cd799087.js";const n=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.pagination-text-default,.pagination-text-dark,.pagination-text-light{white-space:nowrap}.pagination-text-light{color:var(--ic-color-white-text)}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const l=class{constructor(s){t(this,s);this.icPageChange=i(this,"icPageChange",7);this.icItemsPerPageChange=i(this,"icItemsPerPageChange",7);this.PAGINATION="ic-pagination";this.TEXT_FIELD="ic-text-field";this.TOOLTIP="ic-tooltip";this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.NAN_ERROR="Please enter a number";this.resizeObserver=null;this.changeItemsPerPage=()=>{const t=this.el.shadowRoot.querySelector("ic-select");const i=t.value;this.itemsPerPage=i;this.setNumberPages();this.setUpperBound();const s=this.el.shadowRoot.querySelector(this.PAGINATION);if(this.currentPage>this.totalPages){s.setCurrentPage(this.totalPages);this.currentPage=this.totalPages}this.icItemsPerPageChange.emit({value:Number(this.itemsPerPage)});this.icPageChange.emit({value:this.currentPage})};this.changePage=t=>{this.currentPage=t;this.lowerBound=t!==1?(t-1)*Number(this.itemsPerPage)+1:t;this.setUpperBound()};this.goToPage=()=>{const t=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const i=Number(t.value);const s=this.el.shadowRoot.querySelector("ic-tooltip");if(i<=this.totalPages&&i>0){this.changePage(i);const e=this.el.shadowRoot.querySelector(this.PAGINATION);e.setCurrentPage(i);this.currentPage=i;t.value="";this.icPageChange.emit({value:i});s.displayTooltip(false,false);t.validationStatus=""}else{this.inputError=this.INVALID_PAGE_ERROR;t.validationStatus="error";t.setFocus()}};this.handleBlur=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TEXT_FIELD);const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TOOLTIP);if(Number(s.value)<=this.totalPages&&Number(s.value)>0||s.value===""){s.validationStatus=""}e.displayTooltip(false,false)};this.handleFocus=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(this.TEXT_FIELD);const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(this.TOOLTIP);if(s.validationStatus==="error"){e.displayTooltip(true,true)}};this.handleInputChange=()=>{const t=this.el.shadowRoot.querySelector(this.TOOLTIP);const i=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const s=parseInt(i.value);if(s>this.totalPages||s<=0){this.inputError=this.INVALID_PAGE_ERROR;t.displayTooltip(true,true);i.validationStatus="error";i.focus()}};this.handleKeydown=t=>{const i=this.el.shadowRoot.querySelector(this.TOOLTIP);const s=this.el.shadowRoot.querySelector(this.TEXT_FIELD);if(t.key==="Enter"){if(s.validationStatus==="error"){i.displayTooltip(true,true)}else{this.goToPage()}}else{i.displayTooltip(false,false);s.validationStatus=""}};this.handleKeyUp=t=>{const i=this.el.shadowRoot.querySelector(this.TOOLTIP);const s=this.el.shadowRoot.querySelector(this.TEXT_FIELD);const e=parseInt(s.value);if(Number.isNaN(e)&&t.key!=="Backspace"&&t.key!=="Enter"&&t.key!=="Tab"&&t.key!=="Shift"){this.inputError=this.NAN_ERROR;i.displayTooltip(true,false);s.validationStatus="error"}};this.paginationShouldWrap=()=>{const t=this.el.shadowRoot.querySelector(this.PAGINATION);if(this.paginationControl==="simple"){if(t.clientHeight>63){this.paginationWrapped=true}else{this.paginationWrapped=false}}};this.resizeObserverCallback=t=>{if(t-this.paginationWidth>50||t-this.paginationWidth<-50){this.paginationWidth=t;this.paginationShouldWrap()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const t=this.paginationBarEl.clientWidth;this.resizeObserverCallback(t)}));this.resizeObserver.observe(this.paginationBarEl)};this.setDefaultItemsPerPage=()=>{this.itemsPerPage=this.itemsPerPageOptions[0].value};this.setDefaultItemsPerPageOptions=()=>{this.itemsPerPageOptions=this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"},{label:"All",value:String(this.totalItems)}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"},{label:"All",value:String(this.totalItems)}]};this.setGoToPageInputStyles=()=>{var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(s!==undefined){const t=(i=s===null||s===void 0?void 0:s.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(t!==undefined){t.style.textAlign="center";t.style.padding="0"}}};this.setNumberPages=()=>{this.totalPages=Math.ceil(this.totalItems/Number(this.itemsPerPage))};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+Number(this.itemsPerPage)-1,this.totalItems)};this.trimItemsPerPageOptions=()=>{this.itemsPerPageOptions=this.itemsPerPageOptions.slice(0,3);this.itemsPerPageOptions.push({label:"All",value:String(this.totalItems)});for(let t=0;t<this.itemsPerPageOptions.length-1;t++){if(this.totalItems<=Number(this.itemsPerPageOptions[t].value)){this.itemsPerPageOptions.splice(t,this.itemsPerPageOptions.length-(t+1))}}};this.currentPage=1;this.inputError="Please enter a valid page";this.itemsPerPage=undefined;this.lowerBound=1;this.paginationWidth=undefined;this.paginationWrapped=false;this.totalPages=undefined;this.upperBound=undefined;this.alignment="right";this.appearance="default";this.itemLabel="Item";this.itemsPerPageOptions=undefined;this.paginationControl="simple";this.paginationType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.showItemsPerPage=true;this.showItemsPerPageControl=false;this.totalItems=undefined}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){if(this.itemsPerPageOptions===undefined||this.itemsPerPageOptions===null){this.setDefaultItemsPerPageOptions()}this.trimItemsPerPageOptions();this.setDefaultItemsPerPage();this.setNumberPages();this.setUpperBound()}componentDidLoad(){this.paginationWidth=this.paginationBarEl.clientWidth;a(this.runResizeObserver);this.setGoToPageInputStyles();this.paginationShouldWrap()}pageChangeHandler(t){const i=t.detail.value;this.changePage(i)}render(){const{appearance:t,alignment:i,itemsPerPageOptions:e,PAGE_INPUT_FIELD_ID:a,paginationControl:n,paginationType:l,showItemsPerPage:h,showItemsPerPageControl:o,showGoToPageControl:r}=this;const c=t=>{var i;(i=this.paginationBarEl.querySelector(t))===null||i===void 0?void 0:i.setFocus()};return s("div",{class:{["pagination-bar"]:true,[`pagination-bar-${i}`]:true},ref:t=>this.paginationBarEl=t},(h||o)&&s("div",{class:"item-controls"},o&&s("div",{class:"items-per-page-holder"},s("ic-typography",{class:{[`pagination-text-${t}`]:true,["items-per-page-control-label"]:true},variant:"label",onClick:()=>c("ic-select")},this.itemLabel,"s per ",this.pageLabel.toLowerCase()),s("ic-select",{small:true,label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:e,value:this.itemsPerPage,onIcChange:()=>this.changeItemsPerPage()})),h&&l==="data"?s("ic-typography",{class:{[`pagination-text-${t}`]:true,["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.lowerBound," - ",this.upperBound," of ",this.totalItems," ",this.itemLabel.toLowerCase(),this.totalItems>1?"s":""):h&&s("ic-typography",{class:{[`pagination-text-${t}`]:true,["page-pagination-label"]:true},variant:"label","aria-live":"polite"},this.pageLabel," ",this.currentPage," of ",this.totalPages)),s("div",{class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},s("div",{class:"pagination-holder"},s("ic-pagination",{appearance:t,type:n,pages:this.totalPages})),r&&s("div",{class:"go-to-page-holder"},s("ic-typography",{class:{[`pagination-text-${t}`]:true},variant:"label",onClick:()=>c("ic-text-field")},"Go to ",this.pageLabel.toLowerCase()),s("ic-tooltip",{label:this.inputError,target:`#${a}`,disableHover:true,disableClick:true},s("ic-text-field",{type:"number",size:"small",label:a,class:a,id:a,hideLabel:true,onKeyDown:t=>this.handleKeydown(t),onKeyUp:t=>this.handleKeyUp(t),onInput:()=>this.handleInputChange(),max:this.totalPages,min:"1",validationInlineInternal:true,onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus()})),s("ic-button",{appearance:t,variant:"secondary",onClick:()=>this.goToPage(),size:"small",class:"go-to-page-button"},"Go"))))}get el(){return e(this)}};l.style=n;export{l as ic_pagination_bar};
-//# sourceMappingURL=p-c7590421.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icPaginationBarCss","PaginationBar","this","PAGINATION","TEXT_FIELD","TOOLTIP","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","NAN_ERROR","resizeObserver","changeItemsPerPage","select","el","shadowRoot","querySelector","value","itemsPerPage","setNumberPages","setUpperBound","pagination","currentPage","totalPages","setCurrentPage","icItemsPerPageChange","emit","Number","icPageChange","changePage","page","lowerBound","goToPage","input","tooltip","displayTooltip","validationStatus","inputError","setFocus","handleBlur","textField","_a","_b","handleFocus","handleInputChange","inputValue","parseInt","focus","handleKeydown","ev","key","handleKeyUp","isNaN","paginationShouldWrap","paginationControl","clientHeight","paginationWrapped","resizeObserverCallback","currSize","paginationWidth","runResizeObserver","ResizeObserver","paginationBarEl","clientWidth","observe","setDefaultItemsPerPage","itemsPerPageOptions","setDefaultItemsPerPageOptions","totalItems","label","String","setGoToPageInputStyles","undefined","style","textAlign","padding","Math","ceil","upperBound","min","trimItemsPerPageOptions","slice","push","i","length","splice","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","pageChangeHandler","detail","render","appearance","alignment","paginationType","showItemsPerPage","showItemsPerPageControl","showGoToPageControl","focusElFromLabel","h","class","ref","variant","onClick","itemLabel","pageLabel","toLowerCase","small","hideLabel","options","onIcChange","type","pages","target","disableHover","disableClick","size","id","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus"],"sources":["src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n  white-space: nowrap;\n}\n\n.pagination-text-light {\n  color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n} from \"@stencil/core\";\nimport { IcThemeForeground } from \"@ukic/web-components/dist/types/interface\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationControlTypes,\n  IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGINATION = \"ic-pagination\";\n  private TEXT_FIELD = \"ic-text-field\";\n  private TOOLTIP = \"ic-tooltip\";\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n  private NAN_ERROR = \"Please enter a number\";\n\n  private resizeObserver: ResizeObserver = null;\n  private paginationBarEl: HTMLElement;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() currentPage: number = 1;\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: string;\n\n  @State() lowerBound: number = 1;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * Sets the styling for the items in the pagination bar.\n   */\n  @Prop() appearance?: IcThemeForeground = \"default\";\n\n  /**\n   * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  /**\n   * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.\n   */\n  @Prop({ mutable: true }) itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() paginationControl?: IcPaginationControlTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() paginationType?: IcPaginationTypes = \"page\";\n\n  /**\n   * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page should be displayed.\n   */\n  @Prop() showItemsPerPage?: boolean = true;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   */\n  @Event() icPageChange: EventEmitter<{ value: number }>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    if (\n      this.itemsPerPageOptions === undefined ||\n      this.itemsPerPageOptions === null\n    ) {\n      this.setDefaultItemsPerPageOptions();\n    }\n    this.trimItemsPerPageOptions();\n    this.setDefaultItemsPerPage();\n    this.setNumberPages();\n    this.setUpperBound();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl.clientWidth;\n    checkResizeObserver(this.runResizeObserver);\n    this.setGoToPageInputStyles();\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    const select = this.el.shadowRoot.querySelector(\"ic-select\");\n    const value = select.value;\n    this.itemsPerPage = value;\n    this.setNumberPages();\n    this.setUpperBound();\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.currentPage > this.totalPages) {\n      pagination.setCurrentPage(this.totalPages);\n      this.currentPage = this.totalPages;\n    }\n    this.icItemsPerPageChange.emit({ value: Number(this.itemsPerPage) });\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private changePage = (page: number) => {\n    this.currentPage = page;\n    this.lowerBound =\n      page !== 1 ? (page - 1) * Number(this.itemsPerPage) + 1 : page;\n    this.setUpperBound();\n  };\n\n  private goToPage = () => {\n    const input = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const page = Number(input.value);\n    const tooltip = this.el.shadowRoot.querySelector(\"ic-tooltip\");\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      const pagination = this.el.shadowRoot.querySelector(\n        this.PAGINATION\n      ) as HTMLIcPaginationElement;\n      pagination.setCurrentPage(page);\n      this.currentPage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      tooltip.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      input.validationStatus = \"error\";\n      input.setFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    tooltip.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (textField.validationStatus === \"error\") {\n      tooltip.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      tooltip.displayTooltip(true, true);\n      textField.validationStatus = \"error\";\n      textField.focus();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n\n    if (ev.key === \"Enter\") {\n      if (textField.validationStatus === \"error\") {\n        tooltip.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      tooltip.displayTooltip(false, false);\n      textField.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (\n      Number.isNaN(inputValue) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.inputError = this.NAN_ERROR;\n      tooltip.displayTooltip(true, false);\n      textField.validationStatus = \"error\";\n    }\n  };\n\n  private paginationShouldWrap = () => {\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.paginationControl === \"simple\") {\n      if (pagination.clientHeight > 63) {\n        this.paginationWrapped = true;\n      } else {\n        this.paginationWrapped = false;\n      }\n    }\n  };\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (\n      currSize - this.paginationWidth > 50 ||\n      currSize - this.paginationWidth < -50\n    ) {\n      this.paginationWidth = currSize;\n      this.paginationShouldWrap();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = this.paginationBarEl.clientWidth;\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.paginationBarEl);\n  };\n\n  private setDefaultItemsPerPage = () => {\n    this.itemsPerPage = this.itemsPerPageOptions[0].value;\n  };\n\n  private setDefaultItemsPerPageOptions = () => {\n    this.itemsPerPageOptions =\n      this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ];\n  };\n\n  private setGoToPageInputStyles = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField !== undefined) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input !== undefined) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n  };\n\n  private setNumberPages = () => {\n    this.totalPages = Math.ceil(this.totalItems / Number(this.itemsPerPage));\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + Number(this.itemsPerPage) - 1,\n      this.totalItems\n    );\n  };\n\n  private trimItemsPerPageOptions = () => {\n    this.itemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);\n    this.itemsPerPageOptions.push({\n      label: \"All\",\n      value: String(this.totalItems),\n    });\n\n    for (let i = 0; i < this.itemsPerPageOptions.length - 1; i++) {\n      if (this.totalItems <= Number(this.itemsPerPageOptions[i].value)) {\n        this.itemsPerPageOptions.splice(\n          i,\n          this.itemsPerPageOptions.length - (i + 1)\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      appearance,\n      alignment,\n      itemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      paginationControl,\n      paginationType,\n      showItemsPerPage,\n      showItemsPerPageControl,\n      showGoToPageControl,\n    } = this;\n\n    const focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n      this.paginationBarEl.querySelector(el)?.setFocus();\n    };\n\n    return (\n      <div\n        class={{\n          [\"pagination-bar\"]: true,\n          [`pagination-bar-${alignment}`]: true,\n        }}\n        ref={(el) => (this.paginationBarEl = el)}\n      >\n        {(showItemsPerPage || showItemsPerPageControl) && (\n          <div class=\"item-controls\">\n            {showItemsPerPageControl && (\n              <div class=\"items-per-page-holder\">\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"items-per-page-control-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  onClick={() => focusElFromLabel(\"ic-select\")}\n                >\n                  {this.itemLabel}s per {this.pageLabel.toLowerCase()}\n                </ic-typography>\n                <ic-select\n                  small\n                  label=\"items-per-page-input\"\n                  class=\"items-per-page-input\"\n                  hideLabel\n                  options={itemsPerPageOptions}\n                  value={this.itemsPerPage}\n                  onIcChange={() => this.changeItemsPerPage()}\n                ></ic-select>\n              </div>\n            )}\n            {showItemsPerPage && paginationType === \"data\" ? (\n              <ic-typography\n                class={{\n                  [`pagination-text-${appearance}`]: true,\n                  [\"item-pagination-label\"]: true,\n                }}\n                variant=\"label\"\n                aria-live=\"polite\"\n              >\n                {this.lowerBound} - {this.upperBound} of {this.totalItems}{\" \"}\n                {this.itemLabel.toLowerCase()}\n                {this.totalItems > 1 ? \"s\" : \"\"}\n              </ic-typography>\n            ) : (\n              showItemsPerPage && (\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"page-pagination-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  aria-live=\"polite\"\n                >\n                  {this.pageLabel} {this.currentPage} of {this.totalPages}\n                </ic-typography>\n              )\n            )}\n          </div>\n        )}\n        <div\n          class={{\n            [\"pagination-controls\"]: true,\n            [\"pagination-controls-wrap\"]: this.paginationWrapped,\n          }}\n        >\n          <div class=\"pagination-holder\">\n            <ic-pagination\n              appearance={appearance}\n              type={paginationControl}\n              pages={this.totalPages}\n            ></ic-pagination>\n          </div>\n          {showGoToPageControl && (\n            <div class=\"go-to-page-holder\">\n              <ic-typography\n                class={{ [`pagination-text-${appearance}`]: true }}\n                variant=\"label\"\n                onClick={() => focusElFromLabel(\"ic-text-field\")}\n              >\n                Go to {this.pageLabel.toLowerCase()}\n              </ic-typography>\n              <ic-tooltip\n                label={this.inputError}\n                target={`#${PAGE_INPUT_FIELD_ID}`}\n                disableHover\n                disableClick\n              >\n                <ic-text-field\n                  type=\"number\"\n                  size=\"small\"\n                  label={PAGE_INPUT_FIELD_ID}\n                  class={PAGE_INPUT_FIELD_ID}\n                  id={PAGE_INPUT_FIELD_ID}\n                  hideLabel\n                  onKeyDown={(ev: KeyboardEvent) => this.handleKeydown(ev)}\n                  onKeyUp={(ev: KeyboardEvent) => this.handleKeyUp(ev)}\n                  onInput={() => this.handleInputChange()}\n                  max={this.totalPages}\n                  min=\"1\"\n                  validationInlineInternal\n                  onBlur={() => this.handleBlur()}\n                  onFocus={() => this.handleFocus()}\n                ></ic-text-field>\n              </ic-tooltip>\n              <ic-button\n                appearance={appearance}\n                variant=\"secondary\"\n                onClick={() => this.goToPage()}\n                size=\"small\"\n                class=\"go-to-page-button\"\n              >\n                Go\n              </ic-button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as i,g as e}from"./p-8455d1bb.js";import{i as s,a as o}from"./p-d35c7c18.js";import"./p-fd186591.js";const n=":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";const r=class{constructor(a){t(this,a);this.aligned="left";this.body=undefined;this.bodyMaxLines=undefined;this.heading=undefined;this.imageSize="default";this.subheading=undefined}componentDidLoad(){!s(this.el,"heading")&&o([{prop:this.heading,propName:"heading"}],"Empty State")}render(){const{aligned:t,body:e,bodyMaxLines:o,heading:n,imageSize:r,subheading:c}=this;return a(i,{class:{[`${t}`]:true,[`image-${r}`]:s(this.el,"image")}},s(this.el,"image")&&a("slot",{name:"image"}),a("div",null,a("slot",{name:"heading"},a("ic-typography",{variant:"h4"},n)),a("slot",{name:"subheading"},a("ic-typography",{variant:"subtitle-small"},c)),a("slot",{name:"body"},a("ic-typography",{maxLines:o},e))),s(this.el,"actions")&&a("div",{class:"action-area"},a("slot",{name:"actions"})))}get el(){return e(this)}};r.style=n;export{r as ic_empty_state};
-//# sourceMappingURL=p-caf857de.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icEmptyStateCss","EmptyState","constructor","hostRef","this","aligned","body","undefined","bodyMaxLines","heading","imageSize","subheading","componentDidLoad","isSlotUsed","el","onComponentRequiredPropUndefined","prop","propName","render","h","Host","class","name","variant","maxLines"],"sources":["../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js"],"sourcesContent":[":host {\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n  display: flex;\n  flex-direction: column;\n}\n\n.action-area {\n  gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n  border-radius: var(--ic-space-xxs);\n}\n\n:host(.right),\n:host(.right) .action-area {\n  align-items: flex-end;\n  text-align: right;\n}\n\n:host(.center),\n:host(.center) .action-area {\n  align-items: center;\n  text-align: center;\n}\n\n:host(.image-default) ::slotted(svg),\n:host(.image-default) ::slotted(img) {\n  height: calc(3 * var(--ic-space-lg)) !important;\n  width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n  height: var(--ic-space-xxl) !important;\n  width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n  height: calc(4 * var(--ic-space-xl)) !important;\n  width: calc(4 * var(--ic-space-xl)) !important;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n    constructor() {\n        this.aligned = \"left\";\n        this.body = undefined;\n        this.bodyMaxLines = undefined;\n        this.heading = undefined;\n        this.imageSize = \"default\";\n        this.subheading = undefined;\n    }\n    componentDidLoad() {\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n    }\n    render() {\n        const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;\n        return (h(Host, { class: {\n                [`${aligned}`]: true,\n                [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n            } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { name: \"image\" }), h(\"div\", null, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\" }, heading)), h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, subheading)), h(\"slot\", { name: \"body\" }, h(\"ic-typography\", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" })))));\n    }\n    static get is() { return \"ic-empty-state\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmptyStateAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\"\",\n                    \"references\": {\n                        \"IcEmptyStateAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-empty-state.types\",\n                            \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the empty state container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"body\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The body text rendered in the empty state container.\"\n                },\n                \"attribute\": \"body\",\n                \"reflect\": false\n            },\n            \"bodyMaxLines\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines of body text to display before truncating.\"\n                },\n                \"attribute\": \"body-max-lines\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title rendered in the empty state container.\"\n                },\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"imageSize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the image or icon used in the image slot.\"\n                },\n                \"attribute\": \"image-size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The subtitle rendered in the empty state container.\"\n                },\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n"],"mappings":"4HAAA,MAAMA,EAAkB,21B,MCSXC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAU,OACfD,KAAKE,KAAOC,UACZH,KAAKI,aAAeD,UACpBH,KAAKK,QAAUF,UACfH,KAAKM,UAAY,UACjBN,KAAKO,WAAaJ,S,CAEtB,gBAAAK,IACKC,EAAWT,KAAKU,GAAI,YACjBC,EAAiC,CAAC,CAAEC,KAAMZ,KAAKK,QAASQ,SAAU,YAAc,c,CAExF,MAAAC,GACI,MAAMb,QAAEA,EAAOC,KAAEA,EAAIE,aAAEA,EAAYC,QAAEA,EAAOC,UAAEA,EAASC,WAAEA,GAAeP,KACxE,OAAQe,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,GAAGhB,KAAY,KAChB,CAAC,SAASK,KAAcG,EAAWT,KAAKU,GAAI,WAC3CD,EAAWT,KAAKU,GAAI,UAAYK,EAAE,OAAQ,CAAEG,KAAM,UAAYH,EAAE,MAAO,KAAMA,EAAE,OAAQ,CAAEG,KAAM,WAAaH,EAAE,gBAAiB,CAAEI,QAAS,MAAQd,IAAWU,EAAE,OAAQ,CAAEG,KAAM,cAAgBH,EAAE,gBAAiB,CAAEI,QAAS,kBAAoBZ,IAAcQ,EAAE,OAAQ,CAAEG,KAAM,QAAUH,EAAE,gBAAiB,CAAEK,SAAUhB,GAAgBF,KAASO,EAAWT,KAAKU,GAAI,YAAeK,EAAE,MAAO,CAAEE,MAAO,eAAiBF,EAAE,OAAQ,CAAEG,KAAM,a"}

package/dist/core/p-cd799087.js

@@ -1,2 +0,0 @@
-var n;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(n||(n={}));var e;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(e||(e={}));var t;(function(n){n[n["January"]=0]="January";n[n["February"]=1]="February";n[n["March"]=2]="March";n[n["April"]=3]="April";n[n["May"]=4]="May";n[n["June"]=5]="June";n[n["July"]=6]="July";n[n["August"]=7]="August";n[n["September"]=8]="September";n[n["October"]=9]="October";n[n["November"]=10]="November";n[n["December"]=11]="December"})(t||(t={}));var o;(function(n){n[n["Sun"]=0]="Sun";n[n["Mon"]=1]="Mon";n[n["Tue"]=2]="Tue";n[n["Wed"]=3]="Wed";n[n["Thu"]=4]="Thu";n[n["Fri"]=5]="Fri";n[n["Sat"]=6]="Sat"})(o||(o={}));var s;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(s||(s={}));var a;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(a||(a={}));const i=n=>{const e=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const t=n;e.push(t)}}));return e};const r=(n,e=[])=>{const t={};e.forEach((e=>{if(n.hasAttribute(e)){const o=n.getAttribute(e);if(o!==null){t[e]=n.getAttribute(e)}n.removeAttribute(e)}}));return t};const c=(n,e,t,o,s)=>{if(t!==undefined&&(n||l(e))){const n=e.querySelectorAll("input.ic-input");const a=Array.from(n);const i=a.filter((n=>e===n.parentElement));let r=i[0];if(r===null||r===undefined){r=e.ownerDocument.createElement("input");r.type="hidden";r.classList.add("ic-input");e.appendChild(r)}r.disabled=s;r.name=t;if(o instanceof Date){r.value=o?o.toISOString():null}else{r.value=o||""}}};const u=n=>n?n.trim().length===0:true;const d=n=>getComputedStyle(document.documentElement).getPropertyValue(n);({XS:Number(d("--ic-breakpoint-xs").replace("px","")),S:Number(d("--ic-breakpoint-sm").replace("px","")),M:Number(d("--ic-breakpoint-md").replace("px","")),L:Number(d("--ic-breakpoint-lg").replace("px","")),XL:Number(d("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200});const l=n=>!!n.shadowRoot&&!!n.attachShadow;const f=n=>n+"-helper-text";const p=n=>n+"-validation-text";const y=(n,e,t)=>`${e?f(n):""} ${t?p(n):""}`.trim();const b=()=>"maxTouchPoints"in navigator?navigator.maxTouchPoints>0:false;const v=(n,e,t="value",o="label")=>{const s=[];if(e.length>0&&e.map){e.map((n=>{if(n.children){n.children.map((n=>s.push(n)))}else{s.push(n)}}));const a=s.find((e=>e[t]===n));if(a!==undefined)return a[o]}return undefined};const m=(n,e,t,o,s="label")=>n.filter((n=>{var a;const i=n[s].toLowerCase();const r=(a=n.description)===null||a===void 0?void 0:a.toLowerCase();const c=t.toLowerCase();return o==="anywhere"?e?i.includes(c)||(r===null||r===void 0?void 0:r.includes(c)):i.includes(c):e?i.startsWith(c)||(r===null||r===void 0?void 0:r.startsWith(c)):i.startsWith(c)}));const N=n=>{const e=[];if(n.length>0&&n.map){n.map((n=>{if(n.children){n.children.map((n=>e.push(n)))}else{e.push(n)}}))}return e.length};const x=n=>/^-?\d+$/.test(n);const h=(n,e)=>n!==""&&!e;const S=(n,e)=>{for(let t=0;t<n.length;t++){const{prop:o,propName:s}=n[t];if(o===null||o===undefined){console.error(`No ${s} specified for ${e} component - prop '${s}' (web components) / '${w(s)}' (react) required`)}}};const w=n=>{n=n.toLowerCase();const e=n.split("-");let t=e[0];for(let n=1;n<e.length;n++){t+=e[n].substring(0,1).toUpperCase()+e[n].substring(1)}return t};const g=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const M=n=>n.closest("FORM");const k=(n,e)=>{const t=M(n);if(t!==null){t.addEventListener("reset",e)}};const T=(n,e)=>{const t=M(n);if(t!==null){t.removeEventListener("reset",e)}};const $=(n,e)=>{if(!n){e.removeAttribute("disabled")}};const F=()=>window.navigator.userAgent.toUpperCase().indexOf("MAC")>=0;export{s as I,t as a,a as b,o as c,m as d,N as e,$ as f,v as g,k as h,r as i,c as j,y as k,b as l,e as m,h as n,S as o,n as p,u as q,T as r,i as s,x as t,F as u,g as v};
-//# sourceMappingURL=p-cd799087.js.map

package/dist/core/p-cd799087.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","inheritAttributes","element","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute","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","isEmptyString","trim","length","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","XS","replace","S","M","L","XL","UNDEFINED","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isMobileOrTablet","navigator","maxTouchPoints","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","children","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","toLowerCase","description","_a","lowerSearchString","includes","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","isNumeric","test","hasValidationStatus","status","onComponentRequiredPropUndefined","props","component","i","prop","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","closest","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","isMacDevice","userAgent","indexOf"],"sources":["src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["export type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardElement\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 IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport type IcSizes = \"default\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"default\" | \"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 IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\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 IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\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]: unknown } => {\n  const attributeObject: { [key: string]: unknown } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = element.getAttribute(attr);\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(\"input.ic-input\");\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(\"ic-input\");\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\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\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 IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\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 IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Dark;\n    }\n\n    return IcThemeForegroundEnum.Light;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\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\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-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-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 */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.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 : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\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(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\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 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\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\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\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string) => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\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 = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\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\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\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  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n"],"mappings":"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"}

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

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