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

package/dropdown/index.es.js

@@ -1,19 +1,20 @@
-import { defineComponent as ee, onMounted as le, computed as u, inject as N, ref as oe, shallowRef as I, reactive as ae, watch as $, createBlock as m, openBlock as s, withCtx as r, createVNode as d, normalizeClass as te, createCommentVNode as T, unref as i, renderSlot as p, mergeProps as j, createSlots as ie, normalizeProps as v, guardReactiveProps as c, createElementVNode as re, toDisplayString as k, createElementBlock as D, Fragment as E, createTextVNode as R, nextTick as ne } from "vue";
-import { u as se } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as de } from "../plugins/WangsVue.es.js";
-import { f as ue } from "../utils/filterOptions.util.es.js";
-import { m as pe } from "../utils/mergePropsWithDefaults.util.es.js";
-import { a as fe } from "../utils/textFormatter.util.es.js";
-import { s as me } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { s as K } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { _ as ve } from "../badge/index.es.js";
-import { _ as ce } from "../fieldwrapper/index.es.js";
+import { defineComponent as le, onMounted as oe, computed as u, inject as I, ref as ae, shallowRef as T, reactive as te, watch as w, createBlock as m, openBlock as s, withCtx as r, createVNode as d, normalizeClass as ie, createCommentVNode as j, unref as i, renderSlot as p, mergeProps as D, createSlots as re, normalizeProps as v, guardReactiveProps as c, createElementVNode as ne, toDisplayString as k, createElementBlock as E, Fragment as R, createTextVNode as K, nextTick as se } from "vue";
+import { u as de } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as ue } from "../plugins/basei18n.es.js";
+import { u as pe } from "../plugins/WangsVue.es.js";
+import { f as fe } from "../utils/filterOptions.util.es.js";
+import { m as me } from "../utils/mergePropsWithDefaults.util.es.js";
+import { a as ve } from "../utils/textFormatter.util.es.js";
+import { s as ce } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { s as z } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
+import { _ as ge } from "../badge/index.es.js";
+import { _ as ye } from "../fieldwrapper/index.es.js";
 import { _ as B } from "../icon/index.es.js";
