@siemens/ix-vue 3.2.0 → 4.1.0

package/dist/index.js

@@ -1,128 +1,127 @@
-import { IxActionCard as e, IxApplication as o, IxApplicationHeader as a, IxAvatar as r, IxBasicNavigation as n, IxBlind as i, IxBreadcrumb as p, IxBreadcrumbItem as u, IxButton as l, IxCard as d, IxCardAccordion as m, IxCardContent as s, IxCardList as T, IxCardTitle as c, IxCategoryFilter as C, IxCheckbox as M, IxCheckboxGroup as g, IxChip as A, IxCol as D, IxContent as f, IxContentHeader as w, IxCustomField as B, IxDateDropdown as P, IxDateInput as y, IxDatePicker as b, IxDatetimePicker as v, IxDivider as L, IxDrawer as S, IxDropdown as h, IxDropdownButton as k, IxDropdownHeader as F, IxDropdownItem as G, IxDropdownQuickActions as R, IxEmptyState as E, IxEventList as H, IxEventListItem as N, IxExpandingSearch as O, IxFieldLabel as _, IxFilterChip as K, IxFlipTile as V, IxFlipTileContent as U, IxGroup as W, IxGroupContextMenu as Q, IxGroupItem as j, IxHelperText as q, IxIconButton as z, IxIconToggleButton as J, IxInput as X, IxInputGroup as Y, IxKeyValue as Z, IxKeyValueList as $, IxKpi as II, IxLayoutAuto as xI, IxLayoutGrid as tI, IxLinkButton as eI, IxMapNavigation as oI, IxMapNavigationOverlay as aI, IxMenu as rI, IxMenuAbout as nI, IxMenuAboutItem as iI, IxMenuAboutNews as pI, IxMenuAvatar as uI, IxMenuAvatarItem as lI, IxMenuCategory as dI, IxMenuItem as mI, IxMenuSettings as sI, IxMenuSettingsItem as TI, IxMessageBar as cI, IxModal as CI, IxModalContent as MI, IxModalFooter as gI, IxModalHeader as AI, IxNumberInput as DI, IxPagination as fI, IxPane as wI, IxPaneLayout as BI, IxPill as PI, IxProgressIndicator as yI, IxPushCard as bI, IxRadio as vI, IxRadioGroup as LI, IxRow as SI, IxSelect as hI, IxSelectItem as kI, IxSlider as FI, IxSpinner as GI, IxSplitButton as RI, IxTabItem as EI, IxTabs as HI, IxTextarea as NI, IxTile as OI, IxTimeInput as _I, IxTimePicker as KI, IxToast as VI, IxToastContainer as UI, IxToggle as WI, IxToggleButton as QI, IxTooltip as jI, IxTree as qI, IxTreeItem as zI, IxTypography as JI, IxUpload as XI, IxValidationTooltip as YI, IxWorkflowStep as ZI, IxWorkflowSteps as $I } from "./components.js";
-import { default as xx } from "./context/IxApplicationContext.vue.js";
+import { IxActionCard as t, IxApplication as o, IxApplicationHeader as r, IxAvatar as a, IxBlind as n, IxBreadcrumb as i, IxBreadcrumbItem as p, IxButton as l, IxCard as u, IxCardAccordion as d, IxCardContent as s, IxCardList as m, IxCardTitle as T, IxCategoryFilter as c, IxCheckbox as C, IxCheckboxGroup as M, IxChip as A, IxCol as g, IxContent as D, IxContentHeader as f, IxCustomField as w, IxDateDropdown as P, IxDateInput as B, IxDatePicker as b, IxDatetimePicker as y, IxDivider as L, IxDrawer as S, IxDropdown as h, IxDropdownButton as k, IxDropdownHeader as v, IxDropdownItem as F, IxDropdownQuickActions as G, IxEmptyState as R, IxEventList as E, IxEventListItem as H, IxExpandingSearch as _, IxFieldLabel as K, IxFilterChip as O, IxFlipTile as V, IxFlipTileContent as N, IxGroup as U, IxGroupContextMenu as W, IxGroupItem as Q, IxHelperText as j, IxIconButton as q, IxIconToggleButton as z, IxInput as J, IxInputGroup as X, IxKeyValue as Y, IxKeyValueList as Z, IxKpi as $, IxLayoutAuto as II, IxLayoutGrid as xI, IxLinkButton as eI, IxMenu as tI, IxMenuAbout as oI, IxMenuAboutItem as rI, IxMenuAboutNews as aI, IxMenuAvatar as nI, IxMenuAvatarItem as iI, IxMenuCategory as pI, IxMenuItem as lI, IxMenuSettings as uI, IxMenuSettingsItem as dI, IxMessageBar as sI, IxModal as mI, IxModalContent as TI, IxModalFooter as cI, IxModalHeader as CI, IxNumberInput as MI, IxPagination as AI, IxPane as gI, IxPaneLayout as DI, IxPill as fI, IxProgressIndicator as wI, IxPushCard as PI, IxRadio as BI, IxRadioGroup as bI, IxRow as yI, IxSelect as LI, IxSelectItem as SI, IxSlider as hI, IxSpinner as kI, IxSplitButton as vI, IxTabItem as FI, IxTabs as GI, IxTextarea as RI, IxTile as EI, IxTimeInput as HI, IxTimePicker as _I, IxToast as KI, IxToastContainer as OI, IxToggle as VI, IxToggleButton as NI, IxTooltip as UI, IxTree as WI, IxTreeItem as QI, IxTypography as jI, IxUpload as qI, IxValidationTooltip as zI, IxWorkflowStep as JI, IxWorkflowSteps as XI } from "./components.js";
+import { default as ZI } from "./context/IxApplicationContext.vue.js";
 import "./internal-components.js";
