@fewangsit/wangsvue-fats 1.0.1-alpha.66 → 1.0.1-alpha.68

package/imagecompressor/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, mergeModels as oe, inject as Be, onMounted as Pe, onUnmounted as Me, ref as w, shallowRef as A, useModel as Ue, reactive as Fe, computed as J, watch as N, createElementBlock as f, openBlock as n, Fragment as V, createVNode as m, normalizeClass as y, withCtx as O, createElementVNode as h, createCommentVNode as c, createBlock as I, renderList as ze, unref as S } from "vue";
+import { defineComponent as Ce, mergeModels as oe, inject as Be, onMounted as Pe, onUnmounted as Me, ref as w, shallowRef as A, useModel as Ue, reactive as Fe, computed as J, watch as N, createElementBlock as g, openBlock as n, Fragment as V, createVNode as m, normalizeClass as y, withCtx as x, createElementVNode as h, createCommentVNode as p, createBlock as k, renderList as ze, unref as S } from "vue";
 import { g as Ae } from "../dialogprintqr/index.es.js";
 import { r as Se } from "../vendor/base64toblob/base64toblob.es.js";
 import { u as $e } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
@@ -10,10 +10,10 @@ import { _ as $ } from "../button/index.es.js";
 import { _ as Ee } 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 q } from "../icon/index.es.js";
-import { _ as qe } from "../invisiblefield/index.es.js";
-import { _ as xe } from "../validatormessage/index.es.js";
+import { _ as xe } from "../fieldwrapper/index.es.js";
+import { _ as O } from "../icon/index.es.js";
+import { _ as Oe } from "../invisiblefield/index.es.js";
+import { _ as qe } from "../validatormessage/index.es.js";
 import { B as Ke } from "../backgroundimagecropper/index.es.js";
 import { _ as se } from "../imageinputinfo/index.es.js";
 /* empty css                                           */