-import { _ as ge } from "../inputgroup/index.es.js";
-import { _ as ye } from "../validatormessage/index.es.js";
-import { i as z } from "../vendor/lodash-es/isEqual.es.js";
-import { c as F } from "../vendor/lodash-es/cloneDeep.es.js";
-const Te = /* @__PURE__ */ ee({
+import { _ as be } from "../inputgroup/index.es.js";
+import { _ as Ve } from "../validatormessage/index.es.js";
+import { i as F } from "../vendor/lodash-es/isEqual.es.js";
+import { c as W } from "../vendor/lodash-es/cloneDeep.es.js";
+const Ee = /* @__PURE__ */ le({
   __name: "Dropdown",
   props: {
     modelValue: { type: [String, Number, Boolean, Object], default: void 0 },
@@ -44,124 +45,126 @@ const Te = /* @__PURE__ */ ee({
     panelMaxContent: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "fieldInfoClick"],
-  setup(W, { expose: q, emit: A }) {
-    const e = W, O = A;
-    le(() => {
-      X();
+  setup(q, { expose: A, emit: G }) {
+    const l = q, O = G;
+    oe(() => {
+      Y();
     });
-    const { locale: f, defaultProps: G } = de("Dropdown"), H = u(() => pe(e, G)), n = N("preset", {}).dropdown, U = N(
+    const { t: M } = ue(), { locale: f, defaultProps: H } = pe("Dropdown"), U = u(() => me(l, H)), n = I("preset", {}).dropdown, J = I(
       "preset",
       {}
-    ).inputgroupaddon, g = oe(), y = I(!1), b = I(!1), M = u(() => e.invalid || !!o.errorMessage), o = ae({
-      value: e.initialValue !== void 0 ? e.initialValue : e.modelValue
-    }), J = u(() => {
-      var l;
-      return f.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+    ).inputgroupaddon, g = ae(), y = T(!1), b = T(!1), C = u(() => l.invalid || !!o.errorMessage), o = te({
+      value: l.initialValue !== void 0 ? l.initialValue : l.modelValue
+    }), Q = u(() => {
+      var e;
+      return f.emptySelectionErrorMessage.replace("{label}", l.label).replace(
         "{formattedLabel}",
-        (l = fe(e.label)) == null ? void 0 : l.toLowerCase()
+        (e = ve(l.label)) == null ? void 0 : e.toLowerCase()
       );
-    }), V = u(() => ue(e.options)), Q = u(() => {
-      var l;
-      return e.loading ? f.loadingPlaceholder : e.placeholder ?? ((l = f.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
-    }), X = () => {
-      e.useValidator && (Object.assign(
+    }), V = u(
+      () => fe(l.options).map((e) => typeof e == "string" ? M(e) : { ...e, label: M(e.label) })
+    ), X = u(() => {
+      var e;
+      return l.loading ? f.loadingPlaceholder : l.placeholder ?? ((e = f.inputPlaceholder) == null ? void 0 : e.replace("{label}", l.label ?? "").replace("{lowercaseLabel}", (l.label ?? "").toLowerCase()));
+    }), Y = () => {
+      l.useValidator && (Object.assign(
         o,
-        se(e.fieldName ?? "dropdown", (l) => !(l != null && l !== "") && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? J.value : ne(Y))
-      ), e.initialValue !== void 0 && (o.value = e.initialValue), e.invalid && o.validate());
-    }, Y = () => e.validatorMessage && e.invalid ? e.validatorMessage : !0, Z = (l) => {
-      const { value: a } = l;
-      e.unselectOnReselect ? b.value = !0 : O("update:modelValue", a);
-    }, h = () => {
-      if (e.optionValue) {
-        const l = V.value.find((a) => {
+        de(l.fieldName ?? "dropdown", (e) => !(e != null && e !== "") && l.mandatory ? typeof l.validatorMessage == "object" && "empty" in l.validatorMessage ? l.validatorMessage.empty : l.validatorMessage ?? Q.value : se(Z))
+      ), l.initialValue !== void 0 && (o.value = l.initialValue), l.invalid && o.validate());
+    }, Z = () => l.validatorMessage && l.invalid ? l.validatorMessage : !0, _ = (e) => {
+      const { value: a } = e;
+      l.unselectOnReselect ? b.value = !0 : O("update:modelValue", a);
+    }, $ = () => {
+      if (l.optionValue) {
+        const e = V.value.find((a) => {
           if (typeof a != "string")
-            return e.dataKey ? o.value[e.dataKey] === a[e.optionValue ?? ""][e.dataKey] : z(
-              F(a[e.optionValue ?? ""]),
-              F(o.value)
+            return l.dataKey ? o.value[l.dataKey] === a[l.optionValue ?? ""][l.dataKey] : F(
+              W(a[l.optionValue ?? ""]),
+              W(o.value)
             );
         });
-        if (l && typeof l != "string")
-          return l[e.optionLabel ?? ""];
-      } else if (o.value && typeof o.value == "object" && e.optionLabel && e.optionLabel in o.value)
-        return o.value[e.optionLabel];
+        if (e && typeof e != "string")
+          return e[l.optionLabel ?? ""];
+      } else if (o.value && typeof o.value == "object" && l.optionLabel && l.optionLabel in o.value)
+        return o.value[l.optionLabel];
       return o.value;
-    }, _ = () => {
+    }, x = () => {
       g.value && g.value.show();
     };
-    return $(
-      () => e.initialValue,
-      (l) => {
-        o.value = l;
+    return w(
+      () => l.initialValue,
+      (e) => {
+        o.value = e;
       },
       { once: !0 }
-    ), $(
-      () => e.modelValue,
-      (l) => {
-        o.value = l;
+    ), w(
+      () => l.modelValue,
+      (e) => {
+        o.value = e;
       }
-    ), $(
+    ), w(
       () => o.value,
-      (l, a) => {
+      (e, a) => {
         setTimeout(() => {
-          e.unselectOnReselect && b.value && (z(l, a) && l !== void 0 && (o.value = void 0), b.value = !1, O("update:modelValue", o.value));
+          l.unselectOnReselect && b.value && (F(e, a) && e !== void 0 && (o.value = void 0), b.value = !1, O("update:modelValue", o.value));
         }, 0);
       }
-    ), q({
-      showOverlay: _
-    }), (l, a) => (s(), m(ce, {
-      info: l.fieldInfo,
-      label: e.label,
-      mandatory: e.mandatory,
-      "show-optional-text": l.showOptionalText,
-      onInfoClick: a[3] || (a[3] = (w) => l.$emit("fieldInfoClick"))
+    ), A({
+      showOverlay: x
+    }), (e, a) => (s(), m(ye, {
+      info: e.fieldInfo,
+      label: l.label,
+      mandatory: l.mandatory,
+      "show-optional-text": e.showOptionalText,
+      onInfoClick: a[3] || (a[3] = (h) => e.$emit("fieldInfoClick"))
     }, {
       default: r(() => [
-        d(ge, {
-          class: te([
+        d(be, {
+          class: ie([
             {
-              "grid grid-cols-[max-content,1fr,max-content]": l.$slots["addon-left"] && l.$slots["addon-right"],
-              "grid grid-cols-[1fr,max-content]": !l.$slots["addon-left"] && l.$slots["addon-right"],
-              "grid grid-cols-[max-content,1fr]": l.$slots["addon-left"] && !l.$slots["addon-right"]
+              "grid grid-cols-[max-content,1fr,max-content]": e.$slots["addon-left"] && e.$slots["addon-right"],
+              "grid grid-cols-[1fr,max-content]": !e.$slots["addon-left"] && e.$slots["addon-right"],
+              "grid grid-cols-[max-content,1fr]": e.$slots["addon-left"] && !e.$slots["addon-right"]
             }
           ]),
-          disabled: e.disabled,
-          invalid: M.value,
-          ring: l.inputBorder
+          disabled: l.disabled,
+          invalid: C.value,
+          ring: e.inputBorder
         }, {
           default: r(() => {
-            var w, C, S, P, L;
+            var h, S, P, L, N;
             return [
-              l.$slots["addon-left"] ? (s(), m(i(K), {
+              e.$slots["addon-left"] ? (s(), m(i(z), {
                 key: 0,
-                disabled: e.disabled
+                disabled: l.disabled
               }, {
                 default: r(() => [
-                  p(l.$slots, "addon-left")
+                  p(e.$slots, "addon-left")
                 ]),
                 _: 3
-              }, 8, ["disabled"])) : T("", !0),
-              d(i(me), j({
+              }, 8, ["disabled"])) : j("", !0),
+              d(i(ce), D({
                 ref_key: "dropdown",
                 ref: g
-              }, e, {
+              }, l, {
                 modelValue: o.value,
                 "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
-                "aria-describedby": e.label + "error",
-                "filter-placeholder": e.filterPlaceholder || i(f).filterPlaceholder,
-                invalid: M.value,
+                "aria-describedby": l.label + "error",
+                "filter-placeholder": e.$t(l.filterPlaceholder || i(f).filterPlaceholder),
+                invalid: C.value,
                 options: V.value,
-                placeholder: Q.value,
+                placeholder: e.$t(X.value),
                 pt: {
-                  list: (w = i(n)) == null ? void 0 : w.list({ props: e }),
-                  panel: (C = i(n)) == null ? void 0 : C.panel({ props: e }),
-                  virtualScroller: (S = i(n)) == null ? void 0 : S.virtualScroller({ props: e }),
-                  wrapper: (P = i(n)) == null ? void 0 : P.wrapper({ props: e })
+                  list: (h = i(n)) == null ? void 0 : h.list({ props: l }),
+                  panel: (S = i(n)) == null ? void 0 : S.panel({ props: l }),
+                  virtualScroller: (P = i(n)) == null ? void 0 : P.virtualScroller({ props: l }),
+                  wrapper: (L = i(n)) == null ? void 0 : L.wrapper({ props: l })
                 },
-                "virtual-scroller-options": ((L = V.value) == null ? void 0 : L.length) > 10 ? { itemSize: 32 } : void 0,
-                onChange: Z,
+                "virtual-scroller-options": ((N = V.value) == null ? void 0 : N.length) > 10 ? { itemSize: 32 } : void 0,
+                onChange: _,
                 onHide: a[1] || (a[1] = (t) => y.value = !1),
-                onShow: a[2] || (a[2] = (t) => (l.$emit("show"), y.value = !0))
-              }), ie({
+                onShow: a[2] || (a[2] = (t) => (e.$emit("show"), y.value = !0))
+              }), re({
                 dropdownicon: r(() => [
                   d(B, v(c(i(n).dropdownicon({ state: { isShowOverlay: y.value } }))), null, 16)
                 ]),
@@ -173,57 +176,57 @@ const Te = /* @__PURE__ */ ee({
                 ]),
                 _: 2
               }, [
-                l.loading ? {
+                e.loading ? {
                   name: "value",
                   fn: r(({ placeholder: t }) => [
-                    re("span", v(c(i(n).loadingplaceholder)), k(t), 17)
+                    ne("span", v(c(i(n).loadingplaceholder)), k(e.$t(t)), 17)
                   ]),
                   key: "0"
                 } : {
                   name: "value",
                   fn: r((t) => [
-                    (H.value.allowNullOption ? t.value !== void 0 : t.value != null) ? p(l.$slots, "value", {
+                    (U.value.allowNullOption ? t.value !== void 0 : t.value != null) ? p(e.$slots, "value", {
                       key: 0,
                       originalValue: t.value,
-                      value: h()
+                      value: e.$t($())
                     }, () => [
-                      l.valueType === "badge" ? (s(), m(ve, j({ key: 0 }, l.badgeValueProps, {
-                        label: h()
-                      }), null, 16, ["label"])) : (s(), D(E, { key: 1 }, [
-                        R(k(h()), 1)
+                      e.valueType === "badge" ? (s(), m(ge, D({ key: 0 }, e.badgeValueProps, {
+                        label: e.$t($())
+                      }), null, 16, ["label"])) : (s(), E(R, { key: 1 }, [
+                        K(k(e.$t($())), 1)
                       ], 64))
-                    ]) : (s(), D(E, { key: 1 }, [
-                      R(k(t.placeholder), 1)
+                    ]) : (s(), E(R, { key: 1 }, [
+                      K(k(e.$t(t.placeholder)), 1)
                     ], 64))
                   ]),
                   key: "1"
                 },
-                l.$slots.option ? {
+                e.$slots.option ? {
                   name: "option",
                   fn: r(({ option: t }) => [
-                    p(l.$slots, "option", { option: t })
+                    p(e.$slots, "option", { option: t })
                   ]),
                   key: "2"
                 } : void 0,
-                l.$slots.footer ? {
+                e.$slots.footer ? {
                   name: "footer",
-                  fn: r(({ value: t, options: x }) => [
-                    p(l.$slots, "footer", {
-                      options: x,
+                  fn: r(({ value: t, options: ee }) => [
+                    p(e.$slots, "footer", {
+                      options: ee,
                       value: t
                     })
                   ]),
                   key: "3"
                 } : void 0
               ]), 1040, ["modelValue", "aria-describedby", "filter-placeholder", "invalid", "options", "placeholder", "pt", "virtual-scroller-options"]),
-              l.$slots["addon-right"] ? (s(), m(i(K), {
+              e.$slots["addon-right"] ? (s(), m(i(z), {
                 key: 1,
                 pt: {
-                  root: i(U).root({
+                  root: i(J).root({
                     props: {
                       class: [
                         {
-                          "!text-general-200": e.disabled
+                          "!text-general-200": l.disabled
                         }
                       ]
                     }
@@ -231,16 +234,16 @@ const Te = /* @__PURE__ */ ee({
                 }
               }, {
                 default: r(() => [
-                  p(l.$slots, "addon-right")
+                  p(e.$slots, "addon-right")
                 ]),
                 _: 3
-              }, 8, ["pt"])) : T("", !0)
+              }, 8, ["pt"])) : j("", !0)
             ];
           }),
           _: 3
         }, 8, ["class", "disabled", "invalid", "ring"]),
-        d(ye, {
-          id: e.label + "error",
+        d(Ve, {
+          id: l.label + "error",
           message: o.errorMessage
         }, null, 8, ["id", "message"])
       ]),
@@ -249,5 +252,5 @@ const Te = /* @__PURE__ */ ee({
   }
 });
 export {
-  Te as _
+  Ee as _
 };

package/fieldwrapper/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, useSlots as b, computed as w, createElementBlock as l, renderSlot as p, openBlock as o, normalizeProps as t, mergeProps as r, createCommentVNode as a, Fragment as g, createTextVNode as v, createBlock as C, toDisplayString as i, unref as u } from "vue";
+import { defineComponent as y, useSlots as b, computed as w, createElementBlock as l, renderSlot as p, openBlock as o, normalizeProps as t, mergeProps as r, createCommentVNode as a, Fragment as g, createTextVNode as v, createBlock as C, toDisplayString as i, unref as u } from "vue";
 import { u as B } from "../plugins/WangsVue.es.js";
 import { m as P } from "../utils/mergePropsWithDefaults.util.es.js";
 import { _ as h } from "../icon/index.es.js";
-const T = /* @__PURE__ */ $({
+const V = /* @__PURE__ */ y({
   __name: "FieldWrapper",
   props: {
     label: {},
@@ -15,19 +15,19 @@ const T = /* @__PURE__ */ $({
   },
   emits: ["infoClick"],
   setup(k) {
-    const n = k, f = b(), { defaultProps: y, locale: d } = B("FieldWrapper"), s = w(() => P(n, y));
+    const n = k, f = b(), { defaultProps: $, locale: d } = B("FieldWrapper"), s = w(() => P(n, $));
     return (e, m) => e.$attrs["use-field-wrapper"] != !1 ? (o(), l("div", t(r({ key: 0 }, e.$preset.fieldwrapper.root)), [
       e.label || f["label-addon"] ? (o(), l("label", t(r({ key: 0 }, e.$preset.fieldwrapper.label({ props: n, slots: f }))), [
         e.label ? (o(), l(g, { key: 0 }, [
-          v(i(e.label) + " ", 1),
-          e.mandatory && s.value.showAsterisk ? (o(), l("span", t(r({ key: 0 }, e.$preset.fieldwrapper.arterisksign)), i(u(d).labelRequired), 17)) : a("", !0),
+          v(i(e.$t(e.label)) + " ", 1),
+          e.mandatory && s.value.showAsterisk ? (o(), l("span", t(r({ key: 0 }, e.$preset.fieldwrapper.arterisksign)), i(e.$t(u(d).labelRequired)), 17)) : a("", !0),
           e.info ? (o(), C(h, r({
             key: 1,
             info: e.info,
             "tooltip-pos": s.value.tooltipPos,
             onClick: m[0] || (m[0] = (W) => e.$emit("infoClick"))
           }, e.$preset.fieldwrapper.info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : a("", !0),
-          e.mandatory == !1 && s.value.showOptionalText ? (o(), l("span", t(r({ key: 2 }, e.$preset.fieldwrapper.optionaltext)), i(u(d).labelOptional), 17)) : a("", !0)
+          e.mandatory == !1 && s.value.showOptionalText ? (o(), l("span", t(r({ key: 2 }, e.$preset.fieldwrapper.optionaltext)), i(e.$t(u(d).labelOptional)), 17)) : a("", !0)
         ], 64)) : a("", !0),
         p(e.$slots, "label-addon")
       ], 16)) : a("", !0),
@@ -36,5 +36,5 @@ const T = /* @__PURE__ */ $({
   }
 });
 export {
-  T as _
+  V as _
 };

package/fileupload/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, mergeModels as $, useModel as G, inject as Y, shallowRef as g, ref as z, reactive as H, computed as Z, onMounted as J, watch as x, createBlock as A, openBlock as f, unref as m, mergeProps as y, withCtx as M, createTextVNode as h, toDisplayString as k, createElementVNode as N, normalizeClass as B, createVNode as w, createCommentVNode as S, createElementBlock as F, withModifiers as Q, normalizeProps as W, Fragment as C } from "vue";
+import { defineComponent as D, mergeModels as U, useModel as G, inject as Y, shallowRef as g, ref as z, reactive as H, computed as Z, onMounted as J, watch as k, createBlock as A, openBlock as f, unref as m, mergeProps as y, withCtx as M, createTextVNode as b, toDisplayString as h, createElementVNode as C, normalizeClass as B, createVNode as w, createCommentVNode as x, createElementBlock as F, withModifiers as Q, normalizeProps as W, Fragment as N } from "vue";
 import { u as X } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as ee } from "../utils/baseToast.util.es.js";
 import { s as ae } from "../vendor/primevue/fileupload/fileupload.esm.es.js";
@@ -8,7 +8,7 @@ import { _ as ie } from "../button/index.es.js";
 import { _ as oe } from "../validatormessage/index.es.js";
 const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-general-100'" }, re = 1048576, ge = /* @__PURE__ */ D({
   __name: "FileUpload",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ U({
     accept: {},
     disabled: { type: Boolean },
     maxFileSize: {},
@@ -33,9 +33,9 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
-  setup(T, { emit: R }) {
-    const V = ee(), r = G(T, "modelValue"), a = T, _ = R, { fileupload: c = {} } = Y("preset", {}), i = g(), t = g(), o = g(), E = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = g(!1);
+  emits: /* @__PURE__ */ U(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
+  setup(S, { emit: R }) {
+    const V = ee(), r = G(S, "modelValue"), a = S, E = R, { fileupload: c = {} } = Y("preset", {}), i = g(), t = g(), o = g(), _ = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = g(!1);
     J(() => {
       a.useValidator && Object.assign(
         n,
@@ -61,11 +61,11 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
       try {
         if (!e.files || e.files.length === 0)
           return;
-        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), _("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, _("select", e.files[0]));
+        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), E("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, E("select", e.files[0]));
       } catch (s) {
         console.error(s);
       }
-    }, U = (e, l) => {
+    }, T = (e, l) => {
       a.disabled || d.value || (u.value = void 0, new Promise((s, p) => {
         try {
           l(), s();
@@ -84,16 +84,16 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
     }, u = z(), P = (e) => {
       u.value = e;
     }, K = (e, l, s) => {
-      (e.key === "Enter" || e.key === " ") && U(l, s);
+      (e.key === "Enter" || e.key === " ") && T(l, s);
     };
-    return x(o, (e) => {
+    return k(o, (e) => {
       n.value = e, r.value = e, u.value = void 0, t.value = void 0;
-    }), x(r, (e) => {
-      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), n.value = e, "messages" in E.value && (E.value.messages = []), u.value = void 0, t.value = void 0;
-    }), x(u, (e) => {
+    }), k(r, (e) => {
+      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), n.value = e, "messages" in _.value && (_.value.messages = []), u.value = void 0, t.value = void 0;
+    }), k(u, (e) => {
       if (e && e.length > 0) {
         const l = e[0].replace("{2}", a.accept || "").replace("{2.1}", a.fileExtensions || "");
-        l.includes("Invalid file size") && _("error", "FILE_SIZE_TOO_LARGE"), j(l), a.useErrorToast && V.add({
+        l.includes("Invalid file size") && E("error", "FILE_SIZE_TOO_LARGE"), j(l), a.useErrorToast && V.add({
           message: l,
           severity: "error"
         }), o.value = void 0, i.value = void 0;
@@ -101,14 +101,16 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
         t.value = void 0;
     }), (e, l) => (f(), A(m(ae), y(a, {
       ref_key: "fileUpload",
-      ref: E,
+      ref: _,
+      "cancel-label": e.$t("Cancel"),
       "file-limit": e.multiple ? void 0 : 1,
       pt: { input: { style: "display: none" } },
+      "upload-label": e.$t(a.uploadLabel),
       onSelect: L,
       onUpload: l[0] || (l[0] = (s) => e.$emit("upload", s))
     }), {
       header: M(({ files: s, chooseCallback: p, clearCallback: v }) => [
-        N("div", {
+        C("div", {
           class: B([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
         }, [
           w(le, y(m(c).wrapper, {
@@ -123,12 +125,12 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
                 invalid: q.value,
                 "model-value": Array.isArray(i.value) ? i.value.join(", ") : i.value,
                 placeholder: a.placeholder,
-                onClick: (b) => U(p, v),
-                onKeydown: Q((b) => K(b, p, v), ["prevent"])
+                onClick: ($) => T(p, v),
+                onKeydown: Q(($) => K($, p, v), ["prevent"])
               }, {
-                "addon-left": M(() => l[1] || (l[1] = [
-                  h(" Browse")
-                ])),
+                "addon-left": M(() => [
+                  b(h(e.$t("Browse")), 1)
+                ]),
                 _: 2
               }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
               a.fileExtensions || a.fileRequirements || n.errorMessage || t.value || a.validatorMessage ? (f(), F("div", {
@@ -143,32 +145,34 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-genera
                   message: t.value ?? n.errorMessage
                 }, null, 8, ["class", "message"]),
                 a.fileExtensions || a.fileRequirements ? (f(), F("div", W(y({ key: 0 }, m(c).requirements)), [
-                  N("small", te, [
-                    e.fileRequirements ? (f(), F(C, { key: 0 }, [
-                      h(k(e.fileRequirements), 1)
-                    ], 64)) : (f(), F(C, { key: 1 }, [
-                      h(k(a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`), 1)
+                  C("small", te, [
+                    e.fileRequirements ? (f(), F(N, { key: 0 }, [
+                      b(h(e.$t(e.fileRequirements)), 1)
+                    ], 64)) : (f(), F(N, { key: 1 }, [
+                      b(h(e.$t(
+                        a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`
+                      )), 1)
                     ], 64))
                   ])
-                ], 16)) : S("", !0)
-              ], 2)) : S("", !0)
+                ], 16)) : x("", !0)
+              ], 2)) : x("", !0)
             ]),
             _: 2
           }, 1040, ["error-messages", "label", "mandatory"]),
           a.withUpload ? (f(), A(ie, y({ key: 0 }, m(c).buttonupload({ props: a }), {
             disabled: a.disabled || d.value || !o.value,
             label: a.uploadLabel,
-            onClick: (b) => O(s, v),
+            onClick: ($) => O(s, v),
             severity: "success",
             type: "button"
-          }), null, 16, ["disabled", "label", "onClick"])) : S("", !0)
+          }), null, 16, ["disabled", "label", "onClick"])) : x("", !0)
         ], 2)
       ]),
       content: M(({ messages: s }) => [
-        h(k(P(s)), 1)
+        b(h(P(s)), 1)
       ]),
       _: 1
-    }, 16, ["file-limit"]));
+    }, 16, ["cancel-label", "file-limit", "upload-label"]));
   }
 });
 export {

package/hardwaresync/index.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as G, onMounted as K, shallowRef as u, computed as m, ref as X, watch as ee, createBlock as g, openBlock as p, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as C, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
+import { defineComponent as G, onMounted as K, shallowRef as u, computed as m, ref as X, watch as ee, createBlock as g, openBlock as p, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as C, createElementVNode as V, normalizeClass as $, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
 import { u as le } from "../utils/baseToast.util.es.js";
 import { u as oe, W as re, g as ie } from "../buttonscan/index.es.js";
 import { _ as R } from "../button/index.es.js";
 import { _ as ce } from "../dialog/index.es.js";
-import { _ as $ } from "../dropdown/index.es.js";
+import { _ as M } from "../dropdown/index.es.js";
 import { _ as ue } from "../icon/index.es.js";
 import { _ as de } from "../inlinemessage/index.es.js";
 const De = /* @__PURE__ */ G({
@@ -16,15 +16,15 @@ const De = /* @__PURE__ */ G({
     withoutScanBtn: { type: Boolean }
   },
   emits: ["update:visible", "scan"],
-  setup(W, { emit: x }) {
-    const o = W, k = x, P = le();
+  setup(W, { emit: P }) {
+    const o = W, k = P, U = le();
     K(() => {
       O();
     });
     const {
       device: _,
       devices: I,
-      saveDevices: U,
+      saveDevices: x,
       setDevice: Q,
       loadDevices: z
     } = oe(), i = {
@@ -44,7 +44,7 @@ const De = /* @__PURE__ */ G({
       () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
     ), H = m(() => o.searchBy === "RFID" && l.value.device), Y = m(() => o.searchBy === "QR" && r.value.device), D = m(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
       try {
-        U(n);
+        x(n);
         const a = f.value.some(
           (s) => {
             var t, v, S;
@@ -113,7 +113,7 @@ const De = /* @__PURE__ */ G({
           B(t);
           const { error: v } = (e == null ? void 0 : e.data) ?? {};
           v === "Driver not connected to server" ? (d.value = !1, c.value = h("DRIVER_NOT_FOUND")) : t.length || (d.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
-        } else e.status === "error_sync" && (d.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
+        } else e.status === "error_sync" && (d.value = !1, B([]), U.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,
@@ -168,7 +168,7 @@ const De = /* @__PURE__ */ G({
       default: E(() => [
         c.value ? (p(), g(de, {
           key: 0,
-          class: M(["p-[9.52px] transition"]),
+          class: $(["p-[9.52px] transition"]),
           message: c.value.detail,
           removable: !1,
           "show-icon": !1,
@@ -186,13 +186,13 @@ const De = /* @__PURE__ */ G({
           outlined: ""
         }, null, 8, ["disabled", "loading"]),
         V("section", {
-          class: M([
+          class: $([
             "grid grid-cols-2 gap-3 justify-start w-full",
             { "opacity-60 pointer-events-none": w.value }
           ]),
           "data-ts-section": "scanner-list"
         }, [
-          C($, {
+          C(M, {
             modelValue: l.value,
             "onUpdate:modelValue": [
               a[0] || (a[0] = (e) => l.value = e),
@@ -202,7 +202,7 @@ const De = /* @__PURE__ */ G({
             label: "RFID Scanner",
             "option-label": "label"
           }, null, 8, ["modelValue", "options"]),
-          C($, {
+          C(M, {
             modelValue: r.value,
             "onUpdate:modelValue": [
               a[1] || (a[1] = (e) => r.value = e),
@@ -224,7 +224,7 @@ const De = /* @__PURE__ */ G({
             C(ue, {
               icon: (e = n.searchBy) == null ? void 0 : e.toLowerCase()
             }, null, 8, ["icon"]),
-            V("h3", null, "Scan " + se(n.searchBy), 1)
+            V("h3", null, se(n.$t(`Scan ${n.searchBy}`)), 1)
           ];
         }),
         key: "0"