eco-vue-js 0.3.67

package/dist/components/Form/use/useFormHasChangesMap.js

@@ -0,0 +1,27 @@
+import { ref, computed, provide, inject, watch } from 'vue';
+import { wFormHasChangesUpdater } from '../models/injection.js';
+import { removeKey } from '../models/utils.js';
+
+const useFormHasChangesMap = (name) => {
+  const hasChangesMap = ref({});
+  const hasChanges = computed(() => Object.keys(hasChangesMap.value).length !== 0);
+  const hasChangesMapUpdater = (key, value) => {
+    hasChangesMap.value = !value ? removeKey(hasChangesMap.value, key) : { ...hasChangesMap.value, [key]: value };
+  };
+  const hasChangesMapUnlistener = (key) => {
+    hasChangesMap.value = removeKey(hasChangesMap.value, key);
+  };
+  provide(wFormHasChangesUpdater, hasChangesMapUpdater);
+  const hasChangesUpdaterInjected = inject(wFormHasChangesUpdater, void 0);
+  watch(hasChanges, (value) => {
+    if (name.value) {
+      hasChangesUpdaterInjected?.(name.value, value);
+    }
+  });
+  return {
+    hasChangesMapUnlistener,
+    hasChanges
+  };
+};
+
+export { useFormHasChangesMap };

package/dist/components/Form/use/useFormInitModelMap.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+export declare const useFormInitModelMap: (name: Ref<string | undefined>) => {
+    initModelMapUnlistener: (key: string) => void;
+    initModel: () => void;
+};
+//# sourceMappingURL=useFormInitModelMap.d.ts.map

package/dist/components/Form/use/useFormInitModelMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInitModelMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormInitModelMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIjE,eAAO,MAAM,mBAAmB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC;kCAO1B,MAAM;qBAIrB,IAAI;CAoB3B,CAAA"}

package/dist/components/Form/use/useFormInitModelMap.js

@@ -0,0 +1,31 @@
+import { ref, provide, inject, onBeforeMount } from 'vue';
+import { wFormInitModelUpdater } from '../models/injection.js';
+import { removeKey } from '../models/utils.js';
+
+const useFormInitModelMap = (name) => {
+  const initModelMap = ref({});
+  const initModelMapUpdater = (key, value) => {
+    initModelMap.value = { ...initModelMap.value, [key]: value };
+  };
+  const initModelMapUnlistener = (key) => {
+    initModelMap.value = removeKey(initModelMap.value, key);
+  };
+  const initModel = () => {
+    Object.keys(initModelMap.value).forEach((key) => {
+      initModelMap.value[key]?.();
+    });
+  };
+  provide(wFormInitModelUpdater, initModelMapUpdater);
+  const initModelInjected = inject(wFormInitModelUpdater, void 0);
+  onBeforeMount(() => {
+    if (name.value) {
+      initModelInjected?.(name.value, initModel);
+    }
+  });
+  return {
+    initModelMapUnlistener,
+    initModel
+  };
+};
+
+export { useFormInitModelMap };

package/dist/components/Form/use/useFormInvalidateMap.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+type InvalidatePayload = Record<string, string | string[]>;
+export declare const useFormInvalidateMap: (name: Ref<string | undefined>) => {
+    invalidateMapUnlistener: (key: string) => void;
+    invalidate: (payload: InvalidatePayload) => void;
+};
+export {};
+//# sourceMappingURL=useFormInvalidateMap.d.ts.map

package/dist/components/Form/use/useFormInvalidateMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInvalidateMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormInvalidateMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIjE,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAA;AAE1D,eAAO,MAAM,oBAAoB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC;mCAO1B,MAAM;0BAIf,iBAAiB,KAAG,IAAI;CAoBtD,CAAA"}

package/dist/components/Form/use/useFormInvalidateMap.js

@@ -0,0 +1,31 @@
+import { ref, provide, inject, onBeforeMount } from 'vue';
+import { wFormInvalidateUpdater } from '../models/injection.js';
+import { removeKey } from '../models/utils.js';
+
+const useFormInvalidateMap = (name) => {
+  const invalidateMap = ref({});
+  const invalidateMapUpdater = (key, value) => {
+    invalidateMap.value = { ...invalidateMap.value, [key]: value };
+  };
+  const invalidateMapUnlistener = (key) => {
+    invalidateMap.value = removeKey(invalidateMap.value, key);
+  };
+  const invalidate = (payload) => {
+    Object.keys(invalidateMap.value).forEach((key) => {
+      invalidateMap.value[key]?.(name.value ? payload[name.value] ?? payload : payload);
+    });
+  };
+  provide(wFormInvalidateUpdater, invalidateMapUpdater);
+  const invalidateUpdaterInjected = inject(wFormInvalidateUpdater, void 0);
+  onBeforeMount(() => {
+    if (name.value) {
+      invalidateUpdaterInjected?.(name.value, invalidate);
+    }
+  });
+  return {
+    invalidateMapUnlistener,
+    invalidate
+  };
+};
+
+export { useFormInvalidateMap };

