@siemens/ix 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/siemens-ix/ix-tooltip.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-tooltip.entry.esm.js","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: 100%;\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 * @since 1.4.0\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   * @since 1.5.0\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"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-tree-item.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-tree-item.entry.esm.js","sources":["src/components/tree-item/tree-item.scss?tag=ix-tree-item&encapsulation=shadow","src/components/tree-item/tree-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@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  align-items: center;\n\n  height: 32px;\n  width: 100%;\n\n  cursor: pointer;\n\n  .tree-node-container {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $x-large-space;\n    flex-grow: 1;\n    align-items: center;\n\n    .tree-node-text {\n      @include ellipsis;\n    }\n  }\n\n  .icon-toggle-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    min-width: 2rem;\n\n    ix-icon {\n      transition: transform var(--theme-default-time) ease-in-out;\n\n      &.icon-toggle-down {\n        transform: rotate(90deg);\n      }\n    }\n  }\n}\n\n:host(:not(.disabled):not(:disabled):not(.selected).hover),\n:host(:not(.disabled):not(:disabled):not(.selected):hover) {\n  background-color: var(--theme-tree-item--background--hover);\n}\n\n:host(:not(.disabled):not(:disabled):not(.selected).active),\n:host(:not(.disabled):not(:disabled):not(.selected):active) {\n  background-color: var(--theme-tree-item--background--active);\n}\n\n:host(.selected) {\n  background-color: var(--theme-tree-item--background--selected);\n}\n\n:host(.selected.hover),\n:host(.selected:hover) {\n  background-color: var(--theme-tree-item--background--selected-hover);\n}\n\n:host(.selected.active),\n:host(.selected:active) {\n  background-color: var(--theme-tree-item--background--selected-active);\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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { TreeItemContext } from '../tree/tree-model';\nimport { iconChevronRight } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-tree-item',\n  styleUrl: 'tree-item.scss',\n  shadow: true,\n})\nexport class TreeItem {\n  /**\n   * Text\n   */\n  @Prop() text?: string;\n\n  /**\n   * Has tree item children\n   */\n  @Prop() hasChildren = false;\n\n  /**\n   * Context\n   */\n  @Prop() context?: TreeItemContext;\n\n  /**\n   * Expand/Collapsed toggled\n   */\n  @Event() toggle!: EventEmitter<void>;\n\n  /**\n   * Click on item not on the expand/collapse icon\n   */\n  @Event() itemClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host\n        class={{\n          selected: !!this.context?.isSelected,\n        }}\n      >\n        <div\n          class=\"icon-toggle-container\"\n          onClick={(e) => {\n            e.preventDefault();\n            this.toggle.emit();\n          }}\n        >\n          {this.hasChildren ? (\n            <ix-icon\n              name={iconChevronRight}\n              size=\"16\"\n              class={{\n                ['icon-toggle-down']: !!this.context?.isExpanded,\n              }}\n              color={`color-${\n                this.context?.isExpanded ? 'primary' : 'std-text'\n              }`}\n            />\n          ) : null}\n        </div>\n        <div\n          class=\"tree-node-container\"\n          onClick={() => {\n            this.itemClick.emit();\n          }}\n        >\n          <div class=\"tree-node-text\">{this.text}</div>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,WAAW,GAAG,8gEAA8gE;;MCkBrhE,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAWE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAwD5B;IAvCC,MAAM,GAAA;;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,CAAA;AACrC,aAAA,EAAA,EAED,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;aACnB,IAEA,IAAI,CAAC,WAAW,IACf,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;AACL,gBAAA,CAAC,kBAAkB,GAAG,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,CAAA;AACjD,aAAA,EACD,KAAK,EAAE,CACL,MAAA,EAAA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,IAAG,SAAS,GAAG,UACzC,CAAE,CAAA,EACF,CAAA,IACA,IAAI,CACJ,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACvB,aAAC,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,IAAI,CAAO,EAC7C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/siemens-ix/ix-tree.entry.esm.js.map

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

package/dist/siemens-ix/ix-typography.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-typography.entry.esm.js","sources":["src/components/typography/typography.scss?tag=ix-typography&encapsulation=shadow","src/components/typography/typography.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n@import 'components/fonts';\n@import 'mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n}\n\n:host(.text-xs) {\n  @include text-xs;\n}\n\n:host(.text-s) {\n  @include text-s;\n}\n\n:host(.text-caption) {\n  @include text-caption;\n}\n\n:host(.text-caption-single) {\n  @include text-caption-single;\n}\n\n:host(.text-default) {\n  @include text-default;\n}\n\n:host(.text-default-single) {\n  @include text-default-single;\n}\n\n:host(.text-default-title) {\n  @include text-default-title;\n}\n\n:host(.text-default-title-single) {\n  @include text-default-title-single;\n}\n\n:host(.text-l) {\n  @include text-l;\n}\n\n:host(.text-l-single) {\n  @include text-l-single;\n}\n\n:host(.text-l-title) {\n  @include text-l-title;\n}\n\n:host(.text-l-title-single) {\n  @include text-l-title-single;\n}\n\n:host(.text-h2) {\n  @include text-h2;\n}\n\n:host(.text-xl) {\n  @include text-xl;\n}\n\n$typography-formats: label, label-xs, label-sm, label-lg, body, body-xs, body-sm,\n  body-lg, display, display-xs, display-sm, display-lg, display-xl, display-xxl,\n  h6, h5, h4, h3, h2, h1, code, code-sm, code-lg;\n\n@each $format in $typography-formats {\n  :host(.typography-#{$format}) {\n    @extend .typography-#{$format};\n  }\n}\n\n$typography-decoration: none, underline, line-through;\n@each $decoration in $typography-decoration {\n  :host(.typography-decoration-#{$decoration}) {\n    @extend .typography-decoration-#{$decoration};\n  }\n}\n\n:host(.typography-weight-bold) {\n  @extend .typography-weight-bold;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'large-title'\n  | 'large-title-single'\n  | 'h2'\n  | 'display-large';\n\nexport type TypographyColors =\n  | 'contrast'\n  | 'std'\n  | 'soft'\n  | 'weak'\n  | 'inv-contrast'\n  | 'inv-std'\n  | 'inv-soft'\n  | 'inv-weak'\n  | 'alarm';\n\ntype TypographyFormatLabel = 'label' | 'label-xs' | 'label-sm' | 'label-lg';\ntype TypographyFormatBody = 'body' | 'body-xs' | 'body-sm' | 'body-lg';\ntype TypographyFormatDisplay =\n  | 'display'\n  | 'display-xs'\n  | 'display-sm'\n  | 'display-lg'\n  | 'display-xl'\n  | 'display-xxl';\ntype TypographyFormatHeading = 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1';\ntype TypographyFormatCode = 'code' | 'code-sm' | 'code-lg';\n\nexport type TypographyFormat =\n  | TypographyFormatLabel\n  | TypographyFormatBody\n  | TypographyFormatDisplay\n  | TypographyFormatHeading\n  | TypographyFormatCode;\n\nexport type TextDecoration = 'none' | 'underline' | 'line-through';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-typography',\n  styleUrl: 'typography.scss',\n  shadow: true,\n})\nexport class IxTypography {\n  /**\n   * Text format\n   */\n  @Prop() format?: TypographyFormat;\n\n  /**\n   * Text color based on theme variables\n   */\n  @Prop() textColor?: TypographyColors;\n\n  /**\n   * Display text bold\n   */\n  @Prop() bold = false;\n\n  /**\n   * Text decoration\n   */\n  @Prop() textDecoration: TextDecoration = 'none';\n\n  render() {\n    let typographyClass: Record<string, boolean> = {};\n    typographyClass[`typography-${this.format ?? 'body'}`] = true;\n\n    if (this.textDecoration !== 'none') {\n      typographyClass[`typography-decoration-${this.textDecoration}`] = true;\n    }\n\n    typographyClass['typography-weight-bold'] = this.bold;\n\n    let style = {};\n\n    if (this.textColor) {\n      style = {\n        color: `var(--theme-color-${this.textColor}-text)`,\n      };\n    }\n\n    return (\n      <Host class={typographyClass} style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,+2bAA+2b;;MCmEx3b,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAgBE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAEpB;;AAEG;AACK,QAAA,IAAc,CAAA,cAAA,GAAmB,MAAM;AA0BhD;IAxBC,MAAM,GAAA;;QACJ,IAAI,eAAe,GAA4B,EAAE;AACjD,QAAA,eAAe,CAAC,CAAA,WAAA,EAAc,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,MAAM,CAAE,CAAA,CAAC,GAAG,IAAI;AAE7D,QAAA,IAAI,IAAI,CAAC,cAAc,KAAK,MAAM,EAAE;YAClC,eAAe,CAAC,yBAAyB,IAAI,CAAC,cAAc,CAAE,CAAA,CAAC,GAAG,IAAI;;AAGxE,QAAA,eAAe,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,IAAI;QAErD,IAAI,KAAK,GAAG,EAAE;AAEd,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,KAAK,GAAG;AACN,gBAAA,KAAK,EAAE,CAAA,kBAAA,EAAqB,IAAI,CAAC,SAAS,CAAQ,MAAA,CAAA;aACnD;;AAGH,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAA,EACxC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}

package/dist/siemens-ix/ix-upload.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-upload.entry.esm.js","sources":["src/components/upload/upload.scss?tag=ix-upload&encapsulation=shadow","src/components/upload/upload.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: block;\n  min-height: 4rem;\n  height: 4rem;\n\n  .file-upload-area {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    overflow: hidden;\n\n    height: 100%;\n    width: 100%;\n\n    padding: $default-space;\n\n    border: 1px dashed var(--theme-upload--border-color);\n    border-radius: var(--theme-upload--border-radius);\n    color: var(--theme-upload-text--color);\n\n    &.multiline {\n      max-height: unset;\n      height: auto;\n\n      .glyph {\n        align-self: flex-start;\n        margin-block-start: 3px;\n      }\n\n      > div {\n        align-self: flex-start;\n      }\n    }\n\n    &:not(.multiline) {\n      .state,\n      .upload-text {\n        @include ellipsis;\n      }\n    }\n\n    &:not(.disabled).file-over {\n      border-color: var(--theme-upload--border-color--dragover);\n      border-style: solid;\n    }\n\n    &.checking {\n      color: var(--theme-upload-text--color--checking);\n      border-style: solid;\n    }\n\n    &.disabled {\n      border-style: solid;\n      color: var(--theme-upload-text--color--disabled);\n    }\n\n    ix-button {\n      margin-inline-start: $default-space;\n    }\n\n    .upload-browser {\n      border: 0;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px;\n    }\n\n    .loader {\n      margin: 2.187rem auto;\n      font-size: 0.937rem;\n      width: $default-space;\n      height: $default-space;\n      border-radius: 50%;\n      position: relative;\n      text-indent: -9999em;\n      animation: optimise-loading 1.1s infinite ease;\n      transform: translateZ(0);\n    }\n\n    .upload-filename {\n      margin-bottom: $default-space;\n    }\n\n    .state {\n      display: flex;\n      align-items: center;\n\n      > ix-spinner {\n        margin-inline-end: $small-space;\n      }\n\n      > ix-icon {\n        margin-inline-end: $small-space;\n\n        &.icon-error {\n          color: var(--theme-color-alarm);\n        }\n\n        &.icon-success {\n          color: var(--theme-color-success);\n        }\n      }\n    }\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { UploadFileState } from './upload-file-state';\nimport { iconError, iconSuccess } from '@siemens/ix-icons/icons';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n})\nexport class Upload {\n  /**\n   * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).\n   * [accept]{@link \"https://www.w3schools.com/tags/att_input_accept.asp\"}\n   */\n  @Prop() accept?: string;\n\n  /**\n   * If multiple is true the user can drop or select multiple files\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Whether the text should wrap to more than one line\n   */\n  @Prop() multiline = false;\n\n  /**\n   * Disable all input events\n   */\n  @Prop() disabled = false;\n\n  /**\n   * After a file is uploaded you can set the upload component to a defined state\n   */\n  @Prop() state: UploadFileState = UploadFileState.SELECT_FILE;\n\n  /**\n   * Will be used by state = UploadFileState.SELECT_FILE\n   */\n  @Prop() selectFileText = '+ Drag files here or…';\n\n  /**\n   * Will be used by state = UploadFileState.LOADING\n   */\n  @Prop() loadingText = 'Checking files…';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_FAILED\n   */\n  @Prop() uploadFailedText = 'Upload failed. Please try again.';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_SUCCESSED\n   */\n  @Prop() uploadSuccessText = 'Upload successful';\n\n  /**\n   * Label for upload file button\n   */\n  @Prop() i18nUploadFile = 'Upload file…';\n\n  /**\n   * Text for disabled state\n   */\n  @Prop() i18nUploadDisabled = 'File upload currently not possible.';\n\n  /**\n   * You get an array of Files after drop-action or browse action is finished\n   */\n  @Event() filesChanged!: EventEmitter<Array<File>>;\n\n  @Element() hostElement!: HTMLIxUploadElement;\n\n  get inputElement(): HTMLInputElement {\n    return this.hostElement.shadowRoot!.querySelector('#upload-browser')!;\n  }\n\n  @State() isFileOver = false;\n\n  private filesToUpload?: Array<File>;\n\n  private a11y: A11yAttributes = {};\n\n  constructor() {}\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement);\n  }\n\n  private fileDropped(evt: DragEvent) {\n    evt.preventDefault();\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (!evt.dataTransfer) {\n      return;\n    }\n\n    const file: File | FileList = evt.dataTransfer.files;\n    this.isFileOver = false;\n\n    this.filesToUpload = this.convertToFileArray(file);\n    this.filesChanged.emit(this.filesToUpload);\n  }\n\n  private fileOver(event: DragEvent) {\n    if (!event.dataTransfer) {\n      return;\n    }\n\n    if (this.state !== UploadFileState.LOADING) {\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'move';\n    }\n\n    if (!this.multiple && event.dataTransfer.items.length > 1) {\n      event.preventDefault();\n      event.stopPropagation();\n      event.dataTransfer.effectAllowed = 'none';\n      event.dataTransfer.dropEffect = 'none';\n    } else {\n      this.isFileOver = true;\n    }\n  }\n\n  private fileLeave() {\n    this.isFileOver = false;\n  }\n\n  private fileChangeEvent(event: Event) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!event.target) {\n      return;\n    }\n\n    this.filesToUpload = this.convertToFileArray(\n      (event.target as HTMLInputElement).files\n    );\n\n    this.filesChanged.emit(this.filesToUpload);\n\n    // Workaround for bug in native input element, that prevents the user from uploading\n    // a file with the same name as the most recent one, but with changed content.\n    this.inputElement.type = '';\n    this.inputElement.type = 'file';\n  }\n\n  private convertToFileArray(filesFromEvent: FileList | File | null): File[] {\n    let files = [];\n\n    if (!filesFromEvent) {\n      return [];\n    }\n\n    if (filesFromEvent instanceof FileList) {\n      files = Array.from(filesFromEvent);\n    } else {\n      files = [filesFromEvent];\n    }\n    return files;\n  }\n\n  private renderUploadState() {\n    if (this.disabled) {\n      return (\n        <span class=\"state\">\n          <span class=\"upload-text\">{this.i18nUploadDisabled}</span>\n        </span>\n      );\n    }\n\n    switch (this.state) {\n      case UploadFileState.SELECT_FILE:\n        return (\n          <span class=\"state\">\n            <span class=\"upload-text\">{this.selectFileText}</span>\n          </span>\n        );\n      case UploadFileState.LOADING:\n        return (\n          <span class=\"state\">\n            <ix-spinner variant=\"primary\"></ix-spinner>\n            <span class=\"upload-text\">{this.loadingText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_FAILED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconError} class=\"icon-error\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadFailedText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_SUCCESSED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconSuccess} class=\"icon-success\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadSuccessText}</span>\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  /**\n   * Set files\n   * @param obj\n   */\n  @Method()\n  async setFilesToUpload(obj: any) {\n    this.filesToUpload = obj;\n  }\n\n  render() {\n    const disabled = this.disabled || this.state === UploadFileState.LOADING;\n    const { 'aria-label': ariaLabel = 'Upload files', ...a11y } = this.a11y;\n    return (\n      <Host {...a11y} aria-disabled={disabled}>\n        <div\n          class={{\n            'file-upload-area': true,\n            'file-over':\n              this.state !== UploadFileState.LOADING && this.isFileOver,\n            checking: this.state === UploadFileState.LOADING,\n            disabled: this.disabled,\n            multiline: this.multiline,\n          }}\n          onDrop={(e) => {\n            if (this.state !== UploadFileState.LOADING) {\n              this.fileDropped(e);\n            }\n          }}\n          onDragOver={(e) => this.fileOver(e)}\n          onDragLeave={() => this.fileLeave()}\n          draggable={!this.disabled}\n        >\n          {this.renderUploadState()}\n          <div>\n            <input\n              aria-label={ariaLabel}\n              aria-disabled={disabled}\n              multiple={this.multiple}\n              type=\"file\"\n              class=\"upload-browser\"\n              id=\"upload-browser\"\n              onChange={(e) => {\n                this.fileChangeEvent(e);\n              }}\n              accept={this.accept}\n              disabled={disabled}\n            />\n            <ix-button\n              tabindex=\"-1\"\n              outline\n              onClick={() => this.inputElement.click()}\n              disabled={disabled}\n            >\n              {this.i18nUploadFile}\n            </ix-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-validation-tooltip.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-validation-tooltip.entry.esm.js","sources":["src/components/validation-tooltip/validation-tooltip.scss?tag=ix-validation-tooltip&encapsulation=shadow","src/components/validation-tooltip/validation-tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/fonts';\n\n:host {\n  display: inline-block;\n  position: relative;\n  $padding: 5px;\n  width: 100%;\n\n  .validation-tooltip {\n    background-color: var(--theme-tootlip--background);\n    color: var(--theme-tooltip--color);\n    padding: $padding 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    border: 1px solid var(--theme-tooltip--border-color);\n    box-shadow: 0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1),\n      0 12px 18px 0 rgba(0, 0, 40, 0.1);\n\n    #arrow,\n    #arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\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\n  .validation-tooltip > #arrow {\n    bottom: -5px;\n\n    &::before {\n      border-right: 1px solid var(--theme-tooltip--border-color);\n      border-bottom: 1px solid var(--theme-tooltip--border-color);\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 */\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  flip,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { Side } from '../dropdown/placement';\n\ntype Position = { x: number; y: number };\n\n/**\n * @slot tooltip-message - Custom tooltip message with html support\n */\n@Component({\n  tag: 'ix-validation-tooltip',\n  styleUrl: 'validation-tooltip.scss',\n  shadow: true,\n})\nexport class ValidationTooltip {\n  @Element() hostElement!: HTMLIxValidationTooltipElement;\n\n  /**\n   * Message of the tooltip\n   */\n  @Prop() message?: string;\n\n  /**\n   * Placement of the tooltip\n   */\n  @Prop() placement: Side = 'top';\n\n  /**\n   * Suppress the automatic placement of the dropdown.\n   *\n   * @since 2.0.0\n   */\n  @Prop() suppressAutomaticPlacement = false;\n\n  @State() isInputValid = true;\n  @State() tooltipPosition?: Position;\n  @State() arrowPosition?: Position;\n\n  private onSubmitBind = this.onSubmit.bind(this);\n  private onInputFocusBind = this.onInputFocus.bind(this);\n  private autoUpdateCleanup?: () => void;\n  private observer?: MutationObserver;\n\n  get arrow() {\n    return this.hostElement.shadowRoot!.querySelector('#arrow') as HTMLElement;\n  }\n\n  get inputElement() {\n    return this.hostElement.querySelector('input');\n  }\n\n  get formElement() {\n    return this.inputElement?.form;\n  }\n\n  get tooltipElement(): HTMLElement {\n    return this.hostElement.shadowRoot!.querySelector('.validation-tooltip')!;\n  }\n\n  private destroyAutoUpdate() {\n    if (this.tooltipElement) {\n      this.tooltipElement.style.display = 'none';\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n  }\n\n  private applyTooltipPosition() {\n    this.tooltipElement.style.display = 'block';\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: 'fixed',\n      middleware: [\n        inline(),\n        shift(),\n        offset({\n          mainAxis: 8,\n        }),\n      ],\n    };\n\n    if (!positionConfig.middleware) {\n      positionConfig.middleware = [];\n    }\n\n    if (!this.suppressAutomaticPlacement) {\n      positionConfig.middleware.push(\n        flip({ fallbackStrategy: 'initialPlacement' })\n      );\n    }\n    positionConfig.placement = this.placement;\n\n    this.autoUpdateCleanup = autoUpdate(\n      this.inputElement!,\n      this.tooltipElement,\n      async () => {\n        positionConfig.middleware = [\n          ...positionConfig.middleware!,\n          arrow({\n            element: this.arrow,\n          }),\n        ];\n        const computeResponse = await computePosition(\n          this.inputElement!,\n          this.tooltipElement,\n          positionConfig\n        );\n\n        if (computeResponse.middlewareData.arrow) {\n          const { x, y } = computeResponse.middlewareData.arrow as {\n            x: number;\n            y: number;\n          };\n          this.arrowPosition = {\n            x,\n            y,\n          };\n          Object.assign(this.arrow.style, {\n            left: x != null ? `${x}px` : '',\n            top: y != null ? `${y}px` : '',\n          });\n        }\n\n        this.tooltipPosition = {\n          x: computeResponse.x,\n          y: computeResponse.y,\n        };\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  componentDidLoad() {\n    if (!this.inputElement) {\n      throw Error(\n        'Validation tooltip is only working with an direct input child.'\n      );\n    }\n\n    if (!this.formElement) {\n      throw Error('Validation tooltip is only working with an form element.');\n    }\n\n    this.formElement.addEventListener('submit', this.onSubmitBind);\n    this.inputElement.addEventListener('focus', this.onInputFocusBind);\n\n    this.observer = new MutationObserver(() => {\n      if (this.inputElement!.classList.contains('is-invalid')) {\n        this.isInputValid = false;\n        this.validationChanged();\n      }\n    });\n\n    this.observer.observe(this.inputElement, {\n      childList: false,\n      subtree: false,\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private onInputFocus() {\n    this.isInputValid = true;\n  }\n\n  private onSubmit() {\n    if (this.formElement!.classList.contains('needs-validation')) {\n      this.isInputValid = this.inputElement!.validity.valid;\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.destroyAutoUpdate();\n\n    this.formElement?.removeEventListener('submit', this.onSubmitBind);\n    this.inputElement?.removeEventListener('focus', this.onInputFocusBind);\n  }\n\n  @Watch('isInputValid')\n  validationChanged() {\n    if (!this.isInputValid) {\n      this.applyTooltipPosition();\n    } else {\n      this.destroyAutoUpdate();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n        <div\n          role=\"tooltip\"\n          style={{\n            display: 'none',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n            transform: `translate(${Math.round(\n              this.tooltipPosition?.x ?? 0\n            )}px,${Math.round(this.tooltipPosition?.y ?? 0)}px)`,\n          }}\n          class=\"validation-tooltip text-default\"\n        >\n          {this.message}\n          <slot name=\"tooltip-message\"></slot>\n          <div id=\"arrow\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-workflow-step.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-workflow-step.entry.esm.js","sources":["src/components/workflow-step/workflow-step.scss?tag=ix-workflow-step&encapsulation=shadow","src/components/workflow-step/workflow-step.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host(:not(.host-vertical)) {\n  width: 12rem;\n  height: 4rem;\n  min-width: 2rem;\n  min-height: 4rem;\n  max-width: 12rem;\n}\n\n:host(.host-vertical) {\n  width: 100%;\n  height: 4rem;\n  min-width: 4rem;\n  min-height: 2rem;\n  max-height: 12rem;\n}\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  .step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: var(--theme-workflow-step--background);\n    border-radius: var(--theme-workflow--border-radius);\n    padding: 1.125rem 0 $small-space 0;\n\n    .wrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .line {\n        width: 100%;\n        height: 0.125rem;\n        background-color: var(--theme-workflow-step-icon-default--color);\n\n        &.first,\n        &.last {\n          width: 50%;\n          margin: 0 0 0 auto;\n        }\n\n        &.last {\n          margin: 0 auto 0 0;\n        }\n\n        &.single {\n          width: 0;\n        }\n\n        &.selected {\n          background-color: var(\n              --theme-workflow-step-icon-default--color--selected\n          );\n        }\n\n        &.done {\n          background-color: var(--theme-workflow-step-icon-done--color);\n\n          &.selected {\n            background-color: var(\n                --theme-workflow-step-icon-done--color--selected\n            );\n          }\n        }\n\n        &.warning {\n          background-color: var(--theme-color-warning);\n        }\n\n        &.success {\n          background-color: var(--theme-color-success);\n        }\n\n        &.error {\n          background-color: var(--theme-color-alarm);\n        }\n      }\n\n      .iconWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n\n        .absolute {\n          position: absolute;\n        }\n      }\n    }\n\n    .text {\n      margin-top: $default-space;\n      width: 100%;\n      padding: 0 $small-space;\n\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    &.vertical {\n      flex-direction: row;\n      padding: 0;\n      height: 100%;\n\n      .wrapper {\n        width: auto;\n        padding-left: 1.125rem;\n        height: 100%;\n\n        .line {\n          width: 0.125rem;\n          height: 100%;\n\n          &.first,\n          &.last {\n            height: 50%;\n            margin: auto 0 0 0;\n          }\n\n          &.last {\n            margin: 0 0 auto 0;\n          }\n\n          &.single {\n            width: 0;\n          }\n        }\n      }\n\n      .text {\n        margin: 0 $default-space;\n        padding: 0;\n        width: auto;\n      }\n    }\n\n    &.clickable {\n      &:hover {\n        background-color: var(--theme-workflow-step--background--hover);\n      }\n\n      &:active {\n        background-color: var(--theme-workflow-step--background--active);\n      }\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--focus--border-color);\n      border-radius: 0;\n    }\n\n    &.selected {\n      background-color: var(--theme-workflow-step--background--selected);\n    }\n\n    &.disabled {\n      background-color: var(--theme-workflow-step--background--disabled);\n\n      .line {\n        background-color: var(\n          --theme-workflow-step-icon-default--color--disabled\n        ) !important;\n      }\n\n      .text {\n        color: var(--theme-workflow-step--color--disabled);\n      }\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconCircle,\n  iconCircleDot,\n  iconCircleFilled,\n  iconError,\n  iconSuccess,\n  iconTriangleFilled,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-workflow-step',\n  styleUrl: 'workflow-step.scss',\n  shadow: true,\n})\nexport class WorkflowStep {\n  @Element() hostElement!: HTMLIxWorkflowStepElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Set disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Set status\n   */\n  @Prop() status: 'open' | 'success' | 'done' | 'warning' | 'error' = 'open';\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Set selected\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Activate navigation click\n   *\n   * @internal\n   */\n  @Prop() position: 'first' | 'last' | 'single' | 'undefined' = 'undefined';\n\n  @State() iconName?: string;\n\n  @State() iconColor: string = 'workflow-step-icon-default--color';\n\n  /**\n   * @internal\n   */\n  @Event() selectedChanged!: EventEmitter<HTMLIxWorkflowStepElement>;\n\n  private customIconSlot: boolean = false;\n\n  @Watch('selected')\n  selectedHandler() {\n    const selectedStyle = this.selected ? '--selected' : '';\n\n    if (this.status === 'open') {\n      this.iconName = this.selected ? iconCircleDot : iconCircle;\n      this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n    }\n\n    if (this.status === 'done' && !this.disabled) {\n      this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n    }\n  }\n\n  @Watch('disabled')\n  @Watch('status')\n  watchPropHandler() {\n    switch (this.status) {\n      case 'open':\n        this.iconName = iconCircle;\n        this.iconColor = 'workflow-step-icon-default--color';\n        break;\n      case 'success':\n        this.iconName = iconSuccess;\n        this.iconColor = 'color-success';\n        break;\n      case 'done':\n        this.iconName = iconCircleFilled;\n        this.iconColor = 'workflow-step-icon-done--color';\n        break;\n      case 'warning':\n        this.iconName = iconWarning;\n        this.iconColor = 'color-warning';\n        break;\n      case 'error':\n        this.iconName = iconError;\n        this.iconColor = 'color-alarm';\n        break;\n\n      default:\n        this.iconName = iconCircle;\n        break;\n    }\n\n    if (this.disabled) {\n      this.iconColor = 'workflow-step-icon-success--color--disabled';\n    }\n  }\n\n  componentWillLoad() {\n    this.watchPropHandler();\n    this.selectedHandler();\n\n    this.customIconSlot = !!this.hostElement.querySelector(\n      '[slot=\"custom-icon\"]'\n    );\n  }\n\n  onStepClick() {\n    if (!this.disabled && this.clickable) {\n      this.selectedChanged.emit(this.hostElement);\n    }\n  }\n\n  render() {\n    const icons = !this.customIconSlot ? (\n      <Fragment>\n        <ix-icon\n          color=\"color-1\"\n          name={\n            this.status === 'warning' ? iconTriangleFilled : iconCircleFilled\n          }\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n        <ix-icon\n          color={this.iconColor}\n          name={this.iconName}\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n      </Fragment>\n    ) : null;\n\n    return (\n      <Host\n        class={{ 'host-vertical': this.vertical }}\n        onClick={() => this.onStepClick()}\n      >\n        <div\n          tabIndex={0}\n          class={{\n            step: true,\n            selected: this.selected,\n            vertical: this.vertical,\n            disabled: this.disabled,\n            clickable: this.clickable && !this.disabled,\n          }}\n        >\n          <div class=\"wrapper\">\n            <div\n              class={{\n                line: true,\n                selected: this.selected,\n                [this.status]: true,\n                [this.position]: true,\n              }}\n            ></div>\n            <div class=\"iconWrapper\">\n              {icons}\n              <slot name=\"custom-icon\"></slot>\n            </div>\n          </div>\n          <div class=\"text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-workflow-steps.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-workflow-steps.entry.esm.js","sources":["src/components/workflow-steps/workflow-steps.scss?tag=ix-workflow-steps&encapsulation=shadow","src/components/workflow-steps/workflow-steps.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  min-width: 2rem;\n\n  .steps {\n    display: flex;\n    height: 100%;\n\n    &.vertical {\n      flex-direction: column;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-workflow-steps',\n  styleUrl: 'workflow-steps.scss',\n  shadow: true,\n})\nexport class WorkflowSteps {\n  @Element() hostElement!: HTMLIxWorkflowStepsElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() selectedIndex: number = 0;\n\n  /**\n   * On step selected event\n   */\n  @Event() stepSelected!: EventEmitter<number>;\n\n  private getSteps() {\n    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));\n  }\n\n  updateSteps() {\n    let steps = this.getSteps();\n    steps.forEach((element, index) => {\n      element.vertical = this.vertical;\n      element.clickable = this.clickable;\n      element.selected = this.selectedIndex === index;\n\n      if (steps.length === 1) {\n        element.position = 'single';\n        return;\n      }\n\n      if (index === 0) {\n        element.position = 'first';\n      } else if (index === steps.length - 1) {\n        element.position = 'last';\n      } else {\n        element.position = 'undefined';\n      }\n    });\n  }\n\n  private observer?: MutationObserver;\n\n  @Listen('selectedChanged')\n  onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>) {\n    const eventTarget = event.detail;\n\n    const steps = this.getSteps();\n    const clickIndex = steps.findIndex((step) => step === eventTarget);\n    const clientEvent = this.stepSelected.emit(clickIndex);\n\n    if (clientEvent.defaultPrevented) {\n      return;\n    }\n\n    steps.forEach((step, index) => {\n      step.selected = index === clickIndex;\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSteps();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.updateSteps();\n        }\n      }\n    });\n\n    this.observer.observe(this.hostElement, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  componentDidRender() {\n    this.updateSteps();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ steps: true, vertical: this.vertical }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/loader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/siemens-ix/p--2LOMK-5.js

