vlite3 0.8.7 → 0.8.9

package/components/Screen/Screen.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as Re, useSlots as Ee, computed as i, ref as y, markRaw as H, provide as K, watch as J, resolveComponent as je, openBlock as a, createElementBlock as d, normalizeClass as N, createElementVNode as p, renderSlot as w, toDisplayString as m, createBlock as c, withCtx as s, createVNode as u, createCommentVNode as f, unref as x, resolveDynamicComponent as Q, Fragment as S, mergeProps as v, createTextVNode as k, renderList as Ae } from "vue";
+import { defineComponent as Re, useSlots as Ee, computed as n, ref as h, markRaw as H, provide as K, watch as J, resolveComponent as je, openBlock as a, createElementBlock as s, normalizeClass as N, createElementVNode as g, renderSlot as y, toDisplayString as p, createBlock as f, withCtx as u, createVNode as c, createCommentVNode as d, unref as x, resolveDynamicComponent as Q, Fragment as C, mergeProps as v, createTextVNode as S, renderList as Ae } from "vue";
 import Oe from "../Input.vue.js";
 /* empty css            */
-import h from "../Button.vue.js";
+import w from "../Button.vue.js";
 import F from "../Icon.vue.js";
 import Ne from "../Tooltip.vue.js";
 import X from "../Modal.vue.js";
@@ -28,10 +28,10 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
 }, lt = ["title"], at = ["title"], nt = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, ot = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, it = ["href", "target"], rt = ["href", "target"], dt = {
+}, ot = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, it = ["href", "target"], rt = ["href", "target"], st = {
   key: 4,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, st = {
+}, dt = {
   key: 2,
   class: "-mt-2"
 }, ct = { class: "px-1 py-1 text-sm" }, ut = { class: "font-medium mb-3 text-muted-foreground" }, ft = { class: "space-y-3" }, mt = { key: 4 }, Et = /* @__PURE__ */ Re({
@@ -84,32 +84,32 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
   },
   emits: ["add", "delete"],
   setup(t, { emit: ne }) {
-    const l = t, I = Je(), Y = ne, R = Ee(), oe = i(() => l.name || l.title || "default-screen"), C = Ke(
+    const l = t, $ = Je(), Y = ne, R = Ee(), oe = n(() => l.name || l.title || "default-screen"), B = Ke(
       `view-mode-${oe.value}`,
       l.table || R.table ? "table" : "list"
-    ), D = y(""), b = y({}), G = y({ field: "", order: "" }), T = y(l.pageInfo?.currentPage || 1), M = y(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), g = y([]), E = y([]), V = y(!1), j = i(
+    ), k = h(""), b = h({}), G = h({ field: "", order: "" }), T = h(l.pageInfo?.currentPage || 1), M = h(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), m = h([]), E = h([]), V = h(!1), j = n(
       () => l.addComponent ? H(l.addComponent) : void 0
-    ), W = i(
+    ), W = n(
       () => l.addBtn?.modal ? H(l.addBtn.modal) : void 0
-    ), Z = i(() => {
+    ), Z = n(() => {
       let e;
-      return C.value === "table" ? e = l.table || !!R.table : e = l.list || !!R.list || !!R.grid, typeof e == "object" && e !== null ? H(e) : e;
-    }), ie = i(() => D.value && D.value.trim() !== "" ? !0 : b.value ? Object.keys(b.value).some(
+      return B.value === "table" ? e = l.table || !!R.table : e = l.list || !!R.list || !!R.grid, typeof e == "object" && e !== null ? H(e) : e;
+    }), ie = n(() => k.value && k.value.trim() !== "" ? !0 : b.value ? Object.keys(b.value).some(
       (e) => b.value[e] !== "" && b.value[e] !== null && b.value[e] !== void 0
     ) : !1), re = {
       disableSearch: !0,
       forceSelectable: l.canSelectRows,
       onTableChange: (e) => {
-        G.value = { field: e.sort.field, order: e.sort.order }, P();
+        G.value = { field: e.sort.field, order: e.sort.order }, D();
       }
     };
-    K(Qe, re), K("screen-selected-rows", g), K("screen-request-delete", (e) => $(e));
-    const $ = (e) => {
+    K(Qe, re), K("screen-selected-rows", m), K("screen-request-delete", (e) => I(e));
+    const I = (e) => {
       E.value = e, V.value = !0;
-    }, de = () => {
-      Y("delete", E.value), V.value = !1, g.value = [];
-    }, se = (e) => {
-      Y("delete", e), g.value = [];
+    }, se = () => {
+      Y("delete", E.value), V.value = !1, m.value = [];
+    }, de = (e) => {
+      Y("delete", e), m.value = [];
     };
     J(
       () => l.pageInfo?.currentPage,
@@ -123,84 +123,84 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
       }
     );
     let L = null;
-    J(D, () => {
+    J(k, () => {
       L && clearTimeout(L), L = setTimeout(() => {
-        T.value = 1, P();
+        T.value = 1, D();
       }, 300);
     });
     const ce = (e) => {
-      T.value = e, P();
+      T.value = e, D();
     }, ue = (e) => {
-      M.value = e, T.value = 1, P();
-    }, P = () => {
+      M.value = e, T.value = 1, D();
+    }, D = () => {
       l.refetch && l.refetch({
         pagination: { page: T.value, limit: M.value },
-        search: D.value,
+        search: k.value,
         sort: { ...G.value },
         filter: { ...b.value }
       });
-    }, fe = i(() => l.data && l.data.length > 0), _ = i(() => l.titleI18n ? r(l.titleI18n) : l.title), ee = i(
+    }, fe = n(() => l.data && l.data.length > 0), _ = n(() => l.titleI18n ? r(l.titleI18n) : l.title), ee = n(
       () => l.descriptionI18n ? r(l.descriptionI18n) : l.description
-    ), me = i(() => {
+    ), me = n(() => {
       const e = r("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ve = i(() => {
+    }), ve = n(() => {
       const e = r("vlite.screen.listView");
       return e !== "vlite.screen.listView" ? e : "List View";
-    }), ge = i(() => {
+    }), he = n(() => {
       const e = r("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
-    }), he = i(() => {
+    }), ge = n(() => {
       const e = r("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), ye = i(() => {
+    }), pe = n(() => {
       const e = r("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), pe = i(() => {
+    }), ye = n(() => {
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), we = i(() => {
+    }), xe = n(() => {
       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"}?`;
-    }), xe = i(() => {
+    }), we = n(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), be = i(() => {
+    }), be = n(() => {
       const e = r("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), Be = i(() => {
+    }), Be = n(() => {
       const e = r("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component or slot.";
-    }), B = i(() => {
+    }), P = n(() => {
       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";
-    }), te = i(
+    }), te = n(
       () => l.exportSchema && l.exportSchema.length > 0 && l.exportProps !== !1 || l.importSchema && l.importSchema.length > 0 && l.importProps !== !1
-    ), U = i(() => {
+    ), U = n(() => {
       const e = r("vlite.screen.exportData");
       return e !== "vlite.screen.exportData" ? e : "Export Data";
-    }), le = i(() => {
+    }), le = n(() => {
       const e = r("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), ke = i(() => {
+    }), ke = n(() => {
       const e = [];
       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), Ce = y(null), A = y(!1), z = y(!1), De = (e) => {
+    }), q = h(null), De = h(null), A = h(!1), z = h(!1), Pe = (e) => {
       e.value === "export" ? A.value = !0 : e.value === "import" && (z.value = !0);
-    }, Pe = i(
+    }, Ce = n(
       () => (l.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), Se = i(
+    ), Se = n(
       () => (l.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
         required: e.required || !1
       }))
-    ), $e = async (e) => I?.services?.importApi && l.importType ? await I.services.importApi(l.importType, e) : (console.warn(
+    ), Ie = 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,
@@ -209,121 +209,121 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
       skipped: 0,
       failed: 0,
       errors: []
-    }), Ie = () => P(), Te = i(
-      () => l.exportMode || I?.exportData?.mode || "frontend"
+    }), $e = () => D(), Te = n(
+      () => l.exportMode || $?.exportData?.mode || "frontend"
     ), Ve = async (e) => {
-      I?.services?.exportApi && l.exportType ? await I.services.exportApi(l.exportType, {
+      $?.services?.exportApi && l.exportType ? await $.services.exportApi(l.exportType, {
         format: e,
-        search: D.value,
+        search: k.value,
         filter: b.value
       }) : console.warn(
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, n) => {
+    return (e, i) => {
       const ae = je("router-link");
-      return a(), d("div", Xe, [
-        t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), d("div", {
+      return a(), s("div", Xe, [
+        t.customHeader ? y(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"])
         }, [
-          p("div", Ye, [
-            w(e.$slots, "title", {}, () => [
-              _.value ? (a(), d("div", Ge, [
-                p("h1", We, m(_.value), 1),
-                t.info || t.infoI18n ? (a(), c(Ne, {
+          g("div", Ye, [
+            y(e.$slots, "title", {}, () => [
+              _.value ? (a(), s("div", Ge, [
+                g("h1", We, p(_.value), 1),
+                t.info || t.infoI18n ? (a(), f(Ne, {
                   key: 0,
                   content: t.info,
                   "content-i18n": t.infoI18n,
                   placement: "right"
                 }, {
-                  default: s(() => [
-                    u(F, {
+                  default: u(() => [
+                    c(F, {
                       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"])) : f("", !0)
-              ])) : f("", !0)
+                }, 8, ["content", "content-i18n"])) : d("", !0)
+              ])) : d("", !0)
             ]),
-            w(e.$slots, "description", {}, () => [
-              ee.value ? (a(), d("p", Ze, m(ee.value), 1)) : f("", !0)
+            y(e.$slots, "description", {}, () => [
+              ee.value ? (a(), s("p", Ze, p(ee.value), 1)) : d("", !0)
             ])
           ]),
-          p("div", _e, [
-            p("div", et, [
-              g.value.length > 0 && t.canSelectRows ? (a(), c(h, {
+          g("div", _e, [
+            g("div", et, [
+              m.value.length > 0 && t.canSelectRows ? (a(), f(w, {
                 key: 0,
                 variant: "outline",
                 class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
                 icon: "lucide:trash-2",
                 title: me.value,
-                onClick: n[0] || (n[0] = (o) => $(g.value))
-              }, null, 8, ["title"])) : f("", !0),
-              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), d("div", tt, [
-                p("button", {
-                  onClick: n[1] || (n[1] = (o) => C.value = "list"),
+                onClick: i[0] || (i[0] = (o) => I(m.value))
+              }, null, 8, ["title"])) : d("", !0),
+              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), s("div", tt, [
+                g("button", {
+                  onClick: i[1] || (i[1] = (o) => B.value = "list"),
                   class: N(["p-1.5 rounded", [
-                    x(C) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    x(B) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: ve.value
                 }, [
-                  u(F, {
+                  c(F, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
                 ], 10, lt),
-                p("button", {
-                  onClick: n[2] || (n[2] = (o) => C.value = "table"),
+                g("button", {
+                  onClick: i[2] || (i[2] = (o) => B.value = "table"),
                   class: N(["p-1.5 rounded", [
-                    x(C) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    x(B) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: ge.value
+                  title: he.value
                 }, [
-                  u(F, {
+                  c(F, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
                 ], 10, at)
-              ])) : f("", !0),
-              w(e.$slots, "before-search"),
-              t.showRefresh ? (a(), c(h, {
+              ])) : d("", !0),
+              y(e.$slots, "before-search"),
+              t.showRefresh ? (a(), f(w, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
                 size: "lg",
                 class: "shrink-0 h-9! w-9!",
-                title: he.value,
+                title: ge.value,
                 disabled: t.loading,
-                onClick: P
-              }, null, 8, ["title", "disabled"])) : f("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ue, {
+                onClick: D
+              }, null, 8, ["title", "disabled"])) : d("", !0),
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), f(Ue, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
                 modelValue: b.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (o) => b.value = o),
-                onChange: P
-              }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
-              t.canSearch ? (a(), d("div", nt, [
-                u(Oe, {
+                "onUpdate:modelValue": i[3] || (i[3] = (o) => b.value = o),
+                onChange: D
+              }, null, 8, ["schema", "type", "modelValue"])) : d("", !0),
+              t.canSearch ? (a(), s("div", nt, [
+                c(Oe, {
                   lazy: "",
-                  modelValue: D.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (o) => D.value = o),
+                  modelValue: k.value,
+                  "onUpdate:modelValue": i[4] || (i[4] = (o) => k.value = o),
                   icon: "lucide:search",
-                  placeholder: ye.value,
+                  placeholder: pe.value,
                   variant: "outline",
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
-              ])) : f("", !0)
+              ])) : d("", !0)
             ]),
-            p("div", ot, [
-              w(e.$slots, "actions", {}, () => [
-                j.value ? (a(), c(Q(j.value), { key: 0 })) : t.canAdd ? (a(), d(S, { key: 1 }, [
-                  t.addBtn ? (a(), d(S, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(X, v({
+            g("div", ot, [
+              y(e.$slots, "actions", {}, () => [
+                j.value ? (a(), f(Q(j.value), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), f(X, v({
                       key: 0,
                       body: W.value
                     }, t.addBtn.modalProps, {
@@ -332,78 +332,78 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
                       triggerClass: "w-full",
                       loading: t.loading
                     }), {
-                      trigger: s(() => [
-                        u(h, v({
+                      trigger: u(() => [
+                        c(w, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(ae, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), f(ae, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
                     }, {
-                      default: s(() => [
-                        u(h, v({
+                      default: u(() => [
+                        c(w, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), d("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex w-full sm:w-auto"
                     }, [
-                      u(h, v({
+                      c(w, v({
                         class: "w-full",
                         icon: t.addBtn.icon || "fluent:add-16-filled",
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
-                        default: s(() => [
-                          k(m(B.value), 1)
+                        default: u(() => [
+                          S(p(P.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, it)) : (a(), c(h, v({
+                    ], 8, it)) : (a(), f(w, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
                       variant: t.addBtn.variant || "primary"
                     }, t.addBtn.buttonProps, {
-                      onClick: n[5] || (n[5] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
+                      onClick: i[5] || (i[5] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
-                      default: s(() => [
-                        k(m(B.value), 1)
+                      default: u(() => [
+                        S(p(P.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : f("", !0)
-                ], 64)) : f("", !0)
+                  ], 64)) : d("", !0)
+                ], 64)) : d("", !0)
               ]),
-              te.value ? (a(), c(qe, {
+              te.value ? (a(), f(qe, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
                 options: ke.value,
-                onOnSelect: De
+                onOnSelect: Pe
               }, {
-                trigger: s(() => [
-                  u(h, {
+                trigger: u(() => [
+                  c(w, {
                     variant: "outline",
                     icon: "lucide:more-vertical",
                     class: "px-2!",
@@ -411,141 +411,120 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
                   }, null, 8, ["title"])
                 ]),
                 _: 1
-              }, 8, ["options"])) : f("", !0),
-              w(e.$slots, "after-add")
+              }, 8, ["options"])) : d("", !0),
+              y(e.$slots, "after-add")
             ])
           ])
         ], 2)),
-        w(e.$slots, "sub-header"),
-        p("div", {
+        y(e.$slots, "sub-header"),
+        g("div", {
           class: N(["flex-1 w-full relative", t.containerClass])
         }, [
-          !fe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
-            u(x(Le), {
+          !fe.value && !t.loading ? y(e.$slots, "empty", { key: 0 }, () => [
+            c(x(Le), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
               descriptionI18n: t.emptyDescriptionI18n,
               icon: t.emptyIcon
             }, {
-              action: s(() => [
-                ie.value ? f("", !0) : (a(), d(S, { key: 0 }, [
-                  j.value ? (a(), c(Q(j.value), { key: 0 })) : t.canAdd ? (a(), d(S, { key: 1 }, [
-                    t.addBtn ? (a(), d(S, { key: 0 }, [
-                      t.addBtn.modal ? (a(), c(X, v({
+              action: u(() => [
+                ie.value ? d("", !0) : (a(), s(C, { key: 0 }, [
+                  j.value ? (a(), f(Q(j.value), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                    t.addBtn ? (a(), s(C, { key: 0 }, [
+                      t.addBtn.modal ? (a(), f(X, v({
                         key: 0,
                         body: W.value
                       }, t.addBtn.modalProps), {
-                        trigger: s(() => [
-                          u(h, v({
+                        trigger: u(() => [
+                          c(w, v({
                             icon: t.addBtn.icon || "fluent:add-16-filled",
                             variant: "secondary",
                             rounded: "full",
                             class: "px-6!"
                           }, t.addBtn.buttonProps), {
-                            default: s(() => [
-                              k(m(B.value), 1)
+                            default: u(() => [
+                              S(p(P.value), 1)
                             ]),
                             _: 1
                           }, 16, ["icon"])
                         ]),
                         _: 1
-                      }, 16, ["body"])) : t.addBtn.to ? (a(), c(ae, {
+                      }, 16, ["body"])) : t.addBtn.to ? (a(), f(ae, {
                         key: 1,
                         to: t.addBtn.to,
                         class: "inline-flex"
                       }, {
-                        default: s(() => [
-                          u(h, v({
+                        default: u(() => [
+                          c(w, v({
                             icon: t.addBtn.icon || "fluent:add-16-filled",
                             variant: "secondary"
                           }, t.addBtn.buttonProps), {
-                            default: s(() => [
-                              k(m(B.value), 1)
+                            default: u(() => [
+                              S(p(P.value), 1)
                             ]),
                             _: 1
                           }, 16, ["icon"])
                         ]),
                         _: 1
-                      }, 8, ["to"])) : t.addBtn.href ? (a(), d("a", {
+                      }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                         key: 2,
                         href: t.addBtn.href,
                         target: t.addBtn.target,
                         class: "inline-flex"
                       }, [
-                        u(h, v({
+                        c(w, v({
                           icon: t.addBtn.icon || "lucide:plus",
                           variant: "secondary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon"])
-                      ], 8, rt)) : (a(), c(h, v({
-                        key: 3,
-                        icon: t.addBtn.icon || "lucide:plus",
-                        variant: "secondary"
-                      }, t.addBtn.buttonProps, {
-                        onClick: n[6] || (n[6] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
-                      }), {
-                        default: s(() => [
-                          k(m(B.value), 1)
-                        ]),
-                        _: 1
-                      }, 16, ["icon"]))
-                    ], 64)) : (a(), c(h, {
-                      key: 1,
-                      icon: "lucide:plus",
-                      variant: "secondary",
-                      onClick: n[7] || (n[7] = (o) => e.$emit("add"))
-                    }, {
-                      default: s(() => [
-                        k(m(B.value), 1)
-                      ]),
-                      _: 1
-                    }))
-                  ], 64)) : f("", !0)
+                      ], 8, rt)) : d("", !0)
+                    ], 64)) : d("", !0)
+                  ], 64)) : d("", !0)
                 ], 64))
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-          ]) : (a(), d(S, { key: 1 }, [
-            x(C) === "table" && e.$slots.table ? w(e.$slots, "table", {
+          ]) : (a(), s(C, { key: 1 }, [
+            x(B) === "table" && e.$slots.table ? y(e.$slots, "table", {
               key: 0,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : x(C) === "list" && e.$slots.list ? w(e.$slots, "list", {
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : x(B) === "list" && e.$slots.list ? y(e.$slots, "list", {
               key: 1,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : x(C) === "list" && e.$slots.grid ? w(e.$slots, "grid", {
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : x(B) === "list" && e.$slots.grid ? y(e.$slots, "grid", {
               key: 2,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : Z.value ? (a(), c(Q(Z.value), v({
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : Z.value ? (a(), f(Q(Z.value), v({
               key: 3,
               data: t.data,
               loading: t.loading,
               refetch: t.refetch,
-              selectedRows: g.value,
-              "onUpdate:selectedRows": n[8] || (n[8] = (o) => g.value = o),
-              delete: $,
-              onDelete: se
-            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), d("div", dt, m(Be.value), 1))
+              selectedRows: m.value,
+              "onUpdate:selectedRows": i[6] || (i[6] = (o) => m.value = o),
+              delete: I,
+              onDelete: de
+            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", st, p(Be.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), d("div", st, [
-          u(x(Me), v({
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", dt, [
+          c(x(Me), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
             "total-items": t.pageInfo.totalItems
@@ -553,56 +532,56 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
             onChange: ce,
             "onUpdate:itemsPerPage": ue
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : f("", !0),
-        u(Fe, {
+        ])) : d("", !0),
+        c(Fe, {
           show: V.value,
-          "onUpdate:show": n[9] || (n[9] = (o) => V.value = o),
-          title: pe.value,
-          description: we.value,
-          "confirm-text": xe.value,
+          "onUpdate:show": i[7] || (i[7] = (o) => V.value = o),
+          title: ye.value,
+          description: xe.value,
+          "confirm-text": we.value,
           "cancel-text": be.value,
           variant: "danger",
-          onConfirm: de,
-          onCancel: n[10] || (n[10] = (o) => V.value = !1)
+          onConfirm: se,
+          onCancel: i[8] || (i[8] = (o) => V.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        A.value ? (a(), c(X, {
+        A.value ? (a(), f(X, {
           key: 3,
           show: A.value,
-          "onUpdate:show": n[11] || (n[11] = (o) => A.value = o),
+          "onUpdate:show": i[9] || (i[9] = (o) => A.value = o),
           title: U.value,
           "max-width": "sm:max-w-[400px]"
         }, {
-          default: s(({ close: o }) => [
-            u(ze, v({
+          default: u(({ close: o }) => [
+            c(ze, v({
               ref_key: "exportDataRef",
               ref: q,
               data: t.data || [],
-              fields: Pe.value,
+              fields: Ce.value,
               mode: Te.value,
               "on-export": Ve
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
               title: U.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
-            p("div", ct, [
-              p("h6", ut, m(x(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? x(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
-              p("div", ft, [
-                (a(!0), d(S, null, Ae(q.value?.availableFormats || [
+            g("div", ct, [
+              g("h6", ut, p(x(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? x(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("div", ft, [
+                (a(!0), s(C, 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" }
-                ], (O) => (a(), c(h, {
+                ], (O) => (a(), f(w, {
                   key: O.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
                   onClick: (vt) => q.value?.exportData(O.value, o)
                 }, {
-                  default: s(() => [
-                    u(F, {
+                  default: u(() => [
+                    c(F, {
                       icon: O.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    p("span", null, m(O.label), 1)
+                    g("span", null, p(O.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -610,21 +589,21 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
             ])
           ]),
           _: 1
-        }, 8, ["show", "title"])) : f("", !0),
-        te.value ? (a(), d("div", mt, [
-          u(He, v({
+        }, 8, ["show", "title"])) : d("", !0),
+        te.value ? (a(), s("div", mt, [
+          c(He, v({
             show: z.value,
-            "onUpdate:show": n[12] || (n[12] = (o) => z.value = o),
+            "onUpdate:show": i[10] || (i[10] = (o) => z.value = o),
             ref_key: "importDataRef",
-            ref: Ce,
+            ref: De,
             fields: Se.value,
-            processBatch: $e,
-            onComplete: Ie
+            processBatch: Ie,
+            onComplete: $e
           }, typeof t.importProps == "object" ? t.importProps : {}, {
             title: le.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
-        ])) : f("", !0)
+        ])) : d("", !0)
       ]);
     };
   }