eco-vue-js 0.3.67

package/dist/components/Link/WLink.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { RouterLink } from 'vue-router';
+import IconLink from '../../assets/icons/sax/IconLink.svg.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import { semanticTypeTextStylesMap, semanticTypeIconStylesMap } from '../Button/models/semanticTypeStylesMap.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WLink",
+  props: {
+    to: { default: void 0 },
+    href: { default: void 0 },
+    target: { default: void 0 },
+    text: { default: void 0 },
+    semanticType: { default: SemanticType.PRIMARY },
+    small: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? unref(RouterLink) : "a"), mergeProps(!_ctx.to ? { target: _ctx.target, href: _ctx.href } : { to: _ctx.to }, {
+        class: ["cursor-pointer overflow-hidden no-underline hover:underline font-normal truncate whitespace-normal", {
+          "text-base": !_ctx.small,
+          "text-xs": _ctx.small,
+          [unref(semanticTypeTextStylesMap)[_ctx.semanticType]]: true
+        }]
+      }), {
+        default: withCtx(() => [
+          createElementVNode("span", {
+            class: normalizeClass(["inline", {
+              "mr-1": !_ctx.small,
+              "mr-0.5": _ctx.small
+            }])
+          }, [
+            createVNode(unref(IconLink), {
+              class: normalizeClass(["inline -mt-1 rounded-lg p-[1px]", {
+                "square-5": !_ctx.small,
+                "square-3": _ctx.small,
+                [unref(semanticTypeIconStylesMap)[_ctx.semanticType]]: true
+              }])
+            }, null, 8, ["class"])
+          ], 2),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Link/WLink.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WLink.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Link/WLinkArrow.vue.d.ts

@@ -0,0 +1,27 @@
+import { type RouteLocationNamedRaw } from 'vue-router';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    to: {
+        type: import("vue").PropType<RouteLocationNamedRaw>;
+        required: true;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<RouteLocationNamedRaw>;
+        required: true;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WLinkArrow.vue.d.ts.map

package/dist/components/Link/WLinkArrow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WLinkArrow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/WLinkArrow.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,qBAAqB,EAAC,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;AAwFjE,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Link/WLinkArrow.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { RouterLink } from 'vue-router';
+import IconBack from '../../assets/icons/default/IconBack.svg.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WLinkArrow",
+  props: {
+    to: {},
+    text: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RouterLink), {
+        to: _ctx.to,
+        class: "py-2 text-description text-base font-normal cursor-pointer select-none self-end no-underline hover:text-primary-default dark:hover:text-primary-dark flex gap-2 items-center"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.text), 1)
+          ]),
+          createVNode(unref(IconBack), { class: "rotate-180" })
+        ]),
+        _: 3
+      }, 8, ["to"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Link/WLinkArrow.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WLinkArrow.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/ListCard/WListCard.vue.d.ts

@@ -0,0 +1,53 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideMore: {
+        type: import("vue").PropType<boolean>;
+    };
+    mobile: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowSelect: {
+        type: import("vue").PropType<boolean>;
+    };
+    moreBottom: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideMore: {
+        type: import("vue").PropType<boolean>;
+    };
+    mobile: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowSelect: {
+        type: import("vue").PropType<boolean>;
+    };
+    moreBottom: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+    more?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WListCard.vue.d.ts.map

package/dist/components/ListCard/WListCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/WListCard.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4LA,wBAA8G;AAiB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/ListCard/WListCard.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createCommentVNode, createBlock, renderSlot, normalizeClass, markRaw, unref } from 'vue';
+import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
+import _sfc_main$2 from '../Button/WButtonMore.vue.js';
+import _sfc_main$3 from '../Button/WButtonMoreItem.vue.js';
+import IconAddCircle from '../../assets/icons/sax/IconAddCircle.svg.js';
+import IconMinusCircle from '../../assets/icons/sax/IconMinusCircle.svg.js';
+
+const _hoisted_1 = { class: "grid relative w-full sm:flex sm-not:group-even:bg-gray-50 sm-not:dark:group-even:bg-primary-darkest/25 sm-not:pt-2" };
+const _hoisted_2 = {
+  key: 0,
+  class: "bg-primary-default dark:bg-primary-dark w-2 h-full hidden sm-not:block absolute left-0 top-0"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WListCard",
+  props: {
+    disabled: { type: Boolean },
+    selected: { type: Boolean },
+    hideMore: { type: Boolean },
+    mobile: { type: Boolean },
+    allowSelect: { type: Boolean },
+    moreBottom: { type: Boolean }
+  },
+  emits: ["update:selected"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(Transition, {
+          "enter-active-class": "transition-transform duration-200",
+          "leave-active-class": "transition-transform duration-200",
+          "enter-from-class": "-translate-x-2",
+          "leave-to-class": "-translate-x-2"
+        }, {
+          default: withCtx(() => [
+            _ctx.mobile && _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        _ctx.allowSelect && !_ctx.mobile ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          "model-value": _ctx.selected ?? false,
+          disabled: _ctx.disabled,
+          class: "sm:w-list-row-item sm-not:hidden",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:selected", $event))
+        }, null, 8, ["model-value", "disabled"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        !_ctx.hideMore ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
+          class: normalizeClass(["sm-not:absolute sm-not:right-0 sm-not:-mx--inner-margin sm-not:bottom-0 sm-not:items-start sm:w-list-row-item flex items-center pl-4", {
+            "sm-not:top-5": !_ctx.moreBottom,
+            "sm-not:top-12": _ctx.moreBottom
+          }]),
+          disabled: _ctx.disabled
+        }, {
+          default: withCtx(() => [
+            _ctx.allowSelect && _ctx.mobile ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              text: _ctx.selected ? "Unselect" : "Select",
+              icon: _ctx.selected ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", !_ctx.selected))
+            }, null, 8, ["text", "icon"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "more")
+          ]),
+          _: 3
+        }, 8, ["class", "disabled"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/ListCard/WListCard.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WListCard.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/ListCard/WListCardField.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+    inner?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WListCardField.vue.d.ts.map

package/dist/components/ListCard/WListCardField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WListCardField.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/WListCardField.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiJA,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/ListCard/WListCardField.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createBlock, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx } from 'vue';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+
+const _hoisted_1 = { class: "flex items-center sm:h-16" };
+const _hoisted_2 = { class: "w-full relative" };
+const _hoisted_3 = { class: "absolute top-0 w-full truncate" };
+const _hoisted_4 = { class: "min-w-[12rem] max-w-xl overflow-hidden" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WListCardField",
+  props: {
+    modelValue: {},
+    skeleton: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+            createTextVNode("   "),
+            createElementVNode("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "inner", {}, () => [
+                createTextVNode(toDisplayString(_ctx.modelValue), 1)
+              ]),
+              createVNode(_sfc_main$1, {
+                "no-touch": "",
+                "overflow-only": ""
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    renderSlot(_ctx.$slots, "inner", {}, () => [
+                      createTextVNode(toDisplayString(_ctx.modelValue), 1)
+                    ])
+                  ])
+                ]),
+                _: 3
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/ListCard/WListCardField.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WListCardField.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/MenuItem/WMenuItem.vue.d.ts

@@ -0,0 +1,37 @@
+import { type RouteLocationRaw } from 'vue-router';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    download: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    download: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WMenuItem.vue.d.ts.map

package/dist/components/MenuItem/WMenuItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuItem/WMenuItem.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,gBAAgB,EAAa,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4E5D,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/MenuItem/WMenuItem.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { RouterLink } from 'vue-router';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WMenuItem",
+  props: {
+    to: {},
+    disabled: { type: Boolean },
+    href: {},
+    download: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? unref(RouterLink) : _ctx.href ? "a" : "button"), mergeProps(_ctx.to ? { to: _ctx.to } : _ctx.href ? { href: _ctx.href, download: _ctx.download } : void 0, {
+        class: ["relative px-6 py-2 first:pt-4 last:pb-4 text-description select-none flex gap-4 w-full min-w-36 items-center text-start justify-start outline-none", {
+          "w-ripple w-ripple-hover hover:text-primary-default dark:hover:text-primary-dark cursor-pointer": !_ctx.disabled,
+          "opacity-50 cursor-not-allowed": _ctx.disabled
+        }],
+        disabled: _ctx.disabled
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/MenuItem/WMenuItem.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WMenuItem.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Modal/WModal.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=WModal.vue.d.ts.map

package/dist/components/Modal/WModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue.ts"],"names":[],"mappings":";AA4OA,wBAAkD"}

package/dist/components/Modal/WModal.vue.js

@@ -0,0 +1,123 @@
+import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeStyle, createCommentVNode, TransitionGroup, Fragment, renderList, withModifiers, createBlock, resolveDynamicComponent, mergeProps, createElementVNode } from 'vue';
+import { Modal, initModal } from '../../utils/Modal.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import _sfc_main$1 from './components/ModalCloseButton.vue.js';
+
+const _hoisted_1 = { class: "z-[1000]" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "h-[calc(100%+1px)]" }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WModal",
+  setup(__props) {
+    const key = ref(0);
+    const modalMetaList = ref([]);
+    const isBackdropVisible = ref(false);
+    const hasChangesMap = reactive({});
+    const addModal = (component, props, cb, autoclose = false) => {
+      const modalMeta = {
+        component,
+        key: key.value++,
+        props,
+        cb,
+        autoclose
+      };
+      modalMetaList.value = [...modalMetaList.value, modalMeta];
+      return () => closeModal(modalMeta);
+    };
+    const closeModal = (modalMeta) => {
+      const index = modalMetaList.value.indexOf(modalMeta);
+      if (index === -1)
+        return;
+      const modalMetaListNew = modalMetaList.value.slice();
+      modalMetaListNew.splice(index, 1);
+      modalMetaList.value = modalMetaListNew;
+      delete hasChangesMap[modalMeta.key];
+      if (!modalMetaListNew.length) {
+        key.value = 0;
+      }
+      modalMeta.cb?.();
+    };
+    let closeConfirm = null;
+    const closeModalWithConfirm = (modalMeta) => {
+      if (modalMeta.autoclose || !hasChangesMap[modalMeta.key]) {
+        closeModal(modalMeta);
+        return;
+      }
+      closeConfirm?.();
+      closeConfirm = Modal.addConfirm({
+        title: "Are you sure want to close modal?",
+        description: "Closing the modal will undo any changes",
+        acceptSemanticType: SemanticType.WARNING,
+        acceptText: "Close",
+        onAccept() {
+          closeModal(modalMeta);
+        }
+      }, () => closeConfirm = null);
+    };
+    let timeout;
+    watch(modalMetaList, (value) => {
+      if (timeout)
+        clearTimeout(timeout);
+      if (value.length) {
+        isBackdropVisible.value = true;
+      } else {
+        timeout = setTimeout(() => {
+          timeout = void 0;
+          isBackdropVisible.value = false;
+        }, 100);
+      }
+    });
+    onBeforeMount(() => {
+      initModal(addModal);
+    });
+    onBeforeUnmount(() => {
+      initModal(void 0);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity",
+          "leave-active-class": "transition-opacity",
+          "enter-from-class": "opacity-0",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            isBackdropVisible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              style: normalizeStyle({ zIndex: 100 + modalMetaList.value.length + modalMetaList.value.length - 1 }),
+              class: "fixed top-0 left-0 h-full w-full backdrop-blur bg-primary-light dark:bg-primary-darkest bg-opacity-40 dark:bg-opacity-40"
+            }, null, 4)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          "enter-active-class": "transition-all duration-300",
+          "leave-active-class": "transition-all duration-300",
+          "enter-from-class": "translate-y-8 opacity-0",
+          "leave-to-class": "-translate-y-5 opacity-0"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(modalMetaList.value, (modalMeta, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: modalMeta.key,
+                style: normalizeStyle({ zIndex: 100 + index + index + 2 }),
+                class: "fixed top-0 left-0 bottom-0 right-0 flex justify-center items-center overscroll-none overflow-y-auto no-scrollbar isolate"
+              }, [
+                _hoisted_2,
+                createVNode(_sfc_main$1, {
+                  onClick: withModifiers(($event) => closeModalWithConfirm(modalMeta), ["stop", "prevent"])
+                }, null, 8, ["onClick"]),
+                (openBlock(), createBlock(resolveDynamicComponent(modalMeta.component), mergeProps(modalMeta.props, {
+                  "onClose:modal": ($event) => closeModal(modalMeta),
+                  "onUpdate:hasChanges": ($event) => hasChangesMap[modalMeta.key] = $event
+                }), null, 16, ["onClose:modal", "onUpdate:hasChanges"]))
+              ], 4);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Modal/WModal.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WModal.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Modal/WModalStepper.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    names: {
+        type: import("vue").PropType<string[]>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {
+    next: () => void;
+    previous: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "close:modal": () => void;
+    submit: () => void;
+    next: (current: number) => void;
+    previous: (current: number) => void;
+    "update:current": (value: number) => void;
+    "update:has-changes": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    names: {
+        type: import("vue").PropType<string[]>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
+    "onClose:modal"?: (() => any) | undefined;
+    "onUpdate:current"?: ((value: number) => any) | undefined;
+    onPrevious?: ((current: number) => any) | undefined;
+    onNext?: ((current: number) => any) | undefined;
+}, {}, {}>, {
+    title?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WModalStepper.vue.d.ts.map

package/dist/components/Modal/WModalStepper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalStepper.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgSA,wBAA8G;AA2B9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}