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

package/imagecompressor/index.es.js

@@ -1,32 +1,32 @@
-import { defineComponent as ke, mergeModels as oe, inject as Ce, onMounted as Be, onUnmounted as Pe, ref as h, shallowRef as $, useModel as Me, reactive as Ue, computed as re, watch as V, createElementBlock as v, openBlock as n, Fragment as T, createVNode as m, normalizeClass as y, withCtx as q, createElementVNode as I, createCommentVNode as c, createBlock as k, renderList as Fe, unref as R } from "vue";
+import { defineComponent as Ce, mergeModels as re, inject as Be, onMounted as Pe, onUnmounted as Me, ref as h, shallowRef as S, useModel as Ue, reactive as Fe, computed as Q, watch as V, createElementBlock as v, openBlock as n, Fragment as T, createVNode as m, normalizeClass as y, withCtx as q, createElementVNode as I, createCommentVNode as c, createBlock as k, renderList as ze, unref as $ } from "vue";
 import { r as Ae } from "../vendor/base64toblob/base64toblob.es.js";
 import { u as Se } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { f as $e } from "../vendor/vue-advanced-cropper/dist/index.esm-bundler.es.js";
 import { u as Re } from "../plugins/WangsVue.es.js";
-import { g as ze, a as De } from "../utils/genPlaceholder.util.es.js";
-import { _ as Le } from "../image/index.es.js";
-import { _ as z } from "../button/index.es.js";
-import { _ as Ne } from "../buttonradio/index.es.js";
-import { _ as Ve } from "../dialog/index.es.js";
-import { _ as Te } from "../dialogconfirm/index.es.js";
-import { _ as je } from "../fieldwrapper/index.es.js";
-import { _ as K } from "../icon/index.es.js";
-import { _ as Oe } from "../invisiblefield/index.es.js";
-import { _ as Ee } from "../validatormessage/index.es.js";
-import { B as qe } from "../backgroundimagecropper/index.es.js";
+import { g as De, a as Le } from "../utils/genPlaceholder.util.es.js";
+import { _ as Ne } from "../image/index.es.js";
+import { _ as R } from "../button/index.es.js";
+import { _ as Ve } from "../buttonradio/index.es.js";
+import { _ as Te } from "../dialog/index.es.js";
+import { _ as je } from "../dialogconfirm/index.es.js";
+import { _ as Oe } from "../fieldwrapper/index.es.js";
+import { _ as x } from "../icon/index.es.js";
+import { _ as Ee } from "../invisiblefield/index.es.js";
+import { _ as qe } from "../validatormessage/index.es.js";
+import { B as xe } from "../backgroundimagecropper/index.es.js";
 import { _ as se } from "../imageinputinfo/index.es.js";
 /* empty css                                           */
-var ca = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var fa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ke(b) {
   return b && b.__esModule && Object.prototype.hasOwnProperty.call(b, "default") ? b.default : b;
 }
