@dazzadev/vuetify-datatable 1.0.1 → 1.0.3

package/README.md

@@ -1,6 +1,6 @@
 # @dazzadev/vuetify-datatable
 
-Reusable server-side DataTable component for Vuetify 3. Includes action buttons (view, edit, delete), configurable icons, and a built-in confirmation modal.
+Reusable server-side DataTable component for Vuetify 3. Includes action buttons (view, edit, delete), configurable icons, and a built-in delete confirmation dialog.
 
 ## Installation
 
@@ -24,7 +24,7 @@ app.use(VuetifyDatatable);
 ### Or import individually
 
 ```ts
-import { DataTable, ConfirmationModal } from "@dazzadev/vuetify-datatable";
+import { DataTable } from "@dazzadev/vuetify-datatable";
 ```
 
 ## Basic Usage
@@ -129,6 +129,9 @@ If no configuration is provided, the component uses Material Design Icons (inclu
 | `viewIcon`                     | `string`        | —                          | View icon name override                |
 | `editIcon`                     | `string`        | —                          | Edit icon name override                |
 | `deleteIcon`                   | `string`        | —                          | Delete icon name override              |
+| `disableView`                  | `(item: T) => boolean` | —                   | Per-row predicate: disable the view button when it returns `true`   |
+| `disableEdit`                  | `(item: T) => boolean` | —                   | Per-row predicate: disable the edit button when it returns `true`   |
+| `disableDelete`                | `(item: T) => boolean` | —                   | Per-row predicate: disable the delete button when it returns `true` |
 
 ## Events
 

package/dist/components/DataTable.vue.d.ts

@@ -28,6 +28,9 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         viewIcon?: string;
         editIcon?: string;
         deleteIcon?: string;
+        disableView?: (item: T) => boolean;
+        disableEdit?: (item: T) => boolean;
+        disableDelete?: (item: T) => boolean;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/vuetify-datatable.js

@@ -1,32 +1,32 @@
-import { defineComponent as q, computed as M, resolveComponent as y, openBlock as p, createBlock as x, withCtx as o, createVNode as c, createTextVNode as C, toDisplayString as T, renderSlot as h, createCommentVNode as j, inject as X, ref as V, onMounted as Z, watch as O, createElementBlock as ee, Fragment as te, normalizeClass as oe, createSlots as ne, createElementVNode as ae, mergeProps as $, resolveDynamicComponent as N, renderList as le } from "vue";
+import { defineComponent as U, computed as M, resolveComponent as w, openBlock as g, createBlock as y, withCtx as n, createVNode as r, createTextVNode as T, toDisplayString as P, renderSlot as h, createCommentVNode as j, inject as _, ref as V, onMounted as ee, watch as O, createElementBlock as te, Fragment as oe, normalizeClass as ne, createSlots as ae, createElementVNode as le, mergeProps as E, resolveDynamicComponent as A, renderList as ie } from "vue";
 function se(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var z = { exports: {} }, F;
-function ie() {
-  if (F) return z.exports;
-  F = 1;
-  function e(w, i = 100, m = {}) {
-    if (typeof w != "function")
-      throw new TypeError(`Expected the first parameter to be a function, got \`${typeof w}\`.`);
-    if (i < 0)
+var z = { exports: {} }, q;
+function de() {
+  if (q) return z.exports;
+  q = 1;
+  function e(p, s = 100, m = {}) {
+    if (typeof p != "function")
+      throw new TypeError(`Expected the first parameter to be a function, got \`${typeof p}\`.`);
+    if (s < 0)
       throw new RangeError("`wait` must not be negative.");
-    const { immediate: r } = typeof m == "boolean" ? { immediate: m } : m;
-    let f, b, a, B, v;
-    function d() {
-      const g = f, P = b;
-      return f = void 0, b = void 0, v = w.apply(g, P), v;
+    const { immediate: d } = typeof m == "boolean" ? { immediate: m } : m;
+    let f, B, a, k, v;
+    function c() {
+      const b = f, D = B;
+      return f = void 0, B = void 0, v = p.apply(b, D), v;
     }
-    function k() {
-      const g = Date.now() - B;
-      g < i && g >= 0 ? a = setTimeout(k, i - g) : (a = void 0, r || (v = d()));
+    function C() {
+      const b = Date.now() - k;
+      b < s && b >= 0 ? a = setTimeout(C, s - b) : (a = void 0, d || (v = c()));
     }
-    const l = function(...g) {
+    const l = function(...b) {
       if (f && this !== f && Object.getPrototypeOf(this) === Object.getPrototypeOf(f))
         throw new Error("Debounced method called with different contexts of the same prototype.");
-      f = this, b = g, B = Date.now();
-      const P = r && !a;
-      return a || (a = setTimeout(k, i)), P && (v = d()), v;
+      f = this, B = b, k = Date.now();
+      const D = d && !a;
+      return a || (a = setTimeout(C, s)), D && (v = c()), v;
     };
     return Object.defineProperty(l, "isPending", {
       get() {
@@ -37,13 +37,13 @@ function ie() {
     }, l.flush = () => {
       a && l.trigger();
     }, l.trigger = () => {
-      v = d(), l.clear();
+      v = c(), l.clear();
     }, l;
   }
   return z.exports.debounce = e, z.exports = e, z.exports;
 }
-var re = /* @__PURE__ */ ie();
-const ce = /* @__PURE__ */ se(re), de = /* @__PURE__ */ q({
+var re = /* @__PURE__ */ de();
+const ce = /* @__PURE__ */ se(re), ue = /* @__PURE__ */ U({
   __name: "ConfirmationModal",
   props: {
     show: Boolean,
@@ -54,65 +54,65 @@ const ce = /* @__PURE__ */ se(re), de = /* @__PURE__ */ q({
   },
   emits: ["close", "confirm"],
   setup(e) {
-    const w = e, i = M({
-      get: () => w.show,
+    const p = e, s = M({
+      get: () => p.show,
       set: () => {
       }
     });
-    return (m, r) => {
-      const f = y("v-card-title"), b = y("v-card-text"), a = y("v-spacer"), B = y("v-btn"), v = y("v-card-actions"), d = y("v-card"), k = y("v-dialog");
-      return p(), x(k, {
-        modelValue: i.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (l) => i.value = l),
+    return (m, d) => {
+      const f = w("v-card-title"), B = w("v-card-text"), a = w("v-spacer"), k = w("v-btn"), v = w("v-card-actions"), c = w("v-card"), C = w("v-dialog");
+      return g(), y(C, {
+        modelValue: s.value,
+        "onUpdate:modelValue": d[2] || (d[2] = (l) => s.value = l),
         "max-width": "500px",
         persistent: "",
         "no-click-animation": ""
       }, {
-        default: o(() => [
-          c(d, null, {
-            default: o(() => [
-              c(f, { class: "text-h5 text-center py-6" }, {
-                default: o(() => [
-                  C(T(e.title), 1)
+        default: n(() => [
+          r(c, null, {
+            default: n(() => [
+              r(f, { class: "text-h5 text-center py-6" }, {
+                default: n(() => [
+                  T(P(e.title), 1)
                 ]),
                 _: 1
               }),
-              e.description ? (p(), x(b, {
+              e.description ? (g(), y(B, {
                 key: 0,
                 class: "text-center px-0 py-0"
               }, {
-                default: o(() => [
-                  C(T(e.description) + " ", 1),
+                default: n(() => [
+                  T(P(e.description) + " ", 1),
                   h(m.$slots, "description")
                 ]),
                 _: 3
               })) : j("", !0),
-              c(v, null, {
-                default: o(() => [
-                  c(a),
-                  c(B, {
+              r(v, null, {
+                default: n(() => [
+                  r(a),
+                  r(k, {
                     color: "error",
                     variant: "flat",
                     dark: "",
-                    onClick: r[0] || (r[0] = (l) => m.$emit("close"))
+                    onClick: d[0] || (d[0] = (l) => m.$emit("close"))
                   }, {
-                    default: o(() => [
-                      C(T(e.cancelButtonText), 1)
+                    default: n(() => [
+                      T(P(e.cancelButtonText), 1)
                     ]),
                     _: 1
                   }),
-                  c(B, {
+                  r(k, {
                     color: "success",
                     variant: "flat",
                     dark: "",
-                    onClick: r[1] || (r[1] = (l) => m.$emit("confirm"))
+                    onClick: d[1] || (d[1] = (l) => m.$emit("confirm"))
                   }, {
-                    default: o(() => [
-                      C(T(e.confirmButtonText), 1)
+                    default: n(() => [
+                      T(P(e.confirmButtonText), 1)
                     ]),
                     _: 1
                   }),
-                  c(a)
+                  r(a)
                 ]),
                 _: 1
               })
@@ -124,15 +124,15 @@ const ce = /* @__PURE__ */ se(re), de = /* @__PURE__ */ q({
       }, 8, ["modelValue"]);
     };
   }
-}), U = Symbol("DataTableConfig");
+}), R = Symbol("DataTableConfig");
 function ve(e) {
   return {
-    install(w) {
-      w.provide(U, e);
+    install(p) {
+      p.provide(R, e);
     }
   };
 }
-const ue = /* @__PURE__ */ q({
+const me = /* @__PURE__ */ U({
   __name: "DataTable",
   props: {
     tableClass: { default: "border rounded-md mt-5" },
@@ -156,120 +156,123 @@ const ue = /* @__PURE__ */ q({
     editButtonText: {},
     viewIcon: {},
     editIcon: {},
-    deleteIcon: {}
+    deleteIcon: {},
+    disableView: {},
+    disableEdit: {},
+    disableDelete: {}
   },
   emits: ["onLoadData", "editItem", "deleteItem", "viewItem"],
-  setup(e, { emit: w }) {
-    const i = e, m = w, r = X(U, { icons: {} }), f = M(() => {
+  setup(e, { emit: p }) {
+    const s = e, m = p, d = _(R, { icons: {} }), f = M(() => {
       var t;
-      return i.viewIcon ?? ((t = r.icons) == null ? void 0 : t.view) ?? "mdi-eye-outline";
-    }), b = M(() => {
+      return s.viewIcon ?? ((t = d.icons) == null ? void 0 : t.view) ?? "mdi-eye-outline";
+    }), B = M(() => {
       var t;
-      return i.editIcon ?? ((t = r.icons) == null ? void 0 : t.edit) ?? "mdi-pencil-outline";
+      return s.editIcon ?? ((t = d.icons) == null ? void 0 : t.edit) ?? "mdi-pencil-outline";
     }), a = M(() => {
       var t;
-      return i.deleteIcon ?? ((t = r.icons) == null ? void 0 : t.delete) ?? "mdi-trash-can-outline";
-    }), B = M(() => r.iconProps ?? {});
+      return s.deleteIcon ?? ((t = d.icons) == null ? void 0 : t.delete) ?? "mdi-trash-can-outline";
+    }), k = M(() => d.iconProps ?? {});
     function v(t) {
       return typeof t != "string";
     }
-    const d = V(i.itemsPerPage), k = V([]), l = V(1), g = V(null), P = V(!1), R = M(() => {
+    const c = V(s.itemsPerPage), C = V([]), l = V(1), b = V(null), D = V(!1), G = M(() => {
       var t;
-      return ((t = i.headers) == null ? void 0 : t.filter(
-        (s) => s.key !== "actions" && s.key !== "expanded-row" && s.key !== "data-table-expand"
+      return ((t = s.headers) == null ? void 0 : t.filter(
+        (i) => i.key !== "actions" && i.key !== "expanded-row" && i.key !== "data-table-expand"
       )) || [];
     });
-    Z(() => {
-      E({
+    ee(() => {
+      S({
         page: l.value,
-        itemsPerPage: d.value
+        itemsPerPage: c.value
       });
     });
-    const _ = (t) => {
-      g.value = t, P.value = !0;
-    }, G = () => {
-      g.value = null, P.value = !1;
-    }, K = (t) => {
+    const K = (t) => {
+      b.value = t, D.value = !0;
+    }, Y = () => {
+      b.value = null, D.value = !1;
+    }, H = (t) => {
       m("editItem", t);
-    }, Y = (t) => {
+    }, J = (t) => {
       m("viewItem", t);
-    }, H = () => {
-      m("deleteItem", g.value), P.value = !1;
-    }, E = ({ page: t, itemsPerPage: s }) => {
-      const I = k.value.map((D) => ({
-        column: D.key,
-        direction: D.order
+    }, Q = () => {
+      m("deleteItem", b.value), D.value = !1;
+    }, S = ({ page: t, itemsPerPage: i }) => {
+      const $ = C.value.map((I) => ({
+        column: I.key,
+        direction: I.order
       }));
       m("onLoadData", {
         page: t,
-        itemsPerPage: s,
-        search: i.search,
-        sortBy: I
+        itemsPerPage: i,
+        search: s.search,
+        sortBy: $
       });
     };
-    function J() {
-      E({
+    function W() {
+      S({
         page: 1,
-        itemsPerPage: d.value
+        itemsPerPage: c.value
       });
     }
-    const A = ce(J, 400), Q = () => {
-      A();
+    const F = ce(W, 400), X = () => {
+      F();
     };
     return O(
-      () => i.search,
-      (t, s) => {
-        t !== s && A();
+      () => s.search,
+      (t, i) => {
+        t !== i && F();
       }
-    ), O(d, (t, s) => {
-      t !== s && E({
+    ), O(c, (t, i) => {
+      t !== i && S({
         page: 1,
         itemsPerPage: t
       });
-    }), O(k, () => {
-      E({
+    }), O(C, () => {
+      S({
         page: 1,
-        itemsPerPage: d.value
+        itemsPerPage: c.value
       });
     }), O(l, (t) => {
-      E({
+      S({
         page: t,
-        itemsPerPage: d.value
+        itemsPerPage: c.value
       });
-    }), (t, s) => {
-      const I = y("v-icon"), D = y("v-btn"), L = y("v-tooltip"), W = y("v-data-table-server");
-      return p(), ee(te, null, [
-        c(W, {
+    }), (t, i) => {
+      const $ = w("v-icon"), I = w("v-btn"), L = w("v-tooltip"), Z = w("v-data-table-server");
+      return g(), te(oe, null, [
+        r(Z, {
           headers: e.headers,
           items: e.items,
           loading: e.loading,
           "items-length": e.totalItems,
-          "items-per-page": d.value,
-          "onUpdate:itemsPerPage": s[0] || (s[0] = (n) => d.value = n),
+          "items-per-page": c.value,
+          "onUpdate:itemsPerPage": i[0] || (i[0] = (o) => c.value = o),
           search: e.search,
-          onSearch: Q,
-          "sort-by": k.value,
-          "onUpdate:sortBy": s[1] || (s[1] = (n) => k.value = n),
+          onSearch: X,
+          "sort-by": C.value,
+          "onUpdate:sortBy": i[1] || (i[1] = (o) => C.value = o),
           page: l.value,
-          "onUpdate:page": s[2] || (s[2] = (n) => l.value = n),
+          "onUpdate:page": i[2] || (i[2] = (o) => l.value = o),
           "item-value": e.itemValue,
           "show-expand": e.showExpand,
-          class: oe(e.tableClass)
-        }, ne({
-          "item.data-table-expand": o(({ internalItem: n, isExpanded: u, toggleExpand: S }) => [
+          class: ne(e.tableClass)
+        }, ae({
+          "item.data-table-expand": n(({ internalItem: o, isExpanded: u, toggleExpand: x }) => [
             h(t.$slots, "item.data-table-expand", {
-              internalItem: n,
+              internalItem: o,
               isExpanded: u,
-              toggleExpand: S
+              toggleExpand: x
             }, () => [
-              c(D, {
-                onClick: (me) => S(n),
+              r(I, {
+                onClick: (N) => x(o),
                 rounded: ""
               }, {
-                default: o(() => [
-                  c(I, null, {
-                    default: o(() => [
-                      C(T(u(n) ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
+                default: n(() => [
+                  r($, null, {
+                    default: n(() => [
+                      T(P(u(o) ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -278,151 +281,166 @@ const ue = /* @__PURE__ */ q({
               }, 1032, ["onClick"])
             ])
           ]),
-          "expanded-row": o(({ columns: n, item: u }) => [
+          "expanded-row": n(({ columns: o, item: u }) => [
             h(t.$slots, "expanded-row", {
-              columns: n,
+              columns: o,
               item: u
             })
           ]),
-          "item.actions": o(({ item: n }) => [
-            h(t.$slots, "before-actions", { item: n }),
-            e.showViewButton ? (p(), x(L, {
+          "item.actions": n(({ item: o }) => [
+            h(t.$slots, "before-actions", { item: o }),
+            e.showViewButton ? (g(), y(L, {
               key: 0,
               text: e.viewButtonText
             }, {
-              activator: o(({ props: u }) => [
-                c(D, $({
-                  icon: "",
-                  flat: "",
-                  onClick: (S) => Y(n)
-                }, u), {
-                  default: o(() => [
-                    h(t.$slots, "view-icon", {}, () => [
-                      v(f.value) ? (p(), x(N(f.value), $({
-                        key: 0,
-                        size: 20,
-                        class: "text-info"
-                      }, B.value), null, 16)) : (p(), x(I, {
-                        key: 1,
-                        size: "20",
-                        class: "text-info"
-                      }, {
-                        default: o(() => [
-                          C(T(f.value), 1)
-                        ]),
-                        _: 1
-                      }))
-                    ])
-                  ]),
-                  _: 3
-                }, 16, ["onClick"])
-              ]),
+              activator: n(({ props: u }) => {
+                var x;
+                return [
+                  r(I, E({
+                    icon: "",
+                    flat: "",
+                    onClick: (N) => J(o)
+                  }, u, {
+                    disabled: (x = e.disableView) == null ? void 0 : x.call(e, o)
+                  }), {
+                    default: n(() => [
+                      h(t.$slots, "view-icon", {}, () => [
+                        v(f.value) ? (g(), y(A(f.value), E({
+                          key: 0,
+                          size: 20,
+                          class: "text-info"
+                        }, k.value), null, 16)) : (g(), y($, {
+                          key: 1,
+                          size: "20",
+                          class: "text-info"
+                        }, {
+                          default: n(() => [
+                            T(P(f.value), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ])
+                    ]),
+                    _: 3
+                  }, 16, ["onClick", "disabled"])
+                ];
+              }),
               _: 2
             }, 1032, ["text"])) : j("", !0),
-            e.showEditButton ? (p(), x(L, {
+            e.showEditButton ? (g(), y(L, {
               key: 1,
               text: e.editButtonText
             }, {
-              activator: o(({ props: u }) => [
-                c(D, $({
-                  icon: "",
-                  flat: "",
-                  onClick: (S) => K(n)
-                }, u), {
-                  default: o(() => [
-                    h(t.$slots, "edit-icon", {}, () => [
-                      v(b.value) ? (p(), x(N(b.value), $({
-                        key: 0,
-                        size: 20,
-                        class: "text-primary"
-                      }, B.value), null, 16)) : (p(), x(I, {
-                        key: 1,
-                        size: "20",
-                        class: "text-primary"
-                      }, {
-                        default: o(() => [
-                          C(T(b.value), 1)
-                        ]),
-                        _: 1
-                      }))
-                    ])
-                  ]),
-                  _: 3
-                }, 16, ["onClick"])
-              ]),
+              activator: n(({ props: u }) => {
+                var x;
+                return [
+                  r(I, E({
+                    icon: "",
+                    flat: "",
+                    onClick: (N) => H(o)
+                  }, u, {
+                    disabled: (x = e.disableEdit) == null ? void 0 : x.call(e, o)
+                  }), {
+                    default: n(() => [
+                      h(t.$slots, "edit-icon", {}, () => [
+                        v(B.value) ? (g(), y(A(B.value), E({
+                          key: 0,
+                          size: 20,
+                          class: "text-primary"
+                        }, k.value), null, 16)) : (g(), y($, {
+                          key: 1,
+                          size: "20",
+                          class: "text-primary"
+                        }, {
+                          default: n(() => [
+                            T(P(B.value), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ])
+                    ]),
+                    _: 3
+                  }, 16, ["onClick", "disabled"])
+                ];
+              }),
               _: 2
             }, 1032, ["text"])) : j("", !0),
-            e.showDeleteButton ? (p(), x(L, {
+            e.showDeleteButton ? (g(), y(L, {
               key: 2,
               text: e.deleteButtonText
             }, {
-              activator: o(({ props: u }) => [
-                c(D, $({
-                  icon: "",
-                  flat: "",
-                  onClick: (S) => _(n)
-                }, u), {
-                  default: o(() => [
-                    h(t.$slots, "delete-icon", {}, () => [
-                      v(a.value) ? (p(), x(N(a.value), $({
-                        key: 0,
-                        size: 20,
-                        class: "text-error"
-                      }, B.value), null, 16)) : (p(), x(I, {
-                        key: 1,
-                        size: "20",
-                        class: "text-error"
-                      }, {
-                        default: o(() => [
-                          C(T(a.value), 1)
-                        ]),
-                        _: 1
-                      }))
-                    ])
-                  ]),
-                  _: 3
-                }, 16, ["onClick"])
-              ]),
+              activator: n(({ props: u }) => {
+                var x;
+                return [
+                  r(I, E({
+                    icon: "",
+                    flat: "",
+                    onClick: (N) => K(o)
+                  }, u, {
+                    disabled: (x = e.disableDelete) == null ? void 0 : x.call(e, o)
+                  }), {
+                    default: n(() => [
+                      h(t.$slots, "delete-icon", {}, () => [
+                        v(a.value) ? (g(), y(A(a.value), E({
+                          key: 0,
+                          size: 20,
+                          class: "text-error"
+                        }, k.value), null, 16)) : (g(), y($, {
+                          key: 1,
+                          size: "20",
+                          class: "text-error"
+                        }, {
+                          default: n(() => [
+                            T(P(a.value), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ])
+                    ]),
+                    _: 3
+                  }, 16, ["onClick", "disabled"])
+                ];
+              }),
               _: 2
             }, 1032, ["text"])) : j("", !0),
-            h(t.$slots, "after-actions", { item: n })
+            h(t.$slots, "after-actions", { item: o })
           ]),
-          tfoot: o(() => [
-            ae("tfoot", null, [
+          tfoot: n(() => [
+            le("tfoot", null, [
               h(t.$slots, "item.tfoot")
             ])
           ]),
           _: 2
         }, [
-          le(R.value, (n) => ({
-            name: `item.${n.key}`,
-            fn: o(({ item: u }) => [
-              h(t.$slots, `item.${n.key}`, { item: u }, () => [
-                C(T(u[n.key]), 1)
+          ie(G.value, (o) => ({
+            name: `item.${o.key}`,
+            fn: n(({ item: u }) => [
+              h(t.$slots, `item.${o.key}`, { item: u }, () => [
+                T(P(u[o.key]), 1)
               ])
             ])
           }))
         ]), 1032, ["headers", "items", "loading", "items-length", "items-per-page", "search", "sort-by", "page", "item-value", "show-expand", "class"]),
-        c(de, {
-          show: P.value,
+        r(ue, {
+          show: D.value,
           title: e.deleteModalTitle,
           description: e.deleteModalMessage,
           confirmButtonText: e.deleteModalConfirmButtonText,
           cancelButtonText: e.deleteModalCancelButtonText,
-          onClose: G,
-          onConfirm: H
+          onClose: Y,
+          onConfirm: Q
         }, null, 8, ["show", "title", "description", "confirmButtonText", "cancelButtonText"])
       ], 64);
     };
   }
-}), pe = {
+}), ge = {
   install(e) {
-    e.component("DataTable", ue);
+    e.component("DataTable", me);
   }
 };
 export {
-  U as DATA_TABLE_CONFIG_KEY,
-  ue as DataTable,
+  R as DATA_TABLE_CONFIG_KEY,
+  me as DataTable,
   ve as createDataTableConfig,
-  pe as default
+  ge as default
 };

package/dist/vuetify-datatable.umd.cjs

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.VuetifyDatatable={},g.Vue))})(this,(function(g,e){"use strict";function $(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var D={exports:{}},S;function M(){if(S)return D.exports;S=1;function t(C,i=100,m={}){if(typeof C!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof C}\`.`);if(i<0)throw new RangeError("`wait` must not be negative.");const{immediate:c}=typeof m=="boolean"?{immediate:m}:m;let f,h,a,u,p;function s(){const x=f,y=h;return f=void 0,h=void 0,p=C.apply(x,y),p}function w(){const x=Date.now()-u;x<i&&x>=0?a=setTimeout(w,i-x):(a=void 0,c||(p=s()))}const l=function(...x){if(f&&this!==f&&Object.getPrototypeOf(this)===Object.getPrototypeOf(f))throw new Error("Debounced method called with different contexts of the same prototype.");f=this,h=x,u=Date.now();const y=c&&!a;return a||(a=setTimeout(w,i)),y&&(p=s()),p};return Object.defineProperty(l,"isPending",{get(){return a!==void 0}}),l.clear=()=>{a&&(clearTimeout(a),a=void 0)},l.flush=()=>{a&&l.trigger()},l.trigger=()=>{p=s(),l.clear()},l}return D.exports.debounce=t,D.exports=t,D.exports}var E=M();const O=$(E),j=e.defineComponent({__name:"ConfirmationModal",props:{show:Boolean,title:String,description:String,confirmButtonText:String,cancelButtonText:String},emits:["close","confirm"],setup(t){const C=t,i=e.computed({get:()=>C.show,set:()=>{}});return(m,c)=>{const f=e.resolveComponent("v-card-title"),h=e.resolveComponent("v-card-text"),a=e.resolveComponent("v-spacer"),u=e.resolveComponent("v-btn"),p=e.resolveComponent("v-card-actions"),s=e.resolveComponent("v-card"),w=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(w,{modelValue:i.value,"onUpdate:modelValue":c[2]||(c[2]=l=>i.value=l),"max-width":"500px",persistent:"","no-click-animation":""},{default:e.withCtx(()=>[e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(f,{class:"text-h5 text-center py-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1}),t.description?(e.openBlock(),e.createBlock(h,{key:0,class:"text-center px-0 py-0"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.description)+" ",1),e.renderSlot(m.$slots,"description")]),_:3})):e.createCommentVNode("",!0),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(a),e.createVNode(u,{color:"error",variant:"flat",dark:"",onClick:c[0]||(c[0]=l=>m.$emit("close"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText),1)]),_:1}),e.createVNode(u,{color:"success",variant:"flat",dark:"",onClick:c[1]||(c[1]=l=>m.$emit("confirm"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText),1)]),_:1}),e.createVNode(a)]),_:1})]),_:3})]),_:3},8,["modelValue"])}}}),V=Symbol("DataTableConfig");function A(t){return{install(C){C.provide(V,t)}}}const N=e.defineComponent({__name:"DataTable",props:{tableClass:{default:"border rounded-md mt-5"},headers:{default:()=>[]},items:{default:()=>[]},loading:{type:Boolean,default:!1},itemValue:{default:"id"},totalItems:{default:0},itemsPerPage:{default:10},search:{},showExpand:{type:Boolean,default:!1},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},showViewButton:{type:Boolean,default:!1},viewButtonText:{},deleteButtonText:{},deleteModalTitle:{},deleteModalMessage:{},deleteModalConfirmButtonText:{},deleteModalCancelButtonText:{},editButtonText:{},viewIcon:{},editIcon:{},deleteIcon:{}},emits:["onLoadData","editItem","deleteItem","viewItem"],setup(t,{emit:C}){const i=t,m=C,c=e.inject(V,{icons:{}}),f=e.computed(()=>{var o;return i.viewIcon??((o=c.icons)==null?void 0:o.view)??"mdi-eye-outline"}),h=e.computed(()=>{var o;return i.editIcon??((o=c.icons)==null?void 0:o.edit)??"mdi-pencil-outline"}),a=e.computed(()=>{var o;return i.deleteIcon??((o=c.icons)==null?void 0:o.delete)??"mdi-trash-can-outline"}),u=e.computed(()=>c.iconProps??{});function p(o){return typeof o!="string"}const s=e.ref(i.itemsPerPage),w=e.ref([]),l=e.ref(1),x=e.ref(null),y=e.ref(!1),L=e.computed(()=>{var o;return((o=i.headers)==null?void 0:o.filter(r=>r.key!=="actions"&&r.key!=="expanded-row"&&r.key!=="data-table-expand"))||[]});e.onMounted(()=>{T({page:l.value,itemsPerPage:s.value})});const _=o=>{x.value=o,y.value=!0},F=()=>{x.value=null,y.value=!1},q=o=>{m("editItem",o)},U=o=>{m("viewItem",o)},R=()=>{m("deleteItem",x.value),y.value=!1},T=({page:o,itemsPerPage:r})=>{const k=w.value.map(B=>({column:B.key,direction:B.order}));m("onLoadData",{page:o,itemsPerPage:r,search:i.search,sortBy:k})};function G(){T({page:1,itemsPerPage:s.value})}const I=O(G,400),K=()=>{I()};return e.watch(()=>i.search,(o,r)=>{o!==r&&I()}),e.watch(s,(o,r)=>{o!==r&&T({page:1,itemsPerPage:o})}),e.watch(w,()=>{T({page:1,itemsPerPage:s.value})}),e.watch(l,o=>{T({page:o,itemsPerPage:s.value})}),(o,r)=>{const k=e.resolveComponent("v-icon"),B=e.resolveComponent("v-btn"),P=e.resolveComponent("v-tooltip"),Y=e.resolveComponent("v-data-table-server");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(Y,{headers:t.headers,items:t.items,loading:t.loading,"items-length":t.totalItems,"items-per-page":s.value,"onUpdate:itemsPerPage":r[0]||(r[0]=n=>s.value=n),search:t.search,onSearch:K,"sort-by":w.value,"onUpdate:sortBy":r[1]||(r[1]=n=>w.value=n),page:l.value,"onUpdate:page":r[2]||(r[2]=n=>l.value=n),"item-value":t.itemValue,"show-expand":t.showExpand,class:e.normalizeClass(t.tableClass)},e.createSlots({"item.data-table-expand":e.withCtx(({internalItem:n,isExpanded:d,toggleExpand:b})=>[e.renderSlot(o.$slots,"item.data-table-expand",{internalItem:n,isExpanded:d,toggleExpand:b},()=>[e.createVNode(B,{onClick:H=>b(n),rounded:""},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d(n)?"mdi-chevron-up":"mdi-chevron-down"),1)]),_:2},1024)]),_:2},1032,["onClick"])])]),"expanded-row":e.withCtx(({columns:n,item:d})=>[e.renderSlot(o.$slots,"expanded-row",{columns:n,item:d})]),"item.actions":e.withCtx(({item:n})=>[e.renderSlot(o.$slots,"before-actions",{item:n}),t.showViewButton?(e.openBlock(),e.createBlock(P,{key:0,text:t.viewButtonText},{activator:e.withCtx(({props:d})=>[e.createVNode(B,e.mergeProps({icon:"",flat:"",onClick:b=>U(n)},d),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"view-icon",{},()=>[p(f.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({key:0,size:20,class:"text-info"},u.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-info"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}))])]),_:3},16,["onClick"])]),_:2},1032,["text"])):e.createCommentVNode("",!0),t.showEditButton?(e.openBlock(),e.createBlock(P,{key:1,text:t.editButtonText},{activator:e.withCtx(({props:d})=>[e.createVNode(B,e.mergeProps({icon:"",flat:"",onClick:b=>q(n)},d),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"edit-icon",{},()=>[p(h.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),e.mergeProps({key:0,size:20,class:"text-primary"},u.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1}))])]),_:3},16,["onClick"])]),_:2},1032,["text"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(P,{key:2,text:t.deleteButtonText},{activator:e.withCtx(({props:d})=>[e.createVNode(B,e.mergeProps({icon:"",flat:"",onClick:b=>_(n)},d),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"delete-icon",{},()=>[p(a.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({key:0,size:20,class:"text-error"},u.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1}))])]),_:3},16,["onClick"])]),_:2},1032,["text"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"after-actions",{item:n})]),tfoot:e.withCtx(()=>[e.createElementVNode("tfoot",null,[e.renderSlot(o.$slots,"item.tfoot")])]),_:2},[e.renderList(L.value,n=>({name:`item.${n.key}`,fn:e.withCtx(({item:d})=>[e.renderSlot(o.$slots,`item.${n.key}`,{item:d},()=>[e.createTextVNode(e.toDisplayString(d[n.key]),1)])])}))]),1032,["headers","items","loading","items-length","items-per-page","search","sort-by","page","item-value","show-expand","class"]),e.createVNode(j,{show:y.value,title:t.deleteModalTitle,description:t.deleteModalMessage,confirmButtonText:t.deleteModalConfirmButtonText,cancelButtonText:t.deleteModalCancelButtonText,onClose:F,onConfirm:R},null,8,["show","title","description","confirmButtonText","cancelButtonText"])],64)}}}),z={install(t){t.component("DataTable",N)}};g.DATA_TABLE_CONFIG_KEY=V,g.DataTable=N,g.createDataTableConfig=A,g.default=z,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.VuetifyDatatable={},C.Vue))})(this,(function(C,e){"use strict";function E(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var D={exports:{}},N;function M(){if(N)return D.exports;N=1;function t(h,r=100,m={}){if(typeof h!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof h}\`.`);if(r<0)throw new RangeError("`wait` must not be negative.");const{immediate:c}=typeof m=="boolean"?{immediate:m}:m;let f,u,a,w,p;function d(){const x=f,B=u;return f=void 0,u=void 0,p=h.apply(x,B),p}function y(){const x=Date.now()-w;x<r&&x>=0?a=setTimeout(y,r-x):(a=void 0,c||(p=d()))}const l=function(...x){if(f&&this!==f&&Object.getPrototypeOf(this)===Object.getPrototypeOf(f))throw new Error("Debounced method called with different contexts of the same prototype.");f=this,u=x,w=Date.now();const B=c&&!a;return a||(a=setTimeout(y,r)),B&&(p=d()),p};return Object.defineProperty(l,"isPending",{get(){return a!==void 0}}),l.clear=()=>{a&&(clearTimeout(a),a=void 0)},l.flush=()=>{a&&l.trigger()},l.trigger=()=>{p=d(),l.clear()},l}return D.exports.debounce=t,D.exports=t,D.exports}var O=M();const j=E(O),A=e.defineComponent({__name:"ConfirmationModal",props:{show:Boolean,title:String,description:String,confirmButtonText:String,cancelButtonText:String},emits:["close","confirm"],setup(t){const h=t,r=e.computed({get:()=>h.show,set:()=>{}});return(m,c)=>{const f=e.resolveComponent("v-card-title"),u=e.resolveComponent("v-card-text"),a=e.resolveComponent("v-spacer"),w=e.resolveComponent("v-btn"),p=e.resolveComponent("v-card-actions"),d=e.resolveComponent("v-card"),y=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(y,{modelValue:r.value,"onUpdate:modelValue":c[2]||(c[2]=l=>r.value=l),"max-width":"500px",persistent:"","no-click-animation":""},{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[e.createVNode(f,{class:"text-h5 text-center py-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1}),t.description?(e.openBlock(),e.createBlock(u,{key:0,class:"text-center px-0 py-0"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.description)+" ",1),e.renderSlot(m.$slots,"description")]),_:3})):e.createCommentVNode("",!0),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(a),e.createVNode(w,{color:"error",variant:"flat",dark:"",onClick:c[0]||(c[0]=l=>m.$emit("close"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText),1)]),_:1}),e.createVNode(w,{color:"success",variant:"flat",dark:"",onClick:c[1]||(c[1]=l=>m.$emit("confirm"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText),1)]),_:1}),e.createVNode(a)]),_:1})]),_:3})]),_:3},8,["modelValue"])}}}),V=Symbol("DataTableConfig");function z(t){return{install(h){h.provide(V,t)}}}const I=e.defineComponent({__name:"DataTable",props:{tableClass:{default:"border rounded-md mt-5"},headers:{default:()=>[]},items:{default:()=>[]},loading:{type:Boolean,default:!1},itemValue:{default:"id"},totalItems:{default:0},itemsPerPage:{default:10},search:{},showExpand:{type:Boolean,default:!1},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},showViewButton:{type:Boolean,default:!1},viewButtonText:{},deleteButtonText:{},deleteModalTitle:{},deleteModalMessage:{},deleteModalConfirmButtonText:{},deleteModalCancelButtonText:{},editButtonText:{},viewIcon:{},editIcon:{},deleteIcon:{},disableView:{},disableEdit:{},disableDelete:{}},emits:["onLoadData","editItem","deleteItem","viewItem"],setup(t,{emit:h}){const r=t,m=h,c=e.inject(V,{icons:{}}),f=e.computed(()=>{var o;return r.viewIcon??((o=c.icons)==null?void 0:o.view)??"mdi-eye-outline"}),u=e.computed(()=>{var o;return r.editIcon??((o=c.icons)==null?void 0:o.edit)??"mdi-pencil-outline"}),a=e.computed(()=>{var o;return r.deleteIcon??((o=c.icons)==null?void 0:o.delete)??"mdi-trash-can-outline"}),w=e.computed(()=>c.iconProps??{});function p(o){return typeof o!="string"}const d=e.ref(r.itemsPerPage),y=e.ref([]),l=e.ref(1),x=e.ref(null),B=e.ref(!1),F=e.computed(()=>{var o;return((o=r.headers)==null?void 0:o.filter(i=>i.key!=="actions"&&i.key!=="expanded-row"&&i.key!=="data-table-expand"))||[]});e.onMounted(()=>{T({page:l.value,itemsPerPage:d.value})});const q=o=>{x.value=o,B.value=!0},U=()=>{x.value=null,B.value=!1},R=o=>{m("editItem",o)},G=o=>{m("viewItem",o)},K=()=>{m("deleteItem",x.value),B.value=!1},T=({page:o,itemsPerPage:i})=>{const k=y.value.map(b=>({column:b.key,direction:b.order}));m("onLoadData",{page:o,itemsPerPage:i,search:r.search,sortBy:k})};function Y(){T({page:1,itemsPerPage:d.value})}const $=j(Y,400),H=()=>{$()};return e.watch(()=>r.search,(o,i)=>{o!==i&&$()}),e.watch(d,(o,i)=>{o!==i&&T({page:1,itemsPerPage:o})}),e.watch(y,()=>{T({page:1,itemsPerPage:d.value})}),e.watch(l,o=>{T({page:o,itemsPerPage:d.value})}),(o,i)=>{const k=e.resolveComponent("v-icon"),b=e.resolveComponent("v-btn"),P=e.resolveComponent("v-tooltip"),J=e.resolveComponent("v-data-table-server");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(J,{headers:t.headers,items:t.items,loading:t.loading,"items-length":t.totalItems,"items-per-page":d.value,"onUpdate:itemsPerPage":i[0]||(i[0]=n=>d.value=n),search:t.search,onSearch:H,"sort-by":y.value,"onUpdate:sortBy":i[1]||(i[1]=n=>y.value=n),page:l.value,"onUpdate:page":i[2]||(i[2]=n=>l.value=n),"item-value":t.itemValue,"show-expand":t.showExpand,class:e.normalizeClass(t.tableClass)},e.createSlots({"item.data-table-expand":e.withCtx(({internalItem:n,isExpanded:s,toggleExpand:g})=>[e.renderSlot(o.$slots,"item.data-table-expand",{internalItem:n,isExpanded:s,toggleExpand:g},()=>[e.createVNode(b,{onClick:S=>g(n),rounded:""},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s(n)?"mdi-chevron-up":"mdi-chevron-down"),1)]),_:2},1024)]),_:2},1032,["onClick"])])]),"expanded-row":e.withCtx(({columns:n,item:s})=>[e.renderSlot(o.$slots,"expanded-row",{columns:n,item:s})]),"item.actions":e.withCtx(({item:n})=>[e.renderSlot(o.$slots,"before-actions",{item:n}),t.showViewButton?(e.openBlock(),e.createBlock(P,{key:0,text:t.viewButtonText},{activator:e.withCtx(({props:s})=>{var g;return[e.createVNode(b,e.mergeProps({icon:"",flat:"",onClick:S=>G(n)},s,{disabled:(g=t.disableView)==null?void 0:g.call(t,n)}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"view-icon",{},()=>[p(f.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({key:0,size:20,class:"text-info"},w.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-info"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),t.showEditButton?(e.openBlock(),e.createBlock(P,{key:1,text:t.editButtonText},{activator:e.withCtx(({props:s})=>{var g;return[e.createVNode(b,e.mergeProps({icon:"",flat:"",onClick:S=>R(n)},s,{disabled:(g=t.disableEdit)==null?void 0:g.call(t,n)}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"edit-icon",{},()=>[p(u.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),e.mergeProps({key:0,size:20,class:"text-primary"},w.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(P,{key:2,text:t.deleteButtonText},{activator:e.withCtx(({props:s})=>{var g;return[e.createVNode(b,e.mergeProps({icon:"",flat:"",onClick:S=>q(n)},s,{disabled:(g=t.disableDelete)==null?void 0:g.call(t,n)}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"delete-icon",{},()=>[p(a.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({key:0,size:20,class:"text-error"},w.value),null,16)):(e.openBlock(),e.createBlock(k,{key:1,size:"20",class:"text-error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"after-actions",{item:n})]),tfoot:e.withCtx(()=>[e.createElementVNode("tfoot",null,[e.renderSlot(o.$slots,"item.tfoot")])]),_:2},[e.renderList(F.value,n=>({name:`item.${n.key}`,fn:e.withCtx(({item:s})=>[e.renderSlot(o.$slots,`item.${n.key}`,{item:s},()=>[e.createTextVNode(e.toDisplayString(s[n.key]),1)])])}))]),1032,["headers","items","loading","items-length","items-per-page","search","sort-by","page","item-value","show-expand","class"]),e.createVNode(A,{show:B.value,title:t.deleteModalTitle,description:t.deleteModalMessage,confirmButtonText:t.deleteModalConfirmButtonText,cancelButtonText:t.deleteModalCancelButtonText,onClose:U,onConfirm:K},null,8,["show","title","description","confirmButtonText","cancelButtonText"])],64)}}}),L={install(t){t.component("DataTable",I)}};C.DATA_TABLE_CONFIG_KEY=V,C.DataTable=I,C.createDataTableConfig=z,C.default=L,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazzadev/vuetify-datatable",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Reusable server-side DataTable component for Vuetify 3",
   "type": "module",
   "main": "./dist/vuetify-datatable.umd.cjs",