@@ -0,0 +1,2 @@
+import{T as t}from"./p-BdCnOrqW.js";function e(t,e){return{name:t,initialValue:e}}class n extends Event{constructor(t,e,n){super("context-request",{bubbles:true,composed:true});this.context=t;this.callback=e;this.subscribe=n}}function s(t,e,s,o){let r;t.dispatchEvent(new n(e,((t,e)=>{s(t,e);r=e}),o));return{unsubscribe:()=>{if(r){r()}}}}function o(e,n,s){const o=new t;const r=new t;const i=new Set;e.addEventListener("context-request",(t=>{const e=t;if((e===null||e===void 0?void 0:e.context.name)!==n.name){return}e.stopPropagation();if(e.subscribe){i.add(e)}o.emit(e);if(s){e.callback(s,(()=>{i.delete(e)}))}}));r.on((t=>{i.forEach((e=>e.callback(t,(()=>{i.delete(e)}))))}));return{emit:t=>{r.emit(t)}}}const r=t=>{const e=t.closest("ix-menu");return e};const i=e("application-layout-context",{hideHeader:false,host:null,sidebar:false});export{i as A,s as a,r as c,o as u};
+//# sourceMappingURL=p--2LOMK-5.js.map

package/dist/siemens-ix/p--2LOMK-5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p--2LOMK-5.js","sources":["src/components/utils/context.ts","src/components/utils/application-layout/context.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TypedEvent } from './typed-event';\n\n/**\n * A Context object defines an optional initial value for a Context, as well as a name identifier for debugging purposes.\n */\nexport type Context<T> = {\n  name: string;\n  initialValue?: T;\n};\n\n/**\n * An unknown context type\n */\nexport type UnknownContext = Context<unknown>;\n\n/**\n * A helper type which can extract a Context value type from a Context type\n */\nexport type ContextType<T extends UnknownContext> =\n  T extends Context<infer Y> ? Y : never;\n\n/**\n * A function which creates a Context value object\n */\nexport function createContext<T>(\n  name: string,\n  initialValue?: T\n): Readonly<Context<T>> {\n  return {\n    name,\n    initialValue,\n  };\n}\n\n/**\n * A callback which is provided by a context requester and is called with the value satisfying the request.\n * This callback can be called multiple times by context providers as the requested value is changed.\n */\nexport type ContextCallback<ValueType> = (\n  value: ValueType,\n  unsubscribe?: () => void\n) => void;\n\n/**\n * An event fired by a context requester to signal it desires a named context.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * function to the callback which requesters can invoke to indicate they no longer wish to receive these updates.\n */\nexport class ContextEvent<T extends UnknownContext> extends Event {\n  public constructor(\n    public readonly context: T,\n    public readonly callback: ContextCallback<ContextType<T>>,\n    public readonly subscribe?: boolean\n  ) {\n    super('context-request', { bubbles: true, composed: true });\n  }\n}\n\ndeclare global {\n  interface HTMLElementEventMap {\n    /**\n     * A 'context-request' event can be emitted by any element which desires\n     * a context value to be injected by an external provider.\n     */\n    'context-request': ContextEvent<UnknownContext>;\n  }\n}\n\nexport type ContextConsumerSubscription = {\n  unsubscribe: () => void;\n};\n\nexport function useContextConsumer<\n  T extends HTMLElement,\n  C extends UnknownContext,\n>(\n  hostElement: T,\n  context: C,\n  onContextReceived: (\n    context: ContextType<C>,\n    unsubscribe?: () => void\n  ) => void,\n  subscribe?: boolean\n): ContextConsumerSubscription {\n  let _unsubscribe: (() => void) | undefined;\n  hostElement.dispatchEvent(\n    new ContextEvent(\n      context,\n      (ctx, unSub) => {\n        onContextReceived(ctx, unSub);\n        _unsubscribe = unSub;\n      },\n      subscribe\n    )\n  );\n\n  return {\n    unsubscribe: () => {\n      if (_unsubscribe) {\n        _unsubscribe();\n      }\n    },\n  };\n}\nexport type ContextProvider<C extends Context<{}> = Context<any>> = {\n  emit: (context: ContextType<C>) => void;\n};\n\nexport function useContextProvider<\n  X extends {},\n  C extends Context<X>,\n  T extends HTMLElement = HTMLElement,\n>(\n  hostElement: T,\n  context: C,\n  contextPayload?: ContextType<C>\n): ContextProvider<C> {\n  const requestContext = new TypedEvent<ContextEvent<C>>();\n  const updateContext = new TypedEvent<ContextType<C>>();\n\n  const requests = new Set<ContextEvent<UnknownContext>>();\n\n  hostElement.addEventListener('context-request', (event: Event) => {\n    const requestContextEvent = event as ContextEvent<C>;\n    if (requestContextEvent?.context.name !== context.name) {\n      return;\n    }\n\n    requestContextEvent.stopPropagation();\n\n    if (requestContextEvent.subscribe) {\n      requests.add(requestContextEvent);\n    }\n    requestContext.emit(requestContextEvent);\n\n    if (contextPayload) {\n      requestContextEvent.callback(contextPayload, () => {\n        requests.delete(requestContextEvent);\n      });\n    }\n  });\n\n  updateContext.on((context: ContextType<C>) => {\n    requests.forEach((r) =>\n      r.callback(context, () => {\n        requests.delete(r);\n      })\n    );\n  });\n\n  return {\n    emit: (context: ContextType<C>) => {\n      updateContext.emit(context);\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 { createContext } from '../context';\nimport { type LiteralStringUnion } from '../type-helper';\n\nexport const closestIxMenu = (element: Element) => {\n  const menuElement = element.closest('ix-menu');\n  return menuElement;\n};\n\nexport type AppSwitchConfigurationTarget = LiteralStringUnion<\n  '_self' | '_blank' | '_parent' | '_top'\n>;\n\nexport type AppSwitchConfiguration = {\n  currentAppId: string;\n  apps: {\n    id: string;\n    name: string;\n    description: string;\n    url: string;\n    target: AppSwitchConfigurationTarget;\n    iconSrc: string;\n  }[];\n  i18nAppSwitch?: string;\n  i18nLoadingApps?: string;\n};\n\nexport const ApplicationLayoutContext = createContext<{\n  hideHeader: boolean;\n  host: 'basic-navigation' | 'map-navigation' | null;\n  appSwitchConfig?: AppSwitchConfiguration;\n  sidebar?: boolean;\n}>('application-layout-context', {\n  hideHeader: false,\n  host: null,\n  sidebar: false,\n});\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AAuBH;;AAEG;AACa,SAAA,aAAa,CAC3B,IAAY,EACZ,YAAgB,EAAA;IAEhB,OAAO;QACL,IAAI;QACJ,YAAY;KACb;AACH;AAWA;;;;;;;;;AASG;AACG,MAAO,YAAuC,SAAQ,KAAK,CAAA;AAC/D,IAAA,WAAA,CACkB,OAAU,EACV,QAAyC,EACzC,SAAmB,EAAA;AAEnC,QAAA,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAJ3C,IAAO,CAAA,OAAA,GAAP,OAAO;QACP,IAAQ,CAAA,QAAA,GAAR,QAAQ;QACR,IAAS,CAAA,SAAA,GAAT,SAAS;;AAI5B;AAgBK,SAAU,kBAAkB,CAIhC,WAAc,EACd,OAAU,EACV,iBAGS,EACT,SAAmB,EAAA;AAEnB,IAAA,IAAI,YAAsC;AAC1C,IAAA,WAAW,CAAC,aAAa,CACvB,IAAI,YAAY,CACd,OAAO,EACP,CAAC,GAAG,EAAE,KAAK,KAAI;AACb,QAAA,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC;QAC7B,YAAY,GAAG,KAAK;AACtB,KAAC,EACD,SAAS,CACV,CACF;IAED,OAAO;QACL,WAAW,EAAE,MAAK;YAChB,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,EAAE;;SAEjB;KACF;AACH;SAKgB,kBAAkB,CAKhC,WAAc,EACd,OAAU,EACV,cAA+B,EAAA;AAE/B,IAAA,MAAM,cAAc,GAAG,IAAI,UAAU,EAAmB;AACxD,IAAA,MAAM,aAAa,GAAG,IAAI,UAAU,EAAkB;AAEtD,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAgC;IAExD,WAAW,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAY,KAAI;QAC/D,MAAM,mBAAmB,GAAG,KAAwB;AACpD,QAAA,IAAI,CAAA,mBAAmB,KAAnB,IAAA,IAAA,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,CAAC,IAAI,MAAK,OAAO,CAAC,IAAI,EAAE;YACtD;;QAGF,mBAAmB,CAAC,eAAe,EAAE;AAErC,QAAA,IAAI,mBAAmB,CAAC,SAAS,EAAE;AACjC,YAAA,QAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;;AAEnC,QAAA,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAExC,IAAI,cAAc,EAAE;AAClB,YAAA,mBAAmB,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAK;AAChD,gBAAA,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC;AACtC,aAAC,CAAC;;AAEN,KAAC,CAAC;AAEF,IAAA,aAAa,CAAC,EAAE,CAAC,CAAC,OAAuB,KAAI;AAC3C,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KACjB,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAK;AACvB,YAAA,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACnB,CAAC,CACH;AACH,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,IAAI,EAAE,CAAC,OAAuB,KAAI;AAChC,YAAA,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B;KACF;AACH;;ACzKA;;;;;;;AAOG;AAKU,MAAA,aAAa,GAAG,CAAC,OAAgB,KAAI;IAChD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;AAC9C,IAAA,OAAO,WAAW;AACpB;AAoBa,MAAA,wBAAwB,GAAG,aAAa,CAKlD,4BAA4B,EAAE;AAC/B,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,OAAO,EAAE,KAAK;AACf,CAAA;;;;"}

package/dist/siemens-ix/p-001a084b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as i,g as s}from"./p-DtF9fwpD.js";import{p as a}from"./p-CrTP-icT.js";import{a as n}from"./p-Ou74PMQs.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-overlay-header--color);margin-inline-start:1rem}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{margin-inline-start:auto;margin-inline-end:1rem}:host .display-none{display:none}:host(.display-none){display:none}";const l=class{constructor(o){e(this,o);this.closeClick=t(this,"closeClick",7)}componentWillLoad(){n({targets:this.hostElement,duration:l.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.hostElement.classList.remove("display-none")}})}closeOverlay(){n({targets:this.hostElement,duration:l.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.closeClick.emit();this.hostElement.classList.add("display-none")}})}render(){var e,t,s;return o(i,{key:"691dfc6123d9db015bd72cd9dde85b883d3beb9e"},o("div",{key:"ac2e67da37c00be757aeb599c8bfad6526fbaca9",class:"overlay-header"},o("div",{key:"7541dee9c5385ba8677ca477e86af178b58a3c25",class:{"color-indicator":true,"display-none":((e=this.iconColor)!==null&&e!==void 0?e:this.color)===undefined},style:{"background-color":((t=this.iconColor)!==null&&t!==void 0?t:this.color)?`var(--theme-${(s=this.iconColor)!==null&&s!==void 0?s:this.color})`:""}}),o("div",{key:"ef9b28fd919e784f1cdfe213c1b22d1ce7d27777",class:"overlay-header-content"},o("ix-icon",{key:"7b52ed2038e1712739d89304383d5c6ba20d6dae",size:"32",name:this.icon}),o("span",{key:"8e7f68c0cca5112d91d6b94b408515048d73c130",class:"overlay-header-title",title:this.name},this.name)),o("ix-icon-button",{key:"b3b8c6afd7f5e2fca00196685e638ac808eed0c2",class:"overlay-close",ghost:true,icon:a,size:"24",onClick:()=>this.closeOverlay()})),o("slot",{key:"6f7d6c4b6c9b89f8ed1a8bd99a951b7a3da07477"}))}get hostElement(){return s(this)}};l.slowTime=500;l.style=r;export{l as ix_map_navigation_overlay};
+//# sourceMappingURL=p-001a084b.entry.js.map

