vlite3 1.3.5 → 1.3.7

package/components/PermissionMatrix/PermissionTopBar.vue.js

@@ -1,21 +1,21 @@
-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";
+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 p, withModifiers as G, createBlock as z, toDisplayString as a, normalizeClass as u } from "vue";
+import $ from "../Input.vue.js";
 /* empty css            */
-import h from "../Icon.vue.js";
+import y 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 = {
+const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-4" }, A = { class: "flex items-center gap-2 flex-1 w-full sm:max-w-lg" }, Q = {
   key: 0,
   class: "flex-1"
-}, Q = {
+}, V = {
   key: 0,
   class: "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground text-[10px] font-bold min-w-[18px] h-[18px] px-1"
-}, N = ["onClick"], P = { class: "text-sm" }, U = {
+}, N = ["onClick"], P = { class: "text-sm" }, E = {
   key: 0,
   class: "border-t px-3 py-1.5"
-}, E = { class: "flex items-center gap-3 ml-auto" }, I = /* @__PURE__ */ w({
+}, F = { class: "flex items-center gap-3 ml-auto" }, I = /* @__PURE__ */ w({
   __name: "PermissionTopBar",
   props: {
     searchQuery: {},
@@ -28,22 +28,22 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
     groupOptions: {}
   },
   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(r) {
-      const t = x.selectedGroupKeys, o = t.includes(r) ? t.filter((p) => p !== r) : [...t, r];
+  setup(e, { emit: h }) {
+    const f = e, d = h, m = k(() => f.size === "sm" ? "text-xs" : "text-sm");
+    function g(s) {
+      const t = f.selectedGroupKeys, o = t.includes(s) ? t.filter((x) => x !== s) : [...t, s];
       d("update:selectedGroupKeys", o);
     }
     function v() {
       d("update:selectedGroupKeys", []);
     }
-    function b(r) {
-      d("update:searchQuery", String(r));
+    function b(s) {
+      d("update:searchQuery", String(s));
     }
-    return (r, t) => (l(), n("div", S, [
-      s("div", V, [
-        e.searchable ? (l(), n("div", A, [
-          c(z, {
+    return (s, t) => (l(), n("div", S, [
+      r("div", A, [
+        e.searchable ? (l(), n("div", Q, [
+          c($, {
             "model-value": e.searchQuery,
             "onUpdate:modelValue": b,
             placeholder: "Search permissions...",
@@ -58,8 +58,8 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           selectable: !1,
           position: "bottom-end"
         }, {
-          trigger: f(() => [
-            s("button", {
+          trigger: p(() => [
+            r("button", {
               type: "button",
               class: u([
                 "inline-flex items-center gap-1.5 border rounded-md cursor-pointer transition-colors",
@@ -67,35 +67,35 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
                 e.selectedGroupKeys.length > 0 ? "border-primary bg-primary/5 text-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent"
               ])
             }, [
-              c(h, {
+              c(y, {
                 icon: "lucide:filter",
                 class: "w-3.5 h-3.5"
               }),
-              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)
+              t[2] || (t[2] = r("span", { class: "hidden sm:inline" }, "Modules", -1)),
+              e.selectedGroupKeys.length > 0 ? (l(), n("span", V, a(e.selectedGroupKeys.length), 1)) : i("", !0)
             ], 2)
           ]),
-          item: f(({ option: o }) => [
-            s("div", {
+          item: p(({ option: o }) => [
+            r("div", {
               class: "flex items-center gap-2 w-full cursor-pointer hover:bg-accent rounded-md",
-              onClick: G((p) => y(o.value), ["stop"])
+              onClick: G((x) => g(o.value), ["stop"])
             }, [
               c(K, {
                 "model-value": e.selectedGroupKeys.includes(o.value),
                 size: "xs",
-                "onUpdate:modelValue": (p) => y(o.value)
-              }, null, 8, ["model-value", "onUpdate:modelValue"]),
-              o?.icon ? (l(), $(h, {
+                class: "pointer-events-none"
+              }, null, 8, ["model-value"]),
+              o?.icon ? (l(), z(y, {
                 key: 0,
                 icon: o.icon,
                 class: "w-3.5 h-3.5 text-muted-foreground"
               }, null, 8, ["icon"])) : i("", !0),
-              s("span", P, a(o.label), 1)
+              r("span", P, a(o.label), 1)
             ], 8, N)
           ]),
-          footer: f(() => [
-            e.selectedGroupKeys.length > 0 ? (l(), n("div", U, [
-              s("button", {
+          footer: p(() => [
+            e.selectedGroupKeys.length > 0 ? (l(), n("div", E, [
+              r("button", {
                 type: "button",
                 class: "text-xs text-muted-foreground hover:text-foreground cursor-pointer",
                 onClick: v
@@ -105,15 +105,15 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           _: 1
         }, 8, ["options"])
       ]),
-      s("div", E, [
-        s("span", {
+      r("div", F, [
+        r("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) => r.$emit("selectAll"))
+          onClick: t[0] || (t[0] = (o) => s.$emit("selectAll"))
         }, " Select All ", 2)),
         !e.readonly && e.selectedCount > 0 ? (l(), n("button", {
           key: 1,
@@ -122,7 +122,7 @@ 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) => r.$emit("clearAll"))
+          onClick: t[1] || (t[1] = (o) => s.$emit("clearAll"))
         }, " Clear ", 2)) : i("", !0)
       ])
     ]));

package/components/Screen/Screen.vue.d.ts

@@ -333,11 +333,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (items: any[]) => any;
     add: () => any;
-    "change-view": (view: string) => any;
+    activeView: (view: string) => any;
 }, string, import('vue').PublicProps, Readonly<ScreenProps> & Readonly<{
     onDelete?: (items: any[]) => any;
     onAdd?: () => any;
-    "onChange-view"?: (view: string) => any;
+    onActiveView?: (view: string) => any;
 }>, {
     name: string;
     data: any[];