@fewangsit/wangsvue-fats 1.0.1-alpha.39 → 1.0.1-alpha.40

package/backgroundimagecropper/index.es.js

@@ -50,8 +50,8 @@ const I = (i, s) => {
       _: 3
     }, 8, ["mouse-move", "touch-move", "touch-resize", "wheel-resize"]));
   }
-}), S = /* @__PURE__ */ I(R, [["__scopeId", "data-v-9031c32d"]]);
+}), b = /* @__PURE__ */ I(R, [["__scopeId", "data-v-5cd98b2d"]]);
 export {
-  S as B,
+  b as B,
   I as _
 };

package/datatable/index.es.js

@@ -988,7 +988,7 @@ const zt = (W, $) => W.every((t) => $.includes(t)), jt = ["id"], Vt = ["onClick"
       ], 16);
     };
   }
-}), Fl = /* @__PURE__ */ Lt(sl, [["__scopeId", "data-v-015be0a0"]]);
+}), Fl = /* @__PURE__ */ Lt(sl, [["__scopeId", "data-v-37d9df20"]]);
 export {
   Fl as D
 };

package/dialogprintqr/index.es.js

@@ -231,8 +231,8 @@ const H = /* @__PURE__ */ nA(vA), j = "data:image/png;base64,iVBORw0KGgoAAAANSUh
             t[4] || (t[4] = e("span", null, "Preview", -1)),
             a(eA, {
               icon: "info",
-              info: `This preview is only for showing the side of the\r
-          label that printed or not. It does not show the\r
+              info: `This preview is only for showing the side of the
+          label that printed or not. It does not show the
           exact amount you entered.`,
               severity: "primary"
             })

package/image/index.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as W, computed as I, onMounted as Z, onUnmounted as q, shallowRef as d, createBlock as x, openBlock as m, unref as $, withCtx as k, createElementBlock as g, normalizeStyle as z, Fragment as L, createElementVNode as j, renderList as D, withDirectives as H, vShow as J, withModifiers as P, createVNode as R, normalizeClass as U, mergeProps as T } from "vue";
-import { c as K } from "../vendor/@vueuse/core/index.es.js";
-import { u as Q } from "../plugins/WangsVue.es.js";
-import { m as X } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as Y } from "../vendor/primevue/image/image.esm.es.js";
+import { defineComponent as W, computed as I, onMounted as Z, onUnmounted as q, shallowRef as d, watch as x, createBlock as H, openBlock as m, unref as $, withCtx as k, createElementBlock as g, normalizeStyle as z, Fragment as L, createElementVNode as j, renderList as D, withDirectives as J, vShow as K, withModifiers as P, createVNode as R, normalizeClass as U, mergeProps as T } from "vue";
+import { c as Q } from "../vendor/@vueuse/core/index.es.js";
+import { u as X } from "../plugins/WangsVue.es.js";
+import { m as Y } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as ee } from "../vendor/primevue/image/image.esm.es.js";
 import { _ as E } from "../button/index.es.js";
-import { _ as ee } from "../icon/index.es.js";
-const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /* @__PURE__ */ W({
+import { _ as te } from "../icon/index.es.js";
+const ae = ["src"], oe = ["src"], le = ["src"], re = ["src", "onClick"], de = /* @__PURE__ */ W({
   __name: "Image",
   props: {
     src: {},
@@ -26,76 +26,78 @@ const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /*
     placeholder: {}
   },
   setup(F) {
-    const a = F, { defaultProps: N } = Q("Image"), i = I(() => X(a, N));
+    const a = F, { defaultProps: N } = X("Image"), s = I(() => Y(a, N));
     Z(() => {
       setTimeout(() => {
         _();
       }, 3e3);
     }), q(() => {
-      h(), typeof n.value == "string" && n.value.includes("blob") && URL.revokeObjectURL(n.value);
-      for (const e of y) URL.revokeObjectURL(e);
+      w(), typeof r.value == "string" && r.value.includes("blob") && URL.revokeObjectURL(r.value);
+      for (const e of h) URL.revokeObjectURL(e);
     });
-    const s = d(0), p = d(), C = d(), f = d(!1), y = [], V = I(() => {
+    const n = d(0), v = d(), C = d(), y = d(!1), h = [], V = I(() => {
       var e;
-      return a.preview === !1 ? !1 : !f.value && !((e = n.value) != null && e.toString().includes("data:image/png;base64")) && n.value !== i.value.placeholder;
+      return a.preview === !1 ? !1 : !y.value && !((e = r.value) != null && e.toString().includes("data:image/png;base64")) && r.value !== s.value.placeholder;
     }), A = () => {
       const e = a.galleries ?? [];
-      s.value = (s.value + 1) % e.length, b();
+      n.value = (n.value + 1) % e.length, b();
     }, G = () => {
       const e = a.galleries ?? [];
-      s.value = (s.value - 1 + e.length) % e.length, b();
+      n.value = (n.value - 1 + e.length) % e.length, b();
     }, _ = () => {
       var e;
-      h(), (e = a.galleries) != null && e.length && (p.value = window.setInterval(() => {
+      w(), (e = a.galleries) != null && e.length && (v.value = window.setInterval(() => {
         const t = a.galleries ?? [];
-        s.value = (s.value + 1) % t.length;
+        n.value = (n.value + 1) % t.length;
       }, 3e3));
-    }, h = () => {
-      p.value && (window.clearInterval(p.value), p.value = void 0);
-    }, S = I(() => a.width != null ? a.width : a.size === "small" ? 30 : a.size === "medium" ? 80 : 125), n = K(
+    }, w = () => {
+      v.value && (window.clearInterval(v.value), v.value = void 0);
+    }, S = I(() => a.width != null ? a.width : a.size === "small" ? 30 : a.size === "medium" ? 80 : 125), r = Q(
       async () => {
         var e, t;
-        if (!a.src || f.value) return i.value.placeholder;
+        if (!a.src || y.value) return s.value.placeholder;
         if (typeof a.src == "string") {
           const o = a.src.includes("http") || // From public image or ObjectURL from Blob e.g 'blob:http://localhost:5173/ca48705d-1fc1-4a74-af38-353ffce7e02a'
-          /^data:image\/[a-zA-Z0-9.+-]+;base64,/.test(a.src) ? a.src : await ((t = (e = i.value).getImageURL) == null ? void 0 : t.call(e, a.src, S.value));
-          return typeof o == "string" && o.includes("blob") && y.push(o), o || i.value.placeholder;
+          /^data:image\/[a-zA-Z0-9.+-]+;base64,/.test(a.src) ? a.src : await ((t = (e = s.value).getImageURL) == null ? void 0 : t.call(e, a.src, S.value));
+          return typeof o == "string" && o.includes("blob") && h.push(o), o || s.value.placeholder;
         }
         return a.src;
       },
-      i.value.placeholder
+      s.value.placeholder
       // Show placeholder while fetching image
-    ), w = d(), M = async () => {
+    ), p = d(), M = async () => {
       var t, o, l, u;
-      if (w.value != null) return;
-      let e = n.value;
+      if (p.value != null) return;
+      let e = r.value;
       if (typeof e == "string") {
-        const r = (o = (t = i.value).getImageURL) == null ? void 0 : o.call(
+        const i = (o = (t = s.value).getImageURL) == null ? void 0 : o.call(
           t,
           "preview",
           void 0,
           void 0,
           !0
-        ), c = typeof r == "string" && !(r != null && r.includes("undefined")) ? new URL(r).origin : "", B = c && e.includes(c) || // For getImageURL that return the image full url
-        r instanceof Promise;
+        ), c = typeof i == "string" && !(i != null && i.includes("undefined")) ? new URL(i).origin : "", B = c && e.includes(c) || // For getImageURL that return the image full url
+        i instanceof Promise;
         e = e.includes("http") && !B || // From public resource
-        e.includes("data:image/svg+xml") ? e : await ((u = (l = i.value).getImageURL) == null ? void 0 : u.call(l, a.src));
+        e.includes("data:image/svg+xml") ? e : await ((u = (l = s.value).getImageURL) == null ? void 0 : u.call(l, a.src));
       }
-      typeof e == "string" && e.includes("blob") && y.push(e), w.value = e || i.value.placeholder;
+      typeof e == "string" && e.includes("blob") && h.push(e), p.value = e || s.value.placeholder;
     }, b = (e) => {
-      h(), typeof e == "number" && (s.value = e), C.value ? window.clearTimeout(C.value) : window.setTimeout(_, 3e3);
-    }, v = (e) => {
+      w(), typeof e == "number" && (n.value = e), C.value ? window.clearTimeout(C.value) : window.setTimeout(_, 3e3);
+    }, f = (e) => {
       var o;
       const t = (o = e.target) == null ? void 0 : o.src;
-      (t === n.value || t.includes(n.value.toString())) && (f.value = !0);
+      (t === r.value || t.includes(r.value.toString())) && (y.value = !0);
     }, O = (e) => {
       var o, l, u;
       const t = e;
-      return typeof t == "string" ? t.includes("http") ? t : (u = (l = (o = i.value).getImageURL) == null ? void 0 : l.call(o, t)) == null ? void 0 : u.toString() : t;
+      return typeof t == "string" ? t.includes("http") ? t : (u = (l = (o = s.value).getImageURL) == null ? void 0 : l.call(o, t)) == null ? void 0 : u.toString() : t;
     };
-    return (e, t) => {
+    return x(r, () => {
+      p.value = void 0;
+    }), (e, t) => {
       var o;
-      return m(), x($(Y), {
+      return m(), H($(ee), {
         "image-class": e.imageClass,
         "image-style": e.imageStyle,
         preview: V.value,
@@ -108,28 +110,28 @@ const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /*
           var l;
           return [
             j("img", T((l = e.$preset.image) == null ? void 0 : l.image({ props: e.$props, context: { imageSize: S.value } }), {
-              onerror: v,
-              src: $(n),
+              onerror: f,
+              src: $(r),
               alt: ""
-            }), null, 16, te)
+            }), null, 16, ae)
           ];
         }),
         indicatoricon: k(() => [
-          R(ee, T(e.$preset.image.icon, { icon: "eye" }), null, 16)
+          R(te, T(e.$preset.image.icon, { icon: "eye" }), null, 16)
         ]),
         preview: k((l) => {
           var u;
           return [
             (u = e.galleries) != null && u.length ? (m(), g(L, { key: 1 }, [
-              (m(!0), g(L, null, D(e.galleries, ({ src: r }, c) => H((m(), g("img", {
+              (m(!0), g(L, null, D(e.galleries, ({ src: i }, c) => J((m(), g("img", {
                 key: c,
-                onerror: v,
-                src: O(r),
+                onerror: f,
+                src: O(i),
                 style: z(l.style),
                 alt: "",
                 "data-wv-section": "image-gallery"
-              }, null, 12, oe)), [
-                [J, c === s.value]
+              }, null, 12, le)), [
+                [K, c === n.value]
               ])), 128)),
               j("div", {
                 onClick: t[0] || (t[0] = P(() => {
@@ -150,19 +152,19 @@ const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /*
                   severity: "secondary",
                   text: ""
                 }),
-                (m(!0), g(L, null, D(e.galleries, ({ src: r }, c) => (m(), g("img", {
+                (m(!0), g(L, null, D(e.galleries, ({ src: i }, c) => (m(), g("img", {
                   key: c,
                   class: U([
                     "h-10 w-10 object-cover cursor-pointer opacity-50 hover:opacity-100 transition-opacity",
-                    { "!opacity-100": s.value == c }
+                    { "!opacity-100": n.value == c }
                   ]),
-                  onerror: v,
-                  src: O(r),
+                  onerror: f,
+                  src: O(i),
                   style: z(l.style),
                   onClick: P((B) => b(c), ["stop"]),
                   alt: "",
                   "data-wv-section": "thumbnail-image"
-                }, null, 14, le))), 128)),
+                }, null, 14, re))), 128)),
                 R(E, {
                   class: U([
                     "text-surface-0 sticky !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
@@ -178,11 +180,11 @@ const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /*
               ])
             ], 64)) : (m(), g("img", {
               key: 0,
-              onerror: v,
-              src: w.value,
+              onerror: f,
+              src: p.value,
               style: z(l.style),
               alt: ""
-            }, null, 12, ae))
+            }, null, 12, oe))
           ];
         }),
         _: 1
@@ -191,5 +193,5 @@ const te = ["src"], ae = ["src"], oe = ["src"], le = ["src", "onClick"], ge = /*
   }
 });
 export {
-  ge as _
+  de as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.39",
+  "version": "1.0.1-alpha.40",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",