@siemens/ix 2.1.0 → 2.1.1

package/dist/esm/modal-8bc5477b.js.map

@@ -1 +0,0 @@
-{"file":"modal-8bc5477b.js","mappings":"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","names":["setA11yAttributes"],"sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type DelegateConfig = {\n  parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n  attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n  removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n  async attachView<R = HTMLElement>(\n    view: any,\n    config?: DelegateConfig\n  ): Promise<R> {\n    const attachToElement = config?.parentElement ?? document.body;\n    attachToElement.appendChild(view);\n    return view;\n  }\n\n  async removeView(view: any) {\n    view.remove();\n  }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n  currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n  return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\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 { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n  const ariaDescribedby = config.ariaDescribedby;\n  const ariaLabelledby = config.ariaLabelledby;\n\n  delete config['ariaDescribedby'];\n  delete config['ariaLabelledby'];\n\n  if (ariaDescribedby) {\n    element.setAttribute('aria-describedby', ariaDescribedby);\n  }\n\n  if (ariaLabelledby) {\n    element.setAttribute('aria-labelledby', ariaLabelledby);\n  }\n}\n\nfunction createConfirmButtons(\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) {\n  let actions = [];\n  if (textCancel !== undefined) {\n    actions = [\n      ...actions,\n      {\n        id: 'cancel',\n        text: textCancel,\n        type: 'cancel',\n        payload: payloadCancel,\n      },\n    ];\n  }\n  return [\n    ...actions,\n    {\n      id: 'okay',\n      text: textOkay,\n      type: 'okay',\n      payload: payloadOkay,\n    },\n  ];\n}\n\nexport type MessageContent = {\n  icon: string;\n  iconColor?: string;\n  messageTitle: string;\n  message: string;\n  actions: {\n    id: string;\n    type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n    text: string;\n    payload?: any;\n  }[];\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageContent) {\n  const onMessageAction = new TypedEvent<{\n    actionId: string;\n    payload: T;\n  }>();\n  const dialog = document.createElement('ix-modal');\n  const header = document.createElement('ix-modal-header');\n  const content = document.createElement('ix-modal-content');\n  const footer = document.createElement('ix-modal-footer');\n\n  setA11yAttributes(dialog, config);\n\n  Object.assign(header, config);\n  Object.assign(content, config);\n  Object.assign(footer, config);\n\n  header.innerText = config.messageTitle;\n  content.innerText = config.message;\n\n  config.actions.forEach(({ id, text, type, payload }) => {\n    const button = document.createElement('ix-button');\n    button.innerText = text;\n    footer.appendChild(button);\n\n    if (type === 'okay') {\n      button.variant = 'primary';\n      button.addEventListener('click', () =>\n        dialog.closeModal({\n          actionId: id,\n          payload,\n        })\n      );\n      return;\n    }\n    if (type === 'cancel') {\n      button.variant = 'primary';\n      button.outline = true;\n      button.addEventListener('click', () =>\n        dialog.dismissModal({\n          actionId: id,\n          payload,\n        })\n      );\n      return;\n    }\n  });\n\n  dialog.appendChild(header);\n  dialog.appendChild(content);\n  dialog.appendChild(footer);\n\n  const dialogRef = await getCoreDelegate().attachView<HTMLIxModalElement>(\n    dialog\n  );\n\n  dialogRef.addEventListener(\n    'dialogClose',\n    (\n      event: CustomEvent<{\n        actionId: string;\n        payload: T;\n      }>\n    ) => {\n      onMessageAction.emit(event.detail);\n      dialogRef.remove();\n    }\n  );\n\n  dialogRef.addEventListener(\n    'dialogDismiss',\n    (\n      event: CustomEvent<{\n        actionId: string;\n        payload: T;\n      }>\n    ) => {\n      onMessageAction.emit(event.detail);\n      dialogRef.remove();\n    }\n  );\n\n  dialogRef.showModal();\n  return onMessageAction;\n}\n\nshowMessage.info = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'info',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.warning = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'warning',\n    iconColor: 'color-warning',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.error = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'error',\n    iconColor: 'color-alarm',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.success = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'success',\n    iconColor: 'color-success',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.question = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'question',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n  const ariaDescribedby = config.ariaDescribedby;\n  const ariaLabelledby = config.ariaLabelledby;\n\n  delete config['ariaDescribedby'];\n  delete config['ariaLabelledby'];\n\n  if (ariaDescribedby) {\n    element.setAttribute('aria-describedby', ariaDescribedby);\n  }\n\n  if (ariaLabelledby) {\n    element.setAttribute('aria-labelledby', ariaLabelledby);\n  }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n  animation?: boolean;\n  ariaDescribedby?: string;\n  ariaLabelledby?: string;\n  backdrop?: boolean;\n  closeOnBackdropClick?: boolean;\n  beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n  centered?: boolean;\n  container?: string | HTMLElement;\n  content: CONTENT | string;\n  keyboard?: boolean;\n  size?: IxModalSize;\n  title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n  htmlElement: HTMLIxModalElement;\n  onClose: TypedEvent<TReason>;\n  onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n  return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n  element: Element,\n  closeResult: TClose\n) {\n  const dialog = getIxModal(element);\n  if (dialog) {\n    dialog.closeModal(closeResult);\n    return;\n  }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n  const dialog = getIxModal(element);\n  if (dialog) {\n    dialog.dismissModal(dismissResult);\n    return;\n  }\n}\n\nexport async function showModal<T>(\n  config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n  const delegate = resolveDelegate();\n  let dialogRef: HTMLIxModalElement;\n  const onClose = new TypedEvent<T>();\n  const onDismiss = new TypedEvent<T>();\n\n  if (typeof config.content === 'string') {\n    const dialog = document.createElement('ix-modal');\n    dialog.innerText = config.content;\n    dialogRef = await getCoreDelegate().attachView(dialog);\n  }\n\n  if (\n    config.content instanceof HTMLElement &&\n    config.content.tagName !== 'IX-MODAL'\n  ) {\n    const dialog = document.createElement('ix-modal');\n    dialog.appendChild(config.content);\n    dialogRef = await getCoreDelegate().attachView(dialog);\n  }\n\n  if (!dialogRef) {\n    dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n  }\n\n  setA11yAttributes(dialogRef, config);\n  Object.assign(dialogRef, config);\n\n  dialogRef.showModal();\n  dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n    onClose.emit(detail);\n    await delegate.removeView(dialogRef);\n  });\n\n  dialogRef.addEventListener(\n    'dialogDismiss',\n    async ({ detail }: CustomEvent) => {\n      onDismiss.emit(detail);\n      await delegate.removeView(dialogRef);\n    }\n  );\n\n  return {\n    htmlElement: dialogRef,\n    onClose,\n    onDismiss,\n  };\n}\n"],"version":3}

package/dist/siemens-ix/p-03e4b68a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as t}from"./p-a9cf5eb2.js";const s=":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";const o=s;const c=class{constructor(a){e(this,a)}render(){return a(t,{key:"f6d440918bef7125ac06449ab6d0cd4088f5fefb"},a("ix-spinner",{key:"3efc2e66c193f2af94f4f5d6dc3e91daa2049008",variant:"primary"}),a("span",{key:"4d81c46bedae034801a35637ca78bd8f2b618124",class:"loading-text"},a("slot",{key:"90bf6e1aeac791f70c203fb6bf32dcb7cb313719"})))}};c.style=o;export{c as ix_modal_loading};
-//# sourceMappingURL=p-03e4b68a.entry.js.map

package/dist/siemens-ix/p-0fc4bda8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["burgerMenuCss","IxBurgerMenuStyle0","BurgerMenu","render","h","Host","key","class","expanded","this","pinned","icon","ghost","Object","assign","getButtonClasses","type","ixAriaLabel","a11yBoolean","xmlns","viewBox","width","height","x","y"],"sources":["src/components/menu/burger-menu.scss?tag=ix-burger-menu&encapsulation=shadow","src/components/menu/burger-menu.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'common-variables';\n@import 'legacy/components/buttons';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n$focus-bdr-width: 0.0625rem;\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 2rem;\n  width: 2rem;\n  border-radius: var(--theme-btn--border-radius);\n  pointer-events: all;\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .line {\n    fill: var(--theme-menu-btn--color);\n    opacity: 1;\n    x: 2px;\n    transition: x 0.075s ease-in 0.15s, transform 0.075s ease-in-out 0.075s,\n      y 0.075s ease-in-out, opacity 0.075s linear 0.075s;\n    transform-origin: center;\n  }\n}\n\n@include host-hover {\n  .burger-menu-button {\n    background-color: var(--theme-menu-btn--background--hover);\n  }\n}\n\n.burger-menu-button {\n  width: 2rem;\n  padding: 0;\n  cursor: pointer;\n}\n\n@include host-active {\n  .burger-menu-button {\n    background-color: var(--theme-menu-btn--background--active);\n  }\n}\n\n:host(.expanded) {\n  svg .line-1 {\n    opacity: 1;\n    transform: rotate(-45deg);\n    y: 11px;\n  }\n\n  svg .line-2 {\n    opacity: 0;\n    x: 9;\n  }\n\n  svg .line-3 {\n    opacity: 1;\n    transform: rotate(45deg);\n    y: 11px;\n  }\n\n  ix-icon-button {\n    transform: rotate(180deg);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nimport { getButtonClasses } from '../button/base-button';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-burger-menu',\n  styleUrl: './burger-menu.scss',\n  shadow: true,\n})\nexport class BurgerMenu {\n  /**\n   * Accessibility label for the burger menu button (MANDATORY)\n   */\n  @Prop() ixAriaLabel: string = 'Expand';\n\n  /**\n   * Does burger menu button display the expanded or the not expanded state\n   */\n  @Prop({ reflect: true }) expanded = false;\n\n  /**\n   * Display as pinned\n   */\n  @Prop() pinned = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expanded,\n        }}\n      >\n        {this.pinned ? (\n          <ix-icon-button icon={'double-chevron-right'} ghost></ix-icon-button>\n        ) : (\n          <button\n            class={{\n              ...getButtonClasses(\n                'secondary',\n                false,\n                true,\n                true,\n                false,\n                false,\n                false\n              ),\n              'burger-menu-button': true,\n            }}\n            type=\"button\"\n            aria-label={this.ixAriaLabel ? this.ixAriaLabel : null}\n            aria-pressed={a11yBoolean(this.expanded)}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              width=\"24\"\n              height=\"24\"\n            >\n              <rect\n                class=\"line line-1\"\n                x=\"2\"\n                y=\"5\"\n                width=\"20\"\n                height=\"2\"\n              ></rect>\n              <rect\n                class=\"line line-2\"\n                x=\"2\"\n                y=\"11\"\n                width=\"13\"\n                height=\"2\"\n              ></rect>\n              <rect\n                class=\"line line-3\"\n                x=\"2\"\n                y=\"17\"\n                width=\"20\"\n                height=\"2\"\n              ></rect>\n            </svg>\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAgB,2mcACtB,MAAAC,EAAeD,E,MC6BFE,EAAU,M,0CAIS,S,cAKM,M,YAKnB,K,CAEjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUC,KAAKD,WAGhBC,KAAKC,OACJN,EAAA,kBAAgBO,KAAM,uBAAwBC,MAAK,OAEnDR,EAAA,UACEG,MAAKM,OAAAC,OAAAD,OAAAC,OAAA,GACAC,EACD,YACA,MACA,KACA,KACA,MACA,MACA,QACD,CACD,qBAAsB,OAExBC,KAAK,SAAQ,aACDP,KAAKQ,YAAcR,KAAKQ,YAAc,KAAI,eACxCC,EAAYT,KAAKD,WAE/BJ,EAAA,OACEe,MAAM,6BACNC,QAAQ,YACRC,MAAM,KACNC,OAAO,MAEPlB,EAAA,QACEG,MAAM,cACNgB,EAAE,IACFC,EAAE,IACFH,MAAM,KACNC,OAAO,MAETlB,EAAA,QACEG,MAAM,cACNgB,EAAE,IACFC,EAAE,KACFH,MAAM,KACNC,OAAO,MAETlB,EAAA,QACEG,MAAM,cACNgB,EAAE,IACFC,EAAE,KACFH,MAAM,KACNC,OAAO,Q"}

