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

package/components/hardwaresync/HardwareSync-BckCfIeF.es.js

@@ -0,0 +1,238 @@
+import { defineComponent as G, onMounted as K, shallowRef as u, computed as d, ref as X, watch as ee, createBlock as g, openBlock as m, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as R, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
+import { u as le } from "../../utils/toast.util-C7p3h9XQ.es.js";
+import { u as oe } from "./store/device.store-DpVE6Nhl.es.js";
+import { g as re } from "../buttonscan/ButtonScan-mVHAdACL.es.js";
+import { W as ie } from "../buttonscan/workers/scanner.worker-D3a72Zyk.es.js";
+import { _ as C } from "../button/Button-CgkhMnxo.es.js";
+import ce from "../dialog/Dialog-BCcbXSya.es.js";
+import { _ as $ } from "../dropdown/Dropdown-Dk4urj-W.es.js";
+import ue from "../icon/Icon-C4kXVcEX.es.js";
+import { _ as ve } from "../inlinemessage/InlineMessage-BPJD82sq.es.js";
+const Ne = /* @__PURE__ */ G({
+  __name: "HardwareSync",
+  props: {
+    visible: { type: Boolean },
+    errorCode: {},
+    searchBy: {},
+    bulk: { type: Boolean },
+    withoutScanBtn: { type: Boolean }
+  },
+  emits: ["update:visible", "scan"],
+  setup(W, { emit: x }) {
+    const o = W, k = x, P = le();
+    K(() => {
+      O();
+    });
+    const {
+      device: _,
+      devices: I,
+      saveDevices: U,
+      setDevice: Q,
+      loadDevices: z
+    } = oe(), i = {
+      label: "None",
+      device: void 0
+    }, v = u(!1), l = u(i), r = u(i), T = (n) => {
+      var e, a;
+      if ((e = I.value) != null && e.length) {
+        const s = (a = I.value) == null ? void 0 : a.filter((t) => t[n]).map((t) => ({
+          label: `${t.name ?? t.jenisDevice + " - " + t.serialNumber}`,
+          device: t
+        }));
+        return s.length ? s : [];
+      }
+      return l.value = i, r.value = i, [];
+    }, p = d(() => T("rfidScan")), f = d(() => T("qrScan")), w = d(
+      () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
+    ), H = d(() => o.searchBy === "RFID" && l.value.device), Y = d(() => o.searchBy === "QR" && r.value.device), D = d(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
+      try {
+        U(n);
+        const e = p.value.some(
+          (s) => {
+            var t, y, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = l.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+          }
+        ), a = f.value.some(
+          (s) => {
+            var t, y, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = r.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+          }
+        );
+        l.value = e ? l.value : p.value[0] ?? i, r.value = a ? r.value : f.value[0] ?? i, N();
+      } catch (e) {
+        c.value = h(re(e));
+      } finally {
+        v.value = !1;
+      }
+    }, c = X(), j = u({
+      title: "The detected OS is not compatible",
+      detail: "Please check the OS compatibility list on our product information page."
+    }), L = u({
+      title: "Scanner Disconnected",
+      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
+    }), A = u({
+      title: "Scanner driver not found",
+      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
+    }), J = u({
+      title: "Scanner not detected",
+      detail: "The scanner is either not detected or not identified by our system."
+    });
+    u({
+      title: "Scanner is not registered",
+      detail: "The scanner is not registered in your company."
+    });
+    const h = (n) => {
+      switch (n ?? o.errorCode) {
+        case "DEVICE_NOT_CONNECTED":
+          return J.value;
+        case "DRIVER_NOT_FOUND":
+          return A.value;
+        case "NOT_SUPPORTED_SYSTEM":
+          return j.value;
+        case "DEVICE_DISCONNECTED":
+          return L.value;
+        default:
+          return;
+      }
+    }, N = () => {
+      Q({
+        RFID: l.value.device,
+        QR: r.value.device
+      });
+    }, O = () => {
+      z(), _.value.RFID ? l.value = {
+        label: _.value.RFID.name,
+        device: _.value.RFID
+      } : p.value.length && (l.value = p.value[0] ?? i), f.value.length && (r.value = f.value[0] ?? i), N();
+    }, F = () => {
+      k("update:visible", !1), k("scan");
+    }, Z = () => {
+      var n;
+      v.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
+        var a;
+        if (e.status === "synced") {
+          const s = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.deviceList) ?? [];
+          B(s);
+          const { error: t } = (e == null ? void 0 : e.data) ?? {};
+          t === "Driver not connected to server" ? (v.value = !1, c.value = h("DRIVER_NOT_FOUND")) : s.length || (v.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
+        } else e.status === "error_sync" && (v.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
+      }, window.scannerWorker.postMessage({
+        command: "sync",
+        userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id
+      });
+    }, q = () => {
+      window.scannerWorker ?? (window.scannerWorker = new ie());
+    };
+    return ee(
+      () => o.visible,
+      (n) => {
+        n && (q(), c.value = h(), O(), v.value = !1);
+      }
+    ), (n, e) => (m(), g(ce, {
+      closable: !D.value,
+      "header-class": [
+        {
+          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": D.value
+        }
+      ],
+      visible: n.visible,
+      "onUpdate:visible": e[3] || (e[3] = (a) => n.$emit("update:visible", a)),
+      class: "w-[400px]",
+      "content-class": "!overflow-y-visible",
+      "footer-class": "!gap-1",
+      header: "Hardware Synchronize",
+      modal: ""
+    }, ae({
+      footer: E(() => [
+        D.value ? (m(), g(C, {
+          key: 0,
+          onClick: e[2] || (e[2] = (a) => n.$emit("update:visible", !1)),
+          label: "Close",
+          severity: "secondary",
+          text: ""
+        })) : b("", !0),
+        w.value ? b("", !0) : (m(), ne(te, { key: 1 }, [
+          H.value && !o.withoutScanBtn ? (m(), g(C, {
+            key: 0,
+            onClick: F,
+            icon: "rfid",
+            label: "Scan RFID"
+          })) : b("", !0),
+          Y.value && !o.withoutScanBtn ? (m(), g(C, {
+            key: 1,
+            onClick: F,
+            icon: "qr",
+            label: "Scan QR"
+          })) : b("", !0)
+        ], 64))
+      ]),
+      default: E(() => [
+        c.value ? (m(), g(ve, {
+          key: 0,
+          class: M(["p-[9.52px] transition"]),
+          message: c.value.detail,
+          removable: !1,
+          "show-icon": !1,
+          title: c.value.title,
+          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
+          severity: "danger"
+        }, null, 8, ["message", "title"])) : b("", !0),
+        R(C, {
+          disabled: w.value,
+          loading: v.value,
+          onClick: Z,
+          icon: "refresh",
+          label: "Sync",
+          "loading-icon": "refresh",
+          outlined: ""
+        }, null, 8, ["disabled", "loading"]),
+        V("section", {
+          class: M([
+            "grid grid-cols-2 gap-3 justify-start w-full",
+            { "opacity-60 pointer-events-none": w.value }
+          ]),
+          "data-ts-section": "scanner-list"
+        }, [
+          R($, {
+            modelValue: l.value,
+            "onUpdate:modelValue": [
+              e[0] || (e[0] = (a) => l.value = a),
+              N
+            ],
+            options: p.value,
+            label: "RFID Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"]),
+          R($, {
+            modelValue: r.value,
+            "onUpdate:modelValue": [
+              e[1] || (e[1] = (a) => r.value = a),
+              N
+            ],
+            options: f.value,
+            label: "QR Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"])
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      D.value ? {
+        name: "header",
+        fn: E(() => {
+          var a;
+          return [
+            R(ue, {
+              icon: (a = n.searchBy) == null ? void 0 : a.toLowerCase()
+            }, null, 8, ["icon"]),
+            V("h3", null, "Scan " + se(n.searchBy), 1)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["closable", "header-class", "visible"]));
+  }
+});
+export {
+  Ne as _
+};

package/components/hardwaresync/HardwareSync-DcgVc0cL.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../utils/toast.util-DPtauJUV.system.js","./store/device.store-DEKXH36R.system.js","../buttonscan/ButtonScan-BZzpqBe8.system.js","../buttonscan/workers/scanner.worker-8_0GG6W3.system.js","../button/Button-D892iaxz.system.js","../dialog/Dialog-Dv7Jzg4E.system.js","../dropdown/Dropdown-BNzT2uLU.system.js","../icon/Icon-D1a666FC.system.js","../inlinemessage/InlineMessage-DTyTe5_W.system.js"],function(X,pe){"use strict";var V,O,r,d,F,j,y,m,M,w,f,g,E,_,x,$,W,P,U,Q,z,S,H,B,Y,L;return{setters:[e=>{V=e.defineComponent,O=e.onMounted,r=e.shallowRef,d=e.computed,F=e.ref,j=e.watch,y=e.createBlock,m=e.openBlock,M=e.createSlots,w=e.withCtx,f=e.createCommentVNode,g=e.createVNode,E=e.createElementVNode,_=e.normalizeClass,x=e.createElementBlock,$=e.Fragment,W=e.toDisplayString},e=>{P=e.u},e=>{U=e.u},e=>{Q=e.g},e=>{z=e.W},e=>{S=e._},e=>{H=e.default},e=>{B=e._},e=>{Y=e.default},e=>{L=e._}],execute:function(){const e=X("_",V({__name:"HardwareSync",props:{visible:{type:Boolean},errorCode:{},searchBy:{},bulk:{type:Boolean},withoutScanBtn:{type:Boolean}},emits:["update:visible","scan"],setup(ee,{emit:te}){const i=ee,A=te,ne=P();O(()=>{G()});const{device:I,devices:q,saveDevices:se,setDevice:ae,loadDevices:le}=U(),u={label:"None",device:void 0},p=r(!1),o=r(u),c=r(u),J=s=>{var t,n;if((t=q.value)!=null&&t.length){const l=(n=q.value)==null?void 0:n.filter(a=>a[s]).map(a=>({label:`${a.name??a.jenisDevice+" - "+a.serialNumber}`,device:a}));return l.length?l:[]}return o.value=u,c.value=u,[]},b=d(()=>J("rfidScan")),h=d(()=>J("qrScan")),T=d(()=>i.errorCode==="NOT_SUPPORTED_SYSTEM"),oe=d(()=>i.searchBy==="RFID"&&o.value.device),re=d(()=>i.searchBy==="QR"&&c.value.device),C=d(()=>!!i.searchBy&&i.errorCode!=="HARDWARE_NOT_SYNCHRONIZED"),Z=async s=>{try{se(s);const t=b.value.some(l=>{var a,D,N;return((a=l==null?void 0:l.device)==null?void 0:a.serialNumber)===((N=(D=o.value)==null?void 0:D.device)==null?void 0:N.serialNumber)}),n=h.value.some(l=>{var a,D,N;return((a=l==null?void 0:l.device)==null?void 0:a.serialNumber)===((N=(D=c.value)==null?void 0:D.device)==null?void 0:N.serialNumber)});o.value=t?o.value:b.value[0]??u,c.value=n?c.value:h.value[0]??u,k()}catch(t){v.value=R(Q(t))}finally{p.value=!1}},v=F(),ie=r({title:"The detected OS is not compatible",detail:"Please check the OS compatibility list on our product information page."}),ce=r({title:"Scanner Disconnected",detail:"Your scanner has been disconnected. Please reconnect it or select another device from the list."}),ue=r({title:"Scanner driver not found",detail:"The scanner driver may not be running or installed correctly on your device. Please contact your administrator."}),ve=r({title:"Scanner not detected",detail:"The scanner is either not detected or not identified by our system."});r({title:"Scanner is not registered",detail:"The scanner is not registered in your company."});const R=s=>{switch(s??i.errorCode){case"DEVICE_NOT_CONNECTED":return ve.value;case"DRIVER_NOT_FOUND":return ue.value;case"NOT_SUPPORTED_SYSTEM":return ie.value;case"DEVICE_DISCONNECTED":return ce.value;default:return}},k=()=>{ae({RFID:o.value.device,QR:c.value.device})},G=()=>{le(),I.value.RFID?o.value={label:I.value.RFID.name,device:I.value.RFID}:b.value.length&&(o.value=b.value[0]??u),h.value.length&&(c.value=h.value[0]??u),k()},K=()=>{A("update:visible",!1),A("scan")},de=()=>{var s;p.value=!0,v.value=void 0,window.scannerWorker.onmessage=({data:t})=>{var n;if(t.status==="synced"){const l=((n=t==null?void 0:t.data)==null?void 0:n.deviceList)??[];Z(l);const{error:a}=(t==null?void 0:t.data)??{};a==="Driver not connected to server"?(p.value=!1,v.value=R("DRIVER_NOT_FOUND")):l.length||(p.value=!1,v.value=R("DEVICE_NOT_CONNECTED"))}else t.status==="error_sync"&&(p.value=!1,Z([]),ne.add({message:"Failed to connecting scanner",severity:"error"}))},window.scannerWorker.postMessage({command:"sync",userId:(s=JSON.parse(localStorage.getItem("user")??"{}"))==null?void 0:s._id})},me=()=>{window.scannerWorker??(window.scannerWorker=new z)};return j(()=>i.visible,s=>{s&&(me(),v.value=R(),G(),p.value=!1)}),(s,t)=>(m(),y(H,{closable:!C.value,"header-class":[{"flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden":C.value}],visible:s.visible,"onUpdate:visible":t[3]||(t[3]=n=>s.$emit("update:visible",n)),class:"w-[400px]","content-class":"!overflow-y-visible","footer-class":"!gap-1",header:"Hardware Synchronize",modal:""},M({footer:w(()=>[C.value?(m(),y(S,{key:0,onClick:t[2]||(t[2]=n=>s.$emit("update:visible",!1)),label:"Close",severity:"secondary",text:""})):f("",!0),T.value?f("",!0):(m(),x($,{key:1},[oe.value&&!i.withoutScanBtn?(m(),y(S,{key:0,onClick:K,icon:"rfid",label:"Scan RFID"})):f("",!0),re.value&&!i.withoutScanBtn?(m(),y(S,{key:1,onClick:K,icon:"qr",label:"Scan QR"})):f("",!0)],64))]),default:w(()=>[v.value?(m(),y(L,{key:0,class:_(["p-[9.52px] transition"]),message:v.value.detail,removable:!1,"show-icon":!1,title:v.value.title,"message-wrapper-class":"text-[11px] leading-[14px] tracking-[0.02em]",severity:"danger"},null,8,["message","title"])):f("",!0),g(S,{disabled:T.value,loading:p.value,onClick:de,icon:"refresh",label:"Sync","loading-icon":"refresh",outlined:""},null,8,["disabled","loading"]),E("section",{class:_(["grid grid-cols-2 gap-3 justify-start w-full",{"opacity-60 pointer-events-none":T.value}]),"data-ts-section":"scanner-list"},[g(B,{modelValue:o.value,"onUpdate:modelValue":[t[0]||(t[0]=n=>o.value=n),k],options:b.value,label:"RFID Scanner","option-label":"label"},null,8,["modelValue","options"]),g(B,{modelValue:c.value,"onUpdate:modelValue":[t[1]||(t[1]=n=>c.value=n),k],options:h.value,label:"QR Scanner","option-label":"label"},null,8,["modelValue","options"])],2)]),_:2},[C.value?{name:"header",fn:w(()=>{var n;return[g(Y,{icon:(n=s.searchBy)==null?void 0:n.toLowerCase()},null,8,["icon"]),E("h3",null,"Scan "+W(s.searchBy),1)]}),key:"0"}:void 0]),1032,["closable","header-class","visible"]))}}))}}});

package/components/hardwaresync/store/device.store-DEKXH36R.system.js

@@ -0,0 +1 @@
+System.register(["vue"],function(o,d){"use strict";var c;return{setters:[e=>{c=e.ref}],execute:function(){const e=()=>window.devices??[],r=()=>window.device??{RFID:null,QR:null},s=c(e()),n=c(r()),l=o("u",()=>{const u=t=>{window.devices=t,i()},v=t=>{window.device=t,n.value=t},i=()=>{s.value=e()};return{devices:s,device:n,saveDevices:u,setDevice:v,loadDevices:i}})}}});

package/components/hardwaresync/store/device.store-DpVE6Nhl.es.js

@@ -0,0 +1,20 @@
+import { ref as o } from "vue";
+const i = () => window.devices ?? [], d = () => window.device ?? { RFID: null, QR: null }, s = o(i()), t = o(d()), u = () => {
+  const n = (e) => {
+    window.devices = e, c();
+  }, v = (e) => {
+    window.device = e, t.value = e;
+  }, c = () => {
+    s.value = i();
+  };
+  return {
+    devices: s,
+    device: t,
+    saveDevices: n,
+    setDevice: v,
+    loadDevices: c
+  };
+};
+export {
+  u
+};

package/components/icon/Icon-C4kXVcEX.es.js

@@ -0,0 +1,82 @@
+import { defineComponent as c, computed as d, resolveDirective as f, createElementBlock as t, openBlock as o, Fragment as v, withDirectives as i, createCommentVNode as n, mergeProps as l } from "vue";
+const $ = /* @__PURE__ */ c({
+  __name: "Icon",
+  props: {
+    icon: {},
+    severity: { default: void 0 },
+    info: { default: void 0 },
+    tooltipPos: { default: "bottom" },
+    class: { default: void 0 }
+  },
+  setup(u) {
+    const a = u, p = (() => {
+      switch (a.severity) {
+        case "primary":
+          return "text-primary-500";
+        case "success":
+          return "text-success-500";
+        case "warning":
+          return "text-warning-500";
+        case "danger":
+          return "text-danger-500";
+        case "info":
+          return "text-info-500";
+        default:
+          return "inherit";
+      }
+    })(), s = d(() => [
+      "icon",
+      `ic-${a.icon}`,
+      p,
+      "cursor-pointer shink-0"
+    ]);
+    return (e, m) => {
+      const r = f("tooltip");
+      return o(), t(v, null, [
+        e.tooltipPos === "top" ? i((o(), t("i", l({ key: 0 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { top: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "bottom" ? i((o(), t("i", l({ key: 1 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { bottom: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "right" ? i((o(), t("i", l({ key: 2 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { right: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "left" ? i((o(), t("i", l({ key: 3 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { left: !0 }
+          ]
+        ]) : n("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  $ as default
+};

package/components/icon/Icon-D1a666FC.system.js

@@ -0,0 +1 @@
+System.register(["vue"],function(d,y){"use strict";var c,u,p,r,s,v,o,i,n;return{setters:[t=>{c=t.defineComponent,u=t.computed,p=t.resolveDirective,r=t.createElementBlock,s=t.openBlock,v=t.Fragment,o=t.withDirectives,i=t.createCommentVNode,n=t.mergeProps}],execute:function(){const t=d("default",c({__name:"Icon",props:{icon:{},severity:{default:void 0},info:{default:void 0},tooltipPos:{default:"bottom"},class:{default:void 0}},setup(m){const f=m,g=(()=>{switch(f.severity){case"primary":return"text-primary-500";case"success":return"text-success-500";case"warning":return"text-warning-500";case"danger":return"text-danger-500";case"info":return"text-info-500";default:return"inherit"}})(),a=u(()=>["icon",`ic-${f.icon}`,g,"cursor-pointer shink-0"]);return(e,k)=>{const l=p("tooltip");return s(),r(v,null,[e.tooltipPos==="top"?o((s(),r("i",n({key:0},e.$attrs,{class:[...a.value,e.$props.class]}),null,16)),[[l,e.info,void 0,{top:!0}]]):i("",!0),e.tooltipPos==="bottom"?o((s(),r("i",n({key:1},e.$attrs,{class:[...a.value,e.$props.class]}),null,16)),[[l,e.info,void 0,{bottom:!0}]]):i("",!0),e.tooltipPos==="right"?o((s(),r("i",n({key:2},e.$attrs,{class:[...a.value,e.$props.class]}),null,16)),[[l,e.info,void 0,{right:!0}]]):i("",!0),e.tooltipPos==="left"?o((s(),r("i",n({key:3},e.$attrs,{class:[...a.value,e.$props.class]}),null,16)),[[l,e.info,void 0,{left:!0}]]):i("",!0)],64)}}}))}}});

package/components/image/Image-Bf5EaBWP.es.js

@@ -0,0 +1,170 @@
+import { defineComponent as j, computed as p, onMounted as G, onUnmounted as M, shallowRef as f, createBlock as W, openBlock as s, unref as q, mergeProps as I, withCtx as b, createElementBlock as m, normalizeStyle as k, Fragment as _, createElementVNode as U, renderList as T, withDirectives as A, vShow as H, withModifiers as D, createVNode as C, normalizeClass as z } from "vue";
+import { l as J } from "../../vendor/primevue-DkBtKf1Y.es.js";
+import { u as K } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { m as Q } from "../../utils/mergePropsWithDefaults.util-BKcJzgvs.es.js";
+import { _ as F } from "../button/Button-CgkhMnxo.es.js";
+import X from "../icon/Icon-C4kXVcEX.es.js";
+const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], se = /* @__PURE__ */ j({
+  __name: "Image",
+  props: {
+    src: {},
+    size: {},
+    width: {},
+    rounded: { type: Boolean },
+    imageStyle: {},
+    imageClass: {},
+    galleries: {},
+    indicatorIcon: {},
+    zoomInDisabled: { type: Boolean },
+    zoomOutDisabled: { type: Boolean },
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    getImageURL: { type: Function },
+    placeholder: {}
+  },
+  setup(O) {
+    const r = O, { defaultProps: x } = K("Image"), c = p(() => Q(r, x));
+    G(() => {
+      setTimeout(() => {
+        $();
+      }, 3e3);
+    }), M(() => {
+      w();
+    });
+    const o = f(0), v = f(), L = f(), h = f(!1), E = p(() => {
+      var e;
+      return !h.value && !((e = u.value) != null && e.toString().includes("data:image/png;base64")) && u.value !== c.value.placeholder;
+    }), N = () => {
+      const e = r.galleries ?? [];
+      o.value = (o.value + 1) % e.length, y();
+    }, P = () => {
+      const e = r.galleries ?? [];
+      o.value = (o.value - 1 + e.length) % e.length, y();
+    }, $ = () => {
+      var e;
+      w(), (e = r.galleries) != null && e.length && (v.value = window.setInterval(() => {
+        const t = r.galleries ?? [];
+        o.value = (o.value + 1) % t.length;
+      }, 3e3));
+    }, w = () => {
+      v.value && (window.clearInterval(v.value), v.value = void 0);
+    }, S = p(() => r.width != null ? r.width : r.size === "small" ? 30 : r.size === "medium" ? 80 : 125), u = p(() => {
+      var e, t;
+      return !r.src || h.value ? c.value.placeholder : typeof r.src == "string" ? r.src.includes("http") || // From public image
+      r.src.includes("data:image/png;base64") ? r.src : (t = (e = c.value).getImageURL) == null ? void 0 : t.call(e, r.src, S.value) : r.src;
+    }), V = p(() => {
+      var t, l, a, g;
+      const e = u.value;
+      if (typeof e == "string") {
+        const i = (l = (t = c.value).getImageURL) == null ? void 0 : l.call(t, "preview"), n = i && !(i != null && i.includes("undefined")) ? new URL(i).origin : "", R = n && e.includes(n);
+        return e.includes("http") && !R || // From public resource
+        e.includes("data:image/svg+xml") ? e : (g = (a = c.value).getImageURL) == null ? void 0 : g.call(a, r.src);
+      }
+      return e;
+    }), y = (e) => {
+      w(), typeof e == "number" && (o.value = e), L.value ? window.clearTimeout(L.value) : window.setTimeout($, 3e3);
+    }, d = (e) => {
+      var l;
+      const t = (l = e.target) == null ? void 0 : l.src;
+      (t === u.value || t.includes(u.value.toString())) && (h.value = !0);
+    }, B = (e) => {
+      var l, a;
+      const t = e;
+      return typeof t == "string" ? t.includes("http") ? t : (a = (l = c.value).getImageURL) == null ? void 0 : a.call(l, t) : t;
+    };
+    return (e, t) => {
+      var l;
+      return s(), W(q(J), I(e.$props, {
+        preview: E.value,
+        pt: { root: (l = e.$preset.image) == null ? void 0 : l.root({ props: e.$props }) }
+      }), {
+        image: b(() => {
+          var a;
+          return [
+            U("img", I((a = e.$preset.image) == null ? void 0 : a.image({ props: e.$props, context: { imageSize: S.value } }), {
+              onerror: d,
+              src: u.value,
+              alt: ""
+            }), null, 16, Y)
+          ];
+        }),
+        indicatoricon: b(() => [
+          C(X, I(e.$preset.image.icon, { icon: "eye" }), null, 16)
+        ]),
+        preview: b((a) => {
+          var g;
+          return [
+            (g = e.galleries) != null && g.length ? (s(), m(_, { key: 1 }, [
+              (s(!0), m(_, null, T(e.galleries, ({ src: i }, n) => A((s(), m("img", {
+                key: n,
+                onerror: d,
+                src: B(i),
+                style: k(a.style),
+                alt: "",
+                "data-wv-section": "image-gallery"
+              }, null, 12, ee)), [
+                [H, n === o.value]
+              ])), 128)),
+              U("div", {
+                onClick: t[0] || (t[0] = D(() => {
+                }, ["stop"])),
+                class: "fixed bottom-0 left-0 flex justify-center items-center w-full p-4 mx-auto flex-row bg-black/80",
+                "data-wv-section": "gallery-thumbnail"
+              }, [
+                C(F, {
+                  class: z([
+                    "text-surface-0 rotate-180 sticky left-0 !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
+                    "rounded-full mr-3"
+                  ]),
+                  onClick: P,
+                  "aria-label": "Previous Image",
+                  "data-wv-section": "prev-button",
+                  icon: "arrow-right",
+                  "icon-class": "w-5 h-5",
+                  severity: "secondary",
+                  text: ""
+                }),
+                (s(!0), m(_, null, T(e.galleries, ({ src: i }, n) => (s(), m("img", {
+                  key: n,
+                  class: z([
+                    "h-10 w-10 object-cover cursor-pointer opacity-50 hover:opacity-100 transition-opacity",
+                    { "!opacity-100": o.value == n }
+                  ]),
+                  onerror: d,
+                  src: B(i),
+                  style: k(a.style),
+                  onClick: D((R) => y(n), ["stop"]),
+                  alt: "",
+                  "data-wv-section": "thumbnail-image"
+                }, null, 14, te))), 128)),
+                C(F, {
+                  class: z([
+                    "text-surface-0 sticky !w-8 !h-8 [&_i]:w-5 [&_i]:h-5",
+                    "rounded-full ml-3"
+                  ]),
+                  onClick: N,
+                  "aria-label": "Next Image",
+                  "data-wv-section": "next-button",
+                  icon: "arrow-right",
+                  severity: "secondary",
+                  text: ""
+                })
+              ])
+            ], 64)) : (s(), m("img", {
+              key: 0,
+              onerror: d,
+              src: V.value,
+              style: k(a.style),
+              alt: ""
+            }, null, 12, Z))
+          ];
+        }),
+        _: 1
+      }, 16, ["preview", "pt"]);
+    };
+  }
+});
+export {
+  se as default
+};

package/components/image/Image-Cxi0E9gK.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-C5Z_k4WB.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","../../utils/mergePropsWithDefaults.util-CXowvEKY.system.js","../button/Button-D892iaxz.system.js","../icon/Icon-D1a666FC.system.js"],function(A,ne){"use strict";var j,g,U,D,p,V,c,x,f,h,u,y,w,_,z,E,F,B,I,b,N,P,T,S,M;return{setters:[t=>{j=t.defineComponent,g=t.computed,U=t.onMounted,D=t.onUnmounted,p=t.shallowRef,V=t.createBlock,c=t.openBlock,x=t.unref,f=t.mergeProps,h=t.withCtx,u=t.createElementBlock,y=t.normalizeStyle,w=t.Fragment,_=t.createElementVNode,z=t.renderList,E=t.withDirectives,F=t.vShow,B=t.withModifiers,I=t.createVNode,b=t.normalizeClass},t=>{N=t.l},t=>{P=t.u},t=>{T=t.m},t=>{S=t._},t=>{M=t.default}],execute:function(){const t=["src"],H=["src"],J=["src"],K=["src","onClick"],se=A("default",j({__name:"Image",props:{src:{},size:{},width:{},rounded:{type:Boolean},imageStyle:{},imageClass:{},galleries:{},indicatorIcon:{},zoomInDisabled:{type:Boolean},zoomOutDisabled:{type:Boolean},pt:{},ptOptions:{},unstyled:{type:Boolean},getImageURL:{type:Function},placeholder:{}},setup(Q){const n=Q,{defaultProps:X}=P("Image"),m=g(()=>T(n,X));U(()=>{setTimeout(()=>{W()},3e3)}),D(()=>{$()});const i=p(0),k=p(),O=p(),L=p(!1),Y=g(()=>{var e;return!L.value&&!((e=v.value)!=null&&e.toString().includes("data:image/png;base64"))&&v.value!==m.value.placeholder}),ee=()=>{const e=n.galleries??[];i.value=(i.value+1)%e.length,R()},te=()=>{const e=n.galleries??[];i.value=(i.value-1+e.length)%e.length,R()},W=()=>{var e;$(),(e=n.galleries)!=null&&e.length&&(k.value=window.setInterval(()=>{const r=n.galleries??[];i.value=(i.value+1)%r.length},3e3))},$=()=>{k.value&&(window.clearInterval(k.value),k.value=void 0)},G=g(()=>n.width!=null?n.width:n.size==="small"?30:n.size==="medium"?80:125),v=g(()=>{var e,r;return!n.src||L.value?m.value.placeholder:typeof n.src=="string"?n.src.includes("http")||n.src.includes("data:image/png;base64")?n.src:(r=(e=m.value).getImageURL)==null?void 0:r.call(e,n.src,G.value):n.src}),re=g(()=>{var r,a,s,d;const e=v.value;if(typeof e=="string"){const l=(a=(r=m.value).getImageURL)==null?void 0:a.call(r,"preview"),o=l&&!(l!=null&&l.includes("undefined"))?new URL(l).origin:"",q=o&&e.includes(o);return e.includes("http")&&!q||e.includes("data:image/svg+xml")?e:(d=(s=m.value).getImageURL)==null?void 0:d.call(s,n.src)}return e}),R=e=>{$(),typeof e=="number"&&(i.value=e),O.value?window.clearTimeout(O.value):window.setTimeout(W,3e3)},C=e=>{var a;const r=(a=e.target)==null?void 0:a.src;(r===v.value||r.includes(v.value.toString()))&&(L.value=!0)},Z=e=>{var a,s;const r=e;return typeof r=="string"?r.includes("http")?r:(s=(a=m.value).getImageURL)==null?void 0:s.call(a,r):r};return(e,r)=>{var a;return c(),V(x(N),f(e.$props,{preview:Y.value,pt:{root:(a=e.$preset.image)==null?void 0:a.root({props:e.$props})}}),{image:h(()=>{var s;return[_("img",f((s=e.$preset.image)==null?void 0:s.image({props:e.$props,context:{imageSize:G.value}}),{onerror:C,src:v.value,alt:""}),null,16,t)]}),indicatoricon:h(()=>[I(M,f(e.$preset.image.icon,{icon:"eye"}),null,16)]),preview:h(s=>{var d;return[(d=e.galleries)!=null&&d.length?(c(),u(w,{key:1},[(c(!0),u(w,null,z(e.galleries,({src:l},o)=>E((c(),u("img",{key:o,onerror:C,src:Z(l),style:y(s.style),alt:"","data-wv-section":"image-gallery"},null,12,J)),[[F,o===i.value]])),128)),_("div",{onClick:r[0]||(r[0]=B(()=>{},["stop"])),class:"fixed bottom-0 left-0 flex justify-center items-center w-full p-4 mx-auto flex-row bg-black/80","data-wv-section":"gallery-thumbnail"},[I(S,{class:b(["text-surface-0 rotate-180 sticky left-0 !w-8 !h-8 [&_i]:w-5 [&_i]:h-5","rounded-full mr-3"]),onClick:te,"aria-label":"Previous Image","data-wv-section":"prev-button",icon:"arrow-right","icon-class":"w-5 h-5",severity:"secondary",text:""}),(c(!0),u(w,null,z(e.galleries,({src:l},o)=>(c(),u("img",{key:o,class:b(["h-10 w-10 object-cover cursor-pointer opacity-50 hover:opacity-100 transition-opacity",{"!opacity-100":i.value==o}]),onerror:C,src:Z(l),style:y(s.style),onClick:B(q=>R(o),["stop"]),alt:"","data-wv-section":"thumbnail-image"},null,14,K))),128)),I(S,{class:b(["text-surface-0 sticky !w-8 !h-8 [&_i]:w-5 [&_i]:h-5","rounded-full ml-3"]),onClick:ee,"aria-label":"Next Image","data-wv-section":"next-button",icon:"arrow-right",severity:"secondary",text:""})])],64)):(c(),u("img",{key:0,onerror:C,src:re.value,style:y(s.style),alt:""},null,12,H))]}),_:1},16,["preview","pt"])}}}))}}});

package/components/imagecompressor/BackgroundImageCropper-DhrTpgNX.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/vue-advanced-cropper-NG93jHnU.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","../datatable/DataTable-Cko2S6sM.system.js"],function(_,I){"use strict";var l,c,u,p,f,r,v,h,m,g,z,d,w,y;return{setters:[e=>{l=e.defineComponent,c=e.shallowRef,u=e.ref,p=e.createBlock,f=e.openBlock,r=e.unref,v=e.withCtx,h=e.renderSlot,m=e.createElementVNode,g=e.normalizeClass,z=e.toDisplayString},e=>{d=e.o},e=>{w=e.u},e=>{y=e._}],execute:function(){const S=_("default",y(l({__name:"BackgroundImageCropper",props:{touchMove:{},mouseMove:{},touchResize:{},wheelResize:{}},emits:["move","resize"],setup(k){const i=k,{locale:C}=w("ImageCompressor"),s=c(!1),n=u(),B=(o,t)=>{if(o.type==="touchstart"||o.type==="touchmove"){if(o.touches.length===1&&!t)return s.value=!0,n.value="touch",R(),!1;s.value=!1}else if(o.type==="wheel"){if(!t&&!o.ctrlKey)return s.value=!0,n.value="wheel",R(),!1;s.value=!1}o.preventDefault(),o.stopPropagation()},R=()=>{setTimeout(()=>{s.value=!1},1e3)};return(o,t)=>(f(),p(r(d),{"events-filter":B,"mouse-move":i.mouseMove,"touch-move":i.touchMove,"touch-resize":i.touchResize,"wheel-resize":i.wheelResize,onMove:t[0]||(t[0]=a=>o.$emit("move",a)),onResize:t[1]||(t[1]=a=>o.$emit("resize",a))},{default:v(()=>[h(o.$slots,"default",{},void 0,!0),m("div",{class:g([{"cropper-event-notification--visible":s.value},"cropper-event-notification"])},z(n.value==="wheel"?r(C).cropperCtrlScrollInfo:r(C).cropperTwoFingerInfo),3)]),_:3},8,["mouse-move","touch-move","touch-resize","wheel-resize"]))}}),[["__scopeId","data-v-9031c32d"]]))}}});

package/components/imagecompressor/BackgroundImageCropper-hiHqCcIy.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as n, shallowRef as f, ref as m, createBlock as h, openBlock as v, unref as l, withCtx as d, renderSlot as z, createElementVNode as g, normalizeClass as w, toDisplayString as C } from "vue";
+import { o as y } from "../../vendor/vue-advanced-cropper-CshlvNaD.es.js";
+import { u as I } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { _ as R } from "../datatable/DataTable-BH7Fk88O.es.js";
+const M = /* @__PURE__ */ n({
+  __name: "BackgroundImageCropper",
+  props: {
+    touchMove: {},
+    mouseMove: {},
+    touchResize: {},
+    wheelResize: {}
+  },
+  emits: ["move", "resize"],
+  setup(c) {
+    const s = c, { locale: u } = I("ImageCompressor"), t = f(!1), r = m(), p = (e, o) => {
+      if (e.type === "touchstart" || e.type === "touchmove") {
+        if (e.touches.length === 1 && !o)
+          return t.value = !0, r.value = "touch", a(), !1;
+        t.value = !1;
+      } else if (e.type === "wheel") {
+        if (!o && !e.ctrlKey)
+          return t.value = !0, r.value = "wheel", a(), !1;
+        t.value = !1;
+      }
+      e.preventDefault(), e.stopPropagation();
+    }, a = () => {
+      setTimeout(() => {
+        t.value = !1;
+      }, 1e3);
+    };
+    return (e, o) => (v(), h(l(y), {
+      "events-filter": p,
+      "mouse-move": s.mouseMove,
+      "touch-move": s.touchMove,
+      "touch-resize": s.touchResize,
+      "wheel-resize": s.wheelResize,
+      onMove: o[0] || (o[0] = (i) => e.$emit("move", i)),
+      onResize: o[1] || (o[1] = (i) => e.$emit("resize", i))
+    }, {
+      default: d(() => [
+        z(e.$slots, "default", {}, void 0, !0),
+        g("div", {
+          class: w([{ "cropper-event-notification--visible": t.value }, "cropper-event-notification"])
+        }, C(r.value === "wheel" ? l(u).cropperCtrlScrollInfo : l(u).cropperTwoFingerInfo), 3)
+      ]),
+      _: 3
+    }, 8, ["mouse-move", "touch-move", "touch-resize", "wheel-resize"]));
+  }
+}), T = /* @__PURE__ */ R(M, [["__scopeId", "data-v-9031c32d"]]);
+export {
+  T as default
+};

package/components/imagecompressor/ImageCompressor-C_vnTwmo.system.js

@@ -0,0 +1 @@
+System.register(["../invisiblefield/InvisibleField-BHudtX2g.system.js","vue","../../vendor/vee-validate-Cc_B-qII.system.js","../../vendor/vue-advanced-cropper-NG93jHnU.system.js","../../async-components/index-DvjqHrYE.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","../../utils/genPlaceholder.util-CxMG7LbT.system.js","../image/Image-Cxi0E9gK.system.js","../button/Button-D892iaxz.system.js","../dialog/Dialog-Dv7Jzg4E.system.js","../dialogconfirm/DialogConfirm-BU-LRZCo.system.js","../fieldwrapper/FieldWrapper-Dc-stQRH.system.js","../icon/Icon-D1a666FC.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js","./ImageInputInfo-U3hLlbwo.system.js"],function(q,De){"use strict";var J,ie,Q,ue,ce,de,me,g,P,ve,pe,X,V,h,d,x,m,I,$,U,F,C,fe,y,ge,ye,be,we,he,Ie,Ce,A,Be,ke,Pe,Y,Me,ee;return{setters:[t=>{J=t._},t=>{ie=t.defineComponent,Q=t.mergeModels,ue=t.defineAsyncComponent,ce=t.inject,de=t.onMounted,me=t.onUnmounted,g=t.ref,P=t.shallowRef,ve=t.useModel,pe=t.reactive,X=t.computed,V=t.watch,h=t.createElementBlock,d=t.openBlock,x=t.Fragment,m=t.createVNode,I=t.normalizeClass,$=t.withCtx,U=t.createElementVNode,F=t.createBlock,C=t.createCommentVNode,fe=t.renderList,y=t.unref},t=>{ge=t.u},t=>{ye=t.f},t=>{be=t.i},t=>{we=t.u},t=>{he=t.g,Ie=t.a},t=>{Ce=t.default},t=>{A=t._},t=>{Be=t.default},t=>{ke=t.default},t=>{Pe=t.default},t=>{Y=t.default},t=>{Me=t._},t=>{ee=t._}],execute:function(){q("g",je);var t=q("c",typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{});function je(v){return v&&v.__esModule&&Object.prototype.hasOwnProperty.call(v,"default")?v.default:v}var ae={exports:{}};(function(v,K){(function(){function W(te,T){T=T||"";for(var a=1024,B=window.atob(te),M=[],u=0,le=B.length;u<le;u+=a){for(var j=B.slice(u,u+a),b=new Array(j.length),r=0;r<j.length;r++)b[r]=j.charCodeAt(r);var G=new Uint8Array(b);M.push(G)}return new Blob(M,{type:T})}v.exports&&(K=v.exports=W),K.base64ToBlob=W}).call(t)})(ae,ae.exports);var Le=ae.exports;const Ve=je(Le);q("I",Object.freeze(Object.defineProperty({__proto__:null,default:J},Symbol.toStringTag,{value:"Module"})));const $e={key:1,class:"flex gap-1 items-start"},Te=["id","multiple"];q("a",Object.freeze(Object.defineProperty({__proto__:null,default:ie({__name:"ImageCompressor",props:Q({initialName:{},multiple:{type:Boolean},defaultImage:{},disabled:{type:Boolean,default:!1},compressedBlob:{default:void 0},imagePreviewUrl:{default:void 0},imagePreviewSize:{default:"big"},rounded:{type:Boolean,default:!1},useDeleteButton:{type:Boolean,default:!0},useValidator:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!1},invalid:{type:Boolean},validatorMessage:{default:"Photo must be uploaded"},label:{default:void 0},fieldName:{default:"imageInput"},fieldInfo:{default:void 0},showInfo:{type:Boolean,default:!0},customRequirements:{default:void 0},confirmOnDelete:{type:Boolean},emitDeleteFn:{type:Boolean},showValidatorMessage:{type:Boolean,default:!0},fileType:{default:"webp"}},{defaultImage:{default:0},defaultImageModifiers:{}}),emits:Q(["apply","applyProp","update:defaultImage","delete"],["update:defaultImage"]),setup(v,{expose:K,emit:W}){const te=ue(()=>De.import("./BackgroundImageCropper-DhrTpgNX.system.js")),T=ce("preset",{}).image,a=v,B=W,{locale:M}=we("ImageCompressor");de(async()=>{qe(),R()}),me(()=>{D(0),D(1)});const u=g([{src:null,type:null},{src:null,type:null}]),le=Ie(),j=g(),b=g(),r=g([]),G=g(),Ue=P(0),se=g(),_=g(),p=P(),H=ve(v,"defaultImage"),n=pe({value:a.multiple?[]:void 0}),S=P(!1),k=P(),_e=P(0),w=P(!1),oe=g([!1,!1]),z=X(()=>`image/${a.fileType}`),re=e=>typeof r.value[e]=="string"&&r.value[e].includes("data:image/png;base64"),R=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?(j.value=he(a.initialName,125,le),r.value=[(l=j.value)==null?void 0:l.toDataURL()]):r.value=[],a.imagePreviewUrl?n.value=a.imagePreviewUrl:a.initialName&&(n.value=await Oe()),B("applyProp")},Oe=async()=>new Promise(e=>{var l;(l=j.value)==null||l.toBlob(o=>{e(new File([o??new Blob],Date.now()+".png",{type:"image/png"}))})}),O=(e=!1)=>{var l;a.disabled||(e&&(p.value=1),(l=G.value)==null||l.click())},Ne=async e=>{const{files:l}=e.target,o=Array.from(l??[]).slice(0,r.value.length?1:2);for(const[s,c]of o.entries())try{const i=p.value??s;await Ee(c,i)}catch(i){console.error("Error loading image:",i)}finally{p.value=void 0}},Ee=async(e,l)=>{const o=c=>c.includes("image"),s=c=>c>1e6;return new Promise((c,i)=>{var N,L;if(e)if(Fe(l),!o(e.type))S.value=!0,k.value=typeof a.validatorMessage!="string"&&((N=a.validatorMessage)!=null&&N.invalidFormat)?a.validatorMessage.invalidFormat:"Tipe file harus berupa gambar!",R(),w.value=!1,D(l),i("Tipe file harus berupa gambar!");else if(s(e.size))S.value=!0,k.value=typeof a.validatorMessage!="string"&&((L=a.validatorMessage)!=null&&L.exceed)?a.validatorMessage.exceed:"Ukuran gambar terlalu besar! Maks. 1 MB",R(),w.value=!1,D(l),i("Ukuran gambar terlalu besar! Maks. 1 MB");else{D(l);const Z=URL.createObjectURL(e),f=new FileReader;f.onload=E=>{var Re;u.value[l].src=Z,u.value[l].type=xe((Re=E==null?void 0:E.target)==null?void 0:Re.result,e.type)},f.onerror=E=>{console.error("🚀 ~ returnnewPromise ~ e:",E)},f.readAsArrayBuffer(e),p.value==null&&(p.value=l),w.value||(w.value=!0),S.value=!1,k.value=void 0}_e.value+=1,_.value=c})},qe=()=>{a.useValidator&&Object.assign(n,ge(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:k.value?k.value:!0}))},Fe=e=>{u.value[e]={src:null,type:null}},xe=(e,l=null)=>{if(e){const o=new Uint8Array(e).subarray(0,4);let s="";for(const c of o)s+=c.toString(16);switch(s){case"89504e47":return"image/png";case"47494638":return"image/gif";case"ffd8ffe0":case"ffd8ffe1":case"ffd8ffe2":case"ffd8ffe3":case"ffd8ffe8":return z.value;default:return l}}return null},Ae=e=>{const l=Ve(e.split(",")[1],z.value);return window.URL.createObjectURL(l)},Ke=async(e,l)=>{const o=await fetch(e).then(s=>s.blob());return new File([o],l,{type:z.value})},We=async()=>{const e=p.value??0;try{await Ge(e)}catch(l){console.error(l)}Se()},Se=()=>{var e;w.value=!1,(e=_.value)==null||e.call(_),_.value=void 0},Ge=async e=>{if(se.value){const l=se.value.getResult();if(l.canvas){const o=l.canvas.toDataURL(z.value);await He(o,e)}}},He=async(e,l)=>{try{b.value=document.createElement("canvas");const o=b.value.getContext("2d"),s=new Image;s.src=e,await s.decode();const c=80/100,i=s.width*c,N=s.height*c;b.value.setAttribute("width",i.toString()),b.value.setAttribute("height",N.toString()),o&&o.drawImage(s,0,0,i,N);const L=b.value.toDataURL(z.value,.95),Z=Date.now()+`.${a.fileType}`,f={canvas:b.value,compressed:{blob:Ae(L),base64:L,fileName:Z,file:await Ke(Ae(L),Z),size:"",type:z.value},message:"File has been compressed."};f.compressed.size=Math.round(f.compressed.file.size/1e3)+"KB",r.value[l]=f.compressed.blob,a.multiple?n.value&&Array.isArray(n.value)?n.value[l]=f.compressed.file:n.value=[f.compressed.file]:n.value=f.compressed.file,B("apply",f)}catch(o){console.error(o)}},D=e=>{u.value[e].src&&URL.revokeObjectURL(u.value[e].src)},Ze=e=>{a.confirmOnDelete?oe.value[e]=!0:a.emitDeleteFn?B("delete",ne,e):ne(e)},ne=(e=0)=>{S.value=!1,k.value=void 0,r.value=r.value.toSpliced(e,1),D(e),u.value[e]={src:null,type:null},u.value=[u.value[+!e],u.value[e]],p.value=0,H.value=0,a.confirmOnDelete||B("delete"),a.multiple&&Array.isArray(n.value)?n.value=n.value.toSpliced(e,1):n.handleReset&&n.handleReset()},Je=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,w.value=!0):(Fe(e),O())},Qe=()=>{O()},ze=X(()=>navigator.userAgent.includes("Firefox"));return V(k,e=>{e&&n.setErrors&&n.setErrors(e)}),V(w,e=>{e||Ue.value++}),V(()=>a.initialName,()=>{R()}),V(()=>a.imagePreviewUrl,()=>{R()},{once:!0}),K({assignPreviewImagesFromProp:R}),(e,l)=>(d(),h(x,null,[m(Pe,{class:I([{"!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:$(()=>[U("div",{class:I(["w-full",{"grid gap-6 items-start grid-cols-2":e.multiple}]),"data-wv-section":"wrapper"},[r.value.length?(d(!0),h(x,{key:0},fe(r.value,(o,s)=>{var c;return d(),h("div",{key:s,class:"flex gap-1 items-start","data-wv-section":"preview"},[U("div",{class:I(["flex flex-col gap-1 items-center",{"max-w-[80px]":e.imagePreviewSize==="medium"},{"max-w-[125px]":e.imagePreviewSize==="big"}]),"data-wv-section":"preview-image-wrapper"},[U("div",{class:I([{"[&>span]:hover:opacity-30 [&>[data-wv-section=input-image-trigger]]:hover:opacity-100":re(s)},"relative",{"w-[125px] h-[125px]":e.imagePreviewSize==="big","w-[30px] h-[30px]":e.imagePreviewSize==="small","w-[80px] h-[80px]":e.imagePreviewSize==="medium"}]),"data-wv-section":"image-wrapper"},[m(Ce,{rounded:e.rounded,size:e.imagePreviewSize,src:o,class:"transition-opacity duration-300","data-wv-section":"preview-image"},null,8,["rounded","size","src"]),re(s)?(d(),h("button",{key:0,class:I([(c=y(T))==null?void 0:c.button.class,"hover:bg-opacity-0 rounded-lg opacity-0"]),onClick:l[0]||(l[0]=i=>O(!1)),"data-wv-section":"input-image-trigger",type:"button"},[m(Y,{class:"w-6 h-6","data-wv-section":"trigger-icon",icon:"image-add",severity:"primary"})],2)):C("",!0)],2),!a.disabled&&!re(s)?(d(),h(x,{key:0},[U("div",{class:I(["flex gap-0.5 justify-center",{"scale-75":e.imagePreviewSize==="medium"}]),"data-wv-section":"preview-buttons"},[m(A,{onClick:i=>Je(s),class:"!py-0 !px-1 !h-max",icon:"pencil",label:"Edit",text:""},null,8,["onClick"]),e.useDeleteButton?(d(),F(A,{key:0,onClick:i=>Ze(s),class:"!py-0 !px-1 !h-max",icon:"delete-bin",label:"Delete",severity:"danger",text:""},null,8,["onClick"])):C("",!0)],2),m(ke,{visible:oe.value[s],"onUpdate:visible":i=>oe.value[s]=i,closable:!1,onConfirm:i=>B("delete",ne,s),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)],2),m(ee,{"custom-requirements":e.customRequirements,"show-add-button":r.value.length===1&&a.multiple,"show-info":e.showInfo,onAddPhoto:l[2]||(l[2]=i=>O(!0))},{default:$(()=>[r.value.length===2&&a.multiple?(d(),F(y(be),{key:0,modelValue:H.value,"onUpdate:modelValue":l[1]||(l[1]=i=>H.value=i),"label-id":"default-"+s,value:s,label:"Set as default"},null,8,["modelValue","label-id","value"])):C("",!0)]),_:2},1032,["custom-requirements","show-add-button","show-info"])])}),128)):(d(),h("div",$e,[U("button",{class:I([{"w-[125px] h-[125px]":e.imagePreviewSize==="big","w-[30px] h-[30px]":e.imagePreviewSize==="small","w-[80px] h-[80px]":e.imagePreviewSize==="medium"},"flex items-center justify-center","ring-inset","cursor-pointer",{"ring-1":ze.value,"ring-[0.5px]":!ze.value},{"rounded-full":e.rounded,"rounded-lg":!e.rounded},{"ring-general-400 focus-visible:ring-primary-500":!S.value&&!n.errorMessage,"ring-danger-500":S.value||n.errorMessage},{"bg-white":!a.disabled,"bg-general-50":a.disabled}]),onClick:l[3]||(l[3]=o=>O(!1)),"data-wv-section":"input-image-trigger",type:"button"},[m(Y,{class:"w-6 h-6","data-wv-section":"trigger-icon",icon:"image-add",severity:"primary"})],2),m(ee,{"custom-requirements":e.customRequirements,"show-info":e.showInfo},null,8,["custom-requirements","show-info"])]))],2),(d(),h("input",{id:e.fieldName,key:Ue.value,ref_key:"inputImageFile",ref:G,multiple:a.multiple&&!r.value.length,onChange:Ne,accept:"image/*",class:"hidden","data-wv-section":"hidden-image-input",type:"file"},null,40,Te)),e.showValidatorMessage?(d(),F(Me,{key:0,format:!1,message:n.errorMessage??k.value},null,8,["message"])):C("",!0),a.multiple?(d(),F(J,{key:1,value:H.value?"secondImage":"firstImage","field-name":"defaultImage"},null,8,["value"])):C("",!0)]),_:1},8,["class","info","label","mandatory"]),m(Be,{visible:w.value,"onUpdate:visible":l[4]||(l[4]=o=>w.value=o),draggable:!1,header:y(M).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:$(()=>[m(A,{label:y(M).cancelCropLabel,onClick:Se,"data-wv-section":"cancel-crop",severity:"secondary",text:"",type:"button"},null,8,["label"]),m(A,{label:y(M).changeImageLabel,onClick:Qe,"data-wv-section":"change-image-button",text:"",type:"button"},null,8,["label"]),m(A,{label:y(M).applyCropLabel,onClick:We,"data-wv-section":"apply-image-button",severity:"success",type:"button"},null,8,["label"])]),default:$(()=>[p.value!=null?(d(),F(y(ye),{key:0,ref_key:"vueAdvanceCropper",ref:se,"auto-zoom":!1,"background-wrapper-component":y(te),src:u.value[p.value].src,class:"upload-example-cropper h-400","foreground-class":"h-400","image-class":"h-400"},null,8,["background-wrapper-component","src"])):C("",!0)]),_:1},8,["visible","header"])],64))}})},Symbol.toStringTag,{value:"Module"})))}}});