vlite3 0.7.13 → 0.7.15

package/components/Screen/Screen.vue.js

@@ -1,40 +1,40 @@
-import { defineComponent as $e, useSlots as Ie, computed as i, ref as y, provide as z, watch as H, resolveComponent as Te, openBlock as a, createElementBlock as s, normalizeClass as A, createElementVNode as x, renderSlot as w, toDisplayString as m, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as f, unref as p, resolveDynamicComponent as K, Fragment as P, mergeProps as v, createTextVNode as B, renderList as Ve } from "vue";
-import Re from "../Input.vue.js";
+import { defineComponent as Ve, useSlots as Re, computed as i, ref as y, markRaw as H, provide as K, watch as J, resolveComponent as Ee, openBlock as a, createElementBlock as s, normalizeClass as N, createElementVNode as w, renderSlot as p, toDisplayString as m, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as f, unref as x, resolveDynamicComponent as Q, Fragment as P, mergeProps as v, createTextVNode as B, renderList as Ae } from "vue";
+import je from "../Input.vue.js";
 /* empty css            */
 import h from "../Button.vue.js";
-import N from "../Icon.vue.js";
-import Ee from "../Tooltip.vue.js";
-import J from "../Modal.vue.js";
-import Oe from "../ConfirmationModal.vue.js";
-import je from "../Pagination/Pagination.vue.js";
-import Ae from "../Empty/Empty.vue.js";
-import Ne from "./ScreenFilter.vue.js";
-import Fe from "../Dropdown/Dropdown.vue.js";
-import Le from "../ExportData/ExportData.vue.js";
-import Me from "../ImportData/ImportData.vue.js";
-import { usePersistentState as Ue } from "../../utils/usePersistentState.js";
-import { useVLiteConfig as qe } from "../../core/config.js";
+import F from "../Icon.vue.js";
+import Oe from "../Tooltip.vue.js";
+import X from "../Modal.vue.js";
+import Ne from "../ConfirmationModal.vue.js";
+import Fe from "../Pagination/Pagination.vue.js";
+import Me from "../Empty/Empty.vue.js";
+import Le from "./ScreenFilter.vue.js";
+import Ue from "../Dropdown/Dropdown.vue.js";
+import qe from "../ExportData/ExportData.vue.js";
+import ze from "../ImportData/ImportData.vue.js";
+import { usePersistentState as He } from "../../utils/usePersistentState.js";
+import { useVLiteConfig as Ke } from "../../core/config.js";
 import { $t as r } from "../../utils/i18n.js";
