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

package/editor/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as De, mergeModels as ve, inject as Oe, useModel as ge, onMounted as je, reactive as Ke, shallowRef as x, ref as R, computed as X, watch as be, resolveDirective as We, createElementBlock as E, openBlock as f, Fragment as Y, createVNode as c, withCtx as v, createElementVNode as d, normalizeClass as _, createCommentVNode as U, createBlock as D, renderList as he, mergeProps as ze, unref as s, createTextVNode as Ge, toDisplayString as ye, withDirectives as qe, nextTick as Je } from "vue";
+import { defineComponent as De, mergeModels as ve, inject as Oe, useModel as ge, onMounted as je, reactive as Ke, shallowRef as x, ref as R, computed as X, watch as be, resolveDirective as We, createElementBlock as E, openBlock as f, Fragment as Y, createVNode as c, withCtx as v, createElementVNode as d, normalizeClass as _, createCommentVNode as U, createBlock as D, renderList as he, mergeProps as ze, unref as r, createTextVNode as Ge, toDisplayString as ye, withDirectives as qe, nextTick as Je } from "vue";
 import { u as Qe } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { B as Xe } from "../vendor/@tiptap/extension-bold/dist/index.es.js";
 import { B as Ye } from "../vendor/@tiptap/extension-bullet-list/dist/index.es.js";
@@ -10,8 +10,8 @@ import { H as ot } from "../vendor/@tiptap/extension-history/dist/index.es.js";
 import { I as lt } from "../vendor/@tiptap/extension-image/dist/index.es.js";
 import { I as nt } from "../vendor/@tiptap/extension-italic/dist/index.es.js";
 import { L as it } from "../vendor/@tiptap/extension-link/dist/index.es.js";
-import { L as st } from "../vendor/@tiptap/extension-list-item/dist/index.es.js";
-import { M as rt } from "../vendor/@tiptap/extension-mention/dist/index.es.js";
+import { L as rt } from "../vendor/@tiptap/extension-list-item/dist/index.es.js";
+import { M as st } from "../vendor/@tiptap/extension-mention/dist/index.es.js";
 import { O as dt } from "../vendor/@tiptap/extension-ordered-list/dist/index.es.js";
 import { P as ct } from "../vendor/@tiptap/extension-paragraph/dist/index.es.js";
 import { P as ut } from "../vendor/@tiptap/extension-placeholder/dist/index.es.js";
@@ -53,19 +53,19 @@ const It = ke.create({
       }
     ];
   },
