@siemens/ix 2.4.1 → 2.6.0

package/dist/siemens-ix/p-f7618d1d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","IxSelectStyle0","Select","this","dropdownWrapperRef","makeRef","dropdownAnchor","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","mode","isMultipleMode","isEveryDropdownItemHidden","every","watchSelectedIndices","value","updateSelection","watchValue","selectedIndices","watchDropdownShow","show","ArrowFocusController","dropdownRef","wrap","editable","observe","childList","subtree","cleanupResources","_a","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","updateFormInternalValue","isArray","formInternals","setFormValue","join","hasValidValue","required","hasValue","length","index","navigationItem","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerRef","appendChild","clearInput","itemValue","includes","ids","forEach","some","i","toString","selectedLabels","map","inputValue","inputRef","valueChange","itemSelectionChange","componentDidLoad","addEventListener","dropdownShow","inputChange","componentWillLoad","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","itemExists","find","dropdownVisibilityChanged","select","removeHiddenFromItems","isDropdownEmpty","inputFilterText","onKeyDown","code","onArrowNavigation","onEnterNavigation","target","el","key","stopPropagation","activeElement","applyFocusTo","shift","isAddItemVisible","focusAddItemButton","moveUp","indexNonShadow","indexOf","pop","addItemRef","getDropdownItemElement","indexShadow","element","setTimeout","_d","_c","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","ixBlur","placeholderValue","disabled","readonly","i18nPlaceholderEditable","i18nPlaceholder","onValidationChange","isInvalid","isInvalidByRequired","isValid","isInfo","isWarning","getAssociatedFormElement","form","getNativeInputElement","Promise","resolve","focusInput","render","h","Host","a11yBoolean","class","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","ref","onCloseClick","e","autocomplete","readOnly","type","allowClear","placeholder","onBlur","onFocus","onInput","icon","ghost","oval","size","onClick","closeBehavior","anchor","waitForCurrent","trigger","onShowChanged","placement","overwriteDropdownStyle","async","minWidth","getBoundingClientRect","width","hidden","hideListHeader","title","i18nSelectListHeader","onSlotchange","onItemClick","i18nNoMatches","__decorate","OnListener","self","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  .d-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  .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  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 { IxSelectItemLabelChangeEvent } from '../select-item/events';\nimport { ArrowFocusController } from '../utils/focus';\nimport { OnListener } from '../utils/listener';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport {\n  HookValidationLifecycle,\n  ValidationResults,\n  IxInputFieldComponent,\n} from '../utils/input';\nimport { MakeRef, makeRef } from '../utils/make-ref';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @form-ready 2.6.0\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   * @since 2.6.0\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   * @since 2.6.0\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Label for the select component\n   *\n   * @since 2.6.0\n   */\n  @Prop() label?: string;\n\n  /**\n   * Warning text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() warningText?: string;\n\n  /**\n   * Info text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() infoText?: string;\n\n  /**\n   * Error text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() invalidText?: string;\n\n  /**\n   * Valid text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() validText?: string;\n\n  /**\n   * Helper text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() helperText?: string;\n\n  /**\n   * Show helper, error, info, warning text as tooltip\n   *\n   * @since 2.6.0\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Indices of selected items.\n   * This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list.\n   * @deprecated since 2.0.0. Use the `value` property instead.\n   */\n  @Prop({ mutable: true }) selectedIndices?: string | string[];\n\n  /**\n   * Current selected value.\n   * This corresponds to the value property of ix-select-items\n   * @since 2.0.0\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   * @since 1.5.0\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   *\n   * @since 1.5.0\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * Value changed\n   * @since 2.0.0\n   */\n  @Event() valueChange!: EventEmitter<string | string[]>;\n\n  /**\n   * Item selection changed\n   * @deprecated since 2.0.0. Use `valueChange` instead.\n   */\n  @Event() itemSelectionChange!: EventEmitter<string[]>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   *\n   * @since 2.0.0\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[] = [];\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 dropdownAnchor = makeRef<HTMLElement>();\n\n  private inputRef?: HTMLInputElement;\n  private dropdownRef?: HTMLIxDropdownElement;\n  private customItemsContainerRef?: HTMLDivElement;\n  private addItemRef?: HTMLIxDropdownItemElement;\n  private arrowFocusController?: ArrowFocusController;\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('d-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('d-none')\n    );\n  }\n\n  get items() {\n    return [...this.nonShadowItems, ...this.shadowItems];\n  }\n\n  get visibleItems() {\n    return this.items.filter((item) => !item.classList.contains('d-none'));\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('d-none'));\n  }\n\n  @Watch('selectedIndices')\n  watchSelectedIndices(value: string | string[]) {\n    this.value = value;\n    this.updateSelection();\n  }\n\n  @Watch('value')\n  watchValue(value: string | string[]) {\n    this.selectedIndices = value;\n    this.updateSelection();\n  }\n\n  @Watch('dropdownShow')\n  watchDropdownShow(show: boolean) {\n    if (show) {\n      this.arrowFocusController = new ArrowFocusController(\n        this.visibleNonShadowItems,\n        this.dropdownRef,\n        this.focusControllerCallbackBind\n      );\n\n      this.arrowFocusController.wrap = !this.editable;\n\n      this.itemObserver.observe(this.dropdownRef, {\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  async updateFormInternalValue(value: string | string[]) {\n    if (Array.isArray(value)) {\n      this.formInternals.setFormValue(value.join(','));\n      return;\n    }\n\n    this.formInternals.setFormValue(value);\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 = null;\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.customItemsContainerRef.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.inputRef && (this.inputRef.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    if (!value) {\n      this.itemSelectionChange.emit(null);\n    } else {\n      this.itemSelectionChange.emit(Array.isArray(value) ? value : [value]);\n    }\n\n    this.updateFormInternalValue(value);\n    return false;\n  }\n\n  componentDidLoad() {\n    this.inputRef?.addEventListener('input', () => {\n      this.dropdownShow = true;\n      this.inputChange.emit(this.inputRef?.value);\n    });\n  }\n\n  componentWillLoad() {\n    if (this.selectedIndices && !this.value) {\n      this.value = this.selectedIndices;\n    }\n\n    this.updateSelection();\n    this.updateFormInternalValue(this.value);\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) {\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.inputRef?.focus();\n      this.inputRef?.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = null;\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\n    if (\n      !this.itemExists(this.inputFilterText.trim()) &&\n      !this.itemExists((el as HTMLIxSelectItemElement)?.label)\n    ) {\n      if (this.editable) {\n        const defaultPrevented = this.emitAddItem(this.inputFilterText.trim());\n        if (defaultPrevented) {\n          return;\n        }\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.addItemRef.contains(\n        await this.navigationItem.getDropdownItemElement()\n      )\n    ) {\n      if (moveUp) {\n        this.applyFocusTo(this.visibleItems.pop());\n      } else {\n        if (this.visibleItems.length) {\n          this.applyFocusTo(this.visibleItems.shift());\n        }\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.addItemRef;\n    }\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputRef?.value || '';\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('d-none');\n        if (\n          !item.label.toLowerCase().includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('d-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('d-none');\n    });\n  }\n\n  private clearInput() {\n    if (this.inputRef) {\n      this.inputRef.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\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    return Promise.resolve(this.inputRef);\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\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 as unknown as MakeRef<HTMLElement>}\n        >\n          <div\n            class={{\n              select: true,\n              disabled: this.disabled,\n              readonly: this.readonly,\n            }}\n            ref={(ref) => {\n              this.dropdownAnchor(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) => (this.inputRef = ref)}\n                    onBlur={(e) => this.onInputBlur(e)}\n                    onFocus={() => {\n                      this.navigationItem = null;\n                    }}\n                    onInput={() => this.filterItemsWithTypeahead()}\n                    onKeyDown={(e) => this.onKeyDown(e)}\n                  />\n                  {this.allowClear &&\n                  (this.selectedLabels?.length || this.inputFilterText) ? (\n                    <ix-icon-button\n                      class=\"clear\"\n                      icon={'clear'}\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                      class={{ 'dropdown-visible': this.dropdownShow }}\n                      icon=\"chevron-down-small\"\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.dropdownRef = ref!)}\n          show={this.dropdownShow}\n          closeBehavior={this.isMultipleMode ? 'outside' : 'both'}\n          class={{\n            'd-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchor.waitForCurrent()}\n          trigger={this.dropdownWrapperRef.waitForCurrent()}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"bottom-start\"\n          overwriteDropdownStyle={async () => {\n            const minWidth = this.hostElement.shadowRoot\n              ?.querySelector('.select')\n              ?.getBoundingClientRect().width;\n\n            return {\n              minWidth: `${minWidth}px`,\n            };\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\n            ref={(ref) => (this.customItemsContainerRef = ref!)}\n            class=\"d-contents\"\n          ></div>\n          {this.isAddItemVisible() ? (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon={'plus'}\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.addItemRef)}\n              ref={(ref) => {\n                this.addItemRef = 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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"}

package/dist/siemens-ix/p-f97a15c4.js

@@ -0,0 +1,2 @@
+import{g as i}from"./p-5806df2b.js";async function n(i){if(i.getAssociatedFormElement&&typeof i.getAssociatedFormElement==="function"){const n=await i.getAssociatedFormElement();if(!n){return false}return n.noValidate}return false}function t(i,n,t){const e=new MutationObserver(n);e.observe(i,{subtree:t===null||t===void 0?void 0:t.includeChildren,childList:t===null||t===void 0?void 0:t.includeChildren,attributes:true,attributeFilter:["class"]});return{destroy(){e.disconnect()}}}function e(i,n,t){return i.classList.contains(`${n}`)||(t?!!i.querySelector(`.${n}`):false)}function o(i,n=false){return{isInvalid:e(i,"ix-invalid",n),isInvalidByRequired:e(i,"ix-invalid--required",n),isValid:e(i,"ix-valid",n),isInfo:e(i,"ix-info",n),isWarning:e(i,"ix-warning",n)}}function s(e){return(s,a)=>{let l;let r;const{componentWillLoad:u,disconnectedCallback:c,connectedCallback:d}=s;s.connectedCallback=function(){const t=i(this);l=async()=>{const i=await n(t);if(i){return}if(t.hasValidValue&&typeof t.hasValidValue==="function"){const i=await t.hasValidValue();if(t.required){t.classList.toggle("ix-invalid--required",!i)}else{t.classList.remove("ix-invalid--required")}}if(t.getValidityState&&typeof t.getValidityState==="function"){const i=await t.getValidityState();Object.keys(i).filter((i=>["patternMismatch"].includes(i))).forEach((n=>{t.classList.toggle(`ix-invalid--${n}`,i[n])}))}};t.addEventListener("valueChange",l);setTimeout(l);return d===null||d===void 0?void 0:d.call(this)};s.componentWillLoad=function(){const n=i(this);r=t(n,(()=>{const i=o(n,e===null||e===void 0?void 0:e.includeChildren);s[a].call(this,i)}),e);const l=o(n,e===null||e===void 0?void 0:e.includeChildren);s[a].call(this,l);return u===null||u===void 0?void 0:u.call(this)};s.disconnectedCallback=function(){const n=i(this);if(n&&r){r.destroy();r=null}if(n&&l){n.removeEventListener("valueChange",l)}return c===null||c===void 0?void 0:c.call(this)}}}export{s as H,o as a,t as c,n as s};
+//# sourceMappingURL=p-f97a15c4.js.map

package/dist/siemens-ix/p-f97a15c4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["async","shouldSuppressInternalValidation","host","getAssociatedFormElement","form","noValidate","createClassMutationObserver","element","callback","options","observer","MutationObserver","observe","subtree","includeChildren","childList","attributes","attributeFilter","destroy","disconnect","containsClass","hostElement","className","classList","contains","querySelector","checkFieldClasses","isInvalid","isInvalidByRequired","isValid","isInfo","isWarning","HookValidationLifecycle","proto","methodName","checkIfRequiredFunction","classMutationObserver","componentWillLoad","disconnectedCallback","connectedCallback","getElement","this","skipValidation","hasValidValue","hasValue","required","toggle","remove","getValidityState","validityState","Object","keys","filter","key","includes","forEach","addEventListener","setTimeout","call","result","removeEventListener"],"sources":["src/components/utils/input/validation.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 */\nimport { getElement } from '@stencil/core';\nimport { HTMLIxFormComponentElement, IxFormComponent } from '.';\nimport { IxComponent } from '../internal';\n\nexport type ClassMutationObserver = {\n  destroy: () => void;\n};\n\nexport async function shouldSuppressInternalValidation<T>(\n  host: IxFormComponent<T>\n) {\n  if (\n    host.getAssociatedFormElement &&\n    typeof host.getAssociatedFormElement === 'function'\n  ) {\n    const form = await host.getAssociatedFormElement();\n\n    if (!form) {\n      return false;\n    }\n\n    return form.noValidate;\n  }\n\n  return false;\n}\n\nexport function createClassMutationObserver(\n  element: HTMLElement,\n  callback: () => void,\n  options?: {\n    includeChildren?: boolean;\n  }\n): ClassMutationObserver {\n  const observer = new MutationObserver(callback);\n  observer.observe(element, {\n    subtree: options?.includeChildren,\n    childList: options?.includeChildren,\n    attributes: true,\n    attributeFilter: ['class'],\n  });\n\n  return {\n    destroy() {\n      observer.disconnect();\n    },\n  };\n}\n\nexport type ValidationResultProperty =\n  | 'isInvalid'\n  | 'isInvalidByRequired'\n  | 'isValid'\n  | 'isInfo'\n  | 'isWarning';\nexport type ValidationResults = Record<ValidationResultProperty, boolean>;\n\nfunction containsClass(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  className: string,\n  includeChildren: boolean\n) {\n  return (\n    hostElement.classList.contains(`${className}`) ||\n    (includeChildren ? !!hostElement.querySelector(`.${className}`) : false)\n  );\n}\n\nexport function checkFieldClasses(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  includeChildren = false\n): ValidationResults {\n  return {\n    isInvalid: containsClass(hostElement, 'ix-invalid', includeChildren),\n    isInvalidByRequired: containsClass(\n      hostElement,\n      'ix-invalid--required',\n      includeChildren\n    ),\n    isValid: containsClass(hostElement, 'ix-valid', includeChildren),\n    isInfo: containsClass(hostElement, 'ix-info', includeChildren),\n    isWarning: containsClass(hostElement, 'ix-warning', includeChildren),\n  };\n}\n\nexport function HookValidationLifecycle(options?: {\n  includeChildren?: boolean;\n}) {\n  return (proto: IxComponent, methodName: string) => {\n    let checkIfRequiredFunction: () => Promise<void>;\n    let classMutationObserver: ClassMutationObserver | null;\n    const { componentWillLoad, disconnectedCallback, connectedCallback } =\n      proto;\n\n    proto.connectedCallback = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n\n      checkIfRequiredFunction = async () => {\n        const skipValidation = await shouldSuppressInternalValidation(host);\n        if (skipValidation) {\n          return;\n        }\n\n        if (host.hasValidValue && typeof host.hasValidValue === 'function') {\n          const hasValue = await host.hasValidValue();\n          if (host.required) {\n            host.classList.toggle('ix-invalid--required', !hasValue);\n          } else {\n            host.classList.remove('ix-invalid--required');\n          }\n        }\n\n        if (\n          host.getValidityState &&\n          typeof host.getValidityState === 'function'\n        ) {\n          const validityState = await host.getValidityState();\n          Object.keys(validityState)\n            // Use only the keys that are relevant for the validation state\n            // patternMismatch used for `ix-date-input`\n            .filter((key) => ['patternMismatch'].includes(key))\n            .forEach((key) => {\n              host.classList.toggle(\n                `ix-invalid--${key}`,\n                validityState[key as keyof ValidityState]\n              );\n            });\n        }\n      };\n\n      host.addEventListener('valueChange', checkIfRequiredFunction);\n      setTimeout(checkIfRequiredFunction);\n      return connectedCallback?.call(this);\n    };\n\n    proto.componentWillLoad = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n      classMutationObserver = createClassMutationObserver(\n        host,\n        () => {\n          const result = checkFieldClasses(host, options?.includeChildren);\n          proto[methodName].call(this, result);\n        },\n        options\n      );\n      const result = checkFieldClasses(host, options?.includeChildren);\n      proto[methodName].call(this, result);\n      return componentWillLoad?.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this);\n\n      if (host && classMutationObserver) {\n        classMutationObserver.destroy();\n        classMutationObserver = null;\n      }\n\n      if (host && checkIfRequiredFunction) {\n        host.removeEventListener('valueChange', checkIfRequiredFunction);\n      }\n\n      return disconnectedCallback?.call(this);\n    };\n  };\n}\n"],"mappings":"oCAgBOA,eAAeC,EACpBC,GAEA,GACEA,EAAKC,iCACED,EAAKC,2BAA6B,WACzC,CACA,MAAMC,QAAaF,EAAKC,2BAExB,IAAKC,EAAM,CACT,OAAO,K,CAGT,OAAOA,EAAKC,U,CAGd,OAAO,KACT,C,SAEgBC,EACdC,EACAC,EACAC,GAIA,MAAMC,EAAW,IAAIC,iBAAiBH,GACtCE,EAASE,QAAQL,EAAS,CACxBM,QAASJ,IAAO,MAAPA,SAAO,SAAPA,EAASK,gBAClBC,UAAWN,IAAO,MAAPA,SAAO,SAAPA,EAASK,gBACpBE,WAAY,KACZC,gBAAiB,CAAC,WAGpB,MAAO,CACL,OAAAC,GACER,EAASS,Y,EAGf,CAUA,SAASC,EACPC,EACAC,EACAR,GAEA,OACEO,EAAYE,UAAUC,SAAS,GAAGF,OACjCR,IAAoBO,EAAYI,cAAc,IAAIH,KAAe,MAEtE,C,SAEgBI,EACdL,EACAP,EAAkB,OAElB,MAAO,CACLa,UAAWP,EAAcC,EAAa,aAAcP,GACpDc,oBAAqBR,EACnBC,EACA,uBACAP,GAEFe,QAAST,EAAcC,EAAa,WAAYP,GAChDgB,OAAQV,EAAcC,EAAa,UAAWP,GAC9CiB,UAAWX,EAAcC,EAAa,aAAcP,GAExD,C,SAEgBkB,EAAwBvB,GAGtC,MAAO,CAACwB,EAAoBC,KAC1B,IAAIC,EACJ,IAAIC,EACJ,MAAMC,kBAAEA,EAAiBC,qBAAEA,EAAoBC,kBAAEA,GAC/CN,EAEFA,EAAMM,kBAAoB,WACxB,MAAMrC,EAAOsC,EACXC,MAGFN,EAA0BnC,UACxB,MAAM0C,QAAuBzC,EAAiCC,GAC9D,GAAIwC,EAAgB,CAClB,M,CAGF,GAAIxC,EAAKyC,sBAAwBzC,EAAKyC,gBAAkB,WAAY,CAClE,MAAMC,QAAiB1C,EAAKyC,gBAC5B,GAAIzC,EAAK2C,SAAU,CACjB3C,EAAKqB,UAAUuB,OAAO,wBAAyBF,E,KAC1C,CACL1C,EAAKqB,UAAUwB,OAAO,uB,EAI1B,GACE7C,EAAK8C,yBACE9C,EAAK8C,mBAAqB,WACjC,CACA,MAAMC,QAAsB/C,EAAK8C,mBACjCE,OAAOC,KAAKF,GAGTG,QAAQC,GAAQ,CAAC,mBAAmBC,SAASD,KAC7CE,SAASF,IACRnD,EAAKqB,UAAUuB,OACb,eAAeO,IACfJ,EAAcI,GACf,G,GAKTnD,EAAKsD,iBAAiB,cAAerB,GACrCsB,WAAWtB,GACX,OAAOI,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBmB,KAAKjB,K,EAGjCR,EAAMI,kBAAoB,WACxB,MAAMnC,EAAOsC,EACXC,MAEFL,EAAwB9B,EACtBJ,GACA,KACE,MAAMyD,EAASjC,EAAkBxB,EAAMO,IAAO,MAAPA,SAAO,SAAPA,EAASK,iBAChDmB,EAAMC,GAAYwB,KAAKjB,KAAMkB,EAAO,GAEtClD,GAEF,MAAMkD,EAASjC,EAAkBxB,EAAMO,IAAO,MAAPA,SAAO,SAAPA,EAASK,iBAChDmB,EAAMC,GAAYwB,KAAKjB,KAAMkB,GAC7B,OAAOtB,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBqB,KAAKjB,K,EAGjCR,EAAMK,qBAAuB,WAC3B,MAAMpC,EAAOsC,EAAWC,MAExB,GAAIvC,GAAQkC,EAAuB,CACjCA,EAAsBlB,UACtBkB,EAAwB,I,CAG1B,GAAIlC,GAAQiC,EAAyB,CACnCjC,EAAK0D,oBAAoB,cAAezB,E,CAG1C,OAAOG,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBoB,KAAKjB,K,CACnC,CAEL,Q"}

package/dist/siemens-ix/p-fad9f568.js

@@ -0,0 +1,2 @@
+async function n(n,r){const t=Array.from(document.querySelectorAll(n));if(t.length>0){return Promise.resolve(t)}if(r===undefined){return Promise.resolve(undefined)}const o=e(r);if(o===undefined||!(o instanceof ShadowRoot)){return Promise.resolve(undefined)}const i=Array.from(o.querySelectorAll(n));const u=Array.from(o.host.querySelectorAll(n));const f=[...u,...i];if(f.length>0){return Promise.resolve(f)}return Promise.resolve(undefined)}function e(n,e=document.body){if(!n.parentElement&&!n.parentNode){return undefined}if(n.parentNode instanceof ShadowRoot){return n.parentNode}let r=n.parentElement;while(r){if(r.shadowRoot){return r.shadowRoot}else if(r.parentNode instanceof ShadowRoot){return r.parentNode}r=r.parentElement}return e}function r(e,r=document,t){return new Promise((o=>{const i=()=>{n(e,t).then((n=>{if(n&&n.length>0){o(n[0]);u===null||u===void 0?void 0:u.disconnect()}}))};i();const u=new MutationObserver((()=>{i()}));u.observe(r.body,{childList:true,subtree:true})}))}function t(n,e){if(n instanceof Promise){return n}if(typeof n==="object"){return Promise.resolve(n)}const t=`#${n}`;return r(t,document,e)}export{t as f,n as r};
+//# sourceMappingURL=p-fad9f568.js.map

package/dist/siemens-ix/p-fad9f568.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["async","resolveSelector","selector","hostElement","elements","Array","from","document","querySelectorAll","length","Promise","resolve","undefined","shadowRoot","getRootFor","ShadowRoot","elementsInShadowRoot","elementsInHost","host","elementsInComponent","element","parent","body","parentElement","parentNode","currentNode","waitForSelector","node","waitForElements","then","observer","disconnect","MutationObserver","observe","childList","subtree","findElement"],"sources":["src/components/utils/find-element.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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/**\n * Will try to resolve the selector in the light dom, shadow dom or slot\n * @param selector The selector to resolve\n * @param hostElement The element to start the search from\n * @returns Promise with the resolved elements or undefined if not found\n */\nexport async function resolveSelector(\n  selector: string,\n  hostElement?: HTMLElement\n): Promise<HTMLElement[] | undefined> {\n  const elements: HTMLElement[] = Array.from(\n    document.querySelectorAll(selector)\n  );\n\n  if (elements.length > 0) {\n    return Promise.resolve(elements);\n  }\n\n  if (hostElement === undefined) {\n    return Promise.resolve(undefined);\n  }\n\n  const shadowRoot = getRootFor(hostElement);\n\n  if (shadowRoot === undefined || !(shadowRoot instanceof ShadowRoot)) {\n    return Promise.resolve(undefined);\n  }\n\n  const elementsInShadowRoot: HTMLElement[] = Array.from(\n    shadowRoot.querySelectorAll(selector)\n  );\n\n  const elementsInHost: HTMLElement[] = Array.from(\n    shadowRoot.host.querySelectorAll(selector)\n  );\n\n  const elementsInComponent: HTMLElement[] = [\n    ...elementsInHost,\n    ...elementsInShadowRoot,\n  ];\n\n  if (elementsInComponent.length > 0) {\n    return Promise.resolve(elementsInComponent);\n  }\n\n  return Promise.resolve(undefined);\n}\n\n/**\n * Walk up the DOM to find the nearest shadow root\n * @param element The element to get the root for\n * @param parent This will determine how far up the DOM to travel to find the root\n * @returns The root element\n */\nexport function getRootFor(element: HTMLElement, parent = document.body) {\n  if (!element.parentElement && !element.parentNode) {\n    return undefined;\n  }\n\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode;\n  }\n\n  let currentNode = element.parentElement;\n\n  while (currentNode) {\n    if (currentNode.shadowRoot) {\n      return currentNode.shadowRoot;\n    } else if (currentNode.parentNode instanceof ShadowRoot) {\n      return currentNode.parentNode;\n    }\n\n    currentNode = currentNode.parentElement;\n  }\n\n  return parent;\n}\n\nexport function waitForSelector(\n  selector: string,\n  node = document,\n  hostElement?: HTMLElement\n): Promise<Element> {\n  return new Promise((resolve) => {\n    const waitForElements = () => {\n      resolveSelector(selector, hostElement).then((elements) => {\n        if (elements && elements.length > 0) {\n          resolve(elements[0]);\n          observer?.disconnect();\n        }\n      });\n    };\n\n    waitForElements();\n\n    const observer = new MutationObserver(() => {\n      waitForElements();\n    });\n\n    observer.observe(node.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n}\n\n/**\n * Find an element by ID or reference\n * @param element The element to find\n * @param hostElement The element to start the search from\n * @returns A promise that will resolve to the element\n */\nexport function findElement(\n  element: string | HTMLElement | Promise<HTMLElement>,\n  hostElement?: HTMLElement\n): Promise<Element> {\n  if (element instanceof Promise) {\n    return element;\n  }\n\n  if (typeof element === 'object') {\n    return Promise.resolve(element);\n  }\n\n  const selector = `#${element}`;\n  return waitForSelector(selector, document, hostElement);\n}\n"],"mappings":"AAeOA,eAAeC,EACpBC,EACAC,GAEA,MAAMC,EAA0BC,MAAMC,KACpCC,SAASC,iBAAiBN,IAG5B,GAAIE,EAASK,OAAS,EAAG,CACvB,OAAOC,QAAQC,QAAQP,E,CAGzB,GAAID,IAAgBS,UAAW,CAC7B,OAAOF,QAAQC,QAAQC,U,CAGzB,MAAMC,EAAaC,EAAWX,GAE9B,GAAIU,IAAeD,aAAeC,aAAsBE,YAAa,CACnE,OAAOL,QAAQC,QAAQC,U,CAGzB,MAAMI,EAAsCX,MAAMC,KAChDO,EAAWL,iBAAiBN,IAG9B,MAAMe,EAAgCZ,MAAMC,KAC1CO,EAAWK,KAAKV,iBAAiBN,IAGnC,MAAMiB,EAAqC,IACtCF,KACAD,GAGL,GAAIG,EAAoBV,OAAS,EAAG,CAClC,OAAOC,QAAQC,QAAQQ,E,CAGzB,OAAOT,QAAQC,QAAQC,UACzB,C,SAQgBE,EAAWM,EAAsBC,EAASd,SAASe,MACjE,IAAKF,EAAQG,gBAAkBH,EAAQI,WAAY,CACjD,OAAOZ,S,CAGT,GAAIQ,EAAQI,sBAAsBT,WAAY,CAC5C,OAAOK,EAAQI,U,CAGjB,IAAIC,EAAcL,EAAQG,cAE1B,MAAOE,EAAa,CAClB,GAAIA,EAAYZ,WAAY,CAC1B,OAAOY,EAAYZ,U,MACd,GAAIY,EAAYD,sBAAsBT,WAAY,CACvD,OAAOU,EAAYD,U,CAGrBC,EAAcA,EAAYF,a,CAG5B,OAAOF,CACT,C,SAEgBK,EACdxB,EACAyB,EAAOpB,SACPJ,GAEA,OAAO,IAAIO,SAASC,IAClB,MAAMiB,EAAkB,KACtB3B,EAAgBC,EAAUC,GAAa0B,MAAMzB,IAC3C,GAAIA,GAAYA,EAASK,OAAS,EAAG,CACnCE,EAAQP,EAAS,IACjB0B,IAAQ,MAARA,SAAQ,SAARA,EAAUC,Y,IAEZ,EAGJH,IAEA,MAAME,EAAW,IAAIE,kBAAiB,KACpCJ,GAAiB,IAGnBE,EAASG,QAAQN,EAAKL,KAAM,CAC1BY,UAAW,KACXC,QAAS,MACT,GAEN,C,SAQgBC,EACdhB,EACAjB,GAEA,GAAIiB,aAAmBV,QAAS,CAC9B,OAAOU,C,CAGT,UAAWA,IAAY,SAAU,CAC/B,OAAOV,QAAQC,QAAQS,E,CAGzB,MAAMlB,EAAW,IAAIkB,IACrB,OAAOM,EAAgBxB,EAAUK,SAAUJ,EAC7C,Q"}

package/dist/siemens-ix/p-ffca56d6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s}from"./p-5806df2b.js";const a=":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";const o=a;const r=class{constructor(t){e(this,t);this.striped=undefined}render(){return t(s,{key:"fa00b89511cc190656652267cb8248aa962a787c",class:{keyValueList:true,"keyValueList--striped":this.striped}},t("slot",{key:"43a50b29be3802511b623891ea26e8f1495461b0"}))}};r.style=o;export{r as ix_key_value_list};
+//# sourceMappingURL=p-ffca56d6.entry.js.map

