@siemens/ix 2.1.0 → 2.1.1-beta.0

package/dist/siemens-ix/p-1aa9c005.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasDropdownItemWrapperImplemented","item","getDropdownItemElement","undefined","DropdownController","constructor","this","dropdowns","Map","submenuIds","isWindowListenerActive","connected","dropdown","addOverlayListeners","set","getId","discoverAllSubmenus","discoverSubmenus","disconnected","delete","forEach","discoverSubmenu","present","isPresent","willPresent","getAssignedSubmenuIds","dismissChildren","uid","childIds","id","dismiss","get","willDismiss","dismissAll","ignoreBehaviorForIds","includes","closeBehavior","dismissOthers","path","buildComposedPath","Set","has","pathIncludesTrigger","eventTargets","eventTarget","HTMLElement","hasAttribute","pathIncludesDropdown","find","element","tagName","add","ruleKey","Object","keys","key","window","addEventListener","event","hasTrigger","composedPath","hasDropdown","addDisposableEventListener","eventType","callback","removeEventListener","dropdownController","dropdownCss","IxDropdownStyle0","sequenceId","Dropdown","autoUpdateCleanup","localUId","assignedSubmenu","connectedCallback","cacheSubmenuId","stopImmediatePropagation","preventDefault","detail","indexOf","push","disconnectedCallback","_a","disposeListener","call","show","defaultPrevented","showChanged","emit","dropdownItems","Array","from","hostElement","querySelectorAll","slotElement","shadowRoot","querySelector","addEventListenersFor","toggleController","triggerElement","_b","setAttribute","dispatchEvent","CustomEvent","bubbles","composed","cancelable","registerListener","resolveElement","el","findElement","checkForSubmenuAnchor","dropdownItem","isSubMenu","style","zIndex","Promise","resolve","selector","document","observer","MutationObserver","disconnect","observe","body","childList","subtree","changedShow","newShow","anchorElement","anchor","trigger","applyDropdownPosition","changedTrigger","newTriggerValue","isAnchorSubmenu","closest","dropdownRef","isSubmenu","positionConfig","strategy","positioningStrategy","middleware","suppressAutomaticPlacement","flip","fallbackStrategy","placement","inline","shift","offset","autoUpdate","async","computeResponse","computePosition","assign","top","left","transform","Math","round","x","y","overwriteDropdownStyle","overwriteStyle","triggerRef","ancestorResize","ancestorScroll","elementResize","componentDidLoad","componentDidRender","isTriggerElement","onDropdownClick","target","updatePosition","render","h","Host","ref","class","overflow","margin","minWidth","position","role","onClick","display","header"],"sources":["src/components/dropdown/dropdown-controller.ts","src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.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\nimport { IxComponent } from '../utils/internal';\nexport type CloseBehavior = 'inside' | 'outside' | 'both' | boolean;\n\nexport interface DropdownInterface extends IxComponent {\n  closeBehavior: CloseBehavior;\n  discoverAllSubmenus: boolean;\n\n  getAssignedSubmenuIds(): string[];\n  getId(): string;\n\n  discoverSubmenu(): void;\n\n  isPresent(): boolean;\n\n  willPresent?(): boolean;\n  willDismiss?(): boolean;\n\n  present(): void;\n  dismiss(): void;\n}\n\nexport function hasDropdownItemWrapperImplemented(\n  item: unknown\n): item is DropdownItemWrapper {\n  return (\n    item &&\n    (item as DropdownItemWrapper).getDropdownItemElement !== undefined &&\n    typeof (item as DropdownItemWrapper).getDropdownItemElement === 'function'\n  );\n}\n\nexport interface DropdownItemWrapper {\n  getDropdownItemElement(): Promise<HTMLIxDropdownItemElement>;\n}\n\ntype SubmenuIds = Record<string, string[]>;\n\nclass DropdownController {\n  private dropdowns: Map<string, DropdownInterface> = new Map<\n    string,\n    DropdownInterface\n  >();\n  private submenuIds: SubmenuIds = {};\n\n  private isWindowListenerActive = false;\n\n  connected(dropdown: DropdownInterface) {\n    if (!this.isWindowListenerActive) {\n      this.addOverlayListeners();\n    }\n    this.dropdowns.set(dropdown.getId(), dropdown);\n\n    if (dropdown.discoverAllSubmenus) {\n      this.discoverSubmenus();\n    }\n  }\n\n  disconnected(dropdown: DropdownInterface) {\n    this.dropdowns.delete(dropdown.getId());\n  }\n\n  discoverSubmenus() {\n    this.dropdowns.forEach((dropdown) => {\n      dropdown.discoverSubmenu();\n    });\n  }\n\n  present(dropdown: DropdownInterface) {\n    if (!dropdown.isPresent() && dropdown.willPresent()) {\n      this.submenuIds[dropdown.getId()] = dropdown.getAssignedSubmenuIds();\n      dropdown.present();\n    }\n  }\n\n  dismissChildren(uid: string) {\n    const childIds = this.submenuIds[uid] || [];\n    for (const id of childIds) {\n      this.dismiss(this.dropdowns.get(id));\n    }\n  }\n\n  dismiss(dropdown: DropdownInterface) {\n    if (dropdown.isPresent() && dropdown.willDismiss()) {\n      this.dismissChildren(dropdown.getId());\n      dropdown.dismiss();\n      delete this.submenuIds[dropdown.getId()];\n    }\n  }\n\n  dismissAll(ignoreBehaviorForIds: string[] = []) {\n    this.dropdowns.forEach((dropdown) => {\n      if (\n        !ignoreBehaviorForIds.includes(dropdown.getId()) &&\n        (dropdown.closeBehavior === 'inside' ||\n          dropdown.closeBehavior === false)\n      ) {\n        return;\n      }\n\n      this.dismiss(dropdown);\n    });\n  }\n\n  dismissOthers(uid: string) {\n    let path = this.buildComposedPath(uid, new Set<string>());\n\n    this.dropdowns.forEach((dropdown) => {\n      if (\n        dropdown.closeBehavior !== 'inside' &&\n        dropdown.closeBehavior !== false &&\n        !path.has(dropdown.getId())\n      ) {\n        this.dismiss(dropdown);\n      }\n    });\n  }\n\n  pathIncludesTrigger(eventTargets: EventTarget[]) {\n    for (let eventTarget of eventTargets) {\n      if (eventTarget instanceof HTMLElement) {\n        if (eventTarget.hasAttribute('data-ix-dropdown-trigger')) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n\n  private pathIncludesDropdown(eventTargets: EventTarget[]) {\n    return !!eventTargets.find(\n      (element: HTMLElement) => element.tagName === 'IX-DROPDOWN'\n    );\n  }\n\n  private buildComposedPath(id: string, path: Set<string>): Set<string> {\n    if (this.submenuIds[id]) {\n      path.add(id);\n    }\n\n    for (const ruleKey of Object.keys(this.submenuIds)) {\n      if (this.submenuIds[ruleKey].includes(id)) {\n        this.buildComposedPath(ruleKey, path).forEach((key) => path.add(key));\n      }\n    }\n\n    return path;\n  }\n\n  private addOverlayListeners() {\n    this.isWindowListenerActive = true;\n\n    window.addEventListener('click', (event: PointerEvent) => {\n      const hasTrigger = this.pathIncludesTrigger(event.composedPath());\n      const hasDropdown = this.pathIncludesDropdown(event.composedPath());\n\n      if (!hasTrigger && !hasDropdown) {\n        this.dismissAll();\n      }\n    });\n\n    window.addEventListener('keydown', (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this.dismissAll([...this.dropdowns.keys()]);\n      }\n    });\n  }\n}\n\nexport const addDisposableEventListener = (\n  element: Element | Window | Document,\n  eventType: string,\n  callback: EventListenerOrEventListenerObject\n) => {\n  element.addEventListener(eventType, callback);\n\n  return () => {\n    element.removeEventListener(eventType, callback);\n  };\n};\n\nexport const addDisposableEventListenerAsArray = (\n  listener: {\n    element: Element | Window | Document;\n    eventType: string;\n    callback: EventListenerOrEventListenerObject;\n  }[]\n) => {\n  const disposables = listener.map(({ callback, element, eventType }) =>\n    addDisposableEventListener(element, eventType, callback)\n  );\n\n  return () => disposables.forEach((dispose) => dispose());\n};\n\nexport const dropdownController = new DropdownController();\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@import 'common-variables';\n\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  background-color: var(--theme-color-2);\n  border-radius: var(--theme-default-border-radius);\n  @include ix-component;\n  min-width: 0px;\n  z-index: var(--theme-z-index-dropdown);\n  box-shadow: var(--theme-shadow-4);\n\n  padding: 0.25rem 0px;\n\n  .dropdown-header {\n    display: flex;\n    align-items: center;\n    height: $large-control-height;\n    color: var(--theme-menu-header--color);\n    padding: 0 $default-space;\n  }\n}\n\n:host(.overflow) {\n  max-height: 50vh;\n  overflow-y: auto;\n}\n\n:host(:not(.show)) {\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  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  flip,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport {\n  addDisposableEventListener,\n  CloseBehavior,\n  dropdownController,\n  DropdownInterface,\n  hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\n\nlet sequenceId = 0;\n\n@Component({\n  tag: 'ix-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n  @Element() hostElement!: HTMLIxDropdownElement;\n\n  /**\n   * Suppress the automatic placement of the dropdown.\n   *\n   * @since 2.0.0\n   */\n  @Prop() suppressAutomaticPlacement = false;\n\n  /**\n   * Show dropdown\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Define an element that triggers the dropdown.\n   * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n   */\n  @Prop() trigger: string | HTMLElement | Promise<HTMLElement>;\n\n  /**\n   * Define an anchor element\n   */\n  @Prop() anchor: string | HTMLElement;\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.\n   */\n  @Prop() closeBehavior: CloseBehavior = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: AlignedPlacement = 'bottom-start';\n\n  /**\n   * Position strategy\n   */\n  @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n  /**\n   * An optional header shown at the top of the dropdown\n   */\n  @Prop() header?: string;\n\n  /**\n   * Move dropdown along main axis of alignment\n   *\n   * @internal\n   */\n  @Prop() offset: {\n    mainAxis?: number;\n    crossAxis?: number;\n    alignmentAxis?: number;\n  };\n\n  /**\n   * @internal\n   */\n  @Prop() overwriteDropdownStyle: (delegate: {\n    dropdownRef: HTMLElement;\n    triggerRef?: HTMLElement;\n  }) => Promise<Partial<CSSStyleDeclaration>>;\n\n  /**\n   * @internal\n   * If initialisation of this dropdown is expected to be defered submenu discovery will have to be re-run globally by the controller.\n   * This property indicates the need for that to the controller.\n   */\n  @Prop() discoverAllSubmenus = false;\n\n  /**\n   * Fire event after visibility of dropdown has changed\n   */\n  @Event() showChanged: EventEmitter<boolean>;\n\n  private autoUpdateCleanup: () => void = null;\n\n  private triggerElement?: Element;\n  private anchorElement?: Element;\n\n  private dropdownRef: HTMLElement;\n  private localUId = `dropdown-${sequenceId++}`;\n  private assignedSubmenu: string[] = [];\n\n  connectedCallback(): void {\n    dropdownController.connected(this);\n  }\n\n  @Listen('ix-assign-sub-menu')\n  cacheSubmenuId(event: CustomEvent<string>) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n\n    const { detail } = event;\n\n    if (this.assignedSubmenu.indexOf(detail) === -1) {\n      this.assignedSubmenu.push(detail);\n    }\n  }\n\n  disconnectedCallback() {\n    this.disposeListener?.();\n    dropdownController.disconnected(this);\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n  }\n\n  getAssignedSubmenuIds() {\n    return this.assignedSubmenu;\n  }\n\n  isPresent() {\n    return this.show;\n  }\n\n  present() {\n    this.show = true;\n  }\n\n  dismiss() {\n    this.show = false;\n  }\n\n  getId() {\n    return this.localUId;\n  }\n\n  willDismiss() {\n    const { defaultPrevented } = this.showChanged.emit(false);\n    return !defaultPrevented;\n  }\n\n  willPresent() {\n    const { defaultPrevented } = this.showChanged.emit(true);\n    return !defaultPrevented;\n  }\n\n  get dropdownItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n  }\n\n  get slotElement() {\n    return this.hostElement.shadowRoot.querySelector('slot');\n  }\n\n  private disposeListener?: Function;\n\n  private addEventListenersFor() {\n    this.disposeListener?.();\n\n    const toggleController = () => {\n      if (!this.isPresent()) {\n        dropdownController.present(this);\n      } else {\n        dropdownController.dismiss(this);\n      }\n\n      dropdownController.dismissOthers(this.getId());\n    };\n\n    this.disposeListener = addDisposableEventListener(\n      this.triggerElement,\n      'click',\n      (event: PointerEvent) => {\n        if (!event.defaultPrevented) {\n          toggleController();\n        }\n      }\n    );\n\n    this.triggerElement?.setAttribute(\n      'data-ix-dropdown-trigger',\n      this.localUId\n    );\n  }\n\n  /** @internal */\n  @Method()\n  async discoverSubmenu() {\n    this.triggerElement?.dispatchEvent(\n      new CustomEvent('ix-assign-sub-menu', {\n        bubbles: true,\n        composed: false,\n        cancelable: true,\n        detail: this.localUId,\n      })\n    );\n  }\n\n  private async registerListener(\n    element: string | HTMLElement | Promise<HTMLElement>\n  ) {\n    this.triggerElement = await this.resolveElement(element);\n    if (this.triggerElement) {\n      this.addEventListenersFor();\n      this.discoverSubmenu();\n    }\n  }\n\n  private async resolveElement(\n    element: string | HTMLElement | Promise<HTMLElement>\n  ) {\n    const el = await this.findElement(element);\n\n    return this.checkForSubmenuAnchor(el);\n  }\n\n  private async checkForSubmenuAnchor(element: Element) {\n    if (hasDropdownItemWrapperImplemented(element)) {\n      const dropdownItem = await element.getDropdownItemElement();\n      dropdownItem.isSubMenu = true;\n      this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n    }\n\n    if (element.tagName === 'IX-DROPDOWN-ITEM') {\n      (element as HTMLIxDropdownItemElement).isSubMenu = true;\n      this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n    }\n\n    return element;\n  }\n\n  private findElement(\n    element: string | HTMLElement | Promise<HTMLElement>\n  ): Promise<Element> {\n    if (element instanceof Promise) {\n      return element;\n    }\n\n    if (typeof element === 'object') {\n      return Promise.resolve(element);\n    }\n\n    const selector = `#${element}`;\n    return new Promise((resolve) => {\n      if (document.querySelector(selector)) {\n        return resolve(document.querySelector(selector));\n      }\n\n      const observer = new MutationObserver(() => {\n        if (document.querySelector(selector)) {\n          resolve(document.querySelector(selector));\n          observer.disconnect();\n        }\n      });\n\n      observer.observe(document.body, {\n        childList: true,\n        subtree: true,\n      });\n    });\n  }\n\n  @Watch('show')\n  async changedShow(newShow: boolean) {\n    if (newShow) {\n      this.anchorElement = await (this.anchor\n        ? this.resolveElement(this.anchor)\n        : this.resolveElement(this.trigger));\n\n      if (this.anchorElement) {\n        this.applyDropdownPosition();\n        // await this.checkForSubmenuAnchor();\n      }\n    }\n  }\n\n  @Watch('trigger')\n  changedTrigger(newTriggerValue: string | HTMLElement | Promise<HTMLElement>) {\n    this.registerListener(newTriggerValue);\n  }\n\n  private isAnchorSubmenu(): boolean {\n    if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n      // Is no official dropdown-item, but check if any dropdown-item\n      // is placed somewhere up the DOM\n      return !!this.anchorElement?.closest('ix-dropdown-item');\n    }\n\n    return true;\n  }\n\n  private async applyDropdownPosition() {\n    if (!this.anchorElement) {\n      return;\n    }\n    if (!this.dropdownRef) {\n      return;\n    }\n    const isSubmenu = this.isAnchorSubmenu();\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: this.positioningStrategy,\n      middleware: [],\n    };\n\n    if (!this.suppressAutomaticPlacement) {\n      positionConfig.middleware.push(\n        flip({ fallbackStrategy: 'initialPlacement' })\n      );\n    }\n\n    positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n    positionConfig.middleware = [\n      ...positionConfig.middleware,\n      inline(),\n      shift(),\n    ];\n\n    if (this.offset) {\n      positionConfig.middleware.push(offset(this.offset));\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = null;\n    }\n\n    this.autoUpdateCleanup = autoUpdate(\n      this.anchorElement,\n      this.dropdownRef,\n      async () => {\n        const computeResponse = await computePosition(\n          this.anchorElement,\n          this.dropdownRef,\n          positionConfig\n        );\n\n        Object.assign(this.dropdownRef.style, {\n          top: '0',\n          left: '0',\n          transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n            computeResponse.y\n          )}px)`,\n        });\n        if (this.overwriteDropdownStyle) {\n          const overwriteStyle = await this.overwriteDropdownStyle({\n            dropdownRef: this.dropdownRef,\n            triggerRef: this.triggerElement as HTMLElement,\n          });\n\n          Object.assign(this.dropdownRef.style, overwriteStyle);\n        }\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  async componentDidLoad() {\n    this.changedTrigger(this.trigger);\n  }\n\n  async componentDidRender() {\n    await this.applyDropdownPosition();\n    this.anchorElement = await (this.anchor\n      ? this.resolveElement(this.anchor)\n      : this.resolveElement(this.trigger));\n  }\n\n  private isTriggerElement(element: HTMLElement) {\n    const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');\n\n    return trigger;\n  }\n\n  private onDropdownClick(event: PointerEvent) {\n    if (dropdownController.pathIncludesTrigger(event.composedPath())) {\n      event.preventDefault();\n\n      if (this.isTriggerElement(event.target as HTMLElement)) {\n        return;\n      }\n    }\n\n    if (this.closeBehavior === 'inside' || this.closeBehavior === 'both') {\n      dropdownController.dismissAll([this.getId()]);\n    }\n\n    dropdownController.dismissOthers(this.getId());\n  }\n\n  /**\n   * Update position of dropdown\n   */\n  @Method()\n  async updatePosition() {\n    this.applyDropdownPosition();\n  }\n\n  render() {\n    return (\n      <Host\n        data-ix-dropdown={this.localUId}\n        ref={(ref) => (this.dropdownRef = ref)}\n        class={{\n          'dropdown-menu': true,\n          show: this.show,\n          overflow: true,\n        }}\n        style={{\n          margin: '0',\n          minWidth: '0px',\n          position: this.positioningStrategy,\n        }}\n        role=\"list\"\n        onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n      >\n        <div style={{ display: 'contents' }}>\n          {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2IA8BgBA,EACdC,GAEA,OACEA,GACCA,EAA6BC,yBAA2BC,kBACjDF,EAA6BC,yBAA2B,UAEpE,CAQA,MAAME,EAAN,WAAAC,GACUC,KAAAC,UAA4C,IAAIC,IAIhDF,KAAAG,WAAyB,GAEzBH,KAAAI,uBAAyB,K,CAEjC,SAAAC,CAAUC,GACR,IAAKN,KAAKI,uBAAwB,CAChCJ,KAAKO,qB,CAEPP,KAAKC,UAAUO,IAAIF,EAASG,QAASH,GAErC,GAAIA,EAASI,oBAAqB,CAChCV,KAAKW,kB,EAIT,YAAAC,CAAaN,GACXN,KAAKC,UAAUY,OAAOP,EAASG,Q,CAGjC,gBAAAE,GACEX,KAAKC,UAAUa,SAASR,IACtBA,EAASS,iBAAiB,G,CAI9B,OAAAC,CAAQV,GACN,IAAKA,EAASW,aAAeX,EAASY,cAAe,CACnDlB,KAAKG,WAAWG,EAASG,SAAWH,EAASa,wBAC7Cb,EAASU,S,EAIb,eAAAI,CAAgBC,GACd,MAAMC,EAAWtB,KAAKG,WAAWkB,IAAQ,GACzC,IAAK,MAAME,KAAMD,EAAU,CACzBtB,KAAKwB,QAAQxB,KAAKC,UAAUwB,IAAIF,G,EAIpC,OAAAC,CAAQlB,GACN,GAAIA,EAASW,aAAeX,EAASoB,cAAe,CAClD1B,KAAKoB,gBAAgBd,EAASG,SAC9BH,EAASkB,iBACFxB,KAAKG,WAAWG,EAASG,Q,EAIpC,UAAAkB,CAAWC,EAAiC,IAC1C5B,KAAKC,UAAUa,SAASR,IACtB,IACGsB,EAAqBC,SAASvB,EAASG,WACvCH,EAASwB,gBAAkB,UAC1BxB,EAASwB,gBAAkB,OAC7B,CACA,M,CAGF9B,KAAKwB,QAAQlB,EAAS,G,CAI1B,aAAAyB,CAAcV,GACZ,IAAIW,EAAOhC,KAAKiC,kBAAkBZ,EAAK,IAAIa,KAE3ClC,KAAKC,UAAUa,SAASR,IACtB,GACEA,EAASwB,gBAAkB,UAC3BxB,EAASwB,gBAAkB,QAC1BE,EAAKG,IAAI7B,EAASG,SACnB,CACAT,KAAKwB,QAAQlB,E,KAKnB,mBAAA8B,CAAoBC,GAClB,IAAK,IAAIC,KAAeD,EAAc,CACpC,GAAIC,aAAuBC,YAAa,CACtC,GAAID,EAAYE,aAAa,4BAA6B,CACxD,OAAO,I,GAKb,OAAO,K,CAGD,oBAAAC,CAAqBJ,GAC3B,QAASA,EAAaK,MACnBC,GAAyBA,EAAQC,UAAY,e,CAI1C,iBAAAX,CAAkBV,EAAYS,GACpC,GAAIhC,KAAKG,WAAWoB,GAAK,CACvBS,EAAKa,IAAItB,E,CAGX,IAAK,MAAMuB,KAAWC,OAAOC,KAAKhD,KAAKG,YAAa,CAClD,GAAIH,KAAKG,WAAW2C,GAASjB,SAASN,GAAK,CACzCvB,KAAKiC,kBAAkBa,EAASd,GAAMlB,SAASmC,GAAQjB,EAAKa,IAAII,I,EAIpE,OAAOjB,C,CAGD,mBAAAzB,GACNP,KAAKI,uBAAyB,KAE9B8C,OAAOC,iBAAiB,SAAUC,IAChC,MAAMC,EAAarD,KAAKoC,oBAAoBgB,EAAME,gBAClD,MAAMC,EAAcvD,KAAKyC,qBAAqBW,EAAME,gBAEpD,IAAKD,IAAeE,EAAa,CAC/BvD,KAAK2B,Y,KAITuB,OAAOC,iBAAiB,WAAYC,IAClC,GAAIA,EAAMH,MAAQ,SAAU,CAC1BjD,KAAK2B,WAAW,IAAI3B,KAAKC,UAAU+C,Q,MAMpC,MAAMQ,EAA6B,CACxCb,EACAc,EACAC,KAEAf,EAAQQ,iBAAiBM,EAAWC,GAEpC,MAAO,KACLf,EAAQgB,oBAAoBF,EAAWC,EAAS,CACjD,EAiBI,MAAME,EAAqB,IAAI9D,EC5MtC,MAAM+D,EAAc,g/BACpB,MAAAC,EAAeD,ECuCf,IAAIE,EAAa,E,MAOJC,EAAQ,M,kEA8EXhE,KAAAiE,kBAAgC,KAMhCjE,KAAAkE,SAAW,YAAYH,MACvB/D,KAAAmE,gBAA4B,G,gCA7EC,M,UAKU,M,gEAiBR,O,eAKD,e,yBAKc,Q,2GA+BtB,K,CAgB9B,iBAAAC,GACER,EAAmBvD,UAAUL,K,CAI/B,cAAAqE,CAAejB,GACbA,EAAMkB,2BACNlB,EAAMmB,iBAEN,MAAMC,OAAEA,GAAWpB,EAEnB,GAAIpD,KAAKmE,gBAAgBM,QAAQD,MAAa,EAAG,CAC/CxE,KAAKmE,gBAAgBO,KAAKF,E,EAI9B,oBAAAG,G,OACEC,EAAA5E,KAAK6E,mBAAe,MAAAD,SAAA,SAAAA,EAAAE,KAAA9E,MACpB4D,EAAmBhD,aAAaZ,MAChC,GAAIA,KAAKiE,kBAAmB,CAC1BjE,KAAKiE,mB,EAIT,qBAAA9C,GACE,OAAOnB,KAAKmE,e,CAGd,SAAAlD,GACE,OAAOjB,KAAK+E,I,CAGd,OAAA/D,GACEhB,KAAK+E,KAAO,I,CAGd,OAAAvD,GACExB,KAAK+E,KAAO,K,CAGd,KAAAtE,GACE,OAAOT,KAAKkE,Q,CAGd,WAAAxC,GACE,MAAMsD,iBAAEA,GAAqBhF,KAAKiF,YAAYC,KAAK,OACnD,OAAQF,C,CAGV,WAAA9D,GACE,MAAM8D,iBAAEA,GAAqBhF,KAAKiF,YAAYC,KAAK,MACnD,OAAQF,C,CAGV,iBAAIG,GACF,OAAOC,MAAMC,KAAKrF,KAAKsF,YAAYC,iBAAiB,oB,CAGtD,eAAIC,GACF,OAAOxF,KAAKsF,YAAYG,WAAWC,cAAc,O,CAK3C,oBAAAC,G,SACNf,EAAA5E,KAAK6E,mBAAe,MAAAD,SAAA,SAAAA,EAAAE,KAAA9E,MAEpB,MAAM4F,EAAmB,KACvB,IAAK5F,KAAKiB,YAAa,CACrB2C,EAAmB5C,QAAQhB,K,KACtB,CACL4D,EAAmBpC,QAAQxB,K,CAG7B4D,EAAmB7B,cAAc/B,KAAKS,QAAQ,EAGhDT,KAAK6E,gBAAkBrB,EACrBxD,KAAK6F,eACL,SACCzC,IACC,IAAKA,EAAM4B,iBAAkB,CAC3BY,G,MAKNE,EAAA9F,KAAK6F,kBAAc,MAAAC,SAAA,SAAAA,EAAEC,aACnB,2BACA/F,KAAKkE,S,CAMT,qBAAMnD,G,OACJ6D,EAAA5E,KAAK6F,kBAAc,MAAAjB,SAAA,SAAAA,EAAEoB,cACnB,IAAIC,YAAY,qBAAsB,CACpCC,QAAS,KACTC,SAAU,MACVC,WAAY,KACZ5B,OAAQxE,KAAKkE,W,CAKX,sBAAMmC,CACZ1D,GAEA3C,KAAK6F,qBAAuB7F,KAAKsG,eAAe3D,GAChD,GAAI3C,KAAK6F,eAAgB,CACvB7F,KAAK2F,uBACL3F,KAAKe,iB,EAID,oBAAMuF,CACZ3D,GAEA,MAAM4D,QAAWvG,KAAKwG,YAAY7D,GAElC,OAAO3C,KAAKyG,sBAAsBF,E,CAG5B,2BAAME,CAAsB9D,GAClC,GAAIjD,EAAkCiD,GAAU,CAC9C,MAAM+D,QAAqB/D,EAAQ/C,yBACnC8G,EAAaC,UAAY,KACzB3G,KAAKsF,YAAYsB,MAAMC,OAAS,+B,CAGlC,GAAIlE,EAAQC,UAAY,mBAAoB,CACzCD,EAAsCgE,UAAY,KACnD3G,KAAKsF,YAAYsB,MAAMC,OAAS,+B,CAGlC,OAAOlE,C,CAGD,WAAA6D,CACN7D,GAEA,GAAIA,aAAmBmE,QAAS,CAC9B,OAAOnE,C,CAGT,UAAWA,IAAY,SAAU,CAC/B,OAAOmE,QAAQC,QAAQpE,E,CAGzB,MAAMqE,EAAW,IAAIrE,IACrB,OAAO,IAAImE,SAASC,IAClB,GAAIE,SAASvB,cAAcsB,GAAW,CACpC,OAAOD,EAAQE,SAASvB,cAAcsB,G,CAGxC,MAAME,EAAW,IAAIC,kBAAiB,KACpC,GAAIF,SAASvB,cAAcsB,GAAW,CACpCD,EAAQE,SAASvB,cAAcsB,IAC/BE,EAASE,Y,KAIbF,EAASG,QAAQJ,SAASK,KAAM,CAC9BC,UAAW,KACXC,QAAS,MACT,G,CAKN,iBAAMC,CAAYC,GAChB,GAAIA,EAAS,CACX1H,KAAK2H,oBAAuB3H,KAAK4H,OAC7B5H,KAAKsG,eAAetG,KAAK4H,QACzB5H,KAAKsG,eAAetG,KAAK6H,UAE7B,GAAI7H,KAAK2H,cAAe,CACtB3H,KAAK8H,uB,GAOX,cAAAC,CAAeC,GACbhI,KAAKqG,iBAAiB2B,E,CAGhB,eAAAC,G,MACN,IAAKvI,EAAkCM,KAAK2H,eAAgB,CAG1D,UAAS/C,EAAA5E,KAAK2H,iBAAa,MAAA/C,SAAA,SAAAA,EAAEsD,QAAQ,oB,CAGvC,OAAO,I,CAGD,2BAAMJ,GACZ,IAAK9H,KAAK2H,cAAe,CACvB,M,CAEF,IAAK3H,KAAKmI,YAAa,CACrB,M,CAEF,MAAMC,EAAYpI,KAAKiI,kBAEvB,IAAII,EAAiD,CACnDC,SAAUtI,KAAKuI,oBACfC,WAAY,IAGd,IAAKxI,KAAKyI,2BAA4B,CACpCJ,EAAeG,WAAW9D,KACxBgE,EAAK,CAAEC,iBAAkB,qB,CAI7BN,EAAeO,UAAYR,EAAY,cAAgBpI,KAAK4I,UAE5DP,EAAeG,WAAa,IACvBH,EAAeG,WAClBK,IACAC,KAGF,GAAI9I,KAAK+I,OAAQ,CACfV,EAAeG,WAAW9D,KAAKqE,EAAO/I,KAAK+I,Q,CAG7C,GAAI/I,KAAKiE,kBAAmB,CAC1BjE,KAAKiE,oBACLjE,KAAKiE,kBAAoB,I,CAG3BjE,KAAKiE,kBAAoB+E,EACvBhJ,KAAK2H,cACL3H,KAAKmI,aACLc,UACE,MAAMC,QAAwBC,EAC5BnJ,KAAK2H,cACL3H,KAAKmI,YACLE,GAGFtF,OAAOqG,OAAOpJ,KAAKmI,YAAYvB,MAAO,CACpCyC,IAAK,IACLC,KAAM,IACNC,UAAW,aAAaC,KAAKC,MAAMP,EAAgBQ,QAAQF,KAAKC,MAC9DP,EAAgBS,UAGpB,GAAI3J,KAAK4J,uBAAwB,CAC/B,MAAMC,QAAuB7J,KAAK4J,uBAAuB,CACvDzB,YAAanI,KAAKmI,YAClB2B,WAAY9J,KAAK6F,iBAGnB9C,OAAOqG,OAAOpJ,KAAKmI,YAAYvB,MAAOiD,E,IAG1C,CACEE,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,M,CAKrB,sBAAMC,GACJlK,KAAK+H,eAAe/H,KAAK6H,Q,CAG3B,wBAAMsC,SACEnK,KAAK8H,wBACX9H,KAAK2H,oBAAuB3H,KAAK4H,OAC7B5H,KAAKsG,eAAetG,KAAK4H,QACzB5H,KAAKsG,eAAetG,KAAK6H,S,CAGvB,gBAAAuC,CAAiBzH,GACvB,MAAMkF,IAAYlF,EAAQH,aAAa,4BAEvC,OAAOqF,C,CAGD,eAAAwC,CAAgBjH,GACtB,GAAIQ,EAAmBxB,oBAAoBgB,EAAME,gBAAiB,CAChEF,EAAMmB,iBAEN,GAAIvE,KAAKoK,iBAAiBhH,EAAMkH,QAAwB,CACtD,M,EAIJ,GAAItK,KAAK8B,gBAAkB,UAAY9B,KAAK8B,gBAAkB,OAAQ,CACpE8B,EAAmBjC,WAAW,CAAC3B,KAAKS,S,CAGtCmD,EAAmB7B,cAAc/B,KAAKS,Q,CAOxC,oBAAM8J,GACJvK,KAAK8H,uB,CAGP,MAAA0C,GACE,OACEC,EAACC,EAAI,CAAAzH,IAAA,8DACejD,KAAKkE,SACvByG,IAAMA,GAAS3K,KAAKmI,YAAcwC,EAClCC,MAAO,CACL,gBAAiB,KACjB7F,KAAM/E,KAAK+E,KACX8F,SAAU,MAEZjE,MAAO,CACLkE,OAAQ,IACRC,SAAU,MACVC,SAAUhL,KAAKuI,qBAEjB0C,KAAK,OACLC,QAAU9H,GAAwBpD,KAAKqK,gBAAgBjH,IAEvDqH,EAAA,OAAAxH,IAAA,2CAAK2D,MAAO,CAAEuE,QAAS,aACpBnL,KAAKoL,QAAUX,EAAA,OAAKG,MAAM,mBAAmB5K,KAAKoL,QAEnDX,EAAA,QAAAxH,IAAA,8C"}

package/dist/siemens-ix/p-1e5e042b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as h}from"./p-ea80cb61.js";import{a as o}from"./p-810b5232.js";import{A as a}from"./p-46a6cd9d.js";import{a as r}from"./p-702f9349.js";import{m as n}from"./p-68a274e7.js";import"./p-c4749812.js";const l=":host{background-color:var(--theme-color-2);display:flex;position:relative;overflow:hidden;box-sizing:border-box}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 aside{width:100%;height:100%}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host(.not-visible){display:none}:host(.inline-color){background-color:var(--theme-color-1)}:host(.box-shadow){box-shadow:0 0 1rem black}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const d=l;const p=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.validPositions=["top","left","bottom","right"];this.collapsedPane="40px";this.collapsedPaneMobile="48px";this.animations=new Map;this.animationCounter=0;this.heading=undefined;this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.icon=undefined;this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}componentWillLoad(){this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=n("sm");r.onChange.on((()=>{this.isMobile=n("sm")}));this.setPosition(this.currentSlot);this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i,newSlot:e});this.setPosition(e)}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}disconnectedCallback(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}setPosition(t){if(this.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?"double-chevron-up":"double-chevron-left";e=this.isMobile?"double-chevron-down":"double-chevron-right";break;case"right":t=this.isMobile?"double-chevron-down":"double-chevron-right";e=this.isMobile?"double-chevron-up":"double-chevron-left";break;case"bottom":t="double-chevron-down";e="double-chevron-up";break;case"top":t="double-chevron-up";e="double-chevron-down";break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,height:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:this.currentSlot,hideOnCollapse:t})}onVariantChange(t){this.floating=t==="floating";this.variantChanged.emit({slot:this.currentSlot,variant:t})}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot,borderless:t})}onExpandedChange(){this.onSizeChange();this.expandedChanged.emit({slot:this.currentSlot,expanded:this.expanded})}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":this.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":this.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":this.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(this.collapsedPane)}else{this.animateVerticalFadeIn(this.collapsedPane)}}}}render(){return i(s,{key:"dcfd2ad6f43b2a38d9a9006a0b4ae81713fe8f85",class:{"inline-color":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"box-shadow":this.floating,"aria-expanded":this.expanded,"not-visible":this.hideOnCollapse&&!this.expanded}},i("aside",{key:"baf35c3d485501ed02cbaa256414b609fe8e3bb4",class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"ea1a9f69a3b5e854fb008498c721289b40a6ef08",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"dd0e96827adb6aca47cf37c29a176518295b4e2e",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?"close":this.expandIcon:this.minimizeIcon,ghost:true,onClick:()=>{this.expanded=!this.expanded},"aria-controls":this.composition+"ToggleButton"}),i("span",{key:"505a1c739875d56efe54e541090e5f830ca58c0b",class:{"title-text":true,rotate:!this.expanded&&!this.isMobile&&this.isLeftRightPane}},this.icon?i("ix-icon",{size:"24",name:this.icon}):null,i("div",{key:"7c24ad3f13dd01c196625573c5ecae39d26367fa",class:"title-text-overflow"},i("ix-typography",{key:"31376f418257fdeb93d32948c8166cabc29f4a39",format:"h4"},this.heading)))),i("div",{key:"95402763b829936c555a26f80e3538dd1f6d542b",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"840ffb14d5b70ac9c615f1e12ca8fbf05e0bc3d4"}))))}get hostElement(){return h(this)}static get watchers(){return{isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],expanded:["onExpandedChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],size:["onSizeChange"]}}};p.style=d;export{p as ix_pane};
+//# sourceMappingURL=p-1e5e042b.entry.js.map

package/dist/siemens-ix/p-1e5e042b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paneCss","IxPaneStyle0","Pane","this","validPositions","collapsedPane","collapsedPaneMobile","animations","Map","animationCounter","currentSlot","hostElement","getAttribute","isBottomTopPane","composition","isLeftRightPane","isMobileTop","componentWillLoad","setIcons","floating","variant","expanded","onParentSizeChange","isMobile","matchBreakpoint","applicationLayoutService","onChange","on","setPosition","mutationObserver","MutationObserver","mutations","forEach","mutation","type","attributeName","newSlot","oldSlot","oldValue","slotChanged","emit","slot","observe","attributes","attributeOldValue","parentElement","resizeObserver","ResizeObserver","entries","parentWidthPx","borderBoxSize","inlineSize","parentHeightPx","blockSize","disconnectedCallback","_a","disconnect","_b","value","includes","getExpandPaneSize","expandPaneSize","size","referenceValue","Math","round","currentValue","Number","replace","expandIcon","minimizeIcon","getIconNames","getKey","toString","animateVerticalFadeIn","key","animation","anime","targets","duration","Animation","mediumTime","width","easing","delay","begin","showContent","animateVerticalPadding","complete","delete","set","animateHorizontalFadeIn","height","animateHorizontalPadding","removePadding","shadowRoot","querySelector","paddingTop","paddingBottom","paddingLeft","paddingRight","clearAnimations","pause","clear","onMobileChange","style","removeProperty","onPositionChange","onHideOnCollapseChange","hideOnCollapseChanged","hideOnCollapse","onVariantChange","variantChanged","onBorderlessChange","borderlessChanged","borderless","onExpandedChange","onSizeChange","expandedChanged","minHeight","render","h","Host","class","id","title","icon","ghost","onClick","rotate","name","format","heading","hidden"],"sources":["src/components/pane/pane.scss?tag=ix-pane&encapsulation=shadow","src/components/pane/pane.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/shadow-dom/component';\n\n@mixin set-border($composition) {\n  @if $composition {\n    border-#{$composition}: var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr);\n  }\n}\n\n:host {\n  @include ix-component;\n  background-color: var(--theme-color-2);\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  aside {\n    width: 100%;\n    height: 100%;\n  }\n\n  .title-text {\n    display: flex;\n    align-items: center;\n    gap: var(--theme-space-1);\n    overflow: hidden;\n\n    .title-text-overflow {\n      width: 100%;\n      height: 100%;\n      display: contents;\n\n      * {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n    }\n  }\n\n  .header-gap {\n    gap: var(--theme-space-1);\n  }\n\n  .top-bottom-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin: var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2);\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane {\n    display: flex;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin: var(--theme-space-2) var(--theme-space--1)  var(--theme-space-2) var(--theme-space--1);\n\n      .title-text {\n        flex-direction: row-reverse;\n        justify-content: start;\n        flex-direction: row;\n      }\n\n      .rotate {\n        writing-mode: vertical-lr;\n        text-orientation: mixed;\n        transform: rotate(180deg);\n        flex-direction: row-reverse;\n      }\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane.expanded {\n    flex-direction: column;\n  }\n\n  .mobile-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title-mobile {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      margin: var(--theme-space-1) var(--theme-space-2);\n    }\n  }\n\n  .side-pane-content {\n    padding: var(--theme-space-1) var(--theme-space-2);\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n:host(.not-visible) {\n  display: none;\n}\n\n:host(.inline-color) {\n  background-color: var(--theme-color-1);\n}\n\n:host(.box-shadow) {\n  box-shadow: 0 0 1rem black;\n}\n\n:host(.nav-left-border) {\n  border-left: var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr);\n}\n\n:host(.left-pane-border) {\n  @include set-border(right);\n}\n\n:host(.right-pane-border) {\n  @include set-border(left);\n}\n\n:host(.top-pane-border) {\n  @include set-border(bottom);\n}\n\n:host(.bottom-pane-border) {\n  @include set-border(top);\n}\n\n:host(.mobile-overlay) {\n  width: 100%;\n  position: absolute;\n  z-index: 100 !important;\n\n  .side-pane-content {\n    height: calc(100% - 2.5rem);\n  }\n}\n\n:host(.mobile-border-top) {\n  @include set-border(bottom);\n}\n\n:host(.mobile-border-bottom) {\n  @include set-border(top);\n}\n\n:host(.top-expanded) {\n  top: 0;\n}\n\n:host(.bottom-expanded) {\n  bottom: 0;\n}\n\n:host(.left-right-pane) {\n  height: 100%;\n}\n\n:host(.top-bottom-pane) {\n  width: 100%;\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 anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\nexport type Composition = 'top' | 'left' | 'bottom' | 'right';\nexport type ExpandedChangedEvent = {\n  slot: string;\n  expanded: boolean;\n};\nexport type SlotChangedEvent = {\n  slot: string;\n  newSlot: string;\n};\nexport type HideOnCollapseChangedEvent = {\n  slot: string;\n  hideOnCollapse: boolean;\n};\nexport type VariantChangedEvent = {\n  slot: string;\n  variant: 'floating' | 'inline';\n};\nexport type BorderlessChangedEvent = {\n  slot: string;\n  borderless: boolean;\n};\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-pane',\n  styleUrl: 'pane.scss',\n  shadow: true,\n})\nexport class Pane {\n  @Element() hostElement: HTMLIxPaneElement;\n\n  /**\n   * Title of the side panel\n   */\n  @Prop() heading: string;\n\n  /**\n   * Variant of the side pane.\n   * Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline.\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Define if the pane should have a collapsed state\n   */\n  @Prop() hideOnCollapse: boolean = false;\n\n  /**\n   * The maximum size of the sidebar, when it is expanded\n   */\n  @Prop() size:\n    | '240px'\n    | '320px'\n    | '360px'\n    | '480px'\n    | '600px'\n    | '33%'\n    | '50%' = '240px';\n\n  /**\n   * Toggle the border of the pane.\n   * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.\n   */\n  @Prop() borderless: boolean = false;\n\n  /**\n   * State of the pane\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * Defines the position of the pane inside it's container.\n   * Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.\n   */\n  @Prop({ mutable: true }) composition: Composition = 'top';\n\n  /**\n   * Name of the icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * @internal\n   * Prevents overwriting of the variant and borderless property when used inside layout\n   */\n  @Prop() ignoreLayoutSettings: boolean = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) isMobile: boolean = false;\n\n  /**\n   * This event is triggered when the pane either expands or contracts\n   */\n  @Event() expandedChanged: EventEmitter<ExpandedChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() variantChanged: EventEmitter<VariantChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() borderlessChanged: EventEmitter<BorderlessChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() hideOnCollapseChanged: EventEmitter<HideOnCollapseChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() slotChanged: EventEmitter<SlotChangedEvent>;\n\n  @State() private expandIcon = '';\n  @State() private showContent = false;\n  @State() private minimizeIcon = '';\n  @State() private floating = false;\n  @State() private parentWidthPx = 0;\n  @State() private parentHeightPx = 0;\n\n  private validPositions = ['top', 'left', 'bottom', 'right'];\n  private collapsedPane = '40px';\n  private collapsedPaneMobile = '48px';\n  private animations: Map<string, anime.AnimeInstance> = new Map();\n  private animationCounter = 0;\n\n  private mutationObserver: MutationObserver;\n  private resizeObserver: ResizeObserver;\n\n  get currentSlot() {\n    return this.hostElement.getAttribute('slot');\n  }\n\n  get isBottomTopPane() {\n    return this.composition === 'bottom' || this.composition === 'top';\n  }\n\n  get isLeftRightPane() {\n    return this.composition === 'left' || this.composition === 'right';\n  }\n\n  get isMobileTop() {\n    return this.composition === 'top' || this.composition === 'left';\n  }\n\n  componentWillLoad() {\n    this.setIcons();\n\n    this.floating = this.variant === 'floating';\n\n    if (this.expanded) {\n      this.onParentSizeChange();\n    }\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n\n    this.setPosition(this.currentSlot);\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'slot'\n        ) {\n          const newSlot = this.currentSlot;\n          const oldSlot = mutation.oldValue;\n\n          if (newSlot !== oldSlot) {\n            this.slotChanged.emit({\n              slot: oldSlot,\n              newSlot: newSlot,\n            });\n            this.setPosition(newSlot);\n          }\n        }\n      });\n    });\n    this.mutationObserver.observe(this.hostElement, {\n      attributes: true,\n      attributeOldValue: true,\n    });\n\n    const parentElement = this.hostElement.parentElement;\n    this.resizeObserver = new ResizeObserver((entries) => {\n      this.parentWidthPx = entries[0].borderBoxSize[0].inlineSize;\n      this.parentHeightPx = entries[0].borderBoxSize[0].blockSize;\n    });\n    if (parentElement) this.resizeObserver.observe(parentElement);\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setPosition(value: string) {\n    if (this.validPositions.includes(value)) {\n      this.composition = value as Composition;\n    }\n  }\n\n  private getExpandPaneSize() {\n    let expandPaneSize: string;\n\n    if (this.isBottomTopPane) {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentHeightPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 3)}px`;\n        }\n      }\n    } else {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentWidthPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 3)}px`;\n        }\n      }\n    }\n\n    return expandPaneSize;\n  }\n\n  private setIcons() {\n    const { expandIcon, minimizeIcon } = this.getIconNames();\n    this.expandIcon = expandIcon;\n    this.minimizeIcon = minimizeIcon;\n  }\n\n  private getIconNames(): { expandIcon: string; minimizeIcon: string } {\n    let expandIcon = '';\n    let minimizeIcon = '';\n\n    switch (this.composition) {\n      case 'left':\n        expandIcon = this.isMobile\n          ? 'double-chevron-up'\n          : 'double-chevron-left';\n        minimizeIcon = this.isMobile\n          ? 'double-chevron-down'\n          : 'double-chevron-right';\n        break;\n      case 'right':\n        expandIcon = this.isMobile\n          ? 'double-chevron-down'\n          : 'double-chevron-right';\n        minimizeIcon = this.isMobile\n          ? 'double-chevron-up'\n          : 'double-chevron-left';\n        break;\n      case 'bottom':\n        expandIcon = 'double-chevron-down';\n        minimizeIcon = 'double-chevron-up';\n        break;\n      case 'top':\n        expandIcon = 'double-chevron-up';\n        minimizeIcon = 'double-chevron-down';\n        break;\n    }\n\n    return { expandIcon, minimizeIcon };\n  }\n\n  private getKey() {\n    return (this.animationCounter++).toString();\n  }\n\n  private animateVerticalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      width: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          this.animateVerticalPadding('0px');\n        } else {\n          this.animateVerticalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateHorizontalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      height: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          if (!this.isMobile) this.animateHorizontalPadding('0px');\n        } else {\n          if (!this.isMobile) this.animateHorizontalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private removePadding() {\n    anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n      paddingLeft: 0,\n      paddingRight: 0,\n      delay: 0,\n    });\n  }\n\n  private animateHorizontalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: duration,\n      paddingTop: size,\n      paddingBottom: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateVerticalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: duration,\n      paddingLeft: size,\n      paddingRight: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private clearAnimations() {\n    this.animations.forEach((animation) => animation.pause());\n    this.animations.clear();\n    this.animationCounter = 0;\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.hostElement.style.removeProperty('min-height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('composition')\n  onPositionChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('hideOnCollapse')\n  onHideOnCollapseChange(value: boolean) {\n    this.onParentSizeChange();\n\n    this.hideOnCollapseChanged.emit({\n      slot: this.currentSlot,\n      hideOnCollapse: value,\n    });\n  }\n\n  @Watch('variant')\n  onVariantChange(value: 'inline' | 'floating') {\n    this.floating = value === 'floating';\n\n    this.variantChanged.emit({\n      slot: this.currentSlot,\n      variant: value,\n    });\n  }\n\n  @Watch('borderless')\n  onBorderlessChange(value: boolean) {\n    this.borderlessChanged.emit({\n      slot: this.currentSlot,\n      borderless: value,\n    });\n  }\n\n  @Watch('expanded')\n  onExpandedChange() {\n    this.onSizeChange();\n\n    this.expandedChanged.emit({\n      slot: this.currentSlot,\n      expanded: this.expanded,\n    });\n  }\n\n  @Watch('parentHeightPx')\n  @Watch('parentWidthPx')\n  onParentSizeChange() {\n    this.clearAnimations();\n    this.removePadding();\n\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.height = '100%';\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = expandPaneSize;\n          this.animateHorizontalPadding('8px', 0);\n        } else {\n          this.hostElement.style.width = expandPaneSize;\n          this.animateVerticalPadding('8px', 0);\n        }\n      }\n\n      this.showContent = true;\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.hideOnCollapse\n          ? '0'\n          : this.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n        }\n      }\n    }\n  }\n\n  @Watch('size')\n  onSizeChange() {\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.minHeight = this.hideOnCollapse\n          ? '0'\n          : this.collapsedPaneMobile;\n        this.animateHorizontalFadeIn('100%');\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n          this.animateHorizontalFadeIn(expandPaneSize);\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n          this.animateVerticalFadeIn(expandPaneSize);\n        }\n      }\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.animateHorizontalFadeIn(this.collapsedPane);\n        } else {\n          this.animateVerticalFadeIn(this.collapsedPane);\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'inline-color': !this.floating,\n          'mobile-overlay': this.expanded && this.isMobile,\n          'top-expanded': this.expanded && this.isMobileTop && this.isMobile,\n          'bottom-expanded':\n            this.expanded && !this.isMobileTop && this.isMobile,\n          'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n          'left-right-pane': this.isLeftRightPane && !this.isMobile,\n          [`${this.composition}-pane-border`]:\n            !this.borderless && !this.isMobile && !this.floating,\n          'nav-left-border':\n            !this.borderless &&\n            !this.isMobile &&\n            this.composition !== 'right' &&\n            this.floating,\n          'mobile-border-top':\n            !this.borderless &&\n            this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'mobile-border-bottom':\n            !this.borderless &&\n            !this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'box-shadow': this.floating,\n          'aria-expanded': this.expanded,\n          'not-visible': this.hideOnCollapse && !this.expanded,\n        }}\n      >\n        <aside\n          class={{\n            'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n            'left-right-pane': this.isLeftRightPane && !this.isMobile,\n            'mobile-pane': this.isMobile,\n            expanded: this.expanded,\n          }}\n        >\n          <div\n            id=\"title-div\"\n            class={{\n              title:\n                !this.isMobile && !this.hideOnCollapse && !this.showContent,\n              'title-finished':\n                !this.isMobile && !this.hideOnCollapse && this.showContent,\n              'title-expanded':\n                !this.isMobile && !this.hideOnCollapse && this.expanded,\n              'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,\n              'title-mobile': this.isMobile,\n              'header-gap': !this.isMobile && !this.hideOnCollapse,\n            }}\n          >\n            <ix-icon-button\n              class=\"title-icon\"\n              size=\"24\"\n              icon={\n                this.expanded\n                  ? this.isMobile || this.hideOnCollapse\n                    ? 'close'\n                    : this.expandIcon\n                  : this.minimizeIcon\n              }\n              ghost\n              onClick={() => {\n                this.expanded = !this.expanded;\n              }}\n              aria-controls={this.composition + 'ToggleButton'}\n            />\n            <span\n              class={{\n                'title-text': true,\n                rotate:\n                  !this.expanded && !this.isMobile && this.isLeftRightPane,\n              }}\n            >\n              {this.icon ? (\n                <ix-icon size=\"24\" name={this.icon}></ix-icon>\n              ) : null}\n              <div class=\"title-text-overflow\">\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              </div>\n            </span>\n          </div>\n          <div class=\"side-pane-content\" hidden={!this.showContent}>\n            <slot></slot>\n          </div>\n        </aside>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/{p-0d5ae5ed.entry.js → p-22a792da.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,a as e,h as i,F as r,H as a,g as o,c as s}from"./p-a9cf5eb2.js";import{B as n}from"./p-ad01ee70.js";import{c as l,h as d}from"./p-712e0ee0.js";import{m as h}from"./p-64c3fa3d.js";const c=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-color-component-3);color:var(--theme-color-std-text)}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-color-4)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}:host(.avatar-button) .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host(.avatar-button) .btn-invisible-primary,:host(.avatar-button) .btn-invisible-primary.focus,:host(.avatar-button) .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.avatar-button) li{transform:scale(0.8)}";const b=c;function v(t){const{initials:e}=t;if(e){return i("div",{class:"avatar-initials"},e)}return i("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function m(t){return i("li",{class:"avatar"},t.image?i("img",{src:t.image,class:"avatar-image"}):i(v,{initials:t.initials}))}function u(t){return i(r,null,i("div",{class:"user-info",onClick:t=>t.preventDefault()},i(m,{image:t.image,initials:t.initials}),i("div",{class:"user"},i("div",{class:"username"},t.userName),t.extra&&i("ix-typography",{class:"extra",color:"soft"},t.extra))))}const p=class{constructor(e){t(this,e);this.image=undefined;this.initials=undefined;this.username=undefined;this.extra=undefined;this.isClosestApplicationHeader=false;this.hasSlottedElements=false}componentWillLoad(){const t=l("ix-application-header",this.hostElement);this.isClosestApplicationHeader=t!==null}slottedChanged(){this.hasSlottedElements=d(this.slotElement)}resolveAvatarTrigger(){return new Promise((t=>{e((()=>t(this.hostElement.shadowRoot.querySelector("button"))))}))}render(){if(this.isClosestApplicationHeader){return i(a,{slot:"ix-application-header-avatar",class:"avatar-button"},i(n,{disabled:false,ghost:true,iconOval:false,icon:undefined,iconOnly:false,loading:false,outline:false,selected:false,type:"button",variant:"primary"},i(m,{image:this.image,initials:this.initials})),i("ix-dropdown",{trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown"},this.username&&i(r,null,i(u,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username}),this.hasSlottedElements&&i("ix-divider",null)),i("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t})))}return i(a,null,i(m,{image:this.image,initials:this.initials}))}get hostElement(){return o(this)}};p.style=b;const f=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const g=f;const w=class{constructor(e){t(this,e);this.itemClick=s(this,"itemClick",7);this.dropdownItemRef=h();this.icon=undefined;this.label=undefined}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return i("ix-dropdown-item",{key:"c6f72909f3511d9434e4bf0cddac029b4db47b11",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return o(this)}};w.style=g;export{p as ix_avatar,w as ix_menu_avatar_item};
-//# sourceMappingURL=p-0d5ae5ed.entry.js.map
+import{r as t,a as e,h as i,F as r,H as a,g as o,c as s}from"./p-ea80cb61.js";import{B as n}from"./p-004cade9.js";import{c as l,h as d}from"./p-712e0ee0.js";import{m as h}from"./p-64c3fa3d.js";const c=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-color-component-3);color:var(--theme-color-std-text)}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-color-4)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}:host(.avatar-button) .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host(.avatar-button) .btn-invisible-primary,:host(.avatar-button) .btn-invisible-primary.focus,:host(.avatar-button) .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.avatar-button) li{transform:scale(0.8)}";const b=c;function v(t){const{initials:e}=t;if(e){return i("div",{class:"avatar-initials"},e)}return i("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function m(t){return i("li",{class:"avatar"},t.image?i("img",{src:t.image,class:"avatar-image"}):i(v,{initials:t.initials}))}function u(t){return i(r,null,i("div",{class:"user-info",onClick:t=>t.preventDefault()},i(m,{image:t.image,initials:t.initials}),i("div",{class:"user"},i("div",{class:"username"},t.userName),t.extra&&i("ix-typography",{class:"extra",color:"soft"},t.extra))))}const p=class{constructor(e){t(this,e);this.image=undefined;this.initials=undefined;this.username=undefined;this.extra=undefined;this.isClosestApplicationHeader=false;this.hasSlottedElements=false}componentWillLoad(){const t=l("ix-application-header",this.hostElement);this.isClosestApplicationHeader=t!==null}slottedChanged(){this.hasSlottedElements=d(this.slotElement)}resolveAvatarTrigger(){return new Promise((t=>{e((()=>t(this.hostElement.shadowRoot.querySelector("button"))))}))}render(){if(this.isClosestApplicationHeader){return i(a,{slot:"ix-application-header-avatar",class:"avatar-button"},i(n,{disabled:false,ghost:true,iconOval:false,icon:undefined,iconOnly:false,loading:false,outline:false,selected:false,type:"button",variant:"primary"},i(m,{image:this.image,initials:this.initials})),i("ix-dropdown",{trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown"},this.username&&i(r,null,i(u,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username}),this.hasSlottedElements&&i("ix-divider",null)),i("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t})))}return i(a,null,i(m,{image:this.image,initials:this.initials}))}get hostElement(){return o(this)}};p.style=b;const f=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const g=f;const w=class{constructor(e){t(this,e);this.itemClick=s(this,"itemClick",7);this.dropdownItemRef=h();this.icon=undefined;this.label=undefined}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return i("ix-dropdown-item",{key:"c6f72909f3511d9434e4bf0cddac029b4db47b11",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return o(this)}};w.style=g;export{p as ix_avatar,w as ix_menu_avatar_item};
+//# sourceMappingURL=p-22a792da.entry.js.map

package/dist/siemens-ix/p-232bee46.entry.js

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

package/dist/siemens-ix/{p-6605180d.entry.js → p-2462fc76.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a,g as i}from"./p-a9cf5eb2.js";import{u as o,A as s}from"./p-7c36d3fa.js";import{a as r}from"./p-702f9349.js";import{m as n}from"./p-b9eb9829.js";import{h}from"./p-712e0ee0.js";import{t as l}from"./p-1da901d5.js";import"./p-c4749812.js";import"./p-68a274e7.js";const c=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host main{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host(.breakpoint-md){--ix-application-menu-margin-left:3.25rem}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+main{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+main{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:0}";const d=c;const p=class{constructor(t){e(this,t);this.theme=undefined;this.themeSystemAppearance=false;this.forceBreakpoint=undefined;this.breakpoints=["sm","md","lg"];this.appSwitchConfig=undefined;this.breakpoint="lg";this.applicationSidebarSlotted=false}forceLayoutChange(e){if(!e){r.enableBreakpointDetection();return}r.disableBreakpointDetection();r.setBreakpoint(e)}onBreakpointsChange(e){r.setBreakpoints(e)}get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}onContentClick(){var e;if(n.isPinned){return}(e=this.menu)===null||e===void 0?void 0:e.toggleMenu(false)}componentWillLoad(){r.setBreakpoints(this.breakpoints);this.contextProvider=o(this.hostElement,s,{hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig});this.modeDisposable=r.onChange.on((e=>{this.breakpoint=e}));this.breakpoint=r.breakpoint;if(this.forceBreakpoint){this.forceLayoutChange(this.forceBreakpoint)}this.changeTheme()}disconnectedCallback(){var e;(e=this.modeDisposable)===null||e===void 0?void 0:e.dispose()}changeTheme(){if(!this.theme){if(this.themeSystemAppearance){l.setVariant()}return}if(l.hasVariantSuffix(this.theme)){l.setTheme(`theme-${this.theme}`);return}l.setTheme(`theme-${this.theme}-dark`,this.themeSystemAppearance)}onApplicationSidebarChange(){this.contextProvider.emit({hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig})}render(){return t(a,{key:"5611ad541df7672a749f3042f7accf1bc0f4fea3","data-role":"",class:{[`breakpoint-${this.breakpoint}`]:true}},t("slot",{key:"b8600e40c99555bae7055b6a4894df57a7d49026",name:"application-header"}),t("div",{key:"ad71a6e9d05034a173b16075b4343b5244c40e98",class:"application"},t("slot",{key:"6ae1d4a193cc858529efbb0a06421ecf5437224a",name:"menu"}),t("aside",{key:"06a2517aae4b8e0edc4ede14f03b87e9960a39a3",class:{"application-sidebar":true,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},t("slot",{key:"77d253b74578d2392718dcb26ed16c52a60e93ae",name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=h(this.applicationSidebarSlot)})),t("main",{key:"34861c56227c6adce9503099d2b1a7a66bfbafa6",class:"content",onClick:()=>this.onContentClick()},t("slot",{key:"55b324f84d53c0a8a2a49cdcf49b940131ec7ea9"}))))}get hostElement(){return i(this)}static get watchers(){return{breakpoints:["onBreakpointsChange"],theme:["changeTheme"],themeSystemAppearance:["changeTheme"],appSwitchConfig:["onApplicationSidebarChange"],applicationSidebarSlotted:["onApplicationSidebarChange"]}}};p.style=d;export{p as ix_application};
-//# sourceMappingURL=p-6605180d.entry.js.map
+import{r as e,h as t,H as a,g as i}from"./p-ea80cb61.js";import{u as o,A as s}from"./p-7c36d3fa.js";import{a as r}from"./p-702f9349.js";import{m as n}from"./p-b9eb9829.js";import{h}from"./p-712e0ee0.js";import{t as l}from"./p-1da901d5.js";import"./p-c4749812.js";import"./p-68a274e7.js";const c=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host main{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host(.breakpoint-md){--ix-application-menu-margin-left:3.25rem}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+main{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+main{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:0}";const d=c;const p=class{constructor(t){e(this,t);this.theme=undefined;this.themeSystemAppearance=false;this.forceBreakpoint=undefined;this.breakpoints=["sm","md","lg"];this.appSwitchConfig=undefined;this.breakpoint="lg";this.applicationSidebarSlotted=false}forceLayoutChange(e){if(!e){r.enableBreakpointDetection();return}r.disableBreakpointDetection();r.setBreakpoint(e)}onBreakpointsChange(e){r.setBreakpoints(e)}get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}onContentClick(){var e;if(n.isPinned){return}(e=this.menu)===null||e===void 0?void 0:e.toggleMenu(false)}componentWillLoad(){r.setBreakpoints(this.breakpoints);this.contextProvider=o(this.hostElement,s,{hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig});this.modeDisposable=r.onChange.on((e=>{this.breakpoint=e}));this.breakpoint=r.breakpoint;if(this.forceBreakpoint){this.forceLayoutChange(this.forceBreakpoint)}this.changeTheme()}disconnectedCallback(){var e;(e=this.modeDisposable)===null||e===void 0?void 0:e.dispose()}changeTheme(){if(!this.theme){if(this.themeSystemAppearance){l.setVariant()}return}if(l.hasVariantSuffix(this.theme)){l.setTheme(`theme-${this.theme}`);return}l.setTheme(`theme-${this.theme}-dark`,this.themeSystemAppearance)}onApplicationSidebarChange(){this.contextProvider.emit({hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig})}render(){return t(a,{key:"5611ad541df7672a749f3042f7accf1bc0f4fea3","data-role":"",class:{[`breakpoint-${this.breakpoint}`]:true}},t("slot",{key:"b8600e40c99555bae7055b6a4894df57a7d49026",name:"application-header"}),t("div",{key:"ad71a6e9d05034a173b16075b4343b5244c40e98",class:"application"},t("slot",{key:"6ae1d4a193cc858529efbb0a06421ecf5437224a",name:"menu"}),t("aside",{key:"06a2517aae4b8e0edc4ede14f03b87e9960a39a3",class:{"application-sidebar":true,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},t("slot",{key:"77d253b74578d2392718dcb26ed16c52a60e93ae",name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=h(this.applicationSidebarSlot)})),t("main",{key:"34861c56227c6adce9503099d2b1a7a66bfbafa6",class:"content",onClick:()=>this.onContentClick()},t("slot",{key:"55b324f84d53c0a8a2a49cdcf49b940131ec7ea9"}))))}get hostElement(){return i(this)}static get watchers(){return{breakpoints:["onBreakpointsChange"],theme:["changeTheme"],themeSystemAppearance:["changeTheme"],appSwitchConfig:["onApplicationSidebarChange"],applicationSidebarSlotted:["onApplicationSidebarChange"]}}};p.style=d;export{p as ix_application};
+//# sourceMappingURL=p-2462fc76.entry.js.map

package/dist/siemens-ix/{p-9808e98a.entry.js → p-26355e12.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,f as s,H as o,g as r}from"./p-a9cf5eb2.js";import{b as a,a as h}from"./p-4f8ac3bf.js";import{c as n}from"./p-e898862b.js";const c=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";const l=c;let d=0;const b=(t="breadcrumb-")=>`${t}-${d++}`;const m=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.previousButtonId=b();this.previousDropdownId=b();this.visibleItemCount=9;this.nextItems=[];this.ghost=true;this.ariaLabelPreviousButton="previous";this.previousButtonRef=undefined;this.nextButtonRef=undefined;this.items=[];this.isPreviousDropdownExpanded=false}onNextItemsChange(){this.onChildMutation()}onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=n((()=>this.onChildMutation()));this.mutationObserver.observe(this.hostElement,{subtree:true,childList:true})}componentWillLoad(){this.onChildMutation()}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,i)=>{const s=this.nextItems.length!==0&&t.length-1===i;e.ghost=this.ghost;e.showChevron=t.length-1!==i||s;e.isDropdownTrigger=s;if(s){this.nextButtonRef=e}if(t.length<this.visibleItemCount){return}e.visible=i>=t.length-this.visibleItemCount}));this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}render(){var t,e,r,n;const c=a(this.hostElement);return i(o,{key:"3a5d431706ed4ef549411908c3155fb3101c5909"},i("ix-dropdown",{key:"6b0646e46f9e2e47f763a2fd88a2b58273fa4c01",id:this.previousDropdownId,"aria-label":this.ariaLabelPreviousButton,trigger:((t=this.items)===null||t===void 0?void 0:t.length)>this.visibleItemCount?this.previousButtonRef:null,onShowChanged:({detail:t})=>{this.isPreviousDropdownExpanded=t;const e=this.hostElement.shadowRoot.getElementById(this.previousButtonId);if(e){s(this.hostElement.shadowRoot.getElementById(this.previousButtonId))}}},this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{var e;const s=(e=t.label)!==null&&e!==void 0?e:t.innerText;return i("ix-dropdown-item",{label:s,onClick:()=>{this.onItemClick(s)},onItemClick:t=>t.stopPropagation()})}))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?i("ix-breadcrumb-item",{id:this.previousButtonId,ref:t=>this.previousButtonRef=t,label:"...",tabIndex:1,onItemClick:t=>t.stopPropagation(),"aria-describedby":this.previousDropdownId,"aria-controls":this.previousDropdownId,"aria-expanded":h(this.isPreviousDropdownExpanded),class:"previous-button"}):null,i("nav",{key:"8951ec43c5cc5a3241344f0a2dbf8cceee266f61",class:"crumb-items","aria-label":(r=c["aria-label"])!==null&&r!==void 0?r:"breadcrumbs"},i("ol",{key:"9d53557b3fcad33cd0f85f1009cf1cd517d2c6a8"},i("slot",{key:"24b98536fb99e10cfc33947130e572b52bd42218"}))),i("ix-dropdown",{key:"1a00f517f4a8837401e4873f30ba044d84f2fb74",trigger:this.nextButtonRef},(n=this.nextItems)===null||n===void 0?void 0:n.map((t=>i("ix-dropdown-item",{label:t,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}get hostElement(){return r(this)}static get watchers(){return{nextItems:["onNextItemsChange"]}}};m.style=l;export{m as ix_breadcrumb};
-//# sourceMappingURL=p-9808e98a.entry.js.map
+import{r as t,c as e,h as i,f as s,H as o,g as r}from"./p-ea80cb61.js";import{b as a,a as h}from"./p-4f8ac3bf.js";import{c as n}from"./p-e898862b.js";const c=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";const l=c;let d=0;const b=(t="breadcrumb-")=>`${t}-${d++}`;const m=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.previousButtonId=b();this.previousDropdownId=b();this.visibleItemCount=9;this.nextItems=[];this.ghost=true;this.ariaLabelPreviousButton="previous";this.previousButtonRef=undefined;this.nextButtonRef=undefined;this.items=[];this.isPreviousDropdownExpanded=false}onNextItemsChange(){this.onChildMutation()}onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=n((()=>this.onChildMutation()));this.mutationObserver.observe(this.hostElement,{subtree:true,childList:true})}componentWillLoad(){this.onChildMutation()}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,i)=>{const s=this.nextItems.length!==0&&t.length-1===i;e.ghost=this.ghost;e.showChevron=t.length-1!==i||s;e.isDropdownTrigger=s;if(s){this.nextButtonRef=e}if(t.length<this.visibleItemCount){return}e.visible=i>=t.length-this.visibleItemCount}));this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}render(){var t,e,r,n;const c=a(this.hostElement);return i(o,{key:"3a5d431706ed4ef549411908c3155fb3101c5909"},i("ix-dropdown",{key:"6b0646e46f9e2e47f763a2fd88a2b58273fa4c01",id:this.previousDropdownId,"aria-label":this.ariaLabelPreviousButton,trigger:((t=this.items)===null||t===void 0?void 0:t.length)>this.visibleItemCount?this.previousButtonRef:null,onShowChanged:({detail:t})=>{this.isPreviousDropdownExpanded=t;const e=this.hostElement.shadowRoot.getElementById(this.previousButtonId);if(e){s(this.hostElement.shadowRoot.getElementById(this.previousButtonId))}}},this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{var e;const s=(e=t.label)!==null&&e!==void 0?e:t.innerText;return i("ix-dropdown-item",{label:s,onClick:()=>{this.onItemClick(s)},onItemClick:t=>t.stopPropagation()})}))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?i("ix-breadcrumb-item",{id:this.previousButtonId,ref:t=>this.previousButtonRef=t,label:"...",tabIndex:1,onItemClick:t=>t.stopPropagation(),"aria-describedby":this.previousDropdownId,"aria-controls":this.previousDropdownId,"aria-expanded":h(this.isPreviousDropdownExpanded),class:"previous-button"}):null,i("nav",{key:"8951ec43c5cc5a3241344f0a2dbf8cceee266f61",class:"crumb-items","aria-label":(r=c["aria-label"])!==null&&r!==void 0?r:"breadcrumbs"},i("ol",{key:"9d53557b3fcad33cd0f85f1009cf1cd517d2c6a8"},i("slot",{key:"24b98536fb99e10cfc33947130e572b52bd42218"}))),i("ix-dropdown",{key:"1a00f517f4a8837401e4873f30ba044d84f2fb74",trigger:this.nextButtonRef},(n=this.nextItems)===null||n===void 0?void 0:n.map((t=>i("ix-dropdown-item",{label:t,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}get hostElement(){return r(this)}static get watchers(){return{nextItems:["onNextItemsChange"]}}};m.style=l;export{m as ix_breadcrumb};
+//# sourceMappingURL=p-26355e12.entry.js.map

package/dist/siemens-ix/{p-247099fc.entry.js → p-27118d3b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as i,g as s}from"./p-a9cf5eb2.js";import{a as n}from"./p-810b5232.js";const a=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}: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}: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 .d-none{display:none}:host(.d-none){display:none}";const r=a;const l=class{constructor(o){e(this,o);this.closeClick=t(this,"closeClick",7);this.name=undefined;this.icon=undefined;this.color=undefined;this.iconColor=undefined}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("d-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("d-none")}})}render(){var e,t,s;return o(i,{key:"9a3e2f31b59a6829c87dd6422a5426c0aee2951b"},o("div",{key:"c2053424c657e0642b0e7e33bf5009b70151a2f4",class:"overlay-header"},o("div",{key:"beab8496e3e0531bf8722b4c778b6e130291a13d",class:{"color-indicator":true,"d-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:"876d41acfceb40657e724482451588ccbfb06dd6",class:"overlay-header-content"},o("ix-icon",{key:"bfbdd91447f23b64f2d0a22a16b450016e9c86ce",size:"32",name:this.icon}),o("span",{key:"9be99e0ff37cc9023b2a66bc6be3a1af12a5a585",class:"overlay-header-title",title:this.name},this.name)),o("ix-icon-button",{key:"57aed7319da3e3687ef7582849b9a35051d5e3eb",class:"overlay-close",ghost:true,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),o("slot",{key:"8075187346f7e126505bd3defc79a6b4640da7cc"}))}get hostElement(){return s(this)}};l.slowTime=500;l.style=r;export{l as ix_map_navigation_overlay};
-//# sourceMappingURL=p-247099fc.entry.js.map
+import{r as e,c as t,h as o,H as i,g as s}from"./p-ea80cb61.js";import{a as n}from"./p-810b5232.js";const a=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}: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}: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 .d-none{display:none}:host(.d-none){display:none}";const r=a;const l=class{constructor(o){e(this,o);this.closeClick=t(this,"closeClick",7);this.name=undefined;this.icon=undefined;this.color=undefined;this.iconColor=undefined}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("d-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("d-none")}})}render(){var e,t,s;return o(i,{key:"9a3e2f31b59a6829c87dd6422a5426c0aee2951b"},o("div",{key:"c2053424c657e0642b0e7e33bf5009b70151a2f4",class:"overlay-header"},o("div",{key:"beab8496e3e0531bf8722b4c778b6e130291a13d",class:{"color-indicator":true,"d-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:"876d41acfceb40657e724482451588ccbfb06dd6",class:"overlay-header-content"},o("ix-icon",{key:"bfbdd91447f23b64f2d0a22a16b450016e9c86ce",size:"32",name:this.icon}),o("span",{key:"9be99e0ff37cc9023b2a66bc6be3a1af12a5a585",class:"overlay-header-title",title:this.name},this.name)),o("ix-icon-button",{key:"57aed7319da3e3687ef7582849b9a35051d5e3eb",class:"overlay-close",ghost:true,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),o("slot",{key:"8075187346f7e126505bd3defc79a6b4640da7cc"}))}get hostElement(){return s(this)}};l.slowTime=500;l.style=r;export{l as ix_map_navigation_overlay};
+//# sourceMappingURL=p-27118d3b.entry.js.map

package/dist/siemens-ix/{p-5f9bb7c9.entry.js → p-2cdd0028.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as s}from"./p-a9cf5eb2.js";function n(t){let e="";t.forEach((t=>{e+='"';e=t.reduce(((t,e)=>`${t} ${e}`),e);e+='"\n'}));return e}const i=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const o=i;const c="only screen and (max-width: 576px)";const a="only screen and (max-width: 768px)";const r="only screen and (max-width: 992px)";const h=[{name:"sm",query:c},{name:"md",query:a},{name:"lg",query:r}];const d=class{constructor(e){t(this,e);this.disposeMediaQueryListener=[];this.mediaQueries=[];this.templates=undefined;this.currentTemplate=undefined}componentWillRender(){this.mediaQueries=h.map((t=>{const e=window.matchMedia(t.query);const s=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(s);e.addEventListener("change",s);return Object.assign(Object.assign({},t),{mediaQuery:e})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,e)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[e])}))}findNextTemplate(t){const e=this.mediaQueries.findIndex((e=>e.name===t));const s=this.templates[this.mediaQueries[e+1].name];if(!s){return this.findNextTemplate(this.mediaQueries[e+1].name)}return s}applyTemplate(){let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const e=this.templates[t.name];if(e){this.currentTemplate=e}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){var t;const i={};if(((t=this.currentTemplate)===null||t===void 0?void 0:t.length)!==0){i["grid-template-areas"]=n(this.currentTemplate)}return e(s,{key:"8f1477e0ca42a62ce26698bde9843b7634c6956e",style:i},e("slot",{key:"5af8072e074124a51fedb02eb5538490ab91e22a"}))}};d.style=o;export{d as ix_css_grid};
-//# sourceMappingURL=p-5f9bb7c9.entry.js.map
+import{r as t,h as e,H as s}from"./p-ea80cb61.js";function n(t){let e="";t.forEach((t=>{e+='"';e=t.reduce(((t,e)=>`${t} ${e}`),e);e+='"\n'}));return e}const i=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const o=i;const c="only screen and (max-width: 576px)";const a="only screen and (max-width: 768px)";const r="only screen and (max-width: 992px)";const h=[{name:"sm",query:c},{name:"md",query:a},{name:"lg",query:r}];const d=class{constructor(e){t(this,e);this.disposeMediaQueryListener=[];this.mediaQueries=[];this.templates=undefined;this.currentTemplate=undefined}componentWillRender(){this.mediaQueries=h.map((t=>{const e=window.matchMedia(t.query);const s=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(s);e.addEventListener("change",s);return Object.assign(Object.assign({},t),{mediaQuery:e})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,e)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[e])}))}findNextTemplate(t){const e=this.mediaQueries.findIndex((e=>e.name===t));const s=this.templates[this.mediaQueries[e+1].name];if(!s){return this.findNextTemplate(this.mediaQueries[e+1].name)}return s}applyTemplate(){let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const e=this.templates[t.name];if(e){this.currentTemplate=e}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){var t;const i={};if(((t=this.currentTemplate)===null||t===void 0?void 0:t.length)!==0){i["grid-template-areas"]=n(this.currentTemplate)}return e(s,{key:"8f1477e0ca42a62ce26698bde9843b7634c6956e",style:i},e("slot",{key:"5af8072e074124a51fedb02eb5538490ab91e22a"}))}};d.style=o;export{d as ix_css_grid};
+//# sourceMappingURL=p-2cdd0028.entry.js.map

package/dist/siemens-ix/{p-aeb745b9.entry.js → p-2deed888.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as e}from"./p-a9cf5eb2.js";const t=":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";const s=t;const a=class{constructor(o){r(this,o)}render(){return o(e,{key:"a12f752ef0fa741ad16068b425293e9ba39d21c8"})}};a.style=s;export{a as ix_divider};
-//# sourceMappingURL=p-aeb745b9.entry.js.map
+import{r,h as o,H as e}from"./p-ea80cb61.js";const t=":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";const s=t;const a=class{constructor(o){r(this,o)}render(){return o(e,{key:"a12f752ef0fa741ad16068b425293e9ba39d21c8"})}};a.style=s;export{a as ix_divider};
+//# sourceMappingURL=p-2deed888.entry.js.map

package/dist/siemens-ix/{p-bf2ac29f.entry.js → p-31bfd5ff.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r,F as o,H as s,g as a}from"./p-a9cf5eb2.js";const i=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:auto;padding:0 0.5rem}:host .step.vertical{flex-direction:row;padding:0}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:4rem}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin-top:0;margin-left:1rem;padding:0}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const c=i;const l=class{constructor(r){e(this,r);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconName="circle";this.iconColor="workflow-step-icon-default--color"}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?"circle-dot":"circle";this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName="circle";this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success";this.iconColor="color-success";break;case"done":this.iconName="success";this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning";this.iconColor="color-warning";break;case"error":this.iconName="error";this.iconColor="color-alarm";break;default:this.iconName="circle";break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentDidLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?r(o,null,r("ix-icon",{color:"color-1",name:this.iconName==="warning"?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),r("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):null;return r(s,{key:"0c1ae249e2401ecd186a857b6a10278f1824f23f",onClick:()=>this.onStepClick()},r("div",{key:"5003746f3fcc5ea90d45080bbb96a54510b19000",tabIndex:0,class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled,clickable:this.clickable&&!this.disabled}},r("div",{key:"904168a320bb5541ad8813103f6776d778817ba6",class:"wrapper"},r("div",{key:"33110f36d11d6b320eec36385f6d6c6b7b7cdb24",class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),r("div",{key:"9c467e5b239d3e1ea91ddbcde54aa12242e850ae",class:"iconWrapper"},e,r("slot",{key:"a88d8ee859688b53d6b7dd8b75d18f93acc7d14e",name:"custom-icon"}))),r("div",{key:"620897ff49a072d107568dd72ad159c122f9bf08",class:"text"},r("slot",{key:"e0da9718614380acc3ae4183ec4f571e29982dfa"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["watchPropHandler"],status:["watchPropHandler"]}}};l.style=c;export{l as ix_workflow_step};
-//# sourceMappingURL=p-bf2ac29f.entry.js.map
+import{r as e,c as t,h as r,F as o,H as s,g as a}from"./p-ea80cb61.js";const i=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:auto;padding:0 0.5rem}:host .step.vertical{flex-direction:row;padding:0}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:4rem}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin-top:0;margin-left:1rem;padding:0}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const c=i;const l=class{constructor(r){e(this,r);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconName="circle";this.iconColor="workflow-step-icon-default--color"}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?"circle-dot":"circle";this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName="circle";this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success";this.iconColor="color-success";break;case"done":this.iconName="success";this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning";this.iconColor="color-warning";break;case"error":this.iconName="error";this.iconColor="color-alarm";break;default:this.iconName="circle";break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentDidLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?r(o,null,r("ix-icon",{color:"color-1",name:this.iconName==="warning"?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),r("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):null;return r(s,{key:"e6da26c63019f1efd788ac0e6d64e8c669f711b3",onClick:()=>this.onStepClick()},r("div",{key:"607ad21e42070abc412fd4a5313e207f7908d765",tabIndex:0,class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled,clickable:this.clickable&&!this.disabled}},r("div",{key:"a55397363ac7fdb3579751903e98e4840314a2c7",class:"wrapper"},r("div",{key:"b4044cabf368cdb5632727baf1a9040a2ba59296",class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),r("div",{key:"da4cbb5b0755dea7c8ff4c45676a5c7da33e0caf",class:"iconWrapper"},e,r("slot",{key:"3059dcda912a1fd2d7225dd7c97cf6c7f640b875",name:"custom-icon"}))),r("div",{key:"316a8dbb4b5e8845cca3635b3f2c1bb5ef3ebefd",class:"text"},r("slot",{key:"9cc1127aa169fb7096b671720160da4a3ab7efc7"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["watchPropHandler"],status:["watchPropHandler"]}}};l.style=c;export{l as ix_workflow_step};
+//# sourceMappingURL=p-31bfd5ff.entry.js.map

package/dist/siemens-ix/p-3214478e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as s}from"./p-ea80cb61.js";import{a as o,c as r,s as a,o as n,b as l,f as h}from"./p-00df4a8c.js";import{O as c}from"./p-6e5beede.js";const d=':host{display:inline-block;position:fixed;left:0px;top:0px;z-index:var(--theme-z-index-tooltip);max-width:18.25rem;opacity:0;visibility:collapse !important;overflow-wrap:break-word;border-radius:0.25rem;background-color:var(--theme-tootlip--background);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4)}:host .tooltip-title{display:flex;align-items:center}:host .tooltip-title ::slotted(ix-icon){margin-right:0.35rem}:host(.visible){opacity:1;visibility:visible !important}:host(.visible) .arrow,:host(.visible) .arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host(.visible) .arrow{visibility:hidden}:host(.visible) .arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';const f=d;var u=undefined&&undefined.__decorate||function(t,e,i,s){var o=arguments.length,r=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)if(a=t[n])r=(o<3?a(r):o>3?a(e,i,r):a(e,i))||r;return o>3&&r&&Object.defineProperty(e,i,r),r};const p=t=>t!=null?`${t}px`:"";const b=class{constructor(e){t(this,e);this.onEnterElementBind=this.onTooltipShow.bind(this);this.onLeaveElementBind=this.onTooltipHide.bind(this);this.tooltipCloseTimeInMS=50;this.for=undefined;this.titleContent=undefined;this.interactive=false;this.placement="top";this.animationFrame=false;this.visible=false}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}destroyAutoUpdate(){if(this.disposeAutoUpdate!==undefined){this.disposeAutoUpdate()}}onTooltipShow(t){this.showTooltip(t.target)}onTooltipHide(){this.hideTooltip()}async showTooltip(t){clearTimeout(this.hideTooltipTimeout);await this.computeTooltipPosition(t);this.visible=true}async hideTooltip(){this.hideTooltipTimeout=setTimeout((()=>{this.visible=false}),this.tooltipCloseTimeInMS);this.destroyAutoUpdate()}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:s}=e.arrow;if(t.startsWith("top")){return{left:p(i),top:p(s)}}if(t.startsWith("right")){return{left:p(-4),top:p(s)}}if(t.startsWith("bottom")){return{left:p(i),top:p(-4)}}if(t.startsWith("left")){return{right:p(-4),top:p(s)}}}async computeTooltipPosition(t){if(!t){return}return new Promise((e=>{this.disposeAutoUpdate=o(t,this.hostElement,(async()=>{setTimeout((async()=>{const i=await r(t,this.hostElement,{strategy:"fixed",placement:this.placement,middleware:[a(),n(8),l({element:this.arrowElement}),h({fallbackStrategy:"initialPlacement",padding:10})]});if(i.middlewareData.arrow){const t=this.computeArrowPosition(i);Object.assign(this.arrowElement.style,t)}const{x:s,y:o}=i;Object.assign(this.hostElement.style,{left:s!==null?`${s}px`:"",top:o!==null?`${o}px`:""});e()}))}),{ancestorResize:true,ancestorScroll:true,elementResize:true,animationFrame:this.animationFrame})}))}clearHideTimeout(){if(this.interactive){clearTimeout(this.hideTooltipTimeout)}}queryAnchorElements(){return Array.from(document.querySelectorAll(this.for))}registerTriggerListener(){const t=this.queryAnchorElements();if(this.disposeListener){this.disposeListener()}t.forEach((t=>{t.addEventListener("mouseenter",this.onEnterElementBind);t.addEventListener("mouseleave",this.onLeaveElementBind);t.addEventListener("focusin",this.onEnterElementBind);t.addEventListener("focusout",this.onLeaveElementBind);this.disposeListener=()=>{t.removeEventListener("mouseenter",this.onEnterElementBind);t.removeEventListener("mouseleave",this.onLeaveElementBind);t.removeEventListener("focusin",this.onEnterElementBind);t.removeEventListener("focusout",this.onLeaveElementBind)}}))}registerTooltipListener(){const{hostElement:t}=this;t.addEventListener("mouseenter",(()=>this.clearHideTimeout()));t.addEventListener("focusin",(()=>this.clearHideTimeout()));t.addEventListener("mouseleave",(()=>this.onTooltipHide()));t.addEventListener("focusout",(()=>this.onTooltipHide()))}async onKeydown(t){if(t.code==="Escape"){this.onTooltipHide()}}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){if(this.interactive){this.tooltipCloseTimeInMS=150}this.observer=new MutationObserver((()=>{this.registerTriggerListener()}));this.observer.observe(document.body,{attributes:true,attributeFilter:["data-ix-tooltip"],childList:true,subtree:true});this.registerTooltipListener()}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destroyAutoUpdate()}render(){const t={"tooltip-content":true};return e(i,{key:"8f85f75338cc78b38c6090fb75c9623123894a19",class:{visible:this.visible},role:"tooltip"},e("div",{key:"875b514167bfe9f7186c86d2a746e16c4425d833",class:"tooltip-title"},e("slot",{key:"0cd77bf05e8dfd1a37d71b44f66eed1847743856",name:"title-icon"}),e("ix-typography",{key:"50db3d851852796ba8bd247eefd10d7c9d3920a3",variant:"default-title"},this.titleContent,e("slot",{key:"5b26a7a70f46036fc7f041b7d2f8a6742dc92cf4",name:"title-content"}))),e("div",{key:"6b161d389cae7f6e30ee047d78cfb90bd6f70b4e",class:t},e("slot",{key:"3c1b118a9ee09de941547d5171d8201f1d76e739"})),e("div",{key:"269cb211d6c4005e17eb2710f999e8390cd91236",class:"arrow"}))}get hostElement(){return s(this)}};u([c("keydown",(t=>t.visible))],b.prototype,"onKeydown",null);b.style=f;export{b as ix_tooltip};
+//# sourceMappingURL=p-3214478e.entry.js.map

