@siemens/ix 0.0.0-pr-1373-20240705054533 → 0.0.0-pr-1522-20241021144048

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

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","IxSelectStyle0","Select","this","dropdownWrapperRef","makeRef","dropdownAnchor","itemObserver","createMutationObserver","arrowFocusController","items","visibleNonShadowItems","nonShadowItems","Array","from","hostElement","querySelectorAll","filter","item","classList","contains","shadowItems","shadowRoot","visibleShadowItems","visibleItems","selectedItems","selected","addItemButton","_a","querySelector","isSingleMode","mode","isMultipleMode","isEveryDropdownItemHidden","every","watchSelectedIndices","value","updateSelection","watchValue","selectedIndices","watchDropdownShow","show","dropdownRef","ArrowFocusController","index","focusDropdownItem","wrap","editable","observe","childList","subtree","cleanupResources","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","navigationItem","length","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerRef","appendChild","clearInput","itemValue","isArray","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","placeholderValue","disabled","readonly","i18nPlaceholderEditable","i18nPlaceholder","render","h","Host","class","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","clientWidth","hidden","hideListHeader","title","i18nSelectListHeader","onItemClick","i18nNoMatches","__decorate","OnListener","self"],"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\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    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    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 * 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  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\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 { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n})\nexport class Select {\n  @Element() hostElement!: HTMLIxSelectElement;\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 = 'Please select an option';\n\n  /**\n   * Hint 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  @State() dropdownShow = false;\n  @State() selectedLabels: string[] = [];\n  @State() isDropdownEmpty = false;\n  @State() navigationItem?: DropdownItemWrapper;\n  @State() inputFilterText = '';\n  @State() inputValue = '';\n\n  private readonly dropdownWrapperRef = makeRef<HTMLElement>();\n  private readonly dropdownAnchor = makeRef<HTMLElement>();\n  private inputRef?: HTMLInputElement;\n  private dropdownRef?: HTMLIxDropdownElement;\n  private customItemsContainerRef?: HTMLDivElement;\n  private addItemRef?: HTMLIxDropdownItemElement;\n\n  private arrowFocusController?: ArrowFocusController;\n\n  private itemObserver = createMutationObserver(() => {\n    if (!this.arrowFocusController) {\n      return;\n    }\n\n    this.arrowFocusController.items = this.visibleNonShadowItems;\n  });\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 && this.dropdownRef) {\n      this.arrowFocusController = new ArrowFocusController(\n        this.visibleNonShadowItems,\n        this.dropdownRef,\n        (index) => this.focusDropdownItem(index)\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  private focusDropdownItem(index: number) {\n    this.navigationItem = undefined;\n\n    if (index < this.visibleNonShadowItems.length) {\n      const nestedDropdownItem =\n        this.visibleNonShadowItems[index]?.shadowRoot?.querySelector(\n          'ix-dropdown-item'\n        );\n\n      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    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(undefined);\n    } else {\n      this.itemSelectionChange.emit(Array.isArray(value) ? value : [value]);\n    }\n\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  }\n\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 = undefined;\n      this.updateSelection();\n      this.inputFilterText = '';\n    }\n  }\n\n  @OnListener<Select>('keydown', (self) => self.dropdownShow)\n  async onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      await this.onArrowNavigation(event, event.code);\n    }\n\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation(event.target as HTMLIxSelectItemElement);\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation(\n    el: HTMLIxSelectItemElement | HTMLInputElement\n  ) {\n    if (this.isMultipleMode) {\n      return;\n    }\n\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 = this.visibleNonShadowItems.indexOf(\n      document.activeElement as any\n    );\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 (\n      this.isAddItemVisible() &&\n      this.addItemRef?.contains(\n        (await this.navigationItem?.getDropdownItemElement()) || null\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 any\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.valueChange.emit(undefined);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur() {\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      return;\n    }\n\n    if (this.dropdownShow) {\n      return;\n    }\n\n    this.value = this.selectedLabels;\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  render() {\n    return (\n      <Host>\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                  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={() => this.onInputBlur()}\n                  onFocus={() => {\n                    this.navigationItem = undefined;\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-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            return {\n              minWidth: `${this.hostElement.clientWidth}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></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-e8d3cf35.entry.js → p-e4ca3618.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,H as t,g as e}from"./p-f87cd962.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem !important}:host(.align-left) .container{justify-content:flex-start}";const c=n;const i=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.pillColor=undefined;this.alignLeft=false}render(){var o,e;let n={};if(this.variant==="custom"){n={color:(o=this.pillColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{key:"1d4d88d976564778835cd02e28d5ede6fe4dd6f7",style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.pillColor)!==null&&e!==void 0?e:this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{key:"74474d69acc5d47b9bf6c5ebe12f676155a9e87d",style:Object.assign({},n),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:false,icon:!!this.icon}},r("ix-icon",{key:"c70dcfe5f55c77484cf3300dca53f6a4e55d5caf",class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{key:"b3d056721cb891a986ac3196a9fcf049c8b366f9",class:"slot-container"},r("slot",{key:"a42505aafc70d545e3ff8020c80f67067b3eac8c"}))))}get el(){return e(this)}};i.style=c;export{i as ix_pill};
-//# sourceMappingURL=p-e8d3cf35.entry.js.map
+import{r as o,h as r,H as t,g as e}from"./p-f87cd962.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem !important}:host(.align-left) .container{justify-content:flex-start}";const i=n;const c=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.pillColor=undefined;this.alignLeft=false}render(){var o,e;let n={};if(this.variant==="custom"){n={color:(o=this.pillColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{key:"29cace32b0045ef0c543039aef8bf869926e577a",style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.pillColor)!==null&&e!==void 0?e:this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{key:"36f07f0be369e34a047b56e9bc9ea13f99110780",style:Object.assign({},n),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:false,icon:!!this.icon}},r("ix-icon",{key:"536f7eb3f1b337606657f90e1430760e25058881",class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{key:"3116eae155b7225bd638542e7f7f92193bbe993d",class:"slot-container"},r("slot",{key:"5ff80e2f6dd3df78a8e6ded373038efa1340b479"}))))}get el(){return e(this)}};c.style=i;export{c as ix_pill};
+//# sourceMappingURL=p-e4ca3618.entry.js.map

package/dist/siemens-ix/{p-e8d3cf35.entry.js.map → p-e4ca3618.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pillCss","IxPillStyle0","Pill","render","customStyle","this","variant","color","_a","pillColor","outline","background","h","Host","key","style","_b","title","el","textContent","class","alignLeft","Object","assign","container","inactive","alarm","critical","info","neutral","primary","success","warning","custom","closable","icon","hidden","undefined","name","size"],"sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.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@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n    padding-right: 0.5rem !important;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\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 { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill {\n  @Element() el: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   *\n   * @deprecated since 2.1.0 use `pill-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor ?? this.color,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor ?? this.color,\n              }\n            : {}\n        }\n        title={this.el.textContent}\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n          }}\n        >\n          <ix-icon\n            class={{\n              'with-icon': true,\n              hidden: this.icon === undefined || this.icon === '',\n            }}\n            name={this.icon}\n            size={'16'}\n          />\n          <span class=\"slot-container\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,qjKAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,sCAcA,U,aAKG,M,2GA4BE,K,CAEpB,MAAAC,G,QACE,IAAIC,EAAc,GAElB,GAAIC,KAAKC,UAAY,SAAU,CAC7BF,EAAc,CACZG,OAAOC,EAAAH,KAAKI,aAAS,MAAAD,SAAA,EAAAA,EAAIH,KAAKE,MAC9B,CAACF,KAAKK,QAAU,cAAgB,mBAAoBL,KAAKM,W,CAG7D,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MACEV,KAAKC,UAAY,SACb,CACE,0BAA0BU,EAAAX,KAAKI,aAAS,MAAAO,SAAA,EAAAA,EAAIX,KAAKE,OAEnD,GAENU,MAAOZ,KAAKa,GAAGC,YACfC,MAAO,CACL,aAAcf,KAAKgB,YAGrBT,EAAA,OAAAE,IAAA,2CACEC,MAAKO,OAAAC,OAAA,GAAOnB,GACZgB,MAAO,CACLI,UAAW,KACXd,QAASL,KAAKK,QACde,SAAU,MACVC,MAAOrB,KAAKC,UAAY,QACxBqB,SAAUtB,KAAKC,UAAY,WAC3BsB,KAAMvB,KAAKC,UAAY,OACvBuB,QAASxB,KAAKC,UAAY,UAC1BwB,QAASzB,KAAKC,UAAY,UAC1ByB,QAAS1B,KAAKC,UAAY,UAC1B0B,QAAS3B,KAAKC,UAAY,UAC1B2B,OAAQ5B,KAAKC,UAAY,SACzB4B,SAAU,MACVC,OAAQ9B,KAAK8B,OAGfvB,EAAA,WAAAE,IAAA,2CACEM,MAAO,CACL,YAAa,KACbgB,OAAQ/B,KAAK8B,OAASE,WAAahC,KAAK8B,OAAS,IAEnDG,KAAMjC,KAAK8B,KACXI,KAAM,OAER3B,EAAA,QAAAE,IAAA,2CAAMM,MAAM,kBACVR,EAAA,QAAAE,IAAA,+C"}
+{"version":3,"names":["pillCss","IxPillStyle0","Pill","render","customStyle","this","variant","color","_a","pillColor","outline","background","h","Host","key","style","_b","title","el","textContent","class","alignLeft","Object","assign","container","inactive","alarm","critical","info","neutral","primary","success","warning","custom","closable","icon","hidden","undefined","name","size"],"sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"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@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n    padding-right: 0.5rem !important;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\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\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill {\n  @Element() el: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   *\n   * @deprecated since 2.1.0 use `pill-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor ?? this.color,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor ?? this.color,\n              }\n            : {}\n        }\n        title={this.el.textContent}\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n          }}\n        >\n          <ix-icon\n            class={{\n              'with-icon': true,\n              hidden: this.icon === undefined || this.icon === '',\n            }}\n            name={this.icon}\n            size={'16'}\n          />\n          <span class=\"slot-container\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,qjKAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,sCAcA,U,aAKG,M,2GA4BE,K,CAEpB,MAAAC,G,QACE,IAAIC,EAAc,GAElB,GAAIC,KAAKC,UAAY,SAAU,CAC7BF,EAAc,CACZG,OAAOC,EAAAH,KAAKI,aAAS,MAAAD,SAAA,EAAAA,EAAIH,KAAKE,MAC9B,CAACF,KAAKK,QAAU,cAAgB,mBAAoBL,KAAKM,W,CAG7D,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MACEV,KAAKC,UAAY,SACb,CACE,0BAA0BU,EAAAX,KAAKI,aAAS,MAAAO,SAAA,EAAAA,EAAIX,KAAKE,OAEnD,GAENU,MAAOZ,KAAKa,GAAGC,YACfC,MAAO,CACL,aAAcf,KAAKgB,YAGrBT,EAAA,OAAAE,IAAA,2CACEC,MAAKO,OAAAC,OAAA,GAAOnB,GACZgB,MAAO,CACLI,UAAW,KACXd,QAASL,KAAKK,QACde,SAAU,MACVC,MAAOrB,KAAKC,UAAY,QACxBqB,SAAUtB,KAAKC,UAAY,WAC3BsB,KAAMvB,KAAKC,UAAY,OACvBuB,QAASxB,KAAKC,UAAY,UAC1BwB,QAASzB,KAAKC,UAAY,UAC1ByB,QAAS1B,KAAKC,UAAY,UAC1B0B,QAAS3B,KAAKC,UAAY,UAC1B2B,OAAQ5B,KAAKC,UAAY,SACzB4B,SAAU,MACVC,OAAQ9B,KAAK8B,OAGfvB,EAAA,WAAAE,IAAA,2CACEM,MAAO,CACL,YAAa,KACbgB,OAAQ/B,KAAK8B,OAASE,WAAahC,KAAK8B,OAAS,IAEnDG,KAAMjC,KAAK8B,KACXI,KAAM,OAER3B,EAAA,QAAAE,IAAA,2CAAMM,MAAM,kBACVR,EAAA,QAAAE,IAAA,+C"}

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

@@ -0,0 +1,2 @@
+import{a as s}from"./p-178ce002.js";class t{constructor(t,i,e){this.wrap=false;this.items=t;this.container=i;this.callback=e;this.keyListener=s(i,"keydown",(s=>this.onKeyDown(s)))}getActiveIndex(){if(!document.activeElement){return-1}return this.items.indexOf(document.activeElement)}onKeyDown(s){const t=this.getActiveIndex();if(t<0){return}switch(s.key){case"ArrowDown":if(t<this.items.length-1){s.preventDefault();this.callback(t+1)}else if(this.wrap){s.preventDefault();this.callback(0)}break;case"ArrowUp":{if(t>0){s.preventDefault();this.callback(t-1)}else if(this.wrap&&t===0){s.preventDefault();this.callback(this.items.length-1)}}break}}disconnect(){if(this.keyListener){this.keyListener()}this.container=undefined;this.callback=undefined}}export{t as A};
+//# sourceMappingURL=p-e6652822.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ArrowFocusController","constructor","items","container","callback","this","wrap","keyListener","addDisposableEventListener","e","onKeyDown","getActiveIndex","document","activeElement","indexOf","activeIndex","key","length","preventDefault","disconnect","undefined"],"sources":["src/components/utils/focus.ts"],"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\nimport { addDisposableEventListener } from './disposable-event-listener';\n\nexport class ArrowFocusController {\n  public items: Element[];\n\n  container?: HTMLElement;\n  wrap = false;\n  callback: any;\n\n  private readonly keyListener: () => void;\n\n  constructor(\n    items: any[],\n    container: HTMLElement,\n    callback?: (index: number) => void\n  ) {\n    this.items = items;\n    this.container = container;\n    this.callback = callback;\n    this.keyListener = addDisposableEventListener(\n      container,\n      'keydown',\n      (e: Event) => this.onKeyDown(e as KeyboardEvent)\n    );\n  }\n\n  private getActiveIndex() {\n    if (!document.activeElement) {\n      return -1;\n    }\n    return this.items.indexOf(document.activeElement);\n  }\n\n  private onKeyDown(e: KeyboardEvent) {\n    const activeIndex = this.getActiveIndex();\n\n    if (activeIndex < 0) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        if (activeIndex < this.items.length - 1) {\n          e.preventDefault();\n          this.callback(activeIndex + 1);\n        } else if (this.wrap) {\n          e.preventDefault();\n          this.callback(0);\n        }\n        break;\n\n      case 'ArrowUp':\n        {\n          if (activeIndex > 0) {\n            e.preventDefault();\n            this.callback(activeIndex - 1);\n          } else if (this.wrap && activeIndex === 0) {\n            e.preventDefault();\n            this.callback(this.items.length - 1);\n          }\n        }\n        break;\n    }\n  }\n\n  disconnect() {\n    if (this.keyListener) {\n      this.keyListener();\n    }\n\n    this.container = undefined;\n    this.callback = undefined;\n  }\n}\n"],"mappings":"0CAWaA,EASX,WAAAC,CACEC,EACAC,EACAC,GARFC,KAAAC,KAAO,MAULD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACjBE,KAAKD,SAAWA,EAChBC,KAAKE,YAAcC,EACjBL,EACA,WACCM,GAAaJ,KAAKK,UAAUD,I,CAIzB,cAAAE,GACN,IAAKC,SAASC,cAAe,CAC3B,OAAQ,C,CAEV,OAAOR,KAAKH,MAAMY,QAAQF,SAASC,c,CAG7B,SAAAH,CAAUD,GAChB,MAAMM,EAAcV,KAAKM,iBAEzB,GAAII,EAAc,EAAG,CACnB,M,CAGF,OAAQN,EAAEO,KACR,IAAK,YACH,GAAID,EAAcV,KAAKH,MAAMe,OAAS,EAAG,CACvCR,EAAES,iBACFb,KAAKD,SAASW,EAAc,E,MACvB,GAAIV,KAAKC,KAAM,CACpBG,EAAES,iBACFb,KAAKD,SAAS,E,CAEhB,MAEF,IAAK,UACH,CACE,GAAIW,EAAc,EAAG,CACnBN,EAAES,iBACFb,KAAKD,SAASW,EAAc,E,MACvB,GAAIV,KAAKC,MAAQS,IAAgB,EAAG,CACzCN,EAAES,iBACFb,KAAKD,SAASC,KAAKH,MAAMe,OAAS,E,EAGtC,M,CAIN,UAAAE,GACE,GAAId,KAAKE,YAAa,CACpBF,KAAKE,a,CAGPF,KAAKF,UAAYiB,UACjBf,KAAKD,SAAWgB,S"}

package/dist/siemens-ix/{p-8629db91.entry.js → p-e89c0e29.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s}from"./p-f87cd962.js";import{a as o}from"./p-71206084.js";const r=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all var(--theme-medium-time) ease-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toggle{z-index:100;visibility:visible}:host .drawer-container.full-height{min-height:100%}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.toggle){visibility:visible}";const a=r;const h=class{constructor(i){t(this,i);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.callback=this.clickedOutside.bind(this);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth}onShowChanged(t){this.show=t!==undefined?t:!this.show;this.toggleDrawer(this.show)}async toggleDrawer(t){this.show=t!==undefined?t:!this.show;if(t){this.open.emit();this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)}else{this.drawerClose.emit();this.slideOutRight(this.divElement);window.removeEventListener("mousedown",this.callback)}return Promise.resolve()}onCloseClicked(){this.show=false}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const i=e.closest("#div-container");const s=e.closest("#drawer-btn");if(t.target.type!=="button"&&i!==this.divElement&&e!==s){this.show=false}}slideOutRight(t){o({targets:t,duration:h.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){o({targets:t,duration:h.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}componentDidLoad(){this.onShowChanged(this.show)}render(){return i(s,{key:"4cb0a06786c80cd977ebfbbfef6c23d6e7926d86",class:{"drawer-container":true,toggle:this.show,"full-height":this.fullHeight,"d-none":true},style:{width:this.width==="auto"?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},i("div",{key:"63c8952c342a1d412237ab82f96ac063c0a30158",class:"header"},i("div",{key:"4a8525053f3954b3b83dac4f8b012f005e9725b7",class:"header-content"},i("slot",{key:"55b887208a3bdc445950c2e5f153cfaa1ba89068",name:"header"})),i("ix-icon-button",{key:"84b5b11f21d4d768c0118450147bf74d6e0a1400",class:"close-button",icon:"close",size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),i("div",{key:"00079cfb6504ed6fa44c23209787add116e72591",class:"content"},i("slot",{key:"3de3610ac265b9eda7d69eedf28494b47861c7e3"})))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
-//# sourceMappingURL=p-8629db91.entry.js.map
+import{r as e,c as t,h as i,H as s}from"./p-f87cd962.js";import{a as o}from"./p-71206084.js";const r=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all var(--theme-medium-time) ease-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toggle{z-index:100;visibility:visible}:host .drawer-container.full-height{min-height:100%}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.toggle){visibility:visible}";const a=r;const h=class{constructor(i){e(this,i);this.open=t(this,"open",7);this.drawerClose=t(this,"drawerClose",7);this.callback=this.clickedOutside.bind(this);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth}onShowChanged(e){this.show=e!==undefined?e:!this.show;this.toggleDrawer(this.show)}async toggleDrawer(e){this.show=e!==undefined?e:!this.show;if(e){this.open.emit();this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)}else{this.drawerClose.emit();this.slideOutRight(this.divElement);window.removeEventListener("mousedown",this.callback)}return Promise.resolve()}onCloseClicked(){this.show=false}clickedOutside(e){if(!this.closeOnClickOutside){return}const t=e.target;const i=t.closest("#div-container");const s=t.closest("#drawer-btn");if(e.target.type!=="button"&&i!==this.divElement&&t!==s){this.show=false}}slideOutRight(e){o({targets:e,duration:h.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{e.classList.add("d-none")}})}slideInRight(e){o({targets:e,duration:h.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{e.classList.remove("d-none")}})}componentDidLoad(){this.onShowChanged(this.show)}render(){return i(s,{key:"c33f929791870aa05cd4d7bb80c0e85b0ddbca43",class:{"drawer-container":true,toggle:this.show,"full-height":this.fullHeight,"d-none":true},style:{width:this.width==="auto"?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:e=>this.divElement=e,"data-testid":"container",id:"div-container"},i("div",{key:"c7b8195595ae8b6a316439f1c70ab4649feabd3a",class:"header"},i("div",{key:"0d9e7fe3591cbb237c1f5f12cce45b438088b9ff",class:"header-content"},i("slot",{key:"3b5d57e5406d3b581d27855a3219ba361065b84d",name:"header"})),i("ix-icon-button",{key:"84e9ecfd1ed9e73fce6c5814d8cbc8631e6e746d",class:"close-button",icon:"close",size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),i("div",{key:"91e39d7f77ae9a0357d73d76b71606810649d61c",class:"content"},i("slot",{key:"4cee96836ef143d25ba7b69520bda47bc9dc768d"})))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
+//# sourceMappingURL=p-e89c0e29.entry.js.map

package/dist/siemens-ix/{p-0b4e398e.entry.js → p-ead295d5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o,g as r}from"./p-f87cd962.js";const a=":host{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tile-header{display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host .tile-header,:host .tile-subheader,:host .tile-content,:host .tile-footer{padding:0 1rem}:host .tile-header,:host .tile-content{flex-grow:1}:host .tile-header.has-content{display:flex;height:2.5rem;max-height:2.5rem;padding-inline-end:0.5rem}:host .tile-subheader{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}:host .tile-footer.has-content{border-block-start:1px solid var(--theme-color-1);height:2.5rem}:host(.tile-small){height:2.5rem;min-height:2.5rem;max-height:2.5rem}:host(.tile-medium){height:5rem;min-height:5rem;max-height:5rem}:host(.tile-big){height:10rem;min-height:10rem;max-height:10rem}:host(:active),:host(:focus-visible),:host(:visited){outline:none}";const s=a;const h=class{constructor(t){e(this,t);this.size="medium";this.hasHeaderSlot=false;this.hasFooterSlot=false}handleHeaderSlotChange(){this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}handleFooterSlotChange(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return t(o,{key:"cfe05def01cd57c9743a8fccbecbd41b643a9fe2",class:{"tile-small":this.size==="small","tile-medium":this.size==="medium","tile-big":this.size==="big"}},t("div",{key:"e37a76b559db0e0a9f8cc48aafad34ab9fcbc6c3",class:{"tile-header":true,"has-content":this.hasHeaderSlot}},t("slot",{key:"d14c60fa3a20b9312257f55edda792ea6b4a7cee",name:"header",onSlotchange:()=>this.handleHeaderSlotChange()})),t("div",{key:"db36b0c56a63976a72573681618338f433887669",class:"tile-subheader"},t("slot",{key:"451561552ddb35ccdc429d944252f5a0dadb8a0e",name:"subheader"})),t("div",{key:"d793f4019d8e37ede2a0f866aff1c501b5619651",class:"tile-content"},t("slot",{key:"afc3df10a7b4ff6c05cf0d87ff78dbe7ecee776e"})),t("div",{key:"14cc913a9c35b73a58a8d618c6ea7cc75e1d5743",class:{"tile-footer":true,"has-content":this.hasFooterSlot}},t("slot",{key:"184e7b7313f40d2478541e6f599bb462d1c0f286",name:"footer",onSlotchange:()=>this.handleFooterSlotChange()})))}get hostElement(){return r(this)}};h.style=s;export{h as ix_tile};
-//# sourceMappingURL=p-0b4e398e.entry.js.map
+import{r as e,h as t,H as o,g as r}from"./p-f87cd962.js";const a=":host{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tile-header{display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host .tile-header,:host .tile-subheader,:host .tile-content,:host .tile-footer{padding:0 1rem}:host .tile-header,:host .tile-content{flex-grow:1}:host .tile-header.has-content{display:flex;height:2.5rem;max-height:2.5rem;padding-inline-end:0.5rem}:host .tile-subheader{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}:host .tile-footer.has-content{border-block-start:1px solid var(--theme-color-1);height:2.5rem}:host(.tile-small){height:2.5rem;min-height:2.5rem;max-height:2.5rem}:host(.tile-medium){height:5rem;min-height:5rem;max-height:5rem}:host(.tile-big){height:10rem;min-height:10rem;max-height:10rem}:host(:active),:host(:focus-visible),:host(:visited){outline:none}";const s=a;const h=class{constructor(t){e(this,t);this.size="medium";this.hasHeaderSlot=false;this.hasFooterSlot=false}handleHeaderSlotChange(){this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}handleFooterSlotChange(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return t(o,{key:"93d548d09f06da08a89841c6501afdb4b1535000",class:{"tile-small":this.size==="small","tile-medium":this.size==="medium","tile-big":this.size==="big"}},t("div",{key:"51f81553c2ef82014b7abf9dfd76327e60554b2d",class:{"tile-header":true,"has-content":this.hasHeaderSlot}},t("slot",{key:"127520289f127a74fff7593f56671e8690a787bc",name:"header",onSlotchange:()=>this.handleHeaderSlotChange()})),t("div",{key:"96d501b87ec431af4452bfd9e6bc334f82d6a0eb",class:"tile-subheader"},t("slot",{key:"811c2be8b69fb1844866c80a1ae8f3f6e19529ec",name:"subheader"})),t("div",{key:"22cf1c350d8479fb93c0529a0705c2f2e9b96a47",class:"tile-content"},t("slot",{key:"5d1a29e47a33a858affb25f248e90aa2d5dbd63b"})),t("div",{key:"3cf7b393620a192856108b1eda35e82864947df6",class:{"tile-footer":true,"has-content":this.hasFooterSlot}},t("slot",{key:"82b4f1d5661947a303a638fd1b4f46564848b07f",name:"footer",onSlotchange:()=>this.handleFooterSlotChange()})))}get hostElement(){return r(this)}};h.style=s;export{h as ix_tile};
+//# sourceMappingURL=p-ead295d5.entry.js.map

package/dist/siemens-ix/{p-0b4e398e.entry.js.map → p-ead295d5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tileCss","IxTileStyle0","Tile","handleHeaderSlotChange","this","hasHeaderSlot","hostElement","querySelector","handleFooterSlotChange","hasFooterSlot","render","h","Host","key","class","size","name","onSlotchange"],"sources":["src/components/tile/tile.scss?tag=ix-tile&encapsulation=shadow","src/components/tile/tile.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 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n@mixin set-height($height) {\n  height: $height;\n  min-height: $height;\n  max-height: $height;\n}\n\n$heightSmall: 2.5rem;\n$heightMedium: 5rem;\n$heightBig: 10rem;\n$width: 11.937rem;\n\n:host {\n  @include ix-component;\n\n  min-width: $width;\n  max-width: $width;\n  width: $width;\n\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--theme-tile--border);\n  border-radius: var(--theme-tile--border-radius);\n\n  background-color: var(--theme-color-2);\n  color: var(--theme-color-std-text);\n  box-shadow: var(--theme-tile--box-shadow);\n\n  // @each $key, $value in $color-map-status {\n  //   &.tile-#{$key} {\n  //     background-color: #{$value};\n  //     color: automatic-text-color($value, 65);\n  //   }\n  // }\n\n  .tile-header {\n    display: flex;\n    align-items: center;\n\n    @include text-l-title;\n  }\n\n  .tile-header,\n  .tile-subheader,\n  .tile-content,\n  .tile-footer {\n    padding: 0 $default-space;\n  }\n\n  .tile-header,\n  .tile-content {\n    flex-grow: 1;\n  }\n\n  .tile-header.has-content {\n    display: flex;\n    height: $large-control-height;\n    max-height: $large-control-height;\n    padding-inline-end: $small-space;\n  }\n\n  .tile-subheader {\n    color: var(--theme-btn-invisible-secondary--color);\n    flex-grow: 0;\n  }\n\n  .tile-footer.has-content {\n    border-block-start: 1px solid var(--theme-color-1);\n    height: $large-control-height;\n  }\n}\n\n:host(.tile-small) {\n  @include set-height($heightSmall);\n}\n\n:host(.tile-medium) {\n  @include set-height($heightMedium);\n}\n\n:host(.tile-big) {\n  @include set-height($heightBig);\n}\n\n:host(:active),\n:host(:focus-visible),\n:host(:visited) {\n  outline: none;\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 { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ix-tile',\n  styleUrl: 'tile.scss',\n  shadow: true,\n})\nexport class Tile {\n  @Element() hostElement: HTMLIxTileElement;\n\n  /**\n   * Size of the tile - one of 'small', 'medium' or 'large'\n   */\n  @Prop() size: 'small' | 'medium' | 'big' = 'medium';\n\n  @State() hasHeaderSlot: boolean = false;\n  @State() hasFooterSlot: boolean = false;\n\n  handleHeaderSlotChange() {\n    this.hasHeaderSlot = !!this.hostElement.querySelector('[slot=\"header\"]');\n  }\n\n  handleFooterSlotChange() {\n    this.hasFooterSlot = !!this.hostElement.querySelector('[slot=\"footer\"]');\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'tile-small': this.size === 'small',\n          'tile-medium': this.size === 'medium',\n          'tile-big': this.size === 'big',\n        }}\n      >\n        <div\n          class={{\n            'tile-header': true,\n            'has-content': this.hasHeaderSlot,\n          }}\n        >\n          <slot\n            name=\"header\"\n            onSlotchange={() => this.handleHeaderSlotChange()}\n          ></slot>\n        </div>\n        <div class=\"tile-subheader\">\n          <slot name=\"subheader\"></slot>\n        </div>\n        <div class=\"tile-content\">\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            'tile-footer': true,\n            'has-content': this.hasFooterSlot,\n          }}\n        >\n          <slot\n            name=\"footer\"\n            onSlotchange={() => this.handleFooterSlotChange()}\n          ></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,w8DAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,mCAM4B,S,mBAET,M,mBACA,K,CAElC,sBAAAC,GACEC,KAAKC,gBAAkBD,KAAKE,YAAYC,cAAc,kB,CAGxD,sBAAAC,GACEJ,KAAKK,gBAAkBL,KAAKE,YAAYC,cAAc,kB,CAGxD,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAcV,KAAKW,OAAS,QAC5B,cAAeX,KAAKW,OAAS,SAC7B,WAAYX,KAAKW,OAAS,QAG5BJ,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,cAAe,KACf,cAAeV,KAAKC,gBAGtBM,EAAA,QAAAE,IAAA,2CACEG,KAAK,SACLC,aAAc,IAAMb,KAAKD,4BAG7BQ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,cAAe,KACf,cAAeV,KAAKK,gBAGtBE,EAAA,QAAAE,IAAA,2CACEG,KAAK,SACLC,aAAc,IAAMb,KAAKI,4B"}
+{"version":3,"names":["tileCss","IxTileStyle0","Tile","handleHeaderSlotChange","this","hasHeaderSlot","hostElement","querySelector","handleFooterSlotChange","hasFooterSlot","render","h","Host","key","class","size","name","onSlotchange"],"sources":["src/components/tile/tile.scss?tag=ix-tile&encapsulation=shadow","src/components/tile/tile.tsx"],"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@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n@mixin set-height($height) {\n  height: $height;\n  min-height: $height;\n  max-height: $height;\n}\n\n$heightSmall: 2.5rem;\n$heightMedium: 5rem;\n$heightBig: 10rem;\n$width: 11.937rem;\n\n:host {\n  @include ix-component;\n\n  min-width: $width;\n  max-width: $width;\n  width: $width;\n\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--theme-tile--border);\n  border-radius: var(--theme-tile--border-radius);\n\n  background-color: var(--theme-color-2);\n  color: var(--theme-color-std-text);\n  box-shadow: var(--theme-tile--box-shadow);\n\n  // @each $key, $value in $color-map-status {\n  //   &.tile-#{$key} {\n  //     background-color: #{$value};\n  //     color: automatic-text-color($value, 65);\n  //   }\n  // }\n\n  .tile-header {\n    display: flex;\n    align-items: center;\n\n    @include text-l-title;\n  }\n\n  .tile-header,\n  .tile-subheader,\n  .tile-content,\n  .tile-footer {\n    padding: 0 $default-space;\n  }\n\n  .tile-header,\n  .tile-content {\n    flex-grow: 1;\n  }\n\n  .tile-header.has-content {\n    display: flex;\n    height: $large-control-height;\n    max-height: $large-control-height;\n    padding-inline-end: $small-space;\n  }\n\n  .tile-subheader {\n    color: var(--theme-btn-invisible-secondary--color);\n    flex-grow: 0;\n  }\n\n  .tile-footer.has-content {\n    border-block-start: 1px solid var(--theme-color-1);\n    height: $large-control-height;\n  }\n}\n\n:host(.tile-small) {\n  @include set-height($heightSmall);\n}\n\n:host(.tile-medium) {\n  @include set-height($heightMedium);\n}\n\n:host(.tile-big) {\n  @include set-height($heightBig);\n}\n\n:host(:active),\n:host(:focus-visible),\n:host(:visited) {\n  outline: none;\n}\n","/*\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\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ix-tile',\n  styleUrl: 'tile.scss',\n  shadow: true,\n})\nexport class Tile {\n  @Element() hostElement: HTMLIxTileElement;\n\n  /**\n   * Size of the tile - one of 'small', 'medium' or 'large'\n   */\n  @Prop() size: 'small' | 'medium' | 'big' = 'medium';\n\n  @State() hasHeaderSlot: boolean = false;\n  @State() hasFooterSlot: boolean = false;\n\n  handleHeaderSlotChange() {\n    this.hasHeaderSlot = !!this.hostElement.querySelector('[slot=\"header\"]');\n  }\n\n  handleFooterSlotChange() {\n    this.hasFooterSlot = !!this.hostElement.querySelector('[slot=\"footer\"]');\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'tile-small': this.size === 'small',\n          'tile-medium': this.size === 'medium',\n          'tile-big': this.size === 'big',\n        }}\n      >\n        <div\n          class={{\n            'tile-header': true,\n            'has-content': this.hasHeaderSlot,\n          }}\n        >\n          <slot\n            name=\"header\"\n            onSlotchange={() => this.handleHeaderSlotChange()}\n          ></slot>\n        </div>\n        <div class=\"tile-subheader\">\n          <slot name=\"subheader\"></slot>\n        </div>\n        <div class=\"tile-content\">\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            'tile-footer': true,\n            'has-content': this.hasFooterSlot,\n          }}\n        >\n          <slot\n            name=\"footer\"\n            onSlotchange={() => this.handleFooterSlotChange()}\n          ></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,w8DAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,mCAM4B,S,mBAET,M,mBACA,K,CAElC,sBAAAC,GACEC,KAAKC,gBAAkBD,KAAKE,YAAYC,cAAc,kB,CAGxD,sBAAAC,GACEJ,KAAKK,gBAAkBL,KAAKE,YAAYC,cAAc,kB,CAGxD,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAcV,KAAKW,OAAS,QAC5B,cAAeX,KAAKW,OAAS,SAC7B,WAAYX,KAAKW,OAAS,QAG5BJ,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,cAAe,KACf,cAAeV,KAAKC,gBAGtBM,EAAA,QAAAE,IAAA,2CACEG,KAAK,SACLC,aAAc,IAAMb,KAAKD,4BAG7BQ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,cAAe,KACf,cAAeV,KAAKK,gBAGtBE,EAAA,QAAAE,IAAA,2CACEG,KAAK,SACLC,aAAc,IAAMb,KAAKI,4B"}

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

