@siemens/ix-vue 4.4.0 → 5.0.0

package/dist/message/message.d.ts

@@ -1,27 +1 @@
-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;
-    }>>;
-}
+export declare const showMessage: import("@siemens/ix").ShowMessage;

package/dist/message/message.js

@@ -1,23 +1,17 @@
-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");
+import { createShowMessage } from "@siemens/ix/components";
+import { defineCustomElement as defineCustomElement$4 } from "@siemens/ix/components/ix-button.js";
+import { defineCustomElement } from "@siemens/ix/components/ix-modal.js";
+import { defineCustomElement as defineCustomElement$2 } from "@siemens/ix/components/ix-modal-content.js";
+import { defineCustomElement as defineCustomElement$3 } from "@siemens/ix/components/ix-modal-footer.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix/components/ix-modal-header.js";
+const showMessage = createShowMessage([
+  { tag: "ix-modal", define: defineCustomElement },
+  { tag: "ix-modal-header", define: defineCustomElement$1 },
+  { tag: "ix-modal-content", define: defineCustomElement$2 },
+  { tag: "ix-modal-footer", define: defineCustomElement$3 },
+  { tag: "ix-button", define: defineCustomElement$4 }
+]);
 export {
-  e as showMessage
+  showMessage
 };
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +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;"}
+{"version":3,"file":"message.js","sources":["../../src/message/message.ts"],"sourcesContent":["import { createShowMessage } from '@siemens/ix/components';\nimport { defineCustomElement as defineIxButton } from '@siemens/ix/components/ix-button.js';\nimport { defineCustomElement as defineIxModal } from '@siemens/ix/components/ix-modal.js';\nimport { defineCustomElement as defineIxModalContent } from '@siemens/ix/components/ix-modal-content.js';\nimport { defineCustomElement as defineIxModalFooter } from '@siemens/ix/components/ix-modal-footer.js';\nimport { defineCustomElement as defineIxModalHeader } from '@siemens/ix/components/ix-modal-header.js';\n\nexport const showMessage = createShowMessage([\n  { tag: 'ix-modal', define: defineIxModal },\n  { tag: 'ix-modal-header', define: defineIxModalHeader },\n  { tag: 'ix-modal-content', define: defineIxModalContent },\n  { tag: 'ix-modal-footer', define: defineIxModalFooter },\n  { tag: 'ix-button', define: defineIxButton },\n]);\n"],"names":["defineIxModal","defineIxModalHeader","defineIxModalContent","defineIxModalFooter","defineIxButton"],"mappings":";;;;;;AAOO,MAAM,cAAc,kBAAkB;AAAA,EAC3C,EAAE,KAAK,YAAY,QAAQA,oBAAA;AAAA,EAC3B,EAAE,KAAK,mBAAmB,QAAQC,sBAAA;AAAA,EAClC,EAAE,KAAK,oBAAoB,QAAQC,sBAAA;AAAA,EACnC,EAAE,KAAK,mBAAmB,QAAQC,sBAAA;AAAA,EAClC,EAAE,KAAK,aAAa,QAAQC,sBAAA;AAC9B,CAAC;"}

package/dist/modal/IxOverlay.vue.js

