vlite3 1.4.1 → 1.4.3

package/components/Dropdown/DropdownMenu.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as d, createVNode as O, createCommentVNode as f, renderSlot as k, unref as r, normalizeStyle as se, normalizeClass as E, createElementVNode as w, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
+import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as d, createVNode as O, createCommentVNode as f, renderSlot as k, unref as a, normalizeStyle as se, normalizeClass as E, createElementVNode as w, toDisplayString as N, createBlock as h, Fragment as D, renderList as oe, withCtx as P, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
 import p from "../Icon.vue.js";
 import ie from "../Input.vue.js";
 /* empty css            */
 import de from "./DropdownItem.vue.js";
 import ce from "./DropdownBooleanItem.vue.js";
-import ue from "./DropdownGroupedLayout.vue.js";
+import ue from "./DropdownGroupedLayout.vue2.js";
 import { useDropdownNavigation as fe } from "./composables/useDropdownNavigation.js";
 import { useDropdownIds as me } from "./composables/useDropdownIds.js";
 import { $t as $ } from "../../utils/i18n.js";
@@ -27,7 +27,7 @@ const ve = ["dir"], ye = {
 }, Oe = {
   key: 3,
   class: "shrink-0 rounded-b-md overflow-hidden"
-}, De = /* @__PURE__ */ ee({
+}, Ve = /* @__PURE__ */ ee({
   __name: "DropdownMenu",
   props: {
     options: { default: () => [] },
@@ -49,11 +49,12 @@ const ve = ["dir"], ye = {
     debounceTime: { default: 300 },
     direction: { default: "ltr" },
     emptyMessage: { default: "No options found" },
-    searchEmptyMessage: {}
+    searchEmptyMessage: {},
+    trigger: { default: "click" }
   },
   emits: ["select", "close", "load-more", "search"],
-  setup(a, { emit: D }) {
-    const t = a, m = D, _ = j(null), i = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = g(() => {
+  setup(r, { emit: V }) {
+    const t = r, m = V, B = j(null), i = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = g(() => {
       if (i.value && i.value.trim() !== "")
         return t.searchEmptyMessage ? t.searchEmptyMessage : `No results found for
 "${i.value}"`;
@@ -62,7 +63,7 @@ const ve = ["dir"], ye = {
     }), R = g(() => {
       const e = $("vlite.dropdown.search");
       return e !== "vlite.dropdown.search" ? e : "Search...";
-    }), u = g(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = g(() => t.searchable ? i.value && i.value.trim() !== "" ? !0 : t.remote ? t.loading ? !0 : t.hasMore || (u.value.length || 0) > 5 : (u.value.length || 0) > 5 : !1);
+    }), u = g(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), C = g(() => t.searchable ? i.value && i.value.trim() !== "" ? !0 : t.remote ? t.loading ? !0 : t.hasMore || (u.value.length || 0) > 5 : (u.value.length || 0) > 5 : !1);
     let v = null;
     T(i, (e) => {
       t.remote && (v && clearTimeout(v), v = setTimeout(() => {
@@ -78,20 +79,20 @@ const ve = ["dir"], ye = {
       focusedIndex: b,
       isKeyboardMode: M,
       filteredOptions: F,
-      handleKeyDown: C,
-      handleMouseMove: I,
+      handleKeyDown: I,
+      handleMouseMove: _,
       onMouseEnterItem: S,
       scrollToIndex: K
     } = fe({
       options: u,
       searchQuery: i,
-      containerRef: _,
+      containerRef: B,
       emit: (e, ...s) => m(e, ...s),
       handleSelect: (e, s) => x(e)
     }), y = g(() => t.remote ? i.value ? u.value : t.cachedOptions.length ? t.cachedOptions : u.value : F.value), U = (e) => {
       if (!(!t.selected || typeof t.selected != "object") && e.key && e.key in t.selected)
         return t.selected[e.key];
-    }, q = (e) => e.disabled ? !1 : Array.isArray(t.selected) ? t.selected.includes(e.value) : t.selected && typeof t.selected == "object" && e.key ? t.selected[e.key] === e.value : t.selected === e.value, G = (e) => !e.key || !t.selected || typeof t.selected != "object" ? !1 : !!t.selected[e.key], J = (e, s) => {
+    }, G = (e) => e.disabled ? !1 : Array.isArray(t.selected) ? t.selected.includes(e.value) : t.selected && typeof t.selected == "object" && e.key ? t.selected[e.key] === e.value : t.selected === e.value, q = (e) => !e.key || !t.selected || typeof t.selected != "object" ? !1 : !!t.selected[e.key], J = (e, s) => {
       if (!s.key) return;
       const l = {
         label: s.label,
@@ -125,16 +126,16 @@ const ve = ["dir"], ye = {
         b.value = -1;
       }
     ), te(() => {
-      W(), window.addEventListener("keydown", C);
+      W(), window.addEventListener("keydown", I);
     }), le(() => {
-      window.removeEventListener("keydown", C), v && clearTimeout(v), i.value && t.remote && m("search", "");
+      window.removeEventListener("keydown", I), v && clearTimeout(v), i.value && t.remote && m("search", "");
     });
     const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
     return (e, s) => (o(), d("div", {
       class: "dropdown-menu w-full flex flex-col",
-      dir: a.direction
+      dir: r.direction
     }, [
-      B.value ? (o(), d("div", ye, [
+      C.value ? (o(), d("div", ye, [
         O(ie, {
           modelValue: i.value,
           "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l),
@@ -156,8 +157,8 @@ const ve = ["dir"], ye = {
       u.value.length > 0 || y.value.length === 0 ? (o(), d("div", {
         key: 2,
         ref_key: "containerRef",
-        ref: _,
-        tabindex: B.value ? -1 : 0,
+        ref: B,
+        tabindex: C.value ? -1 : 0,
         role: "menu",
         class: E([
           "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1 scrollbar-thin",
@@ -165,31 +166,31 @@ const ve = ["dir"], ye = {
         ]),
         style: se({ maxHeight: t.maxHeight }),
         onMousemove: s[1] || (s[1] = //@ts-ignore
-        (...l) => r(I) && r(I)(...l)),
+        (...l) => a(_) && a(_)(...l)),
         onScroll: A
       }, [
-        !a.isCustomSlotMenu && y.value.length === 0 && !a.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(), d("div", ke, [
+        !r.isCustomSlotMenu && y.value.length === 0 && !r.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(), d("div", ke, [
           O(p, {
             icon: "lucide:inbox",
             class: "w-8 h-8 mb-2 opacity-70"
           }),
           w("span", null, N(L.value), 1)
         ])) : f("", !0),
-        a.layout === "grouped" ? (o(), h(ue, {
+        r.layout === "grouped" ? (o(), h(ue, {
           key: 1,
           options: y.value,
-          selected: a.selected,
-          selectable: a.selectable,
-          columns: a.columns,
+          selected: r.selected,
+          selectable: r.selectable,
+          columns: r.columns,
           onSelect: x
-        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), d(P, { key: 2 }, oe(y.value, (l, n) => (o(), d(P, { key: n }, [
+        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), d(D, { key: 2 }, oe(y.value, (l, n) => (o(), d(D, { key: n }, [
           l.label === "---" ? (o(), d("div", we)) : l.data?.isBoolean ? (o(), h(ce, {
             key: 1,
             option: l,
-            value: G(l),
-            focused: r(M) && r(b) === n,
+            value: q(l),
+            focused: a(M) && a(b) === n,
             onChange: J,
-            onMouseenter: (c) => r(S)(n)
+            onMouseenter: (c) => a(S)(n)
           }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), h(he, {
             key: 2,
             "is-nested": !0,
@@ -198,24 +199,25 @@ const ve = ["dir"], ye = {
             class: "w-full",
             options: l.children,
             selected: U(l),
-            menuId: r(z)(l),
+            menuId: a(z)(l),
             nestedPosition: t.nestedPosition,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
-            ignoreClickOutside: r(H)(l.children),
-            direction: a.direction,
+            ignoreClickOutside: a(H)(l.children),
+            direction: r.direction,
+            trigger: r.trigger,
             onOnSelect: (c) => Q(l, c)
           }, {
-            trigger: V(() => [
+            trigger: P(() => [
               w("div", {
                 tabindex: 0,
                 "data-dropdown-item": "",
                 class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground", [
-                  r(M) && r(b) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                  a(M) && a(b) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
                   l.disabled ? "opacity-50 cursor-not-allowed" : "",
                   l.triggerClass || l.class || ""
                 ]]),
-                onMouseenter: (c) => r(S)(n)
+                onMouseenter: (c) => a(S)(n)
               }, [
                 w("div", xe, [
                   l.icon || l.emoji ? (o(), h(p, {
@@ -228,32 +230,32 @@ const ve = ["dir"], ye = {
                 ]),
                 Y(l) ? (o(), h(p, {
                   key: 0,
-                  icon: a.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
+                  icon: r.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
                 }, null, 8, ["icon"])) : f("", !0)
               ], 42, pe)
             ]),
             _: 2
-          }, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), h(de, {
+          }, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "trigger", "onOnSelect"])) : (o(), h(de, {
             key: 3,
             option: l,
             index: n,
-            selected: q(l),
-            focused: r(M) && r(b) === n,
-            selectable: a.selectable,
+            selected: G(l),
+            focused: a(M) && a(b) === n,
+            selectable: r.selectable,
             onClick: (c) => x(l),
-            onMouseenter: (c) => r(S)(n)
+            onMouseenter: (c) => a(S)(n)
           }, ne({ _: 2 }, [
             e.$slots.item ? {
               name: "default",
-              fn: V((c) => [
+              fn: P((c) => [
                 k(e.$slots, "item", re({ ref_for: !0 }, c), void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
-        a.loading ? (o(), d("div", Se, [
+        r.loading ? (o(), d("div", Se, [
           O(p, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
@@ -268,5 +270,5 @@ const ve = ["dir"], ye = {
   }
 });
 export {
-  De as default
+  Ve as default
 };

package/components/Dropdown/composables/useDropdownHydration.d.ts

@@ -21,6 +21,8 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
     selectedBuffer: import('vue').Ref<Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;
@@ -62,6 +64,8 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
     }> & Omit<Map<any, IDropdownOption>, keyof Map<any, any>>, Map<any, IDropdownOption> | (Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;

package/components/Dropdown/composables/useDropdownNavigation.js

@@ -1,24 +1,36 @@
-import { ref as u, computed as i } from "vue";
-import { $t as c } from "../../../utils/i18n.js";
-function b(n) {
-  const t = u(-1), o = u(!1), s = i(() => {
-    const e = n.options.value;
-    if (!n.searchQuery.value) return e;
-    const a = n.searchQuery.value.toLowerCase();
-    return e.filter((l) => (l.labelI18n ? c(l.labelI18n) : l.label).toLowerCase().includes(a));
+import { ref as i, computed as d } from "vue";
+import { $t as f } from "../../../utils/i18n.js";
+function g(o) {
+  const t = i(-1), l = i(!1), s = d(() => {
+    const e = o.options.value;
+    if (!o.searchQuery.value) return e;
+    const a = o.searchQuery.value.toLowerCase();
+    return e.filter((n) => (n.labelI18n ? f(n.labelI18n) : n.label).toLowerCase().includes(a));
   }), r = (e) => {
-    if (!n.containerRef.value || e < 0) return;
-    const l = n.containerRef.value.querySelectorAll("[data-dropdown-item]")[e];
-    l && l.scrollIntoView({ block: "nearest" });
+    if (!o.containerRef.value || e < 0) return;
+    const n = o.containerRef.value.querySelectorAll("[data-dropdown-item]")[e];
+    n && n.scrollIntoView({ block: "nearest" });
   };
   return {
     focusedIndex: t,
-    isKeyboardMode: o,
+    isKeyboardMode: l,
     filteredOptions: s,
     handleKeyDown: (e) => {
+      if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.defaultPrevented) {
+        const n = document.activeElement;
+        if (!(n?.tagName === "INPUT" || n?.tagName === "TEXTAREA" || n?.isContentEditable)) {
+          const c = o.containerRef.value?.closest(".dropdown-menu");
+          if (c) {
+            const u = c.querySelector(
+              'input[data-testid="dropdown-search-input"]'
+            );
+            u && document.activeElement !== u && u.focus();
+          }
+        }
+      }
       const a = s.value;
       if (a.length !== 0)
-        switch (["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && (o.value = !0), e.key) {
+        switch (["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && (l.value = !0), e.key) {
           case "ArrowDown":
             e.preventDefault(), e.stopPropagation(), t.value < a.length - 1 ? t.value++ : t.value = 0, r(t.value);
             break;
@@ -27,17 +39,17 @@ function b(n) {
             break;
           case "Enter":
             if (e.preventDefault(), e.stopPropagation(), t.value >= 0 && t.value < a.length) {
-              const l = a[t.value];
-              l.children || n.handleSelect(l, t.value);
+              const n = a[t.value];
+              n.children || o.handleSelect(n, t.value);
             }
             break;
           case "Escape":
-            e.preventDefault(), e.stopPropagation(), n.emit("close");
+            e.preventDefault(), e.stopPropagation(), o.emit("close");
             break;
         }
     },
     handleMouseMove: () => {
-      o.value && (o.value = !1);
+      l.value && (l.value = !1);
     },
     onMouseEnterItem: (e) => {
       t.value = e;
@@ -46,5 +58,5 @@ function b(n) {
   };
 }
 export {
-  b as useDropdownNavigation
+  g as useDropdownNavigation
 };

package/components/Form/FormField.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as E, computed as s, markRaw as M, openBlock as c, createBlock as m, mergeProps as p, toHandlers as L, createSlots as q, unref as P, withCtx as u, createVNode as N, createTextVNode as b, toDisplayString as y, createCommentVNode as B, resolveDynamicComponent as G } from "vue";
 import { resolveFieldType as J, isComponent as R, isAddonObject as x } from "./utils/form.utils.js";
 import K from "../NumberInput.vue.js";
-import V from "../Button.vue.js";
+import z from "../Button.vue.js";
 import { $t as Q } from "../../utils/i18n.js";
-import z from "../Input.vue.js";
+import V from "../Input.vue.js";
 /* empty css            */
 import W from "../Switch.vue.js";
 import X from "../CheckBox.vue.js";
@@ -63,9 +63,9 @@ const Be = /* @__PURE__ */ E({
         case "url":
         case "search":
         case "textarea":
-          return z;
+          return V;
         case "number":
-          return k.value ? z : K;
+          return k.value ? V : K;
         case "switch":
           return W;
         case "check":
@@ -99,7 +99,7 @@ const Be = /* @__PURE__ */ E({
         case "richTextEditor":
           return oe;
         default:
-          return z;
+          return V;
       }
     }), A = s(() => {
       const a = f.value, { disabled: l, readonly: r, ...g } = e.field, t = {
@@ -309,7 +309,10 @@ const Be = /* @__PURE__ */ E({
       if (a === "color")
         return {
           ...t,
-          modelValue: e.value || "#000000"
+          modelValue: e.value || "#000000",
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded
         };
       if (a === "iconPicker")
         return {
@@ -427,7 +430,7 @@ const Be = /* @__PURE__ */ E({
     }, C = (a) => {
       a.action && v("addonAction", a.action);
     };
-    return (a, l) => O.value ? (c(), m(z, p({ key: 0 }, {
+    return (a, l) => O.value ? (c(), m(V, p({ key: 0 }, {
       ...A.value,
       ...i.field?.props || {}
     }, L($.value)), q({ _: 2 }, [
@@ -442,7 +445,7 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[0] || (l[0] = (r) => F(i.field.addonLeft, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(V, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
                   b(y(r), 1)
                 ]),
@@ -450,7 +453,7 @@ const Be = /* @__PURE__ */ E({
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonLeft.type === "button" ? (c(), m(V, p({
+          }, 16, ["modelValue", "options"])) : i.field.addonLeft.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
           }, i.field.addonLeft.props || {}, {
@@ -475,7 +478,7 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[2] || (l[2] = (r) => F(i.field.addonRight, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(V, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
                   b(y(r), 1)
                 ]),
@@ -483,7 +486,7 @@ const Be = /* @__PURE__ */ E({
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonRight.type === "button" ? (c(), m(V, p({
+          }, 16, ["modelValue", "options"])) : i.field.addonRight.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
           }, i.field.addonRight.props || {}, {

package/components/IconPicker.vue.js

@@ -3,11 +3,12 @@ import $ from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as d } from "../utils/i18n.js";
 /* empty css           */
+/* empty css                                   */
 /* empty css                           */
 import C from "./Button.vue.js";
 import I from "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
-const j = /* @__PURE__ */ g({
+const A = /* @__PURE__ */ g({
   __name: "IconPicker",
   props: {
     btnProps: {},
@@ -130,5 +131,5 @@ const j = /* @__PURE__ */ g({
   }
 });
 export {
-  j as default
+  A as default
 };

package/components/ImportData/ImportStep2.vue.js

@@ -3,6 +3,7 @@ import A from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as E } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import P from "../CheckBox.vue.js";
 const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px] always-scroll scrollbar-thin" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
@@ -14,7 +15,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
 }, st = { class: "import-td-action" }, ot = { class: "flex justify-center items-center h-full" }, it = {
   key: 0,
   class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
-}, ut = /* @__PURE__ */ V({
+}, vt = /* @__PURE__ */ V({
   __name: "ImportStep2",
   props: {
     headers: {},
@@ -113,5 +114,5 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
   }
 });
 export {
-  ut as default
+  vt as default
 };

package/components/MultiSelect/composables/useMultiSelectHydration.d.ts

@@ -13,6 +13,8 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
     selectedBuffer: import('vue').Ref<Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;
@@ -54,6 +56,8 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
     }> & Omit<Map<any, IDropdownOption>, keyof Map<any, any>>, Map<any, IDropdownOption> | (Map<any, {
         label: string;
         labelI18n?: string;
+        to?: string;
+        href?: string;
         value?: any;
         subtitle?: string;
         subtitleI18n?: string;

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/PermissionMatrix/PermissionTopBar.vue.js

@@ -5,6 +5,7 @@ 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                                    */
 /* empty css                            */
 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,
@@ -15,7 +16,7 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
 }, N = ["onClick"], P = { class: "text-sm" }, E = {
   key: 0,
   class: "border-t px-3 py-1.5"
-}, F = { class: "flex items-center gap-3 ml-auto" }, I = /* @__PURE__ */ w({
+}, F = { class: "flex items-center gap-3 ml-auto" }, J = /* @__PURE__ */ w({
   __name: "PermissionTopBar",
   props: {
     searchQuery: {},
@@ -129,5 +130,5 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
   }
 });
 export {
-  I as default
+  J as default
 };

package/components/Screen/ScreenFilter.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as r, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
 import h from "../Icon.vue.js";
 import { $t as y } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import O from "../Form/Form.vue.js";
 /* empty css                  */
@@ -27,7 +28,7 @@ import "../../core/config.js";
 const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
   class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, ae = /* @__PURE__ */ B({
+}, me = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -36,10 +37,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    const m = i, c = $, s = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
+    const m = i, c = $, r = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
       (e) => m.modelValue[e] !== "" && m.modelValue[e] !== null && m.modelValue[e] !== void 0
     ).length : 0), x = (e) => {
-      c("update:modelValue", e.values), c("change", e.values), s.value = !1;
+      c("update:modelValue", e.values), c("change", e.values), r.value = !1;
     }, k = () => {
       c("update:modelValue", {}), c("change", {});
     }, g = d(() => {
@@ -52,19 +53,19 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (r(), n(j, {
+    return (e, t) => i.type === "modal" ? (s(), n(j, {
       key: 0,
       title: g.value,
-      show: s.value,
-      "onUpdate:show": t[3] || (t[3] = (u) => s.value = u),
+      show: r.value,
+      "onUpdate:show": t[3] || (t[3] = (u) => r.value = u),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (u) => s.value = !0)
+          onClick: t[0] || (t[0] = (u) => r.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -83,10 +84,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (u) => s.value = !0),
+          onClick: t[2] || (t[2] = (u) => r.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
@@ -94,7 +95,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, {
           default: o(() => [
             l("div", N, [
-              t[1] || (C(-1, !0), (t[1] = (r(), S("svg", {
+              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -125,10 +126,10 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (r(), n(w(z), {
+    }, 8, ["title", "show"])) : (s(), n(w(z), {
       key: 1,
-      isOpen: s.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (u) => s.value = u),
+      isOpen: r.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (u) => r.value = u),
       "close-on-select": !1,
       position: "bottom-end",
       maxHeight: "430px",
@@ -136,7 +137,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (r(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -159,7 +160,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (r(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -190,5 +191,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  ae as default
+  me as default
 };

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -5,6 +5,7 @@ import G from "../Tooltip.vue.js";
 import xe from "../Dropdown/Dropdown.vue.js";
 import { $t as J } from "../../utils/i18n.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 const we = {
   key: 0,
@@ -12,7 +13,7 @@ const we = {
 }, ke = { class: "w-full" }, Ce = { class: "flex items-center w-full gap-2 text-sm" }, Ie = { class: "truncate flex-1 font-medium" }, Se = ["onKeydown"], ze = {
   key: 0,
   class: "sidebar-children-container overflow-hidden transition-all duration-300 ease-in-out relative"
-}, $e = { class: "pt-1 space-y-0.5" }, Ae = /* @__PURE__ */ le({
+}, $e = { class: "pt-1 space-y-0.5" }, De = /* @__PURE__ */ le({
   __name: "SidebarMenuItem",
   props: {
     item: {},
@@ -378,5 +379,5 @@ const we = {
   }
 });
 export {
-  Ae as default
+  De as default
 };