@siemens/ix-vue 4.3.0 → 5.0.0

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, createBlock as p, openBlock 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) => (u(), p(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,5 +1,6 @@
-import { ModalConfig as IxModalConfig, ModalInstance as IxModalInstance, ModalLoadingContext } 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';
 export { default as IxOverlay } from './IxOverlay.vue';
 export * from './constants';
@@ -8,6 +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): 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 { showModal as t, showModalLoading as m, dismissModal as r, closeModal as p } 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 t(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 si(o) {
-  return m(o);
+function showModalLoading(options) {
+  return showModalLoadingWithDependencies(options);
 }
-function di(o) {
-  o?.htmlElement && r(o.htmlElement);
+function dismissModal(modalInstance) {
+  if (modalInstance?.htmlElement) {
+    dismissModal$1(modalInstance.htmlElement);
+  }
 }
-function ai(o, i) {
-  o?.htmlElement && p(o.htmlElement, i);
+function closeModal(modalInstance, reason) {
+  if (modalInstance?.htmlElement) {
+    closeModal$1(modalInstance.htmlElement, reason);
+  }
 }
 export {
-  ai as closeModal,
-  di as dismissModal,
-  li as showModal,
-  si 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} 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,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;"}

package/dist/modal/ix-view.js

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

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

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

package/dist/plugin.js

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

package/dist/plugin.js.map

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

package/dist/tab-set.d.ts

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

package/dist/toast/toast.d.ts

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

package/dist/toast/toast.js

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

package/dist/toast/toast.js.map

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