package/dist/siemens-ix/p-0ff62c64.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paneLayoutCss","IxPaneLayoutStyle0","Panes","this","panes","currentPanes","hostElement","querySelectorAll","componentWillLoad","paneElements","length","observer","MutationObserver","mutations","_a","addedNodes","item","nodeName","_b","removedNodes","observe","childList","isMobile","matchBreakpoint","applicationLayoutService","onChange","on","componentDidLoad","setPanes","disconnectedCallback","disconnect","setPaneVariant","pane","ignoreLayoutSettings","variant","setPaneBorder","borderless","hasVisibleLeftPane","find","slot","hideOnCollapse","layout","composition","setPaneZIndex","isTop","isBottom","isLeft","isRight","zIndex","style","toString","forEach","push","floating","closeFloatingPanes","expanded","configurePanes","topCount","bottomCount","leftCount","rightCount","undefined","forceUpdate","onSlotChanged","onCollapsibleChanged","event","detail","currentSlot","onVariantChanged","onPaneElementsChange","onVariableChange","onBorderChange","onLayoutChange","onMobileChange","hasPadding","hasPaddingMobile","isFloating","render","h","Host","key","class","row","name","col","onClick","minHeight"],"sources":["src/components/pane-layout/pane-layout.scss?tag=ix-pane-layout&encapsulation=shadow","src/components/pane-layout/pane-layout.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-padding($composition) {\n  @if $composition {\n    padding-#{$composition}: 2.5rem;\n  }\n}\n\n@mixin set-absolute($composition) {\n  @if $composition {\n    position: absolute;\n    #{$composition}: 0;\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .side-panes-wrapper {\n    height: 100%;\n    width: 100%;\n  }\n\n  .row {\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  .col {\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  .content {\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n  }\n\n  .absolute-top {\n    width: 100%;\n    @include set-absolute(top);\n  }\n\n  .absolute-bottom {\n    width: 100%;\n    @include set-absolute(bottom);\n  }\n\n  .absolute-left {\n    height: 100%;\n    @include set-absolute(left);\n  }\n\n  .absolute-right {\n    height: 100%;\n    @include set-absolute(right);\n  }\n\n  .padding-top {\n    @include set-padding(top);\n  }\n\n  .padding-bottom {\n    @include set-padding(bottom);\n  }\n\n  .padding-left {\n    @include set-padding(left);\n  }\n\n  .padding-right {\n    @include set-padding(right);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Composition } from '../pane/pane';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-pane-layout',\n  styleUrl: 'pane-layout.scss',\n  shadow: true,\n})\nexport class Panes {\n  @Element() hostElement: HTMLIxPaneLayoutElement;\n\n  /**\n   * Choose the layout of the panes.\n   * When set to 'full-vertical' the vertical panes (left, right) will get the full height.\n   * When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width.\n   */\n  @Prop() layout: 'full-vertical' | 'full-horizontal' = 'full-vertical';\n\n  /**\n   * Set the default variant for all panes in the layout\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Set the default border state for all panes in the layout\n   */\n  @Prop() borderless: boolean = false;\n\n  @State() private isMobile = false;\n  @State() private paneElements = 0;\n\n  private panes: Array<{\n    slot: string;\n    hideOnCollapse: boolean;\n    floating: boolean;\n  }> = [];\n\n  private observer: MutationObserver;\n\n  get currentPanes() {\n    return this.hostElement.querySelectorAll('ix-pane');\n  }\n\n  componentWillLoad() {\n    this.paneElements = this.currentPanes.length;\n\n    this.observer = new MutationObserver((mutations) => {\n      if (mutations[0].addedNodes.item(0)?.nodeName === 'IX-PANE') {\n        this.paneElements += 1;\n      } else if (mutations[0].removedNodes.item(0)?.nodeName === 'IX-PANE') {\n        this.paneElements -= 1;\n      }\n    });\n    this.observer.observe(this.hostElement, {\n      childList: true,\n    });\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n  }\n\n  componentDidLoad() {\n    this.setPanes(this.currentPanes);\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n  }\n\n  private setPaneVariant(pane: HTMLIxPaneElement) {\n    if (!pane.ignoreLayoutSettings) {\n      pane.variant = this.variant;\n    }\n  }\n\n  private setPaneBorder(pane: HTMLIxPaneElement) {\n    if (!pane.ignoreLayoutSettings) {\n      if (this.borderless) {\n        pane.borderless = true;\n      } else {\n        const hasVisibleLeftPane = !!this.panes.find(\n          (pane) => pane.slot === 'left' && !pane.hideOnCollapse\n        );\n        if (\n          pane.variant === 'floating' &&\n          this.layout === 'full-vertical' &&\n          hasVisibleLeftPane &&\n          (pane.composition === 'top' || pane.composition === 'bottom')\n        ) {\n          pane.borderless = true;\n        } else {\n          pane.borderless = false;\n        }\n      }\n    }\n  }\n\n  private setPaneZIndex(pane: HTMLIxPaneElement) {\n    const isTop = pane.slot === 'top';\n    const isBottom = pane.slot === 'bottom';\n    const isLeft = pane.slot === 'left';\n    const isRight = pane.slot === 'right';\n\n    let zIndex = 1;\n    if (this.isMobile) {\n      if (isBottom || isTop) {\n        zIndex = 3;\n      }\n    } else {\n      if (this.layout === 'full-vertical') {\n        if (isLeft || isRight) {\n          zIndex = 3;\n        }\n      } else {\n        if (isBottom || isTop) {\n          zIndex = 3;\n        }\n      }\n    }\n    pane.style.zIndex = zIndex.toString();\n  }\n\n  private setPanes(panes: NodeListOf<HTMLIxPaneElement>) {\n    this.panes = [];\n    panes.forEach((pane) => {\n      this.panes.push({\n        slot: pane.slot,\n        hideOnCollapse: pane.hideOnCollapse,\n        floating: pane.variant === 'floating',\n      });\n    });\n  }\n\n  private closeFloatingPanes() {\n    this.currentPanes.forEach((pane) => {\n      if (pane.expanded && pane.variant === 'floating') {\n        pane.expanded = false;\n      }\n    });\n  }\n\n  private configurePanes() {\n    let topCount = 0;\n    let bottomCount = 0;\n    let leftCount = 0;\n    let rightCount = 0;\n\n    this.currentPanes.forEach((pane) => {\n      const isTop = pane.slot === 'top';\n      const isBottom = pane.slot === 'bottom';\n      const isLeft = pane.slot === 'left';\n      const isRight = pane.slot === 'right';\n\n      if (isLeft) {\n        if (leftCount) {\n          pane.slot = undefined;\n          return;\n        }\n        leftCount++;\n      } else if (isRight) {\n        if (rightCount) {\n          pane.slot = undefined;\n          return;\n        }\n        rightCount++;\n      } else if (isTop) {\n        if (topCount) {\n          pane.slot = undefined;\n          return;\n        }\n        topCount++;\n      } else if (isBottom) {\n        if (bottomCount) {\n          pane.slot = undefined;\n          return;\n        }\n        bottomCount++;\n      } else {\n        pane.slot = undefined;\n        return;\n      }\n\n      this.setPaneVariant(pane);\n      this.setPaneBorder(pane);\n      this.setPaneZIndex(pane);\n    });\n\n    this.setPanes(this.currentPanes);\n    forceUpdate(this.hostElement);\n  }\n\n  @Listen('slotChanged')\n  onSlotChanged() {\n    this.configurePanes();\n  }\n\n  @Listen('hideOnCollapseChanged')\n  onCollapsibleChanged(event: CustomEvent) {\n    const { slot, hideOnCollapse } = event.detail;\n\n    this.panes.forEach((currentSlot) => {\n      if (currentSlot.slot === slot) {\n        currentSlot.hideOnCollapse = hideOnCollapse;\n      }\n    });\n\n    forceUpdate(this.hostElement);\n  }\n\n  @Listen('variantChanged')\n  onVariantChanged(event: CustomEvent) {\n    const { slot, variant } = event.detail;\n\n    this.panes.forEach((currentSlot) => {\n      if (currentSlot.slot === slot) {\n        currentSlot.floating = variant === 'floating';\n      }\n    });\n\n    forceUpdate(this.hostElement);\n  }\n\n  @Watch('paneElements')\n  onPaneElementsChange() {\n    this.configurePanes();\n  }\n\n  @Watch('variant')\n  onVariableChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneVariant(pane);\n      this.setPaneBorder(pane);\n    });\n\n    this.setPanes(this.currentPanes);\n    forceUpdate(this.hostElement);\n  }\n\n  @Watch('borderless')\n  onBorderChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneBorder(pane);\n    });\n  }\n\n  @Watch('layout')\n  onLayoutChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneBorder(pane);\n      this.setPaneZIndex(pane);\n    });\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneZIndex(pane);\n    });\n  }\n\n  private hasPadding(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane ? !pane.hideOnCollapse && pane.floating : false;\n  }\n\n  private hasPaddingMobile(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane && !pane.hideOnCollapse;\n  }\n\n  private isFloating(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane ? pane.floating : false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {!this.isMobile ? (\n          this.layout == 'full-vertical' ? (\n            <div class=\"side-panes-wrapper\">\n              <div\n                class={{\n                  row: true,\n                  'padding-left': this.hasPadding('left'),\n                  'padding-right': this.hasPadding('right'),\n                }}\n              >\n                <div\n                  key=\"left\"\n                  class={{ 'absolute-left': this.isFloating('left') }}\n                >\n                  <slot name=\"left\"></slot>\n                </div>\n                <div\n                  class={{\n                    col: true,\n                    'padding-top': this.hasPadding('top'),\n                    'padding-bottom': this.hasPadding('bottom'),\n                  }}\n                >\n                  <div\n                    key=\"top\"\n                    class={{ 'absolute-top': this.isFloating('top') }}\n                  >\n                    <slot name=\"top\"></slot>\n                  </div>\n                  <div\n                    key=\"content\"\n                    class=\"content\"\n                    onClick={() => this.closeFloatingPanes()}\n                  >\n                    <slot name=\"content\"></slot>\n                  </div>\n                  <div\n                    key=\"bottom\"\n                    class={{ 'absolute-bottom': this.isFloating('bottom') }}\n                  >\n                    <slot name=\"bottom\"></slot>\n                  </div>\n                </div>\n                <div\n                  key=\"right\"\n                  class={{ 'absolute-right': this.isFloating('right') }}\n                >\n                  <slot name=\"right\"></slot>\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div class=\"side-panes-wrapper\">\n              <div\n                class={{\n                  col: true,\n                  'padding-top': this.hasPadding('top'),\n                  'padding-bottom': this.hasPadding('bottom'),\n                }}\n              >\n                <div\n                  key=\"top\"\n                  class={{ 'absolute-top': this.isFloating('top') }}\n                >\n                  <slot name=\"top\"></slot>\n                </div>\n                <div\n                  class={{\n                    row: true,\n                    'padding-left': this.hasPadding('left'),\n                    'padding-right': this.hasPadding('right'),\n                  }}\n                >\n                  <div\n                    key=\"left\"\n                    class={{ 'absolute-left': this.isFloating('left') }}\n                  >\n                    <slot name=\"left\"></slot>\n                  </div>\n                  <div\n                    key=\"content\"\n                    class=\"content\"\n                    onClick={() => this.closeFloatingPanes()}\n                  >\n                    <slot name=\"content\"></slot>\n                  </div>\n                  <div\n                    key=\"right\"\n                    class={{ 'absolute-right': this.isFloating('right') }}\n                  >\n                    <slot name=\"right\"></slot>\n                  </div>\n                </div>\n                <div\n                  key=\"bottom\"\n                  class={{ 'absolute-bottom': this.isFloating('bottom') }}\n                >\n                  <slot name=\"bottom\"></slot>\n                </div>\n              </div>\n            </div>\n          )\n        ) : (\n          <div class=\"col\">\n            <div\n              key=\"top\"\n              style={{\n                minHeight: this.hasPaddingMobile('top') ? '48px' : '0',\n              }}\n            >\n              <slot name=\"top\"></slot>\n            </div>\n            <div\n              key=\"left\"\n              style={{\n                minHeight: this.hasPaddingMobile('left') ? '48px' : '0',\n              }}\n            >\n              <slot name=\"left\"></slot>\n            </div>\n            <div\n              key=\"content\"\n              class=\"content\"\n              onClick={() => this.closeFloatingPanes()}\n            >\n              <slot name=\"content\"></slot>\n            </div>\n            <div\n              key=\"right\"\n              style={{\n                minHeight: this.hasPaddingMobile('right') ? '48px' : '0',\n              }}\n            >\n              <slot name=\"right\"></slot>\n            </div>\n            <div\n              key=\"bottom\"\n              style={{\n                minHeight: this.hasPaddingMobile('bottom') ? '48px' : '0',\n              }}\n            >\n              <slot name=\"bottom\"></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-2679a484.js

@@ -1,2 +0,0 @@
-import{T as e}from"./p-c4749812.js";class o{async attachView(e,o){var n;const t=(n=o===null||o===void 0?void 0:o.parentElement)!==null&&n!==void 0?n:document.body;t.appendChild(e);return e}async removeView(e){e.remove()}}const n=new o;let t=n;function a(e){t=e}const i=()=>t;const c=()=>n;function s(e,o){const n=o.ariaDescribedby;const t=o.ariaLabelledby;delete o["ariaDescribedby"];delete o["ariaLabelledby"];if(n){e.setAttribute("aria-describedby",n)}if(t){e.setAttribute("aria-labelledby",t)}}function l(e,o,n,t){let a=[];if(o!==undefined){a=[...a,{id:"cancel",text:o,type:"cancel",payload:t}]}return[...a,{id:"okay",text:e,type:"okay",payload:n}]}async function r(o){const n=new e;const t=document.createElement("ix-modal");const a=document.createElement("ix-modal-header");const i=document.createElement("ix-modal-content");const l=document.createElement("ix-modal-footer");s(t,o);Object.assign(a,o);Object.assign(i,o);Object.assign(l,o);a.innerText=o.messageTitle;i.innerText=o.message;o.actions.forEach((({id:e,text:o,type:n,payload:a})=>{const i=document.createElement("ix-button");i.innerText=o;l.appendChild(i);if(n==="okay"){i.variant="primary";i.addEventListener("click",(()=>t.closeModal({actionId:e,payload:a})));return}if(n==="cancel"){i.variant="primary";i.outline=true;i.addEventListener("click",(()=>t.dismissModal({actionId:e,payload:a})));return}}));t.appendChild(a);t.appendChild(i);t.appendChild(l);const r=await c().attachView(t);r.addEventListener("dialogClose",(e=>{n.emit(e.detail);r.remove()}));r.addEventListener("dialogDismiss",(e=>{n.emit(e.detail);r.remove()}));r.showModal();return n}r.info=(e,o,n,t,a,i)=>r({message:o,messageTitle:e,icon:"info",actions:l(n,t,a,i)});r.warning=(e,o,n,t,a,i)=>r({message:o,messageTitle:e,icon:"warning",iconColor:"color-warning",actions:l(n,t,a,i)});r.error=(e,o,n,t,a,i)=>r({message:o,messageTitle:e,icon:"error",iconColor:"color-alarm",actions:l(n,t,a,i)});r.success=(e,o,n,t,a,i)=>r({message:o,messageTitle:e,icon:"success",iconColor:"color-success",actions:l(n,t,a,i)});r.question=(e,o,n,t,a,i)=>r({message:o,messageTitle:e,icon:"question",actions:l(n,t,a,i)});function d(e,o){const n=o.ariaDescribedby;const t=o.ariaLabelledby;delete o["ariaDescribedby"];delete o["ariaLabelledby"];if(n){e.setAttribute("aria-describedby",n)}if(t){e.setAttribute("aria-labelledby",t)}}function m(e){return e.closest("ix-modal")}function u(e,o){const n=m(e);if(n){n.closeModal(o);return}}function f(e,o){const n=m(e);if(n){n.dismissModal(o);return}}async function y(o){const n=i();let t;const a=new e;const s=new e;if(typeof o.content==="string"){const e=document.createElement("ix-modal");e.innerText=o.content;t=await c().attachView(e)}if(o.content instanceof HTMLElement&&o.content.tagName!=="IX-MODAL"){const e=document.createElement("ix-modal");e.appendChild(o.content);t=await c().attachView(e)}if(!t){t=await n.attachView(o.content)}d(t,o);Object.assign(t,o);t.showModal();t.addEventListener("dialogClose",(async({detail:e})=>{a.emit(e);await n.removeView(t)}));t.addEventListener("dialogDismiss",(async({detail:e})=>{s.emit(e);await n.removeView(t)}));return{htmlElement:t,onClose:a,onDismiss:s}}export{i as a,y as b,u as c,f as d,c as g,a as r,r as s};
-//# sourceMappingURL=p-2679a484.js.map

package/dist/siemens-ix/p-3082ad93.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as s}from"./p-a9cf5eb2.js";import{a}from"./p-810b5232.js";import{c as o}from"./p-7c36d3fa.js";import{c as r}from"./p-e898862b.js";import"./p-c4749812.js";const n=":host{display:flex;flex-direction:column;position:relative}: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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-chevron{margin-left:auto;margin-right:0px;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0px;transition:var(--theme-default-time) max-height ease-in-out;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--expanded{max-height:999999999px}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";const h=n;const c=40;const d=150;const l=class{constructor(t){e(this,t);this.label=undefined;this.icon=undefined;this.notifications=undefined;this.menuExpand=false;this.showItems=false;this.showDropdown=false;this.nestedItems=[]}isNestedItemActive(){return this.getNestedItems().some((e=>e.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){const e=this.getNestedItems();return e.length*c}onExpandCategory(e){if(e){this.animateFadeIn()}else{this.animateFadeOut()}}animateFadeOut(){const e=25;a({targets:this.menuItemsContainer,duration:d,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+c,0],complete:()=>{setTimeout((()=>{this.showItems=false;this.showDropdown=false}),d+e)}})}animateFadeIn(){a({targets:this.menuItemsContainer,duration:d,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+c],begin:()=>{this.showItems=true;this.showDropdown=false}})}onCategoryClicked(e){if(this.ixMenu.expand){e===null||e===void 0?void 0:e.stopPropagation();this.onExpandCategory(!this.showItems);return}this.showDropdown=!this.showDropdown}onNestedItemsChanged(){this.nestedItems=this.getNestedItems()}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentDidLoad(){const e=o(this.hostElement);if(!e){throw Error("ix-menu-category can only be used as a child of ix-menu")}this.ixMenu=e;this.observer=r((()=>this.onNestedItemsChanged()));this.observer.observe(this.hostElement,{attributes:true,childList:true,subtree:true});requestAnimationFrame((()=>{this.onNestedItemsChanged()}));this.ixMenu.addEventListener("expandChange",(({detail:e})=>{this.menuExpand=e;this.showItems=this.isCategoryItemListVisible()}))}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){return t(i,{key:"200bff1a548044f19fb8f2280dfbfafe1e5cfcdd",class:{expanded:this.showItems}},t("ix-menu-item",{key:"447015d4ad34f0c2a37ea1c676abb71c062f475c",class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:e=>this.onCategoryClicked(e)},t("div",{key:"e0a548b93ea0286298d7d05aa2df2fcafc648fdc",class:"category"},this.label,t("ix-icon",{key:"1df8ba182dfed3a4b0ce676a4a1e796749d2dacb",name:"chevron-down-small",class:{"category-chevron":true,"category-chevron--open":this.showItems}}))),t("div",{key:"ade480e9fb57aa93a4796c9c685c1af80db170eb",ref:e=>this.menuItemsContainer=e,class:{"menu-items":true,"menu-items--expanded":this.showItems}},this.showItems?t("slot",null):null),t("ix-dropdown",{key:"8c0c5c2a17314bf9da36dfc6d0c147ee67c7ac16",closeBehavior:"both",show:this.showDropdown,onShowChanged:({detail:e})=>{this.showDropdown=e},class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},onClick:e=>{if(e.target instanceof HTMLElement){if(e.target.tagName==="IX-MENU-ITEM"){this.showDropdown=false}}}},t("ix-dropdown-item",{key:"d85fdf6132b7214c478547f95ecb28be7b11c3ae",class:"category-dropdown-header"},t("ix-typography",{key:"b41ede61c366cf9ca189f19ccf1b7369bc3907bd",variant:"default-title-single",color:"std"},this.label)),t("ix-divider",{key:"5a354c66b93f5f630f75b519234c8f167a15aec9"}),t("slot",{key:"505699faf4ef92aeaea9a8b098b82b8900c56128"})))}get hostElement(){return s(this)}};l.style=h;export{l as ix_menu_category};
-//# sourceMappingURL=p-3082ad93.entry.js.map

