vlite3 1.3.3 → 1.3.5

package/components/Screen/Screen.vue.js

@@ -1,27 +1,28 @@
-import { defineComponent as Re, useSlots as qe, computed as n, markRaw as T, ref as p, provide as K, watch as L, openBlock as d, createElementBlock as h, normalizeClass as D, Fragment as A, createElementVNode as U, createVNode as C, createSlots as le, withCtx as b, renderSlot as s, normalizeProps as c, guardReactiveProps as w, mergeProps as y, createBlock as j, createCommentVNode as R, unref as O, resolveDynamicComponent as Ee, toDisplayString as Qe } from "vue";
-import Ae from "../ConfirmationModal.vue.js";
-import Ue from "../Pagination/Pagination.vue.js";
-import je from "../ImportData/ImportData.vue.js";
-import { usePersistentState as Ne } from "../../utils/usePersistentState.js";
-import { useVLiteConfig as He } from "../../core/config.js";
-import { $t as f } from "../../utils/i18n.js";
-import { SCREEN_CONTEXT_KEY as Me } from "../DataTable/types.js";
-import ie from "./components/ScreenHeaderTitle.vue.js";
-import Ke from "./components/ScreenEmptyState.vue.js";
-import Le from "./components/ScreenExportModal.vue.js";
-import ne from "./components/ScreenQuickFilters.vue.js";
-import se from "./components/ScreenToolbar.vue.js";
-import Oe from "../Stats/Stats.vue.js";
-const ze = { key: 0 }, Xe = {
+import { defineComponent as qe, useSlots as Ee, computed as n, markRaw as T, ref as h, provide as L, watch as O, openBlock as d, createElementBlock as p, normalizeClass as D, Fragment as A, createElementVNode as U, createVNode as C, createSlots as ie, withCtx as b, renderSlot as s, normalizeProps as c, guardReactiveProps as w, mergeProps as y, createBlock as j, createCommentVNode as R, unref as z, resolveDynamicComponent as Qe, toDisplayString as Ae } from "vue";
+import Ue from "../ConfirmationModal.vue.js";
+import je from "../Pagination/Pagination.vue.js";
+import Ne from "../ImportData/ImportData.vue.js";
+import { usePersistentState as He } from "../../utils/usePersistentState.js";
+import { useVLiteConfig as Me } from "../../core/config.js";
+import { $t as v } from "../../utils/i18n.js";
+import { SCREEN_CONTEXT_KEY as Ke } from "../DataTable/types.js";
+import ne from "./components/ScreenHeaderTitle.vue.js";
+import Le from "./components/ScreenEmptyState.vue.js";
+import Oe from "./components/ScreenExportModal.vue.js";
+import se from "./components/ScreenQuickFilters.vue.js";
+import oe from "./components/ScreenToolbar.vue.js";
+import ze from "../Stats/Stats.vue.js";
+/* empty css                  */
+const Xe = { key: 0 }, Ye = {
   key: 2,
   class: "-mt-1.5 w-full min-w-0 overflow-hidden mb-3.5"
-}, Ye = {
+}, Ge = {
   key: 6,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, Ge = {
+}, Je = {
   key: 2,
   class: "-mt-2"
-}, Je = { key: 4 }, ut = /* @__PURE__ */ Re({
+}, We = { key: 4 }, ft = /* @__PURE__ */ qe({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -91,19 +92,19 @@ const ze = { key: 0 }, Xe = {
     quickFilterVariant: { default: "line" },
     skipEmptyViews: { default: () => [] }
   },
-  emits: ["add", "delete"],
-  setup(t, { emit: oe }) {
-    const a = t, I = He(), z = oe, g = qe(), re = n(() => a.name || a.title || "default-screen"), de = n(() => {
-      const e = f("vlite.screen.tableView");
+  emits: ["add", "delete", "change-view"],
+  setup(t, { emit: re }) {
+    const a = t, I = Me(), N = re, g = Ee(), de = n(() => a.name || a.title || "default-screen"), ce = n(() => {
+      const e = v("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
-    }), ce = n(() => {
-      const e = f("vlite.screen.listView");
-      return e !== "vlite.screen.listView" ? e : "List View";
     }), ue = n(() => {
-      const e = f("vlite.screen.kanbanView");
-      return e !== "vlite.screen.kanbanView" ? e : "Kanban View";
+      const e = v("vlite.screen.listView");
+      return e !== "vlite.screen.listView" ? e : "List View";
     }), ve = n(() => {
-      const e = f("vlite.screen.calendarView");
+      const e = v("vlite.screen.kanbanView");
+      return e !== "vlite.screen.kanbanView" ? e : "Kanban View";
+    }), fe = n(() => {
+      const e = v("vlite.screen.calendarView");
       return e !== "vlite.screen.calendarView" ? e : "Calendar View";
     }), S = n(() => {
       if (a.views && a.views.length > 0)
@@ -116,42 +117,44 @@ const ze = { key: 0 }, Xe = {
         key: "table",
         component: a.table ? T(a.table) : null,
         icon: "lucide:list",
-        label: de.value
+        label: ce.value
       }), (a.list || g.list || g.grid) && e.push({
         key: "list",
         component: a.list ? T(a.list) : null,
         icon: "lucide:layout-grid",
-        label: ce.value
+        label: ue.value
       }), (a.kanban || g.kanban) && e.push({
         key: "kanban",
         component: a.kanban ? T(a.kanban) : null,
         icon: "lucide:kanban",
-        label: ue.value
+        label: ve.value
       }), (a.calendar || g.calendar) && e.push({
         key: "calendar",
         component: a.calendar ? T(a.calendar) : null,
         icon: "lucide:calendar",
-        label: ve.value
+        label: fe.value
       }), e;
     });
     n(() => S.value.map((e) => e.key));
-    const X = n(() => S.value.length > 1), fe = n(() => S.value.length > 0 ? S.value[0].key : "table"), u = Ne(`view-mode-${re.value}`, fe.value), Y = n(() => S.value.find((i) => i.key === u.value)?.component ?? null), F = n(() => u.value === "table" && g.table ? "table" : u.value === "list" && g.list ? "list" : u.value === "list" && g.grid ? "grid" : u.value === "kanban" && g.kanban ? "kanban" : u.value === "calendar" && g.calendar ? "calendar" : null), k = p(""), m = p({}), $ = p({ field: "", order: "" }), P = p(a.pageInfo?.currentPage || 1), q = p(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), o = p([]), E = p([]), B = p(!1), v = p(
+    const X = n(() => S.value.length > 1), me = n(() => S.value.length > 0 ? S.value[0].key : "table"), f = He(`view-mode-${de.value}`, me.value), Y = n(() => S.value.find((i) => i.key === f.value)?.component ?? null), G = (e) => {
+      f.value = e, N("change-view", e);
+    }, F = n(() => f.value === "table" && g.table ? "table" : f.value === "list" && g.list ? "list" : f.value === "list" && g.grid ? "grid" : f.value === "kanban" && g.kanban ? "kanban" : f.value === "calendar" && g.calendar ? "calendar" : null), k = h(""), m = h({}), $ = h({ field: "", order: "" }), P = h(a.pageInfo?.currentPage || 1), q = h(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), o = h([]), E = h([]), B = h(!1), u = h(
       a.defaultQuickFilter !== void 0 ? a.defaultQuickFilter : a.quickFilters && a.quickFilters.length > 0 ? a.quickFilters[0].value : ""
-    ), G = n(() => !a.quickFilters || a.quickFilters.length === 0 ? !1 : a.skipQuickFilterViews && a.skipQuickFilterViews.length > 0 ? !a.skipQuickFilterViews.includes(u.value) : !0), J = (e) => {
-      v.value = e, P.value = 1, V();
-    }, W = n(() => k.value && k.value.trim() !== "" || v.value !== "" && v.value !== null && v.value !== void 0 ? !0 : m.value ? Object.keys(m.value).some(
+    ), J = n(() => !a.quickFilters || a.quickFilters.length === 0 ? !1 : a.skipQuickFilterViews && a.skipQuickFilterViews.length > 0 ? !a.skipQuickFilterViews.includes(f.value) : !0), W = (e) => {
+      u.value = e, P.value = 1, V();
+    }, Z = n(() => k.value && k.value.trim() !== "" || u.value !== "" && u.value !== null && u.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), Z = n(() => a.data && a.data.length > 0), me = n(() => !a.skipEmptyViews || a.skipEmptyViews.length === 0 ? !1 : a.skipEmptyViews.includes(u.value)), r = n(() => ({
-      activeView: u.value,
+    ) : !1), _ = n(() => a.data && a.data.length > 0), he = n(() => !a.skipEmptyViews || a.skipEmptyViews.length === 0 ? !1 : a.skipEmptyViews.includes(f.value)), r = n(() => ({
+      activeView: f.value,
       searchQuery: k.value,
       activeFilters: m.value,
-      activeQuickFilter: v.value,
+      activeQuickFilter: u.value,
       activeSort: $.value,
       page: P.value,
       limit: q.value,
       selectedRows: o.value,
-      isFiltered: W.value,
-      hasData: Z.value,
+      isFiltered: Z.value,
+      hasData: _.value,
       loading: a.loading
     })), pe = {
       forceSelectable: !a.hideSelectable,
@@ -159,88 +162,88 @@ const ze = { key: 0 }, Xe = {
         $.value = { field: e.sort.field, order: e.sort.order }, V();
       }
     };
-    K(Me, pe), K("screen-selected-rows", o), K("screen-request-delete", (e) => x(e));
+    L(Ke, pe), L("screen-selected-rows", o), L("screen-request-delete", (e) => x(e));
     const x = (e) => {
       E.value = e, B.value = !0;
-    }, he = () => {
-      z("delete", E.value), B.value = !1, o.value = [];
-    }, we = (e) => {
-      z("delete", e), o.value = [];
+    }, we = () => {
+      N("delete", E.value), B.value = !1, o.value = [];
+    }, ye = (e) => {
+      N("delete", e), o.value = [];
     };
-    L(
+    O(
       () => a.pageInfo?.currentPage,
       (e) => {
         e && (P.value = e);
       }
-    ), L(
+    ), O(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
         e && (q.value = e);
       }
     );
-    let N = null;
-    L(k, () => {
-      N && clearTimeout(N), N = setTimeout(() => {
+    let H = null;
+    O(k, () => {
+      H && clearTimeout(H), H = setTimeout(() => {
         P.value = 1, V();
       }, 300);
     });
-    const ye = (e) => {
+    const ge = (e) => {
       P.value = e, V();
-    }, ge = (e) => {
+    }, ke = (e) => {
       q.value = e, P.value = 1, V();
     }, V = () => {
       if (!a.refetch) return;
       const e = { ...m.value };
-      v.value !== "" && v.value !== null && v.value !== void 0 && (e[a.quickFilterKey] = v.value);
+      u.value !== "" && u.value !== null && u.value !== void 0 && (e[a.quickFilterKey] = u.value);
       const i = $.value.field && $.value.order ? { field: $.value.field, order: $.value.order } : void 0, l = {
         pagination: { page: P.value, limit: q.value },
         search: k.value,
         filter: e
       };
       i && (l.sort = i), a.refetch(l);
-    }, _ = n(() => {
-      const e = f("vlite.screen.deleteSelected");
+    }, ee = n(() => {
+      const e = v("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ee = n(() => {
-      const e = f("vlite.screen.refresh");
-      return e !== "vlite.screen.refresh" ? e : "Refresh";
     }), te = n(() => {
-      const e = f("vlite.screen.searchPlaceholder");
+      const e = v("vlite.screen.refresh");
+      return e !== "vlite.screen.refresh" ? e : "Refresh";
+    }), ae = n(() => {
+      const e = v("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), ke = n(() => {
-      const e = f("vlite.screen.confirmDeleteTitle");
-      return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), be = n(() => {
-      const e = f("vlite.screen.confirmDeleteDesc", { count: E.value.length });
-      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${E.value.length > 1 ? "items" : "item"}?`;
+      const e = v("vlite.screen.confirmDeleteTitle");
+      return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), xe = n(() => {
-      const e = f("vlite.screen.confirmDeleteBtn");
-      return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
+      const e = v("vlite.screen.confirmDeleteDesc", { count: E.value.length });
+      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${E.value.length > 1 ? "items" : "item"}?`;
     }), Ce = n(() => {
-      const e = f("vlite.screen.cancelBtn");
-      return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
+      const e = v("vlite.screen.confirmDeleteBtn");
+      return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
     }), Ve = n(() => {
-      const e = f("vlite.screen.missingView");
+      const e = v("vlite.screen.cancelBtn");
+      return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
+    }), De = n(() => {
+      const e = v("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list`, `:table`, or `:views` component/slot.";
-    }), H = n(
+    }), M = n(
       () => a.exportSchema && a.exportSchema.length > 0 && a.exportProps !== !1 || a.importSchema && a.importSchema.length > 0 && a.importProps !== !1
-    ), De = n(() => {
-      const e = f("vlite.screen.importData");
+    ), Se = n(() => {
+      const e = v("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), Se = p(null), Q = p(!1), M = p(!1), ae = (e) => {
-      e.value === "export" ? Q.value = !0 : e.value === "import" && (M.value = !0);
-    }, Pe = n(
+    }), Pe = h(null), Q = h(!1), K = h(!1), le = (e) => {
+      e.value === "export" ? Q.value = !0 : e.value === "import" && (K.value = !0);
+    }, $e = n(
       () => (a.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), $e = n(
+    ), Ie = n(
       () => (a.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
         required: e.required || !1
       }))
-    ), Ie = async (e) => I?.services?.importApi && a.importType ? await I.services.importApi(a.importType, e) : (console.warn(
+    ), Fe = async (e) => I?.services?.importApi && a.importType ? await I.services.importApi(a.importType, e) : (console.warn(
       "VLite Screen: No importApi configured or no importType provided for generic import."
     ), {
       processed: e.data.length,
@@ -249,9 +252,9 @@ const ze = { key: 0 }, Xe = {
       skipped: 0,
       failed: 0,
       errors: []
-    }), Fe = () => V(), Be = n(
+    }), Be = () => V(), Te = n(
       () => a.exportMode || I?.exportData?.mode || "frontend"
-    ), Te = async (e) => {
+    ), Re = async (e) => {
       I?.services?.exportApi && a.exportType ? await I.services.exportApi(a.exportType, {
         format: e,
         search: k.value,
@@ -260,11 +263,11 @@ const ze = { key: 0 }, Xe = {
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, i) => (d(), h("div", {
+    return (e, i) => (d(), p("div", {
       class: D(["flex flex-col w-full space-y-8", t.containerClass])
     }, [
-      t.variant === "two" ? (d(), h(A, { key: 0 }, [
-        t.customHeader ? s(e.$slots, "custom-header", c(y({ key: 1 }, r.value))) : (d(), h("div", {
+      t.variant === "two" ? (d(), p(A, { key: 0 }, [
+        t.customHeader ? s(e.$slots, "custom-header", c(y({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
           class: D([t.headerClass, "flex flex-col space-y-6"])
         }, [
@@ -274,7 +277,7 @@ const ze = { key: 0 }, Xe = {
               t.topHeaderClass
             ])
           }, [
-            C(ie, {
+            C(ne, {
               title: t.title,
               "title-i18n": t.titleI18n,
               "title-class": t.titleClass,
@@ -283,7 +286,7 @@ const ze = { key: 0 }, Xe = {
               "description-class": t.descriptionClass,
               info: t.info,
               "info-i18n": t.infoI18n
-            }, le({ _: 2 }, [
+            }, ie({ _: 2 }, [
               e.$slots.title ? {
                 name: "title",
                 fn: b(() => [
@@ -299,8 +302,8 @@ const ze = { key: 0 }, Xe = {
                 key: "1"
               } : void 0
             ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
-            t.stats && t.stats.length > 0 ? (d(), h("div", ze, [
-              C(Oe, y({ items: t.stats }, t.statsProps), null, 16, ["items"])
+            t.stats && t.stats.length > 0 ? (d(), p("div", Xe, [
+              C(ze, y({ items: t.stats }, t.statsProps), null, 16, ["items"])
             ])) : s(e.$slots, "header-stats", { key: 1 })
           ], 2),
           U("div", {
@@ -315,16 +318,16 @@ const ze = { key: 0 }, Xe = {
                 t.filtersContainerClass
               ])
             }, [
-              G.value ? (d(), j(ne, {
+              J.value ? (d(), j(se, {
                 key: 0,
-                modelValue: v.value,
-                "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
+                modelValue: u.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (l) => u.value = l),
                 options: t.quickFilters,
                 variant: t.quickFilterVariant,
-                onChange: J
+                onChange: W
               }, null, 8, ["modelValue", "options", "variant"])) : R("", !0)
             ], 2),
-            C(se, {
+            C(oe, {
               class: D([
                 "flex items-center gap-2.5 max-sm:w-full sm:w-auto justify-end",
                 t.actionsContainerClass
@@ -332,35 +335,35 @@ const ze = { key: 0 }, Xe = {
               "selected-rows": o.value,
               "hide-selectable": t.hideSelectable,
               "hide-delete-btn": t.hideDeleteBtn,
-              "txt-delete-selected": _.value,
+              "txt-delete-selected": ee.value,
               "has-multiple-views": X.value,
-              "active-view": O(u),
+              "active-view": z(f),
               "resolved-views": S.value,
               "show-refresh": t.showRefresh,
               loading: t.loading,
-              "txt-refresh": ee.value,
+              "txt-refresh": te.value,
               "filter-schema": t.filterSchema,
               "filter-type": t.filterType,
               "active-filters": m.value,
               "can-search": t.canSearch,
               "search-query": k.value,
-              "txt-search": te.value,
+              "txt-search": ae.value,
               "can-add": t.canAdd,
               "add-component": t.addComponent,
               "add-btn": t.addBtn,
               data: t.data,
               refetch: t.refetch,
-              "has-export-or-import": H.value,
+              "has-export-or-import": M.value,
               "export-props": t.exportProps,
               "import-props": t.importProps,
               "screen-state": r.value,
               onDelete: x,
-              "onUpdate:activeView": i[1] || (i[1] = (l) => u.value = l),
-              "onUpdate:searchQuery": i[2] || (i[2] = (l) => k.value = l),
-              "onUpdate:activeFilters": i[3] || (i[3] = (l) => m.value = l),
+              "onUpdate:activeView": G,
+              "onUpdate:searchQuery": i[1] || (i[1] = (l) => k.value = l),
+              "onUpdate:activeFilters": i[2] || (i[2] = (l) => m.value = l),
               onRefresh: V,
-              onAdd: i[4] || (i[4] = (l) => e.$emit("add")),
-              onSelectDropdown: ae
+              onAdd: i[3] || (i[3] = (l) => e.$emit("add")),
+              onSelectDropdown: le
             }, {
               "before-search": b((l) => [
                 s(e.$slots, "before-search", c(w(l)))
@@ -376,12 +379,12 @@ const ze = { key: 0 }, Xe = {
           ], 2)
         ], 2)),
         s(e.$slots, "sub-header", c(w(r.value)))
-      ], 64)) : (d(), h(A, { key: 1 }, [
-        t.customHeader ? s(e.$slots, "custom-header", c(y({ key: 1 }, r.value))) : (d(), h("div", {
+      ], 64)) : (d(), p(A, { key: 1 }, [
+        t.customHeader ? s(e.$slots, "custom-header", c(y({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
           class: D([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          C(ie, {
+          C(ne, {
             title: t.title,
             "title-i18n": t.titleI18n,
             "title-class": t.titleClass,
@@ -390,7 +393,7 @@ const ze = { key: 0 }, Xe = {
             "description-class": t.descriptionClass,
             info: t.info,
             "info-i18n": t.infoI18n
-          }, le({ _: 2 }, [
+          }, ie({ _: 2 }, [
             e.$slots.title ? {
               name: "title",
               fn: b(() => [
@@ -406,40 +409,40 @@ const ze = { key: 0 }, Xe = {
               key: "1"
             } : void 0
           ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
-          C(se, {
+          C(oe, {
             class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end",
             "selected-rows": o.value,
             "hide-selectable": t.hideSelectable,
             "hide-delete-btn": t.hideDeleteBtn,
-            "txt-delete-selected": _.value,
+            "txt-delete-selected": ee.value,
             "has-multiple-views": X.value,
-            "active-view": O(u),
+            "active-view": z(f),
             "resolved-views": S.value,
             "show-refresh": t.showRefresh,
             loading: t.loading,
-            "txt-refresh": ee.value,
+            "txt-refresh": te.value,
             "filter-schema": t.filterSchema,
             "filter-type": t.filterType,
             "active-filters": m.value,
             "can-search": t.canSearch,
             "search-query": k.value,
-            "txt-search": te.value,
+            "txt-search": ae.value,
             "can-add": t.canAdd,
             "add-component": t.addComponent,
             "add-btn": t.addBtn,
             data: t.data,
             refetch: t.refetch,
-            "has-export-or-import": H.value,
+            "has-export-or-import": M.value,
             "export-props": t.exportProps,
             "import-props": t.importProps,
             "screen-state": r.value,
             onDelete: x,
-            "onUpdate:activeView": i[5] || (i[5] = (l) => u.value = l),
-            "onUpdate:searchQuery": i[6] || (i[6] = (l) => k.value = l),
-            "onUpdate:activeFilters": i[7] || (i[7] = (l) => m.value = l),
+            "onUpdate:activeView": G,
+            "onUpdate:searchQuery": i[4] || (i[4] = (l) => k.value = l),
+            "onUpdate:activeFilters": i[5] || (i[5] = (l) => m.value = l),
             onRefresh: V,
-            onAdd: i[8] || (i[8] = (l) => e.$emit("add")),
-            onSelectDropdown: ae
+            onAdd: i[6] || (i[6] = (l) => e.$emit("add")),
+            onSelectDropdown: le
           }, {
             "before-search": b((l) => [
               s(e.$slots, "before-search", c(w(l)))
@@ -454,33 +457,33 @@ const ze = { key: 0 }, Xe = {
           }, 8, ["selected-rows", "hide-selectable", "hide-delete-btn", "txt-delete-selected", "has-multiple-views", "active-view", "resolved-views", "show-refresh", "loading", "txt-refresh", "filter-schema", "filter-type", "active-filters", "can-search", "search-query", "txt-search", "can-add", "add-component", "add-btn", "data", "refetch", "has-export-or-import", "export-props", "import-props", "screen-state"])
         ], 2)),
         s(e.$slots, "sub-header", c(w(r.value))),
-        G.value ? (d(), h("div", Xe, [
-          C(ne, {
-            modelValue: v.value,
-            "onUpdate:modelValue": i[9] || (i[9] = (l) => v.value = l),
+        J.value ? (d(), p("div", Ye, [
+          C(se, {
+            modelValue: u.value,
+            "onUpdate:modelValue": i[7] || (i[7] = (l) => u.value = l),
             options: t.quickFilters,
             variant: t.quickFilterVariant,
-            onChange: J
+            onChange: W
           }, null, 8, ["modelValue", "options", "variant"])
         ])) : R("", !0)
       ], 64)),
       U("div", {
         class: D(["flex-1 w-full relative", t.mainContainerClass])
       }, [
-        !Z.value && !t.loading && !me.value ? (d(), h(A, { key: 0 }, [
-          e.$slots.empty ? s(e.$slots, "empty", c(y({ key: 0 }, r.value))) : (d(), j(Ke, {
+        !_.value && !t.loading && !he.value ? (d(), p(A, { key: 0 }, [
+          e.$slots.empty ? s(e.$slots, "empty", c(y({ key: 0 }, r.value))) : (d(), j(Le, {
             key: 1,
             "empty-title": t.emptyTitle,
             "empty-title-i18n": t.emptyTitleI18n,
             "empty-description": t.emptyDescription,
             "empty-description-i18n": t.emptyDescriptionI18n,
             "empty-icon": t.emptyIcon,
-            "is-filtered": W.value,
+            "is-filtered": Z.value,
             "can-add": t.canAdd,
             "add-component": t.addComponent,
             "add-btn": t.addBtn
           }, null, 8, ["empty-title", "empty-title-i18n", "empty-description", "empty-description-i18n", "empty-icon", "is-filtered", "can-add", "add-component", "add-btn"]))
-        ], 64)) : (d(), h(A, { key: 1 }, [
+        ], 64)) : (d(), p(A, { key: 1 }, [
           F.value === "table" ? s(e.$slots, "table", y({
             key: 0,
             data: t.data,
@@ -516,60 +519,60 @@ const ze = { key: 0 }, Xe = {
             selectedRows: o.value,
             delete: x,
             updateSelectedRows: (l) => o.value = l
-          }, r.value)) : Y.value ? (d(), j(Ee(Y.value), y({
+          }, r.value)) : Y.value ? (d(), j(Qe(Y.value), y({
             key: 5,
             data: t.data,
             loading: t.loading,
             refetch: t.refetch,
             selectedRows: o.value,
-            "onUpdate:selectedRows": i[10] || (i[10] = (l) => o.value = l),
+            "onUpdate:selectedRows": i[8] || (i[8] = (l) => o.value = l),
             delete: x,
-            onDelete: we
-          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), h("div", Ye, Qe(Ve.value), 1))
+            onDelete: ye
+          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), p("div", Ge, Ae(De.value), 1))
         ], 64))
       ], 2),
-      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (d(), h("div", Ge, [
-        C(O(Ue), y({
+      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (d(), p("div", Je, [
+        C(z(je), y({
           "current-page": t.pageInfo.currentPage,
           "total-pages": t.pageInfo.totalPages,
           "total-items": t.pageInfo.totalItems
         }, t.paginationProps, {
-          onChange: ye,
-          "onUpdate:itemsPerPage": ge
+          onChange: ge,
+          "onUpdate:itemsPerPage": ke
         }), null, 16, ["current-page", "total-pages", "total-items"])
       ])) : R("", !0),
-      C(Ae, {
+      C(Ue, {
         show: B.value,
-        "onUpdate:show": i[11] || (i[11] = (l) => B.value = l),
-        title: ke.value,
-        description: be.value,
-        "confirm-text": xe.value,
-        "cancel-text": Ce.value,
+        "onUpdate:show": i[9] || (i[9] = (l) => B.value = l),
+        title: be.value,
+        description: xe.value,
+        "confirm-text": Ce.value,
+        "cancel-text": Ve.value,
         variant: "danger",
-        onConfirm: he,
-        onCancel: i[12] || (i[12] = (l) => B.value = !1)
+        onConfirm: we,
+        onCancel: i[10] || (i[10] = (l) => B.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-      Q.value ? (d(), j(Le, {
+      Q.value ? (d(), j(Oe, {
         key: 3,
         show: Q.value,
-        "onUpdate:show": i[13] || (i[13] = (l) => Q.value = l),
+        "onUpdate:show": i[11] || (i[11] = (l) => Q.value = l),
         data: t.data || [],
-        fields: Pe.value,
-        mode: Be.value,
+        fields: $e.value,
+        mode: Te.value,
         "export-props": t.exportProps,
-        "on-export": Te
+        "on-export": Re
       }, null, 8, ["show", "data", "fields", "mode", "export-props"])) : R("", !0),
-      H.value ? (d(), h("div", Je, [
-        C(je, y({
-          show: M.value,
-          "onUpdate:show": i[14] || (i[14] = (l) => M.value = l),
+      M.value ? (d(), p("div", We, [
+        C(Ne, y({
+          show: K.value,
+          "onUpdate:show": i[12] || (i[12] = (l) => K.value = l),
           ref_key: "importDataRef",
-          ref: Se,
-          fields: $e.value,
-          processBatch: Ie,
-          onComplete: Fe
+          ref: Pe,
+          fields: Ie.value,
+          processBatch: Fe,
+          onComplete: Be
         }, typeof t.importProps == "object" ? t.importProps : {}, {
-          title: De.value,
+          title: Se.value,
           class: "hidden!"
         }), null, 16, ["show", "fields", "title"])
       ])) : R("", !0)
@@ -577,5 +580,5 @@ const ze = { key: 0 }, Xe = {
   }
 });
 export {
-  ut as default
+  ft as default
 };

package/components/Stats/Stats.vue.d.ts

@@ -11,5 +11,5 @@ declare const _default: import('vue').DefineComponent<StatsProps, {}, {}, {}, {}
     iconSize: string;
     titleSize: string;
     valueSize: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;