@siemens/ix-vue 4.4.0 → 5.0.0

package/dist/context/IxApplicationContext.vue.js

@@ -1,17 +1,17 @@
-import t from "./IxApplicationContext.vue2.js";
-import { resolveComponent as n, openBlock as r, createElementBlock as l, Fragment as a, renderSlot as d, createVNode as c, createElementVNode as p } from "vue";
-import s from "../_virtual/_plugin-vue_export-helper.js";
-const i = ["id"];
-function m(e, _, f, u, $, g) {
-  const o = n("IxOverlay");
-  return r(), l(a, null, [
-    d(e.$slots, "default"),
-    c(o, { delegate: e.delegate }, null, 8, ["delegate"]),
-    p("div", { id: e.PORTAL_ID }, null, 8, i)
+import _sfc_main from "./IxApplicationContext.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createVNode, createElementVNode } from "vue";
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["id"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IxOverlay = resolveComponent("IxOverlay");
+  return openBlock(), createElementBlock(Fragment, null, [
+    renderSlot(_ctx.$slots, "default"),
+    createVNode(_component_IxOverlay, { delegate: _ctx.delegate }, null, 8, ["delegate"]),
+    createElementVNode("div", { id: _ctx.PORTAL_ID }, null, 8, _hoisted_1)
   ], 64);
 }
-const O = /* @__PURE__ */ s(t, [["render", m]]);
+const IxApplicationContext = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  O as default
+  IxApplicationContext as default
 };
 //# sourceMappingURL=IxApplicationContext.vue.js.map

package/dist/context/IxApplicationContext.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxApplicationContext.vue.js","sources":["../../src/context/IxApplicationContext.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { PORTAL_ID, IxOverlay } from '../modal'\nimport { vueFrameworkDelegate } from '../delegate';\nimport { defineApplicationContext } from \"./context\"\nimport { defineComponent } from 'vue';\n\n\nexport default defineComponent({\n    components: {\n        IxOverlay,\n    },\n    setup() {\n        const delegate = vueFrameworkDelegate;\n\n        defineApplicationContext({\n            delegate,\n        });\n\n        return {\n            delegate,\n            PORTAL_ID,\n        };\n    }\n})\n\n\n\n</script>\n\n<template>\n    <slot></slot>\n    <IxOverlay :delegate=\"delegate\"></IxOverlay>\n    <div :id=\"PORTAL_ID\"></div>\n</template>"],"names":["_openBlock","_Fragment","delegate","_renderSlot","PORTAL_ID"],"mappings":";;;;;;AA+BI,SAAAA,EAAA,KAAYC,GAAUC,MAAAA;AAAAA,IACtBC,YAA2B,SAAjBC;AAAAA,IAAAA,EAAAA,GAAAA,EAAAA,UAAAA,EAAAA,SAAAA,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA;AAAAA;;;;"}
+{"version":3,"file":"IxApplicationContext.vue.js","sources":["../../src/context/IxApplicationContext.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { PORTAL_ID, IxOverlay } from '../modal'\nimport { vueFrameworkDelegate } from '../delegate';\nimport { defineApplicationContext } from \"./context\"\nimport { defineComponent } from 'vue';\n\n\nexport default defineComponent({\n    components: {\n        IxOverlay,\n    },\n    setup() {\n        const delegate = vueFrameworkDelegate;\n\n        defineApplicationContext({\n            delegate,\n        });\n\n        return {\n            delegate,\n            PORTAL_ID,\n        };\n    }\n})\n\n\n\n</script>\n\n<template>\n    <slot></slot>\n    <IxOverlay :delegate=\"delegate\"></IxOverlay>\n    <div :id=\"PORTAL_ID\"></div>\n</template>"],"names":["_openBlock","_Fragment","delegate","_renderSlot","PORTAL_ID"],"mappings":";;;;;;AA+BI,SAAAA,UAAA,sBAAYC,UAAUC,MAAAA;AAAAA,IACtBC,wBAA2B,SAAjBC;AAAAA,IAAAA,YAAAA,sBAAAA,EAAAA,UAAAA,KAAAA,SAAAA,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA;AAAAA;;;;"}

package/dist/context/IxApplicationContext.vue2.js

@@ -1,24 +1,25 @@
 import "../modal/index.js";
