vlite3 1.3.4 → 1.3.6

package/components/Screen/Screen.vue.js

@@ -1,28 +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 { 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 Me from "../ConfirmationModal.vue.js";
+import Ne from "../Pagination/Pagination.vue.js";
+import He from "../ImportData/ImportData.vue.js";
+import { usePersistentState as Ke } from "../../utils/usePersistentState.js";
+import { useVLiteConfig as Le } 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";
+import { SCREEN_CONTEXT_KEY as Oe } from "../DataTable/types.js";
+import se from "./components/ScreenHeaderTitle.vue.js";
+import ze from "./components/ScreenEmptyState.vue.js";
+import Xe from "./components/ScreenExportModal.vue.js";
+import oe from "./components/ScreenQuickFilters.vue.js";
+import re from "./components/ScreenToolbar.vue.js";
+import Ye from "../Stats/Stats.vue.js";
 /* empty css                  */
-const ze = { key: 0 }, Xe = {
+const Ge = { key: 0 }, Je = {
   key: 2,
   class: "-mt-1.5 w-full min-w-0 overflow-hidden mb-3.5"
-}, Ye = {
+}, We = {
   key: 6,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, Ge = {
+}, Ze = {
   key: 2,
   class: "-mt-2"
-}, Je = { key: 4 }, vt = /* @__PURE__ */ Re({
+}, _e = { key: 4 }, ht = /* @__PURE__ */ Ee({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -92,21 +92,21 @@ 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(() => {
+  emits: ["add", "delete", "activeView"],
+  setup(t, { emit: de }) {
+    const a = t, I = Le(), q = de, g = Qe(), ce = n(() => a.name || a.title || "default-screen"), ue = n(() => {
       const e = f("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
-    }), ce = n(() => {
+    }), ve = n(() => {
       const e = f("vlite.screen.listView");
       return e !== "vlite.screen.listView" ? e : "List View";
-    }), ue = n(() => {
+    }), fe = n(() => {
       const e = f("vlite.screen.kanbanView");
       return e !== "vlite.screen.kanbanView" ? e : "Kanban View";
-    }), ve = n(() => {
+    }), me = n(() => {
       const e = f("vlite.screen.calendarView");
       return e !== "vlite.screen.calendarView" ? e : "Calendar View";
-    }), S = n(() => {
+    }), V = n(() => {
       if (a.views && a.views.length > 0)
         return a.views.map((i) => ({
           ...i,
@@ -117,131 +117,135 @@ const ze = { key: 0 }, Xe = {
         key: "table",
         component: a.table ? T(a.table) : null,
         icon: "lucide:list",
-        label: de.value
+        label: ue.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: ve.value
       }), (a.kanban || g.kanban) && e.push({
         key: "kanban",
         component: a.kanban ? T(a.kanban) : null,
         icon: "lucide:kanban",
-        label: ue.value
+        label: fe.value
       }), (a.calendar || g.calendar) && e.push({
         key: "calendar",
         component: a.calendar ? T(a.calendar) : null,
         icon: "lucide:calendar",
-        label: ve.value
+        label: me.value
       }), e;
+    }), he = n(() => V.value.map((e) => e.key)), X = n(() => V.value.length > 1), Y = n(() => V.value.length > 0 ? V.value[0].key : "table"), c = Ke(`view-mode-${ce.value}`, Y.value), G = n(() => V.value.find((i) => i.key === c.value)?.component ?? null), J = (e) => {
+      c.value = e, q("activeView", e);
+    };
+    Ae(() => {
+      V.value.length > 0 && !he.value.includes(c.value) && (c.value = Y.value), q("activeView", c.value);
     });
-    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 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(
       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(
+    ), 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();
+    }, _ = 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), 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), ee = n(() => a.data && a.data.length > 0), pe = n(() => !a.skipEmptyViews || a.skipEmptyViews.length === 0 ? !1 : a.skipEmptyViews.includes(c.value)), r = n(() => ({
+      activeView: c.value,
       searchQuery: k.value,
       activeFilters: m.value,
       activeQuickFilter: v.value,
       activeSort: $.value,
       page: P.value,
-      limit: q.value,
+      limit: E.value,
       selectedRows: o.value,
-      isFiltered: W.value,
-      hasData: Z.value,
+      isFiltered: _.value,
+      hasData: ee.value,
       loading: a.loading
-    })), pe = {
+    })), we = {
       forceSelectable: !a.hideSelectable,
       onTableChange: (e) => {
-        $.value = { field: e.sort.field, order: e.sort.order }, V();
+        $.value = { field: e.sort.field, order: e.sort.order }, D();
       }
     };
-    K(Me, pe), K("screen-selected-rows", o), K("screen-request-delete", (e) => x(e));
+    L(Oe, we), 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 = [];
+      Q.value = e, B.value = !0;
+    }, ye = () => {
+      q("delete", Q.value), B.value = !1, o.value = [];
+    }, ge = (e) => {
+      q("delete", e), o.value = [];
     };
-    L(
+    O(
       () => a.pageInfo?.currentPage,
       (e) => {
         e && (P.value = e);
       }
-    ), L(
+    ), O(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
-        e && (q.value = e);
+        e && (E.value = e);
       }
     );
     let N = null;
-    L(k, () => {
+    O(k, () => {
       N && clearTimeout(N), N = setTimeout(() => {
-        P.value = 1, V();
+        P.value = 1, D();
       }, 300);
     });
-    const ye = (e) => {
-      P.value = e, V();
-    }, ge = (e) => {
-      q.value = e, P.value = 1, V();
-    }, V = () => {
+    const ke = (e) => {
+      P.value = e, D();
+    }, be = (e) => {
+      E.value = e, P.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: q.value },
+        pagination: { page: P.value, limit: E.value },
         search: k.value,
         filter: e
       };
       i && (l.sort = i), a.refetch(l);
-    }, _ = n(() => {
+    }, te = n(() => {
       const e = f("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ee = n(() => {
+    }), ae = n(() => {
       const e = f("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), te = n(() => {
+    }), le = n(() => {
       const e = f("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), ke = n(() => {
+    }), xe = 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"}?`;
-    }), xe = n(() => {
+    }), Ce = n(() => {
+      const e = f("vlite.screen.confirmDeleteDesc", { count: Q.value.length });
+      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${Q.value.length > 1 ? "items" : "item"}?`;
+    }), Ve = n(() => {
       const e = f("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), Ce = n(() => {
+    }), De = n(() => {
       const e = f("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), Ve = n(() => {
+    }), Se = 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
-    ), De = n(() => {
+    ), Pe = n(() => {
       const e = f("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(
+    }), $e = h(null), A = h(!1), K = h(!1), ie = (e) => {
+      e.value === "export" ? A.value = !0 : e.value === "import" && (K.value = !0);
+    }, Ie = n(
       () => (a.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), $e = n(
+    ), Fe = 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(
+    ), Be = 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,
@@ -250,9 +254,9 @@ const ze = { key: 0 }, Xe = {
       skipped: 0,
       failed: 0,
       errors: []
-    }), Fe = () => V(), Be = n(
+    }), Te = () => D(), Re = n(
       () => a.exportMode || I?.exportData?.mode || "frontend"
-    ), Te = async (e) => {
+    ), qe = async (e) => {
       I?.services?.exportApi && a.exportType ? await I.services.exportApi(a.exportType, {
         format: e,
         search: k.value,
@@ -261,21 +265,21 @@ const ze = { key: 0 }, Xe = {
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, i) => (d(), h("div", {
-      class: D(["flex flex-col w-full space-y-8", t.containerClass])
+    return (e, i) => (d(), p("div", {
+      class: S(["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(U, { key: 0 }, [
+        t.customHeader ? s(e.$slots, "custom-header", u(y({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
-          class: D([t.headerClass, "flex flex-col space-y-6"])
+          class: S([t.headerClass, "flex flex-col space-y-6"])
         }, [
-          U("div", {
-            class: D([
+          j("div", {
+            class: S([
               "flex flex-col md:flex-row justify-between items-start md:items-center gap-4",
               t.topHeaderClass
             ])
           }, [
-            C(ie, {
+            C(se, {
               title: t.title,
               "title-i18n": t.titleI18n,
               "title-class": t.titleClass,
@@ -284,68 +288,68 @@ const ze = { key: 0 }, Xe = {
               "description-class": t.descriptionClass,
               info: t.info,
               "info-i18n": t.infoI18n
-            }, le({ _: 2 }, [
+            }, ne({ _: 2 }, [
               e.$slots.title ? {
                 name: "title",
                 fn: b(() => [
-                  s(e.$slots, "title", c(w(r.value)))
+                  s(e.$slots, "title", u(w(r.value)))
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.description ? {
                 name: "description",
                 fn: b(() => [
-                  s(e.$slots, "description", c(w(r.value)))
+                  s(e.$slots, "description", u(w(r.value)))
                 ]),
                 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", Ge, [
+              C(Ye, y({ items: t.stats }, t.statsProps), null, 16, ["items"])
             ])) : s(e.$slots, "header-stats", { key: 1 })
           ], 2),
-          U("div", {
-            class: D([
+          j("div", {
+            class: S([
               "flex flex-col lg:flex-row lg:items-center justify-between gap-4",
               t.bottomHeaderClass
             ])
           }, [
-            U("div", {
-              class: D([
+            j("div", {
+              class: S([
                 "flex-1 w-full min-w-0 flex items-center justify-start overflow-hidden pt-1.5",
                 t.filtersContainerClass
               ])
             }, [
-              G.value ? (d(), j(ne, {
+              W.value ? (d(), M(oe, {
                 key: 0,
                 modelValue: v.value,
                 "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
                 options: t.quickFilters,
                 variant: t.quickFilterVariant,
-                onChange: J
+                onChange: Z
               }, null, 8, ["modelValue", "options", "variant"])) : R("", !0)
             ], 2),
-            C(se, {
-              class: D([
+            C(re, {
+              class: S([
                 "flex items-center gap-2.5 max-sm:w-full sm:w-auto justify-end",
                 t.actionsContainerClass
               ]),
               "selected-rows": o.value,
               "hide-selectable": t.hideSelectable,
               "hide-delete-btn": t.hideDeleteBtn,
-              "txt-delete-selected": _.value,
+              "txt-delete-selected": te.value,
               "has-multiple-views": X.value,
-              "active-view": O(u),
-              "resolved-views": S.value,
+              "active-view": z(c),
+              "resolved-views": V.value,
               "show-refresh": t.showRefresh,
               loading: t.loading,
-              "txt-refresh": ee.value,
+              "txt-refresh": ae.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": le.value,
               "can-add": t.canAdd,
               "add-component": t.addComponent,
               "add-btn": t.addBtn,
@@ -356,33 +360,33 @@ const ze = { key: 0 }, Xe = {
               "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),
-              onRefresh: V,
-              onAdd: i[4] || (i[4] = (l) => e.$emit("add")),
-              onSelectDropdown: ae
+              "onUpdate:activeView": J,
+              "onUpdate:searchQuery": i[1] || (i[1] = (l) => k.value = l),
+              "onUpdate:activeFilters": i[2] || (i[2] = (l) => m.value = l),
+              onRefresh: D,
+              onAdd: i[3] || (i[3] = (l) => e.$emit("add")),
+              onSelectDropdown: ie
             }, {
               "before-search": b((l) => [
-                s(e.$slots, "before-search", c(w(l)))
+                s(e.$slots, "before-search", u(w(l)))
               ]),
               actions: b((l) => [
-                s(e.$slots, "actions", c(w(l)))
+                s(e.$slots, "actions", u(w(l)))
               ]),
               "after-add": b((l) => [
-                s(e.$slots, "after-add", c(w(l)))
+                s(e.$slots, "after-add", u(w(l)))
               ]),
               _: 3
             }, 8, ["class", "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)
         ], 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", {
+        s(e.$slots, "sub-header", u(w(r.value)))
+      ], 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: D([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: S([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          C(ie, {
+          C(se, {
             title: t.title,
             "title-i18n": t.titleI18n,
             "title-class": t.titleClass,
@@ -391,40 +395,40 @@ const ze = { key: 0 }, Xe = {
             "description-class": t.descriptionClass,
             info: t.info,
             "info-i18n": t.infoI18n
-          }, le({ _: 2 }, [
+          }, ne({ _: 2 }, [
             e.$slots.title ? {
               name: "title",
               fn: b(() => [
-                s(e.$slots, "title", c(w(r.value)))
+                s(e.$slots, "title", u(w(r.value)))
               ]),
               key: "0"
             } : void 0,
             e.$slots.description ? {
               name: "description",
               fn: b(() => [
-                s(e.$slots, "description", c(w(r.value)))
+                s(e.$slots, "description", u(w(r.value)))
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
-          C(se, {
+          C(re, {
             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": te.value,
             "has-multiple-views": X.value,
-            "active-view": O(u),
-            "resolved-views": S.value,
+            "active-view": z(c),
+            "resolved-views": V.value,
             "show-refresh": t.showRefresh,
             loading: t.loading,
-            "txt-refresh": ee.value,
+            "txt-refresh": ae.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": le.value,
             "can-add": t.canAdd,
             "add-component": t.addComponent,
             "add-btn": t.addBtn,
@@ -435,53 +439,53 @@ const ze = { key: 0 }, Xe = {
             "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),
-            onRefresh: V,
-            onAdd: i[8] || (i[8] = (l) => e.$emit("add")),
-            onSelectDropdown: ae
+            "onUpdate:activeView": J,
+            "onUpdate:searchQuery": i[4] || (i[4] = (l) => k.value = l),
+            "onUpdate:activeFilters": i[5] || (i[5] = (l) => m.value = l),
+            onRefresh: D,
+            onAdd: i[6] || (i[6] = (l) => e.$emit("add")),
+            onSelectDropdown: ie
           }, {
             "before-search": b((l) => [
-              s(e.$slots, "before-search", c(w(l)))
+              s(e.$slots, "before-search", u(w(l)))
             ]),
             actions: b((l) => [
-              s(e.$slots, "actions", c(w(l)))
+              s(e.$slots, "actions", u(w(l)))
             ]),
             "after-add": b((l) => [
-              s(e.$slots, "after-add", c(w(l)))
+              s(e.$slots, "after-add", u(w(l)))
             ]),
             _: 3
           }, 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, {
+        s(e.$slots, "sub-header", u(w(r.value))),
+        W.value ? (d(), p("div", Je, [
+          C(oe, {
             modelValue: v.value,
-            "onUpdate:modelValue": i[9] || (i[9] = (l) => v.value = l),
+            "onUpdate:modelValue": i[7] || (i[7] = (l) => v.value = l),
             options: t.quickFilters,
             variant: t.quickFilterVariant,
-            onChange: J
+            onChange: Z
           }, null, 8, ["modelValue", "options", "variant"])
         ])) : R("", !0)
       ], 64)),
-      U("div", {
-        class: D(["flex-1 w-full relative", t.mainContainerClass])
+      j("div", {
+        class: S(["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, {
+        !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, {
             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": _.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(U, { key: 1 }, [
           F.value === "table" ? s(e.$slots, "table", y({
             key: 0,
             data: t.data,
@@ -517,60 +521,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)) : G.value ? (d(), M(Ue(G.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: ge
+          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), p("div", We, je(Se.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", Ze, [
+        C(z(Ne), y({
           "current-page": t.pageInfo.currentPage,
           "total-pages": t.pageInfo.totalPages,
           "total-items": t.pageInfo.totalItems
         }, t.paginationProps, {
-          onChange: ye,
-          "onUpdate:itemsPerPage": ge
+          onChange: ke,
+          "onUpdate:itemsPerPage": be
         }), null, 16, ["current-page", "total-pages", "total-items"])
       ])) : R("", !0),
-      C(Ae, {
+      C(Me, {
         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: xe.value,
+        description: Ce.value,
+        "confirm-text": Ve.value,
+        "cancel-text": De.value,
         variant: "danger",
-        onConfirm: he,
-        onCancel: i[12] || (i[12] = (l) => B.value = !1)
+        onConfirm: ye,
+        onCancel: i[10] || (i[10] = (l) => B.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-      Q.value ? (d(), j(Le, {
+      A.value ? (d(), M(Xe, {
         key: 3,
-        show: Q.value,
-        "onUpdate:show": i[13] || (i[13] = (l) => Q.value = l),
+        show: A.value,
+        "onUpdate:show": i[11] || (i[11] = (l) => A.value = l),
         data: t.data || [],
-        fields: Pe.value,
-        mode: Be.value,
+        fields: Ie.value,
+        mode: Re.value,
         "export-props": t.exportProps,
-        "on-export": Te
+        "on-export": qe
       }, 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),
+      H.value ? (d(), p("div", _e, [
+        C(He, 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: $e,
+          fields: Fe.value,
+          processBatch: Be,
+          onComplete: Te
         }, typeof t.importProps == "object" ? t.importProps : {}, {
-          title: De.value,
+          title: Pe.value,
           class: "hidden!"
         }), null, 16, ["show", "fields", "title"])
       ])) : R("", !0)
@@ -578,5 +582,5 @@ const ze = { key: 0 }, Xe = {
   }
 });
 export {
-  vt as default
+  ht as default
 };