@@ -1,52 +1,77 @@
-import { defineComponent as _, ref as i, computed as y, watch as d, openBlock as m, createElementBlock as h, Fragment as w, renderList as I, createBlock as O, unref as v } from "vue";
-import T from "./ix-view.js";
-import { DATA_PORTAL_ID_ATTRIBUTE as A, PORTAL_ID as P } from "./constants.js";
-const B = /* @__PURE__ */ _({
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, unref } from "vue";
+import IxView from "./ix-view.js";
+import { DATA_PORTAL_ID_ATTRIBUTE, PORTAL_ID } from "./constants.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IxOverlay",
   props: {
     delegate: {
       type: Object,
-      required: !0
+      required: true
     }
   },
-  setup(p) {
-    const a = i({}), n = i({}), u = y(() => Object.keys(n.value).map((t) => ({
-      id: t,
-      node: n.value[t]
-    }))), f = p;
-    return d(() => f.delegate, (t) => {
-      if (!t)
+  setup(__props) {
+    const resolveElementRef = ref({});
+    const viewMap = ref({});
+    const views = computed(() => {
+      return Object.keys(viewMap.value).map((key) => {
+        return {
+          id: key,
+          node: viewMap.value[key]
+        };
+      });
+    });
+    const props = __props;
+    watch(() => props.delegate, (delegate) => {
+      if (!delegate) {
         return;
-      const c = (e, r) => {
-        const l = { ...n.value };
-        l[e] = r, n.value = l;
-      }, o = (e) => {
-        const r = { ...n.value };
-        delete r[e], n.value = r;
+      }
+      const addOverlay = (id, view) => {
+        const _views = { ...viewMap.value };
+        _views[id] = view;
+        viewMap.value = _views;
+      };
+      const removeOverlay = (id) => {
+        const _views = { ...viewMap.value };
+        delete _views[id];
+        viewMap.value = _views;
+      };
+      delegate.attachViewToPortal = async (id, view) => {
+        addOverlay(id, view);
+        return new Promise((resolve) => {
+          const r = { ...resolveElementRef.value };
+          r[id] = resolve;
+          resolveElementRef.value = r;
+        });
+      };
+      delegate.removeViewFromPortal = async (id) => {
+        removeOverlay(id);
       };
-      t.attachViewToPortal = async (e, r) => (c(e, r), new Promise((l) => {
-        const s = { ...a.value };
-        s[e] = l, a.value = s;
-      })), t.removeViewFromPortal = async (e) => {
-        o(e);
-      }, t.portalReady();
-    }, { immediate: !0 }), d(() => u.value, (t) => {
-      t.forEach((c) => {
-        const o = { ...a.value }, e = document.querySelector(`[${A}="${c.id}"]`), r = o[c.id];
-        if (e && e.children.length === 1 && r && typeof r == "function") {
-          const l = e.children[0];
-          r(l);
+      delegate.portalReady();
+    }, { immediate: true });
+    watch(() => views.value, (newViews) => {
+      newViews.forEach((view) => {
+        const resolveQueue = { ...resolveElementRef.value };
+        const el = document.querySelector(`[${DATA_PORTAL_ID_ATTRIBUTE}="${view.id}"]`);
+        const resolve = resolveQueue[view.id];
+        if (el && el.children.length === 1 && resolve && typeof resolve === "function") {
+          const view2 = el.children[0];
+          resolve(view2);
         }
       });
-    }, { flush: "post" }), (t, c) => (m(!0), h(w, null, I(u.value, (o) => (m(), O(v(T), {
-      key: o.id,
-      id: o.id,
-      teleportId: `#${v(P)}`,
-      node: o.node
-    }, null, 8, ["id", "teleportId", "node"]))), 128));
+    }, { flush: "post" });
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(views.value, (view) => {
+        return openBlock(), createBlock(unref(IxView), {
+          key: view.id,
+          id: view.id,
+          teleportId: `#${unref(PORTAL_ID)}`,
+          node: view.node
+        }, null, 8, ["id", "teleportId", "node"]);
+      }), 128);
+    };
   }
 });
 export {
-  B as default
+  _sfc_main as default
 };
 //# sourceMappingURL=IxOverlay.vue.js.map

package/dist/modal/IxOverlay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxOverlay.vue.js","sources":["../../src/modal/IxOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\nimport { computed, defineProps, PropType, ref, VNode, watch } from 'vue';\nimport { VueFrameworkDelegate } from '../delegate';\nimport IxView from './ix-view';\nimport { PORTAL_ID, DATA_PORTAL_ID_ATTRIBUTE } from './constants';\n\n\nconst resolveElementRef = ref<Record<string, (value: Element | PromiseLike<Element>) => void>>({});\nconst viewMap = ref<Record<string, VNode>>({})\n\nconst views = computed(() => {\n    return Object.keys(viewMap.value).map((key) => {\n        return {\n            id: key,\n            node: viewMap.value[key],\n        }\n    })\n})\n\nconst props = defineProps({\n    delegate: {\n        type: Object as PropType<VueFrameworkDelegate>,\n        required: true,\n    },\n})\n\nwatch(() => props.delegate, (delegate) => {\n    if (!delegate) {\n        return;\n    }\n\n    const addOverlay = (id: string, view: VNode) => {\n        const _views = { ...viewMap.value };\n        _views[id] = view;\n        viewMap.value = _views;\n    }\n\n    const removeOverlay = (id: string) => {\n        const _views = { ...viewMap.value };\n        delete _views[id];\n        viewMap.value = _views;\n    }\n\n    delegate.attachViewToPortal = async (id: string, view: VNode) => {\n        addOverlay(id, view);\n        return new Promise<Element>((resolve) => {\n            const r = { ...resolveElementRef.value };\n            r[id] = resolve;\n            resolveElementRef.value = r;\n        });\n    }\n\n    delegate.removeViewFromPortal = async (id: string) => {\n        removeOverlay(id);\n    }\n\n    delegate.portalReady()\n\n}, { immediate: true });\n\nwatch(() => views.value, (newViews) => {\n    newViews.forEach((view) => {\n        const resolveQueue = { ...resolveElementRef.value };\n        const el = document.querySelector(`[${DATA_PORTAL_ID_ATTRIBUTE}=\"${view.id}\"]`);\n\n        const resolve = resolveQueue[view.id]\n\n        if (el && el.children.length === 1 && resolve && typeof resolve === 'function') {\n            const view = el.children[0];\n            resolve(view);\n        }\n\n    })\n}, { flush: 'post' });\n\n\n\n</script>\n\n<template>\n    <IxView v-for=\"view in views\" :key=\"view.id\" :id=\"view.id\" :teleportId=\"`#${PORTAL_ID}`\" :node=\"view.node\">\n    </IxView>\n</template>"],"names":["resolveElementRef","ref","viewMap","views","computed","key","props","__props","watch","delegate","addOverlay","id","view","_views","removeOverlay","resolve","r","newViews","resolveQueue","el","DATA_PORTAL_ID_ATTRIBUTE","_createElementBlock","_Fragment","_renderList","_createBlock","_unref","IxView","PORTAL_ID"],"mappings":";;;;;;;;;;;;AAQA,UAAMA,IAAoBC,EAAqE,EAAE,GAC3FC,IAAUD,EAA2B,EAAE,GAEvCE,IAAQC,EAAS,MACZ,OAAO,KAAKF,EAAQ,KAAK,EAAE,IAAI,CAACG,OAC5B;AAAA,MACH,IAAIA;AAAA,MACJ,MAAMH,EAAQ,MAAMG,CAAG;AAAA,IAAA,EAE9B,CACJ,GAEKC,IAAQC;AAOd,WAAAC,EAAM,MAAMF,EAAM,UAAU,CAACG,MAAa;AACtC,UAAI,CAACA;AACD;AAGJ,YAAMC,IAAa,CAACC,GAAYC,MAAgB;AAC5C,cAAMC,IAAS,EAAE,GAAGX,EAAQ,MAAA;AAC5B,QAAAW,EAAOF,CAAE,IAAIC,GACbV,EAAQ,QAAQW;AAAA,MACpB,GAEMC,IAAgB,CAACH,MAAe;AAClC,cAAME,IAAS,EAAE,GAAGX,EAAQ,MAAA;AAC5B,eAAOW,EAAOF,CAAE,GAChBT,EAAQ,QAAQW;AAAA,MACpB;AAEA,MAAAJ,EAAS,qBAAqB,OAAOE,GAAYC,OAC7CF,EAAWC,GAAIC,CAAI,GACZ,IAAI,QAAiB,CAACG,MAAY;AACrC,cAAMC,IAAI,EAAE,GAAGhB,EAAkB,MAAA;AACjC,QAAAgB,EAAEL,CAAE,IAAII,GACRf,EAAkB,QAAQgB;AAAA,MAC9B,CAAC,IAGLP,EAAS,uBAAuB,OAAOE,MAAe;AAClD,QAAAG,EAAcH,CAAE;AAAA,MACpB,GAEAF,EAAS,YAAA;AAAA,IAEb,GAAG,EAAE,WAAW,IAAM,GAEtBD,EAAM,MAAML,EAAM,OAAO,CAACc,MAAa;AACnC,MAAAA,EAAS,QAAQ,CAACL,MAAS;AACvB,cAAMM,IAAe,EAAE,GAAGlB,EAAkB,MAAA,GACtCmB,IAAK,SAAS,cAAc,IAAIC,CAAwB,KAAKR,EAAK,EAAE,IAAI,GAExEG,IAAUG,EAAaN,EAAK,EAAE;AAEpC,YAAIO,KAAMA,EAAG,SAAS,WAAW,KAAKJ,KAAW,OAAOA,KAAY,YAAY;AAC5E,gBAAMH,IAAOO,EAAG,SAAS,CAAC;AAC1B,UAAAJ,EAAQH,CAAI;AAAA,QAChB;AAAA,MAEJ,CAAC;AAAA,IACL,GAAG,EAAE,OAAO,QAAQ,qBAOhBS,EACSC,GAAA,MAAAC,EADcpB,EAAA,OAAK,CAAbS,YAAfY,EACSC,EAAAC,CAAA,GAAA;AAAA,MADsB,KAAKd,EAAK;AAAA,MAAK,IAAIA,EAAK;AAAA,MAAK,gBAAgBa,EAAAE,CAAA,CAAS;AAAA,MAAK,MAAMf,EAAK;AAAA,IAAA;;;"}
+{"version":3,"file":"IxOverlay.vue.js","sources":["../../src/modal/IxOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\nimport { computed, defineProps, PropType, ref, VNode, watch } from 'vue';\nimport { VueFrameworkDelegate } from '../delegate';\nimport IxView from './ix-view';\nimport { PORTAL_ID, DATA_PORTAL_ID_ATTRIBUTE } from './constants';\n\n\nconst resolveElementRef = ref<Record<string, (value: Element | PromiseLike<Element>) => void>>({});\nconst viewMap = ref<Record<string, VNode>>({})\n\nconst views = computed(() => {\n    return Object.keys(viewMap.value).map((key) => {\n        return {\n            id: key,\n            node: viewMap.value[key],\n        }\n    })\n})\n\nconst props = defineProps({\n    delegate: {\n        type: Object as PropType<VueFrameworkDelegate>,\n        required: true,\n    },\n})\n\nwatch(() => props.delegate, (delegate) => {\n    if (!delegate) {\n        return;\n    }\n\n    const addOverlay = (id: string, view: VNode) => {\n        const _views = { ...viewMap.value };\n        _views[id] = view;\n        viewMap.value = _views;\n    }\n\n    const removeOverlay = (id: string) => {\n        const _views = { ...viewMap.value };\n        delete _views[id];\n        viewMap.value = _views;\n    }\n\n    delegate.attachViewToPortal = async (id: string, view: VNode) => {\n        addOverlay(id, view);\n        return new Promise<Element>((resolve) => {\n            const r = { ...resolveElementRef.value };\n            r[id] = resolve;\n            resolveElementRef.value = r;\n        });\n    }\n\n    delegate.removeViewFromPortal = async (id: string) => {\n        removeOverlay(id);\n    }\n\n    delegate.portalReady()\n\n}, { immediate: true });\n\nwatch(() => views.value, (newViews) => {\n    newViews.forEach((view) => {\n        const resolveQueue = { ...resolveElementRef.value };\n        const el = document.querySelector(`[${DATA_PORTAL_ID_ATTRIBUTE}=\"${view.id}\"]`);\n\n        const resolve = resolveQueue[view.id]\n\n        if (el && el.children.length === 1 && resolve && typeof resolve === 'function') {\n            const view = el.children[0];\n            resolve(view);\n        }\n\n    })\n}, { flush: 'post' });\n\n\n\n</script>\n\n<template>\n    <IxView v-for=\"view in views\" :key=\"view.id\" :id=\"view.id\" :teleportId=\"`#${PORTAL_ID}`\" :node=\"view.node\">\n    </IxView>\n</template>"],"names":["view","_createElementBlock","_Fragment","_renderList","_createBlock","_unref"],"mappings":";;;;;;;;;;;;AAQA,UAAM,oBAAoB,IAAqE,EAAE;AACjG,UAAM,UAAU,IAA2B,EAAE;AAE7C,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,OAAO,KAAK,QAAQ,KAAK,EAAE,IAAI,CAAC,QAAQ;AAC3C,eAAO;AAAA,UACH,IAAI;AAAA,UACJ,MAAM,QAAQ,MAAM,GAAG;AAAA,QAAA;AAAA,MAE/B,CAAC;AAAA,IACL,CAAC;AAED,UAAM,QAAQ;AAOd,UAAM,MAAM,MAAM,UAAU,CAAC,aAAa;AACtC,UAAI,CAAC,UAAU;AACX;AAAA,MACJ;AAEA,YAAM,aAAa,CAAC,IAAY,SAAgB;AAC5C,cAAM,SAAS,EAAE,GAAG,QAAQ,MAAA;AAC5B,eAAO,EAAE,IAAI;AACb,gBAAQ,QAAQ;AAAA,MACpB;AAEA,YAAM,gBAAgB,CAAC,OAAe;AAClC,cAAM,SAAS,EAAE,GAAG,QAAQ,MAAA;AAC5B,eAAO,OAAO,EAAE;AAChB,gBAAQ,QAAQ;AAAA,MACpB;AAEA,eAAS,qBAAqB,OAAO,IAAY,SAAgB;AAC7D,mBAAW,IAAI,IAAI;AACnB,eAAO,IAAI,QAAiB,CAAC,YAAY;AACrC,gBAAM,IAAI,EAAE,GAAG,kBAAkB,MAAA;AACjC,YAAE,EAAE,IAAI;AACR,4BAAkB,QAAQ;AAAA,QAC9B,CAAC;AAAA,MACL;AAEA,eAAS,uBAAuB,OAAO,OAAe;AAClD,sBAAc,EAAE;AAAA,MACpB;AAEA,eAAS,YAAA;AAAA,IAEb,GAAG,EAAE,WAAW,MAAM;AAEtB,UAAM,MAAM,MAAM,OAAO,CAAC,aAAa;AACnC,eAAS,QAAQ,CAAC,SAAS;AACvB,cAAM,eAAe,EAAE,GAAG,kBAAkB,MAAA;AAC5C,cAAM,KAAK,SAAS,cAAc,IAAI,wBAAwB,KAAK,KAAK,EAAE,IAAI;AAE9E,cAAM,UAAU,aAAa,KAAK,EAAE;AAEpC,YAAI,MAAM,GAAG,SAAS,WAAW,KAAK,WAAW,OAAO,YAAY,YAAY;AAC5E,gBAAMA,QAAO,GAAG,SAAS,CAAC;AAC1B,kBAAQA,KAAI;AAAA,QAChB;AAAA,MAEJ,CAAC;AAAA,IACL,GAAG,EAAE,OAAO,QAAQ;;8BAOhBC,mBACSC,UAAA,MAAAC,WADc,MAAA,OAAK,CAAb,SAAI;4BAAnBC,YACSC,MAAA,MAAA,GAAA;AAAA,UADsB,KAAK,KAAK;AAAA,UAAK,IAAI,KAAK;AAAA,UAAK,gBAAgBA,MAAA,SAAA,CAAS;AAAA,UAAK,MAAM,KAAK;AAAA,QAAA;;;;;"}

