@siemens/ix 0.0.0-pr-2155-20250919111817 → 0.0.0-pr-2155-20250924070505

package/components/{p-4drgJeL0.js.map → p-C-7UhkWz.js.map}

@@ -1 +1 @@
-{"file":"p-4drgJeL0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utils/uuid.ts","src/components/menu-item/menu-item.scss?tag=ix-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.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 */\nexport function generateUUID(): string {\n  const randomString =\n    Math.random().toString(36).substring(2, 15) +\n    Math.random().toString(36).substring(2, 15);\n\n  const timestampString = new Date().getTime().toString(36);\n  const uuid = randomString + timestampString;\n\n  return uuid;\n}\n\nexport const createSequentialId = (prefix: string, sequenceId: number) => {\n  return `${prefix}-${sequenceId++}`;\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\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n\n$menuItemHeight: 3rem;\n$menuItemPadding: 0.875rem;\n\n:host {\n  position: relative;\n  display: block;\n  cursor: pointer;\n\n  height: var(--ix-menu-item-height, $menuItemHeight);\n  min-height: var(--ix-menu-item-height, $menuItemHeight);\n  max-height: var(--ix-menu-item-height, $menuItemHeight);\n\n  .tab {\n    all: unset;\n    box-sizing: border-box;\n    display: flex;\n    position: relative;\n    align-items: center;\n    height: var(--ix-menu-item-height, $menuItemHeight);\n    width: calc(100%);\n    z-index: 500;\n    padding-left: $menuItemPadding;\n\n    @include hover.ghost-hover-pressed;\n  }\n\n  .tab-icon {\n    color: var(--theme-nav-item-primary-icon--color);\n    position: relative;\n    pointer-events: none;\n  }\n\n  .tab:focus-visible {\n    outline: 1px solid var(--theme-color-focus-bdr);\n    outline-offset: -1px;\n  }\n\n  .notification {\n    display: inline-flex;\n    position: absolute;\n    top: 0.25rem;\n    left: 1.5rem;\n\n    .pill {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      height: 0.5rem;\n      min-width: 1rem;\n      position: relative;\n      border-radius: 6.25rem;\n      background-color: var(--theme-color-primary);\n      font-size: 0.75rem;\n      font-weight: bold;\n      line-height: 1;\n      font-family: Siemens Sans, Arial, sans-serif;\n      color: var(--theme-color-primary--contrast);\n      padding: vars.$tiny-space;\n    }\n  }\n\n  .tab-text {\n    color: var(--theme-nav-item-primary--color);\n    margin: 0 1rem 0 1.25rem;\n    user-select: none;\n    width: 100%;\n\n    @include text-truncation.ellipsis;\n  }\n}\n\n:host(.active),\n:host(.selected) {\n  .tab {\n    background-color: var(--theme-nav-item-primary--background--selected);\n  }\n\n  .tab::before {\n    content: '';\n    background-color: var(--theme-nav-item-primary--border-color--selected);\n    height: var(--ix-menu-item-height, $menuItemHeight);\n    width: 0.25rem;\n    left: 0;\n    position: absolute;\n  }\n\n  .tab > .glyph {\n    color: var(--theme-nav-item-primary-icon--color--selected);\n  }\n}\n\n:host(.disabled) {\n  color: var(--theme-color-weak-text);\n  pointer-events: none;\n  cursor: default;\n\n  .tab > .tab-icon {\n    color: var(--theme-color-weak-text);\n  }\n\n  .tab-text {\n    color: var(--theme-color-weak-text);\n  }\n}\n\n:host(.bottom-tab),\n:host([slot='bottom']) {\n  $bottom-height: 2.25rem;\n\n  min-height: $bottom-height;\n  height: $bottom-height;\n  max-height: $bottom-height;\n\n  .tab {\n    height: $bottom-height;\n  }\n\n  .tab::before {\n    height: $bottom-height;\n    background-color: transparent;\n  }\n\n  &.active,\n  &.selected {\n    &:hover {\n      background-color: var(--theme-nav-item-secondary--background--selected);\n    }\n\n    &:active {\n      background-color: var(--theme-nav-item-secondary--background--selected);\n    }\n  }\n}\n\n:host(.bottom-tab.active),\n:host(.bottom-tab.selected),\n:host(.active[slot='bottom']),\n:host(.selected[slot='bottom']) {\n  .tab {\n    background-color: var(--theme-nav-item-secondary--background--selected);\n  }\n}\n\n:host(.tab-nested) {\n  .tab {\n    flex-direction: row;\n    padding-left: calc(0.5rem + $menuItemPadding);\n\n    .notification {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding-left: 0.5rem;\n    }\n\n    .tab-icon {\n      padding-left: 0.5rem;\n      padding-right: 0.5rem;\n    }\n\n    .tab-text {\n      margin-left: 0.5rem;\n    }\n\n    &::before {\n      display: none;\n    }\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, State, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\nimport { iconDocument } from '@siemens/ix-icons/icons';\nimport { a11yBoolean } from '../utils/a11y';\nimport { createSequentialId } from '../utils/uuid';\nimport { IxMenuItemBase } from './menu-item.interface';\nimport { AnchorTarget } from '../button/button.interface';\n\nlet sequenceId = 0;\n\n/**\n * @slot menu-item-label Custom label\n */\n@Component({\n  tag: 'ix-menu-item',\n  styleUrl: 'menu-item.scss',\n  shadow: true,\n})\nexport class MenuItem implements IxMenuItemBase {\n  /**\n   * Label of the menu item. Will also be used as tooltip text\n   */\n  @Prop() label?: string;\n\n  /**\n   * Move the Tab to a top position.\n   */\n  @Prop() home = false;\n\n  /**\n   * Caution: this is no longer working. Please use slot=\"bottom\" instead.\n   *\n   * Place tab on bottom\n   */\n  @Prop() bottom = false;\n\n  /**\n   * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons}\n   */\n  @Prop({ mutable: true }) icon?: string;\n\n  /**\n   * Show notification count on tab\n   */\n  @Prop() notifications?: number;\n\n  /**\n   * State to display active\n   */\n  @Prop() active: boolean = false;\n\n  /**\n   * Disable tab and remove event handlers\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Will be shown as tooltip text, if not provided menu text content will be used.\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * URL for the button link. When provided, the button will render as an anchor tag.\n   *\n   * @since 4.0.0\n   */\n  @Prop() href?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() target?: AnchorTarget = '_self';\n\n  /**\n   * Specifies the relationship between the current document and the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() rel?: string;\n\n  /** @internal */\n  @Prop() isCategory: boolean = false;\n\n  @Element() hostElement!: HTMLIxMenuItemElement;\n\n  @State() tooltip?: string;\n  @State() ariaHiddenTooltip = false;\n  @State() menuExpanded: boolean = false;\n\n  private readonly internalItemId = createSequentialId(\n    'ix-menu-item-',\n    sequenceId++\n  );\n\n  private readonly buttonRef = makeRef<HTMLButtonElement | HTMLAnchorElement>();\n  private isHostedInsideCategory = false;\n  private menuExpandedDisposer?: Disposable;\n\n  private readonly observer: MutationObserver = createMutationObserver(() => {\n    this.setTooltip();\n  });\n\n  componentWillLoad() {\n    this.isHostedInsideCategory =\n      !!this.hostElement.closest('ix-menu-category');\n\n    this.onIconChange();\n\n    this.menuExpanded = menuController.nativeElement?.expand || false;\n    this.menuExpandedDisposer = menuController.expandChange.on(\n      (expand) => (this.menuExpanded = expand)\n    );\n  }\n\n  componentWillRender() {\n    this.setTooltip();\n  }\n\n  setTooltip() {\n    this.tooltip =\n      this.tooltipText ??\n      this.label ??\n      this.hostElement.textContent ??\n      undefined;\n\n    this.ariaHiddenTooltip =\n      this.tooltipText === this.label ||\n      this.tooltipText === this.hostElement.textContent;\n  }\n\n  connectedCallback() {\n    this.observer.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.menuExpandedDisposer) {\n      this.menuExpandedDisposer.dispose();\n    }\n  }\n\n  @Watch('icon')\n  onIconChange() {\n    if (!this.isHostedInsideCategory && !this.hostElement.icon) {\n      this.icon = iconDocument;\n    }\n  }\n\n  render() {\n    let extendedAttributes = {};\n    if (this.home) {\n      extendedAttributes = {\n        slot: 'home',\n      };\n    }\n\n    if (this.bottom) {\n      extendedAttributes = {\n        slot: 'bottom',\n      };\n    }\n\n    const commonAttributes = {\n      class: 'tab',\n      tabIndex: this.disabled ? -1 : 0,\n    };\n\n    const menuContent = [\n      this.icon && <ix-icon class={'tab-icon'} name={this.icon}></ix-icon>,\n      this.notifications ? (\n        <div class=\"notification\">\n          <div class=\"pill\">{this.notifications}</div>\n        </div>\n      ) : null,\n      <span id={this.internalItemId} class=\"tab-text text-default\">\n        {this.label}\n        <slot></slot>\n      </span>,\n    ];\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          'home-tab': this.home,\n          'bottom-tab': this.bottom,\n          active: this.active,\n          'tab-nested': this.isHostedInsideCategory,\n        }}\n        {...extendedAttributes}\n      >\n        {this.href ? (\n          <a\n            {...commonAttributes}\n            href={this.disabled ? undefined : this.href}\n            target={this.target}\n            rel={this.rel}\n            role=\"button\"\n            ref={this.buttonRef}\n            onClick={(e: Event) => {\n              if (this.disabled) {\n                e.preventDefault();\n                e.stopPropagation();\n              }\n            }}\n          >\n            {menuContent}\n          </a>\n        ) : (\n          <button {...commonAttributes} ref={this.buttonRef}>\n            {menuContent}\n          </button>\n        )}\n        <ix-tooltip\n          for={this.buttonRef.waitForCurrent()}\n          placement={'right'}\n          showDelay={1000}\n          interactive={false}\n          aria-hidden={a11yBoolean(this.ariaHiddenTooltip)}\n          aria-labelledby={this.internalItemId}\n        >\n          {this.tooltip}\n        </ix-tooltip>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-C-7UhkWz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utils/uuid.ts","src/components/menu-item/menu-item.scss?tag=ix-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.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 */\nexport function generateUUID(): string {\n  const randomString =\n    Math.random().toString(36).substring(2, 15) +\n    Math.random().toString(36).substring(2, 15);\n\n  const timestampString = new Date().getTime().toString(36);\n  const uuid = randomString + timestampString;\n\n  return uuid;\n}\n\nexport const createSequentialId = (prefix: string, sequenceId: number) => {\n  return `${prefix}-${sequenceId++}`;\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\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n\n$menuItemHeight: 3rem;\n$menuItemPadding: 0.875rem;\n\n:host {\n  position: relative;\n  display: block;\n  cursor: pointer;\n\n  height: var(--ix-menu-item-height, $menuItemHeight);\n  min-height: var(--ix-menu-item-height, $menuItemHeight);\n  max-height: var(--ix-menu-item-height, $menuItemHeight);\n\n  .tab {\n    all: unset;\n    box-sizing: border-box;\n    display: flex;\n    position: relative;\n    align-items: center;\n    height: var(--ix-menu-item-height, $menuItemHeight);\n    width: calc(100%);\n    z-index: 500;\n    padding-left: $menuItemPadding;\n\n    @include hover.ghost-hover-pressed;\n  }\n\n  .tab-icon {\n    color: var(--theme-nav-item-primary-icon--color);\n    position: relative;\n    pointer-events: none;\n  }\n\n  .tab:focus-visible {\n    outline: 1px solid var(--theme-color-focus-bdr);\n    outline-offset: -1px;\n  }\n\n  .notification {\n    display: inline-flex;\n    position: absolute;\n    top: 0.25rem;\n    left: 1.5rem;\n\n    .pill {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      height: 0.5rem;\n      min-width: 1rem;\n      position: relative;\n      border-radius: 6.25rem;\n      background-color: var(--theme-color-primary);\n      font-size: 0.75rem;\n      font-weight: bold;\n      line-height: 1;\n      font-family: Siemens Sans, Arial, sans-serif;\n      color: var(--theme-color-primary--contrast);\n      padding: vars.$tiny-space;\n    }\n  }\n\n  .tab-text {\n    color: var(--theme-nav-item-primary--color);\n    margin: 0 1rem 0 1.25rem;\n    user-select: none;\n    width: 100%;\n\n    @include text-truncation.ellipsis;\n  }\n}\n\n:host(.active),\n:host(.selected) {\n  .tab {\n    background-color: var(--theme-nav-item-primary--background--selected);\n  }\n\n  .tab::before {\n    content: '';\n    background-color: var(--theme-nav-item-primary--border-color--selected);\n    height: var(--ix-menu-item-height, $menuItemHeight);\n    width: 0.25rem;\n    left: 0;\n    position: absolute;\n  }\n\n  .tab > .glyph {\n    color: var(--theme-nav-item-primary-icon--color--selected);\n  }\n}\n\n:host(.disabled) {\n  color: var(--theme-color-weak-text);\n  pointer-events: none;\n  cursor: default;\n\n  .tab > .tab-icon {\n    color: var(--theme-color-weak-text);\n  }\n\n  .tab-text {\n    color: var(--theme-color-weak-text);\n  }\n}\n\n:host(.bottom-tab),\n:host([slot='bottom']) {\n  $bottom-height: 2.25rem;\n\n  min-height: $bottom-height;\n  height: $bottom-height;\n  max-height: $bottom-height;\n\n  .tab {\n    height: $bottom-height;\n  }\n\n  .tab::before {\n    height: $bottom-height;\n    background-color: transparent;\n  }\n\n  &.active,\n  &.selected {\n    &:hover {\n      background-color: var(--theme-nav-item-secondary--background--selected);\n    }\n\n    &:active {\n      background-color: var(--theme-nav-item-secondary--background--selected);\n    }\n  }\n}\n\n:host(.bottom-tab.active),\n:host(.bottom-tab.selected),\n:host(.active[slot='bottom']),\n:host(.selected[slot='bottom']) {\n  .tab {\n    background-color: var(--theme-nav-item-secondary--background--selected);\n  }\n}\n\n:host(.tab-nested) {\n  .tab {\n    flex-direction: row;\n    padding-left: calc(0.5rem + $menuItemPadding);\n\n    .notification {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding-left: 0.5rem;\n    }\n\n    .tab-icon {\n      padding-left: 0.5rem;\n      padding-right: 0.5rem;\n    }\n\n    .tab-text {\n      margin-left: 0.5rem;\n    }\n\n    &::before {\n      display: none;\n    }\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, State, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\nimport { iconDocument } from '@siemens/ix-icons/icons';\nimport { a11yBoolean } from '../utils/a11y';\nimport { createSequentialId } from '../utils/uuid';\nimport { IxMenuItemBase } from './menu-item.interface';\nimport { AnchorTarget } from '../button/button.interface';\n\nlet sequenceId = 0;\n\n/**\n * @slot menu-item-label Custom label\n */\n@Component({\n  tag: 'ix-menu-item',\n  styleUrl: 'menu-item.scss',\n  shadow: true,\n})\nexport class MenuItem implements IxMenuItemBase {\n  /**\n   * Label of the menu item. Will also be used as tooltip text\n   */\n  @Prop() label?: string;\n\n  /**\n   * Move the Tab to a top position.\n   */\n  @Prop() home = false;\n\n  /**\n   * Caution: this is no longer working. Please use slot=\"bottom\" instead.\n   *\n   * Place tab on bottom\n   */\n  @Prop() bottom = false;\n\n  /**\n   * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons}\n   */\n  @Prop({ mutable: true }) icon?: string;\n\n  /**\n   * Show notification count on tab\n   */\n  @Prop() notifications?: number;\n\n  /**\n   * State to display active\n   */\n  @Prop() active: boolean = false;\n\n  /**\n   * Disable tab and remove event handlers\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Will be shown as tooltip text, if not provided menu text content will be used.\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * URL for the button link. When provided, the button will render as an anchor tag.\n   *\n   * @since 4.0.0\n   */\n  @Prop() href?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() target?: AnchorTarget = '_self';\n\n  /**\n   * Specifies the relationship between the current document and the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() rel?: string;\n\n  /** @internal */\n  @Prop() isCategory: boolean = false;\n\n  @Element() hostElement!: HTMLIxMenuItemElement;\n\n  @State() tooltip?: string;\n  @State() ariaHiddenTooltip = false;\n  @State() menuExpanded: boolean = false;\n\n  private readonly internalItemId = createSequentialId(\n    'ix-menu-item-',\n    sequenceId++\n  );\n\n  private readonly buttonRef = makeRef<HTMLButtonElement | HTMLAnchorElement>();\n  private isHostedInsideCategory = false;\n  private menuExpandedDisposer?: Disposable;\n\n  private readonly observer: MutationObserver = createMutationObserver(() => {\n    this.setTooltip();\n  });\n\n  componentWillLoad() {\n    this.isHostedInsideCategory =\n      !!this.hostElement.closest('ix-menu-category');\n\n    this.onIconChange();\n\n    this.menuExpanded = menuController.nativeElement?.expand || false;\n    this.menuExpandedDisposer = menuController.expandChange.on(\n      (expand) => (this.menuExpanded = expand)\n    );\n  }\n\n  componentWillRender() {\n    this.setTooltip();\n  }\n\n  setTooltip() {\n    this.tooltip =\n      this.tooltipText ??\n      this.label ??\n      this.hostElement.textContent ??\n      undefined;\n\n    this.ariaHiddenTooltip =\n      this.tooltipText === this.label ||\n      this.tooltipText === this.hostElement.textContent;\n  }\n\n  connectedCallback() {\n    this.observer.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.menuExpandedDisposer) {\n      this.menuExpandedDisposer.dispose();\n    }\n  }\n\n  @Watch('icon')\n  onIconChange() {\n    if (!this.isHostedInsideCategory && !this.hostElement.icon) {\n      this.icon = iconDocument;\n    }\n  }\n\n  render() {\n    let extendedAttributes = {};\n    if (this.home) {\n      extendedAttributes = {\n        slot: 'home',\n      };\n    }\n\n    if (this.bottom) {\n      extendedAttributes = {\n        slot: 'bottom',\n      };\n    }\n\n    const commonAttributes = {\n      class: 'tab',\n      tabIndex: this.disabled ? -1 : 0,\n    };\n\n    const menuContent = [\n      this.icon && <ix-icon class={'tab-icon'} name={this.icon}></ix-icon>,\n      this.notifications ? (\n        <div class=\"notification\">\n          <div class=\"pill\">{this.notifications}</div>\n        </div>\n      ) : null,\n      <span id={this.internalItemId} class=\"tab-text text-default\">\n        {this.label}\n        <slot></slot>\n      </span>,\n    ];\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          'home-tab': this.home,\n          'bottom-tab': this.bottom,\n          active: this.active,\n          'tab-nested': this.isHostedInsideCategory,\n        }}\n        {...extendedAttributes}\n      >\n        {this.href ? (\n          <a\n            {...commonAttributes}\n            href={this.disabled ? undefined : this.href}\n            target={this.target}\n            rel={this.rel}\n            role=\"button\"\n            ref={this.buttonRef}\n            onClick={(e: Event) => {\n              if (this.disabled) {\n                e.preventDefault();\n                e.stopPropagation();\n              }\n            }}\n          >\n            {menuContent}\n          </a>\n        ) : (\n          <button {...commonAttributes} ref={this.buttonRef}>\n            {menuContent}\n          </button>\n        )}\n        <ix-tooltip\n          for={this.buttonRef.waitForCurrent()}\n          placement={'right'}\n          showDelay={1000}\n          interactive={false}\n          aria-hidden={a11yBoolean(this.ariaHiddenTooltip)}\n          aria-labelledby={this.internalItemId}\n        >\n          {this.tooltip}\n        </ix-tooltip>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/{p-DistAxZv.js → p-C3irznVN.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, e as createEvent, h } from './p-CaRf_gt1.js';
+import { p as proxyCustomElement, H, e as createEvent, h } from './p-DFHA6KvD.js';
 import { m as makeRef } from './p-bcj7UEIC.js';
-import { d as defineCustomElement$1 } from './p-B0fUK43a.js';
+import { d as defineCustomElement$1 } from './p-peiPnj46.js';
 
-const menuAvatarItemCss = ":host{display:block;color:var(--theme-color-std-text);}: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}";
+const menuAvatarItemCss = ":host{display:block;color:var(--theme-color-std-text)}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
 
 const MenuAvatarItem = /*@__PURE__*/ proxyCustomElement(class MenuAvatarItem extends H {
     constructor(registerHost) {
@@ -48,6 +48,6 @@ function defineCustomElement() {
 }
 
 export { MenuAvatarItem as M, defineCustomElement as d };
-//# sourceMappingURL=p-DistAxZv.js.map
+//# sourceMappingURL=p-C3irznVN.js.map
 
-//# sourceMappingURL=p-DistAxZv.js.map
+//# sourceMappingURL=p-C3irznVN.js.map

package/components/{p-DistAxZv.js.map → p-C3irznVN.js.map}

@@ -1 +1 @@
-{"file":"p-DistAxZv.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,izBAAizB;;MC0B9zB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAuBU,QAAA,IAAe,CAAA,eAAA,GAAG,OAAO,EAA6B;AAkB/D;;AAdC,IAAA,MAAM,sBAAsB,GAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE;;IAG9C,MAAM,GAAA;QACJ,QACE,CACE,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,eAAe,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  color: var(--theme-color-std-text);\n\n  @include component.ix-component;\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  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxMenuAvatarItemElement;\n\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick!: EventEmitter<MouseEvent>;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-C3irznVN.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,40BAA40B;;MC0Bz1B,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAuBU,QAAA,IAAe,CAAA,eAAA,GAAG,OAAO,EAA6B;AAkB/D;;AAdC,IAAA,MAAM,sBAAsB,GAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE;;IAG9C,MAAM,GAAA;QACJ,QACE,CACE,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,eAAe,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  color: var(--theme-color-std-text);\n\n  @include component.ix-component;\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  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxMenuAvatarItemElement;\n\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick!: EventEmitter<MouseEvent>;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"version":3}

package/components/{p-CgyFt6xa.js → p-CGPMGyof.js}

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-CaRf_gt1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-DFHA6KvD.js';
 import { c as computePosition, a as autoUpdate, s as shift, o as offset, b as arrow, f as flip, h as hide } from './p-CAqtPJ4-.js';
 import { r as resolveSelector } from './p-CFRrPFxi.js';
 import { m as makeRef } from './p-bcj7UEIC.js';
 import { b as addDisposableEventListenerAsArray } from './p-CKoABG1h.js';
-import { d as defineCustomElement$1 } from './p-D5oUib1c.js';
+import { d as defineCustomElement$1 } from './p-BrgHqrnH.js';
 
 const tooltipCss = ".dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex;align-items:center}.tooltip-title ::slotted(ix-icon){margin-right:0.35rem}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
 
@@ -357,6 +357,6 @@ function defineCustomElement() {
 }
 
 export { Tooltip as T, defineCustomElement as d };
-//# sourceMappingURL=p-CgyFt6xa.js.map
+//# sourceMappingURL=p-CGPMGyof.js.map
 
-//# sourceMappingURL=p-CgyFt6xa.js.map
+//# sourceMappingURL=p-CGPMGyof.js.map

package/components/{p-CgyFt6xa.js.map → p-CGPMGyof.js.map}

@@ -1 +1 @@
-{"file":"p-CgyFt6xa.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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.dialog {\n  margin: 0;\n  padding: 0;\n  border: none;\n  max-width: 18.25rem;\n  width: max-content;\n  background-color: transparent;\n  overflow-wrap: break-word;\n  box-shadow: none;\n  overflow: visible;\n}\n\n.tooltip-container {\n  display: block;\n  position: relative;\n  width: auto;\n  height: fit-content;\n  background: var(--theme-tootlip--background);\n  color: var(--theme-color-std-text);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\n  border-radius: 0.25rem;\n}\n\n.content-wrapper {\n  overflow: auto;\n}\n\n.tooltip-title {\n  display: flex;\n  align-items: center;\n\n  ::slotted(ix-icon) {\n    margin-right: 0.35rem;\n  }\n}\n\n.arrow,\n.arrow::before {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  background: inherit;\n}\n\n.arrow {\n  visibility: hidden;\n}\n\n.arrow::before {\n  visibility: visible;\n  content: '';\n  transform: rotate(45deg);\n  background-color: var(--theme-tootlip--background);\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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  arrow,\n  autoUpdate,\n  computePosition,\n  ComputePositionReturn,\n  flip,\n  hide,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { resolveSelector } from '../utils/find-element';\nimport { ElementReference } from 'src/components';\nimport { makeRef } from '../utils/make-ref';\nimport { addDisposableEventListenerAsArray } from '../utils/disposable-event-listener';\n\ntype ArrowPosition = {\n  top?: string;\n  left?: string;\n  right?: string;\n};\n\nconst numberToPixel = (value?: number | null) =>\n  value !== null ? `${value}px` : '';\n\nlet tooltipInstance = 0;\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for?: ElementReference | ElementReference[];\n\n  /**\n   * Title of the tooltip\n   */\n  @Prop() titleContent?: string;\n\n  /**\n   * Define if the user can access the tooltip via mouse.\n   */\n  @Prop() interactive = false;\n\n  /**\n   * Initial placement of the tooltip.\n   * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /** @internal */\n  @Prop() showDelay = 0;\n\n  /** @internal */\n  @Prop() hideDelay = 50;\n\n  /** @internal */\n  @Prop() animationFrame = false;\n\n  @Element() hostElement!: HTMLIxTooltipElement;\n\n  @State() private visible = false;\n\n  private hideTooltipTimeout?: NodeJS.Timeout;\n  private showTooltipTimeout?: NodeJS.Timeout;\n  private visibleFor?: Element;\n\n  private disposeAutoUpdate?: () => void;\n  private disposeTriggerListener?: () => void;\n  private disposeTooltipListener?: () => void;\n  private disposeDomChangeListener?: () => void;\n\n  private readonly instance = tooltipInstance++;\n\n  private readonly dialogRef = makeRef<HTMLDialogElement>();\n\n  private get arrowElement(): HTMLElement {\n    return this.hostElement.shadowRoot!.querySelector('.arrow')!;\n  }\n\n  /** @internal */\n  @Method()\n  async showTooltip(anchorElement: Element) {\n    this.clearTimeouts();\n\n    if (this.showTooltipTimeout || this.visibleFor === anchorElement) {\n      return;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.showTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement(anchorElement);\n      dialog.showPopover();\n      this.applyTooltipPosition(anchorElement, dialog);\n      this.registerTooltipListener(dialog);\n    }, this.showDelay);\n  }\n\n  /** @internal */\n  @Method()\n  async hideTooltip(hideDelay: number = this.hideDelay) {\n    this.clearTimeouts();\n\n    if (this.hideTooltipTimeout || !this.visible) {\n      return;\n    }\n\n    if (this.interactive && hideDelay === 50) {\n      hideDelay = 150;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.hideTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement();\n      dialog.hidePopover();\n      this.disposeAutoUpdate?.();\n      this.disposeTooltipListener?.();\n    }, hideDelay);\n  }\n\n  private setAnchorElement(anchorElement?: Element) {\n    if (!anchorElement) {\n      this.visibleFor = undefined;\n      this.visible = false;\n    } else {\n      this.visibleFor = anchorElement;\n      this.visible = true;\n    }\n  }\n\n  private computeArrowPosition({\n    placement,\n    middlewareData,\n  }: ComputePositionReturn): ArrowPosition | undefined {\n    let { x, y } = middlewareData.arrow!;\n    const resetPosition = {\n      top: 'unset',\n      right: 'unset',\n      bottom: 'unset',\n      left: 'unset',\n    };\n\n    if (placement.startsWith('top')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('right')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('bottom')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(-6),\n      };\n    }\n\n    if (placement.startsWith('left')) {\n      return {\n        ...resetPosition,\n        right: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n  }\n\n  private async computeTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn> {\n    return computePosition(target, dialog, {\n      strategy: 'fixed',\n      placement: this.placement,\n      middleware: [\n        shift(),\n        offset(12),\n        arrow({\n          element: this.arrowElement,\n        }),\n        flip({\n          fallbackStrategy: 'initialPlacement',\n          fallbackAxisSideDirection: 'end',\n          padding: 10,\n        }),\n        hide(),\n      ],\n    });\n  }\n\n  private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n    const arrowPosition = this.computeArrowPosition(computeResponse);\n    Object.assign(this.arrowElement.style, arrowPosition);\n  }\n\n  private async applyTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn | undefined> {\n    if (!target) {\n      return;\n    }\n\n    return new Promise<ComputePositionReturn>((resolve) => {\n      this.disposeAutoUpdate?.();\n\n      this.disposeAutoUpdate = autoUpdate(\n        target,\n        dialog,\n        async () => {\n          const computeResponse = await this.computeTooltipPosition(\n            target,\n            dialog\n          );\n\n          const isHidden = computeResponse.middlewareData.hide?.referenceHidden;\n\n          if (isHidden) {\n            this.hideTooltip(0);\n            resolve(computeResponse);\n          }\n\n          if (computeResponse.middlewareData.arrow) {\n            this.applyTooltipArrowPosition(computeResponse);\n          }\n\n          const { x, y } = computeResponse;\n          Object.assign(dialog.style, {\n            left: numberToPixel(x),\n            top: numberToPixel(y),\n          });\n\n          resolve(computeResponse);\n        },\n        {\n          ancestorResize: true,\n          ancestorScroll: true,\n          elementResize: true,\n          animationFrame: this.animationFrame,\n        }\n      );\n    });\n  }\n\n  private async queryAnchorElements(): Promise<HTMLElement[] | undefined> {\n    if (this.for) {\n      if (Array.isArray(this.for)) {\n        return this.resolveElements(this.for);\n      } else {\n        return this.resolveElements([this.for]);\n      }\n    }\n  }\n\n  private async resolveElements(\n    references: ElementReference[]\n  ): Promise<HTMLElement[]> {\n    const elements: HTMLElement[] = [];\n\n    await Promise.all(\n      references.map(async (reference) => {\n        if (typeof reference === 'string') {\n          const resolvedElements = await resolveSelector(\n            reference,\n            this.hostElement\n          );\n\n          if (resolvedElements) {\n            elements.push(...resolvedElements);\n          }\n        } else if (reference instanceof HTMLElement) {\n          elements.push(reference);\n        } else if (reference instanceof Promise) {\n          elements.push(await reference);\n        }\n      })\n    );\n\n    return elements;\n  }\n\n  private async registerTriggerListener() {\n    this.disposeTriggerListener?.();\n\n    const triggerElementList = await this.queryAnchorElements();\n\n    if (!triggerElementList) {\n      return;\n    }\n\n    const listeners: {\n      element: Element | Window | Document;\n      eventType: string;\n      callback: EventListenerOrEventListenerObject;\n    }[] = [];\n\n    triggerElementList.forEach((element) => {\n      listeners.push(\n        ...[\n          {\n            element: element,\n            eventType: 'mouseenter',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'mouseleave',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n          {\n            element: element,\n            eventType: 'focus',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'focusout',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n        ]\n      );\n    });\n\n    this.disposeTriggerListener = addDisposableEventListenerAsArray(listeners);\n  }\n\n  private registerTooltipListener(dialog: HTMLDialogElement) {\n    this.disposeTooltipListener?.();\n\n    this.disposeTooltipListener = addDisposableEventListenerAsArray([\n      {\n        element: dialog,\n        eventType: 'mouseenter',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focus',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'mouseleave',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focusout',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'click',\n        callback: (event: Event) => {\n          event.stopPropagation();\n        },\n      },\n      {\n        element: document,\n        eventType: 'keydown',\n        callback: (event: Event) => {\n          if ((event as KeyboardEvent).key === 'Escape') {\n            this.hideTooltip();\n          }\n        },\n      },\n    ]);\n  }\n\n  private registerDomChangeListener() {\n    const observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.disposeDomChangeListener = () => {\n      observer.disconnect();\n    };\n  }\n\n  private clearHideTimeout() {\n    clearTimeout(this.hideTooltipTimeout);\n    this.hideTooltipTimeout = undefined;\n  }\n\n  private clearShowTimeout() {\n    clearTimeout(this.showTooltipTimeout);\n    this.showTooltipTimeout = undefined;\n  }\n\n  private clearTimeouts() {\n    this.clearHideTimeout();\n    this.clearShowTimeout();\n  }\n\n  componentWillLoad() {\n    this.registerTriggerListener();\n  }\n\n  componentDidLoad() {\n    this.registerDomChangeListener();\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n\n    this.disposeAutoUpdate?.();\n    this.disposeTriggerListener?.();\n    this.disposeTooltipListener?.();\n    this.disposeDomChangeListener?.();\n  }\n\n  render() {\n    return (\n      <Host role=\"tooltip\" class={{ visible: this.visible }}>\n        <dialog\n          ref={this.dialogRef}\n          id={'tooltip-' + this.instance}\n          class=\"dialog\"\n          popover=\"manual\"\n          inert={!this.visible}\n        >\n          <div class=\"tooltip-container\">\n            <div class=\"content-wrapper\">\n              <div class={'tooltip-title'}>\n                <slot name=\"title-icon\"></slot>\n                <ix-typography format=\"h5\">\n                  {this.titleContent}\n                  <slot name=\"title-content\"></slot>\n                </ix-typography>\n              </div>\n              <slot></slot>\n              <div class=\"arrow\"></div>\n            </div>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CGPMGyof.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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.dialog {\n  margin: 0;\n  padding: 0;\n  border: none;\n  max-width: 18.25rem;\n  width: max-content;\n  background-color: transparent;\n  overflow-wrap: break-word;\n  box-shadow: none;\n  overflow: visible;\n}\n\n.tooltip-container {\n  display: block;\n  position: relative;\n  width: auto;\n  height: fit-content;\n  background: var(--theme-tootlip--background);\n  color: var(--theme-color-std-text);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\n  border-radius: 0.25rem;\n}\n\n.content-wrapper {\n  overflow: auto;\n}\n\n.tooltip-title {\n  display: flex;\n  align-items: center;\n\n  ::slotted(ix-icon) {\n    margin-right: 0.35rem;\n  }\n}\n\n.arrow,\n.arrow::before {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  background: inherit;\n}\n\n.arrow {\n  visibility: hidden;\n}\n\n.arrow::before {\n  visibility: visible;\n  content: '';\n  transform: rotate(45deg);\n  background-color: var(--theme-tootlip--background);\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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  arrow,\n  autoUpdate,\n  computePosition,\n  ComputePositionReturn,\n  flip,\n  hide,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { resolveSelector } from '../utils/find-element';\nimport { ElementReference } from 'src/components';\nimport { makeRef } from '../utils/make-ref';\nimport { addDisposableEventListenerAsArray } from '../utils/disposable-event-listener';\n\ntype ArrowPosition = {\n  top?: string;\n  left?: string;\n  right?: string;\n};\n\nconst numberToPixel = (value?: number | null) =>\n  value !== null ? `${value}px` : '';\n\nlet tooltipInstance = 0;\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for?: ElementReference | ElementReference[];\n\n  /**\n   * Title of the tooltip\n   */\n  @Prop() titleContent?: string;\n\n  /**\n   * Define if the user can access the tooltip via mouse.\n   */\n  @Prop() interactive = false;\n\n  /**\n   * Initial placement of the tooltip.\n   * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /** @internal */\n  @Prop() showDelay = 0;\n\n  /** @internal */\n  @Prop() hideDelay = 50;\n\n  /** @internal */\n  @Prop() animationFrame = false;\n\n  @Element() hostElement!: HTMLIxTooltipElement;\n\n  @State() private visible = false;\n\n  private hideTooltipTimeout?: NodeJS.Timeout;\n  private showTooltipTimeout?: NodeJS.Timeout;\n  private visibleFor?: Element;\n\n  private disposeAutoUpdate?: () => void;\n  private disposeTriggerListener?: () => void;\n  private disposeTooltipListener?: () => void;\n  private disposeDomChangeListener?: () => void;\n\n  private readonly instance = tooltipInstance++;\n\n  private readonly dialogRef = makeRef<HTMLDialogElement>();\n\n  private get arrowElement(): HTMLElement {\n    return this.hostElement.shadowRoot!.querySelector('.arrow')!;\n  }\n\n  /** @internal */\n  @Method()\n  async showTooltip(anchorElement: Element) {\n    this.clearTimeouts();\n\n    if (this.showTooltipTimeout || this.visibleFor === anchorElement) {\n      return;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.showTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement(anchorElement);\n      dialog.showPopover();\n      this.applyTooltipPosition(anchorElement, dialog);\n      this.registerTooltipListener(dialog);\n    }, this.showDelay);\n  }\n\n  /** @internal */\n  @Method()\n  async hideTooltip(hideDelay: number = this.hideDelay) {\n    this.clearTimeouts();\n\n    if (this.hideTooltipTimeout || !this.visible) {\n      return;\n    }\n\n    if (this.interactive && hideDelay === 50) {\n      hideDelay = 150;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.hideTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement();\n      dialog.hidePopover();\n      this.disposeAutoUpdate?.();\n      this.disposeTooltipListener?.();\n    }, hideDelay);\n  }\n\n  private setAnchorElement(anchorElement?: Element) {\n    if (!anchorElement) {\n      this.visibleFor = undefined;\n      this.visible = false;\n    } else {\n      this.visibleFor = anchorElement;\n      this.visible = true;\n    }\n  }\n\n  private computeArrowPosition({\n    placement,\n    middlewareData,\n  }: ComputePositionReturn): ArrowPosition | undefined {\n    let { x, y } = middlewareData.arrow!;\n    const resetPosition = {\n      top: 'unset',\n      right: 'unset',\n      bottom: 'unset',\n      left: 'unset',\n    };\n\n    if (placement.startsWith('top')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('right')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('bottom')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(-6),\n      };\n    }\n\n    if (placement.startsWith('left')) {\n      return {\n        ...resetPosition,\n        right: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n  }\n\n  private async computeTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn> {\n    return computePosition(target, dialog, {\n      strategy: 'fixed',\n      placement: this.placement,\n      middleware: [\n        shift(),\n        offset(12),\n        arrow({\n          element: this.arrowElement,\n        }),\n        flip({\n          fallbackStrategy: 'initialPlacement',\n          fallbackAxisSideDirection: 'end',\n          padding: 10,\n        }),\n        hide(),\n      ],\n    });\n  }\n\n  private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n    const arrowPosition = this.computeArrowPosition(computeResponse);\n    Object.assign(this.arrowElement.style, arrowPosition);\n  }\n\n  private async applyTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn | undefined> {\n    if (!target) {\n      return;\n    }\n\n    return new Promise<ComputePositionReturn>((resolve) => {\n      this.disposeAutoUpdate?.();\n\n      this.disposeAutoUpdate = autoUpdate(\n        target,\n        dialog,\n        async () => {\n          const computeResponse = await this.computeTooltipPosition(\n            target,\n            dialog\n          );\n\n          const isHidden = computeResponse.middlewareData.hide?.referenceHidden;\n\n          if (isHidden) {\n            this.hideTooltip(0);\n            resolve(computeResponse);\n          }\n\n          if (computeResponse.middlewareData.arrow) {\n            this.applyTooltipArrowPosition(computeResponse);\n          }\n\n          const { x, y } = computeResponse;\n          Object.assign(dialog.style, {\n            left: numberToPixel(x),\n            top: numberToPixel(y),\n          });\n\n          resolve(computeResponse);\n        },\n        {\n          ancestorResize: true,\n          ancestorScroll: true,\n          elementResize: true,\n          animationFrame: this.animationFrame,\n        }\n      );\n    });\n  }\n\n  private async queryAnchorElements(): Promise<HTMLElement[] | undefined> {\n    if (this.for) {\n      if (Array.isArray(this.for)) {\n        return this.resolveElements(this.for);\n      } else {\n        return this.resolveElements([this.for]);\n      }\n    }\n  }\n\n  private async resolveElements(\n    references: ElementReference[]\n  ): Promise<HTMLElement[]> {\n    const elements: HTMLElement[] = [];\n\n    await Promise.all(\n      references.map(async (reference) => {\n        if (typeof reference === 'string') {\n          const resolvedElements = await resolveSelector(\n            reference,\n            this.hostElement\n          );\n\n          if (resolvedElements) {\n            elements.push(...resolvedElements);\n          }\n        } else if (reference instanceof HTMLElement) {\n          elements.push(reference);\n        } else if (reference instanceof Promise) {\n          elements.push(await reference);\n        }\n      })\n    );\n\n    return elements;\n  }\n\n  private async registerTriggerListener() {\n    this.disposeTriggerListener?.();\n\n    const triggerElementList = await this.queryAnchorElements();\n\n    if (!triggerElementList) {\n      return;\n    }\n\n    const listeners: {\n      element: Element | Window | Document;\n      eventType: string;\n      callback: EventListenerOrEventListenerObject;\n    }[] = [];\n\n    triggerElementList.forEach((element) => {\n      listeners.push(\n        ...[\n          {\n            element: element,\n            eventType: 'mouseenter',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'mouseleave',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n          {\n            element: element,\n            eventType: 'focus',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'focusout',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n        ]\n      );\n    });\n\n    this.disposeTriggerListener = addDisposableEventListenerAsArray(listeners);\n  }\n\n  private registerTooltipListener(dialog: HTMLDialogElement) {\n    this.disposeTooltipListener?.();\n\n    this.disposeTooltipListener = addDisposableEventListenerAsArray([\n      {\n        element: dialog,\n        eventType: 'mouseenter',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focus',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'mouseleave',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focusout',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'click',\n        callback: (event: Event) => {\n          event.stopPropagation();\n        },\n      },\n      {\n        element: document,\n        eventType: 'keydown',\n        callback: (event: Event) => {\n          if ((event as KeyboardEvent).key === 'Escape') {\n            this.hideTooltip();\n          }\n        },\n      },\n    ]);\n  }\n\n  private registerDomChangeListener() {\n    const observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.disposeDomChangeListener = () => {\n      observer.disconnect();\n    };\n  }\n\n  private clearHideTimeout() {\n    clearTimeout(this.hideTooltipTimeout);\n    this.hideTooltipTimeout = undefined;\n  }\n\n  private clearShowTimeout() {\n    clearTimeout(this.showTooltipTimeout);\n    this.showTooltipTimeout = undefined;\n  }\n\n  private clearTimeouts() {\n    this.clearHideTimeout();\n    this.clearShowTimeout();\n  }\n\n  componentWillLoad() {\n    this.registerTriggerListener();\n  }\n\n  componentDidLoad() {\n    this.registerDomChangeListener();\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n\n    this.disposeAutoUpdate?.();\n    this.disposeTriggerListener?.();\n    this.disposeTooltipListener?.();\n    this.disposeDomChangeListener?.();\n  }\n\n  render() {\n    return (\n      <Host role=\"tooltip\" class={{ visible: this.visible }}>\n        <dialog\n          ref={this.dialogRef}\n          id={'tooltip-' + this.instance}\n          class=\"dialog\"\n          popover=\"manual\"\n          inert={!this.visible}\n        >\n          <div class=\"tooltip-container\">\n            <div class=\"content-wrapper\">\n              <div class={'tooltip-title'}>\n                <slot name=\"title-icon\"></slot>\n                <ix-typography format=\"h5\">\n                  {this.titleContent}\n                  <slot name=\"title-content\"></slot>\n                </ix-typography>\n              </div>\n              <slot></slot>\n              <div class=\"arrow\"></div>\n            </div>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/{p-T6WvXBNC.js → p-CMk-tLmg.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-CaRf_gt1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-DFHA6KvD.js';
 
 const layoutGridCss = ":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";
 
@@ -51,6 +51,6 @@ function defineCustomElement() {
 }
 
 export { LayoutGrid as L, defineCustomElement as d };
-//# sourceMappingURL=p-T6WvXBNC.js.map
+//# sourceMappingURL=p-CMk-tLmg.js.map
 
-//# sourceMappingURL=p-T6WvXBNC.js.map
+//# sourceMappingURL=p-CMk-tLmg.js.map

package/components/{p-T6WvXBNC.js.map → p-CMk-tLmg.js.map}

@@ -1 +1 @@
-{"file":"p-T6WvXBNC.js","mappings":";;AAAA,MAAM,aAAa,GAAG,wOAAwO;;MCgBjP,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAA6B,IAAI;AAE5C;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,EAAE;AAiBrB;IAfC,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI,CAAC,QAAQ;AAC3B,aAAA,EACD,KAAK,EAAE;AACL,gBAAA,0BAA0B,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAE,CAAA;AAC7C,gBAAA,yBAAyB,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAI,EAAA,CAAA;AAC3C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout-grid/layout-grid.scss?tag=ix-layout-grid&encapsulation=shadow","src/components/layout-grid/layout-grid.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:host {\n  --ix-layout-grid-gutter: 24px;\n\n  display: block;\n  flex: 1 1 0%;\n  width: 100%;\n\n  padding-left: calc(var(--ix-layout-grid-gutter) * 0.5);\n  padding-right: calc(var(--ix-layout-grid-gutter) * 0.5);\n}\n\n:host(.no-margin) {\n  padding-left: 0;\n  padding-right: 0;\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-layout-grid',\n  styleUrl: 'layout-grid.scss',\n  shadow: true,\n})\nexport class LayoutGrid {\n  /**\n   * The grid will not have any horizontal padding\n   */\n  @Prop() noMargin = false;\n\n  /**\n   * Grid gap\n   */\n  @Prop() gap: '8' | '12' | '16' | '24' = '24';\n\n  /**\n   * Overwrite the default number of columns. Choose between 2 and 12 columns.\n   */\n  @Prop() columns = 12;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-margin': this.noMargin,\n        }}\n        style={{\n          '--ix-layout-grid-columns': `${this.columns}`,\n          '--ix-layout-grid-gutter': `${this.gap}px`,\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CMk-tLmg.js","mappings":";;AAAA,MAAM,aAAa,GAAG,wOAAwO;;MCgBjP,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAA6B,IAAI;AAE5C;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,EAAE;AAiBrB;IAfC,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI,CAAC,QAAQ;AAC3B,aAAA,EACD,KAAK,EAAE;AACL,gBAAA,0BAA0B,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAE,CAAA;AAC7C,gBAAA,yBAAyB,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAI,EAAA,CAAA;AAC3C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout-grid/layout-grid.scss?tag=ix-layout-grid&encapsulation=shadow","src/components/layout-grid/layout-grid.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:host {\n  --ix-layout-grid-gutter: 24px;\n\n  display: block;\n  flex: 1 1 0%;\n  width: 100%;\n\n  padding-left: calc(var(--ix-layout-grid-gutter) * 0.5);\n  padding-right: calc(var(--ix-layout-grid-gutter) * 0.5);\n}\n\n:host(.no-margin) {\n  padding-left: 0;\n  padding-right: 0;\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-layout-grid',\n  styleUrl: 'layout-grid.scss',\n  shadow: true,\n})\nexport class LayoutGrid {\n  /**\n   * The grid will not have any horizontal padding\n   */\n  @Prop() noMargin = false;\n\n  /**\n   * Grid gap\n   */\n  @Prop() gap: '8' | '12' | '16' | '24' = '24';\n\n  /**\n   * Overwrite the default number of columns. Choose between 2 and 12 columns.\n   */\n  @Prop() columns = 12;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-margin': this.noMargin,\n        }}\n        style={{\n          '--ix-layout-grid-columns': `${this.columns}`,\n          '--ix-layout-grid-gutter': `${this.gap}px`,\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-COHP8TmU.js

@@ -0,0 +1,112 @@
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DFHA6KvD.js';
+
+const tabItemCss = "@charset \"UTF-8\";:host{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host::after{content:\"\";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .hidden{display:none}:host(.circle){height:72px}:host(.top)::after{top:0}:host(.bottom)::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle))::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle))::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}";
+
+const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.tabClick = createEvent(this, "tabClick", 7);
+        /**
+         * Set selected tab
+         */
+        this.selected = false;
+        /**
+         * Set disabled tab
+         */
+        this.disabled = false;
+        /**
+         * Set small size tab
+         */
+        this.small = false;
+        /**
+         * Set icon only tab
+         */
+        this.icon = false;
+        /**
+         * Set rounded tab
+         */
+        this.rounded = false;
+        /**
+         * Set layout width style
+         */
+        this.layout = 'auto';
+        /**
+         * Set selected placement
+         */
+        this.placement = 'bottom';
+    }
+    tabItemClasses(props) {
+        return {
+            selected: props.selected,
+            disabled: props.disabled,
+            'small-tab': props.small,
+            icon: props.small,
+            stretched: props.layout === 'stretched',
+            bottom: props.placement === 'bottom',
+            top: props.placement === 'top',
+            circle: props.circle,
+        };
+    }
+    render() {
+        return (h(Host, { key: 'fbc797818155b68364410a11c5fe0a001e1e6acc', class: this.tabItemClasses({
+                selected: this.selected,
+                disabled: this.disabled,
+                small: this.small,
+                icon: this.icon,
+                layout: this.layout,
+                placement: this.placement,
+                circle: this.rounded,
+            }), tabIndex: 0, onClick: (event) => {
+                if (event.defaultPrevented)
+                    return;
+                const clientEvent = this.tabClick.emit({
+                    nativeEvent: event,
+                });
+                if (clientEvent.defaultPrevented) {
+                    event.stopPropagation();
+                }
+            } }, h("div", { key: '98a4a06c0ceb6ef377de6d57ad42054e212fbe37', class: {
+                circle: this.rounded,
+                text: !this.rounded,
+                selected: this.selected,
+                disabled: this.disabled,
+            } }, h("slot", { key: 'd10de085d72f9559891dfd87f9b91f73832c5b46' })), h("div", { key: '6a2c177981af05692249dd17741667a7986ac286', class: {
+                counter: true,
+                selected: this.selected,
+                hidden: !(this.rounded && this.counter !== undefined),
+                disabled: this.disabled,
+            } }, this.counter)));
+    }
+    static get style() { return tabItemCss; }
+}, [257, "ix-tab-item", {
+        "selected": [4],
+        "disabled": [4],
+        "small": [4],
+        "icon": [4],
+        "rounded": [4],
+        "counter": [2],
+        "layout": [1],
+        "placement": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ix-tab-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ix-tab-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TabItem);
+            }
+            break;
+    } });
+}
+
+export { TabItem as T, defineCustomElement as d };
+//# sourceMappingURL=p-COHP8TmU.js.map
+
+//# sourceMappingURL=p-COHP8TmU.js.map

package/components/{p-BOlxAwcD.js.map → p-COHP8TmU.js.map}

@@ -1 +1 @@
-{"file":"p-BOlxAwcD.js","mappings":";;AAAA,MAAM,UAAU,GAAG,uzIAAuzI;;MCiB7zI,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAME;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAEpB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAOvB;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAyB,MAAM;AAE7C;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAqB,QAAQ;AA4E/C;AArES,IAAA,cAAc,CAAC,KAQtB,EAAA;QACC,OAAO;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,WAAW,EAAE,KAAK,CAAC,KAAK;YACxB,IAAI,EAAE,KAAK,CAAC,KAAK;AACjB,YAAA,SAAS,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW;AACvC,YAAA,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,QAAQ;AACpC,YAAA,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK;YAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,MAAM,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EACF,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,KAAiB,KAAI;gBAC7B,IAAI,KAAK,CAAC,gBAAgB;oBAAE;AAE5B,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACrC,oBAAA,WAAW,EAAE,KAAK;AACnB,iBAAA,CAAC;AAEF,gBAAA,IAAI,WAAW,CAAC,gBAAgB,EAAE;oBAChC,KAAK,CAAC,eAAe,EAAE;;AAE3B,aAAC,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,CAAC,OAAO;AACpB,gBAAA,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,gBAAA,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC;gBACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,aAAA,EAAA,EAEA,IAAI,CAAC,OAAO,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tab-item/tab-item.scss?tag=ix-tab-item&encapsulation=shadow","src/components/tab-item/tab-item.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@use './common-variables' as vars;\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n:host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px vars.$large-space;\n  line-height: 20px;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: var(--theme-tab--background);\n  color: var(--theme-tab--color);\n\n  @include component.ix-component;\n\n  &::after {\n    content: '';\n    position: absolute;\n    background-color: var(--theme-tab-indicator--background);\n    width: 100%;\n    height: var(--theme-tab-indicator--height);\n    left: 0;\n  }\n\n  .text {\n    @include text-truncation.ellipsis;\n\n    span,\n    span::before {\n      pointer-events: none;\n    }\n\n    vertical-align: middle;\n  }\n\n  .circle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 3rem;\n    width: 3rem;\n    background-color: var(--theme-animated-tab-indicator--background);\n    border-radius: 50%;\n    border: 2px solid var(--theme-animated-tab-circle--border-color);\n    color: var(--theme-an…icon--color);\n    cursor: pointer;\n\n    &.selected:not(.disabled) {\n      background-color: var(--theme-animated-tab-circle--background--selected);\n      color: var(--theme-animated-tab-icon--color--selected);\n      border-color: var(--theme-animated-tab-circle--border-color--selected);\n\n      &:hover {\n        background-color: var(\n          --theme-animated-tab-circle--background--selected\n        );\n      }\n    }\n\n    &:hover {\n      background-color: var(--theme-animated-tab-circle--background--hover);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &.disabled {\n      background-color: var(--theme-animated-tab-circle--background--disabled);\n      border-color: var(--theme-animated-tab-circle--border-color--disabled);\n    }\n  }\n\n  .counter {\n    position: absolute;\n    z-index: 1;\n    height: 16px;\n    width: auto;\n    background-color: var(--theme-pill-outline--background);\n    border: 1px solid var(--theme-tab-pill--border-color);\n    border-radius: 100px;\n    bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: vars.$tiny-space;\n    padding-right: vars.$tiny-space;\n    font-size: 12px;\n    line-height: 14px;\n    color: var(--theme-pill-outline--color);\n    cursor: pointer;\n\n    &.selected {\n      border-color: var(--theme-tab-pill--border-color--selected);\n    }\n\n    &.disabled {\n      border-color: var(--theme-tab-pill--border-color--disabled);\n    }\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n\n:host(.circle) {\n  height: 72px;\n}\n\n:host(.top) {\n  &::after {\n    top: 0;\n  }\n}\n\n:host(.bottom) {\n  &::after {\n    bottom: 0;\n  }\n}\n\n:host(.stretched) {\n  flex-basis: 100%;\n  width: 100%;\n  @include text-truncation.ellipsis;\n}\n\n:host(:hover:not(.circle)) {\n  background-color: var(--theme-tab--background--hover);\n  color: var(--theme-tab-color-hover);\n  cursor: pointer;\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--hover);\n  }\n}\n\n:host(:active:not(.circle)) {\n  background-color: var(--theme-tab--background--active);\n  color: var(--theme-tab-color--active);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--active);\n  }\n}\n\n:host(:focus-visible) {\n  outline: 0px solid var(--focus--border-color);\n\n  .circle {\n    outline: 1px solid var(--focus--border-color);\n  }\n}\n\n:host(:focus-visible:not(.circle)) {\n  outline: 1px solid var(--focus--border-color);\n}\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-tab--color--disabled);\n  background-color: var(--theme-tab--background--disabled);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--disabled);\n  }\n}\n\n:host(.selected:not(.disabled)) {\n  background-color: var(--theme-tab--background--selected);\n  color: var(--theme-tab--color--selected);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--selected);\n  }\n}\n\n:host(.icon) {\n  padding: vars.$large-space vars.$small-space;\n}\n\n:host(.small-tab) {\n  height: 32px;\n  padding: vars.$default-space;\n}\n\n:host(.small-tab.icon) {\n  padding: vars.$default-space vars.$tiny-space;\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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { TabClickDetail } from './tab-item.types';\n\n@Component({\n  tag: 'ix-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Set selected tab\n   */\n  @Prop() selected = false;\n\n  /**\n   * Set disabled tab\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set small size tab\n   */\n  @Prop() small = false;\n\n  /**\n   * Set icon only tab\n   */\n  @Prop() icon = false;\n\n  /**\n   * Set rounded tab\n   */\n  @Prop() rounded = false;\n\n  /**\n   * Set counter value\n   */\n  @Prop() counter?: number;\n\n  /**\n   * Set layout width style\n   */\n  @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n  /**\n   * Set selected placement\n   */\n  @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n  /**\n   * Emitted when the tab is clicked.\n   */\n  @Event() tabClick!: EventEmitter<TabClickDetail>;\n\n  private tabItemClasses(props: {\n    selected: boolean;\n    disabled: boolean;\n    small: boolean;\n    icon: boolean;\n    circle: boolean;\n    layout: 'auto' | 'stretched';\n    placement: 'bottom' | 'top';\n  }) {\n    return {\n      selected: props.selected,\n      disabled: props.disabled,\n      'small-tab': props.small,\n      icon: props.small,\n      stretched: props.layout === 'stretched',\n      bottom: props.placement === 'bottom',\n      top: props.placement === 'top',\n      circle: props.circle,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.tabItemClasses({\n          selected: this.selected,\n          disabled: this.disabled,\n          small: this.small,\n          icon: this.icon,\n          layout: this.layout,\n          placement: this.placement,\n          circle: this.rounded,\n        })}\n        tabIndex={0}\n        onClick={(event: MouseEvent) => {\n          if (event.defaultPrevented) return;\n\n          const clientEvent = this.tabClick.emit({\n            nativeEvent: event,\n          });\n\n          if (clientEvent.defaultPrevented) {\n            event.stopPropagation();\n          }\n        }}\n      >\n        <div\n          class={{\n            circle: this.rounded,\n            text: !this.rounded,\n            selected: this.selected,\n            disabled: this.disabled,\n          }}\n        >\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            counter: true,\n            selected: this.selected,\n            hidden: !(this.rounded && this.counter !== undefined),\n            disabled: this.disabled,\n          }}\n        >\n          {this.counter}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-COHP8TmU.js","mappings":";;AAAA,MAAM,UAAU,GAAG,81IAA81I;;MCiBp2I,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAME;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAEpB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAOvB;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAyB,MAAM;AAE7C;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAqB,QAAQ;AA4E/C;AArES,IAAA,cAAc,CAAC,KAQtB,EAAA;QACC,OAAO;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,WAAW,EAAE,KAAK,CAAC,KAAK;YACxB,IAAI,EAAE,KAAK,CAAC,KAAK;AACjB,YAAA,SAAS,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW;AACvC,YAAA,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,QAAQ;AACpC,YAAA,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK;YAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,MAAM,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EACF,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,KAAiB,KAAI;gBAC7B,IAAI,KAAK,CAAC,gBAAgB;oBAAE;AAE5B,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACrC,oBAAA,WAAW,EAAE,KAAK;AACnB,iBAAA,CAAC;AAEF,gBAAA,IAAI,WAAW,CAAC,gBAAgB,EAAE;oBAChC,KAAK,CAAC,eAAe,EAAE;;AAE3B,aAAC,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,CAAC,OAAO;AACpB,gBAAA,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,gBAAA,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC;gBACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,aAAA,EAAA,EAEA,IAAI,CAAC,OAAO,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tab-item/tab-item.scss?tag=ix-tab-item&encapsulation=shadow","src/components/tab-item/tab-item.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@use './common-variables' as vars;\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n:host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px vars.$large-space;\n  line-height: 20px;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: var(--theme-tab--background);\n  color: var(--theme-tab--color);\n\n  @include component.ix-component;\n\n  &::after {\n    content: '';\n    position: absolute;\n    background-color: var(--theme-tab-indicator--background);\n    width: 100%;\n    height: var(--theme-tab-indicator--height);\n    left: 0;\n  }\n\n  .text {\n    @include text-truncation.ellipsis;\n\n    span,\n    span::before {\n      pointer-events: none;\n    }\n\n    vertical-align: middle;\n  }\n\n  .circle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 3rem;\n    width: 3rem;\n    background-color: var(--theme-animated-tab-indicator--background);\n    border-radius: 50%;\n    border: 2px solid var(--theme-animated-tab-circle--border-color);\n    color: var(--theme-an…icon--color);\n    cursor: pointer;\n\n    &.selected:not(.disabled) {\n      background-color: var(--theme-animated-tab-circle--background--selected);\n      color: var(--theme-animated-tab-icon--color--selected);\n      border-color: var(--theme-animated-tab-circle--border-color--selected);\n\n      &:hover {\n        background-color: var(\n          --theme-animated-tab-circle--background--selected\n        );\n      }\n    }\n\n    &:hover {\n      background-color: var(--theme-animated-tab-circle--background--hover);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &.disabled {\n      background-color: var(--theme-animated-tab-circle--background--disabled);\n      border-color: var(--theme-animated-tab-circle--border-color--disabled);\n    }\n  }\n\n  .counter {\n    position: absolute;\n    z-index: 1;\n    height: 16px;\n    width: auto;\n    background-color: var(--theme-pill-outline--background);\n    border: 1px solid var(--theme-tab-pill--border-color);\n    border-radius: 100px;\n    bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: vars.$tiny-space;\n    padding-right: vars.$tiny-space;\n    font-size: 12px;\n    line-height: 14px;\n    color: var(--theme-pill-outline--color);\n    cursor: pointer;\n\n    &.selected {\n      border-color: var(--theme-tab-pill--border-color--selected);\n    }\n\n    &.disabled {\n      border-color: var(--theme-tab-pill--border-color--disabled);\n    }\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n\n:host(.circle) {\n  height: 72px;\n}\n\n:host(.top) {\n  &::after {\n    top: 0;\n  }\n}\n\n:host(.bottom) {\n  &::after {\n    bottom: 0;\n  }\n}\n\n:host(.stretched) {\n  flex-basis: 100%;\n  width: 100%;\n  @include text-truncation.ellipsis;\n}\n\n:host(:hover:not(.circle)) {\n  background-color: var(--theme-tab--background--hover);\n  color: var(--theme-tab-color-hover);\n  cursor: pointer;\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--hover);\n  }\n}\n\n:host(:active:not(.circle)) {\n  background-color: var(--theme-tab--background--active);\n  color: var(--theme-tab-color--active);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--active);\n  }\n}\n\n:host(:focus-visible) {\n  outline: 0px solid var(--focus--border-color);\n\n  .circle {\n    outline: 1px solid var(--focus--border-color);\n  }\n}\n\n:host(:focus-visible:not(.circle)) {\n  outline: 1px solid var(--focus--border-color);\n}\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-tab--color--disabled);\n  background-color: var(--theme-tab--background--disabled);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--disabled);\n  }\n}\n\n:host(.selected:not(.disabled)) {\n  background-color: var(--theme-tab--background--selected);\n  color: var(--theme-tab--color--selected);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--selected);\n  }\n}\n\n:host(.icon) {\n  padding: vars.$large-space vars.$small-space;\n}\n\n:host(.small-tab) {\n  height: 32px;\n  padding: vars.$default-space;\n}\n\n:host(.small-tab.icon) {\n  padding: vars.$default-space vars.$tiny-space;\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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { TabClickDetail } from './tab-item.types';\n\n@Component({\n  tag: 'ix-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Set selected tab\n   */\n  @Prop() selected = false;\n\n  /**\n   * Set disabled tab\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set small size tab\n   */\n  @Prop() small = false;\n\n  /**\n   * Set icon only tab\n   */\n  @Prop() icon = false;\n\n  /**\n   * Set rounded tab\n   */\n  @Prop() rounded = false;\n\n  /**\n   * Set counter value\n   */\n  @Prop() counter?: number;\n\n  /**\n   * Set layout width style\n   */\n  @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n  /**\n   * Set selected placement\n   */\n  @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n  /**\n   * Emitted when the tab is clicked.\n   */\n  @Event() tabClick!: EventEmitter<TabClickDetail>;\n\n  private tabItemClasses(props: {\n    selected: boolean;\n    disabled: boolean;\n    small: boolean;\n    icon: boolean;\n    circle: boolean;\n    layout: 'auto' | 'stretched';\n    placement: 'bottom' | 'top';\n  }) {\n    return {\n      selected: props.selected,\n      disabled: props.disabled,\n      'small-tab': props.small,\n      icon: props.small,\n      stretched: props.layout === 'stretched',\n      bottom: props.placement === 'bottom',\n      top: props.placement === 'top',\n      circle: props.circle,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.tabItemClasses({\n          selected: this.selected,\n          disabled: this.disabled,\n          small: this.small,\n          icon: this.icon,\n          layout: this.layout,\n          placement: this.placement,\n          circle: this.rounded,\n        })}\n        tabIndex={0}\n        onClick={(event: MouseEvent) => {\n          if (event.defaultPrevented) return;\n\n          const clientEvent = this.tabClick.emit({\n            nativeEvent: event,\n          });\n\n          if (clientEvent.defaultPrevented) {\n            event.stopPropagation();\n          }\n        }}\n      >\n        <div\n          class={{\n            circle: this.rounded,\n            text: !this.rounded,\n            selected: this.selected,\n            disabled: this.disabled,\n          }}\n        >\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            counter: true,\n            selected: this.selected,\n            hidden: !(this.rounded && this.counter !== undefined),\n            disabled: this.disabled,\n          }}\n        >\n          {this.counter}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/{p-DFconRfw.js → p-ClGItuSn.js}

@@ -1,15 +1,15 @@
-import { p as proxyCustomElement, H, i as readTask, h, F as Fragment, d as Host } from './p-CaRf_gt1.js';
-import { B as BaseButton } from './p-DrE-5lmd.js';
+import { p as proxyCustomElement, H, i as readTask, h, F as Fragment, d as Host } from './p-DFHA6KvD.js';
+import { B as BaseButton } from './p-iTOaSMDo.js';
 import { b as a11yHostAttributes, a as a11yBoolean } from './p-Bb7pDeaQ.js';
 import { m as makeRef } from './p-bcj7UEIC.js';
 import { a as closestElement, h as hasSlottedElements } from './p-Bi1VyG64.js';
-import { d as defineCustomElement$5 } from './p-CE2cOlWS.js';
-import { d as defineCustomElement$4 } from './p-CHoDV2ND.js';
-import { d as defineCustomElement$3 } from './p-B6A7qI08.js';
-import { d as defineCustomElement$2 } from './p-CgyFt6xa.js';
-import { d as defineCustomElement$1 } from './p-D5oUib1c.js';
+import { d as defineCustomElement$5 } from './p-BzYzD6DI.js';
+import { d as defineCustomElement$4 } from './p-DZNnQyWO.js';
+import { d as defineCustomElement$3 } from './p-R9YNQy08.js';
+import { d as defineCustomElement$2 } from './p-CGPMGyof.js';
+import { d as defineCustomElement$1 } from './p-BrgHqrnH.js';
 
-const avatarCss = ":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content;}: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 .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary,:host(.avatar-button) .btn-tertiary.focus,:host(.avatar-button) .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) .avatar{transform:scale(0.8)}";
+const avatarCss = ":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary,:host(.avatar-button) .btn-tertiary.focus,:host(.avatar-button) .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) .avatar{transform:scale(0.8)}";
 
 function DefaultAvatar(props) {
     const { initials } = props;
@@ -128,6 +128,6 @@ function defineCustomElement() {
 }
 
 export { Avatar as A, defineCustomElement as d };
-//# sourceMappingURL=p-DFconRfw.js.map
+//# sourceMappingURL=p-ClGItuSn.js.map
 
-//# sourceMappingURL=p-DFconRfw.js.map
+//# sourceMappingURL=p-ClGItuSn.js.map

package/components/{p-DFconRfw.js.map → p-ClGItuSn.js.map}

@@ -1 +1 @@
-{"file":"p-DFconRfw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.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@use './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  @include scrollbar.scrollbar();\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-avatar--background);\n      color: var(--theme-avatar--color);\n\n      > ix-typography {\n        // Fix to get the text vertically centered\n        margin-top: 1px;\n      }\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-avatar--color);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    border-radius: 100px !important;\n\n    @include button-mixin.btn-base;\n\n    & {\n      padding: 0px;\n    }\n  }\n\n  @include button-mixin.btn-base-variant('tertiary');\n\n  .avatar {\n    transform: scale(0.8);\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  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n  props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n  const { initials } = props;\n\n  if (initials) {\n    return (\n      <div class={'avatar-initials'}>\n        <ix-typography format=\"label-lg\">{initials}</ix-typography>\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      aria-label={props.a11yLabel}\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <div class=\"avatar\">\n      {props.image ? (\n        <img\n          src={props.image}\n          class=\"avatar-image\"\n          aria-label={props.a11yLabel}\n        ></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n      )}\n    </div>\n  );\n}\n\nfunction UserInfo(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    userName: string;\n    extra?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage\n          image={props.image}\n          initials={props.initials}\n          a11yLabel={props.a11yLabel}\n        />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" text-color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement!: HTMLIxAvatarElement;\n\n  /**\n   * Accessibility label for the image\n   * Will be set as aria-label on the nested HTML img element\n   *\n   * @deprecated Set the native `aria-label` on the ix-avatar host element\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials?: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() username?: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() extra?: string;\n\n  /**\n   * Text to display in a tooltip when hovering over the avatar\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * aria-label for the tooltip\n   *\n   * @since 4.0.0\n   */\n  @Prop() ariaLabelTooltip?: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement?: HTMLSlotElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private async slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve, reject) => {\n      readTask(() => {\n        const button = this.hostElement.shadowRoot!.querySelector('button');\n        if (button) {\n          resolve(button);\n        } else {\n          reject(new Error('ix-avatar - trigger element not found'));\n        }\n      });\n    });\n  }\n\n  private onDropdownClick(event: MouseEvent) {\n    if (event.target === this.dropdownElement) {\n      event.preventDefault();\n    }\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    const a11yLabel = a11y['aria-label'];\n\n    const tooltipText = this.tooltipText || this.username;\n    const ariaHidden = tooltipText === this.username;\n\n    const Avatar = (\n      <Fragment>\n        <AvatarImage\n          image={this.image}\n          initials={this.initials}\n          a11yLabel={a11yLabel ?? this.a11yLabel}\n        />\n        {!!tooltipText && (\n          <ix-tooltip\n            ref={this.tooltipRef}\n            for={this.hostElement}\n            aria-hidden={a11yBoolean(ariaHidden)}\n            aria-label={this.ariaLabelTooltip}\n          >\n            {tooltipText}\n          </ix-tooltip>\n        )}\n      </Fragment>\n    );\n\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            selected={false}\n            type=\"button\"\n            variant=\"tertiary\"\n          >\n            {Avatar}\n          </BaseButton>\n          <ix-dropdown\n            ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n            onClick={(e) => this.onDropdownClick(e)}\n            onShowChanged={(event) => {\n              if (event.detail && this.tooltipRef.current) {\n                this.tooltipRef.current.hideTooltip(0);\n              }\n            }}\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                  a11yLabel={a11yLabel ?? this.a11yLabel}\n                />\n                {this.hasSlottedElements && (\n                  <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n                )}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return <Host>{Avatar}</Host>;\n  }\n}\n"],"version":3}
+{"file":"p-ClGItuSn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.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@use './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  @include scrollbar.scrollbar();\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-avatar--background);\n      color: var(--theme-avatar--color);\n\n      > ix-typography {\n        // Fix to get the text vertically centered\n        margin-top: 1px;\n      }\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-avatar--color);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    border-radius: 100px !important;\n\n    @include button-mixin.btn-base;\n\n    & {\n      padding: 0px;\n    }\n  }\n\n  @include button-mixin.btn-base-variant('tertiary');\n\n  .avatar {\n    transform: scale(0.8);\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  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n  props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n  const { initials } = props;\n\n  if (initials) {\n    return (\n      <div class={'avatar-initials'}>\n        <ix-typography format=\"label-lg\">{initials}</ix-typography>\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      aria-label={props.a11yLabel}\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <div class=\"avatar\">\n      {props.image ? (\n        <img\n          src={props.image}\n          class=\"avatar-image\"\n          aria-label={props.a11yLabel}\n        ></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n      )}\n    </div>\n  );\n}\n\nfunction UserInfo(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    userName: string;\n    extra?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage\n          image={props.image}\n          initials={props.initials}\n          a11yLabel={props.a11yLabel}\n        />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" text-color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement!: HTMLIxAvatarElement;\n\n  /**\n   * Accessibility label for the image\n   * Will be set as aria-label on the nested HTML img element\n   *\n   * @deprecated Set the native `aria-label` on the ix-avatar host element\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials?: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() username?: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() extra?: string;\n\n  /**\n   * Text to display in a tooltip when hovering over the avatar\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * aria-label for the tooltip\n   *\n   * @since 4.0.0\n   */\n  @Prop() ariaLabelTooltip?: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement?: HTMLSlotElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private async slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve, reject) => {\n      readTask(() => {\n        const button = this.hostElement.shadowRoot!.querySelector('button');\n        if (button) {\n          resolve(button);\n        } else {\n          reject(new Error('ix-avatar - trigger element not found'));\n        }\n      });\n    });\n  }\n\n  private onDropdownClick(event: MouseEvent) {\n    if (event.target === this.dropdownElement) {\n      event.preventDefault();\n    }\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    const a11yLabel = a11y['aria-label'];\n\n    const tooltipText = this.tooltipText || this.username;\n    const ariaHidden = tooltipText === this.username;\n\n    const Avatar = (\n      <Fragment>\n        <AvatarImage\n          image={this.image}\n          initials={this.initials}\n          a11yLabel={a11yLabel ?? this.a11yLabel}\n        />\n        {!!tooltipText && (\n          <ix-tooltip\n            ref={this.tooltipRef}\n            for={this.hostElement}\n            aria-hidden={a11yBoolean(ariaHidden)}\n            aria-label={this.ariaLabelTooltip}\n          >\n            {tooltipText}\n          </ix-tooltip>\n        )}\n      </Fragment>\n    );\n\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            selected={false}\n            type=\"button\"\n            variant=\"tertiary\"\n          >\n            {Avatar}\n          </BaseButton>\n          <ix-dropdown\n            ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n            onClick={(e) => this.onDropdownClick(e)}\n            onShowChanged={(event) => {\n              if (event.detail && this.tooltipRef.current) {\n                this.tooltipRef.current.hideTooltip(0);\n              }\n            }}\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                  a11yLabel={a11yLabel ?? this.a11yLabel}\n                />\n                {this.hasSlottedElements && (\n                  <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n                )}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return <Host>{Avatar}</Host>;\n  }\n}\n"],"version":3}