vlite3 0.7.13 → 0.7.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/components/Button.vue.js +1 -1
  2. package/components/ColorPicker/ColorIro.vue3.js +2 -2
  3. package/components/ColorPicker/ColorPicker.vue.js +18 -17
  4. package/components/{CommandPaletteContent.vue.d.ts → CommandPalette/CommandPaletteContent.vue.d.ts} +3 -3
  5. package/components/CommandPalette/CommandPaletteContent.vue.js +7 -0
  6. package/components/CommandPalette/CommandPaletteContent.vue2.js +180 -0
  7. package/components/CommandPalette/CommandPaletteItem.vue.d.ts +15 -0
  8. package/components/CommandPalette/CommandPaletteItem.vue2.js +7 -0
  9. package/components/CommandPalette/CommandPaletteItem.vue3.js +60 -0
  10. package/components/CommandPalette/index.d.ts +5 -0
  11. package/components/CommandPalette/types.d.ts +40 -0
  12. package/components/CommandPalette/useCommandPaletteItems.d.ts +15 -0
  13. package/components/CommandPalette/useCommandPaletteItems.js +99 -0
  14. package/components/CommandPalette/useCommandPaletteNav.d.ts +13 -0
  15. package/components/CommandPalette/useCommandPaletteNav.js +49 -0
  16. package/components/DataList/DataList.vue.js +53 -50
  17. package/components/DataTable/DataTable.vue.js +185 -173
  18. package/components/DatePicker.vue.js +3 -2
  19. package/components/DateRangePicker.vue.js +26 -25
  20. package/components/Dropdown/Dropdown.vue.js +20 -20
  21. package/components/Dropdown/DropdownMenu.vue.js +5 -256
  22. package/components/Dropdown/DropdownMenu.vue2.js +256 -2
  23. package/components/Form/CustomFields.vue.js +1 -1
  24. package/components/Form/CustomFields.vue2.js +102 -97
  25. package/components/Form/Form.vue.d.ts +0 -1
  26. package/components/Form/Form.vue.js +2 -2
  27. package/components/Form/Form.vue2.js +20 -20
  28. package/components/Form/FormFields.vue.js +2 -2
  29. package/components/Form/FormFields.vue2.js +90 -78
  30. package/components/IconPicker.vue.js +3 -2
  31. package/components/ImportData/ImportStep2.vue.js +10 -9
  32. package/components/List/List.vue.js +205 -180
  33. package/components/Modal.vue.js +2 -2
  34. package/components/Modal.vue2.js +82 -96
  35. package/components/MultiSelect/MultiSelect.vue.js +7 -7
  36. package/components/Navbar/Navbar.vue.js +12 -12
  37. package/components/NavbarCommandPalette.vue.d.ts +7 -30
  38. package/components/NavbarCommandPalette.vue.js +40 -40
  39. package/components/PermissionMatrix/PermissionEditorList.vue.js +1 -1
  40. package/components/PermissionMatrix/PermissionEditorList.vue2.js +84 -75
  41. package/components/PermissionMatrix/PermissionEditorMatrix.vue.js +2 -2
  42. package/components/PermissionMatrix/PermissionEditorMatrix.vue2.js +122 -107
  43. package/components/PermissionMatrix/PermissionMatrix.vue.js +2 -2
  44. package/components/PermissionMatrix/PermissionMatrix.vue2.js +161 -138
  45. package/components/PermissionMatrix/PermissionTopBar.vue.js +19 -18
  46. package/components/Screen/Screen.vue.js +169 -166
  47. package/components/Screen/ScreenFilter.vue.js +4 -3
  48. package/components/SidePanel.vue.js +5 -146
  49. package/components/SidePanel.vue2.js +146 -2
  50. package/components/SidebarMenu/SidebarMenuItem.vue.js +26 -25
  51. package/components/Workbook/Sheet.vue.js +3 -2
  52. package/index.d.ts +1 -1
  53. package/index.js +1 -1
  54. package/package.json +1 -1
  55. package/style.css +1 -1
  56. package/components/CommandPaletteContent.vue.js +0 -7
  57. package/components/CommandPaletteContent.vue2.js +0 -311
  58. /package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +0 -0