-import { IxIcon as ex } from "./ix-icon.js";
-import { showModal as ax } from "./modal/index.js";
-import { ixPlugin as nx } from "./plugin.js";
-import { setToastPosition as px, showToast as ux } from "./toast/toast.js";
-import { default as dx } from "./modal/Modal.vue.js";
+import { IxIcon as Ix } from "./ix-icon.js";
+import { closeModal as ex, dismissModal as tx, showModal as ox } from "./modal/index.js";
+import { ixPlugin as ax } from "./plugin.js";
+import { setToastPosition as ix, showToast as px } from "./toast/toast.js";
+import { default as ux } from "./modal/Modal.vue.js";
 import { default as sx } from "./modal/IxOverlay.vue.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as cx, PORTAL_ID as Cx } from "./modal/constants.js";
+import { DATA_PORTAL_ID_ATTRIBUTE as Tx, PORTAL_ID as cx } from "./modal/constants.js";
 export {
-  cx as DATA_PORTAL_ID_ATTRIBUTE,
-  e as IxActionCard,
+  Tx as DATA_PORTAL_ID_ATTRIBUTE,
+  t as IxActionCard,
   o as IxApplication,
-  xx as IxApplicationContext,
-  a as IxApplicationHeader,
-  r as IxAvatar,
-  n as IxBasicNavigation,
-  i as IxBlind,
-  p as IxBreadcrumb,
-  u as IxBreadcrumbItem,
+  ZI as IxApplicationContext,
+  r as IxApplicationHeader,
+  a as IxAvatar,
+  n as IxBlind,
+  i as IxBreadcrumb,
+  p as IxBreadcrumbItem,
   l as IxButton,
-  d as IxCard,
-  m as IxCardAccordion,
+  u as IxCard,
+  d as IxCardAccordion,
   s as IxCardContent,
-  T as IxCardList,
-  c as IxCardTitle,
-  C as IxCategoryFilter,
-  M as IxCheckbox,
-  g as IxCheckboxGroup,
+  m as IxCardList,
+  T as IxCardTitle,
+  c as IxCategoryFilter,
+  C as IxCheckbox,
+  M as IxCheckboxGroup,
   A as IxChip,
-  D as IxCol,
-  f as IxContent,
-  w as IxContentHeader,
-  B as IxCustomField,
+  g as IxCol,
+  D as IxContent,
+  f as IxContentHeader,
+  w as IxCustomField,
   P as IxDateDropdown,
-  y as IxDateInput,
+  B as IxDateInput,
   b as IxDatePicker,
-  v as IxDatetimePicker,
+  y as IxDatetimePicker,
   L as IxDivider,
   S as IxDrawer,
   h as IxDropdown,
   k as IxDropdownButton,
-  F as IxDropdownHeader,
-  G as IxDropdownItem,
-  R as IxDropdownQuickActions,
-  E as IxEmptyState,
-  H as IxEventList,
-  N as IxEventListItem,
-  O as IxExpandingSearch,
-  _ as IxFieldLabel,
-  K as IxFilterChip,
+  v as IxDropdownHeader,
+  F as IxDropdownItem,
+  G as IxDropdownQuickActions,
+  R as IxEmptyState,
+  E as IxEventList,
+  H as IxEventListItem,
+  _ as IxExpandingSearch,
+  K as IxFieldLabel,
+  O as IxFilterChip,
   V as IxFlipTile,
-  U as IxFlipTileContent,
-  W as IxGroup,
-  Q as IxGroupContextMenu,
-  j as IxGroupItem,
-  q as IxHelperText,
-  ex as IxIcon,
-  z as IxIconButton,
-  J as IxIconToggleButton,
-  X as IxInput,
-  Y as IxInputGroup,
-  Z as IxKeyValue,
-  $ as IxKeyValueList,
-  II as IxKpi,
-  xI as IxLayoutAuto,
-  tI as IxLayoutGrid,
+  N as IxFlipTileContent,
+  U as IxGroup,
+  W as IxGroupContextMenu,
+  Q as IxGroupItem,
+  j as IxHelperText,
+  Ix as IxIcon,
+  q as IxIconButton,
+  z as IxIconToggleButton,
+  J as IxInput,
+  X as IxInputGroup,
+  Y as IxKeyValue,
+  Z as IxKeyValueList,
+  $ as IxKpi,
+  II as IxLayoutAuto,
+  xI as IxLayoutGrid,
   eI as IxLinkButton,
-  oI as IxMapNavigation,
-  aI as IxMapNavigationOverlay,
-  rI as IxMenu,
-  nI as IxMenuAbout,
-  iI as IxMenuAboutItem,
-  pI as IxMenuAboutNews,
-  uI as IxMenuAvatar,
-  lI as IxMenuAvatarItem,
-  dI as IxMenuCategory,
-  mI as IxMenuItem,
-  sI as IxMenuSettings,
-  TI as IxMenuSettingsItem,
-  cI as IxMessageBar,
-  CI as IxModal,
-  MI as IxModalContent,
-  gI as IxModalFooter,
-  AI as IxModalHeader,
-  DI as IxNumberInput,
+  tI as IxMenu,
+  oI as IxMenuAbout,
+  rI as IxMenuAboutItem,
+  aI as IxMenuAboutNews,
+  nI as IxMenuAvatar,
+  iI as IxMenuAvatarItem,
+  pI as IxMenuCategory,
+  lI as IxMenuItem,
+  uI as IxMenuSettings,
+  dI as IxMenuSettingsItem,
+  sI as IxMessageBar,
+  mI as IxModal,
+  TI as IxModalContent,
+  cI as IxModalFooter,
+  CI as IxModalHeader,
+  MI as IxNumberInput,
   sx as IxOverlay,
-  fI as IxPagination,
-  wI as IxPane,
-  BI as IxPaneLayout,
-  PI as IxPill,
-  yI as IxProgressIndicator,
-  bI as IxPushCard,
-  vI as IxRadio,
-  LI as IxRadioGroup,
-  SI as IxRow,
-  hI as IxSelect,
-  kI as IxSelectItem,
-  FI as IxSlider,
-  GI as IxSpinner,
-  RI as IxSplitButton,
-  EI as IxTabItem,
-  HI as IxTabs,
-  NI as IxTextarea,
-  OI as IxTile,
-  _I as IxTimeInput,
-  KI as IxTimePicker,
-  VI as IxToast,
-  UI as IxToastContainer,
-  WI as IxToggle,
-  QI as IxToggleButton,
-  jI as IxTooltip,
-  qI as IxTree,
-  zI as IxTreeItem,
-  JI as IxTypography,
-  XI as IxUpload,
-  YI as IxValidationTooltip,
-  ZI as IxWorkflowStep,
-  $I as IxWorkflowSteps,
-  dx as Modal,
-  Cx as PORTAL_ID,
-  nx as ixPlugin,
-  px as setToastPosition,
-  ax as showModal,
-  ux as showToast
+  AI as IxPagination,
+  gI as IxPane,
+  DI as IxPaneLayout,
+  fI as IxPill,
+  wI as IxProgressIndicator,
+  PI as IxPushCard,
+  BI as IxRadio,
+  bI as IxRadioGroup,
+  yI as IxRow,
+  LI as IxSelect,
+  SI as IxSelectItem,
+  hI as IxSlider,
+  kI as IxSpinner,
+  vI as IxSplitButton,
+  FI as IxTabItem,
+  GI as IxTabs,
+  RI as IxTextarea,
+  EI as IxTile,
+  HI as IxTimeInput,
+  _I as IxTimePicker,
+  KI as IxToast,
+  OI as IxToastContainer,
+  VI as IxToggle,
+  NI as IxToggleButton,
+  UI as IxTooltip,
+  WI as IxTree,
+  QI as IxTreeItem,
+  jI as IxTypography,
+  qI as IxUpload,
+  zI as IxValidationTooltip,
+  JI as IxWorkflowStep,
+  XI as IxWorkflowSteps,
+  ux as Modal,
+  cx as PORTAL_ID,
+  ex as closeModal,
+  tx as dismissModal,
+  ax as ixPlugin,
+  ix as setToastPosition,
+  ox as showModal,
+  px as showToast
 };
 //# sourceMappingURL=index.js.map

