@ukic/web-components 3.20.0 → 3.21.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["icSearchBarCss","IcSearchBarStyle0","inputIds","SearchBar","constructor","hostRef","this","hasTimedOut","inputId","menuCloseFromMenuChangeEvent","menuId","preLoad","preventSubmit","prevNoOption","retryButtonClick","retryViaKeyPress","truncateValue","clearButtonFocused","open","searchSubmitFocused","showClearButton","autocapitalize","autocomplete","autocorrect","autofocus","charactersUntilSuggestion","disabled","disableAutoFiltering","debounce","emptyOptionListText","focusOnLoad","fullWidth","helperText","hideLabel","assistiveHintText","labelField","loading","loadingErrorLabel","loadingLabel","name","placeholder","preventFormSubmitOnSearch","readonly","required","searchMode","size","spellcheck","theme","valueField","filteredOptions","options","value","handleClear","ev","keyboardEvent","mouseEvent","type","code","_a","inputEl","setAttribute","clearTimeout","timeoutTimer","showMenuWithNoInput","setMenuChange","el","setFocus","icClear","emit","preventDefault","onInput","target","icInput","length","rawFilteredOptions","getFilteredMenuOptions","debounceAriaLiveUpdate","onInputBlur","relatedTarget","icSearchBarBlur","onInputFocus","icSearchBarFocus","handleClearBlur","icClearBlur","handleSubmitSearchBlur","icSubmitSearchBlur","setInputValue","newValue","label","getLabelFromValue","handleMouseDown","handleSubmitSearchFocus","handleSubmitSearch","highlightedValue","undefined","icSubmitSearch","form","closest","searchSubmitButton","handleHiddenFormButtonClick","handleSubmitSearchKeyDown","key","handleRetry","detail","keyPressed","icRetryLoad","triggerLoading","loadingOption","timeout","window","setTimeout","timedOut","handleOptionSelect","icOptionSelect","handleMenuOptionHighlight","optionId","replace","ariaActiveDescendant","handleMenuChange","icMenuChange","handleHostFocus","handleHostBlur","menu","focus","updateSearchResultAriaLive","handleFocusClearButton","renderAssistiveHintEl","input","shadowRoot","querySelector","Object","keys","hasOptionsOrFilterDisabled","assistiveHintEl","document","createElement","innerText","id","style","display","_b","after","call","searchResultsStatusEl","hadNoOptions","isSubmitDisabled","updateSearchButtonType","searchButtonType","watchCharactersUntilSuggestionHandler","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","loadingHandler","preventFormSubmitOnSearchHandler","filteredOptionsHandler","newOptions","some","opt","watchOptionsHandler","watchValueHandler","connectedCallback","disconnectedCallback","remove","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","handleSetFirstOption","find","filteredOption","handleKeyDown","event","icKeydown","handleKeyboardOpen","handleKeyUp","debounceAriaLive","render","disabledMode","describedBy","getInputDescribedByText","trim","describedById","hasSuggestedSearch","menuOpen","menuRendered","labelValue","renderHiddenInput","h","Host","class","onFocus","onBlur","for","slot","ref","anchorEl","role","autoFocus","inputmode","innerHTML","clearIcon","onClick","onMouseDown","onKeyDown","variant","searchIcon","fullwidth","activationType","autofocusOnSelected","inputLabel","onMenuOptionSelect","onMenuStateChange","onMenuOptionId","onRetryButtonClicked","parentEl","searchBar"],"sources":["src/components/ic-search-bar/ic-search-bar.css?tag=ic-search-bar&encapsulation=shadow","src/components/ic-search-bar/ic-search-bar.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-menu: z-index of search bar menu\n */\n\n:host(.ic-search-bar-search) {\n  display: block;\n\n  --divider-height: 1.5rem;\n  --ic-input-label-helpertext-padding: var(--ic-space-xs);\n  --border-color: var(--ic-search-bar-outline);\n  --input-bg-color: var(--ic-search-bar-background);\n  --border-color-disabled: var(--ic-search-bar-outline-disabled);\n  --menu-item-text-color: var(--ic-search-bar-dropdown-option-text);\n  --menu-item-desc-text-color: var(--ic-search-bar-dropdown-option-description);\n  --menu-bg-color: var(--ic-search-bar-dropdown-background);\n  --menu-border-color: var(--ic-search-bar-dropdown-outline);\n}\n\n:host(.ic-search-bar-disabled) {\n  --ic-input-label-text-color: var(--ic-search-bar-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-search-bar-subtitle-disabled);\n}\n\n:host(.ic-search-bar-search:hover) {\n  --border-color: var(--ic-search-bar-outline-hover);\n}\n\n:host(.ic-search-bar-search:active) {\n  --border-color: var(--ic-search-bar-outline-pressed);\n}\n\n:host(.ic-search-bar-search.ic-search-bar-small) {\n  --divider-height: 1rem;\n}\n\n:host(.ic-search-bar-full-width) {\n  width: 100%;\n}\n\n/* Custom Input */\n\n::placeholder {\n  color: var(--ic-search-bar-placeholder-text);\n  opacity: 1;\n}\n\ninput {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-search-bar-filled-text);\n  background-color: var(--input-bg-color);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(--ic-search-bar-filled-text-cursor);\n}\n\ninput:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ninput:disabled::placeholder {\n  color: var(--ic-search-bar-disabled-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n/* CLEAR */\n\n.clear-button-container {\n  align-items: center;\n  margin-right: var(--ic-space-1px);\n  display: none;\n  visibility: hidden;\n}\n\n.clear-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-color-focus-inner);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n  border-radius: 0.25rem;\n}\n\n.clear-button-unfocused * {\n  fill: var(--ic-search-bar-clear-button);\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button-visible {\n  visibility: visible;\n  display: flex;\n}\n\n.search-submit-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.search-submit-button-unfocused * {\n  fill: var(--ic-search-bar-filled-icon);\n}\n\n.search-submit-button-disabled * {\n  fill: var(--ic-search-bar-icon-disabled);\n}\n\n.search-submit-button-disabled .ic-tooltip-container {\n  display: none !important;\n}\n\n.search-submit-button:focus,\n.search-submit-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: var(--ic-space-xxs);\n}\n\n.search-submit-button:focus,\n.search-submit-button:active * {\n  fill: white;\n}\n\n.divider {\n  width: var(--ic-border-width);\n  background-color: var(--ic-search-bar-dropdown-divider);\n  height: var(--divider-height);\n}\n\n.menu-container {\n  width: var(--input-width, 20rem);\n  position: relative;\n  top: var(--ic-space-xxxs);\n}\n\n.menu-container.fullwidth {\n  width: 100%;\n}\n\n.no-results {\n  cursor: not-allowed;\n}\n\n.search-results-status {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  margin-bottom: calc(-1 * var(--ic-space-1px));\n  margin-right: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n\n@media (forced-colors: active) {\n  .search-submit-button-unfocused * {\n    fill: canvastext;\n  }\n\n  .search-submit-button-disabled * {\n    fill: GrayText;\n  }\n}\n\n/* Breakpoint value chosen as it's a small amount bigger than the search bar's default width */\n@media screen AND (max-width: 22rem) {\n  .menu-container {\n    max-width: var(--menu-width, var(--input-width, 20rem));\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .clear-button {\n    transition: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n} from \"@stencil/core\";\n\nimport {\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcMenuOption,\n  IcMultiValueEventDetail,\n  IcSizesNoLarge,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  getInputDescribedByText,\n  renderHiddenInput,\n  handleHiddenFormButtonClick,\n  getLabelFromValue,\n  onComponentRequiredPropUndefined,\n  getFilteredMenuOptions,\n  removeDisabledFalse,\n  debounceEvent,\n} from \"../../utils/helpers\";\nimport {\n  IcSearchBarBlurEventDetail,\n  IcSearchBarSearchModes,\n} from \"./ic-search-bar.types\";\nimport { IcValueEventDetail, IcBlurEventDetail } from \"../../utils/types\";\nimport {\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\nimport { IcButtonTypes } from \"../ic-button/ic-button.types\";\n\nlet inputIds = 0;\n\n/**\n * @slot helper-text - Content is set as the helper text for the search bar.\n */\n@Component({\n  tag: \"ic-search-bar\",\n  styleUrl: \"ic-search-bar.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n  private anchorEl?: HTMLElement;\n  private assistiveHintEl?: HTMLSpanElement;\n  private debounceAriaLive?: number;\n  private hasTimedOut = false;\n  private inputEl?: HTMLInputElement;\n  private inputId = `ic-search-bar-input-${inputIds++}`;\n  private menu?: HTMLIcMenuElement;\n  private menuCloseFromMenuChangeEvent = false;\n  private menuId = `${this.inputId}-menu`;\n  private preLoad = true;\n  private preventSubmit = false;\n  private prevNoOption = false;\n  private retryButtonClick = false;\n  private retryViaKeyPress = false;\n  private timeoutTimer?: number;\n  private truncateValue = false;\n  private searchSubmitButton?: HTMLIcButtonElement;\n\n  @Element() el: HTMLIcSearchBarElement;\n\n  @State() ariaActiveDescendant?: string;\n  @State() clearButtonFocused = false;\n  @State() highlightedValue?: string;\n  @State() open = false;\n  @State() searchSubmitFocused = false;\n  @State() showClearButton = false;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\n   */\n  @Prop() charactersUntilSuggestion = 2;\n  @Watch(\"charactersUntilSuggestion\")\n  watchCharactersUntilSuggestionHandler(): void {\n    if (this.showMenuWithNoInput()) {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  /**\n   * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\n   * If `true`, all options provided will be displayed.\n   */\n  @Prop() disableAutoFiltering = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce);\n  }\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   * If `true`, the search bar will be focused when component loaded.\n   */\n  @Prop() focusOnLoad = false;\n\n  /**\n   * Specify whether the search bar fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * The hint text for the hidden assistive description element.\n   */\n  @Prop() assistiveHintText =\n    \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n\n  /**\n   * The label for the search bar.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The custom name for the label field to correspond with the IcMenuOption type.\n   */\n  @Prop() labelField = \"label\";\n\n  /**\n   * Trigger loading state when fetching options asynchronously\n   */\n  @Prop({ mutable: true }) loading = false;\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue && !this.hasTimedOut) {\n      this.preLoad = false;\n      this.triggerLoading();\n    }\n  }\n\n  /**\n   * Change the message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel = \"Loading Error\";\n\n  /**\n   * Change the message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel = \"Loading...\";\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to display.\n   */\n  @Prop() placeholder = \"Search\";\n\n  /**\n   * If `true` the parent form will not submit when the icSubmitSearch event fires.\n   */\n  @Prop() preventFormSubmitOnSearch = false;\n  @State() searchButtonType: IcButtonTypes;\n  @Watch(\"preventFormSubmitOnSearch\")\n  preventFormSubmitOnSearchHandler(): void {\n    this.updateSearchButtonType();\n  }\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the search bar will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n   */\n  @Prop() searchMode: IcSearchBarSearchModes = \"navigation\";\n\n  /**\n   * The size of the search bar component.\n   */\n  @Prop() size: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the value of the search will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  /**\n   * The custom name for the value field to correspond with the IcMenuOption type.\n   */\n  @Prop() valueField = \"value\";\n\n  @State() filteredOptions: IcMenuOption[] = [];\n  @Watch(\"filteredOptions\")\n  filteredOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n  }\n\n  /**\n   * The suggested search options.\n   */\n  @Prop() options: IcMenuOption[] = [];\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    if (this.disableAutoFiltering) {\n      if (!this.hasTimedOut) {\n        this.loading = false;\n        clearTimeout(this.timeoutTimer);\n        if (newOptions.length > 0) {\n          this.filteredOptions = newOptions;\n        } else {\n          if (this.hadNoOptions()) {\n            return;\n          }\n          this.setMenuChange(true);\n          if (!this.preLoad) {\n            this.filteredOptions = [\n              {\n                [this.labelField]: this.emptyOptionListText,\n                [this.valueField]: \"\",\n              },\n            ];\n          }\n          this.preLoad = true;\n        }\n      }\n    } else if (this.showMenuWithNoInput()) {\n      this.filteredOptions = newOptions;\n    }\n    this.debounceAriaLiveUpdate();\n  }\n\n  /**\n   * The value of the search input.\n   */\n  @Prop({ reflect: true, mutable: true }) value = \"\";\n  @Watch(\"value\")\n  watchValueHandler(newValue: string): void {\n    this.setInputValue(newValue);\n    this.icChange.emit({ value: newValue });\n  }\n\n  // The icChange event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when value is cleared with clear button\n   */\n  @Event() icClear: EventEmitter<void>;\n  private handleClear = (ev: Event) => {\n    const keyboardEvent = ev as KeyboardEvent;\n    const mouseEvent = ev as MouseEvent;\n\n    if (\n      mouseEvent.type === \"click\" ||\n      keyboardEvent.code === \"Enter\" ||\n      keyboardEvent.code === \"Space\"\n    ) {\n      this.value = \"\";\n      this.inputEl?.setAttribute(\"value\", \"\");\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      this.filteredOptions = this.options;\n      this.showMenuWithNoInput() && this.setMenuChange(true);\n      this.el.setFocus();\n\n      this.icClear.emit();\n      ev.preventDefault();\n\n      this.preventSubmit = true;\n    }\n  };\n\n  // The icInput event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n  private onInput = ({ target }: Event) => {\n    this.value = (target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n\n    if (this.options.length > 0) {\n      this.setMenuChange(true);\n\n      this.preLoad = false;\n\n      if (this.disableAutoFiltering === false) {\n        const rawFilteredOptions = getFilteredMenuOptions(\n          this.options,\n          false,\n          this.value,\n          \"anywhere\",\n          this.labelField\n        );\n\n        this.filteredOptions =\n          rawFilteredOptions.length > 0\n            ? rawFilteredOptions\n            : [\n                {\n                  [this.labelField]: this.emptyOptionListText,\n                  [this.valueField]: \"\",\n                },\n              ];\n      }\n    }\n\n    if (!this.showClearButton) this.showClearButton = true;\n\n    this.debounceAriaLiveUpdate();\n  };\n\n  private onInputBlur = ({ target, relatedTarget }: FocusEvent) => {\n    this.icSearchBarBlur.emit({\n      value: (target as HTMLInputElement).value,\n      relatedTarget,\n    });\n  };\n\n  private onInputFocus = ({ target }: Event) => {\n    this.icSearchBarFocus.emit({ value: (target as HTMLInputElement).value });\n\n    this.showClearButton = true;\n  };\n\n  /**\n   * Emitted when option is highlighted within the menu\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the state of the menu changes (i.e. open or close)\n   */\n  @Event() icMenuChange: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from clear button\n   */\n  @Event() icClearBlur: EventEmitter<IcBlurEventDetail>;\n  private handleClearBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icClearBlur.emit({ relatedTarget });\n\n    this.clearButtonFocused = false;\n  };\n\n  /**\n   * Emitted when the 'retry loading' button is clicked\n   */\n  @Event() icRetryLoad: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the search value has been submitted\n   */\n  @Event() icSubmitSearch: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from search submit button\n   */\n  @Event() icSubmitSearchBlur: EventEmitter<IcBlurEventDetail>;\n  private handleSubmitSearchBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icSubmitSearchBlur.emit({ relatedTarget });\n\n    this.searchSubmitFocused = false;\n  };\n\n  /**\n   * Emitted when blur is invoked from ic-search-bar\n   */\n  @Event() icSearchBarBlur: EventEmitter<IcSearchBarBlurEventDetail>;\n\n  /**\n   * Emitted when focus is invoked from ic-search-bar\n   */\n  @Event() icSearchBarFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    this.assistiveHintEl?.remove();\n  }\n\n  componentWillLoad(): void {\n    this.setInputValue(this.value);\n\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n\n    this.updateSearchButtonType();\n  }\n\n  componentDidLoad(): void {\n    if (this.focusOnLoad) {\n      this.el.setFocus();\n    }\n\n    if (this.hasOptionsOrFilterDisabled()) {\n      this.renderAssistiveHintEl();\n      if (this.disableAutoFiltering || this.showMenuWithNoInput()) {\n        this.filteredOptions = this.options;\n      }\n    }\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Search Bar\"\n    );\n  }\n\n  componentWillRender(): void {\n    if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n      this.menu.handleSetFirstOption();\n      this.prevNoOption = false;\n    }\n    if (\n      this.filteredOptions.find(\n        (filteredOption) =>\n          filteredOption[this.labelField] === this.emptyOptionListText ||\n          filteredOption[this.labelField] === this.loadingErrorLabel ||\n          filteredOption[this.labelField] === this.loadingLabel\n      )\n    ) {\n      this.prevNoOption = true;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(event: KeyboardEvent): void {\n    this.icKeydown.emit({ event });\n    if (this.menu && this.open) {\n      this.menu.handleKeyboardOpen(event);\n    }\n  }\n\n  @Listen(\"keyup\", {})\n  handleKeyUp(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\") {\n      if (this.preventSubmit || this.isSubmitDisabled()) {\n        return;\n      }\n\n      this.handleSubmitSearch();\n      this.setMenuChange(false);\n    }\n\n    if (ev.key === \"Escape\") {\n      this.setMenuChange(false);\n    }\n\n    if (this.preventSubmit) {\n      this.preventSubmit = false;\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    this.inputEl?.focus();\n  }\n\n  private setInputValue = (newValue: string) => {\n    if (this.inputEl) {\n      const label = getLabelFromValue(\n        newValue,\n        this.options,\n        this.valueField,\n        this.labelField\n      );\n      if (label) this.inputEl.value = label;\n      else if (this.inputEl.value !== newValue) {\n        this.inputEl.value = newValue;\n      }\n    }\n  };\n\n  private handleMouseDown = (ev: Event) => {\n    ev.preventDefault();\n  };\n\n  private handleSubmitSearchFocus = () => {\n    this.searchSubmitFocused = true;\n  };\n\n  private handleSubmitSearch = () => {\n    if (this.highlightedValue) this.value = this.highlightedValue;\n    this.highlightedValue = undefined;\n    this.icSubmitSearch.emit({ value: this.value });\n\n    const form = this.el.closest<HTMLFormElement>(\"FORM\");\n\n    if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n      handleHiddenFormButtonClick(form, this.searchSubmitButton);\n    }\n  };\n\n  private debounceAriaLiveUpdate() {\n    clearTimeout(this.debounceAriaLive);\n\n    this.debounceAriaLive = window.setTimeout(() => {\n      this.updateSearchResultAriaLive();\n    }, 500);\n  }\n\n  private handleSubmitSearchKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === \" \") {\n      ev.preventDefault();\n      this.handleSubmitSearch();\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcMultiValueEventDetail>) => {\n    this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n    this.icRetryLoad.emit({ value: ev.detail.value });\n    this.triggerLoading();\n    this.retryButtonClick = true;\n  };\n\n  private triggerLoading = () => {\n    const loadingOption: IcMenuOption[] = [\n      {\n        [this.labelField]: this.loadingLabel,\n        [this.valueField]: \"\",\n        loading: true,\n      },\n    ];\n    if (this.filteredOptions !== loadingOption)\n      this.filteredOptions = loadingOption;\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.filteredOptions = [\n          {\n            [this.labelField]: this.loadingErrorLabel,\n            [this.valueField]: \"\",\n            timedOut: true,\n          },\n        ];\n      }, this.timeout);\n    }\n  };\n\n  private handleOptionSelect = (ev: CustomEvent) => {\n    if (ev.detail.label === this.emptyOptionListText) {\n      this.el.setFocus();\n      return;\n    }\n\n    this.value = ev.detail.value;\n    this.icOptionSelect.emit({ value: this.value });\n  };\n\n  private handleMenuOptionHighlight = (\n    ev: CustomEvent<IcMenuOptionIdEventDetail>\n  ) => {\n    const { optionId } = ev.detail;\n    if (optionId)\n      this.highlightedValue = optionId.replace(`${this.menuId}-`, \"\");\n    this.ariaActiveDescendant = optionId || \"\";\n  };\n\n  private handleMenuChange = (ev: CustomEvent<IcMenuChangeEventDetail>) => {\n    this.setMenuChange(ev.detail.open);\n    if (!ev.detail.open) {\n      this.menuCloseFromMenuChangeEvent = true;\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n      this.icMenuChange.emit({ open });\n    }\n  };\n\n  private handleHostFocus = () => {\n    if (\n      this.options &&\n      (this.value || this.showMenuWithNoInput()) &&\n      !this.menuCloseFromMenuChangeEvent\n    ) {\n      this.setMenuChange(true);\n    }\n    this.truncateValue = false;\n    this.showMenuWithNoInput() && this.debounceAriaLiveUpdate();\n\n    this.icSearchBarFocus.emit();\n  };\n\n  private handleHostBlur = ({ relatedTarget }: FocusEvent) => {\n    if (\n      this.open &&\n      this.options &&\n      relatedTarget !== this.menu &&\n      !this.retryViaKeyPress &&\n      !this.retryButtonClick\n    ) {\n      this.setMenuChange(false);\n    }\n\n    if (this.retryButtonClick || this.retryViaKeyPress) {\n      this.inputEl?.focus();\n    }\n\n    this.showClearButton = false;\n    this.menuCloseFromMenuChangeEvent = false;\n    this.truncateValue = true;\n    this.icSearchBarBlur.emit({\n      relatedTarget,\n      value: this.value,\n    });\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    this.showMenuWithNoInput() && this.updateSearchResultAriaLive();\n  };\n\n  private handleFocusClearButton = () => {\n    this.clearButtonFocused = true;\n  };\n\n  private renderAssistiveHintEl = () => {\n    const input = this.el.shadowRoot?.querySelector(`#${this.inputId}`);\n\n    if (\n      input &&\n      Object.keys(input).length > 0 &&\n      this.hasOptionsOrFilterDisabled()\n    ) {\n      this.assistiveHintEl = document.createElement(\"span\");\n      this.assistiveHintEl.innerText = this.assistiveHintText;\n      this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n      this.assistiveHintEl.style.display = \"none\";\n      input.after?.(this.assistiveHintEl);\n    }\n  };\n\n  private updateSearchResultAriaLive = () => {\n    const searchResultsStatusEl =\n      this.el.shadowRoot?.querySelector<HTMLParagraphElement>(\n        \".search-results-status\"\n      );\n\n    if (searchResultsStatusEl) {\n      if (\n        !this.open ||\n        (this.value === \"\" && !this.showMenuWithNoInput()) ||\n        this.value.length < this.charactersUntilSuggestion\n      ) {\n        searchResultsStatusEl.innerText = \"\";\n      } else if (\n        this.hasOptionsOrFilterDisabled() &&\n        this.filteredOptions.length > 0 &&\n        this.open &&\n        !this.filteredOptions[0].loading\n      ) {\n        searchResultsStatusEl.innerText = this.hadNoOptions()\n          ? this.emptyOptionListText\n          : `${this.filteredOptions.length} result${\n              this.filteredOptions.length > 1 ? \"s\" : \"\"\n            } available`;\n      }\n    }\n  };\n\n  private hasOptionsOrFilterDisabled = () =>\n    this.options.length > 0 || this.disableAutoFiltering;\n\n  private hadNoOptions = () =>\n    this.filteredOptions.length === 1 &&\n    this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n    this.searchMode === \"navigation\";\n\n  private isSubmitDisabled = () =>\n    !this.value ||\n    this.value.length < this.charactersUntilSuggestion ||\n    this.disabled ||\n    this.hadNoOptions() ||\n    this.hasTimedOut ||\n    this.loading;\n\n  private showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;\n  private updateSearchButtonType = () => {\n    this.searchButtonType =\n      !!this.el.closest<HTMLFormElement>(\"FORM\") &&\n      !this.preventFormSubmitOnSearch\n        ? \"submit\"\n        : \"button\";\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      disabled,\n      value,\n      readonly,\n      spellcheck,\n      fullWidth,\n      options,\n      open,\n      hideLabel,\n      menuId,\n      ariaActiveDescendant,\n      truncateValue,\n      autofocus,\n      autocapitalize,\n      autocomplete,\n      filteredOptions,\n      theme,\n      charactersUntilSuggestion,\n      labelField,\n      valueField,\n      loadingLabel,\n      loadingErrorLabel,\n      searchMode,\n      showClearButton,\n      searchSubmitFocused,\n      clearButtonFocused,\n      searchButtonType,\n    } = this;\n\n    const disabledMode = readonly || disabled;\n\n    const describedBy = getInputDescribedByText(\n      this.el,\n      inputId,\n      helperText !== \"\",\n      false\n    ).trim();\n\n    let describedById = undefined;\n\n    if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n      describedById = `${describedBy} ${inputId}-assistive-hint`;\n    } else if (this.hasOptionsOrFilterDisabled()) {\n      describedById = `${inputId}-assistive-hint`;\n    } else if (describedBy !== \"\") {\n      describedById = describedBy;\n    }\n\n    const hasSuggestedSearch =\n      (!!value || this.showMenuWithNoInput()) &&\n      this.hasOptionsOrFilterDisabled();\n    const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n    const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;\n\n    const labelValue = getLabelFromValue(\n      value,\n      options,\n      valueField,\n      labelField\n    );\n\n    renderHiddenInput(this.el as HTMLElement, value, name, disabledMode);\n\n    return (\n      <Host\n        class={{\n          \"ic-search-bar-search\": true,\n          \"ic-search-bar-full-width\": fullWidth,\n          \"ic-search-bar-disabled\": disabled,\n          \"ic-search-bar-small\": size === \"small\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleHostFocus}\n        onBlur={this.handleHostBlur}\n      >\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledMode && !readonly}\n              readonly={readonly}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            size={size}\n            disabled={disabledMode}\n            readonly={readonly}\n            fullWidth={fullWidth}\n          >\n            <input\n              id={inputId}\n              name={name}\n              ref={(el) => (this.inputEl = el)}\n              value={options && !!labelValue ? labelValue : value}\n              class={{\n                \"no-left-pad\": readonly,\n                readonly,\n                \"truncate-value\": truncateValue,\n              }}\n              placeholder={placeholder}\n              required={required}\n              disabled={disabledMode}\n              readonly={readonly}\n              onInput={this.onInput}\n              onBlur={this.onInputBlur}\n              onFocus={this.onInputFocus}\n              aria-label={hideLabel ? label : undefined}\n              aria-activedescendant={ariaActiveDescendant}\n              aria-expanded={\n                options.length > 0 && menuRendered ? `${menuOpen}` : undefined\n              }\n              aria-owns={menuRendered ? menuId : undefined}\n              aria-describedby={describedById}\n              aria-controls={menuRendered ? menuId : undefined}\n              aria-haspopup={options.length > 0 ? \"listbox\" : undefined}\n              aria-autocomplete={hasSuggestedSearch ? \"list\" : undefined}\n              role={options.length > 0 && menuRendered ? \"combobox\" : undefined}\n              autocomplete={autocomplete}\n              autocapitalize={autocapitalize}\n              autoFocus={autofocus}\n              spellcheck={spellcheck}\n              inputmode=\"search\"\n            ></input>\n            <div\n              class={{\n                \"clear-button-container\": true,\n                \"clear-button-visible\":\n                  !!value && !disabledMode && showClearButton,\n              }}\n            >\n              <ic-button\n                id=\"clear-button\"\n                class={{\n                  \"clear-button\": true,\n                  \"clear-button-unfocused\": !clearButtonFocused,\n                }}\n                aria-label=\"Clear\"\n                innerHTML={clearIcon}\n                onClick={this.handleClear}\n                onMouseDown={this.handleMouseDown}\n                size={size}\n                onFocus={this.handleFocusClearButton}\n                onBlur={this.handleClearBlur}\n                onKeyDown={this.handleClear}\n                type={\"button\"}\n                variant=\"icon-tertiary\"\n                theme={clearButtonFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n              <div class=\"divider\"></div>\n            </div>\n            <div\n              class={{\n                \"search-submit-button-container\": true,\n                \"search-submit-button-disabled\": this.isSubmitDisabled(),\n              }}\n            >\n              <ic-button\n                id=\"search-submit-button\"\n                aria-label=\"Search\"\n                ref={(el) => (this.searchSubmitButton = el)}\n                class={{\n                  \"search-submit-button\": true,\n                  \"search-submit-button-small\": size === \"small\",\n                  \"search-submit-button-unfocused\": !searchSubmitFocused,\n                  \"search-submit-button-disabled\": this.isSubmitDisabled(),\n                }}\n                disabled={this.isSubmitDisabled()}\n                innerHTML={searchIcon}\n                size={size}\n                onClick={this.handleSubmitSearch}\n                onMouseDown={this.handleMouseDown}\n                onBlur={this.handleSubmitSearchBlur}\n                onFocus={this.handleSubmitSearchFocus}\n                onKeyDown={this.handleSubmitSearchKeyDown}\n                type={searchButtonType}\n                variant=\"icon-tertiary\"\n                theme={searchSubmitFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n            </div>\n          </ic-input-component-container>\n          <div\n            class={{\n              \"menu-container\": true,\n              fullwidth: fullWidth,\n            }}\n          >\n            {menuRendered && this.anchorEl && this.inputEl && (\n              <ic-menu\n                class={{\n                  \"no-results\":\n                    this.hadNoOptions() ||\n                    (filteredOptions.length === 1 &&\n                      (filteredOptions[0][labelField] === loadingLabel ||\n                        filteredOptions[0][labelField] === loadingErrorLabel)),\n                }}\n                activationType=\"manual\"\n                anchorEl={this.anchorEl}\n                autofocusOnSelected={false}\n                searchMode={searchMode}\n                inputEl={this.inputEl}\n                inputLabel={label}\n                ref={(el) => (this.menu = el)}\n                fullWidth={fullWidth}\n                menuId={menuId}\n                open={true}\n                options={filteredOptions}\n                onMenuOptionSelect={this.handleOptionSelect}\n                onMenuStateChange={this.handleMenuChange}\n                onMenuOptionId={this.handleMenuOptionHighlight}\n                onRetryButtonClicked={this.handleRetry}\n                parentEl={this.el as HTMLElement}\n                value={value}\n                labelField={labelField}\n                valueField={valueField}\n                searchBar={true}\n              ></ic-menu>\n            )}\n          </div>\n        </ic-input-container>\n        <div\n          aria-live=\"polite\"\n          role=\"status\"\n          class=\"search-results-status\"\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-8c00614c.entry.js → p-707ae6e9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o,g as i}from"./p-8e4e97b4.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@keyframes loading{0%{background-color:var(--ic-skeleton-background)}50%{background-color:var(--ic-skeleton-background-secondary)}100%{background-color:var(--ic-skeleton-background)}}:host(.skeleton){background-color:var(--ic-skeleton-background);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}:host(.skeleton)>*{opacity:0;visibility:hidden}:host(.ic-skeleton-circle){border-radius:50%}@media (forced-colors: active){:host(.skeleton){-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}';const r=n;const a={text:"1em",circle:"25px",rectangle:"93px"};const s={text:"260px",circle:"25px",rectangle:"260px"};const c=class{constructor(t){e(this,t);this.theme="inherit";this.variant="rectangle"}render(){const{variant:e="rectangle",theme:i,el:n}=this;let r=this.height;let c=this.width;if(e==="circle"){if(r&&!c){c=r}else if(c&&!r){r=c}}const l=!n.firstElementChild?{height:n.style.height||r||a[e],width:n.style.width||c||s[e]}:undefined;return t(o,{key:"b4a3ebe92aabc313aeb97e95ba87c6c12c59d2c6",class:{skeleton:true,"ic-skeleton-circle":e==="circle",[`ic-theme-${i}`]:i!=="inherit"},style:l,"aria-disabled":"true"},t("slot",{key:"be6ae12693bcfe04b70bf3dfee0e1096d194b9c9"}))}get el(){return i(this)}};c.style=r;export{c as ic_skeleton};
-//# sourceMappingURL=p-8c00614c.entry.js.map
+import{r as e,h as t,H as o,g as i}from"./p-8e4e97b4.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@keyframes loading{0%{background-color:var(--ic-skeleton-background)}50%{background-color:var(--ic-skeleton-background-secondary)}100%{background-color:var(--ic-skeleton-background)}}:host(.skeleton){background-color:var(--ic-skeleton-background);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}:host(.skeleton)>*{opacity:0;visibility:hidden}:host(.ic-skeleton-circle){border-radius:50%}@media (forced-colors: active){:host(.skeleton){-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}';const r=n;const a={text:"1em",circle:"25px",rectangle:"93px"};const s={text:"260px",circle:"25px",rectangle:"260px"};const c=class{constructor(t){e(this,t);this.theme="inherit";this.variant="rectangle"}render(){const{variant:e="rectangle",theme:i,el:n}=this;let r=this.height;let c=this.width;if(e==="circle"){if(r&&!c){c=r}else if(c&&!r){r=c}}const l=!n.firstElementChild?{height:n.style.height||r||a[e],width:n.style.width||c||s[e]}:undefined;return t(o,{key:"73e213037cb181ecae2e3f9428a35e247d70a450",class:{skeleton:true,"ic-skeleton-circle":e==="circle",[`ic-theme-${i}`]:i!=="inherit"},style:l,"aria-disabled":"true"},t("slot",{key:"25f2bc03cfcb793f1723c75ccbdb6994228255fa"}))}get el(){return i(this)}};c.style=r;export{c as ic_skeleton};
+//# sourceMappingURL=p-707ae6e9.entry.js.map

package/dist/core/{p-0722d7b6.entry.js → p-716e7eaf.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{D as a,g as s,f as r,B as d}from"./p-dbc8bf0c.js";import{C as h}from"./p-3b185c32.js";import"./p-6215e2ae.js";const c='/*! 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;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}#nav-group-title{text-wrap:nowrap}:host(.in-side-menu) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-side-nav) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);height:-moz-fit-content;height:fit-content;min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}';const p=c;const u="ic-navigation-item";const l=100;const g="IC-NAVIGATION-GROUP";const v=class{constructor(o){i(this,o);this.navigationGroupOpened=t(this,"navigationGroupOpened",7);this.navigationGroupExpanded=t(this,"navigationGroupExpanded",7);this.allGroupedNavigationItemHeights="";this.collapsedNavItemsHeight=null;this.expandedNavItemsHeight=null;this.mouseGate=false;this.deviceSize=a.XL;this.dropdownOpen=false;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavExpanded=false;this.expandable=false;this.expanded=true;this.theme="inherit";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;if(!this.linkWrapper||!this.expanded)return;const t=this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight;if(t){this.setGroupedLinksElementHeight(t)}else{setTimeout((()=>{if(this.isSideNavExpanded){this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights}else{this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights}this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}};this.topNavResizedHandler=({detail:{size:i}})=>{var t;if(i===this.deviceSize)return;this.deviceSize=i;this.inTopNavSideMenu=i<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||a.L)};this.toggleExpanded=()=>{this.expanded=!this.expanded;if(!this.linkWrapper)return;this.setGroupedLinksElementHeight(!this.expanded?"0":this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight);this.el.querySelectorAll(u).forEach((i=>{var t;const e=((t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("a"))||i.querySelector("a");e===null||e===void 0?void 0:e.setAttribute("tabindex",this.expanded?"0":"-1")}))};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{if(!this.el.contains(i.relatedTarget)){this.hideDropdown()}};this.handleKeydown=i=>{const{key:t}=i;if(t!=="Enter"&&t!==" "&&t!=="Escape")return;switch(this.navigationType){case"top":if(t===" "||t==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu){this.hideDropdown()}break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(this.el.contains(t)||t===this.dropdown||this.el.contains(document.activeElement))return;if(document.activeElement!==this.el&&(t===null||t===void 0?void 0:t.nodeName)===g&&this.dropdownOpen){this.mouseGate=true;this.hideDropdown()}else{this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===g&&this.mouseGate){this.showDropdown()}else if(!this.dropdownOpen&&!this.mouseGate){this.mouseGate=true;setTimeout((()=>{if(this.mouseGate)this.showDropdown()}),500)}};this.renderGroupTitleText=()=>e("ic-typography",{id:"nav-group-title",variant:this.navigationType==="side"?"caption":"label"},this.label);this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return e("div",{class:{[this.inTopNavSideMenu?"navigation-group-dropdown-side-menu":"navigation-group-dropdown"]:true,selected:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:undefined,ref:i=>this.dropdown=i},e("nav",{class:{"navigation-group-dropdown-items":!this.inTopNavSideMenu},"aria-labelledby":"nav-group-title"},e("ul",null,e("slot",null))))}if(this.navigationType!=="top"){return e("ul",{ref:i=>this.linkWrapper=i,class:"grouped-links-wrapper"},e("slot",null))}return null};this.setGroupedLinksElementHeight=i=>{var t;(t=this.linkWrapper)===null||t===void 0?void 0:t.style.setProperty("--navigation-child-items-height",i)}}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}}componentWillLoad(){var i,t;this.deviceSize=r();const{navType:e,parent:o}=d(this.el);this.navigationType=e;this.parentEl=o;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItemHeights=`${Array.from(this.el.querySelectorAll(u)).reduce(((i,{offsetHeight:t})=>i+t),0)}px`;setTimeout((()=>{if(!this.linkWrapper||!this.expanded)return;if(!this.isSideNavExpanded)this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights;else this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights;this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}childBlurHandler(){this.hideDropdown()}handleNavigationGroupOpened(i){if(i.detail.source!==this.el){this.hideDropdown()}}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){var i;(i=this.groupEl)===null||i===void 0?void 0:i.focus()}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;if(this.inTopNavSideMenu){this.navigationGroupExpanded.emit({expanded:this.dropdownOpen})}}showDropdown(){if(!this.dropdownOpen){this.navigationGroupOpened.emit({source:this.el});this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{dropdownOpen:i,expanded:t,inTopNavSideMenu:n,expandable:a,theme:s,isSideNavExpanded:r,focusStyle:d}=this;const c=i=>i?"expanded":"collapsed";const p={"navigation-group":true,[d]:!n,[`navigation-group-side-menu-${c(i)}`]:n&&a,selected:i&&!n};const u=this.navigationType==="side";const l=this.navigationType==="top";const g=!n&&l;const v=u&&t||l&&i;return e(o,{key:"70e377a3055b6c000c860b0c3933efd73ded9876",class:{"in-side-menu":n,"ic-navigation-group-expandable":a,"ic-navigation-group-side-nav":u,[`ic-navigation-group-${c(t)}`]:true,[`ic-theme-${s}`]:s!=="inherit"},role:"listitem"},a||g?e("button",{onMouseEnter:g?this.handleMouseEnter:undefined,onMouseLeave:l?this.handleMouseLeave:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onKeyDown:this.handleKeydown,class:p,ref:i=>this.groupEl=i,"aria-expanded":`${v}`,"aria-haspopup":`${g}`},this.renderGroupTitleText(),u&&a&&e("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":!!t},innerHTML:h})):(!u||r)&&e("div",{class:p},this.renderGroupTitleText()),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return n(this)}};v.style=p;export{v as ic_navigation_group};
-//# sourceMappingURL=p-0722d7b6.entry.js.map
+import{r as i,c as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{D as a,g as s,f as r,B as d}from"./p-dbc8bf0c.js";import{C as h}from"./p-3b185c32.js";import"./p-6215e2ae.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}#nav-group-title{text-wrap:nowrap}:host(.in-side-menu) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-side-nav) #nav-group-title{text-wrap:wrap}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);height:-moz-fit-content;height:fit-content;min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}@media (prefers-reduced-motion: reduce){:host .navigation-group,:host(:not(.in-side-menu)) .navigation-group:focus,:host(.ic-navigation-group-expanded) .grouped-links-wrapper,:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{transition:none}}';const c=p;const u="ic-navigation-item";const g=100;const l="IC-NAVIGATION-GROUP";const v=class{constructor(o){i(this,o);this.navigationGroupOpened=t(this,"navigationGroupOpened",7);this.navigationGroupExpanded=t(this,"navigationGroupExpanded",7);this.allGroupedNavigationItemHeights="";this.collapsedNavItemsHeight=null;this.expandedNavItemsHeight=null;this.mouseGate=false;this.deviceSize=a.XL;this.dropdownOpen=false;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavExpanded=false;this.expandable=false;this.expanded=true;this.theme="inherit";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;if(!this.linkWrapper||!this.expanded)return;const t=this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight;if(t){this.setGroupedLinksElementHeight(t)}else{setTimeout((()=>{if(this.isSideNavExpanded){this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights}else{this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights}this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),g)}};this.topNavResizedHandler=({detail:{size:i}})=>{var t;if(i===this.deviceSize)return;this.deviceSize=i;this.inTopNavSideMenu=i<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||a.L)};this.toggleExpanded=()=>{this.expanded=!this.expanded;if(!this.linkWrapper)return;this.setGroupedLinksElementHeight(!this.expanded?"0":this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight);this.el.querySelectorAll(u).forEach((i=>{var t;const e=((t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("a"))||i.querySelector("a");e===null||e===void 0?void 0:e.setAttribute("tabindex",this.expanded?"0":"-1")}))};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{if(!this.el.contains(i.relatedTarget)){this.hideDropdown()}};this.handleKeydown=i=>{const{key:t}=i;if(t!=="Enter"&&t!==" "&&t!=="Escape")return;switch(this.navigationType){case"top":if(t===" "||t==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu){this.hideDropdown()}break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(this.el.contains(t)||t===this.dropdown||this.el.contains(document.activeElement))return;if(document.activeElement!==this.el&&(t===null||t===void 0?void 0:t.nodeName)===l&&this.dropdownOpen){this.mouseGate=true;this.hideDropdown()}else{this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===l&&this.mouseGate){this.showDropdown()}else if(!this.dropdownOpen&&!this.mouseGate){this.mouseGate=true;setTimeout((()=>{if(this.mouseGate)this.showDropdown()}),500)}};this.renderGroupTitleText=()=>e("ic-typography",{id:"nav-group-title",variant:this.navigationType==="side"?"caption":"label"},this.label);this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return e("div",{class:{[this.inTopNavSideMenu?"navigation-group-dropdown-side-menu":"navigation-group-dropdown"]:true,selected:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:undefined,ref:i=>this.dropdown=i},e("nav",{class:{"navigation-group-dropdown-items":!this.inTopNavSideMenu},"aria-labelledby":"nav-group-title"},e("ul",null,e("slot",null))))}if(this.navigationType!=="top"){return e("ul",{ref:i=>this.linkWrapper=i,class:"grouped-links-wrapper"},e("slot",null))}return null};this.setGroupedLinksElementHeight=i=>{var t;(t=this.linkWrapper)===null||t===void 0?void 0:t.style.setProperty("--navigation-child-items-height",i)}}disconnectedCallback(){var i,t;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}}componentWillLoad(){var i,t;this.deviceSize=r();const{navType:e,parent:o}=d(this.el);this.navigationType=e;this.parentEl=o;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItemHeights=`${Array.from(this.el.querySelectorAll(u)).reduce(((i,{offsetHeight:t})=>i+t),0)}px`;setTimeout((()=>{if(!this.linkWrapper||!this.expanded)return;if(!this.isSideNavExpanded)this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights;else this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights;this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),g)}childBlurHandler(){this.hideDropdown()}handleNavigationGroupOpened(i){if(i.detail.source!==this.el){this.hideDropdown()}}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){var i;(i=this.groupEl)===null||i===void 0?void 0:i.focus()}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;if(this.inTopNavSideMenu){this.navigationGroupExpanded.emit({expanded:this.dropdownOpen})}}showDropdown(){if(!this.dropdownOpen){this.navigationGroupOpened.emit({source:this.el});this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{dropdownOpen:i,expanded:t,inTopNavSideMenu:n,expandable:a,theme:s,isSideNavExpanded:r,focusStyle:d}=this;const p=i=>i?"expanded":"collapsed";const c={"navigation-group":true,[d]:!n,[`navigation-group-side-menu-${p(i)}`]:n&&a,selected:i&&!n};const u=this.navigationType==="side";const g=this.navigationType==="top";const l=!n&&g;const v=u&&t||g&&i;return e(o,{key:"8beae9a83bf5800290e744c9f0ede4b3136d9d44",class:{"in-side-menu":n,"ic-navigation-group-expandable":a,"ic-navigation-group-side-nav":u,[`ic-navigation-group-${p(t)}`]:true,[`ic-theme-${s}`]:s!=="inherit"},role:"listitem"},a||l?e("button",{onMouseEnter:l?this.handleMouseEnter:undefined,onMouseLeave:g?this.handleMouseLeave:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onKeyDown:this.handleKeydown,class:c,ref:i=>this.groupEl=i,"aria-expanded":`${v}`,"aria-haspopup":`${l}`},this.renderGroupTitleText(),u&&a&&e("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":!!t},innerHTML:h})):(!u||r)&&e("div",{class:c},this.renderGroupTitleText()),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return n(this)}};v.style=c;export{v as ic_navigation_group};
+//# sourceMappingURL=p-716e7eaf.entry.js.map

package/dist/core/p-716e7eaf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","expanded","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","removeEventListener","_b","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon"],"sources":["src/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","src/components/ic-navigation-group/ic-navigation-group.tsx"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation group item\n */\n\n:host {\n  display: block;\n\n  --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);\n  padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--ic-brand-text-color);\n  display: flex;\n  gap: var(--ic-space-xxs);\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--ic-space-md);\n  transition: var(--ic-easing-transition-slow);\n  position: relative;\n  background: none;\n  border: none;\n  text-align: left;\n  box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n  background-color: var(--ic-architectural-20);\n  color: var(--ic-color-text-primary-light);\n  outline: none;\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n  min-height: 2.5rem;\n  width: 100%;\n  gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n  width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  color: var(--ic-top-navigation-nav-group-link);\n  justify-content: flex-start;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  border-style: solid;\n  border-width: 0.125em 0.125em 0 0;\n  content: \"\";\n  display: inline-block;\n  min-height: 0.45em;\n  position: relative;\n  top: -0.1em;\n  transform: rotate(135deg);\n  vertical-align: top;\n  min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n  top: 0.15em;\n  transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  outline: var(--ic-hc-focus-outline);\n  z-index: var(--ic-z-index-navigation-item);\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-hover);\n  cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n  background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  outline: var(--ic-hc-focus-outline);\n  background: none;\n}\n\n:host .navigation-group-dropdown {\n  background-color: var(--ic-top-navigation-menu-background);\n  border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n  z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n  list-style: none;\n  display: flex;\n  flex-flow: column wrap;\n  align-content: flex-start;\n  padding-left: var(--ic-space-md);\n  max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n  transform: rotate(90deg);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n  transform: rotate(-90deg);\n}\n\n#nav-group-title {\n  text-wrap: nowrap;\n}\n\n:host(.in-side-menu) #nav-group-title {\n  text-wrap: wrap;\n}\n\n:host(.ic-navigation-group-side-nav) #nav-group-title {\n  text-wrap: wrap;\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n  height: var(--navigation-child-items-height, auto) !important;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n  height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n  height: 0;\n  transition: var(--ic-easing-transition-slow);\n  overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n  min-height: var(--navigation-group-height);\n  height: -moz-fit-content;\n  height: fit-content;\n  min-width: 100%;\n  width: var(--navigation-group-width, auto);\n  justify-content: var(--navigation-group-justify-content);\n  padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group {\n  padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n  background-color: var(--navigation-group-hover);\n  color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n  .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n  .navigation-group:active {\n  background: none;\n  cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n  background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n  position: var(--navigation-group-title-position);\n  left: var(--navigation-group-title-position-left);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host .navigation-group,\n  :host(:not(.in-side-menu)) .navigation-group:focus,\n  :host(.ic-navigation-group-expanded) .grouped-links-wrapper,\n  :host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n    transition: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Listen,\n  h,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  getBrandForegroundAppearance,\n  getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport {\n  IcNavType,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundNoDefault,\n  IcThemeMode,\n} from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport {\n  IcNavigationExpandEventDetail,\n  IcNavigationOpenEventDetail,\n} from \"./ic-navigation-group.types\";\n\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\n\n@Component({\n  tag: \"ic-navigation-group\",\n  styleUrl: \"ic-navigation-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class NavigationGroup {\n  private allGroupedNavigationItemHeights = \"\";\n  private collapsedNavItemsHeight: string | null = null;\n  private dropdown?: HTMLElement;\n  private expandedNavItemsHeight: string | null = null;\n  private groupEl?: HTMLElement;\n  private mouseGate = false;\n  private linkWrapper?: HTMLUListElement;\n\n  @Element() el: HTMLIcNavigationGroupElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() dropdownOpen = false;\n  @State() focusStyle: IcBrandForegroundNoDefault | IcBrandForeground =\n    getBrandForegroundAppearance();\n  @State() inTopNavSideMenu = false;\n  @State() navigationType: IcNavType | \"\";\n  @State() parentEl: HTMLElement | null;\n  @State() isSideNavExpanded = false;\n\n  /**\n   *  If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n   */\n  @Prop() expandable = false;\n\n  /**\n   * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\n   */\n  @Prop({ mutable: true }) expanded = true;\n\n  /**\n   * The label to display on the group.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\n   */\n  @Event() navigationGroupOpened: EventEmitter<IcNavigationOpenEventDetail>;\n\n  /**\n   * @internal Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\n   */\n  @Event() navigationGroupExpanded: EventEmitter<IcNavigationExpandEventDetail>;\n\n  disconnectedCallback(): void {\n    if (this.navigationType === \"side\") {\n      this.parentEl?.removeEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.removeEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n    }\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    const { navType, parent } = getNavItemParentDetails(this.el);\n    this.navigationType = navType;\n    this.parentEl = parent;\n\n    if (this.navigationType === \"side\") {\n      this.parentEl?.addEventListener(\n        \"icSideNavExpanded\",\n        this.sideNavExpandHandler as EventListener\n      );\n    } else if (this.navigationType === \"top\") {\n      this.parentEl?.addEventListener(\n        \"icTopNavResized\",\n        this.topNavResizedHandler as EventListener\n      );\n      if (\n        this.deviceSize <=\n        (this.parentEl as HTMLIcTopNavigationElement).customMobileBreakpoint\n      )\n        this.inTopNavSideMenu = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.allGroupedNavigationItemHeights = `${Array.from(\n      this.el.querySelectorAll(IC_NAVIGATION_ITEM)\n    ).reduce(\n      (childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight,\n      0\n    )}px`;\n\n    /**\n     * debounce is required as the incorrect height was retrieved instantly after\n     * componentDidLoad is invoked.\n     */\n    setTimeout(() => {\n      if (!this.linkWrapper || !this.expanded) return;\n\n      if (!this.isSideNavExpanded)\n        this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n      else this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n\n      this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n    }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n  }\n\n  @Listen(\"childBlur\")\n  childBlurHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"navigationGroupOpened\", { target: \"document\" })\n  handleNavigationGroupOpened(event: CustomEvent): void {\n    if (event.detail.source !== this.el) {\n      this.hideDropdown();\n    }\n  }\n\n  @Listen(\"navItemClicked\")\n  navItemClickHandler(): void {\n    this.hideDropdown();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.focusStyle = ev.detail.mode;\n  }\n\n  /**\n   * Sets focus on the nav item.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.groupEl?.focus();\n  }\n\n  private sideNavExpandHandler = (event: CustomEvent) => {\n    this.isSideNavExpanded = event.detail.sideNavExpanded;\n\n    if (!this.linkWrapper || !this.expanded) return;\n\n    const navItemsHeight = this.isSideNavExpanded\n      ? this.expandedNavItemsHeight\n      : this.collapsedNavItemsHeight;\n\n    if (navItemsHeight) {\n      this.setGroupedLinksElementHeight(navItemsHeight);\n    } else {\n      setTimeout(() => {\n        if (this.isSideNavExpanded) {\n          this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        } else {\n          this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n        }\n\n        this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n      }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n    }\n  };\n\n  private topNavResizedHandler = ({\n    detail: { size },\n  }: CustomEvent<{ size: number }>) => {\n    if (size === this.deviceSize) return;\n\n    this.deviceSize = size;\n    this.inTopNavSideMenu =\n      size <=\n      ((this.parentEl as HTMLIcTopNavigationElement)?.customMobileBreakpoint ||\n        DEVICE_SIZES.L);\n  };\n\n  private toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n    if (this.inTopNavSideMenu) {\n      this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n    }\n  }\n\n  private toggleExpanded = () => {\n    this.expanded = !this.expanded;\n    if (!this.linkWrapper) return;\n\n    this.setGroupedLinksElementHeight(\n      !this.expanded\n        ? \"0\"\n        : this.isSideNavExpanded\n        ? this.expandedNavItemsHeight\n        : this.collapsedNavItemsHeight\n    );\n\n    this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n      const navItem =\n        navigationItem.shadowRoot?.querySelector(\"a\") ||\n        navigationItem.querySelector(\"a\");\n      navItem?.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n    });\n  };\n\n  private showDropdown() {\n    if (!this.dropdownOpen) {\n      this.navigationGroupOpened.emit({\n        source: this.el,\n      });\n\n      this.toggleDropdown();\n    }\n  }\n\n  private hideDropdown() {\n    document.removeEventListener(\"keydown\", this.handleKeydown);\n    if (this.dropdownOpen) {\n      this.toggleDropdown();\n    }\n  }\n\n  private handleClick = (ev: MouseEvent) => {\n    if (this.navigationType === \"top\" && ev.detail) {\n      this.toggleDropdown();\n    } else {\n      this.toggleExpanded();\n    }\n  };\n\n  private handleBlur = (ev: FocusEvent) => {\n    if (!this.el.contains(ev.relatedTarget as HTMLElement)) {\n      this.hideDropdown();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const { key } = ev;\n    if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\") return;\n\n    switch (this.navigationType) {\n      case \"top\":\n        if (key === \" \" || key === \"Enter\") {\n          this.toggleDropdown();\n        } else if (!this.inTopNavSideMenu) {\n          this.hideDropdown();\n        }\n        break;\n      case \"side\":\n        this.toggleExpanded();\n        ev.preventDefault();\n        break;\n      default:\n        this.toggleExpanded();\n        break;\n    }\n  };\n\n  private handleMouseLeave = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement;\n\n    this.mouseGate = false;\n\n    if (\n      this.el.contains(relTarget) ||\n      relTarget === this.dropdown ||\n      this.el.contains(document.activeElement)\n    )\n      return;\n\n    if (\n      document.activeElement !== this.el &&\n      relTarget?.nodeName === NODE_NAME &&\n      this.dropdownOpen\n    ) {\n      this.mouseGate = true;\n      this.hideDropdown();\n    } else {\n      this.mouseGate = false;\n      setTimeout(() => {\n        this.dropdownOpen ? this.hideDropdown() : null;\n      }, 500);\n    }\n  };\n\n  private handleMouseEnter = (ev: MouseEvent) => {\n    const relTarget = ev.relatedTarget as HTMLElement | null;\n    document.addEventListener(\"keydown\", this.handleKeydown);\n\n    if (relTarget?.nodeName === NODE_NAME && this.mouseGate) {\n      this.showDropdown();\n    } else if (!this.dropdownOpen && !this.mouseGate) {\n      this.mouseGate = true;\n      setTimeout(() => {\n        if (this.mouseGate) this.showDropdown();\n      }, 500);\n    }\n  };\n\n  private renderGroupTitleText = () => (\n    <ic-typography\n      id=\"nav-group-title\"\n      variant={this.navigationType === \"side\" ? \"caption\" : \"label\"}\n    >\n      {this.label}\n    </ic-typography>\n  );\n\n  private renderNavigationItems = () => {\n    if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {\n      return (\n        <div\n          class={{\n            [this.inTopNavSideMenu\n              ? \"navigation-group-dropdown-side-menu\"\n              : \"navigation-group-dropdown\"]: true,\n            selected: this.dropdownOpen && !this.inTopNavSideMenu,\n          }}\n          onMouseLeave={\n            !this.inTopNavSideMenu ? this.handleMouseLeave : undefined\n          }\n          ref={(el) => (this.dropdown = el)}\n        >\n          <nav\n            class={{\n              \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n            }}\n            aria-labelledby=\"nav-group-title\"\n          >\n            <ul>\n              <slot></slot>\n            </ul>\n          </nav>\n        </div>\n      );\n    }\n\n    if (this.navigationType !== \"top\") {\n      return (\n        <ul ref={(el) => (this.linkWrapper = el)} class=\"grouped-links-wrapper\">\n          <slot></slot>\n        </ul>\n      );\n    }\n\n    return null;\n  };\n\n  private setGroupedLinksElementHeight = (height: string | null) => {\n    this.linkWrapper?.style.setProperty(\n      \"--navigation-child-items-height\",\n      height\n    );\n  };\n\n  render() {\n    const {\n      dropdownOpen,\n      expanded,\n      inTopNavSideMenu,\n      expandable,\n      theme,\n      isSideNavExpanded,\n      focusStyle,\n    } = this;\n\n    const getExpandedClassSuffix = (prop: boolean) =>\n      prop ? \"expanded\" : \"collapsed\";\n\n    const navGroupTitleClassNames = {\n      \"navigation-group\": true,\n      [focusStyle]: !inTopNavSideMenu,\n      [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]:\n        inTopNavSideMenu && expandable,\n      selected: dropdownOpen && !inTopNavSideMenu,\n    };\n\n    const isSideNav = this.navigationType === \"side\";\n    const isTopNav = this.navigationType === \"top\";\n    const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n\n    const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);\n\n    return (\n      <Host\n        class={{\n          \"in-side-menu\": inTopNavSideMenu,\n          \"ic-navigation-group-expandable\": expandable,\n          \"ic-navigation-group-side-nav\": isSideNav,\n          [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        role=\"listitem\"\n      >\n        {expandable || isTopNavDesktop ? (\n          <button\n            onMouseEnter={isTopNavDesktop ? this.handleMouseEnter : undefined}\n            onMouseLeave={isTopNav ? this.handleMouseLeave : undefined}\n            onBlur={this.handleBlur}\n            onClick={this.handleClick}\n            onKeyDown={this.handleKeydown}\n            class={navGroupTitleClassNames}\n            ref={(el) => (this.groupEl = el)}\n            aria-expanded={`${ariaExpanded}`}\n            aria-haspopup={`${isTopNavDesktop}`}\n          >\n            {this.renderGroupTitleText()}\n            {isSideNav && expandable && (\n              <div\n                class={{\n                  \"chevron-toggle-icon-wrapper\": true,\n                  \"chevron-toggle-icon-closed\": !!expanded,\n                }}\n                innerHTML={chevronIcon}\n              ></div>\n            )}\n          </button>\n        ) : (\n          (!isSideNav || isSideNavExpanded) && (\n            <div class={navGroupTitleClassNames}>\n              {this.renderGroupTitleText()}\n            </div>\n          )\n        )}\n        {this.renderNavigationItems()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"qLAAA,MAAMA,EAAuB,q+PAC7B,MAAAC,EAAeD,ECgCf,MAAME,EAAqB,qBAC3B,MAAMC,EAAkC,IACxC,MAAMC,EAAY,sB,MASLC,EAAe,MAP5B,WAAAC,CAAAC,G,wIAQUC,KAAAC,gCAAkC,GAClCD,KAAAE,wBAAyC,KAEzCF,KAAAG,uBAAwC,KAExCH,KAAAI,UAAY,MAKXJ,KAAAK,WAAqBC,EAAaC,GAClCP,KAAAQ,aAAe,MACfR,KAAAS,WACPC,IACOV,KAAAW,iBAAmB,MAGnBX,KAAAY,kBAAoB,MAKrBZ,KAAAa,WAAa,MAKIb,KAAAc,SAAW,KAU5Bd,KAAAe,MAAqB,UAuGrBf,KAAAgB,qBAAwBC,IAC9BjB,KAAKY,kBAAoBK,EAAMC,OAAOC,gBAEtC,IAAKnB,KAAKoB,cAAgBpB,KAAKc,SAAU,OAEzC,MAAMO,EAAiBrB,KAAKY,kBACxBZ,KAAKG,uBACLH,KAAKE,wBAET,GAAImB,EAAgB,CAClBrB,KAAKsB,6BAA6BD,E,KAC7B,CACLE,YAAW,KACT,GAAIvB,KAAKY,kBAAmB,CAC1BZ,KAAKG,uBAAyBH,KAAKC,+B,KAC9B,CACLD,KAAKE,wBAA0BF,KAAKC,+B,CAGtCD,KAAKsB,6BAA6BtB,KAAKC,gCAAgC,GACtEN,E,GAICK,KAAAwB,qBAAuB,EAC7BN,QAAUO,Y,MAEV,GAAIA,IAASzB,KAAKK,WAAY,OAE9BL,KAAKK,WAAaoB,EAClBzB,KAAKW,iBACHc,MACCC,EAAC1B,KAAK2B,YAAuC,MAAAD,SAAA,SAAAA,EAAEE,yBAC9CtB,EAAauB,EAAE,EAUb7B,KAAA8B,eAAiB,KACvB9B,KAAKc,UAAYd,KAAKc,SACtB,IAAKd,KAAKoB,YAAa,OAEvBpB,KAAKsB,8BACFtB,KAAKc,SACF,IACAd,KAAKY,kBACLZ,KAAKG,uBACLH,KAAKE,yBAGXF,KAAK+B,GAAGC,iBAAiBtC,GAAoBuC,SAASC,I,MACpD,MAAMC,IACJT,EAAAQ,EAAeE,cAAU,MAAAV,SAAA,SAAAA,EAAEW,cAAc,OACzCH,EAAeG,cAAc,KAC/BF,IAAO,MAAPA,SAAO,SAAPA,EAASG,aAAa,WAAYtC,KAAKc,SAAW,IAAM,KAAK,GAC7D,EAoBId,KAAAuC,YAAeC,IACrB,GAAIxC,KAAKyC,iBAAmB,OAASD,EAAGtB,OAAQ,CAC9ClB,KAAK0C,gB,KACA,CACL1C,KAAK8B,gB,GAID9B,KAAA2C,WAAcH,IACpB,IAAKxC,KAAK+B,GAAGa,SAASJ,EAAGK,eAA+B,CACtD7C,KAAK8C,c,GAID9C,KAAA+C,cAAiBP,IACvB,MAAMQ,IAAEA,GAAQR,EAChB,GAAIQ,IAAQ,SAAWA,IAAQ,KAAOA,IAAQ,SAAU,OAExD,OAAQhD,KAAKyC,gBACX,IAAK,MACH,GAAIO,IAAQ,KAAOA,IAAQ,QAAS,CAClChD,KAAK0C,gB,MACA,IAAK1C,KAAKW,iBAAkB,CACjCX,KAAK8C,c,CAEP,MACF,IAAK,OACH9C,KAAK8B,iBACLU,EAAGS,iBACH,MACF,QACEjD,KAAK8B,iBACL,M,EAIE9B,KAAAkD,iBAAoBV,IAC1B,MAAMW,EAAYX,EAAGK,cAErB7C,KAAKI,UAAY,MAEjB,GACEJ,KAAK+B,GAAGa,SAASO,IACjBA,IAAcnD,KAAKoD,UACnBpD,KAAK+B,GAAGa,SAASS,SAASC,eAE1B,OAEF,GACED,SAASC,gBAAkBtD,KAAK+B,KAChCoB,IAAS,MAATA,SAAS,SAATA,EAAWI,YAAa3D,GACxBI,KAAKQ,aACL,CACAR,KAAKI,UAAY,KACjBJ,KAAK8C,c,KACA,CACL9C,KAAKI,UAAY,MACjBmB,YAAW,KACTvB,KAAKQ,aAAeR,KAAK8C,eAAiB,IAAI,GAC7C,I,GAIC9C,KAAAwD,iBAAoBhB,IAC1B,MAAMW,EAAYX,EAAGK,cACrBQ,SAASI,iBAAiB,UAAWzD,KAAK+C,eAE1C,IAAII,IAAS,MAATA,SAAS,SAATA,EAAWI,YAAa3D,GAAaI,KAAKI,UAAW,CACvDJ,KAAK0D,c,MACA,IAAK1D,KAAKQ,eAAiBR,KAAKI,UAAW,CAChDJ,KAAKI,UAAY,KACjBmB,YAAW,KACT,GAAIvB,KAAKI,UAAWJ,KAAK0D,cAAc,GACtC,I,GAIC1D,KAAA2D,qBAAuB,IAC7BC,EAAA,iBACEC,GAAG,kBACHC,QAAS9D,KAAKyC,iBAAmB,OAAS,UAAY,SAErDzC,KAAK+D,OAIF/D,KAAAgE,sBAAwB,KAC9B,GAAIhE,KAAKQ,cAAiBR,KAAKW,mBAAqBX,KAAKa,WAAa,CACpE,OACE+C,EAAA,OACEK,MAAO,CACL,CAACjE,KAAKW,iBACF,sCACA,6BAA8B,KAClCuD,SAAUlE,KAAKQ,eAAiBR,KAAKW,kBAEvCwD,cACGnE,KAAKW,iBAAmBX,KAAKkD,iBAAmBkB,UAEnDC,IAAMtC,GAAQ/B,KAAKoD,SAAWrB,GAE9B6B,EAAA,OACEK,MAAO,CACL,mCAAoCjE,KAAKW,kBAC1C,kBACe,mBAEhBiD,EAAA,UACEA,EAAA,e,CAOV,GAAI5D,KAAKyC,iBAAmB,MAAO,CACjC,OACEmB,EAAA,MAAIS,IAAMtC,GAAQ/B,KAAKoB,YAAcW,EAAKkC,MAAM,yBAC9CL,EAAA,a,CAKN,OAAO,IAAI,EAGL5D,KAAAsB,6BAAgCgD,I,OACtC5C,EAAA1B,KAAKoB,eAAW,MAAAM,SAAA,SAAAA,EAAE6C,MAAMC,YACtB,kCACAF,EACD,C,CA7SH,oBAAAG,G,QACE,GAAIzE,KAAKyC,iBAAmB,OAAQ,EAClCf,EAAA1B,KAAK2B,YAAQ,MAAAD,SAAA,SAAAA,EAAEgD,oBACb,oBACA1E,KAAKgB,qB,MAEF,GAAIhB,KAAKyC,iBAAmB,MAAO,EACxCkC,EAAA3E,KAAK2B,YAAQ,MAAAgD,SAAA,SAAAA,EAAED,oBACb,kBACA1E,KAAKwB,qB,EAKX,iBAAAoD,G,QACE5E,KAAKK,WAAawE,IAClB,MAAMC,QAAEA,EAAOC,OAAEA,GAAWC,EAAwBhF,KAAK+B,IACzD/B,KAAKyC,eAAiBqC,EACtB9E,KAAK2B,SAAWoD,EAEhB,GAAI/E,KAAKyC,iBAAmB,OAAQ,EAClCf,EAAA1B,KAAK2B,YAAQ,MAAAD,SAAA,SAAAA,EAAE+B,iBACb,oBACAzD,KAAKgB,qB,MAEF,GAAIhB,KAAKyC,iBAAmB,MAAO,EACxCkC,EAAA3E,KAAK2B,YAAQ,MAAAgD,SAAA,SAAAA,EAAElB,iBACb,kBACAzD,KAAKwB,sBAEP,GACExB,KAAKK,YACJL,KAAK2B,SAAwCC,uBAE9C5B,KAAKW,iBAAmB,I,EAI9B,gBAAAsE,GACEjF,KAAKC,gCAAkC,GAAGiF,MAAMC,KAC9CnF,KAAK+B,GAAGC,iBAAiBtC,IACzB0F,QACA,CAACC,GAAmBC,kBAAmBD,EAAkBC,GACzD,OAOF/D,YAAW,KACT,IAAKvB,KAAKoB,cAAgBpB,KAAKc,SAAU,OAEzC,IAAKd,KAAKY,kBACRZ,KAAKE,wBAA0BF,KAAKC,qCACjCD,KAAKG,uBAAyBH,KAAKC,gCAExCD,KAAKsB,6BAA6BtB,KAAKC,gCAAgC,GACtEN,E,CAIL,gBAAA4F,GACEvF,KAAK8C,c,CAIP,2BAAA0C,CAA4BvE,GAC1B,GAAIA,EAAMC,OAAOuE,SAAWzF,KAAK+B,GAAI,CACnC/B,KAAK8C,c,EAKT,mBAAA4C,GACE1F,KAAK8C,c,CAIP,kBAAA6C,CAAmBnD,GACjBxC,KAAKS,WAAa+B,EAAGtB,OAAO0E,I,CAO9B,cAAMC,G,OACJnE,EAAA1B,KAAK8F,WAAO,MAAApE,SAAA,SAAAA,EAAEqE,O,CAuCR,cAAArD,GACN1C,KAAKQ,cAAgBR,KAAKQ,aAC1B,GAAIR,KAAKW,iBAAkB,CACzBX,KAAKgG,wBAAwBC,KAAK,CAAEnF,SAAUd,KAAKQ,c,EAwB/C,YAAAkD,GACN,IAAK1D,KAAKQ,aAAc,CACtBR,KAAKkG,sBAAsBD,KAAK,CAC9BR,OAAQzF,KAAK+B,KAGf/B,KAAK0C,gB,EAID,YAAAI,GACNO,SAASqB,oBAAoB,UAAW1E,KAAK+C,eAC7C,GAAI/C,KAAKQ,aAAc,CACrBR,KAAK0C,gB,EAyIT,MAAAyD,GACE,MAAM3F,aACJA,EAAYM,SACZA,EAAQH,iBACRA,EAAgBE,WAChBA,EAAUE,MACVA,EAAKH,kBACLA,EAAiBH,WACjBA,GACET,KAEJ,MAAMoG,EAA0BC,GAC9BA,EAAO,WAAa,YAEtB,MAAMC,EAA0B,CAC9B,mBAAoB,KACpB7F,CAACA,IAAcE,EACf,CAAC,8BAA8ByF,EAAuB5F,MACpDG,GAAoBE,EACtBqD,SAAU1D,IAAiBG,GAG7B,MAAM4F,EAAYvG,KAAKyC,iBAAmB,OAC1C,MAAM+D,EAAWxG,KAAKyC,iBAAmB,MACzC,MAAMgE,GAAmB9F,GAAoB6F,EAE7C,MAAME,EAAgBH,GAAazF,GAAc0F,GAAYhG,EAE7D,OACEoD,EAAC+C,EAAI,CAAA3D,IAAA,2CACHiB,MAAO,CACL,eAAgBtD,EAChB,iCAAkCE,EAClC,+BAAgC0F,EAChC,CAAC,uBAAuBH,EAAuBtF,MAAc,KAC7D,CAAC,YAAYC,KAAUA,IAAU,WAEnC6F,KAAK,YAEJ/F,GAAc4F,EACb7C,EAAA,UACEiD,aAAcJ,EAAkBzG,KAAKwD,iBAAmBY,UACxDD,aAAcqC,EAAWxG,KAAKkD,iBAAmBkB,UACjD0C,OAAQ9G,KAAK2C,WACboE,QAAS/G,KAAKuC,YACdyE,UAAWhH,KAAK+C,cAChBkB,MAAOqC,EACPjC,IAAMtC,GAAQ/B,KAAK8F,QAAU/D,EAAG,gBACjB,GAAG2E,IAAc,gBACjB,GAAGD,KAEjBzG,KAAK2D,uBACL4C,GAAa1F,GACZ+C,EAAA,OACEK,MAAO,CACL,8BAA+B,KAC/B,+BAAgCnD,GAElCmG,UAAWC,OAKfX,GAAa3F,IACbgD,EAAA,OAAKK,MAAOqC,GACTtG,KAAK2D,wBAIX3D,KAAKgE,wB","ignoreList":[]}

package/dist/core/p-780babc0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i,g as n}from"./p-8e4e97b4.js";import{r}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const s='/*! 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}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border)}:host(.ic-toggle-button-group-disabled){border:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled)}:host(.ic-toggle-button-group-monochrome){border:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome){border:var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-hide-outline){--ic-toggle-button-unselected-border:transparent;--ic-toggle-button-unselected-border-disabled:transparent;--ic-toggle-button-unselected-border-monochrome:transparent;--ic-toggle-button-unselected-border-disabled-monochrome:transparent}@media (prefers-reduced-motion: reduce){:host(:focus){transition:none}}';const a=s;const l="IC-TOGGLE-BUTTON-GROUP";const d=class{constructor(o){t(this,o);this.icChange=e(this,"icChange",7);this.lastKeyPressed={key:null,shift:false};this.externallySetActiveToggle=null;this.accessibleLabel="Toggle button group";this.disabled=false;this.fullWidth=false;this.loading=false;this.monochrome=false;this.outline=true;this.selectMethod="manual";this.selectType="single";this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.handleHostFocus=({target:t,relatedTarget:e})=>{var o;if(this.disabled){t===null||t===void 0?void 0:t.blur();return}if(this.loading)return;const i=t;const n=e;const r=Array.from((i===null||i===void 0?void 0:i.querySelectorAll("ic-toggle-button"))||[]);const s=r.every((t=>!t.checked));const{shift:a}=this.lastKeyPressed;if((s||this.selectType!=="single")&&!a||s&&a&&(n===null||n===void 0?void 0:n.tagName)==l){(o=r[0])===null||o===void 0?void 0:o.focus()}else if(!a||(n===null||n===void 0?void 0:n.tagName)==l){r.filter((t=>t.checked))[0].focus()}};this.handleKeyDown=({key:t})=>{if(t!=="ArrowDown"&&t!=="ArrowRight"&&t!=="ArrowLeft"&&t!=="ArrowUp")return;const e=this.getAllToggleButtons();let o;if(this.externallySetActiveToggle){o=e[this.getNextItemToSelect(e.indexOf(e.filter((t=>t===this.externallySetActiveToggle))[0]),t==="ArrowDown"||t==="ArrowRight")]}else{o=e[this.getNextItemToSelect(e.indexOf(e.filter((t=>t===document.activeElement))[0]),t==="ArrowDown"||t==="ArrowRight")]}if(this.selectMethod==="auto"){o.checked=true;this.selectHandler(new CustomEvent("icToggleChecked",{detail:{checked:o.checked}}),o)}else{o.focus()}};this.getNextItemToSelect=(t,e)=>{const o=this.getAllToggleButtons();const i=o.length-1;if(t<1){t=0}let n=e?t+1:t-1;if(n<0){n=i}else if(n>i){n=0}if(o[n].disabled){n=this.getNextItemToSelect(n,e)}return n};this.getAllToggleButtons=()=>Array.from(this.el.querySelectorAll("ic-toggle-button"))}watchDisabledHandler(){this.getAllToggleButtons().forEach((t=>{t.disabled=this.disabled}));r(this.disabled,this.el)}watchFullWidthHandler(){this.getAllToggleButtons().forEach((t=>{t.fullWidth=this.fullWidth}))}watchLoadingHandler(){this.getAllToggleButtons().forEach((t=>{t.loading=this.loading}))}watchMonochromeHandler(){this.getAllToggleButtons().forEach((t=>{t.monochrome=this.monochrome}))}watchOutlineHandler(){this.getAllToggleButtons().forEach((t=>{t.outline=this.outline}))}watchSizeHandler(){this.getAllToggleButtons().forEach((t=>{t.size=this.size}))}watchThemeHandler(){this.getAllToggleButtons().forEach((t=>{t.theme=this.theme}))}watchTooltipPlacementHandler(){this.getAllToggleButtons().forEach((t=>{t.tooltipPlacement=this.tooltipPlacement}))}watchVariantHandler(){this.getAllToggleButtons().forEach((t=>{t.variant=this.variant}))}selectHandler(t,e){const o=this.getAllToggleButtons();let i=t.target;if(e)e.focus();if(this.selectType==="single"){if(!i&&e){i=e}o.forEach((t=>{if(t.id!==i.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:i})}else{const t=o.filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:i})}}async setActiveToggle(t){this.externallySetActiveToggle=t}componentWillLoad(){if(this.selectType==="multi")this.selectMethod="manual";document.addEventListener("keydown",this.keyListener);r(this.disabled,this.el)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,e)=>{var o,i,n;const r=(n=(i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-button"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("button");if(r){const t=r.getAttribute("aria-label");const e=t?`${t}, `:"";r.setAttribute("aria-label",`${e}${this.accessibleLabel}`)}t.id=e.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}render(){const{accessibleLabel:t,disabled:e,fullWidth:n,loading:r,monochrome:s,outline:a,theme:l}=this;return o(i,{key:"9928f2bb1773af6779a9777cc69e636d8148cc4c",role:"group","aria-label":t,tabindex:e?-1:0,class:{"ic-toggle-button-group-disabled":e,"ic-toggle-button-group-full-width":n,"ic-toggle-button-group-loading":r,"ic-toggle-button-group-monochrome":s,"ic-toggle-button-group-hide-outline":!a,[`ic-theme-${l}`]:l!=="inherit"},onFocus:this.handleHostFocus},o("slot",{key:"a85cd7354087a410b5e0f6708dec26ae4b2e8f24"}))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"],fullWidth:["watchFullWidthHandler"],loading:["watchLoadingHandler"],monochrome:["watchMonochromeHandler"],outline:["watchOutlineHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],tooltipPlacement:["watchTooltipPlacementHandler"],variant:["watchVariantHandler"]}}};d.style=a;export{d as ic_toggle_button_group};
+//# sourceMappingURL=p-780babc0.entry.js.map

package/dist/core/p-780babc0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToggleButtonGroupCss","IcToggleButtonGroupStyle0","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","lastKeyPressed","key","shift","externallySetActiveToggle","accessibleLabel","disabled","fullWidth","loading","monochrome","outline","selectMethod","selectType","size","theme","tooltipPlacement","variant","keyListener","ev","shiftKey","handleHostFocus","target","relatedTarget","blur","el","relEl","toggleButtons","Array","from","querySelectorAll","noToggleButtonsChecked","every","checked","tagName","_a","focus","filter","handleKeyDown","toggleButtonOptions","getAllToggleButtons","targetToggle","getNextItemToSelect","indexOf","document","activeElement","selectHandler","CustomEvent","detail","currentItem","movingDown","numToggles","length","nextItem","watchDisabledHandler","forEach","removeDisabledFalse","watchFullWidthHandler","watchLoadingHandler","watchMonochromeHandler","watchOutlineHandler","watchSizeHandler","watchThemeHandler","watchTooltipPlacementHandler","watchVariantHandler","tabTarget","allToggles","clickedToggle","id","icChange","emit","selectedOption","toggledOptions","map","opt","toggleButton","setActiveToggle","toggle","componentWillLoad","addEventListener","componentDidLoad","i","btn","_c","_b","shadowRoot","querySelector","btnAriaLabel","getAttribute","aria","setAttribute","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","render","h","Host","role","tabindex","class","onFocus"],"sources":["src/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","src/components/ic-toggle-button-group/ic-toggle-button-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/* PARENT HOST */\n\n:root {\n  display: block;\n}\n\n:host {\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  min-width: min-content;\n  border: var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n  min-width: max-content;\n}\n\n:host(:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n  flex-grow: 1;\n  width: min-content;\n\n  --toggle-button-border: none !important;\n  --toggle-button-border-hover: none !important;\n  --toggle-button-border-active: none !important;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n  pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n}\n\n:host(.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-hide-outline) {\n  --ic-toggle-button-unselected-border: transparent;\n  --ic-toggle-button-unselected-border-disabled: transparent;\n  --ic-toggle-button-unselected-border-monochrome: transparent;\n  --ic-toggle-button-unselected-border-disabled-monochrome: transparent;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host(:focus) {\n    transition: none;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Method,\n} from \"@stencil/core\";\nimport {\n  IcSizes,\n  IcSelectTypes,\n  IcSelectMethodTypes,\n  IcThemeMode,\n  IcButtonTooltipPlacement,\n  IcIconPlacementOptions,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-toggle-button-group.types\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\n\ninterface lastKey {\n  key: string | null;\n  shift: boolean;\n}\n\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\n\n@Component({\n  tag: \"ic-toggle-button-group\",\n  styleUrl: \"ic-toggle-button-group.css\",\n  shadow: true,\n})\nexport class ToggleButtonGroup {\n  @Element() el: HTMLIcToggleButtonGroupElement;\n\n  @State() lastKeyPressed: lastKey = {\n    key: null,\n    shift: false,\n  };\n  @State() externallySetActiveToggle: HTMLIcToggleButtonElement | null = null;\n\n  /**\n   * The accessible label of the toggle button group component to provide context for screen reader users.\n   */\n  @Prop() accessibleLabel = \"Toggle button group\";\n\n  /**\n   * If `true`, the toggle button group will be set to the disabled state.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.disabled = this.disabled;\n    });\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the toggle button group will fill the width of the container.\n   */\n  @Prop() fullWidth = false;\n  @Watch(\"fullWidth\")\n  watchFullWidthHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.fullWidth = this.fullWidth;\n    });\n  }\n\n  /**\n   * The placement of the icons in relation to the toggle button labels.\n   */\n  @Prop() iconPlacement?: IcIconPlacementOptions;\n\n  /**\n   * If `true`, the toggle button group will be in loading state.\n   */\n  @Prop() loading = false;\n  @Watch(\"loading\")\n  watchLoadingHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.loading = this.loading;\n    });\n  }\n\n  /**\n   * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome = false;\n  @Watch(\"monochrome\")\n  watchMonochromeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.monochrome = this.monochrome;\n    });\n  }\n\n  /**\n   * If `true`, the toggle button group will display with an outline.\n   */\n  @Prop() outline = true;\n  @Watch(\"outline\")\n  watchOutlineHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.outline = this.outline;\n    });\n  }\n\n  /**\n   * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\n   */\n  @Prop({ mutable: true }) selectMethod: IcSelectMethodTypes = \"manual\";\n\n  /**\n   * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\n   */\n  @Prop() selectType: IcSelectTypes = \"single\";\n\n  /**\n   * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\n   */\n  @Prop() size: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.theme = this.theme;\n    });\n  }\n\n  /**\n   * The position of the tooltip in relation to the toggle buttons.\n   */\n  @Prop() tooltipPlacement: IcButtonTooltipPlacement = \"bottom\";\n  @Watch(\"tooltipPlacement\")\n  watchTooltipPlacementHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.tooltipPlacement = this.tooltipPlacement;\n    });\n  }\n\n  /**\n   * The variant of the toggle button.\n   */\n  @Prop({ reflect: true }) variant: \"default\" | \"icon\" = \"default\";\n  @Watch(\"variant\")\n  watchVariantHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.variant = this.variant;\n    });\n  }\n\n  /**\n   * Emitted when a toggle button is selected.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"icToggleChecked\")\n  selectHandler(ev: CustomEvent, tabTarget?: HTMLIcToggleButtonElement): void {\n    const allToggles = this.getAllToggleButtons();\n    let clickedToggle = ev.target as HTMLIcToggleButtonElement;\n\n    if (tabTarget) tabTarget.focus(); // tabTarget used in proxySelectHandler\n\n    if (this.selectType === \"single\") {\n      if (!clickedToggle && tabTarget) {\n        clickedToggle = tabTarget;\n      }\n      allToggles.forEach((el) => {\n        if (el.id !== clickedToggle.id && el.checked) {\n          el.checked = false;\n        }\n      });\n\n      this.icChange.emit({\n        checked: ev.detail.checked,\n        selectedOption: clickedToggle,\n      });\n    } else {\n      const toggledOptions = allToggles.filter(\n        (el) => el.checked && !el.disabled\n      );\n\n      this.icChange.emit({\n        checked: toggledOptions.map((opt) => opt.checked),\n        toggledOptions: toggledOptions.map((opt) => ({\n          toggleButton: opt,\n        })),\n        selectedOption: clickedToggle,\n      });\n    }\n  }\n\n  /**\n   * @internal Used to enable other components to set the active toggle button when toggle button group is in a shadow dom.\n   */\n  @Method()\n  async setActiveToggle(toggle: HTMLIcToggleButtonElement): Promise<void> {\n    this.externallySetActiveToggle = toggle;\n  }\n\n  componentWillLoad(): void {\n    if (this.selectType === \"multi\") this.selectMethod = \"manual\";\n    if (this.selectMethod === \"auto\") this.selectType === \"single\";\n    document.addEventListener(\"keydown\", this.keyListener);\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.getAllToggleButtons().forEach((el, i) => {\n      const btn = el.shadowRoot\n        ?.querySelector(\"ic-button\")\n        ?.shadowRoot?.querySelector(\"button\");\n      if (btn) {\n        const btnAriaLabel = btn.getAttribute(\"aria-label\");\n        const aria = btnAriaLabel ? `${btnAriaLabel}, ` : \"\";\n        btn.setAttribute(\"aria-label\", `${aria}${this.accessibleLabel}`);\n      }\n\n      el.id = i.toString();\n      el.tabIndex = -1;\n      el.addEventListener(\"keydown\", (ev) => {\n        this.handleKeyDown(ev);\n      });\n      el.classList.add(\"expand-toggle-group-child\");\n    });\n  }\n\n  disconnectedCallback(): void {\n    document?.removeEventListener(\"keydown\", this.keyListener);\n  }\n\n  private keyListener = (ev: KeyboardEvent) => {\n    this.lastKeyPressed = {\n      key: ev.key,\n      shift: ev.shiftKey,\n    };\n  };\n\n  private handleHostFocus = ({ target, relatedTarget }: FocusEvent) => {\n    if (this.disabled) {\n      (target as HTMLElement)?.blur();\n      return;\n    }\n    if (this.loading) return;\n    const el = target as HTMLIcToggleButtonGroupElement | null;\n    const relEl = relatedTarget as HTMLIcToggleButtonElement | null;\n    const toggleButtons = Array.from(\n      el?.querySelectorAll(\"ic-toggle-button\") || []\n    );\n    const noToggleButtonsChecked = toggleButtons.every((el) => !el.checked);\n    const { shift } = this.lastKeyPressed;\n    if (\n      ((noToggleButtonsChecked || this.selectType !== \"single\") && !shift) ||\n      (noToggleButtonsChecked && shift && relEl?.tagName == TOGGLE_GROUP)\n    ) {\n      toggleButtons[0]?.focus();\n    } else if (!shift || relEl?.tagName == TOGGLE_GROUP) {\n      // if checked is true and selectMethod is \"single\", focus that toggle\n      toggleButtons.filter((el) => el.checked)[0].focus();\n    }\n  };\n\n  private handleKeyDown = ({ key }: KeyboardEvent) => {\n    if (\n      key !== \"ArrowDown\" &&\n      key !== \"ArrowRight\" &&\n      key !== \"ArrowLeft\" &&\n      key !== \"ArrowUp\"\n    )\n      return;\n\n    const toggleButtonOptions = this.getAllToggleButtons();\n    let targetToggle: HTMLIcToggleButtonElement;\n    if (this.externallySetActiveToggle) {\n      targetToggle =\n        toggleButtonOptions[\n          this.getNextItemToSelect(\n            toggleButtonOptions.indexOf(\n              toggleButtonOptions.filter(\n                (el) => el === this.externallySetActiveToggle\n              )[0]\n            ),\n            key === \"ArrowDown\" || key === \"ArrowRight\"\n          )\n        ];\n    } else {\n      targetToggle =\n        toggleButtonOptions[\n          this.getNextItemToSelect(\n            toggleButtonOptions.indexOf(\n              toggleButtonOptions.filter(\n                (el) => el === document.activeElement\n              )[0]\n            ),\n            key === \"ArrowDown\" || key === \"ArrowRight\"\n          )\n        ];\n    }\n\n    if (this.selectMethod === \"auto\") {\n      // trigger selectHandler when unable to add 'target'\n      targetToggle.checked = true;\n      this.selectHandler(\n        new CustomEvent(\"icToggleChecked\", {\n          detail: {\n            checked: targetToggle.checked,\n          },\n        }),\n        targetToggle\n      );\n    } else {\n      targetToggle.focus();\n    }\n  };\n\n  private getNextItemToSelect = (currentItem: number, movingDown: boolean) => {\n    const toggleButtonOptions = this.getAllToggleButtons();\n    const numToggles = toggleButtonOptions.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = numToggles;\n    } else if (nextItem > numToggles) {\n      nextItem = 0;\n    }\n\n    if (toggleButtonOptions[nextItem].disabled) {\n      nextItem = this.getNextItemToSelect(nextItem, movingDown);\n    }\n\n    return nextItem;\n  };\n\n  private getAllToggleButtons = () =>\n    Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n\n  render() {\n    const {\n      accessibleLabel,\n      disabled,\n      fullWidth,\n      loading,\n      monochrome,\n      outline,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        role=\"group\"\n        aria-label={accessibleLabel}\n        tabindex={disabled ? -1 : 0}\n        class={{\n          \"ic-toggle-button-group-disabled\": disabled,\n          \"ic-toggle-button-group-full-width\": fullWidth,\n          \"ic-toggle-button-group-loading\": loading,\n          \"ic-toggle-button-group-monochrome\": monochrome,\n          \"ic-toggle-button-group-hide-outline\": !outline,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleHostFocus}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-608b4912.entry.js → p-78a54069.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-8e4e97b4.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const o=n;const a=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{key:"54b72df0db0ae4794b74be875011b76868370b73",class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:!!n}},t("slot",{key:"c0f0631b39da318c0ce15c6f6200c1f03268bd7a"}))}};a.style=o;export{a as ic_section_container};
-//# sourceMappingURL=p-608b4912.entry.js.map
+import{r as e,h as t,H as i}from"./p-8e4e97b4.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const a=n;const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{key:"24dccdddcc53a53ea167ac1d563dcf58cf4c011f",class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:!!n}},t("slot",{key:"f1fff1aa3ea5c3e5917e73db0c7ee01bb1352d24"}))}};o.style=a;export{o as ic_section_container};
+//# sourceMappingURL=p-78a54069.entry.js.map

package/dist/core/{p-0d711c6a.entry.js → p-79949920.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as c,g as a}from"./p-8e4e97b4.js";import{C as s}from"./p-c2e091d7.js";import{e as i,i as r}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=':host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,::slotted([slot="heading"]),.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading,:host(.ic-step-compact) ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading,:host(.ic-step-compact) .disabled ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,:host(.ic-step-default) ::slotted([slot="heading"]),.subheading{width:-moz-fit-content;width:fit-content}.heading,::slotted([slot="heading"]){color:var(--ic-step-title)}.current .heading,.current ::slotted([slot="heading"]){color:var(--ic-step-title-current)}.completed .heading,.completed ::slotted([slot="heading"]){color:var(--ic-step-title-success)}.disabled .heading,.disabled ::slotted([slot="heading"]){color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading,.disabled ::slotted([slot="heading"]){color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}';const d=n;const p=class{constructor(t){e(this,t);this.current=false;this.icI18n={next:"Next",step:"Step",steps:"Steps",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,a;const{compactStepStyling:n,current:d,heading:p,icI18n:l,lastStep:h,lastStepNum:u,nextStepHeading:b,progress:f,status:g,stepNum:m,subheading:v,theme:x,type:y,variant:k}=this;let w="";const $=i(p)&&p!==""||r(this.el,"heading");if(y==="completed"){w=`. ${l.completed}`}else if(y==="disabled"){w=`. ${l.notRequired}`}else if(g==="required"){w=`. ${l.required}`}else if(g==="optional"){w=`. ${l.optional}`}let H;if(g&&i(g)){H=g[0].toUpperCase()+g.slice(1)}let q;if(y==="disabled"||n==="disabled"){q=l.notRequired}else if(n==="completed"){q=l.completed}let L;if(y==="completed"||n==="completed"){L=t("span",{key:"74b23c6076ab6aac072fc21e24ef5b13479699fc",class:"check-icon step-icon","aria-hidden":"true",innerHTML:s})}else if(y==="disabled"||n==="disabled"){L=t("span",{key:"0494daaaee14c3f2d3bd424fc5fd194c7ff2b62b",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:o})}const S=t("div",{key:"c3098f790836c299becd073793de042c70687b00",class:{["step"]:true,["current"]:!!d,[`compact-step-${n}`]:!!n,["disabled"]:y==="disabled"||n==="disabled"}},t("ic-loading-indicator",{key:"a192685be47c4df0b5420d03099e046d2c86d92f",class:{"compact-step-progress-indicator":true,"not-required":y==="disabled"||n==="disabled"},"aria-hidden":"true",size:"small","inner-label":m,progress:f}),t("div",{key:"031a4827300fe997173f0a92e7f184cdd2481a54",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"h4",class:"heading"},p),t("div",{key:"1f7909a0de56a3cc2fc8e498c9d027bb5faeedb1",class:"info-line"},t("ic-typography",{key:"8afdaa87473127f7e154c353fe13671ee6295e64",variant:"caption",class:"step-num"},`${m} ${l.of} ${u}`,t("span",{key:"9ce1f2f33a521ad17e6c16ff13c57b7418c50863",class:"visually-hidden"},` ${l.steps}`)),(this.subheading||y==="completed"||y==="disabled"||this.variant==="compact"&&!!n&&n!=="active"||!!g)&&t("div",{key:"f759a3ea746749a2e32a1f7fe242f81d415936ea",class:"step-status"},L!==undefined&&L,(v||q)&&t("ic-typography",{key:"2218c08fae3e99a77276ac5be770d83227d9436b",variant:"caption"},v!==null&&i(v)?v:y==="disabled"||k==="compact"&&n==="disabled"||y==="completed"||k==="compact"&&n==="completed"?q:g&&H))),h?t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.lastStep):i(b)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.next,t("span",{class:"visually-hidden"}," ",l.step),":"," ",this.nextStepHeading)));let j;if(y!=="completed"){j=t("ic-typography",{key:"bf9290b58e81fbd33b6fec33c1f8c2daf772e3d0",variant:"subtitle-small"},t("span",{key:"a7892500ccecb39d9ef030b1c265df95497dce73",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{j=t("div",{key:"cb195656bb75703ea8cdefdd2595984d7f134b68",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"d83ddc1fe07d6f7e904b757e172541a6a614aa30",class:"check-icon",innerHTML:s}))}const M=y==="current"&&t("div",{key:"bbff974e95f002d093040010add1700c99e07613",class:"step-connect-inner"});const z=!h&&t("div",{key:"c53c5a27a5601021a3474920ff4724c93d3ea1af",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},M);const C=t("div",{key:"42b8f42430b8a455d1954141279c967b641fedf1",class:{["step"]:true,[`${y}`]:true}},t("div",{key:"f82f5598ba7bd24ee738263d1f7ff9230f2527ce",class:"step-top"},t("div",{key:"86b4cfae9c5c411803556f6028776aef731e9701",class:"step-icon"},j),z),($||v||g)&&t("div",{key:"3cd81c453558c3ea8a42360bb02fc66e7354fcc1",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"subtitle-large",class:"heading"},p),$&&(v||g)&&t("ic-typography",{key:"ff802a77f070a2eef0ee69c537f8b92d2d614488",variant:"caption",class:"subheading"},v!==null&&i(v)?v:H)));return t(c,{key:"05f6c45fb88ca8576133885301077d9a5432580a",role:"listitem","aria-label":`${l.step} ${m}${w}`,"aria-current":(d||y==="current")&&"step",class:{["aligned-full-width"]:!!(((a=this.el.parentElement)===null||a===void 0?void 0:a.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${k}`]:true,[`ic-theme-${x}`]:this.theme!=="inherit"}},k==="compact"?S:C)}get el(){return a(this)}static get watchers(){return{type:["typeChangeHandler"]}}};p.style=d;export{p as ic_step};
-//# sourceMappingURL=p-0d711c6a.entry.js.map
+import{r as e,h as t,H as c,g as a}from"./p-8e4e97b4.js";import{C as s}from"./p-c2e091d7.js";import{e as i,i as r}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=':host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,::slotted([slot="heading"]),.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading,:host(.ic-step-compact) ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading,:host(.ic-step-compact) .disabled ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,:host(.ic-step-default) ::slotted([slot="heading"]),.subheading{width:-moz-fit-content;width:fit-content}.heading,::slotted([slot="heading"]){color:var(--ic-step-title)}.current .heading,.current ::slotted([slot="heading"]){color:var(--ic-step-title-current)}.completed .heading,.completed ::slotted([slot="heading"]){color:var(--ic-step-title-success)}.disabled .heading,.disabled ::slotted([slot="heading"]){color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading,.disabled ::slotted([slot="heading"]){color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}';const d=n;const p=class{constructor(t){e(this,t);this.current=false;this.icI18n={next:"Next",step:"Step",steps:"Steps",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,a;const{compactStepStyling:n,current:d,heading:p,icI18n:l,lastStep:h,lastStepNum:u,nextStepHeading:b,progress:g,status:f,stepNum:m,subheading:v,theme:x,type:y,variant:k}=this;let w="";const $=i(p)&&p!==""||r(this.el,"heading");if(y==="completed"){w=`. ${l.completed}`}else if(y==="disabled"){w=`. ${l.notRequired}`}else if(f==="required"){w=`. ${l.required}`}else if(f==="optional"){w=`. ${l.optional}`}let H;if(f&&i(f)){H=f[0].toUpperCase()+f.slice(1)}let q;if(y==="disabled"||n==="disabled"){q=l.notRequired}else if(n==="completed"){q=l.completed}let L;if(y==="completed"||n==="completed"){L=t("span",{key:"e40ecc76bd5a18ea9a8d7289b5a4ff379dbb2ab3",class:"check-icon step-icon","aria-hidden":"true",innerHTML:s})}else if(y==="disabled"||n==="disabled"){L=t("span",{key:"1f6c966fa834689f62ae996ac818e86e9600ddb9",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:o})}const S=t("div",{key:"fc3010558a6755ff90cbe0ac62309efa8f432ca6",class:{["step"]:true,["current"]:!!d,[`compact-step-${n}`]:!!n,["disabled"]:y==="disabled"||n==="disabled"}},t("ic-loading-indicator",{key:"dcd439c5149ad136fb6efba531bf9e334f6e348b",class:{"compact-step-progress-indicator":true,"not-required":y==="disabled"||n==="disabled"},"aria-hidden":"true",size:"small","inner-label":m,progress:g}),t("div",{key:"c5f15c52ca3f3bda8df684e526affa64a18350ae",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"h4",class:"heading"},p),t("div",{key:"5ca74136bc31b81ffae7d2273deb6b9e6960e878",class:"info-line"},t("ic-typography",{key:"db1c09c01ba31c419ccfcc5a13ddd44be37b837f",variant:"caption",class:"step-num"},`${m} ${l.of} ${u}`,t("span",{key:"525884b307ce52eefe02ecdac3a97a0cecfc7516",class:"visually-hidden"},` ${l.steps}`)),(this.subheading||y==="completed"||y==="disabled"||this.variant==="compact"&&!!n&&n!=="active"||!!f)&&t("div",{key:"1c7eb4db0ee9d1e855b750ec8aa579b0fb5d1e92",class:"step-status"},L!==undefined&&L,(v||q)&&t("ic-typography",{key:"4fa38808e69cdc8d536ab890faff63e46a47207e",variant:"caption"},v!==null&&i(v)?v:y==="disabled"||k==="compact"&&n==="disabled"||y==="completed"||k==="compact"&&n==="completed"?q:f&&H))),h?t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.lastStep):i(b)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.next,t("span",{class:"visually-hidden"}," ",l.step),":"," ",this.nextStepHeading)));let j;if(y!=="completed"){j=t("ic-typography",{key:"8da555d94b21f0e3fd6fa7c6f4d4cf2abbe32ac8",variant:"subtitle-small"},t("span",{key:"4e7d49eafbdee617ae656db3338758fb34616b2e",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{j=t("div",{key:"b952dfad90463f9ea6ad42b75adf22753e7fb3d3",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"1a1af244897e7a7cdb145b3d6b5e4c56844fcc3e",class:"check-icon",innerHTML:s}))}const M=y==="current"&&t("div",{key:"46f103bf5fb1b96cc0ecd320c3a7d2cd44cda524",class:"step-connect-inner"});const z=!h&&t("div",{key:"4bb2a4a4de790c3cdc56ce7ba099e8388a500bcb",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},M);const C=t("div",{key:"645b517e8c4c7b56b127389abb02059d40d59624",class:{["step"]:true,[`${y}`]:true}},t("div",{key:"ff48045641a0fa2334b2c9749c7a8498b040ab01",class:"step-top"},t("div",{key:"0d1dd0b9e73cce4c13f8558dd9dd64126d100790",class:"step-icon"},j),z),($||v||f)&&t("div",{key:"c1b1d2870f1d99c326f52123a3a14d3b5a0c3e4e",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"subtitle-large",class:"heading"},p),$&&(v||f)&&t("ic-typography",{key:"1a59f2da6d32d0c51af7c96f9e68dd79673c5972",variant:"caption",class:"subheading"},v!==null&&i(v)?v:H)));return t(c,{key:"0092be886c35688e5ec3b12c68fbaee1a3762784",role:"listitem","aria-label":`${l.step} ${m}${w}`,"aria-current":(d||y==="current")&&"step",class:{["aligned-full-width"]:!!(((a=this.el.parentElement)===null||a===void 0?void 0:a.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${k}`]:true,[`ic-theme-${x}`]:this.theme!=="inherit"}},k==="compact"?S:C)}get el(){return a(this)}static get watchers(){return{type:["typeChangeHandler"]}}};p.style=d;export{p as ic_step};
+//# sourceMappingURL=p-79949920.entry.js.map

package/dist/core/{p-09c31ac6.entry.js → p-7f279c8a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"ddf3e45c3bd98315d6d49e35e3b309acfefc0782"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
-//# sourceMappingURL=p-09c31ac6.entry.js.map
+import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"d0ebb24c2c1465f0ff8f0e314a427c55b68e376c"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
+//# sourceMappingURL=p-7f279c8a.entry.js.map