package/dist/modal/IxOverlay.vue2.js

@@ -1,5 +1,5 @@
-import f from "./IxOverlay.vue.js";
+import _sfc_main from "./IxOverlay.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
 //# sourceMappingURL=IxOverlay.vue2.js.map

package/dist/modal/Modal.vue.js

@@ -1,72 +1,179 @@
-import { defineComponent as n, ref as f, openBlock as p, createBlock as u, unref as m, mergeProps as v, withCtx as c, renderSlot as g } from "vue";
-import { IxModal as y } from "../components.js";
-const C = /* @__PURE__ */ n({
+import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "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-blind.js";
+import "@siemens/ix/components/ix-breadcrumb.js";
+import "@siemens/ix/components/ix-breadcrumb-item.js";
+import "@siemens/ix/components/ix-button.js";
+import "@siemens/ix/components/ix-card.js";
+import "@siemens/ix/components/ix-card-accordion.js";
+import "@siemens/ix/components/ix-card-content.js";
+import "@siemens/ix/components/ix-card-list.js";
+import "@siemens/ix/components/ix-card-title.js";
+import "@siemens/ix/components/ix-category-filter.js";
+import "@siemens/ix/components/ix-checkbox.js";
+import "@siemens/ix/components/ix-checkbox-group.js";
+import "@siemens/ix/components/ix-chip.js";
+import "@siemens/ix/components/ix-col.js";
+import "@siemens/ix/components/ix-content.js";
+import "@siemens/ix/components/ix-content-header.js";
+import "@siemens/ix/components/ix-custom-field.js";
+import "@siemens/ix/components/ix-date-dropdown.js";
+import "@siemens/ix/components/ix-date-input.js";
+import "@siemens/ix/components/ix-date-picker.js";
+import "@siemens/ix/components/ix-datetime-input.js";
+import "@siemens/ix/components/ix-datetime-picker.js";
+import "@siemens/ix/components/ix-divider.js";
+import "@siemens/ix/components/ix-dropdown.js";
+import "@siemens/ix/components/ix-dropdown-button.js";
+import "@siemens/ix/components/ix-dropdown-header.js";
+import "@siemens/ix/components/ix-dropdown-item.js";
+import "@siemens/ix/components/ix-dropdown-quick-actions.js";
+import "@siemens/ix/components/ix-empty-state.js";
+import "@siemens/ix/components/ix-event-list.js";
+import "@siemens/ix/components/ix-event-list-item.js";
+import "@siemens/ix/components/ix-expanding-search.js";
+import "@siemens/ix/components/ix-field-label.js";
+import "@siemens/ix/components/ix-filter-chip.js";
+import "@siemens/ix/components/ix-flip-tile.js";
+import "@siemens/ix/components/ix-flip-tile-content.js";
+import "@siemens/ix/components/ix-group.js";
+import "@siemens/ix/components/ix-group-context-menu.js";
+import "@siemens/ix/components/ix-group-item.js";
+import "@siemens/ix/components/ix-helper-text.js";
+import "@siemens/ix/components/ix-icon-button.js";
+import "@siemens/ix/components/ix-icon-toggle-button.js";
+import "@siemens/ix/components/ix-input.js";
+import "@siemens/ix/components/ix-key-value.js";
+import "@siemens/ix/components/ix-key-value-list.js";
+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-menu.js";
+import "@siemens/ix/components/ix-menu-about.js";
+import "@siemens/ix/components/ix-menu-about-item.js";
+import "@siemens/ix/components/ix-menu-about-news.js";
+import "@siemens/ix/components/ix-menu-avatar.js";
+import "@siemens/ix/components/ix-menu-avatar-item.js";
+import "@siemens/ix/components/ix-menu-category.js";
+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 { IxModal } from "../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";
+import "@siemens/ix/components/ix-number-input.js";
+import "@siemens/ix/components/ix-pagination.js";
+import "@siemens/ix/components/ix-pane.js";
+import "@siemens/ix/components/ix-pane-layout.js";
+import "@siemens/ix/components/ix-pill.js";
+import "@siemens/ix/components/ix-progress-indicator.js";
+import "@siemens/ix/components/ix-push-card.js";
+import "@siemens/ix/components/ix-radio.js";
+import "@siemens/ix/components/ix-radio-group.js";
+import "@siemens/ix/components/ix-range-field.js";
+import "@siemens/ix/components/ix-row.js";
+import "@siemens/ix/components/ix-select.js";
+import "@siemens/ix/components/ix-select-item.js";
+import "@siemens/ix/components/ix-slider.js";
+import "@siemens/ix/components/ix-spinner.js";
+import "@siemens/ix/components/ix-split-button.js";
+import "@siemens/ix/components/ix-tab-item.js";
+import "@siemens/ix/components/ix-tabs.js";
+import "@siemens/ix/components/ix-textarea.js";
+import "@siemens/ix/components/ix-tile.js";
+import "@siemens/ix/components/ix-time-input.js";
+import "@siemens/ix/components/ix-time-picker.js";
+import "@siemens/ix/components/ix-toast.js";
+import "@siemens/ix/components/ix-toast-container.js";
+import "@siemens/ix/components/ix-toggle.js";
+import "@siemens/ix/components/ix-toggle-button.js";
+import "@siemens/ix/components/ix-tooltip.js";
+import "@siemens/ix/components/ix-tree.js";
+import "@siemens/ix/components/ix-tree-item.js";
+import "@siemens/ix/components/ix-typography.js";
+import "@siemens/ix/components/ix-upload.js";
+import "@siemens/ix/components/ix-workflow-step.js";
+import "@siemens/ix/components/ix-workflow-steps.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     animation: {
       type: [Boolean, void 0],
-      required: !1,
+      required: false,
       default: void 0
     },
     backdrop: {
       type: [Boolean, void 0],
-      required: !1,
+      required: false,
       default: void 0
     },
     beforeDismiss: {
       type: Function,
-      required: !1,
+      required: false,
       default: void 0
     },
     centered: {
       type: [Boolean, void 0],
-      required: !1,
+      required: false,
       default: void 0
     },
     closeOnBackdropClick: {
       type: [Boolean, void 0],
-      required: !1,
+      required: false,
       default: void 0
     },
     closeOnEscape: {
       type: [Boolean, void 0],
-      required: !1,
+      required: false,
       default: void 0
     },
     size: {
       type: String,
-      required: !1,
+      required: false,
       default: void 0
     }
   },
   emits: ["dialogClose", "dialogDismiss"],
