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

package/components/filtercontainer/FilterContainer-kkw3n3tu.system.js

@@ -0,0 +1 @@
+System.register(["vue","../buttonselecttree/ButtonSelectTree-DKmPV8FD.system.js","../../vendor/vee-validate-Cc_B-qII.system.js","../../async-components/index-DvjqHrYE.system.js","../../event-bus/index-CykcrsqY.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","../../utils/object.util-uApor4uP.system.js","./helpers/applyFilter.helper-Ci22FrPF.system.js","../button/Button-D892iaxz.system.js"],function(ne,me){"use strict";var N,m,y,B,C,E,V,h,l,i,P,o,j,k,x,u,R,v,T,D,O,A,L,W,U,q,f,I,K,G,J,Q,S;return{setters:[t=>{N=t.defineComponent,m=t.ref,y=t.shallowRef,B=t.onMounted,C=t.onBeforeUnmount,E=t.watch,V=t.withDirectives,h=t.createElementBlock,l=t.openBlock,i=t.mergeProps,P=t.withModifiers,o=t.unref,j=t.createElementVNode,k=t.Fragment,x=t.renderList,u=t.createBlock,R=t.renderSlot,v=t.createVNode,T=t.vShow,D=t.withCtx},t=>{O=t.default},t=>{A=t.a},t=>{L=t.e,W=t.f,U=t.g,q=t.h},t=>{f=t.e},t=>{I=t.u},t=>{K=t.s,G=t.g},t=>{J=t.a,Q=t.b},t=>{S=t._}],execute:function(){const t={class:"flex items-end justify-end gap-2","data-wv-section":"filteractionbuttons"},se=N({inheritAttrs:!1,__name:"FilterContainer",props:{tableName:{default:"datatable"},fieldsPerRow:{default:4},fields:{},static:{type:Boolean}},emits:["apply"],setup(Z,{emit:b}){const s=Z,c=b,{locale:w}=I("FilterContainer"),{resetForm:oe,handleSubmit:re,setValues:le}=A(),g=m({}),F=m({}),$=y(),_=m(null),z=y(!1),H=y(0);B(()=>{te(),f.on("show-filter",X),f.on("data-table:updated",Y),de()}),C(()=>{f.off("show-filter",X),f.off("data-table:updated",Y)});const X=a=>{a.tableName===s.tableName&&(z.value=a.show)},Y=a=>{a.tableName===s.tableName&&($.value=a.data)},ee=async(a,n,e={})=>{if(s.static&&!a)F.value[n]=ie(n);else try{g.value[n]=!0;const r={[n]:!0,...e},d=await(a==null?void 0:a(r));d&&(F.value[n]=d)}catch(r){console.error(r)}finally{g.value[n]=!1}},ie=a=>{const n=new Set;if($.value)for(let e=0;e<$.value.length;e++){const r=G($.value[e],a);n.add(r)}return Array.from(n).map(e=>({label:e,value:e}))},te=()=>{if(_.value){const{children:a}=_.value,n=_.value.childElementCount,e=n%s.fieldsPerRow;let[r,d]=[1,1];for(const ae in Array.from({length:n})){const fe=Number(ae)===n-1;a[ae].setAttribute("style",`grid-area: ${r}/${fe&&e?s.fieldsPerRow:d}`),++d>s.fieldsPerRow&&(d=1,r++)}}},ce=()=>{oe(),H.value++},M=re(a=>{s.static?J(a,s.tableName,s.fields,c):Q(a,s.tableName,c)}),ue=(a,n)=>{var e;switch(a.type){case"rangenumber":return a.field?`${a.field}.matchMode`:`${(e=a.fields)==null?void 0:e[n]}.matchMode`;case"multiselect":case"dropdown":case"calendar":case"category":case"group":return`${a.field}.matchMode`}},pe=a=>(()=>{switch(a.type){case"rangenumber":return"BETWEEN";case"multiselect":case"category":case"group":return"IN";case"dropdown":return"EQUALS";case"calendar":return"DATE_BETWEEN"}})(),de=()=>{if(s.static){const a={};s.fields.forEach(n=>{K(a,ue(n),pe(n))}),le(a)}},p=(a,n)=>{switch(a.type){case"rangenumber":return a.field?s.static?`${a.field}.value.${n}`:`${a.field}`:s.static?`${a.fields[n]}.value`:a.fields[n];case"multiselect":case"dropdown":case"calendar":case"category":case"group":return s.static?`${a.field}.value`:`${a.field}`}};return E(()=>s.fields,te),(a,n)=>V((l(),h("form",i({ref_key:"container",ref:_},a.$preset.filtercontainer.root,{style:`grid-template-columns: repeat(${a.fieldsPerRow}, 1fr)`,onSubmit:n[0]||(n[0]=P((...e)=>o(M)&&o(M)(...e),["prevent"])),"data-wv-name":"filtercontainer"}),[(l(!0),h(k,null,x(a.fields,e=>(l(),h(k,{key:JSON.stringify(e)+H.value},[e.type=="rangenumber"?(l(),u(o(L),i({key:0,ref_for:!0},e,{mandatory:!1,"max-field-name":p(e,1),"min-field-name":p(e,0),"show-optional-text":!1,"use-validator":""}),null,16,["max-field-name","min-field-name"])):e.type=="multiselect"?(l(),u(o(W),i({key:1,ref_for:!0},e,{"field-name":p(e),loading:g.value[e.optionField??e.field],mandatory:!1,options:F.value[e.optionField??e.field],"show-optional-text":!1,onShow:r=>ee(e.fetchOptionFn,e.optionField??e.field,e.params),"option-label":"label","option-value":"value","use-validator":""}),null,16,["field-name","loading","options","onShow"])):e.type=="dropdown"?(l(),u(o(U),i({key:2,ref_for:!0},e,{"field-name":p(e),loading:g.value[e.field],mandatory:!1,options:F.value[e.optionField??e.field],"show-optional-text":!1,onShow:r=>ee(e.fetchOptionFn,e.optionField??e.field,e.params),"option-label":"label","option-value":"value","use-validator":""}),null,16,["field-name","loading","options","onShow"])):e.type==="calendar"?(l(),u(o(q),i({key:3,ref_for:!0},e,{"field-name":p(e),mandatory:!1,"show-optional-text":!1,"selection-mode":"range","use-validator":""}),null,16,["field-name"])):R(a.$slots,"field",{key:4,field:e,fieldName:p(e)})],64))),128)),j("div",t,[v(S,{label:o(w).clearFieldText,onClick:ce,"data-wv-section":"clearbutton",text:""},null,8,["label"]),v(S,{label:o(w).applyText,onClick:o(M),"data-wv-section":"applybutton",severity:"success"},null,8,["label","onClick"])])],16)),[[T,z.value]])}}),ye=ne("_",N({__name:"FilterContainer",setup(Z){return(b,s)=>(l(),u(se,i({fields:b.$attrs.fields},b.$attrs),{field:D(({field:c,fieldName:w})=>[v(O,i(c,{"field-data-key":c.fieldDataKey??"key","field-label":c.label,"field-name":w,label:c.buttonLabel,mandatory:!1,params:c.params,"show-optional-text":!1,"use-validator":""}),null,16,["field-data-key","field-label","field-name","label","params"])]),_:1},16,["fields"]))}}))}}});