package/dist/components/Form/use/useFormTitleMap.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+export declare const useFormTitleMap: (name: Ref<string | undefined>, title: Ref<string | undefined>) => {
+    titleGetter: (key: string) => string;
+    titleMapUnlistener: (key: string) => void;
+};
+//# sourceMappingURL=useFormTitleMap.d.ts.map

package/dist/components/Form/use/useFormTitleMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormTitleMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormTitleMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIzD,eAAO,MAAM,eAAe,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,SAAS,IAAI,MAAM,GAAG,SAAS,CAAC;uBAWjE,MAAM;8BAJC,MAAM;CAsBxC,CAAA"}

package/dist/components/Form/use/useFormTitleMap.js

@@ -0,0 +1,29 @@
+import { ref, provide, inject, watch } from 'vue';
+import { wFormTitleUpdater } from '../models/injection.js';
+import { removeKey } from '../models/utils.js';
+
+const useFormTitleMap = (name, title) => {
+  const titleMap = ref({});
+  const titleMapUpdater = (key, value) => {
+    titleMap.value = !value ? removeKey(titleMap.value, key) : { ...titleMap.value, [key]: value };
+  };
+  const titleMapUnlistener = (key) => {
+    titleMap.value = removeKey(titleMap.value, key);
+  };
+  const titleGetter = (key) => {
+    return titleMap.value[key] ?? key;
+  };
+  provide(wFormTitleUpdater, titleMapUpdater);
+  const titleUpdaterInjected = inject(wFormTitleUpdater, void 0);
+  watch(title, (value) => {
+    if (name.value) {
+      titleUpdaterInjected?.(name.value, value);
+    }
+  }, { immediate: true });
+  return {
+    titleGetter,
+    titleMapUnlistener
+  };
+};
+
+export { useFormTitleMap };

package/dist/components/Form/use/useFormValidateMap.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+export declare const useFormValidateMap: (name: Ref<string | undefined>, titleGetter: (key: string) => string, emitIsValid: (value: boolean) => void) => {
+    validateMapUnlistener: (key: string) => void;
+    validate: (silent?: boolean) => string | undefined;
+};
+//# sourceMappingURL=useFormValidateMap.d.ts.map

package/dist/components/Form/use/useFormValidateMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidateMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormValidateMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIjE,eAAO,MAAM,kBAAkB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM,uBAAuB,OAAO,KAAK,IAAI;iCAOvG,MAAM;wBAIf,OAAO,KAAG,MAAM,GAAG,SAAS;CAsBxD,CAAA"}

package/dist/components/Form/use/useFormValidateMap.js

