npm - @webilio-xyz/webilio-vue - Versions diffs - 1.1.17 → 1.1.18 - Mend

@webilio-xyz/webilio-vue 1.1.17 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/Table.js +293 -261
package/package.json +1 -1

package/dist/Table.js CHANGED Viewed

@@ -1,78 +1,78 @@
-import { computed as w, openBlock as l, createElementBlock as i, renderSlot as k, createElementVNode as v, normalizeClass as f, createVNode as A, unref as $, Fragment as p, toDisplayString as y, renderList as x, createCommentVNode as N, createTextVNode as M, createBlock as B, resolveDynamicComponent as Y, ref as V, watch as R } from "vue";
-import { usePage as J, router as Q } from "@inertiajs/vue3";
-import { C as W, a as T } from "./ColumnDefinition-DMr-A-Xx.js";
-import { AkChevronLeft as _, AkChevronRight as ee } from "@kalimahapps/vue-icons";
-import { e as te, b as z, g as S } from "./_baseIteratee-B9n7IWT3.js";
-import { i as E, a as ne, k as ae } from "./_baseEach-BeZ5ghU7.js";
-import { a as se } from "./isObject-BD_iszZg.js";
-import { t as oe, d as le } from "./debounce-Cx8aOQWk.js";
-import { f as re } from "./forEach-DN2We3cJ.js";
-var q = 1 / 0, ie = 17976931348623157e292;
-function L(e) {
+import { computed as x, ref as T, openBlock as s, createElementBlock as o, renderSlot as h, createElementVNode as g, normalizeClass as v, createVNode as F, unref as $, Fragment as y, toDisplayString as C, renderList as P, createCommentVNode as M, withDirectives as Y, withKeys as J, vModelText as Q, nextTick as W, createTextVNode as K, createBlock as q, resolveDynamicComponent as _, watch as B } from "vue";
+import { usePage as ee, router as te } from "@inertiajs/vue3";
+import { C as ne, a as L } from "./ColumnDefinition-DMr-A-Xx.js";
+import { AkChevronLeft as ae, AkChevronRight as se, AkArrowForward as oe } from "@kalimahapps/vue-icons";
+import { e as le, b as E, g as V } from "./_baseIteratee-B9n7IWT3.js";
+import { i as G, a as re, k as ie } from "./_baseEach-BeZ5ghU7.js";
+import { a as ue } from "./isObject-BD_iszZg.js";
+import { t as ce, d as de } from "./debounce-Cx8aOQWk.js";
+import { f as ve } from "./forEach-DN2We3cJ.js";
+var z = 1 / 0, ge = 17976931348623157e292;
+function H(e) {
   if (!e)
     return e === 0 ? e : 0;
-  if (e = oe(e), e === q || e === -q) {
+  if (e = ce(e), e === z || e === -z) {
     var n = e < 0 ? -1 : 1;
-    return n * ie;
+    return n * ge;
   }
   return e === e ? e : 0;
 }
-function ue(e) {
-  var n = L(e), a = n % 1;
+function me(e) {
+  var n = H(e), a = n % 1;
   return n === n ? a ? n - a : n : 0;
 }
-function ce(e, n, a, t) {
-  for (var c = e.length, r = a + -1; ++r < c; )
-    if (n(e[r], r, e))
-      return r;
+function fe(e, n, a, t) {
+  for (var i = e.length, l = a + -1; ++l < i; )
+    if (n(e[l], l, e))
+      return l;
   return -1;
 }
-function de(e, n, a) {
-  if (!se(a))
+function pe(e, n, a) {
+  if (!ue(a))
     return !1;
   var t = typeof n;
-  return (t == "number" ? E(a) && ne(n, a.length) : t == "string" && n in a) ? te(a[n], e) : !1;
+  return (t == "number" ? G(a) && re(n, a.length) : t == "string" && n in a) ? le(a[n], e) : !1;
 }
-function ve(e) {
+function ye(e) {
   return function(n, a, t) {
-    var c = Object(n);
-    if (!E(n)) {
-      var r = z(a);
-      n = ae(n), a = function(d) {
-        return r(c[d], d, c);
+    var i = Object(n);
+    if (!G(n)) {
+      var l = E(a);
+      n = ie(n), a = function(d) {
+        return l(i[d], d, i);
       };
     }
-    var g = e(n, a, t);
-    return g > -1 ? c[r ? n[g] : g] : void 0;
+    var m = e(n, a, t);
+    return m > -1 ? i[l ? n[m] : m] : void 0;
   };
 }
-var ge = Math.max;
-function H(e, n, a) {
+var be = Math.max;
+function D(e, n, a) {
   var t = e == null ? 0 : e.length;
   if (!t)
     return -1;
-  var c = a == null ? 0 : ue(a);
-  return c < 0 && (c = ge(t + c, 0)), ce(e, z(n), c);
+  var i = a == null ? 0 : me(a);
+  return i < 0 && (i = be(t + i, 0)), fe(e, E(n), i);
 }
-var fe = ve(H), me = Math.ceil, pe = Math.max;
-function ye(e, n, a, t) {
-  for (var c = -1, r = pe(me((n - e) / (a || 1)), 0), g = Array(r); r--; )
-    g[++c] = e, e += a;
-  return g;
+var Ce = ye(D), ke = Math.ceil, we = Math.max;
+function he(e, n, a, t) {
+  for (var i = -1, l = we(ke((n - e) / (a || 1)), 0), m = Array(l); l--; )
+    m[++i] = e, e += a;
+  return m;
 }
-function be(e) {
+function $e(e) {
   return function(n, a, t) {
-    return t && typeof t != "number" && de(n, a, t) && (a = t = void 0), n = L(n), a === void 0 ? (a = n, n = 0) : a = L(a), t = t === void 0 ? n < a ? 1 : -1 : L(t), ye(n, a, t);
+    return t && typeof t != "number" && pe(n, a, t) && (a = t = void 0), n = H(n), a === void 0 ? (a = n, n = 0) : a = H(a), t = t === void 0 ? n < a ? 1 : -1 : H(t), he(n, a, t);
   };
 }
-var P = be();
-const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], he = ["onClick"], $e = ["onClick"], xe = ["onClick"], Se = {
+var R = $e();
+const xe = { class: "flex space-x-1.5" }, Se = ["disabled"], Pe = ["onClick"], Te = ["onClick"], Ve = ["onClick"], Ae = ["onClick"], Ne = {
   key: 0,
   class: "wv-pagination-dot py-2"
-}, Pe = ["onClick"], Te = ["onClick"], Ve = {
+}, Re = ["onClick"], Me = ["onClick"], Fe = {
   key: 0,
   class: "wv-pagination-dot py-2"
-}, Re = ["disabled"], K = {
+}, Le = ["disabled"], Be = ["max"], O = {
   __name: "TablePaginationComponent",
   props: {
     modelValue: {
@@ -94,125 +94,157 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
     buttonPageClass: {
       type: String,
       default: ""
+    },
+    goto: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const a = e, t = w(() => a.modelValue), c = w(() => `${a.buttonClass} ${a.buttonLrClass}`), r = w(() => `${a.buttonClass} ${a.buttonPageClass}`), g = n, d = (u) => {
-      g("update:modelValue", u);
+    const a = e, t = x(() => a.modelValue), i = x(() => `${a.buttonClass} ${a.buttonLrClass}`), l = x(() => `${a.buttonClass} ${a.buttonPageClass}`), m = n, d = (b) => {
+      m("update:modelValue", b);
+    }, f = T(!1), c = T(t.value), k = T(null), A = async () => {
+      var b, p;
+      c.value = t.value, f.value = !0, await W(), (b = k.value) == null || b.focus(), (p = k.value) == null || p.select();
+    }, N = () => {
+      const b = Math.min(Math.max(Math.round(Number(c.value)) || 1, 1), a.lastPage);
+      d(b), f.value = !1;
     };
-    return (u, o) => (l(), i("div", Ce, [
-      k(u.$slots, "before", {}, () => [
-        v("button", {
-          class: f([c.value, "wv-pagination-button wv-pagination-before"]),
+    return (b, p) => (s(), o("div", xe, [
+      h(b.$slots, "before", {}, () => [
+        g("button", {
+          class: v([i.value, "wv-pagination-button wv-pagination-before"]),
           disabled: t.value === 1,
-          onClick: o[0] || (o[0] = (s) => d(t.value - 1))
+          onClick: p[0] || (p[0] = (r) => d(t.value - 1))
         }, [
-          A($(_), { class: "w-5 h-5" })
-        ], 10, ke)
+          F($(ae), { class: "w-5 h-5" })
+        ], 10, Se)
       ]),
-      t.value === 1 ? (l(), i(p, { key: 0 }, [
-        k(u.$slots, "current", {}, () => [
-          v("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-current"]),
+      t.value === 1 ? (s(), o(y, { key: 0 }, [
+        h(b.$slots, "current", {}, () => [
+          g("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-current"]),
             disabled: ""
-          }, y(t.value), 3)
+          }, C(t.value), 3)
         ]),
-        k(u.$slots, "next", {}, () => [
-          e.lastPage < 5 ? (l(!0), i(p, { key: 0 }, x($(P)(t.value + 1, e.lastPage + 1), (s) => (l(), i("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-next"]),
-            key: s,
-            onClick: (C) => d(s)
-          }, y(s), 11, we))), 128)) : (l(), i(p, { key: 1 }, [
-            (l(!0), i(p, null, x($(P)(t.value + 1, t.value + 3), (s) => (l(), i("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-next"]),
-              key: s,
-              onClick: (C) => d(s)
-            }, y(s), 11, he))), 128)),
-            o[6] || (o[6] = v("span", { class: "wv-pagination-dot py-2" }, "...", -1)),
-            v("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-next"]),
-              onClick: o[1] || (o[1] = (s) => d(e.lastPage))
-            }, y(e.lastPage), 3)
+        h(b.$slots, "next", {}, () => [
+          e.lastPage < 5 ? (s(!0), o(y, { key: 0 }, P($(R)(t.value + 1, e.lastPage + 1), (r) => (s(), o("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-next"]),
+            key: r,
+            onClick: (u) => d(r)
+          }, C(r), 11, Pe))), 128)) : (s(), o(y, { key: 1 }, [
+            (s(!0), o(y, null, P($(R)(t.value + 1, t.value + 3), (r) => (s(), o("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-next"]),
+              key: r,
+              onClick: (u) => d(r)
+            }, C(r), 11, Te))), 128)),
+            p[7] || (p[7] = g("span", { class: "wv-pagination-dot py-2" }, "...", -1)),
+            g("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-next"]),
+              onClick: p[1] || (p[1] = (r) => d(e.lastPage))
+            }, C(e.lastPage), 3)
           ], 64))
         ])
-      ], 64)) : t.value === e.lastPage ? (l(), i(p, { key: 1 }, [
-        k(u.$slots, "previous", {}, () => [
-          e.lastPage < 5 ? (l(!0), i(p, { key: 0 }, x($(P)(1, e.lastPage), (s) => (l(), i("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-previous"]),
-            key: s,
-            onClick: (C) => d(s)
-          }, y(s), 11, $e))), 128)) : (l(), i(p, { key: 1 }, [
-            v("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-previous"]),
-              onClick: o[2] || (o[2] = (s) => d(1))
+      ], 64)) : t.value === e.lastPage ? (s(), o(y, { key: 1 }, [
+        h(b.$slots, "previous", {}, () => [
+          e.lastPage < 5 ? (s(!0), o(y, { key: 0 }, P($(R)(1, e.lastPage), (r) => (s(), o("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-previous"]),
+            key: r,
+            onClick: (u) => d(r)
+          }, C(r), 11, Ve))), 128)) : (s(), o(y, { key: 1 }, [
+            g("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-previous"]),
+              onClick: p[2] || (p[2] = (r) => d(1))
             }, " 1 ", 2),
-            o[7] || (o[7] = v("span", { class: "wv-pagination-dot py-2" }, "...", -1)),
-            (l(!0), i(p, null, x($(P)(t.value - 2, t.value), (s) => (l(), i("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-previous"]),
-              key: s,
-              onClick: (C) => d(s)
-            }, y(s), 11, xe))), 128))
+            p[8] || (p[8] = g("span", { class: "wv-pagination-dot py-2" }, "...", -1)),
+            (s(!0), o(y, null, P($(R)(t.value - 2, t.value), (r) => (s(), o("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-previous"]),
+              key: r,
+              onClick: (u) => d(r)
+            }, C(r), 11, Ae))), 128))
           ], 64))
         ]),
-        k(u.$slots, "current", {}, () => [
-          v("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-current"]),
+        h(b.$slots, "current", {}, () => [
+          g("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-current"]),
             disabled: ""
-          }, y(t.value), 3)
+          }, C(t.value), 3)
         ])
