@fewangsit/wangsvue-fats 1.0.1-alpha.43 → 1.0.1-alpha.45

package/approverinfo/index.d.ts

@@ -20,6 +20,10 @@ export interface ApproverInfoProps {
    * @default true
    */
   showShortInfo?: boolean;
+  /**
+   * To customize the level 0 label, for example 'Senior'
+   */
+  customLevelZeroLabel?: string;
   /**
    * To set label text when showShortInfo is false
    */

package/approverinfo/index.es.js

@@ -1,39 +1,40 @@
-import { defineComponent as C, shallowRef as B, computed as F, createElementBlock as o, openBlock as a, Fragment as i, createElementVNode as l, createVNode as m, toDisplayString as r, withCtx as I, renderList as g, createBlock as h, createCommentVNode as k } from "vue";
-import { f as N } from "../utils/date.util.es.js";
-import { _ as w } from "../badge/index.es.js";
+import { defineComponent as N, shallowRef as B, computed as F, createElementBlock as o, openBlock as t, Fragment as i, createElementVNode as l, createVNode as m, toDisplayString as r, withCtx as I, renderList as k, createBlock as g, createCommentVNode as h, createTextVNode as w } from "vue";
+import { f as V } from "../utils/date.util.es.js";
+import { _ as L } from "../badge/index.es.js";
 import { _ as $ } from "../dialog/index.es.js";
 import { _ as A } from "../icon/index.es.js";
-const V = {
+const E = {
   class: "flex justify-end gap-1 items-center pb-1 flex-wrap whitespace-nowrap",
   "data-wv-name": "approver-info"
-}, E = { class: "text-primary-500" }, H = { class: "text-general-800" }, M = { key: 1 }, S = { class: "flex flex-col gap-3 justify-between" }, U = { class: "flex justify-between" }, P = { class: "text-general-800 text-xs font-medium" }, R = { class: "flex justify-between items-center" }, T = { class: "text-primary-500 font-medium text-xs" }, q = {
+}, Z = { class: "text-primary-500" }, H = { class: "text-general-800" }, M = { key: 1 }, S = { class: "flex flex-col gap-3 justify-between" }, T = { class: "flex justify-between" }, U = { class: "text-general-800 text-xs font-medium" }, P = { class: "flex justify-between items-center" }, R = { class: "text-primary-500 font-medium text-xs" }, q = {
   key: 0,
   class: "text-general-800 font-normal text-xs"
 }, z = {
   key: 1,
   class: "flex gap-1 justify-end items-center"
-}, G = { class: "text-general-800 font-normal text-xs" }, X = /* @__PURE__ */ C({
+}, G = { class: "text-general-800 font-normal text-xs" }, X = /* @__PURE__ */ N({
   __name: "ApproverInfo",
   props: {
     approvals: {},
     showShortInfo: { type: Boolean, default: !0 },
+    customLevelZeroLabel: {},
     label: {},
     btnLabel: {},
     useFormatDate: { type: Boolean, default: !0 }
   },
   setup(D) {
-    const u = D, c = B(!1), d = F(() => {
-      var p, s, n, v, y, _, x;
-      let t, e;
-      return (p = u.approvals) == null || p.forEach((b) => {
-        e = b.approvers.findIndex((L) => !!L.actionAt), t = e === -1 ? 0 : b.level - 1, e = e === -1 ? 0 : e;
+    const u = D, p = B(!1), d = F(() => {
+      var c, a, n, v, y, x, _;
+      let s, e;
+      return (c = u.approvals) == null || c.forEach((b) => {
+        e = b.approvers.findIndex((C) => !!C.actionAt), s = e === -1 ? 0 : b.level - 1, e = e === -1 ? 0 : e;
       }), {
-        name: (v = (n = (s = u.approvals) == null ? void 0 : s[t]) == null ? void 0 : n.approvers[e]) == null ? void 0 : v.fullName,
-        date: (x = (_ = (y = u.approvals) == null ? void 0 : y[t]) == null ? void 0 : _.approvers[e]) == null ? void 0 : x.actionAt
+        name: (v = (n = (a = u.approvals) == null ? void 0 : a[s]) == null ? void 0 : n.approvers[e]) == null ? void 0 : v.fullName,
+        date: (_ = (x = (y = u.approvals) == null ? void 0 : y[s]) == null ? void 0 : x.approvers[e]) == null ? void 0 : _.actionAt
       };
-    }), j = (t) => {
+    }), j = (s) => {
       let e;
-      switch (t) {
+      switch (s) {
         case "menyetujui":
           e = "success";
           break;
@@ -44,73 +45,79 @@ const V = {
           e = "warning";
       }
       return e;
-    }, f = (t) => u.useFormatDate ? t ? N(new Date(t), {
+    }, f = (s) => u.useFormatDate ? s ? V(new Date(s), {
       locale: "id-ID",
       dateFormat: "dd M yyyy",
       timeFormat: "HH:mm:ss"
-    }) : "-" : t;
-    return (t, e) => {
-      var p;
-      return a(), o(i, null, [
-        l("div", V, [
-          t.showShortInfo ? (a(), o(i, { key: 0 }, [
+    }) : "-" : s;
+    return (s, e) => {
+      var c;
+      return t(), o(i, null, [
+        l("div", E, [
+          s.showShortInfo ? (t(), o(i, { key: 0 }, [
             e[3] || (e[3] = l("span", null, "Approver:", -1)),
-            (p = t.approvals) != null && p.length ? (a(), o(i, { key: 0 }, [
+            (c = s.approvals) != null && c.length ? (t(), o(i, { key: 0 }, [
               m(A, {
                 class: "!text-general-200 !text-base",
                 icon: "user"
               }),
-              l("span", E, r(d.value.name), 1),
+              l("span", Z, r(d.value.name), 1),
               l("span", H, r(f(d.value.date)), 1),
               l("span", {
-                onClick: e[0] || (e[0] = (s) => c.value = !0),
+                onClick: e[0] || (e[0] = (a) => p.value = !0),
                 class: "text-primary-500 hover:cursor-pointer"
               }, r(u.btnLabel ?? "more"), 1)
-            ], 64)) : (a(), o("span", M, "-"))
-          ], 64)) : (a(), o("span", {
+            ], 64)) : (t(), o("span", M, "-"))
+          ], 64)) : (t(), o("span", {
             key: 1,
-            onClick: e[1] || (e[1] = (s) => c.value = !0),
+            onClick: e[1] || (e[1] = (a) => p.value = !0),
             class: "text-primary-500 hover:cursor-pointer"
-          }, r(t.label ?? "Lihat Approval"), 1))
+          }, r(s.label ?? "Lihat Approval"), 1))
         ]),
         m($, {
-          visible: c.value,
-          "onUpdate:visible": e[2] || (e[2] = (s) => c.value = s),
+          visible: p.value,
+          "onUpdate:visible": e[2] || (e[2] = (a) => p.value = a),
           class: "min-w-[400px]",
           header: "List Approver",
           modal: ""
         }, {
           default: I(() => [
             l("div", S, [
-              (a(!0), o(i, null, g(t.approvals, (s) => (a(), o(i, {
-                key: s._id
+              (t(!0), o(i, null, k(s.approvals, (a) => (t(), o(i, {
+                key: a._id
               }, [
-                l("div", U, [
-                  l("span", P, " Level " + r(s.level) + " (" + r(s.type.toLowerCase()) + ") ", 1),
-                  s.status !== "menunggu approval" ? (a(), h(w, {
+                l("div", T, [
+                  l("span", U, [
+                    a.level === 0 && u.customLevelZeroLabel ? (t(), o(i, { key: 0 }, [
+                      w(r(u.customLevelZeroLabel), 1)
+                    ], 64)) : (t(), o(i, { key: 1 }, [
+                      w(" Level " + r(a.level) + " (" + r(a.type.toLowerCase()) + ") ", 1)
+                    ], 64))
+                  ]),
+                  a.status !== "menunggu approval" ? (t(), g(L, {
                     key: 0,
                     label: "selesai",
                     severity: "success"
-                  })) : k("", !0)
+                  })) : h("", !0)
                 ]),
-                (a(!0), o(i, null, g(s.approvers, (n) => (a(), o("div", {
+                (t(!0), o(i, null, k(a.approvers, (n) => (t(), o("div", {
                   key: n._id,
                   class: "flex justify-between"
                 }, [
-                  l("div", R, [
+                  l("div", P, [
                     m(A, {
                       class: "!text-general-200 !text-base",
                       icon: "user"
                     }),
-                    l("span", T, r(n.fullName), 1)
+                    l("span", R, r(n.fullName), 1)
                   ]),
-                  s.status !== "menunggu approval" && !n.action ? (a(), o("span", q, " Tidak terlibat ")) : (a(), o("div", z, [
+                  a.status !== "menunggu approval" && !n.action ? (t(), o("span", q, " Tidak terlibat ")) : (t(), o("div", z, [
                     l("span", G, r(n.actionAt ? f(n.actionAt) : "Menunggu approval..."), 1),
-                    n.action ? (a(), h(w, {
+                    n.action ? (t(), g(L, {
                       key: 0,
                       label: n.action,
                       severity: j(n.action)
-                    }, null, 8, ["label", "severity"])) : k("", !0)
+                    }, null, 8, ["label", "severity"])) : h("", !0)
                   ]))
                 ]))), 128))
               ], 64))), 128))

package/assetinfo/index.es.js

@@ -1,5 +1,6 @@
 import { shallowRef as J, ref as X, defineComponent as Y, onMounted as Z, computed as f, watch as ee, createElementBlock as c, openBlock as p, createVNode as m, createElementVNode as l, createCommentVNode as v, toDisplayString as k, Fragment as se, unref as W, normalizeClass as b } from "vue";
 import { AssetServices as ae } from "@tagsamurai/fats-api-services";
+import "../utils/role.util.es.js";
 import { g as te } from "../utils/getStatusSeverity.util.es.js";
 import { u as le } from "../utils/toast.util.es.js";
 import { _ as h } from "../badge/index.es.js";
@@ -11,7 +12,7 @@ const q = J(!1), z = X(), ie = () => ({
   setLoading: (y, t) => {
     q.value = y, z.value = t, document.body.classList[y ? "add" : "remove"]("loading");
   }
-}), ue = { class: "flex justify-between gap-[18px] dark:text-general-100" }, re = { class: "w-full flex flex-col gap-[6px]" }, de = { class: "flex justify-between" }, ce = { class: "" }, pe = { class: "text-[16px] font-bold leading-[19.12px]" }, fe = { class: "flex items-center gap-[6px]" }, me = { class: "text-general-400 leading-[16.39px]" }, ve = ["href"], ge = { class: "flex flex-col gap-1" }, _e = {
+}), re = { class: "flex justify-between gap-[18px] dark:text-general-100" }, ue = { class: "w-full flex flex-col gap-[6px]" }, de = { class: "flex justify-between" }, ce = { class: "" }, pe = { class: "text-[16px] font-bold leading-[19.12px]" }, fe = { class: "flex items-center gap-[6px]" }, me = { class: "text-general-400 leading-[16.39px]" }, ve = ["href"], ge = { class: "flex flex-col gap-1" }, _e = {
   key: 0,
   class: "flex gap-3"
 }, ye = {
@@ -23,7 +24,7 @@ const q = J(!1), z = X(), ie = () => ({
 }, be = {
   key: 3,
   class: "flex gap-3"
-}, Ne = /* @__PURE__ */ Y({
+}, Se = /* @__PURE__ */ Y({
   __name: "AssetInfo",
   props: {
     id: {},
@@ -47,13 +48,13 @@ const q = J(!1), z = X(), ie = () => ({
         secondImageBig: n,
         assetImageBig: o,
         assetImage: i,
-        firstImage: u,
-        secondImage: r
+        firstImage: r,
+        secondImage: u
       } = e.value ?? {}, d = s === "firstImage";
-      return t.transactionDetail ? i ?? o : d ? u ?? a : r ?? n;
+      return t.transactionDetail ? i ?? o : d ? r ?? a : u ?? n;
     }), K = f(() => {
-      var s, a, n, o, i, u, r, d, g, _;
-      return t.transactionDetail ? (n = (a = (s = e.value) == null ? void 0 : s.assetName) == null ? void 0 : a.aliasCode) != null && n.length ? `(${(i = (o = e.value) == null ? void 0 : o.assetName) == null ? void 0 : i.aliasCode})` : "" : (d = (r = (u = e.value) == null ? void 0 : u.name) == null ? void 0 : r.aliasCode) != null && d.length ? `(${(_ = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : _.aliasCode})` : "";
+      var s, a, n, o, i, r, u, d, g, _;
+      return t.transactionDetail ? (n = (a = (s = e.value) == null ? void 0 : s.assetName) == null ? void 0 : a.aliasCode) != null && n.length ? `(${(i = (o = e.value) == null ? void 0 : o.assetName) == null ? void 0 : i.aliasCode})` : "" : (d = (u = (r = e.value) == null ? void 0 : r.name) == null ? void 0 : u.aliasCode) != null && d.length ? `(${(_ = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : _.aliasCode})` : "";
     }), P = f(() => {
       var s, a;
       return ((s = e.value) == null ? void 0 : s.assetTagType) ?? ((a = e.value) == null ? void 0 : a.tagType);
@@ -83,10 +84,10 @@ const q = J(!1), z = X(), ie = () => ({
       },
       { deep: !0 }
     ), y({ asset: e }), (s, a) => {
-      var n, o, i, u, r, d, g, _, D, B, N, S, C, A, $, L, E, F, M, V, j, G;
-      return p(), c("div", ue, [
+      var n, o, i, r, u, d, g, _, D, B, N, S, C, A, $, L, E, F, M, V, j, G;
+      return p(), c("div", re, [
         m(ne, { src: H.value }, null, 8, ["src"]),
-        l("div", re, [
+        l("div", ue, [
           l("div", de, [
             l("div", ce, [
               l("div", pe, k(((n = Q.value) == null ? void 0 : n.nameWithSequence) ?? "-"), 1),
@@ -103,13 +104,13 @@ const q = J(!1), z = X(), ie = () => ({
             ]),
             W(R).userType !== "Basic" ? (p(), c("a", {
               key: 0,
-              href: `/assets/detail/${((i = e.value) == null ? void 0 : i.asset) ?? ((u = e.value) == null ? void 0 : u._id)}`,
+              href: `/assets/detail/${((i = e.value) == null ? void 0 : i.asset) ?? ((r = e.value) == null ? void 0 : r._id)}`,
               class: "text-primary-500",
               target: "_blank"
             }, " Asset Detail > ", 8, ve)) : v("", !0)
           ]),
           l("div", ge, [
-            !t.fields || (r = t.fields) != null && r.includes("brand") ? (p(), c("div", _e, [
+            !t.fields || (u = t.fields) != null && u.includes("brand") ? (p(), c("div", _e, [
               l("span", {
                 class: b(x.value)
               }, " Brand ", 2),
@@ -156,6 +157,6 @@ const q = J(!1), z = X(), ie = () => ({
   }
 });
 export {
-  Ne as _,
+  Se as _,
   ie as u
 };

package/columnlist/index.es.js

@@ -1,52 +1,52 @@
-import { reactive as P, defineComponent as _, mergeModels as q, useModel as U, ref as F, shallowRef as J, computed as M, watch as K, createElementBlock as x, openBlock as y, Fragment as B, renderList as T, createCommentVNode as z, mergeProps as I, withModifiers as g, createVNode as E } from "vue";
-import { _ as G } from "../checkbox/index.es.js";
-import { _ as H } from "../icon/index.es.js";
-import { c as Q } from "../vendor/lodash-es/cloneDeep.es.js";
-const W = (o, u, l) => {
-  if (u && l > u) {
+import { reactive as $, defineComponent as _, mergeModels as q, useModel as U, ref as J, shallowRef as K, computed as B, watch as T, createElementBlock as w, openBlock as k, Fragment as E, renderList as z, createCommentVNode as G, mergeProps as I, withModifiers as C, createVNode as A } from "vue";
+import { _ as Q } from "../checkbox/index.es.js";
+import { _ as W } from "../icon/index.es.js";
+import { c as X } from "../vendor/lodash-es/cloneDeep.es.js";
+const Y = (o, d, l) => {
+  if (d && l > d) {
     let r = 0;
     return o.map((n) => {
-      const c = u !== void 0 && r < u, d = n.checkedByDefault !== !1 && u === void 0 || n.checkedByDefault !== !1 && c;
-      return d && r++, {
+      const m = d !== void 0 && r < d, c = n.checkedByDefault !== !1 && d === void 0 || n.checkedByDefault !== !1 && m;
+      return c && r++, {
         ...n,
-        visible: d
+        visible: c
       };
     });
   }
   return o;
-}, b = "tableConfigs", X = () => "user-" + (JSON.parse(localStorage.getItem("user") ?? "{}")._id ?? "unknown"), A = async () => {
+}, x = "tableConfigs", Z = () => "user-" + (JSON.parse(localStorage.getItem("user") ?? "{}")._id ?? "unknown"), N = async () => {
   let o = null;
-  return new Promise((u) => {
-    const l = indexedDB.open(X(), 1);
+  return new Promise((d) => {
+    const l = indexedDB.open(Z(), 1);
     l.onupgradeneeded = (r) => {
-      o = r.target.result, o.createObjectStore(b);
+      o = r.target.result, o.createObjectStore(x);
     }, l.onsuccess = (r) => {
-      o = r.target.result, u(o);
+      o = r.target.result, d(o);
     };
   });
-}, Y = async () => {
-  const l = (await A()).transaction(b, "readonly").objectStore(b);
+}, ee = async () => {
+  const l = (await N()).transaction(x, "readonly").objectStore(x);
   return new Promise((r) => {
-    let n, c;
-    l.getAllKeys().onsuccess = (d) => {
-      n = d.target.result;
-    }, l.getAll().onsuccess = (d) => {
-      c = d.target.result;
-      const v = {};
-      n.forEach((m, p) => {
-        v[m] = c[p];
-      }), r(v);
+    let n, m;
+    l.getAllKeys().onsuccess = (c) => {
+      n = c.target.result;
+    }, l.getAll().onsuccess = (c) => {
+      m = c.target.result;
+      const b = {};
+      n.forEach((g, y) => {
+        b[g] = m[y];
+      }), r(b);
     };
   });
-}, h = P({}), Z = async () => {
-  const o = async (u, l) => {
-    h[u] = l, (await A()).transaction(b, "readwrite").objectStore(b).put(l, u);
+}, S = $({}), te = async () => {
+  const o = async (d, l) => {
+    S[d] = l, (await N()).transaction(x, "readwrite").objectStore(x).put(l, d);
   };
-  return Object.assign(h, await Y()), {
-    config: h,
+  return Object.assign(S, await ee()), {
+    config: S,
     setConfig: o
   };
-}, ee = ["id", "data-item-dragable", "draggable", "onDragenter", "onDragstart"], se = /* @__PURE__ */ _({
+}, ae = ["id", "data-item-dragable", "draggable", "onDragenter", "onDragstart"], re = /* @__PURE__ */ _({
   __name: "ColumnList",
   props: /* @__PURE__ */ q({
     tableId: {},
@@ -60,88 +60,110 @@ const W = (o, u, l) => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o, { expose: u }) {
-    const l = o, r = U(o, "modelValue"), n = F([]), c = J(), d = M(() => [...n.value].filter((a) => a.visible !== !1)), v = M(() => l.maxColumn ? d.value.length >= l.maxColumn : !1), m = (a) => a.dragable !== !1 && p(a), p = (a) => {
-      if (!v.value) return !0;
+  setup(o, { expose: d }) {
+    const l = o, r = U(o, "modelValue"), n = J([]), m = K(), c = B(() => [...n.value].filter((a) => a.visible !== !1)), b = B(() => l.maxColumn ? c.value.length >= l.maxColumn : !1), g = (a) => a.dragable !== !1 && y(a), y = (a) => {
+      if (!b.value) return !0;
       const t = r.value.findIndex((e) => e.field === a.field) > 0;
-      return v.value && t;
-    }, S = () => {
-      n.value = W(
+      return b.value && t;
+    }, H = (a) => {
+      const t = [];
+      for (const e of a)
+        if (e.parentHeader) {
+          const s = t.find(
+            (f) => f.parentHeaderField === e.parentHeader.field
+          );
+          s ? s.siblingHeaders.push(e) : t.push({
+            ...e,
+            parentHeaderField: e.parentHeader.field,
+            siblingHeaders: []
+          });
+        } else
+          t.push(e);
+      return t;
+    }, D = (a) => {
+      const t = [];
+      for (const e of a)
+        e.parentHeaderField ? t.push(e, ...e.siblingHeaders) : t.push(e);
+      return t;
+    }, V = () => {
+      n.value = Y(
         n.value,
         l.maxColumn,
-        d.value.length
-      ), r.value = [...d.value];
-    }, C = async () => {
-      const a = n.value.map(
-        (e) => ({
-          field: e.field,
-          width: e.width ?? "max-content",
-          visible: e.visible !== !1,
-          fixed: !!e.fixed
-        })
-      ), { setConfig: t } = await Z();
+        c.value.length
+      ), r.value = D([...c.value]);
+    }, h = async () => {
+      const a = D(
+        n.value
+      ).map((e) => ({
+        field: e.field,
+        width: e.width ?? "max-content",
+        visible: e.visible !== !1,
+        fixed: !!e.fixed
+      })), { setConfig: t } = await te();
       await t(l.tableId, a);
-    }, N = () => {
-      r.value = [...n.value];
-    }, R = (a, t, e) => {
-      const { dataTransfer: i } = a;
-      c.value = t, i && (i.dropEffect = "move", i.effectAllowed = "move", i.setData("field", t.field), i.setData("index", e.toString()));
-    }, L = async () => {
-      c.value = void 0, N(), await C();
-    }, j = (a, t) => {
-      var e, i;
-      if (a.preventDefault(), m(t)) {
-        const f = a.target, s = f.tagName === "LI" ? f : f.closest("li");
-        if (s == null || s.classList.add("bg-primary-50"), (e = s == null ? void 0 : s.nextElementSibling) == null || e.classList.remove("bg-primary-50"), (i = s == null ? void 0 : s.previousElementSibling) == null || i.classList.remove("bg-primary-50"), !s || !c.value) return;
-        const D = n.value.findIndex(
-          (k) => {
-            var V;
-            return k.field === ((V = c.value) == null ? void 0 : V.field);
+    }, R = () => {
+      r.value = D([...n.value]);
+    }, L = (a, t, e) => {
+      const { dataTransfer: s } = a;
+      m.value = t, s && (s.dropEffect = "move", s.effectAllowed = "move", s.setData("field", t.field), s.setData("index", e.toString()));
+    }, j = async () => {
+      m.value = void 0, R(), await h();
+    }, F = (a, t) => {
+      var e, s;
+      if (a.preventDefault(), g(t)) {
+        const f = a.target, u = f.tagName === "LI" ? f : f.closest("li");
+        if (u == null || u.classList.add("bg-primary-50"), (e = u == null ? void 0 : u.nextElementSibling) == null || e.classList.remove("bg-primary-50"), (s = u == null ? void 0 : u.previousElementSibling) == null || s.classList.remove("bg-primary-50"), !u || !m.value) return;
+        const i = n.value.findIndex(
+          (p) => {
+            var M;
+            return p.field === ((M = m.value) == null ? void 0 : M.field);
           }
-        ), w = n.value.findIndex(
-          (k) => k.field === s.id
+        ), v = n.value.findIndex(
+          (p) => p.field === u.id
         );
-        D !== -1 && w !== -1 && ([
-          n.value[D],
-          n.value[w]
+        i !== -1 && v !== -1 && ([
+          n.value[i],
+          n.value[v]
         ] = [
-          n.value[w],
-          n.value[D]
+          n.value[v],
+          n.value[i]
         ]);
       }
     }, O = (a) => {
       const t = a.target.querySelector("label");
       t && t.click();
-    }, $ = () => {
-      const a = Q(l.defaultColumns);
+    }, P = () => {
+      const a = X(l.defaultColumns);
       if (l.maxColumn && a.length > l.maxColumn) {
         let t = 0;
-        n.value = a.map((e) => {
-          const i = l.maxColumn !== void 0 && t < l.maxColumn, f = e.checkedByDefault !== !1 && l.maxColumn === void 0 || e.checkedByDefault !== !1 && i;
-          return f && t++, {
-            ...e,
-            visible: f
-          };
-        });
+        n.value = H(
+          a.map((e) => {
+            const s = l.maxColumn !== void 0 && t < l.maxColumn, f = e.checkedByDefault !== !1 && l.maxColumn === void 0 || e.checkedByDefault !== !1 && s;
+            return f && t++, {
+              ...e,
+              visible: f
+            };
+          })
+        );
       } else
-        n.value = a;
-      r.value = [...d.value], C();
+        n.value = H(a);
+      r.value = D([...c.value]), h();
     };
-    return K(
+    return T(
       () => l.savedColumns,
       (a) => {
-        n.value = a ?? [];
+        n.value = H(a) ?? [];
       },
       { immediate: !0 }
-    ), u({
-      setColumnVisibilityConfig: C,
-      resetToDefault: $,
-      updateVisibleColumnsModel: S
-    }), (a, t) => (y(), x("ul", null, [
-      (y(!0), x(B, null, T(n.value, (e, i) => {
-        var f;
-        return y(), x(B, null, [
-          e.reorderable !== !1 ? (y(), x("li", I(
+    ), d({
+      setColumnVisibilityConfig: h,
+      resetToDefault: P,
+      updateVisibleColumnsModel: V
+    }), (a, t) => (k(), w("ul", null, [
+      (k(!0), w(E, null, z(n.value, (e, s) => {
+        var f, u;
+        return k(), w(E, null, [
+          e.reorderable !== !1 ? (k(), w("li", I(
             {
               id: e.field,
               key: e.field,
@@ -149,56 +171,59 @@ const W = (o, u, l) => {
             },
             a.$preset.customcolumn.menuitem({
               props: l,
-              context: { dragable: m(e) }
+              context: { dragable: g(e) }
             }),
             {
-              "data-item-dragable": m(e),
-              draggable: m(e),
+              "data-item-dragable": g(e),
+              draggable: g(e),
               onClick: O,
-              onDragend: L,
-              onDragenter: g((s) => j(s, e), ["prevent"]),
-              onDragleave: t[2] || (t[2] = g(() => {
+              onDragend: j,
+              onDragenter: C((i) => F(i, e), ["prevent"]),
+              onDragleave: t[2] || (t[2] = C(() => {
               }, ["prevent"])),
-              onDragover: t[3] || (t[3] = g(() => {
+              onDragover: t[3] || (t[3] = C(() => {
               }, ["prevent"])),
-              onDragstart: (s) => R(s, e, i),
-              onMouseenter: t[4] || (t[4] = (s) => s.target.classList.add("bg-primary-50")),
-              onMouseleave: t[5] || (t[5] = (s) => s.target.classList.remove("bg-primary-50")),
+              onDragstart: (i) => L(i, e, s),
+              onMouseenter: t[4] || (t[4] = (i) => i.target.classList.add("bg-primary-50")),
+              onMouseleave: t[5] || (t[5] = (i) => i.target.classList.remove("bg-primary-50")),
               "data-wv-section": "custom-column-menu-item"
             }
           ), [
-            E(H, I(
+            A(W, I(
               {
-                onClick: t[0] || (t[0] = g(() => {
+                onClick: t[0] || (t[0] = C(() => {
                 }, ["stop"])),
                 ref_for: !0
               },
               (f = a.$preset.customcolumn) == null ? void 0 : f.dragicon({
-                context: { dragable: m(e) }
+                context: { dragable: g(e) }
               }),
               { icon: "dragable-menu" }
             ), null, 16),
-            E(G, {
+            A(Q, {
               "aria-label": e.header,
               disabled: e.fixed,
-              label: e.header,
+              label: ((u = e.parentHeader) == null ? void 0 : u.header) ?? e.header,
               "model-value": e.visible !== !1,
-              selectable: p(e),
-              onClick: t[1] || (t[1] = g(() => {
+              selectable: y(e),
+              onClick: t[1] || (t[1] = C(() => {
               }, ["stop"])),
-              "onUpdate:modelValue": (s) => {
-                e.visible = !!s, S(), C();
+              "onUpdate:modelValue": (i) => {
+                var v;
+                e.visible = !!i, (v = e.siblingHeaders) == null || v.forEach((p) => {
+                  p.visible = !!i;
+                }), V(), h();
               },
               class: "!w-full"
             }, null, 8, ["aria-label", "disabled", "label", "model-value", "selectable", "onUpdate:modelValue"])
-          ], 16, ee)) : z("", !0)
+          ], 16, ae)) : G("", !0)
         ], 64);
       }), 256))
     ]));
   }
 });
 export {
-  se as _,
-  W as s,
-  Z as u
+  re as _,
+  Y as s,
+  te as u
 };

package/customcolumn/index.d.ts

@@ -5,7 +5,11 @@ export interface CustomColumnLocaleConfig {
   resetDefaultText: string;
 }
 
-export type DragableColumn = TableColumn & { order?: number };
+export type DragableColumn = TableColumn & {
+  order?: number;
+  parentHeaderField?: string;
+  siblingHeaders?: TableColumn[];
+};
 
 export interface CustomColumnProps {
   tableId: string;

package/dialoglinkedasset/index.es.js

@@ -1,5 +1,6 @@
 import { defineComponent as W, computed as b, ref as k, watch as T, createBlock as L, openBlock as n, mergeProps as j, createSlots as G, withCtx as C, createElementVNode as m, createVNode as S, createElementBlock as i, createCommentVNode as $, Fragment as u, renderList as w, toDisplayString as p } from "vue";
 import { AssetServices as J } from "@tagsamurai/fats-api-services";
+import "../utils/role.util.es.js";
 import { u as O } from "../utils/toast.util.es.js";
 import { _ as P } from "../button/index.es.js";
 import { _ as R } from "../dialogconfirm/index.es.js";
@@ -15,7 +16,7 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   key: 3,
   class: "text-general-800 font-medium",
   "data-ts-section": "confirmbody"
-}, ne = /* @__PURE__ */ W({
+}, ae = /* @__PURE__ */ W({
   __name: "DialogLinkedAsset",
   props: {
     header: {},
@@ -153,5 +154,5 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   }
 });
 export {
-  ne as _
+  ae as _
 };

package/dialogselectuser/index.es.js

@@ -11,7 +11,7 @@ const R = () => u([
   {
     field: "profilePictureSmall",
     header: "Photo",
-    sortable: !0,
+    sortable: !1,
     bodyComponent(e) {
       return {
         component: I,