@siemens/ix-vue 0.0.0-pr-1724-20250305102750 → 0.0.0-pr-1974-20250624072317

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/internal-components.js

@@ -1,13 +1,13 @@
-import { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';
-import { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';
-import { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';
-import { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';
-import { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';
-import { defineCustomElement as defineIxFieldLabel } from '@siemens/ix/components/ix-field-label.js';
-defineIxApplicationSwitchModal();
-defineIxApplicationSidebar();
-defineIxDateTimeCard();
-defineIxBurgerMenu();
-defineIxModalLoading();
-defineIxFieldLabel();
-//# sourceMappingURL=internal-components.js.map
+import { defineCustomElement as e } from "@siemens/ix/components/ix-application-sidebar.js";
+import { defineCustomElement as m } from "@siemens/ix/components/ix-application-switch-modal.js";
+import { defineCustomElement as t } from "@siemens/ix/components/ix-menu-expand-icon.js";
+import { defineCustomElement as o } from "@siemens/ix/components/ix-date-time-card.js";
+import { defineCustomElement as n } from "@siemens/ix/components/ix-modal-loading.js";
+import { defineCustomElement as f } from "@siemens/ix/components/ix-field-label.js";
+m();
+e();
+o();
+t();
+n();
+f();
+//# sourceMappingURL=internal-components.js.map

package/dist/internal-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-components.js","sourceRoot":"","sources":["../src/internal-components.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AACrH,OAAO,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AAC9H,OAAO,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAC1G,OAAO,EAAE,mBAAmB,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAC1G,OAAO,EAAE,mBAAmB,IAAI,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACzG,OAAO,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAErG,8BAA8B,EAAE,CAAC;AACjC,0BAA0B,EAAE,CAAC;AAC7B,oBAAoB,EAAE,CAAC;AACvB,kBAAkB,EAAE,CAAC;AACrB,oBAAoB,EAAE,CAAC;AACvB,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"internal-components.js","sources":["../src/internal-components.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';\nimport { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\nimport { defineCustomElement as defineIxFieldLabel } from '@siemens/ix/components/ix-field-label.js';\n\ndefineIxApplicationSwitchModal();\ndefineIxApplicationSidebar();\ndefineIxDateTimeCard();\ndefineIxBurgerMenu();\ndefineIxModalLoading();\ndefineIxFieldLabel();\n"],"names":["defineIxApplicationSwitchModal","defineIxApplicationSidebar","defineIxDateTimeCard","defineIxBurgerMenu","defineIxModalLoading","defineIxFieldLabel"],"mappings":";;;;;;AAeAA,EAA+B;AAC/BC,EAA2B;AAC3BC,EAAqB;AACrBC,EAAmB;AACnBC,EAAqB;AACrBC,EAAmB;"}

package/dist/ix-icon.d.ts

@@ -1,2 +1,3 @@
 import type { JSX as IxIconsJSX } from '@siemens/ix-icons';
-export declare const IxIcon: (props: IxIconsJSX.IxIcon & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}) => any;
+import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
+export declare const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon>;

package/dist/ix-icon.js

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

package/dist/ix-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-icon.js","sourceRoot":"","sources":["../src/ix-icon.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAGhF,MAAM,CAAC,MAAM,MAAM,GAAiB,eAAe,CACjD,SAAS,EACT,mBAAmB,EACnB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAC1B,CAAC"}
+{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport type { JSX as IxIconsJSX } from '@siemens/ix-icons';\nimport {\n  defineContainer,\n  type StencilVueComponent,\n} from '@stencil/vue-output-target/runtime';\nimport { defineCustomElement as defineIxIcon } from '@siemens/ix-icons/components/ix-icon.js';\n\nexport const IxIcon: StencilVueComponent<IxIconsJSX.IxIcon> =\n  // eslint-disable-next-line no-inline-comments\n  /*@__PURE__*/ defineContainer<IxIconsJSX.IxIcon>('ix-icon', defineIxIcon, [\n    'size',\n    'color',\n    'name',\n  ]);\n"],"names":["IxIcon","defineContainer","defineIxIcon"],"mappings":";;AAea,MAAAA;AAAA;AAAA,EAEG,gBAAAC,EAAmC,WAAWC,GAAc;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAA;AAAA;"}

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

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { VueFrameworkDelegate } from '../delegate';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    delegate: {
+        type: PropType<VueFrameworkDelegate>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    delegate: {
+        type: PropType<VueFrameworkDelegate>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/modal/IxOverlay.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as _, ref as i, computed as y, watch as d, createElementBlock as h, openBlock as m, 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__ */ _({
+  __name: "IxOverlay",
+  props: {
+    delegate: {
+      type: Object,
+      required: !0
+    }
+  },
+  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)
+        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;
+      };
+      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);
+        }
+      });
+    }, { 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));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=IxOverlay.vue.js.map

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