-      ], 64)) : (l(), i(p, { key: 2 }, [
-        k(u.$slots, "previous", {}, () => [
-          t.value > 2 ? (l(), i(p, { key: 0 }, [
-            v("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-previous"]),
-              onClick: o[3] || (o[3] = (s) => d(1))
+      ], 64)) : (s(), o(y, { key: 2 }, [
+        h(b.$slots, "previous", {}, () => [
+          t.value > 2 ? (s(), o(y, { key: 0 }, [
+            g("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-previous"]),
+              onClick: p[3] || (p[3] = (r) => d(1))
             }, " 1 ", 2),
-            t.value > 3 ? (l(), i("span", Se, "...")) : N("", !0)
-          ], 64)) : N("", !0),
-          (l(!0), i(p, null, x($(P)(t.value - 1, t.value), (s) => (l(), i("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-previous"]),
-            key: s,
-            onClick: (C) => d(s)
-          }, y(s), 11, Pe))), 128))
+            t.value > 3 ? (s(), o("span", Ne, "...")) : M("", !0)
+          ], 64)) : M("", !0),
+          (s(!0), o(y, null, P($(R)(t.value - 1, t.value), (r) => (s(), o("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-previous"]),
+            key: r,
+            onClick: (u) => d(r)
+          }, C(r), 11, Re))), 128))
         ]),