package/dist/siemens-ix/p-3214478e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipCss","IxTooltipStyle0","numberToPixel","value","Tooltip","this","onEnterElementBind","onTooltipShow","bind","onLeaveElementBind","onTooltipHide","tooltipCloseTimeInMS","arrowElement","hostElement","shadowRoot","querySelector","destroyAutoUpdate","disposeAutoUpdate","undefined","e","showTooltip","target","hideTooltip","anchorElement","clearTimeout","hideTooltipTimeout","computeTooltipPosition","visible","setTimeout","computeArrowPosition","placement","middlewareData","x","y","arrow","startsWith","left","top","right","Promise","resolve","autoUpdate","async","computeResponse","computePosition","strategy","middleware","shift","offset","element","flip","fallbackStrategy","padding","arrowPosition","Object","assign","style","ancestorResize","ancestorScroll","elementResize","animationFrame","clearHideTimeout","interactive","queryAnchorElements","Array","from","document","querySelectorAll","for","registerTriggerListener","triggerElementList","disposeListener","forEach","addEventListener","removeEventListener","registerTooltipListener","onKeydown","event","code","componentWillLoad","componentDidLoad","observer","MutationObserver","observe","body","attributes","attributeFilter","childList","subtree","disconnectedCallback","_a","disconnect","render","tooltipContentClass","h","Host","key","class","role","name","variant","titleContent","__decorate","OnListener","self"],"sources":["src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  z-index: var(--theme-z-index-tooltip);\n\n  max-width: 18.25rem;\n\n  opacity: 0;\n  visibility: collapse !important;\n  overflow-wrap: break-word;\n\n  border-radius: 0.25rem;\n  background-color: var(--theme-tootlip--background);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\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\n:host(.visible) {\n  opacity: 1;\n  visibility: visible !important;\n}\n\n:host(.visible) {\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 * 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  ComputePositionReturn,\n  flip,\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 { OnListener } from '../utils/listener';\n\ntype ArrowPosition = {\n  top?: string;\n  left?: string;\n  right?: string;\n};\n\nconst numberToPixel = (value: number) => (value != null ? `${value}px` : '');\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: string;\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. If the placement don\"t have enough space,\n   * the tooltip will placed on another location.\n   *\n   * @since 1.5.0\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /** @internal */\n  @Prop() animationFrame = false;\n\n  @State() visible = false;\n\n  @Element() hostElement: HTMLIxTooltipElement;\n\n  private observer: MutationObserver;\n  private hideTooltipTimeout: NodeJS.Timeout;\n  private onEnterElementBind = this.onTooltipShow.bind(this);\n  private onLeaveElementBind = this.onTooltipHide.bind(this);\n  private disposeAutoUpdate?: () => void;\n  private tooltipCloseTimeInMS = 50;\n\n  private disposeListener: Function;\n\n  private get arrowElement() {\n    return this.hostElement.shadowRoot.querySelector('.arrow') as HTMLElement;\n  }\n\n  private destroyAutoUpdate() {\n    if (this.disposeAutoUpdate !== undefined) {\n      this.disposeAutoUpdate();\n    }\n  }\n\n  private onTooltipShow(e: Event) {\n    this.showTooltip(e.target as Element);\n  }\n\n  private onTooltipHide() {\n    this.hideTooltip();\n  }\n\n  /** @internal */\n  @Method()\n  async showTooltip(anchorElement: any) {\n    clearTimeout(this.hideTooltipTimeout);\n    await this.computeTooltipPosition(anchorElement);\n    this.visible = true;\n  }\n\n  /** @internal */\n  @Method()\n  async hideTooltip() {\n    this.hideTooltipTimeout = setTimeout(() => {\n      this.visible = false;\n    }, this.tooltipCloseTimeInMS);\n    this.destroyAutoUpdate();\n  }\n\n  private computeArrowPosition({\n    placement,\n    middlewareData,\n  }: ComputePositionReturn): ArrowPosition {\n    let { x, y } = middlewareData.arrow;\n\n    if (placement.startsWith('top')) {\n      return {\n        left: numberToPixel(x),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('right')) {\n      return {\n        left: numberToPixel(-4),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('bottom')) {\n      return {\n        left: numberToPixel(x),\n        top: numberToPixel(-4),\n      };\n    }\n\n    if (placement.startsWith('left')) {\n      return {\n        right: numberToPixel(-4),\n        top: numberToPixel(y),\n      };\n    }\n  }\n\n  private async computeTooltipPosition(target: Element) {\n    if (!target) {\n      return;\n    }\n\n    return new Promise<void>((resolve) => {\n      this.disposeAutoUpdate = autoUpdate(\n        target,\n        this.hostElement,\n        async () => {\n          setTimeout(async () => {\n            const computeResponse = await computePosition(\n              target,\n              this.hostElement,\n              {\n                strategy: 'fixed',\n                placement: this.placement,\n                middleware: [\n                  shift(),\n                  offset(8),\n                  arrow({\n                    element: this.arrowElement,\n                  }),\n                  flip({\n                    fallbackStrategy: 'initialPlacement',\n                    padding: 10,\n                  }),\n                ],\n              }\n            );\n\n            if (computeResponse.middlewareData.arrow) {\n              const arrowPosition = this.computeArrowPosition(computeResponse);\n              Object.assign(this.arrowElement.style, arrowPosition);\n            }\n\n            const { x, y } = computeResponse;\n            Object.assign(this.hostElement.style, {\n              left: x !== null ? `${x}px` : '',\n              top: y !== null ? `${y}px` : '',\n            });\n\n            resolve();\n          });\n        },\n        {\n          ancestorResize: true,\n          ancestorScroll: true,\n          elementResize: true,\n          animationFrame: this.animationFrame,\n        }\n      );\n    });\n  }\n\n  private clearHideTimeout() {\n    if (this.interactive) {\n      clearTimeout(this.hideTooltipTimeout);\n    }\n  }\n\n  private queryAnchorElements() {\n    return Array.from(document.querySelectorAll(this.for));\n  }\n\n  private registerTriggerListener() {\n    const triggerElementList = this.queryAnchorElements();\n\n    if (this.disposeListener) {\n      this.disposeListener();\n    }\n\n    triggerElementList.forEach((element) => {\n      element.addEventListener('mouseenter', this.onEnterElementBind);\n      element.addEventListener('mouseleave', this.onLeaveElementBind);\n      element.addEventListener('focusin', this.onEnterElementBind);\n      element.addEventListener('focusout', this.onLeaveElementBind);\n\n      this.disposeListener = () => {\n        element.removeEventListener('mouseenter', this.onEnterElementBind);\n        element.removeEventListener('mouseleave', this.onLeaveElementBind);\n        element.removeEventListener('focusin', this.onEnterElementBind);\n        element.removeEventListener('focusout', this.onLeaveElementBind);\n      };\n    });\n  }\n\n  private registerTooltipListener() {\n    const { hostElement } = this;\n    hostElement.addEventListener('mouseenter', () => this.clearHideTimeout());\n    hostElement.addEventListener('focusin', () => this.clearHideTimeout());\n    hostElement.addEventListener('mouseleave', () => this.onTooltipHide());\n    hostElement.addEventListener('focusout', () => this.onTooltipHide());\n  }\n\n  @OnListener<Tooltip>('keydown', (self) => self.visible)\n  async onKeydown(event: KeyboardEvent) {\n    if (event.code === 'Escape') {\n      this.onTooltipHide();\n    }\n  }\n\n  componentWillLoad() {\n    this.registerTriggerListener();\n  }\n\n  componentDidLoad() {\n    if (this.interactive) {\n      this.tooltipCloseTimeInMS = 150;\n    }\n\n    this.observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.registerTooltipListener();\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.destroyAutoUpdate();\n  }\n\n  render() {\n    const tooltipContentClass = {\n      'tooltip-content': true,\n    };\n\n    return (\n      <Host\n        class={{\n          visible: this.visible,\n        }}\n        role=\"tooltip\"\n      >\n        <div class={'tooltip-title'}>\n          <slot name=\"title-icon\"></slot>\n          <ix-typography variant=\"default-title\">\n            {this.titleContent}\n            <slot name=\"title-content\"></slot>\n          </ix-typography>\n        </div>\n        <div class={tooltipContentClass}>\n          <slot></slot>\n        </div>\n        <div class=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oKAAA,MAAMA,EAAa,sxBACnB,MAAAC,EAAeD,E,2WCiCf,MAAME,EAAiBC,GAAmBA,GAAS,KAAO,GAAGA,MAAY,G,MAa5DC,EAAO,M,yBAiCVC,KAAAC,mBAAqBD,KAAKE,cAAcC,KAAKH,MAC7CA,KAAAI,mBAAqBJ,KAAKK,cAAcF,KAAKH,MAE7CA,KAAAM,qBAAuB,G,gEAtBT,M,eAQmC,M,oBAGhC,M,aAEN,K,CAanB,gBAAYC,GACV,OAAOP,KAAKQ,YAAYC,WAAWC,cAAc,S,CAG3C,iBAAAC,GACN,GAAIX,KAAKY,oBAAsBC,UAAW,CACxCb,KAAKY,mB,EAID,aAAAV,CAAcY,GACpBd,KAAKe,YAAYD,EAAEE,O,CAGb,aAAAX,GACNL,KAAKiB,a,CAKP,iBAAMF,CAAYG,GAChBC,aAAanB,KAAKoB,0BACZpB,KAAKqB,uBAAuBH,GAClClB,KAAKsB,QAAU,I,CAKjB,iBAAML,GACJjB,KAAKoB,mBAAqBG,YAAW,KACnCvB,KAAKsB,QAAU,KAAK,GACnBtB,KAAKM,sBACRN,KAAKW,mB,CAGC,oBAAAa,EAAqBC,UAC3BA,EAASC,eACTA,IAEA,IAAIC,EAAEA,EAACC,EAAEA,GAAMF,EAAeG,MAE9B,GAAIJ,EAAUK,WAAW,OAAQ,CAC/B,MAAO,CACLC,KAAMlC,EAAc8B,GACpBK,IAAKnC,EAAc+B,G,CAIvB,GAAIH,EAAUK,WAAW,SAAU,CACjC,MAAO,CACLC,KAAMlC,GAAe,GACrBmC,IAAKnC,EAAc+B,G,CAIvB,GAAIH,EAAUK,WAAW,UAAW,CAClC,MAAO,CACLC,KAAMlC,EAAc8B,GACpBK,IAAKnC,GAAe,G,CAIxB,GAAI4B,EAAUK,WAAW,QAAS,CAChC,MAAO,CACLG,MAAOpC,GAAe,GACtBmC,IAAKnC,EAAc+B,G,EAKjB,4BAAMP,CAAuBL,GACnC,IAAKA,EAAQ,CACX,M,CAGF,OAAO,IAAIkB,SAAeC,IACxBnC,KAAKY,kBAAoBwB,EACvBpB,EACAhB,KAAKQ,aACL6B,UACEd,YAAWc,UACT,MAAMC,QAAwBC,EAC5BvB,EACAhB,KAAKQ,YACL,CACEgC,SAAU,QACVf,UAAWzB,KAAKyB,UAChBgB,WAAY,CACVC,IACAC,EAAO,GACPd,EAAM,CACJe,QAAS5C,KAAKO,eAEhBsC,EAAK,CACHC,iBAAkB,mBAClBC,QAAS,QAMjB,GAAIT,EAAgBZ,eAAeG,MAAO,CACxC,MAAMmB,EAAgBhD,KAAKwB,qBAAqBc,GAChDW,OAAOC,OAAOlD,KAAKO,aAAa4C,MAAOH,E,CAGzC,MAAMrB,EAAEA,EAACC,EAAEA,GAAMU,EACjBW,OAAOC,OAAOlD,KAAKQ,YAAY2C,MAAO,CACpCpB,KAAMJ,IAAM,KAAO,GAAGA,MAAQ,GAC9BK,IAAKJ,IAAM,KAAO,GAAGA,MAAQ,KAG/BO,GAAS,GACT,GAEJ,CACEiB,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,KACfC,eAAgBvD,KAAKuD,gBAExB,G,CAIG,gBAAAC,GACN,GAAIxD,KAAKyD,YAAa,CACpBtC,aAAanB,KAAKoB,mB,EAId,mBAAAsC,GACN,OAAOC,MAAMC,KAAKC,SAASC,iBAAiB9D,KAAK+D,K,CAG3C,uBAAAC,GACN,MAAMC,EAAqBjE,KAAK0D,sBAEhC,GAAI1D,KAAKkE,gBAAiB,CACxBlE,KAAKkE,iB,CAGPD,EAAmBE,SAASvB,IAC1BA,EAAQwB,iBAAiB,aAAcpE,KAAKC,oBAC5C2C,EAAQwB,iBAAiB,aAAcpE,KAAKI,oBAC5CwC,EAAQwB,iBAAiB,UAAWpE,KAAKC,oBACzC2C,EAAQwB,iBAAiB,WAAYpE,KAAKI,oBAE1CJ,KAAKkE,gBAAkB,KACrBtB,EAAQyB,oBAAoB,aAAcrE,KAAKC,oBAC/C2C,EAAQyB,oBAAoB,aAAcrE,KAAKI,oBAC/CwC,EAAQyB,oBAAoB,UAAWrE,KAAKC,oBAC5C2C,EAAQyB,oBAAoB,WAAYrE,KAAKI,mBAAmB,CACjE,G,CAIG,uBAAAkE,GACN,MAAM9D,YAAEA,GAAgBR,KACxBQ,EAAY4D,iBAAiB,cAAc,IAAMpE,KAAKwD,qBACtDhD,EAAY4D,iBAAiB,WAAW,IAAMpE,KAAKwD,qBACnDhD,EAAY4D,iBAAiB,cAAc,IAAMpE,KAAKK,kBACtDG,EAAY4D,iBAAiB,YAAY,IAAMpE,KAAKK,iB,CAItD,eAAMkE,CAAUC,GACd,GAAIA,EAAMC,OAAS,SAAU,CAC3BzE,KAAKK,e,EAIT,iBAAAqE,GACE1E,KAAKgE,yB,CAGP,gBAAAW,GACE,GAAI3E,KAAKyD,YAAa,CACpBzD,KAAKM,qBAAuB,G,CAG9BN,KAAK4E,SAAW,IAAIC,kBAAiB,KACnC7E,KAAKgE,yBAAyB,IAGhChE,KAAK4E,SAASE,QAAQjB,SAASkB,KAAM,CACnCC,WAAY,KACZC,gBAAiB,CAAC,mBAClBC,UAAW,KACXC,QAAS,OAGXnF,KAAKsE,yB,CAGP,oBAAAc,G,OACEC,EAAArF,KAAK4E,YAAQ,MAAAS,SAAA,SAAAA,EAAEC,aACftF,KAAKW,mB,CAGP,MAAA4E,GACE,MAAMC,EAAsB,CAC1B,kBAAmB,MAGrB,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLtE,QAAStB,KAAKsB,SAEhBuE,KAAK,WAELJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,iBACVH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eACXL,EAAA,iBAAAE,IAAA,2CAAeI,QAAQ,iBACpB/F,KAAKgG,aACNP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,oBAGfL,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACVC,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,U,oCAxDXK,EAAA,CADLC,EAAoB,WAAYC,GAASA,EAAK7E,W"}