@@ -0,0 +1,2 @@
+import{g as t}from"./p-f87cd962.js";const n={target:"window",defaultEnabled:true};function e(t,e={}){const i=Object.assign(Object.assign({},n),e);let o;const s=t=>{o(t)};const c={on:t=>{o=t},isEnabled:i.defaultEnabled,enable:n=>{c.isEnabled=n;if(n){addEventListener(t,s)}else{removeEventListener(t,s)}},destroy:()=>{c.enable(false)}};c.enable(!!i.defaultEnabled);return c}function i(n,i){return(o,s)=>{const{componentWillLoad:c,componentWillRender:r,disconnectedCallback:_}=o;if(i){o.componentWillRender=function(){var n;const e=t(this);(n=e[`__ix__${s}`])===null||n===void 0?void 0:n.enable(i(this));return r&&r.call(this)}}o.componentWillLoad=function(){const i=e(n);const o=t(this);const r=this[s];o[`__ix__${s}`]=i;i.on(r.bind(this));return c&&c.call(this)};o.disconnectedCallback=function(){var n;const e=t(this);if(e&&e[`__ix__${s}`]){(n=e[`__ix__${s}`])===null||n===void 0?void 0:n.destroy();e[`__ix__${s}`]=null}return _&&_.call(this)}}}export{i as O};
+//# sourceMappingURL=p-ec037f98.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultOptions","target","defaultEnabled","createListener","event","options","opts","Object","assign","callback","onEvent","resultObject","on","onEventCallback","isEnabled","enable","state","addEventListener","removeEventListener","destroy","OnListener","fnExp","proto","methodName","componentWillLoad","componentWillRender","disconnectedCallback","host","getElement","this","_a","call","listener","method","bind"],"sources":["src/components/utils/listener.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\nimport { getElement } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\nexport type ListenerOptions = {\n  target?: 'window';\n  defaultEnabled?: boolean;\n};\n\ntype HostListener = {\n  on: (onEventCallback: any) => void;\n  isEnabled: boolean | undefined;\n  enable: (state: boolean) => void;\n  destroy: () => void;\n};\n\nconst defaultOptions: ListenerOptions = {\n  target: 'window',\n  defaultEnabled: true,\n};\n\nexport function createListener(\n  event: string,\n  options: ListenerOptions = {}\n): HostListener {\n  const opts = {\n    ...defaultOptions,\n    ...options,\n  };\n\n  let callback: any;\n  const onEvent = (event: Event) => {\n    callback(event);\n  };\n\n  const resultObject = {\n    on: (onEventCallback: any) => {\n      callback = onEventCallback;\n    },\n\n    isEnabled: opts.defaultEnabled,\n\n    enable: (state: boolean) => {\n      resultObject.isEnabled = state;\n\n      if (state) {\n        addEventListener(event, onEvent);\n      } else {\n        removeEventListener(event, onEvent);\n      }\n    },\n\n    destroy: () => {\n      resultObject.enable(false);\n    },\n  };\n\n  resultObject.enable(!!opts.defaultEnabled);\n  return resultObject;\n}\n\ntype HTMLStencilElementWithListener = HTMLStencilElement & {\n  [K in `__ix__${string}`]?: HostListener | null;\n};\n\nexport function OnListener<T>(event: string, fnExp?: (self: T) => boolean) {\n  return (proto: any, methodName: string) => {\n    const { componentWillLoad, componentWillRender, disconnectedCallback } =\n      proto;\n\n    if (fnExp) {\n      proto.componentWillRender = function () {\n        const host = getElement(this) as HTMLStencilElementWithListener;\n        host[`__ix__${methodName}`]?.enable(fnExp(this));\n        return componentWillRender && componentWillRender.call(this);\n      };\n    }\n\n    proto.componentWillLoad = function () {\n      const listener = createListener(event);\n      const host = getElement(this) as HTMLStencilElementWithListener;\n      const method = this[methodName];\n\n      host[`__ix__${methodName}`] = listener;\n\n      listener.on(method.bind(this));\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this) as HTMLStencilElementWithListener;\n\n      if (host && host[`__ix__${methodName}`]) {\n        host[`__ix__${methodName}`]?.destroy();\n        host[`__ix__${methodName}`] = null;\n      }\n\n      return disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n"],"mappings":"oCAwBA,MAAMA,EAAkC,CACtCC,OAAQ,SACRC,eAAgB,M,SAGFC,EACdC,EACAC,EAA2B,IAE3B,MAAMC,EAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACLR,GACAK,GAGL,IAAII,EACJ,MAAMC,EAAWN,IACfK,EAASL,EAAM,EAGjB,MAAMO,EAAe,CACnBC,GAAKC,IACHJ,EAAWI,CAAe,EAG5BC,UAAWR,EAAKJ,eAEhBa,OAASC,IACPL,EAAaG,UAAYE,EAEzB,GAAIA,EAAO,CACTC,iBAAiBb,EAAOM,E,KACnB,CACLQ,oBAAoBd,EAAOM,E,GAI/BS,QAAS,KACPR,EAAaI,OAAO,MAAM,GAI9BJ,EAAaI,SAAST,EAAKJ,gBAC3B,OAAOS,CACT,C,SAMgBS,EAAchB,EAAeiB,GAC3C,MAAO,CAACC,EAAYC,KAClB,MAAMC,kBAAEA,EAAiBC,oBAAEA,EAAmBC,qBAAEA,GAC9CJ,EAEF,GAAID,EAAO,CACTC,EAAMG,oBAAsB,W,MAC1B,MAAME,EAAOC,EAAWC,OACxBC,EAAAH,EAAK,SAASJ,QAAa,MAAAO,SAAA,SAAAA,EAAEf,OAAOM,EAAMQ,OAC1C,OAAOJ,GAAuBA,EAAoBM,KAAKF,K,EAI3DP,EAAME,kBAAoB,WACxB,MAAMQ,EAAW7B,EAAeC,GAChC,MAAMuB,EAAOC,EAAWC,MACxB,MAAMI,EAASJ,KAAKN,GAEpBI,EAAK,SAASJ,KAAgBS,EAE9BA,EAASpB,GAAGqB,EAAOC,KAAKL,OACxB,OAAOL,GAAqBA,EAAkBO,KAAKF,K,EAGrDP,EAAMI,qBAAuB,W,MAC3B,MAAMC,EAAOC,EAAWC,MAExB,GAAIF,GAAQA,EAAK,SAASJ,KAAe,EACvCO,EAAAH,EAAK,SAASJ,QAAa,MAAAO,SAAA,SAAAA,EAAEX,UAC7BQ,EAAK,SAASJ,KAAgB,I,CAGhC,OAAOG,GAAwBA,EAAqBK,KAAKF,K,CAC1D,CAEL,Q"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as i,g as n}from"./p-f87cd962.js";import{m as o}from"./p-ce563a48.js";const r=":host{display:contents}";const c=r;const a=class{constructor(s){e(this,s);this.itemClick=t(this,"itemClick",7);this.wrapperRef=o();this.icon=undefined;this.label=undefined}async getDropdownItemElement(){return this.wrapperRef.waitForCurrent()}render(){return s(i,{key:"bae996f7ae7a776442894bb5847e768deb9ec93b"},s("ix-dropdown-item",{key:"a7208cb23490b14e792c478eef08d1aba12e51a2",ref:this.wrapperRef,suppressChecked:true,icon:this.icon,label:this.label,onItemClick:e=>{e.preventDefault();e.stopPropagation()},onClick:e=>this.itemClick.emit(e)}))}get hostElement(){return n(this)}};a.style=c;export{a as ix_split_button_item};
+//# sourceMappingURL=p-ee50f7fa.entry.js.map