-        k(u.$slots, "current", {}, () => [
-          v("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-current"]),
+        h(b.$slots, "current", {}, () => [
+          g("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-current"]),
             disabled: ""
-          }, y(t.value), 3)
+          }, C(t.value), 3)
         ]),
-        k(u.$slots, "next", {}, () => [
-          (l(!0), i(p, null, x($(P)(t.value + 1, t.value + 2), (s) => (l(), i("button", {
-            class: f([r.value, "wv-pagination-button wv-pagination-next"]),
-            key: s,
-            onClick: (C) => d(s)
-          }, y(s), 11, Te))), 128)),
-          t.value < e.lastPage - 1 ? (l(), i(p, { key: 0 }, [
-            t.value < e.lastPage - 2 ? (l(), i("span", Ve, "...")) : N("", !0),
-            v("button", {
-              class: f([r.value, "wv-pagination-button wv-pagination-next"]),
-              onClick: o[4] || (o[4] = (s) => d(e.lastPage))
-            }, y(e.lastPage), 3)
-          ], 64)) : N("", !0)
+        h(b.$slots, "next", {}, () => [
+          (s(!0), o(y, null, P($(R)(t.value + 1, t.value + 2), (r) => (s(), o("button", {
+            class: v([l.value, "wv-pagination-button wv-pagination-next"]),
+            key: r,
+            onClick: (u) => d(r)
+          }, C(r), 11, Me))), 128)),
+          t.value < e.lastPage - 1 ? (s(), o(y, { key: 0 }, [
+            t.value < e.lastPage - 2 ? (s(), o("span", Fe, "...")) : M("", !0),
+            g("button", {
+              class: v([l.value, "wv-pagination-button wv-pagination-next"]),
+              onClick: p[4] || (p[4] = (r) => d(e.lastPage))
+            }, C(e.lastPage), 3)
+          ], 64)) : M("", !0)
         ])
       ], 64)),