package/dist/siemens-ix/p-3082ad93.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["menuCategoryCss","IxMenuCategoryStyle0","DefaultIxMenuItemHeight","DefaultAnimationTimeout","MenuCategory","isNestedItemActive","this","getNestedItems","some","item","active","Array","from","hostElement","querySelectorAll","getNestedItemsHeight","items","length","onExpandCategory","showItems","animateFadeIn","animateFadeOut","slotHideThresholdMs","anime","targets","menuItemsContainer","duration","easing","opacity","maxHeight","complete","setTimeout","showDropdown","begin","onCategoryClicked","e","ixMenu","expand","stopPropagation","onNestedItemsChanged","nestedItems","isCategoryItemListVisible","menuExpand","componentDidLoad","closestMenu","closestIxMenu","Error","observer","createMutationObserver","observe","attributes","childList","subtree","requestAnimationFrame","addEventListener","detail","disconnectedCallback","disconnect","render","h","Host","key","class","expanded","notifications","icon","onClick","label","name","ref","closeBehavior","show","onShowChanged","dropdownShown","anchor","placement","offset","mainAxis","target","HTMLElement","tagName","variant","color"],"sources":["src/components/menu-category/menu-category.scss?tag=ix-menu-category&encapsulation=shadow","src/components/menu-category/menu-category.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 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .category {\n    display: flex;\n    position: relative;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .category-chevron {\n    margin-left: auto;\n    margin-right: 0px;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .category-chevron--open {\n    transform: rotate(-180deg);\n  }\n\n  .menu-items {\n    overflow: hidden;\n    max-height: 0px;\n    transition: var(--theme-default-time) max-height ease-in-out;\n    padding: 0.25rem 0 0.25rem 1.625rem;\n  }\n\n  .menu-items--expanded {\n    max-height: 999999999px;\n  }\n\n  .category-dropdown {\n    ::slotted(ix-menu-item) {\n      --ix-menu-item-height: 2.5rem;\n    }\n  }\n\n  .category-dropdown-header {\n    pointer-events: none;\n    min-width: 256px;\n  }\n\n  ::slotted(ix-menu-item) {\n    --ix-menu-item-height: 2.5rem;\n  }\n}\n\n:host(.expanded) {\n  background-color: var(--theme-color-ghost--active);\n}\n\n:host {\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport anime from 'animejs';\nimport { closestIxMenu } from '../utils/application-layout/context';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\nconst DefaultIxMenuItemHeight = 40;\nconst DefaultAnimationTimeout = 150;\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-menu-category',\n  styleUrl: 'menu-category.scss',\n  shadow: true,\n})\nexport class MenuCategory {\n  @Element() hostElement: HTMLIxMenuCategoryElement;\n\n  /**\n   * Display name of the category\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of the category\n   */\n  @Prop() icon: string;\n\n  /**\n   * Show notification count on the category\n   */\n  @Prop() notifications: number;\n\n  @State() menuExpand = false;\n  @State() showItems = false;\n  @State() showDropdown = false;\n  @State() nestedItems: HTMLIxMenuItemElement[] = [];\n\n  private observer: MutationObserver;\n  private menuItemsContainer: HTMLDivElement;\n  private ixMenu: HTMLIxMenuElement;\n\n  private isNestedItemActive() {\n    return this.getNestedItems().some((item) => item.active);\n  }\n\n  private getNestedItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(':scope ix-menu-item')\n    ) as HTMLIxMenuItemElement[];\n  }\n\n  private getNestedItemsHeight() {\n    const items = this.getNestedItems();\n\n    return items.length * DefaultIxMenuItemHeight;\n  }\n\n  private onExpandCategory(showItems: boolean) {\n    if (showItems) {\n      this.animateFadeIn();\n    } else {\n      this.animateFadeOut();\n    }\n  }\n\n  private animateFadeOut() {\n    const slotHideThresholdMs = 25;\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [1, 0],\n      maxHeight: [this.getNestedItemsHeight() + DefaultIxMenuItemHeight, 0],\n      complete: () => {\n        setTimeout(() => {\n          this.showItems = false;\n          this.showDropdown = false;\n        }, DefaultAnimationTimeout + slotHideThresholdMs);\n      },\n    });\n  }\n\n  private animateFadeIn() {\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [0, 1],\n      maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],\n      begin: () => {\n        this.showItems = true;\n        this.showDropdown = false;\n      },\n    });\n  }\n\n  private onCategoryClicked(e?: MouseEvent) {\n    if (this.ixMenu.expand) {\n      e?.stopPropagation();\n      this.onExpandCategory(!this.showItems);\n      return;\n    }\n\n    this.showDropdown = !this.showDropdown;\n  }\n\n  private onNestedItemsChanged() {\n    this.nestedItems = this.getNestedItems();\n  }\n\n  private isCategoryItemListVisible() {\n    return this.menuExpand && (this.showItems || this.isNestedItemActive());\n  }\n\n  componentDidLoad() {\n    const closestMenu = closestIxMenu(this.hostElement);\n    if (!closestMenu) {\n      throw Error('ix-menu-category can only be used as a child of ix-menu');\n    }\n    this.ixMenu = closestMenu;\n\n    this.observer = createMutationObserver(() => this.onNestedItemsChanged());\n    this.observer.observe(this.hostElement, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => {\n      this.onNestedItemsChanged();\n    });\n\n    this.ixMenu.addEventListener(\n      'expandChange',\n      ({ detail: menuExpand }: CustomEvent<boolean>) => {\n        this.menuExpand = menuExpand;\n\n        this.showItems = this.isCategoryItemListVisible();\n      }\n    );\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.showItems,\n        }}\n      >\n        <ix-menu-item\n          class={'category-parent'}\n          active={this.isNestedItemActive()}\n          notifications={this.notifications}\n          icon={this.icon}\n          onClick={(e) => this.onCategoryClicked(e)}\n        >\n          <div class=\"category\">\n            {this.label}\n            <ix-icon\n              name={'chevron-down-small'}\n              class={{\n                'category-chevron': true,\n                'category-chevron--open': this.showItems,\n              }}\n            ></ix-icon>\n          </div>\n        </ix-menu-item>\n        <div\n          ref={(ref) => (this.menuItemsContainer = ref!)}\n          class={{\n            'menu-items': true,\n            'menu-items--expanded': this.showItems,\n          }}\n        >\n          {this.showItems ? <slot></slot> : null}\n        </div>\n        <ix-dropdown\n          closeBehavior={'both'}\n          show={this.showDropdown}\n          onShowChanged={({ detail: dropdownShown }: CustomEvent<boolean>) => {\n            this.showDropdown = dropdownShown;\n          }}\n          class={'category-dropdown'}\n          anchor={this.hostElement}\n          placement=\"right-start\"\n          offset={{\n            mainAxis: 3,\n          }}\n          onClick={(e) => {\n            if (e.target instanceof HTMLElement) {\n              if (e.target.tagName === 'IX-MENU-ITEM') {\n                this.showDropdown = false;\n              }\n            }\n          }}\n        >\n          <ix-dropdown-item class={'category-dropdown-header'}>\n            <ix-typography variant=\"default-title-single\" color=\"std\">\n              {this.label}\n            </ix-typography>\n          </ix-dropdown-item>\n          <ix-divider></ix-divider>\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-350f0c29.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as c,g as s}from"./p-a9cf5eb2.js";import"./p-46a6cd9d.js";import{d,c as t}from"./p-2679a484.js";import"./p-c4749812.js";const o=class{constructor(a){e(this,a)}dismiss(){d(this.host)}close(){t(this.host,"Done!")}render(){return a(c,{key:"e219bbf7bea6f929aa522982cbdf055b3fc45a92"},a("div",{key:"186e10c89c6fd9f626a8fa7642a3a2efe9b4e899"},a("div",{key:"2919c50fa62881cc689d659657bd5b55fb7c6f81",class:"modal-header"},"Message headline",a("ix-icon-button",{key:"3dc6851c96c9140f1b13a0c312100acd71762fcd","data-close-button":true,ghost:true,icon:"close",onClick:()=>this.dismiss()})),a("div",{key:"4b202214dad7f1502f4201969d7cf1a378a55957",class:"modal-body"},"Message text lorem ipsum"),a("div",{key:"b8df28789d9cede8b78117a8b2cd88b7088e9ea1",class:"modal-footer"},a("ix-button",{key:"eace38404f5761f3ead889d477481dfd33a5de3a",outline:true,onClick:()=>this.dismiss()},"Cancel"),a("ix-button",{key:"38d00bad14606c86ea9ca37bae984579a43475e6",onClick:()=>this.close()},"OK"))))}get host(){return s(this)}};export{o as ix_modal_example};
-//# sourceMappingURL=p-350f0c29.entry.js.map

package/dist/siemens-ix/p-3c03baf3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as h}from"./p-a9cf5eb2.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 .title-text .title-text-left-right-expanded{order:1}: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}: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 .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg)}: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;padding:0 !important;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.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.onExpandedChange()}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}}animateVerticalFadeIn(t){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}}})}animateHorizontalFadeIn(t){o({targets:this.hostElement,duration:a.mediumTime,height:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateHorizontalPadding("0px")}else{this.animateHorizontalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}}})}removePadding(){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:a.mediumTime,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0})}animateVerticalPadding(t){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:a.mediumTime,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay: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(){if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t}else{this.hostElement.style.width=t}}}else{this.showContent=false;if(this.isMobile){this.removePadding();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.removePadding();this.hostElement.style.height=this.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(this.collapsedPane)}else{this.animateVerticalFadeIn(this.collapsedPane)}}}}render(){return i(s,{key:"64c609b1f94058357b4ac675c5879bc624af2a9e",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:"2275f27c0af5b2f08826561daa23cd08a79e57cf",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:"02ce98cae333c56b4bbe798dc2091955183d3775",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:"55a3da8047a5934bf48116fc06e4dff2d464bd3f",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:"2137390b72e4530c03eb1c2b8a50a8eaab8dbfcb",class:{"title-text":true,rotate:!this.expanded&&!this.isMobile&&this.isLeftRightPane}},this.icon?i("ix-icon",{class:{"title-text-left-right-expanded":this.expanded&&!this.isMobile&&this.isLeftRightPane},size:"24",name:this.icon}):null,i("div",{key:"c39db2b899cd80cc04fd5ee8b2a6be3d9e31d8b8",class:"title-text-overflow"},i("ix-typography",{key:"51bf92864892d1f39b949aaf33f418895f5a8723",format:"h4"},this.heading)))),i("div",{key:"c15d4c6d9875a9e433a96ef4b813b127d7a1ffb3",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"5df3005ed1b1c12d3536c573a0ae87347b31fe35"}))))}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-3c03baf3.entry.js.map

