@siemens/ix 1.6.3 → 2.0.0-beta.0

package/dist/esm/ix-modal_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"ix-modal.ix-modal-container.entry.js","mappings":"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","names":[],"sources":["./src/components/modal/modal.scss?tag=ix-modal&encapsulation=scoped","./src/components/modal/modal.tsx","./src/components/modal-container/modal-container.scss?tag=ix-modal-container&encapsulation=scoped","./src/components/modal-container/modal-container.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 '~bootstrap/scss/_functions';\n@import '~bootstrap/scss/mixins/_breakpoints.scss';\n@import '~bootstrap/scss/_variables.scss';\n\n@import 'common-variables';\n\n:host {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n\n  .modal {\n    display: flex;\n\n    &.animation {\n      animation: modal-fade $medium-time ease-in-out;\n    }\n\n    &.backdrop {\n      background-color: var(--theme-color-lightbox);\n      backdrop-filter: blur(4px);\n      transition: none;\n\n      &.animation {\n        transition: backdrop-filter $short-time ease-in-out;\n      }\n    }\n\n    .modal-dialog {\n      flex-grow: 1;\n    }\n\n    &.scrollable {\n      .modal-content {\n        max-height: 100%;\n        .modal-body {\n          overflow-y: auto;\n        }\n      }\n    }\n\n    .modal-content {\n      box-shadow: var(--theme-modal--box-shadow);\n      flex-direction: row;\n      background-color: var(--theme-modal--background);\n      border: var(--modal--border-thickness) solid\n        var(--theme-modal--border-color);\n      padding: $large-space;\n      max-height: 100vh;\n      border-radius: var(--theme-default-border-radius);\n\n      .state-icon-container {\n        margin-inline-end: $default-space;\n      }\n\n      .slot-container {\n        flex-grow: 1;\n      }\n    }\n\n    @include media-breakpoint-up(sm) {\n      .modal-dialog:not(.modal-dialog-centered) {\n        margin: 2.5rem auto;\n      }\n    }\n\n    @include media-breakpoint-down(sm) {\n      .modal-dialog {\n        height: 100%;\n        margin: 0;\n\n        .modal-content {\n          height: 100%;\n          border-radius: 0;\n        }\n      }\n    }\n\n    @keyframes modal-fade {\n      from {\n        opacity: 0%;\n      }\n      to {\n        opacity: 100%;\n      }\n    }\n\n    @keyframes slide-down {\n      from {\n        top: -100%;\n      }\n      to {\n        top: 32px;\n      }\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { NotificationColor } from '../utils/notification-color';\n\nlet modalInstanceId = 0;\n\nfunction getNextModalInstanceId() {\n  return `ix-modal-instance-${++modalInstanceId}`;\n}\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  scoped: true,\n})\nexport class Modal {\n  @Element() hostElement: HTMLIxModalElement;\n\n  /**\n   * Should the modal be animtated\n   */\n  @Prop() animation = true;\n\n  /**\n   *\n   */\n  @Prop() ariaDescribedBy: string;\n\n  /**\n   *\n   */\n  @Prop() ariaLabelledBy = 'modal-title';\n\n  /**\n   * Adds a dimming layer to the modal.\n   * This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks).\n   */\n  @Prop() backdrop: boolean | 'static' = true;\n\n  /**\n   * Backdrop class\n   */\n  @Prop() backdropClass: string;\n\n  /**\n   * BeforeDismiss callback\n   */\n  @Prop() beforeDismiss: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * Content of modal\n   */\n  @Prop() content: HTMLElement | string;\n\n  /**\n   * ESC close modal dialog\n   */\n  @Prop() keyboard = true;\n\n  /**\n   * Optional icon displayed next to the title\n   */\n  @Prop() icon: string;\n\n  /**\n   * Color of the header {@see ix-icon}\n   */\n  @Prop() iconColor: NotificationColor = 'color-std-text';\n\n  /**\n   * Modal dialog class\n   */\n  @Prop() modalDialogClass: string;\n\n  /**\n   * Modal scollable\n   */\n  @Prop() scrollable = true;\n\n  /**\n   * Modal size\n   */\n  @Prop() size: 'sm' | 'lg' | 'xl' = 'sm';\n\n  /**\n   * Header title\n   */\n  @Prop() headerTitle: string;\n\n  /**\n   * Window class\n   */\n  @Prop() windowClass: string;\n\n  /**\n   * Modal closed\n   */\n  @Event() closed: EventEmitter;\n\n  /**\n   * Modal dismissed\n   */\n  @Event() dismissed: EventEmitter;\n\n  private modalId = getNextModalInstanceId();\n  private readonly onKeydown = this.handleKeydown.bind(this);\n\n  get modal() {\n    return this.hostElement.querySelector('.modal');\n  }\n\n  get modalDialog() {\n    return this.modal.querySelector('.modal-dialog');\n  }\n\n  get modalContent() {\n    return this.modalDialog.querySelector('.modal-content');\n  }\n\n  get modalBackdrop() {\n    return this.hostElement.querySelector('.backdrop');\n  }\n\n  private slideDown(modal: any) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    anime({\n      targets: modal,\n      duration,\n      opacity: [0, 1],\n      translateY: ['-100%', 0],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideUp(modal: any, completeCallback?: any) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    anime({\n      targets: modal,\n      duration,\n      opacity: [1, 0],\n      translateY: [0, '-100%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onBackdropClick(event: Event) {\n    const target = event.target as Element;\n    if (target.classList.contains('backdrop')) {\n      this.dismiss(event);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.backdrop === 'static') {\n      this.modalBackdrop.addEventListener('click', (event) =>\n        this.onBackdropClick(event)\n      );\n    }\n\n    if (this.backdropClass) {\n      this.modalBackdrop.classList.add(this.backdropClass);\n    }\n\n    if (this.modalDialogClass) {\n      this.modalDialog.classList.add(this.modalDialogClass);\n    }\n\n    if (this.windowClass) {\n      this.modal.classList.add(this.windowClass);\n    }\n\n    if (this.keyboard) {\n      window.addEventListener('keydown', this.onKeydown);\n    }\n\n    this.slideDown(this.modalContent);\n  }\n\n  private handleKeydown(ev: KeyboardEvent) {\n    if (ev.key === 'Escape') {\n      this.dismiss(ev.key);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this.onKeydown);\n  }\n\n  /**\n   * Dismiss modal instance\n   * @param reason\n   */\n  @Method()\n  async dismiss<T = any>(reason?: T) {\n    if (this.beforeDismiss) {\n      const result = await this.beforeDismiss(reason);\n      if (result !== false) {\n        this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n      }\n    } else {\n      this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n    }\n  }\n\n  /**\n   * Close modal\n   * @param result\n   */\n  @Method()\n  async close<T = any>(result: T) {\n    this.slideUp(this.modalContent, () => this.closed.emit(result));\n  }\n\n  render() {\n    return (\n      <Host id={this.modalId}>\n        <div\n          class={{\n            animation: this.animation,\n            modal: true,\n            backdrop: this.backdrop === 'static' || this.backdrop,\n            'align-items-center': this.centered,\n            scrollable: this.scrollable,\n          }}\n          aria-describedby={this.ariaDescribedBy}\n          aria-labelledby={this.ariaLabelledBy}\n        >\n          <div\n            class={{\n              'modal-dialog': true,\n              'modal-sm': this.size === 'sm',\n              'modal-lg': this.size === 'lg',\n              'modal-xl': this.size === 'xl',\n            }}\n          >\n            <div class=\"modal-content\">\n              {this.icon === undefined || this.icon === '' ? (\n                ''\n              ) : (\n                <div class=\"state-icon-container\">\n                  <ix-icon\n                    name={this.icon}\n                    size=\"32\"\n                    color={this.iconColor}\n                  ></ix-icon>\n                </div>\n              )}\n              <div class=\"slot-container\">\n                <slot></slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Method } from '@stencil/core';\nimport { ModalConfig, ModalInstance } from '../modal/modal-utils';\nimport { TypedEvent } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-modal-container',\n  styleUrl: 'modal-container.scss',\n  scoped: true,\n})\nexport class ModalContainer {\n  @Element() hostElement: HTMLIxModalContainerElement;\n\n  get modalStack() {\n    return this.hostElement.querySelector(':scope > div.modal-stack');\n  }\n\n  /**\n   * Display modal dialog\n   *\n   * @param config\n   */\n  @Method()\n  async showModal<T = any>(config: ModalConfig<T>): Promise<ModalInstance<T>> {\n    const onClose = new TypedEvent<T>();\n    const onDismiss = new TypedEvent<T>();\n\n    const modal = document.createElement('ix-modal');\n    let { title, content, ...modifiedConfig } = config;\n    Object.assign(modal, { headerTitle: title, ...modifiedConfig });\n\n    if (typeof content === 'string') {\n      const template = document.createElement('template');\n      content = content.trim();\n      template.innerHTML = content;\n      modal.appendChild(template.content.firstChild);\n    } else {\n      modal.appendChild(content);\n    }\n    this.modalStack.appendChild(modal);\n\n    modal.addEventListener('closed', (event: CustomEvent<T>) => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.modalStack.removeChild(modal);\n      onClose.emit(event.detail);\n    });\n    modal.addEventListener('dismissed', (event: CustomEvent<T>) => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.modalStack.removeChild(modal);\n      onDismiss.emit(event.detail);\n    });\n\n    return {\n      htmlElement: modal,\n      onClose,\n      onDismiss,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"modal-stack\"></div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/modal-utils-aecbcba5.js

@@ -1,40 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function getModalContainer() {
-  const containerList = Array.from(document.querySelectorAll('ix-modal-container'));
-  const [container] = containerList;
-  if (containerList.length > 1) {
-    console.warn('Multiple modal containers were found. The one instatiated first will be used.');
-    return container;
-  }
-  if (!container) {
-    const modalContainer = document.createElement('ix-modal-container');
-    document.body.appendChild(modalContainer);
-    return modalContainer;
-  }
-  return container;
-}
-async function modal(config) {
-  const modalContainer = getModalContainer();
-  const modalInstance = await modalContainer.showModal(config);
-  return modalInstance;
-}
-function getIxModal(element) {
-  return element.closest('ix-modal');
-}
-function closeModal(element, closeResult) {
-  getIxModal(element).close(closeResult);
-}
-function dismissModal(element, dismissResult) {
-  getIxModal(element).dismiss(dismissResult);
-}
-
-export { closeModal as c, dismissModal as d, modal as m };
-
-//# sourceMappingURL=modal-utils-aecbcba5.js.map

package/dist/esm/modal-utils-aecbcba5.js.map

@@ -1 +0,0 @@
-{"file":"modal-utils-aecbcba5.js","mappings":"AAAA;;;;;;;;AAsCA,SAAS,iBAAiB;EACxB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAChD,CAAC;EACF,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC;EAClC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5B,OAAO,CAAC,IAAI,CACV,+EAA+E,CAChF,CAAC;IACF,OAAO,SAAS,CAAC;GAClB;EACD,IAAI,CAAC,SAAS,EAAE;IACd,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACpE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAE1C,OAAO,cAAc,CAAC;GACvB;EACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAEM,eAAe,KAAK,CACzB,MAAsB;EAEtB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;EAC3C,MAAM,aAAa,GAAG,MAAM,cAAc,CAAC,SAAS,CAAI,MAAM,CAAC,CAAC;EAEhE,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAS,UAAU,CAAC,OAAgB;EAClC,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC;SAEe,UAAU,CACxB,OAAgB,EAChB,WAAmB;EAEnB,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;SAEe,YAAY,CAAC,OAAgB,EAAE,aAAmB;EAChE,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7C;;;;","names":[],"sources":["./src/components/modal/modal-utils.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { NotificationColor } from '../utils/notification-color';\nimport { TypedEvent } from '../utils/typed-event';\n\nexport interface ModalConfig<TReason = any> {\n  animation?: boolean;\n  ariaDescribedBy?: string;\n  ariaLabelledBy?: string;\n  backdrop?: boolean | 'static';\n  backdropClass?: string;\n  beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n  centered?: boolean;\n  container?: string | HTMLElement;\n  content: string | HTMLElement;\n  keyboard?: boolean;\n  modalDialogClass?: string;\n  scrollable?: boolean;\n  size?: 'sm' | 'lg' | 'xl';\n  title: string;\n  windowClass?: string;\n  icon?: string;\n  iconColor?: NotificationColor;\n}\n\nexport interface ModalInstance<TReason = any> {\n  htmlElement: HTMLIxModalElement;\n  onClose: TypedEvent<TReason>;\n  onDismiss: TypedEvent<TReason>;\n}\n\nfunction getModalContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-modal-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple modal containers were found. The one instatiated first will be used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const modalContainer = document.createElement('ix-modal-container');\n    document.body.appendChild(modalContainer);\n\n    return modalContainer;\n  }\n  return container;\n}\n\nexport async function modal<T = any>(\n  config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n  const modalContainer = getModalContainer();\n  const modalInstance = await modalContainer.showModal<T>(config);\n\n  return modalInstance;\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  getIxModal(element).close(closeResult);\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n  getIxModal(element).dismiss(dismissResult);\n}\n"],"version":3}

package/dist/esm/service-fc436c5b.js

@@ -1,73 +0,0 @@
-import { T as TypedEvent } from './typed-event-a230184a.js';
-
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const mobileMediaQuery = `only screen and (max-width: 767px)`;
-const createMediaQueryListener = (query, callback) => {
-  const fn = (event) => {
-    callback(event);
-  };
-  const listener = window.matchMedia(query);
-  listener.addEventListener('change', fn);
-  return {
-    matchMedia: listener,
-    dispose: () => {
-      listener.removeEventListener('change', fn);
-    },
-  };
-};
-const createModeListener = (modeChangeCallback) => {
-  const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {
-    if (matches) {
-      modeChangeCallback('mobile');
-      return;
-    }
-    modeChangeCallback('desktop');
-  });
-  modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');
-  return {
-    dispose: listener.dispose,
-    matchMedia: listener.matchMedia,
-  };
-};
-
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _ScreenMode_modeChangeListener, _ScreenMode_mode;
-class ScreenMode {
-  constructor() {
-    _ScreenMode_modeChangeListener.set(this, new TypedEvent());
-    _ScreenMode_mode.set(this, 'desktop');
-    createModeListener((mode) => {
-      __classPrivateFieldGet(this, _ScreenMode_modeChangeListener, "f").emit(mode);
-      __classPrivateFieldSet(this, _ScreenMode_mode, mode, "f");
-    });
-  }
-  get mode() {
-    return __classPrivateFieldGet(this, _ScreenMode_mode, "f");
-  }
-  get onChange() {
-    return __classPrivateFieldGet(this, _ScreenMode_modeChangeListener, "f");
-  }
-}
-_ScreenMode_modeChangeListener = new WeakMap(), _ScreenMode_mode = new WeakMap();
-const screenMode = new ScreenMode();
-
-export { screenMode as s };
-
-//# sourceMappingURL=service-fc436c5b.js.map

