@prefabs.tech/vue3-tanstack-table 0.29.1 → 0.30.0

package/dist/PrefabsTechVue3TanstackTable.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, h as Y, isRef as Jt, shallowRef as Zt, watch as yt, ref as K, watchEffect as en, unref as C, computed as B, createElementBlock as y, openBlock as S, createCommentVNode as D, createElementVNode as A, toDisplayString as N, Fragment as H, renderList as z, createVNode as E, createBlock as _, withCtx as G, normalizeClass as ge, normalizeStyle as oe, mergeProps as te, resolveDynamicComponent as ue, createTextVNode as tn, renderSlot as J, createSlots as Rt } from "vue";
+import { defineComponent as Q, h as Y, isRef as Jt, shallowRef as Zt, watch as Ct, ref as K, watchEffect as en, unref as y, computed as B, createElementBlock as C, openBlock as S, createCommentVNode as D, createElementVNode as A, toDisplayString as N, Fragment as H, renderList as z, createVNode as E, createBlock as _, withCtx as G, normalizeClass as ge, normalizeStyle as oe, mergeProps as te, resolveDynamicComponent as ue, createTextVNode as tn, renderSlot as J, createSlots as Rt } from "vue";
 import { DebouncedInput as Ft, ButtonElement as Z, formatDateTime as nn, formatDate as on, Tooltip as rn, Dropdown as ln, ConfirmationModal as sn, Popup as an, SortableList as un, getStorage as dn, LoadingIcon as cn, FilesList as gn } from "@prefabs.tech/vue3-ui";
 import { SelectInput as fn, DatePicker as pn, NumberInput as tt, Checkbox as Te } from "@prefabs.tech/vue3-form";
 const bt = /^[a-z0-9]+(-[a-z0-9]+)*$/, be = (e, o, t, n = "") => {
@@ -17,7 +17,7 @@ const bt = /^[a-z0-9]+(-[a-z0-9]+)*$/, be = (e, o, t, n = "") => {
       prefix: a,
       name: s
     };
-    return o && !Ce(u) ? null : u;
+    return o && !ye(u) ? null : u;
   }
   const r = i[0], l = r.split("-");
   if (l.length > 1) {
@@ -26,7 +26,7 @@ const bt = /^[a-z0-9]+(-[a-z0-9]+)*$/, be = (e, o, t, n = "") => {
       prefix: l.shift(),
       name: l.join("-")
     };
-    return o && !Ce(s) ? null : s;
+    return o && !ye(s) ? null : s;
   }
   if (t && n === "") {
     const s = {
@@ -34,10 +34,10 @@ const bt = /^[a-z0-9]+(-[a-z0-9]+)*$/, be = (e, o, t, n = "") => {
       prefix: "",
       name: r
     };
-    return o && !Ce(s, t) ? null : s;
+    return o && !ye(s, t) ? null : s;
   }
   return null;
-}, Ce = (e, o) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, ye = (e, o) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
 ((o && e.prefix === "" || e.prefix) && e.name) : !1, Pt = Object.freeze(
   {
@@ -175,7 +175,7 @@ function xt(e, o) {
     n ? e.icons[t] = n : e.missing.add(t);
   }) : [];
 }