package/components/filtercontainer/helpers/applyFilter.helper-Ci22FrPF.system.js

@@ -0,0 +1 @@
+System.register(["../../../event-bus/index-CykcrsqY.system.js","../../../utils/object.util-uApor4uP.system.js"],function(u,d){"use strict";var n,p;return{setters:[o=>{n=o.e},o=>{p=o.g}],execute:function(){const o=e=>{if(Array.isArray(e)){const[i,l]=e;return[new Date(i).setHours(0,0,0),new Date(l??i).setHours(23,59,59)]}},h=u("b",(e,i,l)=>{const y=Object.keys(e),a={};n.emit("multi-select:hide-overlay"),y.forEach(t=>{var f;const r=Array.isArray(e[t]),A=typeof e[t]=="string",s=r?(f=e[t])==null?void 0:f.filter(g=>g!=null):e[t];if((s!=null&&!r||r&&s.length)&&!A){if(Array.isArray(s)&&s.every(c=>typeof c=="number"&&c>9466848e5&&!isNaN(new Date(c).getTime()))){a[t]=JSON.stringify(o(s));return}a[t]=s!=null&&s.length?JSON.stringify(e[t]):JSON.stringify(s)}else a[t]=e[t]}),n.emit("data-table:apply-filter",{tableName:i,filter:a}),n.emit("data-table:clear-selected-data",{tableName:i}),l==null||l("apply",a)}),m=u("a",(e,i,l,y)=>{const a={};n.emit("multi-select:hide-overlay"),l.forEach(t=>{if("field"in t){const r=p(e,t.field);"value"in r&&r.value!=null&&(a[t.field]=r,"matchMode"in r&&r.matchMode=="DATE_BETWEEN"&&(a[t.field].value=o(r.value)),Array.isArray(r.value)&&!r.value.filter(Boolean).length&&delete a[t.field])}}),n.emit("data-table:apply-filter",{tableName:i,filter:a}),n.emit("data-table:clear-selected-data",{tableName:i}),y==null||y("apply",a)})}}});