package/dist/siemens-ix/p-3c03baf3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paneCss","IxPaneStyle0","Pane","this","validPositions","collapsedPane","collapsedPaneMobile","currentSlot","hostElement","getAttribute","isBottomTopPane","composition","isLeftRightPane","isMobileTop","componentWillLoad","setIcons","floating","variant","expanded","onExpandedChange","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","animateVerticalFadeIn","anime","targets","duration","Animation","mediumTime","width","easing","delay","begin","showContent","animateVerticalPadding","complete","animateHorizontalFadeIn","height","animateHorizontalPadding","removePadding","shadowRoot","querySelector","paddingTop","paddingBottom","paddingLeft","paddingRight","onMobileChange","style","removeProperty","onParentSizeChange","onPositionChange","onHideOnCollapseChange","hideOnCollapseChanged","hideOnCollapse","onVariantChange","variantChanged","onBorderlessChange","borderlessChanged","borderless","onSizeChange","expandedChanged","minHeight","render","h","Host","key","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    .title-text-left-right-expanded {\n      order: 1;\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      }\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  .rotate {\n    writing-mode: vertical-lr;\n    text-orientation: mixed;\n    transform: rotate(180deg);\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      padding: 0 !important;\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\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.onExpandedChange();\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 animateVerticalFadeIn(size: string) {\n    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    });\n  }\n\n  private animateHorizontalFadeIn(size: string) {\n    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          this.animateHorizontalPadding('0px');\n        } else {\n          this.animateHorizontalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n      },\n    });\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(size: string) {\n    anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: Animation.mediumTime,\n      paddingTop: size,\n      paddingBottom: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n    });\n  }\n\n  private animateVerticalPadding(size: string) {\n    anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: Animation.mediumTime,\n      paddingLeft: size,\n      paddingRight: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n    });\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    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        } else {\n          this.hostElement.style.width = expandPaneSize;\n        }\n      }\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.removePadding();\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.removePadding();\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\n                  class={{\n                    'title-text-left-right-expanded':\n                      this.expanded && !this.isMobile && this.isLeftRightPane,\n                  }}\n                  size=\"24\"\n                  name={this.icon}\n                ></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-40fc3093.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as o,H as s}from"./p-a9cf5eb2.js";import{a as t}from"./p-810b5232.js";const a=":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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;margin:0.5rem 0.5rem 0rem 0.5rem;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:bold;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:"1e6b060fd39fb008c5ce8e56553b7ee235d5db2d"},o("div",{key:"a0f00d550a6c2e2f61918bbccd2c342100e73dcd",class:{"message-container":true,[this.type]:true},role:"alert",ref:e=>this.divElement=e},o("ix-icon",{key:"5bbfa1b8fcd0025b4d2fa0b488c604458fc4e131",color:this.color,name:this.icon}),o("div",{key:"78e83b8a02ea46b6b3ba65690d5939f00a63ca78",class:"message-content"},o("slot",{key:"b5813c317b7ea1b0c0e6919488016a43140dd68f"})),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-40fc3093.entry.js.map

package/dist/siemens-ix/p-5db56877.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as o,F as t,H as l,g as d}from"./p-a9cf5eb2.js";import{a}from"./p-810b5232.js";import{a as r}from"./p-4f8ac3bf.js";const n=":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);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 .blind-header-wrapper{display:block;position:relative;width:100%;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;z-index:1;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;flex-shrink:0;margin-right:1rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1}:host .blind-header-title-col{flex-grow:1;flex-basis:0;display:inline-flex;align-items:center;min-width:0}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-end:0.5rem}:host .blind-header-title-sublabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:0.5rem}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:150ms;transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-insight){background-color:var(--theme-blind-base--background)}:host(.blind-insight) .blind-header{background-color:var(--theme-color-insight)}:host(.blind-insight) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-insight) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-insight) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-insight) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-insight) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-insight) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-notification){background-color:var(--theme-blind-base--background)}:host(.blind-notification) .blind-header{background-color:var(--theme-color-notification)}:host(.blind-notification) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-notification) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-notification--hover)}:host(.blind-notification) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-notification) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-notification) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-notification--active)}:host(.blind-notification) .blind-header-title-label,:host(.blind-notification) .blind-header-title-sublabel{color:var(--theme-color-notification--contrast)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color);border-color:var(--theme-color-soft-bdr)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}";const s=n;let b=0;const h=class{constructor(o){e(this,o);this.collapsedChange=i(this,"collapsedChange",7);this.blindId=++b;this.collapsed=false;this.label=undefined;this.sublabel=undefined;this.icon=undefined;this.variant="insight"}onHeaderClick(){this.collapsed=!this.collapsed;this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.shadowRoot.querySelector(".blind-content")}animation(e){this.animateCollapse(e)}animateCollapse(e){if(e){this.rotateChevronRight()}else{this.rotateChevronDown()}}rotateChevronDown(){a({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:90});a({targets:this.content,duration:150,easing:"easeInOutSine",opacity:1})}rotateChevronRight(){a({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:0});a({targets:this.content,duration:150,easing:"easeInOutSine",opacity:0})}render(){return o(l,{key:"fa737e290302d9121790574a4a88738a0be492a6",class:{[`blind-${this.variant}`]:true}},o("div",{key:"a30152172426864588f8482a8f94f437948c74a4",class:"blind-header-wrapper"},o("div",{key:"8ee1a8aa21ff58cb88514fd5e428481b99e10728",class:"blind-header-content"},o("ix-icon",{key:"97117ee8008ea0b69e64f2c4a0149ce3b3897f44",class:"collapse-icon",name:"chevron-right-small",color:this.variant==="insight"||this.variant==="outline"?"color-primary":`color-${this.variant}--contrast`,ref:e=>this.chevronRef=e}),o("div",{key:"dbe488db7c5a77b5b09927698395a1f18674308a",class:"blind-header-title",id:`ix-blind-header-title-${this.blindId}`},this.label!==undefined?o(t,null,this.icon&&o("ix-icon",{class:"blind-header-title-icon",name:this.icon,color:this.variant==="insight"||this.variant==="outline"?"color-std-text":`color-${this.variant}--contrast`}),o("div",{class:"blind-header-title-row"},o("div",{class:"blind-header-title-col"},o("ix-typography",{title:this.label,format:"label-lg",bold:true},o("div",{class:"blind-header-title-label",title:this.label},this.label))),this.sublabel&&o("div",{class:"blind-header-title-col"},o("ix-typography",{title:this.sublabel},o("div",{class:"blind-header-title-sublabel"},this.sublabel)))),o("div",{class:"header-actions"},o("slot",{name:"header-actions"}))):null)),o("button",{key:"841d6430b672ee5a325803d69a86794620526cc6",class:{"blind-header":true,[`blind-${this.variant}`]:true,closed:this.collapsed},type:"button","aria-labelledby":`ix-blind-header-title-${this.blindId}`,"aria-controls":`ix-blind-content-section-${this.blindId}`,"aria-expanded":r(!this.collapsed),onClick:()=>this.onHeaderClick()},o("slot",{key:"96c40a71ba13b7b46d7b3148e2d76f6f69878eb6",name:"custom-header"}))),o("section",{key:"8702342c9b1a0c7bf81e753cdc9b88b76addacb3",id:`ix-blind-content-section-${this.blindId}`,"aria-labelledby":`ix-blind-header-title-${this.blindId}`},o("div",{key:"a362c9a6be61160391054fa0cbcb558c0e275a7f",class:{"blind-content":true,hide:this.collapsed}},!this.collapsed?o("slot",null):null)))}get hostElement(){return d(this)}static get watchers(){return{collapsed:["animation"]}}};h.style=s;export{h as ix_blind};
-//# sourceMappingURL=p-5db56877.entry.js.map