-  setup(B, { expose: t, emit: r }) {
-    const o = f(), i = r, d = (e) => {
-      o.value?.$el.closeModal(e);
-    }, a = (e) => {
-      o.value?.$el.dismissModal(e);
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const modalRef = ref();
+    const emit = __emit;
+    const close = (result) => {
+      modalRef.value?.$el.closeModal(result);
+    };
+    const dismiss = (result) => {
+      modalRef.value?.$el.dismissModal(result);
+    };
+    __expose({
+      close,
+      dismiss,
+      modalElement: modalRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(IxModal), mergeProps(_ctx.$props, {
+        onDialogClose: _cache[0] || (_cache[0] = ($event) => emit("dialogClose", $event)),
+        onDialogDismiss: _cache[1] || (_cache[1] = ($event) => emit("dialogDismiss", $event)),
+        ref_key: "modalRef",
+        ref: modalRef
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            closeModal: close,
+            dismissModal: dismiss
+          })
+        ]),
+        _: 3
+      }, 16);
     };
-    return t({
-      close: d,
-      dismiss: a,
-      modalElement: o
-    }), (e, l) => (p(), u(m(y), v(e.$props, {
-      onDialogClose: l[0] || (l[0] = (s) => i("dialogClose", s)),
-      onDialogDismiss: l[1] || (l[1] = (s) => i("dialogDismiss", s)),
-      ref_key: "modalRef",
-      ref: o
-    }), {
-      default: c(() => [
-        g(e.$slots, "default", {
-          closeModal: d,
-          dismissModal: a
-        })
-      ]),
-      _: 3
-    }, 16));
   }
 });
 export {
-  C as default
+  _sfc_main as default
 };
 //# sourceMappingURL=Modal.vue.js.map