package/components/filtercontainer/helpers/applyFilter.helper-DpVdjYBr.es.js

@@ -0,0 +1,56 @@
+import { e as n } from "../../../event-bus/index-PQwO5T6B.es.js";
+import { g } from "../../../utils/object.util-6veM2gu5.es.js";
+const f = (e) => {
+  if (Array.isArray(e)) {
+    const [s, l] = e;
+    return [
+      new Date(s).setHours(0, 0, 0),
+      new Date(l ?? s).setHours(23, 59, 59)
+    ];
+  }
+}, d = (e, s, l) => {
+  const o = Object.keys(e), a = {};
+  n.emit("multi-select:hide-overlay"), o.forEach((t) => {
+    var c;
+    const r = Array.isArray(e[t]), A = typeof e[t] == "string", i = r ? (c = e[t]) == null ? void 0 : c.filter((p) => p != null) : e[t];
+    if ((i != null && !r || r && i.length) && !A) {
+      if (Array.isArray(i) && i.every(
+        (y) => typeof y == "number" && y > 9466848e5 && // Greater than 2000-01-01 00:00:00 UTC (milliseconds)
+        !isNaN(new Date(y).getTime())
+        // Converts to a valid date
+      )) {
+        a[t] = JSON.stringify(
+          // Adjust the end range time to 23.59.59 and the start to 00.00.00 to fix filtering issue when user only select a date
+          f(i)
+        );
+        return;
+      }
+      a[t] = i != null && i.length ? JSON.stringify(e[t]) : JSON.stringify(i);
+    } else
+      a[t] = e[t];
+  }), n.emit("data-table:apply-filter", {
+    tableName: s,
+    filter: a
+  }), n.emit("data-table:clear-selected-data", {
+    tableName: s
+  }), l == null || l("apply", a);
+}, m = (e, s, l, o) => {
+  const a = {};
+  n.emit("multi-select:hide-overlay"), l.forEach((t) => {
+    if ("field" in t) {
+      const r = g(e, t.field);
+      "value" in r && r.value != null && (a[t.field] = r, "matchMode" in r && r.matchMode == "DATE_BETWEEN" && (a[t.field].value = f(
+        r.value
+      )), Array.isArray(r.value) && !r.value.filter(Boolean).length && delete a[t.field]);
+    }
+  }), n.emit("data-table:apply-filter", {
+    tableName: s,
+    filter: a
+  }), n.emit("data-table:clear-selected-data", {
+    tableName: s
+  }), o == null || o("apply", a);
+};
+export {
+  m as a,
+  d as b
+};