-  renderHTML({ HTMLAttributes: r }) {
-    return ["codeSnippet", Ce(r)];
+  renderHTML({ HTMLAttributes: s }) {
+    return ["codeSnippet", Ce(s)];
   },
   addNodeView() {
     return _e(bt);
   },
   addCommands() {
     return {
-      insertCodeSnippet: () => ({ commands: r }) => r.insertContent({
+      insertCodeSnippet: () => ({ commands: s }) => s.insertContent({
         type: "codeSnippet",
         attrs: { code: "" }
       }),
-      deleteCodeSnippet: () => ({ commands: r }) => r.deleteSelection()
+      deleteCodeSnippet: () => ({ commands: s }) => s.deleteSelection()
     };
   }
 }), Bt = ke.create({
@@ -89,30 +89,30 @@ const It = ke.create({
       }
     ];
   },
-  renderHTML({ HTMLAttributes: r }) {
-    return ["mentionSection", Ce(r)];
+  renderHTML({ HTMLAttributes: s }) {
+    return ["mentionSection", Ce(s)];
   },
   addNodeView() {
     return _e(ht);
   },
   addCommands() {
     return {
-      insertMentionSection: (r) => ({ commands: g }) => g.insertContent({
+      insertMentionSection: (s) => ({ commands: g }) => g.insertContent({
         type: "mentionSection",
         attrs: {
-          title: r,
+          title: s,
           bodyText: null
         }
       }),
-      deleteMentionSection: () => ({ commands: r }) => r.deleteSelection()
+      deleteMentionSection: () => ({ commands: s }) => s.deleteSelection()
     };
   }
 }), Ht = () => ({
   render: () => {
-    let r, g;
+    let s, g;
     return {
       onStart(m) {
-        r = new ft(xt, {
+        s = new ft(xt, {
           props: {
             items: m.items,
             command: m.command
@@ -121,7 +121,7 @@ const It = ke.create({
         }), m.clientRect && (g = yt("body", {
           getReferenceClientRect: m.clientRect,
           appendTo: () => document.body,
-          content: r.element,
+          content: s.element,
           showOnCreate: !0,
           interactive: !0,
           trigger: "manual",
@@ -129,15 +129,15 @@ const It = ke.create({
         }));
       },
       onUpdate(m) {
-        r.updateProps(m), m.clientRect && g[0].setProps({
+        s.updateProps(m), m.clientRect && g[0].setProps({
           getReferenceClientRect: m.clientRect
         });
       },
       onKeyDown(m) {
-        return m.event.key === "Escape" ? (g[0].hide(), !0) : r.ref.onKeyDown(m.event);
+        return m.event.key === "Escape" ? (g[0].hide(), !0) : s.ref.onKeyDown(m.event);
       },
       onExit() {
-        g[0].destroy(), r.destroy();
+        g[0].destroy(), s.destroy();
       }
     };
   }
@@ -196,10 +196,10 @@ const It = ke.create({
     mentionedListModifiers: {}
   }),
   emits: /* @__PURE__ */ ve(["update:modelValue", "postImageLocal", "deleteImageLocal", "blur", "focus", "update:mentionedList"], ["update:modelValue", "update:mentionedList"]),
-  setup(r, { expose: g, emit: m }) {
-    const we = Oe("preset", {}).menu, l = r, V = m;
-    ge(r, "modelValue");
-    const Se = ge(r, "mentionedList");
+  setup(s, { expose: g, emit: m }) {
+    const we = Oe("preset", {}).menu, l = s, V = m;
+    ge(s, "modelValue");
+    const Se = ge(s, "mentionedList");
     je(() => {
       l.useValidator && (Object.assign(
         b,
@@ -259,7 +259,7 @@ const It = ke.create({
       editable: l.editorState === "editable",
       extensions: [
         ut.configure({
-          emptyEditorClass: "is-editor-empty !text-general-200 !font-light",
+          emptyEditorClass: "is-editor-empty !text-general-200 dark:!text-general-600 !font-light",
           placeholder: Ae.value,
           includeChildren: !1
         }),
@@ -309,7 +309,7 @@ const It = ke.create({
             class: "list-disc px-3 py-1"
           }
         }),
-        st,
+        rt,
         // Marks
         Xe,
         nt,
@@ -325,9 +325,9 @@ const It = ke.create({
           openOnClick: !1
         }),
         ot,
-        rt.configure({
+        st.configure({
           HTMLAttributes: {
-            class: "bg-primary-200 text-primary-800 rounded-[50px] px-1"
+            class: "bg-primary-200 dark:bg-primary-300 text-primary-800 dark:text-primary-800 rounded-[50px] px-1"
           },
           suggestion: {
             items({ query: t }) {
@@ -344,7 +344,7 @@ const It = ke.create({
         tt
       ]
     }), Le = X(() => {
-      var S, y, A, L, I, B, H, F, W, re, de, ce, ue, me, pe, fe;
+      var S, y, A, L, I, B, H, F, W, se, de, ce, ue, me, pe, fe;
       if (!a.value) return [];
       const {
         toggleBold: t,
@@ -424,7 +424,7 @@ const It = ke.create({
         },
         {
           icon: "code-line",
-          active: (re = a.value) == null ? void 0 : re.isActive("code"),
+          active: (se = a.value) == null ? void 0 : se.isActive("code"),
           tooltipText: "Inline Code | Ctrl + E",
           onClick: () => {
             e(), u();
@@ -586,7 +586,7 @@ const It = ke.create({
         /* @__PURE__ */ new Set([...P.value, t])
       )), T.value && ((i = a.value) == null || i.commands.setImage({ src: T.value }), P.value = Array.from(
         /* @__PURE__ */ new Set([...P.value, T.value])
-      )), T.value = void 0, se();
+      )), T.value = void 0, re();
     }, ne = () => {
       var t;
       N.value && N.value.title === "localImage" && V("deleteImageLocal", N.value), (t = a.value) == null || t.commands.deleteSelection();
@@ -611,7 +611,7 @@ const It = ke.create({
       var n, o;
       const { insertCodeSnippet: t, deleteCodeSnippet: e } = (n = a.value) == null ? void 0 : n.commands;
       return (o = a.value) != null && o.isActive("codeSnippet") ? e() : t(), !1;
-    }, se = () => {
+    }, re = () => {
       a.value.commands.createParagraphNear();
     }, Ee = (t) => {
       var e;
@@ -651,11 +651,12 @@ const It = ke.create({
               ref_key: "root",
               ref: ae,
               class: _([
-                "rounded-b text-grayscale-900 w-full",
+                "rounded-b text-grayscale-900 dark:text-grayscale-100 w-full",
                 "[&:has(:focus)]:border-general-200 border-general-100",
                 `${t.borderLess || t.editorState === "readonly" ? "border-none" : "border-[0.5px]"}`,
                 // Inline Code
                 "[&_code]:bg-primary-100",
+                // TODO: Dark mode
                 "[&_code]:rounded-md",
                 "[&_code]:p-[0.25em_0.3em]",
                 "[&_code]:text-[0.85rem]",
@@ -667,7 +668,7 @@ const It = ke.create({
               l.editorState === "editable" ? (f(), E("div", {
                 key: 0,
                 class: _([
-                  "border-b-[0.5px] border-inherit px-3 py-1 flex gap-1 bg-general-50",
+                  "border-b-[0.5px] border-inherit px-3 py-1 flex gap-1 bg-general-50 dark:bg-grayscale-800",
                   `${l.toolbarWrapperClass}`
                 ]),
                 "data-wv-section": "toolbar"
@@ -677,11 +678,12 @@ const It = ke.create({
                   class: [{ "!bg-primary-50 ": o.active }, o.class]
                 }), null, 16, ["class"]))), 128))
               ], 2)) : U("", !0),
-              k.value ? U("", !0) : (f(), D(s(gt), {
+              k.value ? U("", !0) : (f(), D(r(gt), {
                 key: 1,
                 class: _([
                   `${l.editorState === "editable" ? "px-3 py-2" : ""} [&_*]:outline-none`,
                   "[&_.is-editor-empty:first-child::before]:text-general-200",
+                  "dark:[&_.is-editor-empty:first-child::before]:text-general-600",
                   "[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
                   "[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
                   "[&_.is-editor-empty:first-child::before]:font-normal",
@@ -705,10 +707,10 @@ const It = ke.create({
                   "[&_*:has(code)]:my-[0.25rem]",
                   `${l.contentWrapperClass}`
                 ]),
-                editor: s(a),
+                editor: r(a),
                 spellcheck: "false"
               }, null, 8, ["class", "editor"])),
-              c(s(kt), {
+              c(r(kt), {
                 ref_key: "headingMenu",
                 ref: te,
                 model: Me.value,
@@ -719,11 +721,12 @@ const It = ke.create({
                   return [
                     d("a", {
                       class: _([
-                        ...(i = s(we)) == null ? void 0 : i.action.class,
+                        ...(i = r(we)) == null ? void 0 : i.action.class,
                         o.class,
                         "flex items-center !justify-between h-[30px]",
                         {
-                          "bg-primary-50": ((u = s(a)) == null ? void 0 : u.isActive("heading", { level: 1 })) && o.label === "Heading 1" || ((p = s(a)) == null ? void 0 : p.isActive("heading", { level: 2 })) && o.label === "Heading 2" || ((C = s(a)) == null ? void 0 : C.isActive("heading", { level: 3 })) && o.label === "Heading 3" || ((w = s(a)) == null ? void 0 : w.isActive("heading", { level: 4 })) && o.label === "Heading 4" || ((h = s(a)) == null ? void 0 : h.isActive("heading", { level: 5 })) && o.label === "Heading 5" || ((S = s(a)) == null ? void 0 : S.isActive("heading", { level: 6 })) && o.label === "Heading 6" || ((y = s(a)) == null ? void 0 : y.isActive("paragraph")) && o.label === "Paragraf"
+                          // TODO: Dark mode
+                          "bg-primary-50": ((u = r(a)) == null ? void 0 : u.isActive("heading", { level: 1 })) && o.label === "Heading 1" || ((p = r(a)) == null ? void 0 : p.isActive("heading", { level: 2 })) && o.label === "Heading 2" || ((C = r(a)) == null ? void 0 : C.isActive("heading", { level: 3 })) && o.label === "Heading 3" || ((w = r(a)) == null ? void 0 : w.isActive("heading", { level: 4 })) && o.label === "Heading 4" || ((h = r(a)) == null ? void 0 : h.isActive("heading", { level: 5 })) && o.label === "Heading 5" || ((S = r(a)) == null ? void 0 : S.isActive("heading", { level: 6 })) && o.label === "Heading 6" || ((y = r(a)) == null ? void 0 : y.isActive("paragraph")) && o.label === "Paragraf"
                         }
                       ]),
                       title: o.label,
@@ -739,12 +742,12 @@ const It = ke.create({
                 }),
                 _: 1
               }, 8, ["model"]),
-              s(a) && l.editorState === "editable" ? (f(), D(s(Z), {
+              r(a) && l.editorState === "editable" ? (f(), D(r(Z), {
                 key: 2,
-                editor: s(a),
+                editor: r(a),
                 "should-show": () => {
                   var o, i;
-                  return ((o = s(a)) == null ? void 0 : o.isActive("codeSnippet")) || ((i = s(a)) == null ? void 0 : i.isActive("mentionSection"));
+                  return ((o = r(a)) == null ? void 0 : o.isActive("codeSnippet")) || ((i = r(a)) == null ? void 0 : i.isActive("mentionSection"));
                 },
                 "tippy-options": { placement: "top", zIndex: 9 },
                 class: "-mt-1.5 shadow-panel",
@@ -753,7 +756,7 @@ const It = ke.create({
                 default: v(() => [
                   d("div", Nt, [
                     c(M, {
-                      onClick: se,
+                      onClick: re,
                       icon: "close",
                       severity: "secondary",
                       text: "",
@@ -763,12 +766,12 @@ const It = ke.create({
                 ]),
                 _: 1
               }, 8, ["editor", "should-show"])) : U("", !0),
-              s(a) && !O.value && l.editorState === "editable" ? (f(), D(s(Z), {
+              r(a) && !O.value && l.editorState === "editable" ? (f(), D(r(Z), {
                 key: 3,
-                editor: s(a),
+                editor: r(a),
                 "should-show": () => {
                   var o;
-                  return (o = s(a)) == null ? void 0 : o.isActive("link");
+                  return (o = r(a)) == null ? void 0 : o.isActive("link");
                 },
                 "tippy-options": { placement: "bottom", zIndex: 9 },
                 class: "-mt-1.5 shadow-panel",
@@ -871,12 +874,12 @@ const It = ke.create({
                 ]),
                 _: 1
               }, 8, ["visible"]),
-              s(a) && l.editorState === "editable" ? (f(), D(s(Z), {
+              r(a) && l.editorState === "editable" ? (f(), D(r(Z), {
                 key: 4,
-                editor: s(a),
+                editor: r(a),
                 "should-show": () => {
                   var o;
-                  return !!((o = s(a)) != null && o.isActive("image"));
+                  return !!((o = r(a)) != null && o.isActive("image"));
                 },
                 "tippy-options": { placement: "top", zIndex: 9 },
                 class: "-mt-1.5 shadow-panel",
@@ -943,7 +946,7 @@ const It = ke.create({
                     "use-validator": ""
                   }, null, 8, ["value"]),
                   c(ee, {
-                    label: (i = s(a)) != null && i.isActive("link") ? "Simpan" : "Tambahkan",
+                    label: (i = r(a)) != null && i.isActive("link") ? "Simpan" : "Tambahkan",
                     class: "w-max ml-auto",
                     severity: "secondary",
                     type: "submit"

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 y, 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 g, withCtx as M, createTextVNode as h, toDisplayString as B, createElementVNode as N, normalizeClass as k, 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";
@@ -6,9 +6,9 @@ import { _ as le } from "../fieldwrapper/index.es.js";
 import { _ as se } from "../inputtext/index.es.js";
 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'" }, re = 1048576, ye = /* @__PURE__ */ D({
+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'" }, re = 104857
     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 = y(), t = y(), o = y(), E = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = y(!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'" }, re = 104857
       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,34 +84,36 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 104857
     }, 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;
       } else
         t.value = void 0;
-    }), (e, l) => (f(), A(m(ae), g(a, {
+    }), (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", {
-          class: k([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
+        C("div", {
+          class: B([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
         }, [
-          w(le, g(m(c).wrapper, {
+          w(le, y(m(c).wrapper, {
             "error-messages": u.value,
             label: a.label,
             mandatory: a.mandatory
@@ -123,54 +125,56 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 104857
                 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", {
                 key: 0,
-                class: k([{
+                class: B([{
                   "justify-between": n.errorMessage || t.value,
                   "justify-end": (!n.errorMessage || !t.value) && a.validatorMessage
                 }, "flex w-full"])
               }, [
                 w(oe, {
-                  class: k(a.validatorMessageClass),
+                  class: B(a.validatorMessageClass),
                   message: t.value ?? n.errorMessage
                 }, null, 8, ["class", "message"]),
-                a.fileExtensions || a.fileRequirements ? (f(), F("div", W(g({ key: 0 }, m(c).requirements)), [
-                  N("small", te, [
-                    e.fileRequirements ? (f(), F(C, { key: 0 }, [
-                      h(B(e.fileRequirements), 1)
-                    ], 64)) : (f(), F(C, { key: 1 }, [
-                      h(B(a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`), 1)
+                a.fileExtensions || a.fileRequirements ? (f(), F("div", W(y({ key: 0 }, m(c).requirements)), [
+                  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, g({ key: 0 }, m(c).buttonupload({ props: a }), {
+          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(B(P(s)), 1)
+        b(h(P(s)), 1)
       ]),
       _: 1
-    }, 16, ["file-limit"]));
+    }, 16, ["cancel-label", "file-limit", "upload-label"]));
   }
 });
 export {
-  ye as _
+  ge as _
 };

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"

package/headercell/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as c, createElementVNode as r, normalizeProps as p, guardReactiveProps as i, createBlock as s, createCommentVNode as a, createTextVNode as d, toDisplayString as f } from "vue";
+import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as p, createElementVNode as r, normalizeProps as c, guardReactiveProps as i, createBlock as s, createCommentVNode as a, createTextVNode as d, toDisplayString as f } from "vue";
 import { _ as l } from "../icon/index.es.js";
 const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
   __name: "HeaderCell",
@@ -11,13 +11,13 @@ const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
   },
   setup(y) {
     return (e, h) => (o(), t("th", {
-      class: c([e.col.headerClass, e.col.class]),
+      class: p([e.col.headerClass, e.col.class]),
       colspan: e.col.colspan,
       rowspan: e.col.rowspan ?? e.defaultHeaderRowSpan
     }, [
-      r("span", p(i(e.preset.headercellcontent)), [
+      r("span", c(i(e.preset.headercellcontent)), [
         r("span", u, [
-          d(f(e.col.header) + " ", 1),
+          d(f(e.$t(e.col.header)) + " ", 1),
           e.col.info ? (o(), s(l, {
             key: 0,
             info: e.col.info,