-import { SCREEN_CONTEXT_KEY as ze } from "../DataTable/types.js";
-const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex-col shrink-0" }, Je = {
+import { SCREEN_CONTEXT_KEY as Je } from "../DataTable/types.js";
+const Qe = { class: "flex flex-col w-full space-y-8" }, Xe = { class: "flex flex-col shrink-0" }, Ye = {
   key: 0,
   class: "flex items-center! gap-2"
-}, Qe = { class: "text-fs-7.5 font-bold text-foreground" }, Xe = {
+}, Ge = { class: "text-fs-7.5 font-bold text-foreground" }, We = {
   key: 0,
   class: "text-sm text-gray-700 mt-1 md:max-w-[450px]"
-}, Ye = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, Ge = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, We = {
+}, Ze = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, _e = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, et = {
   key: 1,
   class: "flex items-center p-1 rounded-md border border-border shrink-0"
-}, Ze = ["title"], _e = ["title"], et = {
+}, tt = ["title"], lt = ["title"], at = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, tt = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, lt = ["href", "target"], at = ["href", "target"], nt = {
+}, nt = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, ot = ["href", "target"], it = ["href", "target"], rt = {
   key: 4,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, ot = {
+}, dt = {
   key: 2,
   class: "-mt-2"
-}, it = { class: "px-1 py-1 text-sm" }, rt = { class: "font-medium mb-3 text-muted-foreground" }, dt = { class: "space-y-3" }, st = { key: 4 }, It = /* @__PURE__ */ $e({
+}, st = { class: "px-1 py-1 text-sm" }, ct = { class: "font-medium mb-3 text-muted-foreground" }, ut = { class: "space-y-3" }, ft = { key: 4 }, Rt = /* @__PURE__ */ Ve({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -83,83 +83,86 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
     canSelectRows: { type: Boolean, default: !0 }
   },
   emits: ["add", "delete"],
-  setup(t, { emit: te }) {
-    const l = t, S = qe(), Q = te, V = Ie(), le = i(() => l.name || l.title || "default-screen"), k = Ue(
-      `view-mode-${le.value}`,
+  setup(t, { emit: ne }) {
+    const l = t, S = Ke(), Y = ne, V = Re(), oe = i(() => l.name || l.title || "default-screen"), k = He(
+      `view-mode-${oe.value}`,
       l.table || V.table ? "table" : "list"
-    ), $ = y(""), R = y({}), X = y({ field: "", order: "" }), I = y(l.pageInfo?.currentPage || 1), F = y(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), g = y([]), E = y([]), T = y(!1), ae = {
+    ), $ = y(""), R = y({}), G = y({ field: "", order: "" }), I = y(l.pageInfo?.currentPage || 1), M = y(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), g = y([]), E = y([]), T = y(!1), A = i(() => l.addComponent ? H(l.addComponent) : void 0), W = i(() => l.addBtn?.modal ? H(l.addBtn.modal) : void 0), Z = i(() => {
+      let e;
+      return k.value === "table" ? e = l.table || !!V.table : e = l.list || !!V.list || !!V.grid, typeof e == "object" && e !== null ? H(e) : e;
+    }), ie = {
       disableSearch: !0,
       forceSelectable: l.canSelectRows,
       onTableChange: (e) => {
-        X.value = { field: e.sort.field, order: e.sort.order }, C();
+        G.value = { field: e.sort.field, order: e.sort.order }, C();
       }
     };
-    z(ze, ae), z("screen-selected-rows", g), z("screen-request-delete", (e) => D(e));
+    K(Je, ie), K("screen-selected-rows", g), K("screen-request-delete", (e) => D(e));
     const D = (e) => {
       E.value = e, T.value = !0;
-    }, ne = () => {
-      Q("delete", E.value), T.value = !1, g.value = [];
-    }, oe = (e) => {
-      Q("delete", e), g.value = [];
+    }, re = () => {
+      Y("delete", E.value), T.value = !1, g.value = [];
+    }, de = (e) => {
+      Y("delete", e), g.value = [];
     };
-    H(
+    J(
       () => l.pageInfo?.currentPage,
       (e) => {
         e && (I.value = e);
       }
-    ), H(
+    ), J(
       () => l.pageInfo?.itemsPerPage,
       (e) => {
-        e && (F.value = e);
+        e && (M.value = e);
       }
     );
     let L = null;
-    H($, () => {
+    J($, () => {
       L && clearTimeout(L), L = setTimeout(() => {
         I.value = 1, C();
       }, 300);
     });
-    const ie = (e) => {
+    const se = (e) => {
       I.value = e, C();
-    }, re = (e) => {
-      F.value = e, I.value = 1, C();
+    }, ce = (e) => {
+      M.value = e, I.value = 1, C();
     }, C = () => {
       l.refetch && l.refetch({
-        pagination: { page: I.value, limit: F.value },
+        pagination: { page: I.value, limit: M.value },
         search: $.value,
-        sort: { ...X.value },
+        sort: { ...G.value },
         filter: { ...R.value }
       });
-    }, Y = i(() => k.value === "table" ? l.table || !!V.table : l.list || !!V.list || !!V.grid), de = i(() => l.data && l.data.length > 0), G = i(() => l.titleI18n ? r(l.titleI18n) : l.title), W = i(
+    }, ue = i(() => l.data && l.data.length > 0), _ = i(() => l.titleI18n ? r(l.titleI18n) : l.title), ee = i(
       () => l.descriptionI18n ? r(l.descriptionI18n) : l.description
-    ), se = i(() => {
+    ), fe = i(() => {
       const e = r("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ce = i(() => {
+    }), me = i(() => {
       const e = r("vlite.screen.listView");
       return e !== "vlite.screen.listView" ? e : "List View";
-    }), ue = i(() => {
+    }), ve = i(() => {
       const e = r("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
-    }), fe = i(() => {
+    }), ge = i(() => {
       const e = r("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), me = i(() => {
+    }), he = i(() => {
       const e = r("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), ve = i(() => {
+    }), ye = i(() => {
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), ge = i(() => {
+    }), we = i(() => {
       const e = r("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"}?`;
-    }), he = i(() => {
+    }), pe = i(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), ye = i(() => {
+    }), xe = i(() => {
       const e = r("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), xe = i(() => {
+    }), be = i(() => {
       const e = r("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component or slot.";
     }), b = i(() => {
@@ -167,31 +170,31 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
       if (l.addBtn?.label) return l.addBtn.label;
       const e = r("vlite.screen.addNew");
       return e !== "vlite.screen.addNew" ? e : "Add New";
-    }), Z = i(
+    }), te = i(
       () => l.exportSchema && l.exportSchema.length > 0 && l.exportProps !== !1 || l.importSchema && l.importSchema.length > 0 && l.importProps !== !1
-    ), M = i(() => {
+    ), U = i(() => {
       const e = r("vlite.screen.exportData");
       return e !== "vlite.screen.exportData" ? e : "Export Data";
-    }), _ = i(() => {
+    }), le = i(() => {
       const e = r("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), we = i(() => {
+    }), Be = i(() => {
       const e = [];
-      return l.exportProps !== !1 && e.push({ value: "export", label: M.value, icon: "lucide:download" }), l.importProps !== !1 && e.push({ value: "import", label: _.value, icon: "lucide:upload" }), e;
-    }), U = y(null), pe = y(null), O = y(!1), q = y(!1), be = (e) => {
-      e.value === "export" ? O.value = !0 : e.value === "import" && (q.value = !0);
-    }, Be = i(
+      return l.exportProps !== !1 && e.push({ value: "export", label: U.value, icon: "lucide:download" }), l.importProps !== !1 && e.push({ value: "import", label: le.value, icon: "lucide:upload" }), e;
+    }), q = y(null), ke = y(null), j = y(!1), z = y(!1), Ce = (e) => {
+      e.value === "export" ? j.value = !0 : e.value === "import" && (z.value = !0);
+    }, De = i(
       () => (l.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), ke = i(
+    ), Pe = i(
       () => (l.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
         required: e.required || !1
       }))
-    ), Ce = async (e) => S?.services?.importApi && l.importType ? await S.services.importApi(l.importType, e) : (console.warn(
+    ), Se = async (e) => S?.services?.importApi && l.importType ? await S.services.importApi(l.importType, e) : (console.warn(
       "VLite Screen: No importApi configured or no importType provided for generic import."
     ), {
       processed: e.data.length,
@@ -200,9 +203,9 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
       skipped: 0,
       failed: 0,
       errors: []
-    }), De = () => C(), Pe = i(
+    }), $e = () => C(), Ie = i(
       () => l.exportMode || S?.exportData?.mode || "frontend"
-    ), Se = async (e) => {
+    ), Te = async (e) => {
       S?.services?.exportApi && l.exportType ? await S.services.exportApi(l.exportType, {
         format: e,
         search: $.value,
@@ -212,24 +215,24 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
       );
     };
     return (e, n) => {
-      const ee = Te("router-link");
-      return a(), s("div", He, [
-        t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
+      const ae = Ee("router-link");
+      return a(), s("div", Qe, [
+        t.customHeader ? p(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
           key: 0,
-          class: A([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: N([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          x("div", Ke, [
-            w(e.$slots, "title", {}, () => [
-              G.value ? (a(), s("div", Je, [
-                x("h1", Qe, m(G.value), 1),
-                t.info || t.infoI18n ? (a(), c(Ee, {
+          w("div", Xe, [
+            p(e.$slots, "title", {}, () => [
+              _.value ? (a(), s("div", Ye, [
+                w("h1", Ge, m(_.value), 1),
+                t.info || t.infoI18n ? (a(), c(Oe, {
                   key: 0,
                   content: t.info,
                   "content-i18n": t.infoI18n,
                   placement: "right"
                 }, {
                   default: d(() => [
-                    u(N, {
+                    u(F, {
                       icon: "lucide:info",
                       class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
                     })
@@ -238,58 +241,58 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                 }, 8, ["content", "content-i18n"])) : f("", !0)
               ])) : f("", !0)
             ]),
-            w(e.$slots, "description", {}, () => [
-              W.value ? (a(), s("p", Xe, m(W.value), 1)) : f("", !0)
+            p(e.$slots, "description", {}, () => [
+              ee.value ? (a(), s("p", We, m(ee.value), 1)) : f("", !0)
             ])
           ]),
-          x("div", Ye, [
-            x("div", Ge, [
+          w("div", Ze, [
+            w("div", _e, [
               g.value.length > 0 && t.canSelectRows ? (a(), c(h, {
                 key: 0,
                 variant: "outline",
                 class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
                 icon: "lucide:trash-2",
-                title: se.value,
+                title: fe.value,
                 onClick: n[0] || (n[0] = (o) => D(g.value))
               }, null, 8, ["title"])) : f("", !0),
-              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), s("div", We, [
-                x("button", {
+              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), s("div", et, [
+                w("button", {
                   onClick: n[1] || (n[1] = (o) => k.value = "list"),
-                  class: A(["p-1.5 rounded", [
-                    p(k) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                  class: N(["p-1.5 rounded", [
+                    x(k) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: ce.value
+                  title: me.value
                 }, [
-                  u(N, {
+                  u(F, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
-                ], 10, Ze),
-                x("button", {
+                ], 10, tt),
+                w("button", {
                   onClick: n[2] || (n[2] = (o) => k.value = "table"),
-                  class: A(["p-1.5 rounded", [
-                    p(k) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                  class: N(["p-1.5 rounded", [
+                    x(k) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: ue.value
+                  title: ve.value
                 }, [
-                  u(N, {
+                  u(F, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
-                ], 10, _e)
+                ], 10, lt)
               ])) : f("", !0),
-              w(e.$slots, "before-search"),
+              p(e.$slots, "before-search"),
               t.showRefresh ? (a(), c(h, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
                 size: "lg",
                 class: "shrink-0 h-9! w-9!",
-                title: fe.value,
+                title: ge.value,
                 disabled: t.loading,
                 onClick: C
               }, null, 8, ["title", "disabled"])) : f("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ne, {
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Le, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
@@ -297,26 +300,26 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                 "onUpdate:modelValue": n[3] || (n[3] = (o) => R.value = o),
                 onChange: C
               }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
-              t.canSearch ? (a(), s("div", et, [
-                u(Re, {
+              t.canSearch ? (a(), s("div", at, [
+                u(je, {
                   lazy: "",
                   modelValue: $.value,
                   "onUpdate:modelValue": n[4] || (n[4] = (o) => $.value = o),
                   icon: "lucide:search",
-                  placeholder: me.value,
+                  placeholder: he.value,
                   variant: "outline",
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
               ])) : f("", !0)
             ]),
-            x("div", tt, [
-              w(e.$slots, "actions", {}, () => [
-                t.addComponent ? (a(), c(K(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(P, { key: 1 }, [
+            w("div", nt, [
+              p(e.$slots, "actions", {}, () => [
+                A.value ? (a(), c(Q(A.value), { key: 0 })) : t.canAdd ? (a(), s(P, { key: 1 }, [
                   t.addBtn ? (a(), s(P, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(J, v({
+                    t.addBtn.modal ? (a(), c(X, v({
                       key: 0,
-                      body: t.addBtn.modal
+                      body: W.value
                     }, t.addBtn.modalProps, {
                       refetch: t.refetch,
                       data: t.data,
@@ -336,7 +339,7 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(ee, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(ae, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
@@ -370,7 +373,7 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, lt)) : (a(), c(h, v({
+                    ], 8, ot)) : (a(), c(h, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
@@ -386,33 +389,33 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                   ], 64)) : f("", !0)
                 ], 64)) : f("", !0)
               ]),
-              Z.value ? (a(), c(Fe, {
+              te.value ? (a(), c(Ue, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
-                options: we.value,
-                onOnSelect: be
+                options: Be.value,
+                onOnSelect: Ce
               }, {
                 trigger: d(() => [
                   u(h, {
                     variant: "outline",
                     icon: "lucide:more-vertical",
                     class: "px-2!",
-                    title: p(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? p(r)("vlite.screen.moreOptions") : "More Options"
+                    title: x(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? x(r)("vlite.screen.moreOptions") : "More Options"
                   }, null, 8, ["title"])
                 ]),
                 _: 1
               }, 8, ["options"])) : f("", !0),
-              w(e.$slots, "after-add")
+              p(e.$slots, "after-add")
             ])
           ])
         ], 2)),
-        w(e.$slots, "sub-header"),
-        x("div", {
-          class: A(["flex-1 w-full relative", t.containerClass])
+        p(e.$slots, "sub-header"),
+        w("div", {
+          class: N(["flex-1 w-full relative", t.containerClass])
         }, [
-          !de.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
-            u(p(Ae), {
+          !ue.value && !t.loading ? p(e.$slots, "empty", { key: 0 }, () => [
+            u(x(Me), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
@@ -420,11 +423,11 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
               icon: t.emptyIcon
             }, {
               action: d(() => [
-                t.addComponent ? (a(), c(K(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(P, { key: 1 }, [
+                A.value ? (a(), c(Q(A.value), { key: 0 })) : t.canAdd ? (a(), s(P, { key: 1 }, [
                   t.addBtn ? (a(), s(P, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(J, v({
+                    t.addBtn.modal ? (a(), c(X, v({
                       key: 0,
-                      body: t.addBtn.modal
+                      body: W.value
                     }, t.addBtn.modalProps), {
                       trigger: d(() => [
                         u(h, v({
@@ -440,7 +443,7 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(ee, {
+                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(ae, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex"
@@ -472,7 +475,7 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, at)) : (a(), c(h, v({
+                    ], 8, it)) : (a(), c(h, v({
                       key: 3,
                       icon: t.addBtn.icon || "lucide:plus",
                       variant: t.addBtn.variant || "outline"
@@ -500,28 +503,28 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
           ]) : (a(), s(P, { key: 1 }, [
-            p(k) === "table" && e.$slots.table ? w(e.$slots, "table", {
+            x(k) === "table" && e.$slots.table ? p(e.$slots, "table", {
               key: 0,
               data: t.data,
               loading: t.loading,
               selectedRows: g.value,
               delete: D,
               updateSelectedRows: (o) => g.value = o
-            }) : p(k) === "list" && e.$slots.list ? w(e.$slots, "list", {
+            }) : x(k) === "list" && e.$slots.list ? p(e.$slots, "list", {
               key: 1,
               data: t.data,
               loading: t.loading,
               selectedRows: g.value,
               delete: D,
               updateSelectedRows: (o) => g.value = o
-            }) : p(k) === "list" && e.$slots.grid ? w(e.$slots, "grid", {
+            }) : x(k) === "list" && e.$slots.grid ? p(e.$slots, "grid", {
               key: 2,
               data: t.data,
               loading: t.loading,
               selectedRows: g.value,
               delete: D,
               updateSelectedRows: (o) => g.value = o
-            }) : Y.value ? (a(), c(K(Y.value), v({
+            }) : Z.value ? (a(), c(Q(Z.value), v({
               key: 3,
               data: t.data,
               loading: t.loading,
@@ -529,69 +532,69 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
               selectedRows: g.value,
               "onUpdate:selectedRows": n[8] || (n[8] = (o) => g.value = o),
               delete: D,
-              onDelete: oe
-            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", nt, m(xe.value), 1))
+              onDelete: de
+            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", rt, m(be.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", ot, [
-          u(p(je), v({
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", dt, [
+          u(x(Fe), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
             "total-items": t.pageInfo.totalItems
           }, t.paginationProps, {
-            onChange: ie,
-            "onUpdate:itemsPerPage": re
+            onChange: se,
+            "onUpdate:itemsPerPage": ce
           }), null, 16, ["current-page", "total-pages", "total-items"])
         ])) : f("", !0),
-        u(Oe, {
+        u(Ne, {
           show: T.value,
           "onUpdate:show": n[9] || (n[9] = (o) => T.value = o),
-          title: ve.value,
-          description: ge.value,
-          "confirm-text": he.value,
-          "cancel-text": ye.value,
+          title: ye.value,
+          description: we.value,
+          "confirm-text": pe.value,
+          "cancel-text": xe.value,
           variant: "danger",
-          onConfirm: ne,
+          onConfirm: re,
           onCancel: n[10] || (n[10] = (o) => T.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        O.value ? (a(), c(J, {
+        j.value ? (a(), c(X, {
           key: 3,
-          show: O.value,
-          "onUpdate:show": n[11] || (n[11] = (o) => O.value = o),
-          title: M.value,
+          show: j.value,
+          "onUpdate:show": n[11] || (n[11] = (o) => j.value = o),
+          title: U.value,
           "max-width": "sm:max-w-[400px]"
         }, {
           default: d(({ close: o }) => [
-            u(Le, v({
+            u(qe, v({
               ref_key: "exportDataRef",
-              ref: U,
+              ref: q,
               data: t.data || [],
-              fields: Be.value,
-              mode: Pe.value,
-              "on-export": Se
+              fields: De.value,
+              mode: Ie.value,
+              "on-export": Te
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
-              title: M.value,
+              title: U.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
-            x("div", it, [
-              x("h6", rt, m(p(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? p(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
-              x("div", dt, [
-                (a(!0), s(P, null, Ve(U.value?.availableFormats || [
+            w("div", st, [
+              w("h6", ct, m(x(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? x(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              w("div", ut, [
+                (a(!0), s(P, null, Ae(q.value?.availableFormats || [
                   { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
                   { value: "csv", label: "CSV (.csv)", icon: "lucide:file-text" },
                   { value: "json", label: "JSON (.json)", icon: "lucide:file-json" }
-                ], (j) => (a(), c(h, {
-                  key: j.value,
+                ], (O) => (a(), c(h, {
+                  key: O.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
-                  onClick: (ct) => U.value?.exportData(j.value, o)
+                  onClick: (mt) => q.value?.exportData(O.value, o)
                 }, {
                   default: d(() => [
-                    u(N, {
-                      icon: j.icon,
+                    u(F, {
+                      icon: O.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    x("span", null, m(j.label), 1)
+                    w("span", null, m(O.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -600,17 +603,17 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
           ]),
           _: 1
         }, 8, ["show", "title"])) : f("", !0),
-        Z.value ? (a(), s("div", st, [
-          u(Me, v({
-            show: q.value,
-            "onUpdate:show": n[12] || (n[12] = (o) => q.value = o),
+        te.value ? (a(), s("div", ft, [
+          u(ze, v({
+            show: z.value,
+            "onUpdate:show": n[12] || (n[12] = (o) => z.value = o),
             ref_key: "importDataRef",
-            ref: pe,
-            fields: ke.value,
-            processBatch: Ce,
-            onComplete: De
+            ref: ke,
+            fields: Pe.value,
+            processBatch: Se,
+            onComplete: $e
           }, typeof t.importProps == "object" ? t.importProps : {}, {
-            title: _.value,
+            title: le.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
         ])) : f("", !0)
@@ -619,5 +622,5 @@ const He = { class: "flex flex-col w-full space-y-8" }, Ke = { class: "flex flex
   }
 });
 export {
-  It as default
+  Rt as default
 };