@siemens/ix-vue 4.0.0 → 4.2.0

package/dist/index.js

@@ -1,44 +1,45 @@
-import { IxActionCard as t, IxApplication as o, IxApplicationHeader as r, IxAvatar as a, IxBlind as n, IxBreadcrumb as i, IxBreadcrumbItem as p, IxButton as u, IxCard as l, IxCardAccordion as d, IxCardContent as m, IxCardList as T, IxCardTitle as s, IxCategoryFilter as C, IxCheckbox as c, IxCheckboxGroup as A, IxChip as M, 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 uI, IxMenuSettings as lI, IxMenuSettingsItem as dI, IxMessageBar as mI, IxModal as TI, IxModalContent as sI, IxModalFooter as CI, IxModalHeader as cI, IxNumberInput as AI, IxPagination as MI, 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 { 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 "./internal-components.js";
 import { IxIcon as Ix } from "./ix-icon.js";
-import { showModal as ex } from "./modal/index.js";
-import { ixPlugin as ox } from "./plugin.js";
-import { setToastPosition as ax, showToast as nx } from "./toast/toast.js";
-import { default as px } from "./modal/Modal.vue.js";
-import { default as lx } from "./modal/IxOverlay.vue.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as mx, PORTAL_ID as Tx } from "./modal/constants.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/Modal.vue.js";
+import { default as cx } from "./modal/IxOverlay.vue.js";
+import { DATA_PORTAL_ID_ATTRIBUTE as Mx, PORTAL_ID as gx } from "./modal/constants.js";
 export {
-  mx as DATA_PORTAL_ID_ATTRIBUTE,
-  t as IxActionCard,
-  o as IxApplication,
+  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,
-  u as IxButton,
-  l as IxCard,
+  l as IxButton,
+  u as IxCard,
   d as IxCardAccordion,
-  m as IxCardContent,
-  T as IxCardList,
-  s as IxCardTitle,
-  C as IxCategoryFilter,
-  c as IxCheckbox,
-  A as IxCheckboxGroup,
-  M as IxChip,
-  g as IxCol,
-  D as IxContent,
-  f as IxContentHeader,
-  w as IxCustomField,
+  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,
-  b as IxDatePicker,
-  y as IxDatetimePicker,
-  L as IxDivider,
-  S as IxDrawer,
-  h as IxDropdown,
+  L as IxDatePicker,
+  b as IxDatetimePicker,
+  h as IxDivider,
+  y as IxDrawer,
+  S as IxDropdown,
   k as IxDropdownButton,
   v as IxDropdownHeader,
   F as IxDropdownItem,
@@ -66,35 +67,35 @@ export {
   II as IxLayoutAuto,
   xI as IxLayoutGrid,
   eI as IxLinkButton,
-  tI as IxMenu,
-  oI as IxMenuAbout,
+  oI as IxMenu,
+  tI as IxMenuAbout,
   rI as IxMenuAboutItem,
   aI as IxMenuAboutNews,
   nI as IxMenuAvatar,
   iI as IxMenuAvatarItem,
   pI as IxMenuCategory,
-  uI as IxMenuItem,
-  lI as IxMenuSettings,
+  lI as IxMenuItem,
+  uI as IxMenuSettings,
   dI as IxMenuSettingsItem,
-  mI as IxMessageBar,
-  TI as IxModal,
-  sI as IxModalContent,
-  CI as IxModalFooter,
-  cI as IxModalHeader,
-  AI as IxNumberInput,
-  lx as IxOverlay,
-  MI as IxPagination,
-  gI as IxPane,
-  DI as IxPaneLayout,
-  fI as IxPill,
-  wI as IxProgressIndicator,
+  sI as IxMessageBar,
+  mI as IxModal,
+  TI as IxModalContent,
+  cI as IxModalFooter,
+  CI as IxModalHeader,
+  MI as IxNumberInput,
+  cx as IxOverlay,
+  gI as IxPagination,
+  AI as IxPane,
+  fI as IxPaneLayout,
+  wI as IxPill,
+  DI as IxProgressIndicator,
   PI as IxPushCard,
   BI as IxRadio,
-  bI as IxRadioGroup,
-  yI as IxRow,
-  LI as IxSelect,
-  SI as IxSelectItem,
-  hI as IxSlider,
+  LI as IxRadioGroup,
+  bI as IxRow,
+  hI as IxSelect,
+  yI as IxSelectItem,
+  SI as IxSlider,
   kI as IxSpinner,
   vI as IxSplitButton,
   FI as IxTabItem,
@@ -115,11 +116,15 @@ export {
   zI as IxValidationTooltip,
   JI as IxWorkflowStep,
   XI as IxWorkflowSteps,
-  px as Modal,
-  Tx as PORTAL_ID,
-  ox as ixPlugin,
-  ax as setToastPosition,
-  ex as showModal,
-  nx as showToast
+  mx 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
 };
 //# 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/message/index.d.ts

@@ -0,0 +1 @@
+export * from './message';

package/dist/message/message.d.ts

@@ -0,0 +1,27 @@
+import { MessageConfig, TypedEvent } from '@siemens/ix';
+export declare function showMessage<T>(config: MessageConfig<T>): Promise<TypedEvent<{
+    actionId: string;
+    payload: T;
+}>>;
+export declare namespace showMessage {
+    var info: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var warning: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var error: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var success: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+    var question: (title: string, message: string, textOkay: string, textCancel?: string, payloadOkay?: unknown, payloadCancel?: unknown) => Promise<TypedEvent<{
+        actionId: string;
+        payload: unknown;
+    }>>;
+}

package/dist/message/message.js

@@ -0,0 +1,23 @@
+import { showMessage as n } from "@siemens/ix";
+import { defineCustomElement as f } from "@siemens/ix/components/ix-modal.js";
+f();
+function e(r) {
+  return n(r);
+}
+const s = (r) => (o, t, i, a, u, c) => n[r](
+  o,
+  t,
+  i,
+  a,
+  u,
+  c
+);
+e.info = s("info");
+e.warning = s("warning");
+e.error = s("error");
+e.success = s("success");
+e.question = s("question");
+export {
+  e as showMessage
+};
+//# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":["../../src/message/message.ts"],"sourcesContent":["import {\n  MessageConfig,\n  TypedEvent,\n  showMessage as _showMessage,\n} from '@siemens/ix';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\n\nexport function showMessage<T>(config: MessageConfig<T>): Promise<\n  TypedEvent<{\n    actionId: string;\n    payload: T;\n  }>\n> {\n  return _showMessage(config);\n}\n\nconst createMessageVariant = (\n  variant: 'info' | 'warning' | 'error' | 'success' | 'question'\n) => {\n  return (\n    title: string,\n    message: string,\n    textOkay: string,\n    textCancel?: string,\n    payloadOkay?: unknown,\n    payloadCancel?: unknown\n  ) => {\n    return _showMessage[variant](\n      title,\n      message,\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    );\n  };\n};\n\nshowMessage.info = createMessageVariant('info');\nshowMessage.warning = createMessageVariant('warning');\nshowMessage.error = createMessageVariant('error');\nshowMessage.success = createMessageVariant('success');\nshowMessage.question = createMessageVariant('question');\n"],"names":["defineCustomElement","showMessage","config","_showMessage","createMessageVariant","variant","title","message","textOkay","textCancel","payloadOkay","payloadCancel"],"mappings":";;AAQAA,EAAA;AAEO,SAASC,EAAeC,GAK7B;AACA,SAAOC,EAAaD,CAAM;AAC5B;AAEA,MAAME,IAAuB,CAC3BC,MAEO,CACLC,GACAC,GACAC,GACAC,GACAC,GACAC,MAEOR,EAAaE,CAAO;AAAA,EACzBC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;AAKNV,EAAY,OAAOG,EAAqB,MAAM;AAC9CH,EAAY,UAAUG,EAAqB,SAAS;AACpDH,EAAY,QAAQG,EAAqB,OAAO;AAChDH,EAAY,UAAUG,EAAqB,SAAS;AACpDH,EAAY,WAAWG,EAAqB,UAAU;"}

package/dist/modal/index.d.ts

@@ -1,4 +1,4 @@
-import { ModalConfig as IxModalConfig } from '@siemens/ix';
+import { ModalConfig as IxModalConfig, ModalInstance as IxModalInstance, ModalLoadingContext } from '@siemens/ix';
 import { VNode } from 'vue';
 export { default as Modal } from './Modal.vue';
 export { default as IxOverlay } from './IxOverlay.vue';
@@ -7,4 +7,7 @@ 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 showModalLoading(message: string): ModalLoadingContext;
+export declare function dismissModal(modalInstance: IxModalInstance): void;
+export declare function closeModal<T = any>(modalInstance: IxModalInstance, reason?: T): void;

package/dist/modal/index.js

@@ -1,4 +1,5 @@
-import { showModal as r } from "@siemens/ix";
+import { showModal as r, showModalLoading as t, dismissModal as m, closeModal as p } from "@siemens/ix";
+import { defineCustomElement as l } from "@siemens/ix/components/ix-modal.js";
 import "vue";
 import "@stencil/vue-output-target/runtime";
 import "@siemens/ix/components/ix-action-card.js";
@@ -66,7 +67,6 @@ import "@siemens/ix/components/ix-menu-item.js";
 import "@siemens/ix/components/ix-menu-settings.js";
 import "@siemens/ix/components/ix-menu-settings-item.js";
 import "@siemens/ix/components/ix-message-bar.js";
-import "@siemens/ix/components/ix-modal.js";
 import "@siemens/ix/components/ix-modal-content.js";
 import "@siemens/ix/components/ix-modal-footer.js";
 import "@siemens/ix/components/ix-modal-header.js";
@@ -104,10 +104,23 @@ 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 rr(o) {
+l();
+async function li(o) {
   return r(o);
 }
+function si(o) {
+  return t(o);
+}
+function Mi(o) {
+  o != null && o.htmlElement && m(o.htmlElement);
+}
+function hi(o, i) {
+  o != null && o.htmlElement && p(o.htmlElement, i);
+}
 export {
-  rr as showModal
+  hi as closeModal,
+  Mi as dismissModal,
+  li as showModal,
+  si as showModalLoading
 };
 //# 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  showModalLoading as _showModalLoading,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n  ModalLoadingContext,\n} from '@siemens/ix';\nimport { VNode } from 'vue';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\n// call defineCustomElement once at module level\ndefineCustomElement();\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 showModalLoading(message: string): ModalLoadingContext {\n  return _showModalLoading(message);\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":["defineCustomElement","showModal","config","_showModal","showModalLoading","message","_showModalLoading","dismissModal","modalInstance","_dismissModal","closeModal","reason","_closeModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaAA,EAAA;AAWA,eAAsBC,GACpBC,GACA;AACA,SAAOC,EAAWD,CAAM;AAC1B;AAEO,SAASE,GAAiBC,GAAsC;AACrE,SAAOC,EAAkBD,CAAO;AAClC;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/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://ix.siemens.io",
   "author": "Siemens AG",
   "license": "MIT",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "Siemens iX for Vue",
   "bugs": "https://github.com/siemens/ix/issues",
   "repository": {
@@ -21,7 +21,7 @@
     "dist"
   ],
   "dependencies": {
-    "@siemens/ix": "~4.0.0",
+    "@siemens/ix": "~4.2.0",
     "@stencil/vue-output-target": "^0.11.8"
   },
   "devDependencies": {
@@ -39,7 +39,7 @@
     "vitest": "^3.2.4",
     "vue": "^3.4.34",
     "vue-tsc": "^2.2.10",
-    "@siemens/ix": "4.0.0",
+    "@siemens/ix": "4.2.0",
     "eslint-config-ix": "1.0.0"
   },
   "peerDependencies": {