package/components/form/Form-By85t_oI.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/vee-validate-Cc_B-qII.system.js","../../async-components/index-DvjqHrYE.system.js","../button/Button-D892iaxz.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js"],function(ce,ge){"use strict";var E,M,b,T,i,N,B,r,s,l,R,m,u,A,V,C,W,O,H,p,z,D,y,q;return{setters:[e=>{E=e.defineComponent,M=e.onMounted,b=e.ref,T=e.inject,i=e.shallowRef,N=e.provide,B=e.createElementBlock,r=e.openBlock,s=e.mergeProps,l=e.unref,R=e.withModifiers,m=e.createElementVNode,u=e.createCommentVNode,A=e.renderSlot,V=e.normalizeProps,C=e.createVNode,W=e.withDirectives,O=e.vShow,H=e.guardReactiveProps,p=e.createBlock},e=>{z=e.a},e=>{D=e.C},e=>{y=e._},e=>{q=e._}],execute:function(){const e=ce("default",E({__name:"Form",props:{buttonsTemplate:{},disableSubmit:{type:Boolean},cancelBtnLabel:{default:"Batal"},clearBtnLabel:{default:"Bersihkan Field"},columnPerRow:{},hideFooter:{type:Boolean},hideStayCheckbox:{type:Boolean},invalid:{type:Boolean},resetAfterSubmit:{type:Boolean,default:!0},saveBtnLabel:{default:"Simpan"},submitBtnLabel:{default:"Simpan"},stayCheckboxLabel:{default:"Tetap di halaman ini"},validatorMessage:{default:"Please input all required field!"},validateOnSave:{type:Boolean,default:!1},cancelBtnSeverity:{default:"secondary"},saveBtnSeverity:{default:"success"},submitBtnSeverity:{default:"success"}},emits:["cancel","clear","save","submit"],setup(fe,{expose:ve,emit:de}){const o=fe,g=de;M(()=>{if($.value){const t=o.columnPerRow??1;$.value.style.gridTemplateColumns=`repeat(${t}, minmax(0, 1fr))`,x()}});const n=T("preset",{}).form,{handleSubmit:be,values:w,resetForm:I,errors:me,resetField:pe,setValues:ye,setFieldValue:ke,setErrors:Se}=z(),k=i(!1),K=b(),c=i(!1),U=i(!1),F=i(0),L=b(),v=i(!1),P=i(!1),$=b(null),j=b(null);N("isSubmitting",v);const x=()=>{var t;if(L.value){const a=(t=L.value)==null?void 0:t.offsetHeight;j.value&&(j.value.style.height=`calc(100% + ${a+20}px)`)}},G=()=>{v.value=!0,U.value||(c.value=!0)},J=()=>{v.value=!0,P.value=!0,o.validateOnSave?(U.value||(c.value=!0),h()):Be()},h=be(t=>{if(!o.invalid){const a=X(t),f={stayAfterSubmit:k.value,formValues:a};P.value?g("save",f):g("submit",f),c.value=!1,P.value=!1,o.resetAfterSubmit&&(F.value+=1,I())}v.value=!1},()=>{v.value=!1}),Be=()=>{const t=X(w),a={stayAfterSubmit:k.value,formValues:t};g("save",a),v.value=!1},Q=()=>{I(),F.value++,g("clear"),c.value=!1},X=t=>{const a=t,f=Object.keys(a);for(const d of f)typeof a[d]=="string"&&(a[d]=a[d].trim());return a};return ve({stayAfterSubmit:k,submit:h,onSubmitClicked:G,onSaveClicked:J,showValidator:c,formElement:K,clearField:Q,resetField:pe,errors:me,setOuterFieldsWrapperHeight:x,setValues:ye,setFieldValue:ke,setErrors:Se,values:w}),(t,a)=>{var f,d,Y,Z,_,ee,te,ae,le,se,ne,oe,re,ie,ue;return r(),B("form",s({ref_key:"formElement",ref:K},(f=l(n))==null?void 0:f.root({props:o}),{onInput:a[2]||(a[2]=S=>c.value=!1),onSubmit:a[3]||(a[3]=R((...S)=>l(h)&&l(h)(...S),["prevent"]))}),[m("div",{ref_key:"outerFieldsWrapper",ref:j},[m("div",s({ref_key:"fieldsWrapper",ref:$},(d=l(n))==null?void 0:d["fields-wrapper"]),[A(t.$slots,"fields",{key:F.value,formValues:l(w)})],16)],512),t.hideFooter?u("",!0):(r(),B("div",s({key:0,ref_key:"footer",ref:L},(Y=l(n))==null?void 0:Y.footer),[t.hideStayCheckbox?u("",!0):(r(),B("div",V(s({key:0},(Z=l(n))==null?void 0:Z.staycheckbox)),[C(l(D),{modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=S=>k.value=S),label:t.stayCheckboxLabel},null,8,["modelValue","label"])],16)),m("div",s({id:"footer-actions-wrapper"},(_=l(n))==null?void 0:_["action-buttons"]),[W(C(q,s((ee=l(n))==null?void 0:ee["validator-message"],{message:t.validatorMessage}),null,16,["message"]),[[O,c.value||o.invalid]]),m("div",V(H((te=l(n))==null?void 0:te["button-wrapper"])),[(ae=o.buttonsTemplate)!=null&&ae.includes("cancel")?(r(),p(y,s({key:0},(le=l(n))==null?void 0:le["cancel-button"],{label:t.cancelBtnLabel,severity:t.cancelBtnSeverity,onClick:a[1]||(a[1]=S=>t.$emit("cancel")),"data-test":"cancel-button",text:"",type:"button"}),null,16,["label","severity"])):u("",!0),(se=o.buttonsTemplate)!=null&&se.includes("clear")?(r(),p(y,s({key:1},(ne=l(n))==null?void 0:ne["clear-button"],{label:t.clearBtnLabel,onClick:Q,text:"",type:"button"}),null,16,["label"])):u("",!0),(oe=o.buttonsTemplate)!=null&&oe.includes("save")?(r(),p(y,s({key:2},(re=l(n))==null?void 0:re["save-button"],{label:t.saveBtnLabel,severity:t.saveBtnSeverity,onClick:J,outlined:"",type:"button"}),null,16,["label","severity"])):u("",!0),(ie=o.buttonsTemplate)!=null&&ie.includes("submit")?(r(),p(y,s({key:3},(ue=l(n))==null?void 0:ue["submit-button"],{disabled:t.disableSubmit,label:t.submitBtnLabel,severity:t.submitBtnSeverity,onClick:G,type:"submit"}),null,16,["disabled","label","severity"])):u("",!0)],16)],16)],16))],16)}}}))}}});

