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

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';

package/directives/index.es.js

@@ -1,2 +1,3 @@
 import "vue";
 import "../vendor/primevue/tooltip/tooltip.esm.es.js";
+import "../vendor/dompurify/dist/purify.es.es.js";

package/directives/safeHtml.d.ts

@@ -0,0 +1,16 @@
+import type { DirectiveBinding } from 'vue';
+/**
+ * V-safe-html directive
+ *
+ * Usage:
+ * <div v-safe-html="htmlString"></div>
+ *
+ * - Sanitizes HTML from the binding value
+ * - Prevents XSS
+ * - Only updates when the value actually changes
+ */
+declare const SafeHtml: {
+  mounted: (el: HTMLElement, binding: DirectiveBinding<string>) => void;
+  updated: (el: HTMLElement, binding: DirectiveBinding<string>) => void;
+};
+export default SafeHtml;

package/directives/safeHtml.es.js

@@ -0,0 +1,12 @@
+import { p as t } from "../vendor/dompurify/dist/purify.es.es.js";
+const l = {
+  mounted: (a, e) => {
+    a.innerHTML = t.sanitize(e.value ?? "");
+  },
+  updated: (a, e) => {
+    e.value !== e.oldValue && (a.innerHTML = t.sanitize(e.value ?? ""));
+  }
+};
+export {
+  l as S
+};

package/disposalreport/index.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, createBlock as a, openBlock as n, withCtx as p, createElementVNode as o, createVNode as i, toDisplayString as l, unref as e, normalizeProps as c, guardReactiveProps as m } from "vue";
 import { u as _ } from "../plugins/basei18n.es.js";
 import { a as f } from "../utils/role.util.es.js";