package/dist/siemens-ix/p-5db56877.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["blindCss","IxBlindStyle0","sequentialInstanceId","Blind","constructor","hostRef","this","blindId","onHeaderClick","collapsed","collapsedChange","emit","componentDidLoad","animateCollapse","content","hostElement","shadowRoot","querySelector","animation","isCollapsed","rotateChevronRight","rotateChevronDown","anime","targets","chevronRef","duration","easing","rotateZ","opacity","render","h","Host","key","class","variant","name","color","ref","id","label","undefined","Fragment","icon","title","format","bold","sublabel","closed","type","a11yBoolean","onClick","hide"],"sources":["src/components/blind/blind.scss?tag=ix-blind&encapsulation=shadow","src/components/blind/blind.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n@mixin blind($variant: 'insight') {\n  :host(.blind-#{$variant}) {\n    @if $variant == 'outline' {\n      border: solid\n        var(--theme-blind--border-thickness)\n        var(--theme-blind-base--border-color);\n    }\n\n    .blind-header {\n      @if $variant == 'outline' {\n        background-color: var(--theme-color-ghost);\n      } @else {\n        background-color: var(--theme-color-#{$variant});\n      }\n\n      @if $variant == 'insight' or $variant == 'outline' {\n        @include ghost-hover-pressed;\n      } @else {\n        @include hover {\n          background-color: var(--theme-color-#{$variant}--hover);\n        }\n\n        @include active {\n          background-color: var(--theme-color-#{$variant}--active);\n        }\n      }\n    }\n\n    @if $variant == 'insight' or $variant == 'outline' {\n      .blind-header-title-label {\n        color: var(--theme-color-std-text);\n      }\n      .blind-header-title-sublabel {\n        color: var(--theme-color-soft-text);\n      }\n    } @else {\n      .blind-header-title-label,\n      .blind-header-title-sublabel {\n        color: var(--theme-color-#{$variant}--contrast);\n      }\n    }\n\n    @if $variant == 'outline' {\n      border-color: var(--theme-color-soft-bdr);\n    } @else {\n      background-color: var(--theme-blind-base--background);\n    }\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--theme-blind--border-radius);\n  overflow: hidden;\n\n  .blind-header-wrapper {\n    display: block;\n    position: relative;\n    width: 100%;\n    min-height: 3rem;\n    height: 3rem;\n    overflow: hidden;\n  }\n\n  .blind-header-content {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: flex-start;\n\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n\n    pointer-events: none;\n    padding-left: 0.5rem;\n  }\n\n  .blind-header-title {\n    display: flex;\n    position: relative;\n    align-items: center;\n    flex-grow: 1;\n    flex-shrink: 0;\n    margin-right: 1rem;\n  }\n\n  .blind-header {\n    all: unset;\n    @include ellipsis;\n\n    display: block;\n    position: absolute;\n\n    top: 0px;\n    left: 0px;\n\n    pointer-events: all;\n\n    padding-left: 2.5rem;\n    min-height: 3rem;\n    height: 3rem;\n    width: calc(100% - 2 * var(--theme-blind--border-thickness));\n    border: solid var(--theme-blind--border-thickness) transparent;\n    border-radius: var(--theme-blind--border-radius)\n      var(--theme-blind--border-radius) 0 0;\n    cursor: pointer;\n\n    @include focus-visible {\n      border-color: var(--theme-color-focus-bdr);\n      outline: none;\n    }\n  }\n\n  .blind-header-title-icon,\n  .collapse-icon {\n    margin-right: $small-space;\n  }\n\n  .blind-header-title-row {\n    display: flex;\n    flex-grow: 1;\n  }\n\n  .blind-header-title-col {\n    flex-grow: 1;\n    flex-basis: 0;\n    display: inline-flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .blind-header-title-col:not(:first-of-type) {\n    justify-content: flex-end;\n  }\n  ix-typography {\n    flex-grow: 1;\n    @include ellipsis;\n  }\n\n  .blind-header-title-label {\n    @include ellipsis;\n    padding-inline-end: 0.5rem;\n  }\n\n  .blind-header-title-sublabel {\n    @include ellipsis;\n    padding-inline: 0.5rem;\n  }\n\n  .blind-header-title {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n    min-width: 0;\n  }\n\n  .blind-header-labels {\n    display: inline-flex;\n    flex-grow: 1;\n    min-width: 0;\n  }\n\n  .blind-content {\n    display: block;\n    padding: 1rem;\n    transition-property: padding;\n    transition-duration: $default-time;\n    transition-timing-function: ease-in;\n\n    &.hide {\n      max-height: 0;\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n\n  .header-actions {\n    pointer-events: all;\n  }\n}\n\n$blind-variants: (\n  alarm,\n  critical,\n  info,\n  insight,\n  neutral,\n  notification,\n  success,\n  warning,\n  primary,\n  outline\n);\n\n@each $variant in $blind-variants {\n  @include blind($variant);\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  Fragment,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { CardVariant } from '../card/card';\nimport { a11yBoolean } from '../utils/a11y';\n\nexport type BlindVariant = CardVariant | 'outline';\n\nlet sequentialInstanceId = 0;\n\n@Component({\n  tag: 'ix-blind',\n  styleUrl: 'blind.scss',\n  shadow: true,\n})\nexport class Blind {\n  /**\n   * Collapsed state\n   */\n  @Prop({ mutable: true, reflect: true }) collapsed = false;\n\n  /**\n   * Label of blind\n   */\n  @Prop() label: string;\n\n  /**\n   * Secondary label inside blind header\n   * @since 2.0.0\n   */\n  @Prop() sublabel: string;\n\n  /**\n   * Optional icon to be displayed next to the header label\n   * @since 1.5.0\n   */\n  @Prop() icon: string;\n\n  /**\n   * Blind variant\n   * @since 2.0.0\n   */\n  @Prop() variant: BlindVariant = 'insight';\n\n  /**\n   * Collapsed state changed\n   */\n  @Event() collapsedChange: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxBlindElement;\n\n  private chevronRef: HTMLElement;\n  private blindId = ++sequentialInstanceId;\n\n  constructor() {}\n\n  private onHeaderClick() {\n    this.collapsed = !this.collapsed;\n    this.collapsedChange.emit(this.collapsed);\n  }\n\n  componentDidLoad() {\n    this.animateCollapse(this.collapsed);\n  }\n\n  get content() {\n    return this.hostElement.shadowRoot.querySelector('.blind-content');\n  }\n\n  @Watch('collapsed')\n  animation(isCollapsed: boolean) {\n    this.animateCollapse(isCollapsed);\n  }\n\n  private animateCollapse(isCollapsed: boolean) {\n    if (isCollapsed) {\n      this.rotateChevronRight();\n    } else {\n      this.rotateChevronDown();\n    }\n  }\n\n  private rotateChevronDown() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 90,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 1,\n    });\n  }\n\n  private rotateChevronRight() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 0,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 0,\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`blind-${this.variant}`]: true,\n        }}\n      >\n        <div class={'blind-header-wrapper'}>\n          <div class={'blind-header-content'}>\n            <ix-icon\n              class=\"collapse-icon\"\n              name={'chevron-right-small'}\n              color={\n                this.variant === 'insight' || this.variant === 'outline'\n                  ? 'color-primary'\n                  : `color-${this.variant}--contrast`\n              }\n              ref={(ref) => (this.chevronRef = ref)}\n            ></ix-icon>\n            <div\n              class=\"blind-header-title\"\n              id={`ix-blind-header-title-${this.blindId}`}\n            >\n              {this.label !== undefined ? (\n                <Fragment>\n                  {this.icon && (\n                    <ix-icon\n                      class=\"blind-header-title-icon\"\n                      name={this.icon}\n                      color={\n                        this.variant === 'insight' || this.variant === 'outline'\n                          ? 'color-std-text'\n                          : `color-${this.variant}--contrast`\n                      }\n                    ></ix-icon>\n                  )}\n                  <div class={'blind-header-title-row'}>\n                    <div class=\"blind-header-title-col\">\n                      <ix-typography title={this.label} format=\"label-lg\" bold>\n                        <div\n                          class=\"blind-header-title-label\"\n                          title={this.label}\n                        >\n                          {this.label}\n                        </div>\n                      </ix-typography>\n                    </div>\n\n                    {this.sublabel && (\n                      <div class=\"blind-header-title-col\">\n                        <ix-typography title={this.sublabel}>\n                          <div class=\"blind-header-title-sublabel\">\n                            {this.sublabel}\n                          </div>\n                        </ix-typography>\n                      </div>\n                    )}\n                  </div>\n                  <div class=\"header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                  </div>\n                </Fragment>\n              ) : null}\n            </div>\n          </div>\n\n          <button\n            class={{\n              'blind-header': true,\n              [`blind-${this.variant}`]: true,\n              closed: this.collapsed,\n            }}\n            type=\"button\"\n            aria-labelledby={`ix-blind-header-title-${this.blindId}`}\n            aria-controls={`ix-blind-content-section-${this.blindId}`}\n            aria-expanded={a11yBoolean(!this.collapsed)}\n            onClick={() => this.onHeaderClick()}\n          >\n            <slot name=\"custom-header\"></slot>\n          </button>\n        </div>\n        <section\n          id={`ix-blind-content-section-${this.blindId}`}\n          aria-labelledby={`ix-blind-header-title-${this.blindId}`}\n        >\n          <div\n            class={{\n              'blind-content': true,\n              hide: this.collapsed,\n            }}\n          >\n            {!this.collapsed ? <slot></slot> : null}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0IAAA,MAAMA,EAAW,4vUACjB,MAAAC,EAAeD,ECyBf,IAAIE,EAAuB,E,MAOdC,EAAK,MAuChB,WAAAC,CAAAC,G,2DAFQC,KAAAC,UAAYL,E,eAjCgC,M,8EAuBpB,S,CAcxB,aAAAM,GACNF,KAAKG,WAAaH,KAAKG,UACvBH,KAAKI,gBAAgBC,KAAKL,KAAKG,U,CAGjC,gBAAAG,GACEN,KAAKO,gBAAgBP,KAAKG,U,CAG5B,WAAIK,GACF,OAAOR,KAAKS,YAAYC,WAAWC,cAAc,iB,CAInD,SAAAC,CAAUC,GACRb,KAAKO,gBAAgBM,E,CAGf,eAAAN,CAAgBM,GACtB,GAAIA,EAAa,CACfb,KAAKc,oB,KACA,CACLd,KAAKe,mB,EAID,iBAAAA,GACNC,EAAM,CACJC,QAASjB,KAAKkB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,KAEXL,EAAM,CACJC,QAASjB,KAAKQ,QACdW,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAIL,kBAAAR,GACNE,EAAM,CACJC,QAASjB,KAAKkB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,IAEXL,EAAM,CACJC,QAASjB,KAAKQ,QACdW,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,SAAS3B,KAAK4B,WAAY,OAG7BJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,wBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,wBACVH,EAAA,WAAAE,IAAA,2CACEC,MAAM,gBACNE,KAAM,sBACNC,MACE9B,KAAK4B,UAAY,WAAa5B,KAAK4B,UAAY,UAC3C,gBACA,SAAS5B,KAAK4B,oBAEpBG,IAAMA,GAAS/B,KAAKkB,WAAaa,IAEnCP,EAAA,OAAAE,IAAA,2CACEC,MAAM,qBACNK,GAAI,yBAAyBhC,KAAKC,WAEjCD,KAAKiC,QAAUC,UACdV,EAACW,EAAQ,KACNnC,KAAKoC,MACJZ,EAAA,WACEG,MAAM,0BACNE,KAAM7B,KAAKoC,KACXN,MACE9B,KAAK4B,UAAY,WAAa5B,KAAK4B,UAAY,UAC3C,iBACA,SAAS5B,KAAK4B,sBAIxBJ,EAAA,OAAKG,MAAO,0BACVH,EAAA,OAAKG,MAAM,0BACTH,EAAA,iBAAea,MAAOrC,KAAKiC,MAAOK,OAAO,WAAWC,KAAI,MACtDf,EAAA,OACEG,MAAM,2BACNU,MAAOrC,KAAKiC,OAEXjC,KAAKiC,SAKXjC,KAAKwC,UACJhB,EAAA,OAAKG,MAAM,0BACTH,EAAA,iBAAea,MAAOrC,KAAKwC,UACzBhB,EAAA,OAAKG,MAAM,+BACR3B,KAAKwC,aAMhBhB,EAAA,OAAKG,MAAM,kBACTH,EAAA,QAAMK,KAAK,qBAGb,OAIRL,EAAA,UAAAE,IAAA,2CACEC,MAAO,CACL,eAAgB,KAChB,CAAC,SAAS3B,KAAK4B,WAAY,KAC3Ba,OAAQzC,KAAKG,WAEfuC,KAAK,SAAQ,kBACI,yBAAyB1C,KAAKC,UAAS,gBACzC,4BAA4BD,KAAKC,UAAS,gBAC1C0C,GAAa3C,KAAKG,WACjCyC,QAAS,IAAM5C,KAAKE,iBAEpBsB,EAAA,QAAAE,IAAA,2CAAMG,KAAK,oBAGfL,EAAA,WAAAE,IAAA,2CACEM,GAAI,4BAA4BhC,KAAKC,UAAS,kBAC7B,yBAAyBD,KAAKC,WAE/CuB,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,gBAAiB,KACjBkB,KAAM7C,KAAKG,aAGXH,KAAKG,UAAYqB,EAAA,aAAgB,O"}