package/components/form/{Form-eSj-nb1y.es.js → Form-DhWBpdkq.es.js}

@@ -1,9 +1,9 @@
-import { defineComponent as ne, onMounted as ie, ref as y, inject as ue, shallowRef as m, provide as fe, createElementBlock as L, openBlock as i, mergeProps as o, unref as a, withModifiers as me, createElementVNode as k, createCommentVNode as d, renderSlot as de, normalizeProps as X, createVNode as Y, withDirectives as ve, vShow as ce, guardReactiveProps as be, createBlock as S } from "vue";
+import { defineComponent as ne, onMounted as ie, ref as y, inject as ue, shallowRef as d, provide as fe, createElementBlock as L, openBlock as i, mergeProps as o, unref as l, withModifiers as de, createElementVNode as k, createCommentVNode as m, renderSlot as me, normalizeProps as X, createVNode as Y, withDirectives as ve, vShow as ce, guardReactiveProps as be, createBlock as S } from "vue";
 import { a as pe } from "../../vendor/vee-validate-RE5RuswC.es.js";
-import { _ as B } from "../button/Button-D-MSv_AS.es.js";
-import { _ as ye } from "../checkbox/Checkbox-DdsR222S.es.js";
+import { C as ye } from "../../async-components/index-C8nb7p3T.es.js";
+import { _ as B } from "../button/Button-CgkhMnxo.es.js";
 import { _ as ke } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