package/dist/modal/Modal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.js","sources":["../../src/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { defineProps, PropType, ref } from 'vue'\nimport { IxModal } from '../components'\nimport { HTMLRefElement } from '..'\nimport type { ModalSlotProps } from './modal-slot-props'\nimport type { IxModalSize, IxModalCustomEvent } from '@siemens/ix';\n\nconst modalRef = ref<HTMLRefElement<HTMLIxModalElement>>()\n\ndefineProps(\n    {\n        animation: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        backdrop: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        beforeDismiss: {\n            type: Function as PropType<(reason?: any) => boolean | Promise<boolean>>,\n            required: false,\n            default: undefined,\n        },\n        centered: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        closeOnBackdropClick: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        closeOnEscape: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        size: {\n            type: String as PropType<IxModalSize>,\n            required: false,\n            default: undefined,\n        },\n    }\n)\n\nconst emit = defineEmits<{ 'dialogClose': [IxModalCustomEvent<any>], 'dialogDismiss': [IxModalCustomEvent<any>] }>()\n\nconst close: ModalSlotProps['closeModal'] = (result) => {\n    modalRef.value?.$el.closeModal(result)\n}\n\nconst dismiss: ModalSlotProps['dismissModal'] = (result) => {\n    modalRef.value?.$el.dismissModal(result)\n}\n\ndefineExpose({\n    close,\n    dismiss,\n    modalElement: modalRef,\n})\n\n</script>\n\n\n<template>\n    <IxModal v-bind=\"$props\" @dialog-close=\"emit('dialogClose', $event)\" @dialog-dismiss=\"emit('dialogDismiss', $event)\"\n        ref=\"modalRef\">\n        <slot :closeModal=\"close\" :dismissModal=\"dismiss\"></slot>\n    </IxModal>\n</template>"],"names":["modalRef","ref","emit","__emit","close","result","dismiss","__expose","_createBlock","_unref","IxModal","_mergeProps","_ctx","_cache","$event","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAWC,EAAA,GA0CXC,IAAOC,GAEPC,IAAsC,CAACC,MAAW;AACpD,MAAAL,EAAS,OAAO,IAAI,WAAWK,CAAM;AAAA,IACzC,GAEMC,IAA0C,CAACD,MAAW;AACxD,MAAAL,EAAS,OAAO,IAAI,aAAaK,CAAM;AAAA,IAC3C;AAEA,WAAAE,EAAa;AAAA,MACT,OAAAH;AAAA,MACA,SAAAE;AAAA,MACA,cAAcN;AAAA,IAAA,CACjB,mBAMGQ,EAGUC,EAAAC,CAAA,GAHVC,EAGUC,EAAA,QAHa;AAAA,MAAG,eAAYC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAI,eAAgBY,CAAM;AAAA,MAAI,iBAAcD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAI,iBAAkBY,CAAM;AAAA,eAC1G;AAAA,MAAJ,KAAId;AAAA,IAAA;iBACJ,MAAyD;AAAA,QAAzDe,EAAyDH,EAAA,QAAA,WAAA;AAAA,UAAlD,YAAYR;AAAA,UAAQ,cAAcE;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"Modal.vue.js","sources":["../../src/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { defineProps, PropType, ref } from 'vue'\nimport { IxModal } from '../components'\nimport { HTMLRefElement } from '..'\nimport type { ModalSlotProps } from './modal-slot-props'\nimport type { IxModalSize, IxModalCustomEvent } from '@siemens/ix';\n\nconst modalRef = ref<HTMLRefElement<HTMLIxModalElement>>()\n\ndefineProps(\n    {\n        animation: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        backdrop: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        beforeDismiss: {\n            type: Function as PropType<(reason?: any) => boolean | Promise<boolean>>,\n            required: false,\n            default: undefined,\n        },\n        centered: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        closeOnBackdropClick: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        closeOnEscape: {\n            type: [Boolean, undefined],\n            required: false,\n            default: undefined,\n        },\n        size: {\n            type: String as PropType<IxModalSize>,\n            required: false,\n            default: undefined,\n        },\n    }\n)\n\nconst emit = defineEmits<{ 'dialogClose': [IxModalCustomEvent<any>], 'dialogDismiss': [IxModalCustomEvent<any>] }>()\n\nconst close: ModalSlotProps['closeModal'] = (result) => {\n    modalRef.value?.$el.closeModal(result)\n}\n\nconst dismiss: ModalSlotProps['dismissModal'] = (result) => {\n    modalRef.value?.$el.dismissModal(result)\n}\n\ndefineExpose({\n    close,\n    dismiss,\n    modalElement: modalRef,\n})\n\n</script>\n\n\n<template>\n    <IxModal v-bind=\"$props\" @dialog-close=\"emit('dialogClose', $event)\" @dialog-dismiss=\"emit('dialogDismiss', $event)\"\n        ref=\"modalRef\">\n        <slot :closeModal=\"close\" :dismissModal=\"dismiss\"></slot>\n    </IxModal>\n</template>"],"names":["_createBlock","_unref","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,WAAW,IAAA;AA0CjB,UAAM,OAAO;AAEb,UAAM,QAAsC,CAAC,WAAW;AACpD,eAAS,OAAO,IAAI,WAAW,MAAM;AAAA,IACzC;AAEA,UAAM,UAA0C,CAAC,WAAW;AACxD,eAAS,OAAO,IAAI,aAAa,MAAM;AAAA,IAC3C;AAEA,aAAa;AAAA,MACT;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACjB;;0BAMGA,YAGUC,MAAA,OAAA,GAHVC,WAGU,KAAA,QAHa;AAAA,QAAG,eAAY,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,eAAgB,MAAM;AAAA,QAAI,iBAAc,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,iBAAkB,MAAM;AAAA,iBAC1G;AAAA,QAAJ,KAAI;AAAA,MAAA;yBACJ,MAAyD;AAAA,UAAzDC,WAAyD,KAAA,QAAA,WAAA;AAAA,YAAlD,YAAY;AAAA,YAAQ,cAAc;AAAA,UAAA;;;;;;;"}