@@ -0,0 +1,32 @@
+import { ref, provide, inject, onBeforeMount } from 'vue';
+import { wFormValidateUpdater } from '../models/injection.js';
+import { removeKey, compileMessage } from '../models/utils.js';
+
+const useFormValidateMap = (name, titleGetter, emitIsValid) => {
+  const validateMap = ref({});
+  const validateMapUpdater = (key, value) => {
+    validateMap.value = { ...validateMap.value, [key]: value };
+  };
+  const validateMapUnlistener = (key) => {
+    validateMap.value = removeKey(validateMap.value, key);
+  };
+  const validate = (silent) => {
+    const messages = Object.keys(validateMap.value).map((key) => compileMessage(titleGetter(key), validateMap.value[key](silent))).filter((item) => item);
+    if (!silent)
+      emitIsValid(messages.length === 0);
+    return messages.length === 0 ? void 0 : messages.join("\n");
+  };
+  provide(wFormValidateUpdater, validateMapUpdater);
+  const validateUpdaterInjected = inject(wFormValidateUpdater, void 0);
+  onBeforeMount(() => {
+    if (name.value) {
+      validateUpdaterInjected?.(name.value, validate);
+    }
+  });
+  return {
+    validateMapUnlistener,
+    validate
+  };
+};
+
+export { useFormValidateMap };

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    search: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    searchEnabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    headerPadding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:search": (value: string | undefined) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    search: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    searchEnabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    headerPadding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
+}, {
+    title: string;
+    search: string;
+    headerPadding: number;
+}, {}>, {
+    title?(_: {}): any;
+    search?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WHeaderBar.vue.d.ts.map

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

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

package/dist/components/HeaderBar/WHeaderBar.vue.js

@@ -0,0 +1,134 @@
+import { defineComponent, ref, watch, toRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, unref, createCommentVNode, vShow, createBlock, markRaw, createSlots, withCtx, Fragment, nextTick } from 'vue';
+import IconSearch from '../../assets/icons/sax/IconSearch.svg.js';
+import _sfc_main$2 from '../Input/WInput.vue.js';
+import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
+import { getIsMobile } from '../../utils/mobile.js';
+
+const _hoisted_1 = { class: "fixed top-0 right-0 left-0 z-10 h-[3.75rem] print:hidden flex" };
+const _hoisted_2 = { class: "flex-1 text-xl sm:text-3xl text-accent font-semibold truncate" };
+const _hoisted_3 = { class: "relative w-hover-circle" };
+const _hoisted_4 = {
+  key: 0,
+  class: "relative -pl--inner-margin xl-not:pl-[3.75rem] -pr--inner-margin flex flex-1 gap-2 items-center w-full"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WHeaderBar",
+  props: {
+    title: { default: void 0 },
+    search: { default: void 0 },
+    searchEnabled: { type: Boolean },
+    headerPadding: { default: 0 }
+  },
+  emits: ["update:search"],
+  setup(__props) {
+    const props = __props;
+    const isMobile = getIsMobile();
+    const input = ref();
+    const isTransparent = ref(false);
+    const isSearchVisible = ref(false);
+    const openSearch = () => {
+      isSearchVisible.value = true;
+      nextTick().then(() => input.value?.focus());
+    };
+    const closeSearch = () => {
+      isSearchVisible.value = false;
+    };
+    watch(toRef(props, "searchEnabled"), (value) => {
+      if (value)
+        return;
+      isSearchVisible.value = false;
+    });
+    let timeout;
+    onMounted(() => {
+      timeout = setTimeout(() => {
+        isTransparent.value = true;
+        timeout = void 0;
+      }, 1500);
+    });
+    onBeforeUnmount(() => {
+      if (!timeout)
+        return;
+      clearTimeout(timeout);
+      timeout = void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createElementBlock("div", {
+          key: _ctx.headerPadding,
+          class: normalizeClass(["fixed top-0 right-0 left-0 bg-default dark:bg-default-dark supports-backdrop:backdrop-blur h-[calc(3.75rem+var(--header-height-padding))] print:hidden", {
+            "supports-backdrop:bg-opacity-40 supports-backdrop:dark:bg-opacity-60": isTransparent.value
+          }]),
+          style: normalizeStyle({ "--header-height-padding": _ctx.headerPadding + "px" })
+        }, null, 6)),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(["relative flex flex-1 items-center -pl--inner-margin xl-not:pl-[3.75rem] max-w-full", {
+            "-pr--inner-margin": !_ctx.searchEnabled
+          }])
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _ctx.searchEnabled ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "w-hover-circle-trigger flex items-center h-full -px--inner-margin select-none outline-none",
+            onClick: openSearch
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(IconSearch), { class: "square-6 sm-not:square-5 text-accent" })
+            ])
+          ])) : createCommentVNode("", true)
+        ], 2), [
+          [vShow, !isSearchVisible.value && !_ctx.search]
+        ]),
+        _ctx.searchEnabled ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+          _ctx.$slots.search?.()?.length && unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            ref_key: "input",
+            ref: input,
+            "model-value": _ctx.search,
+            placeholder: "Search..",
+            "allow-clear": "",
+            persist: "",
+            teleport: "",
+            "no-margin": "",
+            class: "w-full",
+            icon: markRaw(unref(IconSearch)),
+            "onClick:clear": _cache[0] || (_cache[0] = ($event) => !unref(isMobile) && input.value?.close()),
+            onClose: closeSearch,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:search", $event))
+          }, createSlots({ _: 2 }, [
+            unref(isMobile) ? {
+              name: "content",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "search")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["model-value", "icon"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_sfc_main$2, {
+              ref_key: "input",
+              ref: input,
+              "model-value": _ctx.search,
+              placeholder: "Search..",
+              autofocus: "",
+              "allow-clear": "",
+              "no-margin": "",
+              class: "w-full",
+              icon: markRaw(unref(IconSearch)),
+              "onClick:clear": closeSearch,
+              onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$route.meta.headerSearchComponent && closeSearch()),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:search", $event))
+            }, null, 8, ["model-value", "icon"]),
+            renderSlot(_ctx.$slots, "search")
+          ], 64))
+        ], 512)), [
+          [vShow, isSearchVisible.value || _ctx.search]
+        ]) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/HeaderBar/WHeaderBar.vue2.js

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

