@dazzadev/vuetify-datatable 1.0.2 → 1.0.4

package/README.md

@@ -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/types.d.ts

@@ -18,6 +18,7 @@ export interface DataTableIconConfig {
 export interface DataTableConfig {
     icons?: DataTableIconConfig;
     iconProps?: Record<string, unknown>;
+    tableClass?: string;
 }
 export interface LoadDataParams {
     page: number;

package/dist/vuetify-datatable.js

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

package/package.json

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