@siemens/ix-vue 4.4.0 → 5.0.0

package/dist/modal/ix-view.js

@@ -1,31 +1,31 @@
-import { defineComponent as r, h as e, Teleport as i } from "vue";
-import { DATA_PORTAL_ID_ATTRIBUTE as o } from "./constants.js";
-const p = r({
+import { defineComponent, h, Teleport } from "vue";
+import { DATA_PORTAL_ID_ATTRIBUTE } from "./constants.js";
+const IxView = defineComponent({
   name: "IxView",
   props: {
     teleportId: {
       type: String,
-      required: !0
+      required: true
     },
     id: {
       type: String,
-      required: !0
+      required: true
     },
     node: {
       type: Object,
-      required: !0
+      required: true
     }
   },
   render() {
-    const t = e(
+    const div = h(
       "div",
-      { [o]: this.id, style: "display: contents" },
+      { [DATA_PORTAL_ID_ATTRIBUTE]: this.id, style: "display: contents" },
       this.node
     );
-    return e(i, { to: this.teleportId }, t);
+    return h(Teleport, { to: this.teleportId }, div);
   }
 });
 export {
-  p as default
+  IxView as default
 };
 //# sourceMappingURL=ix-view.js.map

package/dist/modal/ix-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-view.js","sources":["../../src/modal/ix-view.ts"],"sourcesContent":["import { defineComponent, h, PropType, VNode, Teleport } from 'vue';\nimport { DATA_PORTAL_ID_ATTRIBUTE } from './constants';\n\nexport default defineComponent({\n  name: 'IxView',\n  props: {\n    teleportId: {\n      type: String,\n      required: true,\n    },\n    id: {\n      type: String,\n      required: true,\n    },\n    node: {\n      type: Object as PropType<VNode>,\n      required: true,\n    },\n  },\n  render() {\n    const div = h(\n      'div',\n      { [DATA_PORTAL_ID_ATTRIBUTE]: this.id, style: 'display: contents' },\n      this.node\n    );\n\n    return h(Teleport, { to: this.teleportId }, div);\n  },\n});\n"],"names":["IxView","defineComponent","div","h","DATA_PORTAL_ID_ATTRIBUTE","Teleport"],"mappings":";;AAGA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,SAAS;AACP,UAAMC,IAAMC;AAAA,MACV;AAAA,MACA,EAAE,CAACC,CAAwB,GAAG,KAAK,IAAI,OAAO,oBAAA;AAAA,MAC9C,KAAK;AAAA,IAAA;AAGP,WAAOD,EAAEE,GAAU,EAAE,IAAI,KAAK,WAAA,GAAcH,CAAG;AAAA,EACjD;AACF,CAAC;"}
+{"version":3,"file":"ix-view.js","sources":["../../src/modal/ix-view.ts"],"sourcesContent":["import { defineComponent, h, PropType, VNode, Teleport } from 'vue';\nimport { DATA_PORTAL_ID_ATTRIBUTE } from './constants';\n\nexport default defineComponent({\n  name: 'IxView',\n  props: {\n    teleportId: {\n      type: String,\n      required: true,\n    },\n    id: {\n      type: String,\n      required: true,\n    },\n    node: {\n      type: Object as PropType<VNode>,\n      required: true,\n    },\n  },\n  render() {\n    const div = h(\n      'div',\n      { [DATA_PORTAL_ID_ATTRIBUTE]: this.id, style: 'display: contents' },\n      this.node\n    );\n\n    return h(Teleport, { to: this.teleportId }, div);\n  },\n});\n"],"names":[],"mappings":";;AAGA,MAAA,SAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,SAAS;AACP,UAAM,MAAM;AAAA,MACV;AAAA,MACA,EAAE,CAAC,wBAAwB,GAAG,KAAK,IAAI,OAAO,oBAAA;AAAA,MAC9C,KAAK;AAAA,IAAA;AAGP,WAAO,EAAE,UAAU,EAAE,IAAI,KAAK,WAAA,GAAc,GAAG;AAAA,EACjD;AACF,CAAC;"}

package/dist/plugin.js

@@ -1,8 +1,8 @@
-const i = {
+const ixPlugin = {
   install() {
   }
 };
 export {
-  i as ixPlugin
+  ixPlugin
 };
 //# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../src/plugin.ts"],"sourcesContent":["import { Plugin } from 'vue';\n\nexport const ixPlugin: Plugin = {\n  install() {\n    // Plugin initialization - currently no setup required\n  },\n};\n"],"names":["ixPlugin"],"mappings":"AAEO,MAAMA,IAAmB;AAAA,EAC9B,UAAU;AAAA,EAEV;AACF;"}
+{"version":3,"file":"plugin.js","sources":["../src/plugin.ts"],"sourcesContent":["import { Plugin } from 'vue';\n\nexport const ixPlugin: Plugin = {\n  install() {\n    // Plugin initialization - currently no setup required\n  },\n};\n"],"names":[],"mappings":"AAEO,MAAM,WAAmB;AAAA,EAC9B,UAAU;AAAA,EAEV;AACF;"}

package/dist/tab-set.d.ts

@@ -0,0 +1,17 @@
+import { type PropType, type VNode } from 'vue';
+export declare const IxTabSet: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const IxTabPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tabKey: {
+        type: PropType<string>;
+        required: true;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tabKey: {
+        type: PropType<string>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastConfig as IxToastConfig } from '@siemens/ix';
+import type { ToastConfig as IxToastConfig } from '@siemens/ix';
 export type ToastConfig = {
     message?: string | HTMLElement;
     action?: HTMLElement;

package/dist/toast/toast.js

@@ -1,22 +1,37 @@
-import { getToastContainer as n, toast as o } from "@siemens/ix";
-import { defineCustomElement as a } from "@siemens/ix/components/ix-toast.js";
-import { defineCustomElement as m } from "@siemens/ix/components/ix-toast-container.js";
-import { defineCustomElement as i } from "@siemens/ix-icons/components/ix-icon.js";
-function f(e) {
-  n().position = e;
+import { getToastContainer, toast } from "@siemens/ix/components";
+import { defineCustomElement as defineCustomElement$2 } from "@siemens/ix/components/ix-toast.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix/components/ix-toast-container.js";
+import { defineCustomElement } from "@siemens/ix-icons/components/ix-icon.js";
+function setToastPosition(position) {
+  getToastContainer().position = position;
 }
-async function C(e) {
-  if (i(), m(), a(), typeof e.message == "string" && !e.action)
-    return await o(e);
-  let t, s;
-  return e.message && typeof e.message != "string" ? t = e.message.cloneNode(!0) : typeof e.message == "string" && (t = e.message), e.action && (s = e.action.cloneNode(!0)), await o({
-    ...e,
-    message: t,
-    action: s
+async function showToast(config) {
+  defineCustomElement();
+  defineCustomElement$1();
+  defineCustomElement$2();
+  if (typeof config.message === "string" && !config.action) {
+    const toastInstance2 = await toast(config);
+    return toastInstance2;
+  }
+  let clonedMessage = void 0;
+  let clonedAction = void 0;
+  if (config.message && typeof config.message !== "string") {
+    clonedMessage = config.message.cloneNode(true);
+  } else if (typeof config.message === "string") {
+    clonedMessage = config.message;
+  }
+  if (config.action) {
+    clonedAction = config.action.cloneNode(true);
+  }
+  const toastInstance = await toast({
+    ...config,
+    message: clonedMessage,
+    action: clonedAction
   });
+  return toastInstance;
 }
 export {
-  f as setToastPosition,
-  C as showToast
+  setToastPosition,
+  showToast
 };
 //# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../src/toast/toast.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  getToastContainer,\n  toast,\n  ToastConfig as IxToastConfig,\n} from '@siemens/ix';\nimport { defineCustomElement as defineIxToast } from '@siemens/ix/components/ix-toast.js';\nimport { defineCustomElement as defineIxToastContainer } from '@siemens/ix/components/ix-toast-container.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport type ToastConfig = {\n  message?: string | HTMLElement;\n  action?: HTMLElement;\n};\n\nexport function setToastPosition(position: 'bottom-right' | 'top-right') {\n  getToastContainer().position = position;\n}\n\nexport async function showToast(\n  config: Omit<IxToastConfig, 'message' | 'action'> & ToastConfig\n) {\n  // Define components upfront to prevent undefined components\n  defineIxIcon();\n  defineIxToastContainer();\n  defineIxToast();\n\n  if (typeof config.message === 'string' && !config.action) {\n    const toastInstance = await toast(config as IxToastConfig);\n    return toastInstance;\n  }\n\n  let clonedMessage: string | HTMLElement | undefined = undefined;\n  let clonedAction: HTMLElement | undefined = undefined;\n\n  if (config.message && typeof config.message !== 'string') {\n    clonedMessage = config.message.cloneNode(true) as HTMLElement;\n  } else if (typeof config.message === 'string') {\n    clonedMessage = config.message;\n  }\n\n  if (config.action) {\n    clonedAction = config.action.cloneNode(true) as HTMLElement;\n  }\n\n  const toastInstance = await toast({\n    ...config,\n    message: clonedMessage,\n    action: clonedAction,\n  });\n\n  return toastInstance;\n}\n"],"names":["setToastPosition","position","getToastContainer","showToast","config","defineIxIcon","defineIxToastContainer","defineIxToast","toast","clonedMessage","clonedAction"],"mappings":";;;;AAuBO,SAASA,EAAiBC,GAAwC;AACvE,EAAAC,EAAA,EAAoB,WAAWD;AACjC;AAEA,eAAsBE,EACpBC,GACA;AAMA,MAJAC,EAAA,GACAC,EAAA,GACAC,EAAA,GAEI,OAAOH,EAAO,WAAY,YAAY,CAACA,EAAO;AAEhD,WADsB,MAAMI,EAAMJ,CAAuB;AAI3D,MAAIK,GACAC;AAEJ,SAAIN,EAAO,WAAW,OAAOA,EAAO,WAAY,WAC9CK,IAAgBL,EAAO,QAAQ,UAAU,EAAI,IACpC,OAAOA,EAAO,WAAY,aACnCK,IAAgBL,EAAO,UAGrBA,EAAO,WACTM,IAAeN,EAAO,OAAO,UAAU,EAAI,IAGvB,MAAMI,EAAM;AAAA,IAChC,GAAGJ;AAAA,IACH,SAASK;AAAA,IACT,QAAQC;AAAA,EAAA,CACT;AAGH;"}
+{"version":3,"file":"toast.js","sources":["../../src/toast/toast.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 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 type { ToastConfig as IxToastConfig } from '@siemens/ix';\nimport { getToastContainer, toast } from '@siemens/ix/components';\nimport { defineCustomElement as defineIxToast } from '@siemens/ix/components/ix-toast.js';\nimport { defineCustomElement as defineIxToastContainer } from '@siemens/ix/components/ix-toast-container.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport type ToastConfig = {\n  message?: string | HTMLElement;\n  action?: HTMLElement;\n};\n\nexport function setToastPosition(position: 'bottom-right' | 'top-right') {\n  getToastContainer().position = position;\n}\n\nexport async function showToast(\n  config: Omit<IxToastConfig, 'message' | 'action'> & ToastConfig\n) {\n  // Define components upfront to prevent undefined components\n  defineIxIcon();\n  defineIxToastContainer();\n  defineIxToast();\n\n  if (typeof config.message === 'string' && !config.action) {\n    const toastInstance = await toast(config as IxToastConfig);\n    return toastInstance;\n  }\n\n  let clonedMessage: string | HTMLElement | undefined = undefined;\n  let clonedAction: HTMLElement | undefined = undefined;\n\n  if (config.message && typeof config.message !== 'string') {\n    clonedMessage = config.message.cloneNode(true) as HTMLElement;\n  } else if (typeof config.message === 'string') {\n    clonedMessage = config.message;\n  }\n\n  if (config.action) {\n    clonedAction = config.action.cloneNode(true) as HTMLElement;\n  }\n\n  const toastInstance = await toast({\n    ...config,\n    message: clonedMessage,\n    action: clonedAction,\n  });\n\n  return toastInstance;\n}\n"],"names":["defineIxIcon","defineIxToastContainer","defineIxToast","toastInstance"],"mappings":";;;;AAoBO,SAAS,iBAAiB,UAAwC;AACvE,oBAAA,EAAoB,WAAW;AACjC;AAEA,eAAsB,UACpB,QACA;AAEAA,sBAAA;AACAC,wBAAA;AACAC,wBAAA;AAEA,MAAI,OAAO,OAAO,YAAY,YAAY,CAAC,OAAO,QAAQ;AACxD,UAAMC,iBAAgB,MAAM,MAAM,MAAuB;AACzD,WAAOA;AAAAA,EACT;AAEA,MAAI,gBAAkD;AACtD,MAAI,eAAwC;AAE5C,MAAI,OAAO,WAAW,OAAO,OAAO,YAAY,UAAU;AACxD,oBAAgB,OAAO,QAAQ,UAAU,IAAI;AAAA,EAC/C,WAAW,OAAO,OAAO,YAAY,UAAU;AAC7C,oBAAgB,OAAO;AAAA,EACzB;AAEA,MAAI,OAAO,QAAQ;AACjB,mBAAe,OAAO,OAAO,UAAU,IAAI;AAAA,EAC7C;AAEA,QAAM,gBAAgB,MAAM,MAAM;AAAA,IAChC,GAAG;AAAA,IACH,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA,CACT;AAED,SAAO;AACT;"}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://ix.siemens.io",
   "author": "Siemens AG",
   "license": "MIT",
-  "version": "4.4.0",
+  "version": "5.0.0",
   "description": "Siemens iX for Vue",
   "bugs": "https://github.com/siemens/ix/issues",
   "repository": {
@@ -21,7 +21,7 @@
     "dist"
   ],
   "dependencies": {
-    "@siemens/ix": "~4.4.0",
+    "@siemens/ix": "~5.0.0",
     "@stencil/vue-output-target": "^0.12.0"
   },
   "devDependencies": {
@@ -35,15 +35,15 @@
     "playwright": "^1.57.0",
     "rimraf": "^6.1.3",
     "typescript": "^5.8.3",
-    "vite": "^7.3.1",
+    "vite": "7.3.1",
     "vitest": "^3.2.4",
     "vue": "^3.4.34",
     "vue-tsc": "^2.2.10",
-    "@siemens/ix": "4.4.0",
+    "@siemens/ix": "5.0.0",
     "eslint-config-ix": "1.0.0"
   },
   "peerDependencies": {
-    "@siemens/ix-icons": "^3.2.0",
+    "@siemens/ix-icons": "^3.4.0",
     "vue": ">=3.2.45"
   },
   "scripts": {