-const Ce = /* @__PURE__ */ ne({
+const ge = /* @__PURE__ */ ne({
   __name: "Form",
   props: {
     buttonsTemplate: {},
@@ -33,27 +33,27 @@ const Ce = /* @__PURE__ */ ne({
         F.value.style.gridTemplateColumns = `repeat(${e}, minmax(0, 1fr))`, A();
       }
     });
-    const l = ue("preset", {}).form, {
+    const a = ue("preset", {}).form, {
       handleSubmit: ee,
-      values: V,
+      values: C,
       resetForm: $,
       errors: te,
-      resetField: ae,
-      setValues: le,
+      resetField: le,
+      setValues: ae,
       setFieldValue: se,
       setErrors: oe
-    } = pe(), v = m(!1), P = y(), r = m(!1), T = m(!1), g = m(0), h = y(), u = m(!1), C = m(!1), F = y(null), w = y(null);
+    } = pe(), v = d(!1), P = y(), r = d(!1), T = d(!1), h = d(0), V = y(), u = d(!1), g = d(!1), F = y(null), w = y(null);
     fe("isSubmitting", u);
     const A = () => {
       var e;
-      if (h.value) {
-        const t = (e = h.value) == null ? void 0 : e.offsetHeight;
+      if (V.value) {
+        const t = (e = V.value) == null ? void 0 : e.offsetHeight;
         w.value && (w.value.style.height = `calc(100% + ${t + 20}px)`);
       }
     }, E = () => {
       u.value = !0, T.value || (r.value = !0);
     }, W = () => {
-      u.value = !0, C.value = !0, s.validateOnSave ? (T.value || (r.value = !0), p()) : re();
+      u.value = !0, g.value = !0, s.validateOnSave ? (T.value || (r.value = !0), p()) : re();
     }, p = ee(
       (e) => {
         if (!s.invalid) {
@@ -61,7 +61,7 @@ const Ce = /* @__PURE__ */ ne({
             stayAfterSubmit: v.value,
             formValues: t
           };
-          C.value ? b("save", n) : b("submit", n), r.value = !1, C.value = !1, s.resetAfterSubmit && (g.value += 1, $());
+          g.value ? b("save", n) : b("submit", n), r.value = !1, g.value = !1, s.resetAfterSubmit && (h.value += 1, $());
         }
         u.value = !1;
       },
@@ -69,13 +69,13 @@ const Ce = /* @__PURE__ */ ne({
         u.value = !1;
       }
     ), re = () => {
-      const e = O(V), t = {
+      const e = O(C), t = {
         stayAfterSubmit: v.value,
         formValues: e
       };
       b("save", t), u.value = !1;
     }, M = () => {
-      $(), g.value++, b("clear"), r.value = !1;
+      $(), h.value++, b("clear"), r.value = !1;
     }, O = (e) => {
       const t = e, n = Object.keys(t);
       for (const f of n)
@@ -90,23 +90,23 @@ const Ce = /* @__PURE__ */ ne({
       showValidator: r,
       formElement: P,
       clearField: M,
-      resetField: ae,
+      resetField: le,
       errors: te,
       setOuterFieldsWrapperHeight: A,
-      setValues: le,
+      setValues: ae,
       setFieldValue: se,
       setErrors: oe,
-      values: V
+      values: C
     }), (e, t) => {
       var n, f, R, H, N, j, q, z, D, I, K, U, G, J, Q;
       return i(), L("form", o({
         ref_key: "formElement",
         ref: P
-      }, (n = a(l)) == null ? void 0 : n.root({ props: s }), {
+      }, (n = l(a)) == null ? void 0 : n.root({ props: s }), {
         onInput: t[2] || (t[2] = (c) => r.value = !1),
-        onSubmit: t[3] || (t[3] = me(
+        onSubmit: t[3] || (t[3] = de(
           //@ts-ignore
-          (...c) => a(p) && a(p)(...c),
+          (...c) => l(p) && l(p)(...c),
           ["prevent"]
         ))
       }), [
@@ -117,58 +117,58 @@ const Ce = /* @__PURE__ */ ne({
           k("div", o({
             ref_key: "fieldsWrapper",
             ref: F
-          }, (f = a(l)) == null ? void 0 : f["fields-wrapper"]), [
-            de(e.$slots, "fields", {
-              key: g.value,
-              formValues: a(V)
+          }, (f = l(a)) == null ? void 0 : f["fields-wrapper"]), [
+            me(e.$slots, "fields", {
+              key: h.value,
+              formValues: l(C)
             })
           ], 16)
         ], 512),
-        e.hideFooter ? d("", !0) : (i(), L("div", o({
+        e.hideFooter ? m("", !0) : (i(), L("div", o({
           key: 0,
           ref_key: "footer",
-          ref: h
-        }, (R = a(l)) == null ? void 0 : R.footer), [
-          e.hideStayCheckbox ? d("", !0) : (i(), L("div", X(o({ key: 0 }, (H = a(l)) == null ? void 0 : H.staycheckbox)), [
-            Y(ye, {
+          ref: V
+        }, (R = l(a)) == null ? void 0 : R.footer), [
+          e.hideStayCheckbox ? m("", !0) : (i(), L("div", X(o({ key: 0 }, (H = l(a)) == null ? void 0 : H.staycheckbox)), [
+            Y(l(ye), {
               modelValue: v.value,
               "onUpdate:modelValue": t[0] || (t[0] = (c) => v.value = c),
               label: e.stayCheckboxLabel
             }, null, 8, ["modelValue", "label"])
           ], 16)),
-          k("div", o({ id: "footer-actions-wrapper" }, (N = a(l)) == null ? void 0 : N["action-buttons"]), [
-            ve(Y(ke, o((j = a(l)) == null ? void 0 : j["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
+          k("div", o({ id: "footer-actions-wrapper" }, (N = l(a)) == null ? void 0 : N["action-buttons"]), [
+            ve(Y(ke, o((j = l(a)) == null ? void 0 : j["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
               [ce, r.value || s.invalid]
             ]),
-            k("div", X(be((q = a(l)) == null ? void 0 : q["button-wrapper"])), [
-              (z = s.buttonsTemplate) != null && z.includes("cancel") ? (i(), S(B, o({ key: 0 }, (D = a(l)) == null ? void 0 : D["cancel-button"], {
+            k("div", X(be((q = l(a)) == null ? void 0 : q["button-wrapper"])), [
+              (z = s.buttonsTemplate) != null && z.includes("cancel") ? (i(), S(B, o({ key: 0 }, (D = l(a)) == null ? void 0 : D["cancel-button"], {
                 label: e.cancelBtnLabel,
                 severity: e.cancelBtnSeverity,
                 onClick: t[1] || (t[1] = (c) => e.$emit("cancel")),
                 "data-test": "cancel-button",
                 text: "",
                 type: "button"
-              }), null, 16, ["label", "severity"])) : d("", !0),
-              (I = s.buttonsTemplate) != null && I.includes("clear") ? (i(), S(B, o({ key: 1 }, (K = a(l)) == null ? void 0 : K["clear-button"], {
+              }), null, 16, ["label", "severity"])) : m("", !0),
+              (I = s.buttonsTemplate) != null && I.includes("clear") ? (i(), S(B, o({ key: 1 }, (K = l(a)) == null ? void 0 : K["clear-button"], {
                 label: e.clearBtnLabel,
                 onClick: M,
                 text: "",
                 type: "button"
-              }), null, 16, ["label"])) : d("", !0),
-              (U = s.buttonsTemplate) != null && U.includes("save") ? (i(), S(B, o({ key: 2 }, (G = a(l)) == null ? void 0 : G["save-button"], {
+              }), null, 16, ["label"])) : m("", !0),
+              (U = s.buttonsTemplate) != null && U.includes("save") ? (i(), S(B, o({ key: 2 }, (G = l(a)) == null ? void 0 : G["save-button"], {
                 label: e.saveBtnLabel,
                 severity: e.saveBtnSeverity,
                 onClick: W,
                 outlined: "",
                 type: "button"
-              }), null, 16, ["label", "severity"])) : d("", !0),
-              (J = s.buttonsTemplate) != null && J.includes("submit") ? (i(), S(B, o({ key: 3 }, (Q = a(l)) == null ? void 0 : Q["submit-button"], {
+              }), null, 16, ["label", "severity"])) : m("", !0),
+              (J = s.buttonsTemplate) != null && J.includes("submit") ? (i(), S(B, o({ key: 3 }, (Q = l(a)) == null ? void 0 : Q["submit-button"], {
                 disabled: e.disableSubmit,
                 label: e.submitBtnLabel,
                 severity: e.submitBtnSeverity,
                 onClick: E,
                 type: "submit"
-              }), null, 16, ["disabled", "label", "severity"])) : d("", !0)
+              }), null, 16, ["disabled", "label", "severity"])) : m("", !0)
             ], 16)
           ], 16)
         ], 16))
@@ -177,5 +177,5 @@ const Ce = /* @__PURE__ */ ne({
   }
 });
 export {
-  Ce as _
+  ge as default
 };

package/components/hardwaresync/{HardwareSync-DUsVwHx1.es.js → HardwareSync-BckCfIeF.es.js}

@@ -1,12 +1,14 @@
 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 "../assetinfo/AssetInfo-CmwgOU74.es.js";
-import { u as oe, W as re, g as ie } from "../buttonscan/ButtonScan-BCScT2cx.es.js";
-import { _ } from "../button/Button-D-MSv_AS.es.js";
-import { _ as ce } from "../dialog/Dialog-Dy93f91f.es.js";
-import { _ as $ } from "../dropdown/Dropdown-D4S52rW5.es.js";
-import { _ as ue } from "../icon/Icon-mDqG7urn.es.js";
-import { _ as ve } from "../inlinemessage/InlineMessage-CBZT3jWS.es.js";
-const De = /* @__PURE__ */ G({
+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 },
@@ -22,7 +24,7 @@ const De = /* @__PURE__ */ G({
       O();
     });
     const {
-      device: C,
+      device: _,
       devices: I,
       saveDevices: U,
       setDevice: Q,
@@ -58,7 +60,7 @@ const De = /* @__PURE__ */ G({
         );
         l.value = e ? l.value : p.value[0] ?? i, r.value = a ? r.value : f.value[0] ?? i, N();
       } catch (e) {
-        c.value = h(ie(e));
+        c.value = h(re(e));
       } finally {
         v.value = !1;
       }
@@ -98,9 +100,9 @@ const De = /* @__PURE__ */ G({
         QR: r.value.device
       });
     }, O = () => {
-      z(), C.value.RFID ? l.value = {
-        label: C.value.RFID.name,
-        device: C.value.RFID
+      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");
@@ -119,7 +121,7 @@ const De = /* @__PURE__ */ G({
         userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id
       });
     }, q = () => {
-      window.scannerWorker ?? (window.scannerWorker = new re());
+      window.scannerWorker ?? (window.scannerWorker = new ie());
     };
     return ee(
       () => o.visible,
@@ -142,7 +144,7 @@ const De = /* @__PURE__ */ G({
       modal: ""
     }, ae({
       footer: E(() => [
-        D.value ? (m(), g(_, {
+        D.value ? (m(), g(C, {
           key: 0,
           onClick: e[2] || (e[2] = (a) => n.$emit("update:visible", !1)),
           label: "Close",
@@ -150,13 +152,13 @@ const De = /* @__PURE__ */ G({
           text: ""
         })) : b("", !0),
         w.value ? b("", !0) : (m(), ne(te, { key: 1 }, [
-          H.value && !o.withoutScanBtn ? (m(), g(_, {
+          H.value && !o.withoutScanBtn ? (m(), g(C, {
             key: 0,
             onClick: F,
             icon: "rfid",
             label: "Scan RFID"
           })) : b("", !0),
-          Y.value && !o.withoutScanBtn ? (m(), g(_, {
+          Y.value && !o.withoutScanBtn ? (m(), g(C, {
             key: 1,
             onClick: F,
             icon: "qr",
@@ -175,7 +177,7 @@ const De = /* @__PURE__ */ G({
           "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
           severity: "danger"
         }, null, 8, ["message", "title"])) : b("", !0),
-        R(_, {
+        R(C, {
           disabled: w.value,
           loading: v.value,
           onClick: Z,
@@ -232,5 +234,5 @@ const De = /* @__PURE__ */ G({
   }
 });
 export {
-  De as _
+  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-mDqG7urn.es.js → Icon-C4kXVcEX.es.js}

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as d, resolveDirective as v, createElementBlock as t, openBlock as o, Fragment as f, withDirectives as i, createCommentVNode as n, mergeProps as l } from "vue";
+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: {
@@ -31,8 +31,8 @@ const $ = /* @__PURE__ */ c({
       "cursor-pointer shink-0"
     ]);
     return (e, m) => {
-      const r = v("tooltip");
-      return o(), t(f, null, [
+      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)), [
@@ -78,5 +78,5 @@ const $ = /* @__PURE__ */ c({
   }
 });
 export {
-  $ as _
+  $ 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-BZ31CL-y.es.js → Image-Bf5EaBWP.es.js}

@@ -1,9 +1,10 @@
-import { defineComponent as j, computed as p, onMounted as G, onUnmounted as M, shallowRef as f, createBlock as W, openBlock as n, 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-CadmDhWp.es.js";
-import { u as K, m as Q } from "../animation/Animation-COWVilAA.es.js";
-import { _ as F } from "../button/Button-D-MSv_AS.es.js";
-import { _ as X } from "../icon/Icon-mDqG7urn.es.js";
-const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @__PURE__ */ j({
+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: {},
@@ -56,7 +57,7 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
       var t, l, a, g;
       const e = u.value;
       if (typeof e == "string") {
-        const s = (l = (t = c.value).getImageURL) == null ? void 0 : l.call(t, "preview"), i = s && !(s != null && s.includes("undefined")) ? new URL(s).origin : "", R = i && e.includes(i);
+        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);
       }
@@ -74,7 +75,7 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
     };
     return (e, t) => {
       var l;
-      return n(), W(q(J), I(e.$props, {
+      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 }) }
       }), {
@@ -94,16 +95,16 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
         preview: b((a) => {
           var g;
           return [
-            (g = e.galleries) != null && g.length ? (n(), m(_, { key: 1 }, [
-              (n(!0), m(_, null, T(e.galleries, ({ src: s }, i) => A((n(), m("img", {
-                key: i,
+            (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(s),
+                src: B(i),
                 style: k(a.style),
                 alt: "",
                 "data-wv-section": "image-gallery"
               }, null, 12, ee)), [
-                [H, i === o.value]
+                [H, n === o.value]
               ])), 128)),
               U("div", {
                 onClick: t[0] || (t[0] = D(() => {
@@ -124,16 +125,16 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
                   severity: "secondary",
                   text: ""
                 }),
-                (n(!0), m(_, null, T(e.galleries, ({ src: s }, i) => (n(), m("img", {
-                  key: i,
+                (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 == i }
+                    { "!opacity-100": o.value == n }
                   ]),
                   onerror: d,
-                  src: B(s),
+                  src: B(i),
                   style: k(a.style),
-                  onClick: D((R) => y(i), ["stop"]),
+                  onClick: D((R) => y(n), ["stop"]),
                   alt: "",
                   "data-wv-section": "thumbnail-image"
                 }, null, 14, te))), 128)),
@@ -150,7 +151,7 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
                   text: ""
                 })
               ])
-            ], 64)) : (n(), m("img", {
+            ], 64)) : (s(), m("img", {
               key: 0,
               onerror: d,
               src: V.value,
@@ -165,5 +166,5 @@ const Y = ["src"], Z = ["src"], ee = ["src"], te = ["src", "onClick"], ie = /* @
   }
 });
 export {
-  ie as _
+  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
+};