package/dist/siemens-ix/p-7b9c848c.entry.js

@@ -1,2 +0,0 @@
-export{a as ix_menu_settings}from"./p-657fc30d.js";import"./p-a9cf5eb2.js";
-//# sourceMappingURL=p-7b9c848c.entry.js.map

package/dist/siemens-ix/p-8b1e1c0b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as r,g as o}from"./p-a9cf5eb2.js";import{c as i}from"./p-e898862b.js";const a=":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 .steps{display:flex}:host .steps.vertical{display:block}";const c=a;const h=class{constructor(s){t(this,s);this.stepSelected=e(this,"stepSelected",7);this.vertical=false;this.clickable=false;this.selectedIndex=0}getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}updateSteps(){let t=this.getSteps();t.forEach(((e,s)=>{e.vertical=this.vertical;e.clickable=this.clickable;e.selected=this.selectedIndex===s;if(t.length===1){e.position="single";return}if(s===0){e.position="first"}else if(s===t.length-1){e.position="last"}else{e.position="undefined"}}))}onStepSelectionChanged(t){const e=t.detail;const s=this.getSteps();const r=s.findIndex((t=>t===e));const o=this.stepSelected.emit(r);if(o.defaultPrevented){return}s.forEach(((t,e)=>{t.selected=e===r}))}componentDidLoad(){this.observer=i((t=>{for(let e of t){if(e.type==="childList"){this.updateSteps()}}}));this.observer.observe(this.hostElement,{childList:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}componentDidRender(){this.updateSteps()}render(){return s(r,{key:"f3481824d8a2c85196cdd16b357091ae9698d1fb"},s("div",{key:"217e89701b5ebade3ce13cc7ebfe60a86743c899",class:{steps:true,vertical:this.vertical}},s("slot",{key:"e97f0b312155aa5881b33c913d3b93e1e4f8292e"})))}get hostElement(){return o(this)}};h.style=c;export{h as ix_workflow_steps};
-//# sourceMappingURL=p-8b1e1c0b.entry.js.map

package/dist/siemens-ix/p-8b7c8f71.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as s}from"./p-a9cf5eb2.js";const c=":host{display:block}";const n=c;const i=class{constructor(a){e(this,a);this.labelChange=t(this,"labelChange",7);this.label=undefined}watchLabel(e,t){this.labelChange.emit({name:"ix-menu-settings-item",oldLabel:t,newLabel:e})}render(){return a(s,{key:"ece4d8e415ca694383a7a2e3bd55733e43521143"},a("slot",{key:"3da9723abce35580aa1d6382ff936887a538fe9e"}))}static get watchers(){return{label:["watchLabel"]}}};i.style=n;export{i as ix_menu_settings_item};
-//# sourceMappingURL=p-8b7c8f71.entry.js.map

package/dist/siemens-ix/p-97b19267.js

@@ -1,2 +0,0 @@
-import{h as t}from"./p-a9cf5eb2.js";import{B as e}from"./p-ad01ee70.js";function o(o){return t(e,Object.assign({},o,{type:"button"}))}export{o as B};
-//# sourceMappingURL=p-97b19267.js.map

package/dist/siemens-ix/p-98b3368c.js

