@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

package/package.json

@@ -7,20 +7,19 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "0.0.0-pr-1974-20250624072317",
+  "version": "0.0.0-pr-1974-20250627114851",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "types": "dist/types/interfaces.d.ts",
+  "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "files": [
     "LICENSE",
     "README.md",
     "READMEOSS.html",
-    "components/",
     "dist/",
     "loader/",
     "scss/",
@@ -28,7 +27,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/types/interfaces.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.cjs",
       "default": "./dist/esm/index.js"
@@ -86,7 +85,7 @@
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^29.5.12",
     "@types/luxon": "^3.4.2",
-    "@types/mustache": "^4.2.5",
+    "@types/mustache": "^4.2.6",
     "@types/node": "^20.16.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",

package/components/custom-elements.d.ts

@@ -1,10 +0,0 @@
-/*
- * 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.
- */
-export * from '../dist/types/interfaces';
-export * from './index';

package/components/index.d.ts

@@ -1,33 +0,0 @@
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/components/index.js

@@ -1,137 +0,0 @@
-import { s as setPlatformHelpers } from './p-DzKDFBWC.js';
-export { g as getAssetPath, r as render, a as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-DzKDFBWC.js';
-export { I as InputState, L as LogicalFilterOperator } from './p-BH3f5fa3.js';
-export { F as FlipTileState } from './p-BQ6999e5.js';
-export { U as UploadFileState } from './p-BGzrnl_l.js';
-import { A as Animation } from './p-Dp15M30K.js';
-import { g as getCoreDelegate } from './p-PxA_udyJ.js';
-export { c as closeModal, d as dismissModal, r as registerFrameworkDelegate, a as resolveDelegate, s as showMessage, b as showModal } from './p-PxA_udyJ.js';
-export { g as getCurrentSystemAppearance, t as themeSwitcher } from './p-Dp4RJcgZ.js';
-export { c as convertToAbbreviationString, a as convertToRemString } from './p-JJddxCCh.js';
-export { r as renderDefaultItem } from './p-UQa1aROL.js';
-export { T as TypedEvent } from './p-BdCnOrqW.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);
-}
-
-/*
- * 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 FilterState {
-    constructor() {
-        this.tokens = [];
-        this.categories = [];
-    }
-}
-
-function getToastContainer() {
-    const containerList = Array.from(document.querySelectorAll('ix-toast-container'));
-    const [container] = containerList;
-    if (containerList.length > 1) {
-        console.warn('Multiple toast containers were found. Only the first one will be used.');
-        return container;
-    }
-    if (!container) {
-        const toastContainer = document.createElement('ix-toast-container');
-        document.body.appendChild(toastContainer);
-        return toastContainer;
-    }
-    return container;
-}
-function setToastPosition(position) {
-    const container = getToastContainer();
-    container.setAttribute('position', position);
-}
-function toast(config) {
-    const container = getToastContainer();
-    return container.showToast(config);
-}
-toast.info = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'info' }));
-};
-toast.error = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'error' }));
-};
-toast.success = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'success' }));
-};
-toast.warning = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'warning' }));
-};
-
-/*
- * 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 showModalLoading(message) {
-    const modal = document.createElement('ix-modal');
-    modal.closeOnEscape = false;
-    const loading = document.createElement('ix-modal-loading');
-    loading.innerText = message;
-    modal.appendChild(loading);
-    getCoreDelegate().attachView(modal);
-    modal.showModal();
-    return {
-        update: (text) => (loading.innerHTML = text),
-        finish: (text, timeout = 250) => {
-            if (text !== undefined) {
-                loading.innerText = text;
-            }
-            else {
-                timeout = 0;
-            }
-            setTimeout(() => {
-                modal.closeModal(null);
-                setTimeout(async () => await getCoreDelegate().removeView(modal), Animation.mediumTime);
-            }, timeout);
-        },
-    };
-}
-
-/*
- * 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.
- */
-async function applyPolyfills() {
-    /**
-     * Placeholder to not break existing applications
-     * https://github.com/ionic-team/stencil/issues/5780
-     */
-}
-
-export { FilterState, applyPolyfills, getCoreDelegate, getToastContainer, handlePlatformHelpers, setToastPosition, showModalLoading, toast };
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +0,0 @@
-{"file":"index.js","mappings":"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","names":[],"sources":["src/setup.ts","src/components/category-filter/filter-state.ts","src/components/toast/toast-utils.ts","src/components/utils/modal/loading.ts","src/index.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","/*\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 { LogicalFilterOperator } from './logical-filter-operator';\nexport class FilterState {\n  public tokens: string[] = [];\n  public categories: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }[] = [];\n}\n","/*\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 { ShowToastResult } from './toast-container';\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\nexport type ToastPosition = 'bottom-right' | 'top-right';\n\nexport interface ToastConfig {\n  title?: string;\n  message: string | HTMLElement;\n  type?: ToastType;\n  autoClose?: boolean;\n  autoCloseDelay?: number;\n  icon?: string;\n  iconColor?: string;\n}\n\nexport function getToastContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-toast-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple toast containers were found. Only the first one will be used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const toastContainer = document.createElement('ix-toast-container');\n    document.body.appendChild(toastContainer);\n\n    return toastContainer;\n  }\n  return container;\n}\n\nexport function setToastPosition(position: ToastPosition) {\n  const container = getToastContainer();\n  container.setAttribute('position', position);\n}\n\nfunction toast(config: ToastConfig): Promise<ShowToastResult> {\n  const container = getToastContainer();\n  return container.showToast(config);\n}\n\ntoast.info = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'info',\n  });\n};\n\ntoast.error = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'error',\n  });\n};\n\ntoast.success = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'success',\n  });\n};\n\ntoast.warning = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'warning',\n  });\n};\n\nexport { toast };\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 Animation from '../animation';\nimport { getCoreDelegate } from '../delegate';\n\nexport function showModalLoading(message: string) {\n  const modal = document.createElement('ix-modal');\n  modal.closeOnEscape = false;\n\n  const loading = document.createElement('ix-modal-loading');\n  loading.innerText = message;\n  modal.appendChild(loading);\n\n  getCoreDelegate().attachView(modal);\n  modal.showModal();\n\n  return {\n    update: (text: string) => (loading.innerHTML = text),\n    finish: (text?: string, timeout: number = 250) => {\n      if (text !== undefined) {\n        loading.innerText = text;\n      } else {\n        timeout = 0;\n      }\n      setTimeout(() => {\n        modal.closeModal(null);\n        setTimeout(\n          async () => await getCoreDelegate().removeView(modal),\n          Animation.mediumTime\n        );\n      }, timeout);\n    },\n  };\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport * from './components/category-filter/filter-state';\nexport * from './components/category-filter/input-state';\nexport * from './components/category-filter/logical-filter-operator';\nexport { FlipTileState } from './components/flip-tile/flip-tile-state';\nexport * from './components/toast/toast-utils';\nexport * from './components/tree-item/default-tree-item';\nexport * from './components/tree/tree-model';\nexport * from './components/upload/upload-file-state';\nexport * from './components/utils/delegate';\nexport { ElementReference } from './components/utils/element-reference';\nexport * from './components/utils/modal';\nexport * from './components/utils/typed-event';\nexport { NotificationColor } from './components/utils/notification-color';\nexport {\n  convertToAbbreviationString,\n  convertToRemString,\n} from './components/utils/rwd.util';\nexport * from './components/utils/theme-switcher';\nexport { handlePlatformHelpers, IxConfig } from './setup';\n\nexport async function applyPolyfills() {\n  /**\n   * Placeholder to not break existing applications\n   * https://github.com/ionic-team/stencil/issues/5780\n   */\n}\n"],"version":3}

