@siemens/ix 1.6.2 → 2.0.0-beta.0

package/dist/esm/modal-68c6d3f6.js

@@ -0,0 +1,245 @@
+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.
+ */
+class DefaultFrameworkDelegate {
+  async attachView(view, config) {
+    var _a;
+    const attachToElement = (_a = config === null || config === void 0 ? void 0 : config.parentElement) !== null && _a !== void 0 ? _a : document.body;
+    attachToElement.appendChild(view);
+    return view;
+  }
+  async removeView(view) {
+    view.remove();
+  }
+}
+const coreDelegate = new DefaultFrameworkDelegate();
+let currentDelegate = coreDelegate;
+function registerFrameworkDelegate(delegate) {
+  currentDelegate = delegate;
+}
+const resolveDelegate = () => {
+  return currentDelegate;
+};
+const getCoreDelegate = () => coreDelegate;
+
+/*
+ * 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 setA11yAttributes$1(element, config) {
+  const ariaDescribedby = config.ariaDescribedby;
+  const ariaLabelledby = config.ariaLabelledby;
+  delete config['ariaDescribedby'];
+  delete config['ariaLabelledby'];
+  if (ariaDescribedby) {
+    element.setAttribute('aria-describedby', ariaDescribedby);
+  }
+  if (ariaLabelledby) {
+    element.setAttribute('aria-labelledby', ariaLabelledby);
+  }
+}
+function createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel) {
+  let actions = [];
+  if (textCancel !== undefined) {
+    actions = [
+      ...actions,
+      {
+        id: 'cancel',
+        text: textCancel,
+        type: 'cancel',
+        payload: payloadCancel,
+      },
+    ];
+  }
+  return [
+    ...actions,
+    {
+      id: 'okay',
+      text: textOkay,
+      type: 'okay',
+      payload: payloadOkay,
+    },
+  ];
+}
+async function showMessage(config) {
+  const onMessageAction = new TypedEvent();
+  const dialog = document.createElement('ix-modal');
+  const header = document.createElement('ix-modal-header');
+  const content = document.createElement('ix-modal-content');
+  const footer = document.createElement('ix-modal-footer');
+  setA11yAttributes$1(dialog, config);
+  Object.assign(header, config);
+  Object.assign(content, config);
+  Object.assign(footer, config);
+  header.innerText = config.messageTitle;
+  content.innerText = config.message;
+  config.actions.forEach(({ id, text, type, payload }) => {
+    const button = document.createElement('ix-button');
+    button.innerText = text;
+    footer.appendChild(button);
+    if (type === 'okay') {
+      button.variant = 'primary';
+      button.addEventListener('click', () => dialog.closeModal({
+        actionId: id,
+        payload,
+      }));
+      return;
+    }
+    if (type === 'cancel') {
+      button.variant = 'primary';
+      button.outline = true;
+      button.addEventListener('click', () => dialog.dismissModal({
+        actionId: id,
+        payload,
+      }));
+      return;
+    }
+  });
+  dialog.appendChild(header);
+  dialog.appendChild(content);
+  dialog.appendChild(footer);
+  const dialogRef = await getCoreDelegate().attachView(dialog);
+  dialogRef.addEventListener('dialogClose', (event) => {
+    onMessageAction.emit(event.detail);
+    dialogRef.remove();
+  });
+  dialogRef.addEventListener('dialogDismiss', (event) => {
+    onMessageAction.emit(event.detail);
+    dialogRef.remove();
+  });
+  dialogRef.showModal();
+  return onMessageAction;
+}
+showMessage.info = (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+  return showMessage({
+    message,
+    messageTitle: title,
+    icon: 'info',
+    actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+  });
+};
+showMessage.warning = (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+  return showMessage({
+    message,
+    messageTitle: title,
+    icon: 'warning',
+    iconColor: 'color-warning',
+    actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+  });
+};
+showMessage.error = (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+  return showMessage({
+    message,
+    messageTitle: title,
+    icon: 'error',
+    iconColor: 'color-alarm',
+    actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+  });
+};
+showMessage.success = (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+  return showMessage({
+    message,
+    messageTitle: title,
+    icon: 'success',
+    iconColor: 'color-success',
+    actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+  });
+};
+showMessage.question = (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+  return showMessage({
+    message,
+    messageTitle: title,
+    icon: 'question',
+    actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+  });
+};
+
+/*
+ * 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 setA11yAttributes(element, config) {
+  const ariaDescribedby = config.ariaDescribedby;
+  const ariaLabelledby = config.ariaLabelledby;
+  delete config['ariaDescribedby'];
+  delete config['ariaLabelledby'];
+  if (ariaDescribedby) {
+    element.setAttribute('aria-describedby', ariaDescribedby);
+  }
+  if (ariaLabelledby) {
+    element.setAttribute('aria-labelledby', ariaLabelledby);
+  }
+}
+function getIxModal(element) {
+  return element.closest('ix-modal');
+}
+function closeModal(element, closeResult) {
+  const dialog = getIxModal(element);
+  if (dialog) {
+    dialog.closeModal(closeResult);
+    return;
+  }
+}
+function dismissModal(element, dismissResult) {
+  const dialog = getIxModal(element);
+  if (dialog) {
+    dialog.dismissModal(dismissResult);
+    return;
+  }
+}
+async function showModal(config) {
+  const delegate = resolveDelegate();
+  let dialogRef;
+  const onClose = new TypedEvent();
+  const onDismiss = new TypedEvent();
+  if (typeof config.content === 'string') {
+    const dialog = document.createElement('ix-modal');
+    dialog.innerText = config.content;
+    dialogRef = await getCoreDelegate().attachView(dialog);
+  }
+  if (config.content instanceof HTMLElement &&
+    config.content.tagName !== 'IX-MODAL') {
+    const dialog = document.createElement('ix-modal');
+    dialog.appendChild(config.content);
+    dialogRef = await getCoreDelegate().attachView(dialog);
+  }
+  if (!dialogRef) {
+    dialogRef = await delegate.attachView(config.content);
+  }
+  setA11yAttributes(dialogRef, config);
+  Object.assign(dialogRef, config);
+  dialogRef.setAttribute('ariaDescribedby', 'Test');
+  dialogRef.showModal();
+  dialogRef.addEventListener('dialogClose', async ({ detail }) => {
+    onClose.emit(detail);
+    await delegate.removeView(dialogRef);
+  });
+  dialogRef.addEventListener('dialogDismiss', async ({ detail }) => {
+    onDismiss.emit(detail);
+    await delegate.removeView(dialogRef);
+  });
+  return {
+    htmlElement: dialogRef,
+    onClose,
+    onDismiss,
+  };
+}
+
+export { resolveDelegate as a, showModal as b, closeModal as c, dismissModal as d, getCoreDelegate as g, registerFrameworkDelegate as r, showMessage as s };
+
+//# sourceMappingURL=modal-68c6d3f6.js.map

package/dist/esm/modal-68c6d3f6.js.map

@@ -0,0 +1 @@
+{"file":"modal-68c6d3f6.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.setAttribute('ariaDescribedby', 'Test');\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/esm/my-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-8ddfb6d8.js';
+import { r as registerInstance, h, H as Host } from './index-7334ee80.js';
 
 const myComponentCss = ".sc-my-component-h{display:block;position:relative;width:100vw;height:100vh;padding:0rem 0rem 0rem 0rem}";
 

package/dist/esm/my-component.entry.js.map

@@ -1 +1 @@
-{"file":"my-component.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,0GAA0G;;MCgBpH,WAAW;;;;EACtB,MAAM;IACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;GACtB;;;;;;","names":[],"sources":["./src/components/my-component/my-component.scss?tag=my-component&encapsulation=scoped","./src/components/my-component/my-component.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\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.scss',\n  scoped: true,\n})\nexport class MyComponent {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}
+{"file":"my-component.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,0GAA0G;;MCepH,WAAW;;;;EACtB,MAAM;IACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;GACtB;;;;;;","names":[],"sources":["./src/components/my-component/my-component.scss?tag=my-component&encapsulation=scoped","./src/components/my-component/my-component.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\n:host {\n  display: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  padding: 0rem 0rem 0rem 0rem;\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, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.scss',\n  scoped: true,\n})\nexport class MyComponent {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}

package/dist/esm/service-586129b5.js

@@ -0,0 +1,143 @@
+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.
+ */
+let supportedModes = ['small', 'medium', 'large'];
+const smallMediaQuery = `only screen and (max-width: 40em)`;
+const mediumMediaQuery = `only screen and (min-width: 40.063em) and (max-width: 64em)`;
+const largeMediaQuery = `only screen and (min-width: 64.063em)`;
+const setSupportedModes = (modes) => (supportedModes = modes);
+const createMediaQueryListener = (query, callback) => {
+  const listener = window.matchMedia(query);
+  const fn = (event) => {
+    callback(event);
+  };
+  listener.addEventListener('change', fn);
+  return {
+    matchMedia: listener,
+    dispose: () => {
+      listener.removeEventListener('change', fn);
+    },
+  };
+};
+const getFallbackMode = (modes, detectedMode) => {
+  if (modes.length === 1) {
+    return modes[0];
+  }
+  if (detectedMode === 'large' && !modes.includes(detectedMode)) {
+    return getFallbackMode(modes, 'medium');
+  }
+  if (detectedMode === 'medium' && !modes.includes(detectedMode)) {
+    return getFallbackMode(modes, 'large');
+  }
+  if (detectedMode === 'small' && !modes.includes(detectedMode)) {
+    return getFallbackMode(modes, 'medium');
+  }
+  return detectedMode;
+};
+const createModeListener = (modeChangeCallback) => {
+  const smallListener = createMediaQueryListener(smallMediaQuery, ({ matches }) => {
+    if (!matches) {
+      return;
+    }
+    modeChangeCallback(getFallbackMode(supportedModes, 'small'));
+  });
+  const mediumListener = createMediaQueryListener(mediumMediaQuery, ({ matches }) => {
+    if (!matches) {
+      return;
+    }
+    modeChangeCallback(getFallbackMode(supportedModes, 'medium'));
+  });
+  const largeListener = createMediaQueryListener(largeMediaQuery, ({ matches }) => {
+    if (!matches) {
+      return;
+    }
+    modeChangeCallback(getFallbackMode(supportedModes, 'large'));
+  });
+  const matchSmall = smallListener.matchMedia.matches;
+  const matchMedium = mediumListener.matchMedia.matches;
+  if (matchSmall) {
+    modeChangeCallback(getFallbackMode(supportedModes, 'small'));
+  }
+  else if (matchMedium) {
+    modeChangeCallback(getFallbackMode(supportedModes, 'medium'));
+  }
+  else {
+    modeChangeCallback(getFallbackMode(supportedModes, 'large'));
+  }
+  return {
+    dispose: () => {
+      smallListener.dispose();
+      mediumListener.dispose();
+      largeListener.dispose();
+    },
+    matchMedia: [
+      smallListener.matchMedia,
+      mediumListener.matchMedia,
+      largeListener.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, _ScreenMode_isDetectionEnabled;
+class ScreenMode {
+  constructor() {
+    _ScreenMode_modeChangeListener.set(this, new TypedEvent());
+    _ScreenMode_mode.set(this, 'large');
+    _ScreenMode_isDetectionEnabled.set(this, true);
+    createModeListener((mode) => {
+      if (!__classPrivateFieldGet(this, _ScreenMode_isDetectionEnabled, "f")) {
+        return;
+      }
+      __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");
+  }
+  get isDetectionEnabled() {
+    return __classPrivateFieldGet(this, _ScreenMode_isDetectionEnabled, "f");
+  }
+  disableModeDetection() {
+    __classPrivateFieldSet(this, _ScreenMode_isDetectionEnabled, false, "f");
+  }
+  enableModeDetection() {
+    __classPrivateFieldSet(this, _ScreenMode_isDetectionEnabled, true, "f");
+  }
+  setMode(mode) {
+    __classPrivateFieldSet(this, _ScreenMode_mode, mode, "f");
+    __classPrivateFieldGet(this, _ScreenMode_modeChangeListener, "f").emit(mode);
+  }
+  setSupportedMods(modes) {
+    setSupportedModes(modes);
+    const mode = getFallbackMode(modes, __classPrivateFieldGet(this, _ScreenMode_mode, "f"));
+    this.setMode(mode);
+  }
+}
+_ScreenMode_modeChangeListener = new WeakMap(), _ScreenMode_mode = new WeakMap(), _ScreenMode_isDetectionEnabled = new WeakMap();
+const screenMode = new ScreenMode();
+
+export { screenMode as s };
+
+//# sourceMappingURL=service-586129b5.js.map

package/dist/esm/service-586129b5.js.map

@@ -0,0 +1 @@
+{"file":"service-586129b5.js","mappings":"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","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 = 'large' | 'medium' | 'small';\n\nlet supportedModes: Mode[] = ['small', 'medium', 'large'];\n\nconst smallMediaQuery = `only screen and (max-width: 40em)`;\nconst mediumMediaQuery = `only screen and (min-width: 40.063em) and (max-width: 64em)`;\nconst largeMediaQuery = `only screen and (min-width: 64.063em)`;\n\nexport type MediaQueryListener = {\n  matchMedia: MediaQueryList;\n  dispose: () => void;\n};\n\nexport const setSupportedModes = (modes: Mode[]) => (supportedModes = modes);\n\nexport const createMediaQueryListener = (\n  query: string,\n  callback: (event: MediaQueryListEvent) => void\n): MediaQueryListener => {\n  const listener = window.matchMedia(query);\n  const fn = (event: MediaQueryListEvent) => {\n    callback(event);\n  };\n  listener.addEventListener('change', fn);\n\n  return {\n    matchMedia: listener,\n    dispose: () => {\n      listener.removeEventListener('change', fn);\n    },\n  };\n};\n\nexport const getFallbackMode = (modes: Mode[], detectedMode: Mode): Mode => {\n  if (modes.length === 1) {\n    return modes[0];\n  }\n\n  if (detectedMode === 'large' && !modes.includes(detectedMode)) {\n    return getFallbackMode(modes, 'medium');\n  }\n  if (detectedMode === 'medium' && !modes.includes(detectedMode)) {\n    return getFallbackMode(modes, 'large');\n  }\n  if (detectedMode === 'small' && !modes.includes(detectedMode)) {\n    return getFallbackMode(modes, 'medium');\n  }\n  return detectedMode;\n};\n\nexport type ModeChangeCallback = (mode: Mode) => void;\n\nexport const createModeListener = (\n  modeChangeCallback: (mode: Mode) => void\n) => {\n  const smallListener = createMediaQueryListener(\n    smallMediaQuery,\n    ({ matches }) => {\n      if (!matches) {\n        return;\n      }\n      modeChangeCallback(getFallbackMode(supportedModes, 'small'));\n    }\n  );\n\n  const mediumListener = createMediaQueryListener(\n    mediumMediaQuery,\n    ({ matches }) => {\n      if (!matches) {\n        return;\n      }\n      modeChangeCallback(getFallbackMode(supportedModes, 'medium'));\n    }\n  );\n\n  const largeListener = createMediaQueryListener(\n    largeMediaQuery,\n    ({ matches }) => {\n      if (!matches) {\n        return;\n      }\n      modeChangeCallback(getFallbackMode(supportedModes, 'large'));\n    }\n  );\n\n  const matchSmall = smallListener.matchMedia.matches;\n  const matchMedium = mediumListener.matchMedia.matches;\n\n  if (matchSmall) {\n    modeChangeCallback(getFallbackMode(supportedModes, 'small'));\n  } else if (matchMedium) {\n    modeChangeCallback(getFallbackMode(supportedModes, 'medium'));\n  } else {\n    modeChangeCallback(getFallbackMode(supportedModes, 'large'));\n  }\n\n  return {\n    dispose: () => {\n      smallListener.dispose();\n      mediumListener.dispose();\n      largeListener.dispose();\n    },\n    matchMedia: [\n      smallListener.matchMedia,\n      mediumListener.matchMedia,\n      largeListener.matchMedia,\n    ],\n  };\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { TypedEvent } from '../typed-event';\nimport {\n  createModeListener,\n  getFallbackMode,\n  Mode,\n  setSupportedModes,\n} from './mode';\n\nclass ScreenMode {\n  #modeChangeListener = new TypedEvent<Mode>();\n  #mode: Mode = 'large';\n\n  #isDetectionEnabled = true;\n\n  constructor() {\n    createModeListener((mode) => {\n      if (!this.#isDetectionEnabled) {\n        return;\n      }\n\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  get isDetectionEnabled() {\n    return this.#isDetectionEnabled;\n  }\n\n  public disableModeDetection() {\n    this.#isDetectionEnabled = false;\n  }\n\n  public enableModeDetection() {\n    this.#isDetectionEnabled = true;\n  }\n\n  public setMode(mode: Mode) {\n    this.#mode = mode;\n    this.#modeChangeListener.emit(mode);\n  }\n\n  public setSupportedMods(modes: Mode[]) {\n    setSupportedModes(modes);\n    const mode = getFallbackMode(modes, this.#mode);\n\n    this.setMode(mode);\n  }\n}\n\nexport const screenMode = new ScreenMode();\n"],"version":3}

package/dist/esm/shadow-dom-6860b1c4.js

@@ -0,0 +1,18 @@
+/*
+ * 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 getSlottedElements(slot) {
+  return slot.assignedElements({ flatten: true });
+}
+function hasSlottedElements(slot) {
+  return slot.assignedElements({ flatten: true }).length !== 0;
+}
+
+export { getSlottedElements as g, hasSlottedElements as h };
+
+//# sourceMappingURL=shadow-dom-6860b1c4.js.map

package/dist/esm/shadow-dom-6860b1c4.js.map

@@ -0,0 +1 @@
+{"file":"shadow-dom-6860b1c4.js","mappings":"AAAA;;;;;;;;SAegB,kBAAkB,CAAC,IAAS;EAC1C,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC;SAEe,kBAAkB,CAAC,IAAS;EAC1C,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AAC/D;;;;","names":[],"sources":["./src/components/utils/shadow-dom.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 */\nexport function closestElement(selector: string, el: any) {\n  return (\n    el.closest(selector) ||\n    closestElement(selector, (el.getRootNode() as any).host)\n  );\n}\n\nexport function getSlottedElements(slot: any) {\n  return slot.assignedElements({ flatten: true });\n}\n\nexport function hasSlottedElements(slot: any) {\n  return slot.assignedElements({ flatten: true }).length !== 0;\n}\n"],"version":3}

package/dist/esm/siemens-ix.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-8ddfb6d8.js';
-export { s as setNonce } from './index-8ddfb6d8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-7334ee80.js';
+export { s as setNonce } from './index-7334ee80.js';
 
 /*
  Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com
@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"ix-icon\",[[1,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513],\"src\":[1],\"svgContent\":[32]}]]],[\"ix-pagination\",[[2,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-datetime-picker\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2\",[[6,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}],[2,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-category-filter\",[[2,\"ix-category-filter\",{\"initialState\":[16],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[6,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-breadcrumb_2\",[[6,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32]}],[6,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-flip-tile_2\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]}]]],[\"ix-expanding-search\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-upload\",[[2,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[32],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-animated-tab_2\",[[6,\"ix-animated-tabs\",{\"disableAnimations\":[4,\"disable-animations\"],\"selectedIndex\":[2,\"selected-index\"],\"tabPlacement\":[1,\"tab-placement\"],\"tabs\":[32],\"activeIndex\":[32]},[[1,\"mouseup\",\"onMouseDown\"]]],[6,\"ix-animated-tab\",{\"icon\":[1],\"count\":[514]}]]],[\"ix-workflow-step_2\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},[[1,\"click\",\"clickFunction\"]]],[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"icon\":[1]}]]],[\"ix-chip\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"visible\":[32]}]]],[\"ix-event-list_2\",[[6,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]}],[4,\"ix-event-list-item\",{\"color\":[1],\"selected\":[4],\"disabled\":[4],\"chevron\":[4],\"opacity\":[2]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-counter-pill\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-tile\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle\",[[2,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[4],\"color\":[1],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"ix-validation-tooltip\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-group_3\",[[6,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32]},[[8,\"keydown\",\"onKeyDown\"]]],[6,\"ix-group-dropdown-item\",{\"label\":[1],\"icon\":[1]}],[6,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-map-navigation_2\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[2,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]}],[6,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-tree_2\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[6,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-index-button\",[[6,\"ix-index-button\",{\"variant\":[1],\"selected\":[4]}]]],[\"ix-spinner\",[[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-menu_9\",[[4,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"i18nMore\":[1,\"i-1-8n-more\"],\"expand\":[1540],\"showMoreItems\":[32],\"visibleMenuItems\":[32],\"countMoreNotifications\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"isMoreTabEmpty\":[32],\"mode\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[6,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[6,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4]}],[6,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}],[6,\"ix-menu-about-item\",{\"label\":[513]}],[6,\"ix-menu-settings-item\",{\"label\":[1]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-date-picker_2\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[2,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1025,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"expandContent\":[32]}],[1,\"ix-card-title\"]]],[\"ix-tab-item\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-tabs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-select_2\",[[6,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"value\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-modal_2\",[[2,\"ix-modal-container\",{\"showModal\":[64]}],[6,\"ix-modal\",{\"animation\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"backdrop\":[8],\"backdropClass\":[1,\"backdrop-class\"],\"beforeDismiss\":[16],\"centered\":[4],\"content\":[1],\"keyboard\":[4],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"modalDialogClass\":[1,\"modal-dialog-class\"],\"scrollable\":[4],\"size\":[1],\"headerTitle\":[1,\"header-title\"],\"windowClass\":[1,\"window-class\"],\"dismiss\":[64],\"close\":[64]}]]],[\"ix-filter-chip\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-date-time-card\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"expanded\":[516]}]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1]}]]],[\"ix-card_3\",[[1,\"ix-card\",{\"variant\":[1]}],[1,\"ix-card-content\"],[1,\"ix-typography\",{\"variant\":[1],\"color\":[1]}]]],[\"ix-dropdown_2\",[[6,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"emitItemClick\":[64]}],[1,\"ix-dropdown\",{\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"adjustDropdownWidthToReferenceWith\":[4,\"adjust-dropdown-width-to-reference-with\"],\"adjustDropdownWidthToReferenceWidth\":[4,\"adjust-dropdown-width-to-reference-width\"],\"header\":[1],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button\",[[1,\"ix-icon-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"selected\":[4],\"disabled\":[4],\"type\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ix-spinner\",[[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-icon\",[[1,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513],\"src\":[1],\"svgContent\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-icon-button\",[[1,\"ix-icon-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"selected\":[4],\"disabled\":[4],\"type\":[1],\"loading\":[4]}]]],[\"ix-pagination\",[[2,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-split-button_2\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}],[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[1],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-category-filter\",[[2,\"ix-category-filter\",{\"initialState\":[16],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-modal-header\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-breadcrumb_2\",[[6,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32]}],[6,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1]}]]],[\"ix-flip-tile_2\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-animated-tab_2\",[[6,\"ix-animated-tabs\",{\"disableAnimations\":[4,\"disable-animations\"],\"selectedIndex\":[2,\"selected-index\"],\"tabPlacement\":[1,\"tab-placement\"],\"tabs\":[32],\"activeIndex\":[32]},[[1,\"mouseup\",\"onMouseDown\"]]],[6,\"ix-animated-tab\",{\"icon\":[1],\"count\":[514]}]]],[\"ix-event-list_2\",[[1,\"ix-event-list-item\",{\"color\":[1],\"selected\":[4],\"disabled\":[4],\"chevron\":[4],\"opacity\":[2]},[[1,\"click\",\"handleItemClick\"]]],[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]}]]],[\"ix-workflow-step_2\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]}],[1,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"icon\":[1]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"visible\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-content\",[[1,\"ix-modal-content\"]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-map-navigation_2\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]}],[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-group_2\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-tree_2\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-avatar\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-index-button\",[[6,\"ix-index-button\",{\"variant\":[1],\"selected\":[4]}]]],[\"ix-date-picker_2\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1025,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"expandContent\":[32]}],[1,\"ix-card-title\"]]],[\"ix-tabs\",[[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-tab-item\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-menu_9\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"pinned\":[4],\"forceLayout\":[1,\"force-layout\"],\"supportedModes\":[16],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"mode\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]]],[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}],[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4]}],[1,\"ix-menu-about-item\",{\"label\":[513]}],[1,\"ix-menu-settings-item\",{\"label\":[1]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"icon\":[1],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-filter-chip\",[[1,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1]}]]],[\"ix-dropdown_2\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64]}],[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"],[8,\"keydown\",\"keydown\"]]]]],[\"ix-select_2\",[[6,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"value\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"pinned\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1]}],[1,\"ix-card-content\"]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"color\":[1]}]]]]"), options);
 });
 
 //# sourceMappingURL=siemens-ix.js.map

package/dist/siemens-ix/index.esm.js

@@ -1,2 +1,2 @@
-import"./p-b1db27a3.js";export{I as InputState,L as LogicalFilterOperator}from"./p-6f819085.js";export{F as FlipTileState}from"./p-15bebd8a.js";export{c as closeModal,d as dismissModal,m as modal}from"./p-b14308ed.js";export{r as renderDefaultItem}from"./p-56ed024b.js";export{U as UploadFileState}from"./p-076c29d1.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-21aa3602.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-323d5529.js";import"./p-1c64b073.js";import"./p-9ee41861.js";class e{}function o(){const t=Array.from(document.querySelectorAll("ix-toast-container"));const[e]=t;if(t.length>1){console.warn("Multiple toast container are found. Only there first is used.");return e}if(!e){const t=document.createElement("ix-toast-container");document.body.appendChild(t);return t}return e}function s(t){o().position=t}async function n(t){const e=o();const r=await e.showToast(t);return r}n.info=t=>n(Object.assign(Object.assign({},t),{type:"info"}));n.error=t=>n(Object.assign(Object.assign({},t),{type:"error"}));n.success=t=>n(Object.assign(Object.assign({},t),{type:"success"}));n.warning=t=>n(Object.assign(Object.assign({},t),{type:"warning"}));export{e as FilterState,o as getToastContainer,s as setToastPosition,n as toast};
+import"./p-db74796e.js";export{I as InputState,L as LogicalFilterOperator}from"./p-6f819085.js";export{F as FlipTileState}from"./p-1b227e9a.js";export{r as renderDefaultItem}from"./p-56ed024b.js";export{U as UploadFileState}from"./p-076c29d1.js";import{g as e}from"./p-9c030990.js";export{c as closeModal,d as dismissModal,g as getCoreDelegate,r as registerFrameworkDelegate,a as resolveDelegate,s as showMessage,b as showModal}from"./p-9c030990.js";import{A as o}from"./p-3b97bb69.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-21aa3602.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-323d5529.js";import"./p-b899b25b.js";import"./p-9ee41861.js";class n{}function i(){const e=Array.from(document.querySelectorAll("ix-toast-container"));const[t]=e;if(e.length>1){console.warn("Multiple toast container are found. Only there first is used.");return t}if(!t){const e=document.createElement("ix-toast-container");document.body.appendChild(e);return e}return t}function p(e){i().position=e}async function m(e){const t=i();const o=await t.showToast(e);return o}m.info=e=>m(Object.assign(Object.assign({},e),{type:"info"}));m.error=e=>m(Object.assign(Object.assign({},e),{type:"error"}));m.success=e=>m(Object.assign(Object.assign({},e),{type:"success"}));m.warning=e=>m(Object.assign(Object.assign({},e),{type:"warning"}));function l(t){const s=document.createElement("ix-modal");s.keyboard=false;const r=document.createElement("ix-modal-loading");r.innerText=t;s.appendChild(r);e().attachView(s);s.showModal();return{update:e=>r.innerHTML=e,finish:(t,a=250)=>{if(t!==undefined){r.innerText=t}else{a=0}setTimeout((()=>{s.closeModal(null);setTimeout((async()=>await e().removeView(s)),o.mediumTime)}),a)}}}export{n as FilterState,i as getToastContainer,p as setToastPosition,l as showModalLoading,m as toast};
 //# sourceMappingURL=index.esm.js.map