package/dist/esm/service-fc436c5b.js.map

@@ -1 +0,0 @@
-{"file":"service-fc436c5b.js","mappings":";;AAAA;;;;;;;;AAUA,MAAM,gBAAgB,GAAG,oCAAoC,CAAC;AAOvD,MAAM,wBAAwB,GAAG,CACtC,KAAa,EACb,QAA8C;EAE9C,MAAM,EAAE,GAAG,CAAC,KAA0B;IACpC,QAAQ,CAAC,KAAK,CAAC,CAAC;GACjB,CAAC;EACF,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;EAC1C,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;EAExC,OAAO;IACL,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE;MACP,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;KAC5C;GACF,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAChC,kBAAwC;EAExC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE,OAAO,EAAE;IACtE,IAAI,OAAO,EAAE;MACX,kBAAkB,CAAC,QAAQ,CAAC,CAAC;MAC7B,OAAO;KACR;IAED,kBAAkB,CAAC,SAAS,CAAC,CAAC;GAC/B,CAAC,CAAC;EAEH,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;EACvE,OAAO;IACL,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,UAAU,EAAE,QAAQ,CAAC,UAAU;GAChC,CAAC;AACJ,CAAC;;;;;;;;;;;;;;ACzCD,MAAM,UAAU;EAId;IAHA,yCAAsB,IAAI,UAAU,EAAQ,EAAC;IAC7C,2BAAc,SAAS,EAAC;IAGtB,kBAAkB,CAAC,CAAC,IAAI;MACtB,uBAAA,IAAI,sCAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MACpC,uBAAA,IAAI,oBAAS,IAAI,MAAA,CAAC;KACnB,CAAC,CAAC;GACJ;EAED,IAAI,IAAI;IACN,OAAO,uBAAA,IAAI,wBAAM,CAAC;GACnB;EAED,IAAI,QAAQ;IACV,OAAO,uBAAA,IAAI,sCAAoB,CAAC;GACjC;CACF;;MAEY,UAAU,GAAG,IAAI,UAAU;;;;","names":[],"sources":["./src/components/utils/screen/mode.ts","./src/components/utils/screen/service.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 Mode = 'desktop' | 'mobile';\nconst mobileMediaQuery = `only screen and (max-width: 767px)`;\n\nexport type MediaQueryListener = {\n  matchMedia: MediaQueryList;\n  dispose: () => void;\n};\n\nexport const createMediaQueryListener = (\n  query: string,\n  callback: (event: MediaQueryListEvent) => void\n): MediaQueryListener => {\n  const fn = (event: MediaQueryListEvent) => {\n    callback(event);\n  };\n  const listener = window.matchMedia(query);\n  listener.addEventListener('change', fn);\n\n  return {\n    matchMedia: listener,\n    dispose: () => {\n      listener.removeEventListener('change', fn);\n    },\n  };\n};\n\nexport const createModeListener = (\n  modeChangeCallback: (mode: Mode) => void\n) => {\n  const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {\n    if (matches) {\n      modeChangeCallback('mobile');\n      return;\n    }\n\n    modeChangeCallback('desktop');\n  });\n\n  modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');\n  return {\n    dispose: listener.dispose,\n    matchMedia: listener.matchMedia,\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 { TypedEvent } from '../typed-event';\nimport { createModeListener, Mode } from './mode';\n\nclass ScreenMode {\n  #modeChangeListener = new TypedEvent<Mode>();\n  #mode: Mode = 'desktop';\n\n  constructor() {\n    createModeListener((mode) => {\n      this.#modeChangeListener.emit(mode);\n      this.#mode = mode;\n    });\n  }\n\n  get mode() {\n    return this.#mode;\n  }\n\n  get onChange() {\n    return this.#modeChangeListener;\n  }\n}\n\nexport const screenMode = new ScreenMode();\n"],"version":3}