-var xe = Ae();
-const Ge = /* @__PURE__ */ Ke(xe), He = {
+var Ge = Ae();
+const He = /* @__PURE__ */ Ke(Ge), We = {
   key: 1,
   class: "flex gap-1 items-start"
-}, We = ["id", "multiple"], Je = ["for"], fa = /* @__PURE__ */ ke({
+}, Je = ["id", "multiple"], Qe = ["for"], va = /* @__PURE__ */ Ce({
   __name: "ImageCompressor",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ re({
     initialName: {},
     multiple: { type: Boolean },
     defaultImage: {},
@@ -54,13 +54,13 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
     defaultImage: { default: 0 },
     defaultImageModifiers: {}
   }),
-  emits: /* @__PURE__ */ oe(["apply", "applyProp", "update:defaultImage", "update:fieldValue", "delete"], ["update:defaultImage"]),
+  emits: /* @__PURE__ */ re(["apply", "applyProp", "update:defaultImage", "update:fieldValue", "delete"], ["update:defaultImage"]),
   setup(b, { expose: ie, emit: ne }) {
-    const ue = Ce("preset", {}).image, l = b, C = ne, { locale: j } = Re("ImageCompressor");
-    Be(async () => {
-      ve(), U();
-    }), Pe(() => {
-      A(0), A(1);
+    const ue = Be("preset", {}).image, l = b, C = ne, { locale: j } = Re("ImageCompressor");
+    Pe(async () => {
+      ge(), U();
+    }), Me(() => {
+      z(0), z(1);
     });
     const f = h([
       {
@@ -71,14 +71,21 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
         src: null,
         type: null
       }
-    ]), me = De(), x = h(), B = h(), s = h([]), Q = h(), X = $(0), G = h(), D = h(), d = $(), O = Me(b, "defaultImage"), i = Ue({
+    ]), me = Le(), K = h(), B = h(), s = h([]), X = h(), Y = S(0), G = h(), D = h(), d = S(), O = Ue(b, "defaultImage"), i = Fe({
       value: l.multiple ? [] : void 0
-    }), P = $(!1), w = $(), de = $(0), g = $(!1), H = h([!1, !1]), M = re(() => `image/${l.fileType}`), W = (e) => typeof s.value[e] == "string" && s.value[e].includes("data:image/png;base64"), U = async () => {
+    }), P = S(!1), w = S(), de = S(0), g = S(!1), H = h([!1, !1]), M = Q(() => `image/${l.fileType}`), W = (e) => typeof s.value[e] == "string" && s.value[e].includes("data:image/png;base64"), pe = Q(() => {
+      const e = {
+        big: 125,
+        medium: 80,
+        small: 30
+      };
+      return l.type === "inline-table" ? e.small : e[l.imagePreviewSize] || e.small;
+    }), U = async () => {
       var e, a;
-      (e = l.imagePreviewUrl) != null && e.length ? s.value = Array.isArray(l.imagePreviewUrl) ? l.imagePreviewUrl : [l.imagePreviewUrl] : Array.isArray(l.compressedBlob) ? s.value = l.compressedBlob : l.compressedBlob ? s.value = [l.compressedBlob] : l.initialName ? (x.value = ze(l.initialName, 125, me), s.value = [(a = x.value) == null ? void 0 : a.toDataURL()]) : s.value = [], l.imagePreviewUrl ? i.value = l.imagePreviewUrl : l.initialName && (i.value = await pe()), C("applyProp");
-    }, pe = async () => new Promise((e) => {
+      (e = l.imagePreviewUrl) != null && e.length ? s.value = Array.isArray(l.imagePreviewUrl) ? l.imagePreviewUrl : [l.imagePreviewUrl] : Array.isArray(l.compressedBlob) ? s.value = l.compressedBlob : l.compressedBlob ? s.value = [l.compressedBlob] : l.initialName ? (K.value = De(l.initialName, 125, me), s.value = [(a = K.value) == null ? void 0 : a.toDataURL()]) : s.value = [], l.imagePreviewUrl ? i.value = l.imagePreviewUrl : l.initialName && (i.value = await ce()), C("applyProp");
+    }, ce = async () => new Promise((e) => {
       var a;
-      (a = x.value) == null || a.toBlob((o) => {
+      (a = K.value) == null || a.toBlob((o) => {
         e(
           new File([o ?? new Blob()], Date.now() + ".png", {
             type: "image/png"
@@ -87,8 +94,8 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
       });
     }), F = (e = !1) => {
       var a;
-      l.disabled || (e && (d.value = 1), (a = Q.value) == null || a.click());
-    }, ce = async (e) => {
+      l.disabled || (e && (d.value = 1), (a = X.value) == null || a.click());
+    }, fe = async (e) => {
       const { files: a } = e.target, o = Array.from(a ?? []).slice(
         0,
         s.value.length ? 1 : 2
@@ -96,28 +103,28 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
       for (const [t, u] of o.entries())
         try {
           const r = d.value ?? t;
-          await fe(u, r);
+          await ve(u, r);
         } catch (r) {
           console.error("Error loading image:", r);
         } finally {
           d.value = void 0;
         }
-    }, fe = async (e, a) => {
+    }, ve = async (e, a) => {
       const o = (u) => u.includes("image"), t = (u) => u > 1e6;
       return new Promise((u, r) => {
-        var L, S;
+        var L, A;
         if (e)
-          if (Y(a), !o(e.type))
-            P.value = !0, w.value = typeof l.validatorMessage != "string" && ((L = l.validatorMessage) != null && L.invalidFormat) ? l.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", U(), g.value = !1, A(a), r("Tipe file harus berupa gambar!");
+          if (Z(a), !o(e.type))
+            P.value = !0, w.value = typeof l.validatorMessage != "string" && ((L = l.validatorMessage) != null && L.invalidFormat) ? l.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", U(), g.value = !1, z(a), r("Tipe file harus berupa gambar!");
           else if (t(e.size))
-            P.value = !0, w.value = typeof l.validatorMessage != "string" && ((S = l.validatorMessage) != null && S.exceed) ? l.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", U(), g.value = !1, A(a), r("Ukuran gambar terlalu besar! Maks. 1 MB");
+            P.value = !0, w.value = typeof l.validatorMessage != "string" && ((A = l.validatorMessage) != null && A.exceed) ? l.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", U(), g.value = !1, z(a), r("Ukuran gambar terlalu besar! Maks. 1 MB");
           else {
-            A(a);
+            z(a);
             const E = URL.createObjectURL(e), p = new FileReader();
             p.onload = (N) => {
-              var te;
-              f.value[a].src = E, f.value[a].type = ge(
-                (te = N == null ? void 0 : N.target) == null ? void 0 : te.result,
+              var oe;
+              f.value[a].src = E, f.value[a].type = ye(
+                (oe = N == null ? void 0 : N.target) == null ? void 0 : oe.result,
                 e.type
               );
             }, p.onerror = (N) => {
@@ -126,7 +133,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
           }
         de.value += 1, D.value = u;
       });
-    }, ve = () => {
+    }, ge = () => {
       l.useValidator && Object.assign(
         i,
         Se(l.fieldName, (e) => {
@@ -134,12 +141,12 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
           return !e && l.mandatory ? typeof l.validatorMessage != "string" && ((a = l.validatorMessage) != null && a.empty) ? l.validatorMessage.empty : (l.label ?? "Photo") + " must be uploaded" : l.invalid && l.validatorMessage ? l.validatorMessage : w.value ? w.value : !0;
         })
       );
-    }, Y = (e) => {
+    }, Z = (e) => {
       f.value[e] = {
         src: null,
         type: null
       };
-    }, ge = (e, a = null) => {
+    }, ye = (e, a = null) => {
       if (e) {
         const o = new Uint8Array(e).subarray(0, 4);
         let t = "";
@@ -161,45 +168,45 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
         }
       }
       return null;
-    }, Z = (e) => {
-      const a = Ge(e.split(",")[1], M.value);
+    }, _ = (e) => {
+      const a = He(e.split(",")[1], M.value);
       return window.URL.createObjectURL(a);
-    }, ye = async (e, a) => {
+    }, be = async (e, a) => {
       const o = await fetch(e).then((t) => t.blob());
       return new File([o], a, { type: M.value });
-    }, be = async () => {
+    }, we = async () => {
       const e = d.value ?? 0;
       try {
-        await we(e);
+        await he(e);
       } catch (a) {
         console.error(a);
       }
-      _();
-    }, _ = () => {
+      ee();
+    }, ee = () => {
       var e;
       g.value = !1, (e = D.value) == null || e.call(D), D.value = void 0;
-    }, we = async (e) => {
+    }, he = async (e) => {
       if (G.value) {
         const a = G.value.getResult();
         if (a.canvas) {
           const o = a.canvas.toDataURL(M.value);
-          await he(o, e);
+          await Ie(o, e);
         }
       }
-    }, he = async (e, a) => {
+    }, Ie = async (e, a) => {
       try {
         B.value = document.createElement("canvas");
         const o = B.value.getContext("2d"), t = new Image();
         t.src = e, await t.decode();
         const u = 80 / 100, r = t.width * u, L = t.height * u;
         B.value.setAttribute("width", r.toString()), B.value.setAttribute("height", L.toString()), o && o.drawImage(t, 0, 0, r, L);
-        const S = B.value.toDataURL(M.value, 0.95), E = Date.now() + `.${l.fileType}`, p = {
+        const A = B.value.toDataURL(M.value, 0.95), E = Date.now() + `.${l.fileType}`, p = {
           canvas: B.value,
           compressed: {
-            blob: Z(S),
-            base64: S,
+            blob: _(A),
+            base64: A,
             fileName: E,
-            file: await ye(Z(S), E),
+            file: await be(_(A), E),
             size: "",
             type: M.value
           },
@@ -209,19 +216,19 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
       } catch (o) {
         console.error(o);
       }
-    }, A = (e) => {
+    }, z = (e) => {
       f.value[e].src && URL.revokeObjectURL(f.value[e].src);
-    }, ee = (e) => {
+    }, ae = (e) => {
       l.confirmOnDelete ? H.value[e] = !0 : l.emitDeleteFn ? C("delete", J, e) : J(e);
     }, J = (e = 0) => {
-      P.value = !1, w.value = void 0, s.value = s.value.toSpliced(e, 1), A(e), f.value[e] = { src: null, type: null }, f.value = [f.value[+!e], f.value[e]], d.value = 0, O.value = 0, l.confirmOnDelete || C("delete"), l.multiple && Array.isArray(i.value) ? i.value = i.value.toSpliced(e, 1) : i.handleReset && i.handleReset();
-    }, ae = (e) => {
+      P.value = !1, w.value = void 0, s.value = s.value.toSpliced(e, 1), z(e), f.value[e] = { src: null, type: null }, f.value = [f.value[+!e], f.value[e]], d.value = 0, O.value = 0, l.confirmOnDelete || C("delete"), l.multiple && Array.isArray(i.value) ? i.value = i.value.toSpliced(e, 1) : i.handleReset && i.handleReset();
+    }, le = (e) => {
       var o;
       const a = (o = s.value[e]) == null ? void 0 : o.toString();
-      d.value = e, a != null && a.includes("blob") ? (d.value = e, g.value = !0) : (Y(e), F());
-    }, Ie = () => {
+      d.value = e, a != null && a.includes("blob") ? (d.value = e, g.value = !0) : (Z(e), F());
+    }, ke = () => {
       F();
-    }, le = re(() => navigator.userAgent.includes("Chrome"));
+    }, te = Q(() => navigator.userAgent.includes("Chrome"));
     return V(
       () => i.value,
       (e) => {
@@ -230,7 +237,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
     ), V(w, (e) => {
       e && i.setErrors && i.setErrors(e);
     }), V(g, (e) => {
-      e || X.value++;
+      e || Y.value++;
     }), V(
       () => l.initialName,
       () => {
@@ -243,7 +250,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
       },
       { once: !0 }
     ), ie({ assignPreviewImagesFromProp: U }), (e, a) => (n(), v(T, null, [
-      m(je, {
+      m(Oe, {
         class: y([{ "!w-max": !l.multiple, "!w-full": l.multiple }]),
         info: l.fieldInfo,
         label: l.label,
@@ -262,7 +269,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
             ]),
             "data-wv-section": "wrapper"
           }, [
-            s.value.length ? (n(!0), v(T, { key: 0 }, Fe(s.value, (o, t) => {
+            s.value.length ? (n(!0), v(T, { key: 0 }, ze(s.value, (o, t) => {
               var u;
               return n(), v("div", {
                 key: t,
@@ -295,24 +302,25 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                     ]),
                     "data-wv-section": "image-wrapper"
                   }, [
-                    m(Le, {
+                    m(Ne, {
                       class: y([{ "w-[30px] h-[30px]": e.type === "inline-table" }, "transition-opacity duration-300"]),
                       rounded: e.rounded,
-                      size: e.type === "normal" ? e.imagePreviewSize : "small",
                       src: o,
+                      "thumbnail-size": pe.value,
+                      "use-default-size": !1,
                       "data-wv-section": "preview-image"
-                    }, null, 8, ["class", "rounded", "size", "src"]),
+                    }, null, 8, ["class", "rounded", "src", "thumbnail-size"]),
                     W(t) ? (n(), v("button", {
                       key: 0,
                       class: y([
-                        (u = R(ue)) == null ? void 0 : u.button.class,
+                        (u = $(ue)) == null ? void 0 : u.button.class,
                         "hover:bg-opacity-0 rounded-lg opacity-0"
                       ]),
                       onClick: a[0] || (a[0] = (r) => F(!1)),
                       "data-wv-section": "input-image-trigger",
                       type: "button"
                     }, [
-                      m(K, {
+                      m(x, {
                         class: "w-6 h-6",
                         "data-wv-section": "trigger-icon",
                         icon: "image-add",
@@ -329,16 +337,16 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                       "data-wv-section": "preview-buttons"
                     }, [
                       e.type === "normal" ? (n(), v(T, { key: 0 }, [
-                        m(z, {
-                          onClick: (r) => ae(t),
+                        m(R, {
+                          onClick: (r) => le(t),
                           class: "!py-0 !px-1 !h-max",
                           icon: "pencil",
                           label: "Edit",
                           text: ""
                         }, null, 8, ["onClick"]),
-                        e.useDeleteButton ? (n(), k(z, {
+                        e.useDeleteButton ? (n(), k(R, {
                           key: 0,
-                          onClick: (r) => ee(t),
+                          onClick: (r) => ae(t),
                           class: "!py-0 !px-1 !h-max",
                           icon: "delete-bin",
                           label: "Delete",
@@ -346,21 +354,21 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                           text: ""
                         }, null, 8, ["onClick"])) : c("", !0)
                       ], 64)) : (n(), v(T, { key: 1 }, [
-                        m(K, {
-                          onClick: (r) => ae(t),
+                        m(x, {
+                          onClick: (r) => le(t),
                           class: "text-xs p-0.5 rounded-xs mr-1",
                           icon: "pencil",
                           severity: "primary"
                         }, null, 8, ["onClick"]),
-                        m(K, {
-                          onClick: (r) => ee(t),
+                        m(x, {
+                          onClick: (r) => ae(t),
                           class: "text-xs p-0.5 rounded-xs",
                           icon: "delete-bin",
                           severity: "danger"
                         }, null, 8, ["onClick"])
                       ], 64))
                     ], 2),
-                    m(Te, {
+                    m(je, {
                       visible: H.value[t],
                       "onUpdate:visible": (r) => H.value[t] = r,
                       closable: !1,
@@ -380,7 +388,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                   onAddPhoto: a[2] || (a[2] = (r) => F(!0))
                 }, {
                   default: q(() => [
-                    s.value.length === 2 && l.multiple ? (n(), k(Ne, {
+                    s.value.length === 2 && l.multiple ? (n(), k(Ve, {
                       key: 0,
                       modelValue: O.value,
                       "onUpdate:modelValue": a[1] || (a[1] = (r) => O.value = r),
@@ -391,7 +399,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                   ]),
                   _: 2
                 }, 1032, ["custom-requirements", "show-add-button", "show-info"])) : c("", !0),
-                e.multiple && s.value.length == 1 && e.type === "inline-table" ? (n(), k(z, {
+                e.multiple && s.value.length == 1 && e.type === "inline-table" ? (n(), k(R, {
                   key: 1,
                   onClick: a[3] || (a[3] = (r) => F(!0)),
                   icon: "add",
@@ -399,7 +407,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                   text: ""
                 })) : c("", !0)
               ], 2);
-            }), 128)) : e.type != "inline-table" ? (n(), v("div", He, [
+            }), 128)) : e.type != "inline-table" ? (n(), v("div", We, [
               I("button", {
                 class: y([
                   {
@@ -411,8 +419,8 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                   "ring-inset",
                   "cursor-pointer",
                   {
-                    "ring-1": !le.value,
-                    "ring-[0.5px]": le.value
+                    "ring-1": !te.value,
+                    "ring-[0.5px]": te.value
                   },
                   { "rounded-full": e.rounded, "rounded-lg": !e.rounded },
                   {
@@ -428,7 +436,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
                 "data-wv-section": "input-image-trigger",
                 type: "button"
               }, [
-                m(K, {
+                m(x, {
                   class: "w-6 h-6",
                   "data-wv-section": "trigger-icon",
                   icon: "image-add",
@@ -443,16 +451,16 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
           ], 2),
           (n(), v("input", {
             id: e.fieldName,
-            key: X.value,
+            key: Y.value,
             ref_key: "inputImageFile",
-            ref: Q,
+            ref: X,
             multiple: l.multiple && !s.value.length,
-            onChange: ce,
+            onChange: fe,
             accept: "image/*",
             class: "hidden",
             "data-wv-section": "hidden-image-input",
             type: "file"
-          }, null, 40, We)),
+          }, null, 40, Je)),
           e.type === "inline-table" && !s.value.length ? (n(), v("label", {
             key: 0,
             for: e.fieldName,
@@ -460,13 +468,13 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
           }, a[6] || (a[6] = [
             I("span", { class: "inline-flex items-center text-body-medium rounded-bl rounded-tl bg-general-50 px-3 h-[26px] border-[0.5px] border-general-200" }, " Browse ", -1),
             I("span", { class: "inline-flex items-center text-body-medium !text-general-200 !font-light rounded-br rounded-tr px-3 h-[26px] leading-4 border-[0.5px] border-l-0 border-general-200" }, " Select File ", -1)
-          ]), 8, Je)) : c("", !0),
-          e.showValidatorMessage ? (n(), k(Ee, {
+          ]), 8, Qe)) : c("", !0),
+          e.showValidatorMessage ? (n(), k(qe, {
             key: 1,
             format: !1,
             message: i.errorMessage ?? w.value
           }, null, 8, ["message"])) : c("", !0),
-          l.multiple ? (n(), k(Oe, {
+          l.multiple ? (n(), k(Ee, {
             key: 2,
             value: O.value ? "secondImage" : "firstImage",
             "field-name": "defaultImage"
@@ -474,11 +482,11 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
         ]),
         _: 1
       }, 8, ["class", "info", "label", "mandatory"]),
-      m(Ve, {
+      m(Te, {
         visible: g.value,
         "onUpdate:visible": a[5] || (a[5] = (o) => g.value = o),
         draggable: !1,
-        header: R(j).cropDialogHeader,
+        header: $(j).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",
@@ -486,36 +494,36 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
         modal: ""
       }, {
         footer: q(() => [
-          m(z, {
-            label: R(j).cancelCropLabel,
-            onClick: _,
+          m(R, {
+            label: $(j).cancelCropLabel,
+            onClick: ee,
             "data-wv-section": "cancel-crop",
             severity: "secondary",
             text: "",
             type: "button"
           }, null, 8, ["label"]),
-          m(z, {
-            label: R(j).changeImageLabel,
-            onClick: Ie,
+          m(R, {
+            label: $(j).changeImageLabel,
+            onClick: ke,
             "data-wv-section": "change-image-button",
             text: "",
             type: "button"
           }, null, 8, ["label"]),
-          m(z, {
-            label: R(j).applyCropLabel,
-            onClick: be,
+          m(R, {
+            label: $(j).applyCropLabel,
+            onClick: we,
             "data-wv-section": "apply-image-button",
             severity: "success",
             type: "button"
           }, null, 8, ["label"])
         ]),
         default: q(() => [
-          d.value != null ? (n(), k(R($e), {
+          d.value != null ? (n(), k($($e), {
             key: 0,
             ref_key: "vueAdvanceCropper",
             ref: G,
             "auto-zoom": !1,
-            "background-wrapper-component": qe,
+            "background-wrapper-component": xe,
             src: f.value[d.value].src,
             class: "upload-example-cropper h-400",
             "foreground-class": "h-400",
@@ -528,7 +536,7 @@ const Ge = /* @__PURE__ */ Ke(xe), He = {
   }
 });
 export {
-  fa as _,
-  ca as c,
+  va as _,
+  fa as c,
   Ke as g
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-gsts",
-  "version": "1.0.0-alpha.42",
+  "version": "1.0.0-alpha.43",
   "author": "Wangsit FE Developer",
   "description": "Global Settings Tagsamurai VueJS Component Library",
   "type": "module",