package/dist/siemens-ix/p-34ccbe57.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as o,H as s}from"./p-ea80cb61.js";import{a as t}from"./p-810b5232.js";const a=":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .message-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}";const i=a;const n=class{constructor(o){e(this,o);this.closedChange=r(this,"closedChange",7);this.type="info";this.dismissible=true;this.icon=undefined;this.color=undefined}componentWillRender(){if(this.type==="danger"){this.icon="error";this.color="color-alarm"}if(this.type==="info"){this.icon="info";this.color="color-info"}if(this.type==="warning"){this.icon="warning";this.color="color-warning"}}closeAlert(e){t({targets:e,duration:n.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}});this.closedChange.emit()}render(){return o(s,{key:"5cc13238fef0bf93a4f91f40123472a30ec2fe2d"},o("div",{key:"cd868ebcf84cc4966bd994955ced1e57044369bd",class:{"message-container":true,[this.type]:true},role:"alert",ref:e=>this.divElement=e},o("ix-icon",{key:"daaa40da03fd93443bda977a939520160dc0a5dd",color:this.color,name:this.icon}),o("div",{key:"6fdcec14e3734f904ceb35588147fd8c9d9f14eb",class:"message-content"},o("slot",{key:"aceac73042a70e8ddf386a8ddb4afb9d1a012639"})),this.dismissible?o("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};n.duration=300;n.style=i;export{n as ix_message_bar};
+//# sourceMappingURL=p-34ccbe57.entry.js.map

package/dist/siemens-ix/{p-40fc3093.entry.js.map → p-34ccbe57.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["messageBarCss","IxMessageBarStyle0","MessageBar","componentWillRender","this","type","icon","color","closeAlert","el","anime","targets","duration","opacity","easing","complete","classList","add","closedChange","emit","render","h","Host","key","class","role","ref","divElement","name","dismissible","size","ghost","onClick"],"sources":["src/components/message-bar/message-bar.scss?tag=ix-message-bar&encapsulation=shadow","src/components/message-bar/message-bar.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  .message-container {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    min-height: 3.375rem;\n    margin: $small-space $small-space 0rem $small-space;\n    padding: calc(#{$medium-space} - var(--theme-message-bar--border-thickness))\n      $medium-space\n      calc(#{$medium-space} - var(--theme-message-bar--border-thickness))\n      $default-space;\n    border-radius: var(--theme-message-bar--border-radius);\n    background-color: var(--theme-messagebar--background);\n  }\n\n  .danger {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-alarm);\n  }\n\n  .warning {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-warning);\n  }\n\n  .info {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-info);\n  }\n\n  .message-content {\n    @include ellipsis;\n    flex-grow: 1;\n    align-self: center;\n    min-height: 1.25rem;\n    padding: 0 $default-space;\n    font-weight: bold;\n    white-space: normal;\n  }\n\n  ix-icon {\n    margin-top: $tiny-space;\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  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { NotificationColor } from '../utils/notification-color';\n\n@Component({\n  tag: 'ix-message-bar',\n  styleUrl: 'message-bar.scss',\n  shadow: true,\n})\nexport class MessageBar {\n  /**\n   * Specifies the type of the alert.\n   */\n  @Prop() type: 'danger' | 'warning' | 'info' = 'info';\n\n  /**\n   * If true, close button is enabled and alert can be dismissed by the user\n   */\n  @Prop() dismissible = true;\n\n  /**\n   * An event emitted when the close button is clicked\n   */\n  @Event() closedChange: EventEmitter;\n\n  @State() icon: 'error' | 'warning' | 'info';\n\n  @State() color: NotificationColor;\n\n  private static readonly duration = 300;\n\n  private divElement?: HTMLElement;\n\n  componentWillRender() {\n    if (this.type === 'danger') {\n      this.icon = 'error';\n      this.color = 'color-alarm';\n    }\n\n    if (this.type === 'info') {\n      this.icon = 'info';\n      this.color = 'color-info';\n    }\n\n    if (this.type === 'warning') {\n      this.icon = 'warning';\n      this.color = 'color-warning';\n    }\n  }\n\n  private closeAlert(el: HTMLElement) {\n    anime({\n      targets: el,\n      duration: MessageBar.duration,\n      opacity: [1, 0],\n      easing: 'easeOutSine',\n      complete: () => {\n        el.classList.add('d-none');\n      },\n    });\n    this.closedChange.emit();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{ 'message-container': true, [this.type]: true }}\n          role=\"alert\"\n          ref={(el) => (this.divElement = el as HTMLElement)}\n        >\n          <ix-icon color={this.color} name={this.icon}></ix-icon>\n          <div class=\"message-content\">\n            <slot></slot>\n          </div>\n          {this.dismissible ? (\n            <ix-icon-button\n              icon={'close'}\n              size=\"24\"\n              ghost={true}\n              onClick={() => {\n                this.closeAlert(this.divElement);\n              }}\n              data-testid=\"close-btn\"\n            ></ix-icon-button>\n          ) : (\n            ''\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,mgDACtB,MAAAC,EAAeD,E,MCyBFE,EAAU,M,8EAIyB,O,iBAKxB,K,yCAetB,mBAAAC,GACE,GAAIC,KAAKC,OAAS,SAAU,CAC1BD,KAAKE,KAAO,QACZF,KAAKG,MAAQ,a,CAGf,GAAIH,KAAKC,OAAS,OAAQ,CACxBD,KAAKE,KAAO,OACZF,KAAKG,MAAQ,Y,CAGf,GAAIH,KAAKC,OAAS,UAAW,CAC3BD,KAAKE,KAAO,UACZF,KAAKG,MAAQ,e,EAIT,UAAAC,CAAWC,GACjBC,EAAM,CACJC,QAASF,EACTG,SAAUV,EAAWU,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,SAAU,KACRN,EAAGO,UAAUC,IAAI,SAAS,IAG9Bb,KAAKc,aAAaC,M,CAGpB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CAAE,oBAAqB,KAAM,CAACpB,KAAKC,MAAO,MACjDoB,KAAK,QACLC,IAAMjB,GAAQL,KAAKuB,WAAalB,GAEhCY,EAAA,WAAAE,IAAA,2CAAShB,MAAOH,KAAKG,MAAOqB,KAAMxB,KAAKE,OACvCe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,8CAEDnB,KAAKyB,YACJR,EAAA,kBACEf,KAAM,QACNwB,KAAK,KACLC,MAAO,KACPC,QAAS,KACP5B,KAAKI,WAAWJ,KAAKuB,WAAW,EACjC,cACW,cACI,I,GAvDJzB,EAAAU,SAAW,I"}
+{"version":3,"names":["messageBarCss","IxMessageBarStyle0","MessageBar","componentWillRender","this","type","icon","color","closeAlert","el","anime","targets","duration","opacity","easing","complete","classList","add","closedChange","emit","render","h","Host","key","class","role","ref","divElement","name","dismissible","size","ghost","onClick"],"sources":["src/components/message-bar/message-bar.scss?tag=ix-message-bar&encapsulation=shadow","src/components/message-bar/message-bar.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  margin: $small-space $small-space 0rem $small-space;\n\n  .message-container {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    min-height: 3.375rem;\n    padding: calc(#{$medium-space} - var(--theme-message-bar--border-thickness))\n      $medium-space\n      calc(#{$medium-space} - var(--theme-message-bar--border-thickness))\n      $default-space;\n    border-radius: var(--theme-message-bar--border-radius);\n    background-color: var(--theme-messagebar--background);\n  }\n\n  .danger {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-alarm);\n  }\n\n  .warning {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-warning);\n  }\n\n  .info {\n    border: solid var(--theme-message-bar--border-thickness)\n      var(--theme-color-info);\n  }\n\n  .message-content {\n    @include ellipsis;\n    flex-grow: 1;\n    align-self: center;\n    min-height: 1.25rem;\n    padding: 0 $default-space;\n    font-weight: normal;\n    white-space: normal;\n  }\n\n  ix-icon {\n    margin-top: $tiny-space;\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  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { NotificationColor } from '../utils/notification-color';\n\n@Component({\n  tag: 'ix-message-bar',\n  styleUrl: 'message-bar.scss',\n  shadow: true,\n})\nexport class MessageBar {\n  /**\n   * Specifies the type of the alert.\n   */\n  @Prop() type: 'danger' | 'warning' | 'info' = 'info';\n\n  /**\n   * If true, close button is enabled and alert can be dismissed by the user\n   */\n  @Prop() dismissible = true;\n\n  /**\n   * An event emitted when the close button is clicked\n   */\n  @Event() closedChange: EventEmitter;\n\n  @State() icon: 'error' | 'warning' | 'info';\n\n  @State() color: NotificationColor;\n\n  private static readonly duration = 300;\n\n  private divElement?: HTMLElement;\n\n  componentWillRender() {\n    if (this.type === 'danger') {\n      this.icon = 'error';\n      this.color = 'color-alarm';\n    }\n\n    if (this.type === 'info') {\n      this.icon = 'info';\n      this.color = 'color-info';\n    }\n\n    if (this.type === 'warning') {\n      this.icon = 'warning';\n      this.color = 'color-warning';\n    }\n  }\n\n  private closeAlert(el: HTMLElement) {\n    anime({\n      targets: el,\n      duration: MessageBar.duration,\n      opacity: [1, 0],\n      easing: 'easeOutSine',\n      complete: () => {\n        el.classList.add('d-none');\n      },\n    });\n    this.closedChange.emit();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{ 'message-container': true, [this.type]: true }}\n          role=\"alert\"\n          ref={(el) => (this.divElement = el as HTMLElement)}\n        >\n          <ix-icon color={this.color} name={this.icon}></ix-icon>\n          <div class=\"message-content\">\n            <slot></slot>\n          </div>\n          {this.dismissible ? (\n            <ix-icon-button\n              icon={'close'}\n              size=\"24\"\n              ghost={true}\n              onClick={() => {\n                this.closeAlert(this.divElement);\n              }}\n              data-testid=\"close-btn\"\n            ></ix-icon-button>\n          ) : (\n            ''\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,ogDACtB,MAAAC,EAAeD,E,MCyBFE,EAAU,M,8EAIyB,O,iBAKxB,K,yCAetB,mBAAAC,GACE,GAAIC,KAAKC,OAAS,SAAU,CAC1BD,KAAKE,KAAO,QACZF,KAAKG,MAAQ,a,CAGf,GAAIH,KAAKC,OAAS,OAAQ,CACxBD,KAAKE,KAAO,OACZF,KAAKG,MAAQ,Y,CAGf,GAAIH,KAAKC,OAAS,UAAW,CAC3BD,KAAKE,KAAO,UACZF,KAAKG,MAAQ,e,EAIT,UAAAC,CAAWC,GACjBC,EAAM,CACJC,QAASF,EACTG,SAAUV,EAAWU,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,SAAU,KACRN,EAAGO,UAAUC,IAAI,SAAS,IAG9Bb,KAAKc,aAAaC,M,CAGpB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CAAE,oBAAqB,KAAM,CAACpB,KAAKC,MAAO,MACjDoB,KAAK,QACLC,IAAMjB,GAAQL,KAAKuB,WAAalB,GAEhCY,EAAA,WAAAE,IAAA,2CAAShB,MAAOH,KAAKG,MAAOqB,KAAMxB,KAAKE,OACvCe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,8CAEDnB,KAAKyB,YACJR,EAAA,kBACEf,KAAM,QACNwB,KAAK,KACLC,MAAO,KACPC,QAAS,KACP5B,KAAKI,WAAWJ,KAAKuB,WAAW,EACjC,cACW,cACI,I,GAvDJzB,EAAAU,SAAW,I"}

package/dist/siemens-ix/{p-89eb95bd.entry.js → p-353e2dd5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-a9cf5eb2.js";import{O as r}from"./p-06ac510a.js";const n=":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .d-none{display:none}:host .select{position:relative;display:flex;align-items:center;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly{box-shadow:none !important;border:none;border-radius:0px;border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible{outline:none}:host .select.readonly input{color:var(--theme-color-weak-text)}:host .select.readonly input:focus,:host .select.readonly input:focus-visible{outline:none}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}";const h=n;var a=undefined&&undefined.__decorate||function(t,e,i,s){var o=arguments.length,r=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)if(n=t[h])r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r;return o>3&&r&&Object.defineProperty(e,i,r),r};const l=class{constructor(i){t(this,i);this.valueChange=e(this,"valueChange",7);this.itemSelectionChange=e(this,"itemSelectionChange",7);this.inputChange=e(this,"inputChange",7);this.addItem=e(this,"addItem",7);this.selectedIndices=undefined;this.value=undefined;this.allowClear=false;this.mode="single";this.editable=false;this.disabled=false;this.readonly=false;this.i18nPlaceholder="Select an option";this.i18nPlaceholderEditable="Type of select option";this.i18nSelectListHeader="Please select an option";this.i18nNoMatches="No matches";this.hideListHeader=false;this.dropdownShow=false;this.selectedLabels=undefined;this.dropdownWrapperRef=undefined;this.dropdownAnchor=undefined;this.isDropdownEmpty=false;this.hasFocus=false;this.navigationItem=undefined;this.inputFilterText=undefined;this.inputValue=undefined}get items(){return[...Array.from(this.hostElement.querySelectorAll("ix-select-item")),...Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.shadowRoot.querySelector(".add-item")}get isSingleMode(){return this.mode==="single"}get isMultipleMode(){return this.mode==="multiple"}get isEveryDropdownItemHidden(){return this.items.every((t=>t.classList.contains("d-none")))}watchSelectedIndices(t){this.value=t;this.updateSelection()}watchValue(t){this.selectedIndices=t;this.updateSelection()}onItemClicked(t){const e=t.detail;this.itemClick(e)}itemClick(t){this.value=this.toggleValue(t);this.updateSelection();this.emitValueChange()}emitAddItem(t){if(t.trim()===""){return}const e=document.createElement("ix-select-item");e.value=t;e.label=t;this.addItemRef.appendChild(e);this.clearInput();this.itemClick(t);this.addItem.emit(t)}toggleValue(t){if(!this.isMultipleMode){return t}if(!this.value){return[t]}let e=this.value;if(!Array.isArray(e)){e=[e]}if(e.includes(t)){return e.filter((e=>e!==t))}else{return[...e,t]}}updateSelection(){var t;let e=[];if(this.value){e=Array.isArray(this.value)?[...this.value]:[this.value]}this.items.forEach((t=>{t.selected=e.some((e=>e===t.value))}));this.selectedLabels=this.selectedItems.map((t=>t.label));if(this.isSingleMode){this.inputValue=((t=this.selectedLabels)===null||t===void 0?void 0:t.length)?this.selectedLabels[0]:null;return}this.inputValue=null}emitValueChange(){this.valueChange.emit(this.value);if(!this.value){this.itemSelectionChange.emit(null)}else{this.itemSelectionChange.emit(Array.isArray(this.value)?this.value:[this.value])}}componentDidLoad(){this.inputRef.addEventListener("input",(()=>{this.dropdownShow=true;this.inputChange.emit(this.inputRef.value)}))}componentWillLoad(){if(this.selectedIndices&&!this.value){this.value=this.selectedIndices}this.updateSelection()}onLabelChange(t){t.preventDefault();t.stopImmediatePropagation();this.updateSelection()}disconnectedCallback(){if(this.labelMutationObserver){this.labelMutationObserver.disconnect()}}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail;this.hasFocus=t.detail;if(t.detail){this.inputRef.focus();this.inputRef.select();this.removeHiddenFromItems();this.isDropdownEmpty=this.isEveryDropdownItemHidden}else{this.navigationItem=undefined}}async onKeyDown(t){if(t.code==="ArrowDown"||t.code==="ArrowUp"){this.onArrowNavigation(t,t.code)}if(!this.dropdownShow){return}if(t.code==="Enter"||t.code==="NumpadEnter"){await this.onEnterNavigation()}if(t.code==="Escape"){this.dropdownShow=false}}async onEnterNavigation(){var t,e;if(this.isMultipleMode){return}if(this.editable&&!this.itemExists(this.inputFilterText)){this.emitAddItem(this.inputFilterText);this.navigationItem=this.items[this.items.length-1]}(t=this.navigationItem)===null||t===void 0?void 0:t.onItemClick();await((e=this.dropdownRef)===null||e===void 0?void 0:e.updatePosition());if(this.isSingleMode&&!this.editable){this.dropdownShow=false}}onArrowNavigation(t,e){t.preventDefault();t.stopPropagation();this.dropdownShow=true;const i=this.items.filter((t=>!t.classList.contains("d-none")));if(this.navigationItem===undefined){this.applyFocusTo(i[0]);return}let s=i.findIndex((t=>t===this.navigationItem));if(e==="ArrowDown"){s++}else{s--}const o=i[s];this.applyFocusTo(o)}applyFocusTo(t){if(!t){return}this.navigationItem=t;setTimeout((()=>{t.shadowRoot.querySelector("ix-dropdown-item").shadowRoot.querySelector("button").focus()}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value;if(this.isSingleMode&&this.inputFilterText===this.selectedLabels[0]){return}if(this.inputFilterText){this.items.forEach((t=>{t.classList.remove("d-none");if(!t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())){t.classList.add("d-none")}}))}else{this.removeHiddenFromItems()}this.isDropdownEmpty=this.isEveryDropdownItemHidden}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="";this.inputFilterText=""}clear(){this.clearInput();this.selectedLabels=[];this.value=[];this.valueChange.emit(null);this.dropdownShow=false}onInputBlur(t){if(this.editable){return}if(this.isSingleMode){return}if(!this.dropdownShow&&this.mode!=="multiple"){t.target["value"]=this.selectedLabels}}placeholderValue(){if(this.editable){return this.i18nPlaceholderEditable}if(this.readonly){return""}return this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}render(){var t,e,o;return i(s,{key:"6536d14cec8d025f31445826ad0f9a9190ea82a6"},i("div",{key:"d7721f4ff6861fa35905fe58718cd3dbc789ad9e",class:{select:true,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t;if(!this.editable)this.dropdownWrapperRef=t}},i("div",{key:"5457a0d20ad7242cd846eed525c5b0b16ac0d83d",class:"input-container"},i("div",{key:"0ef7de5167e84c91cd37b2173712a5ffb4cb8098",class:"chips"},this.isMultipleMode?(t=this.selectedItems)===null||t===void 0?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,key:t.value,onCloseClick:e=>{e.preventDefault();e.stopPropagation();this.itemClick(t.value)}},t.label))):"",i("div",{key:"1a892994b8edac949885b740fad4bd3f8aa41db2",class:"trigger"},i("input",{key:"d20af5812e4ddb15b641f4ab2e8397263a1ce3e1",autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!((e=this.selectedLabels)===null||e===void 0?void 0:e.length)},placeholder:this.placeholderValue(),value:this.inputValue,ref:t=>this.inputRef=t,onBlur:t=>this.onInputBlur(t),onFocus:()=>{this.navigationItem=undefined},onInput:()=>this.filterItemsWithTypeahead(),onKeyDown:t=>this.onKeyDown(t)}),this.allowClear&&(((o=this.selectedLabels)===null||o===void 0?void 0:o.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:true,oval:true,size:"16",onClick:t=>{t.preventDefault();t.stopPropagation();this.clear()}}):null,this.disabled||this.readonly?null:i("ix-icon-button",{"data-select-dropdown":true,class:{"dropdown-visible":this.dropdownShow},icon:"chevron-down-small",ghost:true,ref:t=>{if(this.editable)this.dropdownWrapperRef=t}}))))),i("ix-dropdown",{key:"f9e3c1b810945146435b4b8a375b502cc35a722e",ref:t=>this.dropdownRef=t,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",class:{"d-none":this.disabled||this.readonly},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",overwriteDropdownStyle:async()=>({minWidth:`${this.hostElement.clientWidth}px`})},i("div",{key:"f313946bf9c83f52f15e2ffee4239f67220dea36",class:{"select-list-header":true,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",{key:"89f489aac0cc3851dc7c946a512c1a58a7e8ae10"}),i("div",{key:"5f05d541f64e404a47947385f1f8ff70eaa8baad",ref:t=>this.addItemRef=t,class:"d-contents"}),this.isAddItemVisible()?i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":true},label:this.inputFilterText,onItemClick:t=>{t.preventDefault();t.stopPropagation();this.emitAddItem(this.inputFilterText)}}):null,this.isDropdownEmpty&&!this.editable?i("div",{class:"select-list-header"},this.i18nNoMatches):""))}get hostElement(){return o(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],value:["watchValue"]}}};a([r("keydown",(t=>t.dropdownShow))],l.prototype,"onKeyDown",null);l.style=h;export{l as ix_select};
-//# sourceMappingURL=p-89eb95bd.entry.js.map
+import{r as t,c as e,h as i,H as s,g as o}from"./p-ea80cb61.js";import{O as r}from"./p-6e5beede.js";const n=":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 .d-none{display:none}:host .select{position:relative;display:flex;align-items:center;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly{box-shadow:none !important;border:none;border-radius:0px;border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible{outline:none}:host .select.readonly input{color:var(--theme-color-weak-text)}:host .select.readonly input:focus,:host .select.readonly input:focus-visible{outline:none}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}";const h=n;var a=undefined&&undefined.__decorate||function(t,e,i,s){var o=arguments.length,r=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)if(n=t[h])r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r;return o>3&&r&&Object.defineProperty(e,i,r),r};const l=class{constructor(i){t(this,i);this.valueChange=e(this,"valueChange",7);this.itemSelectionChange=e(this,"itemSelectionChange",7);this.inputChange=e(this,"inputChange",7);this.addItem=e(this,"addItem",7);this.selectedIndices=undefined;this.value=undefined;this.allowClear=false;this.mode="single";this.editable=false;this.disabled=false;this.readonly=false;this.i18nPlaceholder="Select an option";this.i18nPlaceholderEditable="Type of select option";this.i18nSelectListHeader="Please select an option";this.i18nNoMatches="No matches";this.hideListHeader=false;this.dropdownShow=false;this.selectedLabels=undefined;this.dropdownWrapperRef=undefined;this.dropdownAnchor=undefined;this.isDropdownEmpty=false;this.hasFocus=false;this.navigationItem=undefined;this.inputFilterText=undefined;this.inputValue=undefined}get items(){return[...Array.from(this.hostElement.querySelectorAll("ix-select-item")),...Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.shadowRoot.querySelector(".add-item")}get isSingleMode(){return this.mode==="single"}get isMultipleMode(){return this.mode==="multiple"}get isEveryDropdownItemHidden(){return this.items.every((t=>t.classList.contains("d-none")))}watchSelectedIndices(t){this.value=t;this.updateSelection()}watchValue(t){this.selectedIndices=t;this.updateSelection()}onItemClicked(t){const e=t.detail;this.itemClick(e)}itemClick(t){this.value=this.toggleValue(t);this.updateSelection();this.emitValueChange()}emitAddItem(t){if(t.trim()===""){return}const e=document.createElement("ix-select-item");e.value=t;e.label=t;this.addItemRef.appendChild(e);this.clearInput();this.itemClick(t);this.addItem.emit(t)}toggleValue(t){if(!this.isMultipleMode){return t}if(!this.value){return[t]}let e=this.value;if(!Array.isArray(e)){e=[e]}if(e.includes(t)){return e.filter((e=>e!==t))}else{return[...e,t]}}updateSelection(){var t;let e=[];if(this.value){e=Array.isArray(this.value)?[...this.value]:[this.value]}this.items.forEach((t=>{t.selected=e.some((e=>e===t.value))}));this.selectedLabels=this.selectedItems.map((t=>t.label));if(this.isSingleMode){this.inputValue=((t=this.selectedLabels)===null||t===void 0?void 0:t.length)?this.selectedLabels[0]:null;return}this.inputValue=null}emitValueChange(){this.valueChange.emit(this.value);if(!this.value){this.itemSelectionChange.emit(null)}else{this.itemSelectionChange.emit(Array.isArray(this.value)?this.value:[this.value])}}componentDidLoad(){this.inputRef.addEventListener("input",(()=>{this.dropdownShow=true;this.inputChange.emit(this.inputRef.value)}))}componentWillLoad(){if(this.selectedIndices&&!this.value){this.value=this.selectedIndices}this.updateSelection()}onLabelChange(t){t.preventDefault();t.stopImmediatePropagation();this.updateSelection()}disconnectedCallback(){if(this.labelMutationObserver){this.labelMutationObserver.disconnect()}}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail;this.hasFocus=t.detail;if(t.detail){this.inputRef.focus();this.inputRef.select();this.removeHiddenFromItems();this.isDropdownEmpty=this.isEveryDropdownItemHidden}else{this.navigationItem=undefined}}async onKeyDown(t){if(t.code==="ArrowDown"||t.code==="ArrowUp"){this.onArrowNavigation(t,t.code)}if(!this.dropdownShow){return}if(t.code==="Enter"||t.code==="NumpadEnter"){await this.onEnterNavigation()}if(t.code==="Escape"){this.dropdownShow=false}}async onEnterNavigation(){var t,e;if(this.isMultipleMode){return}if(this.editable&&!this.itemExists(this.inputFilterText)){this.emitAddItem(this.inputFilterText);this.navigationItem=this.items[this.items.length-1]}(t=this.navigationItem)===null||t===void 0?void 0:t.onItemClick();await((e=this.dropdownRef)===null||e===void 0?void 0:e.updatePosition());if(this.isSingleMode&&!this.editable){this.dropdownShow=false}}onArrowNavigation(t,e){t.preventDefault();t.stopPropagation();this.dropdownShow=true;const i=this.items.filter((t=>!t.classList.contains("d-none")));if(this.navigationItem===undefined){this.applyFocusTo(i[0]);return}let s=i.findIndex((t=>t===this.navigationItem));if(e==="ArrowDown"){s++}else{s--}const o=i[s];this.applyFocusTo(o)}applyFocusTo(t){if(!t){return}this.navigationItem=t;setTimeout((()=>{t.shadowRoot.querySelector("ix-dropdown-item").shadowRoot.querySelector("button").focus()}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value;if(this.isSingleMode&&this.inputFilterText===this.selectedLabels[0]){return}if(this.inputFilterText){this.items.forEach((t=>{t.classList.remove("d-none");if(!t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())){t.classList.add("d-none")}}))}else{this.removeHiddenFromItems()}this.isDropdownEmpty=this.isEveryDropdownItemHidden}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="";this.inputFilterText=""}clear(){this.clearInput();this.selectedLabels=[];this.value=[];this.valueChange.emit(null);this.dropdownShow=false}onInputBlur(t){if(this.editable){return}if(this.isSingleMode){return}if(!this.dropdownShow&&this.mode!=="multiple"){t.target["value"]=this.selectedLabels}}placeholderValue(){if(this.editable){return this.i18nPlaceholderEditable}if(this.readonly){return""}return this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}render(){var t,e,o;return i(s,{key:"2a59659f35973f2297d3b34cb0ae84c3e5d80c04"},i("div",{key:"cca889f2ba4c3db6e74a65fd21d9ca7428e9dc52",class:{select:true,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t;if(!this.editable)this.dropdownWrapperRef=t}},i("div",{key:"98ca1de8783cd95db76d969bade2aa2078c8224f",class:"input-container"},i("div",{key:"4d4ac31033855345467e355f168a5ce7e47ce8c6",class:"chips"},this.isMultipleMode?(t=this.selectedItems)===null||t===void 0?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,key:t.value,onCloseClick:e=>{e.preventDefault();e.stopPropagation();this.itemClick(t.value)}},t.label))):"",i("div",{key:"d50bab808cbf2bd146c39052f7f008f94ad93f70",class:"trigger"},i("input",{key:"1b91bbc00aed4ec69543d3e4c3fe1eff00c87c90",autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!((e=this.selectedLabels)===null||e===void 0?void 0:e.length)},placeholder:this.placeholderValue(),value:this.inputValue,ref:t=>this.inputRef=t,onBlur:t=>this.onInputBlur(t),onFocus:()=>{this.navigationItem=undefined},onInput:()=>this.filterItemsWithTypeahead(),onKeyDown:t=>this.onKeyDown(t)}),this.allowClear&&(((o=this.selectedLabels)===null||o===void 0?void 0:o.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:true,oval:true,size:"16",onClick:t=>{t.preventDefault();t.stopPropagation();this.clear()}}):null,this.disabled||this.readonly?null:i("ix-icon-button",{"data-select-dropdown":true,class:{"dropdown-visible":this.dropdownShow},icon:"chevron-down-small",ghost:true,ref:t=>{if(this.editable)this.dropdownWrapperRef=t}}))))),i("ix-dropdown",{key:"3feb553427991c96b45b49aecce64de203846902",ref:t=>this.dropdownRef=t,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",class:{"d-none":this.disabled||this.readonly},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",overwriteDropdownStyle:async()=>({minWidth:`${this.hostElement.clientWidth}px`})},i("div",{key:"3c07355d8c3ebcc3a5f180ac8acf57297f9768ac",class:{"select-list-header":true,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",{key:"2bb33255f9a58b647d0897e8ff1b38fa6aba888b"}),i("div",{key:"2e9bcf50f2a45e292103e4a201d421ad904becd2",ref:t=>this.addItemRef=t,class:"d-contents"}),this.isAddItemVisible()?i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":true},label:this.inputFilterText,onItemClick:t=>{t.preventDefault();t.stopPropagation();this.emitAddItem(this.inputFilterText)}}):null,this.isDropdownEmpty&&!this.editable?i("div",{class:"select-list-header"},this.i18nNoMatches):""))}get hostElement(){return o(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],value:["watchValue"]}}};a([r("keydown",(t=>t.dropdownShow))],l.prototype,"onKeyDown",null);l.style=h;export{l as ix_select};
+//# sourceMappingURL=p-353e2dd5.entry.js.map