package/dist/modal/Modal.vue2.js

@@ -1,5 +1,5 @@
-import f from "./Modal.vue.js";
+import _sfc_main from "./Modal.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
 //# sourceMappingURL=Modal.vue2.js.map

package/dist/modal/constants.js

@@ -1,6 +1,7 @@
-const t = "ix-portal", T = "data-portal-id";
+const PORTAL_ID = "ix-portal";
+const DATA_PORTAL_ID_ATTRIBUTE = "data-portal-id";
 export {
-  T as DATA_PORTAL_ID_ATTRIBUTE,
-  t as PORTAL_ID
+  DATA_PORTAL_ID_ATTRIBUTE,
+  PORTAL_ID
 };
 //# sourceMappingURL=constants.js.map

package/dist/modal/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/modal/constants.ts"],"sourcesContent":["export const PORTAL_ID = 'ix-portal';\nexport const DATA_PORTAL_ID_ATTRIBUTE = 'data-portal-id';\n"],"names":["PORTAL_ID","DATA_PORTAL_ID_ATTRIBUTE"],"mappings":"AAAO,MAAMA,IAAY,aACZC,IAA2B;"}
+{"version":3,"file":"constants.js","sources":["../../src/modal/constants.ts"],"sourcesContent":["export const PORTAL_ID = 'ix-portal';\nexport const DATA_PORTAL_ID_ATTRIBUTE = 'data-portal-id';\n"],"names":[],"mappings":"AAAO,MAAM,YAAY;AAClB,MAAM,2BAA2B;"}

