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

package/dialogreportdamage/index.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as j, computed as v, ref as B, shallowRef as $, watch as V, createElementBlock as R, openBlock as u, Fragment as J, createVNode as l, withCtx as S, createElementVNode as b, createCommentVNode as m, unref as q, createBlock as k, createTextVNode as O, toDisplayString as H } from "vue";
+import { defineComponent as J, computed as v, ref as V, shallowRef as x, watch as q, createElementBlock as R, openBlock as u, Fragment as O, createVNode as l, withCtx as S, createElementVNode as b, createCommentVNode as m, unref as I, createBlock as k, createTextVNode as H, toDisplayString as F } from "vue";
 import { DamageServices as K, AssetServices as P } from "@tagsamurai/fats-api-services";
 import { u as X, _ as Y } from "../assetinfo/index.es.js";
 import { a as Z } from "../utils/role.util.es.js";
 import { u as ee } from "../utils/toast.util.es.js";
-import { _ as I } from "../badge/index.es.js";
+import { _ as E } from "../badge/index.es.js";
 import { _ as te } from "../button/index.es.js";
-import { _ as E } from "../buttonscan/index.es.js";
+import { _ as Q } from "../buttonscan/index.es.js";
 import { _ as ae } from "../dialogconfirm/index.es.js";
 import { _ as se } from "../dialogform/index.es.js";
 import { _ as oe } from "../icon/index.es.js";
