@fewangsit/wangsvue-fats 1.0.0-alpha.42 → 1.0.0-alpha.43

package/components/imagecompressor/{ImageCompressor-DaW0ak9c.es.js → ImageCompressor-DPo-1Yo8.es.js}

@@ -1,46 +1,48 @@
-import { defineComponent as Ce, mergeModels as se, inject as ke, onMounted as Pe, onUnmounted as Me, ref as w, shallowRef as z, useModel as Ue, reactive as Ae, computed as ie, watch as G, createElementBlock as B, openBlock as m, Fragment as Z, createVNode as c, normalizeClass as C, withCtx as H, createElementVNode as j, createBlock as N, createCommentVNode as k, renderList as Fe, unref as R } from "vue";
-import { u as Se } from "../../vendor/vee-validate-RE5RuswC.es.js";
-import { f as ze } from "../../vendor/vue-advanced-cropper-CshlvNaD.es.js";
-import { u as Re } from "../animation/Animation-COWVilAA.es.js";
-import { g as De, a as $e } from "../editor/Editor-DQ7Xdy30.es.js";
-import { _ as Le } from "../image/Image-BZ31CL-y.es.js";
-import { _ as O } from "../button/Button-D-MSv_AS.es.js";
-import { _ as _e } from "../buttonradio/ButtonRadio-5VUY8o5h.es.js";
-import { _ as Te } from "../dialog/Dialog-Dy93f91f.es.js";
-import { _ as je } from "../dialogconfirm/DialogConfirm-BOFb7rJD.es.js";
-import { _ as Ne } from "../fieldwrapper/FieldWrapper-C6HJ2HnC.es.js";
-import { _ as ne } from "../icon/Icon-mDqG7urn.es.js";
-import { _ as Oe } from "../invisiblefield/InvisibleField-4XbiOrqw.es.js";
-import { _ as Ve } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
-import { B as Ee } from "../backgroundimagecropper/BackgroundImageCropper-HKzUEXq-.es.js";
-import { _ as ue } from "../imageinputinfo/ImageInputInfo-oTtVBxzO.es.js";
-var qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function xe(d) {
+import { _ as me } from "../invisiblefield/InvisibleField-4XbiOrqw.es.js";
+import { defineComponent as ke, mergeModels as ie, defineAsyncComponent as Me, inject as Ue, onMounted as Ae, onUnmounted as Se, ref as w, shallowRef as z, useModel as Fe, reactive as ze, computed as ne, watch as K, createElementBlock as B, openBlock as c, Fragment as Z, createVNode as m, normalizeClass as P, withCtx as G, createElementVNode as j, createBlock as O, createCommentVNode as k, renderList as Re, unref as h } from "vue";
+import { u as De } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { f as $e } from "../../vendor/vue-advanced-cropper-CshlvNaD.es.js";
+import { i as Le } from "../../async-components/index-C8nb7p3T.es.js";
+import { u as Te } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { g as je, a as Oe } from "../../utils/genPlaceholder.util-0UuDQpbx.es.js";
+import _e from "../image/Image-Bf5EaBWP.es.js";
+import { _ } from "../button/Button-CgkhMnxo.es.js";
+import Ne from "../dialog/Dialog-BCcbXSya.es.js";
+import Ve from "../dialogconfirm/DialogConfirm-ByIWXisz.es.js";
+import Ee from "../fieldwrapper/FieldWrapper-DmOogUM5.es.js";
+import ue from "../icon/Icon-C4kXVcEX.es.js";
+import { _ as qe } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { _ as ce } from "./ImageInputInfo-4Ac8cBDM.es.js";
+var xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ke(d) {
   return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
 }
 var ee = { exports: {} };
-(function(d, V) {
+(function(d, N) {
   (function() {
-    function E(W, a) {
-      a = a || "";
-      for (var b = 1024, h = window.atob(W), u = [], P = 0, D = h.length; P < D; P += b) {
-        for (var f = h.slice(P, P + b), r = new Array(f.length), I = 0; I < f.length; I++)
-          r[I] = f.charCodeAt(I);
-        var q = new Uint8Array(r);
-        u.push(q);
+    function V(H, R) {
+      R = R || "";
+      for (var a = 1024, b = window.atob(H), I = [], n = 0, W = b.length; n < W; n += a) {
+        for (var C = b.slice(n, n + a), f = new Array(C.length), r = 0; r < C.length; r++)
+          f[r] = C.charCodeAt(r);
+        var E = new Uint8Array(f);
+        I.push(E);
       }
-      return new Blob(u, { type: a });
+      return new Blob(I, { type: R });
     }
-    d.exports && (V = d.exports = E), V.base64ToBlob = E;
-  }).call(qe);
+    d.exports && (N = d.exports = V), N.base64ToBlob = V;
+  }).call(xe);
 })(ee, ee.exports);
-var Ke = ee.exports;
-const Ge = /* @__PURE__ */ xe(Ke), He = {
+var Ge = ee.exports;
+const He = /* @__PURE__ */ Ke(Ge), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), We = {
   key: 1,
   class: "flex gap-1 items-start"
-}, We = ["id", "multiple"], ca = /* @__PURE__ */ Ce({
+}, Je = ["id", "multiple"], Qe = /* @__PURE__ */ ke({
   __name: "ImageCompressor",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     initialName: {},
     multiple: { type: Boolean },
     defaultImage: {},
@@ -67,15 +69,17 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
     defaultImage: { default: 0 },
     defaultImageModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["apply", "applyProp", "update:defaultImage", "delete"], ["update:defaultImage"]),
-  setup(d, { expose: V, emit: E }) {
-    const W = ke("preset", {}).image, a = d, b = E, { locale: h } = Re("ImageCompressor");
-    Pe(async () => {
-      ve(), A();
-    }), Me(() => {
-      F(0), F(1);
+  emits: /* @__PURE__ */ ie(["apply", "applyProp", "update:defaultImage", "delete"], ["update:defaultImage"]),
+  setup(d, { expose: N, emit: V }) {
+    const H = Me(
+      () => import("./BackgroundImageCropper-hiHqCcIy.es.js")
+    ), R = Ue("preset", {}).image, a = d, b = V, { locale: I } = Te("ImageCompressor");
+    Ae(async () => {
+      ge(), A();
+    }), Se(() => {
+      S(0), S(1);
     });
-    const u = w([
+    const n = w([
       {
         src: null,
         type: null
@@ -84,81 +88,81 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
         src: null,
         type: null
       }
-    ]), P = $e(), D = w(), f = w(), r = w([]), I = w(), q = z(0), J = w(), $ = w(), p = z(), x = Ue(d, "defaultImage"), s = Ae({
+    ]), W = Oe(), C = w(), f = w(), r = w([]), E = w(), ae = z(0), J = w(), D = w(), p = z(), q = Fe(d, "defaultImage"), s = ze({
       value: a.multiple ? [] : void 0
-    }), M = z(!1), y = z(), me = z(0), g = z(!1), Q = w([!1, !1]), U = ie(() => `image/${a.fileType}`), X = (e) => typeof r.value[e] == "string" && r.value[e].includes("data:image/png;base64"), A = async () => {
-      var e, l;
-      (e = a.imagePreviewUrl) != null && e.length ? r.value = Array.isArray(a.imagePreviewUrl) ? a.imagePreviewUrl : [a.imagePreviewUrl] : Array.isArray(a.compressedBlob) ? r.value = a.compressedBlob : a.compressedBlob ? r.value = [a.compressedBlob] : a.initialName ? (D.value = De(a.initialName, 125, P), r.value = [(l = D.value) == null ? void 0 : l.toDataURL()]) : r.value = [], a.imagePreviewUrl ? s.value = a.imagePreviewUrl : a.initialName && (s.value = await ce()), b("applyProp");
-    }, ce = async () => new Promise((e) => {
-      var l;
-      (l = D.value) == null || l.toBlob((o) => {
+    }), M = z(!1), y = z(), de = z(0), g = z(!1), Q = w([!1, !1]), U = ne(() => `image/${a.fileType}`), X = (e) => typeof r.value[e] == "string" && r.value[e].includes("data:image/png;base64"), A = async () => {
+      var e, t;
+      (e = a.imagePreviewUrl) != null && e.length ? r.value = Array.isArray(a.imagePreviewUrl) ? a.imagePreviewUrl : [a.imagePreviewUrl] : Array.isArray(a.compressedBlob) ? r.value = a.compressedBlob : a.compressedBlob ? r.value = [a.compressedBlob] : a.initialName ? (C.value = je(a.initialName, 125, W), r.value = [(t = C.value) == null ? void 0 : t.toDataURL()]) : r.value = [], a.imagePreviewUrl ? s.value = a.imagePreviewUrl : a.initialName && (s.value = await pe()), b("applyProp");
+    }, pe = async () => new Promise((e) => {
+      var t;
+      (t = C.value) == null || t.toBlob((o) => {
         e(
           new File([o ?? new Blob()], Date.now() + ".png", {
             type: "image/png"
           })
         );
       });
-    }), L = (e = !1) => {
-      var l;
-      a.disabled || (e && (p.value = 1), (l = I.value) == null || l.click());
-    }, de = async (e) => {
-      const { files: l } = e.target, o = Array.from(l ?? []).slice(
+    }), $ = (e = !1) => {
+      var t;
+      a.disabled || (e && (p.value = 1), (t = E.value) == null || t.click());
+    }, ve = async (e) => {
+      const { files: t } = e.target, o = Array.from(t ?? []).slice(
         0,
         r.value.length ? 1 : 2
       );
-      for (const [t, n] of o.entries())
+      for (const [l, u] of o.entries())
         try {
-          const i = p.value ?? t;
-          await pe(n, i);
+          const i = p.value ?? l;
+          await fe(u, i);
         } catch (i) {
           console.error("Error loading image:", i);
         } finally {
           p.value = void 0;
         }
-    }, pe = async (e, l) => {
-      const o = (n) => n.includes("image"), t = (n) => n > 1e6;
-      return new Promise((n, i) => {
-        var _, S;
+    }, fe = async (e, t) => {
+      const o = (u) => u.includes("image"), l = (u) => u > 1e6;
+      return new Promise((u, i) => {
+        var L, F;
         if (e)
-          if (ae(l), !o(e.type))
-            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((_ = a.validatorMessage) != null && _.invalidFormat) ? a.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", A(), g.value = !1, F(l), i("Tipe file harus berupa gambar!");
-          else if (t(e.size))
-            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((S = a.validatorMessage) != null && S.exceed) ? a.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", A(), g.value = !1, F(l), i("Ukuran gambar terlalu besar! Maks. 1 MB");
+          if (te(t), !o(e.type))
+            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((L = a.validatorMessage) != null && L.invalidFormat) ? a.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", A(), g.value = !1, S(t), i("Tipe file harus berupa gambar!");
+          else if (l(e.size))
+            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((F = a.validatorMessage) != null && F.exceed) ? a.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", A(), g.value = !1, S(t), i("Ukuran gambar terlalu besar! Maks. 1 MB");
           else {
-            F(l);
-            const K = URL.createObjectURL(e), v = new FileReader();
+            S(t);
+            const x = URL.createObjectURL(e), v = new FileReader();
             v.onload = (T) => {
-              var re;
-              u.value[l].src = K, u.value[l].type = fe(
-                (re = T == null ? void 0 : T.target) == null ? void 0 : re.result,
+              var se;
+              n.value[t].src = x, n.value[t].type = be(
+                (se = T == null ? void 0 : T.target) == null ? void 0 : se.result,
                 e.type
               );
             }, v.onerror = (T) => {
               console.error("🚀 ~ returnnewPromise ~ e:", T);
-            }, v.readAsArrayBuffer(e), p.value == null && (p.value = l), g.value || (g.value = !0), M.value = !1, y.value = void 0;
+            }, v.readAsArrayBuffer(e), p.value == null && (p.value = t), g.value || (g.value = !0), M.value = !1, y.value = void 0;
           }
-        me.value += 1, $.value = n;
+        de.value += 1, D.value = u;
       });
-    }, ve = () => {
+    }, ge = () => {
       a.useValidator && Object.assign(
         s,
-        Se(a.fieldName, (e) => {
-          var l;
-          return !e && a.mandatory ? typeof a.validatorMessage != "string" && ((l = a.validatorMessage) != null && l.empty) ? a.validatorMessage.empty : (a.label ?? "Photo") + " must be uploaded" : a.invalid && a.validatorMessage ? a.validatorMessage : y.value ? y.value : !0;
+        De(a.fieldName, (e) => {
+          var t;
+          return !e && a.mandatory ? typeof a.validatorMessage != "string" && ((t = a.validatorMessage) != null && t.empty) ? a.validatorMessage.empty : (a.label ?? "Photo") + " must be uploaded" : a.invalid && a.validatorMessage ? a.validatorMessage : y.value ? y.value : !0;
         })
       );
-    }, ae = (e) => {
-      u.value[e] = {
+    }, te = (e) => {
+      n.value[e] = {
         src: null,
         type: null
       };
-    }, fe = (e, l = null) => {
+    }, be = (e, t = null) => {
       if (e) {
         const o = new Uint8Array(e).subarray(0, 4);
-        let t = "";
-        for (const n of o)
-          t += n.toString(16);
-        switch (t) {
+        let l = "";
+        for (const u of o)
+          l += u.toString(16);
+        switch (l) {
           case "89504e47":
             return "image/png";
           case "47494638":
@@ -170,109 +174,109 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
           case "ffd8ffe8":
             return U.value;
           default:
-            return l;
+            return t;
         }
       }
       return null;
     }, le = (e) => {
-      const l = Ge(e.split(",")[1], U.value);
-      return window.URL.createObjectURL(l);
-    }, ge = async (e, l) => {
-      const o = await fetch(e).then((t) => t.blob());
-      return new File([o], l, { type: U.value });
-    }, be = async () => {
+      const t = He(e.split(",")[1], U.value);
+      return window.URL.createObjectURL(t);
+    }, ye = async (e, t) => {
+      const o = await fetch(e).then((l) => l.blob());
+      return new File([o], t, { type: U.value });
+    }, we = async () => {
       const e = p.value ?? 0;
       try {
-        await ye(e);
-      } catch (l) {
-        console.error(l);
+        await he(e);
+      } catch (t) {
+        console.error(t);
       }
-      te();
-    }, te = () => {
+      oe();
+    }, oe = () => {
       var e;
-      g.value = !1, (e = $.value) == null || e.call($), $.value = void 0;
-    }, ye = async (e) => {
+      g.value = !1, (e = D.value) == null || e.call(D), D.value = void 0;
+    }, he = async (e) => {
       if (J.value) {
-        const l = J.value.getResult();
-        if (l.canvas) {
-          const o = l.canvas.toDataURL(U.value);
-          await we(o, e);
+        const t = J.value.getResult();
+        if (t.canvas) {
+          const o = t.canvas.toDataURL(U.value);
+          await Ie(o, e);
         }
       }
-    }, we = async (e, l) => {
+    }, Ie = async (e, t) => {
       try {
         f.value = document.createElement("canvas");
-        const o = f.value.getContext("2d"), t = new Image();
-        t.src = e, await t.decode();
-        const n = 80 / 100, i = t.width * n, _ = t.height * n;
-        f.value.setAttribute("width", i.toString()), f.value.setAttribute("height", _.toString()), o && o.drawImage(t, 0, 0, i, _);
-        const S = f.value.toDataURL(U.value, 0.95), K = Date.now() + `.${a.fileType}`, v = {
+        const o = f.value.getContext("2d"), l = new Image();
+        l.src = e, await l.decode();
+        const u = 80 / 100, i = l.width * u, L = l.height * u;
+        f.value.setAttribute("width", i.toString()), f.value.setAttribute("height", L.toString()), o && o.drawImage(l, 0, 0, i, L);
+        const F = f.value.toDataURL(U.value, 0.95), x = Date.now() + `.${a.fileType}`, v = {
           canvas: f.value,
           compressed: {
-            blob: le(S),
-            base64: S,
-            fileName: K,
-            file: await ge(le(S), K),
+            blob: le(F),
+            base64: F,
+            fileName: x,
+            file: await ye(le(F), x),
             size: "",
             type: U.value
           },
           message: "File has been compressed."
         };
-        v.compressed.size = Math.round(v.compressed.file.size / 1e3) + "KB", r.value[l] = v.compressed.blob, a.multiple ? s.value && Array.isArray(s.value) ? s.value[l] = v.compressed.file : s.value = [v.compressed.file] : s.value = v.compressed.file, b("apply", v);
+        v.compressed.size = Math.round(v.compressed.file.size / 1e3) + "KB", r.value[t] = v.compressed.blob, a.multiple ? s.value && Array.isArray(s.value) ? s.value[t] = v.compressed.file : s.value = [v.compressed.file] : s.value = v.compressed.file, b("apply", v);
       } catch (o) {
         console.error(o);
       }
-    }, F = (e) => {
-      u.value[e].src && URL.revokeObjectURL(u.value[e].src);
-    }, he = (e) => {
+    }, S = (e) => {
+      n.value[e].src && URL.revokeObjectURL(n.value[e].src);
+    }, Ce = (e) => {
       a.confirmOnDelete ? Q.value[e] = !0 : a.emitDeleteFn ? b("delete", Y, e) : Y(e);
     }, Y = (e = 0) => {
-      M.value = !1, y.value = void 0, r.value = r.value.toSpliced(e, 1), F(e), u.value[e] = { src: null, type: null }, u.value = [u.value[+!e], u.value[e]], p.value = 0, x.value = 0, a.confirmOnDelete || b("delete"), a.multiple && Array.isArray(s.value) ? s.value = s.value.toSpliced(e, 1) : s.handleReset && s.handleReset();
-    }, Ie = (e) => {
+      M.value = !1, y.value = void 0, r.value = r.value.toSpliced(e, 1), S(e), n.value[e] = { src: null, type: null }, n.value = [n.value[+!e], n.value[e]], p.value = 0, q.value = 0, a.confirmOnDelete || b("delete"), a.multiple && Array.isArray(s.value) ? s.value = s.value.toSpliced(e, 1) : s.handleReset && s.handleReset();
+    }, Be = (e) => {
       var o;
-      const l = (o = r.value[e]) == null ? void 0 : o.toString();
-      p.value = e, l != null && l.includes("blob") ? (p.value = e, g.value = !0) : (ae(e), L());
-    }, Be = () => {
-      L();
-    }, oe = ie(() => navigator.userAgent.includes("Firefox"));
-    return G(y, (e) => {
+      const t = (o = r.value[e]) == null ? void 0 : o.toString();
+      p.value = e, t != null && t.includes("blob") ? (p.value = e, g.value = !0) : (te(e), $());
+    }, Pe = () => {
+      $();
+    }, re = ne(() => navigator.userAgent.includes("Firefox"));
+    return K(y, (e) => {
       e && s.setErrors && s.setErrors(e);
-    }), G(g, (e) => {
-      e || q.value++;
-    }), G(
+    }), K(g, (e) => {
+      e || ae.value++;
+    }), K(
       () => a.initialName,
       () => {
         A();
       }
-    ), G(
+    ), K(
       () => a.imagePreviewUrl,
       () => {
         A();
       },
       { once: !0 }
-    ), V({ assignPreviewImagesFromProp: A }), (e, l) => (m(), B(Z, null, [
-      c(Ne, {
-        class: C([{ "!w-max": !a.multiple, "!w-full": a.multiple }]),
+    ), N({ assignPreviewImagesFromProp: A }), (e, t) => (c(), B(Z, null, [
+      m(Ee, {
+        class: P([{ "!w-max": !a.multiple, "!w-full": a.multiple }]),
         info: a.fieldInfo,
         label: a.label,
         mandatory: a.mandatory,
         "data-wv-name": "image-compressor",
         "data-wv-section": "root"
       }, {
-        default: H(() => [
+        default: G(() => [
           j("div", {
-            class: C(["w-full", { "grid gap-6 items-start grid-cols-2": e.multiple }]),
+            class: P(["w-full", { "grid gap-6 items-start grid-cols-2": e.multiple }]),
             "data-wv-section": "wrapper"
           }, [
-            r.value.length ? (m(!0), B(Z, { key: 0 }, Fe(r.value, (o, t) => {
-              var n;
-              return m(), B("div", {
-                key: t,
+            r.value.length ? (c(!0), B(Z, { key: 0 }, Re(r.value, (o, l) => {
+              var u;
+              return c(), B("div", {
+                key: l,
                 class: "flex gap-1 items-start",
                 "data-wv-section": "preview"
               }, [
                 j("div", {
-                  class: C([
+                  class: P([
                     "flex flex-col gap-1 items-center",
                     { "max-w-[80px]": e.imagePreviewSize === "medium" },
                     { "max-w-[125px]": e.imagePreviewSize === "big" }
@@ -280,9 +284,9 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                   "data-wv-section": "preview-image-wrapper"
                 }, [
                   j("div", {
-                    class: C([
+                    class: P([
                       {
-                        "[&>span]:hover:opacity-30 [&>[data-wv-section=input-image-trigger]]:hover:opacity-100": X(t)
+                        "[&>span]:hover:opacity-30 [&>[data-wv-section=input-image-trigger]]:hover:opacity-100": X(l)
                       },
                       "relative",
                       {
@@ -293,24 +297,24 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                     ]),
                     "data-wv-section": "image-wrapper"
                   }, [
-                    c(Le, {
+                    m(_e, {
                       rounded: e.rounded,
                       size: e.imagePreviewSize,
                       src: o,
                       class: "transition-opacity duration-300",
                       "data-wv-section": "preview-image"
                     }, null, 8, ["rounded", "size", "src"]),
-                    X(t) ? (m(), B("button", {
+                    X(l) ? (c(), B("button", {
                       key: 0,
-                      class: C([
-                        (n = R(W)) == null ? void 0 : n.button.class,
+                      class: P([
+                        (u = h(R)) == null ? void 0 : u.button.class,
                         "hover:bg-opacity-0 rounded-lg opacity-0"
                       ]),
-                      onClick: l[0] || (l[0] = (i) => L(!1)),
+                      onClick: t[0] || (t[0] = (i) => $(!1)),
                       "data-wv-section": "input-image-trigger",
                       type: "button"
                     }, [
-                      c(ne, {
+                      m(ue, {
                         class: "w-6 h-6",
                         "data-wv-section": "trigger-icon",
                         icon: "image-add",
@@ -318,24 +322,24 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                       })
                     ], 2)) : k("", !0)
                   ], 2),
-                  !a.disabled && !X(t) ? (m(), B(Z, { key: 0 }, [
+                  !a.disabled && !X(l) ? (c(), B(Z, { key: 0 }, [
                     j("div", {
-                      class: C([
+                      class: P([
                         "flex gap-0.5 justify-center",
                         { "scale-75": e.imagePreviewSize === "medium" }
                       ]),
                       "data-wv-section": "preview-buttons"
                     }, [
-                      c(O, {
-                        onClick: (i) => Ie(t),
+                      m(_, {
+                        onClick: (i) => Be(l),
                         class: "!py-0 !px-1 !h-max",
                         icon: "pencil",
                         label: "Edit",
                         text: ""
                       }, null, 8, ["onClick"]),
-                      e.useDeleteButton ? (m(), N(O, {
+                      e.useDeleteButton ? (c(), O(_, {
                         key: 0,
-                        onClick: (i) => he(t),
+                        onClick: (i) => Ce(l),
                         class: "!py-0 !px-1 !h-max",
                         icon: "delete-bin",
                         label: "Delete",
@@ -343,11 +347,11 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                         text: ""
                       }, null, 8, ["onClick"])) : k("", !0)
                     ], 2),
-                    c(je, {
-                      visible: Q.value[t],
-                      "onUpdate:visible": (i) => Q.value[t] = i,
+                    m(Ve, {
+                      visible: Q.value[l],
+                      "onUpdate:visible": (i) => Q.value[l] = i,
                       closable: !1,
-                      onConfirm: (i) => b("delete", Y, t),
+                      onConfirm: (i) => b("delete", Y, l),
                       body: "Are you sure you want to delete it?",
                       "confirm-label": "Delete",
                       header: "Delete Photo",
@@ -355,28 +359,28 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                     }, null, 8, ["visible", "onUpdate:visible", "onConfirm"])
                   ], 64)) : k("", !0)
                 ], 2),
-                c(ue, {
+                m(ce, {
                   "custom-requirements": e.customRequirements,
                   "show-add-button": r.value.length === 1 && a.multiple,
                   "show-info": e.showInfo,
-                  onAddPhoto: l[2] || (l[2] = (i) => L(!0))
+                  onAddPhoto: t[2] || (t[2] = (i) => $(!0))
                 }, {
-                  default: H(() => [
-                    r.value.length === 2 && a.multiple ? (m(), N(_e, {
+                  default: G(() => [
+                    r.value.length === 2 && a.multiple ? (c(), O(h(Le), {
                       key: 0,
-                      modelValue: x.value,
-                      "onUpdate:modelValue": l[1] || (l[1] = (i) => x.value = i),
-                      "label-id": "default-" + t,
-                      value: t,
+                      modelValue: q.value,
+                      "onUpdate:modelValue": t[1] || (t[1] = (i) => q.value = i),
+                      "label-id": "default-" + l,
+                      value: l,
                       label: "Set as default"
                     }, null, 8, ["modelValue", "label-id", "value"])) : k("", !0)
                   ]),
                   _: 2
                 }, 1032, ["custom-requirements", "show-add-button", "show-info"])
               ]);
-            }), 128)) : (m(), B("div", He, [
+            }), 128)) : (c(), B("div", We, [
               j("button", {
-                class: C([
+                class: P([
                   {
                     "w-[125px] h-[125px]": e.imagePreviewSize === "big",
                     "w-[30px] h-[30px]": e.imagePreviewSize === "small",
@@ -386,8 +390,8 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                   "ring-inset",
                   "cursor-pointer",
                   {
-                    "ring-1": oe.value,
-                    "ring-[0.5px]": !oe.value
+                    "ring-1": re.value,
+                    "ring-[0.5px]": !re.value
                   },
                   { "rounded-full": e.rounded, "rounded-lg": !e.rounded },
                   {
@@ -399,103 +403,107 @@ const Ge = /* @__PURE__ */ xe(Ke), He = {
                     "bg-general-50": a.disabled
                   }
                 ]),
-                onClick: l[3] || (l[3] = (o) => L(!1)),
+                onClick: t[3] || (t[3] = (o) => $(!1)),
                 "data-wv-section": "input-image-trigger",
                 type: "button"
               }, [
-                c(ne, {
+                m(ue, {
                   class: "w-6 h-6",
                   "data-wv-section": "trigger-icon",
                   icon: "image-add",
                   severity: "primary"
                 })
               ], 2),
-              c(ue, {
+              m(ce, {
                 "custom-requirements": e.customRequirements,
                 "show-info": e.showInfo
               }, null, 8, ["custom-requirements", "show-info"])
             ]))
           ], 2),
-          (m(), B("input", {
+          (c(), B("input", {
             id: e.fieldName,
-            key: q.value,
+            key: ae.value,
             ref_key: "inputImageFile",
-            ref: I,
+            ref: E,
             multiple: a.multiple && !r.value.length,
-            onChange: de,
+            onChange: ve,
             accept: "image/*",
             class: "hidden",
             "data-wv-section": "hidden-image-input",
             type: "file"
-          }, null, 40, We)),
-          e.showValidatorMessage ? (m(), N(Ve, {
+          }, null, 40, Je)),
+          e.showValidatorMessage ? (c(), O(qe, {
             key: 0,
             format: !1,
             message: s.errorMessage ?? y.value
           }, null, 8, ["message"])) : k("", !0),
-          a.multiple ? (m(), N(Oe, {
+          a.multiple ? (c(), O(me, {
             key: 1,
-            value: x.value ? "secondImage" : "firstImage",
+            value: q.value ? "secondImage" : "firstImage",
             "field-name": "defaultImage"
           }, null, 8, ["value"])) : k("", !0)
         ]),
         _: 1
       }, 8, ["class", "info", "label", "mandatory"]),
-      c(Te, {
+      m(Ne, {
         visible: g.value,
-        "onUpdate:visible": l[4] || (l[4] = (o) => g.value = o),
+        "onUpdate:visible": t[4] || (t[4] = (o) => g.value = o),
         draggable: !1,
-        header: R(h).cropDialogHeader,
+        header: h(I).cropDialogHeader,
         class: "w-max max-w-[98vw] min-w-[min(500px,98vw)] !max-h-[94vh]",
         "content-class": "overflow-hidden overflow-y-auto min-h-[100px]",
         "data-wv-section": "dialog-cropper",
         "footer-class": "!gap-1",
         modal: ""
       }, {
-        footer: H(() => [
-          c(O, {
-            label: R(h).cancelCropLabel,
-            onClick: te,
+        footer: G(() => [
+          m(_, {
+            label: h(I).cancelCropLabel,
+            onClick: oe,
             "data-wv-section": "cancel-crop",
             severity: "secondary",
             text: "",
             type: "button"
           }, null, 8, ["label"]),
-          c(O, {
-            label: R(h).changeImageLabel,
-            onClick: Be,
+          m(_, {
+            label: h(I).changeImageLabel,
+            onClick: Pe,
             "data-wv-section": "change-image-button",
             text: "",
             type: "button"
           }, null, 8, ["label"]),
-          c(O, {
-            label: R(h).applyCropLabel,
-            onClick: be,
+          m(_, {
+            label: h(I).applyCropLabel,
+            onClick: we,
             "data-wv-section": "apply-image-button",
             severity: "success",
             type: "button"
           }, null, 8, ["label"])
         ]),
-        default: H(() => [
-          p.value != null ? (m(), N(R(ze), {
+        default: G(() => [
+          p.value != null ? (c(), O(h($e), {
             key: 0,
             ref_key: "vueAdvanceCropper",
             ref: J,
             "auto-zoom": !1,
-            "background-wrapper-component": Ee,
-            src: u.value[p.value].src,
+            "background-wrapper-component": h(H),
+            src: n.value[p.value].src,
             class: "upload-example-cropper h-400",
             "foreground-class": "h-400",
             "image-class": "h-400"
-          }, null, 8, ["src"])) : k("", !0)
+          }, null, 8, ["background-wrapper-component", "src"])) : k("", !0)
         ]),
         _: 1
       }, 8, ["visible", "header"])
     ], 64));
   }
-});
+}), pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Qe
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  ca as _,
-  qe as c,
-  xe as g
+  da as I,
+  pa as a,
+  xe as c,
+  Ke as g
 };