package/dist/siemens-ix/{p-8d0758c1.entry.js → p-f47bd4e8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,g as i}from"./p-f87cd962.js";import{c as r}from"./p-e898862b.js";import{F as s}from"./p-dded1449.js";const a=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const n=a;const l=class{constructor(e){t(this,e);this.ANIMATION_DURATION=150;this.state=undefined;this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=undefined}componentDidLoad(){this.observer=r((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){this.doFlipAnimation()}doFlipAnimation(){this.isFlipAnimationActive=true;setTimeout((()=>{this.updateContentVisibility(this.index);if(this.index>=this.contentItems.length-1){this.index=0}else{this.index++}this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return e(o,{key:"6325a67810cec0daa810626fd07fdee585dff321",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},e("div",{key:"b32de5296d6f9eaa2a47d7fca8fc37ccc3038ca8",class:{"flip-tile-container":true,info:this.state===s.Info,warning:this.state===s.Warning,alarm:this.state===s.Alarm,primary:this.state===s.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{key:"547fd0065516281539327d61b7ba4806973b230e",class:"flip-tile-header"},e("div",{key:"6f6105b466f35d94e7d5c51e6a8d0cd9190fda90",class:"header-slot-container text-l-title"},e("slot",{key:"e0d28500f1b867e120308d8ae08d19f8e2ed62ef",name:"header"})),e("ix-icon-button",{key:"9b1115eedef1cd2b5c20322e7126d69a7ddd5367",icon:"eye",variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),e("div",{key:"208e84bf8a58d0f0d664e6afa61f4c0134c170a1",class:"content-container"},e("slot",{key:"e58477ccc1f34df0f10d34b76ebfeb8740e6a2b7"})),e("div",{key:"1d2775674ae6ccf49d45349bb092e62a4edb6839",class:{footer:true,"contrast-light":this.state===s.Warning,"contrast-dark":this.state===s.Info||this.state===s.Alarm}},e("slot",{key:"0876aa784c23b91f289b9feec114d94c5860bf29",name:"footer"}))))}get hostElement(){return i(this)}};l.style=n;export{l as ix_flip_tile};
-//# sourceMappingURL=p-8d0758c1.entry.js.map
+import{r as t,h as e,H as o,g as i}from"./p-f87cd962.js";import{c as r}from"./p-e898862b.js";import{F as a}from"./p-dded1449.js";const s=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const n=s;const l=class{constructor(e){t(this,e);this.ANIMATION_DURATION=150;this.state=undefined;this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=undefined}componentDidLoad(){this.observer=r((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){this.doFlipAnimation()}doFlipAnimation(){this.isFlipAnimationActive=true;setTimeout((()=>{this.updateContentVisibility(this.index);if(this.index>=this.contentItems.length-1){this.index=0}else{this.index++}this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return e(o,{key:"c44eacce698e277122c1e3b75bbab1835f73306f",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},e("div",{key:"7254d3d674a507618f3117483d4234f95291af6c",class:{"flip-tile-container":true,info:this.state===a.Info,warning:this.state===a.Warning,alarm:this.state===a.Alarm,primary:this.state===a.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{key:"ef320aa5deaae3f929161d9bef49c13937a2b79e",class:"flip-tile-header"},e("div",{key:"fc774295411c48eef5928f94bf2666bde2e9c791",class:"header-slot-container text-l-title"},e("slot",{key:"6b62e0904765a57ad354d7fbdfca26c33e849838",name:"header"})),e("ix-icon-button",{key:"dbdd62123fadaca9bfc537905ad39d43f6733098",icon:"eye",variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),e("div",{key:"7fb62619756c6d863c4b0da57cad597c6dd408bb",class:"content-container"},e("slot",{key:"42fc5ea33ac57421acf2a499a2e11687558a6afc"})),e("div",{key:"d247bde7e75932358b7f34a840009f0820b45cf8",class:{footer:true,"contrast-light":this.state===a.Warning,"contrast-dark":this.state===a.Info||this.state===a.Alarm}},e("slot",{key:"633c69d54f7763c8e136aa4093df55b2a028205a",name:"footer"}))))}get hostElement(){return i(this)}};l.style=n;export{l as ix_flip_tile};
+//# sourceMappingURL=p-f47bd4e8.entry.js.map

package/dist/siemens-ix/{p-87e692d9.entry.js → p-f576c41d.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as t}from"./p-f87cd962.js";const n=".sc-ix-playground-internal-h{display:block;position:relative;width:100vw;height:100vh;padding:0rem 0rem 0rem 0rem}";const s=n;const a=class{constructor(e){r(this,e)}render(){return e(t,{key:"cb88d03e375d222d5903d13ca1fc154d9af86898"})}};a.style=s;export{a as ix_playground_internal};
-//# sourceMappingURL=p-87e692d9.entry.js.map
+import{r,h as e,H as t}from"./p-f87cd962.js";const n=".sc-ix-playground-internal-h{display:block;position:relative;width:100vw;height:100vh;padding:0rem 0rem 0rem 0rem}";const s=n;const a=class{constructor(e){r(this,e)}render(){return e(t,{key:"8e768a983e40b4948edd431c24d19f1a9b54c782"})}};a.style=s;export{a as ix_playground_internal};
+//# sourceMappingURL=p-f576c41d.entry.js.map

package/dist/siemens-ix/{p-87e692d9.entry.js.map → p-f576c41d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["playgroundCss","IxPlaygroundInternalStyle0","PlaygroundInternal","render","h","Host","key"],"sources":["src/components/playground/playground.scss?tag=ix-playground-internal&encapsulation=scoped","src/components/playground/playground.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\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\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 * LICENxSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n/** @internal */\n@Component({\n  tag: 'ix-playground-internal',\n  styleUrl: 'playground.scss',\n  // shadow: true,\n  // Set scoped=true and shadow=false to test global styles like checkbox etc\n  scoped: true,\n})\nexport class PlaygroundInternal {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,qHACtB,MAAAC,EAAeD,E,MCkBFE,EAAkB,M,yBAC7B,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C"}
+{"version":3,"names":["playgroundCss","IxPlaygroundInternalStyle0","PlaygroundInternal","render","h","Host","key"],"sources":["src/components/playground/playground.scss?tag=ix-playground-internal&encapsulation=scoped","src/components/playground/playground.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\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\n}\n","/*\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 * LICENxSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n/** @internal */\n@Component({\n  tag: 'ix-playground-internal',\n  styleUrl: 'playground.scss',\n  // shadow: true,\n  // Set scoped=true and shadow=false to test global styles like checkbox etc\n  scoped: true,\n})\nexport class PlaygroundInternal {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,qHACtB,MAAAC,EAAeD,E,MCkBFE,EAAkB,M,yBAC7B,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as r,g as n}from"./p-f87cd962.js";import{c as s,g as o}from"./p-45840cb9.js";import{r as h}from"./p-effd2dcf.js";import{d as a}from"./p-fe01bff0.js";var u={exports:{}};(function(t,i){(function(i){{t.exports=i()}})((function(){return function(){function t(i,e,r){function n(h,a){if(!e[h]){if(!i[h]){var u="function"==typeof s&&s;if(!a&&u)return u(h,!0);if(o)return o(h,!0);var f=new Error("Cannot find module '"+h+"'");throw f.code="MODULE_NOT_FOUND",f}var c=e[h]={exports:{}};i[h][0].call(c.exports,(function(t){var e=i[h][1][t];return n(e||t)}),c,c.exports,t,i,e,r)}return e[h].exports}for(var o="function"==typeof s&&s,h=0;h<r.length;h++)n(r[h]);return n}return t}()({1:[function(t,i,e){Object.defineProperty(e,"__esModule",{value:true});var r=function(){function t(t,i){for(var e=0;e<i.length;e++){var r=i[e];r.enumerable=r.enumerable||false;r.configurable=true;if("value"in r)r.writable=true;Object.defineProperty(t,r.key,r)}}return function(i,e,r){if(e)t(i.prototype,e);if(r)t(i,r);return i}}();function n(t,i,e){if(i in t){Object.defineProperty(t,i,{value:e,enumerable:true,configurable:true,writable:true})}else{t[i]=e}return t}function s(t,i){if(!(t instanceof i)){throw new TypeError("Cannot call a class as a function")}}var o={width:"100%",height:"100%"};var h=function t(i){return Number(i)===Number(i)};var a="classList"in document.documentElement?function(t,i){t.classList.add(i)}:function(t,i){var e=t.getAttribute("class")||"";t.setAttribute("class",e+" "+i)};var u=function(){r(t,null,[{key:"create",value:function i(e,r){return new t(e,r)}},{key:"mergeStyle",value:function t(i,e){for(var r in e){if(i.style[r]!==e[r]){i.style[r]=e[r]}}}},{key:"getMaxBrowserHeight",value:function i(){var e=document.createElement("div");var r=document.createElement("div");t.mergeStyle(e,{position:"absolute",height:"1px",opacity:0});t.mergeStyle(r,{height:"1e7px"});e.appendChild(r);document.body.appendChild(e);var n=r.offsetHeight;document.body.removeChild(e);return n}}]);function t(i,e){var r=this;s(this,t);this._config={};this._lastRepaint=null;this._maxElementHeight=t.getMaxBrowserHeight();this.refresh(i,e);var n=this._config;var o=function t(){var i=r._getScrollPosition();var e=r._lastRepaint;r._renderAnimationFrame=window.requestAnimationFrame(t);if(i===e){return}var s=e?i-e:0;if(!e||s<0||s>r._averageHeight){var o=r._renderChunk();r._lastRepaint=i;if(o!==false&&typeof n.afterRender==="function"){n.afterRender()}}};o()}r(t,[{key:"destroy",value:function t(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function i(e,r){var s;Object.assign(this._config,o,r);if(!e||e.nodeType!==1){throw new Error("HyperList requires a valid DOM Node container")}this._element=e;var a=this._config;var u=this._scroller||a.scroller||document.createElement(a.scrollerTagName||"tr");if(typeof a.useFragment!=="boolean"){this._config.useFragment=true}if(!a.generate){throw new Error("Missing required `generate` function")}if(!h(a.total)){throw new Error("Invalid required `total` value, expected number")}if(!Array.isArray(a.itemHeight)&&!h(a.itemHeight)){throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim())}else if(h(a.itemHeight)){this._itemHeights=Array(a.total).fill(a.itemHeight)}else{this._itemHeights=a.itemHeight}Object.keys(o).filter((function(t){return t in a})).forEach((function(t){var i=a[t];var e=h(i);if(i&&typeof i!=="string"&&typeof i!=="number"){var r="Invalid optional `"+t+"`, expected string or number";throw new Error(r)}else if(e){a[t]=i+"px"}}));var f=Boolean(a.horizontal);var c=a[f?"width":"height"];if(c){var l=h(c);var v=l?false:c.slice(-1)==="%";var d=l?c:parseInt(c.replace(/px|%/,""),10);var p=window[f?"innerWidth":"innerHeight"];if(v){this._containerSize=p*d/100}else{this._containerSize=h(c)?c:d}}var m=a.scrollContainer;var g=a.itemHeight*a.total;var w=this._maxElementHeight;if(g>w){console.warn(["HyperList: The maximum element height",w+"px has","been exceeded; please reduce your item height."].join(" "))}var b={width:""+a.width,height:m?g+"px":""+a.height,overflow:m?"none":"auto",position:"relative"};t.mergeStyle(e,b);if(m){t.mergeStyle(a.scrollContainer,{overflow:"auto"})}var y=(s={opacity:"0",position:"absolute"},n(s,f?"height":"width","1px"),n(s,f?"width":"height",g+"px"),s);t.mergeStyle(u,y);if(!this._scroller){e.appendChild(u)}var x=this._computeScrollPadding();this._scrollPaddingBottom=x.bottom;this._scrollPaddingTop=x.top;this._scroller=u;this._scrollHeight=this._computeScrollHeight();this._itemPositions=this._itemPositions||Array(a.total).fill(0);this._computePositions(0);this._renderChunk(this._lastRepaint!==null);if(typeof a.afterRender==="function"){a.afterRender()}}},{key:"_getRow",value:function i(e){var r=this._config;var s=r.generate(e);var o=s.height;if(o!==undefined&&h(o)){s=s.element;if(o!==this._itemHeights[e]){this._itemHeights[e]=o;this._computePositions(e);this._scrollHeight=this._computeScrollHeight(e)}}else{o=this._itemHeights[e]}if(!s||s.nodeType!==1){throw new Error("Generator did not return a DOM Node for index: "+e)}a(s,r.rowClassName||"vrow");var u=this._itemPositions[e]+this._scrollPaddingTop;t.mergeStyle(s,n({position:"absolute"},r.horizontal?"left":"top",u+"px"));return s}},{key:"_getScrollPosition",value:function t(){var i=this._config;if(typeof i.overrideScrollPosition==="function"){return i.overrideScrollPosition()}return this._element[i.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function t(i){var e=this._config;var r=this._element;var n=this._getScrollPosition();var s=e.total;var o=e.reverse?this._getReverseFrom(n):this._getFrom(n)-1;if(o<0||o-this._screenItemsLen<0){o=0}if(!i&&this._lastFrom===o){return false}this._lastFrom=o;var h=o+this._cachedItemsLen;if(h>s||h+this._cachedItemsLen>s){h=s}var a=e.useFragment?document.createDocumentFragment():[];var u=this._scroller;a[e.useFragment?"appendChild":"push"](u);for(var f=o;f<h;f++){var c=this._getRow(f);a[e.useFragment?"appendChild":"push"](c)}if(e.applyPatch){return e.applyPatch(r,a)}r.innerHTML="";r.appendChild(a)}},{key:"_computePositions",value:function t(){var i=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;var e=this._config;var r=e.total;var n=e.reverse;if(i<1&&!n){i=1}for(var s=i;s<r;s++){if(n){if(s===0){this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]}else{this._itemPositions[s]=this._itemPositions[s-1]-this._itemHeights[s]}}else{this._itemPositions[s]=this._itemHeights[s-1]+this._itemPositions[s-1]}}}},{key:"_computeScrollHeight",value:function i(){var e,r=this;var s=this._config;var o=Boolean(s.horizontal);var h=s.total;var a=this._itemHeights.reduce((function(t,i){return t+i}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(e={opacity:0,position:"absolute",top:"0px"},n(e,o?"height":"width","1px"),n(e,o?"width":"height",a+"px"),e));var u=this._itemHeights.slice(0).sort((function(t,i){return t-i}));var f=Math.floor(h/2);var c=h%2===0?(u[f]+u[f-1])/2:u[f];var l=o?"clientWidth":"clientHeight";var v=s.scrollContainer?s.scrollContainer:this._element;var d=v[l]?v[l]:this._containerSize;this._screenItemsLen=Math.ceil(d/c);this._containerSize=d;this._cachedItemsLen=Math.max(this._cachedItemsLen||0,this._screenItemsLen*3);this._averageHeight=c;if(s.reverse){window.requestAnimationFrame((function(){if(o){r._element.scrollLeft=a}else{r._element.scrollTop=a}}))}return a}},{key:"_computeScrollPadding",value:function t(){var i=this._config;var e=Boolean(i.horizontal);var r=i.reverse;var n=window.getComputedStyle(this._element);var s=function t(i){var e=n.getPropertyValue("padding-"+i);return parseInt(e,10)||0};if(e&&r){return{bottom:s("left"),top:s("right")}}else if(e){return{bottom:s("right"),top:s("left")}}else if(r){return{bottom:s("top"),top:s("bottom")}}else{return{bottom:s("bottom"),top:s("top")}}}},{key:"_getFrom",value:function t(i){var e=0;while(this._itemPositions[e]<i){e++}return e}},{key:"_getReverseFrom",value:function t(i){var e=this._config.total-1;while(e>0&&this._itemPositions[e]<i+this._containerSize){e--}return e}}]);return t}();e.default=u;i.exports=e["default"]},{}]},{},[1])(1)}))})(u);const f=o(u.exports);const c=":host{display:block}";const l=c;const v=class{constructor(e){t(this,e);this.contextChange=i(this,"contextChange",7);this.nodeToggled=i(this,"nodeToggled",7);this.nodeClicked=i(this,"nodeClicked",7);this.nodeRemoved=i(this,"nodeRemoved",7);this.toggleListener=new Map;this.itemClickListener=new Map;this.updates=new Map;this.hasFirstRender=false;this.root=undefined;this.model={};this.renderItem=undefined;this.context={}}updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);let i=(i,e,r)=>{if(i.hasChildren&&!this.toggleListener.has(e)){const n=e=>{e.preventDefault();e.stopPropagation();const n=this.getContext(t[r].id);n.isExpanded=!n.isExpanded;this.nodeToggled.emit({id:i.id,isExpaned:n.isExpanded});this.setContext(i.id,n)};e.addEventListener("toggle",n);this.toggleListener.set(e,n)}};return{itemHeight:32,total:t.length,generate:e=>{const r=t[e];const n=this.hostElement.querySelector(`[data-tree-node-id="${r.id}"]`);const s=this.getContext(r.id);if(n){n.hasChildren=r.hasChildren;n.context=Object.assign({},s);i(r,n,e);if(this.updates.has(r.id)){const t=this.updates.get(r.id);if(t){t(r,Object.assign({},this.context))}}this.updatePadding(n,r);return n}const o=t=>{this.updates.set(r.id,t)};let u=null;if(this.renderItem){u=this.renderItem(e,r,t,Object.assign({},this.context),o)}if(u===null){u=h(r,s,o)}const f=u;f.setAttribute("data-tree-node-id",r.id);f.style.paddingRight="1rem";this.updatePadding(f,r);if(!this.itemClickListener.has(f)){const t=t=>{const i=t.composedPath();const e=i.indexOf(this.hostElement);const n=i.slice(0,e);const s=a.pathIncludesTrigger(n);if(t.defaultPrevented){return}if(s){return}Object.values(this.context).forEach((t=>t.isSelected=false));const o=this.getContext(r.id);o.isSelected=true;this.setContext(r.id,o);this.nodeClicked.emit(r.id)};f.addEventListener("toggle",(t=>{t.preventDefault()}));f.addEventListener("click",t);this.itemClickListener.set(f,t)}i(r,f,e);return f}}}setContext(t,i){this.context=Object.assign(Object.assign({},this.context),{[t]:i});this.contextChange.emit(this.context)}getContext(t){if(!this.context){return{isExpanded:false,isSelected:false}}if(!this.context[t]){this.context[t]={isExpanded:false,isSelected:false}}return this.context[t]}buildTreeList(t,i=0){const e=[];if(t===null||t===void 0?void 0:t.hasChildren){const r=i+1;t.children.forEach((t=>{const n=this.model[t];const s=this.getContext(t);e.push(Object.assign(Object.assign({},n),{level:i}));if(n.hasChildren&&s.isExpanded){e.push(...this.buildTreeList(n,r))}}))}return e}componentDidLoad(){this.initList();this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)];t.addedNodes.forEach((t=>{const e=i.indexOf(t);if(e>=0){i.splice(e,1)}}))}));this.nodeRemoved.emit(i)}));this.observer.observe(this.hostElement,{childList:true})}componentWillRender(){this.hasFirstRender=true;if(this.isListInitialized()){this.refreshList()}else{this.initList()}}disconnectedCallback(){var t,i;(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();(i=this.observer)===null||i===void 0?void 0:i.disconnect()}modelChange(){if(this.hasFirstRender&&!this.isListInitialized()){this.initList()}}isListInitialized(){var t;const i=(t=this.hyperlist)===null||t===void 0?void 0:t._itemPositions;return i!==undefined&&i.length&&!(i===null||i===void 0?void 0:i.some((t=>t===undefined||Number.isNaN(t))))}refreshList(){if(this.hyperlist){this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions())}}initList(){var t;if(!this.model){return}(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();const i=this.getVirtualizerOptions();this.hyperlist=new f(this.hostElement,i)}render(){return e(r,{key:"d58c48d0890011d947993a87ec727e606adc0125"},e("slot",{key:"3d284f5146f832a6a151148d9bb37be803acd048"}))}get hostElement(){return n(this)}static get watchers(){return{model:["modelChange"]}}};v.style=l;export{v as ix_tree};
+//# sourceMappingURL=p-f5a9140e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["f","module","exports","r","e","n","t","o","i","c","require","u","a","Error","code","p","call","length","_dereq_","Object","defineProperty","value","_createClass","defineProperties","target","props","descriptor","enumerable","configurable","writable","key","Constructor","protoProps","staticProps","prototype","_defineProperty","obj","_classCallCheck","instance","TypeError","defaultConfig","width","height","isNumber","input","Number","addClass","document","documentElement","element","className","classList","add","oldClass","getAttribute","setAttribute","HyperList","create","userProvidedConfig","mergeStyle","style","getMaxBrowserHeight","wrapper","createElement","fixture","position","opacity","appendChild","body","maxElementHeight","offsetHeight","removeChild","_this","this","_config","_lastRepaint","_maxElementHeight","refresh","config","render","scrollTop","_getScrollPosition","lastRepaint","_renderAnimationFrame","window","requestAnimationFrame","diff","_averageHeight","rendered","_renderChunk","afterRender","destroy","cancelAnimationFrame","_scrollerStyle","assign","nodeType","_element","scroller","_scroller","scrollerTagName","useFragment","generate","total","Array","isArray","itemHeight","trim","_itemHeights","fill","keys","filter","prop","forEach","isValueNumber","msg","isHoriz","Boolean","horizontal","isValuePercent","slice","numberValue","parseInt","replace","innerSize","_containerSize","scrollContainer","scrollerHeight","console","warn","join","elementStyle","overflow","scrollerStyle","padding","_computeScrollPadding","_scrollPaddingBottom","bottom","_scrollPaddingTop","top","_scrollHeight","_computeScrollHeight","_itemPositions","_computePositions","_getRow","item","undefined","rowClassName","overrideScrollPosition","force","from","reverse","_getReverseFrom","_getFrom","_screenItemsLen","_lastFrom","to","_cachedItemsLen","fragment","createDocumentFragment","row","applyPatch","innerHTML","arguments","_HyperList$mergeStyle2","_this2","scrollHeight","reduce","b","sortedItemHeights","sort","middle","Math","floor","averageHeight","clientProp","containerHeight","ceil","max","scrollLeft","isReverse","styles","getComputedStyle","location","cssValue","getPropertyValue","default","treeCss","IxTreeStyle0","Tree","toggleListener","Map","itemClickListener","updates","hasFirstRender","updatePadding","paddingLeft","level","getVirtualizerOptions","list","buildTreeList","model","root","setToggleListener","el","index","hasChildren","has","toggleCallback","preventDefault","stopPropagation","context","getContext","id","isExpanded","nodeToggled","emit","isExpaned","setContext","addEventListener","set","renderedTreeItem","hostElement","querySelector","doUpdate","get","update","callback","innerElement","renderItem","renderDefaultItem","paddingRight","itemClickCallback","event","path","composedPath","treeIndex","indexOf","treePath","hasTrigger","dropdownController","pathIncludesTrigger","defaultPrevented","values","isSelected","nodeClicked","contextChange","itemList","newLevel","children","push","componentDidLoad","initList","observer","MutationObserver","records","removed","record","removedNodes","addedNodes","an","splice","nodeRemoved","observe","childList","componentWillRender","isListInitialized","refreshList","disconnectedCallback","_a","hyperlist","_b","disconnect","modelChange","itemPositions","some","isNaN","Hyperlist","h","Host"],"sources":["../../node_modules/.pnpm/hyperlist@1.0.0/node_modules/hyperlist/dist/hyperlist.js","src/components/tree/tree.css?tag=ix-tree&encapsulation=shadow","src/components/tree/tree.tsx"],"sourcesContent":["(function(f){if(typeof exports===\"object\"&&typeof module!==\"undefined\"){module.exports=f()}else if(typeof define===\"function\"&&define.amd){define([],f)}else{var g;if(typeof window!==\"undefined\"){g=window}else if(typeof global!==\"undefined\"){g=global}else if(typeof self!==\"undefined\"){g=self}else{g=this}g.HyperList = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(_dereq_,module,exports){\n'use strict';\n\n// Default configuration.\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar defaultConfig = {\n  width: '100%',\n  height: '100%'\n\n  // Check for valid number.\n};var isNumber = function isNumber(input) {\n  return Number(input) === Number(input);\n};\n\n// Add a class to an element.\nvar addClass = 'classList' in document.documentElement ? function (element, className) {\n  element.classList.add(className);\n} : function (element, className) {\n  var oldClass = element.getAttribute('class') || '';\n  element.setAttribute('class', oldClass + ' ' + className);\n};\n\n/**\n * Creates a HyperList instance that virtually scrolls very large amounts of\n * data effortlessly.\n */\n\nvar HyperList = function () {\n  _createClass(HyperList, null, [{\n    key: 'create',\n    value: function create(element, userProvidedConfig) {\n      return new HyperList(element, userProvidedConfig);\n    }\n\n    /**\n     * Merge given css style on an element\n     * @param {DOMElement} element\n     * @param {Object} style\n     */\n\n  }, {\n    key: 'mergeStyle',\n    value: function mergeStyle(element, style) {\n      for (var i in style) {\n        if (element.style[i] !== style[i]) {\n          element.style[i] = style[i];\n        }\n      }\n    }\n  }, {\n    key: 'getMaxBrowserHeight',\n    value: function getMaxBrowserHeight() {\n      // Create two elements, the wrapper is `1px` tall and is transparent and\n      // positioned at the top of the page. Inside that is an element that gets\n      // set to 1 billion pixels. Then reads the max height the browser can\n      // calculate.\n      var wrapper = document.createElement('div');\n      var fixture = document.createElement('div');\n\n      // As said above, these values get set to put the fixture elements into the\n      // right visual state.\n      HyperList.mergeStyle(wrapper, { position: 'absolute', height: '1px', opacity: 0 });\n      HyperList.mergeStyle(fixture, { height: '1e7px' });\n\n      // Add the fixture into the wrapper element.\n      wrapper.appendChild(fixture);\n\n      // Apply to the page, the values won't kick in unless this is attached.\n      document.body.appendChild(wrapper);\n\n      // Get the maximum element height in pixels.\n      var maxElementHeight = fixture.offsetHeight;\n\n      // Remove the element immediately after reading the value.\n      document.body.removeChild(wrapper);\n\n      return maxElementHeight;\n    }\n  }]);\n\n  function HyperList(element, userProvidedConfig) {\n    var _this = this;\n\n    _classCallCheck(this, HyperList);\n\n    this._config = {};\n    this._lastRepaint = null;\n    this._maxElementHeight = HyperList.getMaxBrowserHeight();\n\n    this.refresh(element, userProvidedConfig);\n\n    var config = this._config;\n\n    // Create internal render loop.\n    var render = function render() {\n      var scrollTop = _this._getScrollPosition();\n      var lastRepaint = _this._lastRepaint;\n\n      _this._renderAnimationFrame = window.requestAnimationFrame(render);\n\n      if (scrollTop === lastRepaint) {\n        return;\n      }\n\n      var diff = lastRepaint ? scrollTop - lastRepaint : 0;\n      if (!lastRepaint || diff < 0 || diff > _this._averageHeight) {\n        var rendered = _this._renderChunk();\n\n        _this._lastRepaint = scrollTop;\n\n        if (rendered !== false && typeof config.afterRender === 'function') {\n          config.afterRender();\n        }\n      }\n    };\n\n    render();\n  }\n\n  _createClass(HyperList, [{\n    key: 'destroy',\n    value: function destroy() {\n      window.cancelAnimationFrame(this._renderAnimationFrame);\n    }\n  }, {\n    key: 'refresh',\n    value: function refresh(element, userProvidedConfig) {\n      var _scrollerStyle;\n\n      Object.assign(this._config, defaultConfig, userProvidedConfig);\n\n      if (!element || element.nodeType !== 1) {\n        throw new Error('HyperList requires a valid DOM Node container');\n      }\n\n      this._element = element;\n\n      var config = this._config;\n\n      var scroller = this._scroller || config.scroller || document.createElement(config.scrollerTagName || 'tr');\n\n      // Default configuration option `useFragment` to `true`.\n      if (typeof config.useFragment !== 'boolean') {\n        this._config.useFragment = true;\n      }\n\n      if (!config.generate) {\n        throw new Error('Missing required `generate` function');\n      }\n\n      if (!isNumber(config.total)) {\n        throw new Error('Invalid required `total` value, expected number');\n      }\n\n      if (!Array.isArray(config.itemHeight) && !isNumber(config.itemHeight)) {\n        throw new Error('\\n        Invalid required `itemHeight` value, expected number or array\\n      '.trim());\n      } else if (isNumber(config.itemHeight)) {\n        this._itemHeights = Array(config.total).fill(config.itemHeight);\n      } else {\n        this._itemHeights = config.itemHeight;\n      }\n\n      // Width and height should be coerced to string representations. Either in\n      // `%` or `px`.\n      Object.keys(defaultConfig).filter(function (prop) {\n        return prop in config;\n      }).forEach(function (prop) {\n        var value = config[prop];\n        var isValueNumber = isNumber(value);\n\n        if (value && typeof value !== 'string' && typeof value !== 'number') {\n          var msg = 'Invalid optional `' + prop + '`, expected string or number';\n          throw new Error(msg);\n        } else if (isValueNumber) {\n          config[prop] = value + 'px';\n        }\n      });\n\n      var isHoriz = Boolean(config.horizontal);\n      var value = config[isHoriz ? 'width' : 'height'];\n\n      if (value) {\n        var isValueNumber = isNumber(value);\n        var isValuePercent = isValueNumber ? false : value.slice(-1) === '%';\n        // Compute the containerHeight as number\n        var numberValue = isValueNumber ? value : parseInt(value.replace(/px|%/, ''), 10);\n        var innerSize = window[isHoriz ? 'innerWidth' : 'innerHeight'];\n\n        if (isValuePercent) {\n          this._containerSize = innerSize * numberValue / 100;\n        } else {\n          this._containerSize = isNumber(value) ? value : numberValue;\n        }\n      }\n\n      var scrollContainer = config.scrollContainer;\n      var scrollerHeight = config.itemHeight * config.total;\n      var maxElementHeight = this._maxElementHeight;\n\n      if (scrollerHeight > maxElementHeight) {\n        console.warn(['HyperList: The maximum element height', maxElementHeight + 'px has', 'been exceeded; please reduce your item height.'].join(' '));\n      }\n\n      // Decorate the container element with styles that will match\n      // the user supplied configuration.\n      var elementStyle = {\n        width: '' + config.width,\n        height: scrollContainer ? scrollerHeight + 'px' : '' + config.height,\n        overflow: scrollContainer ? 'none' : 'auto',\n        position: 'relative'\n      };\n\n      HyperList.mergeStyle(element, elementStyle);\n\n      if (scrollContainer) {\n        HyperList.mergeStyle(config.scrollContainer, { overflow: 'auto' });\n      }\n\n      var scrollerStyle = (_scrollerStyle = {\n        opacity: '0',\n        position: 'absolute'\n      }, _defineProperty(_scrollerStyle, isHoriz ? 'height' : 'width', '1px'), _defineProperty(_scrollerStyle, isHoriz ? 'width' : 'height', scrollerHeight + 'px'), _scrollerStyle);\n\n      HyperList.mergeStyle(scroller, scrollerStyle);\n\n      // Only append the scroller element once.\n      if (!this._scroller) {\n        element.appendChild(scroller);\n      }\n\n      var padding = this._computeScrollPadding();\n      this._scrollPaddingBottom = padding.bottom;\n      this._scrollPaddingTop = padding.top;\n\n      // Set the scroller instance.\n      this._scroller = scroller;\n      this._scrollHeight = this._computeScrollHeight();\n\n      // Reuse the item positions if refreshed, otherwise set to empty array.\n      this._itemPositions = this._itemPositions || Array(config.total).fill(0);\n\n      // Each index in the array should represent the position in the DOM.\n      this._computePositions(0);\n\n      // Render after refreshing. Force render if we're calling refresh manually.\n      this._renderChunk(this._lastRepaint !== null);\n\n      if (typeof config.afterRender === 'function') {\n        config.afterRender();\n      }\n    }\n  }, {\n    key: '_getRow',\n    value: function _getRow(i) {\n      var config = this._config;\n      var item = config.generate(i);\n      var height = item.height;\n\n      if (height !== undefined && isNumber(height)) {\n        item = item.element;\n\n        // The height isn't the same as predicted, compute positions again\n        if (height !== this._itemHeights[i]) {\n          this._itemHeights[i] = height;\n          this._computePositions(i);\n          this._scrollHeight = this._computeScrollHeight(i);\n        }\n      } else {\n        height = this._itemHeights[i];\n      }\n\n      if (!item || item.nodeType !== 1) {\n        throw new Error('Generator did not return a DOM Node for index: ' + i);\n      }\n\n      addClass(item, config.rowClassName || 'vrow');\n\n      var top = this._itemPositions[i] + this._scrollPaddingTop;\n\n      HyperList.mergeStyle(item, _defineProperty({\n        position: 'absolute'\n      }, config.horizontal ? 'left' : 'top', top + 'px'));\n\n      return item;\n    }\n  }, {\n    key: '_getScrollPosition',\n    value: function _getScrollPosition() {\n      var config = this._config;\n\n      if (typeof config.overrideScrollPosition === 'function') {\n        return config.overrideScrollPosition();\n      }\n\n      return this._element[config.horizontal ? 'scrollLeft' : 'scrollTop'];\n    }\n  }, {\n    key: '_renderChunk',\n    value: function _renderChunk(force) {\n      var config = this._config;\n      var element = this._element;\n      var scrollTop = this._getScrollPosition();\n      var total = config.total;\n\n      var from = config.reverse ? this._getReverseFrom(scrollTop) : this._getFrom(scrollTop) - 1;\n\n      if (from < 0 || from - this._screenItemsLen < 0) {\n        from = 0;\n      }\n\n      if (!force && this._lastFrom === from) {\n        return false;\n      }\n\n      this._lastFrom = from;\n\n      var to = from + this._cachedItemsLen;\n\n      if (to > total || to + this._cachedItemsLen > total) {\n        to = total;\n      }\n\n      // Append all the new rows in a document fragment that we will later append\n      // to the parent node\n      var fragment = config.useFragment ? document.createDocumentFragment() : []\n      // Sometimes you'll pass fake elements to this tool and Fragments require\n      // real elements.\n\n\n      // The element that forces the container to scroll.\n      ;var scroller = this._scroller;\n\n      // Keep the scroller in the list of children.\n      fragment[config.useFragment ? 'appendChild' : 'push'](scroller);\n\n      for (var i = from; i < to; i++) {\n        var row = this._getRow(i);\n\n        fragment[config.useFragment ? 'appendChild' : 'push'](row);\n      }\n\n      if (config.applyPatch) {\n        return config.applyPatch(element, fragment);\n      }\n\n      element.innerHTML = '';\n      element.appendChild(fragment);\n    }\n  }, {\n    key: '_computePositions',\n    value: function _computePositions() {\n      var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;\n\n      var config = this._config;\n      var total = config.total;\n      var reverse = config.reverse;\n\n      if (from < 1 && !reverse) {\n        from = 1;\n      }\n\n      for (var i = from; i < total; i++) {\n        if (reverse) {\n          if (i === 0) {\n            this._itemPositions[0] = this._scrollHeight - this._itemHeights[0];\n          } else {\n            this._itemPositions[i] = this._itemPositions[i - 1] - this._itemHeights[i];\n          }\n        } else {\n          this._itemPositions[i] = this._itemHeights[i - 1] + this._itemPositions[i - 1];\n        }\n      }\n    }\n  }, {\n    key: '_computeScrollHeight',\n    value: function _computeScrollHeight() {\n      var _HyperList$mergeStyle2,\n          _this2 = this;\n\n      var config = this._config;\n      var isHoriz = Boolean(config.horizontal);\n      var total = config.total;\n      var scrollHeight = this._itemHeights.reduce(function (a, b) {\n        return a + b;\n      }, 0) + this._scrollPaddingBottom + this._scrollPaddingTop;\n\n      HyperList.mergeStyle(this._scroller, (_HyperList$mergeStyle2 = {\n        opacity: 0,\n        position: 'absolute',\n        top: '0px'\n      }, _defineProperty(_HyperList$mergeStyle2, isHoriz ? 'height' : 'width', '1px'), _defineProperty(_HyperList$mergeStyle2, isHoriz ? 'width' : 'height', scrollHeight + 'px'), _HyperList$mergeStyle2));\n\n      // Calculate the height median\n      var sortedItemHeights = this._itemHeights.slice(0).sort(function (a, b) {\n        return a - b;\n      });\n      var middle = Math.floor(total / 2);\n      var averageHeight = total % 2 === 0 ? (sortedItemHeights[middle] + sortedItemHeights[middle - 1]) / 2 : sortedItemHeights[middle];\n\n      var clientProp = isHoriz ? 'clientWidth' : 'clientHeight';\n      var element = config.scrollContainer ? config.scrollContainer : this._element;\n      var containerHeight = element[clientProp] ? element[clientProp] : this._containerSize;\n      this._screenItemsLen = Math.ceil(containerHeight / averageHeight);\n      this._containerSize = containerHeight;\n\n      // Cache 3 times the number of items that fit in the container viewport.\n      this._cachedItemsLen = Math.max(this._cachedItemsLen || 0, this._screenItemsLen * 3);\n      this._averageHeight = averageHeight;\n\n      if (config.reverse) {\n        window.requestAnimationFrame(function () {\n          if (isHoriz) {\n            _this2._element.scrollLeft = scrollHeight;\n          } else {\n            _this2._element.scrollTop = scrollHeight;\n          }\n        });\n      }\n\n      return scrollHeight;\n    }\n  }, {\n    key: '_computeScrollPadding',\n    value: function _computeScrollPadding() {\n      var config = this._config;\n      var isHoriz = Boolean(config.horizontal);\n      var isReverse = config.reverse;\n      var styles = window.getComputedStyle(this._element);\n\n      var padding = function padding(location) {\n        var cssValue = styles.getPropertyValue('padding-' + location);\n        return parseInt(cssValue, 10) || 0;\n      };\n\n      if (isHoriz && isReverse) {\n        return {\n          bottom: padding('left'),\n          top: padding('right')\n        };\n      } else if (isHoriz) {\n        return {\n          bottom: padding('right'),\n          top: padding('left')\n        };\n      } else if (isReverse) {\n        return {\n          bottom: padding('top'),\n          top: padding('bottom')\n        };\n      } else {\n        return {\n          bottom: padding('bottom'),\n          top: padding('top')\n        };\n      }\n    }\n  }, {\n    key: '_getFrom',\n    value: function _getFrom(scrollTop) {\n      var i = 0;\n\n      while (this._itemPositions[i] < scrollTop) {\n        i++;\n      }\n\n      return i;\n    }\n  }, {\n    key: '_getReverseFrom',\n    value: function _getReverseFrom(scrollTop) {\n      var i = this._config.total - 1;\n\n      while (i > 0 && this._itemPositions[i] < scrollTop + this._containerSize) {\n        i--;\n      }\n\n      return i;\n    }\n  }]);\n\n  return HyperList;\n}();\n\nexports.default = HyperList;\nmodule.exports = exports['default'];\n\n},{}]},{},[1])(1)\n});\n","/*\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:host {\n  display: block;\n}\n","/*\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\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport Hyperlist from 'hyperlist';\nimport { renderDefaultItem } from '../tree-item/default-tree-item';\nimport {\n  TreeContext,\n  TreeItem,\n  TreeItemContext,\n  TreeItemVisual,\n  TreeModel,\n  UpdateCallback,\n} from './tree-model';\nimport { dropdownController } from '../dropdown/dropdown-controller';\n\n@Component({\n  tag: 'ix-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class Tree {\n  @Element() hostElement!: HTMLIxTreeElement;\n\n  /**\n   * Initial root element will not be rendered\n   */\n  @Prop() root!: string;\n\n  /**\n   * Tree model\n   */\n  @Prop() model: TreeModel<any> = {};\n\n  /**\n   * Render function of tree items\n   */\n  @Prop() renderItem?: <T = any>(\n    index: number,\n    data: T,\n    dataList: Array<T>,\n    context: TreeContext,\n    update: (callback: UpdateCallback) => void\n  ) => HTMLElement;\n\n  /**\n   * Selection and collapsed state management\n   */\n  @Prop({ mutable: true }) context: TreeContext = {};\n\n  /**\n   * Context changed\n   */\n  @Event() contextChange!: EventEmitter<TreeContext>;\n\n  /**\n   * Node toggled event\n   * @since 1.5.0\n   */\n  @Event() nodeToggled!: EventEmitter<{ id: string; isExpaned: boolean }>;\n\n  /**\n   * Node clicked event\n   * @since 1.5.0\n   */\n  @Event() nodeClicked!: EventEmitter<string>;\n\n  /**\n   * Emits removed nodes\n   */\n  @Event() nodeRemoved!: EventEmitter<any>;\n\n  private hyperlist: Hyperlist;\n\n  private toggleListener = new Map<HTMLElement, Function>();\n  private itemClickListener = new Map<HTMLElement, Function>();\n  private updates = new Map<string, UpdateCallback>();\n  private observer!: MutationObserver;\n  private hasFirstRender = false;\n\n  private updatePadding(element: HTMLElement, item: TreeItemVisual<unknown>) {\n    element.style.paddingLeft = item.level + 'rem';\n  }\n\n  private getVirtualizerOptions() {\n    const list = this.buildTreeList(this.model[this.root]);\n\n    let setToggleListener = (\n      item: TreeItemVisual<any>,\n      el: HTMLElement,\n      index: number\n    ) => {\n      if (item.hasChildren && !this.toggleListener.has(el)) {\n        const toggleCallback = (e: Event) => {\n          e.preventDefault();\n          e.stopPropagation();\n          const context = this.getContext(list[index].id);\n          context.isExpanded = !context.isExpanded;\n          this.nodeToggled.emit({ id: item.id, isExpaned: context.isExpanded });\n          this.setContext(item.id, context);\n        };\n        el.addEventListener('toggle', toggleCallback);\n        this.toggleListener.set(el, toggleCallback);\n      }\n    };\n\n    return {\n      itemHeight: 32,\n      total: list.length,\n      generate: (index: number) => {\n        const item = list[index];\n\n        const renderedTreeItem = this.hostElement.querySelector(\n          `[data-tree-node-id=\"${item.id}\"]`\n        ) as HTMLIxTreeItemElement;\n\n        const context = this.getContext(item.id);\n\n        if (renderedTreeItem) {\n          renderedTreeItem.hasChildren = item.hasChildren;\n          renderedTreeItem.context = { ...context };\n\n          setToggleListener(item, renderedTreeItem, index);\n\n          if (this.updates.has(item.id)) {\n            const doUpdate = this.updates.get(item.id);\n\n            if (doUpdate) {\n              doUpdate(item, { ...this.context });\n            }\n          }\n\n          this.updatePadding(renderedTreeItem, item);\n          return renderedTreeItem;\n        }\n\n        const update = (callback: UpdateCallback) => {\n          this.updates.set(item.id, callback);\n        };\n\n        let innerElement: HTMLElement | null = null;\n        if (this.renderItem) {\n          innerElement = this.renderItem(\n            index,\n            item,\n            list,\n            { ...this.context },\n            update\n          );\n        }\n\n        if (innerElement === null) {\n          innerElement = renderDefaultItem(item, context, update);\n        }\n\n        const el = innerElement;\n        el.setAttribute('data-tree-node-id', item.id);\n        el.style.paddingRight = '1rem';\n        this.updatePadding(el, item);\n\n        if (!this.itemClickListener.has(el)) {\n          const itemClickCallback = (event: Event) => {\n            const path = event.composedPath();\n            const treeIndex = path.indexOf(this.hostElement);\n            const treePath = path.slice(0, treeIndex);\n            const hasTrigger = dropdownController.pathIncludesTrigger(treePath);\n\n            if (event.defaultPrevented) {\n              return;\n            }\n\n            if (hasTrigger) {\n              return;\n            }\n\n            Object.values(this.context).forEach((c) => (c.isSelected = false));\n            const context = this.getContext(item.id);\n            context.isSelected = true;\n            this.setContext(item.id, context);\n            this.nodeClicked.emit(item.id);\n          };\n          el.addEventListener('toggle', (event) => {\n            event.preventDefault();\n          });\n          el.addEventListener('click', itemClickCallback);\n          this.itemClickListener.set(el, itemClickCallback);\n        }\n\n        setToggleListener(item, el, index);\n\n        return el;\n      },\n    };\n  }\n\n  private setContext(id: string, context: TreeItemContext) {\n    this.context = {\n      ...this.context,\n      [id]: context,\n    };\n\n    this.contextChange.emit(this.context);\n  }\n\n  private getContext(id: string): TreeItemContext {\n    if (!this.context) {\n      return {\n        isExpanded: false,\n        isSelected: false,\n      };\n    }\n    if (!this.context[id]) {\n      this.context[id] = {\n        isExpanded: false,\n        isSelected: false,\n      };\n    }\n    return this.context[id];\n  }\n\n  private buildTreeList(\n    root: TreeItem<any>,\n    level: number = 0\n  ): TreeItemVisual<any>[] {\n    const itemList: TreeItemVisual<any>[] = [];\n\n    if (root?.hasChildren) {\n      const newLevel = level + 1;\n      root.children.forEach((id: string) => {\n        const item = this.model[id];\n        const context = this.getContext(id);\n        itemList.push({ ...item, level });\n        if (item.hasChildren && context.isExpanded) {\n          itemList.push(...this.buildTreeList(item, newLevel));\n        }\n      });\n    }\n\n    return itemList;\n  }\n\n  componentDidLoad() {\n    this.initList();\n\n    this.observer = new MutationObserver((records) => {\n      let removed: unknown[] = [];\n\n      records.forEach((record) => {\n        removed = [...removed, ...Array.from(record.removedNodes)];\n\n        record.addedNodes.forEach((an) => {\n          const index = removed.indexOf(an);\n          if (index >= 0) {\n            removed.splice(index, 1);\n          }\n        });\n      });\n\n      this.nodeRemoved.emit(removed);\n    });\n\n    this.observer.observe(this.hostElement, {\n      childList: true,\n    });\n  }\n\n  componentWillRender() {\n    this.hasFirstRender = true;\n\n    if (this.isListInitialized()) {\n      this.refreshList();\n    } else {\n      this.initList();\n    }\n  }\n\n  disconnectedCallback() {\n    this.hyperlist?.destroy();\n    this.observer?.disconnect();\n  }\n\n  @Watch('model')\n  modelChange() {\n    if (this.hasFirstRender && !this.isListInitialized()) {\n      this.initList();\n    }\n  }\n\n  private isListInitialized() {\n    const itemPositions = this.hyperlist?._itemPositions;\n\n    return (\n      itemPositions !== undefined &&\n      itemPositions.length &&\n      !itemPositions?.some(\n        (item: number) => item === undefined || Number.isNaN(item)\n      )\n    );\n  }\n\n  private refreshList() {\n    if (this.hyperlist) {\n      this.hyperlist.refresh(this.hostElement, this.getVirtualizerOptions());\n    }\n  }\n\n  private initList() {\n    if (!this.model) {\n      return;\n    }\n\n    this.hyperlist?.destroy();\n    const config = this.getVirtualizerOptions();\n    this.hyperlist = new Hyperlist(this.hostElement, config);\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-f87cd962.js";const n='.typography-label,:host(.typography-label){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-xs,:host(.typography-label-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-lg,:host(.typography-label-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-xs,:host(.typography-body-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-lg,:host(.typography-body-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.typography-h6,:host(.typography-h6){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.typography-h5,:host(.typography-h5){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.typography-h4,:host(.typography-h4){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.typography-h3,:host(.typography-h3){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.typography-h2,:host(.typography-h2){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.typography-h1,:host(.typography-h1){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.text-xs){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}:host(.text-s){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}:host(.text-default){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-default-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-l){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-l-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-h2){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}:host(.text-xl){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}';const i=n;const a=class{constructor(e){t(this,e);this.format=undefined;this.color=undefined;this.textColor=undefined;this.bold=false;this.textDecoration="none"}render(){var t;let n={};n[`typography-${(t=this.format)!==null&&t!==void 0?t:"body"}`]=true;if(this.textDecoration!=="none"){n[`typography-decoration-${this.textDecoration}`]=true}n["typography-weight-bold"]=this.bold;let i={};if(this.color){i={color:`var(--theme-color-${this.color}-text)`}}if(this.textColor){i={color:`var(--theme-color-${this.textColor}-text)`}}return e(o,{key:"41b607ef68010d1bdcf5c8446138225dee1e64a6",class:n,style:i},e("slot",{key:"81adb077808b8625c785c4f0390886dbfc156b27"}))}};a.style=i;export{a as ix_typography};
+//# sourceMappingURL=p-fb593d70.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["typographyCss","IxTypographyStyle0","IxTypography","render","typographyClass","_a","this","format","textDecoration","bold","style","color","textColor","h","Host","key","class"],"sources":["src/components/typography/typography.scss?tag=ix-typography&encapsulation=shadow","src/components/typography/typography.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 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n@import 'components/fonts';\n@import 'mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n}\n\n:host(.text-xs) {\n  @include text-xs;\n}\n\n:host(.text-s) {\n  @include text-s;\n}\n\n:host(.text-caption) {\n  @include text-caption;\n}\n\n:host(.text-caption-single) {\n  @include text-caption-single;\n}\n\n:host(.text-default) {\n  @include text-default;\n}\n\n:host(.text-default-single) {\n  @include text-default-single;\n}\n\n:host(.text-default-title) {\n  @include text-default-title;\n}\n\n:host(.text-default-title-single) {\n  @include text-default-title-single;\n}\n\n:host(.text-l) {\n  @include text-l;\n}\n\n:host(.text-l-single) {\n  @include text-l-single;\n}\n\n:host(.text-l-title) {\n  @include text-l-title;\n}\n\n:host(.text-l-title-single) {\n  @include text-l-title-single;\n}\n\n:host(.text-h2) {\n  @include text-h2;\n}\n\n:host(.text-xl) {\n  @include text-xl;\n}\n\n$typography-formats: label, label-xs, label-sm, label-lg, body, body-xs, body-sm,\n  body-lg, display, display-xs, display-sm, display-lg, display-xl, display-xxl,\n  h6, h5, h4, h3, h2, h1, code, code-sm, code-lg;\n\n@each $format in $typography-formats {\n  :host(.typography-#{$format}) {\n    @extend .typography-#{$format};\n  }\n}\n\n$typography-decoration: none, underline, line-through;\n@each $decoration in $typography-decoration {\n  :host(.typography-decoration-#{$decoration}) {\n    @extend .typography-decoration-#{$decoration};\n  }\n}\n\n:host(.typography-weight-bold) {\n  @extend .typography-weight-bold;\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 { Component, h, Host, Prop } from '@stencil/core';\n\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'large-title'\n  | 'large-title-single'\n  | 'h2'\n  | 'display-large';\n\nexport type TypographyColors =\n  | 'contrast'\n  | 'std'\n  | 'soft'\n  | 'weak'\n  | 'inv-contrast'\n  | 'inv-std'\n  | 'inv-soft'\n  | 'inv-weak'\n  | 'alarm';\n\ntype TypographyFormatLabel = 'label' | 'label-xs' | 'label-sm' | 'label-lg';\ntype TypographyFormatBody = 'body' | 'body-xs' | 'body-sm' | 'body-lg';\ntype TypographyFormatDisplay =\n  | 'display'\n  | 'display-xs'\n  | 'display-sm'\n  | 'display-lg'\n  | 'display-xl'\n  | 'display-xxl';\ntype TypographyFormatHeading = 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1';\ntype TypographyFormatCode = 'code' | 'code-sm' | 'code-lg';\n\nexport type TypographyFormat =\n  | TypographyFormatLabel\n  | TypographyFormatBody\n  | TypographyFormatDisplay\n  | TypographyFormatHeading\n  | TypographyFormatCode;\n\nexport type TextDecoration = 'none' | 'underline' | 'line-through';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-typography',\n  styleUrl: 'typography.scss',\n  shadow: true,\n})\nexport class IxTypography {\n  /**\n   * Text format\n   */\n  @Prop() format?: TypographyFormat;\n\n  /**\n   * Text color based on theme variables\n   *\n   * @deprecated since 2.1.0 use property `text-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color?: TypographyColors;\n\n  /**\n   * Text color based on theme variables\n   */\n  @Prop() textColor?: TypographyColors;\n\n  /**\n   * Display text bold\n   */\n  @Prop() bold = false;\n\n  /**\n   * Text decoration\n   */\n  @Prop() textDecoration: TextDecoration = 'none';\n\n  render() {\n    let typographyClass: Record<string, boolean> = {};\n    typographyClass[`typography-${this.format ?? 'body'}`] = true;\n\n    if (this.textDecoration !== 'none') {\n      typographyClass[`typography-decoration-${this.textDecoration}`] = true;\n    }\n\n    typographyClass['typography-weight-bold'] = this.bold;\n\n    let style = {};\n\n    if (this.color) {\n      style = {\n        color: `var(--theme-color-${this.color}-text)`,\n      };\n    }\n\n    if (this.textColor) {\n      style = {\n        color: `var(--theme-color-${this.textColor}-text)`,\n      };\n    }\n\n    return (\n      <Host class={typographyClass} style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,4vbACtB,MAAAC,EAAeD,E,MCkEFE,EAAY,M,uGAsBR,M,oBAK0B,M,CAEzC,MAAAC,G,MACE,IAAIC,EAA2C,GAC/CA,EAAgB,eAAcC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,EAAAA,EAAI,UAAY,KAEzD,GAAIC,KAAKE,iBAAmB,OAAQ,CAClCJ,EAAgB,yBAAyBE,KAAKE,kBAAoB,I,CAGpEJ,EAAgB,0BAA4BE,KAAKG,KAEjD,IAAIC,EAAQ,GAEZ,GAAIJ,KAAKK,MAAO,CACdD,EAAQ,CACNC,MAAO,qBAAqBL,KAAKK,c,CAIrC,GAAIL,KAAKM,UAAW,CAClBF,EAAQ,CACNC,MAAO,qBAAqBL,KAAKM,kB,CAIrC,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOZ,EAAiBM,MAAOA,GACnCG,EAAA,QAAAE,IAAA,6C"}