package/dist/modal/Modal.vue.d.ts

@@ -92,11 +92,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onDialogDismiss?: (args_0: IxModalCustomEvent<any>) => any;
 }>, {
     size: IxModalSize;
-    animation: boolean;
-    backdrop: boolean;
     closeOnBackdropClick: boolean;
     beforeDismiss: (reason?: any) => boolean | Promise<boolean>;
     centered: boolean;
+    animation: boolean;
+    backdrop: boolean;
     closeOnEscape: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/modal/index.d.ts

@@ -1,4 +1,4 @@
-import { ModalConfig as IxModalConfig } from '@siemens/ix';
+import { ModalConfig as IxModalConfig, ModalInstance as IxModalInstance } from '@siemens/ix';
 import { VNode } from 'vue';
 export { default as Modal } from './Modal.vue';
 export { default as IxOverlay } from './IxOverlay.vue';
@@ -7,4 +7,6 @@ export * from './modal-slot-props';
 export type ModalConfig = {
     content: VNode;
 };
-export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<import("@siemens/ix").ModalInstance<any>>;
+export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<IxModalInstance<any>>;
+export declare function dismissModal(modalInstance: IxModalInstance): void;
+export declare function closeModal<T = any>(modalInstance: IxModalInstance, reason?: T): void;

package/dist/modal/index.js

@@ -1,11 +1,10 @@
-import { showModal as r } from "@siemens/ix";
+import { showModal as r, dismissModal as t, closeModal as m } from "@siemens/ix";
 import "vue";
 import "@stencil/vue-output-target/runtime";
 import "@siemens/ix/components/ix-action-card.js";
 import "@siemens/ix/components/ix-application.js";
 import "@siemens/ix/components/ix-application-header.js";
 import "@siemens/ix/components/ix-avatar.js";
-import "@siemens/ix/components/ix-basic-navigation.js";
 import "@siemens/ix/components/ix-blind.js";
 import "@siemens/ix/components/ix-breadcrumb.js";
 import "@siemens/ix/components/ix-breadcrumb-item.js";
@@ -56,8 +55,6 @@ import "@siemens/ix/components/ix-kpi.js";
 import "@siemens/ix/components/ix-layout-auto.js";
 import "@siemens/ix/components/ix-layout-grid.js";
 import "@siemens/ix/components/ix-link-button.js";
-import "@siemens/ix/components/ix-map-navigation.js";
-import "@siemens/ix/components/ix-map-navigation-overlay.js";
 import "@siemens/ix/components/ix-menu.js";
 import "@siemens/ix/components/ix-menu-about.js";
 import "@siemens/ix/components/ix-menu-about-item.js";
@@ -107,10 +104,18 @@ import "@siemens/ix/components/ix-validation-tooltip.js";
 import "@siemens/ix/components/ix-workflow-step.js";
 import "@siemens/ix/components/ix-workflow-steps.js";
 import "./ix-view.js";
-async function mr(o) {
-  return r(o);
+async function to(i) {
+  return r(i);
+}
+function mo(i) {
+  i != null && i.htmlElement && t(i.htmlElement);
+}
+function po(i, o) {
+  i != null && i.htmlElement && m(i.htmlElement, o);
 }
 export {
-  mr as showModal
+  po as closeModal,
+  mo as dismissModal,
+  to as showModal
 };
 //# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["import {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n} from '@siemens/ix';\nimport { VNode } from 'vue';\n\nexport { default as Modal } from './Modal.vue';\nexport { default as IxOverlay } from './IxOverlay.vue';\nexport * from './constants';\nexport * from './modal-slot-props';\n\nexport type ModalConfig = {\n  content: VNode;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n"],"names":["showModal","config","_showModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,eAAsBA,GACpBC,GACA;AACA,SAAOC,EAAWD,CAAM;AAC1B;"}
+{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["import {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n} from '@siemens/ix';\nimport { VNode } from 'vue';\n\nexport { default as Modal } from './Modal.vue';\nexport { default as IxOverlay } from './IxOverlay.vue';\nexport * from './constants';\nexport * from './modal-slot-props';\n\nexport type ModalConfig = {\n  content: VNode;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n\nexport function dismissModal(modalInstance: IxModalInstance) {\n  if (modalInstance?.htmlElement) {\n    _dismissModal(modalInstance.htmlElement);\n  }\n}\n\nexport function closeModal<T = any>(\n  modalInstance: IxModalInstance,\n  reason?: T\n) {\n  if (modalInstance?.htmlElement) {\n    _closeModal(modalInstance.htmlElement, reason);\n  }\n}\n"],"names":["showModal","config","_showModal","dismissModal","modalInstance","_dismissModal","closeModal","reason","_closeModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,eAAsBA,GACpBC,GACA;AACA,SAAOC,EAAWD,CAAM;AAC1B;AAEO,SAASE,GAAaC,GAAgC;AAC3D,EAAIA,KAAA,QAAAA,EAAe,eACjBC,EAAcD,EAAc,WAAW;AAE3C;AAEO,SAASE,GACdF,GACAG,GACA;AACA,EAAIH,KAAA,QAAAA,EAAe,eACjBI,EAAYJ,EAAc,aAAaG,CAAM;AAEjD;"}

package/dist/plugin.js

@@ -1,23 +1,8 @@
-import { handlePlatformHelpers as o } from "@siemens/ix/components";
-function r(e) {
-  return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-}
-const l = {
-  async install() {
-    o({
-      ael(e, t, n, a) {
-        e.addEventListener(r(t), n, a);
-      },
-      rel(e, t, n, a) {
-        e.removeEventListener(r(t), n, a);
-      },
-      ce(e, t) {
-        return new CustomEvent(r(e), t);
-      }
-    });
+const i = {
+  install() {
   }
 };
 export {
-  l as ixPlugin
+  i as 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';\nimport { handlePlatformHelpers } from '@siemens/ix/components';\n\nfunction toKebabCase(name: string) {\n  const kebabCase = name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2');\n  return kebabCase.toLowerCase();\n}\n\nexport const ixPlugin: Plugin = {\n  async install() {\n    // handle vue event name conversion\n    handlePlatformHelpers({\n      ael(el: HTMLElement, name, cb, opts) {\n        el.addEventListener(toKebabCase(name), cb, opts);\n      },\n      rel(el: HTMLElement, name, cb, opts) {\n        el.removeEventListener(toKebabCase(name), cb, opts);\n      },\n      ce(name, opts) {\n        return new CustomEvent(toKebabCase(name), opts);\n      },\n    });\n  },\n};\n"],"names":["toKebabCase","name","ixPlugin","handlePlatformHelpers","el","cb","opts"],"mappings":";AAGA,SAASA,EAAYC,GAAc;AAEjC,SADkBA,EAAK,QAAQ,gCAAgC,OAAO,EACrD,YAAA;AACnB;AAEO,MAAMC,IAAmB;AAAA,EAC9B,MAAM,UAAU;AAEd,IAAAC,EAAsB;AAAA,MACpB,IAAIC,GAAiBH,GAAMI,GAAIC,GAAM;AACnC,QAAAF,EAAG,iBAAiBJ,EAAYC,CAAI,GAAGI,GAAIC,CAAI;AAAA,MACjD;AAAA,MACA,IAAIF,GAAiBH,GAAMI,GAAIC,GAAM;AACnC,QAAAF,EAAG,oBAAoBJ,EAAYC,CAAI,GAAGI,GAAIC,CAAI;AAAA,MACpD;AAAA,MACA,GAAGL,GAAMK,GAAM;AACb,eAAO,IAAI,YAAYN,EAAYC,CAAI,GAAGK,CAAI;AAAA,MAChD;AAAA,IAAA,CACD;AAAA,EACH;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":["ixPlugin"],"mappings":"AAEO,MAAMA,IAAmB;AAAA,EAC9B,UAAU;AAAA,EAEV;AACF;"}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://ix.siemens.io",
   "author": "Siemens AG",
   "license": "MIT",
-  "version": "3.2.0",
+  "version": "4.1.0",
   "description": "Siemens iX for Vue",
   "bugs": "https://github.com/siemens/ix/issues",
   "repository": {
@@ -21,30 +21,37 @@
     "dist"
   ],
   "dependencies": {
-    "@siemens/ix": "~3.2.0",
-    "@stencil/vue-output-target": "^0.10.8"
+    "@siemens/ix": "~4.1.0",
+    "@stencil/vue-output-target": "^0.11.8"
   },
   "devDependencies": {
+    "@testing-library/vue": "^8.1.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitest/browser": "^3.2.4",
     "eslint": "~8.21.0",
     "eslint-plugin-vue": "^9.27.0",
+    "playwright": "^1.54.1",
     "rimraf": "^3.0.2",
     "typescript": "^5.8.3",
-    "vue": "^3.4.34",
     "vite": "^6.3.5",
+    "vitest": "^3.2.4",
+    "vue": "^3.4.34",
     "vue-tsc": "^2.2.10",
-    "@vitejs/plugin-vue": "^5.2.3",
-    "@siemens/ix": "3.2.0",
-    "eslint-config-ix": "1.0.0"
+    "eslint-config-ix": "1.0.0",
+    "@siemens/ix": "4.1.0"
   },
   "peerDependencies": {
-    "@siemens/ix-icons": "^3.0.0",
+    "@siemens/ix-icons": "^3.2.0",
     "vue": ">=3.2.45"
   },
   "scripts": {
     "build": "pnpm clean && vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "clean": "rimraf dist",
-    "lint": "eslint src"
+    "lint": "eslint src",
+    "test.setup": "playwright install chromium --with-deps",
+    "test": "vitest --config=vitest.config.ts run",
+    "test.watch": "vitest --config=vitest.config.ts"
   }
 }