@@ -1,2 +0,0 @@
-import"./p-46a6cd9d.js";import{b as t}from"./p-2679a484.js";async function o(o){const c=document.createElement("ix-application-switch-modal");c.config=o;const a=await t({content:c,size:"840",closeOnBackdropClick:true});const i=a.htmlElement.querySelector("ix-application-switch-modal");return t=>{i.config=t}}export{o as s};
-//# sourceMappingURL=p-98b3368c.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as s}from"./p-a9cf5eb2.js";import{a as o,c as r,s as a,o as n,b as l,f as c}from"./p-00df4a8c.js";import{O as h}from"./p-06ac510a.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`:"";let b=0;const m=class{constructor(e){t(this,e);this.id=++b;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}),c({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))}updateAriaDescribedBy(t,e){const i=t.getAttribute("aria-describedby");if((i===null||i===void 0?void 0:i.indexOf(e))!=-1){return}const s=`${i} ${e}`;t.setAttribute("aria-describedby",s)}getTooltipId(){return this.hostElement.id||"ix-tooltip-"+this.id}registerTriggerListener(){const t=this.queryAnchorElements();t.forEach((t=>{t.addEventListener("mouseenter",this.onEnterElementBind);t.addEventListener("mouseleave",this.onLeaveElementBind);t.addEventListener("focusin",this.onEnterElementBind);t.addEventListener("focusout",this.onLeaveElementBind);this.updateAriaDescribedBy(t,this.getTooltipId())}))}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:"880b3df938f04b1f5c1ff4c9f048cc699ee8ec76",class:{visible:this.visible},id:this.getTooltipId(),role:"tooltip"},e("div",{key:"96ba08a6f141815be165b4917bc4fffde3d160b4",class:"tooltip-title"},e("slot",{key:"28121179a33c5720f3095ab42a7cc5c2b4522250",name:"title-icon"}),e("ix-typography",{key:"dba156abc4e07032f7329ff083e89df41126d1a7",variant:"default-title"},this.titleContent,e("slot",{key:"514c22948dc96e8d16b12e390ce57dee32d17491",name:"title-content"}))),e("div",{key:"2d88d2f84e42bac7284cb7cc84ea9e6554034bbd",class:t},e("slot",{key:"bb79e6141a6749c171b892552d74931414ef5daf"})),e("div",{key:"2a29893e37cfbb8749f02833ee7edd45dd449a4d",class:"arrow"}))}get hostElement(){return s(this)}};u([h("keydown",(t=>t.visible))],m.prototype,"onKeydown",null);m.style=f;export{m as ix_tooltip};
-//# sourceMappingURL=p-a2bb9a69.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipCss","IxTooltipStyle0","numberToPixel","value","sequentialInstanceId","Tooltip","this","id","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","updateAriaDescribedBy","describedBy","oldDescribedBy","getAttribute","indexOf","newDescribedBy","setAttribute","getTooltipId","registerTriggerListener","elements","forEach","addEventListener","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\nlet sequentialInstanceId = 0;\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n *\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for: 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 id = ++sequentialInstanceId;\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 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 updateAriaDescribedBy(element: Element, describedBy: string) {\n    const oldDescribedBy = element.getAttribute('aria-describedby');\n\n    if (oldDescribedBy?.indexOf(describedBy) != -1) {\n      return;\n    }\n\n    const newDescribedBy = `${oldDescribedBy} ${describedBy}`;\n    element.setAttribute('aria-describedby', newDescribedBy);\n  }\n\n  private getTooltipId() {\n    return this.hostElement.id || 'ix-tooltip-' + this.id;\n  }\n\n  private registerTriggerListener() {\n    const elements = this.queryAnchorElements();\n    elements.forEach((e) => {\n      e.addEventListener('mouseenter', this.onEnterElementBind);\n      e.addEventListener('mouseleave', this.onLeaveElementBind);\n      e.addEventListener('focusin', this.onEnterElementBind);\n      e.addEventListener('focusout', this.onLeaveElementBind);\n      this.updateAriaDescribedBy(e, this.getTooltipId());\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        id={this.getTooltipId()}\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,GAEzE,IAAIC,EAAuB,E,MAadC,EAAO,M,yBA+BVC,KAAAC,KAAOH,EAGPE,KAAAE,mBAAqBF,KAAKG,cAAcC,KAAKJ,MAC7CA,KAAAK,mBAAqBL,KAAKM,cAAcF,KAAKJ,MAE7CA,KAAAO,qBAAuB,G,gEAvBT,M,eAQmC,M,oBAGhC,M,aAEN,K,CAYnB,gBAAYC,GACV,OAAOR,KAAKS,YAAYC,WAAWC,cAAc,S,CAG3C,iBAAAC,GACN,GAAIZ,KAAKa,oBAAsBC,UAAW,CACxCd,KAAKa,mB,EAID,aAAAV,CAAcY,GACpBf,KAAKgB,YAAYD,EAAEE,O,CAGb,aAAAX,GACNN,KAAKkB,a,CAKP,iBAAMF,CAAYG,GAChBC,aAAapB,KAAKqB,0BACZrB,KAAKsB,uBAAuBH,GAClCnB,KAAKuB,QAAU,I,CAKjB,iBAAML,GACJlB,KAAKqB,mBAAqBG,YAAW,KACnCxB,KAAKuB,QAAU,KAAK,GACnBvB,KAAKO,sBACRP,KAAKY,mB,CAGC,oBAAAa,EAAqBC,UAC3BA,EAASC,eACTA,IAEA,IAAIC,EAAEA,EAACC,EAAEA,GAAMF,EAAeG,MAE9B,GAAIJ,EAAUK,WAAW,OAAQ,CAC/B,MAAO,CACLC,KAAMpC,EAAcgC,GACpBK,IAAKrC,EAAciC,G,CAIvB,GAAIH,EAAUK,WAAW,SAAU,CACjC,MAAO,CACLC,KAAMpC,GAAe,GACrBqC,IAAKrC,EAAciC,G,CAIvB,GAAIH,EAAUK,WAAW,UAAW,CAClC,MAAO,CACLC,KAAMpC,EAAcgC,GACpBK,IAAKrC,GAAe,G,CAIxB,GAAI8B,EAAUK,WAAW,QAAS,CAChC,MAAO,CACLG,MAAOtC,GAAe,GACtBqC,IAAKrC,EAAciC,G,EAKjB,4BAAMP,CAAuBL,GACnC,IAAKA,EAAQ,CACX,M,CAGF,OAAO,IAAIkB,SAAeC,IACxBpC,KAAKa,kBAAoBwB,EACvBpB,EACAjB,KAAKS,aACL6B,UACEd,YAAWc,UACT,MAAMC,QAAwBC,EAC5BvB,EACAjB,KAAKS,YACL,CACEgC,SAAU,QACVf,UAAW1B,KAAK0B,UAChBgB,WAAY,CACVC,IACAC,EAAO,GACPd,EAAM,CACJe,QAAS7C,KAAKQ,eAEhBsC,EAAK,CACHC,iBAAkB,mBAClBC,QAAS,QAMjB,GAAIT,EAAgBZ,eAAeG,MAAO,CACxC,MAAMmB,EAAgBjD,KAAKyB,qBAAqBc,GAChDW,OAAOC,OAAOnD,KAAKQ,aAAa4C,MAAOH,E,CAGzC,MAAMrB,EAAEA,EAACC,EAAEA,GAAMU,EACjBW,OAAOC,OAAOnD,KAAKS,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,eAAgBxD,KAAKwD,gBAExB,G,CAIG,gBAAAC,GACN,GAAIzD,KAAK0D,YAAa,CACpBtC,aAAapB,KAAKqB,mB,EAId,mBAAAsC,GACN,OAAOC,MAAMC,KAAKC,SAASC,iBAAiB/D,KAAKgE,K,CAG3C,qBAAAC,CAAsBpB,EAAkBqB,GAC9C,MAAMC,EAAiBtB,EAAQuB,aAAa,oBAE5C,IAAID,IAAc,MAAdA,SAAc,SAAdA,EAAgBE,QAAQH,MAAiB,EAAG,CAC9C,M,CAGF,MAAMI,EAAiB,GAAGH,KAAkBD,IAC5CrB,EAAQ0B,aAAa,mBAAoBD,E,CAGnC,YAAAE,GACN,OAAOxE,KAAKS,YAAYR,IAAM,cAAgBD,KAAKC,E,CAG7C,uBAAAwE,GACN,MAAMC,EAAW1E,KAAK2D,sBACtBe,EAASC,SAAS5D,IAChBA,EAAE6D,iBAAiB,aAAc5E,KAAKE,oBACtCa,EAAE6D,iBAAiB,aAAc5E,KAAKK,oBACtCU,EAAE6D,iBAAiB,UAAW5E,KAAKE,oBACnCa,EAAE6D,iBAAiB,WAAY5E,KAAKK,oBACpCL,KAAKiE,sBAAsBlD,EAAGf,KAAKwE,eAAe,G,CAI9C,uBAAAK,GACN,MAAMpE,YAAEA,GAAgBT,KACxBS,EAAYmE,iBAAiB,cAAc,IAAM5E,KAAKyD,qBACtDhD,EAAYmE,iBAAiB,WAAW,IAAM5E,KAAKyD,qBACnDhD,EAAYmE,iBAAiB,cAAc,IAAM5E,KAAKM,kBACtDG,EAAYmE,iBAAiB,YAAY,IAAM5E,KAAKM,iB,CAItD,eAAMwE,CAAUC,GACd,GAAIA,EAAMC,OAAS,SAAU,CAC3BhF,KAAKM,e,EAIT,iBAAA2E,GACEjF,KAAKyE,yB,CAGP,gBAAAS,GACE,GAAIlF,KAAK0D,YAAa,CACpB1D,KAAKO,qBAAuB,G,CAG9BP,KAAKmF,SAAW,IAAIC,kBAAiB,KACnCpF,KAAKyE,yBAAyB,IAGhCzE,KAAKmF,SAASE,QAAQvB,SAASwB,KAAM,CACnCC,WAAY,KACZC,gBAAiB,CAAC,mBAClBC,UAAW,KACXC,QAAS,OAGX1F,KAAK6E,yB,CAGP,oBAAAc,G,OACEC,EAAA5F,KAAKmF,YAAQ,MAAAS,SAAA,SAAAA,EAAEC,aACf7F,KAAKY,mB,CAGP,MAAAkF,GACE,MAAMC,EAAsB,CAC1B,kBAAmB,MAGrB,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL5E,QAASvB,KAAKuB,SAEhBtB,GAAID,KAAKwE,eACT4B,KAAK,WAELJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,iBACVH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eACXL,EAAA,iBAAAE,IAAA,2CAAeI,QAAQ,iBACpBtG,KAAKuG,aACNP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,oBAGfL,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACVC,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,U,oCAzDXK,EAAA,CADLC,EAAoB,WAAYC,GAASA,EAAKnF,W"}

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

