vlite3 0.7.13 → 0.7.15

package/components/PermissionMatrix/PermissionMatrix.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as Q, ref as L, computed as _, openBlock as n, createElementBlock as c, normalizeClass as r, createVNode as $, createCommentVNode as p, createElementVNode as i, Fragment as h, renderList as w, toDisplayString as v, createBlock as x, isMemoSame as R, withCtx as T } from "vue";
-import N from "../CheckBox.vue.js";
-import j from "../Switch.vue.js";
-import P from "../Icon.vue.js";
-import U from "../Input.vue.js";
+import { defineComponent as R, ref as N, computed as S, openBlock as o, createElementBlock as r, normalizeClass as c, createVNode as B, createCommentVNode as C, createElementVNode as i, Fragment as h, renderList as V, toDisplayString as v, withMemo as T, createBlock as b, isMemoSame as U, withCtx as I } from "vue";
+import j from "../CheckBox.vue.js";
+import E from "../Switch.vue.js";
+import M from "../Icon.vue.js";
+import J from "../Input.vue.js";
 /* empty css            */
-import I from "../Tooltip.vue.js";
-const J = {
+import O from "../Tooltip.vue.js";
+const W = {
   key: 0,
   class: "mb-4"
-}, O = {
+}, X = {
   key: 1,
   class: "text-center py-12 text-muted-foreground"
-}, W = {
+}, Y = {
   key: 2,
   class: "permission-matrix-wrapper border rounded-lg overflow-auto"
-}, X = { class: "w-full border-collapse" }, Y = { class: "bg-muted" }, Z = { class: "flex flex-col items-center gap-0.5" }, K = { class: "bg-secondary/60" }, ee = ["onClick"], te = { class: "flex items-center gap-2" }, se = ["onClick"], le = { class: "flex items-center justify-center pointer-events-none" }, ne = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ae = { class: "flex items-center justify-center pointer-events-none" }, ye = /* @__PURE__ */ Q({
+}, Z = { class: "w-full border-collapse" }, _ = { class: "bg-muted" }, K = { class: "flex flex-col items-center gap-0.5" }, ee = ["onClick"], te = { class: "flex items-center gap-2" }, le = ["onClick"], se = { class: "flex items-center justify-center pointer-events-none" }, ne = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ae = { class: "flex items-center justify-center pointer-events-none" }, ye = /* @__PURE__ */ R({
   __name: "PermissionMatrix",
   props: {
     roles: {},
@@ -29,215 +29,238 @@ const J = {
     class: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: E }) {
-    const o = a, M = E, z = L(""), C = L(/* @__PURE__ */ new Set());
-    function H(e) {
-      if (!o.collapsible) return;
-      const t = new Set(C.value);
-      t.has(e) ? t.delete(e) : t.add(e), C.value = t;
+  setup(n, { emit: H }) {
+    const a = n, G = H, $ = N(""), g = N(/* @__PURE__ */ new Set());
+    function q(s) {
+      if (!a.collapsible) return;
+      const l = new Set(g.value);
+      l.has(s) ? l.delete(s) : l.add(s), g.value = l;
     }
-    const G = _(() => {
-      if (!z.value.trim()) return o.groups;
-      const e = z.value.toLowerCase();
-      return o.groups.map((t) => {
-        const l = t.permissions.filter(
-          (s) => s.label.toLowerCase().includes(e) || s.key.toLowerCase().includes(e) || t.label.toLowerCase().includes(e)
+    const L = S(() => {
+      if (!$.value.trim()) return a.groups;
+      const s = $.value.toLowerCase();
+      return a.groups.map((l) => {
+        const t = l.permissions.filter(
+          (e) => e.label.toLowerCase().includes(s) || e.key.toLowerCase().includes(s) || l.label.toLowerCase().includes(s)
         );
-        return l.length === 0 ? null : { ...t, permissions: l };
+        return t.length === 0 ? null : { ...l, permissions: t };
       }).filter(Boolean);
-    }), V = _(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const t of o.roles)
-        e.set(t.key, new Set(o.modelValue[t.key] || []));
-      return e;
+    }), p = S(() => {
+      const s = /* @__PURE__ */ new Map();
+      for (const l of a.roles)
+        s.set(l.key, new Set(a.modelValue[l.key] || []));
+      return s;
     });
-    function B(e, t) {
-      return V.value.get(e)?.has(t) ?? !1;
+    function P(s, l) {
+      return p.value.get(s)?.has(l) ?? !1;
     }
-    function q(e, t) {
-      if (o.readonly || o.roles.find((y) => y.key === e)?.locked) return;
-      const s = o.modelValue[e] || [], k = V.value.get(e)?.has(t) ? s.filter((y) => y !== t) : [...s, t];
-      M("update:modelValue", { ...o.modelValue, [e]: k });
+    function A(s, l) {
+      if (a.readonly || a.roles.find((y) => y.key === s)?.locked) return;
+      const e = a.modelValue[s] || [], k = p.value.get(s)?.has(l) ? e.filter((y) => y !== l) : [...e, l];
+      G("update:modelValue", { ...a.modelValue, [s]: k });
     }
-    function S(e, t) {
-      const l = V.value.get(e);
-      if (!l) return "none";
-      let s = 0;
-      for (const k of t.permissions)
-        l.has(k.key) && s++;
-      return s === 0 ? "none" : s === t.permissions.length ? "all" : "indeterminate";
+    function w(s, l) {
+      const t = p.value.get(s);
+      if (!t) return "none";
+      let e = 0;
+      for (const k of l.permissions)
+        t.has(k.key) && e++;
+      return e === 0 ? "none" : e === l.permissions.length ? "all" : "indeterminate";
     }
-    function A(e, t) {
-      if (o.readonly || o.roles.find((f) => f.key === e)?.locked) return;
-      const s = S(e, t), k = V.value.get(e) ?? /* @__PURE__ */ new Set(), y = o.modelValue[e] || [];
+    function D(s, l) {
+      if (a.readonly || a.roles.find((f) => f.key === s)?.locked) return;
+      const e = w(s, l), k = p.value.get(s) ?? /* @__PURE__ */ new Set(), y = a.modelValue[s] || [];
       let m;
-      if (s === "all") {
-        const f = new Set(t.permissions.map((d) => d.key));
-        m = y.filter((d) => !f.has(d));
+      if (e === "all") {
+        const f = new Set(l.permissions.map((u) => u.key));
+        m = y.filter((u) => !f.has(u));
       } else {
-        const f = t.permissions.filter((d) => !k.has(d.key)).map((d) => d.key);
+        const f = l.permissions.filter((u) => !k.has(u.key)).map((u) => u.key);
         m = [...y, ...f];
       }
-      M("update:modelValue", { ...o.modelValue, [e]: m });
+      G("update:modelValue", { ...a.modelValue, [s]: m });
     }
-    const b = _(() => o.size === "sm" ? "px-2 py-1" : "px-3 py-2"), g = _(() => o.size === "sm" ? "text-xs" : "text-sm");
-    function D(e) {
-      return o.modelValue[e]?.length || 0;
+    const x = S(() => a.size === "sm" ? "px-2 py-1" : "px-3 py-2"), z = S(() => a.size === "sm" ? "text-xs" : "text-sm");
+    function F(s) {
+      return a.modelValue[s]?.length || 0;
     }
-    function F() {
-      return o.groups.reduce((e, t) => e + t.permissions.length, 0);
+    function Q() {
+      return a.groups.reduce((s, l) => s + l.permissions.length, 0);
     }
-    return (e, t) => (n(), c("div", {
-      class: r(["permission-matrix", o.class])
+    return (s, l) => (o(), r("div", {
+      class: c(["permission-matrix", a.class])
     }, [
-      a.searchable ? (n(), c("div", J, [
-        $(U, {
-          modelValue: z.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => z.value = l),
+      n.searchable ? (o(), r("div", W, [
+        B(J, {
+          modelValue: $.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => $.value = t),
           placeholder: "Search permissions...",
           icon: "lucide:search",
-          size: a.size,
+          size: n.size,
           "show-clear-button": ""
         }, null, 8, ["modelValue", "size"])
-      ])) : p("", !0),
-      G.value.length === 0 ? (n(), c("div", O, [
-        $(P, {
+      ])) : C("", !0),
+      L.value.length === 0 ? (o(), r("div", X, [
+        B(M, {
           icon: "lucide:search-x",
           class: "w-8 h-8 mx-auto mb-3 opacity-50"
         }),
         i("p", {
-          class: r(g.value)
+          class: c(z.value)
         }, "No permissions match your search.", 2)
-      ])) : (n(), c("div", W, [
-        i("table", X, [
+      ])) : (o(), r("div", Y, [
+        i("table", Z, [
           i("thead", {
-            class: r(a.stickyHeader ? "sticky top-0 z-10" : "")
+            class: c(n.stickyHeader ? "sticky top-0 z-10" : "")
           }, [
-            i("tr", Y, [
+            i("tr", _, [
               i("th", {
-                class: r([
-                  b.value,
-                  g.value,
+                class: c([
+                  x.value,
+                  z.value,
                   "text-left font-semibold text-foreground min-w-[220px] sm:min-w-[260px] bg-muted border-b"
                 ])
               }, " Permission ", 2),
-              (n(!0), c(h, null, w(a.roles, (l) => (n(), c("th", {
-                key: l.key,
-                class: r([b.value, "text-center border-b border-l bg-muted min-w-[100px]"])
+              (o(!0), r(h, null, V(n.roles, (t) => (o(), r("th", {
+                key: t.key,
+                class: c([x.value, "text-center border-b border-l bg-muted min-w-[100px]"])
               }, [
-                i("div", Z, [
+                i("div", K, [
                   i("span", {
-                    class: r([g.value, "font-semibold text-foreground whitespace-nowrap"])
-                  }, v(l.label), 3),
+                    class: c([z.value, "font-semibold text-foreground whitespace-nowrap"])
+                  }, v(t.label), 3),
                   i("span", {
-                    class: r([o.size === "sm" ? "text-[10px]" : "text-xs", "text-muted-foreground"])
-                  }, v(D(l.key)) + "/" + v(F()), 3)
+                    class: c([
+                      a.size === "sm" ? "text-[10px]" : "text-xs",
+                      "text-muted-foreground"
+                    ])
+                  }, v(F(t.key)) + "/" + v(Q()), 3)
                 ])
               ], 2))), 128))
             ])
           ], 2),
           i("tbody", null, [
-            (n(!0), c(h, null, w(G.value, (l) => (n(), c(h, {
-              key: l.key
+            (o(!0), r(h, null, V(L.value, (t) => (o(), r(h, {
+              key: t.key
             }, [
-              i("tr", K, [
+              T([
+                g.value.has(t.key),
+                n.collapsible,
+                n.size,
+                n.toggleMode,
+                n.readonly,
+                t.label,
+                t.icon,
+                t.permissions.length,
+                ...n.roles.map((e) => `${e.key}-${w(e.key, t)}-${e.locked}`)
+              ], () => (o(), r("tr", { class: "bg-secondary/60" }, [
                 i("td", {
-                  class: r([b.value, "border-b cursor-pointer select-none"]),
-                  onClick: (s) => H(l.key)
+                  class: c([x.value, "border-b cursor-pointer select-none"]),
+                  onClick: (e) => q(t.key)
                 }, [
                   i("div", te, [
-                    a.collapsible ? (n(), x(P, {
+                    n.collapsible ? (o(), b(M, {
                       key: 0,
                       icon: "lucide:chevron-right",
-                      class: r(["w-3.5 h-3.5 transition-transform duration-200 text-muted-foreground", { "rotate-90": !C.value.has(l.key) }])
-                    }, null, 8, ["class"])) : p("", !0),
-                    l.icon ? (n(), x(P, {
+                      class: c(["w-3.5 h-3.5 transition-transform duration-200 text-muted-foreground", { "rotate-90": !g.value.has(t.key) }])
+                    }, null, 8, ["class"])) : C("", !0),
+                    t.icon ? (o(), b(M, {
                       key: 1,
-                      icon: l.icon,
+                      icon: t.icon,
                       class: "w-3.5 h-3.5 text-muted-foreground"
-                    }, null, 8, ["icon"])) : p("", !0),
+                    }, null, 8, ["icon"])) : C("", !0),
                     i("span", {
-                      class: r([g.value, "font-semibold text-foreground"])
-                    }, v(l.label), 3),
+                      class: c([z.value, "font-semibold text-foreground"])
+                    }, v(t.label), 3),
                     i("span", {
-                      class: r([o.size === "sm" ? "text-[10px]" : "text-xs", "text-muted-foreground ml-1"])
-                    }, " (" + v(l.permissions.length) + ") ", 3)
+                      class: c([
+                        a.size === "sm" ? "text-[10px]" : "text-xs",
+                        "text-muted-foreground ml-1"
+                      ])
+                    }, " (" + v(t.permissions.length) + ") ", 3)
                   ])
                 ], 10, ee),
-                (n(!0), c(h, null, w(a.roles, (s) => (n(), c("td", {
-                  key: s.key,
-                  class: r([b.value, "text-center border-b border-l cursor-pointer"]),
-                  onClick: (k) => A(s.key, l)
+                (o(!0), r(h, null, V(n.roles, (e) => (o(), r("td", {
+                  key: e.key,
+                  class: c([x.value, "text-center border-b border-l cursor-pointer"]),
+                  onClick: (k) => D(e.key, t)
                 }, [
-                  i("div", le, [
-                    a.toggleMode === "checkbox" ? (n(), x(N, {
+                  i("div", se, [
+                    n.toggleMode === "checkbox" ? (o(), b(j, {
                       key: 0,
-                      "model-value": S(s.key, l) === "all",
-                      indeterminate: S(s.key, l) === "indeterminate",
-                      disabled: a.readonly || s.locked,
-                      size: a.size === "sm" ? "xs" : "sm"
-                    }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (n(), x(j, {
+                      "model-value": w(e.key, t) === "all",
+                      indeterminate: w(e.key, t) === "indeterminate",
+                      disabled: n.readonly || e.locked,
+                      size: n.size === "sm" ? "xs" : "sm"
+                    }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (o(), b(E, {
                       key: 1,
-                      "model-value": S(s.key, l) === "all",
-                      disabled: a.readonly || s.locked
+                      "model-value": w(e.key, t) === "all",
+                      disabled: n.readonly || e.locked
                     }, null, 8, ["model-value", "disabled"]))
                   ])
-                ], 10, se))), 128))
-              ]),
-              C.value.has(l.key) ? p("", !0) : (n(!0), c(h, { key: 0 }, w(l.permissions, (s, k, y, m) => {
-                const f = [...a.roles.map((u) => B(u.key, s.key)), a.readonly];
-                if (m && m.key === s.key && R(m, f)) return m;
-                const d = (n(), c("tr", {
-                  key: s.key,
+                ], 10, le))), 128))
+              ])), l, 1),
+              g.value.has(t.key) ? C("", !0) : (o(!0), r(h, { key: 0 }, V(t.permissions, (e, k, y, m) => {
+                const f = [
+                  n.readonly,
+                  n.size,
+                  n.toggleMode,
+                  e.label,
+                  e.description,
+                  ...n.roles.map((d) => `${d.key}-${P(d.key, e.key)}-${d.locked}`)
+                ];
+                if (m && m.key === e.key && U(m, f)) return m;
+                const u = (o(), r("tr", {
+                  key: e.key,
                   class: "hover:bg-accent/40 transition-colors duration-100"
                 }, [
                   i("td", {
-                    class: r([b.value, "border-b"])
+                    class: c([x.value, "border-b"])
                   }, [
                     i("div", ne, [
                       i("span", {
-                        class: r([g.value, "text-foreground"])
-                      }, v(s.label), 3),
-                      s.description ? (n(), x(I, {
+                        class: c([z.value, "text-foreground"])
+                      }, v(e.label), 3),
+                      e.description ? (o(), b(O, {
                         key: 0,
-                        content: s.description,
+                        content: e.description,
                         placement: "top"
                       }, {
-                        default: T(() => [
-                          $(P, {
+                        default: I(() => [
+                          B(M, {
                             icon: "lucide:info",
                             class: "w-3 h-3 text-muted-foreground cursor-auto shrink-0"
                           })
                         ]),
                         _: 1
-                      }, 8, ["content"])) : p("", !0)
+                      }, 8, ["content"])) : C("", !0)
                     ])
                   ], 2),
-                  (n(!0), c(h, null, w(a.roles, (u) => (n(), c("td", {
-                    key: u.key,
-                    class: r([
-                      b.value,
+                  (o(!0), r(h, null, V(n.roles, (d) => (o(), r("td", {
+                    key: d.key,
+                    class: c([
+                      x.value,
                       "text-center border-b border-l",
-                      !a.readonly && !u.locked ? "cursor-pointer" : ""
+                      !n.readonly && !d.locked ? "cursor-pointer" : ""
                     ]),
-                    onClick: (ie) => q(u.key, s.key)
+                    onClick: (ie) => A(d.key, e.key)
                   }, [
                     i("div", ae, [
-                      a.toggleMode === "checkbox" ? (n(), x(N, {
+                      n.toggleMode === "checkbox" ? (o(), b(j, {
                         key: 0,
-                        "model-value": B(u.key, s.key),
-                        disabled: a.readonly || u.locked,
-                        size: a.size === "sm" ? "xs" : "sm"
-                      }, null, 8, ["model-value", "disabled", "size"])) : (n(), x(j, {
+                        "model-value": P(d.key, e.key),
+                        disabled: n.readonly || d.locked,
+                        size: n.size === "sm" ? "xs" : "sm"
+                      }, null, 8, ["model-value", "disabled", "size"])) : (o(), b(E, {
                         key: 1,
-                        "model-value": B(u.key, s.key),
-                        disabled: a.readonly || u.locked
+                        "model-value": P(d.key, e.key),
+                        disabled: n.readonly || d.locked
                       }, null, 8, ["model-value", "disabled"]))
                     ])
                   ], 10, oe))), 128))
                 ]));
-                return d.memo = f, d;
-              }, t, 1), 128))
+                return u.memo = f, u;
+              }, l, 2), 128))
             ], 64))), 128))
           ])
         ])

package/components/PermissionMatrix/PermissionTopBar.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as w, computed as k, openBlock as l, createElementBlock as n, createElementVNode as r, createVNode as c, createCommentVNode as i, unref as C, withCtx as f, withModifiers as G, createBlock as $, toDisplayString as a, normalizeClass as u } from "vue";
+import { defineComponent as w, computed as k, openBlock as l, createElementBlock as n, createElementVNode as s, createVNode as c, createCommentVNode as i, unref as C, withCtx as f, withModifiers as G, createBlock as $, toDisplayString as a, normalizeClass as u } from "vue";
 import z from "../Input.vue.js";
 /* empty css            */
 import h from "../Icon.vue.js";
 import K from "../CheckBox.vue.js";
 import B from "../Dropdown/Dropdown.vue.js";
 import "../../core/config.js";
+/* empty css                            */
 const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-4" }, V = { class: "flex items-center gap-2 flex-1 w-full sm:max-w-lg" }, A = {
   key: 0,
   class: "flex-1"
@@ -14,7 +15,7 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
 }, N = ["onClick"], P = { class: "text-sm" }, U = {
   key: 0,
   class: "border-t px-3 py-1.5"
-}, E = { class: "flex items-center gap-3 ml-auto" }, H = /* @__PURE__ */ w({
+}, E = { class: "flex items-center gap-3 ml-auto" }, I = /* @__PURE__ */ w({
   __name: "PermissionTopBar",
   props: {
     searchQuery: {},
@@ -29,18 +30,18 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
   emits: ["update:searchQuery", "update:selectedGroupKeys", "selectAll", "clearAll"],
   setup(e, { emit: g }) {
     const x = e, d = g, m = k(() => x.size === "sm" ? "text-xs" : "text-sm");
-    function y(s) {
-      const t = x.selectedGroupKeys, o = t.includes(s) ? t.filter((p) => p !== s) : [...t, s];
+    function y(r) {
+      const t = x.selectedGroupKeys, o = t.includes(r) ? t.filter((p) => p !== r) : [...t, r];
       d("update:selectedGroupKeys", o);
     }
     function v() {
       d("update:selectedGroupKeys", []);
     }
-    function b(s) {
-      d("update:searchQuery", String(s));
+    function b(r) {
+      d("update:searchQuery", String(r));
     }
-    return (s, t) => (l(), n("div", S, [
-      r("div", V, [
+    return (r, t) => (l(), n("div", S, [
+      s("div", V, [
         e.searchable ? (l(), n("div", A, [
           c(z, {
             "model-value": e.searchQuery,
@@ -58,7 +59,7 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           position: "bottom-end"
         }, {
           trigger: f(() => [
-            r("button", {
+            s("button", {
               type: "button",
               class: u([
                 "inline-flex items-center gap-1.5 border rounded-md cursor-pointer transition-colors",
@@ -70,12 +71,12 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
                 icon: "lucide:filter",
                 class: "w-3.5 h-3.5"
               }),
-              t[2] || (t[2] = r("span", { class: "hidden sm:inline" }, "Modules", -1)),
+              t[2] || (t[2] = s("span", { class: "hidden sm:inline" }, "Modules", -1)),
               e.selectedGroupKeys.length > 0 ? (l(), n("span", Q, a(e.selectedGroupKeys.length), 1)) : i("", !0)
             ], 2)
           ]),
           item: f(({ option: o }) => [
-            r("div", {
+            s("div", {
               class: "flex items-center gap-2 w-full cursor-pointer hover:bg-accent rounded-md",
               onClick: G((p) => y(o.value), ["stop"])
             }, [
@@ -89,12 +90,12 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
                 icon: o.icon,
                 class: "w-3.5 h-3.5 text-muted-foreground"
               }, null, 8, ["icon"])) : i("", !0),
-              r("span", P, a(o.label), 1)
+              s("span", P, a(o.label), 1)
             ], 8, N)
           ]),
           footer: f(() => [
             e.selectedGroupKeys.length > 0 ? (l(), n("div", U, [
-              r("button", {
+              s("button", {
                 type: "button",
                 class: "text-xs text-muted-foreground hover:text-foreground cursor-pointer",
                 onClick: v
@@ -104,15 +105,15 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           _: 1
         }, 8, ["options"])
       ]),
-      r("div", E, [
-        r("span", {
+      s("div", E, [
+        s("span", {
           class: u([m.value, "text-muted-foreground whitespace-nowrap"])
         }, a(e.selectedCount) + " / " + a(e.totalPerms) + " selected ", 3),
         e.readonly ? i("", !0) : (l(), n("button", {
           key: 0,
           type: "button",
           class: u([m.value, "text-primary hover:underline whitespace-nowrap cursor-pointer"]),
-          onClick: t[0] || (t[0] = (o) => s.$emit("selectAll"))
+          onClick: t[0] || (t[0] = (o) => r.$emit("selectAll"))
         }, " Select All ", 2)),
         !e.readonly && e.selectedCount > 0 ? (l(), n("button", {
           key: 1,
@@ -121,12 +122,12 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
             m.value,
             "text-muted-foreground hover:text-foreground hover:underline whitespace-nowrap cursor-pointer"
           ]),
-          onClick: t[1] || (t[1] = (o) => s.$emit("clearAll"))
+          onClick: t[1] || (t[1] = (o) => r.$emit("clearAll"))
         }, " Clear ", 2)) : i("", !0)
       ])
     ]));
   }
 });
 export {
-  H as default
+  I as default
 };