package/dist/siemens-ix/p-001a084b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapNavigationOverlayCss","MapNavigationOverlay","componentWillLoad","anime","targets","this","hostElement","duration","slowTime","backdropFilter","translateX","opacity","easing","begin","classList","remove","closeOverlay","complete","closeClick","emit","add","render","h","Host","key","class","_a","iconColor","color","undefined","style","_b","_c","size","name","icon","title","ghost","iconClose","onClick"],"sources":["src/components/map-navigation-overlay/map-navigation-overlay.scss?tag=ix-map-navigation-overlay&encapsulation=shadow","src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'common-variables';\n@import 'legacy/fonts';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  background-color: var(--theme-overlay--background);\n\n  .overlay-header {\n    display: flex;\n    position: relative;\n    justify-content: flex-start;\n    align-items: center;\n    height: 3.5rem;\n\n    background-color: var(--theme-overlay-header--background);\n  }\n\n  .overlay-header-content {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    ix-icon {\n      margin-inline-start: $default-space;\n      color: var(--theme-overlay-header--color);\n    }\n\n    .overlay-header-title {\n      @include text-h2;\n      @include ellipsis;\n      color: var(--theme-overlay-header--color);\n      margin-inline-start: $default-space;\n    }\n  }\n\n  .color-indicator {\n    display: inline-block;\n    position: relative;\n    width: $small-space;\n    height: 100%;\n    background-color: var(--theme-color-neutral);\n  }\n\n  .overlay-close {\n    margin-inline-start: auto;\n    margin-inline-end: $default-space;\n  }\n\n  .display-none {\n    display: none;\n  }\n}\n\n:host(.display-none) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconClose } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-map-navigation-overlay',\n  styleUrl: 'map-navigation-overlay.scss',\n  shadow: true,\n})\nexport class MapNavigationOverlay {\n  private static readonly slowTime = 500;\n\n  @Element() hostElement!: HTMLIxMapNavigationOverlayElement;\n\n  /**\n   * Title of overlay\n   */\n  @Prop() name?: string;\n\n  /**\n   * Icon of overlay\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Color of icon\n   *\n   * @deprecated since 2.1.0. Use `icon-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color?: string;\n\n  /**\n   * Color of icon\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Event closed\n   */\n  @Event() closeClick!: EventEmitter;\n\n  componentWillLoad() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.hostElement.classList.remove('display-none');\n      },\n    });\n  }\n\n  private closeOverlay() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        this.closeClick.emit();\n        this.hostElement.classList.add('display-none');\n      },\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"overlay-header\">\n          <div\n            class={{\n              'color-indicator': true,\n              'display-none': (this.iconColor ?? this.color) === undefined,\n            }}\n            style={{\n              'background-color':\n                (this.iconColor ?? this.color)\n                  ? `var(--theme-${this.iconColor ?? this.color})`\n                  : '',\n            }}\n          ></div>\n          <div class=\"overlay-header-content\">\n            <ix-icon size=\"32\" name={this.icon}></ix-icon>\n            <span class=\"overlay-header-title\" title={this.name}>\n              {this.name}\n            </span>\n          </div>\n          <ix-icon-button\n            class=\"overlay-close\"\n            ghost\n            icon={iconClose}\n            size=\"24\"\n            onClick={() => this.closeOverlay()}\n          ></ix-icon-button>\n        </div>\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAA0B,0rJ,MC0BnBC,EAAoB,M,gEAiC/B,iBAAAC,GACEC,EAAM,CACJC,QAASC,KAAKC,YACdC,SAAUN,EAAqBO,SAC/BC,eAAgB,CAAC,EAAG,cACpBC,WAAY,CAAC,QAAS,GACtBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,MAAO,KACLR,KAAKC,YAAYQ,UAAUC,OAAO,eAAe,G,CAK/C,YAAAC,GACNb,EAAM,CACJC,QAASC,KAAKC,YACdC,SAAUN,EAAqBO,SAC/BC,eAAgB,CAAC,aAAc,GAC/BC,WAAY,CAAC,EAAG,SAChBC,QAAS,CAAC,EAAG,GACbC,OAAQ,aACRK,SAAU,KACRZ,KAAKa,WAAWC,OAChBd,KAAKC,YAAYQ,UAAUM,IAAI,eAAe,G,CAKpD,MAAAC,G,UACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,kBAAmB,KACnB,iBAAiBC,EAAArB,KAAKsB,aAAa,MAAAD,SAAA,EAAAA,EAAArB,KAAKuB,SAAWC,WAErDC,MAAO,CACL,qBACGC,EAAA1B,KAAKsB,aAAa,MAAAI,SAAA,EAAAA,EAAA1B,KAAKuB,OACpB,gBAAeI,EAAA3B,KAAKsB,aAAa,MAAAK,SAAA,EAAAA,EAAA3B,KAAKuB,SACtC,MAGVN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,0BACTH,EAAS,WAAAE,IAAA,2CAAAS,KAAK,KAAKC,KAAM7B,KAAK8B,OAC9Bb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,uBAAuBW,MAAO/B,KAAK6B,MAC5C7B,KAAK6B,OAGVZ,EACE,kBAAAE,IAAA,2CAAAC,MAAM,gBACNY,MAAK,KACLF,KAAMG,EACNL,KAAK,KACLM,QAAS,IAAMlC,KAAKW,kBAIxBM,EAAa,QAAAE,IAAA,6C,oCA5FKvB,EAAQO,SAAG,I","ignoreList":[]}