package/dist/siemens-ix/p-0899258a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,H as r,g as t}from"./p-1c64b073.js";import{g as n}from"./p-5b39e04e.js";const i=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:150ms;padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-btn-primary--background--selected)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover) !important;background-color:var(--theme-btn-primary--background--hover) !important;color:var(--theme-btn-primary--color--hover) !important}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-btn-primary--background--selected-hover);color:var(--theme-btn-primary--color--selected-hover)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active) !important;background-color:var(--theme-btn-primary--background--active) !important;color:var(--theme-btn-primary--color--active) !important}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-btn-primary--background--selected-active);color:var(--theme-btn-primary--color--selected-active)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-btn-outline-primary--background--selected)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover) !important;background-color:var(--theme-btn-outline-primary--background--hover) !important;color:var(--theme-btn-outline-primary--color--hover) !important}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-btn-outline-primary--background--selected-hover);color:var(--theme-btn-outline-primary--color--selected-hover)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active) !important;background-color:var(--theme-btn-outline-primary--background--active) !important;color:var(--theme-btn-outline-primary--color--active) !important}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--selected-active);color:var(--theme-btn-outline-primary--color--selected-active)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-btn-invisible-primary--background--selected)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover) !important;color:var(--theme-btn-invisible-primary--color--hover) !important}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-btn-invisible-primary--background--selected-hover);color:var(--theme-btn-invisible-primary--color--selected-hover)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active) !important;color:var(--theme-btn-invisible-primary--color--active) !important}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--selected-active);color:var(--theme-btn-invisible-primary--color--selected-active)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-btn-secondary--background--selected)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover) !important;background-color:var(--theme-btn-secondary--background--hover) !important;color:var(--theme-btn-secondary--color--hover) !important}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-btn-secondary--background--selected-hover);color:var(--theme-btn-secondary--color--selected-hover)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active) !important;background-color:var(--theme-btn-secondary--background--active) !important;color:var(--theme-btn-secondary--color--active) !important}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-btn-secondary--background--selected-active);color:var(--theme-btn-secondary--color--selected-active)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-btn-outline-secondary--background--selected)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover) !important;background-color:var(--theme-btn-outline-secondary--background--hover) !important;color:var(--theme-btn-outline-secondary--color--hover) !important}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-btn-outline-secondary--background--selected-hover);color:var(--theme-btn-outline-secondary--color--selected-hover)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active) !important;background-color:var(--theme-btn-outline-secondary--background--active) !important;color:var(--theme-btn-outline-secondary--color--active) !important}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--selected-active);color:var(--theme-btn-outline-secondary--color--selected-active)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-btn-invisible-secondary--background--selected)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover) !important;color:var(--theme-btn-invisible-secondary--color--hover) !important}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-btn-invisible-secondary--background--selected-hover);color:var(--theme-btn-invisible-secondary--color--selected-hover)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active) !important;color:var(--theme-btn-invisible-secondary--color--active) !important}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--selected-active);color:var(--theme-btn-invisible-secondary--color--selected-active)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;vertical-align:middle}:host .icon-button{padding:0;overflow:hidden}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";const a=class{constructor(o){e(this,o);this.variant="Secondary";this.outline=undefined;this.invisible=undefined;this.ghost=undefined;this.oval=undefined;this.icon=undefined;this.size="24";this.color=undefined;this.selected=false;this.disabled=false;this.type="button"}componentDidLoad(){if(this.type==="submit"){const e=document.createElement("button");e.style.display="none";e.type="submit";e.tabIndex=-1;this.hostElement.appendChild(e);this.submitButtonElement=e}}dispatchFormEvents(){if(this.type==="submit"&&this.submitButtonElement){this.submitButtonElement.click()}}getIconSizeClass(){return{"btn-icon-12":this.size==="12","btn-icon-16":this.size==="16","btn-icon-32":this.size==="32"||this.size==="24"||!this.size}}getIconButtonClasses(){return Object.assign(Object.assign(Object.assign({},n(this.variant,this.outline,this.ghost||this.invisible,true,this.oval,this.selected,this.disabled)),{"icon-button":true}),this.getIconSizeClass())}render(){return o(r,{class:Object.assign(Object.assign({},this.getIconSizeClass()),{disabled:this.disabled})},o("button",{class:this.getIconButtonClasses(),type:this.type,onClick:()=>this.dispatchFormEvents()},o("ix-icon",{size:this.size,name:this.icon,color:this.color}),o("div",{style:{display:"none"}},o("slot",null))))}get hostElement(){return t(this)}};a.style=i;export{a as ix_icon_button};
-//# sourceMappingURL=p-0899258a.entry.js.map