-      k(u.$slots, "after", {}, () => [
-        v("button", {
-          class: f([c.value, "wv-pagination-button wv-pagination-after"]),
+      h(b.$slots, "after", {}, () => [
+        g("button", {
+          class: v([i.value, "wv-pagination-button wv-pagination-after"]),
           disabled: t.value === e.lastPage,
-          onClick: o[5] || (o[5] = (s) => d(t.value + 1))
+          onClick: p[5] || (p[5] = (r) => d(t.value + 1))
         }, [
-          A($(ee), { class: "w-5 h-5" })
-        ], 10, Re)
-      ])
+          F($(se), { class: "w-5 h-5" })
+        ], 10, Le)
+      ]),
+      e.goto ? (s(), o(y, { key: 3 }, [
+        f.value ? Y((s(), o("input", {
+          key: 0,
+          ref_key: "gotoInput",
+          ref: k,
+          "onUpdate:modelValue": p[6] || (p[6] = (r) => c.value = r),
+          type: "number",
+          min: 1,
+          max: e.lastPage,
+          class: "wv-pagination-goto-input",
+          onKeyup: J(N, ["enter"]),
+          onBlur: N
+        }, null, 40, Be)), [
+          [Q, c.value]
+        ]) : (s(), o("button", {
+          key: 1,
+          class: v([i.value, "wv-pagination-button wv-pagination-goto"]),
+          onClick: A
+        }, [
+          F($(oe), { class: "w-5 h-5" })
+        ], 2))
+      ], 64)) : M("", !0)
     ]));
   }