@@ -1,16 +1,16 @@
1
- import { defineComponent as L, computed as C, openBlock as l, createElementBlock as n, createVNode as w, createElementVNode as s, normalizeClass as c, normalizeStyle as T, Fragment as h, renderList as V, createBlock as i, createCommentVNode as y, toDisplayString as f, unref as a, withModifiers as $, isMemoSame as D, withCtx as F } from "vue";
2
- import S from "../CheckBox.vue.js";
3
- import G from "../Switch.vue.js";
4
- import k from "../Icon.vue.js";
5
- import q from "../Tooltip.vue.js";
6
- import { usePermissionState as A } from "./usePermissionState.js";
7
- const H = {
1
+ import { defineComponent as T, computed as w, openBlock as o, createElementBlock as s, createVNode as M, createElementVNode as n, normalizeClass as r, normalizeStyle as D, Fragment as h, renderList as V, withMemo as F, unref as i, createBlock as a, createCommentVNode as k, toDisplayString as v, withModifiers as $, isMemoSame as q, withCtx as A } from "vue";
2
+ import G from "../CheckBox.vue.js";
3
+ import S from "../Switch.vue.js";
4
+ import g from "../Icon.vue.js";
5
+ import H from "../Tooltip.vue.js";
6
+ import { usePermissionState as I } from "./usePermissionState.js";
7
+ const J = {
8
8
  key: 0,
9
9
  class: "text-center py-12 text-muted-foreground"
10
- }, I = ["onClick"], J = { class: "flex items-center gap-2" }, K = ["onClick"], O = {
10
+ }, K = { class: "flex items-center gap-2" }, O = ["onClick"], Q = {
11
11
  key: 0,
12
12
  class: "custom-list-group-content"
13
- }, Q = { class: "flex items-center gap-2 pl-6" }, R = { class: "flex items-center pointer-events-none" }, oe = /* @__PURE__ */ L({
13
+ }, R = { class: "flex items-center gap-2 pl-6" }, U = { class: "flex items-center pointer-events-none" }, oe = /* @__PURE__ */ T({
14
14
  __name: "PermissionEditorList",
15
15
  props: {
16
16
  groups: {},
@@ -23,125 +23,134 @@ const H = {
23
23
  },
24
24
  emits: ["update:modelValue", "toggleCollapse"],
25
25
  setup(e, { emit: B }) {
26
- const r = e, b = B, { hasPerm: m, togglePerm: M, getGroupState: v, toggleGroup: P } = A(
27
- () => r.modelValue
28
- ), g = C(() => r.size === "sm" ? "text-xs" : "text-sm"), N = C(() => ({
29
- "--cell-py": r.size === "sm" ? "0.5rem" : "0.625rem",
30
- "--cell-px": r.size === "sm" ? "0.75rem" : "1rem"
26
+ const c = e, b = B, { hasPerm: m, togglePerm: P, getGroupState: u, toggleGroup: N } = I(
27
+ () => c.modelValue
28
+ ), x = w(() => c.size === "sm" ? "text-xs" : "text-sm"), E = w(() => ({
29
+ "--cell-py": c.size === "sm" ? "0.5rem" : "0.625rem",
30
+ "--cell-px": c.size === "sm" ? "0.75rem" : "1rem"
31
31
  }));
32
- function E(d) {
33
- r.readonly || b("update:modelValue", M(d));
34
- }
35
32
  function j(d) {
36
- r.readonly || b("update:modelValue", P(d));
33
+ c.readonly || b("update:modelValue", P(d));
34
+ }
35
+ function L(d) {
36
+ c.readonly || b("update:modelValue", N(d));
37
37
  }
38
- return (d, x) => e.groups.length === 0 ? (l(), n("div", H, [
39
- w(k, {
38
+ return (d, y) => e.groups.length === 0 ? (o(), s("div", J, [
39
+ M(g, {
40
40
  icon: "lucide:search-x",
41
41
  class: "w-8 h-8 mx-auto mb-3 opacity-50"
42
42
  }),
43
- s("p", {
44
- class: c(g.value)
43
+ n("p", {
44
+ class: r(x.value)
45
45
  }, "No permissions match your filters.", 2)
46
- ])) : (l(), n("div", {
46
+ ])) : (o(), s("div", {
47
47
  key: 1,
48
48
  class: "permission-list-wrapper",
49
- style: T(N.value)
49
+ style: D(E.value)
50
50
  }, [
51
- (l(!0), n(h, null, V(e.groups, (t) => (l(), n(h, {
52
- key: t.key
51
+ (o(!0), s(h, null, V(e.groups, (l) => (o(), s(h, {
52
+ key: l.key
53
53
  }, [
54
- s("div", {
54
+ F([
55
+ e.collapsedGroups.has(l.key),
56
+ i(u)(l),
57
+ e.readonly,
58
+ e.size,
59
+ e.toggleMode,
60
+ e.collapsible,
61
+ l.label,
62
+ l.icon
63
+ ], () => (o(), s("div", {
55
64
  class: "custom-list-header flex items-center justify-between cursor-pointer select-none",
56
- onClick: (o) => d.$emit("toggleCollapse", t.key)
65
+ onClick: (t) => d.$emit("toggleCollapse", l.key)
57
66
  }, [
58
- s("div", J, [
59
- e.collapsible ? (l(), i(k, {
67
+ n("div", K, [
68
+ e.collapsible ? (o(), a(g, {
60
69
  key: 0,
61
70
  icon: "lucide:chevron-right",
62
- class: c(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !e.collapsedGroups.has(t.key) }]),
71
+ class: r(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !e.collapsedGroups.has(l.key) }]),
63
72
  style: { color: "var(--color-muted-foreground)" }
64
- }, null, 8, ["class"])) : y("", !0),
65
- t.icon ? (l(), i(k, {
73
+ }, null, 8, ["class"])) : k("", !0),
74
+ l.icon ? (o(), a(g, {
66
75
  key: 1,
67
- icon: t.icon,
76
+ icon: l.icon,
68
77
  class: "w-4 h-4",
69
78
  style: { color: "var(--color-muted-foreground)" }
70
- }, null, 8, ["icon"])) : y("", !0),
71
- s("span", {
72
- class: c([g.value, "font-semibold"]),
79
+ }, null, 8, ["icon"])) : k("", !0),
80
+ n("span", {
81
+ class: r([x.value, "font-semibold"]),
73
82
  style: { color: "var(--color-foreground)" }
74
- }, f(t.label), 3),
75
- s("span", {
76
- class: c([e.size === "sm" ? "text-[10px]" : "text-xs"]),
83
+ }, v(l.label), 3),
84
+ n("span", {
85
+ class: r([e.size === "sm" ? "text-[10px]" : "text-xs"]),
77
86
  style: { color: "var(--color-muted-foreground)" }
78
- }, " (" + f(t.permissions.filter((o) => a(m)(o.key)).length) + "/" + f(t.permissions.length) + ") ", 3)
87
+ }, " (" + v(l.permissions.filter((t) => i(m)(t.key)).length) + "/" + v(l.permissions.length) + ") ", 3)
79
88
  ]),
80
- s("div", {
89
+ n("div", {
81
90
  class: "flex items-center",
82
- onClick: $((o) => j(t), ["stop"])
91
+ onClick: $((t) => L(l), ["stop"])
83
92
  }, [
84
- e.toggleMode === "checkbox" ? (l(), i(S, {
93
+ e.toggleMode === "checkbox" ? (o(), a(G, {
85
94
  key: 0,
86
- "model-value": a(v)(t) === "all",
87
- indeterminate: a(v)(t) === "indeterminate",
95
+ "model-value": i(u)(l) === "all",
96
+ indeterminate: i(u)(l) === "indeterminate",
88
97
  disabled: e.readonly,
89
98
  size: e.size === "sm" ? "xs" : "sm",
90
99
  class: "pointer-events-none"
91
- }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (l(), i(G, {
100
+ }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (o(), a(S, {
92
101
  key: 1,
93
- "model-value": a(v)(t) === "all",
102
+ "model-value": i(u)(l) === "all",
94
103
  disabled: e.readonly,
95
104
  class: "pointer-events-none"
96
105
  }, null, 8, ["model-value", "disabled"]))
97
- ], 8, K)
98
- ], 8, I),
99
- e.collapsedGroups.has(t.key) ? y("", !0) : (l(), n("div", O, [
100
- (l(!0), n(h, null, V(t.permissions, (o, U, W, u) => {
101
- const p = [a(m)(o.key), e.readonly];
102
- if (u && u.key === o.key && D(u, p)) return u;
103
- const z = (l(), n("div", {
104
- key: o.key,
105
- class: c(["custom-list-item flex items-center justify-between transition-colors duration-100", { "cursor-pointer": !e.readonly }]),
106
- onClick: (X) => E(o.key)
106
+ ], 8, O)
107
+ ], 8, ["onClick"])), y, 0),
108
+ e.collapsedGroups.has(l.key) ? k("", !0) : (o(), s("div", Q, [
109
+ (o(!0), s(h, null, V(l.permissions, (t, W, X, f) => {
110
+ const z = [i(m)(t.key), e.readonly, e.size, e.toggleMode, t.label, t.description];
111
+ if (f && f.key === t.key && q(f, z)) return f;
112
+ const C = (o(), s("div", {
113
+ key: t.key,
114
+ class: r(["custom-list-item flex items-center justify-between transition-colors duration-100", { "cursor-pointer": !e.readonly }]),
115
+ onClick: (Y) => j(t.key)
107
116
  }, [
108
- s("div", Q, [
109
- s("span", {
110
- class: c([g.value]),
117
+ n("div", R, [
118
+ n("span", {
119
+ class: r([x.value]),
111
120
  style: { color: "var(--color-foreground)" }
112
- }, f(o.label), 3),
113
- o.description ? (l(), i(q, {
121
+ }, v(t.label), 3),
122
+ t.description ? (o(), a(H, {
114
123
  key: 0,
115
- content: o.description,
124
+ content: t.description,
116
125
  placement: "top"
117
126
  }, {
118
- default: F(() => [
119
- w(k, {
127
+ default: A(() => [
128
+ M(g, {
120
129
  icon: "lucide:info",
121
130
  class: "w-3 h-3 cursor-auto shrink-0",
122
131
  style: { color: "var(--color-muted-foreground)" },
123
- onClick: x[0] || (x[0] = $(() => {
132
+ onClick: y[1] || (y[1] = $(() => {
124
133
  }, ["stop"]))
125
134
  })
126
135
  ]),
127
136
  _: 1
128
- }, 8, ["content"])) : y("", !0)
137
+ }, 8, ["content"])) : k("", !0)
129
138
  ]),
130
- s("div", R, [
131
- e.toggleMode === "checkbox" ? (l(), i(S, {
139
+ n("div", U, [
140
+ e.toggleMode === "checkbox" ? (o(), a(G, {
132
141
  key: 0,
133
- "model-value": a(m)(o.key),
142
+ "model-value": i(m)(t.key),
134
143
  disabled: e.readonly,
135
144
  size: e.size === "sm" ? "xs" : "sm"
136
- }, null, 8, ["model-value", "disabled", "size"])) : (l(), i(G, {
145
+ }, null, 8, ["model-value", "disabled", "size"])) : (o(), a(S, {
137
146
  key: 1,
138
- "model-value": a(m)(o.key),
147
+ "model-value": i(m)(t.key),
139
148
  disabled: e.readonly
140
149
  }, null, 8, ["model-value", "disabled"]))
141
150
  ])
142
151
  ], 10, ["onClick"]));
143
- return z.memo = p, z;
144
- }, x, 1), 128))
152
+ return C.memo = z, C;
153
+ }, y, 2), 128))
145
154
  ]))
146
155
  ], 64))), 128))
147
156
  ], 4));
@@ -1,7 +1,7 @@
1
1
  import o from "./PermissionEditorMatrix.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e9fed8ed"]]);
4
+ const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dc61aeee"]]);
5
5
  export {
6
- m as default
6
+ a as default
7
7
  };
@@ -1,20 +1,20 @@
1
- import { defineComponent as q, computed as M, openBlock as s, createElementBlock as a, createVNode as E, createElementVNode as o, normalizeClass as d, normalizeStyle as w, Fragment as y, renderList as x, toDisplayString as C, createBlock as m, createCommentVNode as h, withModifiers as I, unref as k, isMemoSame as J, withCtx as O } from "vue";
2
- import N from "../CheckBox.vue.js";
3
- import j from "../Switch.vue.js";
4
- import b from "../Icon.vue.js";
5
- import Q from "../Tooltip.vue.js";
6
- import { isActionEnabled as p, getMatrixPermKey as A } from "./utils.js";
7
- import { usePermissionState as R } from "./usePermissionState.js";
8
- const U = {
1
+ import { defineComponent as I, computed as C, openBlock as s, createElementBlock as i, createVNode as N, createElementVNode as n, normalizeClass as d, normalizeStyle as J, Fragment as f, renderList as h, toDisplayString as G, withMemo as O, unref as y, createBlock as m, createCommentVNode as b, withModifiers as Q, isMemoSame as R, withCtx as U } from "vue";
2
+ import j from "../CheckBox.vue.js";
3
+ import A from "../Switch.vue.js";
4
+ import g from "../Icon.vue.js";
5
+ import W from "../Tooltip.vue.js";
6
+ import { isActionEnabled as z, getMatrixPermKey as D } from "./utils.js";
7
+ import { usePermissionState as X } from "./usePermissionState.js";
8
+ const Y = {
9
9
  key: 0,
10
10
  class: "text-center py-12 text-muted-foreground"
11
- }, W = { class: "custom-table" }, X = { class: "sticky top-0 z-10" }, Y = ["onClick"], Z = ["colspan"], K = { class: "flex items-center justify-between" }, ee = { class: "flex items-center gap-2" }, te = ["onClick"], se = { class: "custom-td" }, le = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ne = {
11
+ }, Z = { class: "custom-table" }, w = { class: "sticky top-0 z-10" }, K = ["colspan"], _ = { class: "flex items-center justify-between" }, ee = { class: "flex items-center gap-2" }, te = ["onClick"], le = { class: "custom-td" }, se = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ne = {
12
12
  key: 0,
13
13
  class: "flex items-center justify-center"
14
14
  }, ie = {
15
15
  key: 1,
16
16
  class: "flex items-center justify-center pointer-events-none"
17
- }, fe = /* @__PURE__ */ q({
17
+ }, fe = /* @__PURE__ */ I({
18
18
  __name: "PermissionEditorMatrix",
19
19
  props: {
20
20
  matrixGroups: {},
@@ -26,171 +26,186 @@ const U = {
26
26
  collapsible: { type: Boolean }
27
27
  },
28
28
  emits: ["update:modelValue", "toggleCollapse"],
29
- setup(l, { emit: D }) {
30
- const c = l, _ = D, { hasPerm: G, getMatrixGroupState: g, toggleMatrixGroup: F } = R(
31
- () => c.modelValue
32
- ), u = M(() => c.size === "sm" ? "text-xs" : "text-sm"), H = M(() => ({
33
- "--cell-py": c.size === "sm" ? "0.5rem" : "0.625rem",
34
- "--cell-px": c.size === "sm" ? "0.75rem" : "1rem"
35
- })), f = M(() => {
36
- const i = /* @__PURE__ */ new Set(), n = [];
37
- for (const e of c.matrixGroups)
38
- for (const t of e.actions)
39
- i.has(t.key) || (i.add(t.key), n.push(t));
40
- return n;
29
+ setup(t, { emit: F }) {
30
+ const r = t, V = F, { hasPerm: p, getMatrixGroupState: v, toggleMatrixGroup: H } = X(
31
+ () => r.modelValue
32
+ ), k = C(() => r.size === "sm" ? "text-xs" : "text-sm"), L = C(() => ({
33
+ "--cell-py": r.size === "sm" ? "0.5rem" : "0.625rem",
34
+ "--cell-px": r.size === "sm" ? "0.75rem" : "1rem"
35
+ })), u = C(() => {
36
+ const a = /* @__PURE__ */ new Set(), o = [];
37
+ for (const e of r.matrixGroups)
38
+ for (const l of e.actions)
39
+ a.has(l.key) || (a.add(l.key), o.push(l));
40
+ return o;
41
41
  });
42
- function V(i, n) {
43
- return i.actions.some((e) => e.key === n);
42
+ function S(a, o) {
43
+ return a.actions.some((e) => e.key === o);
44
44
  }
45
- function z(i, n, e) {
46
- return p(n, e) ? G(A(i, n, e)) : !1;
45
+ function M(a, o, e) {
46
+ return z(o, e) ? p(D(a, o, e)) : !1;
47
47
  }
48
- function L(i, n, e) {
49
- if (c.readonly || !p(n, e)) return;
50
- const t = A(i, n, e), S = G(t) ? c.modelValue.filter(($) => $ !== t) : [...c.modelValue, t];
51
- _("update:modelValue", S);
48
+ function T(a, o, e) {
49
+ if (r.readonly || !z(o, e)) return;
50
+ const l = D(a, o, e), $ = p(l) ? r.modelValue.filter((P) => P !== l) : [...r.modelValue, l];
51
+ V("update:modelValue", $);
52
52
  }
53
- function T(i) {
54
- c.readonly || _("update:modelValue", F(i));
53
+ function q(a) {
54
+ r.readonly || V("update:modelValue", H(a));
55
55
  }
56
- return (i, n) => l.matrixGroups.length === 0 ? (s(), a("div", U, [
57
- E(b, {
56
+ return (a, o) => t.matrixGroups.length === 0 ? (s(), i("div", Y, [
57
+ N(g, {
58
58
  icon: "lucide:search-x",
59
59
  class: "w-8 h-8 mx-auto mb-3 opacity-50"
60
60
  }),
61
- o("p", {
62
- class: d(u.value)
61
+ n("p", {
62
+ class: d(k.value)
63
63
  }, "No permissions match your filters.", 2)
64
- ])) : (s(), a("div", {
64
+ ])) : (s(), i("div", {
65
65
  key: 1,
66
66
  class: "permission-matrix-wrapper",
67
- style: w(H.value)
67
+ style: J(L.value)
68
68
  }, [
69
- o("table", W, [
70
- o("thead", X, [
71
- o("tr", null, [
72
- o("th", {
73
- class: d([u.value, "custom-th"])
69
+ n("table", Z, [
70
+ n("thead", w, [
71
+ n("tr", null, [
72
+ n("th", {
73
+ class: d([k.value, "custom-th"])
74
74
  }, "Permission", 2),
75
- (s(!0), a(y, null, x(f.value, (e) => (s(), a("th", {
75
+ (s(!0), i(f, null, h(u.value, (e) => (s(), i("th", {
76
76
  key: e.key,
77
- class: d([u.value, "custom-th text-center"])
78
- }, C(e.label), 3))), 128))
77
+ class: d([k.value, "custom-th text-center"])
78
+ }, G(e.label), 3))), 128))
79
79
  ])
80
80
  ]),
81
- o("tbody", null, [
82
- (s(!0), a(y, null, x(l.matrixGroups, (e) => (s(), a(y, {
81
+ n("tbody", null, [
82
+ (s(!0), i(f, null, h(t.matrixGroups, (e) => (s(), i(f, {
83
83
  key: e.key
84
84
  }, [
85
- o("tr", {
85
+ O([
86
+ t.collapsedGroups.has(e.key),
87
+ y(v)(e),
88
+ t.readonly,
89
+ t.size,
90
+ t.toggleMode,
91
+ t.collapsible,
92
+ e.label,
93
+ e.icon,
94
+ u.value.length
95
+ ], () => (s(), i("tr", {
86
96
  class: "custom-group-row cursor-pointer select-none",
87
- onClick: (t) => i.$emit("toggleCollapse", e.key)
97
+ onClick: (l) => a.$emit("toggleCollapse", e.key)
88
98
  }, [
89
- o("td", {
90
- colspan: f.value.length + 1,
99
+ n("td", {
100
+ colspan: u.value.length + 1,
91
101
  class: "custom-td"
92
102
  }, [
93
- o("div", K, [
94
- o("div", ee, [
95
- l.collapsible ? (s(), m(b, {
103
+ n("div", _, [
104
+ n("div", ee, [
105
+ t.collapsible ? (s(), m(g, {
96
106
  key: 0,
97
107
  icon: "lucide:chevron-right",
98
- class: d(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !l.collapsedGroups.has(e.key) }]),
108
+ class: d(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !t.collapsedGroups.has(e.key) }]),
99
109
  style: { color: "var(--color-muted-foreground)" }
100
- }, null, 8, ["class"])) : h("", !0),
101
- e.icon ? (s(), m(b, {
110
+ }, null, 8, ["class"])) : b("", !0),
111
+ e.icon ? (s(), m(g, {
102
112
  key: 1,
103
113
  icon: e.icon,
104
114
  class: "w-4 h-4",
105
115
  style: { color: "var(--color-muted-foreground)" }
106
- }, null, 8, ["icon"])) : h("", !0),
107
- o("span", {
108
- class: d([u.value, "font-semibold"]),
116
+ }, null, 8, ["icon"])) : b("", !0),
117
+ n("span", {
118
+ class: d([k.value, "font-semibold"]),
109
119
  style: { color: "var(--color-foreground)" }
110
- }, C(e.label), 3)
120
+ }, G(e.label), 3)
111
121
  ]),
112
- o("div", {
122
+ n("div", {
113
123
  class: "flex items-center",
114
- onClick: I((t) => T(e), ["stop"])
124
+ onClick: Q((l) => q(e), ["stop"])
115
125
  }, [
116
- l.toggleMode === "checkbox" ? (s(), m(N, {
126
+ t.toggleMode === "checkbox" ? (s(), m(j, {
117
127
  key: 0,
118
- "model-value": k(g)(e) === "all",
119
- indeterminate: k(g)(e) === "indeterminate",
120
- disabled: l.readonly,
121
- size: l.size === "sm" ? "xs" : "sm",
128
+ "model-value": y(v)(e) === "all",
129
+ indeterminate: y(v)(e) === "indeterminate",
130
+ disabled: t.readonly,
131
+ size: t.size === "sm" ? "xs" : "sm",
122
132
  class: "pointer-events-none"
123
- }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), m(j, {
133
+ }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), m(A, {
124
134
  key: 1,
125
- "model-value": k(g)(e) === "all",
126
- disabled: l.readonly,
135
+ "model-value": y(v)(e) === "all",
136
+ disabled: t.readonly,
127
137
  class: "pointer-events-none"
128
138
  }, null, 8, ["model-value", "disabled"]))
129
139
  ], 8, te)
130
140
  ])
131
- ], 8, Z)
132
- ], 8, Y),
133
- l.collapsedGroups.has(e.key) ? h("", !0) : (s(!0), a(y, { key: 0 }, x(e.rows, (t, S, $, v) => {
134
- const P = [
135
- ...f.value.map((r) => z(e.key, t, r.key)),
136
- l.readonly
141
+ ], 8, K)
142
+ ], 8, ["onClick"])), o, 0),
143
+ t.collapsedGroups.has(e.key) ? b("", !0) : (s(!0), i(f, { key: 0 }, h(e.rows, (l, $, P, x) => {
144
+ const B = [
145
+ ...u.value.map((c) => M(e.key, l, c.key)),
146
+ t.readonly,
147
+ t.size,
148
+ t.toggleMode,
149
+ l.label,
150
+ l.description,
151
+ u.value.length
137
152
  ];
138
- if (v && v.key === e.key + "-" + t.key && J(v, P)) return v;
139
- const B = (s(), a("tr", {
140
- key: e.key + "-" + t.key,
153
+ if (x && x.key === e.key + "-" + l.key && R(x, B)) return x;
154
+ const E = (s(), i("tr", {
155
+ key: e.key + "-" + l.key,
141
156
  class: "custom-entity-row"
142
157
  }, [
143
- o("td", se, [
144
- o("div", le, [
145
- o("span", {
146
- class: d([u.value]),
158
+ n("td", le, [
159
+ n("div", se, [
160
+ n("span", {
161
+ class: d([k.value]),
147
162
  style: { color: "var(--color-foreground)" }
148
- }, C(t.label), 3),
149
- t.description ? (s(), m(Q, {
163
+ }, G(l.label), 3),
164
+ l.description ? (s(), m(W, {
150
165
  key: 0,
151
- content: t.description,
166
+ content: l.description,
152
167
  placement: "top"
153
168
  }, {
154
- default: O(() => [
155
- E(b, {
169
+ default: U(() => [
170
+ N(g, {
156
171
  icon: "lucide:info",
157
172
  class: "w-3 h-3 cursor-auto shrink-0",
158
173
  style: { color: "var(--color-muted-foreground)" }
159
174
  })
160
175
  ]),
161
176
  _: 1
162
- }, 8, ["content"])) : h("", !0)
177
+ }, 8, ["content"])) : b("", !0)
163
178
  ])
164
179
  ]),
165
- (s(!0), a(y, null, x(f.value, (r) => (s(), a("td", {
166
- key: r.key,
180
+ (s(!0), i(f, null, h(u.value, (c) => (s(), i("td", {
181
+ key: c.key,
167
182
  class: d([
168
183
  "custom-td text-center",
169
- !V(e, r.key) || !k(p)(t, r.key) ? "custom-disabled-cell" : l.readonly ? "" : "custom-active-cell"
184
+ !S(e, c.key) || !y(z)(l, c.key) ? "custom-disabled-cell" : t.readonly ? "" : "custom-active-cell"
170
185
  ]),
171
- onClick: (ae) => L(e.key, t, r.key)
186
+ onClick: (ae) => T(e.key, l, c.key)
172
187
  }, [
173
- !V(e, r.key) || !k(p)(t, r.key) ? (s(), a("div", ne, [...n[2] || (n[2] = [
174
- o("span", {
188
+ !S(e, c.key) || !y(z)(l, c.key) ? (s(), i("div", ne, [...o[3] || (o[3] = [
189
+ n("span", {
175
190
  class: "text-xs select-none",
176
191
  style: { color: "var(--color-muted-foreground)", opacity: "0.4" }
177
192
  }, " — ", -1)
178
- ])])) : (s(), a("div", ie, [
179
- l.toggleMode === "checkbox" ? (s(), m(N, {
193
+ ])])) : (s(), i("div", ie, [
194
+ t.toggleMode === "checkbox" ? (s(), m(j, {
180
195
  key: 0,
181
- "model-value": z(e.key, t, r.key),
182
- disabled: l.readonly,
183
- size: l.size === "sm" ? "xs" : "sm"
184
- }, null, 8, ["model-value", "disabled", "size"])) : (s(), m(j, {
196
+ "model-value": M(e.key, l, c.key),
197
+ disabled: t.readonly,
198
+ size: t.size === "sm" ? "xs" : "sm"
199
+ }, null, 8, ["model-value", "disabled", "size"])) : (s(), m(A, {
185
200
  key: 1,
186
- "model-value": z(e.key, t, r.key),
187
- disabled: l.readonly
201
+ "model-value": M(e.key, l, c.key),
202
+ disabled: t.readonly
188
203
  }, null, 8, ["model-value", "disabled"]))
189
204
  ]))
190
205
  ], 10, oe))), 128))
191
206
  ]));
192
- return B.memo = P, B;
193
- }, n, 0), 128))
207
+ return E.memo = B, E;
208
+ }, o, 1), 128))
194
209
  ], 64))), 128))
195
210
  ])
196
211
  ])
@@ -1,7 +1,7 @@
1
1
  import o from "./PermissionMatrix.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-09b401c2"]]);
4
+ const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ba68e64a"]]);
5
5
  export {
6
- s as default
6
+ m as default
7
7
  };