@dazzadev/vuetify-datatable 1.2.1 → 1.3.1

package/README.md

@@ -88,6 +88,10 @@ this shows while every column fits.
   hidden, and stays visible in that case even if the rest fits. `actions`, expand and select
   columns are never listed.
 
+Two header options shape the chooser: `hidden: true` starts a column hidden until the user shows
+it (and "Reset" hides it again; the "N hidden" count leaves these out), and `locked: true` keeps a
+column always visible (it can still be moved). The `column-chooser` slot receives `locked` on each column.
+
 The choices are saved in `localStorage`, keyed by the set of header keys. Texts and the storage
 key can be set in the global config:
 

package/dist/types.d.ts

@@ -5,6 +5,10 @@ export interface TableHeader {
     align?: string;
     sortable?: boolean;
     fixed?: boolean;
+    /** Starts hidden in the column chooser until the user shows it. */
+    hidden?: boolean;
+    /** Always visible: the column chooser can move it but not hide it. */
+    locked?: boolean;
 }
 export interface SortItem {
     key: string;
@@ -34,6 +38,7 @@ export interface DataTableColumn {
     key: string;
     title: string;
     visible: boolean;
+    locked: boolean;
 }
 export interface DataTableConfig {
     icons?: DataTableIconConfig;

package/dist/vuetify-datatable.js

@@ -1,32 +1,32 @@
-import { defineComponent as Pe, computed as c, resolveComponent as f, openBlock as m, createBlock as k, withCtx as a, createVNode as r, createTextVNode as V, toDisplayString as g, renderSlot as C, createCommentVNode as N, inject as ot, ref as v, watch as z, nextTick as lt, onMounted as nt, onBeforeUnmount as at, createElementBlock as G, normalizeStyle as st, normalizeClass as $e, withDirectives as rt, createElementVNode as P, Fragment as it, renderList as Ie, withModifiers as le, withKeys as Le, mergeProps as H, vShow as dt, createSlots as ut, resolveDynamicComponent as he } from "vue";
-function ct(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+import { defineComponent as Oe, computed as c, resolveComponent as f, openBlock as m, createBlock as C, withCtx as a, createVNode as r, createTextVNode as V, toDisplayString as b, renderSlot as k, createCommentVNode as K, inject as at, ref as v, watch as N, nextTick as st, onMounted as rt, onBeforeUnmount as it, createElementBlock as G, normalizeStyle as dt, normalizeClass as He, withDirectives as ut, createElementVNode as M, Fragment as ct, renderList as Me, withModifiers as ne, withKeys as Pe, mergeProps as P, vShow as vt, createSlots as mt, resolveDynamicComponent as we } from "vue";
+function ft(l) {
+  return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
 }
-var ne = { exports: {} }, Me;
-function vt() {
-  if (Me) return ne.exports;
-  Me = 1;
-  function o(_, $ = 100, I = {}) {
+var ae = { exports: {} }, Ee;
+function pt() {
+  if (Ee) return ae.exports;
+  Ee = 1;
+  function l(_, $ = 100, I = {}) {
     if (typeof _ != "function")
       throw new TypeError(`Expected the first parameter to be a function, got \`${typeof _}\`.`);
     if ($ < 0)
       throw new RangeError("`wait` must not be negative.");
-    const { immediate: b } = typeof I == "boolean" ? { immediate: I } : I;
-    let d, y, i, L, h;
-    function M() {
-      const S = d, O = y;
-      return d = void 0, y = void 0, h = _.apply(S, O), h;
+    const { immediate: y } = typeof I == "boolean" ? { immediate: I } : I;
+    let d, h, i, L, x;
+    function H() {
+      const S = d, O = h;
+      return d = void 0, h = void 0, x = _.apply(S, O), x;
     }
     function E() {
       const S = Date.now() - L;
-      S < $ && S >= 0 ? i = setTimeout(E, $ - S) : (i = void 0, b || (h = M()));
+      S < $ && S >= 0 ? i = setTimeout(E, $ - S) : (i = void 0, y || (x = H()));
     }
     const p = function(...S) {
       if (d && this !== d && Object.getPrototypeOf(this) === Object.getPrototypeOf(d))
         throw new Error("Debounced method called with different contexts of the same prototype.");
-      d = this, y = S, L = Date.now();
-      const O = b && !i;
-      return i || (i = setTimeout(E, $)), O && (h = M()), h;
+      d = this, h = S, L = Date.now();
+      const O = y && !i;
+      return i || (i = setTimeout(E, $)), O && (x = H()), x;
     };
     return Object.defineProperty(p, "isPending", {
       get() {
@@ -37,13 +37,13 @@ function vt() {
     }, p.flush = () => {
       i && p.trigger();
     }, p.trigger = () => {
-      h = M(), p.clear();
+      x = H(), p.clear();
     }, p;
   }
-  return ne.exports.debounce = o, ne.exports = o, ne.exports;
+  return ae.exports.debounce = l, ae.exports = l, ae.exports;
 }
-var mt = /* @__PURE__ */ vt();
-const ft = /* @__PURE__ */ ct(mt), pt = /* @__PURE__ */ Pe({
+var gt = /* @__PURE__ */ pt();
+const bt = /* @__PURE__ */ ft(gt), yt = /* @__PURE__ */ Oe({
   __name: "ConfirmationModal",
   props: {
     show: Boolean,
@@ -53,51 +53,51 @@ const ft = /* @__PURE__ */ ct(mt), pt = /* @__PURE__ */ Pe({
     cancelButtonText: String
   },
   emits: ["close", "confirm"],
-  setup(o) {
-    const _ = o, $ = c({
+  setup(l) {
+    const _ = l, $ = c({
       get: () => _.show,
       set: () => {
       }
     });
-    return (I, b) => {
-      const d = f("v-card-title"), y = f("v-card-text"), i = f("v-spacer"), L = f("v-btn"), h = f("v-card-actions"), M = f("v-card"), E = f("v-dialog");
-      return m(), k(E, {
+    return (I, y) => {
+      const d = f("v-card-title"), h = f("v-card-text"), i = f("v-spacer"), L = f("v-btn"), x = f("v-card-actions"), H = f("v-card"), E = f("v-dialog");
+      return m(), C(E, {
         modelValue: $.value,
-        "onUpdate:modelValue": b[2] || (b[2] = (p) => $.value = p),
+        "onUpdate:modelValue": y[2] || (y[2] = (p) => $.value = p),
         "max-width": "500px",
         persistent: "",
         "no-click-animation": ""
       }, {
         default: a(() => [
-          r(M, null, {
+          r(H, null, {
             default: a(() => [
               r(d, { class: "text-h5 text-center py-6" }, {
                 default: a(() => [
-                  V(g(o.title), 1)
+                  V(b(l.title), 1)
                 ]),
                 _: 1
               }),
-              o.description ? (m(), k(y, {
+              l.description ? (m(), C(h, {
                 key: 0,
                 class: "text-center px-0 py-0"
               }, {
                 default: a(() => [
-                  V(g(o.description) + " ", 1),
-                  C(I.$slots, "description")
+                  V(b(l.description) + " ", 1),
+                  k(I.$slots, "description")
                 ]),
                 _: 3
-              })) : N("", !0),
-              r(h, null, {
+              })) : K("", !0),
+              r(x, null, {
                 default: a(() => [
                   r(i),
                   r(L, {
                     color: "error",
                     variant: "flat",
                     dark: "",
-                    onClick: b[0] || (b[0] = (p) => I.$emit("close"))
+                    onClick: y[0] || (y[0] = (p) => I.$emit("close"))
                   }, {
                     default: a(() => [
-                      V(g(o.cancelButtonText), 1)
+                      V(b(l.cancelButtonText), 1)
                     ]),
                     _: 1
                   }),
@@ -105,10 +105,10 @@ const ft = /* @__PURE__ */ ct(mt), pt = /* @__PURE__ */ Pe({
                     color: "success",
                     variant: "flat",
                     dark: "",
-                    onClick: b[1] || (b[1] = (p) => I.$emit("confirm"))
+                    onClick: y[1] || (y[1] = (p) => I.$emit("confirm"))
                   }, {
                     default: a(() => [
-                      V(g(o.confirmButtonText), 1)
+                      V(b(l.confirmButtonText), 1)
                     ]),
                     _: 1
                   }),
@@ -124,18 +124,18 @@ const ft = /* @__PURE__ */ ct(mt), pt = /* @__PURE__ */ Pe({
       }, 8, ["modelValue"]);
     };
   }
-}), He = Symbol("DataTableConfig");
-function Mt(o) {
+}), Re = Symbol("DataTableConfig");
+function Et(l) {
   return {
     install(_) {
-      _.provide(He, o);
+      _.provide(Re, l);
     }
   };
 }
-const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify-content:flex-start;padding-bottom:8px}.vdt-body{position:relative}.vdt--pinned .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{position:sticky;right:0;z-index:2;background:rgb(var(--v-theme-surface))}.vdt--pinned.vdt--can-right .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned.vdt--can-right .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{box-shadow:inset 1px 0 rgba(var(--v-border-color),var(--v-border-opacity)),-8px 0 12px -6px #00000026}.vdt-fade{position:absolute;top:var(--vdt-scroll-top, 0px);height:var(--vdt-scroll-h, 100%);width:56px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:3}.vdt-fade--left{left:0;background:linear-gradient(to left,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt-fade--right{right:var(--vdt-pinned-w, 0px);background:linear-gradient(to right,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt--can-left .vdt-fade--left,.vdt--can-right .vdt-fade--right{opacity:1}.vdt-arrow{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 16px);z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:thin solid rgba(var(--v-border-color),var(--v-border-opacity));border-radius:50%;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));box-shadow:0 4px 12px #00000026;cursor:pointer}.vdt-arrow:focus-visible{outline:2px solid rgb(var(--v-theme-primary));outline-offset:2px}.vdt-arrow--left{left:8px}.vdt-arrow--right{right:calc(var(--vdt-pinned-w, 0px) + 8px)}.vdt-hint{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 24px);right:calc(var(--vdt-pinned-w, 0px) + 8px);z-index:5;transform:translateY(-100%);padding:5px 10px;border-radius:4px;background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant));font-size:12px;white-space:nowrap;pointer-events:none}.vdt-hint:after{content:"";position:absolute;top:100%;right:11px;border:5px solid transparent;border-top-color:rgb(var(--v-theme-surface-variant))}.vdt-columns__actions{display:flex;justify-content:space-between;margin:4px 0}.vdt-columns__list{max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.vdt-columns__item{display:flex;align-items:center;gap:4px;border-radius:4px}.vdt-columns__item--over{background:rgba(var(--v-theme-primary),.08)}.vdt-columns__handle{display:flex;padding:4px;border:0;border-radius:4px;background:none;color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity));cursor:grab}.vdt-columns__handle:focus-visible{outline:2px solid rgb(var(--v-theme-primary))}', bt = { class: "vdt-toolbar" }, yt = { class: "vdt-columns__actions" }, ht = { class: "vdt-columns__list" }, xt = ["onDragstart", "onDragover", "onDrop"], wt = ["aria-label", "title", "onKeydown"], Ct = ["aria-label"], kt = ["aria-label"], Vt = {
+const ht = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify-content:flex-start;padding-bottom:8px}.vdt-body{position:relative}.vdt--pinned .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{position:sticky;right:0;z-index:2;background:rgb(var(--v-theme-surface))}.vdt--pinned.vdt--can-right .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned.vdt--can-right .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{box-shadow:inset 1px 0 rgba(var(--v-border-color),var(--v-border-opacity)),-8px 0 12px -6px #00000026}.vdt-fade{position:absolute;top:var(--vdt-scroll-top, 0px);height:var(--vdt-scroll-h, 100%);width:56px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:3}.vdt-fade--left{left:0;background:linear-gradient(to left,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt-fade--right{right:var(--vdt-pinned-w, 0px);background:linear-gradient(to right,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt--can-left .vdt-fade--left,.vdt--can-right .vdt-fade--right{opacity:1}.vdt-arrow{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 16px);z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:thin solid rgba(var(--v-border-color),var(--v-border-opacity));border-radius:50%;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));box-shadow:0 4px 12px #00000026;cursor:pointer}.vdt-arrow:focus-visible{outline:2px solid rgb(var(--v-theme-primary));outline-offset:2px}.vdt-arrow--left{left:8px}.vdt-arrow--right{right:calc(var(--vdt-pinned-w, 0px) + 8px)}.vdt-hint{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 24px);right:calc(var(--vdt-pinned-w, 0px) + 8px);z-index:5;transform:translateY(-100%);padding:5px 10px;border-radius:4px;background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant));font-size:12px;white-space:nowrap;pointer-events:none}.vdt-hint:after{content:"";position:absolute;top:100%;right:11px;border:5px solid transparent;border-top-color:rgb(var(--v-theme-surface-variant))}.vdt-columns__actions{display:flex;justify-content:space-between;margin:4px 0}.vdt-columns__list{max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.vdt-columns__item{display:flex;align-items:center;gap:4px;border-radius:4px}.vdt-columns__item--over{background:rgba(var(--v-theme-primary),.08)}.vdt-columns__handle{display:flex;padding:4px;border:0;border-radius:4px;background:none;color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity));cursor:grab}.vdt-columns__handle:focus-visible{outline:2px solid rgb(var(--v-theme-primary))}', xt = { class: "vdt-toolbar" }, wt = { class: "vdt-columns__actions" }, kt = { class: "vdt-columns__list" }, Ct = ["onDragstart", "onDragover", "onDrop"], Vt = ["aria-label", "title", "onKeydown"], St = ["aria-label"], Dt = ["aria-label"], Tt = {
   key: 2,
   class: "vdt-hint"
-}, ae = "actions", St = 300, xe = 2, Tt = "vuetify-datatable:columns:", Bt = "svg:M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z", Dt = "svg:M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z", _t = "svg:M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z", $t = "svg:M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", It = /* @__PURE__ */ Pe({
+}, se = "actions", Bt = 300, ke = 2, _t = "vuetify-datatable:columns:", $t = "svg:M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z", It = "svg:M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z", Lt = "svg:M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z", Ht = "svg:M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Mt = /* @__PURE__ */ Oe({
   inheritAttrs: !1,
   __name: "DataTable",
   props: {
@@ -169,14 +169,14 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
     disableDelete: {}
   },
   emits: ["onLoadData", "editItem", "deleteItem", "viewItem", "update:modelValue"],
-  setup(o, { emit: _ }) {
+  setup(l, { emit: _ }) {
     function $() {
       if (typeof document > "u" || document.getElementById("vuetify-datatable-styles")) return;
       const e = document.createElement("style");
-      e.id = "vuetify-datatable-styles", e.textContent = gt, document.head.appendChild(e);
+      e.id = "vuetify-datatable-styles", e.textContent = ht, document.head.appendChild(e);
     }
     $();
-    const I = [ae, "expanded-row", "data-table-expand", "data-table-select"], b = {
+    const I = [se, "expanded-row", "data-table-expand", "data-table-select"], y = {
       columns: "Columns",
       hiddenColumns: (e) => `Columns · ${e} hidden`,
       searchColumns: "Search columns",
@@ -187,13 +187,13 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
       scrollHint: "Scroll to see more columns",
       scrollLeft: "Previous columns",
       scrollRight: "More columns"
-    }, d = o, y = _, i = ot(He, { icons: {} }), L = c(() => {
+    }, d = l, h = _, i = at(Re, { icons: {} }), L = c(() => {
       var e;
       return d.viewIcon ?? ((e = i.icons) == null ? void 0 : e.view) ?? "mdi-eye-outline";
-    }), h = c(() => {
+    }), x = c(() => {
       var e;
       return d.editIcon ?? ((e = i.icons) == null ? void 0 : e.edit) ?? "mdi-pencil-outline";
-    }), M = c(() => {
+    }), H = c(() => {
       var e;
       return d.deleteIcon ?? ((e = i.icons) == null ? void 0 : e.delete) ?? "mdi-trash-can-outline";
     }), E = c(() => i.iconProps ?? {}), p = c(() => d.tableClass ?? i.tableClass ?? "border rounded-md");
@@ -202,294 +202,300 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
     }
     const O = c({
       get: () => d.modelValue,
-      set: (e) => y("update:modelValue", e)
+      set: (e) => h("update:modelValue", e)
     });
-    function Ee() {
-      y("update:modelValue", []);
+    function Ae() {
+      h("update:modelValue", []);
     }
-    const R = v(d.itemsPerPage), Y = v([]), Z = v(1), se = v(null), W = v(!1), Oe = c(() => {
+    const A = v(d.itemsPerPage), Y = v([]), Z = v(1), re = v(null), W = v(!1), ze = c(() => {
       var e;
       return ((e = d.headers) == null ? void 0 : e.filter(
         (t) => t.key !== "actions" && t.key !== "expanded-row" && t.key !== "data-table-expand"
       )) || [];
     });
-    function T(e) {
-      var n;
-      const t = ((n = i.texts) == null ? void 0 : n[e]) ?? b[e];
+    function D(e) {
+      var o;
+      const t = ((o = i.texts) == null ? void 0 : o[e]) ?? y[e];
       return typeof t == "function" ? t() : t;
     }
-    const re = v(!1), ie = v(""), A = v([]), x = v([]), J = v(null), X = v(null), K = c(() => d.headers.filter((e) => !I.includes(e.key) && !!e.title)), U = c(() => {
-      const e = new Map(K.value.map((n) => [n.key, n]));
-      return [...A.value.filter((n) => e.has(n)).map((n) => e.get(n)), ...K.value.filter((n) => !A.value.includes(n.key))];
-    }), Re = c(() => {
-      const e = (ie.value ?? "").trim().toLowerCase();
+    const ie = v(!1), de = v(""), z = v([]), g = v([]), J = v(null), X = v(null), R = c(() => d.headers.filter((e) => !I.includes(e.key) && !!e.title)), U = c(() => {
+      const e = new Map(R.value.map((o) => [o.key, o]));
+      return [...z.value.filter((o) => e.has(o)).map((o) => e.get(o)), ...R.value.filter((o) => !z.value.includes(o.key))];
+    }), Ne = c(() => {
+      const e = (de.value ?? "").trim().toLowerCase();
       return e ? U.value.filter((t) => {
-        var n;
-        return (n = t.title) == null ? void 0 : n.toLowerCase().includes(e);
+        var o;
+        return (o = t.title) == null ? void 0 : o.toLowerCase().includes(e);
       }) : U.value;
-    }), j = c(() => K.value.filter((e) => x.value.includes(e.key)).length), Ae = c(
-      () => U.value.map((e) => ({ key: e.key, title: e.title ?? "", visible: !x.value.includes(e.key) }))
-    ), we = c(() => d.headers.some((e) => e.key === ae)), de = c(() => {
-      const e = new Set(K.value.map((s) => s.key)), t = [...U.value], n = d.headers.map((s) => e.has(s.key) ? t.shift() : s);
+    }), ue = c(() => new Set(R.value.filter((e) => e.locked).map((e) => e.key))), j = c(() => R.value.filter((e) => e.hidden && !e.locked).map((e) => e.key)), Q = c(() => R.value.filter((e) => g.value.includes(e.key)).length), Ce = c(() => g.value.filter((e) => !j.value.includes(e)).length), Ke = c(
+      () => U.value.map((e) => ({
+        key: e.key,
+        title: e.title ?? "",
+        visible: !g.value.includes(e.key),
+        locked: ue.value.has(e.key)
+      }))
+    ), Ve = c(() => d.headers.some((e) => e.key === se)), ce = c(() => {
+      const e = new Set(R.value.map((s) => s.key)), t = [...U.value], o = d.headers.map((s) => e.has(s.key) ? t.shift() : s);
       return [
-        ...n.filter((s) => s.key !== ae && !x.value.includes(s.key)),
-        ...n.filter((s) => s.key === ae)
+        ...o.filter((s) => s.key !== se && !g.value.includes(s.key)),
+        ...o.filter((s) => s.key === se)
       ];
-    }), Ce = c(
+    }), Se = c(
       () => {
         var e;
-        return j.value > 0 ? (((e = i.texts) == null ? void 0 : e.hiddenColumns) ?? b.hiddenColumns)(j.value) : T("columns");
+        return Ce.value > 0 ? (((e = i.texts) == null ? void 0 : e.hiddenColumns) ?? y.hiddenColumns)(Ce.value) : D("columns");
       }
     );
-    function ke(e, t) {
-      x.value = t ? x.value.filter((n) => n !== e) : [...x.value, e];
+    function De(e, t) {
+      ue.value.has(e) || (g.value = t ? g.value.filter((o) => o !== e) : [...g.value, e]);
     }
-    function Ve() {
-      x.value = j.value === 0 ? K.value.map((e) => e.key) : [];
+    function Te() {
+      g.value = Q.value === 0 ? R.value.filter((e) => !e.locked).map((e) => e.key) : [];
     }
-    function Se() {
-      A.value = [], x.value = [];
+    function Be() {
+      z.value = [], g.value = [...j.value];
     }
-    function ue(e, t) {
-      const n = U.value.map((w) => w.key), s = n.indexOf(e), B = n.indexOf(t);
-      s === -1 || B === -1 || s === B || (n.splice(B, 0, ...n.splice(s, 1)), A.value = n);
+    function ve(e, t) {
+      const o = U.value.map((w) => w.key), s = o.indexOf(e), T = o.indexOf(t);
+      s === -1 || T === -1 || s === T || (o.splice(T, 0, ...o.splice(s, 1)), z.value = o);
     }
-    function ce(e, t) {
-      const n = U.value.map((B) => B.key), s = n[n.indexOf(e) + t];
-      s && ue(e, s);
+    function me(e, t) {
+      const o = U.value.map((T) => T.key), s = o[o.indexOf(e) + t];
+      s && ve(e, s);
     }
-    function ze(e, t) {
-      var n;
-      J.value = t, (n = e.dataTransfer) == null || n.setData("text/plain", t);
+    function Ue(e, t) {
+      var o;
+      J.value = t, (o = e.dataTransfer) == null || o.setData("text/plain", t);
     }
-    function Ne(e) {
-      J.value && ue(J.value, e), Te();
+    function je(e) {
+      J.value && ve(J.value, e), _e();
     }
-    function Te() {
+    function _e() {
       J.value = null, X.value = null;
     }
-    const ve = c(() => {
+    const fe = c(() => {
       var t;
-      const e = Tt + K.value.map((n) => n.key).sort().join(",");
+      const e = _t + R.value.map((o) => o.key).sort().join(",");
       return ((t = i.storageKey) == null ? void 0 : t.call(i, e)) ?? e;
     });
-    z(
-      ve,
+    N(
+      fe,
       (e) => {
         try {
           const t = JSON.parse(localStorage.getItem(e) ?? "null");
-          A.value = Array.isArray(t == null ? void 0 : t.order) ? t.order : [], x.value = Array.isArray(t == null ? void 0 : t.hidden) ? t.hidden : [];
+          z.value = Array.isArray(t == null ? void 0 : t.order) ? t.order : [], g.value = Array.isArray(t == null ? void 0 : t.hidden) ? t.hidden.filter((o) => !ue.value.has(o)) : [...j.value];
         } catch {
-          A.value = [], x.value = [];
+          z.value = [], g.value = [...j.value];
         }
       },
       { immediate: !0 }
-    ), z([A, x], ([e, t]) => {
+    ), N([z, g], ([e, t]) => {
       try {
-        e.length || t.length ? localStorage.setItem(ve.value, JSON.stringify({ order: e, hidden: t })) : localStorage.removeItem(ve.value);
+        e.length === 0 && t.length === j.value.length && t.every((s) => j.value.includes(s)) ? localStorage.removeItem(fe.value) : localStorage.setItem(fe.value, JSON.stringify({ order: e, hidden: t }));
       } catch {
       }
     });
-    const me = v(null), fe = v(null), Q = v(!1), pe = v(!1), ee = v(!1), ge = v(!1), Be = v({});
+    const pe = v(null), ge = v(null), ee = v(!1), be = v(!1), te = v(!1), ye = v(!1), $e = v({});
     let q = null;
-    const Ke = c(() => Q.value || j.value > 0 || re.value), De = c(() => ee.value && !ge.value), Ue = c(() => ({
-      "vdt--pinned": we.value,
-      "vdt--can-left": pe.value,
-      "vdt--can-right": ee.value
+    const qe = c(() => ee.value || Q.value > 0 || ie.value), Ie = c(() => te.value && !ye.value), Fe = c(() => ({
+      "vdt--pinned": Ve.value,
+      "vdt--can-left": be.value,
+      "vdt--can-right": te.value
     }));
-    function be() {
+    function he() {
       var e;
-      return ((e = fe.value) == null ? void 0 : e.querySelector(".v-table__wrapper")) ?? null;
+      return ((e = ge.value) == null ? void 0 : e.querySelector(".v-table__wrapper")) ?? null;
     }
-    function te() {
-      const e = fe.value, t = be();
+    function le() {
+      const e = ge.value, t = he();
       if (!e || !t) return;
-      const n = t.scrollWidth - t.clientWidth;
-      Q.value = n > xe, pe.value = Q.value && t.scrollLeft > xe, ee.value = Q.value && t.scrollLeft < n - xe;
-      const s = we.value ? t.querySelector("thead > tr > th:last-child") : null, B = t.querySelector("thead"), w = t.getBoundingClientRect();
-      Be.value = {
+      const o = t.scrollWidth - t.clientWidth;
+      ee.value = o > ke, be.value = ee.value && t.scrollLeft > ke, te.value = ee.value && t.scrollLeft < o - ke;
+      const s = Ve.value ? t.querySelector("thead > tr > th:last-child") : null, T = t.querySelector("thead"), w = t.getBoundingClientRect();
+      $e.value = {
         "--vdt-pinned-w": `${(s == null ? void 0 : s.offsetWidth) ?? 0}px`,
         "--vdt-scroll-top": `${w.top - e.getBoundingClientRect().top}px`,
         "--vdt-scroll-h": `${w.height}px`,
-        "--vdt-head-h": `${(B == null ? void 0 : B.offsetHeight) ?? 48}px`
+        "--vdt-head-h": `${(T == null ? void 0 : T.offsetHeight) ?? 48}px`
       };
     }
-    function je(e) {
-      const t = be();
-      !t || e.target !== t || (t.scrollLeft > 10 && (ge.value = !0), te());
+    function Ge(e) {
+      const t = he();
+      !t || e.target !== t || (t.scrollLeft > 10 && (ye.value = !0), le());
     }
-    function _e(e) {
+    function Le(e) {
       var t;
-      e === 1 && (ge.value = !0), (t = be()) == null || t.scrollBy({ left: e * St, behavior: "smooth" });
+      e === 1 && (ye.value = !0), (t = he()) == null || t.scrollBy({ left: e * Bt, behavior: "smooth" });
     }
-    z([de, () => d.items, () => d.loading], () => lt(te)), nt(() => {
+    N([ce, () => d.items, () => d.loading], () => st(le)), rt(() => {
       F({
         page: Z.value,
-        itemsPerPage: R.value
-      }), typeof ResizeObserver < "u" && me.value && (q = new ResizeObserver(() => requestAnimationFrame(te)), q.observe(me.value)), te();
-    }), at(() => q == null ? void 0 : q.disconnect());
-    const qe = (e) => {
-      se.value = e, W.value = !0;
-    }, Fe = () => {
-      se.value = null, W.value = !1;
-    }, Ge = (e) => {
-      y("editItem", e);
-    }, Ye = (e) => {
-      y("viewItem", e);
+        itemsPerPage: A.value
+      }), typeof ResizeObserver < "u" && pe.value && (q = new ResizeObserver(() => requestAnimationFrame(le)), q.observe(pe.value)), le();
+    }), it(() => q == null ? void 0 : q.disconnect());
+    const Ye = (e) => {
+      re.value = e, W.value = !0;
     }, Ze = () => {
-      y("deleteItem", se.value), W.value = !1;
+      re.value = null, W.value = !1;
+    }, We = (e) => {
+      h("editItem", e);
+    }, Je = (e) => {
+      h("viewItem", e);
+    }, Xe = () => {
+      h("deleteItem", re.value), W.value = !1;
     }, F = ({ page: e, itemsPerPage: t }) => {
-      const n = Y.value.map((s) => ({
+      const o = Y.value.map((s) => ({
         column: s.key,
         direction: s.order
       }));
-      y("onLoadData", {
+      h("onLoadData", {
         page: e,
         itemsPerPage: t,
         search: d.search,
-        sortBy: n
+        sortBy: o
       });
     };
-    function We() {
+    function Qe() {
       F({
         page: 1,
-        itemsPerPage: R.value
+        itemsPerPage: A.value
       });
     }
-    const Je = ft(We, 400);
-    return z(
+    const et = bt(Qe, 400);
+    return N(
       () => d.search,
       (e, t) => {
-        e !== t && Je();
+        e !== t && et();
       }
-    ), z(R, (e, t) => {
+    ), N(A, (e, t) => {
       e !== t && F({
         page: 1,
         itemsPerPage: e
       });
-    }), z(Y, () => {
+    }), N(Y, () => {
       F({
         page: 1,
-        itemsPerPage: R.value
+        itemsPerPage: A.value
       });
-    }), z(Z, (e) => {
+    }), N(Z, (e) => {
       F({
         page: e,
-        itemsPerPage: R.value
+        itemsPerPage: A.value
       });
     }), (e, t) => {
-      const n = f("v-btn"), s = f("v-text-field"), B = f("v-checkbox-btn"), w = f("v-icon"), Xe = f("v-card-text"), Qe = f("v-card"), et = f("v-menu"), oe = f("v-tooltip"), tt = f("v-data-table-server");
+      const o = f("v-btn"), s = f("v-text-field"), T = f("v-checkbox-btn"), w = f("v-icon"), tt = f("v-card-text"), lt = f("v-card"), ot = f("v-menu"), oe = f("v-tooltip"), nt = f("v-data-table-server");
       return m(), G("div", {
         ref_key: "rootRef",
-        ref: me,
-        class: $e(["vdt", Ue.value]),
-        style: st(Be.value)
+        ref: pe,
+        class: He(["vdt", Fe.value]),
+        style: dt($e.value)
       }, [
-        rt(P("div", bt, [
-          C(e.$slots, "column-chooser", {
-            columns: Ae.value,
-            hiddenCount: j.value,
-            label: Ce.value,
-            setVisible: ke,
-            toggleAll: Ve,
-            reset: Se,
-            move: ce,
-            place: ue
+        ut(M("div", xt, [
+          k(e.$slots, "column-chooser", {
+            columns: Ke.value,
+            hiddenCount: Q.value,
+            label: Se.value,
+            setVisible: De,
+            toggleAll: Te,
+            reset: Be,
+            move: me,
+            place: ve
           }, () => [
-            r(et, {
-              modelValue: re.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (l) => re.value = l),
+            r(ot, {
+              modelValue: ie.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => ie.value = n),
               "close-on-content-click": !1,
               location: "bottom start"
             }, {
-              activator: a(({ props: l }) => [
-                r(n, H(l, {
+              activator: a(({ props: n }) => [
+                r(o, P(n, {
                   class: "vdt-columns__button",
                   variant: "outlined",
                   color: "primary",
                   size: "small",
-                  "prepend-icon": Bt
+                  "prepend-icon": $t
                 }), {
                   default: a(() => [
-                    V(g(Ce.value), 1)
+                    V(b(Se.value), 1)
                   ]),
                   _: 1
                 }, 16)
               ]),
               default: a(() => [
-                r(Qe, {
+                r(lt, {
                   class: "vdt-columns",
                   "min-width": "280"
                 }, {
                   default: a(() => [
-                    r(Xe, { class: "pa-3" }, {
+                    r(tt, { class: "pa-3" }, {
                       default: a(() => [
                         r(s, {
-                          modelValue: ie.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (l) => ie.value = l),
-                          placeholder: T("searchColumns"),
+                          modelValue: de.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (n) => de.value = n),
+                          placeholder: D("searchColumns"),
                           density: "compact",
                           variant: "outlined",
                           "hide-details": "",
                           clearable: ""
                         }, null, 8, ["modelValue", "placeholder"]),
-                        P("div", yt, [
-                          r(n, {
+                        M("div", wt, [
+                          r(o, {
                             variant: "text",
                             size: "small",
                             color: "primary",
-                            onClick: Ve
+                            onClick: Te
                           }, {
                             default: a(() => [
-                              V(g(j.value === 0 ? T("hideAllColumns") : T("showAllColumns")), 1)
+                              V(b(Q.value === 0 ? D("hideAllColumns") : D("showAllColumns")), 1)
                             ]),
                             _: 1
                           }),
-                          r(n, {
+                          r(o, {
                             variant: "text",
                             size: "small",
-                            onClick: Se
+                            onClick: Be
                           }, {
                             default: a(() => [
-                              V(g(T("resetColumns")), 1)
+                              V(b(D("resetColumns")), 1)
                             ]),
                             _: 1
                           })
                         ]),
-                        P("ul", ht, [
-                          (m(!0), G(it, null, Ie(Re.value, (l) => (m(), G("li", {
-                            key: l.key,
-                            class: $e(["vdt-columns__item", { "vdt-columns__item--over": X.value === l.key }]),
+                        M("ul", kt, [
+                          (m(!0), G(ct, null, Me(Ne.value, (n) => (m(), G("li", {
+                            key: n.key,
+                            class: He(["vdt-columns__item", { "vdt-columns__item--over": X.value === n.key }]),
                             draggable: "true",
-                            onDragstart: (u) => ze(u, l.key),
-                            onDragover: le((u) => X.value = l.key, ["prevent"]),
+                            onDragstart: (u) => Ue(u, n.key),
+                            onDragover: ne((u) => X.value = n.key, ["prevent"]),
                             onDragleave: t[1] || (t[1] = (u) => X.value = null),
-                            onDrop: le((u) => Ne(l.key), ["prevent"]),
-                            onDragend: Te
+                            onDrop: ne((u) => je(n.key), ["prevent"]),
+                            onDragend: _e
                           }, [
-                            r(B, {
-                              "model-value": !x.value.includes(l.key),
-                              label: l.title,
+                            r(T, {
+                              "model-value": !g.value.includes(n.key),
+                              label: n.title,
+                              disabled: !!n.locked,
                               density: "compact",
                               class: "flex-grow-1",
-                              "onUpdate:modelValue": (u) => ke(l.key, !!u)
-                            }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                            P("button", {
+                              "onUpdate:modelValue": (u) => De(n.key, !!u)
+                            }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]),
+                            M("button", {
                               type: "button",
                               class: "vdt-columns__handle",
-                              "aria-label": `${T("moveColumn")}: ${l.title}`,
-                              title: T("moveColumn"),
+                              "aria-label": `${D("moveColumn")}: ${n.title}`,
+                              title: D("moveColumn"),
                               onKeydown: [
-                                Le(le((u) => ce(l.key, -1), ["prevent"]), ["up"]),
-                                Le(le((u) => ce(l.key, 1), ["prevent"]), ["down"])
+                                Pe(ne((u) => me(n.key, -1), ["prevent"]), ["up"]),
+                                Pe(ne((u) => me(n.key, 1), ["prevent"]), ["down"])
                               ]
                             }, [
                               r(w, {
-                                icon: Dt,
+                                icon: It,
                                 size: "18"
                               })
-                            ], 40, wt)
-                          ], 42, xt))), 128))
+                            ], 40, Vt)
+                          ], 42, Ct))), 128))
                         ])
                       ]),
                       _: 1
@@ -502,48 +508,48 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
             }, 8, ["modelValue"])
           ])
         ], 512), [
-          [dt, Ke.value]
+          [vt, qe.value]
         ]),
-        P("div", {
+        M("div", {
           ref_key: "bodyRef",
-          ref: fe,
+          ref: ge,
           class: "vdt-body",
-          onScrollCapturePassive: je
+          onScrollCapturePassive: Ge
         }, [
-          r(tt, H(e.$attrs, {
-            headers: de.value,
-            items: o.items,
-            loading: o.loading,
-            "items-length": o.totalItems,
-            "items-per-page": R.value,
-            "onUpdate:itemsPerPage": t[3] || (t[3] = (l) => R.value = l),
-            search: o.search,
+          r(nt, P(e.$attrs, {
+            headers: ce.value,
+            items: l.items,
+            loading: l.loading,
+            "items-length": l.totalItems,
+            "items-per-page": A.value,
+            "onUpdate:itemsPerPage": t[3] || (t[3] = (n) => A.value = n),
+            search: l.search,
             "sort-by": Y.value,
-            "onUpdate:sortBy": t[4] || (t[4] = (l) => Y.value = l),
+            "onUpdate:sortBy": t[4] || (t[4] = (n) => Y.value = n),
             page: Z.value,
-            "onUpdate:page": t[5] || (t[5] = (l) => Z.value = l),
-            "item-value": o.itemValue,
-            "show-expand": o.showExpand,
-            "show-select": o.showSelect,
-            "select-strategy": o.selectStrategy,
+            "onUpdate:page": t[5] || (t[5] = (n) => Z.value = n),
+            "item-value": l.itemValue,
+            "show-expand": l.showExpand,
+            "show-select": l.showSelect,
+            "select-strategy": l.selectStrategy,
             modelValue: O.value,
-            "onUpdate:modelValue": t[6] || (t[6] = (l) => O.value = l),
+            "onUpdate:modelValue": t[6] || (t[6] = (n) => O.value = n),
             class: p.value
-          }), ut({
-            "item.data-table-expand": a(({ internalItem: l, isExpanded: u, toggleExpand: D }) => [
-              C(e.$slots, "item.data-table-expand", {
-                internalItem: l,
+          }), mt({
+            "item.data-table-expand": a(({ internalItem: n, isExpanded: u, toggleExpand: B }) => [
+              k(e.$slots, "item.data-table-expand", {
+                internalItem: n,
                 isExpanded: u,
-                toggleExpand: D
+                toggleExpand: B
               }, () => [
-                r(n, {
-                  onClick: (ye) => D(l),
+                r(o, {
+                  onClick: (xe) => B(n),
                   rounded: ""
                 }, {
                   default: a(() => [
                     r(w, null, {
                       default: a(() => [
-                        V(g(u(l) ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
+                        V(b(u(n) ? "mdi-chevron-up" : "mdi-chevron-down"), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -552,41 +558,41 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
                 }, 1032, ["onClick"])
               ])
             ]),
-            "expanded-row": a(({ columns: l, item: u }) => [
-              C(e.$slots, "expanded-row", {
-                columns: l,
+            "expanded-row": a(({ columns: n, item: u }) => [
+              k(e.$slots, "expanded-row", {
+                columns: n,
                 item: u
               })
             ]),
-            "item.actions": a(({ item: l }) => [
-              C(e.$slots, "before-actions", { item: l }),
-              o.showViewButton ? (m(), k(oe, {
+            "item.actions": a(({ item: n }) => [
+              k(e.$slots, "before-actions", { item: n }),
+              l.showViewButton ? (m(), C(oe, {
                 key: 0,
-                text: o.viewButtonText
+                text: l.viewButtonText
               }, {
                 activator: a(({ props: u }) => {
-                  var D;
+                  var B;
                   return [
-                    r(n, H({
+                    r(o, P({
                       icon: "",
                       flat: "",
-                      onClick: (ye) => Ye(l)
+                      onClick: (xe) => Je(n)
                     }, u, {
-                      disabled: (D = o.disableView) == null ? void 0 : D.call(o, l)
+                      disabled: (B = l.disableView) == null ? void 0 : B.call(l, n)
                     }), {
                       default: a(() => [
-                        C(e.$slots, "view-icon", {}, () => [
-                          S(L.value) ? (m(), k(he(L.value), H({
+                        k(e.$slots, "view-icon", {}, () => [
+                          S(L.value) ? (m(), C(we(L.value), P({
                             key: 0,
                             size: 20,
                             class: "text-info"
-                          }, E.value), null, 16)) : (m(), k(w, {
+                          }, E.value), null, 16)) : (m(), C(w, {
                             key: 1,
                             size: "20",
                             class: "text-info"
                           }, {
                             default: a(() => [
-                              V(g(L.value), 1)
+                              V(b(L.value), 1)
                             ]),
                             _: 1
                           }))
@@ -597,34 +603,34 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
                   ];
                 }),
                 _: 2
-              }, 1032, ["text"])) : N("", !0),
-              o.showEditButton ? (m(), k(oe, {
+              }, 1032, ["text"])) : K("", !0),
+              l.showEditButton ? (m(), C(oe, {
                 key: 1,
-                text: o.editButtonText
+                text: l.editButtonText
               }, {
                 activator: a(({ props: u }) => {
-                  var D;
+                  var B;
                   return [
-                    r(n, H({
+                    r(o, P({
                       icon: "",
                       flat: "",
-                      onClick: (ye) => Ge(l)
+                      onClick: (xe) => We(n)
                     }, u, {
-                      disabled: (D = o.disableEdit) == null ? void 0 : D.call(o, l)
+                      disabled: (B = l.disableEdit) == null ? void 0 : B.call(l, n)
                     }), {
                       default: a(() => [
-                        C(e.$slots, "edit-icon", {}, () => [
-                          S(h.value) ? (m(), k(he(h.value), H({
+                        k(e.$slots, "edit-icon", {}, () => [
+                          S(x.value) ? (m(), C(we(x.value), P({
                             key: 0,
                             size: 20,
                             class: "text-primary"
-                          }, E.value), null, 16)) : (m(), k(w, {
+                          }, E.value), null, 16)) : (m(), C(w, {
                             key: 1,
                             size: "20",
                             class: "text-primary"
                           }, {
                             default: a(() => [
-                              V(g(h.value), 1)
+                              V(b(x.value), 1)
                             ]),
                             _: 1
                           }))
@@ -635,34 +641,34 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
                   ];
                 }),
                 _: 2
-              }, 1032, ["text"])) : N("", !0),
-              o.showDeleteButton ? (m(), k(oe, {
+              }, 1032, ["text"])) : K("", !0),
+              l.showDeleteButton ? (m(), C(oe, {
                 key: 2,
-                text: o.deleteButtonText
+                text: l.deleteButtonText
               }, {
                 activator: a(({ props: u }) => {
-                  var D;
+                  var B;
                   return [
-                    r(n, H({
+                    r(o, P({
                       icon: "",
                       flat: "",
-                      onClick: (ye) => qe(l)
+                      onClick: (xe) => Ye(n)
                     }, u, {
-                      disabled: (D = o.disableDelete) == null ? void 0 : D.call(o, l)
+                      disabled: (B = l.disableDelete) == null ? void 0 : B.call(l, n)
                     }), {
                       default: a(() => [
-                        C(e.$slots, "delete-icon", {}, () => [
-                          S(M.value) ? (m(), k(he(M.value), H({
+                        k(e.$slots, "delete-icon", {}, () => [
+                          S(H.value) ? (m(), C(we(H.value), P({
                             key: 0,
                             size: 20,
                             class: "text-error"
-                          }, E.value), null, 16)) : (m(), k(w, {
+                          }, E.value), null, 16)) : (m(), C(w, {
                             key: 1,
                             size: "20",
                             class: "text-error"
                           }, {
                             default: a(() => [
-                              V(g(M.value), 1)
+                              V(b(H.value), 1)
                             ]),
                             _: 1
                           }))
@@ -673,93 +679,93 @@ const gt = '.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify
                   ];
                 }),
                 _: 2
-              }, 1032, ["text"])) : N("", !0),
-              C(e.$slots, "after-actions", { item: l })
+              }, 1032, ["text"])) : K("", !0),
+              k(e.$slots, "after-actions", { item: n })
             ]),
             tfoot: a(() => [
-              P("tfoot", null, [
-                C(e.$slots, "item.tfoot", { columns: de.value })
+              M("tfoot", null, [
+                k(e.$slots, "item.tfoot", { columns: ce.value })
               ])
             ]),
             _: 2
           }, [
-            o.showSelect ? {
+            l.showSelect ? {
               name: "top",
               fn: a(() => [
-                C(e.$slots, "selection-actions", {
+                k(e.$slots, "selection-actions", {
                   selected: O.value,
                   count: O.value.length,
-                  clear: Ee
+                  clear: Ae
                 })
               ]),
               key: "0"
             } : void 0,
-            Ie(Oe.value, (l) => ({
-              name: `item.${l.key}`,
+            Me(ze.value, (n) => ({
+              name: `item.${n.key}`,
               fn: a(({ item: u }) => [
-                C(e.$slots, `item.${l.key}`, { item: u }, () => [
-                  V(g(u[l.key]), 1)
+                k(e.$slots, `item.${n.key}`, { item: u }, () => [
+                  V(b(u[n.key]), 1)
                 ])
               ])
             }))
           ]), 1040, ["headers", "items", "loading", "items-length", "items-per-page", "search", "sort-by", "page", "item-value", "show-expand", "show-select", "select-strategy", "modelValue", "class"]),
-          t[9] || (t[9] = P("div", { class: "vdt-fade vdt-fade--left" }, null, -1)),
-          t[10] || (t[10] = P("div", { class: "vdt-fade vdt-fade--right" }, null, -1)),
-          pe.value ? (m(), G("button", {
+          t[9] || (t[9] = M("div", { class: "vdt-fade vdt-fade--left" }, null, -1)),
+          t[10] || (t[10] = M("div", { class: "vdt-fade vdt-fade--right" }, null, -1)),
+          be.value ? (m(), G("button", {
             key: 0,
             type: "button",
             class: "vdt-arrow vdt-arrow--left",
-            "aria-label": T("scrollLeft"),
-            onClick: t[7] || (t[7] = (l) => _e(-1))
+            "aria-label": D("scrollLeft"),
+            onClick: t[7] || (t[7] = (n) => Le(-1))
           }, [
             r(w, {
-              icon: _t,
+              icon: Lt,
               size: "20"
             })
-          ], 8, Ct)) : N("", !0),
-          ee.value ? (m(), k(oe, {
+          ], 8, St)) : K("", !0),
+          te.value ? (m(), C(oe, {
             key: 1,
-            text: T("scrollRight"),
-            disabled: De.value,
+            text: D("scrollRight"),
+            disabled: Ie.value,
             location: "top"
           }, {
-            activator: a(({ props: l }) => [
-              P("button", H(l, {
+            activator: a(({ props: n }) => [
+              M("button", P(n, {
                 type: "button",
                 class: "vdt-arrow vdt-arrow--right",
-                "aria-label": T("scrollRight"),
-                onClick: t[8] || (t[8] = (u) => _e(1))
+                "aria-label": D("scrollRight"),
+                onClick: t[8] || (t[8] = (u) => Le(1))
               }), [
                 r(w, {
-                  icon: $t,
+                  icon: Ht,
                   size: "20"
                 })
-              ], 16, kt)
+              ], 16, Dt)
             ]),
             _: 1
-          }, 8, ["text", "disabled"])) : N("", !0),
-          De.value ? (m(), G("span", Vt, g(T("scrollHint")), 1)) : N("", !0)
+          }, 8, ["text", "disabled"])) : K("", !0),
+          Ie.value ? (m(), G("span", Tt, b(D("scrollHint")), 1)) : K("", !0)
         ], 544),
-        r(pt, {
+        r(yt, {
           show: W.value,
-          title: o.deleteModalTitle,
-          description: o.deleteModalMessage,
-          confirmButtonText: o.deleteModalConfirmButtonText,
-          cancelButtonText: o.deleteModalCancelButtonText,
-          onClose: Fe,
-          onConfirm: Ze
+          title: l.deleteModalTitle,
+          description: l.deleteModalMessage,
+          confirmButtonText: l.deleteModalConfirmButtonText,
+          cancelButtonText: l.deleteModalCancelButtonText,
+          onClose: Ze,
+          onConfirm: Xe
         }, null, 8, ["show", "title", "description", "confirmButtonText", "cancelButtonText"])
       ], 6);
     };
   }
-}), Pt = {
-  install(o) {
-    o.component("DataTable", It);
+}), Ot = {
+  install(l) {
+    l.component("DataTable", Mt);
   }
 };
 export {
-  He as DATA_TABLE_CONFIG_KEY,
-  It as DataTable,
-  Mt as createDataTableConfig,
-  Pt as default
+  Re as DATA_TABLE_CONFIG_KEY,
+  Mt as DataTable,
+  Et as createDataTableConfig,
+  Ot as default
 };

package/dist/vuetify-datatable.umd.cjs

@@ -1 +1 @@
-(function(v,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(v=typeof globalThis<"u"?globalThis:v||self,e(v.VuetifyDatatable={},v.Vue))})(this,(function(v,e){"use strict";function be(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var L={exports:{}},se;function xe(){if(se)return L.exports;se=1;function l(C,w=100,k={}){if(typeof C!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof C}\`.`);if(w<0)throw new RangeError("`wait` must not be negative.");const{immediate:m}=typeof k=="boolean"?{immediate:k}:k;let i,u,s,V,p;function B(){const g=i,N=u;return i=void 0,u=void 0,p=C.apply(g,N),p}function S(){const g=Date.now()-V;g<w&&g>=0?s=setTimeout(S,w-g):(s=void 0,m||(p=B()))}const d=function(...g){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,u=g,V=Date.now();const N=m&&!s;return s||(s=setTimeout(S,w)),N&&(p=B()),p};return Object.defineProperty(d,"isPending",{get(){return s!==void 0}}),d.clear=()=>{s&&(clearTimeout(s),s=void 0)},d.flush=()=>{s&&d.trigger()},d.trigger=()=>{p=B(),d.clear()},d}return L.exports.debounce=l,L.exports=l,L.exports}var ve=xe();const Ce=be(ve),we=e.defineComponent({__name:"ConfirmationModal",props:{show:Boolean,title:String,description:String,confirmButtonText:String,cancelButtonText:String},emits:["close","confirm"],setup(l){const C=l,w=e.computed({get:()=>C.show,set:()=>{}});return(k,m)=>{const i=e.resolveComponent("v-card-title"),u=e.resolveComponent("v-card-text"),s=e.resolveComponent("v-spacer"),V=e.resolveComponent("v-btn"),p=e.resolveComponent("v-card-actions"),B=e.resolveComponent("v-card"),S=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(S,{modelValue:w.value,"onUpdate:modelValue":m[2]||(m[2]=d=>w.value=d),"max-width":"500px",persistent:"","no-click-animation":""},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(i,{class:"text-h5 text-center py-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title),1)]),_:1}),l.description?(e.openBlock(),e.createBlock(u,{key:0,class:"text-center px-0 py-0"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.description)+" ",1),e.renderSlot(k.$slots,"description")]),_:3})):e.createCommentVNode("",!0),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(s),e.createVNode(V,{color:"error",variant:"flat",dark:"",onClick:m[0]||(m[0]=d=>k.$emit("close"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText),1)]),_:1}),e.createVNode(V,{color:"success",variant:"flat",dark:"",onClick:m[1]||(m[1]=d=>k.$emit("confirm"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.confirmButtonText),1)]),_:1}),e.createVNode(s)]),_:1})]),_:3})]),_:3},8,["modelValue"])}}}),F=Symbol("DataTableConfig");function ke(l){return{install(C){C.provide(F,l)}}}const Ve='.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify-content:flex-start;padding-bottom:8px}.vdt-body{position:relative}.vdt--pinned .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{position:sticky;right:0;z-index:2;background:rgb(var(--v-theme-surface))}.vdt--pinned.vdt--can-right .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned.vdt--can-right .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{box-shadow:inset 1px 0 rgba(var(--v-border-color),var(--v-border-opacity)),-8px 0 12px -6px #00000026}.vdt-fade{position:absolute;top:var(--vdt-scroll-top, 0px);height:var(--vdt-scroll-h, 100%);width:56px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:3}.vdt-fade--left{left:0;background:linear-gradient(to left,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt-fade--right{right:var(--vdt-pinned-w, 0px);background:linear-gradient(to right,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt--can-left .vdt-fade--left,.vdt--can-right .vdt-fade--right{opacity:1}.vdt-arrow{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 16px);z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:thin solid rgba(var(--v-border-color),var(--v-border-opacity));border-radius:50%;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));box-shadow:0 4px 12px #00000026;cursor:pointer}.vdt-arrow:focus-visible{outline:2px solid rgb(var(--v-theme-primary));outline-offset:2px}.vdt-arrow--left{left:8px}.vdt-arrow--right{right:calc(var(--vdt-pinned-w, 0px) + 8px)}.vdt-hint{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 24px);right:calc(var(--vdt-pinned-w, 0px) + 8px);z-index:5;transform:translateY(-100%);padding:5px 10px;border-radius:4px;background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant));font-size:12px;white-space:nowrap;pointer-events:none}.vdt-hint:after{content:"";position:absolute;top:100%;right:11px;border:5px solid transparent;border-top-color:rgb(var(--v-theme-surface-variant))}.vdt-columns__actions{display:flex;justify-content:space-between;margin:4px 0}.vdt-columns__list{max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.vdt-columns__item{display:flex;align-items:center;gap:4px;border-radius:4px}.vdt-columns__item--over{background:rgba(var(--v-theme-primary),.08)}.vdt-columns__handle{display:flex;padding:4px;border:0;border-radius:4px;background:none;color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity));cursor:grab}.vdt-columns__handle:focus-visible{outline:2px solid rgb(var(--v-theme-primary))}',Be={class:"vdt-toolbar"},Se={class:"vdt-columns__actions"},Ne={class:"vdt-columns__list"},Te=["onDragstart","onDragover","onDrop"],De=["aria-label","title","onKeydown"],_e=["aria-label"],Ee=["aria-label"],Pe={key:2,class:"vdt-hint"},I="actions",Me=300,G=2,$e="vuetify-datatable:columns:",Le="svg:M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z",Ie="svg:M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z",He="svg:M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z",Oe="svg:M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",ie=e.defineComponent({inheritAttrs:!1,__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},showSelect:{type:Boolean,default:!1},selectStrategy:{default:"page"},modelValue:{default:()=>[]},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","update:modelValue"],setup(l,{emit:C}){function w(){if(typeof document>"u"||document.getElementById("vuetify-datatable-styles"))return;const t=document.createElement("style");t.id="vuetify-datatable-styles",t.textContent=Ve,document.head.appendChild(t)}w();const k=[I,"expanded-row","data-table-expand","data-table-select"],m={columns:"Columns",hiddenColumns:t=>`Columns · ${t} hidden`,searchColumns:"Search columns",showAllColumns:"Show all",hideAllColumns:"Hide all",resetColumns:"Reset",moveColumn:"Drag or use the arrow keys to reorder",scrollHint:"Scroll to see more columns",scrollLeft:"Previous columns",scrollRight:"More columns"},i=l,u=C,s=e.inject(F,{icons:{}}),V=e.computed(()=>{var t;return i.viewIcon??((t=s.icons)==null?void 0:t.view)??"mdi-eye-outline"}),p=e.computed(()=>{var t;return i.editIcon??((t=s.icons)==null?void 0:t.edit)??"mdi-pencil-outline"}),B=e.computed(()=>{var t;return i.deleteIcon??((t=s.icons)==null?void 0:t.delete)??"mdi-trash-can-outline"}),S=e.computed(()=>s.iconProps??{}),d=e.computed(()=>i.tableClass??s.tableClass??"border rounded-md");function g(t){return typeof t!="string"}const N=e.computed({get:()=>i.modelValue,set:t=>u("update:modelValue",t)});function Re(){u("update:modelValue",[])}const T=e.ref(i.itemsPerPage),H=e.ref([]),O=e.ref(1),Y=e.ref(null),A=e.ref(!1),ze=e.computed(()=>{var t;return((t=i.headers)==null?void 0:t.filter(o=>o.key!=="actions"&&o.key!=="expanded-row"&&o.key!=="data-table-expand"))||[]});function y(t){var a;const o=((a=s.texts)==null?void 0:a[t])??m[t];return typeof o=="function"?o():o}const Z=e.ref(!1),W=e.ref(""),D=e.ref([]),f=e.ref([]),R=e.ref(null),z=e.ref(null),_=e.computed(()=>i.headers.filter(t=>!k.includes(t.key)&&!!t.title)),E=e.computed(()=>{const t=new Map(_.value.map(a=>[a.key,a]));return[...D.value.filter(a=>t.has(a)).map(a=>t.get(a)),..._.value.filter(a=>!D.value.includes(a.key))]}),Ke=e.computed(()=>{const t=(W.value??"").trim().toLowerCase();return t?E.value.filter(o=>{var a;return(a=o.title)==null?void 0:a.toLowerCase().includes(t)}):E.value}),P=e.computed(()=>_.value.filter(t=>f.value.includes(t.key)).length),je=e.computed(()=>E.value.map(t=>({key:t.key,title:t.title??"",visible:!f.value.includes(t.key)}))),ce=e.computed(()=>i.headers.some(t=>t.key===I)),J=e.computed(()=>{const t=new Set(_.value.map(r=>r.key)),o=[...E.value],a=i.headers.map(r=>t.has(r.key)?o.shift():r);return[...a.filter(r=>r.key!==I&&!f.value.includes(r.key)),...a.filter(r=>r.key===I)]}),de=e.computed(()=>{var t;return P.value>0?(((t=s.texts)==null?void 0:t.hiddenColumns)??m.hiddenColumns)(P.value):y("columns")});function me(t,o){f.value=o?f.value.filter(a=>a!==t):[...f.value,t]}function ue(){f.value=P.value===0?_.value.map(t=>t.key):[]}function pe(){D.value=[],f.value=[]}function X(t,o){const a=E.value.map(h=>h.key),r=a.indexOf(t),b=a.indexOf(o);r===-1||b===-1||r===b||(a.splice(b,0,...a.splice(r,1)),D.value=a)}function Q(t,o){const a=E.value.map(b=>b.key),r=a[a.indexOf(t)+o];r&&X(t,r)}function Ue(t,o){var a;R.value=o,(a=t.dataTransfer)==null||a.setData("text/plain",o)}function qe(t){R.value&&X(R.value,t),fe()}function fe(){R.value=null,z.value=null}const ee=e.computed(()=>{var o;const t=$e+_.value.map(a=>a.key).sort().join(",");return((o=s.storageKey)==null?void 0:o.call(s,t))??t});e.watch(ee,t=>{try{const o=JSON.parse(localStorage.getItem(t)??"null");D.value=Array.isArray(o==null?void 0:o.order)?o.order:[],f.value=Array.isArray(o==null?void 0:o.hidden)?o.hidden:[]}catch{D.value=[],f.value=[]}},{immediate:!0}),e.watch([D,f],([t,o])=>{try{t.length||o.length?localStorage.setItem(ee.value,JSON.stringify({order:t,hidden:o})):localStorage.removeItem(ee.value)}catch{}});const te=e.ref(null),oe=e.ref(null),K=e.ref(!1),le=e.ref(!1),j=e.ref(!1),ne=e.ref(!1),he=e.ref({});let M=null;const Fe=e.computed(()=>K.value||P.value>0||Z.value),ge=e.computed(()=>j.value&&!ne.value),Ge=e.computed(()=>({"vdt--pinned":ce.value,"vdt--can-left":le.value,"vdt--can-right":j.value}));function ae(){var t;return((t=oe.value)==null?void 0:t.querySelector(".v-table__wrapper"))??null}function U(){const t=oe.value,o=ae();if(!t||!o)return;const a=o.scrollWidth-o.clientWidth;K.value=a>G,le.value=K.value&&o.scrollLeft>G,j.value=K.value&&o.scrollLeft<a-G;const r=ce.value?o.querySelector("thead > tr > th:last-child"):null,b=o.querySelector("thead"),h=o.getBoundingClientRect();he.value={"--vdt-pinned-w":`${(r==null?void 0:r.offsetWidth)??0}px`,"--vdt-scroll-top":`${h.top-t.getBoundingClientRect().top}px`,"--vdt-scroll-h":`${h.height}px`,"--vdt-head-h":`${(b==null?void 0:b.offsetHeight)??48}px`}}function Ye(t){const o=ae();!o||t.target!==o||(o.scrollLeft>10&&(ne.value=!0),U())}function ye(t){var o;t===1&&(ne.value=!0),(o=ae())==null||o.scrollBy({left:t*Me,behavior:"smooth"})}e.watch([J,()=>i.items,()=>i.loading],()=>e.nextTick(U)),e.onMounted(()=>{$({page:O.value,itemsPerPage:T.value}),typeof ResizeObserver<"u"&&te.value&&(M=new ResizeObserver(()=>requestAnimationFrame(U)),M.observe(te.value)),U()}),e.onBeforeUnmount(()=>M==null?void 0:M.disconnect());const Ze=t=>{Y.value=t,A.value=!0},We=()=>{Y.value=null,A.value=!1},Je=t=>{u("editItem",t)},Xe=t=>{u("viewItem",t)},Qe=()=>{u("deleteItem",Y.value),A.value=!1},$=({page:t,itemsPerPage:o})=>{const a=H.value.map(r=>({column:r.key,direction:r.order}));u("onLoadData",{page:t,itemsPerPage:o,search:i.search,sortBy:a})};function et(){$({page:1,itemsPerPage:T.value})}const tt=Ce(et,400);return e.watch(()=>i.search,(t,o)=>{t!==o&&tt()}),e.watch(T,(t,o)=>{t!==o&&$({page:1,itemsPerPage:t})}),e.watch(H,()=>{$({page:1,itemsPerPage:T.value})}),e.watch(O,t=>{$({page:t,itemsPerPage:T.value})}),(t,o)=>{const a=e.resolveComponent("v-btn"),r=e.resolveComponent("v-text-field"),b=e.resolveComponent("v-checkbox-btn"),h=e.resolveComponent("v-icon"),ot=e.resolveComponent("v-card-text"),lt=e.resolveComponent("v-card"),nt=e.resolveComponent("v-menu"),q=e.resolveComponent("v-tooltip"),at=e.resolveComponent("v-data-table-server");return e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:te,class:e.normalizeClass(["vdt",Ge.value]),style:e.normalizeStyle(he.value)},[e.withDirectives(e.createElementVNode("div",Be,[e.renderSlot(t.$slots,"column-chooser",{columns:je.value,hiddenCount:P.value,label:de.value,setVisible:me,toggleAll:ue,reset:pe,move:Q,place:X},()=>[e.createVNode(nt,{modelValue:Z.value,"onUpdate:modelValue":o[2]||(o[2]=n=>Z.value=n),"close-on-content-click":!1,location:"bottom start"},{activator:e.withCtx(({props:n})=>[e.createVNode(a,e.mergeProps(n,{class:"vdt-columns__button",variant:"outlined",color:"primary",size:"small","prepend-icon":Le}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1},16)]),default:e.withCtx(()=>[e.createVNode(lt,{class:"vdt-columns","min-width":"280"},{default:e.withCtx(()=>[e.createVNode(ot,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(r,{modelValue:W.value,"onUpdate:modelValue":o[0]||(o[0]=n=>W.value=n),placeholder:y("searchColumns"),density:"compact",variant:"outlined","hide-details":"",clearable:""},null,8,["modelValue","placeholder"]),e.createElementVNode("div",Se,[e.createVNode(a,{variant:"text",size:"small",color:"primary",onClick:ue},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(P.value===0?y("hideAllColumns"):y("showAllColumns")),1)]),_:1}),e.createVNode(a,{variant:"text",size:"small",onClick:pe},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y("resetColumns")),1)]),_:1})]),e.createElementVNode("ul",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ke.value,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,class:e.normalizeClass(["vdt-columns__item",{"vdt-columns__item--over":z.value===n.key}]),draggable:"true",onDragstart:c=>Ue(c,n.key),onDragover:e.withModifiers(c=>z.value=n.key,["prevent"]),onDragleave:o[1]||(o[1]=c=>z.value=null),onDrop:e.withModifiers(c=>qe(n.key),["prevent"]),onDragend:fe},[e.createVNode(b,{"model-value":!f.value.includes(n.key),label:n.title,density:"compact",class:"flex-grow-1","onUpdate:modelValue":c=>me(n.key,!!c)},null,8,["model-value","label","onUpdate:modelValue"]),e.createElementVNode("button",{type:"button",class:"vdt-columns__handle","aria-label":`${y("moveColumn")}: ${n.title}`,title:y("moveColumn"),onKeydown:[e.withKeys(e.withModifiers(c=>Q(n.key,-1),["prevent"]),["up"]),e.withKeys(e.withModifiers(c=>Q(n.key,1),["prevent"]),["down"])]},[e.createVNode(h,{icon:Ie,size:"18"})],40,De)],42,Te))),128))])]),_:1})]),_:1})]),_:1},8,["modelValue"])])],512),[[e.vShow,Fe.value]]),e.createElementVNode("div",{ref_key:"bodyRef",ref:oe,class:"vdt-body",onScrollCapturePassive:Ye},[e.createVNode(at,e.mergeProps(t.$attrs,{headers:J.value,items:l.items,loading:l.loading,"items-length":l.totalItems,"items-per-page":T.value,"onUpdate:itemsPerPage":o[3]||(o[3]=n=>T.value=n),search:l.search,"sort-by":H.value,"onUpdate:sortBy":o[4]||(o[4]=n=>H.value=n),page:O.value,"onUpdate:page":o[5]||(o[5]=n=>O.value=n),"item-value":l.itemValue,"show-expand":l.showExpand,"show-select":l.showSelect,"select-strategy":l.selectStrategy,modelValue:N.value,"onUpdate:modelValue":o[6]||(o[6]=n=>N.value=n),class:d.value}),e.createSlots({"item.data-table-expand":e.withCtx(({internalItem:n,isExpanded:c,toggleExpand:x})=>[e.renderSlot(t.$slots,"item.data-table-expand",{internalItem:n,isExpanded:c,toggleExpand:x},()=>[e.createVNode(a,{onClick:re=>x(n),rounded:""},{default:e.withCtx(()=>[e.createVNode(h,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c(n)?"mdi-chevron-up":"mdi-chevron-down"),1)]),_:2},1024)]),_:2},1032,["onClick"])])]),"expanded-row":e.withCtx(({columns:n,item:c})=>[e.renderSlot(t.$slots,"expanded-row",{columns:n,item:c})]),"item.actions":e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"before-actions",{item:n}),l.showViewButton?(e.openBlock(),e.createBlock(q,{key:0,text:l.viewButtonText},{activator:e.withCtx(({props:c})=>{var x;return[e.createVNode(a,e.mergeProps({icon:"",flat:"",onClick:re=>Xe(n)},c,{disabled:(x=l.disableView)==null?void 0:x.call(l,n)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"view-icon",{},()=>[g(V.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.value),e.mergeProps({key:0,size:20,class:"text-info"},S.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-info"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),l.showEditButton?(e.openBlock(),e.createBlock(q,{key:1,text:l.editButtonText},{activator:e.withCtx(({props:c})=>{var x;return[e.createVNode(a,e.mergeProps({icon:"",flat:"",onClick:re=>Je(n)},c,{disabled:(x=l.disableEdit)==null?void 0:x.call(l,n)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"edit-icon",{},()=>[g(p.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),e.mergeProps({key:0,size:20,class:"text-primary"},S.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),l.showDeleteButton?(e.openBlock(),e.createBlock(q,{key:2,text:l.deleteButtonText},{activator:e.withCtx(({props:c})=>{var x;return[e.createVNode(a,e.mergeProps({icon:"",flat:"",onClick:re=>Ze(n)},c,{disabled:(x=l.disableDelete)==null?void 0:x.call(l,n)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"delete-icon",{},()=>[g(B.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.value),e.mergeProps({key:0,size:20,class:"text-error"},S.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(B.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"after-actions",{item:n})]),tfoot:e.withCtx(()=>[e.createElementVNode("tfoot",null,[e.renderSlot(t.$slots,"item.tfoot",{columns:J.value})])]),_:2},[l.showSelect?{name:"top",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"selection-actions",{selected:N.value,count:N.value.length,clear:Re})]),key:"0"}:void 0,e.renderList(ze.value,n=>({name:`item.${n.key}`,fn:e.withCtx(({item:c})=>[e.renderSlot(t.$slots,`item.${n.key}`,{item:c},()=>[e.createTextVNode(e.toDisplayString(c[n.key]),1)])])}))]),1040,["headers","items","loading","items-length","items-per-page","search","sort-by","page","item-value","show-expand","show-select","select-strategy","modelValue","class"]),o[9]||(o[9]=e.createElementVNode("div",{class:"vdt-fade vdt-fade--left"},null,-1)),o[10]||(o[10]=e.createElementVNode("div",{class:"vdt-fade vdt-fade--right"},null,-1)),le.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"vdt-arrow vdt-arrow--left","aria-label":y("scrollLeft"),onClick:o[7]||(o[7]=n=>ye(-1))},[e.createVNode(h,{icon:He,size:"20"})],8,_e)):e.createCommentVNode("",!0),j.value?(e.openBlock(),e.createBlock(q,{key:1,text:y("scrollRight"),disabled:ge.value,location:"top"},{activator:e.withCtx(({props:n})=>[e.createElementVNode("button",e.mergeProps(n,{type:"button",class:"vdt-arrow vdt-arrow--right","aria-label":y("scrollRight"),onClick:o[8]||(o[8]=c=>ye(1))}),[e.createVNode(h,{icon:Oe,size:"20"})],16,Ee)]),_:1},8,["text","disabled"])):e.createCommentVNode("",!0),ge.value?(e.openBlock(),e.createElementBlock("span",Pe,e.toDisplayString(y("scrollHint")),1)):e.createCommentVNode("",!0)],544),e.createVNode(we,{show:A.value,title:l.deleteModalTitle,description:l.deleteModalMessage,confirmButtonText:l.deleteModalConfirmButtonText,cancelButtonText:l.deleteModalCancelButtonText,onClose:We,onConfirm:Qe},null,8,["show","title","description","confirmButtonText","cancelButtonText"])],6)}}}),Ae={install(l){l.component("DataTable",ie)}};v.DATA_TABLE_CONFIG_KEY=F,v.DataTable=ie,v.createDataTableConfig=ke,v.default=Ae,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.VuetifyDatatable={},x.Vue))})(this,(function(x,e){"use strict";function Ce(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var L={exports:{}},ce;function we(){if(ce)return L.exports;ce=1;function l(C,w=100,k={}){if(typeof C!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof C}\`.`);if(w<0)throw new RangeError("`wait` must not be negative.");const{immediate:u}=typeof k=="boolean"?{immediate:k}:k;let i,p,s,V,f;function S(){const g=i,N=p;return i=void 0,p=void 0,f=C.apply(g,N),f}function B(){const g=Date.now()-V;g<w&&g>=0?s=setTimeout(B,w-g):(s=void 0,u||(f=S()))}const d=function(...g){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,p=g,V=Date.now();const N=u&&!s;return s||(s=setTimeout(B,w)),N&&(f=S()),f};return Object.defineProperty(d,"isPending",{get(){return s!==void 0}}),d.clear=()=>{s&&(clearTimeout(s),s=void 0)},d.flush=()=>{s&&d.trigger()},d.trigger=()=>{f=S(),d.clear()},d}return L.exports.debounce=l,L.exports=l,L.exports}var ke=we();const Ve=Ce(ke),Se=e.defineComponent({__name:"ConfirmationModal",props:{show:Boolean,title:String,description:String,confirmButtonText:String,cancelButtonText:String},emits:["close","confirm"],setup(l){const C=l,w=e.computed({get:()=>C.show,set:()=>{}});return(k,u)=>{const i=e.resolveComponent("v-card-title"),p=e.resolveComponent("v-card-text"),s=e.resolveComponent("v-spacer"),V=e.resolveComponent("v-btn"),f=e.resolveComponent("v-card-actions"),S=e.resolveComponent("v-card"),B=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(B,{modelValue:w.value,"onUpdate:modelValue":u[2]||(u[2]=d=>w.value=d),"max-width":"500px",persistent:"","no-click-animation":""},{default:e.withCtx(()=>[e.createVNode(S,null,{default:e.withCtx(()=>[e.createVNode(i,{class:"text-h5 text-center py-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title),1)]),_:1}),l.description?(e.openBlock(),e.createBlock(p,{key:0,class:"text-center px-0 py-0"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.description)+" ",1),e.renderSlot(k.$slots,"description")]),_:3})):e.createCommentVNode("",!0),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(s),e.createVNode(V,{color:"error",variant:"flat",dark:"",onClick:u[0]||(u[0]=d=>k.$emit("close"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText),1)]),_:1}),e.createVNode(V,{color:"success",variant:"flat",dark:"",onClick:u[1]||(u[1]=d=>k.$emit("confirm"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.confirmButtonText),1)]),_:1}),e.createVNode(s)]),_:1})]),_:3})]),_:3},8,["modelValue"])}}}),G=Symbol("DataTableConfig");function Be(l){return{install(C){C.provide(G,l)}}}const Ne='.vdt{position:relative;min-width:0}.vdt-toolbar{display:flex;justify-content:flex-start;padding-bottom:8px}.vdt-body{position:relative}.vdt--pinned .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{position:sticky;right:0;z-index:2;background:rgb(var(--v-theme-surface))}.vdt--pinned.vdt--can-right .v-table__wrapper>table>thead>tr>th:last-child,.vdt--pinned.vdt--can-right .v-table__wrapper>table>tbody>tr.v-data-table__tr>td:last-child{box-shadow:inset 1px 0 rgba(var(--v-border-color),var(--v-border-opacity)),-8px 0 12px -6px #00000026}.vdt-fade{position:absolute;top:var(--vdt-scroll-top, 0px);height:var(--vdt-scroll-h, 100%);width:56px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:3}.vdt-fade--left{left:0;background:linear-gradient(to left,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt-fade--right{right:var(--vdt-pinned-w, 0px);background:linear-gradient(to right,rgba(var(--v-theme-surface),0),rgb(var(--v-theme-surface)))}.vdt--can-left .vdt-fade--left,.vdt--can-right .vdt-fade--right{opacity:1}.vdt-arrow{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 16px);z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:thin solid rgba(var(--v-border-color),var(--v-border-opacity));border-radius:50%;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));box-shadow:0 4px 12px #00000026;cursor:pointer}.vdt-arrow:focus-visible{outline:2px solid rgb(var(--v-theme-primary));outline-offset:2px}.vdt-arrow--left{left:8px}.vdt-arrow--right{right:calc(var(--vdt-pinned-w, 0px) + 8px)}.vdt-hint{position:absolute;top:calc(var(--vdt-scroll-top, 0px) + var(--vdt-head-h, 48px) / 2 - 24px);right:calc(var(--vdt-pinned-w, 0px) + 8px);z-index:5;transform:translateY(-100%);padding:5px 10px;border-radius:4px;background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant));font-size:12px;white-space:nowrap;pointer-events:none}.vdt-hint:after{content:"";position:absolute;top:100%;right:11px;border:5px solid transparent;border-top-color:rgb(var(--v-theme-surface-variant))}.vdt-columns__actions{display:flex;justify-content:space-between;margin:4px 0}.vdt-columns__list{max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.vdt-columns__item{display:flex;align-items:center;gap:4px;border-radius:4px}.vdt-columns__item--over{background:rgba(var(--v-theme-primary),.08)}.vdt-columns__handle{display:flex;padding:4px;border:0;border-radius:4px;background:none;color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity));cursor:grab}.vdt-columns__handle:focus-visible{outline:2px solid rgb(var(--v-theme-primary))}',De={class:"vdt-toolbar"},Te={class:"vdt-columns__actions"},_e={class:"vdt-columns__list"},Ee=["onDragstart","onDragover","onDrop"],Pe=["aria-label","title","onKeydown"],Me=["aria-label"],$e=["aria-label"],Le={key:2,class:"vdt-hint"},I="actions",Ie=300,Y=2,He="vuetify-datatable:columns:",Oe="svg:M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z",Ae="svg:M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z",Re="svg:M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z",ze="svg:M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",de=e.defineComponent({inheritAttrs:!1,__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},showSelect:{type:Boolean,default:!1},selectStrategy:{default:"page"},modelValue:{default:()=>[]},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","update:modelValue"],setup(l,{emit:C}){function w(){if(typeof document>"u"||document.getElementById("vuetify-datatable-styles"))return;const t=document.createElement("style");t.id="vuetify-datatable-styles",t.textContent=Ne,document.head.appendChild(t)}w();const k=[I,"expanded-row","data-table-expand","data-table-select"],u={columns:"Columns",hiddenColumns:t=>`Columns · ${t} hidden`,searchColumns:"Search columns",showAllColumns:"Show all",hideAllColumns:"Hide all",resetColumns:"Reset",moveColumn:"Drag or use the arrow keys to reorder",scrollHint:"Scroll to see more columns",scrollLeft:"Previous columns",scrollRight:"More columns"},i=l,p=C,s=e.inject(G,{icons:{}}),V=e.computed(()=>{var t;return i.viewIcon??((t=s.icons)==null?void 0:t.view)??"mdi-eye-outline"}),f=e.computed(()=>{var t;return i.editIcon??((t=s.icons)==null?void 0:t.edit)??"mdi-pencil-outline"}),S=e.computed(()=>{var t;return i.deleteIcon??((t=s.icons)==null?void 0:t.delete)??"mdi-trash-can-outline"}),B=e.computed(()=>s.iconProps??{}),d=e.computed(()=>i.tableClass??s.tableClass??"border rounded-md");function g(t){return typeof t!="string"}const N=e.computed({get:()=>i.modelValue,set:t=>p("update:modelValue",t)});function je(){p("update:modelValue",[])}const T=e.ref(i.itemsPerPage),H=e.ref([]),O=e.ref(1),Z=e.ref(null),A=e.ref(!1),Ue=e.computed(()=>{var t;return((t=i.headers)==null?void 0:t.filter(o=>o.key!=="actions"&&o.key!=="expanded-row"&&o.key!=="data-table-expand"))||[]});function y(t){var n;const o=((n=s.texts)==null?void 0:n[t])??u[t];return typeof o=="function"?o():o}const W=e.ref(!1),J=e.ref(""),_=e.ref([]),m=e.ref([]),R=e.ref(null),z=e.ref(null),D=e.computed(()=>i.headers.filter(t=>!k.includes(t.key)&&!!t.title)),E=e.computed(()=>{const t=new Map(D.value.map(n=>[n.key,n]));return[..._.value.filter(n=>t.has(n)).map(n=>t.get(n)),...D.value.filter(n=>!_.value.includes(n.key))]}),qe=e.computed(()=>{const t=(J.value??"").trim().toLowerCase();return t?E.value.filter(o=>{var n;return(n=o.title)==null?void 0:n.toLowerCase().includes(t)}):E.value}),X=e.computed(()=>new Set(D.value.filter(t=>t.locked).map(t=>t.key))),P=e.computed(()=>D.value.filter(t=>t.hidden&&!t.locked).map(t=>t.key)),K=e.computed(()=>D.value.filter(t=>m.value.includes(t.key)).length),me=e.computed(()=>m.value.filter(t=>!P.value.includes(t)).length),Fe=e.computed(()=>E.value.map(t=>({key:t.key,title:t.title??"",visible:!m.value.includes(t.key),locked:X.value.has(t.key)}))),ue=e.computed(()=>i.headers.some(t=>t.key===I)),Q=e.computed(()=>{const t=new Set(D.value.map(r=>r.key)),o=[...E.value],n=i.headers.map(r=>t.has(r.key)?o.shift():r);return[...n.filter(r=>r.key!==I&&!m.value.includes(r.key)),...n.filter(r=>r.key===I)]}),pe=e.computed(()=>{var t;return me.value>0?(((t=s.texts)==null?void 0:t.hiddenColumns)??u.hiddenColumns)(me.value):y("columns")});function fe(t,o){X.value.has(t)||(m.value=o?m.value.filter(n=>n!==t):[...m.value,t])}function he(){m.value=K.value===0?D.value.filter(t=>!t.locked).map(t=>t.key):[]}function ge(){_.value=[],m.value=[...P.value]}function ee(t,o){const n=E.value.map(h=>h.key),r=n.indexOf(t),b=n.indexOf(o);r===-1||b===-1||r===b||(n.splice(b,0,...n.splice(r,1)),_.value=n)}function te(t,o){const n=E.value.map(b=>b.key),r=n[n.indexOf(t)+o];r&&ee(t,r)}function Ge(t,o){var n;R.value=o,(n=t.dataTransfer)==null||n.setData("text/plain",o)}function Ye(t){R.value&&ee(R.value,t),ye()}function ye(){R.value=null,z.value=null}const oe=e.computed(()=>{var o;const t=He+D.value.map(n=>n.key).sort().join(",");return((o=s.storageKey)==null?void 0:o.call(s,t))??t});e.watch(oe,t=>{try{const o=JSON.parse(localStorage.getItem(t)??"null");_.value=Array.isArray(o==null?void 0:o.order)?o.order:[],m.value=Array.isArray(o==null?void 0:o.hidden)?o.hidden.filter(n=>!X.value.has(n)):[...P.value]}catch{_.value=[],m.value=[...P.value]}},{immediate:!0}),e.watch([_,m],([t,o])=>{try{t.length===0&&o.length===P.value.length&&o.every(r=>P.value.includes(r))?localStorage.removeItem(oe.value):localStorage.setItem(oe.value,JSON.stringify({order:t,hidden:o}))}catch{}});const le=e.ref(null),ne=e.ref(null),j=e.ref(!1),ae=e.ref(!1),U=e.ref(!1),re=e.ref(!1),be=e.ref({});let M=null;const Ze=e.computed(()=>j.value||K.value>0||W.value),ve=e.computed(()=>U.value&&!re.value),We=e.computed(()=>({"vdt--pinned":ue.value,"vdt--can-left":ae.value,"vdt--can-right":U.value}));function se(){var t;return((t=ne.value)==null?void 0:t.querySelector(".v-table__wrapper"))??null}function q(){const t=ne.value,o=se();if(!t||!o)return;const n=o.scrollWidth-o.clientWidth;j.value=n>Y,ae.value=j.value&&o.scrollLeft>Y,U.value=j.value&&o.scrollLeft<n-Y;const r=ue.value?o.querySelector("thead > tr > th:last-child"):null,b=o.querySelector("thead"),h=o.getBoundingClientRect();be.value={"--vdt-pinned-w":`${(r==null?void 0:r.offsetWidth)??0}px`,"--vdt-scroll-top":`${h.top-t.getBoundingClientRect().top}px`,"--vdt-scroll-h":`${h.height}px`,"--vdt-head-h":`${(b==null?void 0:b.offsetHeight)??48}px`}}function Je(t){const o=se();!o||t.target!==o||(o.scrollLeft>10&&(re.value=!0),q())}function xe(t){var o;t===1&&(re.value=!0),(o=se())==null||o.scrollBy({left:t*Ie,behavior:"smooth"})}e.watch([Q,()=>i.items,()=>i.loading],()=>e.nextTick(q)),e.onMounted(()=>{$({page:O.value,itemsPerPage:T.value}),typeof ResizeObserver<"u"&&le.value&&(M=new ResizeObserver(()=>requestAnimationFrame(q)),M.observe(le.value)),q()}),e.onBeforeUnmount(()=>M==null?void 0:M.disconnect());const Xe=t=>{Z.value=t,A.value=!0},Qe=()=>{Z.value=null,A.value=!1},et=t=>{p("editItem",t)},tt=t=>{p("viewItem",t)},ot=()=>{p("deleteItem",Z.value),A.value=!1},$=({page:t,itemsPerPage:o})=>{const n=H.value.map(r=>({column:r.key,direction:r.order}));p("onLoadData",{page:t,itemsPerPage:o,search:i.search,sortBy:n})};function lt(){$({page:1,itemsPerPage:T.value})}const nt=Ve(lt,400);return e.watch(()=>i.search,(t,o)=>{t!==o&&nt()}),e.watch(T,(t,o)=>{t!==o&&$({page:1,itemsPerPage:t})}),e.watch(H,()=>{$({page:1,itemsPerPage:T.value})}),e.watch(O,t=>{$({page:t,itemsPerPage:T.value})}),(t,o)=>{const n=e.resolveComponent("v-btn"),r=e.resolveComponent("v-text-field"),b=e.resolveComponent("v-checkbox-btn"),h=e.resolveComponent("v-icon"),at=e.resolveComponent("v-card-text"),rt=e.resolveComponent("v-card"),st=e.resolveComponent("v-menu"),F=e.resolveComponent("v-tooltip"),it=e.resolveComponent("v-data-table-server");return e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:le,class:e.normalizeClass(["vdt",We.value]),style:e.normalizeStyle(be.value)},[e.withDirectives(e.createElementVNode("div",De,[e.renderSlot(t.$slots,"column-chooser",{columns:Fe.value,hiddenCount:K.value,label:pe.value,setVisible:fe,toggleAll:he,reset:ge,move:te,place:ee},()=>[e.createVNode(st,{modelValue:W.value,"onUpdate:modelValue":o[2]||(o[2]=a=>W.value=a),"close-on-content-click":!1,location:"bottom start"},{activator:e.withCtx(({props:a})=>[e.createVNode(n,e.mergeProps(a,{class:"vdt-columns__button",variant:"outlined",color:"primary",size:"small","prepend-icon":Oe}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(pe.value),1)]),_:1},16)]),default:e.withCtx(()=>[e.createVNode(rt,{class:"vdt-columns","min-width":"280"},{default:e.withCtx(()=>[e.createVNode(at,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(r,{modelValue:J.value,"onUpdate:modelValue":o[0]||(o[0]=a=>J.value=a),placeholder:y("searchColumns"),density:"compact",variant:"outlined","hide-details":"",clearable:""},null,8,["modelValue","placeholder"]),e.createElementVNode("div",Te,[e.createVNode(n,{variant:"text",size:"small",color:"primary",onClick:he},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value===0?y("hideAllColumns"):y("showAllColumns")),1)]),_:1}),e.createVNode(n,{variant:"text",size:"small",onClick:ge},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y("resetColumns")),1)]),_:1})]),e.createElementVNode("ul",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(qe.value,a=>(e.openBlock(),e.createElementBlock("li",{key:a.key,class:e.normalizeClass(["vdt-columns__item",{"vdt-columns__item--over":z.value===a.key}]),draggable:"true",onDragstart:c=>Ge(c,a.key),onDragover:e.withModifiers(c=>z.value=a.key,["prevent"]),onDragleave:o[1]||(o[1]=c=>z.value=null),onDrop:e.withModifiers(c=>Ye(a.key),["prevent"]),onDragend:ye},[e.createVNode(b,{"model-value":!m.value.includes(a.key),label:a.title,disabled:!!a.locked,density:"compact",class:"flex-grow-1","onUpdate:modelValue":c=>fe(a.key,!!c)},null,8,["model-value","label","disabled","onUpdate:modelValue"]),e.createElementVNode("button",{type:"button",class:"vdt-columns__handle","aria-label":`${y("moveColumn")}: ${a.title}`,title:y("moveColumn"),onKeydown:[e.withKeys(e.withModifiers(c=>te(a.key,-1),["prevent"]),["up"]),e.withKeys(e.withModifiers(c=>te(a.key,1),["prevent"]),["down"])]},[e.createVNode(h,{icon:Ae,size:"18"})],40,Pe)],42,Ee))),128))])]),_:1})]),_:1})]),_:1},8,["modelValue"])])],512),[[e.vShow,Ze.value]]),e.createElementVNode("div",{ref_key:"bodyRef",ref:ne,class:"vdt-body",onScrollCapturePassive:Je},[e.createVNode(it,e.mergeProps(t.$attrs,{headers:Q.value,items:l.items,loading:l.loading,"items-length":l.totalItems,"items-per-page":T.value,"onUpdate:itemsPerPage":o[3]||(o[3]=a=>T.value=a),search:l.search,"sort-by":H.value,"onUpdate:sortBy":o[4]||(o[4]=a=>H.value=a),page:O.value,"onUpdate:page":o[5]||(o[5]=a=>O.value=a),"item-value":l.itemValue,"show-expand":l.showExpand,"show-select":l.showSelect,"select-strategy":l.selectStrategy,modelValue:N.value,"onUpdate:modelValue":o[6]||(o[6]=a=>N.value=a),class:d.value}),e.createSlots({"item.data-table-expand":e.withCtx(({internalItem:a,isExpanded:c,toggleExpand:v})=>[e.renderSlot(t.$slots,"item.data-table-expand",{internalItem:a,isExpanded:c,toggleExpand:v},()=>[e.createVNode(n,{onClick:ie=>v(a),rounded:""},{default:e.withCtx(()=>[e.createVNode(h,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c(a)?"mdi-chevron-up":"mdi-chevron-down"),1)]),_:2},1024)]),_:2},1032,["onClick"])])]),"expanded-row":e.withCtx(({columns:a,item:c})=>[e.renderSlot(t.$slots,"expanded-row",{columns:a,item:c})]),"item.actions":e.withCtx(({item:a})=>[e.renderSlot(t.$slots,"before-actions",{item:a}),l.showViewButton?(e.openBlock(),e.createBlock(F,{key:0,text:l.viewButtonText},{activator:e.withCtx(({props:c})=>{var v;return[e.createVNode(n,e.mergeProps({icon:"",flat:"",onClick:ie=>tt(a)},c,{disabled:(v=l.disableView)==null?void 0:v.call(l,a)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"view-icon",{},()=>[g(V.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.value),e.mergeProps({key:0,size:20,class:"text-info"},B.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-info"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),l.showEditButton?(e.openBlock(),e.createBlock(F,{key:1,text:l.editButtonText},{activator:e.withCtx(({props:c})=>{var v;return[e.createVNode(n,e.mergeProps({icon:"",flat:"",onClick:ie=>et(a)},c,{disabled:(v=l.disableEdit)==null?void 0:v.call(l,a)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"edit-icon",{},()=>[g(f.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),e.mergeProps({key:0,size:20,class:"text-primary"},B.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),l.showDeleteButton?(e.openBlock(),e.createBlock(F,{key:2,text:l.deleteButtonText},{activator:e.withCtx(({props:c})=>{var v;return[e.createVNode(n,e.mergeProps({icon:"",flat:"",onClick:ie=>Xe(a)},c,{disabled:(v=l.disableDelete)==null?void 0:v.call(l,a)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"delete-icon",{},()=>[g(S.value)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value),e.mergeProps({key:0,size:20,class:"text-error"},B.value),null,16)):(e.openBlock(),e.createBlock(h,{key:1,size:"20",class:"text-error"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.value),1)]),_:1}))])]),_:3},16,["onClick","disabled"])]}),_:2},1032,["text"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"after-actions",{item:a})]),tfoot:e.withCtx(()=>[e.createElementVNode("tfoot",null,[e.renderSlot(t.$slots,"item.tfoot",{columns:Q.value})])]),_:2},[l.showSelect?{name:"top",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"selection-actions",{selected:N.value,count:N.value.length,clear:je})]),key:"0"}:void 0,e.renderList(Ue.value,a=>({name:`item.${a.key}`,fn:e.withCtx(({item:c})=>[e.renderSlot(t.$slots,`item.${a.key}`,{item:c},()=>[e.createTextVNode(e.toDisplayString(c[a.key]),1)])])}))]),1040,["headers","items","loading","items-length","items-per-page","search","sort-by","page","item-value","show-expand","show-select","select-strategy","modelValue","class"]),o[9]||(o[9]=e.createElementVNode("div",{class:"vdt-fade vdt-fade--left"},null,-1)),o[10]||(o[10]=e.createElementVNode("div",{class:"vdt-fade vdt-fade--right"},null,-1)),ae.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"vdt-arrow vdt-arrow--left","aria-label":y("scrollLeft"),onClick:o[7]||(o[7]=a=>xe(-1))},[e.createVNode(h,{icon:Re,size:"20"})],8,Me)):e.createCommentVNode("",!0),U.value?(e.openBlock(),e.createBlock(F,{key:1,text:y("scrollRight"),disabled:ve.value,location:"top"},{activator:e.withCtx(({props:a})=>[e.createElementVNode("button",e.mergeProps(a,{type:"button",class:"vdt-arrow vdt-arrow--right","aria-label":y("scrollRight"),onClick:o[8]||(o[8]=c=>xe(1))}),[e.createVNode(h,{icon:ze,size:"20"})],16,$e)]),_:1},8,["text","disabled"])):e.createCommentVNode("",!0),ve.value?(e.openBlock(),e.createElementBlock("span",Le,e.toDisplayString(y("scrollHint")),1)):e.createCommentVNode("",!0)],544),e.createVNode(Se,{show:A.value,title:l.deleteModalTitle,description:l.deleteModalMessage,confirmButtonText:l.deleteModalConfirmButtonText,cancelButtonText:l.deleteModalCancelButtonText,onClose:Qe,onConfirm:ot},null,8,["show","title","description","confirmButtonText","cancelButtonText"])],6)}}}),Ke={install(l){l.component("DataTable",de)}};x.DATA_TABLE_CONFIG_KEY=G,x.DataTable=de,x.createDataTableConfig=Be,x.default=Ke,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

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