@@ -21,7 +21,7 @@ var He = Se();
 const We = /* @__PURE__ */ Ae(He), Ge = {
   key: 1,
   class: "flex gap-1 items-start"
-}, Je = ["id", "multiple"], Qe = ["for"], fa = /* @__PURE__ */ Ce({
+}, Je = ["id", "multiple"], Qe = ["for"], ga = /* @__PURE__ */ Ce({
   __name: "ImageCompressor",
   props: /* @__PURE__ */ oe({
     initialName: {},
@@ -53,9 +53,9 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
   }),
   emits: /* @__PURE__ */ oe(["apply", "applyProp", "update:defaultImage", "update:fieldValue", "delete"], ["update:defaultImage"]),
   setup(Q, { expose: ie, emit: ne }) {
-    const ue = Be("preset", {}).image, l = Q, k = ne, { locale: E } = De("ImageCompressor");
+    const ue = Be("preset", {}).image, l = Q, I = ne, { locale: E } = De("ImageCompressor");
     Pe(async () => {
-      ge(), M();
+      fe(), M();
     }), Me(() => {
       F(0), F(1);
     });
@@ -68,9 +68,9 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
         src: null,
         type: null
       }
-    ]), me = Ne(), x = w(), C = w(), s = w([]), X = w(), Y = A(0), K = w(), R = w(), d = A(), T = Ue(Q, "defaultImage"), i = Fe({
+    ]), me = Ne(), q = w(), C = w(), s = w([]), X = w(), Y = A(0), K = w(), R = w(), d = A(), T = Ue(Q, "defaultImage"), i = Fe({
       value: l.multiple ? [] : void 0
-    }), B = A(!1), b = A(), de = A(0), g = A(!1), H = w([!1, !1]), P = J(() => `image/${l.fileType}`), W = (e) => typeof s.value[e] == "string" && s.value[e].includes("data:image/png;base64"), pe = J(() => {
+    }), B = A(!1), b = A(), de = A(0), f = A(!1), H = w([!1, !1]), P = J(() => `image/${l.fileType}`), W = (e) => typeof s.value[e] == "string" && s.value[e].includes("data:image/png;base64"), ce = J(() => {
       const e = {
         big: 125,
         medium: 80,
@@ -79,10 +79,10 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
       return l.type === "inline-table" ? e.small : e[l.imagePreviewSize] || e.small;
     }), M = 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 = Le(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 ce()), k("applyProp");
-    }, ce = 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 ? (q.value = Le(l.initialName, 125, me), s.value = [(a = q.value) == null ? void 0 : a.toDataURL()]) : s.value = [], l.imagePreviewUrl ? i.value = l.imagePreviewUrl : l.initialName && (i.value = await pe()), I("applyProp");
+    }, pe = async () => new Promise((e) => {
       var a;
-      (a = x.value) == null || a.toBlob((r) => {
+      (a = q.value) == null || a.toBlob((r) => {
         e(
           new File([r ?? new Blob()], Date.now() + ".png", {
             type: "image/png"
@@ -100,37 +100,37 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
       for (const [t, u] of r.entries())
         try {
           const o = d.value ?? t;
-          await fe(u, o);
+          await ge(u, o);
         } catch (o) {
           console.error("Error loading image:", o);
         } finally {
           d.value = void 0;
         }
-    }, fe = async (e, a) => {
+    }, ge = async (e, a) => {
       const r = (u) => u.includes("image"), t = (u) => u > 1e6;
       return new Promise((u, o) => {
         var D, z;
         if (e)
           if (Z(a), !r(e.type))
-            B.value = !0, b.value = typeof l.validatorMessage != "string" && ((D = l.validatorMessage) != null && D.invalidFormat) ? l.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", M(), g.value = !1, F(a), o("Tipe file harus berupa gambar!");
+            B.value = !0, b.value = typeof l.validatorMessage != "string" && ((D = l.validatorMessage) != null && D.invalidFormat) ? l.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", M(), f.value = !1, F(a), o("Tipe file harus berupa gambar!");
           else if (t(e.size))
-            B.value = !0, b.value = typeof l.validatorMessage != "string" && ((z = l.validatorMessage) != null && z.exceed) ? l.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", M(), g.value = !1, F(a), o("Ukuran gambar terlalu besar! Maks. 1 MB");
+            B.value = !0, b.value = typeof l.validatorMessage != "string" && ((z = l.validatorMessage) != null && z.exceed) ? l.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", M(), f.value = !1, F(a), o("Ukuran gambar terlalu besar! Maks. 1 MB");
           else {
             F(a);
-            const j = URL.createObjectURL(e), p = new FileReader();
-            p.onload = (L) => {
+            const j = URL.createObjectURL(e), c = new FileReader();
+            c.onload = (L) => {
               var re;
               v.value[a].src = j, v.value[a].type = ye(
                 (re = L == null ? void 0 : L.target) == null ? void 0 : re.result,
                 e.type
               );
-            }, p.onerror = (L) => {
+            }, c.onerror = (L) => {
               console.error("🚀 ~ returnnewPromise ~ e:", L);
-            }, p.readAsArrayBuffer(e), d.value == null && (d.value = a), g.value || (g.value = !0), B.value = !1, b.value = void 0;
+            }, c.readAsArrayBuffer(e), d.value == null && (d.value = a), f.value || (f.value = !0), B.value = !1, b.value = void 0;
           }
         de.value += 1, R.value = u;
       });
-    }, ge = () => {
+    }, fe = () => {
       l.useValidator && Object.assign(
         i,
         $e(l.fieldName, (e) => {
@@ -181,23 +181,23 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
       ee();
     }, ee = () => {
       var e;
-      g.value = !1, (e = R.value) == null || e.call(R), R.value = void 0;
+      f.value = !1, (e = R.value) == null || e.call(R), R.value = void 0;
     }, he = async (e) => {
       if (K.value) {
         const a = K.value.getResult();
         if (a.canvas) {
           const r = a.canvas.toDataURL(P.value);
-          await Ie(r, e);
+          await ke(r, e);
         }
       }
-    }, Ie = async (e, a) => {
+    }, ke = async (e, a) => {
       try {
         C.value = document.createElement("canvas");
         const r = C.value.getContext("2d"), t = new Image();
         t.src = e, await t.decode();
         const u = 80 / 100, o = t.width * u, D = t.height * u;
         C.value.setAttribute("width", o.toString()), C.value.setAttribute("height", D.toString()), r && r.drawImage(t, 0, 0, o, D);
-        const z = C.value.toDataURL(P.value, 0.95), j = Date.now() + `.${l.fileType}`, p = {
+        const z = C.value.toDataURL(P.value, 0.95), j = Date.now() + `.${l.fileType}`, c = {
           canvas: C.value,
           compressed: {
             blob: _(z),
@@ -209,31 +209,31 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
           },
           message: "File has been compressed."
         };
-        p.compressed.size = Math.round(p.compressed.file.size / 1e3) + "KB", s.value[a] = p.compressed.blob, l.multiple ? i.value && Array.isArray(i.value) ? i.value[a] = p.compressed.file : i.value = [p.compressed.file] : i.value = p.compressed.file, k("apply", p);
+        c.compressed.size = Math.round(c.compressed.file.size / 1e3) + "KB", s.value[a] = c.compressed.blob, l.multiple ? i.value && Array.isArray(i.value) ? i.value[a] = c.compressed.file : i.value = [c.compressed.file] : i.value = c.compressed.file, I("apply", c);
       } catch (r) {
         console.error(r);
       }
     }, F = (e) => {
       v.value[e].src && URL.revokeObjectURL(v.value[e].src);
     }, ae = (e) => {
-      l.confirmOnDelete ? H.value[e] = !0 : l.emitDeleteFn ? k("delete", G, e) : G(e);
+      l.confirmOnDelete ? H.value[e] = !0 : l.emitDeleteFn ? I("delete", G, e) : G(e);
     }, G = (e = 0) => {
-      B.value = !1, b.value = void 0, s.value = s.value.toSpliced(e, 1), F(e), v.value[e] = { src: null, type: null }, v.value = [v.value[+!e], v.value[e]], d.value = 0, T.value = 0, l.confirmOnDelete || k("delete"), l.multiple && Array.isArray(i.value) ? i.value = i.value.toSpliced(e, 1) : i.handleReset && i.handleReset();
+      B.value = !1, b.value = void 0, s.value = s.value.toSpliced(e, 1), F(e), v.value[e] = { src: null, type: null }, v.value = [v.value[+!e], v.value[e]], d.value = 0, T.value = 0, l.confirmOnDelete || I("delete"), l.multiple && Array.isArray(i.value) ? i.value = i.value.toSpliced(e, 1) : i.handleReset && i.handleReset();
     }, le = (e) => {
       var r;
       const a = (r = s.value[e]) == null ? void 0 : r.toString();
-      d.value = e, a != null && a.includes("blob") ? (d.value = e, g.value = !0) : (Z(e), U());
-    }, ke = () => {
+      d.value = e, a != null && a.includes("blob") ? (d.value = e, f.value = !0) : (Z(e), U());
+    }, Ie = () => {
       U();
     }, te = J(() => navigator.userAgent.includes("Chrome"));
     return N(
       () => i.value,
       (e) => {
-        (e instanceof File || Array.isArray(e) && e.some((a) => a instanceof File)) && k("update:fieldValue", e);
+        (e instanceof File || Array.isArray(e) && e.some((a) => a instanceof File)) && I("update:fieldValue", e);
       }
     ), N(b, (e) => {
       e && i.setErrors && i.setErrors(e);
-    }), N(g, (e) => {
+    }), N(f, (e) => {
       e || Y.value++;
     }), N(
       () => l.initialName,
@@ -246,8 +246,8 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
         M();
       },
       { once: !0 }
-    ), ie({ assignPreviewImagesFromProp: M }), (e, a) => (n(), f(V, null, [
-      m(Oe, {
+    ), ie({ assignPreviewImagesFromProp: M }), (e, a) => (n(), g(V, null, [
+      m(xe, {
         class: y([{ "!w-max": !l.multiple, "!w-full": l.multiple }]),
         info: l.fieldInfo,
         label: l.label,
@@ -255,7 +255,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
         "data-wv-name": "image-compressor",
         "data-wv-section": "root"
       }, {
-        default: O(() => [
+        default: x(() => [
           h("div", {
             class: y([
               "w-full",
@@ -266,9 +266,9 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
             ]),
             "data-wv-section": "wrapper"
           }, [
-            s.value.length ? (n(!0), f(V, { key: 0 }, ze(s.value, (r, t) => {
+            s.value.length ? (n(!0), g(V, { key: 0 }, ze(s.value, (r, t) => {
               var u;
-              return n(), f("div", {
+              return n(), g("div", {
                 key: t,
                 class: y([[
                   { "items-start": e.type === "normal" },
@@ -303,11 +303,11 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                       class: y([{ "w-[30px] h-[30px]": e.type === "inline-table" }, "transition-opacity duration-300"]),
                       rounded: e.rounded,
                       src: r,
-                      "thumbnail-size": pe.value,
+                      "thumbnail-size": ce.value,
                       "use-default-size": !1,
                       "data-wv-section": "preview-image"
                     }, null, 8, ["class", "rounded", "src", "thumbnail-size"]),
-                    W(t) ? (n(), f("button", {
+                    W(t) ? (n(), g("button", {
                       key: 0,
                       class: y([
                         (u = S(ue)) == null ? void 0 : u.button.class,
@@ -317,15 +317,15 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                       "data-wv-section": "input-image-trigger",
                       type: "button"
                     }, [
-                      m(q, {
+                      m(O, {
                         class: "w-6 h-6",
                         "data-wv-section": "trigger-icon",
                         icon: "image-add",
                         severity: "primary"
                       })
-                    ], 2)) : c("", !0)
+                    ], 2)) : p("", !0)
                   ], 2),
-                  !l.disabled && !W(t) ? (n(), f(V, { key: 0 }, [
+                  !l.disabled && !W(t) ? (n(), g(V, { key: 0 }, [
                     h("div", {
                       class: y([
                         "flex gap-0.5 justify-center",
@@ -333,7 +333,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                       ]),
                       "data-wv-section": "preview-buttons"
                     }, [
-                      e.type === "normal" ? (n(), f(V, { key: 0 }, [
+                      e.type === "normal" ? (n(), g(V, { key: 0 }, [
                         m($, {
                           onClick: (o) => le(t),
                           class: "!py-0 !px-1 !h-max",
@@ -341,7 +341,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                           label: "Edit",
                           text: ""
                         }, null, 8, ["onClick"]),
-                        e.useDeleteButton ? (n(), I($, {
+                        e.useDeleteButton ? (n(), k($, {
                           key: 0,
                           onClick: (o) => ae(t),
                           class: "!py-0 !px-1 !h-max",
@@ -349,15 +349,15 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                           label: "Delete",
                           severity: "danger",
                           text: ""
-                        }, null, 8, ["onClick"])) : c("", !0)
-                      ], 64)) : (n(), f(V, { key: 1 }, [
-                        m(q, {
+                        }, null, 8, ["onClick"])) : p("", !0)
+                      ], 64)) : (n(), g(V, { key: 1 }, [
+                        m(O, {
                           onClick: (o) => le(t),
                           class: "text-xs p-0.5 rounded-xs mr-1",
                           icon: "pencil",
                           severity: "primary"
                         }, null, 8, ["onClick"]),
-                        m(q, {
+                        m(O, {
                           onClick: (o) => ae(t),
                           class: "text-xs p-0.5 rounded-xs",
                           icon: "delete-bin",
@@ -369,42 +369,42 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                       visible: H.value[t],
                       "onUpdate:visible": (o) => H.value[t] = o,
                       closable: !1,
-                      onConfirm: (o) => k("delete", G, t),
+                      onConfirm: (o) => I("delete", G, t),
                       body: "Are you sure you want to delete it?",
                       "confirm-label": "Delete",
                       header: "Delete Photo",
                       severity: "danger"
                     }, null, 8, ["visible", "onUpdate:visible", "onConfirm"])
-                  ], 64)) : c("", !0)
+                  ], 64)) : p("", !0)
                 ], 2),
-                e.type === "normal" ? (n(), I(se, {
+                e.type === "normal" ? (n(), k(se, {
                   key: 0,
                   "custom-requirements": e.customRequirements,
                   "show-add-button": s.value.length === 1 && l.multiple,
                   "show-info": e.showInfo,
                   onAddPhoto: a[2] || (a[2] = (o) => U(!0))
                 }, {
-                  default: O(() => [
-                    s.value.length === 2 && l.multiple ? (n(), I(Ee, {
+                  default: x(() => [
+                    s.value.length === 2 && l.multiple ? (n(), k(Ee, {
                       key: 0,
                       modelValue: T.value,
                       "onUpdate:modelValue": a[1] || (a[1] = (o) => T.value = o),
                       "label-id": "default-" + t,
                       value: t,
                       label: "Set as default"
-                    }, null, 8, ["modelValue", "label-id", "value"])) : c("", !0)
+                    }, null, 8, ["modelValue", "label-id", "value"])) : p("", !0)
                   ]),
                   _: 2
-                }, 1032, ["custom-requirements", "show-add-button", "show-info"])) : c("", !0),
-                e.multiple && s.value.length == 1 && e.type === "inline-table" ? (n(), I($, {
+                }, 1032, ["custom-requirements", "show-add-button", "show-info"])) : p("", !0),
+                e.multiple && s.value.length == 1 && e.type === "inline-table" ? (n(), k($, {
                   key: 1,
                   onClick: a[3] || (a[3] = (o) => U(!0)),
                   icon: "add",
                   label: "Photo",
                   text: ""
-                })) : c("", !0)
+                })) : p("", !0)
               ], 2);
-            }), 128)) : e.type != "inline-table" ? (n(), f("div", Ge, [
+            }), 128)) : e.type != "inline-table" ? (n(), g("div", Ge, [
               h("button", {
                 class: y([
                   {
@@ -421,19 +421,19 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                   },
                   { "rounded-full": e.rounded, "rounded-lg": !e.rounded },
                   {
-                    "ring-general-400 focus-visible:ring-primary-500": !B.value && !i.errorMessage,
-                    "ring-danger-500": B.value || i.errorMessage
+                    "ring-general-400 dark:ring-general-400 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-500": !B.value && !i.errorMessage,
+                    "ring-danger-500 dark:ring-danger-500": B.value || i.errorMessage
                   },
                   {
-                    "bg-white": !l.disabled,
-                    "bg-general-50": l.disabled
+                    "bg-white dark:bg-grayscale-900": !l.disabled,
+                    "bg-general-50 dark:bg-grayscale-800": l.disabled
                   }
                 ]),
                 onClick: a[4] || (a[4] = (r) => U(!1)),
                 "data-wv-section": "input-image-trigger",
                 type: "button"
               }, [
-                m(q, {
+                m(O, {
                   class: "w-6 h-6",
                   "data-wv-section": "trigger-icon",
                   icon: "image-add",
@@ -444,9 +444,9 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
                 "custom-requirements": e.customRequirements,
                 "show-info": e.showInfo
               }, null, 8, ["custom-requirements", "show-info"])
-            ])) : c("", !0)
+            ])) : p("", !0)
           ], 2),
-          (n(), f("input", {
+          (n(), g("input", {
             id: e.fieldName,
             key: Y.value,
             ref_key: "inputImageFile",
@@ -458,30 +458,30 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
             "data-wv-section": "hidden-image-input",
             type: "file"
           }, null, 40, Je)),
-          e.type === "inline-table" && !s.value.length ? (n(), f("label", {
+          e.type === "inline-table" && !s.value.length ? (n(), g("label", {
             key: 0,
             for: e.fieldName,
             class: "inline-flex items-center cursor-pointer"
           }, a[6] || (a[6] = [
-            h("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),
-            h("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, Qe)) : c("", !0),
-          e.showValidatorMessage ? (n(), I(xe, {
+            h("span", { class: "inline-flex items-center text-body-medium rounded-bl rounded-tl bg-general-50 dark:bg-grayscale-800 px-3 h-[26px] border-[0.5px] border-general-200 dark:border-grayscale-800" }, " Browse ", -1),
+            h("span", { class: "inline-flex items-center text-body-medium !text-general-200 dark:!text-general-600 !font-light rounded-br rounded-tr px-3 h-[26px] leading-4 border-[0.5px] border-l-0 border-general-200 dark:border-grayscale-800" }, " Select File ", -1)
+          ]), 8, Qe)) : p("", !0),
+          e.showValidatorMessage ? (n(), k(qe, {
             key: 1,
             format: !1,
             message: i.errorMessage ?? b.value
-          }, null, 8, ["message"])) : c("", !0),
-          l.multiple ? (n(), I(qe, {
+          }, null, 8, ["message"])) : p("", !0),
+          l.multiple ? (n(), k(Oe, {
             key: 2,
             value: T.value ? "secondImage" : "firstImage",
             "field-name": "defaultImage"
-          }, null, 8, ["value"])) : c("", !0)
+          }, null, 8, ["value"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["class", "info", "label", "mandatory"]),
       m(Te, {
-        visible: g.value,
-        "onUpdate:visible": a[5] || (a[5] = (r) => g.value = r),
+        visible: f.value,
+        "onUpdate:visible": a[5] || (a[5] = (r) => f.value = r),
         draggable: !1,
         header: S(E).cropDialogHeader,
         class: "w-max max-w-[98vw] min-w-[min(500px,98vw)] !max-h-[94vh]",
@@ -490,7 +490,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
         "footer-class": "!gap-1",
         modal: ""
       }, {
-        footer: O(() => [
+        footer: x(() => [
           m($, {
             label: S(E).cancelCropLabel,
             onClick: ee,
@@ -501,7 +501,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
           }, null, 8, ["label"]),
           m($, {
             label: S(E).changeImageLabel,
-            onClick: ke,
+            onClick: Ie,
             "data-wv-section": "change-image-button",
             text: "",
             type: "button"
@@ -514,8 +514,8 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
             type: "button"
           }, null, 8, ["label"])
         ]),
-        default: O(() => [
-          d.value != null ? (n(), I(S(Re), {
+        default: x(() => [
+          d.value != null ? (n(), k(S(Re), {
             key: 0,
             ref_key: "vueAdvanceCropper",
             ref: K,
@@ -525,7 +525,7 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
             class: "upload-example-cropper h-400",
             "foreground-class": "h-400",
             "image-class": "h-400"
-          }, null, 8, ["src"])) : c("", !0)
+          }, null, 8, ["src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["visible", "header"])
@@ -533,5 +533,5 @@ const We = /* @__PURE__ */ Ae(He), Ge = {
   }
 });
 export {
-  fa as _
+  ga as _
 };

package/imageinputinfo/index.es.js

@@ -1,16 +1,16 @@
-import { defineComponent as d, createElementBlock as t, openBlock as o, createCommentVNode as a, createBlock as c, renderSlot as f, normalizeClass as _, Fragment as m, renderList as g, toDisplayString as r, createElementVNode as u, unref as p } from "vue";
-import { u as y } from "../plugins/WangsVue.es.js";
-import { _ as k } from "../button/index.es.js";
+import { defineComponent as p, createElementBlock as t, openBlock as o, createCommentVNode as a, createBlock as c, renderSlot as f, normalizeClass as _, Fragment as m, renderList as g, toDisplayString as r, createElementVNode as u, unref as d } from "vue";
+import { u as k } from "../plugins/WangsVue.es.js";
+import { _ as y } from "../button/index.es.js";
 const h = { class: "flex flex-col gap-y-4" }, w = {
   key: 0,
   class: /* @__PURE__ */ _([
-    "text-xs font-normal text-grayscale-900",
+    "text-xs font-normal text-grayscale-900 dark:text-white",
     "[&_li]:before:content-['•']",
     "[&_li]:before:inline-block [&_li]:before:w-[12px] [&_li]:before:ml-[-12px] pl-3",
     "max-w-[121px] [&_li]:pl-0.5"
   ]),
   "data-wv-section": "image-requirements-info"
-}, C = /* @__PURE__ */ d({
+}, C = /* @__PURE__ */ p({
   __name: "ImageInputInfo",
   props: {
     customRequirements: {},
@@ -19,17 +19,17 @@ const h = { class: "flex flex-col gap-y-4" }, w = {
   },
   emits: ["addPhoto"],
   setup(x) {
-    const { locale: l } = y("ImageCompressor");
+    const { locale: l } = k("ImageCompressor");
     return (e, s) => {
       var i;
       return o(), t("div", h, [
         e.showInfo ? (o(), t("ul", w, [
           (i = e.customRequirements) != null && i.length ? (o(!0), t(m, { key: 0 }, g(e.customRequirements, (n) => (o(), t("li", { key: n }, r(n), 1))), 128)) : (o(), t(m, { key: 1 }, [
-            u("li", null, r(p(l).maxSizeRequirement), 1),
-            u("li", null, r(p(l).imageTypeRequirement), 1)
+            u("li", null, r(d(l).maxSizeRequirement), 1),
+            u("li", null, r(d(l).imageTypeRequirement), 1)
           ], 64))
         ])) : a("", !0),
-        e.showAddButton ? (o(), c(k, {
+        e.showAddButton ? (o(), c(y, {
           key: 1,
           onClick: s[0] || (s[0] = (n) => e.$emit("addPhoto")),
           icon: "add",

package/inputsearch/index.es.js

@@ -1,46 +1,46 @@
-import { defineComponent as h, shallowRef as c, createElementBlock as v, openBlock as f, withModifiers as x, normalizeClass as l, createElementVNode as g, createVNode as o, unref as _ } from "vue";
-import { s as w } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as i } from "../icon/index.es.js";
-const b = { class: "w-full" }, $ = /* @__PURE__ */ h({
+import { defineComponent as g, shallowRef as c, createElementBlock as x, openBlock as h, withModifiers as v, normalizeClass as a, createElementVNode as f, createVNode as r, unref as _ } from "vue";
+import { s as k } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as d } from "../icon/index.es.js";
+const w = { class: "w-full" }, $ = /* @__PURE__ */ g({
   __name: "InputSearch",
   emits: ["search"],
-  setup(k, { emit: u }) {
-    const d = u, n = c(), e = c(), m = (a) => {
-      n.value = a.target.value || void 0, e.value = a.target.value || void 0;
+  setup(b, { emit: i }) {
+    const u = i, n = c(), e = c(), p = (l) => {
+      n.value = l.target.value || void 0, e.value = l.target.value || void 0;
     };
-    return (a, t) => {
-      var s, r;
-      return f(), v("form", {
-        class: l([
+    return (l, t) => {
+      var o, s;
+      return h(), x("form", {
+        class: a([
           "text-xs flex gap-1 h-[34px] px-[21px] items-center",
-          "rounded-[18px] bg-general-50"
+          "rounded-[18px] bg-general-50 dark:!bg-general-200"
         ]),
-        onSubmit: t[1] || (t[1] = x((p) => d("search", n.value), ["prevent"]))
+        onSubmit: t[1] || (t[1] = v((m) => u("search", n.value), ["prevent"]))
       }, [
-        g("div", b, [
-          o(_(w), {
-            class: l([
-              "h-auto !shadow-none !p-0 !text-general-500 placeholder:text-general-200 !bg-general-50"
+        f("div", w, [
+          r(_(k), {
+            class: a([
+              "h-auto !shadow-none !p-0 !text-general-800 dark:!text-general-900 placeholder:text-general-200 dark:placeholder:text-general-500 !bg-general-50 dark:!bg-general-200"
             ]),
             "model-value": e.value,
-            onInput: m,
+            onInput: p,
             autocomplete: "off",
             placeholder: "Search asset"
           }, null, 8, ["model-value"])
         ]),
-        o(i, {
-          class: l([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: (s = e.value) == null ? void 0 : s.length }
+        r(d, {
+          class: a([
+            "text-md !text-general-400 dark:!text-general-900 !w-4 !h-4",
+            { hidden: (o = e.value) == null ? void 0 : o.length }
           ]),
           icon: "search"
         }, null, 8, ["class"]),
-        o(i, {
-          class: l([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: !((r = e.value) != null && r.length) }
+        r(d, {
+          class: a([
+            "text-md !text-general-400 dark:!text-general-900 !w-4 !h-4",
+            { hidden: !((s = e.value) != null && s.length) }
           ]),
-          onClick: t[0] || (t[0] = (p) => e.value = void 0),
+          onClick: t[0] || (t[0] = (m) => e.value = void 0),
           "data-ts-section": "reset-filter-icon",
           icon: "close"
         }, null, 8, ["class"])