vlite3 0.4.6 → 0.4.7

package/components/Screen/Screen.vue.js

@@ -1,37 +1,40 @@
-import { defineComponent as W, computed as N, ref as y, provide as E, watch as R, resolveComponent as X, openBlock as a, createElementBlock as i, normalizeClass as D, createElementVNode as h, renderSlot as B, toDisplayString as f, createCommentVNode as m, createBlock as s, unref as I, createVNode as r, resolveDynamicComponent as U, Fragment as P, mergeProps as c, withCtx as o, createTextVNode as v } from "vue";
-import Y from "../Input.vue.js";
-import u from "../Button.vue.js";
-import F from "../Icon.vue.js";
-import H from "../Modal.vue.js";
-import Z from "../ConfirmationModal.vue.js";
-import p from "../Pagination/Pagination.vue.js";
-import _ from "../Empty/Empty.vue.js";
-import ee from "./ScreenFilter.vue.js";
-import { usePersistentState as te } from "../../utils/usePersistentState.js";
-const ae = { class: "flex flex-col w-full space-y-8" }, ne = { class: "flex flex-col shrink-0" }, le = {
+import { defineComponent as re, computed as i, ref as w, provide as K, watch as j, resolveComponent as se, openBlock as n, createElementBlock as o, normalizeClass as S, createElementVNode as b, renderSlot as k, toDisplayString as u, createCommentVNode as y, createBlock as s, unref as R, createVNode as f, resolveDynamicComponent as L, Fragment as I, mergeProps as v, withCtx as r, createTextVNode as h } from "vue";
+import ce from "../Input.vue.js";
+import m from "../Button.vue.js";
+import M from "../Icon.vue.js";
+import O from "../Modal.vue.js";
+import ue from "../ConfirmationModal.vue.js";
+import fe from "../Pagination/Pagination.vue.js";
+import me from "../Empty/Empty.vue.js";
+import ve from "./ScreenFilter.vue.js";
+import { usePersistentState as ge } from "../../utils/usePersistentState.js";
+import { $t as c } from "../../utils/i18n.js";
+const ye = { class: "flex flex-col w-full space-y-8" }, he = { class: "flex flex-col shrink-0" }, Be = {
   key: 0,
   class: "text-fs-7.5 font-bold text-foreground"
-}, de = {
+}, we = {
   key: 0,
   class: "text-sm text-gray-700 mt-1 md:max-w-[450px]"
-}, ie = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, oe = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, se = {
+}, be = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, ke = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, xe = {
   key: 1,
   class: "flex items-center p-1 rounded-md border border-border shrink-0"
-}, re = {
+}, Ce = ["title"], Pe = ["title"], De = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, ue = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, ce = ["href", "target"], fe = ["href", "target"], me = {
+}, Ie = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, $e = ["href", "target"], Ve = ["href", "target"], Te = {
   key: 1,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, ve = {
+}, Se = {
   key: 2,
   class: "-mt-2"
-}, $e = /* @__PURE__ */ W({
+}, Ke = /* @__PURE__ */ re({
   __name: "Screen",
   props: {
     name: { default: "" },
-    title: { default: "" },
-    description: { default: "" },
+    title: {},
+    titleI18n: {},
+    description: {},
+    descriptionI18n: {},
     pageInfo: {},
     data: { default: () => [] },
     loading: { type: Boolean, default: !1 },
@@ -42,8 +45,10 @@ const ae = { class: "flex flex-col w-full space-y-8" }, ne = { class: "flex flex
       showItemsPerPage: !1,
       itemsPerPageOptions: [10, 25, 50, 100]
     }) },
-    emptyTitle: { default: "No records found" },
-    emptyDescription: { default: "There are currently no items to show" },
+    emptyTitle: {},
+    emptyTitleI18n: {},
+    emptyDescription: {},
+    emptyDescriptionI18n: {},
     emptyIcon: { default: "lucide:inbox" },
     addComponent: {},
     addBtn: {},
@@ -60,143 +65,178 @@ const ae = { class: "flex flex-col w-full space-y-8" }, ne = { class: "flex flex
     headerClass: {}
   },
   emits: ["add", "delete"],
-  setup(e, { emit: L }) {
-    const l = e, j = L, K = N(() => l.name || l.title || "default-screen"), b = te(
-      `view-mode-${K.value}`,
-      l.table ? "table" : "list"
-    ), x = y(""), A = y({}), w = y(l.pageInfo?.currentPage || 1), $ = y(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), g = y([]), V = y([]), k = y(!1);
-    E("screen-selected-rows", g), E("screen-request-delete", (t) => S(t));
-    const S = (t) => {
-      V.value = t, k.value = !0;
-    }, O = () => {
-      j("delete", V.value), k.value = !1, g.value = [];
-    }, Q = (t) => {
-      j("delete", t), g.value = [];
+  setup(e, { emit: Q }) {
+    const a = e, z = Q, G = i(() => a.name || a.title || "default-screen"), C = ge(
+      `view-mode-${G.value}`,
+      a.table ? "table" : "list"
+    ), $ = w(""), N = w({}), x = w(a.pageInfo?.currentPage || 1), V = w(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), B = w([]), T = w([]), P = w(!1);
+    K("screen-selected-rows", B), K("screen-request-delete", (t) => A(t));
+    const A = (t) => {
+      T.value = t, P.value = !0;
+    }, J = () => {
+      z("delete", T.value), P.value = !1, B.value = [];
+    }, W = (t) => {
+      z("delete", t), B.value = [];
     };
-    R(
-      () => l.pageInfo?.currentPage,
+    j(
+      () => a.pageInfo?.currentPage,
       (t) => {
-        t && (w.value = t);
+        t && (x.value = t);
       }
-    ), R(
-      () => l.pageInfo?.itemsPerPage,
+    ), j(
+      () => a.pageInfo?.itemsPerPage,
       (t) => {
-        t && ($.value = t);
+        t && (V.value = t);
       }
     );
-    let T = null;
-    R(x, (t) => {
-      T && clearTimeout(T), T = setTimeout(() => {
-        w.value = 1, C();
+    let U = null;
+    j($, (t) => {
+      U && clearTimeout(U), U = setTimeout(() => {
+        x.value = 1, D();
       }, 300);
     });
-    const G = (t) => {
-      w.value = t, C();
-    }, J = (t) => {
-      $.value = t, w.value = 1, C();
-    }, C = () => {
+    const X = (t) => {
+      x.value = t, D();
+    }, Y = (t) => {
+      V.value = t, x.value = 1, D();
+    }, D = () => {
       const t = {
         pageinfo: {
-          page: w.value,
-          limit: $.value
+          page: x.value,
+          limit: V.value
         },
         pagination: {
-          page: w.value,
-          limit: $.value
+          page: x.value,
+          limit: V.value
         },
-        search: x.value,
-        filter: A.value
+        search: $.value,
+        filter: N.value
       };
-      l.refetch && l.refetch(t);
-    }, z = N(() => b.value === "table" && l.table ? l.table : l.list), M = N(() => l.data && l.data.length > 0);
-    return (t, n) => {
-      const q = X("router-link");
-      return a(), i("div", ae, [
-        e.customHeader ? B(t.$slots, "custom-header", { key: 1 }) : (a(), i("div", {
+      a.refetch && a.refetch(t);
+    }, q = i(() => C.value === "table" && a.table ? a.table : a.list), Z = i(() => a.data && a.data.length > 0), E = i(() => a.titleI18n ? c(a.titleI18n) : a.title), F = i(() => a.descriptionI18n ? c(a.descriptionI18n) : a.description), p = i(() => {
+      const t = c("vlite.screen.deleteSelected");
+      return t !== "vlite.screen.deleteSelected" ? t : "Delete Selected";
+    }), _ = i(() => {
+      const t = c("vlite.screen.listView");
+      return t !== "vlite.screen.listView" ? t : "List View";
+    }), ee = i(() => {
+      const t = c("vlite.screen.tableView");
+      return t !== "vlite.screen.tableView" ? t : "Table View";
+    }), te = i(() => {
+      const t = c("vlite.screen.refresh");
+      return t !== "vlite.screen.refresh" ? t : "Refresh";
+    }), ne = i(() => {
+      const t = c("vlite.screen.searchPlaceholder");
+      return t !== "vlite.screen.searchPlaceholder" ? t : "Search...";
+    }), ae = i(() => {
+      const t = c("vlite.screen.confirmDeleteTitle");
+      return t !== "vlite.screen.confirmDeleteTitle" ? t : "Confirm Deletion";
+    }), le = i(() => {
+      const t = c("vlite.screen.confirmDeleteDesc", { count: T.value.length });
+      return t !== "vlite.screen.confirmDeleteDesc" ? t : `Are you sure you want to delete the selected ${T.value.length > 1 ? "items" : "item"}?`;
+    }), ie = i(() => {
+      const t = c("vlite.screen.confirmDeleteBtn");
+      return t !== "vlite.screen.confirmDeleteBtn" ? t : "Delete";
+    }), de = i(() => {
+      const t = c("vlite.screen.cancelBtn");
+      return t !== "vlite.screen.cancelBtn" ? t : "Cancel";
+    }), oe = i(() => {
+      const t = c("vlite.screen.missingView");
+      return t !== "vlite.screen.missingView" ? t : "Please provide a `:list` or `:table` component.";
+    }), g = i(() => {
+      if (a.addBtn?.labelI18n) return c(a.addBtn.labelI18n);
+      if (a.addBtn?.label) return a.addBtn.label;
+      const t = c("vlite.screen.addNew");
+      return t !== "vlite.screen.addNew" ? t : "Add New";
+    });
+    return (t, l) => {
+      const H = se("router-link");
+      return n(), o("div", ye, [
+        e.customHeader ? k(t.$slots, "custom-header", { key: 1 }) : (n(), o("div", {
           key: 0,
-          class: D([e.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: S([e.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          h("div", ne, [
-            B(t.$slots, "title", {}, () => [
-              e.title ? (a(), i("h1", le, f(e.title), 1)) : m("", !0)
+          b("div", he, [
+            k(t.$slots, "title", {}, () => [
+              E.value ? (n(), o("h1", Be, u(E.value), 1)) : y("", !0)
             ]),
-            B(t.$slots, "description", {}, () => [
-              e.description ? (a(), i("p", de, f(e.description), 1)) : m("", !0)
+            k(t.$slots, "description", {}, () => [
+              F.value ? (n(), o("p", we, u(F.value), 1)) : y("", !0)
             ])
           ]),
-          h("div", ie, [
-            h("div", oe, [
-              g.value.length > 0 ? (a(), s(u, {
+          b("div", be, [
+            b("div", ke, [
+              B.value.length > 0 ? (n(), s(m, {
                 key: 0,
                 variant: "outline",
                 class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
                 icon: "lucide:trash-2",
-                title: "Delete Selected",
-                onClick: n[0] || (n[0] = (d) => S(g.value))
-              })) : m("", !0),
-              e.table && e.list ? (a(), i("div", se, [
-                h("button", {
-                  onClick: n[1] || (n[1] = (d) => b.value = "list"),
-                  class: D(["p-1.5 rounded", [
-                    I(b) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                title: p.value,
+                onClick: l[0] || (l[0] = (d) => A(B.value))
+              }, null, 8, ["title"])) : y("", !0),
+              e.table && e.list ? (n(), o("div", xe, [
+                b("button", {
+                  onClick: l[1] || (l[1] = (d) => C.value = "list"),
+                  class: S(["p-1.5 rounded", [
+                    R(C) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: "List View"
+                  title: _.value
                 }, [
-                  r(F, {
+                  f(M, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
-                ], 2),
-                h("button", {
-                  onClick: n[2] || (n[2] = (d) => b.value = "table"),
-                  class: D(["p-1.5 rounded", [
-                    I(b) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                ], 10, Ce),
+                b("button", {
+                  onClick: l[2] || (l[2] = (d) => C.value = "table"),
+                  class: S(["p-1.5 rounded", [
+                    R(C) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: "Table View"
+                  title: ee.value
                 }, [
-                  r(F, {
+                  f(M, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
-                ], 2)
-              ])) : m("", !0),
-              B(t.$slots, "before-search"),
-              e.showRefresh ? (a(), s(u, {
+                ], 10, Pe)
+              ])) : y("", !0),
+              k(t.$slots, "before-search"),
+              e.showRefresh ? (n(), s(m, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
                 size: "lg",
                 class: "shrink-0 h-9! w-9!",
-                title: "Refresh",
+                title: te.value,
                 disabled: e.loading,
-                onClick: C
-              }, null, 8, ["disabled"])) : m("", !0),
-              e.filterSchema && e.filterSchema.length > 0 ? (a(), s(ee, {
+                onClick: D
+              }, null, 8, ["title", "disabled"])) : y("", !0),
+              e.filterSchema && e.filterSchema.length > 0 ? (n(), s(ve, {
                 key: 3,
                 schema: e.filterSchema,
                 type: e.filterType,
-                modelValue: A.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (d) => A.value = d),
-                onChange: C
-              }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
-              e.canSearch ? (a(), i("div", re, [
-                r(Y, {
+                modelValue: N.value,
+                "onUpdate:modelValue": l[3] || (l[3] = (d) => N.value = d),
+                onChange: D
+              }, null, 8, ["schema", "type", "modelValue"])) : y("", !0),
+              e.canSearch ? (n(), o("div", De, [
+                f(ce, {
                   lazy: "",
-                  modelValue: x.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (d) => x.value = d),
+                  modelValue: $.value,
+                  "onUpdate:modelValue": l[4] || (l[4] = (d) => $.value = d),
                   icon: "lucide:search",
-                  placeholder: "Search...",
+                  placeholder: ne.value,
                   variant: "outline",
                   class: "bg-background w-full",
                   "show-clear-button": !0
-                }, null, 8, ["modelValue"])
-              ])) : m("", !0)
+                }, null, 8, ["modelValue", "placeholder"])
+              ])) : y("", !0)
             ]),
-            h("div", ue, [
-              B(t.$slots, "actions", {}, () => [
-                e.addComponent ? (a(), s(U(e.addComponent), { key: 0 })) : e.canAdd ? (a(), i(P, { key: 1 }, [
-                  e.addBtn ? (a(), i(P, { key: 0 }, [
-                    e.addBtn.modal ? (a(), s(H, c({
+            b("div", Ie, [
+              k(t.$slots, "actions", {}, () => [
+                e.addComponent ? (n(), s(L(e.addComponent), { key: 0 })) : e.canAdd ? (n(), o(I, { key: 1 }, [
+                  e.addBtn ? (n(), o(I, { key: 0 }, [
+                    e.addBtn.modal ? (n(), s(O, v({
                       key: 0,
                       body: e.addBtn.modal
                     }, e.addBtn.modalProps, {
@@ -205,211 +245,213 @@ const ae = { class: "flex flex-col w-full space-y-8" }, ne = { class: "flex flex
                       triggerClass: "w-full",
                       loading: e.loading
                     }), {
-                      trigger: o(() => [
-                        r(u, c({
+                      trigger: r(() => [
+                        f(m, v({
                           class: "w-full",
                           icon: e.addBtn.icon || "fluent:add-16-filled",
                           variant: e.addBtn.variant || "primary"
                         }, e.addBtn.buttonProps), {
-                          default: o(() => [
-                            v(f(e.addBtn.label || "Add"), 1)
+                          default: r(() => [
+                            h(u(g.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : e.addBtn.to ? (a(), s(q, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : e.addBtn.to ? (n(), s(H, {
                       key: 1,
                       to: e.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
                     }, {
-                      default: o(() => [
-                        r(u, c({
+                      default: r(() => [
+                        f(m, v({
                           class: "w-full",
                           icon: e.addBtn.icon || "fluent:add-16-filled",
                           variant: e.addBtn.variant || "primary"
                         }, e.addBtn.buttonProps), {
-                          default: o(() => [
-                            v(f(e.addBtn.label || "Add"), 1)
+                          default: r(() => [
+                            h(u(g.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : e.addBtn.href ? (a(), i("a", {
+                    }, 8, ["to"])) : e.addBtn.href ? (n(), o("a", {
                       key: 2,
                       href: e.addBtn.href,
                       target: e.addBtn.target,
                       class: "inline-flex w-full sm:w-auto"
                     }, [
-                      r(u, c({
+                      f(m, v({
                         class: "w-full",
                         icon: e.addBtn.icon || "fluent:add-16-filled",
                         variant: e.addBtn.variant || "primary"
                       }, e.addBtn.buttonProps), {
-                        default: o(() => [
-                          v(f(e.addBtn.label || "Add"), 1)
+                        default: r(() => [
+                          h(u(g.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, ce)) : (a(), s(u, c({
+                    ], 8, $e)) : (n(), s(m, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: e.addBtn.icon || "fluent:add-16-filled",
                       variant: e.addBtn.variant || "primary"
                     }, e.addBtn.buttonProps, {
-                      onClick: n[5] || (n[5] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
+                      onClick: l[5] || (l[5] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
                     }), {
-                      default: o(() => [
-                        v(f(e.addBtn.label || "Add"), 1)
+                      default: r(() => [
+                        h(u(g.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(u, {
+                  ], 64)) : (n(), s(m, {
                     key: 1,
                     class: "w-full sm:w-auto",
                     icon: "fluent:add-16-filled",
                     variant: "primary",
-                    onClick: n[6] || (n[6] = (d) => t.$emit("add"))
+                    onClick: l[6] || (l[6] = (d) => t.$emit("add"))
                   }, {
-                    default: o(() => [...n[12] || (n[12] = [
-                      v(" Add ", -1)
-                    ])]),
+                    default: r(() => [
+                      h(u(g.value), 1)
+                    ]),
                     _: 1
                   }))
-                ], 64)) : m("", !0)
+                ], 64)) : y("", !0)
               ]),
-              B(t.$slots, "after-add")
+              k(t.$slots, "after-add")
             ])
           ])
         ], 2)),
-        h("div", {
-          class: D(["flex-1 w-full relative min-h-[300px]", e.containerClass])
+        b("div", {
+          class: S(["flex-1 w-full relative min-h-[300px]", e.containerClass])
         }, [
-          !M.value && !e.loading ? B(t.$slots, "empty", { key: 0 }, () => [
-            r(I(_), {
+          !Z.value && !e.loading ? k(t.$slots, "empty", { key: 0 }, () => [
+            f(R(me), {
               title: e.emptyTitle,
+              titleI18n: e.emptyTitleI18n,
               description: e.emptyDescription,
+              descriptionI18n: e.emptyDescriptionI18n,
               icon: e.emptyIcon
             }, {
-              action: o(() => [
-                e.addComponent ? (a(), s(U(e.addComponent), { key: 0 })) : e.canAdd ? (a(), i(P, { key: 1 }, [
-                  e.addBtn ? (a(), i(P, { key: 0 }, [
-                    e.addBtn.modal ? (a(), s(H, c({
+              action: r(() => [
+                e.addComponent ? (n(), s(L(e.addComponent), { key: 0 })) : e.canAdd ? (n(), o(I, { key: 1 }, [
+                  e.addBtn ? (n(), o(I, { key: 0 }, [
+                    e.addBtn.modal ? (n(), s(O, v({
                       key: 0,
                       body: e.addBtn.modal
                     }, e.addBtn.modalProps), {
-                      trigger: o(() => [
-                        r(u, c({
+                      trigger: r(() => [
+                        f(m, v({
                           icon: e.addBtn.icon || "fluent:add-16-filled",
                           variant: e.addBtn.variant || "primary",
                           rounded: "full",
                           class: "px-6!"
                         }, e.addBtn.buttonProps), {
-                          default: o(() => [
-                            v(f(e.addBtn.label || "Add New"), 1)
+                          default: r(() => [
+                            h(u(g.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : e.addBtn.to ? (a(), s(q, {
+                    }, 16, ["body"])) : e.addBtn.to ? (n(), s(H, {
                       key: 1,
                       to: e.addBtn.to,
                       class: "inline-flex"
                     }, {
-                      default: o(() => [
-                        r(u, c({
+                      default: r(() => [
+                        f(m, v({
                           icon: e.addBtn.icon || "fluent:add-16-filled",
                           variant: e.addBtn.variant || "outline"
                         }, e.addBtn.buttonProps), {
-                          default: o(() => [
-                            v(f(e.addBtn.label || "Add New"), 1)
+                          default: r(() => [
+                            h(u(g.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : e.addBtn.href ? (a(), i("a", {
+                    }, 8, ["to"])) : e.addBtn.href ? (n(), o("a", {
                       key: 2,
                       href: e.addBtn.href,
                       target: e.addBtn.target,
                       class: "inline-flex"
                     }, [
-                      r(u, c({
+                      f(m, v({
                         icon: e.addBtn.icon || "lucide:plus",
                         variant: e.addBtn.variant || "outline"
                       }, e.addBtn.buttonProps), {
-                        default: o(() => [
-                          v(f(e.addBtn.label || "Add New"), 1)
+                        default: r(() => [
+                          h(u(g.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, fe)) : (a(), s(u, c({
+                    ], 8, Ve)) : (n(), s(m, v({
                       key: 3,
                       icon: e.addBtn.icon || "lucide:plus",
                       variant: e.addBtn.variant || "outline"
                     }, e.addBtn.buttonProps, {
-                      onClick: n[7] || (n[7] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
+                      onClick: l[7] || (l[7] = (d) => e.addBtn.onClick ? e.addBtn.onClick() : t.$emit("add"))
                     }), {
-                      default: o(() => [
-                        v(f(e.addBtn.label || "Add New"), 1)
+                      default: r(() => [
+                        h(u(g.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(u, {
+                  ], 64)) : (n(), s(m, {
                     key: 1,
                     icon: "lucide:plus",
                     variant: "outline",
-                    onClick: n[8] || (n[8] = (d) => t.$emit("add"))
+                    onClick: l[8] || (l[8] = (d) => t.$emit("add"))
                   }, {
-                    default: o(() => [...n[13] || (n[13] = [
-                      v(" Add New ", -1)
-                    ])]),
+                    default: r(() => [
+                      h(u(g.value), 1)
+                    ]),
                     _: 1
                   }))
-                ], 64)) : m("", !0)
+                ], 64)) : y("", !0)
               ]),
               _: 1
-            }, 8, ["title", "description", "icon"])
-          ]) : (a(), i(P, { key: 1 }, [
-            z.value ? (a(), s(U(z.value), {
+            }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
+          ]) : (n(), o(I, { key: 1 }, [
+            q.value ? (n(), s(L(q.value), {
               key: 0,
               data: e.data,
               loading: e.loading,
               refetch: e.refetch,
-              selectedRows: g.value,
-              "onUpdate:selectedRows": n[9] || (n[9] = (d) => g.value = d),
-              delete: S,
-              onDelete: Q
-            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), i("div", me, " Please provide a `:list` or `:table` component. "))
+              selectedRows: B.value,
+              "onUpdate:selectedRows": l[9] || (l[9] = (d) => B.value = d),
+              delete: A,
+              onDelete: W
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (n(), o("div", Te, u(oe.value), 1))
           ], 64))
         ], 2),
-        e.pagination && e.pageInfo && e.pageInfo.totalPages > 1 ? (a(), i("div", ve, [
-          r(I(p), c({
+        e.pagination && e.pageInfo && e.pageInfo.totalPages > 1 ? (n(), o("div", Se, [
+          f(R(fe), v({
             "current-page": e.pageInfo.currentPage,
             "total-pages": e.pageInfo.totalPages,
             "total-items": e.pageInfo.totalItems
           }, e.paginationProps, {
-            onChange: G,
-            "onUpdate:itemsPerPage": J
+            onChange: X,
+            "onUpdate:itemsPerPage": Y
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : m("", !0),
-        r(Z, {
-          show: k.value,
-          "onUpdate:show": n[10] || (n[10] = (d) => k.value = d),
-          title: "Confirm Deletion",
-          description: `Are you sure you want to delete the selected ${V.value.length > 1 ? "items" : "item"}?`,
-          "confirm-text": "Delete",
-          "cancel-text": "Cancel",
+        ])) : y("", !0),
+        f(ue, {
+          show: P.value,
+          "onUpdate:show": l[10] || (l[10] = (d) => P.value = d),
+          title: ae.value,
+          description: le.value,
+          "confirm-text": ie.value,
+          "cancel-text": de.value,
           variant: "danger",
-          onConfirm: O,
-          onCancel: n[11] || (n[11] = (d) => k.value = !1)
-        }, null, 8, ["show", "description"])
+          onConfirm: J,
+          onCancel: l[11] || (l[11] = (d) => P.value = !1)
+        }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"])
       ]);
     };
   }
 });
 export {
-  $e as default
+  Ke as default
 };