lkt-table 1.2.19 → 1.2.20

package/dist/build.d.ts

@@ -72,7 +72,7 @@ declare class A {
     setIsEquivalentToSelectValue(t?: boolean): this;
     equivalentToSelectValue: boolean | undefined;
 }
-declare function $l(l: any, t: any, r: any, n?: boolean): {
+declare function Rl(l: any, t: any, r: any, n?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -656,7 +656,7 @@ declare function Fl(l: any, t: any, r?: boolean): {
     setIsEquivalentToSelectValue: (t?: boolean) => A;
     equivalentToSelectValue: boolean | undefined;
 };
-declare function Rl(l: any, t: any, r: any, n?: boolean): {
+declare function $l(l: any, t: any, r: any, n?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -1027,4 +1027,4 @@ declare namespace jl {
 declare function Jl(l: any): boolean;
 declare function zl(l: any): boolean;
 declare function Gl(l: any): boolean;
-export { A as LktTableColumn, $l as createActionColumn, Wl as createCheckColumn, Ml as createColumn, Ol as createEmailColumn, Pl as createFileColumn, Ul as createFloatColumn, ql as createHiddenColumn, Fl as createIntegerColumn, Rl as createLinkColumn, Kl as createSelectColumn, Hl as createSwitchColumn, Nl as createTelColumn, Al as createTextColumn, jl as default, Jl as setTableCreateButtonSlot, zl as setTableDropButtonSlot, Gl as setTableNavButtonSlot };
+export { A as LktTableColumn, Rl as createActionColumn, Wl as createCheckColumn, Ml as createColumn, Ol as createEmailColumn, Pl as createFileColumn, Ul as createFloatColumn, ql as createHiddenColumn, Fl as createIntegerColumn, $l as createLinkColumn, Kl as createSelectColumn, Hl as createSwitchColumn, Nl as createTelColumn, Al as createTextColumn, jl as default, Jl as setTableCreateButtonSlot, zl as setTableDropButtonSlot, Gl as setTableNavButtonSlot };

package/dist/build.js

@@ -1,4 +1,4 @@
-import { reactive as $, defineComponent as J, ref as C, watch as O, nextTick as ve, computed as p, resolveComponent as L, openBlock as u, createBlock as b, withCtx as U, createTextVNode as ne, toDisplayString as G, unref as I, createElementBlock as f, Fragment as R, withModifiers as Ue, resolveDynamicComponent as X, createCommentVNode as y, normalizeClass as ae, createElementVNode as D, createVNode as _, renderList as q, renderSlot as H, withDirectives as le, vShow as oe, useSlots as ct, onMounted as mt, createSlots as $e } from "vue";
+import { reactive as R, defineComponent as J, ref as C, watch as N, nextTick as ve, computed as p, resolveComponent as L, openBlock as u, createBlock as b, withCtx as O, createTextVNode as ne, toDisplayString as G, unref as D, createElementBlock as f, Fragment as $, withModifiers as Ue, resolveDynamicComponent as X, createCommentVNode as y, normalizeClass as ae, createElementVNode as T, createVNode as _, renderList as q, renderSlot as U, withDirectives as le, vShow as oe, useSlots as ct, onMounted as mt, createSlots as Re } from "vue";
 import { httpCall as ft } from "lkt-http-client";
 import { __ as z } from "lkt-i18n";
 import { createLktEvent as he } from "lkt-events";
@@ -13,7 +13,7 @@ import gt from "lkt-field-text";
 import Ct from "lkt-field-textarea";
 import St from "lkt-field-select";
 import Vt from "lkt-field-switch";
-import Et from "lkt-field-file";
+import Bt from "lkt-field-file";
 class A {
   constructor(t = "", r = "") {
     this.key = t, this.label = r, this.sortable = !0, this.hidden = !1, this.formatter = void 0, this.checkEmpty = void 0, this.colspan = void 0, this.resource = "", this.resourceData = {}, this.isMultiple = !1, this.isLoading = !1, this.resourceLoaded = !1, this.valueSlot = "", this.editSlot = "", this.multipleDisplay = "", this.multipleDisplayEdition = "";
@@ -159,7 +159,7 @@ class A {
     return this.equivalentToSelectValue = t, this;
   }
 }
-const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n = !0) => $(new A(l, t).setIsSortable(n).defineAsLink(r)), $l = (l, t, r, n = !0) => $(new A(l, t).setIsSortable(n).defineAsAction(r)), Al = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsText()), Fl = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsInteger()), Ul = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsFloat()), Ol = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsEmail()), Nl = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsTel()), Wl = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsCheck()), Hl = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsSwitch()), Kl = (l, t, r, n = !0) => $(new A(l, t).setIsSortable(n).defineAsSelect(r)), Pl = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).defineAsFile()), ql = (l, t, r = !0) => $(new A(l, t).setIsSortable(r).setIsHidden(!0)), Ae = (l, t, r, n) => {
+const Ml = (l, t, r = !0) => R(new A(l, t).setIsSortable(r)), $l = (l, t, r, n = !0) => R(new A(l, t).setIsSortable(n).defineAsLink(r)), Rl = (l, t, r, n = !0) => R(new A(l, t).setIsSortable(n).defineAsAction(r)), Al = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsText()), Fl = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsInteger()), Ul = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsFloat()), Ol = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsEmail()), Nl = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsTel()), Wl = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsCheck()), Hl = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsSwitch()), Kl = (l, t, r, n = !0) => R(new A(l, t).setIsSortable(n).defineAsSelect(r)), Pl = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).defineAsFile()), ql = (l, t, r = !0) => R(new A(l, t).setIsSortable(r).setIsHidden(!0)), Ae = (l, t, r, n) => {
   if (!r) return 0;
   let i = l[r.key], o = t[r.key];
   if (n === "asc") {
@@ -181,7 +181,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
     return i.startsWith("__:") ? z(i.substring(3)) : i;
   }
   return t[l.key];
-}, Bt = (l, t, r) => {
+}, Et = (l, t, r) => {
   if (!l.colspan) return -1;
   let n = t;
   return r.forEach((i) => {
@@ -216,12 +216,12 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
     const r = t, n = l, i = C(n.modelValue), o = C(i.value[n.column.key]), h = C(null), k = C(n.column.showLoading());
-    O(o, (a) => {
+    N(o, (a) => {
       const s = JSON.parse(JSON.stringify(i.value));
       s[n.column.key] = a, r("update:modelValue", s);
-    }), O(() => n.modelValue, (a) => {
+    }), N(() => n.modelValue, (a) => {
       i.value = a, o.value = i.value[n.column.key];
-    }), O(() => n.column, () => {
+    }), N(() => n.column, () => {
       n.column.resourceLoaded && ve(() => k.value = !1);
     }, { deep: !0 }), n.column.hasToLoadResource() && n.column.loadResource();
     const v = p(() => ({ ...n.column.slotData, item: i.value }));
@@ -231,15 +231,15 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         key: 0,
         to: a.column.getHref(i.value)
       }, {
-        default: U(() => [
-          ne(G(I(x)(a.column, i.value, a.i)), 1)
+        default: O(() => [
+          ne(G(D(x)(a.column, i.value, a.i)), 1)
         ]),
         _: 1
       }, 8, ["to"])) : a.column.type === "action" ? (u(), f("a", {
         key: 1,
         href: "#",
         onClick: s[0] || (s[0] = (c) => a.column.doAction(i.value))
-      }, G(I(x)(a.column, i.value, a.i)), 1)) : a.column.type === "text" ? (u(), b(K, {
+      }, G(D(x)(a.column, i.value, a.i)), 1)) : a.column.type === "text" ? (u(), b(K, {
         key: 2,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (c) => h.value = c,
@@ -307,7 +307,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         ref: (c) => h.value = c,
         modelValue: o.value,
         "onUpdate:modelValue": s[8] || (s[8] = (c) => o.value = c)
-      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "select" ? (u(), f(R, { key: 10 }, [
+      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "select" ? (u(), f($, { key: 10 }, [
         k.value ? (u(), b(d, { key: 0 })) : (u(), b(M, {
           key: 1,
           "read-mode": !a.column.editable || !a.editModeEnabled,
@@ -324,12 +324,12 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
           "multiple-display": a.column.multipleDisplay,
           "multiple-display-edition": a.column.multipleDisplayEdition
         }, null, 8, ["read-mode", "modelValue", "slot-data", "resource", "use-resource-slot", "resource-data", "options", "multiple", "tags", "multiple-display", "multiple-display-edition"]))
-      ], 64)) : (u(), f(R, { key: 11 }, [
-        ne(G(I(x)(a.column, i.value, a.i, a.columns)), 1)
+      ], 64)) : (u(), f($, { key: 11 }, [
+        ne(G(D(x)(a.column, i.value, a.i, a.columns)), 1)
       ], 64));
     };
   }
-}), N = {
+}), W = {
   navButtonSlot: "",
   dropButtonSlot: "",
   editButtonSlot: "",
@@ -346,7 +346,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, i = p(() => N.dropButtonSlot !== ""), o = p(() => N.dropButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
+    const r = t, n = l, i = p(() => W.dropButtonSlot !== ""), o = p(() => W.dropButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
     return (k, v) => {
       const a = L("lkt-button");
       return u(), b(a, {
@@ -359,7 +359,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         disabled: k.disabled,
         onClick: v[0] || (v[0] = Ue((s) => r("click"), ["prevent", "stop"]))
       }, {
-        default: U(() => [
+        default: O(() => [
           i.value ? (u(), b(X(o.value), { key: 0 })) : y("", !0)
         ]),
         _: 1
@@ -379,7 +379,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, i = p(() => N.editButtonSlot !== ""), o = p(() => N.editButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
+    const r = t, n = l, i = p(() => W.editButtonSlot !== ""), o = p(() => W.editButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
     return (k, v) => {
       const a = L("lkt-button");
       return u(), b(a, {
@@ -394,20 +394,20 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         disabled: k.disabled,
         onClick: v[0] || (v[0] = Ue((s) => r("click"), ["prevent", "stop"]))
       }, {
-        default: U(() => [
+        default: O(() => [
           i.value ? (u(), b(X(o.value), { key: 0 })) : y("", !0)
         ]),
         _: 1
       }, 8, ["icon", "text", "on-click-to", "is-anchor", "resource", "resource-data", "confirm-modal", "disabled"]);
     };
   }
-}), Mt = ["data-i", "data-draggable"], Rt = {
+}), Mt = ["data-i", "data-draggable"], $t = {
   key: 1,
   "data-role": "invalid-drag-indicator"
-}, $t = {
+}, Rt = {
   key: 2,
   class: "lkt-table-nav-cell"
-}, At = { class: "lkt-table-nav-container" }, Ft = /* @__PURE__ */ D("i", { class: "" }, null, -1), Ut = /* @__PURE__ */ D("i", { class: "" }, null, -1), Ot = ["data-column", "colspan", "title", "onClick"], Nt = {
+}, At = { class: "lkt-table-nav-container" }, Ft = /* @__PURE__ */ T("i", { class: "" }, null, -1), Ut = /* @__PURE__ */ T("i", { class: "" }, null, -1), Ot = ["data-column", "colspan", "title", "onClick"], Nt = {
   key: 4,
   class: "lkt-table-col-drop"
 }, Wt = {
@@ -448,7 +448,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
     }, v = p(() => {
       let d = [];
       return n.sortable && n.isDraggable && d.push("handle"), d.join(" ");
-    }), a = p(() => N.navButtonSlot !== ""), s = p(() => N.navButtonSlot), j = () => {
+    }), a = p(() => W.navButtonSlot !== ""), s = p(() => W.navButtonSlot), j = () => {
       r("item-up", n.i);
     }, K = () => {
       r("item-down", n.i);
@@ -456,7 +456,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
       r("item-drop", n.i);
     }, Y = () => {
     };
-    return O(() => n.modelValue, (d) => i.value = d), O(i, (d) => {
+    return N(() => n.modelValue, (d) => i.value = d), N(i, (d) => {
       r("update:modelValue", d, n.i);
     }, { deep: !0 }), (d, M) => {
       const c = L("lkt-button");
@@ -468,19 +468,19 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
           key: 0,
           "data-role": "drag-indicator",
           class: ae(v.value)
-        }, null, 2)) : d.sortable && d.editModeEnabled ? (u(), f("td", Rt)) : y("", !0),
-        d.addNavigation && d.editModeEnabled ? (u(), f("td", $t, [
-          D("div", At, [
+        }, null, 2)) : d.sortable && d.editModeEnabled ? (u(), f("td", $t)) : y("", !0),
+        d.addNavigation && d.editModeEnabled ? (u(), f("td", Rt, [
+          T("div", At, [
             _(c, {
               palette: "table-nav",
               disabled: d.i === 0,
               onClick: j
             }, {
-              default: U(() => [
+              default: O(() => [
                 a.value ? (u(), b(X(s.value), {
                   key: 0,
                   direction: "up"
-                })) : (u(), f(R, { key: 1 }, [
+                })) : (u(), f($, { key: 1 }, [
                   Ft,
                   ne(" UP ")
                 ], 64))
@@ -492,11 +492,11 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
               disabled: d.latestRow,
               onClick: K
             }, {
-              default: U(() => [
+              default: O(() => [
                 a.value ? (u(), b(X(s.value), {
                   key: 0,
                   direction: "down"
-                })) : (u(), f(R, { key: 1 }, [
+                })) : (u(), f($, { key: 1 }, [
                   Ut,
                   ne(" DOWN ")
                 ], 64))
@@ -507,29 +507,29 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         ])) : y("", !0),
         d.displayHiddenColumnsIndicator ? (u(), f("td", {
           key: 3,
-          onClick: M[0] || (M[0] = (E) => k(E, d.i)),
+          onClick: M[0] || (M[0] = (B) => k(B, d.i)),
           "data-role": "show-more",
           class: ae(d.hiddenIsVisible ? "state-open" : "")
         }, null, 2)) : y("", !0),
-        (u(!0), f(R, null, q(d.visibleColumns, (E) => (u(), f(R, null, [
-          I(Dt)(E, d.emptyColumns, i.value) ? (u(), f("td", {
+        (u(!0), f($, null, q(d.visibleColumns, (B) => (u(), f($, null, [
+          D(Dt)(B, d.emptyColumns, i.value) ? (u(), f("td", {
             key: "td" + d.i,
-            "data-column": E.key,
-            colspan: I(ke)(E, i.value),
-            title: I(x)(E, i.value, d.i, d.visibleColumns),
-            onClick: (ee) => h(ee, i.value, E)
+            "data-column": B.key,
+            colspan: D(ke)(B, i.value),
+            title: D(x)(B, i.value, d.i, d.visibleColumns),
+            onClick: (ee) => h(ee, i.value, B)
           }, [
-            d.$slots[E.key] ? H(d.$slots, E.key, {
+            d.$slots[B.key] ? U(d.$slots, B.key, {
               key: 0,
-              value: i.value[E.key],
+              value: i.value[B.key],
               item: i.value,
-              column: E,
+              column: B,
               i: d.i
             }) : i.value ? (u(), b(Ne, {
               key: 1,
               modelValue: i.value,
               "onUpdate:modelValue": M[1] || (M[1] = (ee) => i.value = ee),
-              column: E,
+              column: B,
               columns: d.visibleColumns,
               "edit-mode-enabled": d.editModeEnabled,
               i: d.i
@@ -576,23 +576,23 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
     const r = t, n = l, i = C(n.modelValue), o = (h, k, v) => {
       r("click", h, he("", { item: k, column: v }));
     };
-    return O(() => n.modelValue, (h) => i.value = h), O(i, () => r("update:modelValue", i.value)), (h, k) => le((u(), f("tr", Kt, [
-      D("td", { colspan: h.hiddenColumnsColSpan }, [
-        D("table", null, [
-          D("tr", null, [
-            (u(!0), f(R, null, q(h.hiddenColumns, (v) => (u(), f("th", {
+    return N(() => n.modelValue, (h) => i.value = h), N(i, () => r("update:modelValue", i.value)), (h, k) => le((u(), f("tr", Kt, [
+      T("td", { colspan: h.hiddenColumnsColSpan }, [
+        T("table", null, [
+          T("tr", null, [
+            (u(!0), f($, null, q(h.hiddenColumns, (v) => (u(), f("th", {
               "data-column": v.key
             }, [
-              D("div", null, G(v.label), 1)
+              T("div", null, G(v.label), 1)
             ], 8, qt))), 256))
           ]),
-          D("tr", { "data-i": h.i }, [
-            (u(!0), f(R, null, q(h.hiddenColumns, (v, a) => (u(), f("td", {
+          T("tr", { "data-i": h.i }, [
+            (u(!0), f($, null, q(h.hiddenColumns, (v, a) => (u(), f("td", {
               "data-column": v.key,
-              title: I(x)(v, i.value, a, h.hiddenColumns),
+              title: D(x)(v, i.value, a, h.hiddenColumns),
               onClick: (s) => o(s, i.value, v)
             }, [
-              h.$slots[v.key] ? H(h.$slots, v.key, {
+              h.$slots[v.key] ? U(h.$slots, v.key, {
                 key: 0,
                 value: i.value[v.key],
                 item: i.value,
@@ -624,7 +624,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, i = p(() => N.createButtonSlot !== ""), o = p(() => N.createButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
+    const r = t, n = l, i = p(() => W.createButtonSlot !== ""), o = p(() => W.createButtonSlot), h = p(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
     return (k, v) => {
       const a = L("lkt-button");
       return u(), b(a, {
@@ -635,7 +635,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         "on-click-to": k.to,
         onClick: v[0] || (v[0] = (s) => r("click"))
       }, {
-        default: U(() => [
+        default: O(() => [
           i.value ? (u(), b(X(o.value), { key: 0 })) : y("", !0)
         ]),
         _: 1
@@ -653,7 +653,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, i = p(() => Bt(n.column, n.amountOfColumns, n.items)), o = p(() => n.column.sortable === !0), h = p(() => o.value && n.sortBy === n.column.key ? n.sortDirection : ""), k = p(() => n.column.label.startsWith("__:") ? z(n.column.label.substring(3)) : n.column.label), v = () => {
+    const r = t, n = l, i = p(() => Et(n.column, n.amountOfColumns, n.items)), o = p(() => n.column.sortable === !0), h = p(() => o.value && n.sortBy === n.column.key ? n.sortDirection : ""), k = p(() => n.column.label.startsWith("__:") ? z(n.column.label.substring(3)) : n.column.label), v = () => {
       r("click", n.column);
     };
     return (a, s) => (u(), f("th", {
@@ -664,7 +664,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
       title: k.value,
       onClick: v
     }, [
-      D("div", null, G(k.value), 1)
+      T("div", null, G(k.value), 1)
     ], 8, Jt));
   }
 }), Xt = ["id"], Yt = { key: 0 }, Zt = { class: "lkt-table-page-buttons" }, _t = { key: 1 }, xt = { class: "switch-edition-mode" }, el = {
@@ -748,7 +748,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   },
   emits: ["update:modelValue", "sort", "click", "save", "error", "before-save", "read-response", "click-create"],
   setup(l, { expose: t, emit: r }) {
-    const n = r, i = ct(), o = l, h = {}, k = C(typeof o.sorter == "function" ? o.sorter : Ae), v = C(Tt(o.columns)), a = C("asc"), s = C(o.modelValue), j = C(h), K = C(null), F = C(o.columns), Y = C(o.page), d = C(!1), M = C(!1), c = C(o.perms), E = C(null), ee = C({}), Z = C(new vt({ items: s.value }, o.dataStateConfig)), T = C(o.editMode), te = C(0), We = (e) => {
+    const n = r, i = ct(), o = l, h = {}, k = C(typeof o.sorter == "function" ? o.sorter : Ae), v = C(Tt(o.columns)), a = C("asc"), s = C(o.modelValue), j = C(h), K = C(null), F = C(o.columns), Y = C(o.page), d = C(!1), M = C(!1), c = C(o.perms), B = C(null), ee = C({}), Z = C(new vt({ items: s.value }, o.dataStateConfig)), w = C(o.editMode), te = C(0), We = (e) => {
       Array.isArray(e) && (s.value = e), d.value = !1, M.value = !0, Z.value.store({ items: s.value }).turnStoredIntoOriginal();
     }, He = (e) => {
       c.value = e;
@@ -756,17 +756,17 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
     }, Pe = (e) => {
       n("read-response", e);
     }, qe = () => ve(() => d.value = !0), je = () => {
-      E.value.doRefresh();
+      B.value.doRefresh();
     }, ue = pt(12), de = p(() => {
       if (!o.hideEmptyColumns) return [];
       let e = [];
       return F.value.forEach((m) => {
-        let g = m.key, B = !1;
-        s.value.forEach((w) => {
-          if (typeof w.checkEmpty == "function")
-            return w.checkEmpty(w);
-          w[g] && (B = !0);
-        }), B || e.push(g);
+        let g = m.key, E = !1;
+        s.value.forEach((I) => {
+          if (typeof I.checkEmpty == "function")
+            return I.checkEmpty(I);
+          I[g] && (E = !0);
+        }), E || e.push(g);
       }), e;
     }), ie = p(() => F.value.filter((e) => !e.hidden)), ce = p(() => F.value.filter((e) => e.hidden)), Ge = p(() => {
       let e = ie.value.length + 1;
@@ -775,7 +775,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
       let e = [];
       for (let m in i) Je.value.indexOf(m) !== -1 && e.push(m);
       return e;
-    }), ge = p(() => o.hiddenSave || d.value || !o.saveResource ? !1 : T.value && Z.value.changed() ? !0 : T.value), Qe = p(() => se.value || o.switchEditionEnabled ? !0 : ge.value || T.value && o.canCreate), Xe = p(() => o.saveDisabled || typeof o.saveValidator == "function" && !o.saveValidator(s.value) ? !1 : Z.value.changed()), Ye = p(() => s.value.length), Ze = p(() => ({
+    }), ge = p(() => o.hiddenSave || d.value || !o.saveResource ? !1 : w.value && Z.value.changed() ? !0 : w.value), Qe = p(() => se.value || o.switchEditionEnabled ? !0 : ge.value || w.value && o.canCreate), Xe = p(() => o.saveDisabled || typeof o.saveValidator == "function" && !o.saveValidator(s.value) ? !1 : Z.value.changed()), Ye = p(() => s.value.length), Ze = p(() => ({
       items: s.value,
       ...o.saveResourceData
     })), _e = p(() => o.titleTag === "" ? "h2" : o.titleTag), xe = p(() => o.wrapContentTag === "" ? "div" : o.wrapContentTag), me = p(() => o.title.startsWith("__:") ? z(o.title.substring(3)) : o.title), et = p(() => o.saveText.startsWith("__:") ? z(o.saveText.substring(3)) : o.saveText), tt = p(() => o.editModeText.startsWith("__:") ? z(o.editModeText.substring(3)) : o.editModeText), Ce = p(() => c.value.includes("create")), lt = p(() => c.value.includes("read")), fe = p(() => c.value.includes("update")), pe = p(() => c.value.includes("drop")), ot = (e) => {
@@ -788,21 +788,21 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         return s.value[m];
     }, Se = (e) => j.value["tr_" + e] === !0, Ve = (e) => {
       e && e.sortable && (s.value = s.value.sort((m, g) => k.value(m, g, e, a.value)), a.value = a.value === "asc" ? "desc" : "asc", v.value = e.key, n("sort", [v.value, a.value]));
-    }, Ee = (e, m) => {
-      n("click", e, m);
     }, Be = (e, m) => {
+      n("click", e, m);
+    }, Ee = (e, m) => {
       let g = "tr_" + m.value.i;
       j.value[g] = typeof j.value[g] > "u" ? !0 : !j.value[g];
     }, De = () => {
       F.value.forEach((e) => {
         if (e.type === "select" && e.autoLoadSelectOptions) {
           let m = e.autoLoadSelectOptionsKey !== "" ? e.autoLoadSelectOptionsKey : e.key, g = [];
-          s.value.forEach((w) => {
-            Array.isArray(w[m]) && w[m].forEach((W) => g.push(W));
+          s.value.forEach((I) => {
+            Array.isArray(I[m]) && I[m].forEach((H) => g.push(H));
           });
-          let B = {};
-          g = g.filter(function(w) {
-            return B[w.value] ? !1 : (B[w.value] = !0, !0);
+          let E = {};
+          g = g.filter(function(I) {
+            return E[I.value] ? !1 : (E[I.value] = !0, !0);
           }), e.setOptions(g);
         }
       });
@@ -831,8 +831,8 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
       Z.value.turnStoredIntoOriginal(), n("save", m);
     }, Ie = (e, m, g) => {
       if (g >= e.length) {
-        let B = g - e.length + 1;
-        for (; B--; ) e.push(void 0);
+        let E = g - e.length + 1;
+        for (; E--; ) e.push(void 0);
       }
       return e.splice(g, 0, e.splice(m, 1)[0]), e;
     }, st = (e) => {
@@ -848,38 +848,38 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
         handle: ".handle",
         animation: 150,
         onEnd: function(m) {
-          let g = m.oldIndex, B = m.newIndex;
-          s.value.splice(B, 0, s.value.splice(g, 1)[0]), te.value = re();
+          let g = m.oldIndex, E = m.newIndex;
+          s.value.splice(E, 0, s.value.splice(g, 1)[0]), te.value = re();
         },
         onMove: function(m, g) {
           return at(m);
         }
       });
     }, Me = (e, m, g = !1) => {
-      let B = [te.value, ue, "row", m];
-      return g && B.push("hidden"), ze.value.forEach((w) => {
-        let W = String(e[w.key]).toLowerCase();
-        W.length > 50 && (W = W.substring(0, 50)), W = Oe(W, " ", "-"), B.push(W);
-      }), B.join("-");
-    }, Re = p(() => typeof o.createEnabledValidator == "function" ? o.createEnabledValidator({ items: s.value }) : !0), se = p(() => Ce.value ? o.canCreateWithoutEdition || o.canCreate && T.value : !1);
+      let E = [te.value, ue, "row", m];
+      return g && E.push("hidden"), ze.value.forEach((I) => {
+        let H = String(e[I.key]).toLowerCase();
+        H.length > 50 && (H = H.substring(0, 50)), H = Oe(H, " ", "-"), E.push(H);
+      }), E.join("-");
+    }, $e = p(() => typeof o.createEnabledValidator == "function" ? o.createEnabledValidator({ items: s.value }) : !0), se = p(() => Ce.value ? o.canCreateWithoutEdition || o.canCreate && w.value : !1);
     return mt(() => {
       De(), Ve(wt(o.columns, v.value)), Z.value.store({ items: s.value }).turnStoredIntoOriginal(), o.sortable && ve(() => {
         dt();
       });
-    }), O(() => o.editMode, (e) => T.value = e), O(() => o.columns, (e) => F.value = e), O(() => o.modelValue, (e) => s.value = e), O(s, (e) => {
+    }), N(() => o.editMode, (e) => w.value = e), N(() => o.columns, (e) => F.value = e), N(() => o.modelValue, (e) => s.value = e), N(s, (e) => {
       De(), Z.value.increment({ items: e }), n("update:modelValue", e);
     }, { deep: !0 }), t({
       getItemByEvent: ot,
       doRefresh: je
     }), (e, m) => {
-      const g = L("lkt-button"), B = L("lkt-field-switch"), w = L("lkt-loader"), W = L("lkt-paginator");
+      const g = L("lkt-button"), E = L("lkt-field-switch"), I = L("lkt-loader"), H = L("lkt-paginator");
       return u(), f("section", {
         class: "lkt-table-page",
-        id: "lkt-table-page-" + I(ue)
+        id: "lkt-table-page-" + D(ue)
       }, [
-        me.value || I(i).title ? (u(), f("header", Yt, [
+        me.value || D(i).title ? (u(), f("header", Yt, [
           me.value ? (u(), b(X(_e.value), { key: 0 }, {
-            default: U(() => [
+            default: O(() => [
               e.titleIcon ? (u(), f("i", {
                 key: 0,
                 class: ae(e.titleIcon)
@@ -888,13 +888,13 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
             ]),
             _: 1
           })) : y("", !0),
-          I(i).title ? H(e.$slots, "title", { key: 1 }) : y("", !0)
+          D(i).title ? U(e.$slots, "title", { key: 1 }) : y("", !0)
         ])) : y("", !0),
         (u(), b(X(xe.value), {
           class: ae(["lkt-table-page-content-wrapper", e.wrapContentClass])
         }, {
-          default: U(() => [
-            le(D("div", Zt, [
+          default: O(() => [
+            le(T("div", Zt, [
               le(_(g, {
                 ref: "saveButton",
                 palette: "success",
@@ -907,8 +907,8 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                 onLoaded: ut,
                 onClick: it
               }, {
-                default: U(() => [
-                  I(i)["button-save"] ? H(e.$slots, "button-save", {
+                default: O(() => [
+                  D(i)["button-save"] ? U(e.$slots, "button-save", {
                     key: 0,
                     items: s.value,
                     editMode: e.editMode,
@@ -921,16 +921,16 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
               ]),
               se.value && s.value.length >= e.requiredItemsForTopCreate ? (u(), b(Fe, {
                 key: 0,
-                disabled: !Re.value,
+                disabled: !$e.value,
                 text: e.createText,
                 icon: e.createIcon,
                 to: e.createRoute,
                 onClick: we
               }, null, 8, ["disabled", "text", "icon", "to"])) : y("", !0),
-              D("div", xt, [
-                le(_(B, {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": m[0] || (m[0] = (S) => T.value = S),
+              T("div", xt, [
+                le(_(E, {
+                  modelValue: w.value,
+                  "onUpdate:modelValue": m[0] || (m[0] = (S) => w.value = S),
                   label: tt.value
                 }, null, 8, ["modelValue", "label"]), [
                   [oe, e.switchEditionEnabled]
@@ -939,17 +939,17 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
             ], 512), [
               [oe, Qe.value]
             ]),
-            I(i).buttons ? (u(), f("div", el, [
-              H(e.$slots, "buttons")
+            D(i).buttons ? (u(), f("div", el, [
+              U(e.$slots, "buttons")
             ])) : y("", !0),
-            M.value && I(i).filters ? (u(), f("div", tl, [
-              H(e.$slots, "filters", {
+            M.value && D(i).filters ? (u(), f("div", tl, [
+              U(e.$slots, "filters", {
                 items: s.value,
                 isLoading: d.value
               })
             ])) : y("", !0),
-            d.value ? (u(), b(w, { key: 2 })) : y("", !0),
-            le(D("div", {
+            d.value ? (u(), b(I, { key: 2 })) : y("", !0),
+            le(T("div", {
               class: "lkt-table",
               "data-sortable": e.sortable
             }, [
@@ -957,8 +957,8 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                 key: 1,
                 class: ae(["lkt-table-items-container", e.itemsContainerClass])
               }, [
-                (u(!0), f(R, null, q(s.value, (S, V) => (u(), f("div", dl, [
-                  H(e.$slots, "item", {
+                (u(!0), f($, null, q(s.value, (S, V) => (u(), f("div", dl, [
+                  U(e.$slots, "item", {
                     item: S,
                     index: V,
                     canCreate: Ce.value,
@@ -970,12 +970,12 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                   })
                 ]))), 256))
               ], 2)) : (u(), f("table", ol, [
-                D("thead", null, [
-                  D("tr", null, [
-                    e.sortable && T.value ? (u(), f("th", al)) : y("", !0),
-                    e.addNavigation && T.value ? (u(), f("th", nl)) : y("", !0),
+                T("thead", null, [
+                  T("tr", null, [
+                    e.sortable && w.value ? (u(), f("th", al)) : y("", !0),
+                    e.addNavigation && w.value ? (u(), f("th", nl)) : y("", !0),
                     ye.value ? (u(), f("th", ul)) : y("", !0),
-                    (u(!0), f(R, null, q(ie.value, (S) => (u(), f(R, null, [
+                    (u(!0), f($, null, q(ie.value, (S) => (u(), f($, null, [
                       de.value.indexOf(S.key) === -1 ? (u(), b(Qt, {
                         key: 0,
                         column: S,
@@ -986,15 +986,15 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                         onClick: (V) => Ve(S)
                       }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : y("", !0)
                     ], 64))), 256)),
-                    e.canDrop && pe.value && T.value ? (u(), f("th", il)) : y("", !0),
-                    e.canEditButton && fe.value && T.value ? (u(), f("th", sl)) : y("", !0)
+                    e.canDrop && pe.value && w.value ? (u(), f("th", il)) : y("", !0),
+                    e.canEditButton && fe.value && w.value ? (u(), f("th", sl)) : y("", !0)
                   ])
                 ]),
-                D("tbody", {
+                T("tbody", {
                   ref: (S) => K.value = S,
-                  id: "lkt-table-body-" + I(ue)
+                  id: "lkt-table-body-" + D(ue)
                 }, [
-                  (u(!0), f(R, null, q(s.value, (S, V) => (u(), b(Ht, {
+                  (u(!0), f($, null, q(s.value, (S, V) => (u(), b(Ht, {
                     modelValue: s.value[V],
                     "onUpdate:modelValue": (P) => s.value[V] = P,
                     key: Me(S, V),
@@ -1007,26 +1007,26 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                     "add-navigation": e.addNavigation,
                     "hidden-is-visible": Se(V),
                     "latest-row": V + 1 === Ye.value,
-                    "can-drop": e.canDrop && pe.value && T.value,
+                    "can-drop": e.canDrop && pe.value && w.value,
                     "drop-confirm": e.dropConfirm,
                     "drop-resource": e.dropResource,
                     "drop-text": e.dropText,
                     "drop-icon": e.dropIcon,
-                    "can-edit": e.canEditButton && fe.value && T.value,
+                    "can-edit": e.canEditButton && fe.value && w.value,
                     "edit-text": e.editText,
                     "edit-icon": e.editIcon,
                     "edit-link": e.editLink,
-                    "edit-mode-enabled": T.value,
-                    onClick: Ee,
-                    onShow: Be,
+                    "edit-mode-enabled": w.value,
+                    onClick: Be,
+                    onShow: Ee,
                     onItemUp: st,
                     onItemDown: rt,
                     onItemDrop: Le
-                  }, $e({ _: 2 }, [
+                  }, Re({ _: 2 }, [
                     q(be.value, (P) => ({
                       name: P,
-                      fn: U((Q) => [
-                        H(e.$slots, P, {
+                      fn: O((Q) => [
+                        U(e.$slots, P, {
                           item: Q.item,
                           value: Q.value,
                           column: Q.column
@@ -1034,7 +1034,7 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                       ])
                     }))
                   ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "display-hidden-columns-indicator", "is-draggable", "sortable", "visible-columns", "empty-columns", "add-navigation", "hidden-is-visible", "latest-row", "can-drop", "drop-confirm", "drop-resource", "drop-text", "drop-icon", "can-edit", "edit-text", "edit-icon", "edit-link", "edit-mode-enabled"]))), 128)),
-                  ce.value.length > 0 ? (u(!0), f(R, { key: 0 }, q(s.value, (S, V) => (u(), b(zt, {
+                  ce.value.length > 0 ? (u(!0), f($, { key: 0 }, q(s.value, (S, V) => (u(), b(zt, {
                     modelValue: s.value[V],
                     "onUpdate:modelValue": (P) => s.value[V] = P,
                     key: Me(S, V, !0),
@@ -1046,13 +1046,13 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
                     "visible-columns": ie.value,
                     "empty-columns": de.value,
                     "hidden-is-visible": Se(V),
-                    onClick: Ee,
-                    onShow: Be
-                  }, $e({ _: 2 }, [
+                    onClick: Be,
+                    onShow: Ee
+                  }, Re({ _: 2 }, [
                     q(be.value, (P) => ({
                       name: P,
-                      fn: U((Q) => [
-                        H(e.$slots, P, {
+                      fn: O((Q) => [
+                        U(e.$slots, P, {
                           item: Q.item,
                           value: Q.value,
                           column: Q.column
@@ -1066,23 +1066,24 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
               [oe, !d.value && s.value.length > 0]
             ]),
             e.$slots["no-items"] ? (u(), f("div", cl, [
-              H(e.$slots, "no-items")
+              U(e.$slots, "no-items")
             ])) : y("", !0),
             !d.value && s.value.length === 0 ? (u(), f("div", ml, G(e.noResultsText), 1)) : y("", !0),
-            se.value ? (u(), f("div", fl, [
+            se.value || D(i).bottomButtons.length > 0 ? (u(), f("div", fl, [
               se.value && s.value.length >= e.requiredItemsForBottomCreate ? (u(), b(Fe, {
                 key: 0,
-                disabled: !Re.value,
+                disabled: !$e.value,
                 text: e.createText,
                 icon: e.createIcon,
                 to: e.createRoute,
                 onClick: we
-              }, null, 8, ["disabled", "text", "icon", "to"])) : y("", !0)
+              }, null, 8, ["disabled", "text", "icon", "to"])) : y("", !0),
+              U(e.$slots, "bottom-buttons")
             ])) : y("", !0),
-            e.resource.length > 0 ? (u(), b(W, {
+            e.resource.length > 0 ? (u(), b(H, {
               key: 6,
               ref_key: "paginator",
-              ref: E,
+              ref: B,
               modelValue: Y.value,
               "onUpdate:modelValue": m[1] || (m[1] = (S) => Y.value = S),
               resource: e.resource,
@@ -1101,12 +1102,12 @@ const Ml = (l, t, r = !0) => $(new A(l, t).setIsSortable(r)), Rl = (l, t, r, n =
   }
 }), jl = {
   install: (l) => {
-    l.component("lkt-loader") === void 0 && l.use(kt), l.component("lkt-button") === void 0 && l.use(yt), l.component("lkt-paginator") === void 0 && l.use(bt), l.component("lkt-field-text") === void 0 && l.use(gt), l.component("lkt-field-textarea") === void 0 && l.use(Ct), l.component("lkt-field-select") === void 0 && l.use(St), l.component("lkt-field-switch") === void 0 && l.use(Vt), l.component("lkt-field-file") === void 0 && l.use(Et), l.component("lkt-table") === void 0 && l.component("lkt-table", pl);
+    l.component("lkt-loader") === void 0 && l.use(kt), l.component("lkt-button") === void 0 && l.use(yt), l.component("lkt-paginator") === void 0 && l.use(bt), l.component("lkt-field-text") === void 0 && l.use(gt), l.component("lkt-field-textarea") === void 0 && l.use(Ct), l.component("lkt-field-select") === void 0 && l.use(St), l.component("lkt-field-switch") === void 0 && l.use(Vt), l.component("lkt-field-file") === void 0 && l.use(Bt), l.component("lkt-table") === void 0 && l.component("lkt-table", pl);
   }
-}, Gl = (l) => (N.navButtonSlot = l, !0), zl = (l) => (N.dropButtonSlot = l, !0), Jl = (l) => (N.createButtonSlot = l, !0);
+}, Gl = (l) => (W.navButtonSlot = l, !0), zl = (l) => (W.dropButtonSlot = l, !0), Jl = (l) => (W.createButtonSlot = l, !0);
 export {
   A as LktTableColumn,
-  $l as createActionColumn,
+  Rl as createActionColumn,
   Wl as createCheckColumn,
   Ml as createColumn,
   Ol as createEmailColumn,
@@ -1114,7 +1115,7 @@ export {
   Ul as createFloatColumn,
   ql as createHiddenColumn,
   Fl as createIntegerColumn,
-  Rl as createLinkColumn,
+  $l as createLinkColumn,
   Kl as createSelectColumn,
   Hl as createSwitchColumn,
   Nl as createTelColumn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.2.19",
+  "version": "1.2.20",
   "description": "",
   "keywords": [
     "lkt",

package/src/lib-components/LktTable.vue

@@ -678,7 +678,7 @@ defineExpose({
                 {{ noResultsText }}
             </div>
 
-            <div v-if="computedDisplayCreateButton" class="lkt-table-page-buttons lkt-table-page-buttons-bottom">
+            <div v-if="computedDisplayCreateButton || slots.bottomButtons.length > 0" class="lkt-table-page-buttons lkt-table-page-buttons-bottom">
                 <create-button
                     v-if="computedDisplayCreateButton && Items.length >= requiredItemsForBottomCreate"
                     :disabled="!createEnabled"
@@ -687,6 +687,7 @@ defineExpose({
                     :to="createRoute"
                     @click="onClickAddItem"
                 />
+                <slot name="bottom-buttons"/>
             </div>
 
             <lkt-paginator