-import "../event-bus/index.es.js";
+import "../utils/baseToast.util.es.js";
 import { _ as d } from "../card/index.es.js";
 import { _ as u } from "../disposalreporttable/index.es.js";
 const g = {

package/disposalreportbulkaction/index.es.js

@@ -1,57 +1,55 @@
-import { defineComponent as _, ref as x, shallowRef as u, createElementBlock as h, openBlock as d, Fragment as w, createVNode as v, mergeProps as R, withCtx as k, createBlock as B, createCommentVNode as V, unref as l } from "vue";
-import { e as p } from "../event-bus/index.es.js";
-import { u as y } from "../plugins/basei18n.es.js";
-import { _ as A } from "../buttonbulkaction/index.es.js";
-import { _ as C } from "../dialogconfirm/index.es.js";
-import { _ as D } from "../textarea/index.es.js";
-const S = /* @__PURE__ */ _({
+import { defineComponent as g, ref as N, shallowRef as s, createElementBlock as _, openBlock as i, Fragment as x, createVNode as u, mergeProps as w, withCtx as R, createBlock as k, createCommentVNode as B } from "vue";
+import { e as d } from "../event-bus/index.es.js";
+import { _ as V } from "../buttonbulkaction/index.es.js";
+import { _ as h } from "../dialogconfirm/index.es.js";
+import { _ as y } from "../textarea/index.es.js";
+const U = /* @__PURE__ */ g({
   __name: "DisposalReportBulkAction",
   props: {
     tableName: {}
   },
   emits: ["noted", "removed"],
-  setup(c, { emit: b }) {
-    const { t: e } = y(), r = c, s = b, o = x([]), n = u(!1), m = u(), f = [
+  setup(v, { emit: p }) {
+    const m = v, n = p, a = N([]), l = s(!1), o = s(), c = [
       {
-        label: e("Note"),
+        label: "Note",
         icon: "note",
         useAdditionSlot: !0,
         command: () => {
-          s("noted", o.value, m.value), p.emit("data-table:clear-selected-data", {
-            tableName: r.tableName
-          }), m.value = void 0;
+          n("noted", a.value, o.value), d.emit("data-table:clear-selected-data", {
+            tableName: m.tableName
+          }), o.value = void 0;
         }
       },
       {
-        label: e("Remove from List"),
+        label: "Remove from List",
         icon: "delete-bin",
         danger: !0,
         command: () => {
-          n.value = !0;
+          l.value = !0;
         }
       }
-    ], g = () => {
-      s("removed", o.value), p.emit("data-table:clear-selected-data", {
-        tableName: r.tableName
+    ], b = () => {
+      n("removed", a.value), d.emit("data-table:clear-selected-data", {
+        tableName: m.tableName
       });
     };
-    return (i, t) => (d(), h(w, null, [
-      v(A, R({
-        "selected-data": o.value,
-        "onUpdate:selectedData": t[1] || (t[1] = (a) => o.value = a)
-      }, i.$attrs, {
-        options: f,
-        "table-name": i.tableName,
+    return (r, t) => (i(), _(x, null, [
+      u(V, w({
+        "selected-data": a.value,
+        "onUpdate:selectedData": t[1] || (t[1] = (e) => a.value = e)
+      }, r.$attrs, {
+        options: c,
+        "table-name": r.tableName,
         naming: "Asset(s)"
       }), {
-        addition: k(({ selectedOption: a }) => [
-          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), B(D, {
+        addition: R(({ selectedOption: e }) => [
+          (e == null ? void 0 : e.label) === "Note" ? (i(), k(y, {
             key: 0,
-            modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (N) => m.value = N),
+            modelValue: o.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (f) => o.value = f),
             "max-input": 30,
             maxlength: 30,
-            placeholder: l(e)("Enter note"),
             rows: 1,
             "textarea-pt": {
               root: {
@@ -59,25 +57,26 @@ const S = /* @__PURE__ */ _({
               }
             },
             class: "!max-w-[250px]",
+            placeholder: "Enter note",
             "prevent-input-on-max-length": ""
-          }, null, 8, ["modelValue", "placeholder"])) : V("", !0)
+          }, null, 8, ["modelValue"])) : B("", !0)
         ]),
         _: 1
       }, 16, ["selected-data", "table-name"]),
-      v(C, {
-        visible: n.value,
-        "onUpdate:visible": t[2] || (t[2] = (a) => n.value = a),
-        "confirm-label": l(e)("Remove"),
-        header: l(e)("Remove from List"),
-        list: o.value,
-        message: l(e)("Are you sure you want to remove it?"),
-        onConfirm: g,
+      u(h, {
+        visible: l.value,
+        "onUpdate:visible": t[2] || (t[2] = (e) => l.value = e),
+        list: a.value,
+        onConfirm: b,
+        "confirm-label": "Remove",
+        header: "Remove from List",
         "list-label": "name.nameWithSequence",
+        message: "Are you sure you want to remove it?",
         severity: "danger"
-      }, null, 8, ["visible", "confirm-label", "header", "list", "message"])
+      }, null, 8, ["visible", "list"])
     ], 64));
   }
 });
 export {
-  S as _
+  U as _
 };

package/disposalreportdialogselectasset/index.es.js

@@ -1,23 +1,20 @@
-import { defineComponent as z, mergeModels as h, useModel as M, shallowRef as y, ref as T, computed as m, createBlock as J, openBlock as U, withCtx as g, createElementVNode as l, createVNode as n, withDirectives as j, vShow as R } from "vue";
-import { AssetServices as _ } from "@tagsamurai/fats-api-services";
-import { e as V } from "../event-bus/index.es.js";
+import { defineComponent as M, mergeModels as h, useModel as T, shallowRef as y, ref as J, computed as m, createBlock as U, openBlock as j, withCtx as g, createElementVNode as l, createVNode as n, toDisplayString as _, withDirectives as R, vShow as V } from "vue";
+import { AssetServices as O } from "@tagsamurai/fats-api-services";
+import { e as E } from "../event-bus/index.es.js";
 import "../utils/role.util.es.js";
-import { u as E } from "../utils/toast.util.es.js";
+import { u as G } from "../utils/toast.util.es.js";
 import { _ as f } from "../badge/index.es.js";
-import { _ as O } from "../button/index.es.js";
-import { _ as G } from "../buttonfilter/index.es.js";
-import { _ as P } from "../buttonsearch/index.es.js";
-import { D as q } from "../datatable/index.es.js";
-import { _ as H } from "../dialog/index.es.js";
-import { _ as K } from "../image/index.es.js";
-import { _ as L } from "../filtercontainer/index.es.js";
-const W = { class: "flex justify-between items-center" }, Y = {
+import { _ as S } from "../button/index.es.js";
+import { _ as P } from "../buttonfilter/index.es.js";
+import { _ as q } from "../buttonsearch/index.es.js";
+import { D as H } from "../datatable/index.es.js";
+import { _ as K } from "../dialog/index.es.js";
+import { _ as L } from "../image/index.es.js";
+import { _ as W } from "../filtercontainer/index.es.js";
+const Y = { class: "flex justify-between items-center" }, Q = {
   class: "flex gap-1 items-center justify-end",
   "data-ts-section": "button-group"
-}, Q = { class: "flex flex-col gap-1" }, X = {
-  class: "text-xs text-red-600",
-  "data-ts-section": "message-validator"
-}, Z = { class: "flex items-center justify-end gap-1" }, pe = /* @__PURE__ */ z({
+}, X = { class: "flex flex-col gap-1" }, Z = { class: "flex items-center justify-end gap-1" }, pe = /* @__PURE__ */ M({
   __name: "DisposalReportDialogSelectAsset",
   props: /* @__PURE__ */ h({
     from: {},
@@ -33,16 +30,16 @@ const W = { class: "flex justify-between items-center" }, Y = {
     visibleModifiers: {}
   }),
   emits: /* @__PURE__ */ h(["select"], ["update:visible"]),
-  setup(b, { emit: x }) {
-    const s = b, S = x, c = M(b, "visible"), $ = E(), i = y("select-asset-table"), d = y(!1), r = T([]), F = m(() => [
+  setup(b, { emit: $ }) {
+    const s = b, x = $, c = T(b, "visible"), F = G(), i = y("select-asset-table"), d = y(!1), r = J([]), A = m(() => [
       {
         field: "assetImage",
         header: "Photo",
         style: "min-width: 72px",
-        bodyComponent: (t) => ({
-          component: K,
+        bodyComponent: (e) => ({
+          component: L,
           props: {
-            src: t.assetImage ?? t.damageImage,
+            src: e.assetImage ?? e.damageImage,
             size: "small"
           }
         })
@@ -61,12 +58,12 @@ const W = { class: "flex justify-between items-center" }, Y = {
         field: `${o("brand")}.name`,
         header: "Brand",
         sortable: !0,
-        bodyComponent: (t) => {
-          var e;
+        bodyComponent: (e) => {
+          var t;
           return {
             component: f,
             props: {
-              label: (e = t[o("brand")]) == null ? void 0 : e.name,
+              label: (t = e[o("brand")]) == null ? void 0 : t.name,
               severity: "dark"
             }
           };
@@ -76,12 +73,12 @@ const W = { class: "flex justify-between items-center" }, Y = {
         field: `${o("model")}.name`,
         header: "Model/Type",
         sortable: !0,
-        bodyComponent: (t) => {
-          var e;
+        bodyComponent: (e) => {
+          var t;
           return {
             component: f,
             props: {
-              label: (e = t[o("model")]) == null ? void 0 : e.name,
+              label: (t = e[o("model")]) == null ? void 0 : t.name,
               severity: "dark"
             }
           };
@@ -91,17 +88,17 @@ const W = { class: "flex justify-between items-center" }, Y = {
         field: `${o("group")}.name`,
         header: "Group",
         sortable: !0,
-        bodyComponent: (t) => {
-          var e;
+        bodyComponent: (e) => {
+          var t;
           return {
             component: f,
             props: {
-              label: (e = t[o("group")]) == null ? void 0 : e.name
+              label: (t = e[o("group")]) == null ? void 0 : t.name
             }
           };
         }
       }
-    ]), A = m(() => [
+    ]), w = m(() => [
       {
         label: "Name",
         field: o("name"),
@@ -128,7 +125,7 @@ const W = { class: "flex justify-between items-center" }, Y = {
         field: o("group"),
         type: "group"
       }
-    ]), w = m(() => {
+    ]), C = m(() => {
       switch (s.size) {
         case "large":
           return "1000px";
@@ -137,63 +134,66 @@ const W = { class: "flex justify-between items-center" }, Y = {
         default:
           return "800px";
       }
-    }), C = m(() => s.header ?? "Select Asset"), o = (t) => s.from === "all" ? t : `asset${t.charAt(0).toUpperCase()}${t.slice(1)}`, u = (t) => s.from === "all" ? `${t}Options` : `asset${t.charAt(0).toUpperCase()}${t.slice(1)}Options`, p = async (t) => {
+    }), D = m(() => s.header ?? "Select Asset"), o = (e) => s.from === "all" ? e : `asset${e.charAt(0).toUpperCase()}${e.slice(1)}`, u = (e) => s.from === "all" ? `${e}Options` : `asset${e.charAt(0).toUpperCase()}${e.slice(1)}Options`, p = async (e) => {
       var v;
-      const e = JSON.stringify(s.selectedAssets ?? []), a = {
-        [t]: !0,
-        excludeId: e,
+      const t = JSON.stringify(s.selectedAssets ?? []), a = {
+        [e]: !0,
+        excludeId: t,
         status: JSON.stringify(s.assetStatus ?? ["Available"])
-      }, { data: B } = await _.getAllAssetsOptions(a);
-      return ((v = B.data) == null ? void 0 : v[t]) ?? [];
-    }, D = async (t) => {
-      const e = JSON.stringify(s.selectedAssets ?? []);
+      }, { data: z } = await O.getAllAssetsOptions(a);
+      return ((v = z.data) == null ? void 0 : v[e]) ?? [];
+    }, N = async (e) => {
+      const t = JSON.stringify(s.selectedAssets ?? []);
       try {
-        const { data: a } = await _.getAllAssets({
-          excludeId: e,
+        const { data: a } = await O.getAllAssets({
+          excludeId: t,
           status: JSON.stringify(s.assetStatus ?? ["Available"]),
-          ...t
+          ...e
         });
         return a;
       } catch (a) {
-        console.error(a), $.add({
+        console.error(a), F.add({
           error: a,
           message: "Error, failed to get asset list."
         });
       }
-    }, N = () => {
-      r.value.length === 0 ? d.value = !0 : k();
     }, k = () => {
-      S("select", r.value), d.value = !1, c.value = !1;
+      r.value.length === 0 ? d.value = !0 : I();
     }, I = () => {
-      r.value = [], V.emit("data-table:clear-selected-data", {
+      x("select", r.value), d.value = !1, c.value = !1;
+    }, B = () => {
+      r.value = [], E.emit("data-table:clear-selected-data", {
         tableName: i.value
       });
     };
-    return (t, e) => (U(), J(H, {
+    return (e, t) => (j(), U(K, {
       visible: c.value,
-      "onUpdate:visible": e[3] || (e[3] = (a) => c.value = a),
-      header: C.value,
-      pt: { root: { style: { width: w.value } } },
-      onHide: I,
+      "onUpdate:visible": t[3] || (t[3] = (a) => c.value = a),
+      header: D.value,
+      pt: { root: { style: { width: C.value } } },
+      onHide: B,
       closable: "",
       "data-ts-section": "dialogselectasset",
       modal: ""
     }, {
       footer: g(() => [
-        l("div", Q, [
-          j(l("small", X, " You must pick an asset ", 512), [
-            [R, d.value]
+        l("div", X, [
+          R(l("small", {
+            class: "text-xs text-red-600",
+            "data-ts-section": "message-validator"
+          }, _(e.$t("You must pick an asset")), 513), [
+            [V, d.value]
           ]),
           l("div", Z, [
-            n(O, {
-              onClick: e[2] || (e[2] = (a) => c.value = !1),
+            n(S, {
+              onClick: t[2] || (t[2] = (a) => c.value = !1),
               "data-ts-section": "button-cancel",
               label: "Cancel",
               severity: "secondary",
               text: ""
             }),
-            n(O, {
-              onClick: N,
+            n(S, {
+              onClick: k,
               "data-ts-section": "button-select",
               label: "Select",
               severity: "success"
@@ -202,26 +202,26 @@ const W = { class: "flex justify-between items-center" }, Y = {
         ])
       ]),
       default: g(() => [
-        l("div", W, [
-          e[4] || (e[4] = l("span", null, "Select asset(s) to be disposed.", -1)),
-          l("div", Y, [
-            n(P, { "table-name": i.value }, null, 8, ["table-name"]),
-            n(G, { "table-name": i.value }, null, 8, ["table-name"])
+        l("div", Y, [
+          l("span", null, _(e.$t("Select asset(s) to be disposed.")), 1),
+          l("div", Q, [
+            n(q, { "table-name": i.value }, null, 8, ["table-name"]),
+            n(P, { "table-name": i.value }, null, 8, ["table-name"])
           ])
         ]),
-        n(L, {
-          fields: A.value,
+        n(W, {
+          fields: w.value,
           "table-name": i.value
         }, null, 8, ["fields", "table-name"]),
-        n(q, {
+        n(H, {
           "selected-data": r.value,
-          "onUpdate:selectedData": e[0] || (e[0] = (a) => r.value = a),
-          columns: F.value,
-          "fetch-function": s.fetchFunction ?? D,
+          "onUpdate:selectedData": t[0] || (t[0] = (a) => r.value = a),
+          columns: A.value,
+          "fetch-function": s.fetchFunction ?? N,
           rows: 10,
           "table-name": i.value,
           "use-option": !1,
-          onRowSelect: e[1] || (e[1] = (a) => d.value = !1),
+          onRowSelect: t[1] || (t[1] = (a) => d.value = !1),
           "data-key": "_id",
           "data-ts-section": "dialog-select-asset-table",
           lazy: "",