package/dist/components/ImageViewer/WImageViewer.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    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>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=WImageViewer.vue.d.ts.map

package/dist/components/ImageViewer/WImageViewer.vue.d.ts.map

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

package/dist/components/ImageViewer/WImageViewer.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, Fragment, createTextVNode, toDisplayString, createBlock, createCommentVNode, normalizeStyle, createElementVNode, markRaw } from 'vue';
+import { Modal } from '../../utils/Modal.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "text-xs font-semibold text-accent mb-2"
+};
+const _hoisted_2 = { class: "opacity-0 group-hover/image-button:opacity-100 transition-opacity" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "text-default font-extrabold z-10 relative tracking-widest font-roboto" }, " VIEW ", -1);
+const _hoisted_4 = { class: "text-xs mt-1 text-ellipsis overflow-hidden [-webkit-line-clamp:2] [-webkit-box-orient:vertical] [display:-webkit-box] absolute bottom-0 w-full text-default bg-black-default bg-opacity-50 text-start px-1" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WImageViewer",
+  props: {
+    modelValue: {},
+    title: {},
+    skeleton: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const ImageModal = defineAsyncComponent(() => import('./components/ImageModal.vue.js'));
+    let closeModal = null;
+    const openModal = () => {
+      closeModal?.();
+      closeModal = Modal.addAutoclosable(
+        markRaw(ImageModal),
+        {
+          modelValue: props.modelValue
+        },
+        () => closeModal = null
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ], 64)) : (openBlock(), createBlock(WSkeleton, { key: 1 }))
+        ])) : createCommentVNode("", true),
+        !_ctx.skeleton && _ctx.modelValue ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "w-40 h-28 rounded-lg w-ripple w-ripple-hover text-black-default cursor-pointer relative overflow-hidden w-ripple-opacity-20 dark:w-ripple-opacity-30 isolate group/image-button bg-center bg-cover border border-solid border-gray-100 dark:border-gray-800 outline-none",
+          style: normalizeStyle({ backgroundImage: `url(${_ctx.modelValue})` }),
+          onClick: openModal
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            _hoisted_3,
+            createElementVNode("div", _hoisted_4, toDisplayString(_ctx.modelValue.substring(_ctx.modelValue.lastIndexOf("/") + 1)), 1)
+          ])
+        ], 4)) : (openBlock(), createBlock(WSkeleton, {
+          key: 2,
+          class: "width-40 h-28 rounded-lg"
+        }))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/ImageViewer/WImageViewer.vue2.js

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

package/dist/components/ImageViewer/components/ImageModal.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    resolve: {
+        type: import("vue").PropType<() => void>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "close:modal": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    resolve: {
+        type: import("vue").PropType<() => void>;
+    };
+}>> & {
+    "onClose:modal"?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=ImageModal.vue.d.ts.map

package/dist/components/ImageViewer/components/ImageModal.vue.d.ts.map

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

package/dist/components/ImageViewer/components/ImageModal.vue.js

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

package/dist/components/ImageViewer/components/ImageModal.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, toDisplayString } from 'vue';
+import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+
+const _hoisted_1 = { class: "relative flex flex-col items-center" };
+const _hoisted_2 = { class: "relative" };
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = { class: "text-center mt-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageModal",
+  props: {
+    modelValue: {},
+    resolve: { type: Function }
+  },
+  emits: ["close:modal"],
+  setup(__props) {
+    const props = __props;
+    const name = computed(() => props.modelValue.substring(props.modelValue.lastIndexOf("/") + 1));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            class: "p-3 rounded-full absolute -top-14 right-3 sm:-right-14 w-ripple w-ripple-hover outline-none",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close:modal"))
+          }, [
+            createVNode(unref(IconCancel), { class: "text-description" })
+          ]),
+          createElementVNode("img", {
+            src: _ctx.modelValue,
+            alt: name.value,
+            class: "shadow-md dark:shadow-sm dark:shadow-gray-600 max-w-[100vw] max-h-[90vh]"
+          }, null, 8, _hoisted_3)
+        ]),
+        createElementVNode("div", _hoisted_4, toDisplayString(name.value), 1)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };