vlite3 0.7.4 → 0.7.7

package/components/Screen/Screen.vue.js

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