package/components/ix-action-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IxActionCard extends Components.IxActionCard, HTMLElement {}
-export const IxActionCard: {
-    prototype: IxActionCard;
-    new (): IxActionCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/ix-action-card.js

@@ -1,72 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-import { d as defineCustomElement$4 } from './p-Cuf7Gv_k.js';
-import { d as defineCustomElement$3 } from './p-CYjLayhK.js';
-import { d as defineCustomElement$2 } from './p-C9zujPO0.js';
-
-const actionCardCss = ":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";
-
-const IxActionCard$1 = /*@__PURE__*/ proxyCustomElement(class IxActionCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Card variant
-         */
-        this.variant = 'outline';
-        /**
-         * Card icon
-         */
-        this.icon = undefined;
-        /**
-         * Card selection
-         */
-        this.selected = false;
-    }
-    render() {
-        return (h(Host, { key: '611489a81be0dda6b92579bc5a8b6442f9c8ba14' }, h("ix-card", { key: '442340c0b4dcf3424187966ca06bf4b329cecda7', selected: this.selected, variant: this.variant, class: 'pointer' }, h("ix-card-content", { key: '755a4d6236f9e89e9c7207c6a16cf90696b0a6dc' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, h("div", { key: '9482063b3546639e35ae0b6ae88c359fa79587d5' }, this.heading ? (h("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (h("ix-typography", { format: "h5" }, this.subheading)) : null, h("slot", { key: '8b2f720026a55e8b40a829f2c93a003b40cc8f3a' }))))));
-    }
-    static get style() { return actionCardCss; }
-}, [1, "ix-action-card", {
-        "variant": [1],
-        "icon": [1],
-        "heading": [1],
-        "subheading": [1],
-        "selected": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-action-card", "ix-card", "ix-card-content", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-action-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IxActionCard$1);
-            }
-            break;
-        case "ix-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IxActionCard = IxActionCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxActionCard, defineCustomElement };
-//# sourceMappingURL=ix-action-card.js.map
-
-//# sourceMappingURL=ix-action-card.js.map

package/components/ix-action-card.js.map

@@ -1 +0,0 @@
-{"file":"ix-action-card.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,y6BAAy6B;;MCmBl7BA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAsB,SAAS;AAE9C;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAuB,SAAS;AAY5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AA4BzB;IA1BC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,SAAS,EAAA,EAEhB,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACR,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAA,CAAW,IAC3D,IAAI,EACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,OAAO,IACX,qBAAe,MAAM,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,OAAO,CAAiB,IACvD,IAAI,EACP,IAAI,CAAC,UAAU,IACd,qBAAe,MAAM,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,UAAU,CAAiB,IAC1D,IAAI,EACR,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACU,CACV,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["IxActionCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-card/action-card.scss?tag=ix-action-card&encapsulation=shadow","src/components/action-card/action-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  min-width: 13.375rem;\n  width: 13.375rem;\n  height: 7.5rem;\n  min-height: 7.5rem;\n  cursor: pointer;\n\n  margin: 0.25rem 0;\n\n  ix-card {\n    width: 100%;\n    height: 100%;\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 { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type ActionCardVariant = CardVariant;\n\n@Component({\n  tag: 'ix-action-card',\n  styleUrl: 'action-card.scss',\n  shadow: true,\n})\nexport class IxActionCard {\n  /**\n   * Card variant\n   */\n  @Prop() variant: ActionCardVariant = 'outline';\n\n  /**\n   * Card icon\n   */\n  @Prop() icon: string | undefined = undefined;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card selection\n   */\n  @Prop() selected = false;\n\n  render() {\n    return (\n      <Host>\n        <ix-card\n          selected={this.selected}\n          variant={this.variant}\n          class={'pointer'}\n        >\n          <ix-card-content>\n            {this.icon ? (\n              <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n            ) : null}\n            <div>\n              {this.heading ? (\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              ) : null}\n              {this.subheading ? (\n                <ix-typography format=\"h5\">{this.subheading}</ix-typography>\n              ) : null}\n              <slot></slot>\n            </div>\n          </ix-card-content>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-application-header.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IxApplicationHeader extends Components.IxApplicationHeader, HTMLElement {}
-export const IxApplicationHeader: {
-    prototype: IxApplicationHeader;
-    new (): IxApplicationHeader;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/ix-application-header.js

@@ -1,9 +0,0 @@
-import { A as ApplicationHeader, d as defineCustomElement$1 } from './p-BUVYgPbq.js';
-
-const IxApplicationHeader = ApplicationHeader;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxApplicationHeader, defineCustomElement };
-//# sourceMappingURL=ix-application-header.js.map
-
-//# sourceMappingURL=ix-application-header.js.map

package/components/ix-application-header.js.map

@@ -1 +0,0 @@
-{"file":"ix-application-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/ix-application-sidebar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IxApplicationSidebar extends Components.IxApplicationSidebar, HTMLElement {}
-export const IxApplicationSidebar: {
-    prototype: IxApplicationSidebar;
-    new (): IxApplicationSidebar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/ix-application-sidebar.js

@@ -1,64 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-import { a as anime } from './p-Ou74PMQs.js';
-import { A as Animation } from './p-Dp15M30K.js';
-
-const applicationSidebarCss = ":host{display:block;position:relative;width:22rem;height:100%;padding:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.visible){border-right:2px solid var(--theme-color-soft-bdr);padding:1.5rem 0.5rem 0}";
-
-const ApplicationSidebar = /*@__PURE__*/ proxyCustomElement(class ApplicationSidebar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.visible = true;
-    }
-    listenToggleEvent() {
-        const visibility = !this.visible;
-        const animation = {
-            targets: this.hostElement,
-            width: visibility ? ['0', '22rem'] : ['22rem', '0'],
-            opacity: visibility ? [0, 1] : [1, 0],
-            easing: 'easeInSine',
-            duration: Animation.defaultTime,
-        };
-        const changeVisibility = () => {
-            this.visible = visibility;
-        };
-        if (visibility) {
-            animation.begin = changeVisibility.bind(this);
-        }
-        else {
-            animation.complete = changeVisibility.bind(this);
-        }
-        anime(animation);
-    }
-    render() {
-        return (h(Host, { key: '1fa8306ba4f3867bb327cf83c444dc85637e8dca', slot: "application-sidebar", class: {
-                visible: this.visible,
-            } }, this.visible ? h("slot", null) : null));
-    }
-    get hostElement() { return this; }
-    static get style() { return applicationSidebarCss; }
-}, [1, "ix-application-sidebar", {
-        "visible": [32]
-    }, [[8, "application-sidebar-toggle", "listenToggleEvent"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-application-sidebar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-application-sidebar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ApplicationSidebar);
-            }
-            break;
-    } });
-}
-
-const IxApplicationSidebar = ApplicationSidebar;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxApplicationSidebar, defineCustomElement };
-//# sourceMappingURL=ix-application-sidebar.js.map
-
-//# sourceMappingURL=ix-application-sidebar.js.map

package/components/ix-application-sidebar.js.map

@@ -1 +0,0 @@
-{"file":"ix-application-sidebar.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,65BAA65B;;MCmB96B,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;AAQW,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;AAwCxB;IAnCC,iBAAiB,GAAA;AACf,QAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO;AAChC,QAAA,MAAM,SAAS,GAAsB;YACnC,OAAO,EAAE,IAAI,CAAC,WAAW;AACzB,YAAA,KAAK,EAAE,UAAU,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC;AACnD,YAAA,OAAO,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACrC,YAAA,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,SAAS,CAAC,WAAW;SAChC;QAED,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,UAAU;AAC3B,SAAC;QAED,IAAI,UAAU,EAAE;YACd,SAAS,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;aACxC;YACL,SAAS,CAAC,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;QAGlD,KAAK,CAAC,SAAS,CAAC;;IAGlB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,aAAA,EAAA,EAEA,IAAI,CAAC,OAAO,GAAG,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,IAAI,CAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/application-sidebar/application-sidebar.scss?tag=ix-application-sidebar&encapsulation=shadow","src/components/application-sidebar/application-sidebar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n\n  width: 22rem;\n  height: 100%;\n\n  padding: 0;\n}\n\n:host(.visible) {\n  border-right: 2px solid var(--theme-color-soft-bdr);\n  padding: 1.5rem 0.5rem 0;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Listen, State } from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\n\n/** @internal */\n@Component({\n  tag: 'ix-application-sidebar',\n  styleUrl: 'application-sidebar.scss',\n  shadow: true,\n})\nexport class ApplicationSidebar {\n  @Element() hostElement!: HTMLIxApplicationSidebarElement;\n\n  @State() visible = true;\n\n  @Listen('application-sidebar-toggle', {\n    target: 'window',\n  })\n  listenToggleEvent() {\n    const visibility = !this.visible;\n    const animation: anime.AnimeParams = {\n      targets: this.hostElement,\n      width: visibility ? ['0', '22rem'] : ['22rem', '0'],\n      opacity: visibility ? [0, 1] : [1, 0],\n      easing: 'easeInSine',\n      duration: Animation.defaultTime,\n    };\n\n    const changeVisibility = () => {\n      this.visible = visibility;\n    };\n\n    if (visibility) {\n      animation.begin = changeVisibility.bind(this);\n    } else {\n      animation.complete = changeVisibility.bind(this);\n    }\n\n    anime(animation);\n  }\n\n  render() {\n    return (\n      <Host\n        slot=\"application-sidebar\"\n        class={{\n          visible: this.visible,\n        }}\n      >\n        {this.visible ? <slot></slot> : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-application-switch-modal.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IxApplicationSwitchModal extends Components.IxApplicationSwitchModal, HTMLElement {}
-export const IxApplicationSwitchModal: {
-    prototype: IxApplicationSwitchModal;
-    new (): IxApplicationSwitchModal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/ix-application-switch-modal.js

@@ -1,106 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-import './p-Dp15M30K.js';
-import { d as dismissModal } from './p-PxA_udyJ.js';
-import { i as iconApps, a as iconOpenExternal } from './p-CGwHQeMX.js';
-import { d as defineCustomElement$6 } from './p-BXGAr1UD.js';
-import { d as defineCustomElement$5 } from './p-CJ9lFwzL.js';
-import { d as defineCustomElement$4 } from './p-6UCgBriG.js';
-import { d as defineCustomElement$3 } from './p-BOARJXlu.js';
-import { d as defineCustomElement$2 } from './p-C9zujPO0.js';
-
-const applicationSwitchModalCss = ":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";
-
-function ApplicationItem(props) {
-    function isExternal(target) {
-        if (target !== '_blank' &&
-            target !== '_parent' &&
-            target !== '_self' &&
-            target !== '_top') {
-            // Check if its one of the target keywords
-            // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target
-            return true;
-        }
-        if (target === '_blank') {
-            return true;
-        }
-        return false;
-    }
-    return (h("button", { class: {
-            AppEntry: true,
-            Selected: props.selected,
-        }, onClick: () => {
-            dismissModal(props.host);
-            window.open(props.url, props.target);
-        } }, h("div", null, h("img", { class: "AppIcon", src: props.iconSrc })), h("div", { class: "AppName" }, h("ix-typography", { format: "h4" }, props.name, isExternal(props.target) && (h("ix-icon", { size: "12", name: iconOpenExternal, color: "color-soft-text" }))), h("ix-typography", { format: "label-sm", textColor: "soft" }, props.description))));
-}
-const ApplicationSwitchModal = /*@__PURE__*/ proxyCustomElement(class ApplicationSwitchModal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    componentWillLoad() {
-        if (!this.config) {
-            throw Error('ApplicationConfig not provided');
-        }
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h(Host, { key: '5443526ea5c044173392e6b855443eea449da4b1' }, h("ix-modal-header", { key: 'abef9c8d6d20923d2f962acbd95c5a591c77ddfb', icon: iconApps }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), h("ix-modal-content", { key: '47bb0edd3ed8624b43a1b21773fd14a8bba9d24f', class: "content" }, h("div", { key: 'b407a67b393307e8e7ca950291fcbbafea96ea69', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (h("div", { key: '1c625f776c2c531c3582d24b1dc72ccf5718f26d', class: "loading" }, h("ix-spinner", { key: '4f2da8b360a49501cc0e294204d7433fcc77e78e', size: "medium", variant: "primary" }), h("span", { key: '25dde483ac94a504b3597f2b7361c968f47754a3' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
-            'Loading available applications...'))), (_d = this.config) === null || _d === void 0 ? void 0 :
-            _d.apps.map((appEntry) => {
-                var _a;
-                return (h(ApplicationItem, { host: this.hostElement, name: appEntry.name, description: appEntry.description, iconSrc: appEntry.iconSrc, target: appEntry.target, url: appEntry.url, selected: appEntry.id === ((_a = this.config) === null || _a === void 0 ? void 0 : _a.currentAppId) }));
-            })))));
-    }
-    get hostElement() { return this; }
-    static get style() { return applicationSwitchModalCss; }
-}, [1, "ix-application-switch-modal", {
-        "config": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-application-switch-modal", "ix-icon-button", "ix-modal-content", "ix-modal-header", "ix-spinner", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-application-switch-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ApplicationSwitchModal);
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ix-modal-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ix-modal-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IxApplicationSwitchModal = ApplicationSwitchModal;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxApplicationSwitchModal, defineCustomElement };
-//# sourceMappingURL=ix-application-switch-modal.js.map
-
-//# sourceMappingURL=ix-application-switch-modal.js.map

package/components/ix-application-switch-modal.js.map

@@ -1 +0,0 @@
-{"file":"ix-application-switch-modal.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/application-header/application-switch-modal/application-switch-modal.scss?tag=ix-application-switch-modal&encapsulation=shadow","src/components/application-header/application-switch-modal/application-switch-modal.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'mixins/hover';\n\n:host {\n  @include ix-component;\n  display: block;\n\n  .content {\n    padding: 2rem;\n    padding-right: 0;\n  }\n\n  .content-apps {\n    display: flex;\n    position: relative;\n    flex-wrap: wrap;\n    justify-content: space-evenly;\n    max-height: 50vh;\n    margin-right: 0.25rem;\n    gap: 1.5rem;\n  }\n\n  .loading {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    ix-spinner {\n      margin-right: 1rem;\n    }\n  }\n}\n\n:host {\n  .AppEntry {\n    all: unset;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 1rem;\n    padding: 0.5rem;\n    flex: 1 1 calc(45%);\n    cursor: pointer;\n    border: 0.0625rem solid transparent;\n  }\n\n  .AppEntry.Selected {\n    background-color: var(--theme-color-ghost--selected);\n    border: var(--theme-dynamic-bdr-1);\n  }\n\n  .AppEntry {\n    @include ghost-hover-pressed;\n  }\n\n  .AppEntry:focus-visible {\n    border: 1px solid var(--theme-color-focus-bdr);\n  }\n\n  .AppName {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .AppName ix-icon {\n    margin-left: 1rem;\n  }\n\n  .AppIcon {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 0.25rem;\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 { Component, Element, h, Host, Prop } from '@stencil/core';\nimport {\n  AppSwitchConfiguration,\n  AppSwitchConfigurationTarget,\n} from '../../utils/application-layout/context';\nimport { dismissModal } from '../../utils/modal';\nimport { iconApps, iconOpenExternal } from '@siemens/ix-icons/icons';\n\nfunction ApplicationItem(props: {\n  host: HTMLIxApplicationSwitchModalElement;\n  name: string;\n  description: string;\n  iconSrc: string;\n  url: string;\n  target: AppSwitchConfigurationTarget;\n  selected: boolean;\n}) {\n  function isExternal(target: AppSwitchConfigurationTarget) {\n    if (\n      target !== '_blank' &&\n      target !== '_parent' &&\n      target !== '_self' &&\n      target !== '_top'\n    ) {\n      // Check if its one of the target keywords\n      // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target\n      return true;\n    }\n\n    if (target === '_blank') {\n      return true;\n    }\n\n    return false;\n  }\n\n  return (\n    <button\n      class={{\n        AppEntry: true,\n        Selected: props.selected,\n      }}\n      onClick={() => {\n        dismissModal(props.host);\n        window.open(props.url, props.target);\n      }}\n    >\n      <div>\n        <img class=\"AppIcon\" src={props.iconSrc}></img>\n      </div>\n      <div class=\"AppName\">\n        <ix-typography format=\"h4\">\n          {props.name}\n          {isExternal(props.target) && (\n            <ix-icon\n              size=\"12\"\n              name={iconOpenExternal}\n              color=\"color-soft-text\"\n            ></ix-icon>\n          )}\n        </ix-typography>\n        <ix-typography format=\"label-sm\" textColor=\"soft\">\n          {props.description}\n        </ix-typography>\n      </div>\n    </button>\n  );\n}\n\n/** @internal */\n@Component({\n  tag: 'ix-application-switch-modal',\n  styleUrl: 'application-switch-modal.scss',\n  shadow: true,\n})\nexport class ApplicationSwitchModal {\n  @Element() hostElement!: HTMLIxApplicationSwitchModalElement;\n\n  /** @internal */\n  @Prop() config?: AppSwitchConfiguration;\n\n  componentWillLoad() {\n    if (!this.config) {\n      throw Error('ApplicationConfig not provided');\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-modal-header icon={iconApps}>\n          {this.config?.i18nAppSwitch || 'Switch to application'}\n        </ix-modal-header>\n        <ix-modal-content class=\"content\">\n          <div class=\"content-apps\">\n            {(!this.config || this.config?.apps.length === 0) && (\n              <div class=\"loading\">\n                <ix-spinner size=\"medium\" variant=\"primary\"></ix-spinner>\n                <span>\n                  {this.config?.i18nLoadingApps ||\n                    'Loading available applications...'}\n                </span>\n              </div>\n            )}\n            {this.config?.apps.map((appEntry) => (\n              <ApplicationItem\n                host={this.hostElement}\n                name={appEntry.name}\n                description={appEntry.description}\n                iconSrc={appEntry.iconSrc}\n                target={appEntry.target}\n                url={appEntry.url}\n                selected={appEntry.id === this.config?.currentAppId}\n              ></ApplicationItem>\n            ))}\n          </div>\n        </ix-modal-content>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-application.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface IxApplication extends Components.IxApplication, HTMLElement {}
-export const IxApplication: {
-    prototype: IxApplication;
-    new (): IxApplication;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;