@@ -1,3 +0,0 @@
-const t="siemens-ix";let e;let n;let s=false;let o=false;const l=(t,e="")=>{{return()=>{}}};const i=(t,e)=>{{return()=>{}}};const c="{visibility:hidden}.hydrated{visibility:inherit}";const f="slot-fb{display:contents}slot-fb[hidden]{display:none}";const r="http://www.w3.org/1999/xlink";const u={};const a="http://www.w3.org/2000/svg";const d="http://www.w3.org/1999/xhtml";const v=t=>t!=null;const h=t=>{t=typeof t;return t==="object"||t==="function"};function p(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,e,...n)=>{let s=null;let o=null;let l=false;let i=false;const c=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!h(s)){s=String(s)}if(l&&i){c[c.length-1].t+=s}else{c.push(l?b(null,s):s)}i=l}}};f(n);if(e){if(e.key){o=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,c,g)}const r=b(t,null);r.o=e;if(c.length>0){r.l=c}{r.i=o}return r};const b=(t,e)=>{const n={u:0,v:t,t:e,h:null,l:null};{n.o=null}{n.i=null}return n};const m={};const w=t=>t&&t.v===m;const g={forEach:(t,e)=>t.map($).forEach(e),map:(t,e)=>t.map($).map(e).map(j)};const $=t=>({vattrs:t.o,vchildren:t.l,vkey:t.i,vname:t.p,vtag:t.v,vtext:t.t});const j=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return y(t.vtag,e,...t.vchildren||[])}const e=b(t.vtag,t.vtext);e.o=t.vattrs;e.l=t.vchildren;e.i=t.vkey;e.p=t.vname;return e};const O=(t,e)=>{if(t!=null&&!h(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const S=t=>xt(t).$hostElement$;const k=(t,e,n)=>{const s=S(t);return{emit:t=>C(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const C=(t,e,n)=>{const s=Ft.ce(e,n);t.dispatchEvent(s);return s};const x=new WeakMap;const M=(t,e,n)=>{let s=Lt.get(t);if(Dt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Lt.set(t,s)};const E=(t,e,n)=>{var s;const o=P(e);const l=Lt.get(o);t=t.nodeType===11?t:Wt;if(l){if(typeof l==="string"){t=t.head||t;let n=x.get(t);let i;if(!n){x.set(t,n=new Set)}if(!n.has(o)){{i=Wt.createElement("style");i.innerHTML=l;const e=(s=Ft.m)!==null&&s!==void 0?s:p(Wt);if(e!=null){i.setAttribute("nonce",e)}t.insertBefore(i,t.querySelector("link"))}if(e.u&4){i.innerHTML+=f}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const N=t=>{const e=t.$;const n=t.$hostElement$;const s=e.u;const o=l("attachStyles",e.j);const i=E(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=i;n.classList.add(i+"-h");if(s&2){n.classList.add(i+"-s")}}o()};const P=(t,e)=>"sc-"+t.j;const R=(t,e,n,s,o,l)=>{if(n!==s){let i=Nt(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const o=L(n);const l=L(s);e.remove(...o.filter((t=>t&&!l.includes(t))));e.add(...l.filter((t=>t&&!o.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Nt(Ut,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n||s){const o=e.endsWith(U);e=e.replace(W,"");if(n){Ft.rel(t,e,n,o)}if(s){Ft.ael(t,e,s,o)}}}else{const f=h(s);if((i||f&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=o){t[e]=o}}else{t[e]=s}}catch(t){}}let u=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;u=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(u){t.removeAttributeNS(r,e)}else{t.removeAttribute(e)}}}else if((!i||l&4||o)&&!f){s=s===true?"":s;if(u){t.setAttributeNS(r,e,s)}else{t.setAttribute(e,s)}}}}};const A=/\s/;const L=t=>!t?[]:t.split(A);const U="Capture";const W=new RegExp(U+"$");const F=(t,e,n,s)=>{const o=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const l=t&&t.o||u;const i=e.o||u;{for(s in l){if(!(s in i)){R(o,s,l[s],undefined,n,e.u)}}}for(s in i){R(o,s,l[s],i[s],n,e.u)}};const T=(t,o,l,i)=>{const c=o.l[l];let f=0;let r;let u;if(c.t!==null){r=c.h=Wt.createTextNode(c.t)}else{if(!s){s=c.v==="svg"}r=c.h=Wt.createElementNS(s?a:d,c.v);if(s&&c.v==="foreignObject"){s=false}{F(null,c,s)}if(v(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(c.l){for(f=0;f<c.l.length;++f){u=T(t,c,f);if(u){r.appendChild(u)}}}{if(c.v==="svg"){s=false}else if(r.tagName==="foreignObject"){s=true}}}r["s-hn"]=n;return r};const _=(t,e,s,o,l,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===n){c=c.shadowRoot}for(;l<=i;++l){if(o[l]){f=T(null,s,l);if(f){o[l].h=f;c.insertBefore(f,e)}}}};const D=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;z(e);if(t){t.remove()}}}};const H=(t,e,n,s,o=false)=>{let l=0;let i=0;let c=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let v=s[0];let h=s[d];let p;let y;while(l<=r&&i<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(v==null){v=s[++i]}else if(h==null){h=s[--d]}else if(q(u,v,o)){I(u,v,o);u=e[++l];v=s[++i]}else if(q(a,h,o)){I(a,h,o);a=e[--r];h=s[--d]}else if(q(u,h,o)){I(u,h,o);t.insertBefore(u.h,a.h.nextSibling);u=e[++l];h=s[--d]}else if(q(a,v,o)){I(a,v,o);t.insertBefore(a.h,u.h);a=e[--r];v=s[++i]}else{c=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===v.i){c=f;break}}}if(c>=0){y=e[c];if(y.v!==v.v){p=T(e&&e[i],n,c)}else{I(y,v,o);e[c]=undefined;p=y.h}v=s[++i]}else{p=T(e&&e[i],n,i);v=s[++i]}if(p){{u.h.parentNode.insertBefore(p,u.h)}}}}if(l>r){_(t,s[d+1]==null?null:s[d+1].h,n,s,i,d)}else if(i>d){D(e,l,r)}};const q=(t,e,n=false)=>{if(t.v===e.v){if(!n){return t.i===e.i}return true}return false};const I=(t,e,n=false)=>{const o=e.h=t.h;const l=t.l;const i=e.l;const c=e.v;const f=e.t;if(f===null){{s=c==="svg"?true:c==="foreignObject"?false:s}{if(c==="slot");else{F(t,e,s)}}if(l!==null&&i!==null){H(o,l,e,i,n)}else if(i!==null){if(t.t!==null){o.textContent=""}_(o,null,e,i,0,i.length-1)}else if(l!==null){D(l,0,l.length-1)}if(s&&c==="svg"){s=false}}else if(t.t!==f){o.data=f}};const V=t=>{const e=t.childNodes;for(const t of e){if(t.nodeType===1){if(t["s-sr"]){const n=t["s-sn"];t.hidden=false;for(const s of e){if(s!==t){if(s["s-hn"]!==t["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){t.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){t.hidden=true;break}}}}}V(t)}}};const z=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(z)}};const B=(t,s,o=false)=>{const l=t.$hostElement$;const i=t.$;const c=t.O||b(null,null);const f=w(s)?s:y(null,null,s);n=l.tagName;if(i.S){f.o=f.o||{};i.S.map((([t,e])=>f.o[e]=l[t]))}if(o&&f.o){for(const t of Object.keys(f.o)){if(l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.o[t]=l[t]}}}f.v=null;f.u|=4;t.O=f;f.h=c.h=l.shadowRoot||l;{e=l["s-sc"]}I(c,f,o)};const G=(t,e)=>{if(e&&!t.k&&e["s-p"]){e["s-p"].push(new Promise((e=>t.k=e)))}};const J=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}G(t,t.C);const n=()=>K(t,e);return Jt(n)};const K=(t,e)=>{const n=l("scheduleUpdate",t.$.j);const s=t.M;let o;if(e){{t.u|=256;if(t.N){t.N.map((([t,e])=>st(s,t,e)));t.N=undefined}}{o=st(s,"componentWillLoad")}}{o=Q(o,(()=>st(s,"componentWillRender")))}n();return Q(o,(()=>Y(t,s,e)))};const Q=(t,e)=>X(t)?t.then(e):e();const X=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const Y=async(t,e,n)=>{var s;const o=t.$hostElement$;const i=l("update",t.$.j);const c=o["s-rc"];if(n){N(t)}const f=l("render",t.$.j);{Z(t,e,o,n)}if(c){c.map((t=>t()));o["s-rc"]=undefined}f();i();{const e=(s=o["s-p"])!==null&&s!==void 0?s:[];const n=()=>tt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const Z=(t,e,n,s)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{B(t,e,s)}}}}catch(e){Pt(e,t.$hostElement$)}return null};const tt=t=>{const e=t.$.j;const n=t.$hostElement$;const s=l("postUpdate",e);const o=t.M;const i=t.C;{st(o,"componentDidRender")}if(!(t.u&64)){t.u|=64;{ot(n)}{st(o,"componentDidLoad")}s();{t.P(n);if(!i){nt()}}}else{s()}{t.R(n)}{if(t.k){t.k();t.k=undefined}if(t.u&512){Bt((()=>J(t,false)))}t.u&=~(4|512)}};const et=t=>{{const e=xt(t);const n=e.$hostElement$.isConnected;if(n&&(e.u&(2|16))===2){J(e,false)}return n}};const nt=e=>{{ot(Wt.documentElement)}Bt((()=>C(Ut,"appload",{detail:{namespace:t}})))};const st=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Pt(t)}}return undefined};const ot=t=>t.classList.add("hydrated");const lt=(t,e)=>xt(t).A.get(e);const it=(t,e,n,s)=>{const o=xt(t);const l=o.$hostElement$;const i=o.A.get(e);const c=o.u;const f=o.M;n=O(n,s.L[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){o.A.set(e,n);if(f){if(s.U&&c&128){const t=s.U[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){Pt(t,l)}}))}}if((c&(2|16))===2){J(o,false)}}}};const ct=(t,e,n)=>{var s;const o=t.prototype;if(e.L){if(t.watchers){e.U=t.watchers}const l=Object.entries(e.L);l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return lt(this,t)},set(n){it(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){var n;const s=xt(this);return(n=s===null||s===void 0?void 0:s.W)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.M)===null||n===void 0?void 0:n[t](...e)}))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){Ft.jmp((()=>{var i;const c=n.get(t);if(this.hasOwnProperty(c)){l=this[c];delete this[c]}else if(o.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==l){return}else if(c==null){const n=xt(this);const o=n===null||n===void 0?void 0:n.u;if(o&&!(o&8)&&o&128&&l!==s){const o=n.M;const c=(i=e.U)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[c]=l===null&&typeof this[c]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.U)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{var o;const l=s[1]||t;n.set(l,t);if(s[0]&512){(o=e.S)===null||o===void 0?void 0:o.push([t,l])}return l}))]))}}return t};const ft=async(t,e,n,s)=>{let o;if((e.u&32)===0){e.u|=32;{o=At(n);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{n.U=o.watchers}ct(o,n,2);o.isProxied=true}const t=l("createInstance",n.j);{e.u|=8}try{new o(e)}catch(t){Pt(t)}{e.u&=~8}{e.u|=128}t();rt(e.M)}if(o.style){let t=o.style;const e=P(n);if(!Lt.has(e)){const s=l("registerStyles",n.j);M(e,t,!!(n.u&1));s()}}}const c=e.C;const f=()=>J(e,true);if(c&&c["s-rc"]){c["s-rc"].push(f)}else{f()}};const rt=t=>{{st(t,"connectedCallback")}};const ut=t=>{if((Ft.u&1)===0){const e=xt(t);const n=e.$;const s=l("connectedCallback",n.j);if(!(e.u&1)){e.u|=1;{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){G(e,e.C=n);break}}}if(n.L){Object.entries(n.L).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ft(t,e,n)}}else{$t(t,e,n.F);if(e===null||e===void 0?void 0:e.M){rt(e.M)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>rt(e.M)))}}s()}};const at=t=>{{st(t,"disconnectedCallback")}};const dt=async t=>{if((Ft.u&1)===0){const e=xt(t);{if(e._){e._.map((t=>t()));e._=undefined}}if(e===null||e===void 0?void 0:e.M){at(e.M)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>at(e.M)))}}};const vt=t=>{t.__appendChild=t.appendChild;t.appendChild=function(t){const e=t["s-sn"]=yt(t);const n=bt(this.childNodes,e);if(n){const s=mt(n,e);const o=s[s.length-1];const l=o.parentNode.insertBefore(t,o.nextSibling);V(this);et(this);return l}return this.__appendChild(t)}};const ht=t=>{const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(t,"__textContent",e);{Object.defineProperty(t,"textContent",{get(){var t;const e=bt(this.childNodes,"");if(((t=e===null||e===void 0?void 0:e.nextSibling)===null||t===void 0?void 0:t.nodeType)===3){return e.nextSibling.textContent}else if(e){return e.textContent}else{return this.__textContent}},set(t){var e;const n=bt(this.childNodes,"");if(((e=n===null||n===void 0?void 0:n.nextSibling)===null||e===void 0?void 0:e.nodeType)===3){n.nextSibling.textContent=t}else if(n){n.textContent=t}else{this.__textContent=t;const e=this["s-cr"];if(e){this.insertBefore(e,this.firstChild)}}}})}};const pt=(t,e)=>{class n extends Array{item(t){return this[t]}}if(e.u&8){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>t.nodeType===1))}});Object.defineProperty(t,"childElementCount",{get(){return t.children.length}});Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if((Ft.u&1)===0&&xt(this).u&2){const e=new n;for(let n=0;n<t.length;n++){const s=t[n]["s-nr"];if(s){e.push(s)}}return e}return n.from(t)}})}};const yt=t=>t["s-sn"]||t.nodeType===1&&t.getAttribute("slot")||"";const bt=(t,e)=>{let n=0;let s;for(;n<t.length;n++){s=t[n];if(s["s-sr"]&&s["s-sn"]===e){return s}s=bt(s.childNodes,e);if(s){return s}}return null};const mt=(t,e)=>{const n=[t];while((t=t.nextSibling)&&t["s-sn"]===e){n.push(t)}return n};const wt=(t,e={})=>{var n;const s=l();const o=[];const i=e.exclude||[];const r=Ut.customElements;const u=Wt.head;const a=u.querySelector("meta[charset]");const d=Wt.createElement("style");const v=[];let h;let y=true;Object.assign(Ft,e);Ft.D=new URL(e.resourcesUrl||"./",Wt.baseURI).href;let b=false;t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],j:e[1],L:e[2],F:e[3]};if(s.u&4){b=true}{s.L=e[2]}{s.F=e[3]}{s.S=[]}{s.U=(n=e[4])!==null&&n!==void 0?n:{}}const l=s.j;const c=class extends HTMLElement{constructor(t){super(t);t=this;Et(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(y){v.push(this)}else{Ft.jmp((()=>ut(this)))}}disconnectedCallback(){Ft.jmp((()=>dt(this)))}componentOnReady(){return xt(this).T}};{{pt(c.prototype,s)}{vt(c.prototype)}if(s.u&2){ht(c.prototype)}}s.H=t[0];if(!i.includes(l)&&!r.get(l)){o.push(l);r.define(l,ct(c,s,1))}}))}));if(b){d.innerHTML+=f}{d.innerHTML+=o+c}if(d.innerHTML.length){d.setAttribute("data-styles","");const t=(n=Ft.m)!==null&&n!==void 0?n:p(Wt);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}y=false;if(v.length){v.map((t=>t.connectedCallback()))}else{{Ft.jmp((()=>h=setTimeout(nt,30)))}}s()};const gt=(t,e)=>e;const $t=(t,e,n,s)=>{if(n){n.map((([n,s,o])=>{const l=Ot(t,n);const i=jt(e,o);const c=St(n);Ft.ael(l,s,i,c);(e._=e._||[]).push((()=>Ft.rel(l,s,i,c)))}))}};const jt=(t,e)=>n=>{try{{if(t.u&256){t.M[e](n)}else{(t.N=t.N||[]).push([e,n])}}}catch(t){Pt(t)}};const Ot=(t,e)=>{if(e&8)return Ut;return t};const St=t=>Tt?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const kt=t=>Ft.m=t;const Ct=new WeakMap;const xt=t=>Ct.get(t);const Mt=(t,e)=>Ct.set(e.M=t,e);const Et=(t,e)=>{const n={u:0,$hostElement$:t,$:e,A:new Map};{n.W=new Promise((t=>n.R=t))}{n.T=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}$t(t,n,e.F);return Ct.set(t,n)};const Nt=(t,e)=>e in t;const Pt=(t,e)=>(0,console.error)(t,e);const Rt=new Map;const At=(t,e,n)=>{const s=t.j.replace(/-/g,"_");const o=t.H;const l=Rt.get(o);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{Rt.set(o,t)}return t[s]}),Pt)};const Lt=new Map;const Ut=typeof window!=="undefined"?window:{};const Wt=Ut.document||{head:{}};const Ft={u:0,D:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Tt=(()=>{let t=false;try{Wt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const _t=t=>Promise.resolve(t);const Dt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Ht=[];const qt=[];const It=(t,e)=>n=>{t.push(n);if(!o){o=true;if(e&&Ft.u&4){Bt(zt)}else{Ft.raf(zt)}}};const Vt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Pt(t)}}t.length=0};const zt=()=>{Vt(Ht);{Vt(qt);if(o=Ht.length>0){Ft.raf(zt)}}};const Bt=t=>_t().then(t);const Gt=It(Ht,false);const Jt=It(qt,true);export{gt as F,m as H,Gt as a,wt as b,k as c,et as f,S as g,y as h,_t as p,Mt as r,kt as s};
-//# sourceMappingURL=p-a9cf5eb2.js.map