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

package/buttonbulkaction/index.es.js

@@ -1,19 +1,20 @@
-import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as u, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
+import { defineComponent as x, onMounted as ee, onUnmounted as te, ref as R, shallowRef as k, computed as H, watch as j, withDirectives as y, createElementBlock as h, openBlock as u, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as le, withCtx as V, normalizeClass as ae, vShow as $, createElementVNode as oe, normalizeProps as ne, guardReactiveProps as se, toDisplayString as P, createTextVNode as G, nextTick as ie } from "vue";
 import { e as c } from "../event-bus/index.es.js";
-import { u as se } from "../plugins/WangsVue.es.js";
-import { m as ie } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as ue } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { u as ue } from "../plugins/basei18n.es.js";
+import { u as re } from "../plugins/WangsVue.es.js";
+import { m as ce } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as de } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
 import { _ as A } from "../button/index.es.js";
-import { _ as re } from "../icon/index.es.js";
-import { _ as ce } from "../menu/index.es.js";
-import { _ as de } from "../menuitem/index.es.js";
-const pe = (D, N) => {
+import { _ as pe } from "../icon/index.es.js";
+import { _ as me } from "../menu/index.es.js";
+import { _ as be } from "../menuitem/index.es.js";
+const fe = (D, N) => {
   const l = {
     label: N,
     disabled: !0
   }, g = D.filter((d) => d.visible !== !1);
   return g.length ? g : [l];
-}, $e = /* @__PURE__ */ Y({
+}, Be = /* @__PURE__ */ x({
   __name: "ButtonBulkAction",
   props: {
     disabled: { type: Boolean },
@@ -26,39 +27,42 @@ const pe = (D, N) => {
   },
   emits: ["apply", "update:selectedData"],
   setup(D, { emit: N }) {
-    const l = D, { defaultProps: g, locale: d } = se("ButtonBulkAction"), p = ie(l, g), B = N;
-    Z(() => {
-      window.addEventListener("disableBulkAction", O), c.on("data-table:update-selected-data", L), c.on("data-table:update-total-record", z);
-    }), I(() => {
-      window.removeEventListener("disableBulkAction", O), c.off("data-table:update-total-record", L), c.off("data-table:update-selected-data", z);
+    const l = D, { defaultProps: g, locale: d } = re("ButtonBulkAction"), p = ce(l, g), { t: J } = ue(), B = N;
+    ee(() => {
+      window.addEventListener("disableBulkAction", L), c.on("data-table:update-selected-data", _), c.on("data-table:update-total-record", U);
+    }), te(() => {
+      window.removeEventListener("disableBulkAction", L), c.off("data-table:update-total-record", _), c.off("data-table:update-selected-data", U);
     });
-    const S = R(), _ = R(), n = k(), m = k(0), C = k(!1), M = k(!1), i = R(l.selectedData), j = x(
+    const S = R(), O = R(), n = k(), m = k(0), C = k(!1), M = k(!1), i = R(l.selectedData), K = H(
       () => {
         var e;
         return ((e = i.value) == null ? void 0 : e.length) && !M.value && m.value > 0;
       }
-    ), G = () => {
+    ), z = H(() => l.options.map((e) => ({
+      ...e,
+      label: J(e.label)
+    }))), Q = () => {
       window.dispatchEvent(
         new CustomEvent("fetchAllData", { detail: l.tableName })
       ), c.emit("data-table:select-all-record", { tableName: l.tableName });
-    }, J = () => {
+    }, X = () => {
       B("update:selectedData", []), c.emit("data-table:clear-selected-data", {
         tableName: l.tableName
       });
-    }, O = (e) => {
+    }, L = (e) => {
       l.tableName === e.detail.tableName && (M.value = e.detail.value);
-    }, K = (e) => {
+    }, Y = (e) => {
       var t;
       (t = S.value) == null || t.toggle(e);
-    }, z = (e) => {
+    }, U = (e) => {
       l.tableName === (e == null ? void 0 : e.tableName) && (m.value = e == null ? void 0 : e.total);
-    }, L = (e) => {
+    }, _ = (e) => {
       e.tableName === l.tableName && (i.value = e.data, B("update:selectedData", e.data ?? []));
-    }, Q = async (e) => {
+    }, Z = async (e) => {
       var t, s;
       if (e.useAdditionSlot) {
-        n.value = e, await ne();
-        const r = (t = _.value) == null ? void 0 : t.children[1], a = r == null ? void 0 : r.querySelector(
+        n.value = e, await ie();
+        const r = (t = O.value) == null ? void 0 : t.children[1], a = r == null ? void 0 : r.querySelector(
           "input"
         );
         a && (a == null || a.click(), a == null || a.focus());
@@ -66,59 +70,59 @@ const pe = (D, N) => {
         originalEvent: void 0,
         item: e
       }), (s = S.value) == null || s.hide(), n.value = void 0) : e.url ? window.open(e.url, e.target) : e.route && window.history.pushState(void 0, "", e.route);
-    }, X = (e) => {
+    }, I = (e) => {
       var t, s;
       (s = (t = n.value) == null ? void 0 : t.command) == null || s.call(t, {
         originalEvent: e,
         item: n.value
       }), n.value = void 0, B("apply");
     };
-    return F(
+    return j(
       [i, m],
       ([e, t]) => {
         e != null && e.length || (n.value = void 0), C.value = (e == null ? void 0 : e.length) === t;
       },
       { deep: !0 }
-    ), F(
+    ), j(
       () => l.totalRecords,
       (e) => m.value = e ?? 0,
       { immediate: !0 }
     ), (e, t) => {
-      var s, r, a, U, W, q;
+      var s, r, a, W, q, F;
       return y((u(), h("div", f(e.$preset.buttonbulkaction.root, {
         ref_key: "wrapper",
-        ref: _
+        ref: O
       }), [
-        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (u(), E(ce, {
+        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (u(), E(me, {
           key: 0,
           ref_key: "menu",
           ref: S,
-          model: e.options,
+          model: z.value,
           popup: ""
         }, null, 8, ["model"])) : w("", !0),
         o(p).selectMenuType === "dropdown" ? (u(), h(T, { key: 1 }, [
-          (r = e.selectedData) != null && r.length ? (u(), E(o(ue), {
+          (r = e.selectedData) != null && r.length ? (u(), E(o(de), {
             key: 0,
             disabled: l.disabled || M.value || !((a = e.selectedData) != null && a.length),
             "model-value": n.value,
-            options: o(pe)(
-              e.options,
+            options: o(fe)(
+              z.value,
               e.$wangsvue.config.locale.components.Menu.noOptionLabel
             ),
+            placeholder: e.$t("Bulk Action"),
             pt: e.$preset.buttonbulkaction.dropdownmenu,
-            "onUpdate:modelValue": t[0] || (t[0] = (b) => Q(b)),
+            "onUpdate:modelValue": t[0] || (t[0] = (b) => Z(b)),
             "option-label": "label",
-            outlined: "",
-            placeholder: "Bulk Action"
+            outlined: ""
           }, {
             dropdownicon: V(({ class: b }) => [
-              v(re, {
-                class: te([b]),
+              v(pe, {
+                class: ae([b]),
                 icon: "arrow-down"
               }, null, 8, ["class"])
             ]),
             option: V(({ option: b }) => [
-              v(de, {
+              v(be, {
                 item: b,
                 "router-props": {
                   action: e.$preset.menu.action,
@@ -128,20 +132,22 @@ const pe = (D, N) => {
               }, null, 8, ["item", "router-props"])
             ]),
             _: 1
-          }, 8, ["disabled", "model-value", "options", "pt"])) : w("", !0),
-          ee(e.$slots, "addition", { selectedOption: n.value }),
-          y(v(A, f({ onClick: X }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
-            [$, (U = n.value) == null ? void 0 : U.useAdditionSlot]
+          }, 8, ["disabled", "model-value", "options", "placeholder", "pt"])) : w("", !0),
+          le(e.$slots, "addition", { selectedOption: n.value }),
+          y(v(A, f({ onClick: I }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
+            [$, (W = n.value) == null ? void 0 : W.useAdditionSlot]
           ])
         ], 64)) : w("", !0),
-        y(le("span", ae(oe(e.$preset.buttonbulkaction.selectionmessage)), P(o(d).currentSelectionMessage.replace(
-          "{length} {naming}",
-          `${i.value.length.toString()} ${o(p).naming}`
+        y(oe("span", ne(se(e.$preset.buttonbulkaction.selectionmessage)), P(e.$t(
+          o(d).currentSelectionMessage.replace(
+            "{length} {naming}",
+            `${i.value.length.toString()} ${o(p).naming}`
+          )
         )), 17), [
-          [$, (W = i.value) == null ? void 0 : W.length]
+          [$, (q = i.value) == null ? void 0 : q.length]
         ]),
         y(v(A, f(
-          { onClick: G },
+          { onClick: Q },
           e.$preset.buttonbulkaction.buttonselectall({
             context: { selectedAll: C.value }
           }),
@@ -149,39 +155,41 @@ const pe = (D, N) => {
         ), {
           default: V(() => [
             C.value ? (u(), h(T, { key: 1 }, [
-              H(P(o(d).allRecordSelected.replace("{naming}", o(p).naming)), 1)
+              G(P(e.$t(o(d).allRecordSelected.replace("{naming}", o(p).naming))), 1)
             ], 64)) : (u(), h(T, { key: 0 }, [
-              H(P(o(d).selectAllRecords.replace(
-                "{totalRecords}",
-                m.value.toString()
+              G(P(e.$t(
+                o(d).selectAllRecords.replace(
+                  "{totalRecords}",
+                  m.value.toString()
+                )
               )), 1)
             ], 64))
           ]),
           _: 1
         }, 16), [
-          [$, j.value]
+          [$, K.value]
         ]),
         o(p).selectMenuType === "overlay-panel" ? (u(), E(A, f({
           key: 2,
-          onClick: K
+          onClick: Y
         }, e.$preset.buttonbulkaction.bulkactiontoggle, {
           icon: "ellipsis-h",
           outlined: "",
           severity: "secondary",
           size: "small"
         }), null, 16)) : w("", !0),
-        v(A, f({ onClick: J }, e.$preset.buttonbulkaction.buttonclearselection, {
+        v(A, f({ onClick: X }, e.$preset.buttonbulkaction.buttonclearselection, {
           icon: "close",
           severity: "danger",
           text: ""
         }), null, 16)
       ], 16)), [
-        [$, (q = i.value) == null ? void 0 : q.length]
+        [$, (F = i.value) == null ? void 0 : F.length]
       ]);
     };
   }
 });
 export {
-  $e as _,
-  pe as f
+  Be as _,
+  fe as f
 };

package/buttondownload/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as L, inject as x, computed as N, ref as S, createElementBlock as v, openBlock as y, mergeProps as B, unref as C, createVNode as W, createCommentVNode as $, toDisplayString as G } from "vue";
+import { defineComponent as F, inject as x, computed as N, ref as L, createElementBlock as v, openBlock as y, mergeProps as B, unref as C, createVNode as S, createCommentVNode as W, toDisplayString as G } from "vue";
 import { e as r } from "../event-bus/index.es.js";
 import { u as H } from "../plugins/WangsVue.es.js";
 import { u as O } from "../utils/baseToast.util.es.js";
-import { n as R, e as _ } from "../utils/exportToExcel.util.es.js";
+import { n as R, e as D } from "../utils/exportToExcel.util.es.js";
 import { m as Z } from "../utils/mergePropsWithDefaults.util.es.js";
 import { u as q } from "../assetinfo/index.es.js";
 import { _ as I } from "../icon/index.es.js";
 const J = {
   key: 0,
   class: "inherit text-xs"
-}, ne = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ F({
   __name: "ButtonDownload",
   props: {
     fileName: {},
@@ -20,8 +20,8 @@ const J = {
     dataConfigs: {},
     excelToastErrorMessage: {}
   },
-  setup(D) {
-    const l = D, { setLoading: d } = q(), E = x("useToastConfig"), u = O(E), { defaultProps: P, locale: m } = H("ButtonDownload"), f = N(() => Z(l, P)), p = x("preset", {}).buttondownload, i = S({}), b = N(() => Object.entries(i.value).map(([e]) => e)), k = async (e) => {
+  setup(_) {
+    const l = _, { setLoading: c } = q(), E = x("useToastConfig"), u = O(E), { defaultProps: P, locale: m } = H("ButtonDownload"), f = N(() => Z(l, P)), p = x("preset", {}).buttondownload, i = L({}), b = N(() => Object.entries(i.value).map(([e]) => e)), k = async (e) => {
       const a = await e();
       if (a instanceof Error) throw a;
       return (a == null ? void 0 : a.data) ?? { data: [], totalRecords: 0 };
@@ -29,8 +29,8 @@ const J = {
       const { fileName: e, tableName: a, multiTableNames: t, dataConfigs: o } = f.value;
       if (o != null && o.length && A(o), t != null && t.length)
         r.on("button-download:multi-tables", T), t.forEach((n) => {
-          const c = { fileName: e, tableName: n, multiTableNames: t };
-          r.emit("data-table:download", c);
+          const d = { fileName: e, tableName: n, multiTableNames: t };
+          r.emit("data-table:download", d);
         });
       else {
         const n = {
@@ -45,23 +45,23 @@ const J = {
       try {
         const o = await Promise.all(
           e.map(async (n) => {
-            const { columns: c, data: V, fetchFunction: h, tableTitle: j } = n, w = c.filter((s) => s.visible !== !1).filter((s) => !s.excluded), z = w.map(
+            const { columns: d, data: V, fetchFunction: h, tableTitle: $ } = n, w = d.filter((s) => s.visible !== !1).filter((s) => !s.excluded), j = w.map(
               (s) => s.header ?? s.exportHeader ?? "-"
             );
-            d(!0, m.downloadingMessage);
-            const { data: F } = h ? await k(h) : { data: V };
+            c(!0, m.downloadingMessage);
+            const { data: z } = h ? await k(h) : { data: V };
             return {
               data: R(
-                F,
+                z,
                 w,
                 m
               ),
-              headers: z,
-              tableTitle: j
+              headers: j,
+              tableTitle: $
             };
           })
         );
-        await _({
+        await D({
           tables: o,
           additionalTexts: l.additionalTextBelowTable,
           fileName: g()
@@ -76,7 +76,7 @@ const J = {
           group: "download"
         });
       } finally {
-        d(!1);
+        c(!1);
       }
     }, T = async ({
       table: e
@@ -89,7 +89,7 @@ const J = {
         const o = [];
         l.multiTableNames.forEach((n) => {
           o.push(i.value[n]);
-        }), await _({
+        }), await D({
           tables: o,
           additionalTexts: l.additionalTextBelowTable,
           fileName: g()
@@ -99,12 +99,12 @@ const J = {
       }
     };
     return (e, a) => (y(), v("button", B({ onClick: M }, C(p).root({ props: l }), { type: "button" }), [
-      W(I, B(C(p).icon, {
+      S(I, B(C(p).icon, {
         icon: "download",
         info: "Download",
         "tooltip-pos": "bottom"
       }), null, 16),
-      e.label ? (y(), v("span", J, G(e.label), 1)) : $("", !0)
+      e.label ? (y(), v("span", J, G(e.$t(e.label)), 1)) : W("", !0)
     ], 16));
   }
 });

package/buttonradio/index.es.js

@@ -1,10 +1,10 @@
-import { h as k, defineComponent as C, inject as V, computed as S, createBlock as f, openBlock as d, unref as l, mergeProps as p, withCtx as P, createElementVNode as i, renderSlot as w, createCommentVNode as m, normalizeProps as c, guardReactiveProps as b, normalizeStyle as E, normalizeClass as z, createElementBlock as j, toDisplayString as q } from "vue";
-import { _ as A } from "../icon/index.es.js";
-import { i as I } from "../vendor/lodash-es/isEqual.es.js";
-const L = (r, s) => {
+import { h as k, defineComponent as C, inject as V, computed as S, createBlock as f, openBlock as d, unref as l, mergeProps as p, withCtx as P, createElementVNode as i, renderSlot as w, createCommentVNode as m, normalizeProps as c, guardReactiveProps as b, normalizeStyle as E, normalizeClass as z, createElementBlock as $, toDisplayString as j } from "vue";
+import { _ as q } from "../icon/index.es.js";
+import { i as A } from "../vendor/lodash-es/isEqual.es.js";
+const I = (r, s) => {
   const { attrs: t, slots: a } = s || {};
   return r.label ? k("label", t, a.default()) : a.default();
-}, N = ["id", "aria-invalid", "checked", "disabled", "name", "readonly", "tabindex", "value"], F = /* @__PURE__ */ C({
+}, L = ["id", "aria-invalid", "checked", "disabled", "name", "readonly", "tabindex", "value"], F = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "ButtonRadio",
   props: {
@@ -26,7 +26,7 @@ const L = (r, s) => {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(r, { emit: s }) {
-    const t = r, a = s, n = V("preset", {}).buttonradio, u = S(() => t.modelValue != null && (t.binary ? y() : I(t.modelValue, t.value))), y = () => {
+    const t = r, a = s, n = V("preset", {}).buttonradio, u = S(() => t.modelValue != null && (t.binary ? y() : A(t.modelValue, t.value))), y = () => {
       const { modelValue: e, value: o } = t;
       return typeof e != "boolean" ? !!e : typeof o == "boolean" ? e === o : typeof o == "number" ? !!e == !!o : typeof o == "string" ? (e == null ? void 0 : e.toString()) === o : !1;
     }, v = (e) => {
@@ -46,7 +46,7 @@ const L = (r, s) => {
     }, g = (e) => {
       a("blur", e);
     };
-    return (e, o) => (d(), f(l(L), p(l(n).label, { label: e.label }), {
+    return (e, o) => (d(), f(l(I), p(l(n).label, { label: e.label }), {
       default: P(() => [
         i("span", c(b(l(n).root({ props: t, state: { checked: u.value } }))), [
           i("input", {
@@ -64,18 +64,18 @@ const L = (r, s) => {
             onChange: h,
             onFocus: B,
             type: "radio"
-          }, null, 46, N),
+          }, null, 46, L),
           i("span", c(b(l(n).box({ props: t, state: { checked: u.value } }))), [
             i("span", c(b(l(n).icon)), null, 16)
           ], 16)
         ], 16),
         w(e.$slots, "label", {}, () => [
-          e.label ? (d(), j("span", p({
+          e.label ? (d(), $("span", p({
             key: 0,
             "data-wv-section": "labeltext"
-          }, l(n).labeltext), q(e.label), 17)) : m("", !0)
+          }, l(n).labeltext), j(e.$t(e.label)), 17)) : m("", !0)
         ]),
-        e.tooltip ? (d(), f(A, p({
+        e.tooltip ? (d(), f(q, p({
           key: 0,
           info: e.tooltip,
           "tooltip-pos": e.tooltipPos

package/buttonscan/index.es.js

@@ -15,7 +15,7 @@ const Te = (a) => {
     a.message
   ))
     return a.message;
-}, ie = `(function(){"use strict";let n=null,t=null,a,c,r="";self.onmessage=s=>{const e=s.data;switch(c=e.companyCode,e.command){case"sync":l(e);break;case"connect":g(e);break;case"scan":S(e);break;case"stopscan":p(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),m(s.timeout)):n=new WebSocket("wss://dev-api.tagsamurai.com/rfid-reader-go"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),m(s.timeout)},n.onmessage=o=>{s.onmessage(o),m(s.timeout)},n.onerror=o=>{console.error("🚀 ~ Scanner Worker: openConnection ~ error:",o),s.onerror(o),n==null||n.close(),n=null,t&&clearTimeout(t)}},u=()=>{p({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},m=(s=0)=>{s&&(t&&clearTimeout(t),t=setTimeout(u,s))},l=({userId:s})=>{a=s,d({onopen:e=>{e.send(JSON.stringify({data:{command:"connect",userId:s,sessionId:r,companyCode:c,source:"app"},event:"reader"}))},onmessage:e=>{postMessage({status:"synced",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"sync_error",error:e})}})},g=({userId:s})=>{a=s,d({onopen:(e,o)=>{o==="established"?e.send(JSON.stringify({data:{command:"connect",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})):postMessage({status:"connection_reused"})},onmessage:e=>{postMessage({status:"connection_established",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"error_connecting",error:e})}})},S=({scanCommand:s,userId:e,serialNumber:o,jenisDevice:f})=>{a=e,d({onopen:i=>{i.send(JSON.stringify({data:{command:s,userId:e,sessionId:r,companyCode:c,source:"app",serialNumber:o,jenisDevice:f},event:"reader"})),postMessage({status:"scan_started"})},onmessage:i=>{postMessage({status:"scanned",...JSON.parse(i.data)})},onerror:i=>{postMessage({status:"scan_error",error:i})}})},p=({userId:s})=>{n&&n.readyState===WebSocket.OPEN&&(n.send(JSON.stringify({data:{command:"stopscan",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})),postMessage({status:"scan_stopped"}),console.info("Scan Process Stopped!"))}})();
+}, ie = `(function(){"use strict";let n=null,t=null,a,c,r="";self.onmessage=s=>{const e=s.data;switch(c=e.companyCode,e.command){case"sync":l(e);break;case"connect":g(e);break;case"scan":S(e);break;case"stopscan":p(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),m(s.timeout)):n=new WebSocket("wss://dev-api.tagsamurai.com/rfid-reader-go/"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),m(s.timeout)},n.onmessage=o=>{s.onmessage(o),m(s.timeout)},n.onerror=o=>{console.error("🚀 ~ Scanner Worker: openConnection ~ error:",o),s.onerror(o),n==null||n.close(),n=null,t&&clearTimeout(t)}},u=()=>{p({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},m=(s=0)=>{s&&(t&&clearTimeout(t),t=setTimeout(u,s))},l=({userId:s})=>{a=s,d({onopen:e=>{e.send(JSON.stringify({data:{command:"connect",userId:s,sessionId:r,companyCode:c,source:"app"},event:"reader"}))},onmessage:e=>{postMessage({status:"synced",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"sync_error",error:e})}})},g=({userId:s})=>{a=s,d({onopen:(e,o)=>{o==="established"?e.send(JSON.stringify({data:{command:"connect",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})):postMessage({status:"connection_reused"})},onmessage:e=>{postMessage({status:"connection_established",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"error_connecting",error:e})}})},S=({scanCommand:s,userId:e,serialNumber:o,jenisDevice:f})=>{a=e,d({onopen:i=>{i.send(JSON.stringify({data:{command:s,userId:e,sessionId:r,companyCode:c,source:"app",serialNumber:o,jenisDevice:f},event:"reader"})),postMessage({status:"scan_started"})},onmessage:i=>{postMessage({status:"scanned",...JSON.parse(i.data)})},onerror:i=>{postMessage({status:"scan_error",error:i})}})},p=({userId:s})=>{n&&n.readyState===WebSocket.OPEN&&(n.send(JSON.stringify({data:{command:"stopscan",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})),postMessage({status:"scan_stopped"}),console.info("Scan Process Stopped!"))}})();
 `, te = typeof self < "u" && self.Blob && new Blob([ie], { type: "text/javascript;charset=utf-8" });
 function xe(a) {
   let u;

package/buttonsearch/index.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, inject as P, shallowRef as g, ref as V, createElementBlock as w, openBlock as I, mergeProps as o, unref as e, createVNode as u, withModifiers as q, createElementVNode as i, nextTick as E } from "vue";
 import { e as N } from "../event-bus/index.es.js";
 import { u as T } from "../plugins/WangsVue.es.js";
-import { s as _ } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { s as j } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
 import { _ as c } from "../icon/index.es.js";
 const D = /* @__PURE__ */ x({
   __name: "ButtonSearch",
@@ -9,45 +9,45 @@ const D = /* @__PURE__ */ x({
     tableName: { default: "datatable" }
   },
   emits: ["search", "collapsed"],
-  setup(j) {
-    const t = P("preset", {}).buttonsearch, { locale: $ } = T("ButtonSearch"), n = g(), s = V(), r = g(!1), B = () => {
+  setup(F) {
+    const t = P("preset", {}).buttonsearch, { locale: $ } = T("ButtonSearch"), a = g(), s = V(), r = g(!1), B = () => {
       r.value = !0, p();
     }, p = () => {
       E(() => {
         s.value && s.value.$el.focus();
       });
-    }, C = (a) => {
-      n.value = a.target.value || void 0;
+    }, C = (n) => {
+      a.value = n.target.value || void 0;
     };
-    return (a, l) => {
+    return (n, l) => {
       var m, v, b, f, h, d, y, k, S;
       return r.value ? (I(), w("form", o({ key: 1 }, (b = e(t)) == null ? void 0 : b.form({ context: { showSearchInput: r.value } }), {
         onSubmit: l[2] || (l[2] = q(
           () => {
-            e(N).emit("search-table", { tableName: a.tableName, search: n.value }), a.$emit("search", n.value);
+            e(N).emit("search-table", { tableName: n.tableName, search: a.value }), n.$emit("search", a.value);
           },
           ["prevent"]
         ))
       }), [
         i("button", o({
           onClick: l[0] || (l[0] = () => {
-            n.value = void 0, r.value = !1, a.$emit("collapsed"), e(N).emit("search-table", { tableName: a.tableName, search: void 0 }), a.$emit("search", void 0);
+            a.value = void 0, r.value = !1, n.$emit("collapsed"), e(N).emit("search-table", { tableName: n.tableName, search: void 0 }), n.$emit("search", void 0);
           })
         }, (f = e(t)) == null ? void 0 : f.collapsebutton.root({ context: { showSearchInput: r.value } }), { type: "button" }), [
           u(c, o((h = e(t)) == null ? void 0 : h.collapsebutton.icon, { icon: "arrow-left" }), null, 16)
         ], 16),
-        u(e(_), o((d = e(t)) == null ? void 0 : d.inputtext, {
+        u(e(j), o((d = e(t)) == null ? void 0 : d.inputtext, {
           ref_key: "inputtext",
           ref: s,
-          "model-value": n.value,
-          placeholder: e($).searchPlaceholder,
+          "model-value": a.value,
+          placeholder: n.$t(e($).searchPlaceholder),
           onInput: C
         }), null, 16, ["model-value", "placeholder"]),
         i("button", o({
-          onClick: l[1] || (l[1] = (F) => {
-            n.value = void 0, p();
+          onClick: l[1] || (l[1] = (M) => {
+            a.value = void 0, p();
           })
-        }, (y = e(t)) == null ? void 0 : y.resetbutton.root({ query: n.value }), { type: "button" }), [
+        }, (y = e(t)) == null ? void 0 : y.resetbutton.root({ query: a.value }), { type: "button" }), [
           u(c, o((k = e(t)) == null ? void 0 : k.resetbutton.icon, { icon: "close" }), null, 16)
         ], 16),
         i("button", o((S = e(t)) == null ? void 0 : S.hiddensubmit, { type: "submit" }), null, 16)

package/buttonselectuser/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, computed as U, ref as d, createElementBlock as c, openBlock as l, Fragment as v, createBlock as y, createVNode as s, createElementVNode as m, toDisplayString as _, withCtx as h } from "vue";
+import { defineComponent as V, computed as U, ref as v, createElementBlock as c, openBlock as a, Fragment as y, createBlock as h, createVNode as s, createElementVNode as u, toDisplayString as m, withCtx as _ } from "vue";
 import { _ as N } from "../badge/index.es.js";
 import { _ as b } from "../button/index.es.js";
 import { _ as O } from "../dialogconfirm/index.es.js";
@@ -23,38 +23,38 @@ const D = {
   },
   emits: ["update:modelValue", "confirm"],
   setup(B, { emit: g }) {
-    const e = B, x = g, o = U(() => e.modelValue ?? void 0), i = d(!1), a = d(!1), k = async (r) => {
+    const e = B, $ = g, i = U(() => e.modelValue ?? void 0), l = v(!1), r = v(!1), k = async (n) => {
       if (e.fetchFunction)
-        return await e.fetchFunction(r);
+        return await e.fetchFunction(n);
     }, w = async () => {
       if (e.fetchOptionFunction)
         return await e.fetchOptionFunction();
+    }, x = () => {
+      e.confirmBeforeReselect ? r.value = !0 : l.value = !0;
     }, C = () => {
-      e.confirmBeforeReselect ? a.value = !0 : i.value = !0;
-    }, $ = () => {
-      x("confirm"), i.value = !0;
+      $("confirm"), l.value = !0;
     };
-    return (r, t) => {
-      var u, f, p;
-      return l(), c(v, null, [
-        o.value ? (l(), c("div", D, [
-          e.useBadge ? (l(), y(N, {
+    return (n, t) => {
+      var f, p, d;
+      return a(), c(y, null, [
+        i.value ? (a(), c("div", D, [
+          e.useBadge ? (a(), h(N, {
             key: 0,
-            label: ((u = o.value) == null ? void 0 : u.fullName) ?? ((f = o.value) == null ? void 0 : f.name),
+            label: ((f = i.value) == null ? void 0 : f.fullName) ?? ((p = i.value) == null ? void 0 : p.name),
             format: "username"
-          }, null, 8, ["label"])) : (l(), c(v, { key: 1 }, [
+          }, null, 8, ["label"])) : (a(), c(y, { key: 1 }, [
             s(F, {
               class: "!text-general-200",
               icon: "user"
             }),
-            m("span", E, _(o.value.fullName ?? ((p = o.value) == null ? void 0 : p.name)), 1)
+            u("span", E, m(i.value.fullName ?? ((d = i.value) == null ? void 0 : d.name)), 1)
           ], 64)),
           s(b, {
-            onClick: C,
+            onClick: x,
             class: "p-0 m-0 !min-w-0 !min-h-0 !h-max !w-max",
             text: ""
           }, {
-            default: h(() => [
+            default: _(() => [
               s(F, {
                 icon: "pencil",
                 severity: "primary"
@@ -62,33 +62,33 @@ const D = {
             ]),
             _: 1
           })
-        ])) : (l(), y(b, {
+        ])) : (a(), h(b, {
           key: 1,
-          onClick: t[0] || (t[0] = (n) => i.value = !0),
-          label: "Select User"
-        })),
+          label: n.$t("Select User"),
+          onClick: t[0] || (t[0] = (o) => l.value = !0)
+        }, null, 8, ["label"])),
         s(S, {
-          visible: i.value,
-          "onUpdate:visible": t[1] || (t[1] = (n) => i.value = n),
+          visible: l.value,
+          "onUpdate:visible": t[1] || (t[1] = (o) => l.value = o),
           description: e.description,
           "fetch-function": k,
           "fetch-option-function": w,
           header: e.header,
           list: e.list,
-          onSelected: t[2] || (t[2] = (n) => r.$emit("update:modelValue", n)),
+          onSelected: t[2] || (t[2] = (o) => n.$emit("update:modelValue", o)),
           "selection-type": "single"
         }, null, 8, ["visible", "description", "header", "list"]),
         s(O, {
-          visible: a.value,
-          "onUpdate:visible": t[3] || (t[3] = (n) => a.value = n),
+          visible: r.value,
+          "onUpdate:visible": t[3] || (t[3] = (o) => r.value = o),
           header: e.confirmHeader ?? "-",
-          onConfirm: $,
+          onConfirm: C,
           "confirm-label": "Continue",
           severity: "danger"
         }, {
-          body: h(() => [
-            m("p", null, _(e.confirmBody), 1),
-            t[4] || (t[4] = m("p", null, "Are you sure you want to continue?", -1))
+          body: _(() => [
+            u("p", null, m(n.$t(e.confirmBody)), 1),
+            u("p", null, m(n.$t("Are you sure you want to continue?")), 1)
           ]),
           _: 1
         }, 8, ["visible", "header"])

package/checkbox/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, mergeModels as y, inject as w, useModel as N, reactive as q, onMounted as M, computed as V, watch as h, createElementBlock as L, openBlock as k, mergeProps as d, unref as u, createElementVNode as c, renderSlot as P, createVNode as I, normalizeClass as j, createTextVNode as x, createBlock as A, createCommentVNode as E, toDisplayString as F } from "vue";
+import { defineComponent as S, mergeModels as y, inject as w, useModel as N, reactive as q, onMounted as M, computed as V, watch as h, createElementBlock as L, openBlock as k, mergeProps as d, unref as u, createElementVNode as c, renderSlot as P, createVNode as I, normalizeClass as $, createTextVNode as j, createBlock as A, createCommentVNode as E, toDisplayString as F } from "vue";
 import { u as O } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { c as T, e as $ } from "../utils/object.util.es.js";
+import { c as T, e as x } from "../utils/object.util.es.js";
 import { _ as B } from "../icon/index.es.js";
 const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"], Q = /* @__PURE__ */ S({
   __name: "Checkbox",
@@ -51,7 +51,7 @@ const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "a
         let t;
         e.binary && !e.triState ? t = o.value ? e.falseValue : e.trueValue : e.triState ? t = // eslint-disable-next-line no-nested-ternary
         l.value == null ? !1 : l.value === !1 ? !0 : null : Array.isArray(e.modelValue) && (o.value ? t = e.modelValue.filter(
-          (r) => !$(r, e.value)
+          (r) => !x(r, e.value)
         ) : t = e.modelValue ? [...e.modelValue, e.value] : [e.value]), b.value = t, l.value = t, s("change", a);
       }
     };
@@ -109,14 +109,14 @@ const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "a
             var n;
             return [
               I(B, {
-                class: j([...(n = u(i)) == null ? void 0 : n.icon.class, { "text-transparent": !o.value }]),
+                class: $([...(n = u(i)) == null ? void 0 : n.icon.class, { "text-transparent": !o.value }]),
                 icon: o.value ? "check" : v.value ? "subtract" : null
               }, null, 8, ["class", "icon"])
             ];
           })
         ], 16),
         c("span", d(u(i).label({ props: e }), { "data-wv-section": "checkbox-label" }), [
-          x(F(a.label) + " ", 1),
+          j(F(a.$t(a.label)) + " ", 1),
           a.tooltip ? (k(), A(B, d({
             key: 0,
             info: a.tooltip,