package/dist/siemens-ix/siemens-ix-core.css

@@ -1 +1 @@
-: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{height:.5rem;width:.5rem}:host ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{bottom:2rem;right:1rem}.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.625rem;font-weight:400;line-height:1.4em}.text-s{font-weight:400}.text-caption,.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.75rem;line-height:1.5em}.text-caption{font-weight:700}.text-caption-single{font-size:.75rem;font-weight:700;line-height:1em}.text-caption-single,.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-default{font-size:.875rem;font-weight:400;line-height:1.429em}.text-default-single{font-weight:400;line-height:1.143em}.text-default-single,.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem}.text-default-title{font-weight:700;line-height:1.429em}.text-default-title-single{font-size:.875rem;font-weight:700;line-height:1.143em}.text-default-title-single,.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-l{font-size:1rem;font-weight:400;line-height:1.5em}.text-l-single{font-weight:400;line-height:1.25em}.text-l-single,.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:1rem}.text-l-title{font-weight:700;line-height:1.5em}.text-l-title-single{font-size:1rem;line-height:1.25em}.text-h2,.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:700}.text-h2{line-height:1.455em}.text-h2,.text-xl{font-size:1.375rem}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:400;line-height:1.091em}:root{--theme-z-index-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-dropdown:1060;--theme-z-index-tooltip:1070}.modal{--bs-modal-footer-gap:1rem;--bs-modal-box-shadow:var(--theme-modal--box-shadow)}.modal-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;align-items:center;border:none;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:700;line-height:1.429em;padding:0 0 .25rem}.modal-header [data-close-button]{margin-left:1rem}.modal-body{padding:0}.modal-footer{border-top:none;padding:0;padding-block-start:2rem}.modal-footer>*{margin:0 0 0 calc(var(--bs-modal-footer-gap)*.5)}.btn{align-items:center;display:inline-flex;font-size:.875rem;font-weight:700;gap:.25rem;height:2rem;justify-content:center;min-width:5rem;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;transition:var(--theme-default-time);white-space:nowrap}.btn .glyph{font-weight:400;margin-right:.25rem}.btn.focus,.btn:focus-visible{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{--ix-button-color:var(--theme-btn-primary--color);background-color:var(--theme-btn-primary--background);border-color:var(--theme-btn-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-primary--color)}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--border-color--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--theme-btn-primary--background--active);border-color:var(--theme-btn-primary--border-color--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled).active,.btn-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{--ix-button-color:var(--theme-btn-primary--color--disabled);background-color:var(--theme-btn-primary--background--disabled);border-color:var(--theme-btn-primary--border-color--disabled);color:var(--theme-btn-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{--ix-button-color:var(--theme-btn-outline-primary--color);background-color:var(--theme-btn-outline-primary--background);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-primary--color)}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{background-color:var(--theme-btn-outline-primary--background--hover);border-color:var(--theme-btn-outline-primary--border-color--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--active);border-color:var(--theme-btn-outline-primary--border-color--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{--ix-button-color:var(--theme-btn-outline-primary--color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);border-color:var(--theme-btn-outline-primary--border-color--disabled);color:var(--theme-btn-outline-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-primary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{--ix-button-color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);border-color:transparent;color:var(--theme-btn-invisible-primary--color)}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled).active,.btn-invisible-primary:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{--ix-button-color:var(--theme-btn-invisible-primary--color--disabled);background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{--ix-button-color:var(--theme-btn-secondary--color);background-color:var(--theme-btn-secondary--background);border-color:var(--theme-btn-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-secondary--color)}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{background-color:var(--theme-btn-secondary--background--hover);border-color:var(--theme-btn-secondary--border-color--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:var(--theme-btn-secondary--background--active);border-color:var(--theme-btn-secondary--border-color--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled).active,.btn-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{--ix-button-color:var(--theme-btn-secondary--color--disabled);background-color:var(--theme-btn-secondary--background--disabled);border-color:var(--theme-btn-secondary--border-color--disabled);color:var(--theme-btn-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{--ix-button-color:var(--theme-btn-outline-secondary--color);background-color:var(--theme-btn-outline-secondary--background);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-secondary--color)}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{background-color:var(--theme-btn-outline-secondary--background--hover);border-color:var(--theme-btn-outline-secondary--border-color--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--active);border-color:var(--theme-btn-outline-secondary--border-color--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{--ix-button-color:var(--theme-btn-outline-secondary--color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);border-color:var(--theme-btn-outline-secondary--border-color--disabled);color:var(--theme-btn-outline-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-secondary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{--ix-button-color:var(--theme-btn-invisible-secondary--color);background-color:var(--theme-btn-invisible-secondary--background);border-color:transparent;color:var(--theme-btn-invisible-secondary--color)}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled).active,.btn-invisible-secondary:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled);background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-icon,.btn-oval{min-width:2rem;width:2rem}.btn-icon .glyph,.btn-oval .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-12,.btn-icon-xs{height:1rem;min-height:1rem;min-width:1rem;width:1rem}.btn-icon-16,.btn-icon-s{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.btn-icon-32{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.btn-group ix-button:first-child .btn{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.btn-group ix-button:last-child .btn{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0;border-right:0}.dropdown-group{background-color:#f8f9fa;border:.062rem solid rgba(0,0,0,.25);border-radius:.25rem;display:block;margin:.687rem;position:relative;width:21.562rem}.dropdown-group .dropdown-group-title{display:block;font-size:.875rem;margin:.937rem 0 1.25rem .937rem;position:relative;text-align:left}.dropdown-group .dropdown-group-content{display:flex;flex-direction:column;height:11.562rem;margin:.937rem 0 .937rem .937rem;overflow-x:hidden;overflow-y:auto;position:relative}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 .687rem}.dropdown-menu{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);box-shadow:var(--theme-menu--box-shadow);color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.143em;max-width:100vw;padding:.25rem 0;position:absolute;transition:background-color var(--theme-default-time)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{align-items:center;color:var(--theme-menu-header--color);display:flex;height:2.5rem;padding:0 1rem}.dropdown-buttons{display:flex;padding:.25rem .5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:.5rem}.dropdown-item{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--theme-menu-item--color);cursor:pointer;display:flex;height:2.5rem;padding:0 2rem;position:relative}.dropdown-item:focus-visible{color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus);outline:none}.dropdown-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-menu-item--background--hover);color:var(--theme-menu-item--color--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled).active,.dropdown-item:not(.disabled):not(:disabled):active{background-color:var(--theme-menu-item--background--active);color:var(--theme-menu-item--color--active)}.dropdown-item.disabled,.dropdown-item:disabled{background-color:var(--theme-menu-item--background--disabled);color:var(--theme-menu-item--color--disabled)}.dropdown-item a:active,.dropdown-item a:hover,.dropdown-item>a{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0}.dropdown-item>input[type=checkbox]+label:before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:.25rem 0}button.dropdown-toggle{padding-right:1.5rem;position:relative}button.dropdown-toggle:after{position:absolute;right:.5rem;top:45%}.form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:1px solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-color-std-text);color:var(--theme-input--color);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;height:2rem;line-height:1.429em;min-height:2rem;min-width:2rem;overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-control-plaintext::placeholder,.form-control::placeholder{color:var(--theme-input-hint--color)}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}.form-control.readonly,.form-control[readonly]{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-radius:0}.form-control.readonly,.form-control:read-only,.form-control[readOnly],.form-control[readonly]{border-color:var(--theme-input--border-color);box-shadow:none!important;cursor:default!important;outline:none!important}.form-control.readonly::placeholder,.form-control:read-only::placeholder,.form-control[readOnly]::placeholder,.form-control[readonly]::placeholder{color:transparent}.form-control.disabled,.form-control:disabled{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-color:var(--theme-input--border-color-bottom--disabled);border-radius:0;color:var(--theme-color-weak-text)}.form-control.disabled::placeholder,.form-control:disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.input-wrapper>.glyph{color:var(--theme-color-std-text);display:block;margin-inline-start:.312rem;position:absolute}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 .312rem}textarea.form-control{padding:.375rem .5rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input.readonly,input:read-only{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0}label.label-alignment-left{padding:6px 0}input{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}input:-webkit-autofill,input:autofill{-webkit-text-fill-color:var(--theme-input--color--autofill)!important;background-color:var(--theme-input--background--autofill)!important;border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color--autofill)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}input.focus,input:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}input.read-only,input:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}textarea{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);height:3.25rem;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.375rem 1.25rem .375rem .5rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}textarea:-webkit-autofill,textarea:autofill{-webkit-text-fill-color:var(--theme-input--color--autofill)!important;background-color:var(--theme-input--background--autofill)!important;border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color--autofill)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}textarea.focus,textarea:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}textarea.read-only,textarea:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}textarea:disabled::placeholder{color:transparent}input~.invalid-feedback,input~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;display:none;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);text-decoration:none}form input~.valid-feedback,form textarea~.valid-feedback{color:var(--theme-color-success)}form input~.invalid-feedback,form textarea~.invalid-feedback{color:var(--theme-color-alarm-text)}form.was-validated .is-invalid,form.was-validated :invalid,form:not([novalidate]) .is-invalid,form:not([novalidate]) :invalid{background-color:var(--theme-input-error--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667Zm0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333Zm70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83l70.248-70.248Z'/%3E%3C/svg%3E")!important;background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:18px;border-color:var(--theme-input-error--border-color);padding-left:calc(1.5em + .75rem);padding-right:.75rem}form.was-validated .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form:not([novalidate]) :invalid~.invalid-feedback{display:block}form.was-validated .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form:not([novalidate]) :valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none!important}a[href],a[href]:not(.disabled):not(:disabled):hover{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled).active,a[href]:not(.disabled):not(:disabled):active{color:var(--theme-color-std-text)}a[href] .glyph{vertical-align:middle}a[href] .glyph:before{display:inline-block;text-decoration:none}a[href]:not(.disabled):not(:disabled){cursor:pointer}ix-menu>a[href]{color:unset;text-decoration:none}a[href]:has(+ix-menu-item){color:unset;text-decoration:none}[type=checkbox]:checked,[type=checkbox]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{align-items:center;color:var(--theme-checkbox-label--color);display:inline-flex;height:1.125rem;max-height:1.125rem;min-height:1.125rem;position:relative;user-select:none}[type=checkbox]:not(:disabled)+label{cursor:pointer}[type=checkbox]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";float:left;height:1.125rem;margin-right:.5rem;max-height:1.125rem;max-width:1.125rem;min-height:1.125rem;min-width:1.125rem;width:1.125rem}[type=checkbox]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:not(:checked)+label:before{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}[type=checkbox]:not(:checked):hover+label:before{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}[type=checkbox]:not(:checked):active+label:before{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}[type=checkbox]:not(:checked):disabled+label:before{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}[type=checkbox]:checked+label:before{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}[type=checkbox]:checked+label:after{border-bottom:.0625rem solid var(--theme-checkbox-checked--color);border-left:.0625rem solid var(--theme-checkbox-checked--color);border-right:none;border-top:none;content:"";display:block;height:.26rem;margin:.31rem .42rem .1875rem;position:absolute;transform:translate(-1px,-3px) rotate(-53deg) scale(2) skew(-8deg,-3deg);width:.4rem}[type=checkbox]:checked:hover+label:before{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}[type=checkbox]:checked:active+label:before{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}[type=checkbox]:checked:disabled+label:before{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}[type=checkbox]:checked:disabled+label:after{border-color:var(--theme-checkbox-checked--color--disabled)}[type=checkbox]:disabled+label:before{opacity:.5;pointer-events:none}[type=checkbox]:indeterminate+label:after{border-bottom:.125rem solid var(--theme-checkbox-mixed--color);content:"";display:block;height:.125rem;margin:0 0 0 .25rem;position:absolute;width:.625rem}[type=checkbox]:indeterminate+label:before{background-color:var(--theme-checkbox-mixed--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color)}[type=checkbox]:indeterminate:hover+label:before{background-color:var(--theme-checkbox-mixed--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover)}[type=checkbox]:indeterminate:active+label:before{background-color:var(--theme-checkbox-mixed--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active)}[type=checkbox]:indeterminate:disabled+label:before{background-color:var(--theme-checkbox-mixed--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled)}[type=checkbox]:indeterminate:disabled+label:after{border-color:var(--theme-checkbox-mixed--color--disabled)}[type=checkbox]:disabled+label{color:var(--theme-checkbox-label--color--disabled)}[type=radio]:checked,[type=radio]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{align-items:flex-start;color:var(--theme-radiobtn-label--color);display:inline-flex;margin-right:1rem;position:relative;user-select:none}[type=radio]:not(:disabled)+label{cursor:pointer}[type=radio]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";float:left;height:1.25rem;margin-right:.5rem;max-height:1.25rem;max-width:1.25rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}[type=radio]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:not(:checked)+label:before{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}[type=radio]:not(:checked):hover+label:before{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}[type=radio]:not(:checked):active+label:before{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}[type=radio]:not(:checked):disabled+label:before{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}[type=radio]:checked+label:before{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}[type=radio]:checked+label:after{background-color:var(--theme-radiobtn-checked--color);border-radius:100%;content:"";display:block;height:.5rem;left:.375rem;position:absolute;top:.5rem;width:.5rem}[type=radio]:checked:hover+label:before{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}[type=radio]:checked:active+label:before{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}[type=radio]:checked:disabled+label:before{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}[type=radio]:checked:disabled+label:after{border-color:var(--theme-radiobtn-checked--color--disabled)}[type=radio]:disabled+label:before{opacity:.5;pointer-events:none}[type=radio]:disabled+label{color:var(--theme-radiobtn-label--color--disabled)}:root body{--theme-box-shadow-lvl-1:var(--theme-shadow-1);--theme-box-shadow-lvl-2:var(--theme-shadow-2);--theme-box-shadow-lvl-3:var(--theme-shadow-3);--theme-box-shadow-lvl-4:var(--theme-shadow-4);--theme-box-shadow-level-1:var(--theme-shadow-1);--theme-box-shadow-level-2:var(--theme-shadow-2);--theme-box-shadow-level-3:var(--theme-shadow-3);--theme-box-shadow-level-4:var(--theme-shadow-4);--theme-box-shadow-insert:var(--theme-inset-shadow-1)}.input-group-label{color:var(--theme-input-unit--color);margin-left:2px;margin-right:2px}.group-start .input-group-label:first-child{margin-left:8px}.group-start .input-group-label:last-child{margin-right:4px}.group-end .input-group-label:first-child{margin-left:4px}.group-end .input-group-label:last-child{margin-right:8px}.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.429em}.table thead{background-color:var(--theme-table-header-row--background)}.table td,.table th{border-bottom-color:var(--theme-table-data-row--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--theme-table-data-row-alt--background);color:inherit}.typography-label{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label,.typography-label-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl)}.typography-label-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label-lg,.typography-label-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md)}.typography-body,.typography-body-xs{-moz-osx-font-smooting:grayscale;text-decoration:none}.typography-body-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);line-height:var(--theme-line-height-lg)}.typography-body-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-body-lg,.typography-body-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-lg);text-decoration:none}.typography-body-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display,.typography-display-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm)}.typography-display-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display-lg,.typography-display-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display-xl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-5);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-display-xl,.typography-display-xxl{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-sm);line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xxl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-6);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h6,h6{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h5,.typography-h6,h5,h6{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h5,h5{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h4,h4{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h3,.typography-h4,h3,h4{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-lg);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h3,h3{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h2,h2{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-md)}.typography-h1,.typography-h2,h1,h2{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);text-decoration:none}.typography-h1,h1{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-sm)}.typography-code{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code,.typography-code-lg{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-code-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-decoration-none{text-decoration:none!important}.typography-decoration-underline{text-decoration:underline!important}.typography-decoration-line-through{text-decoration:line-through!important}.typography-weight-bold{font-weight:700!important}a{color:var(--theme-color-primary)}:root{--animate-duration:150ms;--bs-font-sans-serif:Siemens Sans,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-color-1);color:var(--theme-color-std-text);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);margin:0;text-decoration:none}body:not(.disable-scrollbar) ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){body:not(.disable-scrollbar) *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}body:not(.disable-scrollbar) ::-webkit-scrollbar{height:.5rem;width:.5rem}body:not(.disable-scrollbar) ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-corner{display:none}*,:after,:before{box-sizing:border-box}
+: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{height:.5rem;width:.5rem}:host ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{bottom:2rem;right:1rem}.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.625rem;font-weight:400;line-height:1.4em}.text-s{font-weight:400}.text-caption,.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.75rem;line-height:1.5em}.text-caption{font-weight:700}.text-caption-single{font-size:.75rem;font-weight:700;line-height:1em}.text-caption-single,.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-default{font-size:.875rem;font-weight:400;line-height:1.429em}.text-default-single{font-weight:400;line-height:1.143em}.text-default-single,.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem}.text-default-title{font-weight:700;line-height:1.429em}.text-default-title-single{font-size:.875rem;font-weight:700;line-height:1.143em}.text-default-title-single,.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-l{font-size:1rem;font-weight:400;line-height:1.5em}.text-l-single{font-weight:400;line-height:1.25em}.text-l-single,.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:1rem}.text-l-title{font-weight:700;line-height:1.5em}.text-l-title-single{font-size:1rem;line-height:1.25em}.text-h2,.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:700}.text-h2{line-height:1.455em}.text-h2,.text-xl{font-size:1.375rem}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:400;line-height:1.091em}:root{--theme-z-index-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-dropdown:1060;--theme-z-index-tooltip:1070}.modal{--bs-modal-footer-gap:1rem;--bs-modal-box-shadow:var(--theme-modal--box-shadow)}.modal-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;align-items:center;border:none;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:700;line-height:1.429em;padding:0 0 .25rem}.modal-header [data-close-button]{margin-left:1rem}.modal-body{padding:0}.modal-footer{border-top:none;padding:0;padding-block-start:2rem}.modal-footer>*{margin:0 0 0 calc(var(--bs-modal-footer-gap)*.5)}.btn{align-items:center;display:inline-flex;font-size:.875rem;font-weight:700;gap:.25rem;height:2rem;justify-content:center;min-width:5rem;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;transition:var(--theme-default-time);white-space:nowrap}.btn .glyph{font-weight:400;margin-right:.25rem}.btn.focus,.btn:focus-visible{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{--ix-button-color:var(--theme-btn-primary--color);background-color:var(--theme-btn-primary--background);border-color:var(--theme-btn-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-primary--color)}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--border-color--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--theme-btn-primary--background--active);border-color:var(--theme-btn-primary--border-color--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled).active,.btn-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{--ix-button-color:var(--theme-btn-primary--color--disabled);background-color:var(--theme-btn-primary--background--disabled);border-color:var(--theme-btn-primary--border-color--disabled);color:var(--theme-btn-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{--ix-button-color:var(--theme-btn-outline-primary--color);background-color:var(--theme-btn-outline-primary--background);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-primary--color)}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{background-color:var(--theme-btn-outline-primary--background--hover);border-color:var(--theme-btn-outline-primary--border-color--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--active);border-color:var(--theme-btn-outline-primary--border-color--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{--ix-button-color:var(--theme-btn-outline-primary--color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);border-color:var(--theme-btn-outline-primary--border-color--disabled);color:var(--theme-btn-outline-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-primary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{--ix-button-color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);border-color:transparent;color:var(--theme-btn-invisible-primary--color)}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled).active,.btn-invisible-primary:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{--ix-button-color:var(--theme-btn-invisible-primary--color--disabled);background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{--ix-button-color:var(--theme-btn-secondary--color);background-color:var(--theme-btn-secondary--background);border-color:var(--theme-btn-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-secondary--color)}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{background-color:var(--theme-btn-secondary--background--hover);border-color:var(--theme-btn-secondary--border-color--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:var(--theme-btn-secondary--background--active);border-color:var(--theme-btn-secondary--border-color--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled).active,.btn-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{--ix-button-color:var(--theme-btn-secondary--color--disabled);background-color:var(--theme-btn-secondary--background--disabled);border-color:var(--theme-btn-secondary--border-color--disabled);color:var(--theme-btn-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{--ix-button-color:var(--theme-btn-outline-secondary--color);background-color:var(--theme-btn-outline-secondary--background);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-secondary--color)}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{background-color:var(--theme-btn-outline-secondary--background--hover);border-color:var(--theme-btn-outline-secondary--border-color--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--active);border-color:var(--theme-btn-outline-secondary--border-color--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{--ix-button-color:var(--theme-btn-outline-secondary--color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);border-color:var(--theme-btn-outline-secondary--border-color--disabled);color:var(--theme-btn-outline-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-secondary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{--ix-button-color:var(--theme-btn-invisible-secondary--color);background-color:var(--theme-btn-invisible-secondary--background);border-color:transparent;color:var(--theme-btn-invisible-secondary--color)}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled).active,.btn-invisible-secondary:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled);background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-icon,.btn-oval{min-width:2rem;width:2rem}.btn-icon .glyph,.btn-oval .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-12,.btn-icon-xs{height:1rem;min-height:1rem;min-width:1rem;width:1rem}.btn-icon-16,.btn-icon-s{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.btn-icon-32{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.btn-group ix-button:first-child .btn{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.btn-group ix-button:last-child .btn{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0;border-right:0}.dropdown-group{background-color:#f8f9fa;border:.062rem solid rgba(0,0,0,.25);border-radius:.25rem;display:block;margin:.687rem;position:relative;width:21.562rem}.dropdown-group .dropdown-group-title{display:block;font-size:.875rem;margin:.937rem 0 1.25rem .937rem;position:relative;text-align:left}.dropdown-group .dropdown-group-content{display:flex;flex-direction:column;height:11.562rem;margin:.937rem 0 .937rem .937rem;overflow-x:hidden;overflow-y:auto;position:relative}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 .687rem}.dropdown-menu{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);box-shadow:var(--theme-menu--box-shadow);color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.143em;max-width:100vw;padding:.25rem 0;position:absolute;transition:background-color var(--theme-default-time)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{align-items:center;color:var(--theme-menu-header--color);display:flex;height:2.5rem;padding:0 1rem}.dropdown-buttons{display:flex;padding:.25rem .5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:.5rem}.dropdown-item{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--theme-menu-item--color);cursor:pointer;display:flex;height:2.5rem;padding:0 2rem;position:relative}.dropdown-item:focus-visible{color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus);outline:none}.dropdown-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-menu-item--background--hover);color:var(--theme-menu-item--color--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled).active,.dropdown-item:not(.disabled):not(:disabled):active{background-color:var(--theme-menu-item--background--active);color:var(--theme-menu-item--color--active)}.dropdown-item.disabled,.dropdown-item:disabled{background-color:var(--theme-menu-item--background--disabled);color:var(--theme-menu-item--color--disabled)}.dropdown-item a:active,.dropdown-item a:hover,.dropdown-item>a{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0}.dropdown-item>input[type=checkbox]+label:before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:.25rem 0}button.dropdown-toggle{padding-right:1.5rem;position:relative}button.dropdown-toggle:after{position:absolute;right:.5rem;top:45%}.form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:1px solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-color-std-text);color:var(--theme-input--color);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;height:2rem;line-height:1.429em;min-height:2rem;min-width:2rem;overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-control-plaintext::placeholder,.form-control::placeholder{color:var(--theme-input-hint--color)}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}.form-control.readonly,.form-control[readonly]{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-radius:0}.form-control.readonly,.form-control:read-only,.form-control[readOnly],.form-control[readonly]{border-color:var(--theme-input--border-color);box-shadow:none!important;cursor:default!important;outline:none!important}.form-control.readonly::placeholder,.form-control:read-only::placeholder,.form-control[readOnly]::placeholder,.form-control[readonly]::placeholder{color:transparent}.form-control.disabled,.form-control:disabled{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-color:var(--theme-input--border-color-bottom--disabled);border-radius:0;color:var(--theme-color-weak-text)}.form-control.disabled::placeholder,.form-control:disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.input-wrapper>.glyph{color:var(--theme-color-std-text);display:block;margin-inline-start:.312rem;position:absolute}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 .312rem}textarea.form-control{padding:.375rem .5rem}input.readonly,input:read-only{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0}label.label-alignment-left{padding:6px 0}input{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;appearance:textfield;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}input:-webkit-autofill,input:autofill{-webkit-text-fill-color:var(--theme-input--color--autofill)!important;background-color:var(--theme-input--background--autofill)!important;border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color--autofill)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}input.read-only,input:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);border-radius:0;box-shadow:none;outline:none}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input.disabled,input:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);border-radius:0;box-shadow:none;color:var(--theme-input--color--disabled);outline:none}input.disabled::placeholder,input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}textarea{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;appearance:textfield;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.375rem 1.25rem .375rem .5rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}textarea:-webkit-autofill,textarea:autofill{-webkit-text-fill-color:var(--theme-input--color--autofill)!important;background-color:var(--theme-input--background--autofill)!important;border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color--autofill)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}textarea.read-only,textarea:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);border-radius:0;box-shadow:none;outline:none}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea.disabled,textarea:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);border-radius:0;box-shadow:none;color:var(--theme-input--color--disabled);outline:none}textarea.disabled::placeholder,textarea:disabled::placeholder{color:transparent}input~.invalid-feedback,input~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;display:none;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);text-decoration:none}form input~.valid-feedback,form textarea~.valid-feedback{color:var(--theme-color-success)}form input~.invalid-feedback,form textarea~.invalid-feedback{color:var(--theme-color-alarm-text)}form.was-validated .is-invalid,form.was-validated :invalid,form:not([novalidate]) .is-invalid,form:not([novalidate]) :invalid{background-color:var(--theme-input-error--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667Zm0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333Zm70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83l70.248-70.248Z'/%3E%3C/svg%3E")!important;background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:18px;border-color:var(--theme-input-error--border-color);padding-left:calc(1.5em + .75rem);padding-right:.75rem}form.was-validated .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form:not([novalidate]) :invalid~.invalid-feedback{display:block}form.was-validated .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form:not([novalidate]) :valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none!important}input.ix-info:not(.disabled):not(:disabled):not([disabled]),textarea.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover)!important}input.ix-info:not(.disabled):not(:disabled):not([disabled]):active,textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active)!important}input.ix-warning:not(.disabled):not(:disabled):not([disabled]),textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active)!important}input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active)!important}input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active)!important}input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid)!important}input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover)!important}input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active)!important}a[href]{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled):hover{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled).active,a[href]:not(.disabled):not(:disabled):active{color:var(--theme-color-std-text)}a[href] .glyph{vertical-align:middle}a[href] .glyph:before{display:inline-block;text-decoration:none}a[href]:not(.disabled):not(:disabled){cursor:pointer}ix-menu>a[href]{color:unset;text-decoration:none}a[href]:has(+ix-menu-item){color:unset;text-decoration:none}[type=checkbox]:checked,[type=checkbox]:not(:checked){cursor:pointer;height:0;opacity:0;position:absolute;width:0}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{align-items:center;color:var(--theme-checkbox-label--color);display:inline-flex;height:1.125rem;max-height:1.125rem;min-height:1.125rem;position:relative;user-select:none}[type=checkbox]:not(:disabled)+label{cursor:pointer}[type=checkbox]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";float:left;height:1.125rem;margin-right:.5rem;max-height:1.125rem;max-width:1.125rem;min-height:1.125rem;min-width:1.125rem;width:1.125rem}[type=checkbox]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:not(:checked)+label:before{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}[type=checkbox]:not(:checked):hover+label:before{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}[type=checkbox]:not(:checked):active+label:before{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}[type=checkbox]:not(:checked):disabled+label:before{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}[type=checkbox]:checked+label:before{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}[type=checkbox]:checked+label:after{border-bottom:.0625rem solid var(--theme-checkbox-checked--color);border-left:.0625rem solid var(--theme-checkbox-checked--color);border-right:none;border-top:none;content:"";display:block;height:.26rem;margin:.31rem .42rem .1875rem;position:absolute;transform:translate(-1px,-3px) rotate(-53deg) scale(2) skew(-8deg,-3deg);width:.4rem}[type=checkbox]:checked:hover+label:before{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}[type=checkbox]:checked:active+label:before{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}[type=checkbox]:checked:disabled+label:before{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}[type=checkbox]:checked:disabled+label:after{border-color:var(--theme-checkbox-checked--color--disabled)}[type=checkbox]:disabled+label:before{opacity:.5;pointer-events:none}[type=checkbox]:indeterminate+label:after{border-bottom:.125rem solid var(--theme-checkbox-mixed--color);content:"";display:block;height:.125rem;margin:0 0 0 .25rem;position:absolute;width:.625rem}[type=checkbox]:indeterminate+label:before{background-color:var(--theme-checkbox-mixed--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color)}[type=checkbox]:indeterminate:hover+label:before{background-color:var(--theme-checkbox-mixed--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover)}[type=checkbox]:indeterminate:active+label:before{background-color:var(--theme-checkbox-mixed--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active)}[type=checkbox]:indeterminate:disabled+label:before{background-color:var(--theme-checkbox-mixed--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled)}[type=checkbox]:indeterminate:disabled+label:after{border-color:var(--theme-checkbox-mixed--color--disabled)}[type=checkbox]:disabled+label{color:var(--theme-checkbox-label--color--disabled)}[type=radio]:checked,[type=radio]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{align-items:flex-start;color:var(--theme-radiobtn-label--color);display:inline-flex;margin-right:1rem;position:relative;user-select:none}[type=radio]:not(:disabled)+label{cursor:pointer}[type=radio]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";float:left;height:1.25rem;margin-right:.5rem;max-height:1.25rem;max-width:1.25rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}[type=radio]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:not(:checked)+label:before{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}[type=radio]:not(:checked):hover+label:before{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}[type=radio]:not(:checked):active+label:before{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}[type=radio]:not(:checked):disabled+label:before{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}[type=radio]:checked+label:before{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}[type=radio]:checked+label:after{background-color:var(--theme-radiobtn-checked--color);border-radius:100%;content:"";display:block;height:.5rem;left:.375rem;position:absolute;top:.5rem;width:.5rem}[type=radio]:checked:hover+label:before{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}[type=radio]:checked:active+label:before{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}[type=radio]:checked:disabled+label:before{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}[type=radio]:checked:disabled+label:after{border-color:var(--theme-radiobtn-checked--color--disabled)}[type=radio]:disabled+label:before{opacity:.5;pointer-events:none}[type=radio]:disabled+label{color:var(--theme-radiobtn-label--color--disabled)}:root body{--theme-box-shadow-lvl-1:var(--theme-shadow-1);--theme-box-shadow-lvl-2:var(--theme-shadow-2);--theme-box-shadow-lvl-3:var(--theme-shadow-3);--theme-box-shadow-lvl-4:var(--theme-shadow-4);--theme-box-shadow-level-1:var(--theme-shadow-1);--theme-box-shadow-level-2:var(--theme-shadow-2);--theme-box-shadow-level-3:var(--theme-shadow-3);--theme-box-shadow-level-4:var(--theme-shadow-4);--theme-box-shadow-insert:var(--theme-inset-shadow-1)}.input-group-label{color:var(--theme-input-unit--color);margin-left:2px;margin-right:2px}.group-start .input-group-label:first-child{margin-left:8px}.group-start .input-group-label:last-child{margin-right:4px}.group-end .input-group-label:first-child{margin-left:4px}.group-end .input-group-label:last-child{margin-right:8px}.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.429em}.table thead{background-color:var(--theme-table-header-row--background)}.table td,.table th{border-bottom-color:var(--theme-table-data-row--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--theme-table-data-row-alt--background);color:inherit}.typography-label{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label,.typography-label-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl)}.typography-label-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label-lg,.typography-label-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md)}.typography-body,.typography-body-xs{-moz-osx-font-smooting:grayscale;text-decoration:none}.typography-body-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);line-height:var(--theme-line-height-lg)}.typography-body-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-body-lg,.typography-body-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-lg);text-decoration:none}.typography-body-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display,.typography-display-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm)}.typography-display-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display-lg,.typography-display-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display-xl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-5);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-display-xl,.typography-display-xxl{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-sm);line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xxl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-6);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h6,h6{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h5,.typography-h6,h5,h6{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h5,h5{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h4,h4{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h3,.typography-h4,h3,h4{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-lg);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h3,h3{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h2,h2{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-md)}.typography-h1,.typography-h2,h1,h2{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);text-decoration:none}.typography-h1,h1{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-sm)}.typography-code{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code,.typography-code-lg{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-code-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-decoration-none{text-decoration:none!important}.typography-decoration-underline{text-decoration:underline!important}.typography-decoration-line-through{text-decoration:line-through!important}.typography-weight-bold{font-weight:700!important}a{color:var(--theme-color-primary)}:root{--animate-duration:150ms;--bs-font-sans-serif:Siemens Sans,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ix-safe-area-inset-top:0rem;--ix-safe-area-inset-right:0rem;--ix-safe-area-inset-bottom:0rem;--ix-safe-area-inset-left:0rem}body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-color-1);color:var(--theme-color-std-text);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);margin:0;text-decoration:none}body:not(.disable-scrollbar) ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){body:not(.disable-scrollbar) *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}body:not(.disable-scrollbar) ::-webkit-scrollbar{height:.5rem;width:.5rem}body:not(.disable-scrollbar) ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-corner{display:none}*,:after,:before{box-sizing:border-box}