@@ -0,0 +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"],"mappings":";;;;;;;;;;;;AAQM,UAAAA,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,IAC3B,EACH,CACJ,GAEKC,IAAQC;AAOd,WAAAC,EAAM,MAAMF,EAAM,UAAU,CAACG,MAAa;AACtC,UAAI,CAACA;AACD;AAGE,YAAAC,IAAa,CAACC,GAAYC,MAAgB;AAC5C,cAAMC,IAAS,EAAE,GAAGX,EAAQ,MAAM;AAClC,QAAAW,EAAOF,CAAE,IAAIC,GACbV,EAAQ,QAAQW;AAAA,MACpB,GAEMC,IAAgB,CAACH,MAAe;AAClC,cAAME,IAAS,EAAE,GAAGX,EAAQ,MAAM;AAClC,eAAOW,EAAOF,CAAE,GAChBT,EAAQ,QAAQW;AAAA,MACpB;AAES,MAAAJ,EAAA,qBAAqB,OAAOE,GAAYC,OAC7CF,EAAWC,GAAIC,CAAI,GACZ,IAAI,QAAiB,CAACG,MAAY;AACrC,cAAMC,IAAI,EAAE,GAAGhB,EAAkB,MAAM;AACvC,QAAAgB,EAAEL,CAAE,IAAII,GACRf,EAAkB,QAAQgB;AAAA,MAAA,CAC7B,IAGIP,EAAA,uBAAuB,OAAOE,MAAe;AAClD,QAAAG,EAAcH,CAAE;AAAA,MACpB,GAEAF,EAAS,YAAY;AAAA,IAAA,GAEtB,EAAE,WAAW,IAAM,GAEtBD,EAAM,MAAML,EAAM,OAAO,CAACc,MAAa;AAC1B,MAAAA,EAAA,QAAQ,CAACL,MAAS;AACvB,cAAMM,IAAe,EAAE,GAAGlB,EAAkB,MAAM,GAC5CmB,IAAK,SAAS,cAAc,IAAIC,CAAwB,KAAKR,EAAK,EAAE,IAAI,GAExEG,IAAUG,EAAaN,EAAK,EAAE;AAEhC,YAAAO,KAAMA,EAAG,SAAS,WAAW,KAAKJ,KAAW,OAAOA,KAAY,YAAY;AACtEH,gBAAAA,IAAOO,EAAG,SAAS,CAAC;AAC1B,UAAAJ,EAAQH,CAAI;AAAA,QAAA;AAAA,MAChB,CAEH;AAAA,IAAA,GACF,EAAE,OAAO,QAAQ;;;;;;;;"}

package/dist/modal/IxOverlay.vue2.js

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

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

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

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