package/dist/siemens-ix/p-01c3ef64.entry.js

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

package/dist/siemens-ix/p-01c3ef64.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flipTileCss","FlipTile","constructor","hostRef","this","height","width","index","isFlipAnimationActive","ANIMATION_DURATION","contentItems","watchIndex","newIndex","oldIndex","doFlipAnimation","componentDidLoad","observer","createMutationObserver","updateContentItems","observe","hostElement","childList","componentWillLoad","updateContentVisibility","disconnectedCallback","disconnect","Array","from","querySelectorAll","indexVisible","forEach","content","contentVisible","toggleIndex","length","defaultPrevented","toggle","emit","setTimeout","render","h","Host","key","style","class","info","state","FlipTileState","Info","warning","Warning","alarm","Alarm","primary","Primary","name","icon","iconEye","variant","ghost","onClick","footer"],"sources":["src/components/flip-tile/flip-tile.scss?tag=ix-flip-tile&encapsulation=shadow","src/components/flip-tile/flip-tile.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/animations';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/fonts';\n\n@include keyframes(flip-animation) {\n  0% {\n    transform: rotateY(0);\n  }\n  50% {\n    transform: rotateY(90deg);\n  }\n  51% {\n    transform: rotateY(270deg);\n  }\n  100% {\n    transform: rotateY(360deg);\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  perspective: 1000px;\n\n  .flip-tile-header {\n    display: flex;\n    align-items: center;\n    height: $large-control-height;\n    padding: 0 $small-space 0 $default-space;\n\n    .header-slot-container {\n      @include ellipsis;\n      flex-grow: 1;\n      min-width: 0;\n    }\n  }\n\n  .content-container {\n    flex-grow: 1;\n    margin: $default-space;\n  }\n\n  .flip-tile-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: var(--theme-blind-base--background);\n    border: solid 1px var(--theme-blind-base--border-color);\n    border-radius: var(--theme-flip-tile--border-radius)\n      var(--theme-flip-tile--border-radius) 0 0;\n    transform-style: preserve-3d;\n\n    &.flip-animation-active {\n      @include animation(flip-animation, 2 * $default-time, ease-in-out);\n    }\n\n    .footer {\n      display: flex;\n      height: 3rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0 $small-space;\n      color: var(--theme-flip-footer--color);\n      background-color: var(--theme-blind-base--background);\n\n      :first-child {\n        @include ellipsis;\n        height: 100%;\n      }\n    }\n\n    ::slotted(*) {\n      @include ellipsis;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-width: 0;\n    }\n\n    &.primary {\n      border-color: var(--theme-color-primary);\n\n      .footer {\n        background-color: var(--theme-color-primary);\n        color: var(--theme-color-primary--contrast);\n      }\n    }\n\n    &.info {\n      border-color: var(--theme-color-info);\n\n      .footer {\n        background-color: var(--theme-color-info);\n        color: var(--theme-color-info--contrast);\n      }\n    }\n\n    &.warning {\n      border-color: var(--theme-color-warning);\n\n      .footer {\n        background-color: var(--theme-color-warning);\n        color: var(--theme-color-warning--contrast);\n      }\n    }\n\n    &.alarm {\n      border-color: var(--theme-color-alarm);\n\n      .footer {\n        background-color: var(--theme-color-alarm);\n        color: var(--theme-color-alarm--contrast);\n      }\n    }\n  }\n\n  &:hover .flip-tile-container .footer ix-icon {\n    color: var(--theme-color-std-text);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { FlipTileState } from './flip-tile-state';\nimport { iconEye } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-flip-tile',\n  styleUrl: 'flip-tile.scss',\n  shadow: true,\n})\nexport class FlipTile {\n  @Element() hostElement!: HTMLIxFlipTileElement;\n\n  /**\n   * Variation of the Flip\n   */\n  @Prop() state?: FlipTileState;\n\n  /**\n   * Height interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() height: number | 'auto' = 15.125;\n\n  /**\n   * Width interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() width: number | 'auto' = 16;\n\n  /**\n   * Index of the currently visible content\n   * @since 3.0.0\n   */\n  @Prop() index = 0;\n\n  /**\n   * Event emitted when the index changes\n   * @since 3.0.0\n   */\n  @Event() toggle!: EventEmitter<number>;\n\n  @State() isFlipAnimationActive: boolean = false;\n\n  private readonly ANIMATION_DURATION = 150;\n  private contentItems: Array<HTMLIxFlipTileContentElement> = [];\n  private observer?: MutationObserver;\n\n  @Watch('index')\n  watchIndex(newIndex: number, oldIndex: number) {\n    if (newIndex === oldIndex) {\n      return;\n    }\n\n    this.doFlipAnimation(newIndex);\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => this.updateContentItems());\n    this.observer.observe(this.hostElement, {\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.updateContentItems();\n    this.updateContentVisibility(this.index);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private updateContentItems() {\n    this.contentItems = Array.from(\n      this.hostElement.querySelectorAll('ix-flip-tile-content')\n    );\n  }\n\n  private updateContentVisibility(indexVisible: number) {\n    this.contentItems.forEach(\n      (content, index) => (content.contentVisible = index === indexVisible)\n    );\n  }\n\n  private toggleIndex() {\n    let newIndex;\n\n    if (this.index >= this.contentItems.length - 1) {\n      newIndex = 0;\n    } else {\n      newIndex = this.index + 1;\n    }\n\n    const { defaultPrevented } = this.toggle.emit(newIndex);\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    this.doFlipAnimation(newIndex);\n  }\n\n  private doFlipAnimation(index: number) {\n    if (this.isFlipAnimationActive) {\n      return;\n    }\n\n    this.isFlipAnimationActive = true;\n\n    setTimeout(() => {\n      this.index = index;\n\n      this.updateContentVisibility(this.index);\n    }, this.ANIMATION_DURATION);\n\n    setTimeout(() => {\n      this.isFlipAnimationActive = false;\n    }, 2 * this.ANIMATION_DURATION);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n        }}\n      >\n        <div\n          class={{\n            'flip-tile-container': true,\n            info: this.state === FlipTileState.Info,\n            warning: this.state === FlipTileState.Warning,\n            alarm: this.state === FlipTileState.Alarm,\n            primary: this.state === FlipTileState.Primary,\n            'flip-animation-active': this.isFlipAnimationActive,\n          }}\n        >\n          <div class=\"flip-tile-header\">\n            <div class=\"header-slot-container text-l-title\">\n              <slot name=\"header\"></slot>\n            </div>\n            <ix-icon-button\n              icon={iconEye}\n              variant=\"primary\"\n              ghost\n              onClick={() => this.toggleIndex()}\n            ></ix-icon-button>\n          </div>\n\n          <div class=\"content-container\">\n            <slot></slot>\n          </div>\n          <div\n            class={{\n              footer: true,\n              'contrast-light': this.state === FlipTileState.Warning,\n              'contrast-dark':\n                this.state === FlipTileState.Info ||\n                this.state === FlipTileState.Alarm,\n            }}\n          >\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-033a9520.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as e,g as i}from"./p-DtF9fwpD.js";import{g as r}from"./p-i60z1FJC.js";const o=":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";const a=class{constructor(s){t(this,s);this.disabled=false;this.inputPaddingLeft=0;this.inputPaddingRight=0}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){var t;const{valid:s}=this.inputElement.validity;this.inputElement.addEventListener("valid",(()=>{this.onValidInput()}));this.inputElement.addEventListener("invalid",(()=>{this.onInvalidInput()}));this.inputElement.addEventListener("input",(()=>{this.startSlotChanged()}));(t=this.inputElement.form)===null||t===void 0?void 0:t.addEventListener("submit",(()=>{this.startSlotChanged()}));s?this.onValidInput():this.onInvalidInput();this.observer=new MutationObserver((()=>{this.slotChanged();this.startSlotChanged();this.endSlotChanged()}));this.observer.observe(this.hostElement,{subtree:true,childList:true,attributes:true,characterData:true})}componentDidRender(){this.prepareInputElement()}onValidInput(){this.startSlotChanged()}onInvalidInput(){this.startSlotChanged()}prepareInputElement(){if(this.inputElement){this.inputElement.style.width="100%";if(this.inputPaddingRight!==0){this.inputElement.style.paddingRight=this.inputPaddingRight+"px"}else{this.inputElement.style.paddingRight="0.5rem"}if(this.inputPaddingLeft!==0){this.inputElement.style.paddingLeft=this.inputPaddingLeft+"px"}else{this.inputElement.style.paddingLeft="0.5rem"}}else{console.warn('You used the ix-input-group without an input tag, e.g. <input class="ix-form-control" />')}}slotChanged(){var t;this.disabled=(t=this.inputElement)===null||t===void 0?void 0:t.disabled}startSlotChanged(){setTimeout((()=>{var t,s;const e=this.getChildrenWidth(this.startSlotRef);if(e!==0){this.inputPaddingLeft=11+e}else{this.inputPaddingLeft=0}if(!this.inputElement){return}const i=!this.inputElement.validity.valid||this.inputElement.classList.contains("is-invalid");const r=((t=this.inputElement.form)===null||t===void 0?void 0:t.classList.contains("was-validated"))||((s=this.inputElement.form)===null||s===void 0?void 0:s.noValidate)===false;if(r&&i){const t=this.inputPaddingLeft!==0?this.inputPaddingLeft:7;this.inputElement.style.backgroundPosition=`left ${t}px center`;this.inputPaddingLeft+=26}}))}endSlotChanged(){setTimeout((()=>{this.inputPaddingRight=15+this.getChildrenWidth(this.endSlotRef)}))}getChildrenWidth(t){if(!t){return 0}const s=r(t);if(s.length===0){return 0}let e=0;s.forEach((t=>{e+=t.getBoundingClientRect().width}));return e}render(){return s(e,{key:"f911a9b30ed5788e3a2e81da5d935ccdc2bbfbbd",class:{disabled:this.disabled}},s("div",{key:"65d7c4134a794f46c89d7a8a55140ac515a9d27b",class:"group group-start"},s("slot",{key:"39bdf4ec556d693e34862bd058a4dfa25f93c82c",ref:t=>this.startSlotRef=t,name:"input-start"})),s("slot",{key:"88a1331fdda64f4981cad520f93027740284ce4d"}),s("div",{key:"7b6b3c4b1c365b3bcf0a60715c678fe973c17483",class:"group group-end"},s("slot",{key:"a8f4717abc967a4a7fcebd261937ee3533ae344a",ref:t=>this.endSlotRef=t,name:"input-end"})))}get hostElement(){return i(this)}};a.style=o;export{a as ix_input_group};
+//# sourceMappingURL=p-033a9520.entry.js.map

package/dist/siemens-ix/p-033a9520.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputGroupCss","InputGroup","constructor","hostRef","this","disabled","inputPaddingLeft","inputPaddingRight","inputElement","hostElement","querySelector","componentWillLoad","valid","validity","addEventListener","onValidInput","onInvalidInput","startSlotChanged","_a","form","observer","MutationObserver","slotChanged","endSlotChanged","observe","subtree","childList","attributes","characterData","componentDidRender","prepareInputElement","style","width","paddingRight","paddingLeft","console","warn","setTimeout","startPadding","getChildrenWidth","startSlotRef","isInputInvalid","classList","contains","formWasValidated","_b","noValidate","left","backgroundPosition","endSlotRef","slotElement","endElements","getSlottedElements","length","forEach","element","getBoundingClientRect","render","h","Host","key","class","ref","el","name"],"sources":["src/components/input-group/input-group.scss?tag=ix-input-group&encapsulation=shadow","src/components/input-group/input-group.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'mixins/shadow-dom/host-disabled';\n\n:host {\n  @include ix-component;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  align-items: stretch;\n\n  .group {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    height: 100%;\n  }\n\n  .group-start {\n    left: 0px;\n    height: 2rem;\n    margin-left: 0.5rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  .group-end {\n    right: 0px;\n    height: 2rem;\n    margin-right: 0.5rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(*) {\n    display: flex;\n  }\n}\n\n@include host-disabled {\n  .group-start,\n  .group-end {\n    ::slotted(*) {\n      opacity: 0.4 !important;\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, State } from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n/**\n * @deprecated since 3.0.0. Will be removed with 4.0.0.\n * Use the 'ix-input' component instead\n */\n@Component({\n  tag: 'ix-input-group',\n  styleUrl: 'input-group.scss',\n  shadow: true,\n})\nexport class InputGroup {\n  @Element() hostElement!: HTMLIxInputGroupElement;\n\n  @State() disabled = false;\n\n  @State() inputPaddingLeft = 0;\n  @State() inputPaddingRight = 0;\n\n  startSlotRef?: HTMLElement;\n  endSlotRef?: HTMLElement;\n\n  private get inputElement() {\n    return this.hostElement.querySelector('input') as HTMLInputElement;\n  }\n\n  private observer?: MutationObserver;\n\n  componentWillLoad() {\n    const { valid } = this.inputElement.validity;\n    this.inputElement.addEventListener('valid', () => {\n      this.onValidInput();\n    });\n    this.inputElement.addEventListener('invalid', () => {\n      this.onInvalidInput();\n    });\n    this.inputElement.addEventListener('input', () => {\n      this.startSlotChanged();\n    });\n\n    this.inputElement.form?.addEventListener('submit', () => {\n      this.startSlotChanged();\n    });\n\n    valid ? this.onValidInput() : this.onInvalidInput();\n\n    this.observer = new MutationObserver(() => {\n      this.slotChanged();\n      this.startSlotChanged();\n      this.endSlotChanged();\n    });\n\n    this.observer.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      characterData: true,\n    });\n  }\n\n  componentDidRender() {\n    this.prepareInputElement();\n  }\n\n  private onValidInput() {\n    this.startSlotChanged();\n  }\n\n  private onInvalidInput() {\n    this.startSlotChanged();\n  }\n\n  private prepareInputElement() {\n    if (this.inputElement) {\n      this.inputElement.style.width = '100%';\n\n      if (this.inputPaddingRight !== 0) {\n        this.inputElement.style.paddingRight = this.inputPaddingRight + 'px';\n      } else {\n        this.inputElement.style.paddingRight = '0.5rem';\n      }\n\n      if (this.inputPaddingLeft !== 0) {\n        this.inputElement.style.paddingLeft = this.inputPaddingLeft + 'px';\n      } else {\n        this.inputElement.style.paddingLeft = '0.5rem';\n      }\n    } else {\n      console.warn(\n        'You used the ix-input-group without an input tag, e.g. <input class=\"ix-form-control\" />'\n      );\n    }\n  }\n\n  private slotChanged() {\n    this.disabled = this.inputElement?.disabled;\n  }\n\n  private startSlotChanged() {\n    setTimeout(() => {\n      const startPadding = this.getChildrenWidth(this.startSlotRef);\n\n      if (startPadding !== 0) {\n        this.inputPaddingLeft = 11 + startPadding;\n      } else {\n        this.inputPaddingLeft = 0;\n      }\n\n      if (!this.inputElement) {\n        return;\n      }\n\n      const isInputInvalid =\n        !this.inputElement.validity.valid ||\n        this.inputElement.classList.contains('is-invalid');\n\n      const formWasValidated =\n        this.inputElement.form?.classList.contains('was-validated') ||\n        this.inputElement.form?.noValidate === false;\n\n      if (formWasValidated && isInputInvalid) {\n        const left = this.inputPaddingLeft !== 0 ? this.inputPaddingLeft : 7;\n        this.inputElement.style.backgroundPosition = `left ${left}px center`;\n        this.inputPaddingLeft += 26;\n      }\n    });\n  }\n\n  private endSlotChanged() {\n    setTimeout(() => {\n      this.inputPaddingRight = 15 + this.getChildrenWidth(this.endSlotRef);\n    });\n  }\n\n  private getChildrenWidth(slotElement: Element | undefined) {\n    if (!slotElement) {\n      return 0;\n    }\n\n    const endElements = getSlottedElements<HTMLElement>(slotElement);\n    if (endElements.length === 0) {\n      return 0;\n    }\n\n    let width = 0;\n\n    endElements.forEach((element) => {\n      width += element.getBoundingClientRect().width;\n    });\n\n    return width;\n  }\n\n  render() {\n    return (\n      <Host class={{ disabled: this.disabled }}>\n        <div class=\"group group-start\">\n          <slot\n            ref={(el) => (this.startSlotRef = el as HTMLElement)}\n            name=\"input-start\"\n          ></slot>\n        </div>\n        <slot></slot>\n        <div class=\"group group-end\">\n          <slot\n            ref={(el) => (this.endSlotRef = el as HTMLElement)}\n            name=\"input-end\"\n          ></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-0818f6af.entry.js

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

package/dist/siemens-ix/p-0818f6af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterChipCss","FilterChip","constructor","hostRef","this","disabled","readonly","onCloseClick","event","preventDefault","stopPropagation","closeClick","emit","render","h","Host","key","class","title","hostElement","textContent","ghost","oval","icon","iconCloseSmall","size","tabindex","variant","onClick","e","IxSelectItemLabelChangeEvent","CustomEvent","detail","super","bubbles","IxSelectItemValueChangeEvent","selectItemCss","SelectItem","selected","hover","componentLoaded","getDropdownItemElement","dropdownItem","onItemClick","itemClick","value","querySelector","componentDidRender","undefined","Error","onValueChange","newValue","oldValue","dispatchEvent","labelChange","checked","label"],"sources":["src/components/filter-chip/filter-chip.scss?tag=ix-filter-chip&encapsulation=shadow","src/components/filter-chip/filter-chip.tsx","src/components/select-item/events.ts","src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=shadow","src/components/select-item/select-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@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  height: $large-space;\n  padding-left: $small-space;\n  border: var(--theme-focus--border-thickness) solid\n    var(--theme-chip-primary-outline--border-color);\n  border-radius: $x-large-space;\n  background-color: var(--theme-color-ghost);\n  color: var(--theme-chip-primary-outline--color);\n\n  .slot-container {\n    @include ellipsis;\n\n    :host-context(.disabled) {\n      background-color: var(--theme-color-ghost);\n      border-color: var(--theme-color-component-4);\n      color: var(--theme-color-weak-text);\n    }\n  }\n\n  ix-icon-button {\n    height: $large-space;\n    margin-left: 0.25rem;\n\n    @include focus-visible {\n      outline: none;\n    }\n  }\n}\n\n:host(.disabled) {\n  border: var(--theme-focus--border-thickness) solid\n    var(--theme-color-component-4);\n  color: var(--theme-color-weak-text);\n  padding-right: $small-space;\n\n  cursor: default;\n}\n\n:host(.readonly) {\n  padding-right: $small-space;\n}\n\n@include host-hover {\n  background-color: var(--theme-color-ghost-primary--hover);\n  border-color: var(--theme-chip-primary-outline--border-color--hover);\n  color: var(--theme-chip-primary-outline--color--hover);\n}\n\n@include host-active {\n  background-color: var(--theme-color-ghost-primary--active);\n  border-color: var(--theme-chip-primary-outline--border-color--active);\n  color: var(--theme-chip-primary-outline--color--active);\n}\n\n@include host-focus-visible {\n  outline: var(--theme-color-focus-bdr) solid\n    var(--theme-focus--border-thickness);\n  outline-offset: -0.125rem;\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 { iconCloseSmall } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-filter-chip',\n  styleUrl: 'filter-chip.scss',\n  shadow: true,\n})\nexport class FilterChip {\n  @Element() hostElement!: HTMLIxFilterChipElement;\n\n  /**\n   * If true the filter chip will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the filter chip will be in readonly mode\n   * @since 2.0.0\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Close clicked\n   */\n  @Event() closeClick!: EventEmitter<void>;\n\n  private onCloseClick(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.closeClick.emit();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{ disabled: this.disabled, readonly: this.readonly }}\n        title={this.hostElement.textContent}\n      >\n        <div class=\"slot-container\">\n          <slot></slot>\n        </div>\n        {!this.disabled && !this.readonly ? (\n          <ix-icon-button\n            ghost\n            oval\n            icon={iconCloseSmall}\n            size=\"16\"\n            tabindex={this.disabled ? -1 : 0}\n            variant=\"primary\"\n            disabled={this.disabled}\n            onClick={(e) => this.onCloseClick(e)}\n          ></ix-icon-button>\n        ) : null}\n      </Host>\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 */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n  oldValue: string;\n  newValue: string;\n}> {\n  constructor(detail: { oldValue: string; newValue: string }) {\n    super('ix-select-item:labelChange', {\n      bubbles: true,\n      detail,\n    });\n  }\n}\n\nexport class IxSelectItemValueChangeEvent extends CustomEvent<{\n  oldValue: string;\n  newValue: string;\n}> {\n  constructor(detail: { oldValue: string; newValue: string }) {\n    super('ix-select-item:valueChange', {\n      bubbles: true,\n      detail,\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\n:host {\n  display: block;\n  position: relative;\n\n  > ix-dropdown-item {\n    width: 100%;\n  }\n\n  ix-dropdown-item {\n    color: var(--theme-color-std-text);\n  }\n\n  .select-item-checked {\n    background-color: var(--theme-select-list-item--background--selected);\n    --ix-dropdown-item-checked-color: var(--theme-color-std-text);\n  }\n}\n\n:host(.display-none) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport {\n  IxSelectItemLabelChangeEvent,\n  IxSelectItemValueChangeEvent,\n} from './events';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n  tag: 'ix-select-item',\n  styleUrl: 'select-item.scss',\n  shadow: true,\n})\nexport class SelectItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxSelectItemElement;\n\n  /**\n   * Displayed name of the item\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The value of the item.\n   * Important: The select component uses string values to handle selection and will call toString() on this value.\n   * Therefor a string should be passed to value to prevent unexpected behavior.\n   */\n  @Prop({ reflect: true }) value!: string;\n\n  /**\n   * Flag indicating whether the item is selected\n   */\n  @Prop() selected = false;\n\n  /**\n   * @internal\n   */\n  @Prop() hover = false;\n\n  /**\n   * Item clicked\n   */\n  @Event() itemClick!: EventEmitter<string>;\n\n  private componentLoaded = false;\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement(): Promise<HTMLIxDropdownItemElement> {\n    return this.dropdownItem!;\n  }\n\n  /**\n   * @internal\n   * @param event\n   */\n  @Method()\n  async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.itemClick.emit(this.value);\n  }\n\n  get dropdownItem() {\n    return this.hostElement.querySelector('ix-dropdown-item');\n  }\n\n  componentDidRender() {\n    if (this.value === undefined || this.value === null) {\n      throw Error('ix-select-item must have a `value` property');\n    }\n    this.componentLoaded = true;\n  }\n\n  @Watch('value')\n  onValueChange(newValue: string, oldValue: string) {\n    if (this.componentLoaded) {\n      this.hostElement.dispatchEvent(\n        new IxSelectItemValueChangeEvent({\n          newValue: newValue,\n          oldValue: oldValue,\n        })\n      );\n    }\n  }\n\n  @Watch('label')\n  labelChange(newValue: string, oldValue: string) {\n    if (this.componentLoaded) {\n      this.hostElement.dispatchEvent(\n        new IxSelectItemLabelChangeEvent({\n          newValue: newValue,\n          oldValue: oldValue,\n        })\n      );\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-dropdown-item\n          class={{\n            'select-item-checked': this.selected,\n          }}\n          checked={this.selected}\n          label={this.label ? this.label : this.value}\n          onItemClick={(e) => this.onItemClick(e)}\n        ></ix-dropdown-item>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAgB,20E,MCyBTC,EAAU,MALvB,WAAAC,CAAAC,G,iDAWUC,KAAQC,SAAG,MAMXD,KAAQE,SAAG,KAqCpB,CA9BS,YAAAC,CAAaC,GACnBA,EAAMC,iBACND,EAAME,kBACNN,KAAKO,WAAWC,M,CAGlB,MAAAC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAO,CAAEZ,SAAUD,KAAKC,SAAUC,SAAUF,KAAKE,UACjDY,MAAOd,KAAKe,YAAYC,aAExBN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,QAAAE,IAAA,+CAEAZ,KAAKC,WAAaD,KAAKE,SACvBQ,EAAA,kBACEO,MACA,KAAAC,KACA,KAAAC,KAAMC,EACNC,KAAK,KACLC,SAAUtB,KAAKC,UAAW,EAAK,EAC/BsB,QAAQ,UACRtB,SAAUD,KAAKC,SACfuB,QAAUC,GAAMzB,KAAKG,aAAasB,KAElC,K,8CC9DN,MAAOC,UAAqCC,YAIhD,WAAA7B,CAAY8B,GACVC,MAAM,6BAA8B,CAClCC,QAAS,KACTF,U,EAKA,MAAOG,UAAqCJ,YAIhD,WAAA7B,CAAY8B,GACVC,MAAM,6BAA8B,CAClCC,QAAS,KACTF,U,EC3BN,MAAMI,EAAgB,mU,MC+BTC,EAAU,MALvB,WAAAnC,CAAAC,G,+CAuBUC,KAAQkC,SAAG,MAKXlC,KAAKmC,MAAG,MAORnC,KAAeoC,gBAAG,KAqE3B,CAjEC,4BAAMC,GACJ,OAAOrC,KAAKsC,Y,CAQd,iBAAMC,CAAYnC,GAChBA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACPD,IAAK,MAALA,SAAK,SAALA,EAAOE,kBAEPN,KAAKwC,UAAUhC,KAAKR,KAAKyC,M,CAG3B,gBAAIH,GACF,OAAOtC,KAAKe,YAAY2B,cAAc,mB,CAGxC,kBAAAC,GACE,GAAI3C,KAAKyC,QAAUG,WAAa5C,KAAKyC,QAAU,KAAM,CACnD,MAAMI,MAAM,8C,CAEd7C,KAAKoC,gBAAkB,I,CAIzB,aAAAU,CAAcC,EAAkBC,GAC9B,GAAIhD,KAAKoC,gBAAiB,CACxBpC,KAAKe,YAAYkC,cACf,IAAIlB,EAA6B,CAC/BgB,SAAUA,EACVC,SAAUA,I,EAOlB,WAAAE,CAAYH,EAAkBC,GAC5B,GAAIhD,KAAKoC,gBAAiB,CACxBpC,KAAKe,YAAYkC,cACf,IAAIvB,EAA6B,CAC/BqB,SAAUA,EACVC,SAAUA,I,EAMlB,MAAAvC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,oBAAAE,IAAA,2CACEC,MAAO,CACL,sBAAuBb,KAAKkC,UAE9BiB,QAASnD,KAAKkC,SACdkB,MAAOpD,KAAKoD,MAAQpD,KAAKoD,MAAQpD,KAAKyC,MACtCF,YAAcd,GAAMzB,KAAKuC,YAAYd,K","ignoreList":[]}

package/dist/siemens-ix/p-08d2c2e8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i}from"./p-DtF9fwpD.js";import{p as o}from"./p-CrTP-icT.js";import{a as r}from"./p-Ou74PMQs.js";const a=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);display:block;position:absolute;justify-content:flex-start;align-items:center;opacity:0;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .drawer-container{z-index:100}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.display-none){display:none}";const h=class{constructor(s){t(this,s);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth;this.toggle=false;this.callback=this.clickedOutside.bind(this);this.showContent=true}onShowChanged(t,e){if(t===e){return}this.toggleDrawer(t)}async toggleDrawer(t){t=t!==null&&t!==void 0?t:!this.show;if(t){const{defaultPrevented:t}=this.open.emit();if(t){return}this.show=true;if(!this.toggle&&this.divElement){this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),h.duration)}}else{const{defaultPrevented:t}=this.drawerClose.emit();if(t){return}this.show=false;if(this.toggle&&this.divElement){this.slideOutRight(this.divElement)}window.removeEventListener("mousedown",this.callback)}this.toggle=this.show;return Promise.resolve()}onCloseClicked(){this.toggleDrawer(false)}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const s=e.closest("#div-container");const i=e.closest("#drawer-btn");if(t.target.type!=="button"&&s!==this.divElement&&e!==i){this.show=false}}getConstrainedWidth(t){return Math.min(Math.max(t,this.minWidth),this.maxWidth)}slideOutRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[e,0],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("display-none")}})}slideInRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[0,e],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("display-none")},complete:()=>{this.showContent=true}})}componentDidLoad(){this.toggleDrawer(this.show)}render(){return s(i,{key:"909d53fac8f9b093953e32c351aa753e64d185ca",class:{"drawer-container":true,"display-none":true},style:{width:"0","max-width":`${this.maxWidth}rem`,height:this.fullHeight?"100%":"auto",overflow:"hidden"},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},s("div",{key:"f1c46494754afe5bf34726bd62fc747925e96052",style:{width:this.width==="auto"?"auto":`${this.getConstrainedWidth(this.width)}rem`}},s("div",{key:"80059cbd571e3216c87a16913f5481d5028a1dcf",class:"header"},s("div",{key:"9482f1bea71cf507ebc87f40663fa2586a286fc5",class:"header-content"},s("slot",{key:"f348a131de977557d6aeb45839e88b278ecdb3c6",name:"header"})),s("ix-icon-button",{key:"a3578ca3c9802cfe777f30804549f3670089a510",class:"close-button",style:{display:this.showContent?"block":"none"},icon:o,size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),s("div",{key:"8b1aad2acde63f6c04c602fd098a08985a5057c1",class:"content",style:{display:this.showContent?"block":"none"}},s("slot",{key:"de9a51c6e383bce7dfdbf8b5f687f37d3767ff2c"}))))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
+//# sourceMappingURL=p-08d2c2e8.entry.js.map

package/dist/siemens-ix/p-08d2c2e8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawerCss","Drawer","constructor","hostRef","this","show","closeOnClickOutside","fullHeight","minWidth","maxWidth","width","toggle","callback","clickedOutside","bind","showContent","onShowChanged","newValue","oldValue","toggleDrawer","defaultPrevented","open","emit","divElement","slideInRight","setTimeout","window","addEventListener","duration","drawerClose","slideOutRight","removeEventListener","Promise","resolve","onCloseClicked","evt","target","closestElement","closest","btn","type","getConstrainedWidth","Math","min","max","el","initialWidth","anime","targets","opacity","easing","complete","classList","add","targetWidth","begin","remove","componentDidLoad","render","h","Host","key","class","style","height","overflow","ref","id","name","display","icon","iconClose","size","ghost","onClick"],"sources":["src/components/drawer/drawer.scss?tag=ix-drawer&encapsulation=shadow","src/components/drawer/drawer.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'mixins/shadows';\n@import 'common-variables';\n\n:host {\n  @include ix-component;\n\n  top: 0;\n  right: 0;\n  @include box-shadow(3);\n\n  display: block;\n  position: absolute;\n  justify-content: flex-start;\n  align-items: center;\n  opacity: 0;\n\n  max-height: 100vh;\n  min-height: $large-space;\n  background-color: var(--theme-color-1);\n  border-radius: $default-border-radius;\n\n  .drawer-container {\n    z-index: 100;\n  }\n\n  .header {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0.5rem;\n    width: 100%;\n    order: 1;\n\n    .header-content {\n      flex-grow: 1;\n      margin-right: $default-space;\n    }\n  }\n\n  .content {\n    position: relative;\n    flex: 1;\n    order: 2;\n    height: 100%;\n    width: 100%;\n    overflow-y: auto;\n  }\n}\n\n:host(.display-none) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconClose } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-drawer',\n  styleUrl: 'drawer.scss',\n  shadow: true,\n})\nexport class Drawer {\n  /**\n   * Show or hide the drawer\n   */\n  @Prop({ mutable: true }) show = false;\n\n  /**\n   * Fired in case of an outside click during drawer showed state\n   */\n  @Prop() closeOnClickOutside = true;\n\n  /**\n   * Render the drawer with maximum height\n   */\n  @Prop() fullHeight = false;\n\n  /**\n   * Min width interpreted as REM\n   */\n  @Prop() minWidth = 16;\n\n  /**\n   * Max width interpreted as REM\n   */\n  @Prop() maxWidth = 28;\n\n  /**\n   * Width interpreted as REM if not set to 'auto'\n   */\n  @Prop() width: number | 'auto' = this.minWidth;\n\n  /**\n   * Fire event after drawer is open\n   */\n  @Event() open!: EventEmitter;\n\n  /**\n   * Fire event after drawer is close\n   */\n  @Event() drawerClose!: EventEmitter;\n\n  toggle = false;\n\n  private static duration = 300;\n  private callback = this.clickedOutside.bind(this);\n  private divElement?: HTMLElement;\n\n  @State() showContent = true;\n\n  @Watch('show')\n  onShowChanged(newValue: boolean, oldValue?: boolean) {\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.toggleDrawer(newValue);\n  }\n\n  /**\n   * Toggle or define show state of drawer\n   * @param show Overwrite toggle state with boolean\n   */\n  @Method()\n  async toggleDrawer(show?: boolean): Promise<void> {\n    show = show ?? !this.show;\n\n    if (show) {\n      const { defaultPrevented } = this.open.emit();\n\n      if (defaultPrevented) {\n        return;\n      }\n\n      this.show = true;\n      if (!this.toggle && this.divElement) {\n        this.slideInRight(this.divElement);\n        setTimeout(() => {\n          window.addEventListener('mousedown', this.callback);\n        }, Drawer.duration);\n      }\n    } else {\n      const { defaultPrevented } = this.drawerClose.emit();\n\n      if (defaultPrevented) {\n        return;\n      }\n\n      this.show = false;\n\n      if (this.toggle && this.divElement) {\n        this.slideOutRight(this.divElement);\n      }\n\n      window.removeEventListener('mousedown', this.callback);\n    }\n\n    this.toggle = this.show;\n\n    return Promise.resolve();\n  }\n\n  private onCloseClicked() {\n    this.toggleDrawer(false);\n  }\n\n  private clickedOutside(evt: any) {\n    if (!this.closeOnClickOutside) {\n      return;\n    }\n\n    const target = evt.target;\n    const closestElement = target.closest('#div-container');\n    const btn = target.closest('#drawer-btn');\n\n    if (\n      evt.target.type !== 'button' &&\n      closestElement !== this.divElement &&\n      target !== btn\n    ) {\n      this.show = false;\n    }\n  }\n\n  private getConstrainedWidth(width: number) {\n    return Math.min(Math.max(width, this.minWidth), this.maxWidth);\n  }\n\n  private slideOutRight(el: HTMLElement) {\n    const initialWidth = `${this.getConstrainedWidth(\n      this.width === 'auto' ? this.minWidth : this.width\n    )}rem`;\n\n    anime({\n      targets: el,\n      duration: Drawer.duration,\n      width: [initialWidth, 0],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        el.classList.add('display-none');\n      },\n    });\n  }\n\n  private slideInRight(el: HTMLElement) {\n    const targetWidth = `${this.getConstrainedWidth(\n      this.width === 'auto' ? this.minWidth : this.width\n    )}rem`;\n\n    anime({\n      targets: el,\n      duration: Drawer.duration,\n      width: [0, targetWidth],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        el.classList.remove('display-none');\n      },\n      complete: () => {\n        this.showContent = true;\n      },\n    });\n  }\n\n  componentDidLoad() {\n    this.toggleDrawer(this.show);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'drawer-container': true,\n          'display-none': true,\n        }}\n        style={{\n          width: '0',\n          'max-width': `${this.maxWidth}rem`,\n          height: this.fullHeight ? '100%' : 'auto',\n          overflow: 'hidden',\n        }}\n        ref={(el) => (this.divElement = el as HTMLElement)}\n        data-testid=\"container\"\n        id=\"div-container\"\n      >\n        <div\n          style={{\n            width:\n              this.width === 'auto'\n                ? 'auto'\n                : `${this.getConstrainedWidth(this.width)}rem`,\n          }}\n        >\n          <div class=\"header\">\n            <div class=\"header-content\">\n              <slot name=\"header\"></slot>\n            </div>\n            <ix-icon-button\n              class=\"close-button\"\n              style={{\n                display: this.showContent ? 'block' : 'none',\n              }}\n              icon={iconClose}\n              size=\"24\"\n              ghost\n              onClick={() => this.onCloseClicked()}\n              data-testid=\"close-button\"\n            ></ix-icon-button>\n          </div>\n          <div\n            class=\"content\"\n            style={{\n              display: this.showContent ? 'block' : 'none',\n            }}\n          >\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}