@@ -22,7 +22,7 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
 }, pe = { class: "flex" }, fe = {
   key: 0,
   class: "flex mr-1"
-}, Ue = /* @__PURE__ */ j({
+}, Ue = /* @__PURE__ */ J({
   __name: "DialogReportDamage",
   props: {
     id: {},
@@ -33,49 +33,49 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
     submitFunction: { type: Function }
   },
   emits: ["update:visible", "reported"],
-  setup(Q, { emit: G }) {
-    const r = Q, g = G, { plan: L } = JSON.parse(
+  setup(G, { emit: L }) {
+    const r = G, g = L, { plan: M } = JSON.parse(
       localStorage.getItem("user") ?? "{}"
-    ), { setLoading: F } = X(), c = ee(), h = v(() => r.visible), w = v(
+    ), { setLoading: T } = X(), c = ee(), h = v(() => r.visible), w = v(
       () => {
-        var s, e, t, a;
-        return ((e = (s = i.value) == null ? void 0 : s.asset) == null ? void 0 : e.rfid) || ((a = (t = i.value) == null ? void 0 : t.asset) == null ? void 0 : a.qr);
+        var a, e, t, s;
+        return ((e = (a = i.value) == null ? void 0 : a.asset) == null ? void 0 : e.rfid) || ((s = (t = i.value) == null ? void 0 : t.asset) == null ? void 0 : s.qr);
       }
-    ), T = B(), i = B(), x = $(!1), n = $(!1), D = $(), p = v(() => {
-      var s, e;
-      return ((e = (s = i.value) == null ? void 0 : s.asset) == null ? void 0 : e.tagReported) ?? {};
-    }), M = v(() => {
-      var o, d, f, _, C, N;
-      const s = (o = p.value) == null ? void 0 : o.qr, e = (d = p.value) == null ? void 0 : d.rfid, t = !!((_ = (f = i.value) == null ? void 0 : f.asset) != null && _.qr), a = !!((N = (C = i.value) == null ? void 0 : C.asset) != null && N.rfid);
-      return (!e && !s || !s && t || !e && a) && !n.value;
-    }), U = v(() => {
-      const { qr: s, rfid: e } = p.value ?? {};
-      return s && e ? "RFID & QR Reported" : e ? "RFID Reported" : s ? "QR Reported" : "";
-    }), W = async (s) => {
+    ), U = V(), i = V(), $ = x(!1), n = x(!1), D = x(), p = v(() => {
+      var a, e;
+      return ((e = (a = i.value) == null ? void 0 : a.asset) == null ? void 0 : e.tagReported) ?? {};
+    }), W = v(() => {
+      var o, d, f, _, N, B;
+      const a = (o = p.value) == null ? void 0 : o.qr, e = (d = p.value) == null ? void 0 : d.rfid, t = !!((_ = (f = i.value) == null ? void 0 : f.asset) != null && _.qr), s = !!((B = (N = i.value) == null ? void 0 : N.asset) != null && B.rfid);
+      return (!e && !a || !a && t || !e && s) && !n.value;
+    }), A = v(() => {
+      const { qr: a, rfid: e } = p.value ?? {};
+      return a && e ? "RFID & QR Reported" : e ? "RFID Reported" : a ? "QR Reported" : "";
+    }), z = async (a) => {
       try {
-        F(!0);
+        T(!0);
         const e = {
-          notes: s.formValues.notes,
-          image: s.formValues.image,
+          notes: a.formValues.notes,
+          image: a.formValues.image,
           reportSource: r.reportSource,
           serialNumber: D.value
         }, t = "Success, damaged asset report has been submitted.";
         if (r.submitFunction)
           await r.submitFunction(e) && (c.add({ message: r.successMessage ?? t }), g("reported"), y());
         else {
-          const { data: a } = await K.putReportDamage(r.id, e);
-          a && (c.add({ message: r.successMessage ?? t }), g("reported"), y());
+          const { data: s } = await K.putReportDamage(r.id, e);
+          s && (c.add({ message: r.successMessage ?? t }), g("reported"), y());
         }
       } catch (e) {
         c.add({ error: e, message: "Error, failed to report damaged asset." });
       } finally {
-        F(!1);
+        T(!1);
       }
-    }, A = async (s, e, t) => {
-      var a;
+    }, C = async (a, e, t) => {
+      var s;
       try {
         const { data: o } = await P.matchAssetWithTag(r.id, e);
-        return D.value = t, (a = o == null ? void 0 : o.data) != null && a.totalRecords ? !0 : (c.add({
+        return D.value = t, (s = o == null ? void 0 : o.data) != null && s.totalRecords ? !0 : (c.add({
           severity: "error",
           message: "Error, failed to verify. TAG doesn't match.",
           group: "scan-error-validation"
@@ -88,20 +88,20 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
         });
       }
       return !1;
-    }, z = () => {
-      x.value = !0, y();
+    }, j = () => {
+      $.value = !0, y();
     }, y = () => {
       g("update:visible", !1);
     };
-    return V(h, () => {
+    return q(h, () => {
       n.value = !!r.byUser, D.value = void 0;
-    }), V(n, (s) => {
+    }), q(n, (a) => {
       var e;
-      s || (e = T.value.form) == null || e.clearField();
-    }), (s, e) => (u(), R(J, null, [
+      a || (e = U.value.form) == null || e.clearField();
+    }), (a, e) => (u(), R(O, null, [
       l(se, {
         ref_key: "dialogForm",
-        ref: T,
+        ref: U,
         visible: h.value,
         "onUpdate:visible": e[2] || (e[2] = (t) => h.value = t),
         "buttons-template": ["cancel", "submit"],
@@ -118,8 +118,8 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
         confirm: S((t) => [
           l(ae, {
             visible: t.visible,
-            onConfirm: (a) => t.submit(W),
-            "onUpdate:visible": (a) => !a && t.hide(),
+            onConfirm: (s) => t.submit(z),
+            "onUpdate:visible": (s) => !s && t.hide(),
             body: "Are you sure want to continue?",
             "confirm-label": "Continue",
             "data-ts-section": "confirm-dialog",
@@ -127,35 +127,35 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
             severity: "danger"
           }, {
             body: S(() => {
-              var a, o, d;
+              var s, o, d;
               return [
                 b("p", null, [
-                  b("span", de, H(((d = (o = (a = i.value) == null ? void 0 : a.asset) == null ? void 0 : o.name) == null ? void 0 : d.nameWithSequence) ?? "-"), 1),
-                  e[5] || (e[5] = O(" will be reported as damaged asset. "))
+                  b("span", de, F(((d = (o = (s = i.value) == null ? void 0 : s.asset) == null ? void 0 : o.name) == null ? void 0 : d.nameWithSequence) ?? "-"), 1),
+                  H(" " + F(a.$t("will be reported as damaged asset.")), 1)
                 ]),
-                e[6] || (e[6] = b("p", null, "Are you sure want to continue?", -1))
+                b("p", null, F(a.$t("Are you sure want to continue?")), 1)
               ];
             }),
             _: 2
           }, 1032, ["visible", "onConfirm", "onUpdate:visible"])
         ]),
         fields: S(() => {
-          var t, a, o, d, f;
+          var t, s, o, d, f;
           return [
             b("div", ue, [
               l(Y, {
                 id: r.id,
                 ref_key: "assetInfo",
                 ref: i,
-                "use-tag-type": q(Z)() !== "Basic"
+                "use-tag-type": I(Z)() !== "Basic"
               }, null, 8, ["id", "use-tag-type"]),
               (t = i.value) != null && t.asset ? (u(), R("div", me, [
-                !r.byUser && w.value && q(L) !== "Basic" ? (u(), R("div", ce, [
+                !r.byUser && w.value && I(M) !== "Basic" ? (u(), R("div", ce, [
                   b("div", pe, [
-                    (o = (a = i.value) == null ? void 0 : a.asset) != null && o.rfid ? (u(), R("div", fe, [
-                      l(E, {
+                    (o = (s = i.value) == null ? void 0 : s.asset) != null && o.rfid ? (u(), R("div", fe, [
+                      l(Q, {
                         disabled: p.value.rfid,
-                        "scan-validation": A,
+                        "scan-validation": C,
                         onScan: e[0] || (e[0] = (_) => n.value = !0),
                         size: "small"
                       }, null, 8, ["disabled"]),
@@ -166,28 +166,28 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
                         severity: "primary"
                       })
                     ])) : m("", !0),
-                    (f = (d = i.value) == null ? void 0 : d.asset) != null && f.qr ? (u(), k(E, {
+                    (f = (d = i.value) == null ? void 0 : d.asset) != null && f.qr ? (u(), k(Q, {
                       key: 1,
                       disabled: p.value.qr,
-                      "scan-validation": A,
+                      "scan-validation": C,
                       onScan: e[1] || (e[1] = (_) => n.value = !0),
                       size: "small",
                       type: "QR"
                     }, null, 8, ["disabled"])) : m("", !0)
                   ]),
-                  l(I, {
+                  l(E, {
                     label: n.value ? "Verified" : "Unverified",
                     severity: n.value ? "success" : "warning"
                   }, null, 8, ["label", "severity"]),
-                  U.value ? (u(), k(I, {
+                  A.value ? (u(), k(E, {
                     key: 0,
-                    label: U.value,
+                    label: A.value,
                     format: "nowrap",
                     severity: "danger"
                   }, null, 8, ["label"])) : m("", !0),
-                  M.value ? (u(), k(te, {
+                  W.value ? (u(), k(te, {
                     key: 1,
-                    onClick: z,
+                    onClick: j,
                     label: "Report TAG",
                     text: ""
                   })) : m("", !0)
@@ -230,8 +230,8 @@ const de = { class: "font-bold" }, ue = { class: "flex flex-col gap-3" }, me = {
       }, 8, ["visible"]),
       l(ne, {
         id: r.id,
-        visible: x.value,
-        "onUpdate:visible": e[3] || (e[3] = (t) => x.value = t),
+        visible: $.value,
+        "onUpdate:visible": e[3] || (e[3] = (t) => $.value = t),
         onReported: e[4] || (e[4] = (t) => g("reported"))
       }, null, 8, ["id", "visible"])
     ], 64));

package/dialogreportmissing/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as x, computed as r, ref as k, createBlock as f, openBlock as b, withCtx as l, createElementVNode as o, createVNode as y, unref as R, createTextVNode as B, toDisplayString as v } from "vue";
-import { TrackingServices as C, MissingServices as $ } from "@tagsamurai/fats-api-services";
-import { u as F, _ as N } from "../assetinfo/index.es.js";
-import { a as A } from "../utils/role.util.es.js";
-import { u as E } from "../utils/toast.util.es.js";
-import { _ as I } from "../dialogconfirm/index.es.js";
-import { _ as U } from "../dialogform/index.es.js";
-import { _ as V } from "../textarea/index.es.js";
-const T = { class: "font-bold" }, W = { class: "flex flex-col gap-3" }, J = /* @__PURE__ */ x({
+import { defineComponent as $, computed as l, ref as k, resolveDirective as R, createBlock as b, openBlock as y, withCtx as m, createElementVNode as p, createVNode as v, unref as x, withDirectives as B, toDisplayString as C } from "vue";
+import { TrackingServices as F, MissingServices as A } from "@tagsamurai/fats-api-services";
+import { u as D, _ as E } from "../assetinfo/index.es.js";
+import { a as I } from "../utils/role.util.es.js";
+import { u as N } from "../utils/toast.util.es.js";
+import { _ as U } from "../dialogconfirm/index.es.js";
+import { _ as V } from "../dialogform/index.es.js";
+import { _ as W } from "../textarea/index.es.js";
+const H = { class: "flex flex-col gap-3" }, K = /* @__PURE__ */ $({
   __name: "DialogReportMissing",
   props: {
     id: {},
@@ -20,99 +20,107 @@ const T = { class: "font-bold" }, W = { class: "flex flex-col gap-3" }, J = /* @
   },
   emits: ["update:visible", "reported"],
   setup(_, { emit: M }) {
-    const e = _, a = M, { setLoading: m } = F(), n = E(), p = r(() => e.visible), h = r(
+    const e = _, i = M, { setLoading: c } = D(), o = N(), d = l(() => e.visible), h = l(
       () => e.permanentlyMissing ? "Report Permanently Missing" : "Report Missing"
-    ), S = r(
+    ), S = l(
       () => e.permanentlyMissing ? "Report as Permanenly Missing" : "Report Missing Asset"
-    ), d = k(), w = async (c) => {
+    ), u = k(), w = async (r) => {
       try {
-        m(!0);
+        c(!0);
         const s = {
-          notes: c.formValues.notes,
+          notes: r.formValues.notes,
           reportSource: e.reportSource
-        }, t = e.permanentlyMissing ? "Success, asset has been reported as permanently missing." : "Success, missing asset has been reported.";
+        }, a = e.permanentlyMissing ? "Success, asset has been reported as permanently missing." : "Success, missing asset has been reported.";
         if (e.submitWithoutApi)
-          n.add({ message: e.successMessage ?? t }), a("reported", s), a("update:visible", !1);
+          o.add({ message: e.successMessage ?? a }), i("reported", s), i("update:visible", !1);
         else if (e.submitFunction)
-          await e.submitFunction(s) && (n.add({ message: e.successMessage ?? t }), a("reported"), a("update:visible", !1));
+          await e.submitFunction(s) && (o.add({ message: e.successMessage ?? a }), i("reported"), i("update:visible", !1));
         else {
-          const { data: i } = e.permanentlyMissing ? await C.putReportPermanentlyMissing(
+          const { data: t } = e.permanentlyMissing ? await F.putReportPermanentlyMissing(
             e.trackingId ?? "",
             s
-          ) : await $.putReportMissing(e.id, s);
-          i && (n.add({ message: e.successMessage ?? t }), a("reported"), a("update:visible", !1));
+          ) : await A.putReportMissing(e.id, s);
+          t && (o.add({ message: e.successMessage ?? a }), i("reported"), i("update:visible", !1));
         }
       } catch (s) {
-        const t = e.permanentlyMissing ? "Error, failed to report asset as permanently missing." : "Error, failed to report missing asset.";
-        n.add({ error: s, message: t });
+        const a = e.permanentlyMissing ? "Error, failed to report asset as permanently missing." : "Error, failed to report missing asset.";
+        o.add({ error: s, message: a });
       } finally {
-        m(!1);
+        c(!1);
       }
     };
-    return (c, s) => (b(), f(U, {
-      visible: p.value,
-      "onUpdate:visible": s[0] || (s[0] = (t) => p.value = t),
-      "buttons-template": ["cancel", "submit"],
-      header: h.value,
-      "reset-after-submit": !1,
-      "show-stay-checkbox": !1,
-      "use-clear-btn": !1,
-      onClose: s[1] || (s[1] = (t) => a("update:visible", !1)),
-      action: "Submit",
-      closable: "",
-      "data-ts-name": "report-missing",
-      width: "large"
-    }, {
-      confirm: l((t) => [
-        y(I, {
-          header: S.value,
-          visible: t.visible,
-          onConfirm: (i) => t.submit(w),
-          "onUpdate:visible": (i) => !i && t.hide(),
-          "confirm-label": "Report",
-          "data-ts-section": "confirm-dialog",
-          severity: "danger"
-        }, {
-          body: l(() => {
-            var i, u, g;
-            return [
-              o("p", null, [
-                o("span", T, v(((g = (u = (i = d.value) == null ? void 0 : i.asset) == null ? void 0 : u.name) == null ? void 0 : g.nameWithSequence) ?? "-"), 1),
-                B(" will be reported as " + v(e.permanentlyMissing ? "permanently missing asset" : "missing asset") + ". ", 1)
-              ]),
-              s[2] || (s[2] = o("p", null, "Are you sure you want to report it?", -1))
-            ];
-          }),
-          _: 2
-        }, 1032, ["header", "visible", "onConfirm", "onUpdate:visible"])
-      ]),
-      fields: l(() => [
-        o("div", W, [
-          (b(), f(N, {
-            id: e.id,
-            key: e.id,
-            ref_key: "assetInfo",
-            ref: d,
-            "use-tag-type": R(A)() !== "Basic"
-          }, null, 8, ["id", "use-tag-type"])),
-          y(V, {
-            "custom-validation": { empty: "Note must not be empty" },
-            "max-input": 120,
-            rows: 3,
-            "data-ts-section": "notes-input",
-            "field-name": "notes",
-            "input-class": "!min-h-[67px]",
-            label: "Note",
-            mandatory: "",
-            placeholder: "Enter note",
-            "use-validator": ""
-          })
-        ])
-      ]),
-      _: 1
-    }, 8, ["visible", "header"]));
+    return (r, s) => {
+      const a = R("safe-html");
+      return y(), b(V, {
+        visible: d.value,
+        "onUpdate:visible": s[0] || (s[0] = (t) => d.value = t),
+        "buttons-template": ["cancel", "submit"],
+        header: h.value,
+        "reset-after-submit": !1,
+        "show-stay-checkbox": !1,
+        "use-clear-btn": !1,
+        onClose: s[1] || (s[1] = (t) => i("update:visible", !1)),
+        action: "Submit",
+        closable: "",
+        "data-ts-name": "report-missing",
+        width: "large"
+      }, {
+        confirm: m((t) => [
+          v(U, {
+            header: S.value,
+            visible: t.visible,
+            onConfirm: (n) => t.submit(w),
+            "onUpdate:visible": (n) => !n && t.hide(),
+            "confirm-label": "Report",
+            "data-ts-section": "confirm-dialog",
+            severity: "danger"
+          }, {
+            body: m(() => {
+              var n, f, g;
+              return [
+                B(p("p", null, null, 512), [
+                  [
+                    a,
+                    r.$t(
+                      `|%s| will be reported as ${e.permanentlyMissing ? "permanently missing asset" : "missing asset"}`,
+                      ((g = (f = (n = u.value) == null ? void 0 : n.asset) == null ? void 0 : f.name) == null ? void 0 : g.nameWithSequence) ?? "-"
+                    )
+                  ]
+                ]),
+                p("p", null, C(r.$t("Are you sure you want to report it?")), 1)
+              ];
+            }),
+            _: 2
+          }, 1032, ["header", "visible", "onConfirm", "onUpdate:visible"])
+        ]),
+        fields: m(() => [
+          p("div", H, [
+            (y(), b(E, {
+              id: e.id,
+              key: e.id,
+              ref_key: "assetInfo",
+              ref: u,
+              "use-tag-type": x(I)() !== "Basic"
+            }, null, 8, ["id", "use-tag-type"])),
+            v(W, {
+              "custom-validation": { empty: "Note must not be empty" },
+              "max-input": 120,
+              rows: 3,
+              "data-ts-section": "notes-input",
+              "field-name": "notes",
+              "input-class": "!min-h-[67px]",
+              label: "Note",
+              mandatory: "",
+              placeholder: "Enter note",
+              "use-validator": ""
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
   }
 });
 export {
-  J as _
+  K as _
 };

package/dialogselecttree/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, mergeModels as T, useModel as P, inject as U, ref as o, computed as W, watch as b, createBlock as N, openBlock as d, unref as f, createSlots as O, withCtx as g, createVNode as B, mergeProps as z, renderSlot as D, createElementVNode as K, createElementBlock as k, createCommentVNode as h, normalizeClass as V, toDisplayString as L, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
+import { defineComponent as P, mergeModels as T, useModel as U, inject as W, ref as o, computed as x, watch as b, createBlock as N, openBlock as d, unref as f, createSlots as O, withCtx as g, createVNode as B, mergeProps as z, renderSlot as $, createElementVNode as D, createElementBlock as k, createCommentVNode as h, normalizeClass as V, toDisplayString as K, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
 import { g as Q } from "../utils/object.util.es.js";
 import { _ as j } from "../button/index.es.js";
 import { _ as R } from "../dialog/index.es.js";
@@ -15,7 +15,7 @@ const ee = {
 }, te = {
   class: "flex gap-1 items-center justify-end",
   "data-wv-section": "footer-button"
-}, ue = /* @__PURE__ */ G({
+}, ue = /* @__PURE__ */ P({
   __name: "DialogSelectTree",
   props: /* @__PURE__ */ T({
     fetchTree: {},
@@ -77,8 +77,8 @@ const ee = {
     visibleModifiers: {}
   }),
   emits: /* @__PURE__ */ T(["select", "hide"], ["update:visible"]),
-  setup($, { expose: A, emit: x }) {
-    const s = $, C = x, n = P($, "visible"), v = U("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), S = o(), E = o(!1), u = o(), w = o(), H = W(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
+  setup(L, { expose: A, emit: F }) {
+    const s = L, C = F, n = U(L, "visible"), v = W("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), S = o(), E = o(!1), u = o(), w = o(), H = x(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
       c.value = u.value, S.value = w.value, Object.keys(c.value ?? {}).length ? (C("select", {
         keys: c.value,
         selectedNodes: m.value,
@@ -148,7 +148,7 @@ const ee = {
       header: g(() => {
         var t;
         return [
-          D(e.$slots, "header", {
+          $(e.$slots, "header", {
             dialogHeader: H.value,
             filter: p.value,
             isLoading: !!((t = r.value) != null && t.isLoading),
@@ -159,20 +159,22 @@ const ee = {
           }, () => {
             var a;
             return [
-              K("div", ee, [
-                K("h3", {
+              D("div", ee, [
+                D("h3", {
                   class: V([...f(v).title.class, "!leading-6"])
-                }, L(H.value), 3),
+                }, K(e.$t(H.value)), 3),
                 e.lists ? (d(), k("ul", le, [
-                  (d(!0), k(I, null, Y(e.lists, (i, F) => (d(), k("li", {
-                    key: F,
-                    class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"
-                  }, L(e.listLabel && typeof i != "string" ? f(Q)(i, e.listLabel) : i), 1))), 128))
+                  (d(!0), k(I, null, Y(e.lists, (i, G) => (d(), k("li", {
+                    key: G,
+                    class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 dark:text-white list-disc ps-[6px]"
+                  }, K(e.$t(
+                    e.listLabel && typeof i != "string" ? f(Q)(i, e.listLabel) : i
+                  )), 1))), 128))
                 ])) : h("", !0),
                 e.subHeader ? (d(), k("h4", {
                   key: 1,
                   class: V([...f(v).title.class, "!leading-6 text-sm"])
-                }, L(e.subHeader), 3)) : h("", !0),
+                }, K(e.$t(e.subHeader)), 3)) : h("", !0),
                 (a = r.value) != null && a.isLoading ? h("", !0) : (d(), N(Z, {
                   key: 2,
                   modelValue: p.value,
@@ -217,7 +219,7 @@ const ee = {
           e.$slots.treenode ? {
             name: "default",
             fn: g(({ node: t, checked: a, disabled: i }) => [
-              D(e.$slots, "treenode", {
+              $(e.$slots, "treenode", {
                 checked: a,
                 disabled: i,
                 node: t
@@ -232,7 +234,7 @@ const ee = {
       s.readonly ? void 0 : {
         name: "footer",
         fn: g(() => [
-          D(e.$slots, "footer", {}, () => {
+          $(e.$slots, "footer", {}, () => {
             var t;
             return [
               e.allowEmptySelection ? h("", !0) : q((d(), N(_, {
@@ -242,7 +244,7 @@ const ee = {
               }, null, 8, ["message"])), [
                 [J, !!y.value]
               ]),
-              K("div", te, [
+              D("div", te, [
                 B(j, {
                   onClick: l[5] || (l[5] = (a) => n.value = !1),
                   label: "Cancel",

package/dialogselectuser/index.es.js

@@ -1,4 +1,4 @@
-import { ref as u, defineComponent as S, computed as $, watch as C, createBlock as N, openBlock as c, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as y, createVNode as n, Fragment as U, renderList as D, toDisplayString as h, unref as B, renderSlot as P } from "vue";
+import { ref as c, defineComponent as F, computed as S, watch as C, createBlock as N, openBlock as u, withCtx as y, createElementVNode as i, createElementBlock as f, createCommentVNode as h, createVNode as n, Fragment as U, renderList as D, toDisplayString as b, unref as B, renderSlot as P } from "vue";
 import { _ as E } from "../image/index.es.js";
 import { _ } from "../button/index.es.js";
 import { _ as O } from "../buttonfilter/index.es.js";
@@ -6,7 +6,7 @@ import { _ as j } from "../buttonsearch/index.es.js";
 import { D as I } from "../datatable/index.es.js";
 import { _ as L } from "../dialog/index.es.js";
 import { _ as V } from "../dialogselectuserfilter/index.es.js";
-const z = () => u([
+const z = () => c([
   {
     field: "profilePictureSmall",
     header: "Photo",
@@ -77,9 +77,9 @@ const z = () => u([
   "data-ts-section": "dialog-asset-name-detail-action-group"
 }, q = { class: "" }, A = { class: "flex justify-end items-center gap-1" }, G = { class: "flex flex-col justify-end gap-1" }, H = {
   key: 0,
-  class: "text-danger-500 text-[12px] font-light",
+  class: "text-danger-500 dark:text-danger-300 text-[12px] font-light",
   "data-ts-section": "warning-message"
-}, le = /* @__PURE__ */ S({
+}, le = /* @__PURE__ */ F({
   __name: "DialogSelectUser",
   props: {
     header: { default: "Select User" },
@@ -93,21 +93,21 @@ const z = () => u([
   },
   emits: ["update:visible", "selected"],
   setup(e, { emit: g }) {
-    const t = e, m = g, p = $(() => t.visible), d = u(!1), b = u(), r = u([]), a = u(), k = z(), x = () => {
+    const t = e, m = g, p = S(() => t.visible), d = c(!1), v = c(), r = c([]), a = c(), k = z(), x = () => {
       !r.value.length && !a.value ? d.value = !0 : (t.selectionType === "checkbox" ? m("selected", r.value) : m("selected", a.value), m("update:visible", !1));
     }, w = () => {
       r.value = [], a.value = void 0, d.value = !1;
-    }, T = async (o) => {
+    }, $ = async (o) => {
       if (t.fetchFunction)
         return await t.fetchFunction(o);
     };
     return C(
       p,
       async (o) => {
-        w(), o && t.fetchOptionFunction && (b.value = await t.fetchOptionFunction());
+        w(), o && t.fetchOptionFunction && (v.value = await t.fetchOptionFunction());
       },
       { immediate: !0 }
-    ), (o, l) => (c(), N(L, {
+    ), (o, l) => (u(), N(L, {
       visible: p.value,
       "onUpdate:visible": [
         l[3] || (l[3] = (s) => p.value = s),
@@ -120,10 +120,10 @@ const z = () => u([
       "data-ts-name": "dialog-asset-name-detail",
       modal: ""
     }, {
-      footer: v(() => [
+      footer: y(() => [
         P(o.$slots, "footer", {}, () => [
           i("div", G, [
-            d.value ? (c(), f("span", H, " You must pick a user ")) : y("", !0),
+            d.value ? (u(), f("span", H, b(o.$t("You must pick a user")), 1)) : h("", !0),
             i("div", null, [
               n(_, {
                 onClick: l[2] || (l[2] = (s) => o.$emit("update:visible", !1)),
@@ -141,27 +141,27 @@ const z = () => u([
           ])
         ])
       ]),
-      default: v(() => [
+      default: y(() => [
         i("div", R, [
-          t.list && t.list.length ? (c(), f("ul", W, [
-            (c(!0), f(U, null, D(t.list, (s, F) => (c(), f("li", { key: F }, h(s), 1))), 128))
-          ])) : y("", !0),
+          t.list && t.list.length ? (u(), f("ul", W, [
+            (u(!0), f(U, null, D(t.list, (s, T) => (u(), f("li", { key: T }, b(s), 1))), 128))
+          ])) : h("", !0),
           i("div", Y, [
-            i("div", q, h(o.description), 1),
+            i("div", q, b(o.$t(o.description)), 1),
             i("div", A, [
               n(j, { "table-name": "dialog-select-user-table" }),
               n(O, { "table-name": "dialog-select-user-table" })
             ])
           ]),
           n(V, {
-            "filter-options": b.value,
+            "filter-options": v.value,
             "table-name": "dialog-select-user-table"
           }, null, 8, ["filter-options"]),
           n(I, {
             "selected-data": r.value,
             "onUpdate:selectedData": l[0] || (l[0] = (s) => r.value = s),
             columns: B(k),
-            "fetch-function": T,
+            "fetch-function": $,
             rows: 10,
             "selection-type": t.selectionType,
             "use-option": !1,

package/directives/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Focus } from './focus';
 export { default as Tooltip } from './tooltip';
+export { default as SafeHtml } from './safeHtml';