package/dist/modal/index.d.ts

@@ -1,4 +1,4 @@
-import { ModalConfig as IxModalConfig, ModalInstance as IxModalInstance, ModalLoadingContext, ModalLoadingOptions } from '@siemens/ix';
+import { type ModalConfig as IxModalConfig, type ModalInstance as IxModalInstance, type ModalLoadingContext, type ModalLoadingOptions } from '@siemens/ix';
 import { VNode } from 'vue';
 export type { ModalLoadingOptions } from '@siemens/ix';
 export { default as Modal } from './Modal.vue';
@@ -9,7 +9,6 @@ export type ModalConfig = {
     content: VNode;
 };
 export declare function showModal(config: Omit<IxModalConfig, 'content'> & ModalConfig): Promise<IxModalInstance<any>>;
-export declare function showModalLoading(message: string): ModalLoadingContext;
-export declare function showModalLoading(options: ModalLoadingOptions): ModalLoadingContext;
+export declare function showModalLoading(options: ModalLoadingOptions): Promise<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,5 +1,6 @@
-import { closeModal as m, dismissModal as r, showModal as p, showModalLoading as i } from "@siemens/ix";
-import { defineCustomElement as l } from "@siemens/ix/components/ix-modal.js";
+import { showModal as showModal$1, createShowModalLoading, closeModal as closeModal$1, dismissModal as dismissModal$1 } from "@siemens/ix/components";
+import { defineCustomElement } from "@siemens/ix/components/ix-modal.js";
+import { defineCustomElement as defineCustomElement$1 } from "@siemens/ix/components/ix-modal-loading.js";
 import "vue";
 import "@stencil/vue-output-target/runtime";
 import "@siemens/ix/components/ix-action-card.js";
@@ -26,9 +27,9 @@ import "@siemens/ix/components/ix-custom-field.js";
 import "@siemens/ix/components/ix-date-dropdown.js";
 import "@siemens/ix/components/ix-date-input.js";
 import "@siemens/ix/components/ix-date-picker.js";
+import "@siemens/ix/components/ix-datetime-input.js";
 import "@siemens/ix/components/ix-datetime-picker.js";
 import "@siemens/ix/components/ix-divider.js";
-import "@siemens/ix/components/ix-drawer.js";
 import "@siemens/ix/components/ix-dropdown.js";
 import "@siemens/ix/components/ix-dropdown-button.js";
 import "@siemens/ix/components/ix-dropdown-header.js";
@@ -49,7 +50,6 @@ import "@siemens/ix/components/ix-helper-text.js";
 import "@siemens/ix/components/ix-icon-button.js";
 import "@siemens/ix/components/ix-icon-toggle-button.js";
 import "@siemens/ix/components/ix-input.js";
-import "@siemens/ix/components/ix-input-group.js";
 import "@siemens/ix/components/ix-key-value.js";
 import "@siemens/ix/components/ix-key-value-list.js";
 import "@siemens/ix/components/ix-kpi.js";
@@ -79,6 +79,7 @@ import "@siemens/ix/components/ix-progress-indicator.js";
 import "@siemens/ix/components/ix-push-card.js";
 import "@siemens/ix/components/ix-radio.js";
 import "@siemens/ix/components/ix-radio-group.js";
+import "@siemens/ix/components/ix-range-field.js";
 import "@siemens/ix/components/ix-row.js";
 import "@siemens/ix/components/ix-select.js";
 import "@siemens/ix/components/ix-select-item.js";
@@ -100,27 +101,36 @@ import "@siemens/ix/components/ix-tree.js";
 import "@siemens/ix/components/ix-tree-item.js";
 import "@siemens/ix/components/ix-typography.js";
 import "@siemens/ix/components/ix-upload.js";
