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

package/dist/esm/modal-DUew4SCE.js

@@ -0,0 +1,253 @@
+import { T as TypedEvent } from './typed-event-BdCnOrqW.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;
+        }
+        else 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();
+    });
+    setA11yAttributes$1(dialogRef, config);
+    Object.assign(dialogRef, config);
+    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);
+    await 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);
+    });
+    requestAnimationFrame(() => {
+        const autofocusElement = dialogRef.querySelector('[autofocus],[auto-focus]');
+        if (autofocusElement) {
+            autofocusElement.focus();
+        }
+    });
+    return {
+        htmlElement: dialogRef,
+        onClose,
+        onDismiss,
+    };
+}
+
+export { resolveDelegate as a, showMessage as b, closeModal as c, dismissModal as d, getCoreDelegate as g, registerFrameworkDelegate as r, showModal as s };
+//# sourceMappingURL=modal-DUew4SCE.js.map
+
+//# sourceMappingURL=modal-DUew4SCE.js.map

package/dist/esm/modal-DUew4SCE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-DUew4SCE.js","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';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n  ModalConfig<T, unknown>,\n  'content' | 'title'\n> &\n  MessageContent;\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: MessageAction[] = [];\n\n  if (textCancel !== undefined) {\n    actions = [\n      ...actions,\n      {\n        id: 'cancel',\n        text: textCancel,\n        type: 'cancel',\n        payload: payloadCancel,\n      } as MessageAction,\n    ];\n  }\n  return [\n    ...actions,\n    {\n      id: 'okay',\n      text: textOkay,\n      type: 'okay',\n      payload: payloadOkay,\n    } as MessageAction,\n  ];\n}\n\nexport type MessageAction = {\n  id: string;\n  type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n  text: string;\n  payload?: any;\n};\n\nexport type MessageContent = {\n  icon: string;\n  iconColor?: string;\n  messageTitle: string;\n  message: string;\n  actions: MessageAction[];\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\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    } else 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 =\n    await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\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  setA11yAttributes(dialogRef, config);\n  Object.assign(dialogRef, config);\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 | undefined;\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  if (!dialogRef) {\n    dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n  }\n\n  setA11yAttributes(dialogRef, config);\n  Object.assign(dialogRef, config);\n\n  await 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  requestAnimationFrame(() => {\n    const autofocusElement = dialogRef.querySelector(\n      '[autofocus],[auto-focus]'\n    );\n\n    if (autofocusElement) {\n      (autofocusElement as HTMLIxButtonElement).focus();\n    }\n  });\n\n  return {\n    htmlElement: dialogRef,\n    onClose,\n    onDismiss,\n  };\n}\n"],"names":["setA11yAttributes"],"mappings":"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"}

package/dist/esm/mutation-observer-CX81WQtk.js