-import { vueFrameworkDelegate as e } from "../delegate.js";
-import { defineApplicationContext as t } from "./context.js";
-import { defineComponent as r } from "vue";
-import m from "../modal/IxOverlay.vue.js";
-import { PORTAL_ID as n } from "../modal/constants.js";
-const l = r({
+import { vueFrameworkDelegate } from "../delegate.js";
+import { defineApplicationContext } from "./context.js";
+import { defineComponent } from "vue";
+import _sfc_main$1 from "../modal/IxOverlay.vue.js";
+import { PORTAL_ID } from "../modal/constants.js";
+const _sfc_main = defineComponent({
   components: {
-    IxOverlay: m
+    IxOverlay: _sfc_main$1
   },
   setup() {
-    const o = e;
-    return t({
-      delegate: o
-    }), {
-      delegate: o,
-      PORTAL_ID: n
+    const delegate = vueFrameworkDelegate;
+    defineApplicationContext({
+      delegate
+    });
+    return {
+      delegate,
+      PORTAL_ID
     };
   }
 });
 export {
-  l as default
+  _sfc_main as default
 };
 //# sourceMappingURL=IxApplicationContext.vue2.js.map

package/dist/context/IxApplicationContext.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxApplicationContext.vue2.js","sources":["../../src/context/IxApplicationContext.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { PORTAL_ID, IxOverlay } from '../modal'\nimport { vueFrameworkDelegate } from '../delegate';\nimport { defineApplicationContext } from \"./context\"\nimport { defineComponent } from 'vue';\n\n\nexport default defineComponent({\n    components: {\n        IxOverlay,\n    },\n    setup() {\n        const delegate = vueFrameworkDelegate;\n\n        defineApplicationContext({\n            delegate,\n        });\n\n        return {\n            delegate,\n            PORTAL_ID,\n        };\n    }\n})\n\n\n\n</script>\n\n<template>\n    <slot></slot>\n    <IxOverlay :delegate=\"delegate\"></IxOverlay>\n    <div :id=\"PORTAL_ID\"></div>\n</template>"],"names":["_sfc_main","defineComponent","IxOverlay","delegate","vueFrameworkDelegate","defineApplicationContext","PORTAL_ID"],"mappings":";;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,YAAY;AAAA,IAAA,WACRC;AAAAA,EAAA;AAAA,EAEJ,QAAQ;AACJ,UAAMC,IAAWC;AAEjB,WAAAC,EAAyB;AAAA,MACrB,UAAAF;AAAA,IAAA,CACH,GAEM;AAAA,MACH,UAAAA;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAER;AACJ,CAAC;"}
+{"version":3,"file":"IxApplicationContext.vue2.js","sources":["../../src/context/IxApplicationContext.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { PORTAL_ID, IxOverlay } from '../modal'\nimport { vueFrameworkDelegate } from '../delegate';\nimport { defineApplicationContext } from \"./context\"\nimport { defineComponent } from 'vue';\n\n\nexport default defineComponent({\n    components: {\n        IxOverlay,\n    },\n    setup() {\n        const delegate = vueFrameworkDelegate;\n\n        defineApplicationContext({\n            delegate,\n        });\n\n        return {\n            delegate,\n            PORTAL_ID,\n        };\n    }\n})\n\n\n\n</script>\n\n<template>\n    <slot></slot>\n    <IxOverlay :delegate=\"delegate\"></IxOverlay>\n    <div :id=\"PORTAL_ID\"></div>\n</template>"],"names":["IxOverlay"],"mappings":";;;;;;AAOA,MAAA,YAAe,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IAAA,WACRA;AAAAA,EAAA;AAAA,EAEJ,QAAQ;AACJ,UAAM,WAAW;AAEjB,6BAAyB;AAAA,MACrB;AAAA,IAAA,CACH;AAED,WAAO;AAAA,MACH;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AACJ,CAAC;"}

package/dist/context/context.js

@@ -1,11 +1,11 @@
-import { provide as t } from "vue";
-const n = /* @__PURE__ */ Symbol(
+import { provide } from "vue";
+const applicationContextToken = /* @__PURE__ */ Symbol(
   "applicationContextToken"
 );
-function e(o) {
-  t(n, o);
+function defineApplicationContext(context) {
+  provide(applicationContextToken, context);
 }
 export {
-  e as defineApplicationContext
+  defineApplicationContext
 };
 //# sourceMappingURL=context.js.map

package/dist/context/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/context/context.ts"],"sourcesContent":["import { InjectionKey, provide, inject } from 'vue';\nimport { VueFrameworkDelegate } from '../delegate';\n\nexport type ApplicationContext = {\n  delegate: VueFrameworkDelegate;\n};\n\nconst applicationContextToken: InjectionKey<ApplicationContext> = Symbol(\n  'applicationContextToken'\n);\n\nexport function defineApplicationContext(context: ApplicationContext) {\n  provide(applicationContextToken, context);\n}\n\nexport function useApplicationContext(): ApplicationContext {\n  const context = inject(applicationContextToken, null);\n  if (!context) {\n    throw new Error('Application context is not provided');\n  }\n  return context;\n}\n"],"names":["applicationContextToken","defineApplicationContext","context","provide"],"mappings":";AAOA,MAAMA,IAA4D;AAAA,EAChE;AACF;AAEO,SAASC,EAAyBC,GAA6B;AACpE,EAAAC,EAAQH,GAAyBE,CAAO;AAC1C;"}
+{"version":3,"file":"context.js","sources":["../../src/context/context.ts"],"sourcesContent":["import { InjectionKey, provide, inject } from 'vue';\nimport { VueFrameworkDelegate } from '../delegate';\n\nexport type ApplicationContext = {\n  delegate: VueFrameworkDelegate;\n};\n\nconst applicationContextToken: InjectionKey<ApplicationContext> = Symbol(\n  'applicationContextToken'\n);\n\nexport function defineApplicationContext(context: ApplicationContext) {\n  provide(applicationContextToken, context);\n}\n\nexport function useApplicationContext(): ApplicationContext {\n  const context = inject(applicationContextToken, null);\n  if (!context) {\n    throw new Error('Application context is not provided');\n  }\n  return context;\n}\n"],"names":[],"mappings":";AAOA,MAAM,0BAA4D;AAAA,EAChE;AACF;AAEO,SAAS,yBAAyB,SAA6B;AACpE,UAAQ,yBAAyB,OAAO;AAC1C;"}

package/dist/delegate.d.ts

@@ -1,4 +1,4 @@
-import { FrameworkDelegate } from '@siemens/ix';
+import type { FrameworkDelegate } from '@siemens/ix';
 import { VNode } from 'vue';
 export declare class VueFrameworkDelegate implements FrameworkDelegate {
     attachViewToPortal?: (id: string, view: VNode) => Promise<Element>;

package/dist/delegate.js

@@ -1,25 +1,30 @@
-import { registerFrameworkDelegate as o } from "@siemens/ix";
-let i = 0;
-function a() {
-  return `ix-vue-view-${i++}`;
+import { registerFrameworkDelegate } from "@siemens/ix/components";
+let viewInstance = 0;
+function createViewInstance() {
+  return `ix-vue-view-${viewInstance++}`;
 }
-class n {
+class VueFrameworkDelegate {
   constructor() {
     this.portalInitPromise = new Promise(
-      (e) => this.resolvePortalInitPromise = e
+      (resolve) => this.resolvePortalInitPromise = resolve
     );
   }
-  async attachView(e) {
-    const t = a();
-    if (await this.isPortalReady(), this.attachViewToPortal)
-      return await this.attachViewToPortal(t, e);
+  async attachView(view) {
+    const id = createViewInstance();
+    await this.isPortalReady();
+    if (this.attachViewToPortal) {
+      const element = await this.attachViewToPortal(id, view);
+      return element;
+    }
     console.error("Portal could not be initialized");
   }
-  async removeView(e) {
-    if (!this.removeViewFromPortal)
+  async removeView(view) {
+    if (!this.removeViewFromPortal) {
       return;
-    const r = e.parentElement.getAttribute("data-portal-id");
-    this.removeViewFromPortal(r);
+    }
+    const parent = view.parentElement;
+    const id = parent.getAttribute("data-portal-id");
+    this.removeViewFromPortal(id);
   }
   portalReady() {
     this.resolvePortalInitPromise?.();
@@ -28,10 +33,10 @@ class n {
     return this.portalInitPromise;
   }
 }
-const s = new n();
-o(s);
+const vueFrameworkDelegate = new VueFrameworkDelegate();
+registerFrameworkDelegate(vueFrameworkDelegate);
 export {
-  n as VueFrameworkDelegate,
-  s as vueFrameworkDelegate
+  VueFrameworkDelegate,
+  vueFrameworkDelegate
 };
 //# sourceMappingURL=delegate.js.map

package/dist/delegate.js.map

@@ -1 +1 @@
-{"version":3,"file":"delegate.js","sources":["../src/delegate.ts"],"sourcesContent":["import { FrameworkDelegate, registerFrameworkDelegate } from '@siemens/ix';\nimport { VNode } from 'vue';\n\nlet viewInstance = 0;\n\nfunction createViewInstance() {\n  return `ix-vue-view-${viewInstance++}`;\n}\n\nexport class VueFrameworkDelegate implements FrameworkDelegate {\n  attachViewToPortal?: (id: string, view: VNode) => Promise<Element>;\n  removeViewFromPortal?: (id: string) => void;\n\n  resolvePortalInitPromise: (() => void) | undefined;\n  portalInitPromise: Promise<void>;\n\n  constructor() {\n    this.portalInitPromise = new Promise<void>(\n      (resolve) => (this.resolvePortalInitPromise = resolve)\n    );\n  }\n\n  async attachView<R = HTMLElement>(view: VNode): Promise<R> {\n    const id = createViewInstance();\n\n    await this.isPortalReady();\n\n    if (this.attachViewToPortal) {\n      const element = await this.attachViewToPortal(id, view);\n      return element as R;\n    }\n\n    console.error('Portal could not be initialized');\n  }\n\n  async removeView(view: Element): Promise<void> {\n    if (!this.removeViewFromPortal) {\n      return;\n    }\n\n    const parent = view.parentElement;\n    const id = parent.getAttribute('data-portal-id');\n\n    this.removeViewFromPortal(id);\n  }\n\n  portalReady() {\n    this.resolvePortalInitPromise?.();\n  }\n\n  private isPortalReady() {\n    return this.portalInitPromise;\n  }\n}\n\nexport const vueFrameworkDelegate = new VueFrameworkDelegate();\nregisterFrameworkDelegate(vueFrameworkDelegate);\n"],"names":["viewInstance","createViewInstance","VueFrameworkDelegate","resolve","view","id","vueFrameworkDelegate","registerFrameworkDelegate"],"mappings":";AAGA,IAAIA,IAAe;AAEnB,SAASC,IAAqB;AAC5B,SAAO,eAAeD,GAAc;AACtC;AAEO,MAAME,EAAkD;AAAA,EAO7D,cAAc;AACZ,SAAK,oBAAoB,IAAI;AAAA,MAC3B,CAACC,MAAa,KAAK,2BAA2BA;AAAA,IAAA;AAAA,EAElD;AAAA,EAEA,MAAM,WAA4BC,GAAyB;AACzD,UAAMC,IAAKJ,EAAA;AAIX,QAFA,MAAM,KAAK,cAAA,GAEP,KAAK;AAEP,aADgB,MAAM,KAAK,mBAAmBI,GAAID,CAAI;AAIxD,YAAQ,MAAM,iCAAiC;AAAA,EACjD;AAAA,EAEA,MAAM,WAAWA,GAA8B;AAC7C,QAAI,CAAC,KAAK;AACR;AAIF,UAAMC,IADSD,EAAK,cACF,aAAa,gBAAgB;AAE/C,SAAK,qBAAqBC,CAAE;AAAA,EAC9B;AAAA,EAEA,cAAc;AACZ,SAAK,2BAAA;AAAA,EACP;AAAA,EAEQ,gBAAgB;AACtB,WAAO,KAAK;AAAA,EACd;AACF;AAEO,MAAMC,IAAuB,IAAIJ,EAAA;AACxCK,EAA0BD,CAAoB;"}
+{"version":3,"file":"delegate.js","sources":["../src/delegate.ts"],"sourcesContent":["import type { FrameworkDelegate } from '@siemens/ix';\nimport { registerFrameworkDelegate } from '@siemens/ix/components';\nimport { VNode } from 'vue';\n\nlet viewInstance = 0;\n\nfunction createViewInstance() {\n  return `ix-vue-view-${viewInstance++}`;\n}\n\nexport class VueFrameworkDelegate implements FrameworkDelegate {\n  attachViewToPortal?: (id: string, view: VNode) => Promise<Element>;\n  removeViewFromPortal?: (id: string) => void;\n\n  resolvePortalInitPromise: (() => void) | undefined;\n  portalInitPromise: Promise<void>;\n\n  constructor() {\n    this.portalInitPromise = new Promise<void>(\n      (resolve) => (this.resolvePortalInitPromise = resolve)\n    );\n  }\n\n  async attachView<R = HTMLElement>(view: VNode): Promise<R> {\n    const id = createViewInstance();\n\n    await this.isPortalReady();\n\n    if (this.attachViewToPortal) {\n      const element = await this.attachViewToPortal(id, view);\n      return element as R;\n    }\n\n    console.error('Portal could not be initialized');\n  }\n\n  async removeView(view: Element): Promise<void> {\n    if (!this.removeViewFromPortal) {\n      return;\n    }\n\n    const parent = view.parentElement;\n    const id = parent.getAttribute('data-portal-id');\n\n    this.removeViewFromPortal(id);\n  }\n\n  portalReady() {\n    this.resolvePortalInitPromise?.();\n  }\n\n  private isPortalReady() {\n    return this.portalInitPromise;\n  }\n}\n\nexport const vueFrameworkDelegate = new VueFrameworkDelegate();\nregisterFrameworkDelegate(vueFrameworkDelegate);\n"],"names":[],"mappings":";AAIA,IAAI,eAAe;AAEnB,SAAS,qBAAqB;AAC5B,SAAO,eAAe,cAAc;AACtC;AAEO,MAAM,qBAAkD;AAAA,EAO7D,cAAc;AACZ,SAAK,oBAAoB,IAAI;AAAA,MAC3B,CAAC,YAAa,KAAK,2BAA2B;AAAA,IAAA;AAAA,EAElD;AAAA,EAEA,MAAM,WAA4B,MAAyB;AACzD,UAAM,KAAK,mBAAA;AAEX,UAAM,KAAK,cAAA;AAEX,QAAI,KAAK,oBAAoB;AAC3B,YAAM,UAAU,MAAM,KAAK,mBAAmB,IAAI,IAAI;AACtD,aAAO;AAAA,IACT;AAEA,YAAQ,MAAM,iCAAiC;AAAA,EACjD;AAAA,EAEA,MAAM,WAAW,MAA8B;AAC7C,QAAI,CAAC,KAAK,sBAAsB;AAC9B;AAAA,IACF;AAEA,UAAM,SAAS,KAAK;AACpB,UAAM,KAAK,OAAO,aAAa,gBAAgB;AAE/C,SAAK,qBAAqB,EAAE;AAAA,EAC9B;AAAA,EAEA,cAAc;AACZ,SAAK,2BAAA;AAAA,EACP;AAAA,EAEQ,gBAAgB;AACtB,WAAO,KAAK;AAAA,EACd;AACF;AAEO,MAAM,uBAAuB,IAAI,qBAAA;AACxC,0BAA0B,oBAAoB;"}

package/dist/index.js

@@ -1,130 +1,229 @@
-import { IxActionCard as o, IxApplication as t, 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 g, IxCol as A, IxContent as f, IxContentHeader as w, IxCustomField as D, IxDateDropdown as P, IxDateInput as B, IxDatePicker as L, IxDatetimePicker as b, IxDivider as h, IxDrawer as y, IxDropdown as S, 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 oI, IxMenuAbout as tI, 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 gI, IxPane as AI, IxPaneLayout as fI, IxPill as wI, IxProgressIndicator as DI, IxPushCard as PI, IxRadio as BI, IxRadioGroup as LI, IxRow as bI, IxSelect as hI, IxSelectItem as yI, IxSlider as SI, 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 { IxActionCard } from "./components/ix-action-card.js";
+import { IxApplication } from "./components/ix-application.js";
+import { IxApplicationHeader } from "./components/ix-application-header.js";
+import { IxAvatar } from "./components/ix-avatar.js";
+import { IxBlind } from "./components/ix-blind.js";
+import { IxBreadcrumb } from "./components/ix-breadcrumb.js";
+import { IxBreadcrumbItem } from "./components/ix-breadcrumb-item.js";
+import { IxButton } from "./components/ix-button.js";
+import { IxCard } from "./components/ix-card.js";
+import { IxCardAccordion } from "./components/ix-card-accordion.js";
+import { IxCardContent } from "./components/ix-card-content.js";
+import { IxCardList } from "./components/ix-card-list.js";
+import { IxCardTitle } from "./components/ix-card-title.js";
+import { IxCategoryFilter } from "./components/ix-category-filter.js";
+import { IxCheckbox } from "./components/ix-checkbox.js";
+import { IxCheckboxGroup } from "./components/ix-checkbox-group.js";
+import { IxChip } from "./components/ix-chip.js";
+import { IxCol } from "./components/ix-col.js";
+import { IxContent } from "./components/ix-content.js";
+import { IxContentHeader } from "./components/ix-content-header.js";
+import { IxCustomField } from "./components/ix-custom-field.js";
+import { IxDateDropdown } from "./components/ix-date-dropdown.js";
+import { IxDateInput } from "./components/ix-date-input.js";
+import { IxDatePicker } from "./components/ix-date-picker.js";
+import { IxDatetimeInput } from "./components/ix-datetime-input.js";
+import { IxDatetimePicker } from "./components/ix-datetime-picker.js";
+import { IxDivider } from "./components/ix-divider.js";
+import { IxDropdown } from "./components/ix-dropdown.js";
+import { IxDropdownButton } from "./components/ix-dropdown-button.js";
+import { IxDropdownHeader } from "./components/ix-dropdown-header.js";
+import { IxDropdownItem } from "./components/ix-dropdown-item.js";
+import { IxDropdownQuickActions } from "./components/ix-dropdown-quick-actions.js";
+import { IxEmptyState } from "./components/ix-empty-state.js";
+import { IxEventList } from "./components/ix-event-list.js";
+import { IxEventListItem } from "./components/ix-event-list-item.js";
+import { IxExpandingSearch } from "./components/ix-expanding-search.js";
+import { IxFieldLabel } from "./components/ix-field-label.js";
+import { IxFilterChip } from "./components/ix-filter-chip.js";
+import { IxFlipTile } from "./components/ix-flip-tile.js";
+import { IxFlipTileContent } from "./components/ix-flip-tile-content.js";
+import { IxGroup } from "./components/ix-group.js";
+import { IxGroupContextMenu } from "./components/ix-group-context-menu.js";
+import { IxGroupItem } from "./components/ix-group-item.js";
+import { IxHelperText } from "./components/ix-helper-text.js";
+import { IxIconButton } from "./components/ix-icon-button.js";
+import { IxIconToggleButton } from "./components/ix-icon-toggle-button.js";
+import { IxInput } from "./components/ix-input.js";
+import { IxKeyValue } from "./components/ix-key-value.js";
+import { IxKeyValueList } from "./components/ix-key-value-list.js";
+import { IxKpi } from "./components/ix-kpi.js";
+import { IxLayoutAuto } from "./components/ix-layout-auto.js";
+import { IxLayoutGrid } from "./components/ix-layout-grid.js";
+import { IxLinkButton } from "./components/ix-link-button.js";
+import { IxMenu } from "./components/ix-menu.js";
+import { IxMenuAbout } from "./components/ix-menu-about.js";
+import { IxMenuAboutItem } from "./components/ix-menu-about-item.js";
+import { IxMenuAboutNews } from "./components/ix-menu-about-news.js";
+import { IxMenuAvatar } from "./components/ix-menu-avatar.js";
+import { IxMenuAvatarItem } from "./components/ix-menu-avatar-item.js";
+import { IxMenuCategory } from "./components/ix-menu-category.js";
+import { IxMenuItem } from "./components/ix-menu-item.js";
+import { IxMenuSettings } from "./components/ix-menu-settings.js";
+import { IxMenuSettingsItem } from "./components/ix-menu-settings-item.js";
+import { IxMessageBar } from "./components/ix-message-bar.js";
+import { IxModal } from "./components/ix-modal.js";
+import { IxModalContent } from "./components/ix-modal-content.js";
+import { IxModalFooter } from "./components/ix-modal-footer.js";
+import { IxModalHeader } from "./components/ix-modal-header.js";
+import { IxNumberInput } from "./components/ix-number-input.js";
+import { IxPagination } from "./components/ix-pagination.js";
+import { IxPane } from "./components/ix-pane.js";
+import { IxPaneLayout } from "./components/ix-pane-layout.js";
+import { IxPill } from "./components/ix-pill.js";
+import { IxProgressIndicator } from "./components/ix-progress-indicator.js";
+import { IxPushCard } from "./components/ix-push-card.js";
+import { IxRadio } from "./components/ix-radio.js";
+import { IxRadioGroup } from "./components/ix-radio-group.js";
+import { IxRangeField } from "./components/ix-range-field.js";
+import { IxRow } from "./components/ix-row.js";
+import { IxSelect } from "./components/ix-select.js";
+import { IxSelectItem } from "./components/ix-select-item.js";
+import { IxSlider } from "./components/ix-slider.js";
+import { IxSpinner } from "./components/ix-spinner.js";
+import { IxSplitButton } from "./components/ix-split-button.js";
+import { IxTabItem } from "./components/ix-tab-item.js";
+import { IxTabs } from "./components/ix-tabs.js";
+import { IxTextarea } from "./components/ix-textarea.js";
+import { IxTile } from "./components/ix-tile.js";
+import { IxTimeInput } from "./components/ix-time-input.js";
+import { IxTimePicker } from "./components/ix-time-picker.js";
+import { IxToast } from "./components/ix-toast.js";
+import { IxToastContainer } from "./components/ix-toast-container.js";
+import { IxToggle } from "./components/ix-toggle.js";
+import { IxToggleButton } from "./components/ix-toggle-button.js";
+import { IxTooltip } from "./components/ix-tooltip.js";
+import { IxTree } from "./components/ix-tree.js";
+import { IxTreeItem } from "./components/ix-tree-item.js";
+import { IxTypography } from "./components/ix-typography.js";
+import { IxUpload } from "./components/ix-upload.js";
+import { IxWorkflowStep } from "./components/ix-workflow-step.js";
+import { IxWorkflowSteps } from "./components/ix-workflow-steps.js";
+import { default as default2 } from "./context/IxApplicationContext.vue.js";
 import "./internal-components.js";
-import { IxIcon as Ix } from "./ix-icon.js";
-import { closeModal as ex, dismissModal as ox, showModal as tx, showModalLoading as rx } from "./modal/index.js";
-import { ixPlugin as nx } from "./plugin.js";
-import { setToastPosition as px, showToast as lx } from "./toast/toast.js";
-import { showMessage as dx } from "./message/message.js";
-import { default as mx } from "./modal/IxOverlay.vue.js";
-import { default as cx } from "./modal/Modal.vue.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as Mx, PORTAL_ID as gx } from "./modal/constants.js";
+import { IxIcon } from "./ix-icon.js";
+import { closeModal, dismissModal, showModal, showModalLoading } from "./modal/index.js";
+import { ixPlugin } from "./plugin.js";
+import { setToastPosition, showToast } from "./toast/toast.js";
+import { showMessage } from "./message/message.js";
+import { default as default3 } from "./modal/IxOverlay.vue.js";
+import { default as default4 } from "./modal/Modal.vue.js";
+import { DATA_PORTAL_ID_ATTRIBUTE, PORTAL_ID } from "./modal/constants.js";
 export {
-  Mx as DATA_PORTAL_ID_ATTRIBUTE,
-  o as IxActionCard,
-  t as IxApplication,
-  ZI as IxApplicationContext,
-  r as IxApplicationHeader,
-  a as IxAvatar,
-  n as IxBlind,
-  i as IxBreadcrumb,
-  p as IxBreadcrumbItem,
-  l as IxButton,
-  u as IxCard,
-  d as IxCardAccordion,
-  s as IxCardContent,
-  m as IxCardList,
-  T as IxCardTitle,
-  c as IxCategoryFilter,
-  C as IxCheckbox,
-  M as IxCheckboxGroup,
-  g as IxChip,
-  A as IxCol,
-  f as IxContent,
-  w as IxContentHeader,
-  D as IxCustomField,
-  P as IxDateDropdown,
-  B as IxDateInput,
-  L as IxDatePicker,
-  b as IxDatetimePicker,
-  h as IxDivider,
-  y as IxDrawer,
-  S as IxDropdown,
-  k as IxDropdownButton,
-  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,
-  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 IxMenu,
-  tI 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,
-  mx as IxOverlay,
-  gI as IxPagination,
-  AI as IxPane,
-  fI as IxPaneLayout,
-  wI as IxPill,
-  DI as IxProgressIndicator,
-  PI as IxPushCard,
-  BI as IxRadio,
-  LI as IxRadioGroup,
-  bI as IxRow,
-  hI as IxSelect,
-  yI as IxSelectItem,
-  SI 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,
-  cx as Modal,
-  gx as PORTAL_ID,
-  ex as closeModal,
-  ox as dismissModal,
-  nx as ixPlugin,
-  px as setToastPosition,
-  dx as showMessage,
-  tx as showModal,
-  rx as showModalLoading,
-  lx as showToast
+  DATA_PORTAL_ID_ATTRIBUTE,
+  IxActionCard,
+  IxApplication,
+  default2 as IxApplicationContext,
+  IxApplicationHeader,
+  IxAvatar,
+  IxBlind,
+  IxBreadcrumb,
+  IxBreadcrumbItem,
+  IxButton,
+  IxCard,
+  IxCardAccordion,
+  IxCardContent,
+  IxCardList,
+  IxCardTitle,
+  IxCategoryFilter,
+  IxCheckbox,
+  IxCheckboxGroup,
+  IxChip,
+  IxCol,
+  IxContent,
+  IxContentHeader,
+  IxCustomField,
+  IxDateDropdown,
+  IxDateInput,
+  IxDatePicker,
+  IxDatetimeInput,
+  IxDatetimePicker,
+  IxDivider,
+  IxDropdown,
+  IxDropdownButton,
+  IxDropdownHeader,
+  IxDropdownItem,
+  IxDropdownQuickActions,
+  IxEmptyState,
+  IxEventList,
+  IxEventListItem,
+  IxExpandingSearch,
+  IxFieldLabel,
+  IxFilterChip,
+  IxFlipTile,
+  IxFlipTileContent,
+  IxGroup,
+  IxGroupContextMenu,
+  IxGroupItem,
+  IxHelperText,
+  IxIcon,
+  IxIconButton,
+  IxIconToggleButton,
+  IxInput,
+  IxKeyValue,
+  IxKeyValueList,
+  IxKpi,
+  IxLayoutAuto,
+  IxLayoutGrid,
+  IxLinkButton,
+  IxMenu,
+  IxMenuAbout,
+  IxMenuAboutItem,
+  IxMenuAboutNews,
+  IxMenuAvatar,
+  IxMenuAvatarItem,
+  IxMenuCategory,
+  IxMenuItem,
+  IxMenuSettings,
+  IxMenuSettingsItem,
+  IxMessageBar,
+  IxModal,
+  IxModalContent,
+  IxModalFooter,
+  IxModalHeader,
+  IxNumberInput,
+  default3 as IxOverlay,
+  IxPagination,
+  IxPane,
+  IxPaneLayout,
+  IxPill,
+  IxProgressIndicator,
+  IxPushCard,
+  IxRadio,
+  IxRadioGroup,
+  IxRangeField,
+  IxRow,
+  IxSelect,
+  IxSelectItem,
+  IxSlider,
+  IxSpinner,
+  IxSplitButton,
+  IxTabItem,
+  IxTabs,
+  IxTextarea,
+  IxTile,
+  IxTimeInput,
+  IxTimePicker,
+  IxToast,
+  IxToastContainer,
+  IxToggle,
+  IxToggleButton,
+  IxTooltip,
+  IxTree,
+  IxTreeItem,
+  IxTypography,
+  IxUpload,
+  IxWorkflowStep,
+  IxWorkflowSteps,
+  default4 as Modal,
+  PORTAL_ID,
+  closeModal,
+  dismissModal,
+  ixPlugin,
+  setToastPosition,
+  showMessage,
+  showModal,
+  showModalLoading,
+  showToast
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/internal-components.js

@@ -1,15 +1,5 @@
-import { defineCustomElement as e } from "@siemens/ix/components/ix-application-sidebar.js";
-import { defineCustomElement as m } from "@siemens/ix/components/ix-application-switch-modal.js";
-import { defineCustomElement as t } from "@siemens/ix/components/ix-menu-expand-icon.js";
-import { defineCustomElement as o } from "@siemens/ix/components/ix-date-time-card.js";
-import { defineCustomElement as n } from "@siemens/ix/components/ix-modal-loading.js";
-import { defineCustomElement as f } from "@siemens/ix/components/ix-field-label.js";
-import { defineCustomElement as i } from "@siemens/ix-icons/components/ix-icon.js";
-m();
-e();
-o();
-t();
-n();
-f();
-i();
+import { defineCustomElement } from "@siemens/ix/components/ix-application-switch-modal.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix-icons/components/ix-icon.js";
+defineCustomElement();
+defineCustomElement$1();
 //# sourceMappingURL=internal-components.js.map

package/dist/internal-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-components.js","sources":["../src/internal-components.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 { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';\nimport { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\nimport { defineCustomElement as defineIxFieldLabel } from '@siemens/ix/components/ix-field-label.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\n/**\n * Define custom elements during usage of the library to ensure that all\n * components are registered before they are used.\n */\ndefineIxApplicationSwitchModal();\ndefineIxApplicationSidebar();\ndefineIxDateTimeCard();\ndefineIxBurgerMenu();\ndefineIxModalLoading();\ndefineIxFieldLabel();\ndefineIxIcon();\n"],"names":["defineIxApplicationSwitchModal","defineIxApplicationSidebar","defineIxDateTimeCard","defineIxBurgerMenu","defineIxModalLoading","defineIxFieldLabel","defineIxIcon"],"mappings":";;;;;;;AAoBAA,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;AACAC,EAAA;"}
+{"version":3,"file":"internal-components.js","sources":["../src/internal-components.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 { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\n/**\n * Define custom elements during usage of the library to ensure that all\n * components are registered before they are used.\n */\ndefineIxApplicationSwitchModal();\ndefineIxIcon();\n"],"names":["defineIxApplicationSwitchModal","defineIxIcon"],"mappings":";;AAeAA,oBAAA;AACAC,sBAAA;"}

package/dist/ix-icon.js

@@ -1,14 +1,14 @@
-import { defineContainer as o } from "@stencil/vue-output-target/runtime";
-import { defineCustomElement as e } from "@siemens/ix-icons/components/ix-icon.js";
-const m = (
+import { defineContainer } from "@stencil/vue-output-target/runtime";
+import { defineCustomElement } from "@siemens/ix-icons/components/ix-icon.js";
+const IxIcon = (
   // eslint-disable-next-line no-inline-comments
-  /* @__PURE__ */ o("ix-icon", e, [
+  /* @__PURE__ */ defineContainer("ix-icon", defineCustomElement, [
     "size",
     "color",
     "name"
   ])
 );
 export {
-  m as IxIcon
+  IxIcon
 };
 //# sourceMappingURL=ix-icon.js.map

package/dist/ix-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.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 type { JSX as IxIconsJSX } from '@siemens/ix-icons';\nimport {\n  defineContainer,\n  type StencilVueComponent,\n} from '@stencil/vue-output-target/runtime';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon> =\n  // eslint-disable-next-line no-inline-comments\n  /*@__PURE__*/ defineContainer<IxIconsJSX.IxIcon>('ix-icon', defineIxIcon, [\n    'size',\n    'color',\n    'name',\n  ]);\n"],"names":["IxIcon","defineContainer","defineIxIcon"],"mappings":";;AAeO,MAAMA;AAAA;AAAA,EAEG,gBAAAC,EAAmC,WAAWC,GAAc;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA;"}
+{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.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 type { JSX as IxIconsJSX } from '@siemens/ix-icons';\nimport {\n  defineContainer,\n  type StencilVueComponent,\n} from '@stencil/vue-output-target/runtime';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon> =\n  // eslint-disable-next-line no-inline-comments\n  /*@__PURE__*/ defineContainer<IxIconsJSX.IxIcon>('ix-icon', defineIxIcon, [\n    'size',\n    'color',\n    'name',\n  ]);\n"],"names":["defineIxIcon"],"mappings":";;AAeO,MAAM;AAAA;AAAA,EAEG,gCAAmC,WAAWA,qBAAc;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAAA;"}