@@ -0,0 +1,108 @@
+import { PropType } from 'vue';
+import { HTMLRefElement } from '..';
+import type { IxModalSize, IxModalCustomEvent } from '@siemens/ix';
+declare var __VLS_12: {
+    closeModal: <T>(reason?: T) => void;
+    dismissModal: <T>(reason?: T) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    animation: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    backdrop: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    beforeDismiss: {
+        type: PropType<(reason?: any) => boolean | Promise<boolean>>;
+        required: false;
+        default: any;
+    };
+    centered: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    size: {
+        type: PropType<IxModalSize>;
+        required: false;
+        default: any;
+    };
+}>, {
+    close: <T>(reason?: T) => void;
+    dismiss: <T>(reason?: T) => void;
+    modalElement: import("vue").Ref<HTMLRefElement<HTMLIxModalElement>, HTMLRefElement<HTMLIxModalElement>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dialogClose: (args_0: IxModalCustomEvent<any>) => any;
+    dialogDismiss: (args_0: IxModalCustomEvent<any>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    animation: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    backdrop: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    beforeDismiss: {
+        type: PropType<(reason?: any) => boolean | Promise<boolean>>;
+        required: false;
+        default: any;
+    };
+    centered: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor[];
+        required: false;
+        default: any;
+    };
+    size: {
+        type: PropType<IxModalSize>;
+        required: false;
+        default: any;
+    };
+}>> & Readonly<{
+    onDialogClose?: (args_0: IxModalCustomEvent<any>) => any;
+    onDialogDismiss?: (args_0: IxModalCustomEvent<any>) => any;
+}>, {
+    size: IxModalSize;
+    animation: boolean;
+    backdrop: boolean;
+    closeOnBackdropClick: boolean;
+    beforeDismiss: (reason?: any) => boolean | Promise<boolean>;
+    centered: boolean;
+    closeOnEscape: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/modal/Modal.vue.js

@@ -0,0 +1,74 @@
+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({
+  __name: "Modal",
+  props: {
+    animation: {
+      type: [Boolean, void 0],
+      required: !1,
+      default: void 0
+    },
+    backdrop: {
+      type: [Boolean, void 0],
+      required: !1,
+      default: void 0
+    },
+    beforeDismiss: {
+      type: Function,
+      required: !1,
+      default: void 0
+    },
+    centered: {
+      type: [Boolean, void 0],
+      required: !1,
+      default: void 0
+    },
+    closeOnBackdropClick: {
+      type: [Boolean, void 0],
+      required: !1,
+      default: void 0
+    },
+    closeOnEscape: {
+      type: [Boolean, void 0],
+      required: !1,
+      default: void 0
+    },
+    size: {
+      type: String,
+      required: !1,
+      default: void 0
+    }
+  },
+  emits: ["dialogClose", "dialogDismiss"],
+  setup(B, { expose: t, emit: r }) {
+    const l = f(), i = r, d = (o) => {
+      var e;
+      (e = l.value) == null || e.$el.closeModal(o);
+    }, a = (o) => {
+      var e;
+      (e = l.value) == null || e.$el.dismissModal(o);
+    };
+    return t({
+      close: d,
+      dismiss: a,
+      modalElement: l
+    }), (o, e) => (u(), p(m(y), v(o.$props, {
+      onDialogClose: e[0] || (e[0] = (s) => i("dialogClose", s)),
+      onDialogDismiss: e[1] || (e[1] = (s) => i("dialogDismiss", s)),
+      ref_key: "modalRef",
+      ref: l
+    }), {
+      default: c(() => [
+        g(o.$slots, "default", {
+          closeModal: d,
+          dismissModal: a
+        })
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  C as default
+};
+//# sourceMappingURL=Modal.vue.js.map

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

@@ -0,0 +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","_a","dismiss","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAWC,EAAwC,GA0CnDC,IAAOC,GAEPC,IAAsC,CAACC,MAAW;;AAC3C,OAAAC,IAAAN,EAAA,UAAA,QAAAM,EAAO,IAAI,WAAWD;AAAA,IACnC,GAEME,IAA0C,CAACF,MAAW;;AAC/C,OAAAC,IAAAN,EAAA,UAAA,QAAAM,EAAO,IAAI,aAAaD;AAAA,IACrC;AAEa,WAAAG,EAAA;AAAA,MACT,OAAAJ;AAAA,MACA,SAAAG;AAAA,MACA,cAAcP;AAAA,IAAA,CACjB;;;;;;;;;;;;;;;;"}

package/dist/modal/Modal.vue2.js

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

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

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

package/dist/modal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PORTAL_ID = "ix-portal";
+export declare const DATA_PORTAL_ID_ATTRIBUTE = "data-portal-id";

package/dist/modal/constants.js

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

package/dist/modal/constants.js.map

@@ -0,0 +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;"}

package/dist/modal/index.d.ts

@@ -0,0 +1,10 @@
+import { ModalConfig as IxModalConfig } from '@siemens/ix';
+import { VNode } from 'vue';
+export { default as Modal } from './Modal.vue';
+export { default as IxOverlay } from './IxOverlay.vue';
+export * from './constants';
+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>>;

package/dist/modal/index.js

@@ -0,0 +1,116 @@
+import { showModal as r } from "@siemens/ix";
+import "vue";
+import "@stencil/vue-output-target/runtime";
+import "@siemens/ix/components/ix-action-card.js";
+import "@siemens/ix/components/ix-application.js";
+import "@siemens/ix/components/ix-application-header.js";
+import "@siemens/ix/components/ix-avatar.js";
+import "@siemens/ix/components/ix-basic-navigation.js";
+import "@siemens/ix/components/ix-blind.js";
+import "@siemens/ix/components/ix-breadcrumb.js";
+import "@siemens/ix/components/ix-breadcrumb-item.js";
+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-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";
+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-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";
+import "@siemens/ix/components/ix-layout-auto.js";
+import "@siemens/ix/components/ix-layout-grid.js";
+import "@siemens/ix/components/ix-link-button.js";
+import "@siemens/ix/components/ix-map-navigation.js";
+import "@siemens/ix/components/ix-map-navigation-overlay.js";
+import "@siemens/ix/components/ix-menu.js";
+import "@siemens/ix/components/ix-menu-about.js";
+import "@siemens/ix/components/ix-menu-about-item.js";
+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 "@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";
+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-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-validation-tooltip.js";
+import "@siemens/ix/components/ix-workflow-step.js";
+import "@siemens/ix/components/ix-workflow-steps.js";
+import "./ix-view.js";
+async function mr(o) {
+  return r(o);
+}
+export {
+  mr as showModal
+};
+//# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -0,0 +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;"}