vlite3 1.4.40 → 1.4.41

package/components/Pagination/Pagination.vue2.js

@@ -1,4 +1,285 @@
-import f from "./Pagination.vue.js";
+import { defineComponent as U, computed as r, openBlock as i, createElementBlock as l, normalizeClass as o, createElementVNode as v, toDisplayString as d, Fragment as k, renderList as R, createVNode as C, createCommentVNode as P, createTextVNode as h, createBlock as b, withCtx as j } from "vue";
+import W from "../Icon.vue.js";
+import c from "../Button.vue.js";
+import { $t as x } from "../../utils/i18n.js";
+import { useRtl as X } from "../../composables/useRtl.js";
+const Y = {
+  key: 0,
+  class: "pagination-meta flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1",
+  dir: "ltr"
+}, Z = {
+  key: 0,
+  class: "flex items-center gap-2 text-sm text-muted-foreground"
+}, p = { class: "whitespace-nowrap" }, _ = { class: "relative" }, ee = ["value", "disabled"], te = ["value"], ne = { class: "whitespace-nowrap" }, ae = {
+  key: 1,
+  class: "hidden md:block w-px h-4 bg-border"
+}, se = {
+  key: 2,
+  class: "text-sm text-muted-foreground whitespace-nowrap"
+}, ie = { class: "font-medium text-foreground" }, re = { class: "font-medium text-foreground" }, le = {
+  class: "pagination-nav flex items-center justify-center gap-1 order-1 md:order-2",
+  "aria-label": "Pagination"
+}, oe = {
+  key: 0,
+  class: "w-8 h-8 flex items-center justify-center text-muted-foreground select-none"
+}, fe = /* @__PURE__ */ U({
+  __name: "Pagination",
+  props: {
+    currentPage: { default: 1 },
+    totalPages: {},
+    totalItems: { default: 0 },
+    siblingCount: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    showEdges: { type: Boolean, default: !1 },
+    showPageInfo: { type: Boolean, default: !1 },
+    showItemsPerPage: { type: Boolean, default: !1 },
+    itemsPerPage: { default: 10 },
+    itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
+    navType: { default: "text" },
+    alignment: {},
+    activeVariant: { default: "solid" },
+    rounded: { default: "full" }
+  },
+  emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
+  setup(e, { emit: V }) {
+    const s = e, I = X(), E = r(() => I.value ? "lucide:chevrons-right" : "lucide:chevrons-left"), $ = r(() => I.value ? "lucide:chevron-right" : "lucide:chevron-left"), N = r(() => I.value ? "lucide:chevron-left" : "lucide:chevron-right"), L = r(() => I.value ? "lucide:chevrons-left" : "lucide:chevrons-right"), f = V, g = (t) => {
+      s.disabled || t < 1 || t > s.totalPages || t !== s.currentPage && (f("update:currentPage", t), f("change", t));
+    }, A = (t) => {
+      const a = t.target, n = parseInt(a.value);
+      f("update:itemsPerPage", n), f("change:itemsPerPage", n), f("update:currentPage", 1), f("change", 1);
+    }, F = r(() => {
+      const t = s.siblingCount ?? 1;
+      if (t * 2 + 5 >= s.totalPages)
+        return z(1, s.totalPages);
+      const n = Math.max(s.currentPage - t, 1), y = Math.min(s.currentPage + t, s.totalPages), m = n > 2, S = y < s.totalPages - 2, B = 1, D = s.totalPages;
+      if (!m && S) {
+        const w = 3 + 2 * t;
+        return [...z(1, w), "DOTS", D];
+      }
+      if (m && !S) {
+        const w = 3 + 2 * t, O = z(s.totalPages - w + 1, s.totalPages);
+        return [B, "DOTS", ...O];
+      }
+      if (m && S) {
+        const w = z(n, y);
+        return [B, "DOTS", ...w, "DOTS", D];
+      }
+      return [];
+    }), z = (t, a) => {
+      const n = a - t + 1;
+      return Array.from({ length: n }, (y, m) => m + t);
+    }, M = r(() => {
+      if (s.alignment)
+        switch (s.alignment) {
+          case "start":
+            return "justify-start";
+          case "end":
+            return "justify-end";
+          case "between":
+            return "justify-between!";
+          default:
+            return "justify-center";
+        }
+      return s.showPageInfo || s.showItemsPerPage ? "justify-between" : "justify-center";
+    }), u = r(() => {
+      switch (s.rounded) {
+        case "none":
+          return "rounded-none";
+        case "sm":
+          return "rounded-sm";
+        case "lg":
+          return "rounded-lg";
+        case "full":
+          return "rounded-full";
+        default:
+          return "rounded-md";
+      }
+    }), T = r(() => {
+      switch (s.activeVariant) {
+        case "solid":
+          return {
+            variant: "primary",
+            extraClass: "pointer-events-none z-10"
+          };
+        case "ghost":
+          return {
+            variant: "ghost",
+            extraClass: "bg-accent text-accent-foreground pointer-events-none z-10 font-semibold"
+          };
+        default:
+          return {
+            variant: "outline",
+            extraClass: "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10"
+          };
+      }
+    }), q = r(() => {
+      const t = x("vlite.pagination.show");
+      return t !== "vlite.pagination.show" ? t : "Show";
+    }), G = r(() => {
+      const t = x("vlite.pagination.perPage");
+      return t !== "vlite.pagination.perPage" ? t : "per page";
+    }), H = r(() => {
+      const t = x("vlite.pagination.page");
+      return t !== "vlite.pagination.page" ? t : "Page";
+    }), J = r(() => {
+      const t = x("vlite.pagination.of");
+      return t !== "vlite.pagination.of" ? t : "of";
+    }), K = r(() => {
+      const t = x("vlite.pagination.previous");
+      return t !== "vlite.pagination.previous" ? t : "Previous";
+    }), Q = r(() => {
+      const t = x("vlite.pagination.next");
+      return t !== "vlite.pagination.next" ? t : "Next";
+    });
+    return (t, a) => (i(), l("div", {
+      class: o(["pagination flex flex-col items-center gap-4 w-full", [M.value]])
+    }, [
+      e.showPageInfo || e.showItemsPerPage ? (i(), l("div", Y, [
+        e.showItemsPerPage ? (i(), l("div", Z, [
+          v("span", p, d(q.value), 1),
+          v("div", _, [
+            v("select", {
+              value: e.itemsPerPage,
+              class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 ps-2 pe-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+              disabled: e.disabled,
+              onChange: A
+            }, [
+              (i(!0), l(k, null, R(e.itemsPerPageOptions, (n) => (i(), l("option", {
+                key: n,
+                value: n
+              }, d(n), 9, te))), 128))
+            ], 40, ee),
+            C(W, {
+              icon: "lucide:chevron-down",
+              class: "absolute end-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
+            })
+          ]),
+          v("span", ne, d(G.value), 1)
+        ])) : P("", !0),
+        e.showItemsPerPage && e.showPageInfo ? (i(), l("div", ae)) : P("", !0),
+        e.showPageInfo ? (i(), l("span", se, [
+          h(d(H.value) + " ", 1),
+          v("span", ie, d(e.currentPage), 1),
+          h(" " + d(J.value) + " ", 1),
+          v("span", re, d(e.totalPages), 1)
+        ])) : P("", !0)
+      ])) : P("", !0),
+      v("nav", le, [
+        e.showEdges ? (i(), b(c, {
+          key: 0,
+          variant: "ghost",
+          size: "sm2",
+          icon: E.value,
+          class: o(u.value),
+          disabled: e.disabled || e.currentPage === 1,
+          onClick: a[0] || (a[0] = (n) => g(1))
+        }, null, 8, ["icon", "class", "disabled"])) : P("", !0),
+        e.navType === "icon" ? (i(), b(c, {
+          key: 1,
+          variant: "ghost",
+          size: "sm2",
+          icon: $.value,
+          class: o(u.value),
+          disabled: e.disabled || e.currentPage === 1,
+          onClick: a[1] || (a[1] = (n) => g(e.currentPage - 1))
+        }, null, 8, ["icon", "class", "disabled"])) : (i(), l(k, { key: 2 }, [
+          C(c, {
+            variant: "ghost",
+            size: "sm2",
+            class: o(["hidden sm:flex", u.value]),
+            disabled: e.disabled || e.currentPage === 1,
+            onClick: a[2] || (a[2] = (n) => g(e.currentPage - 1))
+          }, {
+            default: j(() => [
+              h(d(K.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "disabled"]),
+          C(c, {
+            variant: "ghost",
+            size: "sm2",
+            icon: $.value,
+            class: o(["flex sm:hidden", u.value]),
+            disabled: e.disabled || e.currentPage === 1,
+            onClick: a[3] || (a[3] = (n) => g(e.currentPage - 1))
+          }, null, 8, ["icon", "class", "disabled"])
+        ], 64)),
+        (i(!0), l(k, null, R(F.value, (n, y) => (i(), l(k, { key: y }, [
+          n === "DOTS" ? (i(), l("div", oe, " ... ")) : n === e.currentPage ? (i(), b(c, {
+            key: 1,
+            size: "sm2",
+            variant: T.value.variant,
+            class: o([
+              "w-8! h-8! px-0! py-0! flex items-center justify-center min-w-[2rem]",
+              T.value.extraClass,
+              u.value
+            ]),
+            disabled: e.disabled
+          }, {
+            default: j(() => [
+              h(d(n), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "class", "disabled"])) : (i(), b(c, {
+            key: 2,
+            size: "sm2",
+            variant: "ghost",
+            class: o([
+              "w-8! h-8! px-0! py-0! border border-transparent flex items-center justify-center min-w-[2rem] text-gray-600 hover:bg-gray-100",
+              u.value
+            ]),
+            disabled: e.disabled,
+            onClick: (m) => g(n)
+          }, {
+            default: j(() => [
+              h(d(n), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "disabled", "onClick"]))
+        ], 64))), 128)),
+        e.navType === "icon" ? (i(), b(c, {
+          key: 3,
+          variant: "ghost",
+          size: "sm2",
+          icon: N.value,
+          class: o(u.value),
+          disabled: e.disabled || e.currentPage === e.totalPages,
+          onClick: a[4] || (a[4] = (n) => g(e.currentPage + 1))
+        }, null, 8, ["icon", "class", "disabled"])) : (i(), l(k, { key: 4 }, [
+          C(c, {
+            variant: "ghost",
+            size: "sm2",
+            class: o(["hidden sm:flex", u.value]),
+            disabled: e.disabled || e.currentPage === e.totalPages,
+            onClick: a[5] || (a[5] = (n) => g(e.currentPage + 1))
+          }, {
+            default: j(() => [
+              h(d(Q.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "disabled"]),
+          C(c, {
+            variant: "ghost",
+            size: "sm2",
+            icon: N.value,
+            class: o(["flex sm:hidden", u.value]),
+            disabled: e.disabled || e.currentPage === e.totalPages,
+            onClick: a[6] || (a[6] = (n) => g(e.currentPage + 1))
+          }, null, 8, ["icon", "class", "disabled"])
+        ], 64)),
+        e.showEdges ? (i(), b(c, {
+          key: 5,
+          variant: "ghost",
+          size: "sm2",
+          icon: L.value,
+          class: o(u.value),
+          disabled: e.disabled || e.currentPage === e.totalPages,
+          onClick: a[7] || (a[7] = (n) => g(e.totalPages))
+        }, null, 8, ["icon", "class", "disabled"])) : P("", !0)
+      ])
+    ], 2));
+  }
+});
 export {
-  f as default
+  fe as default
 };

package/components/PermissionMatrix/PermissionTopBar.vue.js

@@ -1,4 +1,4 @@
-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 { 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 p, withModifiers as G, createBlock as z, toDisplayString as a, normalizeClass as u } from "vue";
 import $ from "../Input.vue.js";
 /* empty css            */
 import y from "../Icon.vue.js";
@@ -7,6 +7,7 @@ import B from "../Dropdown/Dropdown.vue.js";
 import "../../core/config.js";
 /* empty css                                    */
 /* 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,
   class: "flex-1"
@@ -16,7 +17,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" }, J = /* @__PURE__ */ w({
+}, F = { class: "flex items-center gap-3 ml-auto" }, L = /* @__PURE__ */ w({
   __name: "PermissionTopBar",
   props: {
     searchQuery: {},
@@ -31,18 +32,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: 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];
+    function g(r) {
+      const t = f.selectedGroupKeys, o = t.includes(r) ? t.filter((x) => x !== 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", A, [
+    return (r, t) => (l(), n("div", S, [
+      s("div", A, [
         e.searchable ? (l(), n("div", Q, [
           c($, {
             "model-value": e.searchQuery,
@@ -60,7 +61,7 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           position: "bottom-end"
         }, {
           trigger: p(() => [
-            r("button", {
+            s("button", {
               type: "button",
               class: u([
                 "inline-flex items-center gap-1.5 border rounded-md cursor-pointer transition-colors",
@@ -72,12 +73,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", V, a(e.selectedGroupKeys.length), 1)) : i("", !0)
             ], 2)
           ]),
           item: p(({ option: o }) => [
-            r("div", {
+            s("div", {
               class: "flex items-center gap-2 w-full cursor-pointer hover:bg-accent rounded-md",
               onClick: G((x) => g(o.value), ["stop"])
             }, [
@@ -91,12 +92,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: p(() => [
             e.selectedGroupKeys.length > 0 ? (l(), n("div", E, [
-              r("button", {
+              s("button", {
                 type: "button",
                 class: "text-xs text-muted-foreground hover:text-foreground cursor-pointer",
                 onClick: v
@@ -106,15 +107,15 @@ const S = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3
           _: 1
         }, 8, ["options"])
       ]),
-      r("div", F, [
-        r("span", {
+      s("div", F, [
+        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,
@@ -123,12 +124,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 {
-  J as default
+  L as default
 };

package/components/PricingPlan/PricingPlanItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as m, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as u, createElementVNode as s, Fragment as j, renderList as D, createBlock as y } from "vue";
+import { defineComponent as F, computed as o, openBlock as i, createElementBlock as a, normalizeClass as u, createVNode as v, withCtx as h, createTextVNode as b, toDisplayString as l, createCommentVNode as m, createElementVNode as s, Fragment as j, renderList as D, createBlock as y } from "vue";
 import _ from "../Icon.vue.js";
 import E from "../Button.vue.js";
 import S from "../Badge.vue.js";
@@ -43,7 +43,7 @@ const L = {
       return t !== "vlite.pricingPlan.mostPopular" ? t : "Most Popular";
     });
     return (t, r) => (i(), a("div", {
-      class: m(C.value),
+      class: u(C.value),
       onClick: w
     }, [
       x.value ? (i(), a("div", L, [
@@ -56,14 +56,14 @@ const L = {
           ]),
           _: 1
         }, 8, ["variant"])
-      ])) : u("", !0),
+      ])) : m("", !0),
       s("div", M, [
         s("h3", R, l(I.value), 1),
-        p.value ? (i(), a("p", q, l(p.value), 1)) : u("", !0)
+        p.value ? (i(), a("p", q, l(p.value), 1)) : m("", !0)
       ]),
       s("div", A, [
         s("span", G, l(c.item.price), 1),
-        f.value ? (i(), a("span", H, l(f.value), 1)) : u("", !0)
+        f.value ? (i(), a("span", H, l(f.value), 1)) : m("", !0)
       ]),
       s("ul", J, [
         (i(!0), a(j, null, D(c.item.features, (d, N) => (i(), a("li", {
@@ -82,7 +82,7 @@ const L = {
             }))
           ]),
           s("span", {
-            class: m(
+            class: u(
               g(d) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
             )
           }, l($(d)), 3)
@@ -91,7 +91,7 @@ const L = {
       s("div", O, [
         v(E, {
           variant: V.value,
-          class: m(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
+          class: u(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": c.selected }]),
           size: "lg"
         }, {
           default: h(() => [

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

@@ -343,6 +343,7 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     data: any[];
     variant: "one" | "two";
     loading: boolean;
+    pagination: boolean;
     emptyIcon: string;
     canAdd: boolean;
     exportProps: Record<string, any> | boolean;
@@ -360,7 +361,6 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     importSchema: import('../ImportData').ImportField[] | any[];
     importType: string;
     customHeader: boolean;
-    pagination: boolean;
     viewProps: Record<string, any>;
     quickFilters: import('./types').ScreenQuickFilter[];
     skipQuickFilterViews: string[];

package/components/Screen/Screen.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ee, useSlots as Qe, computed as n, markRaw as T, onMounted as Ae, ref as h, provide as L, watch as O, openBlock as d, createElementBlock as p, normalizeClass as S, Fragment as U, createElementVNode as j, createVNode as C, createSlots as ne, withCtx as b, renderSlot as s, normalizeProps as u, guardReactiveProps as w, mergeProps as y, createBlock as M, createCommentVNode as R, unref as z, resolveDynamicComponent as Ue, toDisplayString as je } from "vue";
+import { defineComponent as Ee, useSlots as Qe, computed as n, markRaw as T, onMounted as Ae, ref as h, provide as L, watch as O, openBlock as d, createElementBlock as p, normalizeClass as P, Fragment as U, createElementVNode as j, createVNode as C, createSlots as ne, withCtx as b, renderSlot as s, normalizeProps as u, guardReactiveProps as w, mergeProps as y, createBlock as M, createCommentVNode as R, unref as z, resolveDynamicComponent as Ue, toDisplayString as je } from "vue";
 import Me from "../ConfirmationModal.vue.js";
 import Ne from "../Pagination/Pagination.vue.js";
 import He from "../ImportData/ImportData.vue.js";
@@ -140,10 +140,10 @@ const Ge = { key: 0 }, Je = {
     Ae(() => {
       V.value.length > 0 && !he.value.includes(c.value) && (c.value = Y.value), q("activeView", c.value);
     });
-    const F = n(() => c.value === "table" && g.table ? "table" : c.value === "list" && g.list ? "list" : c.value === "list" && g.grid ? "grid" : c.value === "kanban" && g.kanban ? "kanban" : c.value === "calendar" && g.calendar ? "calendar" : null), k = h(""), m = h({}), $ = h({ field: "", order: "" }), P = h(a.pageInfo?.currentPage || 1), E = h(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), o = h([]), Q = h([]), B = h(!1), v = h(
+    const F = n(() => c.value === "table" && g.table ? "table" : c.value === "list" && g.list ? "list" : c.value === "list" && g.grid ? "grid" : c.value === "kanban" && g.kanban ? "kanban" : c.value === "calendar" && g.calendar ? "calendar" : null), k = h(""), m = h({}), $ = h({ field: "", order: "" }), S = h(a.pageInfo?.currentPage || 1), E = h(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), o = h([]), Q = h([]), B = h(!1), v = h(
       a.defaultQuickFilter !== void 0 ? a.defaultQuickFilter : a.quickFilters && a.quickFilters.length > 0 ? a.quickFilters[0].value : ""
     ), W = n(() => !a.quickFilters || a.quickFilters.length === 0 ? !1 : a.skipQuickFilterViews && a.skipQuickFilterViews.length > 0 ? !a.skipQuickFilterViews.includes(c.value) : !0), Z = (e) => {
-      v.value = e, P.value = 1, D();
+      v.value = e, S.value = 1, D();
     }, _ = n(() => k.value && k.value.trim() !== "" || v.value !== "" && v.value !== null && v.value !== void 0 ? !0 : m.value ? Object.keys(m.value).some(
       (e) => m.value[e] !== "" && m.value[e] !== null && m.value[e] !== void 0
     ) : !1), ee = n(() => a.data && a.data.length > 0), pe = n(() => !a.skipEmptyViews || a.skipEmptyViews.length === 0 ? !1 : a.skipEmptyViews.includes(c.value)), r = n(() => ({
@@ -152,7 +152,7 @@ const Ge = { key: 0 }, Je = {
       activeFilters: m.value,
       activeQuickFilter: v.value,
       activeSort: $.value,
-      page: P.value,
+      page: S.value,
       limit: E.value,
       selectedRows: o.value,
       isFiltered: _.value,
@@ -175,7 +175,7 @@ const Ge = { key: 0 }, Je = {
     O(
       () => a.pageInfo?.currentPage,
       (e) => {
-        e && (P.value = e);
+        e && (S.value = e);
       }
     ), O(
       () => a.pageInfo?.itemsPerPage,
@@ -186,19 +186,19 @@ const Ge = { key: 0 }, Je = {
     let N = null;
     O(k, () => {
       N && clearTimeout(N), N = setTimeout(() => {
-        P.value = 1, D();
+        S.value = 1, D();
       }, 300);
     });
     const ke = (e) => {
-      P.value = e, D();
+      S.value = e, D();
     }, be = (e) => {
-      E.value = e, P.value = 1, D();
+      E.value = e, S.value = 1, D();
     }, D = () => {
       if (!a.refetch) return;
       const e = { ...m.value };
       v.value !== "" && v.value !== null && v.value !== void 0 && (e[a.quickFilterKey] = v.value);
       const i = $.value.field && $.value.order ? { field: $.value.field, order: $.value.order } : void 0, l = {
-        pagination: { page: P.value, limit: E.value },
+        pagination: { page: S.value, limit: E.value },
         search: k.value,
         filter: e
       };
@@ -224,12 +224,12 @@ const Ge = { key: 0 }, Je = {
     }), De = n(() => {
       const e = f("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), Se = n(() => {
+    }), Pe = n(() => {
       const e = f("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list`, `:table`, or `:views` component/slot.";
     }), H = n(
       () => a.exportSchema && a.exportSchema.length > 0 && a.exportProps !== !1 || a.importSchema && a.importSchema.length > 0 && a.importProps !== !1
-    ), Pe = n(() => {
+    ), Se = n(() => {
       const e = f("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
     }), $e = h(null), A = h(!1), K = h(!1), ie = (e) => {
@@ -266,15 +266,15 @@ const Ge = { key: 0 }, Je = {
       );
     };
     return (e, i) => (d(), p("div", {
-      class: S(["flex flex-col w-full space-y-8", t.containerClass])
+      class: P(["flex flex-col w-full space-y-8", t.containerClass])
     }, [
       t.variant === "two" ? (d(), p(U, { key: 0 }, [
         t.customHeader ? s(e.$slots, "custom-header", u(y({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
-          class: S([t.headerClass, "flex flex-col space-y-6"])
+          class: P([t.headerClass, "flex flex-col space-y-6"])
         }, [
           j("div", {
-            class: S([
+            class: P([
               "flex flex-col md:flex-row justify-between items-start md:items-center gap-4",
               t.topHeaderClass
             ])
@@ -309,13 +309,13 @@ const Ge = { key: 0 }, Je = {
             ])) : s(e.$slots, "header-stats", { key: 1 })
           ], 2),
           j("div", {
-            class: S([
+            class: P([
               "flex flex-col lg:flex-row lg:items-center justify-between gap-4",
               t.bottomHeaderClass
             ])
           }, [
             j("div", {
-              class: S([
+              class: P([
                 "flex-1 w-full min-w-0 flex items-center justify-start overflow-hidden pt-1.5",
                 t.filtersContainerClass
               ])
@@ -330,7 +330,7 @@ const Ge = { key: 0 }, Je = {
               }, null, 8, ["modelValue", "options", "variant"])) : R("", !0)
             ], 2),
             C(re, {
-              class: S([
+              class: P([
                 "flex items-center gap-2.5 max-sm:w-full sm:w-auto justify-end",
                 t.actionsContainerClass
               ]),
@@ -384,7 +384,7 @@ const Ge = { key: 0 }, Je = {
       ], 64)) : (d(), p(U, { key: 1 }, [
         t.customHeader ? s(e.$slots, "custom-header", u(y({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
-          class: S([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: P([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
           C(se, {
             title: t.title,
@@ -470,7 +470,7 @@ const Ge = { key: 0 }, Je = {
         ])) : R("", !0)
       ], 64)),
       j("div", {
-        class: S(["flex-1 w-full relative", t.mainContainerClass])
+        class: P(["flex-1 w-full relative", t.mainContainerClass])
       }, [
         !ee.value && !t.loading && !pe.value ? (d(), p(U, { key: 0 }, [
           e.$slots.empty ? s(e.$slots, "empty", u(y({ key: 0 }, r.value))) : (d(), M(ze, {
@@ -530,7 +530,7 @@ const Ge = { key: 0 }, Je = {
             "onUpdate:selectedRows": i[8] || (i[8] = (l) => o.value = l),
             delete: x,
             onDelete: ge
-          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), p("div", We, je(Se.value), 1))
+          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), p("div", We, je(Pe.value), 1))
         ], 64))
       ], 2),
       t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (d(), p("div", Ze, [
@@ -574,7 +574,7 @@ const Ge = { key: 0 }, Je = {
           processBatch: Be,
           onComplete: Te
         }, typeof t.importProps == "object" ? t.importProps : {}, {
-          title: Pe.value,
+          title: Se.value,
           class: "hidden!"
         }), null, 16, ["show", "fields", "title"])
       ])) : R("", !0)

package/components/Screen/ScreenFilter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as o, createBlock as n, withCtx as i, 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 $, ref as M, computed as d, openBlock as o, createBlock as n, withCtx as i, 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";
@@ -17,11 +17,11 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                         */
+/* empty css                        */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */
@@ -32,7 +32,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" }
-}, de = /* @__PURE__ */ B({
+}, de = /* @__PURE__ */ $({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -40,8 +40,8 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
     type: { default: "modal" }
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: $ }) {
-    const m = s, c = $, r = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
+  setup(s, { emit: B }) {
+    const m = s, c = B, 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), r.value = !1;