-function Cn(e, o, t) {
+function yn(e, o, t) {
   try {
     if (typeof t.body == "string")
       return e.icons[o] = { ...t }, !0;
@@ -187,7 +187,7 @@ let fe = !1;
 function At(e) {
   return typeof e == "boolean" && (fe = e), fe;
 }
-function yn(e) {
+function Cn(e) {
   const o = typeof e == "string" ? be(e, !0, fe) : e;
   if (o) {
     const t = ie(o.provider, o.prefix), n = o.name;
@@ -199,7 +199,7 @@ function Rn(e, o) {
   if (!t)
     return !1;
   const n = ie(t.provider, t.prefix);
-  return o ? Cn(n, t.name, o) : (n.missing.add(t.name), !0);
+  return o ? yn(n, t.name, o) : (n.missing.add(t.name), !0);
 }
 function Fn(e, o) {
   if (typeof e != "object")
@@ -211,7 +211,7 @@ function Fn(e, o) {
     })), i;
   }
   const t = e.prefix;
-  if (!Ce({
+  if (!ye({
     prefix: t,
     name: "a"
   }))
@@ -391,11 +391,11 @@ function We(e) {
 const Qe = /* @__PURE__ */ Object.create(null), re = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], ye = [];
+], Ce = [];
 for (; re.length > 0; )
-  re.length === 1 || Math.random() > 0.5 ? ye.push(re.shift()) : ye.push(re.pop());
+  re.length === 1 || Math.random() > 0.5 ? Ce.push(re.shift()) : Ce.push(re.pop());
 Qe[""] = We({
-  resources: ["https://api.iconify.design"].concat(ye)
+  resources: ["https://api.iconify.design"].concat(Ce)
 });
 function Ln(e, o) {
   const t = We(o);
@@ -1134,7 +1134,7 @@ const po = {
       let n;
       if (typeof e != "string" || (n = be(e, !1, !0)) === null)
         return this.abortLoading(), null;
-      let i = yn(n);
+      let i = Cn(n);
       if (!i)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", i !== null && (this._loadingIcon = {
           name: e,
@@ -1344,7 +1344,7 @@ function pt(e, o, t) {
     l.createHeader == null || l.createHeader(r, e);
   }), r;
 }
-const Co = {
+const yo = {
   createTable: (e) => {
     e.getHeaderGroups = F(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, i) => {
       var r, l;
@@ -1476,7 +1476,7 @@ const Ye = (e, o, t, n, i, r, l) => {
     u == null || u.createRow == null || u.createRow(s, e);
   }
   return s;
-}, yo = {
+}, Co = {
   createColumn: (e, o) => {
     e._getFacetedRowModel = o.options.getFacetedRowModel && o.options.getFacetedRowModel(o, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : o.getPreFilteredRowModel(), e._getFacetedUniqueValues = o.options.getFacetedUniqueValues && o.options.getFacetedUniqueValues(o, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = o.options.getFacetedMinMaxValues && o.options.getFacetedMinMaxValues(o, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
@@ -1860,7 +1860,11 @@ const Eo = {
       return o.filter((r) => !i.includes(r.id));
     }, b(e.options, "debugColumns", "getCenterLeafColumns"));
   }
-}, he = {
+};
+function Lo(e) {
+  return e || (typeof document < "u" ? document : null);
+}
+const he = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
@@ -1871,7 +1875,7 @@ const Eo = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Lo = {
+}), To = {
   getDefaultColumnDef: () => he,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -1951,7 +1955,7 @@ const Eo = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, d = t || typeof document < "u" ? document : null, m = {
+        }, d = Lo(t), m = {
           moveHandler: (R) => f(R.clientX),
           upHandler: (R) => {
             d?.removeEventListener("mousemove", m.moveHandler), d?.removeEventListener("mouseup", m.upHandler), g(R.clientX);
@@ -1962,7 +1966,7 @@ const Eo = {
             var $;
             d?.removeEventListener("touchmove", p.moveHandler), d?.removeEventListener("touchend", p.upHandler), R.cancelable && (R.preventDefault(), R.stopPropagation()), g(($ = R.touches[0]) == null ? void 0 : $.clientX);
           }
-        }, h = To() ? {
+        }, h = Ho() ? {
           passive: !1
         } : !1;
         _e(r) ? (d?.addEventListener("touchmove", p.moveHandler, h), d?.addEventListener("touchend", p.upHandler, h)) : (d?.addEventListener("mousemove", m.moveHandler, h), d?.addEventListener("mouseup", m.upHandler, h)), o.setColumnSizingInfo((R) => ({
@@ -2000,7 +2004,7 @@ const Eo = {
   }
 };
 let ve = null;
-function To() {
+function Ho() {
   if (typeof ve == "boolean") return ve;
   let e = !1;
   try {
@@ -2019,7 +2023,7 @@ function To() {
 function _e(e) {
   return e.type === "touchstart";
 }
-const Ho = {
+const Bo = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -2067,14 +2071,14 @@ const Ho = {
 function de(e, o) {
   return o ? o === "center" ? e.getCenterVisibleLeafColumns() : o === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const Bo = {
+const Oo = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, Oo = {
+}, Go = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -2107,7 +2111,7 @@ const Bo = {
       e.setGlobalFilter(o ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Go = {
+}, zo = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -2197,7 +2201,7 @@ const Bo = {
 }, ze = 0, Ne = 10, Me = () => ({
   pageIndex: ze,
   pageSize: Ne
-}), zo = {
+}), No = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -2280,7 +2284,7 @@ const Bo = {
 }, Ee = () => ({
   top: [],
   bottom: []
-}), No = {
+}), jo = {
   getInitialState: (e) => ({
     rowPinning: Ee(),
     ...e
@@ -2381,7 +2385,7 @@ const Bo = {
       return o.filter((r) => !i.has(r.id));
     }, b(e.options, "debugRows", "getCenterRows"));
   }
-}, jo = {
+}, qo = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -2537,10 +2541,10 @@ function qe(e, o, t) {
     }
   }), i ? "all" : r ? "some" : !1;
 }
-const Ke = /([0-9]+)/gm, qo = (e, o, t) => Nt(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), Ko = (e, o, t) => Nt(ne(e.getValue(t)), ne(o.getValue(t))), Uo = (e, o, t) => et(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), Wo = (e, o, t) => et(ne(e.getValue(t)), ne(o.getValue(t))), Qo = (e, o, t) => {
+const Ke = /([0-9]+)/gm, Ko = (e, o, t) => Nt(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), Uo = (e, o, t) => Nt(ne(e.getValue(t)), ne(o.getValue(t))), Wo = (e, o, t) => et(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), Qo = (e, o, t) => et(ne(e.getValue(t)), ne(o.getValue(t))), Xo = (e, o, t) => {
   const n = e.getValue(t), i = o.getValue(t);
   return n > i ? 1 : n < i ? -1 : 0;
-}, Xo = (e, o, t) => et(e.getValue(t), o.getValue(t));
+}, Yo = (e, o, t) => et(e.getValue(t), o.getValue(t));
 function et(e, o) {
   return e === o ? 0 : e > o ? 1 : -1;
 }
@@ -2568,13 +2572,13 @@ function Nt(e, o) {
   return t.length - n.length;
 }
 const se = {
-  alphanumeric: qo,
-  alphanumericCaseSensitive: Ko,
-  text: Uo,
-  textCaseSensitive: Wo,
-  datetime: Qo,
-  basic: Xo
-}, Yo = {
+  alphanumeric: Ko,
+  alphanumericCaseSensitive: Uo,
+  text: Wo,
+  textCaseSensitive: Qo,
+  datetime: Xo,
+  basic: Yo
+}, Jo = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -2663,30 +2667,30 @@ const se = {
       e.setSorting(o ? [] : (t = (n = e.initialState) == null ? void 0 : n.sorting) != null ? t : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, Jo = [
-  Co,
-  Ho,
+}, Zo = [
+  yo,
+  Bo,
   Eo,
   ko,
-  yo,
+  Co,
   Ro,
-  Bo,
-  //depends on ColumnFaceting
   Oo,
+  //depends on ColumnFaceting
+  Go,
   //depends on ColumnFiltering
-  Yo,
+  Jo,
   _o,
   //depends on RowSorting
-  Go,
   zo,
   No,
   jo,
-  Lo
+  qo,
+  To
 ];
-function Zo(e) {
+function ei(e) {
   var o, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const n = [...Jo, ...(o = e._features) != null ? o : []];
+  const n = [...Zo, ...(o = e._features) != null ? o : []];
   let i = {
     _features: n
   };
@@ -2811,7 +2815,7 @@ function jt() {
     return t.rows = n(o), t;
   }, b(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function ei(e) {
+function ti(e) {
   const o = [], t = (n) => {
     var i;
     o.push(n), (i = n.subRows) != null && i.length && n.getIsExpanded() && n.subRows.forEach(t);
@@ -2822,10 +2826,10 @@ function ei(e) {
     rowsById: e.rowsById
   };
 }
-function ti(e, o, t) {
-  return t.options.filterFromLeafRows ? ni(e, o, t) : oi(e, o, t);
-}
 function ni(e, o, t) {
+  return t.options.filterFromLeafRows ? oi(e, o, t) : ii(e, o, t);
+}
+function oi(e, o, t) {
   var n;
   const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, u) {
     u === void 0 && (u = 0);
@@ -2854,7 +2858,7 @@ function ni(e, o, t) {
     rowsById: r
   };
 }
-function oi(e, o, t) {
+function ii(e, o, t) {
   var n;
   const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, u) {
     u === void 0 && (u = 0);
@@ -2942,7 +2946,7 @@ function qt() {
           return !1;
       return !0;
     };
-    return ti(o.rows, f, e);
+    return ni(o.rows, f, e);
   }, b(e.options, "debugTable", "getFilteredRowModel", () => e._autoResetPageIndex()));
 }
 function Kt(e) {
@@ -2965,7 +2969,7 @@ function Kt(e) {
       rows: l,
       flatRows: s,
       rowsById: a
-    } : f = ei({
+    } : f = ti({
       rows: l,
       flatRows: s,
       rowsById: a
@@ -3038,9 +3042,9 @@ function Ut() {
 function Se() {
   return !0;
 }
-const ii = Symbol("merge-proxy"), ri = {
+const ri = Symbol("merge-proxy"), li = {
   get(e, o, t) {
-    return o === ii ? t : e.get(o);
+    return o === ri ? t : e.get(o);
   },
   has(e, o) {
     return e.has(o);
@@ -3085,7 +3089,7 @@ function ae() {
       for (let i = 0; i < o.length; i++) n.push(...Object.keys(Le(o[i])));
       return [...Array.from(new Set(n))];
     }
-  }, ri);
+  }, li);
 }
 const pe = Q({
   props: ["render", "props"],
@@ -3093,7 +3097,7 @@ const pe = Q({
 });
 function ht(e) {
   return ae(e, {
-    data: C(e.data)
+    data: y(e.data)
   });
 }
 function Wt(e) {
@@ -3110,10 +3114,10 @@ function Wt(e) {
         ...l
       } : ae(r, l);
     }
-  }, o ? ht(e) : e), n = Zo(t);
+  }, o ? ht(e) : e), n = ei(t);
   if (o) {
     const r = Zt(e.data);
-    yt(r, () => {
+    Ct(r, () => {
       n.setState((l) => ({
         ...l,
         data: r.value
@@ -3144,19 +3148,19 @@ function Wt(e) {
   }), n;
 }
 var x = /* @__PURE__ */ ((e) => (e.BETWEEN = "between", e.CONTAINS = "contains", e.ENDS_WITH = "endsWith", e.EQUALS = "equals", e.GREATER_THAN = "greaterThan", e.GREATER_THAN_OR_EQUAL = "greaterThanOrEqual", e.IN = "in", e.IS_EMPTY = "isEmpty", e.IS_NOT_EMPTY = "isNotEmpty", e.IS_NOT_NULL = "isNotNull", e.IS_NULL = "isNull", e.LESS_THAN = "lessThan", e.LESS_THAN_OR_EQUAL = "lessThanOrEqual", e.LIKE = "like", e.NOT_BETWEEN = "notBetween", e.NOT_EQUAL = "notEqual", e.NOT_IN = "notIn", e.NOT_LIKE = "notLike", e.STARTS_WITH = "startsWith", e))(x || {}), T = /* @__PURE__ */ ((e) => (e.BETWEEN = "bt", e.CONTAINS = "ct", e.EMPTY = "empty", e.ENDS_WITH = "ew", e.EQUALS = "eq", e.GREATER_THAN = "gt", e.GREATER_THAN_OR_EQUAL = "gte", e.IN = "in", e.LESS_THAN = "lt", e.LESS_THAN_OR_EQUAL = "lte", e.LIKE = "like", e.NULL = "null", e.STARTS_WITH = "sw", e))(T || {});
-const li = { class: "pagination" }, si = {
+const si = { class: "pagination" }, ai = {
   key: 0,
   class: "items-per-page-control"
-}, ai = ["value"], ui = ["value"], di = {
+}, ui = ["value"], di = ["value"], ci = {
   key: 1,
   class: "page-input-control"
-}, ci = {
+}, gi = {
   key: 2,
   class: "pagination-buttons-wrapper"
-}, gi = { key: 0 }, fi = { key: 1 }, pi = { key: 1 }, mi = { key: 3 }, hi = {
+}, fi = { key: 0 }, pi = { key: 1 }, mi = { key: 1 }, hi = { key: 3 }, vi = {
   name: "TablePagination"
-}, vi = /* @__PURE__ */ Q({
-  ...hi,
+}, Si = /* @__PURE__ */ Q({
+  ...vi,
   props: {
     currentPage: {
       required: !0,
@@ -3225,30 +3229,30 @@ const li = { class: "pagination" }, si = {
       const c = parseInt(u.toString(), 10) - 1;
       !isNaN(c) && c >= 0 && c < r.value && n("update:currentPage", c);
     };
-    return (u, c) => (S(), y("div", li, [
-      e.showItemsPerPageControl ? (S(), y("div", si, [
+    return (u, c) => (S(), C("div", si, [
+      e.showItemsPerPageControl ? (S(), C("div", ai, [
         A("span", null, N(e.itemsPerPageControlLabel), 1),
         A("select", {
           value: i.value,
           onChange: s
         }, [
-          (S(!0), y(H, null, z(e.itemsPerPageOptions, (f) => (S(), y("option", {
+          (S(!0), C(H, null, z(e.itemsPerPageOptions, (f) => (S(), C("option", {
             key: `items-per-page-option-${f}`,
             value: f
-          }, N(f), 9, ui))), 128))
-        ], 40, ai)
+          }, N(f), 9, di))), 128))
+        ], 40, ui)
       ])) : D("", !0),
-      r.value > 1 && e.showPageInput ? (S(), y("div", di, [
+      r.value > 1 && e.showPageInput ? (S(), C("div", ci, [
         A("span", null, N(e.pageInputLabel), 1),
-        E(C(Ft), {
+        E(y(Ft), {
           type: "number",
           "debounce-time": e.inputDebounceTime,
           "onUpdate:modelValue": a
         }, null, 8, ["debounce-time"])
       ])) : D("", !0),
-      r.value > 1 ? (S(), y("div", ci, [
-        e.showFirstLastButtons || e.showPreviousNextButtons ? (S(), y("div", gi, [
-          e.showFirstLastButtons ? (S(), _(C(Z), {
+      r.value > 1 ? (S(), C("div", gi, [
+        e.showFirstLastButtons || e.showPreviousNextButtons ? (S(), C("div", fi, [
+          e.showFirstLastButtons ? (S(), _(y(Z), {
             key: 0,
             disabled: !(e.currentPage > 0),
             class: "first-page",
@@ -3256,11 +3260,11 @@ const li = { class: "pagination" }, si = {
             onClick: c[0] || (c[0] = (f) => u.$emit("update:currentPage", 0))
           }, {
             iconLeft: G(() => [
-              E(C(j), { icon: "prime:angle-double-left" })
+              E(y(j), { icon: "prime:angle-double-left" })
             ]),
             _: 1
           }, 8, ["disabled"])) : D("", !0),
-          e.showPreviousNextButtons ? (S(), _(C(Z), {
+          e.showPreviousNextButtons ? (S(), _(y(Z), {
             key: 1,
             disabled: !(e.currentPage > 0),
             class: "previous-page",
@@ -3268,22 +3272,22 @@ const li = { class: "pagination" }, si = {
             onClick: c[1] || (c[1] = (f) => u.$emit("update:currentPage", e.currentPage - 1))
           }, {
             iconLeft: G(() => [
-              E(C(j), { icon: "prime:angle-left" })
+              E(y(j), { icon: "prime:angle-left" })
             ]),
             _: 1
           }, 8, ["disabled"])) : D("", !0)
         ])) : D("", !0),
         A("div", null, [
-          e.showPageButtons ? (S(!0), y(H, { key: 0 }, z(l.value, (f) => (S(), _(C(Z), {
+          e.showPageButtons ? (S(!0), C(H, { key: 0 }, z(l.value, (f) => (S(), _(y(Z), {
             key: `page-button-${f}`,
             class: ge(`page-button ${f === e.currentPage + 1 ? "active" : ""}`),
             label: `${f}`,
             size: "small",
             onClick: (g) => u.$emit("update:currentPage", f - 1)
-          }, null, 8, ["class", "label", "onClick"]))), 128)) : (S(), y("span", fi, N(`${e.currentPage + 1} / ${r.value}`), 1))
+          }, null, 8, ["class", "label", "onClick"]))), 128)) : (S(), C("span", pi, N(`${e.currentPage + 1} / ${r.value}`), 1))
         ]),
-        e.showFirstLastButtons || e.showPreviousNextButtons ? (S(), y("div", pi, [
-          e.showPreviousNextButtons ? (S(), _(C(Z), {
+        e.showFirstLastButtons || e.showPreviousNextButtons ? (S(), C("div", mi, [
+          e.showPreviousNextButtons ? (S(), _(y(Z), {
             key: 0,
             disabled: !(e.currentPage < r.value - 1),
             class: "next-page",
@@ -3291,11 +3295,11 @@ const li = { class: "pagination" }, si = {
             onClick: c[2] || (c[2] = (f) => u.$emit("update:currentPage", e.currentPage + 1))
           }, {
             iconLeft: G(() => [
-              E(C(j), { icon: "prime:angle-right" })
+              E(y(j), { icon: "prime:angle-right" })
             ]),
             _: 1
           }, 8, ["disabled"])) : D("", !0),
-          e.showFirstLastButtons ? (S(), _(C(Z), {
+          e.showFirstLastButtons ? (S(), _(y(Z), {
             key: 1,
             disabled: !(e.currentPage < r.value - 1),
             class: "last-page",
@@ -3303,15 +3307,15 @@ const li = { class: "pagination" }, si = {
             onClick: c[3] || (c[3] = (f) => u.$emit("update:currentPage", r.value - 1))
           }, {
             iconLeft: G(() => [
-              E(C(j), { icon: "prime:angle-double-right" })
+              E(y(j), { icon: "prime:angle-double-right" })
             ]),
             _: 1
           }, 8, ["disabled"])) : D("", !0)
         ])) : D("", !0)
-      ])) : (S(), y("span", mi, N(`${e.currentPage + 1} / ${r.value}`), 1))
+      ])) : (S(), C("span", hi, N(`${e.currentPage + 1} / ${r.value}`), 1))
     ]));
   }
-}), we = 0, Si = [10, 20, 30], wi = 10, Qt = "table", Xt = {
+}), we = 0, wi = [10, 20, 30], yi = 10, Qt = "table", Xt = {
   day: "2-digit",
   month: "2-digit",
   year: "numeric"
@@ -3324,7 +3328,7 @@ const li = { class: "pagination" }, si = {
   value: e,
   locale: o = "en-GB",
   formatOptions: t
-}) => typeof e != "number" || isNaN(e) ? e : new Intl.NumberFormat(o, t).format(e), yi = (e, o, t) => on(e, o, t ?? Xt), Ri = (e, o, t) => nn(e, o, t ?? Ci), ce = (e) => {
+}) => typeof e != "number" || isNaN(e) ? e : new Intl.NumberFormat(o, t).format(e), Ri = (e, o, t) => on(e, o, t ?? Xt), Fi = (e, o, t) => nn(e, o, t ?? Ci), ce = (e) => {
   switch (e) {
     case x.CONTAINS:
       return { operator: T.CONTAINS };
@@ -3387,7 +3391,7 @@ const li = { class: "pagination" }, si = {
     key: e.id,
     ...ce(e.filterFn),
     value: o.slice(0, 2).join(",")
-  } : null : e.filterFn && !Pi(e.filterFn) ? {
+  } : null : e.filterFn && !$i(e.filterFn) ? {
     key: e.id,
     ...ce(e.filterFn),
     value: o[0]
@@ -3396,7 +3400,7 @@ const li = { class: "pagination" }, si = {
     ...ce(e.filterFn || x.IN),
     value: o.join(",")
   };
-}, Fi = (e, o, t) => {
+}, bi = (e, o, t) => {
   const n = () => {
     if (!o || o.length === 0) return null;
     const s = o.filter((a) => Array.isArray(a.value) ? a.value.filter((c) => Yt(c)).length > 0 : typeof a.value == "string" ? a.value.trim() !== "" : a.value != null);
@@ -3426,7 +3430,7 @@ const li = { class: "pagination" }, si = {
     sort: l(),
     offset: r()
   };
-}, bi = (e, o) => {
+}, Pi = (e, o) => {
   try {
     const t = o.getItem(`${Qt}-${e}`);
     return t && JSON.parse(t);
@@ -3434,21 +3438,21 @@ const li = { class: "pagination" }, si = {
     console.log("[Dz table] Could not restore table state", t);
   }
   return null;
-}, Ct = (e, o, t) => {
+}, yt = (e, o, t) => {
   try {
     t.setItem(`${Qt}-${e}`, JSON.stringify(o));
   } catch (n) {
     console.log("[Dz table] Could not store table state", n);
   }
-}, Pi = (e) => [
+}, $i = (e) => [
   x.IN,
   x.NOT_IN,
   x.BETWEEN,
   x.NOT_BETWEEN
-].includes(e), Yt = (e) => e != null, $i = ["data-id", "data-selected"], Ii = ["data-label", "data-align"], xi = { key: 1 }, Ai = ["colspan"], Di = {
+].includes(e), Yt = (e) => e != null, Ii = ["data-id", "data-selected"], xi = ["data-label", "data-align"], Ai = { key: 1 }, Di = ["colspan"], Vi = {
   name: "TableBody"
-}, Vi = /* @__PURE__ */ Q({
-  ...Di,
+}, _i = /* @__PURE__ */ Q({
+  ...Vi,
   props: {
     customFormatters: {
       default: () => ({}),
@@ -3482,13 +3486,13 @@ const li = { class: "pagination" }, si = {
               formatOptions: s?.formatOptions
             }),
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            date: (g) => yi(
+            date: (g) => Ri(
               g,
               l?.locale ?? o.locale,
               l?.formatOptions
             ),
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            datetime: (g) => Ri(
+            datetime: (g) => Fi(
               g,
               l?.locale ?? o.locale,
               l?.formatOptions
@@ -3512,17 +3516,17 @@ const li = { class: "pagination" }, si = {
       const r = i.column.columnDef.tooltip;
       return typeof r == "string" ? r : typeof r == "function" ? r(i) : i.getValue();
     };
-    return (i, r) => (S(), y("tbody", null, [
-      e.table.getRowModel().rows?.length ? (S(!0), y(H, { key: 0 }, z(e.table.getRowModel().rows, (l) => (S(), y("tr", {
+    return (i, r) => (S(), C("tbody", null, [
+      e.table.getRowModel().rows?.length ? (S(!0), C(H, { key: 0 }, z(e.table.getRowModel().rows, (l) => (S(), C("tr", {
         key: `table-row-${l.id}`,
         "data-id": l.id,
         "data-selected": e.enableRowSelection ? l.getIsSelected() : void 0
       }, [
-        (S(!0), y(H, null, z(l.getVisibleCells(), (s) => (S(), y("td", {
+        (S(!0), C(H, null, z(l.getVisibleCells(), (s) => (S(), C("td", {
           key: `table-data-${l.id}-${s.id}`,
           class: ge([s.column.id ? `cell-${s.column.id}` : ""]),
           "data-label": s.column.id,
-          "data-align": C(Ue)({
+          "data-align": y(Ue)({
             align: s.column.columnDef.align,
             dataType: s.column.columnDef.dataType
           }),
@@ -3532,42 +3536,42 @@ const li = { class: "pagination" }, si = {
             minWidth: s.column.columnDef.minWidth
           })
         }, [
-          s.column.columnDef.tooltip ? (S(), _(C(rn), te({
+          s.column.columnDef.tooltip ? (S(), _(y(rn), te({
             key: 0,
             ref_for: !0
           }, s.column.columnDef.tooltipOptions), {
             content: G(() => [
-              typeof s.column.columnDef.tooltip == "function" && typeof n(s) != "string" ? (S(), _(ue(n(s)), { key: 0 })) : (S(), y(H, { key: 1 }, [
+              typeof s.column.columnDef.tooltip == "function" && typeof n(s) != "string" ? (S(), _(ue(n(s)), { key: 0 })) : (S(), C(H, { key: 1 }, [
                 tn(N(n(s)), 1)
               ], 64))
             ]),
             default: G(() => [
-              E(C(pe), te({ ref_for: !0 }, t(s)), null, 16)
+              E(y(pe), te({ ref_for: !0 }, t(s)), null, 16)
             ]),
             _: 2
-          }, 1040)) : (S(), _(C(pe), te({
+          }, 1040)) : (S(), _(y(pe), te({
             key: 1,
             ref_for: !0
           }, t(s)), null, 16))
-        ], 14, Ii))), 128))
-      ], 8, $i))), 128)) : (S(), y("tr", xi, [
+        ], 14, xi))), 128))
+      ], 8, Ii))), 128)) : (S(), C("tr", Ai, [
         A("td", {
           colspan: e.table.getAllColumns()?.length,
           class: "empty-table"
-        }, N(e.emptyTableMessage), 9, Ai)
+        }, N(e.emptyTableMessage), 9, Di)
       ]))
     ]));
   }
-}), _i = {
+}), Mi = {
   key: 0,
   class: "data-actions"
-}, Mi = {
+}, Ei = {
   key: 0,
   class: "title"
-}, Ei = { key: 0 }, ki = { key: 0 }, Li = {
+}, ki = { key: 0 }, Li = { key: 0 }, Ti = {
   name: "TableDataActions"
-}, Ti = /* @__PURE__ */ Q({
-  ...Li,
+}, Hi = /* @__PURE__ */ Q({
+  ...Ti,
   props: {
     actions: {
       type: Array,
@@ -3614,8 +3618,8 @@ const li = { class: "pagination" }, si = {
     }, g = (d) => {
       r.value = d, d?.requireConfirmationModal ? i.value = !0 : n("action:select", r.value);
     };
-    return (d, m) => a.value ? (S(), y("div", _i, [
-      u.value ? (S(!0), y(H, { key: 0 }, z(l.value, (p, h) => (S(), _(C(Z), te({ ref_for: !0 }, p, {
+    return (d, m) => a.value ? (S(), C("div", Mi, [
+      u.value ? (S(!0), C(H, { key: 0 }, z(l.value, (p, h) => (S(), _(y(Z), te({ ref_for: !0 }, p, {
         key: `mode-button-${h}`,
         class: p.class,
         disabled: p.disabled,
@@ -3625,14 +3629,14 @@ const li = { class: "pagination" }, si = {
         rounded: "",
         variant: "textOnly",
         onClick: (R) => g(p)
-      }), null, 16, ["class", "disabled", "icon-left", "label", "title", "onClick"]))), 128)) : c.value ? (S(), _(C(ln), {
+      }), null, 16, ["class", "disabled", "icon-left", "label", "title", "onClick"]))), 128)) : c.value ? (S(), _(y(ln), {
         key: 1,
         menu: l.value,
         onSelect: g
       }, {
         default: G(() => [
           J(d.$slots, "trigger", {}, () => [
-            E(C(j), {
+            E(y(j), {
               icon: "prime:cog",
               width: "22"
             })
@@ -3641,7 +3645,7 @@ const li = { class: "pagination" }, si = {
         _: 3
       }, 8, ["menu"])) : D("", !0),
       J(d.$slots, "confirmationModal", {}, () => [
-        i.value ? (S(), _(C(sn), {
+        i.value ? (S(), _(y(sn), {
           key: 0,
           "onOn:close": m[0] || (m[0] = (p) => i.value = !1),
           "onOn:confirm": f
@@ -3649,21 +3653,21 @@ const li = { class: "pagination" }, si = {
           s.value?.header ? {
             name: "header",
             fn: G(() => [
-              typeof s.value?.header == "string" ? (S(), y("p", Mi, N(s.value?.header), 1)) : (S(), _(ue(s.value?.header), { key: 1 }))
+              typeof s.value?.header == "string" ? (S(), C("p", Ei, N(s.value?.header), 1)) : (S(), _(ue(s.value?.header), { key: 1 }))
             ]),
             key: "0"
           } : void 0,
           s.value?.body ? {
             name: "message",
             fn: G(() => [
-              typeof s.value?.body == "string" ? (S(), y("p", Ei, N(s.value?.body), 1)) : (S(), _(ue(s.value?.body), { key: 1 }))
+              typeof s.value?.body == "string" ? (S(), C("p", ki, N(s.value?.body), 1)) : (S(), _(ue(s.value?.body), { key: 1 }))
             ]),
             key: "1"
           } : void 0,
           s.value?.footer ? {
             name: "footer",
             fn: G(() => [
-              typeof s.value?.footer == "string" ? (S(), y("p", ki, N(s.value?.footer), 1)) : (S(), _(ue(s.value?.footer), { key: 1 }))
+              typeof s.value?.footer == "string" ? (S(), C("p", Li, N(s.value?.footer), 1)) : (S(), _(ue(s.value?.footer), { key: 1 }))
             ]),
             key: "2"
           } : void 0
@@ -3671,40 +3675,40 @@ const li = { class: "pagination" }, si = {
       ])
     ])) : D("", !0);
   }
-}), Hi = ["colSpan", "data-align", "onClick"], Bi = {
+}), Bi = ["colSpan", "data-align", "onClick"], Oi = {
   key: 0,
   class: "sort-state"
-}, Oi = {
+}, Gi = {
   key: 0,
   class: "sort-icon",
   height: "16",
   viewBox: "0 0 24 24",
   width: "16",
   xmlns: "http://www.w3.org/2000/svg"
-}, Gi = {
+}, zi = {
   key: 0,
   class: "sort-icon",
   height: "16",
   viewBox: "0 0 24 24",
   width: "16",
   xmlns: "http://www.w3.org/2000/svg"
-}, zi = {
+}, Ni = {
   key: 1,
   class: "sort-icon",
   height: "16",
   viewBox: "0 0 24 24",
   width: "16",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ni = {
+}, ji = {
   key: 0,
   class: "header-row filters"
-}, ji = ["data-align"], qi = {
+}, qi = ["data-align"], Ki = {
   key: 3,
   class: "number-range-filter"
-}, Ki = {
+}, Ui = {
   name: "TableHeader"
-}, Ui = /* @__PURE__ */ Q({
-  ...Ki,
+}, Wi = /* @__PURE__ */ Q({
+  ...Ui,
   props: {
     highlightActiveColumn: Boolean,
     inputDebounceTime: {
@@ -3732,12 +3736,12 @@ const li = { class: "pagination" }, si = {
       );
       l.setFilterValue(f ? c : []);
     };
-    return (l, s) => (S(), y("thead", null, [
-      (S(!0), y(H, null, z(e.table.getHeaderGroups(), (a) => (S(), y("tr", {
+    return (l, s) => (S(), C("thead", null, [
+      (S(!0), C(H, null, z(e.table.getHeaderGroups(), (a) => (S(), C("tr", {
         key: a.id,
         class: "header-row"
       }, [
-        (S(!0), y(H, null, z(a.headers, (u) => (S(), y("th", {
+        (S(!0), C(H, null, z(a.headers, (u) => (S(), C("th", {
           key: `table-header-${u.id}`,
           class: ge([
             t(u.column),
@@ -3745,7 +3749,7 @@ const li = { class: "pagination" }, si = {
             u.column.columnDef.enableSorting ? "sortable" : ""
           ]),
           colSpan: u.colSpan,
-          "data-align": C(Ue)({
+          "data-align": y(Ue)({
             align: u.column.columnDef.align,
             dataType: u.column.columnDef.dataType
           }),
@@ -3756,37 +3760,37 @@ const li = { class: "pagination" }, si = {
           }),
           onClick: (c) => u.column.getCanSort() ? u.column.getToggleSortingHandler()?.(c) : null
         }, [
-          u.isPlaceholder ? D("", !0) : (S(), y(H, { key: 0 }, [
-            E(C(pe), {
+          u.isPlaceholder ? D("", !0) : (S(), C(H, { key: 0 }, [
+            E(y(pe), {
               props: u.getContext(),
               render: u.column.columnDef.header
             }, null, 8, ["props", "render"]),
-            u.column.columnDef.enableSorting ? (S(), y("span", Bi, [
-              !u.column.getIsSorted() && u.column.getCanSort() ? (S(), y("svg", Oi, s[0] || (s[0] = [
+            u.column.columnDef.enableSorting ? (S(), C("span", Oi, [
+              !u.column.getIsSorted() && u.column.getCanSort() ? (S(), C("svg", Gi, [...s[0] || (s[0] = [
                 A("path", {
                   d: "M18 10.75H6a.74.74 0 0 1-.69-.46a.75.75 0 0 1 .16-.82l6-6a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 .16.82a.74.74 0 0 1-.69.46M7.81 9.25h8.38L12 5.06ZM12 20.75a.74.74 0 0 1-.53-.22l-6-6a.75.75 0 0 1-.16-.82a.74.74 0 0 1 .69-.46h12a.74.74 0 0 1 .69.46a.75.75 0 0 1-.16.82l-6 6a.74.74 0 0 1-.53.22m-4.19-6L12 18.94l4.19-4.19Z",
                   fill: "currentColor"
                 }, null, -1)
-              ]))) : D("", !0),
-              u.column.getIsSorted() && u.column.getCanSort() ? (S(), y(H, { key: 1 }, [
-                u.column.getIsSorted() === "asc" ? (S(), y("svg", Gi, s[1] || (s[1] = [
+              ])])) : D("", !0),
+              u.column.getIsSorted() && u.column.getCanSort() ? (S(), C(H, { key: 1 }, [
+                u.column.getIsSorted() === "asc" ? (S(), C("svg", zi, [...s[1] || (s[1] = [
                   A("path", {
                     d: "M12.53 7.97a.75.75 0 0 0-1.06 0l-7 7A.75.75 0 0 0 5 16.25h14a.75.75 0 0 0 .53-1.28z",
                     fill: "currentColor"
                   }, null, -1)
-                ]))) : (S(), y("svg", zi, s[2] || (s[2] = [
+                ])])) : (S(), C("svg", Ni, [...s[2] || (s[2] = [
                   A("path", {
                     d: "M5 7.75a.75.75 0 0 0-.53 1.28l7 7a.75.75 0 0 0 1.06 0l7-7A.75.75 0 0 0 19 7.75z",
                     fill: "currentColor"
                   }, null, -1)
-                ])))
+                ])]))
               ], 64)) : D("", !0)
             ])) : D("", !0)
           ], 64))
-        ], 14, Hi))), 128))
+        ], 14, Bi))), 128))
       ]))), 128)),
-      e.isFilterRowVisible ? (S(), y("tr", Ni, [
-        (S(!0), y(H, null, z(e.table.getVisibleLeafColumns(), (a) => (S(), y("th", {
+      e.isFilterRowVisible ? (S(), C("tr", ji, [
+        (S(!0), C(H, null, z(e.table.getVisibleLeafColumns(), (a) => (S(), C("th", {
           key: `table-filter-${a.id}`,
           class: ge([
             t(a),
@@ -3794,7 +3798,7 @@ const li = { class: "pagination" }, si = {
             a.columnDef.className || "",
             a.getCanFilter() ? `filter ${a.columnDef.meta?.filterVariant}` : ""
           ]),
-          "data-align": C(Ue)({
+          "data-align": y(Ue)({
             align: a.columnDef.align,
             dataType: a.columnDef.dataType
           }),
@@ -3804,8 +3808,8 @@ const li = { class: "pagination" }, si = {
             minWidth: a.columnDef.minWidth
           })
         }, [
-          a.getCanFilter() ? (S(), y(H, { key: 0 }, [
-            a.columnDef.customFilterComponent ? (S(), _(ue(a.columnDef.customFilterComponent(a)), { key: 0 })) : a.columnDef.meta?.filterVariant === "multiselect" || a.columnDef.meta?.filterVariant === "select" ? (S(), _(C(fn), {
+          a.getCanFilter() ? (S(), C(H, { key: 0 }, [
+            a.columnDef.customFilterComponent ? (S(), _(ue(a.columnDef.customFilterComponent(a)), { key: 0 })) : a.columnDef.meta?.filterVariant === "multiselect" || a.columnDef.meta?.filterVariant === "select" ? (S(), _(y(fn), {
               key: 1,
               "model-value": n(a),
               options: a.columnDef.meta?.filterOptions || [],
@@ -3814,7 +3818,7 @@ const li = { class: "pagination" }, si = {
               multiple: a.columnDef.meta?.filterVariant === "multiselect",
               "enable-tooltip": "",
               "onUpdate:modelValue": (u) => a.setFilterValue(u)
-            }, null, 8, ["model-value", "options", "placeholder", "name", "multiple", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "dateRange" ? (S(), _(C(pn), {
+            }, null, 8, ["model-value", "options", "placeholder", "name", "multiple", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "dateRange" ? (S(), _(y(pn), {
               key: 2,
               "model-value": n(a),
               placeholder: a.columnDef.filterPlaceholder,
@@ -3822,20 +3826,20 @@ const li = { class: "pagination" }, si = {
               range: "",
               teleport: "",
               "onUpdate:modelValue": (u) => a.setFilterValue(i(u))
-            }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "range" ? (S(), y("div", qi, [
-              E(C(tt), {
+            }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "range" ? (S(), C("div", Ki, [
+              E(y(tt), {
                 "model-value": Array.isArray(n(a)) && n(a)[0] !== null ? Number(n(a)[0]) : void 0,
                 placeholder: a.columnDef.filterPlaceholder?.split(",")[0],
                 name: "`range-${column.columnDef.accessorKey}-start`",
                 "onUpdate:modelValue": (u) => r(a, 0, u)
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              E(C(tt), {
+              E(y(tt), {
                 "model-value": Array.isArray(n(a)) && n(a)[1] !== null ? Number(n(a)[1]) : void 0,
                 placeholder: a.columnDef.filterPlaceholder?.split(",")[1] ?? a.columnDef.filterPlaceholder,
                 name: "`range-${column.columnDef.accessorKey}-end`",
                 "onUpdate:modelValue": (u) => r(a, 1, u)
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
-            ])) : (S(), _(C(Ft), {
+            ])) : (S(), _(y(Ft), {
               key: 4,
               id: `input-filter-${a.id}`,
               "debounce-time": e.inputDebounceTime,
@@ -3844,14 +3848,14 @@ const li = { class: "pagination" }, si = {
               "onUpdate:modelValue": (u) => a.setFilterValue(u)
             }, null, 8, ["id", "debounce-time", "model-value", "placeholder", "onUpdate:modelValue"]))
           ], 64)) : D("", !0)
-        ], 14, ji))), 128))
+        ], 14, qi))), 128))
       ])) : D("", !0)
     ]));
   }
-}), Wi = { class: "toolbar" }, Qi = {
+}), Qi = { class: "toolbar" }, Xi = {
   name: "TableToolbar"
-}, Xi = /* @__PURE__ */ Q({
-  ...Qi,
+}, Yi = /* @__PURE__ */ Q({
+  ...Xi,
   props: {
     columnActionButtonLabel: {
       default: "Columns",
@@ -3895,26 +3899,26 @@ const li = { class: "pagination" }, si = {
       ];
       n("on:drag", s);
     };
-    return (l, s) => (S(), y("div", Wi, [
-      e.showResetButton ? (S(), _(C(Z), {
+    return (l, s) => (S(), C("div", Qi, [
+      e.showResetButton ? (S(), _(y(Z), {
         key: 0,
         label: e.resetButtonLabel,
         variant: "outlined",
         severity: "secondary",
         onClick: s[0] || (s[0] = (a) => l.$emit("on:reset"))
       }, null, 8, ["label"])) : D("", !0),
-      e.showColumnAction ? (S(), _(C(an), {
+      e.showColumnAction ? (S(), _(y(an), {
         key: 1,
         position: "bottom"
       }, {
         content: G(() => [
-          E(C(un), {
+          E(y(un), {
             list: i.value,
             onOnDrag: r
           }, null, 8, ["list"])
         ]),
         default: G(() => [
-          E(C(Z), {
+          E(y(Z), {
             label: e.columnActionButtonLabel,
             variant: "outlined",
             severity: "secondary"
@@ -3925,13 +3929,13 @@ const li = { class: "pagination" }, si = {
       J(l.$slots, "default")
     ]));
   }
-}), Yi = ["id"], Ji = {
+}), Ji = ["id"], Zi = {
   key: 0,
   class: "loading-overlay"
-}, Zi = ["data-align"], er = { class: "table-wrapper" }, tr = { key: 0 }, nr = {
+}, er = ["data-align"], tr = { class: "table-wrapper" }, nr = { key: 0 }, or = {
   name: "DataTable"
-}, or = /* @__PURE__ */ Q({
-  ...nr,
+}, ir = /* @__PURE__ */ Q({
+  ...or,
   props: {
     actionsMode: {
       default: "auto",
@@ -4024,11 +4028,11 @@ const li = { class: "pagination" }, si = {
       type: String
     },
     rowPerPage: {
-      default: wi,
+      default: yi,
       type: Number
     },
     rowPerPageOptions: {
-      default: () => Si,
+      default: () => wi,
       type: Array
     },
     showColumnAction: Boolean,
@@ -4134,14 +4138,14 @@ const li = { class: "pagination" }, si = {
         ...t.tableOptions
       })
     );
-    yt(
+    Ct(
       [r, l, s, a, c],
       () => {
-        t.persistState && t.id && Ct(t.id, g.value, d.value);
+        t.persistState && t.id && yt(t.id, g.value, d.value);
       }
     );
     const R = () => {
-      const v = Fi(
+      const v = bi(
         c.value,
         r.value,
         a.value
@@ -4194,7 +4198,7 @@ const li = { class: "pagination" }, si = {
           icon: "prime:cog",
           width: "24"
         }),
-        cell: ({ row: v }) => Y(Ti, {
+        cell: ({ row: v }) => Y(Hi, {
           actions: t.dataActionMenu,
           autoModeCount: t.autoModeCount,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -4212,21 +4216,21 @@ const li = { class: "pagination" }, si = {
     }, M = () => {
       if (!t.persistState || !t.id)
         return;
-      const v = bi(t.id, d.value);
-      v && (r.value = v.columnFilters, l.value = v.columnOrder, s.value = v.columnVisibility, c.value = v.sorting, t.rowPerPageOptions.includes(v.pagination.pageSize) && (a.value = v.pagination)), Ct(t.id, g.value, d.value);
+      const v = Pi(t.id, d.value);
+      v && (r.value = v.columnFilters, l.value = v.columnOrder, s.value = v.columnVisibility, c.value = v.sorting, t.rowPerPageOptions.includes(v.pagination.pageSize) && (a.value = v.pagination)), yt(t.id, g.value, d.value);
     };
-    return P(), (v, w) => (S(), y("div", {
+    return P(), (v, w) => (S(), C("div", {
       id: e.id,
       class: "table-container"
     }, [
-      e.isLoading ? (S(), y("div", Ji, [
-        E(C(cn), { class: "loading-icon" })
+      e.isLoading ? (S(), C("div", Zi, [
+        E(y(cn), { class: "loading-icon" })
       ])) : D("", !0),
-      e.titleInfo ? (S(), y("span", {
+      e.titleInfo ? (S(), C("span", {
         key: 1,
         "data-align": e.titleInfo.align || "center"
-      }, N(e.titleInfo.text), 9, Zi)) : D("", !0),
-      e.showColumnAction || e.showResetButton || v.$slots.toolbar ? (S(), _(Xi, {
+      }, N(e.titleInfo.text), 9, er)) : D("", !0),
+      e.showColumnAction || e.showResetButton || v.$slots.toolbar ? (S(), _(Yi, {
         key: 2,
         "column-action-button-label": e.columnActionButtonLabel,
         "has-actions-column": !!e.dataActionMenu.length,
@@ -4243,29 +4247,29 @@ const li = { class: "pagination" }, si = {
         ]),
         _: 3
       }, 8, ["column-action-button-label", "has-actions-column", "has-selection-column", "reset-button-label", "show-column-action", "show-reset-button", "table"])) : D("", !0),
-      A("div", er, [
+      A("div", tr, [
         A("table", {
           style: oe(`width: ${h.value.getCenterTotalSize()}`)
         }, [
-          E(Ui, {
+          E(Wi, {
             "highlight-active-column": e.highlightActiveHeaderColumn,
             "input-debounce-time": e.inputDebounceTime,
             "is-filter-row-visible": f.value,
             table: h.value
           }, null, 8, ["highlight-active-column", "input-debounce-time", "is-filter-row-visible", "table"]),
-          E(Vi, {
+          E(_i, {
             "custom-formatters": e.customFormatters,
             "empty-table-message": e.emptyTableMessage,
             locale: e.locale,
             table: h.value
           }, null, 8, ["custom-formatters", "empty-table-message", "locale", "table"]),
-          v.$slots.footer ? (S(), y("tfoot", tr, [
+          v.$slots.footer ? (S(), C("tfoot", nr, [
             J(v.$slots, "footer")
           ])) : D("", !0)
         ], 4)
       ]),
       (e.isServerTable || e.paginated) && m.value > 0 ? J(v.$slots, "pagination", { key: 3 }, () => [
-        E(vi, te(e.paginationOptions, {
+        E(Si, te(e.paginationOptions, {
           "current-page": a.value.pageIndex,
           "default-items-per-page": a.value.pageSize,
           "items-per-page-options": e.rowPerPageOptions,
@@ -4274,12 +4278,12 @@ const li = { class: "pagination" }, si = {
           "onUpdate:itemsPerPage": h.value.setPageSize
         }), null, 16, ["current-page", "default-items-per-page", "items-per-page-options", "total-items", "onUpdate:currentPage", "onUpdate:itemsPerPage"])
       ]) : D("", !0)
-    ], 8, Yi));
+    ], 8, Ji));
   }
-}), ir = {
+}), rr = {
   name: "FilesTable"
-}, rr = /* @__PURE__ */ Q({
-  ...ir,
+}, lr = /* @__PURE__ */ Q({
+  ...rr,
   props: {
     archiveFile: Boolean,
     columnsData: {
@@ -4493,7 +4497,7 @@ const li = { class: "pagination" }, si = {
     }, a = (u) => {
       n("update:request", u);
     };
-    return (u, c) => (S(), _(or, te(e.tableOptions, {
+    return (u, c) => (S(), _(ir, te(e.tableOptions, {
       id: e.id,
       "columns-data": l.value,
       data: e.files,
@@ -4534,10 +4538,10 @@ const li = { class: "pagination" }, si = {
       } : void 0
     ]), 1040, ["id", "columns-data", "data", "data-action-menu", "empty-table-message", "initial-sorting", "is-loading", "is-server-table", "locale", "persist-state", "persist-state-storage", "total-records", "visible-columns"]));
   }
-}), lr = {
+}), sr = {
   name: "FilesPresentation"
-}, xr = /* @__PURE__ */ Q({
-  ...lr,
+}, Ar = /* @__PURE__ */ Q({
+  ...sr,
   props: {
     actionButtonsVisibility: {
       default: () => ({
@@ -4623,7 +4627,7 @@ const li = { class: "pagination" }, si = {
           break;
       }
     };
-    return (l, s) => e.presentation === "list" ? (S(), _(C(gn), te({ key: 0 }, e.listProps, {
+    return (l, s) => e.presentation === "list" ? (S(), _(y(gn), te({ key: 0 }, e.listProps, {
       "action-buttons-visibility": e.actionButtonsVisibility,
       files: e.files,
       "file-detail-visibility": i.value,
@@ -4635,7 +4639,7 @@ const li = { class: "pagination" }, si = {
       "onAction:edit": s[3] || (s[3] = (a) => r("edit", a)),
       "onAction:share": s[4] || (s[4] = (a) => r("share", a)),
       "onAction:view": s[5] || (s[5] = (a) => r("view", a))
-    }), null, 16, ["action-buttons-visibility", "files", "file-detail-visibility", "locale", "messages"])) : (S(), _(rr, te({ key: 1 }, e.tableProps, {
+    }), null, 16, ["action-buttons-visibility", "files", "file-detail-visibility", "locale", "messages"])) : (S(), _(lr, te({ key: 1 }, e.tableProps, {
       "archive-file": e.actionButtonsVisibility.archive,
       "delete-file": e.actionButtonsVisibility.delete,
       "download-file": e.actionButtonsVisibility.download,
@@ -4654,13 +4658,13 @@ const li = { class: "pagination" }, si = {
       "onAction:view": s[11] || (s[11] = (a) => r("view", a))
     }), null, 16, ["archive-file", "delete-file", "download-file", "edit-description", "files", "locale", "messages", "share-file", "view-file", "visible-columns"]));
   }
-}), sr = { class: "table-wrapper" }, ar = {
+}), ar = { class: "table-wrapper" }, ur = {
   key: 0,
   class: "toggle-wrap"
-}, ur = ["colSpan", "onClick"], dr = { key: 0 }, cr = ["data-label"], gr = { class: "page-navigation-container" }, fr = { class: "page-indicators-selection-container" }, pr = { class: "page-number-indicators" }, mr = { class: "go-to-page-container" }, hr = ["value", "max"], vr = ["value"], Sr = ["value"], wr = { class: "page-navigation-buttons-container" }, Cr = ["disabled"], yr = ["disabled"], Rr = ["disabled"], Fr = ["disabled"], br = {
+}, dr = ["colSpan", "onClick"], cr = { key: 0 }, gr = ["data-label"], fr = { class: "page-navigation-container" }, pr = { class: "page-indicators-selection-container" }, mr = { class: "page-number-indicators" }, hr = { class: "go-to-page-container" }, vr = ["value", "max"], Sr = ["value"], wr = ["value"], yr = { class: "page-navigation-buttons-container" }, Cr = ["disabled"], Rr = ["disabled"], Fr = ["disabled"], br = ["disabled"], Pr = {
   name: "TanstackTable"
-}, Ar = /* @__PURE__ */ Q({
-  ...br,
+}, Dr = /* @__PURE__ */ Q({
+  ...Pr,
   props: {
     columnsData: {
       type: Array,
@@ -4713,23 +4717,23 @@ const li = { class: "pagination" }, si = {
       const f = c.target, g = f.value ? Number(f.value) : 10;
       r.setPageSize(g);
     };
-    return (c, f) => (S(), y("div", sr, [
+    return (c, f) => (S(), C("div", ar, [
       A("table", {
-        style: oe(`width: ${C(r).getCenterTotalSize()}`)
+        style: oe(`width: ${y(r).getCenterTotalSize()}`)
       }, [
-        o.enableToggle ? (S(), y("div", ar, [
+        o.enableToggle ? (S(), C("div", ur, [
           A("button", {
             class: "table-toggle",
             onClick: s
           }, [
-            E(C(j), {
+            E(y(j), {
               icon: "mingcute:menu-fill",
               class: "toggle-icon"
             })
           ])
         ])) : D("", !0),
         A("colgroup", null, [
-          (S(!0), y(H, null, z(o.columnsData, (g) => (S(), y("col", {
+          (S(!0), C(H, null, z(o.columnsData, (g) => (S(), C("col", {
             key: g.accessorKey,
             style: oe(`width: ${g.size}px`)
           }, null, 4))), 128))
@@ -4737,123 +4741,123 @@ const li = { class: "pagination" }, si = {
         A("thead", {
           class: ge({ expand: l.value })
         }, [
-          (S(!0), y(H, null, z(C(r).getHeaderGroups(), (g) => (S(), y("tr", {
+          (S(!0), C(H, null, z(y(r).getHeaderGroups(), (g) => (S(), C("tr", {
             key: g.id
           }, [
-            (S(!0), y(H, null, z(g.headers, (d) => (S(), y("th", {
+            (S(!0), C(H, null, z(g.headers, (d) => (S(), C("th", {
               key: d.id,
               colSpan: d.colSpan,
               onClick: (m) => d.column.getCanSort() ? d.column.getToggleSortingHandler()?.(m) : null
             }, [
-              d.isPlaceholder ? D("", !0) : (S(), y("div", dr, [
-                E(C(pe), {
+              d.isPlaceholder ? D("", !0) : (S(), C("div", cr, [
+                E(y(pe), {
                   props: d.getContext(),
                   render: d.column.columnDef.header
                 }, null, 8, ["props", "render"]),
-                !d.column.getIsSorted() && d.column.getCanSort() ? (S(), _(C(j), {
+                !d.column.getIsSorted() && d.column.getCanSort() ? (S(), _(y(j), {
                   key: 0,
                   icon: "ri:arrow-up-down-line",
                   class: "sort-icon"
                 })) : D("", !0),
-                d.column.getIsSorted() && d.column.getCanSort() ? (S(), _(C(j), {
+                d.column.getIsSorted() && d.column.getCanSort() ? (S(), _(y(j), {
                   key: 1,
                   icon: d.column.getIsSorted() === "asc" ? "mdi:arrow-up" : "mdi:arrow-down",
                   class: "sort-icon"
                 }, null, 8, ["icon"])) : D("", !0)
               ]))
-            ], 8, ur))), 128))
+            ], 8, dr))), 128))
           ]))), 128))
         ], 2),
         A("tbody", null, [
-          (S(!0), y(H, null, z(C(r).getRowModel().rows, (g) => (S(), y("tr", {
+          (S(!0), C(H, null, z(y(r).getRowModel().rows, (g) => (S(), C("tr", {
             key: g.id
           }, [
-            (S(!0), y(H, null, z(g.getVisibleCells(), (d) => (S(), y("td", {
+            (S(!0), C(H, null, z(g.getVisibleCells(), (d) => (S(), C("td", {
               key: d.id,
               "data-label": d.column.id
             }, [
-              E(C(pe), {
+              E(y(pe), {
                 props: d.getContext(),
                 render: d.column.columnDef.cell
               }, null, 8, ["props", "render"])
-            ], 8, cr))), 128))
+            ], 8, gr))), 128))
           ]))), 128))
         ])
       ], 4),
-      A("div", gr, [
-        A("div", fr, [
-          A("span", pr, N(C(r).getState().pagination.pageIndex + 1) + " of " + N(C(r).getPageCount()), 1),
-          A("span", mr, [
+      A("div", fr, [
+        A("div", pr, [
+          A("span", mr, N(y(r).getState().pagination.pageIndex + 1) + " of " + N(y(r).getPageCount()), 1),
+          A("span", hr, [
             f[6] || (f[6] = A("span", { class: "go-to-page-text" }, " Go to page: ", -1)),
             A("input", {
               class: "page-input",
               type: "number",
-              value: C(r).getState().pagination.pageIndex + 1,
-              max: C(r).getPageCount(),
+              value: y(r).getState().pagination.pageIndex + 1,
+              max: y(r).getPageCount(),
               onInput: f[0] || (f[0] = (g) => a(g))
-            }, null, 40, hr)
+            }, null, 40, vr)
           ]),
           A("select", {
-            value: C(r).getState().pagination.pageSize,
+            value: y(r).getState().pagination.pageSize,
             onChange: f[1] || (f[1] = (g) => u(g))
           }, [
-            (S(), y(H, null, z([10, 20, 30, 40, 50], (g) => A("option", {
+            (S(), C(H, null, z([10, 20, 30, 40, 50], (g) => A("option", {
               key: g,
               value: g
-            }, " Show " + N(g), 9, Sr)), 64))
-          ], 40, vr)
+            }, " Show " + N(g), 9, wr)), 64))
+          ], 40, Sr)
         ]),
-        A("div", wr, [
+        A("div", yr, [
           A("button", {
             class: "page-navigation-button",
-            disabled: !C(r).getCanPreviousPage(),
-            onClick: f[2] || (f[2] = (g) => C(r).setPageIndex(0))
+            disabled: !y(r).getCanPreviousPage(),
+            onClick: f[2] || (f[2] = (g) => y(r).setPageIndex(0))
           }, [
-            E(C(j), {
+            E(y(j), {
               icon: "material-symbols:keyboard-double-arrow-left-rounded",
               class: "navigation-button-icon"
             })
           ], 8, Cr),
           A("button", {
             class: "page-navigation-button",
-            disabled: !C(r).getCanPreviousPage(),
-            onClick: f[3] || (f[3] = (g) => C(r).previousPage())
+            disabled: !y(r).getCanPreviousPage(),
+            onClick: f[3] || (f[3] = (g) => y(r).previousPage())
           }, [
-            E(C(j), {
+            E(y(j), {
               icon: "material-symbols:arrow-back-ios-new-rounded",
               class: "navigation-button-icon"
             })
-          ], 8, yr),
+          ], 8, Rr),
           A("button", {
             class: "page-navigation-button",
-            disabled: !C(r).getCanNextPage(),
-            onClick: f[4] || (f[4] = (g) => C(r).nextPage())
+            disabled: !y(r).getCanNextPage(),
+            onClick: f[4] || (f[4] = (g) => y(r).nextPage())
           }, [
-            E(C(j), {
+            E(y(j), {
               icon: "material-symbols:arrow-forward-ios-rounded",
               class: "navigation-button-icon"
             })
-          ], 8, Rr),
+          ], 8, Fr),
           A("button", {
             class: "page-navigation-button",
-            disabled: !C(r).getCanNextPage(),
-            onClick: f[5] || (f[5] = (g) => C(r).setPageIndex(C(r).getPageCount() - 1))
+            disabled: !y(r).getCanNextPage(),
+            onClick: f[5] || (f[5] = (g) => y(r).setPageIndex(y(r).getPageCount() - 1))
           }, [
-            E(C(j), {
+            E(y(j), {
               icon: "material-symbols:keyboard-double-arrow-right-rounded",
               class: "navigation-button-icon"
             })
-          ], 8, Fr)
+          ], 8, br)
         ])
       ])
     ]));
   }
 });
 export {
-  xr as FilesPresentation,
-  rr as FilesTable,
-  or as Table,
-  Vi as TableBody,
-  Ui as TableHeader,
-  Ar as TanstackTable
+  Ar as FilesPresentation,
+  lr as FilesTable,
+  ir as Table,
+  _i as TableBody,
+  Wi as TableHeader,
+  Dr as TanstackTable
 };