vlite3 0.6.7 → 0.6.8

package/components/PermissionMatrix/PermissionEditor.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, computed as c, ref as p, onMounted as K, watch as E, openBlock as g, createElementBlock as A, normalizeClass as $, createVNode as Q, createBlock as b } from "vue";
+import { defineComponent as B, computed as c, ref as f, onMounted as K, watch as E, openBlock as g, createElementBlock as A, normalizeClass as P, createVNode as Q, createBlock as b } from "vue";
 import U from "./PermissionTopBar.vue.js";
-import P from "./PermissionEditorList.vue.js";
+import $ from "./PermissionEditorList.vue.js";
 import q from "./PermissionEditorMatrix.vue.js";
 import { getAllMatrixKeys as h } from "./utils.js";
 const D = /* @__PURE__ */ B({
@@ -20,17 +20,17 @@ const D = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: C }) {
-    const a = s, f = C, i = c(() => a.layout === "matrix"), r = p(""), d = p([]), y = c(() => i.value ? a.matrixGroups : a.groups), x = c(
+    const t = s, p = C, i = c(() => t.layout === "matrix"), r = f(""), d = f([]), y = c(() => i.value ? t.matrixGroups : t.groups), x = c(
       () => y.value.map((l) => ({
         label: l.label,
         value: l.key,
         icon: l.icon
       }))
-    ), n = p(/* @__PURE__ */ new Set()), v = p(/* @__PURE__ */ new Set());
+    ), n = f(/* @__PURE__ */ new Set()), v = f(/* @__PURE__ */ new Set());
     function k() {
-      if (a.defaultExpanded && a.defaultExpanded.length > 0) {
+      if (t.defaultExpanded && t.defaultExpanded.length > 0) {
         const l = y.value.map((e) => e.key);
-        return new Set(l.filter((e) => !a.defaultExpanded.includes(e)));
+        return new Set(l.filter((e) => !t.defaultExpanded.includes(e)));
       }
       return /* @__PURE__ */ new Set();
     }
@@ -41,79 +41,79 @@ const D = /* @__PURE__ */ B({
       if (l.trim()) {
         const e = l.toLowerCase(), o = /* @__PURE__ */ new Set();
         if (i.value)
-          for (const t of a.matrixGroups)
-            (t.label.toLowerCase().includes(e) || t.rows.some(
+          for (const a of t.matrixGroups)
+            (a.label.toLowerCase().includes(e) || a.rows.some(
               (m) => m.label.toLowerCase().includes(e) || m.key.toLowerCase().includes(e)
-            )) && o.add(t.key);
+            )) && o.add(a.key);
         else
-          for (const t of a.groups)
-            (t.label.toLowerCase().includes(e) || t.permissions.some(
+          for (const a of t.groups)
+            (a.label.toLowerCase().includes(e) || a.permissions.some(
               (m) => m.label.toLowerCase().includes(e) || m.key.toLowerCase().includes(e)
-            )) && o.add(t.key);
-        const u = y.value.map((t) => t.key);
-        n.value = new Set(u.filter((t) => !o.has(t)));
+            )) && o.add(a.key);
+        const u = y.value.map((a) => a.key);
+        n.value = new Set(u.filter((a) => !o.has(a)));
       } else
         n.value = new Set(v.value);
     });
     function w(l) {
-      if (!a.collapsible) return;
+      if (!t.collapsible) return;
       const e = new Set(n.value);
       e.has(l) ? e.delete(l) : e.add(l), n.value = e, r.value.trim() || (v.value = new Set(e));
     }
     const G = c(() => {
-      let l = a.groups;
+      let l = t.groups;
       if (d.value.length > 0 && (l = l.filter((e) => d.value.includes(e.key))), r.value.trim()) {
         const e = r.value.toLowerCase();
         l = l.map((o) => {
           const u = o.permissions.filter(
-            (t) => t.label.toLowerCase().includes(e) || t.key.toLowerCase().includes(e) || o.label.toLowerCase().includes(e)
+            (a) => a.label.toLowerCase().includes(e) || a.key.toLowerCase().includes(e) || o.label.toLowerCase().includes(e)
           );
           return u.length === 0 ? null : { ...o, permissions: u };
         }).filter(Boolean);
       }
       return l;
-    }), V = c(() => {
-      let l = a.matrixGroups;
+    }), L = c(() => {
+      let l = t.matrixGroups;
       if (d.value.length > 0 && (l = l.filter((e) => d.value.includes(e.key))), r.value.trim()) {
         const e = r.value.toLowerCase();
         l = l.map((o) => {
           const u = o.rows.filter(
-            (t) => t.label.toLowerCase().includes(e) || t.key.toLowerCase().includes(e) || o.label.toLowerCase().includes(e)
+            (a) => a.label.toLowerCase().includes(e) || a.key.toLowerCase().includes(e) || o.label.toLowerCase().includes(e)
           );
           return u.length === 0 ? null : { ...o, rows: u };
         }).filter(Boolean);
       }
       return l;
-    }), L = c(() => i.value ? a.matrixGroups.reduce(
+    }), V = c(() => i.value ? t.matrixGroups.reduce(
       (l, e) => l + e.rows.reduce(
-        (o, u) => o + u.actions.filter((t) => u.actions.includes(t?.key)).length,
+        (o, u) => o + u.actions.filter((a) => u.actions.includes(a?.key)).length,
         0
       ),
       0
-    ) : a.groups.reduce((l, e) => l + e.permissions.length, 0));
+    ) : t.groups.reduce((l, e) => l + e.permissions.length, 0));
     function M() {
-      if (!a.readonly)
+      if (!t.readonly)
         if (i.value) {
-          const l = h(a.matrixGroups), e = a.modelValue.filter((o) => !l.includes(o));
-          f("update:modelValue", [...e, ...l]);
+          const l = h(t.matrixGroups), e = t.modelValue.filter((o) => !l.includes(o));
+          p("update:modelValue", [...e, ...l]);
         } else {
-          const l = a.groups.flatMap((e) => e.permissions.map((o) => o.key));
-          f("update:modelValue", l);
+          const l = t.groups.flatMap((e) => e.permissions.map((o) => o.key));
+          p("update:modelValue", l);
         }
     }
     function S() {
-      if (!a.readonly)
+      if (!t.readonly)
         if (i.value) {
-          const l = new Set(h(a.matrixGroups));
-          f(
+          const l = new Set(h(t.matrixGroups));
+          p(
             "update:modelValue",
-            a.modelValue.filter((e) => !l.has(e))
+            t.modelValue.filter((e) => !l.has(e))
           );
         } else
-          f("update:modelValue", []);
+          p("update:modelValue", []);
     }
     return (l, e) => (g(), A("div", {
-      class: $(["permission-editor", a.class])
+      class: P(["permission-editor", t.class])
     }, [
       Q(U, {
         searchQuery: r.value,
@@ -123,7 +123,7 @@ const D = /* @__PURE__ */ B({
         searchable: s.searchable,
         size: s.size,
         readonly: s.readonly,
-        "total-perms": L.value,
+        "total-perms": V.value,
         "selected-count": s.modelValue.length,
         "group-options": x.value,
         onSelectAll: M,
@@ -131,7 +131,7 @@ const D = /* @__PURE__ */ B({
       }, null, 8, ["searchQuery", "selectedGroupKeys", "searchable", "size", "readonly", "total-perms", "selected-count", "group-options"]),
       i.value ? (g(), b(q, {
         key: 0,
-        "matrix-groups": V.value,
+        "matrix-groups": L.value,
         "model-value": s.modelValue,
         "collapsed-groups": n.value,
         "toggle-mode": s.toggleMode,
@@ -140,7 +140,7 @@ const D = /* @__PURE__ */ B({
         collapsible: s.collapsible,
         "onUpdate:modelValue": e[2] || (e[2] = (o) => l.$emit("update:modelValue", o)),
         onToggleCollapse: w
-      }, null, 8, ["matrix-groups", "model-value", "collapsed-groups", "toggle-mode", "readonly", "size", "collapsible"])) : (g(), b(P, {
+      }, null, 8, ["matrix-groups", "model-value", "collapsed-groups", "toggle-mode", "readonly", "size", "collapsible"])) : (g(), b($, {
         key: 1,
         groups: G.value,
         "model-value": s.modelValue,

package/components/PermissionMatrix/PermissionEditorList.vue.js

@@ -1,156 +1,7 @@
-import { defineComponent as M, computed as $, openBlock as o, createElementBlock as c, createVNode as w, createElementVNode as a, normalizeClass as r, Fragment as g, renderList as C, createBlock as u, createCommentVNode as y, toDisplayString as x, withModifiers as N, withCtx as P } from "vue";
-import U from "../CheckBox.vue.js";
-import B from "../Switch.vue.js";
-import k from "../Icon.vue.js";
-import E from "../Tooltip.vue.js";
-const S = {
-  key: 0,
-  class: "text-center py-12 text-muted-foreground"
-}, j = {
-  key: 1,
-  class: "space-y-0 border rounded-lg overflow-hidden"
-}, L = ["onClick"], A = { class: "flex items-center gap-2" }, D = { key: 0 }, F = { class: "flex items-center gap-2 pl-6" }, q = { class: "flex items-center" }, R = /* @__PURE__ */ M({
-  __name: "PermissionEditorList",
-  props: {
-    groups: {},
-    modelValue: {},
-    collapsedGroups: {},
-    toggleMode: {},
-    readonly: { type: Boolean },
-    size: {},
-    collapsible: { type: Boolean }
-  },
-  emits: ["update:modelValue", "toggleCollapse"],
-  setup(l, { emit: G }) {
-    const s = l, b = G, h = $(() => s.size === "sm" ? "text-xs" : "text-sm"), p = $(() => s.size === "sm" ? "px-3 py-1.5" : "px-4 py-2.5");
-    function m(n) {
-      return s.modelValue.includes(n);
-    }
-    function V(n) {
-      if (s.readonly) return;
-      const i = m(n) ? s.modelValue.filter((e) => e !== n) : [...s.modelValue, n];
-      b("update:modelValue", i);
-    }
-    function f(n) {
-      const i = n.permissions, e = i.filter((d) => m(d.key));
-      return e.length === 0 ? "none" : e.length === i.length ? "all" : "indeterminate";
-    }
-    function z(n) {
-      if (s.readonly) return;
-      const i = f(n), e = n.permissions.map((t) => t.key);
-      let d;
-      if (i === "all")
-        d = s.modelValue.filter((t) => !e.includes(t));
-      else {
-        const t = e.filter((v) => !s.modelValue.includes(v));
-        d = [...s.modelValue, ...t];
-      }
-      b("update:modelValue", d);
-    }
-    return (n, i) => l.groups.length === 0 ? (o(), c("div", S, [
-      w(k, {
-        icon: "lucide:search-x",
-        class: "w-8 h-8 mx-auto mb-3 opacity-50"
-      }),
-      a("p", {
-        class: r(h.value)
-      }, "No permissions match your filters.", 2)
-    ])) : (o(), c("div", j, [
-      (o(!0), c(g, null, C(l.groups, (e, d) => (o(), c(g, {
-        key: e.key
-      }, [
-        a("div", {
-          class: r([
-            p.value,
-            "flex items-center justify-between bg-muted cursor-pointer select-none",
-            d > 0 ? "border-t" : ""
-          ]),
-          onClick: (t) => n.$emit("toggleCollapse", e.key)
-        }, [
-          a("div", A, [
-            l.collapsible ? (o(), u(k, {
-              key: 0,
-              icon: "lucide:chevron-right",
-              class: r(["w-3.5 h-3.5 transition-transform duration-200 text-muted-foreground", { "rotate-90": !l.collapsedGroups.has(e.key) }])
-            }, null, 8, ["class"])) : y("", !0),
-            e.icon ? (o(), u(k, {
-              key: 1,
-              icon: e.icon,
-              class: "w-4 h-4 text-muted-foreground"
-            }, null, 8, ["icon"])) : y("", !0),
-            a("span", {
-              class: r([h.value, "font-semibold text-foreground"])
-            }, x(e.label), 3),
-            a("span", {
-              class: r([l.size === "sm" ? "text-[10px]" : "text-xs", "text-muted-foreground"])
-            }, " (" + x(e.permissions.filter((t) => m(t.key)).length) + "/" + x(e.permissions.length) + ") ", 3)
-          ]),
-          a("div", {
-            class: "flex items-center",
-            onClick: i[0] || (i[0] = N(() => {
-            }, ["stop"]))
-          }, [
-            l.toggleMode === "checkbox" ? (o(), u(U, {
-              key: 0,
-              "model-value": f(e) === "all",
-              indeterminate: f(e) === "indeterminate",
-              disabled: l.readonly,
-              size: l.size === "sm" ? "xs" : "sm",
-              "onUpdate:modelValue": (t) => z(e)
-            }, null, 8, ["model-value", "indeterminate", "disabled", "size", "onUpdate:modelValue"])) : (o(), u(B, {
-              key: 1,
-              "model-value": f(e) === "all",
-              disabled: l.readonly,
-              "onUpdate:modelValue": (t) => z(e)
-            }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
-          ])
-        ], 10, L),
-        l.collapsedGroups.has(e.key) ? y("", !0) : (o(), c("div", D, [
-          (o(!0), c(g, null, C(e.permissions, (t) => (o(), c("div", {
-            key: t.key,
-            class: r([
-              p.value,
-              "flex items-center justify-between border-t hover:bg-accent/40 transition-colors duration-100"
-            ])
-          }, [
-            a("div", F, [
-              a("span", {
-                class: r([h.value, "text-foreground"])
-              }, x(t.label), 3),
-              t.description ? (o(), u(E, {
-                key: 0,
-                content: t.description,
-                placement: "top"
-              }, {
-                default: P(() => [
-                  w(k, {
-                    icon: "lucide:info",
-                    class: "w-3 h-3 text-muted-foreground cursor-auto shrink-0"
-                  })
-                ]),
-                _: 1
-              }, 8, ["content"])) : y("", !0)
-            ]),
-            a("div", q, [
-              l.toggleMode === "checkbox" ? (o(), u(U, {
-                key: 0,
-                "model-value": m(t.key),
-                disabled: l.readonly,
-                size: l.size === "sm" ? "xs" : "sm",
-                "onUpdate:modelValue": (v) => V(t.key)
-              }, null, 8, ["model-value", "disabled", "size", "onUpdate:modelValue"])) : (o(), u(B, {
-                key: 1,
-                "model-value": m(t.key),
-                disabled: l.readonly,
-                "onUpdate:modelValue": (v) => V(t.key)
-              }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
-            ])
-          ], 2))), 128))
-        ]))
-      ], 64))), 128))
-    ]));
-  }
-});
+import o from "./PermissionEditorList.vue2.js";
+/* empty css                          */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3adbf210"]]);
 export {
-  R as default
+  m as default
 };

package/components/PermissionMatrix/PermissionEditorList.vue2.js

@@ -1,4 +1,162 @@
-import f from "./PermissionEditorList.vue.js";
+import { defineComponent as N, computed as b, openBlock as s, createElementBlock as r, createVNode as p, createElementVNode as a, normalizeClass as m, normalizeStyle as E, Fragment as x, renderList as z, createBlock as c, createCommentVNode as f, toDisplayString as k, withModifiers as C, withCtx as P } from "vue";
+import V from "../CheckBox.vue.js";
+import w from "../Switch.vue.js";
+import v from "../Icon.vue.js";
+import j from "../Tooltip.vue.js";
+const L = {
+  key: 0,
+  class: "text-center py-12 text-muted-foreground"
+}, A = ["onClick"], D = { class: "flex items-center gap-2" }, F = ["onClick"], q = {
+  key: 0,
+  class: "custom-list-group-content"
+}, H = ["onClick"], I = { class: "flex items-center gap-2 pl-6" }, J = { class: "flex items-center pointer-events-none" }, W = /* @__PURE__ */ N({
+  __name: "PermissionEditorList",
+  props: {
+    groups: {},
+    modelValue: {},
+    collapsedGroups: {},
+    toggleMode: {},
+    readonly: { type: Boolean },
+    size: {},
+    collapsible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "toggleCollapse"],
+  setup(t, { emit: $ }) {
+    const n = t, g = $, h = b(() => n.size === "sm" ? "text-xs" : "text-sm"), B = b(() => ({
+      "--cell-py": n.size === "sm" ? "0.5rem" : "0.625rem",
+      "--cell-px": n.size === "sm" ? "0.75rem" : "1rem"
+    }));
+    function u(o) {
+      return n.modelValue.includes(o);
+    }
+    function G(o) {
+      if (n.readonly) return;
+      const i = u(o) ? n.modelValue.filter((e) => e !== o) : [...n.modelValue, o];
+      g("update:modelValue", i);
+    }
+    function y(o) {
+      const i = o.permissions.filter((e) => u(e.key));
+      return i.length === 0 ? "none" : i.length === o.permissions.length ? "all" : "indeterminate";
+    }
+    function S(o) {
+      if (n.readonly) return;
+      const i = y(o), e = o.permissions.map((d) => d.key);
+      let l;
+      if (i === "all")
+        l = n.modelValue.filter((d) => !e.includes(d));
+      else {
+        const d = e.filter((M) => !n.modelValue.includes(M));
+        l = [...n.modelValue, ...d];
+      }
+      g("update:modelValue", l);
+    }
+    return (o, i) => t.groups.length === 0 ? (s(), r("div", L, [
+      p(v, {
+        icon: "lucide:search-x",
+        class: "w-8 h-8 mx-auto mb-3 opacity-50"
+      }),
+      a("p", {
+        class: m(h.value)
+      }, "No permissions match your filters.", 2)
+    ])) : (s(), r("div", {
+      key: 1,
+      class: "permission-list-wrapper",
+      style: E(B.value)
+    }, [
+      (s(!0), r(x, null, z(t.groups, (e) => (s(), r(x, {
+        key: e.key
+      }, [
+        a("div", {
+          class: "custom-list-header flex items-center justify-between cursor-pointer select-none",
+          onClick: (l) => o.$emit("toggleCollapse", e.key)
+        }, [
+          a("div", D, [
+            t.collapsible ? (s(), c(v, {
+              key: 0,
+              icon: "lucide:chevron-right",
+              class: m(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !t.collapsedGroups.has(e.key) }]),
+              style: { color: "var(--color-muted-foreground)" }
+            }, null, 8, ["class"])) : f("", !0),
+            e.icon ? (s(), c(v, {
+              key: 1,
+              icon: e.icon,
+              class: "w-4 h-4",
+              style: { color: "var(--color-muted-foreground)" }
+            }, null, 8, ["icon"])) : f("", !0),
+            a("span", {
+              class: m([h.value, "font-semibold"]),
+              style: { color: "var(--color-foreground)" }
+            }, k(e.label), 3),
+            a("span", {
+              class: m([t.size === "sm" ? "text-[10px]" : "text-xs"]),
+              style: { color: "var(--color-muted-foreground)" }
+            }, " (" + k(e.permissions.filter((l) => u(l.key)).length) + "/" + k(e.permissions.length) + ") ", 3)
+          ]),
+          a("div", {
+            class: "flex items-center",
+            onClick: C((l) => S(e), ["stop"])
+          }, [
+            t.toggleMode === "checkbox" ? (s(), c(V, {
+              key: 0,
+              "model-value": y(e) === "all",
+              indeterminate: y(e) === "indeterminate",
+              disabled: t.readonly,
+              size: t.size === "sm" ? "xs" : "sm",
+              class: "pointer-events-none"
+            }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), c(w, {
+              key: 1,
+              "model-value": y(e) === "all",
+              disabled: t.readonly,
+              class: "pointer-events-none"
+            }, null, 8, ["model-value", "disabled"]))
+          ], 8, F)
+        ], 8, A),
+        t.collapsedGroups.has(e.key) ? f("", !0) : (s(), r("div", q, [
+          (s(!0), r(x, null, z(e.permissions, (l) => (s(), r("div", {
+            key: l.key,
+            class: m(["custom-list-item flex items-center justify-between transition-colors duration-100", { "cursor-pointer": !t.readonly }]),
+            onClick: (d) => G(l.key)
+          }, [
+            a("div", I, [
+              a("span", {
+                class: m([h.value]),
+                style: { color: "var(--color-foreground)" }
+              }, k(l.label), 3),
+              l.description ? (s(), c(j, {
+                key: 0,
+                content: l.description,
+                placement: "top"
+              }, {
+                default: P(() => [
+                  p(v, {
+                    icon: "lucide:info",
+                    class: "w-3 h-3 cursor-auto shrink-0",
+                    style: { color: "var(--color-muted-foreground)" },
+                    onClick: i[0] || (i[0] = C(() => {
+                    }, ["stop"]))
+                  })
+                ]),
+                _: 1
+              }, 8, ["content"])) : f("", !0)
+            ]),
+            a("div", J, [
+              t.toggleMode === "checkbox" ? (s(), c(V, {
+                key: 0,
+                "model-value": u(l.key),
+                disabled: t.readonly,
+                size: t.size === "sm" ? "xs" : "sm"
+              }, null, 8, ["model-value", "disabled", "size"])) : (s(), c(w, {
+                key: 1,
+                "model-value": u(l.key),
+                disabled: t.readonly
+              }, null, 8, ["model-value", "disabled"]))
+            ])
+          ], 10, H))), 128))
+        ]))
+      ], 64))), 128))
+    ], 4));
+  }
+});
 export {
-  f as default
+  W as default
 };