@@ -0,0 +1,14 @@
+/*
+ * 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 createMutationObserver = (callback) => new MutationObserver(callback);
+
+export { createMutationObserver as c };
+//# sourceMappingURL=mutation-observer-CX81WQtk.js.map
+
+//# sourceMappingURL=mutation-observer-CX81WQtk.js.map

package/dist/esm/mutation-observer-CX81WQtk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-observer-CX81WQtk.js","sources":["src/components/utils/mutation-observer.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 const createMutationObserver = (callback: MutationCallback) =>\n  new MutationObserver(callback);\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;AAEI,MAAM,sBAAsB,GAAG,CAAC,QAA0B,KAC/D,IAAI,gBAAgB,CAAC,QAAQ;;;;"}

package/dist/esm/rwd.util-pXYAoEyc.js

@@ -0,0 +1,42 @@
+/*
+ * 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 convertToRemString = (value) => {
+    const valueRem = value / 16;
+    return `${valueRem}rem`;
+};
+const convertToAbbreviationString = (num) => {
+    if (isNaN(num) || num === null || num === undefined) {
+        return '';
+    }
+    let unit = '';
+    // Metric Units
+    const units = [
+        { unit: 'q', value: Math.pow(10, 15) },
+        { unit: 't', value: Math.pow(10, 12) },
+        { unit: 'B', value: Math.pow(10, 9) },
+        { unit: 'M', value: Math.pow(10, 6) },
+        { unit: 'K', value: Math.pow(10, 3) },
+    ];
+    units.some((pow) => {
+        let formattedNum = Math.abs(num);
+        if (formattedNum >= pow.value) {
+            formattedNum /= pow.value;
+            num = Math.round(formattedNum * 10) / 10;
+            unit = pow.unit;
+            return true;
+        }
+        return false;
+    });
+    return num + unit;
+};
+
+export { convertToAbbreviationString as a, convertToRemString as c };
+//# sourceMappingURL=rwd.util-pXYAoEyc.js.map
+
+//# sourceMappingURL=rwd.util-pXYAoEyc.js.map

package/dist/esm/rwd.util-pXYAoEyc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rwd.util-pXYAoEyc.js","sources":["src/components/utils/rwd.util.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 const convertToRemString = (value: number) => {\n  const valueRem = value / 16;\n  return `${valueRem}rem`;\n};\n\nexport const convertToAbbreviationString = (num: number) => {\n  if (isNaN(num) || num === null || num === undefined) {\n    return '';\n  }\n\n  let unit = '';\n\n  // Metric Units\n  const units = [\n    { unit: 'q', value: Math.pow(10, 15) },\n    { unit: 't', value: Math.pow(10, 12) },\n    { unit: 'B', value: Math.pow(10, 9) },\n    { unit: 'M', value: Math.pow(10, 6) },\n    { unit: 'K', value: Math.pow(10, 3) },\n  ];\n\n  units.some((pow) => {\n    let formattedNum = Math.abs(num);\n    if (formattedNum >= pow.value) {\n      formattedNum /= pow.value;\n      num = Math.round(formattedNum * 10) / 10;\n      unit = pow.unit;\n      return true;\n    }\n\n    return false;\n  });\n\n  return num + unit;\n};\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;AAEU,MAAA,kBAAkB,GAAG,CAAC,KAAa,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,KAAK,GAAG,EAAE;IAC3B,OAAO,CAAA,EAAG,QAAQ,CAAA,GAAA,CAAK;AACzB;AAEa,MAAA,2BAA2B,GAAG,CAAC,GAAW,KAAI;AACzD,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;AACnD,QAAA,OAAO,EAAE;;IAGX,IAAI,IAAI,GAAG,EAAE;;AAGb,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;AACtC,QAAA,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;AACtC,QAAA,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;AACrC,QAAA,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;AACrC,QAAA,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;KACtC;AAED,IAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,KAAI;QACjB,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,YAAY,IAAI,GAAG,CAAC,KAAK,EAAE;AAC7B,YAAA,YAAY,IAAI,GAAG,CAAC,KAAK;YACzB,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,EAAE;AACxC,YAAA,IAAI,GAAG,GAAG,CAAC,IAAI;AACf,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,KAAK;AACd,KAAC,CAAC;IAEF,OAAO,GAAG,GAAG,IAAI;AACnB;;;;"}

package/dist/esm/service-Ca8OHh45.js

@@ -0,0 +1,100 @@
+import { m as matchBreakpoint } from './breakpoints-D6vSVaHq.js';
+import { T as TypedEvent } from './typed-event-BdCnOrqW.js';
+
+function debounce(func, delay) {
+    let timeoutId;
+    return function debounced(...args) {
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => {
+            func(...args);
+        }, delay);
+    };
+}
+
+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 _ApplicationLayoutService_supportedBreakpoints, _ApplicationLayoutService_breakpointChangeListener, _ApplicationLayoutService_breakpoint, _ApplicationLayoutService_isDetectionEnabled;
+class ApplicationLayoutService {
+    constructor() {
+        // Keep order of breakpoints
+        _ApplicationLayoutService_supportedBreakpoints.set(this, ['sm', 'md', 'lg']);
+        _ApplicationLayoutService_breakpointChangeListener.set(this, new TypedEvent());
+        _ApplicationLayoutService_breakpoint.set(this, 'lg');
+        _ApplicationLayoutService_isDetectionEnabled.set(this, true);
+        this.debouncedOnResize = debounce(this.onResize.bind(this), 50);
+        if (typeof window !== 'undefined') {
+            window.addEventListener('resize', this.debouncedOnResize.bind(this));
+            this.debouncedOnResize();
+        }
+    }
+    get breakpoint() {
+        return __classPrivateFieldGet(this, _ApplicationLayoutService_breakpoint, "f");
+    }
+    get onChange() {
+        return __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f");
+    }
+    get isDetectionEnabled() {
+        return __classPrivateFieldGet(this, _ApplicationLayoutService_isDetectionEnabled, "f");
+    }
+    onResize() {
+        if (!__classPrivateFieldGet(this, _ApplicationLayoutService_isDetectionEnabled, "f")) {
+            return;
+        }
+        if (!__classPrivateFieldGet(this, _ApplicationLayoutService_supportedBreakpoints, "f")) {
+            return;
+        }
+        const matchBreakpoints = [];
+        const breakpoints = __classPrivateFieldGet(this, _ApplicationLayoutService_supportedBreakpoints, "f");
+        breakpoints.forEach((breakpoint) => {
+            const match = matchBreakpoint(breakpoint);
+            matchBreakpoints.push([breakpoint, match]);
+        });
+        if (matchBreakpoints.every(([_, match]) => match === false)) {
+            let breakPointIndex = 0;
+            if (!__classPrivateFieldGet(this, _ApplicationLayoutService_supportedBreakpoints, "f").includes('lg')) {
+                breakPointIndex = matchBreakpoints.length - 1;
+            }
+            const [breakpoint, _] = matchBreakpoints[breakPointIndex];
+            requestAnimationFrame(() => __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
+            __classPrivateFieldSet(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
+            return;
+        }
+        for (const [breakpoint, match] of matchBreakpoints.reverse()) {
+            if (match) {
+                requestAnimationFrame(() => __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
+                __classPrivateFieldSet(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
+                break;
+            }
+        }
+    }
+    disableBreakpointDetection() {
+        __classPrivateFieldSet(this, _ApplicationLayoutService_isDetectionEnabled, false, "f");
+    }
+    enableBreakpointDetection() {
+        __classPrivateFieldSet(this, _ApplicationLayoutService_isDetectionEnabled, true, "f");
+    }
+    setBreakpoint(breakpoint) {
+        __classPrivateFieldSet(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
+        __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint);
+    }
+    setBreakpoints(breakpoints) {
+        __classPrivateFieldSet(this, _ApplicationLayoutService_supportedBreakpoints, breakpoints, "f");
+        this.onResize();
+    }
+}
+_ApplicationLayoutService_supportedBreakpoints = new WeakMap(), _ApplicationLayoutService_breakpointChangeListener = new WeakMap(), _ApplicationLayoutService_breakpoint = new WeakMap(), _ApplicationLayoutService_isDetectionEnabled = new WeakMap();
+const applicationLayoutService = new ApplicationLayoutService();
+
+export { applicationLayoutService as a };
+//# sourceMappingURL=service-Ca8OHh45.js.map
+
+//# sourceMappingURL=service-Ca8OHh45.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"service-Ca8OHh45.js","sources":["src/components/utils/debounce.ts","src/components/utils/application-layout/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 */\ntype AnyFunction = (...args: any[]) => any;\n\nexport function debounce<T extends AnyFunction>(\n  func: T,\n  delay: number\n): (...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>;\n\n  return function debounced(...args: Parameters<T>): void {\n    clearTimeout(timeoutId);\n\n    timeoutId = setTimeout(() => {\n      func(...args);\n    }, delay);\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 { Breakpoint, matchBreakpoint } from '../breakpoints';\nimport { debounce } from '../debounce';\nimport { TypedEvent } from '../typed-event';\n\nclass ApplicationLayoutService {\n  // Keep order of breakpoints\n  #supportedBreakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  #breakpointChangeListener = new TypedEvent<Breakpoint>();\n  #breakpoint: Breakpoint = 'lg';\n\n  #isDetectionEnabled = true;\n  debouncedOnResize = debounce(this.onResize.bind(this), 50);\n\n  constructor() {\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', this.debouncedOnResize.bind(this));\n      this.debouncedOnResize();\n    }\n  }\n\n  get breakpoint() {\n    return this.#breakpoint;\n  }\n\n  get onChange() {\n    return this.#breakpointChangeListener;\n  }\n\n  get isDetectionEnabled() {\n    return this.#isDetectionEnabled;\n  }\n\n  private onResize() {\n    if (!this.#isDetectionEnabled) {\n      return;\n    }\n    if (!this.#supportedBreakpoints) {\n      return;\n    }\n    const matchBreakpoints: [Breakpoint, boolean][] = [];\n\n    const breakpoints = this.#supportedBreakpoints;\n\n    breakpoints.forEach((breakpoint) => {\n      const match = matchBreakpoint(breakpoint);\n      matchBreakpoints.push([breakpoint, match]);\n    });\n\n    if (matchBreakpoints.every(([_, match]) => match === false)) {\n      let breakPointIndex = 0;\n      if (!this.#supportedBreakpoints.includes('lg')) {\n        breakPointIndex = matchBreakpoints.length - 1;\n      }\n\n      const [breakpoint, _] = matchBreakpoints[breakPointIndex];\n      requestAnimationFrame(() =>\n        this.#breakpointChangeListener.emit(breakpoint)\n      );\n      this.#breakpoint = breakpoint;\n      return;\n    }\n\n    for (const [breakpoint, match] of matchBreakpoints.reverse()) {\n      if (match) {\n        requestAnimationFrame(() =>\n          this.#breakpointChangeListener.emit(breakpoint)\n        );\n        this.#breakpoint = breakpoint;\n        break;\n      }\n    }\n  }\n\n  public disableBreakpointDetection() {\n    this.#isDetectionEnabled = false;\n  }\n\n  public enableBreakpointDetection() {\n    this.#isDetectionEnabled = true;\n  }\n\n  public setBreakpoint(breakpoint: Breakpoint) {\n    this.#breakpoint = breakpoint;\n    this.#breakpointChangeListener.emit(breakpoint);\n  }\n\n  public setBreakpoints(breakpoints: Breakpoint[]) {\n    this.#supportedBreakpoints = breakpoints;\n    this.onResize();\n  }\n}\n\nexport const applicationLayoutService = new ApplicationLayoutService();\n"],"names":[],"mappings":"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"}

package/dist/esm/setup-BbF8F_t9.js

@@ -0,0 +1,31 @@
+import { a as setPlatformHelpers } from './index-DtF9fwpD.js';
+
+/*
+ * SPDX-FileCopyrightText: 2024 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 handlePlatformHelpers(config) {
+    const platformHelpers = {};
+    if (config.ael) {
+        platformHelpers.ael = config.ael;
+    }
+    if (config.rel) {
+        platformHelpers.rel = config.rel;
+    }
+    if (config.ce) {
+        platformHelpers.ce = config.ce;
+    }
+    setPlatformHelpers(platformHelpers);
+}
+async function appGlobalScript (config) {
+    handlePlatformHelpers(config || {});
+}
+
+export { appGlobalScript as a, handlePlatformHelpers as h };
+//# sourceMappingURL=setup-BbF8F_t9.js.map
+
+//# sourceMappingURL=setup-BbF8F_t9.js.map

package/dist/esm/setup-BbF8F_t9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-BbF8F_t9.js","sources":["src/setup.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { setPlatformHelpers } from '@stencil/core';\n\nexport function handlePlatformHelpers(config: IxConfig) {\n  const platformHelpers: Pick<IxConfig, 'ael' | 'rel' | 'ce'> = {};\n\n  if (config.ael) {\n    platformHelpers.ael = config.ael;\n  }\n\n  if (config.rel) {\n    platformHelpers.rel = config.rel;\n  }\n\n  if (config.ce) {\n    platformHelpers.ce = config.ce;\n  }\n\n  setPlatformHelpers(platformHelpers);\n}\n\nexport type IxConfig = {\n  ael?: (\n    el: unknown,\n    name: string,\n    cb: (...args: unknown[]) => unknown,\n    opts: unknown\n  ) => void;\n  rel?: (\n    el: unknown,\n    name: string,\n    cb: (...args: unknown[]) => unknown,\n    opts: unknown\n  ) => void;\n  ce?: (eventName: string, opts: unknown) => unknown;\n};\n\nexport default async function (config?: IxConfig) {\n  handlePlatformHelpers(config || {});\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AAGG,SAAU,qBAAqB,CAAC,MAAgB,EAAA;IACpD,MAAM,eAAe,GAAyC,EAAE;AAEhE,IAAA,IAAI,MAAM,CAAC,GAAG,EAAE;AACd,QAAA,eAAe,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG;;AAGlC,IAAA,IAAI,MAAM,CAAC,GAAG,EAAE;AACd,QAAA,eAAe,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG;;AAGlC,IAAA,IAAI,MAAM,CAAC,EAAE,EAAE;AACb,QAAA,eAAe,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;;IAGhC,kBAAkB,CAAC,eAAe,CAAC;AACrC;AAkBe,gCAAgB,MAAiB,EAAA;AAC9C,IAAA,qBAAqB,CAAC,MAAM,IAAI,EAAE,CAAC;AACrC;;;;"}

package/dist/esm/shadow-dom-i60z1FJC.js

@@ -0,0 +1,46 @@
+/*
+ * SPDX-FileCopyrightText: 2024 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 closestElement(selector, el) {
+    if (!el) {
+        return null;
+    }
+    return (el.closest(selector) ||
+        closestElement(selector, el.getRootNode().host));
+}
+function getSlottedElements(slot) {
+    return slot.assignedElements({ flatten: true });
+}
+function hasSlottedElements(slot) {
+    if (!slot) {
+        return false;
+    }
+    return slot.assignedElements({ flatten: true }).length !== 0;
+}
+function closestPassShadow(node, selector) {
+    if (!node) {
+        return null;
+    }
+    if (node instanceof ShadowRoot) {
+        return closestPassShadow(node.host, selector);
+    }
+    if (node instanceof HTMLElement) {
+        if (node.matches(selector)) {
+            return node;
+        }
+        else {
+            return closestPassShadow(node.parentNode, selector);
+        }
+    }
+    return closestPassShadow(node.parentNode, selector);
+}
+
+export { closestPassShadow as a, closestElement as c, getSlottedElements as g, hasSlottedElements as h };
+//# sourceMappingURL=shadow-dom-i60z1FJC.js.map
+
+//# sourceMappingURL=shadow-dom-i60z1FJC.js.map

package/dist/esm/shadow-dom-i60z1FJC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-dom-i60z1FJC.js","sources":["src/components/utils/shadow-dom.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function closestElement(selector: string, el: any): null | Element {\n  if (!el) {\n    return null;\n  }\n  return (\n    el.closest(selector) ||\n    closestElement(selector, (el.getRootNode() as any).host)\n  );\n}\n\nexport function getSlottedElements<R = any>(slot: any): R[] {\n  return slot.assignedElements({ flatten: true });\n}\n\nexport function hasSlottedElements(slot: any) {\n  if (!slot) {\n    return false;\n  }\n  return slot.assignedElements({ flatten: true }).length !== 0;\n}\n\nexport function containsElement(target: Element, element: Element) {\n  const hasShadowDom = target.shadowRoot;\n\n  if (hasShadowDom) {\n    target.contains(element) || target.shadowRoot.contains(element);\n  }\n\n  return target.contains(element);\n}\n\nexport function closestPassShadow(node: Node, selector: string) {\n  if (!node) {\n    return null;\n  }\n\n  if (node instanceof ShadowRoot) {\n    return closestPassShadow(node.host, selector);\n  }\n\n  if (node instanceof HTMLElement) {\n    if (node.matches(selector)) {\n      return node;\n    } else {\n      return closestPassShadow(node.parentNode!, selector);\n    }\n  }\n\n  return closestPassShadow(node.parentNode!, selector);\n}\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;AACa,SAAA,cAAc,CAAC,QAAgB,EAAE,EAAO,EAAA;IACtD,IAAI,CAAC,EAAE,EAAE;AACP,QAAA,OAAO,IAAI;;AAEb,IAAA,QACE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;QACpB,cAAc,CAAC,QAAQ,EAAG,EAAE,CAAC,WAAW,EAAU,CAAC,IAAI,CAAC;AAE5D;AAEM,SAAU,kBAAkB,CAAU,IAAS,EAAA;IACnD,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACjD;AAEM,SAAU,kBAAkB,CAAC,IAAS,EAAA;IAC1C,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,KAAK;;AAEd,IAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC;AAC9D;AAYgB,SAAA,iBAAiB,CAAC,IAAU,EAAE,QAAgB,EAAA;IAC5D,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,IAAI;;AAGb,IAAA,IAAI,IAAI,YAAY,UAAU,EAAE;QAC9B,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;;AAG/C,IAAA,IAAI,IAAI,YAAY,WAAW,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC1B,YAAA,OAAO,IAAI;;aACN;YACL,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAW,EAAE,QAAQ,CAAC;;;IAIxD,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAW,EAAE,QAAQ,CAAC;AACtD;;;;"}