@siemens/ix 3.0.0 → 3.1.0

package/dist/siemens-ix/{p-8e525190.entry.js.map → p-12a439b5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["selectCss","Select","constructor","hostRef","this","required","value","allowClear","mode","editable","disabled","readonly","i18nPlaceholder","i18nPlaceholderEditable","i18nSelectListHeader","i18nNoMatches","hideListHeader","dropdownShow","selectedLabels","isDropdownEmpty","inputFilterText","inputValue","isInvalid","isValid","isInfo","isWarning","dropdownWrapperRef","makeRef","dropdownAnchorRef","inputRef","touched","itemObserver","createMutationObserver","arrowFocusController","items","visibleNonShadowItems","focusControllerCallbackBind","focusDropdownItem","bind","nonShadowItems","Array","from","hostElement","querySelectorAll","filter","item","classList","contains","shadowItems","shadowRoot","visibleShadowItems","visibleItems","selectedItems","selected","addItemButton","querySelector","isSingleMode","isMultipleMode","isEveryDropdownItemHidden","every","watchValue","updateSelection","watchDropdownShow","show","dropdownElement","observe","childList","subtree","cleanupResources","_a","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","updateFormInternalValue","isArray","formInternals","setFormValue","join","hasValidValue","hasValue","length","index","navigationItem","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerElement","appendChild","clearInput","itemValue","includes","ids","forEach","some","i","toString","map","inputElement","valueChange","componentDidLoad","addEventListener","inputChange","componentWillLoad","componentDidRender","ArrowFocusController","wrap","isAddItemVisible","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","itemExists","find","dropdownVisibilityChanged","select","removeHiddenFromItems","onKeyDown","code","onArrowNavigation","onEnterNavigation","target","el","itemLabel","key","stopPropagation","activeElement","applyFocusTo","shift","focusAddItemButton","moveUp","indexNonShadow","indexOf","pop","addItemElement","getDropdownItemElement","indexShadow","element","setTimeout","_d","_c","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","ixBlur","placeholderValue","onValidationChange","isInvalidByRequired","getAssociatedFormElement","form","getNativeInputElement","Promise","resolve","reject","Error","focusInput","isTouched","render","h","Host","a11yBoolean","class","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","ref","onCloseClick","e","autocomplete","readOnly","type","placeholder","onBlur","onFocus","onInput","icon","iconClear","ghost","oval","size","onClick","iconChevronDownSmall","closeBehavior","anchor","waitForCurrent","trigger","onShowChanged","placement","overwriteDropdownStyle","async","styleOverwrites","minWidth","getBoundingClientRect","width","dropdownWidth","dropdownMaxWidth","maxWidth","hidden","title","onSlotchange","iconPlus","onItemClick","__decorate","OnListener","self","prototype","HookValidationLifecycle"],"sources":["src/components/select/select.scss?tag=ix-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/field';\n@import 'mixins/validation/form-component';\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n  min-height: 2rem;\n  height: auto;\n  border-radius: var(--theme-input--border-radius);\n\n  .display-none {\n    display: none;\n  }\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n    box-shadow: var(--theme-inset-shadow-1) !important;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .select.readonly,\n  .select.disabled {\n    box-shadow: none !important;\n    border: none;\n    border-radius: 0;\n    cursor: pointer;\n\n    &,\n    &:hover,\n    &:active {\n      background-color: transparent !important;\n    }\n\n    &:focus,\n    &:focus-within,\n    &:focus-visible {\n      outline: none;\n    }\n\n    input:focus,\n    input:focus-visible {\n      outline: none;\n    }\n  }\n\n  .select.disabled {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-weak-bdr);\n\n    input {\n      color: var(--theme-color-weak-text);\n    }\n  }\n\n  .select.readonly {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-soft-bdr);\n\n    input {\n      color: var(--theme-color-std-text);\n    }\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0.1rem;\n      }\n    }\n\n    ix-icon-button {\n      height: 1.875rem;\n      width: 1.875rem;\n      min-height: 1.875rem;\n      min-width: 1.875rem;\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  ix-dropdown {\n    max-width: 100%;\n  }\n\n  .dropdown-visible {\n    --ix-icon-button-color: var(--theme-color-dynamic--hover);\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 1rem;\n  }\n}\n\n\n\n@include host-valid;\n\n@include host-info {\n  .select {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  .select {\n    border-color: var(--theme-input--border-color--warning);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--warning--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  .select {\n    border-color: var(--theme-input--border-color--invalid);\n    background-color: var(--theme-input--background--invalid);\n    box-shadow: none;\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--invalid--active) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconChevronDownSmall,\n  iconClear,\n  iconPlus,\n} from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { IxSelectItemLabelChangeEvent } from '../select-item/events';\nimport { a11yBoolean } from '../utils/a11y';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n/**\n * @form-ready\n */\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select implements IxInputFieldComponent<string | string[]> {\n  @Element() hostElement!: HTMLIxSelectElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * A string that represents the element's name attribute,\n   * containing a name that identifies the element when submitting the form.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * A Boolean attribute indicating that an option with a non-empty string value must be selected\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Label for the select component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Warning text for the select component\n   **/\n  @Prop() warningText?: string;\n\n  /**\n   * Info text for the select component\n   **/\n  @Prop() infoText?: string;\n\n  /**\n   * Error text for the select component\n   **/\n  @Prop() invalidText?: string;\n\n  /**\n   * Valid text for the select component\n   **/\n  @Prop() validText?: string;\n\n  /**\n   * Helper text for the select component\n   **/\n  @Prop() helperText?: string;\n\n  /**\n   * Show helper, error, info, warning text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Current selected value.\n   * This corresponds to the value property of ix-select-items\n   */\n  @Prop({ mutable: true }) value: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Select an option';\n\n  /**\n   * Information inside of dropdown if no items where found with current filter text\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * The width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   */\n  @Prop() dropdownWidth?: string;\n\n  /**\n   * The maximum width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   * By default the maximum width of the dropdown element is set to 100%.\n   */\n  @Prop() dropdownMaxWidth?: string;\n\n  /**\n   * Value changed\n   */\n  @Event() valueChange!: EventEmitter<string | string[]>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   */\n  @Event() inputChange!: EventEmitter<string>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem!: EventEmitter<string>;\n\n  /**\n   * Blur input\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() dropdownShow = false;\n  @State() selectedLabels: (string | undefined)[] = [];\n  @State() isDropdownEmpty = false;\n  @State() navigationItem?: DropdownItemWrapper;\n  @State() inputFilterText = '';\n  @State() inputValue = '';\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private readonly dropdownWrapperRef = makeRef<HTMLElement>();\n  private readonly dropdownAnchorRef = makeRef<HTMLElement>();\n  private readonly inputRef = makeRef<HTMLInputElement>();\n\n  private inputElement?: HTMLInputElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n  private customItemsContainerElement?: HTMLDivElement;\n  private addItemElement?: HTMLIxDropdownItemElement;\n  private arrowFocusController?: ArrowFocusController;\n\n  private touched = false;\n\n  private readonly itemObserver = createMutationObserver(() => {\n    if (!this.arrowFocusController) {\n      return;\n    }\n    this.arrowFocusController.items = this.visibleNonShadowItems;\n  });\n  private readonly focusControllerCallbackBind =\n    this.focusDropdownItem.bind(this);\n\n  get nonShadowItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get visibleNonShadowItems() {\n    return this.nonShadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get shadowItems() {\n    return Array.from(\n      this.hostElement.shadowRoot!.querySelectorAll('ix-select-item')\n    );\n  }\n\n  get visibleShadowItems() {\n    return this.shadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get items() {\n    return [...this.nonShadowItems, ...this.shadowItems];\n  }\n\n  get visibleItems() {\n    return this.items.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.shadowRoot!.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  get isEveryDropdownItemHidden() {\n    return this.items.every((item) => item.classList.contains('display-none'));\n  }\n\n  @Watch('value')\n  watchValue(value: string | string[]) {\n    this.value = value;\n    this.updateSelection();\n  }\n\n  @Watch('dropdownShow')\n  watchDropdownShow(show: boolean) {\n    if (show && this.dropdownElement) {\n      this.itemObserver.observe(this.dropdownElement, {\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      this.cleanupResources();\n    }\n  }\n\n  private cleanupResources() {\n    this.arrowFocusController?.disconnect();\n    this.arrowFocusController = undefined;\n    this.itemObserver?.disconnect();\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.itemClick(newId);\n  }\n\n  updateFormInternalValue(value: string | string[]) {\n    if (Array.isArray(value)) {\n      this.formInternals.setFormValue(value.join(','));\n    } else {\n      this.formInternals.setFormValue(value);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async hasValidValue(): Promise<boolean> {\n    return this.required && !!this.hasValue();\n  }\n\n  private hasValue() {\n    if (Array.isArray(this.value)) {\n      return !!this.value.length;\n    }\n\n    return !!this.value;\n  }\n\n  private focusDropdownItem(index: number) {\n    this.navigationItem = undefined;\n\n    if (index < this.visibleNonShadowItems.length) {\n      const nestedDropdownItem =\n        this.visibleNonShadowItems[index]?.shadowRoot?.querySelector(\n          'ix-dropdown-item'\n        );\n\n      if (!nestedDropdownItem) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        nestedDropdownItem?.shadowRoot?.querySelector('button')?.focus();\n      });\n    }\n  }\n\n  private itemClick(newId: string) {\n    const oldValue = this.value;\n    const value = this.toggleValue(newId);\n    this.value = value;\n    const defaultPrevented = this.emitValueChange(value);\n\n    if (defaultPrevented) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.updateSelection();\n  }\n\n  private emitAddItem(value: string) {\n    if (value === undefined || value.trim() === '') {\n      return false;\n    }\n\n    const { defaultPrevented } = this.addItem.emit(value);\n    if (defaultPrevented) {\n      return true;\n    }\n\n    const newItem = document.createElement('ix-select-item');\n    newItem.value = value;\n    newItem.label = value;\n\n    this.customItemsContainerElement?.appendChild(newItem);\n\n    this.clearInput();\n    this.itemClick(value);\n\n    return false;\n  }\n\n  private toggleValue(itemValue: string) {\n    if (!this.isMultipleMode) {\n      return itemValue;\n    }\n\n    if (!this.value) {\n      return [itemValue];\n    }\n\n    let value = this.value;\n\n    if (!Array.isArray(value)) {\n      value = [value];\n    }\n\n    if (value.includes(itemValue)) {\n      return value.filter((value) => value !== itemValue);\n    } else {\n      return [...value, itemValue];\n    }\n  }\n\n  private updateSelection() {\n    let ids: string[] = [];\n\n    if (this.value) {\n      ids = Array.isArray(this.value) ? [...this.value] : [this.value];\n    }\n\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => {\n        if (typeof i !== typeof item.value) {\n          return i.toString() === item.value.toString();\n        } else {\n          return i === item.value;\n        }\n      });\n    });\n\n    this.selectedLabels = this.selectedItems.map((item) => item.label);\n\n    if (this.selectedLabels?.length && this.isSingleMode) {\n      this.inputValue = this.selectedLabels[0] ?? '';\n    } else {\n      this.inputValue = '';\n    }\n\n    this.inputElement && (this.inputElement.value = this.inputValue);\n  }\n\n  private emitValueChange(value: string | string[]) {\n    const { defaultPrevented } = this.valueChange.emit(value);\n\n    if (defaultPrevented) {\n      return true;\n    }\n\n    this.updateFormInternalValue(value);\n    return false;\n  }\n\n  componentDidLoad() {\n    this.inputElement?.addEventListener('input', () => {\n      this.dropdownShow = true;\n      this.inputChange.emit(this.inputElement?.value);\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSelection();\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender(): void {\n    if (\n      !this.dropdownShow ||\n      this.arrowFocusController ||\n      !this.dropdownElement\n    ) {\n      return;\n    }\n\n    this.arrowFocusController = new ArrowFocusController(\n      this.visibleNonShadowItems,\n      this.dropdownElement,\n      this.focusControllerCallbackBind\n    );\n\n    this.arrowFocusController.wrap =\n      !this.isAddItemVisible() && !this.visibleShadowItems.length;\n  }\n\n  @Listen('ix-select-item:valueChange')\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.updateSelection();\n  }\n\n  disconnectedCallback() {\n    this.cleanupResources();\n  }\n\n  private itemExists(item: string | undefined) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n\n    if (event.detail) {\n      this.inputElement?.focus();\n      this.inputElement?.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = undefined;\n      this.updateSelection();\n      this.inputFilterText = '';\n    }\n  }\n\n  @OnListener<Select>('keydown', (self) => self.dropdownShow)\n  async onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      await this.onArrowNavigation(event, event.code);\n    }\n\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation(event.target as HTMLIxSelectItemElement);\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation(\n    el: HTMLIxSelectItemElement | HTMLInputElement\n  ) {\n    if (this.isMultipleMode) {\n      return;\n    }\n    const itemLabel = (el as HTMLIxSelectItemElement)?.label;\n    const item = this.itemExists(this.inputFilterText);\n\n    if (item) {\n      this.itemClick(item.value);\n    } else if (this.editable && !this.itemExists(itemLabel)) {\n      const defaultPrevented = this.emitAddItem(this.inputFilterText);\n      if (defaultPrevented) {\n        return;\n      }\n    }\n\n    this.dropdownShow = false;\n    this.updateSelection();\n  }\n\n  private async onArrowNavigation(\n    event: KeyboardEvent,\n    key: 'ArrowDown' | 'ArrowUp'\n  ) {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.dropdownShow = true;\n\n    if (!this.navigationItem && document.activeElement === this.hostElement) {\n      if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    const moveUp = key === 'ArrowUp';\n    const indexNonShadow = document.activeElement\n      ? this.visibleNonShadowItems.indexOf(\n          document.activeElement as HTMLIxSelectItemElement\n        )\n      : -1;\n\n    // Slotted select items\n    if (indexNonShadow === 0) {\n      if (!this.visibleShadowItems.length && this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      } else {\n        this.applyFocusTo(this.visibleShadowItems.pop());\n      }\n      return;\n    } else if (\n      indexNonShadow !== -1 &&\n      indexNonShadow === this.visibleNonShadowItems.length - 1\n    ) {\n      if (this.visibleShadowItems.length) {\n        this.applyFocusTo(this.visibleShadowItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    if (!this.navigationItem) {\n      return;\n    }\n\n    if (\n      this.isAddItemVisible() &&\n      this.addItemElement?.contains(\n        await this.navigationItem.getDropdownItemElement()\n      )\n    ) {\n      if (moveUp) {\n        this.applyFocusTo(this.visibleItems.pop());\n      } else if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      }\n      return;\n    }\n\n    // Custom select items\n    const indexShadow = this.visibleShadowItems.indexOf(\n      this.navigationItem as HTMLIxSelectItemElement\n    );\n\n    if (moveUp) {\n      if (indexShadow === 0) {\n        if (this.visibleNonShadowItems.length) {\n          this.applyFocusTo(this.visibleNonShadowItems.pop());\n        } else if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow - 1]);\n      }\n    } else {\n      if (indexShadow === this.visibleShadowItems.length - 1) {\n        if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        } else {\n          this.applyFocusTo(this.visibleItems.shift());\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow + 1]);\n      }\n    }\n  }\n\n  private applyFocusTo(element?: HTMLIxSelectItemElement) {\n    if (!element) {\n      return;\n    }\n\n    this.navigationItem = element;\n\n    setTimeout(() => {\n      element.shadowRoot\n        ?.querySelector('ix-dropdown-item')\n        ?.shadowRoot?.querySelector('button')\n        ?.focus();\n    });\n  }\n\n  private focusAddItemButton() {\n    if (this.addItemButton) {\n      this.addItemButton.shadowRoot?.querySelector('button')?.focus();\n      this.navigationItem = this.addItemElement;\n    }\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputElement?.value.trim() ?? '';\n\n    if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {\n      return;\n    }\n\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('display-none');\n        if (\n          !item.label\n            ?.toLowerCase()\n            .includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('display-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n\n    if (this.arrowFocusController) {\n      this.arrowFocusController.items = this.visibleNonShadowItems;\n    }\n\n    this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('display-none');\n    });\n  }\n\n  private clearInput() {\n    if (this.inputElement) {\n      this.inputElement.value = '';\n    }\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.selectedLabels = [];\n    this.value = [];\n    this.emitValueChange([]);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur(event: Event) {\n    this.ixBlur.emit();\n    this.touched = true;\n\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      return;\n    }\n\n    const target = event.target as HTMLInputElement;\n\n    if (!this.dropdownShow && this.mode !== 'multiple') {\n      target.value = this.selectedLabels.toString();\n    }\n  }\n\n  private placeholderValue() {\n    if (this.disabled) {\n      return '';\n    }\n\n    if (this.readonly) {\n      return '';\n    }\n\n    if (this.editable) {\n      return this.i18nPlaceholderEditable;\n    }\n\n    return this.i18nPlaceholder;\n  }\n\n  private isAddItemVisible() {\n    return (\n      !this.itemExists(this.inputFilterText) &&\n      this.editable &&\n      this.inputFilterText\n    );\n  }\n\n  @HookValidationLifecycle()\n  onValidationChange({\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isInfo,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n    this.isInfo = isInfo;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /**\n   * Returns the native input element used in the component.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    if (this.inputElement) {\n      return Promise.resolve(this.inputElement);\n    } else {\n      return Promise.reject(new Error('Input element not found'));\n    }\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    const inputElement = await this.getNativeInputElement();\n    if (inputElement) {\n      inputElement.focus();\n    }\n  }\n\n  /**\n   * Check if the input field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={a11yBoolean(this.disabled)}\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.inputRef}\n        >\n          <div\n            class={{\n              select: true,\n              disabled: this.disabled,\n              readonly: this.readonly,\n            }}\n            ref={(ref) => {\n              this.dropdownAnchorRef(ref);\n              if (!this.editable) this.dropdownWrapperRef(ref);\n            }}\n          >\n            <div class=\"input-container\">\n              <div class=\"chips\">\n                {this.isMultipleMode\n                  ? this.selectedItems?.map((item) => (\n                      <ix-filter-chip\n                        disabled={this.disabled || this.readonly}\n                        key={item.value}\n                        onCloseClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                          this.itemClick(item.value);\n                        }}\n                      >\n                        {item.label}\n                      </ix-filter-chip>\n                    ))\n                  : ''}\n                <div class=\"trigger\">\n                  <input\n                    autocomplete=\"off\"\n                    data-testid=\"input\"\n                    disabled={this.disabled}\n                    readOnly={this.readonly}\n                    required={this.required}\n                    type=\"text\"\n                    class={{\n                      'allow-clear':\n                        this.allowClear && !!this.selectedLabels?.length,\n                    }}\n                    placeholder={this.placeholderValue()}\n                    value={this.inputValue ?? ''}\n                    ref={(ref) => {\n                      this.inputElement = ref;\n                      this.inputRef(ref);\n                    }}\n                    onBlur={(e) => this.onInputBlur(e)}\n                    onFocus={() => {\n                      this.navigationItem = undefined;\n                    }}\n                    onInput={() => this.filterItemsWithTypeahead()}\n                    onKeyDown={(e) => this.onKeyDown(e)}\n                  />\n                  {this.allowClear &&\n                  !this.disabled &&\n                  !this.readonly &&\n                  (this.selectedLabels?.length || this.inputFilterText) ? (\n                    <ix-icon-button\n                      key=\"clear\"\n                      class=\"clear\"\n                      icon={iconClear}\n                      ghost\n                      oval\n                      size=\"16\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.clear();\n                      }}\n                    />\n                  ) : null}\n                  {this.disabled || this.readonly ? null : (\n                    <ix-icon-button\n                      data-select-dropdown\n                      key=\"dropdown\"\n                      class={{ 'dropdown-visible': this.dropdownShow }}\n                      icon={iconChevronDownSmall}\n                      ghost\n                      ref={(ref) => {\n                        if (this.editable) this.dropdownWrapperRef(ref);\n                      }}\n                    ></ix-icon-button>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </ix-field-wrapper>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownElement = ref!)}\n          show={this.dropdownShow}\n          closeBehavior={this.isMultipleMode ? 'outside' : 'both'}\n          class={{\n            'display-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchorRef.waitForCurrent()}\n          trigger={this.dropdownWrapperRef.waitForCurrent()}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"bottom-start\"\n          overwriteDropdownStyle={async () => {\n            const styleOverwrites: Partial<CSSStyleDeclaration> = {};\n\n            const minWidth = this.hostElement.shadowRoot\n              ?.querySelector('.select')\n              ?.getBoundingClientRect().width;\n\n            if (minWidth) {\n              styleOverwrites.minWidth = `${minWidth}px`;\n            }\n\n            if (this.dropdownWidth) {\n              styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;\n            }\n\n            if (this.dropdownMaxWidth) {\n              styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;\n            }\n\n            return styleOverwrites;\n          }}\n        >\n          <div\n            class={{\n              'select-list-header': true,\n              hidden: this.hideListHeader || this.isDropdownEmpty,\n            }}\n            title={this.i18nSelectListHeader}\n            onClick={(e) => e.preventDefault()}\n          >\n            {this.i18nSelectListHeader}\n          </div>\n          <slot\n            onSlotchange={() => {\n              this.updateSelection();\n            }}\n          ></slot>\n          <div ref={(ref) => (this.customItemsContainerElement = ref!)}></div>\n          {this.isAddItemVisible() ? (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon={iconPlus}\n              class={{\n                'add-item': true,\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n              onFocus={() => (this.navigationItem = this.addItemElement)}\n              ref={(ref) => {\n                this.addItemElement = ref!;\n              }}\n            ></ix-dropdown-item>\n          ) : null}\n          {this.isDropdownEmpty && !this.editable ? (\n            <div class=\"select-list-header\">{this.i18nNoMatches}</div>\n          ) : (\n            ''\n          )}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["selectCss","Select","constructor","hostRef","this","required","value","allowClear","mode","editable","disabled","readonly","i18nPlaceholder","i18nPlaceholderEditable","i18nSelectListHeader","i18nNoMatches","hideListHeader","dropdownShow","selectedLabels","isDropdownEmpty","inputFilterText","inputValue","isInvalid","isValid","isInfo","isWarning","dropdownWrapperRef","makeRef","dropdownAnchorRef","inputRef","touched","itemObserver","createMutationObserver","arrowFocusController","items","visibleNonShadowItems","focusControllerCallbackBind","focusDropdownItem","bind","nonShadowItems","Array","from","hostElement","querySelectorAll","filter","item","classList","contains","shadowItems","shadowRoot","visibleShadowItems","visibleItems","selectedItems","selected","addItemButton","querySelector","isSingleMode","isMultipleMode","isEveryDropdownItemHidden","every","watchValue","updateSelection","watchDropdownShow","show","dropdownElement","observe","childList","subtree","cleanupResources","_a","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","updateFormInternalValue","isArray","formInternals","setFormValue","join","hasValidValue","hasValue","length","index","navigationItem","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerElement","appendChild","clearInput","itemValue","includes","ids","forEach","some","i","toString","map","inputElement","valueChange","componentDidLoad","addEventListener","inputChange","componentWillLoad","componentDidRender","ArrowFocusController","wrap","isAddItemVisible","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","itemExists","find","dropdownVisibilityChanged","select","removeHiddenFromItems","onKeyDown","code","onArrowNavigation","onEnterNavigation","target","el","itemLabel","key","stopPropagation","activeElement","applyFocusTo","shift","focusAddItemButton","moveUp","indexNonShadow","indexOf","pop","addItemElement","getDropdownItemElement","indexShadow","element","setTimeout","_d","_c","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","ixBlur","placeholderValue","onValidationChange","isInvalidByRequired","getAssociatedFormElement","form","getNativeInputElement","Promise","resolve","reject","Error","focusInput","isTouched","render","h","Host","a11yBoolean","class","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","ref","onCloseClick","e","autocomplete","readOnly","type","placeholder","onBlur","onFocus","onInput","icon","iconClear","ghost","oval","size","onClick","iconChevronDownSmall","closeBehavior","anchor","waitForCurrent","trigger","onShowChanged","placement","overwriteDropdownStyle","async","styleOverwrites","minWidth","getBoundingClientRect","width","dropdownWidth","dropdownMaxWidth","maxWidth","hidden","title","onSlotchange","iconPlus","onItemClick","__decorate","OnListener","self","prototype","HookValidationLifecycle"],"sources":["src/components/select/select.scss?tag=ix-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/field';\n@import 'mixins/validation/form-component';\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n  min-height: 2rem;\n  height: auto;\n  border-radius: var(--theme-input--border-radius);\n\n  .display-none {\n    display: none;\n  }\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n    box-shadow: var(--theme-inset-shadow-1) !important;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .select.readonly,\n  .select.disabled {\n    box-shadow: none !important;\n    border: none;\n    border-radius: 0;\n    cursor: pointer;\n\n    &,\n    &:hover,\n    &:active {\n      background-color: transparent !important;\n    }\n\n    &:focus,\n    &:focus-within,\n    &:focus-visible {\n      outline: none;\n    }\n\n    input:focus,\n    input:focus-visible {\n      outline: none;\n    }\n  }\n\n  .select.disabled {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-weak-bdr);\n\n    input {\n      color: var(--theme-color-weak-text);\n    }\n  }\n\n  .select.readonly {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-soft-bdr);\n\n    input {\n      color: var(--theme-color-std-text);\n    }\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0.1rem;\n      }\n    }\n\n    ix-icon-button {\n      height: 1.875rem;\n      width: 1.875rem;\n      min-height: 1.875rem;\n      min-width: 1.875rem;\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  ix-dropdown {\n    max-width: 100%;\n  }\n\n  .dropdown-visible {\n    --ix-icon-button-color: var(--theme-color-dynamic--hover);\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 1rem;\n  }\n}\n\n\n\n@include host-valid;\n\n@include host-info {\n  .select {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  .select {\n    border-color: var(--theme-input--border-color--warning);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--warning--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  .select {\n    border-color: var(--theme-input--border-color--invalid);\n    background-color: var(--theme-input--background--invalid);\n    box-shadow: none;\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--invalid--active) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconChevronDownSmall,\n  iconClear,\n  iconPlus,\n} from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { IxSelectItemLabelChangeEvent } from '../select-item/events';\nimport { a11yBoolean } from '../utils/a11y';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n/**\n * @form-ready\n */\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select implements IxInputFieldComponent<string | string[]> {\n  @Element() hostElement!: HTMLIxSelectElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * A string that represents the element's name attribute,\n   * containing a name that identifies the element when submitting the form.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * A Boolean attribute indicating that an option with a non-empty string value must be selected\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Label for the select component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Warning text for the select component\n   **/\n  @Prop() warningText?: string;\n\n  /**\n   * Info text for the select component\n   **/\n  @Prop() infoText?: string;\n\n  /**\n   * Error text for the select component\n   **/\n  @Prop() invalidText?: string;\n\n  /**\n   * Valid text for the select component\n   **/\n  @Prop() validText?: string;\n\n  /**\n   * Helper text for the select component\n   **/\n  @Prop() helperText?: string;\n\n  /**\n   * Show helper, error, info, warning text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Current selected value.\n   * This corresponds to the value property of ix-select-items\n   */\n  @Prop({ mutable: true }) value: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Select an option';\n\n  /**\n   * Information inside of dropdown if no items where found with current filter text\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * The width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   */\n  @Prop() dropdownWidth?: string;\n\n  /**\n   * The maximum width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   * By default the maximum width of the dropdown element is set to 100%.\n   */\n  @Prop() dropdownMaxWidth?: string;\n\n  /**\n   * Value changed\n   */\n  @Event() valueChange!: EventEmitter<string | string[]>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   */\n  @Event() inputChange!: EventEmitter<string>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem!: EventEmitter<string>;\n\n  /**\n   * Blur input\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() dropdownShow = false;\n  @State() selectedLabels: (string | undefined)[] = [];\n  @State() isDropdownEmpty = false;\n  @State() navigationItem?: DropdownItemWrapper;\n  @State() inputFilterText = '';\n  @State() inputValue = '';\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private readonly dropdownWrapperRef = makeRef<HTMLElement>();\n  private readonly dropdownAnchorRef = makeRef<HTMLElement>();\n  private readonly inputRef = makeRef<HTMLInputElement>();\n\n  private inputElement?: HTMLInputElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n  private customItemsContainerElement?: HTMLDivElement;\n  private addItemElement?: HTMLIxDropdownItemElement;\n  private arrowFocusController?: ArrowFocusController;\n\n  private touched = false;\n\n  private readonly itemObserver = createMutationObserver(() => {\n    if (!this.arrowFocusController) {\n      return;\n    }\n    this.arrowFocusController.items = this.visibleNonShadowItems;\n  });\n  private readonly focusControllerCallbackBind =\n    this.focusDropdownItem.bind(this);\n\n  get nonShadowItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get visibleNonShadowItems() {\n    return this.nonShadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get shadowItems() {\n    return Array.from(\n      this.hostElement.shadowRoot!.querySelectorAll('ix-select-item')\n    );\n  }\n\n  get visibleShadowItems() {\n    return this.shadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get items() {\n    return [...this.nonShadowItems, ...this.shadowItems];\n  }\n\n  get visibleItems() {\n    return this.items.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.shadowRoot!.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  get isEveryDropdownItemHidden() {\n    return this.items.every((item) => item.classList.contains('display-none'));\n  }\n\n  @Watch('value')\n  watchValue(value: string | string[]) {\n    this.value = value;\n    this.updateSelection();\n  }\n\n  @Watch('dropdownShow')\n  watchDropdownShow(show: boolean) {\n    if (show && this.dropdownElement) {\n      this.itemObserver.observe(this.dropdownElement, {\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      this.cleanupResources();\n    }\n  }\n\n  private cleanupResources() {\n    this.arrowFocusController?.disconnect();\n    this.arrowFocusController = undefined;\n    this.itemObserver?.disconnect();\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.itemClick(newId);\n  }\n\n  updateFormInternalValue(value: string | string[]) {\n    if (Array.isArray(value)) {\n      this.formInternals.setFormValue(value.join(','));\n    } else {\n      this.formInternals.setFormValue(value);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async hasValidValue(): Promise<boolean> {\n    return this.required && !!this.hasValue();\n  }\n\n  private hasValue() {\n    if (Array.isArray(this.value)) {\n      return !!this.value.length;\n    }\n\n    return !!this.value;\n  }\n\n  private focusDropdownItem(index: number) {\n    this.navigationItem = undefined;\n\n    if (index < this.visibleNonShadowItems.length) {\n      const nestedDropdownItem =\n        this.visibleNonShadowItems[index]?.shadowRoot?.querySelector(\n          'ix-dropdown-item'\n        );\n\n      if (!nestedDropdownItem) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        nestedDropdownItem?.shadowRoot?.querySelector('button')?.focus();\n      });\n    }\n  }\n\n  private itemClick(newId: string) {\n    const oldValue = this.value;\n    const value = this.toggleValue(newId);\n    this.value = value;\n    const defaultPrevented = this.emitValueChange(value);\n\n    if (defaultPrevented) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.updateSelection();\n  }\n\n  private emitAddItem(value: string) {\n    if (value === undefined || value.trim() === '') {\n      return false;\n    }\n\n    const { defaultPrevented } = this.addItem.emit(value);\n    if (defaultPrevented) {\n      return true;\n    }\n\n    const newItem = document.createElement('ix-select-item');\n    newItem.value = value;\n    newItem.label = value;\n\n    this.customItemsContainerElement?.appendChild(newItem);\n\n    this.clearInput();\n    this.itemClick(value);\n\n    return false;\n  }\n\n  private toggleValue(itemValue: string) {\n    if (!this.isMultipleMode) {\n      return itemValue;\n    }\n\n    if (!this.value) {\n      return [itemValue];\n    }\n\n    let value = this.value;\n\n    if (!Array.isArray(value)) {\n      value = [value];\n    }\n\n    if (value.includes(itemValue)) {\n      return value.filter((value) => value !== itemValue);\n    } else {\n      return [...value, itemValue];\n    }\n  }\n\n  private updateSelection() {\n    let ids: string[] = [];\n\n    if (this.value) {\n      ids = Array.isArray(this.value) ? [...this.value] : [this.value];\n    }\n\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => {\n        if (typeof i !== typeof item.value) {\n          return i.toString() === item.value.toString();\n        } else {\n          return i === item.value;\n        }\n      });\n    });\n\n    this.selectedLabels = this.selectedItems.map((item) => item.label);\n\n    if (this.selectedLabels?.length && this.isSingleMode) {\n      this.inputValue = this.selectedLabels[0] ?? '';\n    } else {\n      this.inputValue = '';\n    }\n\n    this.inputElement && (this.inputElement.value = this.inputValue);\n  }\n\n  private emitValueChange(value: string | string[]) {\n    const { defaultPrevented } = this.valueChange.emit(value);\n\n    if (defaultPrevented) {\n      return true;\n    }\n\n    this.updateFormInternalValue(value);\n    return false;\n  }\n\n  componentDidLoad() {\n    this.inputElement?.addEventListener('input', () => {\n      this.dropdownShow = true;\n      this.inputChange.emit(this.inputElement?.value);\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSelection();\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender(): void {\n    if (\n      !this.dropdownShow ||\n      this.arrowFocusController ||\n      !this.dropdownElement\n    ) {\n      return;\n    }\n\n    this.arrowFocusController = new ArrowFocusController(\n      this.visibleNonShadowItems,\n      this.dropdownElement,\n      this.focusControllerCallbackBind\n    );\n\n    this.arrowFocusController.wrap =\n      !this.isAddItemVisible() && !this.visibleShadowItems.length;\n  }\n\n  @Listen('ix-select-item:valueChange')\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.updateSelection();\n  }\n\n  disconnectedCallback() {\n    this.cleanupResources();\n  }\n\n  private itemExists(item: string | undefined) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n\n    if (event.detail) {\n      this.inputElement?.focus();\n      this.inputElement?.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = undefined;\n      this.updateSelection();\n      this.inputFilterText = '';\n    }\n  }\n\n  @OnListener<Select>('keydown', (self) => self.dropdownShow)\n  async onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      await this.onArrowNavigation(event, event.code);\n    }\n\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation(event.target as HTMLIxSelectItemElement);\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation(\n    el: HTMLIxSelectItemElement | HTMLInputElement\n  ) {\n    if (this.isMultipleMode) {\n      return;\n    }\n    const itemLabel = (el as HTMLIxSelectItemElement)?.label;\n    const item = this.itemExists(this.inputFilterText);\n\n    if (item) {\n      this.itemClick(item.value);\n    } else if (this.editable && !this.itemExists(itemLabel)) {\n      const defaultPrevented = this.emitAddItem(this.inputFilterText);\n      if (defaultPrevented) {\n        return;\n      }\n    }\n\n    this.dropdownShow = false;\n    this.updateSelection();\n  }\n\n  private async onArrowNavigation(\n    event: KeyboardEvent,\n    key: 'ArrowDown' | 'ArrowUp'\n  ) {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.dropdownShow = true;\n\n    if (!this.navigationItem && document.activeElement === this.hostElement) {\n      if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    const moveUp = key === 'ArrowUp';\n    const indexNonShadow = document.activeElement\n      ? this.visibleNonShadowItems.indexOf(\n          document.activeElement as HTMLIxSelectItemElement\n        )\n      : -1;\n\n    // Slotted select items\n    if (indexNonShadow === 0) {\n      if (!this.visibleShadowItems.length && this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      } else {\n        this.applyFocusTo(this.visibleShadowItems.pop());\n      }\n      return;\n    } else if (\n      indexNonShadow !== -1 &&\n      indexNonShadow === this.visibleNonShadowItems.length - 1\n    ) {\n      if (this.visibleShadowItems.length) {\n        this.applyFocusTo(this.visibleShadowItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    if (!this.navigationItem) {\n      return;\n    }\n\n    if (\n      this.isAddItemVisible() &&\n      this.addItemElement?.contains(\n        await this.navigationItem.getDropdownItemElement()\n      )\n    ) {\n      if (moveUp) {\n        this.applyFocusTo(this.visibleItems.pop());\n      } else if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      }\n      return;\n    }\n\n    // Custom select items\n    const indexShadow = this.visibleShadowItems.indexOf(\n      this.navigationItem as HTMLIxSelectItemElement\n    );\n\n    if (moveUp) {\n      if (indexShadow === 0) {\n        if (this.visibleNonShadowItems.length) {\n          this.applyFocusTo(this.visibleNonShadowItems.pop());\n        } else if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow - 1]);\n      }\n    } else {\n      if (indexShadow === this.visibleShadowItems.length - 1) {\n        if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        } else {\n          this.applyFocusTo(this.visibleItems.shift());\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow + 1]);\n      }\n    }\n  }\n\n  private applyFocusTo(element?: HTMLIxSelectItemElement) {\n    if (!element) {\n      return;\n    }\n\n    this.navigationItem = element;\n\n    setTimeout(() => {\n      element.shadowRoot\n        ?.querySelector('ix-dropdown-item')\n        ?.shadowRoot?.querySelector('button')\n        ?.focus();\n    });\n  }\n\n  private focusAddItemButton() {\n    if (this.addItemButton) {\n      this.addItemButton.shadowRoot?.querySelector('button')?.focus();\n      this.navigationItem = this.addItemElement;\n    }\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputElement?.value.trim() ?? '';\n\n    if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {\n      return;\n    }\n\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('display-none');\n        if (\n          !item.label\n            ?.toLowerCase()\n            .includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('display-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n\n    if (this.arrowFocusController) {\n      this.arrowFocusController.items = this.visibleNonShadowItems;\n    }\n\n    this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('display-none');\n    });\n  }\n\n  private clearInput() {\n    if (this.inputElement) {\n      this.inputElement.value = '';\n    }\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.selectedLabels = [];\n    this.value = [];\n    this.emitValueChange([]);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur(event: Event) {\n    this.ixBlur.emit();\n    this.touched = true;\n\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      return;\n    }\n\n    const target = event.target as HTMLInputElement;\n\n    if (!this.dropdownShow && this.mode !== 'multiple') {\n      target.value = this.selectedLabels.toString();\n    }\n  }\n\n  private placeholderValue() {\n    if (this.disabled) {\n      return '';\n    }\n\n    if (this.readonly) {\n      return '';\n    }\n\n    if (this.editable) {\n      return this.i18nPlaceholderEditable;\n    }\n\n    return this.i18nPlaceholder;\n  }\n\n  private isAddItemVisible() {\n    return (\n      !this.itemExists(this.inputFilterText) &&\n      this.editable &&\n      this.inputFilterText\n    );\n  }\n\n  @HookValidationLifecycle()\n  onValidationChange({\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isInfo,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n    this.isInfo = isInfo;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /**\n   * Returns the native input element used in the component.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    if (this.inputElement) {\n      return Promise.resolve(this.inputElement);\n    } else {\n      return Promise.reject(new Error('Input element not found'));\n    }\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    const inputElement = await this.getNativeInputElement();\n    if (inputElement) {\n      inputElement.focus();\n    }\n  }\n\n  /**\n   * Check if the input field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={a11yBoolean(this.disabled)}\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.inputRef}\n        >\n          <div\n            class={{\n              select: true,\n              disabled: this.disabled,\n              readonly: this.readonly,\n            }}\n            ref={(ref) => {\n              this.dropdownAnchorRef(ref);\n              if (!this.editable) this.dropdownWrapperRef(ref);\n            }}\n          >\n            <div class=\"input-container\">\n              <div class=\"chips\">\n                {this.isMultipleMode\n                  ? this.selectedItems?.map((item) => (\n                      <ix-filter-chip\n                        disabled={this.disabled || this.readonly}\n                        key={item.value}\n                        onCloseClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                          this.itemClick(item.value);\n                        }}\n                      >\n                        {item.label}\n                      </ix-filter-chip>\n                    ))\n                  : ''}\n                <div class=\"trigger\">\n                  <input\n                    autocomplete=\"off\"\n                    data-testid=\"input\"\n                    disabled={this.disabled}\n                    readOnly={this.readonly}\n                    required={this.required}\n                    type=\"text\"\n                    class={{\n                      'allow-clear':\n                        this.allowClear && !!this.selectedLabels?.length,\n                    }}\n                    placeholder={this.placeholderValue()}\n                    value={this.inputValue ?? ''}\n                    ref={(ref) => {\n                      this.inputElement = ref;\n                      this.inputRef(ref);\n                    }}\n                    onBlur={(e) => this.onInputBlur(e)}\n                    onFocus={() => {\n                      this.navigationItem = undefined;\n                    }}\n                    onInput={() => this.filterItemsWithTypeahead()}\n                    onKeyDown={(e) => this.onKeyDown(e)}\n                  />\n                  {this.allowClear &&\n                  !this.disabled &&\n                  !this.readonly &&\n                  (this.selectedLabels?.length || this.inputFilterText) ? (\n                    <ix-icon-button\n                      key=\"clear\"\n                      class=\"clear\"\n                      icon={iconClear}\n                      ghost\n                      oval\n                      size=\"16\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.clear();\n                      }}\n                    />\n                  ) : null}\n                  {this.disabled || this.readonly ? null : (\n                    <ix-icon-button\n                      data-select-dropdown\n                      key=\"dropdown\"\n                      class={{ 'dropdown-visible': this.dropdownShow }}\n                      icon={iconChevronDownSmall}\n                      ghost\n                      ref={(ref) => {\n                        if (this.editable) this.dropdownWrapperRef(ref);\n                      }}\n                    ></ix-icon-button>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </ix-field-wrapper>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownElement = ref!)}\n          show={this.dropdownShow}\n          closeBehavior={this.isMultipleMode ? 'outside' : 'both'}\n          class={{\n            'display-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchorRef.waitForCurrent()}\n          trigger={this.dropdownWrapperRef.waitForCurrent()}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"bottom-start\"\n          overwriteDropdownStyle={async () => {\n            const styleOverwrites: Partial<CSSStyleDeclaration> = {};\n\n            const minWidth = this.hostElement.shadowRoot\n              ?.querySelector('.select')\n              ?.getBoundingClientRect().width;\n\n            if (minWidth) {\n              styleOverwrites.minWidth = `${minWidth}px`;\n            }\n\n            if (this.dropdownWidth) {\n              styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;\n            }\n\n            if (this.dropdownMaxWidth) {\n              styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;\n            }\n\n            return styleOverwrites;\n          }}\n        >\n          <div\n            class={{\n              'select-list-header': true,\n              hidden: this.hideListHeader || this.isDropdownEmpty,\n            }}\n            title={this.i18nSelectListHeader}\n            onClick={(e) => e.preventDefault()}\n          >\n            {this.i18nSelectListHeader}\n          </div>\n          <slot\n            onSlotchange={() => {\n              this.updateSelection();\n            }}\n          ></slot>\n          <div ref={(ref) => (this.customItemsContainerElement = ref!)}></div>\n          {this.isAddItemVisible() ? (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon={iconPlus}\n              class={{\n                'add-item': true,\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n              onFocus={() => (this.navigationItem = this.addItemElement)}\n              ref={(ref) => {\n                this.addItemElement = ref!;\n              }}\n            ></ix-dropdown-item>\n          ) : null}\n          {this.isDropdownEmpty && !this.editable ? (\n            <div class=\"select-list-header\">{this.i18nNoMatches}</div>\n          ) : (\n            ''\n          )}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kWAAA,MAAMA,EAAY,mgM,iXCkDLC,EAAM,MANnB,WAAAC,CAAAC,G,wUAmB2BC,KAAQC,SAAY,MAyCpBD,KAAKE,MAAsB,GAK5CF,KAAUG,WAAG,MAKbH,KAAII,KAA0B,SAK9BJ,KAAQK,SAAG,MAKXL,KAAQM,SAAG,MAKXN,KAAQO,SAAG,MAKXP,KAAeQ,gBAAG,mBAKlBR,KAAuBS,wBAAG,wBAK1BT,KAAoBU,qBAAG,mBAKvBV,KAAaW,cAAG,aAKhBX,KAAcY,eAAG,MAiChBZ,KAAYa,aAAG,MACfb,KAAcc,eAA2B,GACzCd,KAAee,gBAAG,MAElBf,KAAegB,gBAAG,GAClBhB,KAAUiB,WAAG,GAEbjB,KAASkB,UAAG,MACZlB,KAAOmB,QAAG,MACVnB,KAAMoB,OAAG,MACTpB,KAASqB,UAAG,MAEJrB,KAAkBsB,mBAAGC,IACrBvB,KAAiBwB,kBAAGD,IACpBvB,KAAQyB,SAAGF,IAQpBvB,KAAO0B,QAAG,MAED1B,KAAA2B,aAAeC,GAAuB,KACrD,IAAK5B,KAAK6B,qBAAsB,CAC9B,M,CAEF7B,KAAK6B,qBAAqBC,MAAQ9B,KAAK+B,qBAAqB,IAE7C/B,KAA2BgC,4BAC1ChC,KAAKiC,kBAAkBC,KAAKlC,KAwwB/B,CAtwBC,kBAAImC,GACF,OAAOC,MAAMC,KAAKrC,KAAKsC,YAAYC,iBAAiB,kB,CAGtD,yBAAIR,GACF,OAAO/B,KAAKmC,eAAeK,QACxBC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,eAAIC,GACF,OAAOR,MAAMC,KACXrC,KAAKsC,YAAYO,WAAYN,iBAAiB,kB,CAIlD,sBAAIO,GACF,OAAO9C,KAAK4C,YAAYJ,QACrBC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,SAAIb,GACF,MAAO,IAAI9B,KAAKmC,kBAAmBnC,KAAK4C,Y,CAG1C,gBAAIG,GACF,OAAO/C,KAAK8B,MAAMU,QACfC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,iBAAIK,GACF,OAAOhD,KAAK8B,MAAMU,QAAQC,GAASA,EAAKQ,U,CAG1C,iBAAIC,GACF,OAAOlD,KAAKsC,YAAYO,WAAYM,cAAc,Y,CAGpD,gBAAIC,GACF,OAAOpD,KAAKI,OAAS,Q,CAGvB,kBAAIiD,GACF,OAAOrD,KAAKI,OAAS,U,CAGvB,6BAAIkD,GACF,OAAOtD,KAAK8B,MAAMyB,OAAOd,GAASA,EAAKC,UAAUC,SAAS,iB,CAI5D,UAAAa,CAAWtD,GACTF,KAAKE,MAAQA,EACbF,KAAKyD,iB,CAIP,iBAAAC,CAAkBC,GAChB,GAAIA,GAAQ3D,KAAK4D,gBAAiB,CAChC5D,KAAK2B,aAAakC,QAAQ7D,KAAK4D,gBAAiB,CAC9CE,UAAW,KACXC,QAAS,M,KAEN,CACL/D,KAAKgE,kB,EAID,gBAAAA,G,SACNC,EAAAjE,KAAK6B,wBAAsB,MAAAoC,SAAA,SAAAA,EAAAC,aAC3BlE,KAAK6B,qBAAuBsC,WAC5BC,EAAApE,KAAK2B,gBAAc,MAAAyC,SAAA,SAAAA,EAAAF,Y,CAIrB,aAAAG,CAAcC,GACZ,MAAMC,EAAQD,EAAME,OACpBxE,KAAKyE,UAAUF,E,CAGjB,uBAAAG,CAAwBxE,GACtB,GAAIkC,MAAMuC,QAAQzE,GAAQ,CACxBF,KAAK4E,cAAcC,aAAa3E,EAAM4E,KAAK,K,KACtC,CACL9E,KAAK4E,cAAcC,aAAa3E,E,EAMpC,mBAAM6E,GACJ,OAAO/E,KAAKC,YAAcD,KAAKgF,U,CAGzB,QAAAA,GACN,GAAI5C,MAAMuC,QAAQ3E,KAAKE,OAAQ,CAC7B,QAASF,KAAKE,MAAM+E,M,CAGtB,QAASjF,KAAKE,K,CAGR,iBAAA+B,CAAkBiD,G,QACxBlF,KAAKmF,eAAiBhB,UAEtB,GAAIe,EAAQlF,KAAK+B,sBAAsBkD,OAAQ,CAC7C,MAAMG,GACJhB,GAAAH,EAAAjE,KAAK+B,sBAAsBmD,MAAM,MAAAjB,SAAA,SAAAA,EAAEpB,cAAU,MAAAuB,SAAA,SAAAA,EAAEjB,cAC7C,oBAGJ,IAAKiC,EAAoB,CACvB,M,CAGFC,uBAAsB,K,SACpBjB,GAAAH,EAAAmB,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBvC,cAAY,MAAAoB,SAAA,SAAAA,EAAAd,cAAc,aAAW,MAAAiB,SAAA,SAAAA,EAAAkB,OAAO,G,EAK9D,SAAAb,CAAUF,GAChB,MAAMgB,EAAWvF,KAAKE,MACtB,MAAMA,EAAQF,KAAKwF,YAAYjB,GAC/BvE,KAAKE,MAAQA,EACb,MAAMuF,EAAmBzF,KAAK0F,gBAAgBxF,GAE9C,GAAIuF,EAAkB,CACpBzF,KAAKE,MAAQqF,EACb,M,CAGFvF,KAAKyD,iB,CAGC,WAAAkC,CAAYzF,G,MAClB,GAAIA,IAAUiE,WAAajE,EAAM0F,SAAW,GAAI,CAC9C,OAAO,K,CAGT,MAAMH,iBAAEA,GAAqBzF,KAAK6F,QAAQC,KAAK5F,GAC/C,GAAIuF,EAAkB,CACpB,OAAO,I,CAGT,MAAMM,EAAUC,SAASC,cAAc,kBACvCF,EAAQ7F,MAAQA,EAChB6F,EAAQG,MAAQhG,GAEhB+D,EAAAjE,KAAKmG,+BAA2B,MAAAlC,SAAA,SAAAA,EAAEmC,YAAYL,GAE9C/F,KAAKqG,aACLrG,KAAKyE,UAAUvE,GAEf,OAAO,K,CAGD,WAAAsF,CAAYc,GAClB,IAAKtG,KAAKqD,eAAgB,CACxB,OAAOiD,C,CAGT,IAAKtG,KAAKE,MAAO,CACf,MAAO,CAACoG,E,CAGV,IAAIpG,EAAQF,KAAKE,MAEjB,IAAKkC,MAAMuC,QAAQzE,GAAQ,CACzBA,EAAQ,CAACA,E,CAGX,GAAIA,EAAMqG,SAASD,GAAY,CAC7B,OAAOpG,EAAMsC,QAAQtC,GAAUA,IAAUoG,G,KACpC,CACL,MAAO,IAAIpG,EAAOoG,E,EAId,eAAA7C,G,QACN,IAAI+C,EAAgB,GAEpB,GAAIxG,KAAKE,MAAO,CACdsG,EAAMpE,MAAMuC,QAAQ3E,KAAKE,OAAS,IAAIF,KAAKE,OAAS,CAACF,KAAKE,M,CAG5DF,KAAK8B,MAAM2E,SAAShE,IAClBA,EAAKQ,SAAWuD,EAAIE,MAAMC,IACxB,UAAWA,WAAalE,EAAKvC,MAAO,CAClC,OAAOyG,EAAEC,aAAenE,EAAKvC,MAAM0G,U,KAC9B,CACL,OAAOD,IAAMlE,EAAKvC,K,IAEpB,IAGJF,KAAKc,eAAiBd,KAAKgD,cAAc6D,KAAKpE,GAASA,EAAKyD,QAE5D,KAAIjC,EAAAjE,KAAKc,kBAAc,MAAAmD,SAAA,SAAAA,EAAEgB,SAAUjF,KAAKoD,aAAc,CACpDpD,KAAKiB,YAAamD,EAAApE,KAAKc,eAAe,MAAM,MAAAsD,SAAA,EAAAA,EAAA,E,KACvC,CACLpE,KAAKiB,WAAa,E,CAGpBjB,KAAK8G,eAAiB9G,KAAK8G,aAAa5G,MAAQF,KAAKiB,W,CAG/C,eAAAyE,CAAgBxF,GACtB,MAAMuF,iBAAEA,GAAqBzF,KAAK+G,YAAYjB,KAAK5F,GAEnD,GAAIuF,EAAkB,CACpB,OAAO,I,CAGTzF,KAAK0E,wBAAwBxE,GAC7B,OAAO,K,CAGT,gBAAA8G,G,OACE/C,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAEgD,iBAAiB,SAAS,K,MAC3CjH,KAAKa,aAAe,KACpBb,KAAKkH,YAAYpB,MAAK7B,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAE/D,MAAM,G,CAInD,iBAAAiH,GACEnH,KAAKyD,kBACLzD,KAAK0E,wBAAwB1E,KAAKE,M,CAGpC,kBAAAkH,GACE,IACGpH,KAAKa,cACNb,KAAK6B,uBACJ7B,KAAK4D,gBACN,CACA,M,CAGF5D,KAAK6B,qBAAuB,IAAIwF,EAC9BrH,KAAK+B,sBACL/B,KAAK4D,gBACL5D,KAAKgC,6BAGPhC,KAAK6B,qBAAqByF,MACvBtH,KAAKuH,qBAAuBvH,KAAK8C,mBAAmBmC,M,CAKzD,aAAAuC,CAAclD,GACZA,EAAMmD,iBACNnD,EAAMoD,2BACN1H,KAAKyD,iB,CAGP,oBAAAkE,GACE3H,KAAKgE,kB,CAGC,UAAA4D,CAAWnF,GACjB,OAAOzC,KAAK8B,MAAM+F,MAAMlB,GAAMA,EAAET,QAAUzD,G,CAGpC,yBAAAqF,CAA0BxD,G,QAChCtE,KAAKa,aAAeyD,EAAME,OAE1B,GAAIF,EAAME,OAAQ,EAChBP,EAAAjE,KAAK8G,gBAAc,MAAA7C,SAAA,SAAAA,EAAAqB,SACnBlB,EAAApE,KAAK8G,gBAAc,MAAA1C,SAAA,SAAAA,EAAA2D,SAEnB/H,KAAKgI,wBACLhI,KAAKe,gBAAkBf,KAAKsD,yB,KACvB,CACLtD,KAAKmF,eAAiBhB,UACtBnE,KAAKyD,kBACLzD,KAAKgB,gBAAkB,E,EAK3B,eAAMiH,CAAU3D,GACd,GAAIA,EAAM4D,OAAS,aAAe5D,EAAM4D,OAAS,UAAW,OACpDlI,KAAKmI,kBAAkB7D,EAAOA,EAAM4D,K,CAG5C,IAAKlI,KAAKa,aAAc,CACtB,M,CAGF,GAAIyD,EAAM4D,OAAS,SAAW5D,EAAM4D,OAAS,cAAe,OACpDlI,KAAKoI,kBAAkB9D,EAAM+D,O,CAGrC,GAAI/D,EAAM4D,OAAS,SAAU,CAC3BlI,KAAKa,aAAe,K,EAIhB,uBAAMuH,CACZE,GAEA,GAAItI,KAAKqD,eAAgB,CACvB,M,CAEF,MAAMkF,EAAaD,IAA8B,MAA9BA,SAAA,SAAAA,EAAgCpC,MACnD,MAAMzD,EAAOzC,KAAK4H,WAAW5H,KAAKgB,iBAElC,GAAIyB,EAAM,CACRzC,KAAKyE,UAAUhC,EAAKvC,M,MACf,GAAIF,KAAKK,WAAaL,KAAK4H,WAAWW,GAAY,CACvD,MAAM9C,EAAmBzF,KAAK2F,YAAY3F,KAAKgB,iBAC/C,GAAIyE,EAAkB,CACpB,M,EAIJzF,KAAKa,aAAe,MACpBb,KAAKyD,iB,CAGC,uBAAM0E,CACZ7D,EACAkE,G,MAEA,GAAIlE,EAAMmB,iBAAkB,CAC1B,M,CAGFnB,EAAMmD,iBACNnD,EAAMmE,kBAENzI,KAAKa,aAAe,KAEpB,IAAKb,KAAKmF,gBAAkBa,SAAS0C,gBAAkB1I,KAAKsC,YAAa,CACvE,GAAItC,KAAK+C,aAAakC,OAAQ,CAC5BjF,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,MAC/B,GAAI5I,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,CAEP,M,CAGF,MAAMC,EAASN,IAAQ,UACvB,MAAMO,EAAiB/C,SAAS0C,cAC5B1I,KAAK+B,sBAAsBiH,QACzBhD,SAAS0C,gBAEX,EAGJ,GAAIK,IAAmB,EAAG,CACxB,IAAK/I,KAAK8C,mBAAmBmC,QAAUjF,KAAKuH,mBAAoB,CAC9DvH,KAAK6I,oB,KACA,CACL7I,KAAK2I,aAAa3I,KAAK8C,mBAAmBmG,M,CAE5C,M,MACK,GACLF,KAAmB,GACnBA,IAAmB/I,KAAK+B,sBAAsBkD,OAAS,EACvD,CACA,GAAIjF,KAAK8C,mBAAmBmC,OAAQ,CAClCjF,KAAK2I,aAAa3I,KAAK8C,mBAAmB8F,Q,MACrC,GAAI5I,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,CAEP,M,CAGF,IAAK7I,KAAKmF,eAAgB,CACxB,M,CAGF,GACEnF,KAAKuH,sBACLtD,EAAAjE,KAAKkJ,kBAAgB,MAAAjF,SAAA,SAAAA,EAAAtB,eACb3C,KAAKmF,eAAegE,2BAE5B,CACA,GAAIL,EAAQ,CACV9I,KAAK2I,aAAa3I,KAAK+C,aAAakG,M,MAC/B,GAAIjJ,KAAK+C,aAAakC,OAAQ,CACnCjF,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,CAEtC,M,CAIF,MAAMQ,EAAcpJ,KAAK8C,mBAAmBkG,QAC1ChJ,KAAKmF,gBAGP,GAAI2D,EAAQ,CACV,GAAIM,IAAgB,EAAG,CACrB,GAAIpJ,KAAK+B,sBAAsBkD,OAAQ,CACrCjF,KAAK2I,aAAa3I,KAAK+B,sBAAsBkH,M,MACxC,GAAIjJ,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,MAEF,CACL7I,KAAK2I,aAAa3I,KAAK8C,mBAAmBsG,EAAc,G,MAErD,CACL,GAAIA,IAAgBpJ,KAAK8C,mBAAmBmC,OAAS,EAAG,CACtD,GAAIjF,KAAKuH,mBAAoB,CAC3BvH,KAAK6I,oB,KACA,CACL7I,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,MAEjC,CACL5I,KAAK2I,aAAa3I,KAAK8C,mBAAmBsG,EAAc,G,GAKtD,YAAAT,CAAaU,GACnB,IAAKA,EAAS,CACZ,M,CAGFrJ,KAAKmF,eAAiBkE,EAEtBC,YAAW,K,aACTC,GAAAC,GAAApF,GAAAH,EAAAoF,EAAQxG,cAAU,MAAAoB,SAAA,SAAAA,EACdd,cAAc,uBACd,MAAAiB,SAAA,SAAAA,EAAAvB,cAAU,MAAA2G,SAAA,SAAAA,EAAErG,cAAc,aAAS,MAAAoG,SAAA,SAAAA,EACnCjE,OAAO,G,CAIP,kBAAAuD,G,QACN,GAAI7I,KAAKkD,cAAe,EACtBkB,GAAAH,EAAAjE,KAAKkD,cAAcL,cAAU,MAAAoB,SAAA,SAAAA,EAAEd,cAAc,aAAW,MAAAiB,SAAA,SAAAA,EAAAkB,QACxDtF,KAAKmF,eAAiBnF,KAAKkJ,c,EAIvB,wBAAAO,G,QACNzJ,KAAKgB,iBAAkBoD,GAAAH,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAE/D,MAAM0F,UAAM,MAAAxB,SAAA,EAAAA,EAAI,GAE1D,GAAIpE,KAAKoD,cAAgBpD,KAAKgB,kBAAoBhB,KAAKc,eAAe,GAAI,CACxE,M,CAGF,GAAId,KAAKgB,gBAAiB,CACxBhB,KAAK8B,MAAM2E,SAAShE,I,MAClBA,EAAKC,UAAUgH,OAAO,gBACtB,MACGzF,EAAAxB,EAAKyD,SAAK,MAAAjC,SAAA,SAAAA,EACP0F,cACDpD,SAASvG,KAAKgB,gBAAgB2I,gBACjC,CACAlH,EAAKC,UAAUkH,IAAI,e,SAGlB,CACL5J,KAAKgI,uB,CAGP,GAAIhI,KAAK6B,qBAAsB,CAC7B7B,KAAK6B,qBAAqBC,MAAQ9B,KAAK+B,qB,CAGzC/B,KAAKe,gBAAkBf,KAAKsD,yB,CAGtB,qBAAA0E,GACNhI,KAAK8B,MAAM2E,SAAShE,IAClBA,EAAKC,UAAUgH,OAAO,eAAe,G,CAIjC,UAAArD,GACN,GAAIrG,KAAK8G,aAAc,CACrB9G,KAAK8G,aAAa5G,MAAQ,E,CAE5BF,KAAKgB,gBAAkB,E,CAGjB,KAAA6I,GACN7J,KAAKqG,aACLrG,KAAKc,eAAiB,GACtBd,KAAKE,MAAQ,GACbF,KAAK0F,gBAAgB,IACrB1F,KAAKa,aAAe,K,CAGd,WAAAiJ,CAAYxF,GAClBtE,KAAK+J,OAAOjE,OACZ9F,KAAK0B,QAAU,KAEf,GAAI1B,KAAKK,SAAU,CACjB,M,CAGF,GAAIL,KAAKoD,aAAc,CACrB,M,CAGF,MAAMiF,EAAS/D,EAAM+D,OAErB,IAAKrI,KAAKa,cAAgBb,KAAKI,OAAS,WAAY,CAClDiI,EAAOnI,MAAQF,KAAKc,eAAe8F,U,EAI/B,gBAAAoD,GACN,GAAIhK,KAAKM,SAAU,CACjB,MAAO,E,CAGT,GAAIN,KAAKO,SAAU,CACjB,MAAO,E,CAGT,GAAIP,KAAKK,SAAU,CACjB,OAAOL,KAAKS,uB,CAGd,OAAOT,KAAKQ,e,CAGN,gBAAA+G,GACN,OACGvH,KAAK4H,WAAW5H,KAAKgB,kBACtBhB,KAAKK,UACLL,KAAKgB,e,CAKT,kBAAAiJ,EAAmB/I,UACjBA,EAASgJ,oBACTA,EAAmB/I,QACnBA,EAAOC,OACPA,EAAMC,UACNA,IAEArB,KAAKkB,UAAYA,GAAagJ,EAC9BlK,KAAKmB,QAAUA,EACfnB,KAAKqB,UAAYA,EACjBrB,KAAKoB,OAASA,C,CAKhB,8BAAM+I,GACJ,OAAOnK,KAAK4E,cAAcwF,I,CAO5B,qBAAAC,GACE,GAAIrK,KAAK8G,aAAc,CACrB,OAAOwD,QAAQC,QAAQvK,KAAK8G,a,KACvB,CACL,OAAOwD,QAAQE,OAAO,IAAIC,MAAM,2B,EAQpC,gBAAMC,GACJ,MAAM5D,QAAqB9G,KAAKqK,wBAChC,GAAIvD,EAAc,CAChBA,EAAaxB,O,EASjB,SAAAqF,GACE,OAAOL,QAAQC,QAAQvK,KAAK0B,Q,CAG9B,MAAAkJ,G,YACE,OACEC,EAACC,EAAI,CAAAtC,IAAA,2DACYuC,EAAY/K,KAAKM,UAChC0K,MAAO,CACL1K,SAAUN,KAAKM,WAGjBuK,EAAA,oBAAArC,IAAA,2CACEvI,SAAUD,KAAKC,SACfiG,MAAOlG,KAAKkG,MACZ+E,WAAYjL,KAAKiL,WACjBC,YAAalL,KAAKkL,YAClBC,SAAUnL,KAAKmL,SACfC,YAAapL,KAAKoL,YAClBC,UAAWrL,KAAKqL,UAChBC,kBAAmBtL,KAAKsL,kBACxBpK,UAAWlB,KAAKkB,UAChBC,QAASnB,KAAKmB,QACdC,OAAQpB,KAAKoB,OACbC,UAAWrB,KAAKqB,UAChBkK,WAAYvL,KAAKyB,UAEjBoJ,EAAA,OAAArC,IAAA,2CACEwC,MAAO,CACLjD,OAAQ,KACRzH,SAAUN,KAAKM,SACfC,SAAUP,KAAKO,UAEjBiL,IAAMA,IACJxL,KAAKwB,kBAAkBgK,GACvB,IAAKxL,KAAKK,SAAUL,KAAKsB,mBAAmBkK,EAAI,GAGlDX,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,mBACTH,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,SACRhL,KAAKqD,gBACFY,EAAAjE,KAAKgD,iBAAa,MAAAiB,SAAA,SAAAA,EAAE4C,KAAKpE,GACvBoI,EAAA,kBACEvK,SAAUN,KAAKM,UAAYN,KAAKO,SAChCiI,IAAK/F,EAAKvC,MACVuL,aAAeC,IACbA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAKyE,UAAUhC,EAAKvC,MAAM,GAG3BuC,EAAKyD,SAGV,GACJ2E,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,WACTH,EAAA,SAAArC,IAAA,2CACEmD,aAAa,MAAK,cACN,QACZrL,SAAUN,KAAKM,SACfsL,SAAU5L,KAAKO,SACfN,SAAUD,KAAKC,SACf4L,KAAK,OACLb,MAAO,CACL,cACEhL,KAAKG,gBAAgBiE,EAAApE,KAAKc,kBAAc,MAAAsD,SAAA,SAAAA,EAAEa,SAE9C6G,YAAa9L,KAAKgK,mBAClB9J,OAAOsJ,EAAAxJ,KAAKiB,cAAU,MAAAuI,SAAA,EAAAA,EAAI,GAC1BgC,IAAMA,IACJxL,KAAK8G,aAAe0E,EACpBxL,KAAKyB,SAAS+J,EAAI,EAEpBO,OAASL,GAAM1L,KAAK8J,YAAY4B,GAChCM,QAAS,KACPhM,KAAKmF,eAAiBhB,SAAS,EAEjC8H,QAAS,IAAMjM,KAAKyJ,2BACpBxB,UAAYyD,GAAM1L,KAAKiI,UAAUyD,KAElC1L,KAAKG,aACLH,KAAKM,WACLN,KAAKO,aACLgJ,EAAAvJ,KAAKc,kBAAc,MAAAyI,SAAA,SAAAA,EAAEtE,SAAUjF,KAAKgB,iBACnC6J,EACE,kBAAArC,IAAI,QACJwC,MAAM,QACNkB,KAAMC,EACNC,MACA,KAAAC,KAAI,KACJC,KAAK,KACLC,QAAUb,IACRA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAK6J,OAAO,IAGd,KACH7J,KAAKM,UAAYN,KAAKO,SAAW,KAChCsK,EAAA,8CAEErC,IAAI,WACJwC,MAAO,CAAE,mBAAoBhL,KAAKa,cAClCqL,KAAMM,EACNJ,MACA,KAAAZ,IAAMA,IACJ,GAAIxL,KAAKK,SAAUL,KAAKsB,mBAAmBkK,EAAI,SAS/DX,EAAA,eAAArC,IAAA,2CACEgD,IAAMA,GAASxL,KAAK4D,gBAAkB4H,EACtC7H,KAAM3D,KAAKa,aACX4L,cAAezM,KAAKqD,eAAiB,UAAY,OACjD2H,MAAO,CACL,eAAgBhL,KAAKM,UAAYN,KAAKO,UAExCmM,OAAQ1M,KAAKwB,kBAAkBmL,iBAC/BC,QAAS5M,KAAKsB,mBAAmBqL,iBACjCE,cAAgBnB,GAAM1L,KAAK8H,0BAA0B4D,GACrDoB,UAAU,eACVC,uBAAwBC,U,QACtB,MAAMC,EAAgD,GAEtD,MAAMC,GAAW9I,GAAAH,EAAAjE,KAAKsC,YAAYO,cAC9B,MAAAoB,SAAA,SAAAA,EAAAd,cAAc,cAAU,MAAAiB,SAAA,SAAAA,EACxB+I,wBAAwBC,MAE5B,GAAIF,EAAU,CACZD,EAAgBC,SAAW,GAAGA,K,CAGhC,GAAIlN,KAAKqN,cAAe,CACtBJ,EAAgBG,MAAQ,OAAOpN,KAAKqN,sB,CAGtC,GAAIrN,KAAKsN,iBAAkB,CACzBL,EAAgBM,SAAW,OAAOvN,KAAKsN,yB,CAGzC,OAAOL,CAAe,GAGxBpC,EAAA,OAAArC,IAAA,2CACEwC,MAAO,CACL,qBAAsB,KACtBwC,OAAQxN,KAAKY,gBAAkBZ,KAAKe,iBAEtC0M,MAAOzN,KAAKU,qBACZ6L,QAAUb,GAAMA,EAAEjE,kBAEjBzH,KAAKU,sBAERmK,EACE,QAAArC,IAAA,2CAAAkF,aAAc,KACZ1N,KAAKyD,iBAAiB,IAG1BoH,EAAA,OAAArC,IAAA,2CAAKgD,IAAMA,GAASxL,KAAKmG,4BAA8BqF,IACtDxL,KAAKuH,mBACJsD,EACc,6CACZqB,KAAMyB,EACN3C,MAAO,CACL,WAAY,MAEd9E,MAAOlG,KAAKgB,gBACZ4M,YAAclC,IACZA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAK2F,YAAY3F,KAAKgB,gBAAgB,EAExCgL,QAAS,IAAOhM,KAAKmF,eAAiBnF,KAAKkJ,eAC3CsC,IAAMA,IACJxL,KAAKkJ,eAAiBsC,CAAI,IAG5B,KACHxL,KAAKe,kBAAoBf,KAAKK,SAC7BwK,EAAA,OAAKG,MAAM,sBAAsBhL,KAAKW,eAAoB,I,kKAle9DkN,EAAA,CADLC,EAAmB,WAAYC,GAASA,EAAKlN,gBAiB7ChB,EAAAmO,UAAA,kBA2ODH,EAAA,CADCI,KAYApO,EAAAmO,UAAA,2B","ignoreList":[]}

package/dist/siemens-ix/{p-9bbca220.entry.js → p-19d1ccda.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as r,g as s}from"./p-BNpBEtDH.js";import{l as i}from"./p-CrTP-icT.js";const l=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";const a=class{constructor(t){e(this,t);this.closeClick=o(this,"closeClick",7);this.disabled=false;this.readonly=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return t(r,{key:"e3b72ae1a230407eb5a5b4b29b0c35bae916ca44",class:{disabled:this.disabled,readonly:this.readonly},title:this.hostElement.textContent},t("div",{key:"8eb078b239b54e9e72dc14e02ea60c93fa531c7c",class:"slot-container"},t("slot",{key:"ce47a7f795bf7d09bdbe42113c1a994068545940"})),!this.disabled&&!this.readonly?t("ix-icon-button",{ghost:true,oval:true,icon:i,size:"16",tabindex:this.disabled?-1:0,variant:"primary",disabled:this.disabled,onClick:e=>this.onCloseClick(e)}):null)}get hostElement(){return s(this)}};a.style=l;class c extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}class n extends CustomEvent{constructor(e){super("ix-select-item:valueChange",{bubbles:true,detail:e})}}const h=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.display-none){display:none}";const d=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.selected=false;this.hover=false;this.componentLoaded=false}async getDropdownItemElement(){return this.dropdownItem}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}get dropdownItem(){return this.hostElement.querySelector("ix-dropdown-item")}componentDidRender(){if(this.value===undefined||this.value===null){console.warn("ix-select-item must have a `value` property")}this.componentLoaded=true}onValueChange(e,o){if(this.componentLoaded){this.hostElement.dispatchEvent(new n({newValue:e,oldValue:o}))}}labelChange(e,o){if(this.componentLoaded){this.hostElement.dispatchEvent(new c({newValue:e,oldValue:o}))}}render(){return t(r,{key:"5fb345e674e981e79f0c44ac4a14a59987f34988"},t("ix-dropdown-item",{key:"7a3666f16d17e001fcbd9bd04fb143896ac48fe4",class:{"select-item-checked":this.selected},checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return s(this)}static get watchers(){return{value:["onValueChange"],label:["labelChange"]}}};d.style=h;export{a as ix_filter_chip,d as ix_select_item};
-//# sourceMappingURL=p-9bbca220.entry.js.map
+import{r as e,c as o,h as t,H as r,g as s}from"./p-BNpBEtDH.js";import{l as i}from"./p-v48bcPT9.js";const l=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";const a=class{constructor(t){e(this,t);this.closeClick=o(this,"closeClick",7);this.disabled=false;this.readonly=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return t(r,{key:"e3b72ae1a230407eb5a5b4b29b0c35bae916ca44",class:{disabled:this.disabled,readonly:this.readonly},title:this.hostElement.textContent},t("div",{key:"8eb078b239b54e9e72dc14e02ea60c93fa531c7c",class:"slot-container"},t("slot",{key:"ce47a7f795bf7d09bdbe42113c1a994068545940"})),!this.disabled&&!this.readonly?t("ix-icon-button",{ghost:true,oval:true,icon:i,size:"16",tabindex:this.disabled?-1:0,variant:"primary",disabled:this.disabled,onClick:e=>this.onCloseClick(e)}):null)}get hostElement(){return s(this)}};a.style=l;class c extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}class n extends CustomEvent{constructor(e){super("ix-select-item:valueChange",{bubbles:true,detail:e})}}const h=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.display-none){display:none}";const d=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.selected=false;this.hover=false;this.componentLoaded=false}async getDropdownItemElement(){return this.dropdownItem}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}get dropdownItem(){return this.hostElement.querySelector("ix-dropdown-item")}componentDidRender(){if(this.value===undefined||this.value===null){console.warn("ix-select-item must have a `value` property")}this.componentLoaded=true}onValueChange(e,o){if(this.componentLoaded){this.hostElement.dispatchEvent(new n({newValue:e,oldValue:o}))}}labelChange(e,o){if(this.componentLoaded){this.hostElement.dispatchEvent(new c({newValue:e,oldValue:o}))}}render(){return t(r,{key:"5fb345e674e981e79f0c44ac4a14a59987f34988"},t("ix-dropdown-item",{key:"7a3666f16d17e001fcbd9bd04fb143896ac48fe4",class:{"select-item-checked":this.selected},checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return s(this)}static get watchers(){return{value:["onValueChange"],label:["labelChange"]}}};d.style=h;export{a as ix_filter_chip,d as ix_select_item};
+//# sourceMappingURL=p-19d1ccda.entry.js.map

package/dist/siemens-ix/{p-07c17517.entry.js → p-1f7453c6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as e,H as n,g as i}from"./p-BNpBEtDH.js";import{a as o}from"./p-Ou74PMQs.js";import{s as r}from"./p-BKgqKHZU.js";import{a as s,A as m}from"./p--2LOMK-5.js";import{a as c}from"./p-CyFFBc_G.js";import{m as f}from"./p-DDHkNPby.js";import{c as l}from"./p-pXYAoEyc.js";import{t as d}from"./p-Dp4RJcgZ.js";import{P as p,Q as u,d as h,R as b,b as y,S as g}from"./p-CrTP-icT.js";import"./p-Dp15M30K.js";import"./p-Bdv-vpZz.js";import"./p-BdCnOrqW.js";import"./p-D6vSVaHq.js";class _ extends Event{constructor(t){super("application-sidebar-toggle",{bubbles:true,composed:true});this.force=t}}const k="/*!\n* animate.css - https://animate.style/\n* Version - 4.1.1\n* Licensed under the MIT license - http://opensource.org/licenses/MIT\n*\n* Copyright (c) 2020 Animate.css\n*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{.animate__animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.animate__slideOutUp{animation-name:slideOutUp}:host{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .show-scrollbar{scrollbar-width:inherit}:host .show-scrollbar::-webkit-scrollbar{display:inherit}:host .tabs-shadow-container{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem}:host .tabs--shadow{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}:host .tabs--shadow-top{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}:host .tabs--shadow-bottom{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}:host .tabs--shadow--show{opacity:1}:host .menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem);background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}:host .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}:host .menu-overlay{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}:host .menu-overlay.visible{display:block}:host .menu.expanded{width:16rem}:host .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}:host .menu-overlay-container{display:contents}:host .menu-avatar{max-height:3rem}:host .avatar{margin-bottom:2rem}:host #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}:host #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}:host #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}:host .bottom-tab-divider{margin-top:auto}:host .menu-buttons{margin:0.5rem 0 0 0.625rem}:host .menu-buttons>:last-child{margin-bottom:1rem}:host(.breakpoint-sm) .menu:not(.expanded){width:0}:host(.breakpoint-sm) .menu-overlay{left:0;width:100vw}:host(.breakpoint-lg){position:relative}:host(.breakpoint-lg) .menu.expanded{box-shadow:none}:host ::slotted(a[href]){all:unset}";const v=class{constructor(e){t(this,e);this.expandChange=a(this,"expandChange",7);this.mapExpandChange=a(this,"mapExpandChange",7);this.openAppSwitch=a(this,"openAppSwitch",7);this.openSettings=a(this,"openSettings",7);this.openAbout=a(this,"openAbout",7);this.showSettings=false;this.showAbout=false;this.enableToggleTheme=false;this.enableSettings=true;this.enableMapExpand=false;this.applicationDescription="";this.i18nExpandSidebar="Expand sidebar";this.expand=false;this.startExpanded=false;this.pinned=false;this.i18nLegal="About & legal information";this.i18nSettings="Settings";this.i18nToggleTheme="Toggle theme";this.i18nExpand=" Expand";this.i18nCollapse="Collapse";this.showPinned=false;this.mapExpand=true;this.breakpoint="lg";this.itemsScrollShadowTop=false;this.itemsScrollShadowBottom=false;this.isTransitionDisabled=false;this.isVisible=t=>{var a,e;return t.style.display!=="none"&&((e=(a=t.parentElement)===null||a===void 0?void 0:a.parentElement)===null||e===void 0?void 0:e.style.display)!=="none"}}pinnedChange(t){var a;if(((a=this.applicationLayoutContext)===null||a===void 0?void 0:a.host)==="map-navigation"){console.warn("ix-map-navigation does not support pinning of the menu");return}this.setPinned(this.pinned);if(t){c.disableBreakpointDetection();c.setBreakpoint("lg");return}c.enableBreakpointDetection()}get popoverArea(){return this.hostElement.shadowRoot.querySelector("#popover-area")}get menu(){return this.hostElement.shadowRoot.querySelector(".menu")}get menuItemsContainer(){return this.menu.querySelector(".tabs")}get overlayContainer(){return this.hostElement.shadowRoot.querySelector(".menu-overlay")}get menuItems(){return Array.from(this.hostElement.querySelectorAll('ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot="bottom"])')).filter((t=>this.isVisible(t)))}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter((t=>this.isVisible(t)))}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.shadowRoot.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown .appended").length===0}get moreItemsDropdownItems(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.shadowRoot.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.shadowRoot.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutNewsPopover(){var t;return(t=document.querySelector("ix-menu-about-news"))!==null&&t!==void 0?t:this.hostElement.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.shadowRoot.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-menu-settings-item")).length===0}get tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.handleOverflowIndicator()}));if(this.pinned){this.pinnedChange(this.pinned)}}componentWillLoad(){s(this.hostElement,m,(t=>{this.applicationLayoutContext=t;if(t.hideHeader===true){this.onBreakpointChange("md");return}this.onBreakpointChange(c.breakpoint)}),true);f.register(this.hostElement);c.onChange.on((t=>this.onBreakpointChange(t)));this.onBreakpointChange(c.breakpoint,true)}componentDidRender(){if(!this.about&&this.aboutNewsPopover){this.aboutNewsPopover.show=false}this.appendFragments()}setPinned(t){this.showPinned=t;f.setIsPinned(t)}onBreakpointChange(t,a=false){var e;if(!this.applicationLayoutContext&&t==="sm"){return}if(((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.host)==="map-navigation"){this.breakpoint="md";return}if(!this.applicationLayoutContext){return}if(this.applicationLayoutContext.hideHeader&&t==="sm"){return}this.setPinned(t==="lg");if(a||t!==this.breakpoint)this.toggleMenu(t==="lg"&&this.startExpanded);this.breakpoint=t}appendFragments(){this.appendAboutNewsPopover()}getAboutPopoverVerticalPosition(){var t;const a=12;const e=6;const n=((t=this.aboutTab)===null||t===void 0?void 0:t.getBoundingClientRect())||{bottom:-window.innerHeight,height:0};const i=window.innerHeight-(n.bottom-n.height/2+a/2+e);return l(i)}appendAboutNewsPopover(){var t;if(!this.aboutNewsPopover||!this.about){return}this.aboutNewsPopover.style.bottom=this.getAboutPopoverVerticalPosition();if(!((t=this.popoverArea)===null||t===void 0?void 0:t.contains(this.aboutNewsPopover))){const t=()=>{var t;if(((t=this.aboutNewsPopover)===null||t===void 0?void 0:t.aboutItemLabel)&&this.about){this.about.activeTabLabel=this.aboutNewsPopover.aboutItemLabel;this.toggleAbout(true)}};this.aboutNewsPopover.addEventListener("showMore",t.bind(this));document.body.appendChild(this.aboutNewsPopover)}}async toggleMapExpand(t){if(t!==undefined){this.mapExpand=t}else{this.mapExpand=!this.mapExpand}}async toggleMenu(t){const a=this.expand;if(t!==undefined){this.expand=t}else{this.expand=!this.expand}if(this.aboutNewsPopover){this.aboutNewsPopover.expanded=this.expand}const{defaultPrevented:e}=this.expandChange.emit(this.expand);if(e){this.expand=a;if(this.aboutNewsPopover){this.aboutNewsPopover.expanded=a}return}this.isTransitionDisabled=false;this.checkTransition();if(this.breakpoint=="sm"&&this.expand){setTimeout((()=>{this.handleOverflowIndicator()}),100)}}checkTransition(){const t=this.overlayContainer;if(!t){return}if(this.isTransitionDisabled){t.style.transitionProperty="left"}else{t.style.transitionProperty="all"}}isOverlayVisible(){return this.showAbout||this.showSettings}async toggleSettings(t){if(!this.settings){return}const{defaultPrevented:a}=this.openSettings.emit();if(a){return}if(!this.isOverlayVisible()){this.animateOverlayFadeIn()}if(t){this.resetOverlay();this.showSettings=t;this.settings.show=this.showSettings}else{this.onOverlayClose()}}async toggleAbout(t){if(!this.about){return}const{defaultPrevented:a}=this.openAbout.emit();if(a){return}if(!this.isOverlayVisible()){this.animateOverlayFadeIn()}if(t){this.resetOverlay();this.showAbout=t;this.about.show=this.showAbout}else{this.onOverlayClose()}}resetOverlay(){this.showSettings=false;this.showAbout=false;if(this.settings){this.settings.show=false}if(this.about){this.about.show=false}}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?p:u}isMenuItemClicked(t){if(t.target instanceof HTMLElement){return t.target.tagName==="IX-MENU-ITEM"}return false}handleOverflowIndicator(){const{clientHeight:t,scrollTop:a,scrollHeight:e}=this.menuItemsContainer;this.itemsScrollShadowTop=a>0;this.itemsScrollShadowBottom=Math.round(a+t)<e}onOverlayClose(){this.animateOverlayFadeOut((()=>{this.resetOverlay()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{o({targets:this.overlayContainer,duration:300,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",begin:()=>{if(this.showPinned){return}this.toggleMenu(false)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{o({targets:this.overlayContainer,duration:300,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>t()})}))}onMenuItemsClick(t){if(this.isMenuItemClicked(t)){if(!this.showPinned){this.toggleMenu(false)}this.onOverlayClose()}}isHiddenFromViewport(){return this.breakpoint==="sm"&&this.expand===false}sidebarToggle(){this.mapExpandChange.emit(this.mapExpand);this.hostElement.dispatchEvent(new _(this.mapExpand))}async showAppSwitch(){var t;const{defaultPrevented:a}=this.openAppSwitch.emit();if(a){return}if((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig){r(this.applicationLayoutContext.appSwitchConfig)}}render(){var t,a;return e(n,{key:"650164a77e7a09f6a7cde22aa1886e2919f539fe",class:{expanded:this.expand,[`breakpoint-${this.breakpoint}`]:true},slot:"menu"},e("nav",{key:"2ef8fc642f5fa12590c70834fce0d0755dae4df9",class:{menu:true,expanded:this.expand}},e("div",{key:"b9c8b63f54d33243bb2d863a7d399f723296e03d",class:"menu-buttons"},this.breakpoint!=="sm"&&e("ix-menu-expand-icon",{key:"6ebfb8c0c7f662b0186d7ca519f9a85ada839c42",breakpoint:this.breakpoint,expanded:this.expand,pinned:this.pinned,class:"menu-expand-icon",ixAriaLabel:this.i18nExpandSidebar,onClick:async()=>this.toggleMenu(),"data-testid":"expand-collapse-menu"}),this.breakpoint==="sm"&&((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)&&e("ix-icon-button",{key:"b5104d73c83bdcdd159a8c1bfe2e304221934f65",onClick:()=>{this.showAppSwitch()},icon:h,ghost:true})),e("div",{key:"f2680bb0281da2d5ceb6cbfbbc40baf1eafbb4ae",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},e("div",{key:"9daceab8d810b2671805fcdb213944719704ea68",class:"tabs-shadow-container"},e("div",{key:"0b45dc060f10698a8ff196c4a57f1c429e68067f",class:{"tabs--shadow":true,"tabs--shadow-top":true,"tabs--shadow--show":this.itemsScrollShadowTop}}),e("div",{key:"b49d5755eeb03be99dc66877bca949d4248731fe",class:{tabs:true,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},e("div",{key:"a7a223f13b0277243b5ffe876ada6dc40c93a323",class:"menu-avatar"},e("slot",{key:"f2c0cb7167d80de7a942815f1ef256e10c990320",name:"ix-menu-avatar"})),e("slot",{key:"f5910904de6a0f4028baedd528a81ec16931a6a7",name:"home"}),this.breakpoint!=="sm"||!this.isHiddenFromViewport()?e("slot",null):null),e("div",{key:"f5a57d190a8d5657aaebcc06dc5f452347886710",class:{"tabs--shadow":true,"tabs--shadow-bottom":true,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),e("div",{key:"8fcf9b0a984596b72bbf4c3b91cd2e27ed57253e",class:"bottom-tab-divider"}),this.settings?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"settings",class:{"internal-tab":true,"bottom-tab":true,active:this.showSettings},icon:b,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings}):null,e("div",{key:"9e3a3a85ebb22fd46e7f9bf92f0acd5c6495c7ba",onClick:t=>this.onMenuItemsClick(t)},e("slot",{key:"4e8f72485d82247ecb304a1a4ae80c28c0384ac9",name:"bottom"})),e("div",{key:"02951c7908b3f9e2a59349b6a8ed1aed19ca7107",id:"popover-area"}),this.about?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":true,"bottom-tab":true,active:this.showAbout},icon:y,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal}):null,this.enableToggleTheme?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>d.toggleMode(),class:"internal-tab bottom-tab",icon:g,label:this.i18nToggleTheme}):null,this.enableMapExpand||((a=this.applicationLayoutContext)===null||a===void 0?void 0:a.sidebar)?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"menu-collapse",onClick:()=>this.sidebarToggle(),class:"internal-tab bottom-tab",icon:`${this.getCollapseIcon()}`,label:this.getCollapseText()}):null),e("div",{key:"7a0ce4f3b2e926c02d29663fb143af90939d9516",class:{"menu-overlay":true,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=true;this.checkTransition()}},e("div",{key:"727628ba3d30f395e0d27a1d1f095c561ae5265d",class:"menu-overlay-container"},this.showSettings?e("slot",{name:"ix-menu-settings"}):null),e("div",{key:"953cb3d35ad5f60a8db131ee5131c403bf05900c",class:"menu-overlay-container"},this.showAbout?e("slot",{name:"ix-menu-about"}):null)))}get hostElement(){return i(this)}static get watchers(){return{pinned:["pinnedChange"]}}};v.style=k;export{v as ix_menu};
-//# sourceMappingURL=p-07c17517.entry.js.map
+import{r as t,c as a,h as e,H as n,g as i}from"./p-BNpBEtDH.js";import{a as o}from"./p-Ou74PMQs.js";import{s as r}from"./p-D81W7llw.js";import{a as s,A as m}from"./p--2LOMK-5.js";import{a as c}from"./p-CyFFBc_G.js";import{m as f}from"./p-DDHkNPby.js";import{c as l}from"./p-pXYAoEyc.js";import{t as d}from"./p-Dp4RJcgZ.js";import{Q as p,R as u,d as h,S as b,b as y,T as g}from"./p-v48bcPT9.js";import"./p-Dp15M30K.js";import"./p-C9vPes-N.js";import"./p-BdCnOrqW.js";import"./p-D6vSVaHq.js";class _ extends Event{constructor(t){super("application-sidebar-toggle",{bubbles:true,composed:true});this.force=t}}const k="/*!\n* animate.css - https://animate.style/\n* Version - 4.1.1\n* Licensed under the MIT license - http://opensource.org/licenses/MIT\n*\n* Copyright (c) 2020 Animate.css\n*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{.animate__animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.animate__slideOutUp{animation-name:slideOutUp}:host{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .show-scrollbar{scrollbar-width:inherit}:host .show-scrollbar::-webkit-scrollbar{display:inherit}:host .tabs-shadow-container{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem}:host .tabs--shadow{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}:host .tabs--shadow-top{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}:host .tabs--shadow-bottom{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}:host .tabs--shadow--show{opacity:1}:host .menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem);background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}:host .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}:host .menu-overlay{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}:host .menu-overlay.visible{display:block}:host .menu.expanded{width:16rem}:host .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}:host .menu-overlay-container{display:contents}:host .menu-avatar{max-height:3rem}:host .avatar{margin-bottom:2rem}:host #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}:host #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}:host #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}:host .bottom-tab-divider{margin-top:auto}:host .menu-buttons{margin:0.5rem 0 0 0.625rem}:host .menu-buttons>:last-child{margin-bottom:1rem}:host(.breakpoint-sm) .menu:not(.expanded){width:0}:host(.breakpoint-sm) .menu-overlay{left:0;width:100vw}:host(.breakpoint-lg){position:relative}:host(.breakpoint-lg) .menu.expanded{box-shadow:none}:host ::slotted(a[href]){all:unset}";const v=class{constructor(e){t(this,e);this.expandChange=a(this,"expandChange",7);this.mapExpandChange=a(this,"mapExpandChange",7);this.openAppSwitch=a(this,"openAppSwitch",7);this.openSettings=a(this,"openSettings",7);this.openAbout=a(this,"openAbout",7);this.showSettings=false;this.showAbout=false;this.enableToggleTheme=false;this.enableSettings=true;this.enableMapExpand=false;this.applicationDescription="";this.i18nExpandSidebar="Expand sidebar";this.expand=false;this.startExpanded=false;this.pinned=false;this.i18nLegal="About & legal information";this.i18nSettings="Settings";this.i18nToggleTheme="Toggle theme";this.i18nExpand=" Expand";this.i18nCollapse="Collapse";this.showPinned=false;this.mapExpand=true;this.breakpoint="lg";this.itemsScrollShadowTop=false;this.itemsScrollShadowBottom=false;this.isTransitionDisabled=false;this.isVisible=t=>{var a,e;return t.style.display!=="none"&&((e=(a=t.parentElement)===null||a===void 0?void 0:a.parentElement)===null||e===void 0?void 0:e.style.display)!=="none"}}pinnedChange(t){var a;if(((a=this.applicationLayoutContext)===null||a===void 0?void 0:a.host)==="map-navigation"){console.warn("ix-map-navigation does not support pinning of the menu");return}this.setPinned(this.pinned);if(t){c.disableBreakpointDetection();c.setBreakpoint("lg");return}c.enableBreakpointDetection()}get popoverArea(){return this.hostElement.shadowRoot.querySelector("#popover-area")}get menu(){return this.hostElement.shadowRoot.querySelector(".menu")}get menuItemsContainer(){return this.menu.querySelector(".tabs")}get overlayContainer(){return this.hostElement.shadowRoot.querySelector(".menu-overlay")}get menuItems(){return Array.from(this.hostElement.querySelectorAll('ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot="bottom"])')).filter((t=>this.isVisible(t)))}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter((t=>this.isVisible(t)))}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.shadowRoot.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown .appended").length===0}get moreItemsDropdownItems(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.shadowRoot.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.shadowRoot.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutNewsPopover(){var t;return(t=document.querySelector("ix-menu-about-news"))!==null&&t!==void 0?t:this.hostElement.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.shadowRoot.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-menu-settings-item")).length===0}get tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.handleOverflowIndicator()}));if(this.pinned){this.pinnedChange(this.pinned)}}componentWillLoad(){s(this.hostElement,m,(t=>{this.applicationLayoutContext=t;if(t.hideHeader===true){this.onBreakpointChange("md");return}this.onBreakpointChange(c.breakpoint)}),true);f.register(this.hostElement);c.onChange.on((t=>this.onBreakpointChange(t)));this.onBreakpointChange(c.breakpoint,true)}componentDidRender(){if(!this.about&&this.aboutNewsPopover){this.aboutNewsPopover.show=false}this.appendFragments()}setPinned(t){this.showPinned=t;f.setIsPinned(t)}onBreakpointChange(t,a=false){var e;if(!this.applicationLayoutContext&&t==="sm"){return}if(((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.host)==="map-navigation"){this.breakpoint="md";return}if(!this.applicationLayoutContext){return}if(this.applicationLayoutContext.hideHeader&&t==="sm"){return}this.setPinned(t==="lg");if(a||t!==this.breakpoint)this.toggleMenu(t==="lg"&&this.startExpanded);this.breakpoint=t}appendFragments(){this.appendAboutNewsPopover()}getAboutPopoverVerticalPosition(){var t;const a=12;const e=6;const n=((t=this.aboutTab)===null||t===void 0?void 0:t.getBoundingClientRect())||{bottom:-window.innerHeight,height:0};const i=window.innerHeight-(n.bottom-n.height/2+a/2+e);return l(i)}appendAboutNewsPopover(){var t;if(!this.aboutNewsPopover||!this.about){return}this.aboutNewsPopover.style.bottom=this.getAboutPopoverVerticalPosition();if(!((t=this.popoverArea)===null||t===void 0?void 0:t.contains(this.aboutNewsPopover))){const t=()=>{var t;if(((t=this.aboutNewsPopover)===null||t===void 0?void 0:t.aboutItemLabel)&&this.about){this.about.activeTabLabel=this.aboutNewsPopover.aboutItemLabel;this.toggleAbout(true)}};this.aboutNewsPopover.addEventListener("showMore",t.bind(this));document.body.appendChild(this.aboutNewsPopover)}}async toggleMapExpand(t){if(t!==undefined){this.mapExpand=t}else{this.mapExpand=!this.mapExpand}}async toggleMenu(t){const a=this.expand;if(t!==undefined){this.expand=t}else{this.expand=!this.expand}if(this.aboutNewsPopover){this.aboutNewsPopover.expanded=this.expand}const{defaultPrevented:e}=this.expandChange.emit(this.expand);if(e){this.expand=a;if(this.aboutNewsPopover){this.aboutNewsPopover.expanded=a}return}this.isTransitionDisabled=false;this.checkTransition();if(this.breakpoint=="sm"&&this.expand){setTimeout((()=>{this.handleOverflowIndicator()}),100)}}checkTransition(){const t=this.overlayContainer;if(!t){return}if(this.isTransitionDisabled){t.style.transitionProperty="left"}else{t.style.transitionProperty="all"}}isOverlayVisible(){return this.showAbout||this.showSettings}async toggleSettings(t){if(!this.settings){return}const{defaultPrevented:a}=this.openSettings.emit();if(a){return}if(!this.isOverlayVisible()){this.animateOverlayFadeIn()}if(t){this.resetOverlay();this.showSettings=t;this.settings.show=this.showSettings}else{this.onOverlayClose()}}async toggleAbout(t){if(!this.about){return}const{defaultPrevented:a}=this.openAbout.emit();if(a){return}if(!this.isOverlayVisible()){this.animateOverlayFadeIn()}if(t){this.resetOverlay();this.showAbout=t;this.about.show=this.showAbout}else{this.onOverlayClose()}}resetOverlay(){this.showSettings=false;this.showAbout=false;if(this.settings){this.settings.show=false}if(this.about){this.about.show=false}}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?p:u}isMenuItemClicked(t){if(t.target instanceof HTMLElement){return t.target.tagName==="IX-MENU-ITEM"}return false}handleOverflowIndicator(){const{clientHeight:t,scrollTop:a,scrollHeight:e}=this.menuItemsContainer;this.itemsScrollShadowTop=a>0;this.itemsScrollShadowBottom=Math.round(a+t)<e}onOverlayClose(){this.animateOverlayFadeOut((()=>{this.resetOverlay()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{o({targets:this.overlayContainer,duration:300,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",begin:()=>{if(this.showPinned){return}this.toggleMenu(false)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{o({targets:this.overlayContainer,duration:300,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>t()})}))}onMenuItemsClick(t){if(this.isMenuItemClicked(t)){if(!this.showPinned){this.toggleMenu(false)}this.onOverlayClose()}}isHiddenFromViewport(){return this.breakpoint==="sm"&&this.expand===false}sidebarToggle(){this.mapExpandChange.emit(this.mapExpand);this.hostElement.dispatchEvent(new _(this.mapExpand))}async showAppSwitch(){var t;const{defaultPrevented:a}=this.openAppSwitch.emit();if(a){return}if((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig){r(this.applicationLayoutContext.appSwitchConfig)}}render(){var t,a;return e(n,{key:"650164a77e7a09f6a7cde22aa1886e2919f539fe",class:{expanded:this.expand,[`breakpoint-${this.breakpoint}`]:true},slot:"menu"},e("nav",{key:"2ef8fc642f5fa12590c70834fce0d0755dae4df9",class:{menu:true,expanded:this.expand}},e("div",{key:"b9c8b63f54d33243bb2d863a7d399f723296e03d",class:"menu-buttons"},this.breakpoint!=="sm"&&e("ix-menu-expand-icon",{key:"6ebfb8c0c7f662b0186d7ca519f9a85ada839c42",breakpoint:this.breakpoint,expanded:this.expand,pinned:this.pinned,class:"menu-expand-icon",ixAriaLabel:this.i18nExpandSidebar,onClick:async()=>this.toggleMenu(),"data-testid":"expand-collapse-menu"}),this.breakpoint==="sm"&&((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)&&e("ix-icon-button",{key:"b5104d73c83bdcdd159a8c1bfe2e304221934f65",onClick:()=>{this.showAppSwitch()},icon:h,ghost:true})),e("div",{key:"f2680bb0281da2d5ceb6cbfbbc40baf1eafbb4ae",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},e("div",{key:"9daceab8d810b2671805fcdb213944719704ea68",class:"tabs-shadow-container"},e("div",{key:"0b45dc060f10698a8ff196c4a57f1c429e68067f",class:{"tabs--shadow":true,"tabs--shadow-top":true,"tabs--shadow--show":this.itemsScrollShadowTop}}),e("div",{key:"b49d5755eeb03be99dc66877bca949d4248731fe",class:{tabs:true,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},e("div",{key:"a7a223f13b0277243b5ffe876ada6dc40c93a323",class:"menu-avatar"},e("slot",{key:"f2c0cb7167d80de7a942815f1ef256e10c990320",name:"ix-menu-avatar"})),e("slot",{key:"f5910904de6a0f4028baedd528a81ec16931a6a7",name:"home"}),this.breakpoint!=="sm"||!this.isHiddenFromViewport()?e("slot",null):null),e("div",{key:"f5a57d190a8d5657aaebcc06dc5f452347886710",class:{"tabs--shadow":true,"tabs--shadow-bottom":true,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),e("div",{key:"8fcf9b0a984596b72bbf4c3b91cd2e27ed57253e",class:"bottom-tab-divider"}),this.settings?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"settings",class:{"internal-tab":true,"bottom-tab":true,active:this.showSettings},icon:b,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings}):null,e("div",{key:"9e3a3a85ebb22fd46e7f9bf92f0acd5c6495c7ba",onClick:t=>this.onMenuItemsClick(t)},e("slot",{key:"4e8f72485d82247ecb304a1a4ae80c28c0384ac9",name:"bottom"})),e("div",{key:"02951c7908b3f9e2a59349b6a8ed1aed19ca7107",id:"popover-area"}),this.about?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":true,"bottom-tab":true,active:this.showAbout},icon:y,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal}):null,this.enableToggleTheme?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>d.toggleMode(),class:"internal-tab bottom-tab",icon:g,label:this.i18nToggleTheme}):null,this.enableMapExpand||((a=this.applicationLayoutContext)===null||a===void 0?void 0:a.sidebar)?e("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"menu-collapse",onClick:()=>this.sidebarToggle(),class:"internal-tab bottom-tab",icon:`${this.getCollapseIcon()}`,label:this.getCollapseText()}):null),e("div",{key:"7a0ce4f3b2e926c02d29663fb143af90939d9516",class:{"menu-overlay":true,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=true;this.checkTransition()}},e("div",{key:"727628ba3d30f395e0d27a1d1f095c561ae5265d",class:"menu-overlay-container"},this.showSettings?e("slot",{name:"ix-menu-settings"}):null),e("div",{key:"953cb3d35ad5f60a8db131ee5131c403bf05900c",class:"menu-overlay-container"},this.showAbout?e("slot",{name:"ix-menu-about"}):null)))}get hostElement(){return i(this)}static get watchers(){return{pinned:["pinnedChange"]}}};v.style=k;export{v as ix_menu};
+//# sourceMappingURL=p-1f7453c6.entry.js.map

package/dist/siemens-ix/{p-d2da2e45.entry.js → p-25132109.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-BNpBEtDH.js";import{p as a,w as s}from"./p-CrTP-icT.js";const i=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const c=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.i18nShowMore="Show more";this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"c5b159c8613dca12f8eac19425b81caecc30cc17",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"d2606d5f8173a85a7c5caa447adb2ffcf4e755dd",class:"banner-container"},r("ix-icon",{key:"8b75cbd54bab0d0a8e68c3b0f5a8b5d906111f83",color:"color-inv-contrast-text",name:s,size:"32"}),r("svg",{key:"91eadc1b622e601d646197a71f8a3c8bd5c2977d",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"0e4097ac26f22ec8bb2b5e7f9ccaef82650ceb71",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"ac13dc9d1be6311424eef3b73092e18f1a5f1add",class:"cui-popover-news-header"},r("ix-typography",{key:"a075a83bea30af970b3ca2f30faa6b2f75fe5c4d",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"61f67c66e682c7a98b989981ab78599c582632d7",size:"24",icon:a,ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"640d009303d0851244162426ea78e5da3a2fa4e9",class:"slot-container"},r("slot",{key:"ff577deab9814235708f4cda023485e2550ccbcb"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"79f1454a3226d88cecb309ba435cf788552ed31f",id:"arrow"}))}};c.style=i;export{c as ix_menu_about_news};
-//# sourceMappingURL=p-d2da2e45.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-BNpBEtDH.js";import{p as a,w as s}from"./p-v48bcPT9.js";const i=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const c=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.i18nShowMore="Show more";this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"c5b159c8613dca12f8eac19425b81caecc30cc17",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"d2606d5f8173a85a7c5caa447adb2ffcf4e755dd",class:"banner-container"},r("ix-icon",{key:"8b75cbd54bab0d0a8e68c3b0f5a8b5d906111f83",color:"color-inv-contrast-text",name:s,size:"32"}),r("svg",{key:"91eadc1b622e601d646197a71f8a3c8bd5c2977d",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"0e4097ac26f22ec8bb2b5e7f9ccaef82650ceb71",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"ac13dc9d1be6311424eef3b73092e18f1a5f1add",class:"cui-popover-news-header"},r("ix-typography",{key:"a075a83bea30af970b3ca2f30faa6b2f75fe5c4d",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"61f67c66e682c7a98b989981ab78599c582632d7",size:"24",icon:a,ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"640d009303d0851244162426ea78e5da3a2fa4e9",class:"slot-container"},r("slot",{key:"ff577deab9814235708f4cda023485e2550ccbcb"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"79f1454a3226d88cecb309ba435cf788552ed31f",id:"arrow"}))}};c.style=i;export{c as ix_menu_about_news};
+//# sourceMappingURL=p-25132109.entry.js.map

package/dist/siemens-ix/{p-ac4548a8.entry.js → p-260f60b2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as i,g as r}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{F as a}from"./p-BQ6999e5.js";import{s as n}from"./p-CrTP-icT.js";const l=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const h=class{constructor(o){t(this,o);this.toggle=e(this,"toggle",7);this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=false;this.ANIMATION_DURATION=150;this.contentItems=[]}watchIndex(t,e){if(t===e){return}this.doFlipAnimation(t)}componentDidLoad(){this.observer=s((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){let t;if(this.index>=this.contentItems.length-1){t=0}else{t=this.index+1}const{defaultPrevented:e}=this.toggle.emit(t);if(e){return}this.doFlipAnimation(t)}doFlipAnimation(t){if(this.isFlipAnimationActive){return}this.isFlipAnimationActive=true;setTimeout((()=>{this.index=t;this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return o(i,{key:"8892b7907bdfb0a5f0c2d7cc19c4d29fdf956d81",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},o("div",{key:"e322ed0cad19e1e2c2c287555c1d613cccce965b",class:{"flip-tile-container":true,info:this.state===a.Info,warning:this.state===a.Warning,alarm:this.state===a.Alarm,primary:this.state===a.Primary,"flip-animation-active":this.isFlipAnimationActive}},o("div",{key:"b9722c9baa43b7022aef0ae6f1511d72b9b6ef27",class:"flip-tile-header"},o("div",{key:"05360f768bbfc11656404ff7078d5fc2e27c793a",class:"header-slot-container text-l-title"},o("slot",{key:"84f83de8ac0e872b339099632ba71c77562235e5",name:"header"})),o("ix-icon-button",{key:"7ff6a1faaf174da2427b5bbba382ecd10a22e2be",icon:n,variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),o("div",{key:"dd88100383ddbb0b4d58c0a281905cdec370c79f",class:"content-container"},o("slot",{key:"f39529910e08e2757a2a6a2db9b1b021fe301c77"})),o("div",{key:"2d17fc0f712da5707cd81d5bc69a7ca2a9097bd6",class:{footer:true,"contrast-light":this.state===a.Warning,"contrast-dark":this.state===a.Info||this.state===a.Alarm}},o("slot",{key:"3c3b397cf51c71b3d45802f6e69ddb877d1ee3ef",name:"footer"}))))}get hostElement(){return r(this)}static get watchers(){return{index:["watchIndex"]}}};h.style=l;export{h as ix_flip_tile};
-//# sourceMappingURL=p-ac4548a8.entry.js.map
+import{r as t,c as e,h as o,H as i,g as r}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{F as a}from"./p-BQ6999e5.js";import{s as n}from"./p-v48bcPT9.js";const l=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const h=class{constructor(o){t(this,o);this.toggle=e(this,"toggle",7);this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=false;this.ANIMATION_DURATION=150;this.contentItems=[]}watchIndex(t,e){if(t===e){return}this.doFlipAnimation(t)}componentDidLoad(){this.observer=s((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){let t;if(this.index>=this.contentItems.length-1){t=0}else{t=this.index+1}const{defaultPrevented:e}=this.toggle.emit(t);if(e){return}this.doFlipAnimation(t)}doFlipAnimation(t){if(this.isFlipAnimationActive){return}this.isFlipAnimationActive=true;setTimeout((()=>{this.index=t;this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return o(i,{key:"8892b7907bdfb0a5f0c2d7cc19c4d29fdf956d81",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},o("div",{key:"e322ed0cad19e1e2c2c287555c1d613cccce965b",class:{"flip-tile-container":true,info:this.state===a.Info,warning:this.state===a.Warning,alarm:this.state===a.Alarm,primary:this.state===a.Primary,"flip-animation-active":this.isFlipAnimationActive}},o("div",{key:"b9722c9baa43b7022aef0ae6f1511d72b9b6ef27",class:"flip-tile-header"},o("div",{key:"05360f768bbfc11656404ff7078d5fc2e27c793a",class:"header-slot-container text-l-title"},o("slot",{key:"84f83de8ac0e872b339099632ba71c77562235e5",name:"header"})),o("ix-icon-button",{key:"7ff6a1faaf174da2427b5bbba382ecd10a22e2be",icon:n,variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),o("div",{key:"dd88100383ddbb0b4d58c0a281905cdec370c79f",class:"content-container"},o("slot",{key:"f39529910e08e2757a2a6a2db9b1b021fe301c77"})),o("div",{key:"2d17fc0f712da5707cd81d5bc69a7ca2a9097bd6",class:{footer:true,"contrast-light":this.state===a.Warning,"contrast-dark":this.state===a.Info||this.state===a.Alarm}},o("slot",{key:"3c3b397cf51c71b3d45802f6e69ddb877d1ee3ef",name:"footer"}))))}get hostElement(){return r(this)}static get watchers(){return{index:["watchIndex"]}}};h.style=l;export{h as ix_flip_tile};
+//# sourceMappingURL=p-260f60b2.entry.js.map