package/dist/siemens-ix/p-0899258a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconButtonCss","IconButton","componentDidLoad","this","type","submitButton","document","createElement","style","display","tabIndex","hostElement","appendChild","submitButtonElement","dispatchFormEvents","click","getIconSizeClass","size","getIconButtonClasses","Object","assign","getButtonClasses","variant","outline","ghost","invisible","oval","selected","disabled","render","h","Host","class","onClick","name","icon","color"],"sources":["./src/components/icon-button/icon-button.scss?tag=ix-icon-button&encapsulation=shadow","./src/components/icon-button/icon-button.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 './components/buttons';\n\n:host {\n  display: inline-block;\n  vertical-align: middle;\n\n  .icon-button {\n    padding: 0;\n    overflow: hidden;\n  }\n\n  button:not(:disabled) {\n    cursor: pointer;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { getButtonClasses } from '../button/base-button';\nimport { Button, ButtonVariant } from '../button/button';\n\nexport type IconButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-icon-button',\n  styleUrl: 'icon-button.scss',\n  shadow: true,\n})\nexport class IconButton implements Button {\n  @Element() hostElement: HTMLIxIconButtonElement;\n\n  /**\n   * Variant of button\n   */\n  @Prop() variant: IconButtonVariant = 'Secondary';\n\n  /**\n   * Button outline\n   */\n  @Prop() outline: boolean;\n\n  /**\n   * Button invisible\n   *\n   * @deprecated Use ghost property\n   */\n  @Prop() invisible: boolean;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost: boolean;\n\n  /**\n   * Button in oval shape\n   */\n  @Prop() oval: boolean;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Size of icon in button\n   */\n  @Prop() size: '32' | '24' | '16' | '12' = '24';\n\n  /**\n   * Color of icon in  button\n   */\n  @Prop() color: string;\n\n  /**\n   * Selected state only working with outline or invisible\n   */\n  @Prop() selected = false;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Type of the button\n   */\n  @Prop() type: 'button' | 'submit' = 'button';\n\n  /**\n   * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n   */\n  submitButtonElement: HTMLButtonElement;\n\n  componentDidLoad() {\n    if (this.type === 'submit') {\n      const submitButton = document.createElement('button');\n      submitButton.style.display = 'none';\n      submitButton.type = 'submit';\n      submitButton.tabIndex = -1;\n      this.hostElement.appendChild(submitButton);\n\n      this.submitButtonElement = submitButton;\n    }\n  }\n\n  dispatchFormEvents() {\n    if (this.type === 'submit' && this.submitButtonElement) {\n      this.submitButtonElement.click();\n    }\n  }\n\n  private getIconSizeClass() {\n    return {\n      'btn-icon-12': this.size === '12',\n      'btn-icon-16': this.size === '16',\n      'btn-icon-32': this.size === '32' || this.size === '24' || !this.size,\n    };\n  }\n\n  private getIconButtonClasses() {\n    return {\n      ...getButtonClasses(\n        this.variant,\n        this.outline,\n        this.ghost || this.invisible,\n        true,\n        this.oval,\n        this.selected,\n        this.disabled\n      ),\n      'icon-button': true,\n      ...this.getIconSizeClass(),\n    };\n  }\n\n  render() {\n    return (\n      <Host class={{ ...this.getIconSizeClass(), disabled: this.disabled }}>\n        <button\n          class={this.getIconButtonClasses()}\n          type={this.type}\n          onClick={() => this.dispatchFormEvents()}\n        >\n          <ix-icon size={this.size} name={this.icon} color={this.color} />\n          <div style={{ display: 'none' }}>\n            <slot></slot>\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,uvZ,MCoBTC,EAAU,M,sCAMgB,Y,uHAgCK,K,mCAUvB,M,cAKA,M,UAKiB,Q,CAOpCC,mBACE,GAAIC,KAAKC,OAAS,SAAU,CAC1B,MAAMC,EAAeC,SAASC,cAAc,UAC5CF,EAAaG,MAAMC,QAAU,OAC7BJ,EAAaD,KAAO,SACpBC,EAAaK,UAAY,EACzBP,KAAKQ,YAAYC,YAAYP,GAE7BF,KAAKU,oBAAsBR,C,EAI/BS,qBACE,GAAIX,KAAKC,OAAS,UAAYD,KAAKU,oBAAqB,CACtDV,KAAKU,oBAAoBE,O,EAIrBC,mBACN,MAAO,CACL,cAAeb,KAAKc,OAAS,KAC7B,cAAed,KAAKc,OAAS,KAC7B,cAAed,KAAKc,OAAS,MAAQd,KAAKc,OAAS,OAASd,KAAKc,K,CAI7DC,uBACN,OAAAC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKC,EACDlB,KAAKmB,QACLnB,KAAKoB,QACLpB,KAAKqB,OAASrB,KAAKsB,UACnB,KACAtB,KAAKuB,KACLvB,KAAKwB,SACLxB,KAAKyB,WACN,CACD,cAAe,OACZzB,KAAKa,mB,CAIZa,SACE,OACEC,EAACC,EAAI,CAACC,MAAKb,OAAAC,OAAAD,OAAAC,OAAA,GAAOjB,KAAKa,oBAAkB,CAAEY,SAAUzB,KAAKyB,YACxDE,EAAA,UACEE,MAAO7B,KAAKe,uBACZd,KAAMD,KAAKC,KACX6B,QAAS,IAAM9B,KAAKW,sBAEpBgB,EAAA,WAASb,KAAMd,KAAKc,KAAMiB,KAAM/B,KAAKgC,KAAMC,MAAOjC,KAAKiC,QACvDN,EAAA,OAAKtB,MAAO,CAAEC,QAAS,SACrBqB,EAAA,e"}

package/dist/siemens-ix/p-1572aab3.js

@@ -1,2 +0,0 @@
-import{T as e}from"./p-9ee41861.js";const t=`only screen and (max-width: 767px)`;const r=(e,t)=>{const r=e=>{t(e)};const n=window.matchMedia(e);n.addEventListener("change",r);return{matchMedia:n,dispose:()=>{n.removeEventListener("change",r)}}};const n=e=>{const n=r(t,(({matches:t})=>{if(t){e("mobile");return}e("desktop")}));e(n.matchMedia.matches?"mobile":"desktop");return{dispose:n.dispose,matchMedia:n.matchMedia}};var o=undefined&&undefined.__classPrivateFieldGet||function(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)};var a=undefined&&undefined.__classPrivateFieldSet||function(e,t,r,n,o){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?o.call(e,r):o?o.value=r:t.set(e,r),r};var i,s;class d{constructor(){i.set(this,new e);s.set(this,"desktop");n((e=>{o(this,i,"f").emit(e);a(this,s,e,"f")}))}get mode(){return o(this,s,"f")}get onChange(){return o(this,i,"f")}}i=new WeakMap,s=new WeakMap;const c=new d;export{c as s};
-//# sourceMappingURL=p-1572aab3.js.map

package/dist/siemens-ix/p-1572aab3.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mobileMediaQuery","createMediaQueryListener","query","callback","fn","event","listener","window","matchMedia","addEventListener","dispose","removeEventListener","createModeListener","modeChangeCallback","matches","ScreenMode","constructor","_ScreenMode_modeChangeListener","set","this","TypedEvent","_ScreenMode_mode","mode","__classPrivateFieldGet","emit","__classPrivateFieldSet","onChange","screenMode"],"sources":["./src/components/utils/screen/mode.ts","./src/components/utils/screen/service.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 Mode = 'desktop' | 'mobile';\nconst mobileMediaQuery = `only screen and (max-width: 767px)`;\n\nexport type MediaQueryListener = {\n  matchMedia: MediaQueryList;\n  dispose: () => void;\n};\n\nexport const createMediaQueryListener = (\n  query: string,\n  callback: (event: MediaQueryListEvent) => void\n): MediaQueryListener => {\n  const fn = (event: MediaQueryListEvent) => {\n    callback(event);\n  };\n  const listener = window.matchMedia(query);\n  listener.addEventListener('change', fn);\n\n  return {\n    matchMedia: listener,\n    dispose: () => {\n      listener.removeEventListener('change', fn);\n    },\n  };\n};\n\nexport const createModeListener = (\n  modeChangeCallback: (mode: Mode) => void\n) => {\n  const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {\n    if (matches) {\n      modeChangeCallback('mobile');\n      return;\n    }\n\n    modeChangeCallback('desktop');\n  });\n\n  modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');\n  return {\n    dispose: listener.dispose,\n    matchMedia: listener.matchMedia,\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 { TypedEvent } from '../typed-event';\nimport { createModeListener, Mode } from './mode';\n\nclass ScreenMode {\n  #modeChangeListener = new TypedEvent<Mode>();\n  #mode: Mode = 'desktop';\n\n  constructor() {\n    createModeListener((mode) => {\n      this.#modeChangeListener.emit(mode);\n      this.#mode = mode;\n    });\n  }\n\n  get mode() {\n    return this.#mode;\n  }\n\n  get onChange() {\n    return this.#modeChangeListener;\n  }\n}\n\nexport const screenMode = new ScreenMode();\n"],"mappings":"oCAUA,MAAMA,EAAmB,qCAOlB,MAAMC,EAA2B,CACtCC,EACAC,KAEA,MAAMC,EAAMC,IACVF,EAASE,EAAM,EAEjB,MAAMC,EAAWC,OAAOC,WAAWN,GACnCI,EAASG,iBAAiB,SAAUL,GAEpC,MAAO,CACLI,WAAYF,EACZI,QAAS,KACPJ,EAASK,oBAAoB,SAAUP,EAAG,EAE7C,EAGI,MAAMQ,EACXC,IAEA,MAAMP,EAAWL,EAAyBD,GAAkB,EAAGc,cAC7D,GAAIA,EAAS,CACXD,EAAmB,UACnB,M,CAGFA,EAAmB,UAAU,IAG/BA,EAAmBP,EAASE,WAAWM,QAAU,SAAW,WAC5D,MAAO,CACLJ,QAASJ,EAASI,QAClBF,WAAYF,EAASE,WACtB,E,kwBCxCH,MAAMO,EAIJC,cAHAC,EAAAC,IAAAC,KAAsB,IAAIC,GAC1BC,EAAAH,IAAAC,KAAc,WAGZP,GAAoBU,IAClBC,EAAAJ,KAAIF,EAAA,KAAqBO,KAAKF,GAC9BG,EAAAN,KAAIE,EAASC,EAAI,O,CAIjBA,WACF,OAAOC,EAAAJ,KAAIE,EAAA,I,CAGTK,eACF,OAAOH,EAAAJ,KAAIF,EAAA,I,oCAIFU,EAAa,IAAIZ,S"}

package/dist/siemens-ix/p-15bebd8a.js

@@ -1,2 +0,0 @@
-var n;(function(n){n["None"]="None";n["Info"]="Info";n["Warning"]="Warning";n["Alarm"]="Alarm";n["Primary"]="Primary"})(n||(n={}));export{n as F};
-//# sourceMappingURL=p-15bebd8a.js.map

package/dist/siemens-ix/p-1c64b073.js

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