-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";
-l();
-async function li(o) {
-  return p(o);
+const showModalWithDependencies = showModal$1.withDependencies([
+  { tag: "ix-modal", define: defineCustomElement }
+]);
+const showModalLoadingWithDependencies = createShowModalLoading([
+  { tag: "ix-modal", define: defineCustomElement },
+  { tag: "ix-modal-loading", define: defineCustomElement$1 }
+]);
+async function showModal(config) {
+  return showModalWithDependencies(config);
 }
-function di(o) {
-  return typeof o == "string" ? i(o) : i(o);
+function showModalLoading(options) {
+  return showModalLoadingWithDependencies(options);
 }
-function si(o) {
-  o?.htmlElement && r(o.htmlElement);
+function dismissModal(modalInstance) {
+  if (modalInstance?.htmlElement) {
+    dismissModal$1(modalInstance.htmlElement);
+  }
 }
-function ni(o, t) {
-  o?.htmlElement && m(o.htmlElement, t);
+function closeModal(modalInstance, reason) {
+  if (modalInstance?.htmlElement) {
+    closeModal$1(modalInstance.htmlElement, reason);
+  }
 }
 export {
-  ni as closeModal,
-  si as dismissModal,
-  li as showModal,
-  di as showModalLoading
+  closeModal,
+  dismissModal,
+  showModal,
+  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  showModalLoading as _showModalLoading,\n  dismissModal as _dismissModal,\n  closeModal as _closeModal,\n  ModalInstance as IxModalInstance,\n  ModalLoadingContext,\n  ModalLoadingOptions,\n} from '@siemens/ix';\nimport { VNode } from 'vue';\nimport { defineCustomElement } from '@siemens/ix/components/ix-modal.js';\n\nexport type { ModalLoadingOptions } from '@siemens/ix';\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\n/** @deprecated Use ModalLoadingOptions object form instead */\nexport function showModalLoading(message: string): ModalLoadingContext;\nexport function showModalLoading(\n  options: ModalLoadingOptions\n): ModalLoadingContext;\nexport function showModalLoading(\n  messageOrOptions: string | ModalLoadingOptions\n): ModalLoadingContext {\n  return typeof messageOrOptions === 'string'\n    ? _showModalLoading(messageOrOptions)\n    : _showModalLoading(messageOrOptions);\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","messageOrOptions","_showModalLoading","dismissModal","modalInstance","_dismissModal","closeModal","reason","_closeModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBAA,EAAA;AAWA,eAAsBC,GACpBC,GACA;AACA,SAAOC,EAAWD,CAAM;AAC1B;AAOO,SAASE,GACdC,GACqB;AACrB,SAAO,OAAOA,KAAqB,WAC/BC,EAAkBD,CAAgB,IAClCC,EAAkBD,CAAgB;AACxC;AAEO,SAASE,GAAaC,GAAgC;AAC3D,EAAIA,GAAe,eACjBC,EAAcD,EAAc,WAAW;AAE3C;AAEO,SAASE,GACdF,GACAG,GACA;AACA,EAAIH,GAAe,eACjBI,EAAYJ,EAAc,aAAaG,CAAM;AAEjD;"}
+{"version":3,"file":"index.js","sources":["../../src/modal/index.ts"],"sourcesContent":["import {\n  type ModalConfig as IxModalConfig,\n  type ModalInstance as IxModalInstance,\n  type ModalLoadingContext,\n  type ModalLoadingOptions,\n} from '@siemens/ix';\nimport {\n  closeModal as _closeModal,\n  createShowModalLoading,\n  dismissModal as _dismissModal,\n  showModal as _showModal,\n} from '@siemens/ix/components';\nimport { VNode } from 'vue';\nimport { defineCustomElement as defineIxModal } from '@siemens/ix/components/ix-modal.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\n\nexport type { ModalLoadingOptions } from '@siemens/ix';\n\nconst showModalWithDependencies = _showModal.withDependencies([\n  { tag: 'ix-modal', define: defineIxModal },\n]);\n\nconst showModalLoadingWithDependencies = createShowModalLoading([\n  { tag: 'ix-modal', define: defineIxModal },\n  { tag: 'ix-modal-loading', define: defineIxModalLoading },\n]);\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 showModalWithDependencies(config);\n}\n\nexport function showModalLoading(\n  options: ModalLoadingOptions\n): Promise<ModalLoadingContext> {\n  return showModalLoadingWithDependencies(options);\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","defineIxModal","defineIxModalLoading","_dismissModal","_closeModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,4BAA4BA,YAAW,iBAAiB;AAAA,EAC5D,EAAE,KAAK,YAAY,QAAQC,oBAAA;AAC7B,CAAC;AAED,MAAM,mCAAmC,uBAAuB;AAAA,EAC9D,EAAE,KAAK,YAAY,QAAQA,oBAAA;AAAA,EAC3B,EAAE,KAAK,oBAAoB,QAAQC,sBAAA;AACrC,CAAC;AAWD,eAAsB,UACpB,QACA;AACA,SAAO,0BAA0B,MAAM;AACzC;AAEO,SAAS,iBACd,SAC8B;AAC9B,SAAO,iCAAiC,OAAO;AACjD;AAEO,SAAS,aAAa,eAAgC;AAC3D,MAAI,eAAe,aAAa;AAC9BC,mBAAc,cAAc,WAAW;AAAA,EACzC;AACF;AAEO,SAAS,WACd,eACA,QACA;AACA,MAAI,eAAe,aAAa;AAC9BC,iBAAY,cAAc,aAAa,MAAM;AAAA,EAC/C;AACF;"}