package/dist/siemens-ix/{p-9f03e475.entry.js → p-37d299a4.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t,H as e}from"./p-a9cf5eb2.js";const a=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 ix-card{width:100%;height:100%}";const o=a;const i=class{constructor(t){r(this,t);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}render(){return t(e,{key:"42f95fd1de84746fcad8094b51909364a10dddb3"},t("ix-card",{key:"9dfb5ad9782e314dc4751cf2dd1cceebea9f3eca",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"29683fa1a1cc83dea13af3a26232f1b575788d3a"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"24"}):null,t("div",{key:"125ac2f8b62cc1512b0a7c9d687a3f0a85eca5c3"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5",color:this.variant==="insight"?"soft":undefined},this.subheading):null,t("slot",{key:"7b76ddd1c734a4b741022914695bdeb3af2c2988"})))))}};i.style=o;export{i as ix_action_card};
-//# sourceMappingURL=p-9f03e475.entry.js.map
+import{r,h as t,H as e}from"./p-ea80cb61.js";const a=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}: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 ix-card{width:100%;height:100%}";const o=a;const i=class{constructor(t){r(this,t);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}render(){return t(e,{key:"42f95fd1de84746fcad8094b51909364a10dddb3"},t("ix-card",{key:"9dfb5ad9782e314dc4751cf2dd1cceebea9f3eca",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"29683fa1a1cc83dea13af3a26232f1b575788d3a"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"24"}):null,t("div",{key:"125ac2f8b62cc1512b0a7c9d687a3f0a85eca5c3"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5",color:this.variant==="insight"?"soft":undefined},this.subheading):null,t("slot",{key:"7b76ddd1c734a4b741022914695bdeb3af2c2988"})))))}};i.style=o;export{i as ix_action_card};
+//# sourceMappingURL=p-37d299a4.entry.js.map