-}, O = {
+}, I = {
   __name: "TableCellComponent",
   props: {
     column: {
-      type: W,
+      type: ne,
       default: () => {
       }
     },
@@ -223,24 +255,24 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
     }
   },
   setup(e) {
-    const n = e, a = w(() => !!n.column.formatter && typeof n.column.formatter == "function"), t = w(() => typeof n.column.render == "function"), c = w(() => a.value ? n.column.formatter(n.data, n.column) : t.value ? n.column.render(n.data, n.column) : S(n.data, n.column.key, null)), r = w(() => [
+    const n = e, a = x(() => !!n.column.formatter && typeof n.column.formatter == "function"), t = x(() => typeof n.column.render == "function"), i = x(() => a.value ? n.column.formatter(n.data, n.column) : t.value ? n.column.render(n.data, n.column) : V(n.data, n.column.key, null)), l = x(() => [
       `w-${n.column.size ?? "auto"}`,
       n.column.className
     ]);
-    return (g, d) => (l(), i("td", {
-      class: f(["px-6 py-4 whitespace-nowrap text-sm font-medium", r.value])
+    return (m, d) => (s(), o("td", {
+      class: v(["px-6 py-4 whitespace-nowrap text-sm font-medium", l.value])
     }, [
-      t.value ? (l(), B(Y(c.value), { key: 1 })) : (l(), i(p, { key: 0 }, [
-        M(y(c.value), 1)
+      t.value ? (s(), q(_(i.value), { key: 1 })) : (s(), o(y, { key: 0 }, [
+        K(C(i.value), 1)
       ], 64))
     ], 2));
   }
-}, Ne = { class: "border-0 border-b" }, j = {
+}, He = { class: "border-0 border-b" }, j = {
   __name: "TableRowComponent",
   props: {
     columns: {
-      type: T,
-      default: () => new T()
+      type: L,
+      default: () => new L()
     },
     data: {
       type: Object,
@@ -249,15 +281,15 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
     }
   },
   setup(e) {
-    return (n, a) => (l(), i("tr", Ne, [
-      (l(!0), i(p, null, x(e.columns.columns, (t) => (l(), B(O, {
+    return (n, a) => (s(), o("tr", He, [
+      (s(!0), o(y, null, P(e.columns.columns, (t) => (s(), q(I, {
         key: t.key,
         column: t,
         data: e.data
       }, null, 8, ["column", "data"]))), 128))
     ]));
   }
-}, Ae = ["onClick"], Le = {
+}, De = ["onClick"], Ke = {
   key: 0,
   class: "ms-1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -265,11 +297,11 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
   height: "15",
   fill: "#000000",
   viewBox: "0 0 256 256"
-}, Fe = ["d"], G = {
+}, qe = ["d"], U = {
   __name: "TableHeaderComponent",
   props: {
     columns: {
-      type: T,
+      type: L,
       default: () => []
     },
     trClass: {
@@ -287,9 +319,9 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
   },
   emits: ["setSort", "addSort"],
   setup(e, { emit: n }) {
-    const a = e, t = w(() => a.columns.columns.filter((u) => u.visible).sort((u, o) => u.order >= o.order ? 1 : -1)), c = n, r = (u) => u.sortable ? fe(a.sorting, (o) => o.key === u.key) : !1, g = (u) => {
-      var o;
-      switch ((o = r(u)) == null ? void 0 : o.direction) {
+    const a = e, t = x(() => a.columns.columns.filter((f) => f.visible).sort((f, c) => f.order >= c.order ? 1 : -1)), i = n, l = (f) => f.sortable ? Ce(a.sorting, (c) => c.key === f.key) : !1, m = (f) => {
+      var c;
+      switch ((c = l(f)) == null ? void 0 : c.direction) {
         case "asc":
           return "asc";
         case "desc":
@@ -297,43 +329,43 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
         default:
           return !1;
       }
-    }, d = (u, o) => {
-      if (!u.sortable)
+    }, d = (f, c) => {
+      if (!f.sortable)
         return "";
-      o.shiftKey ? c("addSort", u) : c("setSort", u);
+      c.shiftKey ? i("addSort", f) : i("setSort", f);
     };
-    return (u, o) => (l(), i("thead", {
-      class: f(e.headerClass)
+    return (f, c) => (s(), o("thead", {
+      class: v(e.headerClass)
     }, [
-      v("tr", {
-        class: f(e.trClass)
+      g("tr", {
+        class: v(e.trClass)
       }, [
-        (l(!0), i(p, null, x(t.value, (s) => (l(), i("th", {
-          key: s.key,
+        (s(!0), o(y, null, P(t.value, (k) => (s(), o("th", {
+          key: k.key,
           scope: "col",
-          class: f(["px-6 py-3 text-start", [s.thClassName, { "cursor-pointer": s.sortable }]])
+          class: v(["px-6 py-3 text-start", [k.thClassName, { "cursor-pointer": k.sortable }]])
         }, [
-          v("div", {
+          g("div", {
             class: "flex items-center",
-            onClick: (C) => d(s, C)
+            onClick: (A) => d(k, A)
           }, [
-            M(y(s.name) + " ", 1),
-            g(s) ? (l(), i("svg", Le, [
-              v("path", {
-                d: g(s) === "asc" ? "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" : "M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z"
-              }, null, 8, Fe)
-            ])) : N("", !0)
-          ], 8, Ae)
+            K(C(k.name) + " ", 1),
+            m(k) ? (s(), o("svg", Ke, [
+              g("path", {
+                d: m(k) === "asc" ? "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" : "M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z"
+              }, null, 8, qe)
+            ])) : M("", !0)
+          ], 8, De)
         ], 2))), 128))
       ], 2)
     ], 2));
   }
-}, He = { class: "overflow-x-auto table w-full relative" }, Me = { key: 1 }, Be = ["colspan"], De = { class: "flex items-center justify-center" }, qe = { key: 2 }, ze = ["colspan"], I = {
+}, ze = { class: "overflow-x-auto table w-full relative" }, Ee = { key: 1 }, Ge = ["colspan"], Oe = { class: "flex items-center justify-center" }, Ie = { key: 2 }, je = ["colspan"], Z = {
   __name: "TableComponent",
   props: {
     columns: {
-      type: T,
-      default: () => new T()
+      type: L,
+      default: () => new L()
     },
     data: {
       type: Array,
@@ -359,37 +391,37 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
   emits: ["setSort", "addSort"],
   setup(e, { emit: n }) {
     const a = n;
-    return (t, c) => {
-      var r;
-      return l(), i("table", He, [
-        A(G, {
+    return (t, i) => {
+      var l;
+      return s(), o("table", ze, [
+        F(U, {
           columns: e.columns,
           headerClass: e.headerClass,
           trClass: e.trHeadClass,
           sorting: e.sorting,
-          onSetSort: c[0] || (c[0] = (g) => a("setSort", g)),
-          onAddSort: c[1] || (c[1] = (g) => a("addSort", g))
+          onSetSort: i[0] || (i[0] = (m) => a("setSort", m)),
+          onAddSort: i[1] || (i[1] = (m) => a("addSort", m))
         }, null, 8, ["columns", "headerClass", "trClass", "sorting"]),
-        (r = e.data) != null && r.length && !e.isLoading ? (l(!0), i(p, { key: 0 }, x(e.data, (g, d) => (l(), B(j, {
+        (l = e.data) != null && l.length && !e.isLoading ? (s(!0), o(y, { key: 0 }, P(e.data, (m, d) => (s(), q(j, {
           key: d,
           columns: e.columns,
-          data: g,
-          class: f(g == null ? void 0 : g.trClassName)
-        }, null, 8, ["columns", "data", "class"]))), 128)) : e.isLoading ? (l(), i("tr", Me, [
-          v("td", {
+          data: m,
+          class: v(m == null ? void 0 : m.trClassName)
+        }, null, 8, ["columns", "data", "class"]))), 128)) : e.isLoading ? (s(), o("tr", Ee, [
+          g("td", {
             colspan: e.columns.columns.length,
             class: "text-center py-4"
           }, [
-            v("div", De, [
-              M(y(t.$t("text.loading")) + " ", 1),
-              c[2] || (c[2] = v("div", { class: "mx-1" }, [
-                v("svg", {
+            g("div", Oe, [
+              K(C(t.$t("text.loading")) + " ", 1),
+              i[2] || (i[2] = g("div", { class: "mx-1" }, [
+                g("svg", {
                   class: "animate-spin h-5 w-5",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  v("circle", {
+                  g("circle", {
                     class: "opacity-25",
                     cx: "12",
                     cy: "12",
@@ -397,7 +429,7 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
                     stroke: "currentColor",
                     "stroke-width": "4"
                   }),
-                  v("path", {
+                  g("path", {
                     class: "opacity-75",
                     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
                     fill: "currentColor"
@@ -405,21 +437,21 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
                 ])
               ], -1))
             ])
-          ], 8, Be)
-        ])) : (l(), i("tr", qe, [
-          v("td", {
+          ], 8, Ge)
+        ])) : (s(), o("tr", Ie, [
+          g("td", {
             colspan: e.columns.columns.length,
             class: "text-center pt-4 text-gray-500"
-          }, y(t.$t("text.no_results")), 9, ze)
+          }, C(t.$t("text.no_results")), 9, je)
         ]))
       ]);
     };
   }
-}, Ee = { class: "flex-grow flex" }, Ke = { class: "py-2" }, Oe = {
+}, Ue = { class: "flex-grow flex" }, Ze = { class: "py-2" }, Xe = {
   __name: "InertiaTableComponent",
   props: {
     columns: {
-      type: T,
+      type: L,
       required: !0
     },
     additionalFilters: {
@@ -460,30 +492,30 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
     }
   },
   setup(e, { expose: n }) {
-    const a = J(), t = e, c = V({}), r = V(S(a.props, t.inertiaKey, {})), g = w(() => S(r.value, "data", [])), d = V(!1), u = V(S(r, "current_page", t.currentPage)), o = V(t.sorting);
+    const a = ee(), t = e, i = T({}), l = T(V(a.props, t.inertiaKey, {})), m = x(() => V(l.value, "data", [])), d = T(!1), f = T(V(l, "current_page", t.currentPage)), c = T(t.sorting);
     n({
-      getData: C
+      getData: A
     });
-    const s = w(() => {
-      let m = {};
-      return re(o.value, (b, h) => {
-        m[h] = { key: b.key, direction: b.direction };
-      }), m;
+    const k = x(() => {
+      let u = {};
+      return ve(c.value, (w, S) => {
+        u[S] = { key: w.key, direction: w.direction };
+      }), u;
     });
-    function C() {
-      d.value = !0, Q.get(
+    function A() {
+      d.value = !0, te.get(
         window.location.pathname,
         {
-          filters: { ...t.additionalFilters, ...c.value },
-          sort: s.value,
-          page: u.value
+          filters: { ...t.additionalFilters, ...i.value },
+          sort: k.value,
+          page: f.value
         },
         {
           preserveState: !0,
           preserveScroll: !0,
           only: [t.inertiaKey],
-          onSuccess: (m) => {
-            r.value = S(m.props, t.inertiaKey);
+          onSuccess: (u) => {
+            l.value = V(u.props, t.inertiaKey);
           },
           onFinish: () => {
             d.value = !1;
@@ -491,31 +523,31 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
         }
       );
     }
-    const F = le(C, 500);
-    R(t, F, { deep: !0 }), R(u, F), R(() => t.currentPage, (m) => {
-      u.value = m;
-    }), R(() => t.sorting, (m) => {
-      o.value = m;
-    }), R(o, () => {
-      F();
+    const N = de(A, 500);
+    B(t, N, { deep: !0 }), B(f, N), B(() => t.currentPage, (u) => {
+      f.value = u;
+    }), B(() => t.sorting, (u) => {
+      c.value = u;
+    }), B(c, () => {
+      N();
     }, { deep: !0 });
-    const Z = (m) => {
-      let b = D(m), h = H(o.value, (X) => X.key === m.key);
-      b ? h > -1 ? o.value[h] = {
-        key: m.key,
-        direction: b
-      } : o.value.push({
-        key: m.key,
-        direction: b
-      }) : delete o.value[h];
-    }, U = (m) => {
-      o.value = [{
-        key: m.key,
-        direction: D(m)
+    const b = (u) => {
+      let w = r(u), S = D(c.value, (X) => X.key === u.key);
+      w ? S > -1 ? c.value[S] = {
+        key: u.key,
+        direction: w
+      } : c.value.push({
+        key: u.key,
+        direction: w
+      }) : delete c.value[S];
+    }, p = (u) => {
+      c.value = [{
+        key: u.key,
+        direction: r(u)
       }];
-    }, D = (m) => {
-      let b = H(o.value, (h) => h.key === m.key);
-      switch (S(o.value, `${b}.direction`, !1)) {
+    }, r = (u) => {
+      let w = D(c.value, (S) => S.key === u.key);
+      switch (V(c.value, `${w}.direction`, !1)) {
         case "asc":
           return "desc";
         case "desc":
@@ -524,50 +556,50 @@ const Ce = { class: "flex space-x-1.5" }, ke = ["disabled"], we = ["onClick"], h
           return "asc";
       }
     };
-    return (m, b) => (l(), i(p, null, [
-      A(I, {
+    return (u, w) => (s(), o(y, null, [
+      F(Z, {
         ref: "props.table",
         "is-loading": d.value,
-        data: g.value,
+        data: m.value,
         columns: e.columns,
-        class: f(e.tableClass),
+        class: v(e.tableClass),
         headerClass: e.headerClass,
         trHeadClass: e.trHeadClass,
-        sorting: o.value,
-        onSetSort: U,
-        onAddSort: Z
+        sorting: c.value,
+        onSetSort: p,
+        onAddSort: b
       }, null, 8, ["is-loading", "data", "columns", "class", "headerClass", "trHeadClass", "sorting"]),
-      k(m.$slots, "pagination", {}, () => [
-        v("div", {
-          class: f(["flex items-center", e.footerClass])
+      h(u.$slots, "pagination", {}, () => [
+        g("div", {
+          class: v(["flex items-center", e.footerClass])
         }, [
-          v("div", Ee, [
-            v("span", Ke, y(m.$t("table.nbResults", { total: $(S)(r.value, "total", 0) })), 1)
+          g("div", Ue, [
+            g("span", Ze, C(u.$t("table.nbResults", { total: $(V)(l.value, "total", 0) })), 1)
           ]),
-          A(K, {
-            "last-page": r.value.last_page,
-            modelValue: u.value,
-            "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
-            class: f(e.footerClass)
+          F(O, {
+            "last-page": l.value.last_page,
+            modelValue: f.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (S) => f.value = S),
+            class: v(e.footerClass)
           }, null, 8, ["last-page", "modelValue", "class"])
         ], 2)
       ])
     ], 64));
   }
-}, We = {
-  InertiaTableComponent: Oe,
-  TableComponent: I,
-  TableCellComponent: O,
+}, st = {
+  InertiaTableComponent: Xe,
+  TableComponent: Z,
+  TableCellComponent: I,
   TableRowComponent: j,
-  TableHeaderComponent: G,
-  TablePaginationComponent: K
+  TableHeaderComponent: U,
+  TablePaginationComponent: O
 };
 export {
-  Oe as InertiaTableComponent,
-  O as TableCellComponent,
-  I as TableComponent,
-  G as TableHeaderComponent,
-  K as TablePaginationComponent,
+  Xe as InertiaTableComponent,
+  I as TableCellComponent,
+  Z as TableComponent,
+  U as TableHeaderComponent,
+  O as TablePaginationComponent,
   j as TableRowComponent,
-  We as default
+  st as default
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@webilio-xyz/webilio-vue",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0",