lkt-table 2.0.0 → 2.0.3

package/dist/build.js

@@ -1,159 +1,152 @@
-import { defineComponent as _, ref as C, watch as N, computed as d, resolveComponent as K, createBlock as B, createElementBlock as s, unref as v, openBlock as u, normalizeProps as ae, mergeProps as ie, withCtx as L, createTextVNode as oe, toDisplayString as ne, Fragment as P, withModifiers as ot, createCommentVNode as f, resolveDynamicComponent as X, useSlots as nt, normalizeClass as G, createElementVNode as O, createVNode as de, renderSlot as w, renderList as z, withDirectives as ve, vShow as ye, mergeDefaults as Ft, onMounted as Ut, nextTick as Be, createSlots as tt } from "vue";
-import { __ as ut } from "lkt-i18n";
-import { Column as Le, SortDirection as be, ColumnType as le, TableRowType as re, extractI18nValue as lt, TablePermission as Z, TableType as ce, getDefaultValues as At, Table as Ot, ButtonType as Me } from "lkt-vue-kernel";
-import { Column as Zl } from "lkt-vue-kernel";
-import { replaceAll as rt, generateRandomString as Ht } from "lkt-string-tools";
-import { DataState as qt } from "lkt-data-state";
-import jt from "sortablejs";
-import { time as fe } from "lkt-date-tools";
-const jl = (n) => new Le(n), Kt = (n, p, m, a) => {
-  if (!m) return 0;
-  let o = n[m.key], t = p[m.key];
-  if (a === be.Asc) {
-    if (o > t) return 1;
-    if (t > o) return -1;
+import { defineComponent as x, ref as h, watch as F, computed as r, resolveComponent as _, createBlock as S, createElementBlock as s, unref as c, openBlock as u, normalizeProps as oe, mergeProps as Z, withCtx as P, createTextVNode as ne, toDisplayString as ue, Fragment as N, withModifiers as rt, createCommentVNode as f, resolveDynamicComponent as Y, useSlots as dt, normalizeClass as J, createElementVNode as j, createVNode as me, renderSlot as $, renderList as G, withDirectives as be, vShow as ke, mergeDefaults as _t, onMounted as zt, nextTick as Be, createSlots as at } from "vue";
+import { __ as st } from "lkt-i18n";
+import { SortDirection as ge, Column as pt, ColumnType as ae, TableRowType as se, ensureButtonConfig as ot, LktSettings as nt, extractI18nValue as ut, TablePermission as Q, PaginatorType as Se, TableType as ye, getDefaultValues as Gt, Table as Jt, ButtonType as Le } from "lkt-vue-kernel";
+import { Column as na, createColumn as ua } from "lkt-vue-kernel";
+import { replaceAll as mt, generateRandomString as Qt } from "lkt-string-tools";
+import { DataState as Xt } from "lkt-data-state";
+import Yt from "sortablejs";
+import { time as pe } from "lkt-date-tools";
+const Zt = (o, p, v, n) => {
+  if (!v) return 0;
+  let a = o[v.key], t = p[v.key];
+  if (n === ge.Asc) {
+    if (a > t) return 1;
+    if (t > a) return -1;
   } else {
-    if (o > t) return -1;
-    if (t > o) return 1;
+    if (a > t) return -1;
+    if (t > a) return 1;
   }
   return 0;
-}, se = (n, p, m, a = []) => {
-  if (n.extractTitleFromColumn) {
-    let o = a.find((t) => t.key === n.extractTitleFromColumn);
-    if (o)
-      return se(o, p, m, a);
+}, ve = (o, p, v, n = []) => {
+  if (o.extractTitleFromColumn) {
+    let a = n.find((t) => t.key === o.extractTitleFromColumn);
+    if (a)
+      return ve(a, p, v, n);
   }
-  if (n.formatter && typeof n.formatter == "function") {
-    let o = n.formatter(p[n.key], p, n, m);
-    return o.startsWith("__:") ? ut(o.substring(3)) : o;
+  if (o.formatter && typeof o.formatter == "function") {
+    let a = o.formatter(p[o.key], p, o, v);
+    return a.startsWith("__:") ? st(a.substring(3)) : a;
   }
-  return p[n.key];
-}, Wt = (n, p, m) => {
-  if (!n.colspan) return -1;
-  let a = p;
-  return m.forEach((o) => {
-    let t = Pe(n, o);
-    t > 0 && t < a && (a = t);
-  }), a;
-}, Pe = (n, p) => n.colspan === !1 ? !1 : typeof n.colspan == "function" ? n.colspan(p) : n.colspan, zt = (n, p) => typeof n.preferSlot > "u" ? !0 : n.preferSlot === !1 ? !1 : typeof n.preferSlot == "function" ? n.preferSlot(p) : !0, Gt = (n, p, m) => {
-  if (typeof n != "object" || !n.key || p.indexOf(n.key) > -1) return !1;
-  let a = Pe(n, m);
-  return typeof n.colspan > "u" ? !0 : (typeof n.colspan < "u" && (typeof n.colspan == "function" ? a = parseInt(n.colspan(m)) : a = parseInt(n.colspan)), a > 0);
-}, Jt = (n = []) => {
-  if (n.length > 0) {
-    for (let p = 0; p < n.length; ++p)
-      if (n[p].sortable) return n[p].key;
+  return p[o.key];
+}, xt = (o, p, v) => {
+  if (!o.colspan) return -1;
+  let n = p;
+  return v.forEach((a) => {
+    let t = Pe(o, a);
+    t > 0 && t < n && (n = t);
+  }), n;
+}, Pe = (o, p) => o.colspan === !1 ? !1 : typeof o.colspan == "function" ? o.colspan(p) : o.colspan, el = (o, p) => typeof o.preferSlot > "u" ? !0 : o.preferSlot === !1 ? !1 : typeof o.preferSlot == "function" ? o.preferSlot(p) : !0, tl = (o, p, v) => {
+  if (typeof o != "object" || !o.key || p.indexOf(o.key) > -1) return !1;
+  let n = Pe(o, v);
+  return typeof o.colspan > "u" ? !0 : (typeof o.colspan < "u" && (typeof o.colspan == "function" ? n = parseInt(o.colspan(v)) : n = parseInt(o.colspan)), n > 0);
+}, ll = (o = []) => {
+  if (o.length > 0) {
+    for (let p = 0; p < o.length; ++p)
+      if (o[p].sortable) return o[p].key;
   }
   return "";
-}, Qt = (n, p) => {
-  if (n.length > 0) {
-    for (let m = 0; m < n.length; ++m)
-      if (n[m].key === p) return n[m];
+}, al = (o, p) => {
+  if (o.length > 0) {
+    for (let v = 0; v < o.length; ++v)
+      if (o[v].key === p) return o[v];
   }
   return null;
-}, it = (n) => n.type ? `is-${n.type}` : "", dt = /* @__PURE__ */ _({
+}, vt = (o) => o.type ? `is-${o.type}` : "", ft = /* @__PURE__ */ x({
   __name: "LktTableCell",
   props: {
     modelValue: { default: () => ({}) },
-    column: { default: () => new Le() },
+    column: { default: () => new pt() },
     columns: { default: () => [] },
     i: { default: 0 },
     editModeEnabled: { type: Boolean, default: !1 },
     hasInlineEditPerm: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: p }) {
-    const m = p, a = n, o = C(a.modelValue), t = C(o.value[a.column.key]), c = C(null);
-    let D = a.column.type;
-    [le.Integer, le.Float].includes(D) && (D = le.Number), N(t, (l) => {
-      const R = JSON.parse(JSON.stringify(o.value));
-      R[a.column.key] = l, m("update:modelValue", R);
-    }), N(() => a.modelValue, (l) => {
-      o.value = l, t.value = o.value[a.column.key];
+  setup(o, { emit: p }) {
+    const v = p, n = o, a = h(n.modelValue), t = h(a.value[n.column.key]), m = h(null);
+    let D = n.column.type;
+    [ae.Integer, ae.Float].includes(D) && (D = ae.Number), F(t, (l) => {
+      const T = JSON.parse(JSON.stringify(a.value));
+      T[n.column.key] = l, v("update:modelValue", T);
+    }), F(() => n.modelValue, (l) => {
+      a.value = l, t.value = a.value[n.column.key];
     });
-    const g = d(() => ({ ...a.column.slotData, item: o.value })), S = d(() => {
-      var l, R, H, F;
-      if ((l = a.column.field) != null && l.modalData && typeof ((R = a.column.field) == null ? void 0 : R.modalData) == "object")
-        for (let U in a.column.field.modalData)
-          if (typeof ((H = a.column.field) == null ? void 0 : H.modalData[U]) == "string" && a.column.field.modalData[U].startsWith("prop:")) {
-            let E = a.column.field.modalData[U].substring(5);
-            o.value[E];
+    const k = r(() => ({ ...n.column.slotData, item: a.value })), C = r(() => {
+      var l, T, H, O;
+      if ((l = n.column.field) != null && l.modalData && typeof ((T = n.column.field) == null ? void 0 : T.modalData) == "object")
+        for (let U in n.column.field.modalData)
+          if (typeof ((H = n.column.field) == null ? void 0 : H.modalData[U]) == "string" && n.column.field.modalData[U].startsWith("prop:")) {
+            let w = n.column.field.modalData[U].substring(5);
+            a.value[w];
           } else
-            a.column.field.modalData[U];
-      return (F = a.column.field) == null ? void 0 : F.modalData;
+            n.column.field.modalData[U];
+      return (O = n.column.field) == null ? void 0 : O.modalData;
     });
-    return (l, R) => {
-      var E, x, T, ee;
-      const H = K("lkt-anchor"), F = K("lkt-button"), U = K("lkt-field");
-      return l.column.type === v(le).Anchor ? (u(), B(H, ae(ie({ key: 0 }, l.column.anchor)), {
-        default: L(() => [
-          oe(ne(v(se)(l.column, o.value, l.i)), 1)
+    return (l, T) => {
+      var w, ee, E, te;
+      const H = _("lkt-anchor"), O = _("lkt-button"), U = _("lkt-field");
+      return l.column.type === c(ae).Anchor ? (u(), S(H, oe(Z({ key: 0 }, l.column.anchor)), {
+        default: P(() => [
+          ne(ue(c(ve)(l.column, a.value, l.i)), 1)
         ]),
         _: 1
-      }, 16)) : l.column.type === v(le).Button ? (u(), B(F, ie({ key: 1 }, l.column.button, { prop: o.value }), {
-        default: L(() => [
-          oe(ne(v(se)(l.column, o.value, l.i)), 1)
+      }, 16)) : l.column.type === c(ae).Button ? (u(), S(O, Z({ key: 1 }, l.column.button, { prop: a.value }), {
+        default: P(() => [
+          ne(ue(c(ve)(l.column, a.value, l.i)), 1)
         ]),
         _: 1
-      }, 16, ["prop"])) : l.column.type === v(le).Field && l.hasInlineEditPerm ? (u(), B(U, ie({ key: 2 }, l.column.field, {
+      }, 16, ["prop"])) : l.column.type === c(ae).Field && l.hasInlineEditPerm ? (u(), S(U, Z({ key: 2 }, l.column.field, {
         "read-mode": !l.column.editable || !l.editModeEnabled,
-        ref: (q) => c.value = q,
-        "slot-data": g.value,
-        label: ((E = l.column.field) == null ? void 0 : E.type) === "switch" || ((x = l.column.field) == null ? void 0 : x.type) === "check" ? l.column.label : "",
-        "modal-data": S.value,
-        prop: o.value,
+        ref: (q) => m.value = q,
+        "slot-data": k.value,
+        label: ((w = l.column.field) == null ? void 0 : w.type) === "switch" || ((ee = l.column.field) == null ? void 0 : ee.type) === "check" ? l.column.label : "",
+        "modal-data": C.value,
+        prop: a.value,
         modelValue: t.value,
-        "onUpdate:modelValue": R[0] || (R[0] = (q) => t.value = q)
-      }), null, 16, ["read-mode", "slot-data", "label", "modal-data", "prop", "modelValue"])) : l.column.type === v(le).Field ? (u(), B(U, ie({ key: 3 }, l.column.field, {
+        "onUpdate:modelValue": T[0] || (T[0] = (q) => t.value = q)
+      }), null, 16, ["read-mode", "slot-data", "label", "modal-data", "prop", "modelValue"])) : l.column.type === c(ae).Field ? (u(), S(U, Z({ key: 3 }, l.column.field, {
         "read-mode": "",
-        ref: (q) => c.value = q,
-        "slot-data": g.value,
-        label: ((T = l.column.field) == null ? void 0 : T.type) === "switch" || ((ee = l.column.field) == null ? void 0 : ee.type) === "check" ? l.column.label : "",
-        "modal-data": S.value,
-        prop: o.value,
+        ref: (q) => m.value = q,
+        "slot-data": k.value,
+        label: ((E = l.column.field) == null ? void 0 : E.type) === "switch" || ((te = l.column.field) == null ? void 0 : te.type) === "check" ? l.column.label : "",
+        "modal-data": C.value,
+        prop: a.value,
         "model-value": t.value
-      }), null, 16, ["slot-data", "label", "modal-data", "prop", "model-value"])) : (u(), s(P, { key: 4 }, [
-        oe(ne(v(se)(l.column, o.value, l.i, l.columns)), 1)
+      }), null, 16, ["slot-data", "label", "modal-data", "prop", "model-value"])) : (u(), s(N, { key: 4 }, [
+        ne(ue(c(ve)(l.column, a.value, l.i, l.columns)), 1)
       ], 64));
     };
   }
-}), Q = class Q {
+}), X = class X {
 };
-Q.navButtonSlot = "", Q.dropButtonSlot = "", Q.editButtonSlot = "", Q.createButtonSlot = "", Q.defaultEmptySlot = void 0, Q.defaultSaveIcon = "", Q.defaultNoResultsMessage = "No results";
-let $ = Q;
-const Xt = /* @__PURE__ */ _({
+X.navButtonSlot = "", X.dropButtonSlot = "", X.editButtonSlot = "", X.createButtonSlot = "", X.defaultEmptySlot = void 0, X.defaultSaveIcon = "", X.defaultNoResultsMessage = "No results";
+let M = X;
+const ol = /* @__PURE__ */ x({
   __name: "DropButton",
   props: {
-    disabled: { type: Boolean, default: !1 },
-    text: { default: "" },
-    icon: { default: "" },
-    confirm: { default: "" },
-    resource: { default: "" },
-    resourceData: { default: () => ({}) }
+    config: {},
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: p }) {
-    const m = p, a = d(() => $.dropButtonSlot !== ""), o = d(() => $.dropButtonSlot);
-    return (t, c) => {
-      const D = K("lkt-button");
-      return u(), B(D, {
-        palette: "table-delete",
-        icon: a.value ? "" : t.icon,
-        text: a.value ? "" : t.text,
-        resource: t.resource,
-        "resource-data": t.resourceData,
-        "confirm-modal": t.confirm,
-        disabled: t.disabled,
-        onClick: c[0] || (c[0] = ot((g) => m("click"), ["prevent", "stop"]))
-      }, {
-        default: L(() => [
-          a.value ? (u(), B(X(o.value), { key: 0 })) : f("", !0)
+  setup(o, { emit: p }) {
+    const v = p, n = o, a = r(() => M.dropButtonSlot !== ""), t = r(() => M.dropButtonSlot);
+    return (m, D) => {
+      var C, l;
+      const k = _("lkt-button");
+      return u(), S(k, Z({ palette: "table-delete" }, n.config, {
+        icon: a.value ? "" : (C = m.config) == null ? void 0 : C.icon,
+        text: a.value ? "" : (l = m.config) == null ? void 0 : l.text,
+        disabled: m.disabled,
+        onClick: D[0] || (D[0] = rt((T) => v("click"), ["prevent", "stop"]))
+      }), {
+        default: P(() => [
+          a.value ? (u(), S(Y(t.value), { key: 0 })) : f("", !0)
         ]),
         _: 1
-      }, 8, ["icon", "text", "resource", "resource-data", "confirm-modal", "disabled"]);
+      }, 16, ["icon", "text", "disabled"]);
     };
   }
-}), Yt = /* @__PURE__ */ _({
+}), nl = /* @__PURE__ */ x({
   __name: "EditButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -165,45 +158,46 @@ const Xt = /* @__PURE__ */ _({
     resourceData: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(n, { emit: p }) {
-    const m = p, a = d(() => $.editButtonSlot !== ""), o = d(() => $.editButtonSlot);
-    return (t, c) => {
-      const D = K("lkt-button");
-      return u(), B(D, {
+  setup(o, { emit: p }) {
+    const v = p, n = r(() => M.editButtonSlot !== ""), a = r(() => M.editButtonSlot);
+    return (t, m) => {
+      const D = _("lkt-button");
+      return u(), S(D, {
         palette: "table-delete",
-        icon: a.value ? "" : t.icon,
-        text: a.value ? "" : t.text,
+        icon: n.value ? "" : t.icon,
+        text: n.value ? "" : t.text,
         "on-click-to": t.link,
         "is-anchor": t.link !== "",
         resource: t.resource,
         "resource-data": t.resourceData,
         "confirm-modal": t.confirm,
         disabled: t.disabled,
-        onClick: c[0] || (c[0] = ot((g) => m("click"), ["prevent", "stop"]))
+        onClick: m[0] || (m[0] = rt((k) => v("click"), ["prevent", "stop"]))
       }, {
-        default: L(() => [
-          a.value ? (u(), B(X(o.value), { key: 0 })) : f("", !0)
+        default: P(() => [
+          n.value ? (u(), S(Y(a.value), { key: 0 })) : f("", !0)
         ]),
         _: 1
       }, 8, ["icon", "text", "on-click-to", "is-anchor", "resource", "resource-data", "confirm-modal", "disabled"]);
     };
   }
-}), Zt = ["data-i", "data-draggable"], _t = ["data-i"], xt = {
+}), ul = ["data-i", "data-draggable"], il = ["data-i"], rl = {
   key: 1,
   "data-role": "invalid-drag-indicator"
-}, el = {
+}, dl = {
   key: 2,
   class: "lkt-table-nav-cell"
-}, tl = { class: "lkt-table-nav-container" }, ll = ["colspan"], al = ["colspan"], ol = ["data-column", "colspan", "title"], nl = {
+}, sl = { class: "lkt-table-nav-container" }, pl = ["colspan"], ml = ["colspan"], vl = ["data-column", "colspan", "title"], fl = {
   key: 7,
   class: "lkt-table-col-drop"
-}, ul = {
+}, cl = {
   key: 8,
   class: "lkt-table-col-edit"
-}, rl = /* @__PURE__ */ _({
+}, yl = /* @__PURE__ */ x({
   __name: "LktTableRow",
   props: {
     modelValue: { default: () => ({}) },
+    dropButton: {},
     isDraggable: { type: Boolean, default: !0 },
     sortable: { type: Boolean, default: !0 },
     displayHiddenColumnsIndicator: { type: Boolean, default: !1 },
@@ -217,162 +211,154 @@ const Xt = /* @__PURE__ */ _({
     i: { default: 0 },
     visibleColumns: { default: () => [] },
     emptyColumns: { default: () => [] },
-    dropConfirm: { default: "" },
-    dropText: { default: "" },
-    dropIcon: { default: "" },
-    dropResource: { default: "" },
     editText: { default: "" },
     editIcon: { default: "" },
     editLink: { default: "" },
-    rowDisplayType: { type: [Number, Function], default: re.Auto },
+    rowDisplayType: { type: [Number, Function], default: se.Auto },
     renderDrag: { type: [Boolean, Function], default: !0 },
     disabledDrag: { type: [Boolean, Function], default: !0 }
   },
   emits: ["update:modelValue", "click", "show", "item-up", "item-down", "item-drop"],
-  setup(n, { emit: p }) {
-    const m = nt(), a = p, o = n, t = C(o.modelValue);
-    let c = typeof o.rowDisplayType == "function" ? o.rowDisplayType(t.value, o.i) : o.rowDisplayType;
-    c || (c = re.Auto);
-    const D = [re.Auto, re.PreferCustomItem].includes(c), g = [re.Auto, re.PreferItem].includes(c), S = C(o.editLink);
-    for (let r in t.value) S.value = rt(S.value, ":" + r, t.value[r]);
-    const l = (r) => a("click", r), R = (r, b) => {
-      a("show", r, b);
-    }, H = d(() => {
-      let r = [], b = !1;
-      return typeof o.disabledDrag == "function" ? b = o.disabledDrag(t.value) : b = o.disabledDrag === !0, !b && o.sortable && o.isDraggable ? r.push("handle") : b && r.push("disabled"), r.join(" ");
-    }), F = d(() => $.navButtonSlot !== ""), U = d(() => $.navButtonSlot), E = () => {
-      a("item-up", o.i);
-    }, x = () => {
-      a("item-down", o.i);
-    }, T = () => {
-      a("item-drop", o.i);
+  setup(o, { emit: p }) {
+    const v = dt(), n = p, a = o, t = h(a.modelValue);
+    let m = typeof a.rowDisplayType == "function" ? a.rowDisplayType(t.value, a.i) : a.rowDisplayType;
+    m || (m = se.Auto);
+    const D = [se.Auto, se.PreferCustomItem].includes(m), k = [se.Auto, se.PreferItem].includes(m), C = h(a.editLink);
+    for (let i in t.value) C.value = mt(C.value, ":" + i, t.value[i]);
+    const l = (i) => n("click", i), T = (i, b) => {
+      n("show", i, b);
+    }, H = r(() => {
+      let i = [], b = !1;
+      return typeof a.disabledDrag == "function" ? b = a.disabledDrag(t.value) : b = De.value === !0, !b && a.sortable && a.isDraggable ? i.push("handle") : b && i.push("disabled"), i.join(" ");
+    }), O = r(() => M.navButtonSlot !== ""), U = r(() => M.navButtonSlot), w = () => {
+      n("item-up", a.i);
     }, ee = () => {
+      n("item-down", a.i);
+    }, E = () => {
+      n("item-drop", a.i);
+    }, te = () => {
     };
-    N(() => o.modelValue, (r) => t.value = r), N(t, (r) => {
-      a("update:modelValue", r);
+    F(() => a.modelValue, (i) => t.value = i), F(t, (i) => {
+      n("update:modelValue", i);
     }, { deep: !0 });
-    const q = d(() => typeof o.renderDrag == "function" ? o.renderDrag(t.value) : o.renderDrag === !0);
-    return d(() => typeof o.disabledDrag == "function" ? o.disabledDrag(t.value) : o.disabledDrag === !0), (r, b) => {
-      const I = K("lkt-button");
+    const q = r(() => typeof a.renderDrag == "function" ? a.renderDrag(t.value) : a.renderDrag === !0), De = r(() => typeof a.disabledDrag == "function" ? a.disabledDrag(t.value) : a.disabledDrag === !0);
+    return (i, b) => {
+      const I = _("lkt-button");
       return u(), s("tr", {
-        "data-i": r.i,
-        "data-draggable": r.isDraggable,
-        class: G({ "type-custom-item": v(D), "type-item": v(g) })
+        "data-i": i.i,
+        "data-draggable": i.isDraggable,
+        class: J({ "type-custom-item": c(D), "type-item": c(k) })
       }, [
-        r.sortable && r.isDraggable && r.editModeEnabled && q.value ? (u(), s("td", {
+        i.sortable && i.isDraggable && i.editModeEnabled && q.value ? (u(), s("td", {
           key: 0,
           "data-role": "drag-indicator",
-          class: G(H.value),
-          "data-i": r.i
-        }, null, 10, _t)) : r.sortable && r.editModeEnabled && q.value ? (u(), s("td", xt)) : f("", !0),
-        r.addNavigation && r.editModeEnabled ? (u(), s("td", el, [
-          O("div", tl, [
-            de(I, {
+          class: J(H.value),
+          "data-i": i.i
+        }, null, 10, il)) : i.sortable && i.editModeEnabled && q.value ? (u(), s("td", rl)) : f("", !0),
+        i.addNavigation && i.editModeEnabled ? (u(), s("td", dl, [
+          j("div", sl, [
+            me(I, {
               palette: "table-nav",
-              disabled: r.i === 0,
-              onClick: E
+              disabled: i.i === 0,
+              onClick: w
             }, {
-              default: L(() => [
-                F.value ? (u(), B(X(U.value), {
+              default: P(() => [
+                O.value ? (u(), S(Y(U.value), {
                   key: 0,
                   direction: "up"
-                })) : (u(), s(P, { key: 1 }, [
-                  b[3] || (b[3] = O("i", { class: "" }, null, -1)),
-                  b[4] || (b[4] = oe(" UP "))
+                })) : (u(), s(N, { key: 1 }, [
+                  b[3] || (b[3] = j("i", { class: "" }, null, -1)),
+                  b[4] || (b[4] = ne(" UP "))
                 ], 64))
               ]),
               _: 1
             }, 8, ["disabled"]),
-            de(I, {
+            me(I, {
               palette: "table-nav",
-              disabled: r.latestRow,
-              onClick: x
+              disabled: i.latestRow,
+              onClick: ee
             }, {
-              default: L(() => [
-                F.value ? (u(), B(X(U.value), {
+              default: P(() => [
+                O.value ? (u(), S(Y(U.value), {
                   key: 0,
                   direction: "down"
-                })) : (u(), s(P, { key: 1 }, [
-                  b[5] || (b[5] = O("i", { class: "" }, null, -1)),
-                  b[6] || (b[6] = oe(" DOWN "))
+                })) : (u(), s(N, { key: 1 }, [
+                  b[5] || (b[5] = j("i", { class: "" }, null, -1)),
+                  b[6] || (b[6] = ne(" DOWN "))
                 ], 64))
               ]),
               _: 1
             }, 8, ["disabled"])
           ])
         ])) : f("", !0),
-        r.displayHiddenColumnsIndicator ? (u(), s("td", {
+        i.displayHiddenColumnsIndicator ? (u(), s("td", {
           key: 3,
-          onClick: b[0] || (b[0] = (V) => R(V, r.i)),
+          onClick: b[0] || (b[0] = (V) => T(V, i.i)),
           "data-role": "show-more",
-          class: G(r.hiddenIsVisible ? "state-open" : "")
+          class: J(i.hiddenIsVisible ? "state-open" : "")
         }, null, 2)) : f("", !0),
-        v(D) && v(m)[`item-${r.i}`] ? (u(), s("td", {
-          key: "td" + r.i,
-          colspan: r.visibleColumns.length
+        c(D) && c(v)[`item-${i.i}`] ? (u(), s("td", {
+          key: "td" + i.i,
+          colspan: i.visibleColumns.length
         }, [
-          w(r.$slots, `item-${r.i}`, {
+          $(i.$slots, `item-${i.i}`, {
             item: t.value,
-            index: r.i
+            index: i.i
           })
-        ], 8, ll)) : v(g) && v(m).item ? (u(), s("td", {
-          key: "td" + r.i,
-          colspan: r.visibleColumns.length
+        ], 8, pl)) : c(k) && c(v).item ? (u(), s("td", {
+          key: "td" + i.i,
+          colspan: i.visibleColumns.length
         }, [
-          w(r.$slots, "item", {
+          $(i.$slots, "item", {
             item: t.value,
-            index: r.i
+            index: i.i
           })
-        ], 8, al)) : (u(!0), s(P, { key: 6 }, z(r.visibleColumns, (V) => (u(), s(P, null, [
-          v(Gt)(V, r.emptyColumns, t.value) ? (u(), s("td", {
-            key: "td" + r.i,
+        ], 8, ml)) : (u(!0), s(N, { key: 6 }, G(i.visibleColumns, (V) => (u(), s(N, null, [
+          c(tl)(V, i.emptyColumns, t.value) ? (u(), s("td", {
+            key: "td" + i.i,
             "data-column": V.key,
-            colspan: v(Pe)(V, t.value),
-            title: v(se)(V, t.value, r.i, r.visibleColumns),
-            class: G(v(it)(V)),
-            onClick: b[2] || (b[2] = (te) => l(te))
+            colspan: c(Pe)(V, t.value),
+            title: c(ve)(V, t.value, i.i, i.visibleColumns),
+            class: J(c(vt)(V)),
+            onClick: b[2] || (b[2] = (le) => l(le))
           }, [
-            r.$slots[V.key] && v(zt)(V, t.value) ? w(r.$slots, V.key, {
+            i.$slots[V.key] && c(el)(V, t.value) ? $(i.$slots, V.key, {
               key: 0,
               value: t.value[V.key],
               item: t.value,
               column: V,
-              i: r.i
-            }) : t.value ? (u(), B(dt, {
+              i: i.i
+            }) : t.value ? (u(), S(ft, {
               key: 1,
               modelValue: t.value,
-              "onUpdate:modelValue": b[1] || (b[1] = (te) => t.value = te),
+              "onUpdate:modelValue": b[1] || (b[1] = (le) => t.value = le),
               column: V,
-              columns: r.visibleColumns,
-              "edit-mode-enabled": r.editModeEnabled,
-              "has-inline-edit-perm": r.hasInlineEditPerm,
-              i: r.i
+              columns: i.visibleColumns,
+              "edit-mode-enabled": i.editModeEnabled,
+              "has-inline-edit-perm": i.hasInlineEditPerm,
+              i: i.i
             }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm", "i"])) : f("", !0)
-          ], 10, ol)) : f("", !0)
+          ], 10, vl)) : f("", !0)
         ], 64))), 256)),
-        r.canDrop && r.editModeEnabled ? (u(), s("td", nl, [
-          de(Xt, {
-            resource: r.dropResource,
-            "resource-data": t.value,
-            confirm: r.dropConfirm,
-            text: r.dropText,
-            icon: r.dropIcon,
-            onClick: T
-          }, null, 8, ["resource", "resource-data", "confirm", "text", "icon"])
+        i.canDrop && i.editModeEnabled ? (u(), s("td", fl, [
+          me(ol, {
+            config: i.dropButton,
+            onClick: E
+          }, null, 8, ["config"])
         ])) : f("", !0),
-        r.canEdit && r.editModeEnabled ? (u(), s("td", ul, [
-          de(Yt, {
+        i.canEdit && i.editModeEnabled ? (u(), s("td", cl, [
+          me(nl, {
             "resource-data": t.value,
-            text: r.editText,
-            icon: r.editIcon,
-            link: S.value,
-            onClick: ee
+            text: i.editText,
+            icon: i.editIcon,
+            link: C.value,
+            onClick: te
           }, null, 8, ["resource-data", "text", "icon", "link"])
         ])) : f("", !0)
-      ], 10, Zt);
+      ], 10, ul);
     };
   }
-}), il = { "data-role": "hidden-row" }, dl = ["colspan"], sl = ["data-column"], pl = ["data-i"], ml = ["data-column", "title"], cl = /* @__PURE__ */ _({
+}), bl = { "data-role": "hidden-row" }, kl = ["colspan"], gl = ["data-column"], hl = ["data-i"], Cl = ["data-column", "title"], Bl = /* @__PURE__ */ x({
   __name: "LktHiddenRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -388,143 +374,141 @@ const Xt = /* @__PURE__ */ _({
     hasInlineEditPerm: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click"],
-  setup(n, { emit: p }) {
-    const m = p, a = n, o = C(a.modelValue), t = (c) => m("click", c);
-    return N(() => a.modelValue, (c) => o.value = c), N(o, () => m("update:modelValue", o.value)), (c, D) => ve((u(), s("tr", il, [
-      O("td", { colspan: c.hiddenColumnsColSpan }, [
-        O("table", null, [
-          O("tr", null, [
-            (u(!0), s(P, null, z(c.hiddenColumns, (g) => (u(), s("th", {
-              "data-column": g.key
+  setup(o, { emit: p }) {
+    const v = p, n = o, a = h(n.modelValue), t = (m) => v("click", m);
+    return F(() => n.modelValue, (m) => a.value = m), F(a, () => v("update:modelValue", a.value)), (m, D) => be((u(), s("tr", bl, [
+      j("td", { colspan: m.hiddenColumnsColSpan }, [
+        j("table", null, [
+          j("tr", null, [
+            (u(!0), s(N, null, G(m.hiddenColumns, (k) => (u(), s("th", {
+              "data-column": k.key
             }, [
-              O("div", null, ne(g.label), 1)
-            ], 8, sl))), 256))
+              j("div", null, ue(k.label), 1)
+            ], 8, gl))), 256))
           ]),
-          O("tr", { "data-i": c.i }, [
-            (u(!0), s(P, null, z(c.hiddenColumns, (g, S) => (u(), s("td", {
-              "data-column": g.key,
-              title: v(se)(g, o.value, S, c.hiddenColumns),
+          j("tr", { "data-i": m.i }, [
+            (u(!0), s(N, null, G(m.hiddenColumns, (k, C) => (u(), s("td", {
+              "data-column": k.key,
+              title: c(ve)(k, a.value, C, m.hiddenColumns),
               onClick: D[1] || (D[1] = (l) => t(l))
             }, [
-              c.$slots[g.key] ? w(c.$slots, g.key, {
+              m.$slots[k.key] ? $(m.$slots, k.key, {
                 key: 0,
-                value: o.value[g.key],
-                item: o.value,
-                column: g,
-                i: S
-              }) : (u(), B(dt, {
+                value: a.value[k.key],
+                item: a.value,
+                column: k,
+                i: C
+              }) : (u(), S(ft, {
                 key: 1,
-                column: g,
-                columns: c.hiddenColumns,
-                modelValue: o.value,
-                "onUpdate:modelValue": D[0] || (D[0] = (l) => o.value = l),
-                i: S,
-                "edit-mode-enabled": c.editModeEnabled,
-                "has-inline-edit-perm": c.hasInlineEditPerm
+                column: k,
+                columns: m.hiddenColumns,
+                modelValue: a.value,
+                "onUpdate:modelValue": D[0] || (D[0] = (l) => a.value = l),
+                i: C,
+                "edit-mode-enabled": m.editModeEnabled,
+                "has-inline-edit-perm": m.hasInlineEditPerm
               }, null, 8, ["column", "columns", "modelValue", "i", "edit-mode-enabled", "has-inline-edit-perm"]))
-            ], 8, ml))), 256))
-          ], 8, pl)
+            ], 8, Cl))), 256))
+          ], 8, hl)
         ])
-      ], 8, dl)
+      ], 8, kl)
     ], 512)), [
-      [ye, c.hiddenIsVisible]
+      [ke, m.hiddenIsVisible]
     ]);
   }
-}), at = /* @__PURE__ */ _({
+}), it = /* @__PURE__ */ x({
   __name: "CreateButton",
   props: {
     config: { default: void 0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click", "append"],
-  setup(n, { emit: p }) {
-    var S;
-    const m = p, a = n, o = d(() => $.createButtonSlot !== ""), t = d(() => $.createButtonSlot), c = {
-      ...(S = a.config) == null ? void 0 : S.modalData,
+  setup(o, { emit: p }) {
+    var C;
+    const v = p, n = o, a = r(() => M.createButtonSlot !== ""), t = r(() => M.createButtonSlot), m = {
+      ...(C = n.config) == null ? void 0 : C.modalData,
       beforeClose: (l) => {
-        "itemCreated" in l && l.itemCreated === !0 && m("append", l.item);
+        "itemCreated" in l && l.itemCreated === !0 && v("append", l.item);
       }
     }, D = {
-      ...a.config
+      ...n.config
     };
-    D.modalData = c;
-    const g = () => {
+    D.modalData = m;
+    const k = () => {
       var l;
-      if (!((l = a.config) != null && l.modal)) {
-        m("click");
+      if (!((l = n.config) != null && l.modal)) {
+        v("click");
         return;
       }
     };
-    return (l, R) => {
-      const H = K("lkt-button");
-      return u(), B(H, ie(D, {
+    return (l, T) => {
+      const H = _("lkt-button");
+      return u(), S(H, Z(D, {
         disabled: l.disabled,
-        onClick: g
+        onClick: k
       }), {
-        default: L(() => [
-          o.value ? (u(), B(X(t.value), { key: 0 })) : f("", !0)
+        default: P(() => [
+          a.value ? (u(), S(Y(t.value), { key: 0 })) : f("", !0)
         ]),
         _: 1
       }, 16, ["disabled"]);
     };
   }
-}), fl = ["data-column", "data-sortable", "data-sort", "colspan", "title"], vl = /* @__PURE__ */ _({
+}), Sl = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Dl = /* @__PURE__ */ x({
   __name: "TableHeader",
   props: {
-    column: { default: () => new Le() },
+    column: { default: () => new pt() },
     sortBy: { default: "" },
     sortDirection: { default: "" },
     amountOfColumns: { default: 0 },
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(n, { emit: p }) {
-    const m = p, a = n, o = d(() => Wt(a.column, a.amountOfColumns, a.items)), t = d(() => a.column.sortable === !0), c = d(() => t.value && a.sortBy === a.column.key ? a.sortDirection : ""), D = d(() => a.column.label.startsWith("__:") ? ut(a.column.label.substring(3)) : a.column.label), g = () => m("click", a.column);
-    return (S, l) => (u(), s("th", {
-      "data-column": S.column.key,
+  setup(o, { emit: p }) {
+    const v = p, n = o, a = r(() => xt(n.column, n.amountOfColumns, n.items)), t = r(() => n.column.sortable === !0), m = r(() => t.value && n.sortBy === n.column.key ? n.sortDirection : ""), D = r(() => n.column.label.startsWith("__:") ? st(n.column.label.substring(3)) : n.column.label), k = () => v("click", n.column);
+    return (C, l) => (u(), s("th", {
+      "data-column": C.column.key,
       "data-sortable": t.value,
-      "data-sort": c.value,
-      colspan: o.value,
+      "data-sort": m.value,
+      colspan: a.value,
       title: D.value,
-      class: G(v(it)(S.column)),
-      onClick: g
+      class: J(c(vt)(C.column)),
+      onClick: k
     }, [
-      O("div", null, ne(D.value), 1)
-    ], 10, fl));
+      j("div", null, ue(D.value), 1)
+    ], 10, Sl));
   }
-}), yl = ["id"], bl = {
+}), Il = ["id"], Vl = {
   key: 0,
   class: "lkt-table-page-buttons"
-}, kl = { class: "switch-edition-mode" }, gl = {
+}, wl = { class: "switch-edition-mode" }, El = {
   key: 1,
   class: "lkt-table-page-buttons"
-}, hl = {
+}, Tl = {
   key: 2,
   class: "lkt-table-page-filters"
-}, Cl = { class: "lkt-table" }, Bl = { key: 0 }, Dl = {
+}, $l = { class: "lkt-table" }, Ml = { key: 0 }, Rl = {
   key: 0,
   "data-role": "drag-indicator"
-}, Sl = { key: 1 }, Il = { key: 2 }, Vl = {
+}, Ll = { key: 1 }, Pl = { key: 2 }, Nl = {
   key: 3,
   class: "lkt-table-col-drop"
-}, El = {
+}, Fl = {
   key: 4,
   class: "lkt-table-col-edit"
-}, Tl = ["id"], wl = ["id"], $l = ["data-i"], Rl = ["data-i"], Ml = {
-  key: 4,
+}, Ol = ["id"], Ul = ["id"], Al = ["data-i"], jl = ["data-i"], Hl = {
+  key: 3,
   class: "lkt-table-empty"
-}, Ll = {
+}, ql = {
   key: 5,
   class: "lkt-table-page-buttons lkt-table-page-buttons-bottom"
-}, Pl = /* @__PURE__ */ _({
+}, Kl = /* @__PURE__ */ x({
   __name: "LktTable",
-  props: /* @__PURE__ */ Ft({
+  props: /* @__PURE__ */ _t({
     modelValue: {},
     type: {},
     columns: {},
-    resource: {},
     noResultsText: {},
-    filters: {},
     hideEmptyColumns: { type: Boolean },
     itemDisplayChecker: { type: Function },
     rowDisplayType: { type: [Number, Function] },
@@ -543,6 +527,7 @@ const Xt = /* @__PURE__ */ _({
     titleTag: {},
     titleIcon: {},
     headerClass: {},
+    editModeButton: {},
     saveButton: {},
     createButton: {},
     dropButton: {},
@@ -550,26 +535,16 @@ const Xt = /* @__PURE__ */ _({
     wrapContentTag: {},
     wrapContentClass: {},
     itemsContainerClass: {},
-    createText: {},
-    createIcon: {},
-    createRoute: {},
-    createDisabled: { type: Boolean },
     createEnabledValidator: { type: Function },
-    dropText: {},
-    dropIcon: {},
-    dropConfirm: {},
-    dropResource: {},
     editText: {},
     editIcon: {},
     editLink: {},
-    editModeText: {},
-    switchEditionEnabled: { type: Boolean },
     addNavigation: { type: Boolean },
     newValueGenerator: { type: Function },
     requiredItemsForTopCreate: {},
     requiredItemsForBottomCreate: {},
     slotItemVar: {}
-  }, At(Ot)),
+  }, Gt(Jt)),
   emits: [
     "update:modelValue",
     "update:perms",
@@ -584,491 +559,488 @@ const Xt = /* @__PURE__ */ _({
     "page",
     "drag-end"
   ],
-  setup(n, { expose: p, emit: m }) {
-    var et;
-    const a = m, o = nt(), t = n, c = {}, D = C(typeof t.sorter == "function" ? t.sorter : Kt), g = C(Jt(t.columns)), S = C(be.Asc), l = C(t.modelValue), R = C(c), H = C(null), F = C(t.columns), U = C((et = t.paginator) == null ? void 0 : et.modelValue), E = C(t.loading), x = C(!1), T = C(t.perms), ee = C(null), q = C(null), r = C({}), b = C(new qt({ items: l.value }, t.dataStateConfig)), I = C(t.editMode), V = C(0), te = C(null), ue = C(!1);
-    N(E, (e) => a("update:loading", e)), N(U, (e) => a("page", e));
-    const st = (e) => {
-      T.value = e;
-    }, pt = (e) => {
-      Array.isArray(e.data) && (l.value = e.data), E.value = !1, x.value = !0, b.value.store({ items: l.value }).turnStoredIntoOriginal(), ue.value = !1, Be(() => {
-        Ie.value, a("read-response", e);
+  setup(o, { expose: p, emit: v }) {
+    var lt;
+    const n = v, a = dt(), t = o, m = {}, D = h(typeof t.sorter == "function" ? t.sorter : Zt), k = h(ll(t.columns)), C = h(ge.Asc), l = h(t.modelValue), T = h(m), H = h(null), O = h(t.columns), U = h((lt = t.paginator) == null ? void 0 : lt.modelValue), w = h(t.loading), ee = h(!1), E = h(t.perms), te = h(null), q = h(null), De = h(null), i = h({}), b = h(new Xt({ items: l.value }, t.dataStateConfig)), I = h(t.editMode), V = h(0), le = h(null), K = h(ot(t.saveButton, nt.defaultSaveButton)), Ne = h(ot(t.createButton, nt.defaultCreateButton)), ie = h(!1);
+    F(w, (e) => n("update:loading", e)), F(U, (e) => n("page", e));
+    const ct = (e) => {
+      E.value = e;
+    }, yt = (e) => {
+      var d;
+      Array.isArray(e.data) && ((!t.paginator || ![Se.LoadMore, Se.Infinite].includes((d = t.paginator) == null ? void 0 : d.type)) && l.value.splice(0, l.value.length), l.value = [...l.value, ...e.data]), w.value = !1, ee.value = !0, b.value.store({ items: l.value }).turnStoredIntoOriginal(), ie.value = !1, Be(() => {
+        V.value = pe(), we.value, n("read-response", e);
       });
-    }, mt = () => Be(() => E.value = !0), ct = () => {
-      ee.value.doRefresh();
-    }, pe = Ht(12), De = d(() => {
+    }, bt = () => Be(() => w.value = !0), kt = () => {
+      te.value.doRefresh();
+    }, fe = Qt(12), Ie = r(() => {
       if (!t.hideEmptyColumns) return [];
       let e = [];
-      return F.value.forEach((i) => {
-        let k = i.key, M = !1;
+      return O.value.forEach((d) => {
+        let g = d.key, R = !1;
         l.value.forEach((A) => {
           if (typeof A.checkEmpty == "function")
             return A.checkEmpty(A);
-          A[k] && (M = !0);
-        }), M || e.push(k);
+          A[g] && (R = !0);
+        }), R || e.push(g);
       }), e;
-    }), ke = d(() => F.value.filter((e) => !e.hidden)), Se = d(() => F.value.filter((e) => e.hidden)), ft = d(() => {
-      let e = ke.value.length + 1;
+    }), he = r(() => O.value.filter((e) => !e.hidden)), Ve = r(() => O.value.filter((e) => e.hidden)), gt = r(() => {
+      let e = he.value.length + 1;
       return t.sortable && ++e, e;
-    }), vt = d(() => F.value.filter((e) => e.isForRowKey)), Ne = d(() => Se.value.length > 0 && !t.sortable), yt = d(() => F.value.map((e) => e.key)), Fe = d(() => {
+    }), ht = r(() => O.value.filter((e) => e.isForRowKey)), Fe = r(() => Ve.value.length > 0 && !t.sortable), Ct = r(() => O.value.map((e) => e.key)), Oe = r(() => {
       let e = [];
-      for (let i in o) yt.value.indexOf(i) !== -1 && e.push(i);
+      for (let d in a) Ct.value.indexOf(d) !== -1 && e.push(d);
       return e;
-    }), Ue = d(() => {
+    }), Ue = r(() => {
       var e;
-      return t.hiddenSave || E.value || !((e = t.saveButton) != null && e.resource || t.saveButton.type) ? !1 : I.value && ue.value ? !0 : I.value;
-    }), bt = d(() => Ce.value && l.value.length >= t.requiredItemsForTopCreate || t.switchEditionEnabled ? !0 : Ue.value || I.value && me.value), Ie = d(() => {
-      var e, i;
-      return V.value, typeof ((e = t.saveButton) == null ? void 0 : e.disabled) == "function" ? t.saveButton.disabled({
+      return t.hiddenSave || w.value || !((e = K.value) != null && e.resource || K.value.type) ? !1 : I.value && ie.value ? !0 : I.value;
+    }), Bt = r(() => Ce.value && l.value.length >= t.requiredItemsForTopCreate || Ke.value ? !0 : Ue.value || I.value && ce.value), we = r(() => {
+      var e, d;
+      return V.value, typeof ((e = K.value) == null ? void 0 : e.disabled) == "function" ? K.value.disabled({
         value: l.value,
         dataState: b.value
-      }) : typeof ((i = t.saveButton) == null ? void 0 : i.disabled) == "boolean" ? t.saveButton.disabled : !ue.value;
-    }), kt = d(() => l.value.length), gt = d(() => {
+      }) : typeof ((d = K.value) == null ? void 0 : d.disabled) == "boolean" ? K.value.disabled : !ie.value;
+    }), St = r(() => l.value.length), Dt = r(() => {
       var e;
       return {
         items: l.value,
-        ...(e = t.saveButton) == null ? void 0 : e.resourceData
+        ...(e = K.value) == null ? void 0 : e.resourceData
       };
-    }), ht = d(() => t.titleTag === "" ? "h2" : t.titleTag), Ct = d(() => t.wrapContentTag === "" ? "div" : t.wrapContentTag), Ve = d(() => lt(t.title)), Bt = d(() => lt(t.editModeText)), Ee = d(() => {
+    }), It = r(() => t.titleTag === "" ? "h2" : t.titleTag), Vt = r(() => t.wrapContentTag === "" ? "div" : t.wrapContentTag), Ee = r(() => ut(t.title)), wt = r(() => ut(t.editModeText)), Te = r(() => {
       var e;
       return (e = t.drag) == null ? void 0 : e.enabled;
-    }), me = d(() => T.value.includes(Z.Create)), Ae = d(() => T.value.includes("read")), ge = d(() => T.value.includes(Z.Update)), Oe = d(() => T.value.includes(Z.Edit)), He = d(() => T.value.includes(Z.InlineEdit)), Dt = d(() => T.value.includes(Z.ModalCreate)), St = d(() => T.value.includes(Z.InlineCreate)), qe = d(() => T.value.includes(Z.InlineCreateEver)), he = d(() => T.value.includes(Z.Drop)), It = (e) => {
-      let i = e.target;
-      if (typeof i.dataset.column > "u")
+    }), ce = r(() => E.value.includes(Q.Create)), Ae = r(() => E.value.includes("read")), re = r(() => E.value.includes(Q.Update)), je = r(() => E.value.includes(Q.Edit)), He = r(() => E.value.includes(Q.InlineEdit)), Et = r(() => E.value.includes(Q.ModalCreate)), Tt = r(() => E.value.includes(Q.InlineCreate)), qe = r(() => E.value.includes(Q.InlineCreateEver)), de = r(() => E.value.includes(Q.Drop)), $t = r(() => E.value.includes(Q.SwitchEditMode)), Ke = r(() => !$t.value || !re.value && !de.value || !re.value && de.value ? !1 : !w.value), Mt = r(() => {
+      var e;
+      return (typeof ((e = t.paginator) == null ? void 0 : e.type) < "u" && [Se.LoadMore, Se.Infinite].includes(t.paginator.type) || !w.value) && l.value.length > 0;
+    }), Rt = (e) => {
+      let d = e.target;
+      if (typeof d.dataset.column > "u")
         do
-          i = i.parentNode;
-        while (typeof i.dataset.column > "u" && i.tagName !== "TABLE" && i.tagName !== "body");
-      if (i.tagName === "TD" && (i = i.parentNode, i = i.dataset.i, typeof i < "u"))
-        return l.value[i];
-    }, Vt = (e) => l.value[e], Et = (e) => {
-      var i;
-      return (i = H.value) == null ? void 0 : i.querySelector(`[data-i="${e}"]`);
-    }, je = (e) => R.value["tr_" + e] === !0, Ke = (e) => {
-      e && e.sortable && (l.value = l.value.sort((i, k) => D.value(i, k, e, S.value)), S.value = S.value === be.Asc ? be.Desc : be.Asc, g.value = e.key, a("sort", [g.value, S.value]));
-    }, We = (e) => {
-      a("click", e);
-    }, ze = (e, i) => {
-      let k = "tr_" + i;
-      R.value[k] = typeof R.value[k] > "u" ? !0 : !R.value[k];
-    }, Tt = (e) => {
-      var k, M, A, j, h, y, W, J;
-      let i = parseInt((j = (A = (M = (k = e == null ? void 0 : e.originalEvent) == null ? void 0 : k.toElement) == null ? void 0 : M.closest("tr")) == null ? void 0 : A.dataset) == null ? void 0 : j.i);
-      return !(typeof ((h = t.drag) == null ? void 0 : h.isValid) == "function" && !((y = t.drag) != null && y.isValid(l.value[i])) || typeof ((W = t.drag) == null ? void 0 : W.isValid) == "boolean" && !((J = t.drag) != null && J.isValid));
-    }, Ge = (e) => {
-      var i, k;
-      return typeof ((i = t.drag) == null ? void 0 : i.isDraggable) == "function" ? (k = t.drag) == null ? void 0 : k.isDraggable(e) : !0;
-    }, Je = () => {
-      if (me.value) {
-        a("click-create");
+          d = d.parentNode;
+        while (typeof d.dataset.column > "u" && d.tagName !== "TABLE" && d.tagName !== "body");
+      if (d.tagName === "TD" && (d = d.parentNode, d = d.dataset.i, typeof d < "u"))
+        return l.value[d];
+    }, Lt = (e) => l.value[e], Pt = (e) => {
+      var d;
+      return (d = H.value) == null ? void 0 : d.querySelector(`[data-i="${e}"]`);
+    }, We = (e) => T.value["tr_" + e] === !0, _e = (e) => {
+      e && e.sortable && (l.value = l.value.sort((d, g) => D.value(d, g, e, C.value)), C.value = C.value === ge.Asc ? ge.Desc : ge.Asc, k.value = e.key, n("sort", [k.value, C.value]));
+    }, ze = (e) => {
+      n("click", e);
+    }, Ge = (e, d) => {
+      let g = "tr_" + d;
+      T.value[g] = typeof T.value[g] > "u" ? !0 : !T.value[g];
+    }, Nt = (e) => {
+      var g, R, A, W, B, y, L, z;
+      let d = parseInt((W = (A = (R = (g = e == null ? void 0 : e.originalEvent) == null ? void 0 : g.toElement) == null ? void 0 : R.closest("tr")) == null ? void 0 : A.dataset) == null ? void 0 : W.i);
+      return !(typeof ((B = t.drag) == null ? void 0 : B.isValid) == "function" && !((y = t.drag) != null && y.isValid(l.value[d])) || typeof ((L = t.drag) == null ? void 0 : L.isValid) == "boolean" && !((z = t.drag) != null && z.isValid));
+    }, Je = (e) => {
+      var d, g;
+      return typeof ((d = t.drag) == null ? void 0 : d.isDraggable) == "function" ? (g = t.drag) == null ? void 0 : g.isDraggable(e) : !0;
+    }, Qe = () => {
+      if (ce.value) {
+        n("click-create");
         return;
       }
       if (qe.value)
-        a("click-create");
+        n("click-create");
       else {
         if (typeof t.newValueGenerator == "function") {
           let e = t.newValueGenerator();
-          if (typeof e == "object" || t.type !== ce.Table) {
+          if (typeof e == "object" || t.type !== ye.Table) {
             l.value.push(e);
             return;
           }
         }
         l.value.push({});
       }
-    }, Qe = (e) => {
+    }, Xe = (e) => {
       l.value.push(e);
-    }, Xe = () => E.value = !0, Ye = () => E.value = !1, wt = (e, i) => {
-      var k, M, A;
-      if (!((k = t.saveButton) != null && k.type && [
-        Me.Split,
-        Me.SplitEver,
-        Me.SplitLazy
-      ].includes((M = t.saveButton) == null ? void 0 : M.type))) {
-        if (a("before-save"), (A = t.saveButton) != null && A.resource && (E.value = !1, !i.success)) {
-          a("error", i.httpStatus);
+    }, Ye = () => w.value = !0, Ze = () => w.value = !1, Ft = (e, d) => {
+      var g, R, A;
+      if (!((g = K.value) != null && g.type && [
+        Le.Split,
+        Le.SplitEver,
+        Le.SplitLazy
+      ].includes((R = K.value) == null ? void 0 : R.type))) {
+        if (n("before-save"), (A = K.value) != null && A.resource && (w.value = !1, !d.success)) {
+          n("error", d.httpStatus);
           return;
         }
-        b.value.turnStoredIntoOriginal(), ue.value = !1, a("save", i);
+        b.value.turnStoredIntoOriginal(), ie.value = !1, n("save", d);
       }
-    }, Ze = (e, i, k) => {
-      if (k >= e.length) {
-        let M = k - e.length + 1;
-        for (; M--; ) e.push(void 0);
+    }, xe = (e, d, g) => {
+      if (g >= e.length) {
+        let R = g - e.length + 1;
+        for (; R--; ) e.push(void 0);
       }
-      return e.splice(k, 0, e.splice(i, 1)[0]), e;
-    }, $t = (e) => {
-      Ze(l.value, e, e - 1), V.value = fe();
-    }, Rt = (e) => {
-      Ze(l.value, e, e + 1), V.value = fe();
-    }, Te = (e) => {
-      l.value.splice(e, 1), V.value = fe();
-    }, Mt = () => {
+      return e.splice(g, 0, e.splice(d, 1)[0]), e;
+    }, Ot = (e) => {
+      xe(l.value, e, e - 1), V.value = pe();
+    }, Ut = (e) => {
+      xe(l.value, e, e + 1), V.value = pe();
+    }, $e = (e) => {
+      l.value.splice(e, 1), V.value = pe();
+    }, At = () => {
       var e;
-      r.value && typeof ((e = r.value) == null ? void 0 : e.destroy) == "function" && (r.value.destroy(), r.value = {});
-    }, _e = () => {
-      te.value || (te.value = document.getElementById("lkt-table-body-" + pe)), r.value = new jt(te.value, {
+      i.value && typeof ((e = i.value) == null ? void 0 : e.destroy) == "function" && (i.value.destroy(), i.value = {});
+    }, et = () => {
+      le.value || (le.value = document.getElementById("lkt-table-body-" + fe)), i.value = new Yt(le.value, {
         direction: "vertical",
         handle: ".handle",
         animation: 150,
         onEnd: function(e) {
-          let i = e.oldIndex, k = e.newIndex;
-          l.value.splice(k, 0, l.value.splice(i, 1)[0]), V.value = fe(), a("drag-end", l.value[k]);
+          let d = e.oldIndex, g = e.newIndex;
+          l.value.splice(g, 0, l.value.splice(d, 1)[0]), V.value = pe(), n("drag-end", l.value[g]);
         },
-        onMove: function(e, i) {
-          return Tt(e);
+        onMove: function(e, d) {
+          return Nt(e);
         }
       });
-    }, we = (e, i, k = !1) => {
-      let M = [V.value, pe, "row", i];
-      return k && M.push("hidden"), vt.value.forEach((A) => {
-        let j = String(e[A.key]).toLowerCase();
-        j.length > 50 && (j = j.substring(0, 50)), j = rt(j, " ", "-"), M.push(j);
-      }), M.join("-");
-    }, xe = d(() => typeof t.createEnabledValidator == "function" ? t.createEnabledValidator({ items: l.value }) : !0), Ce = d(() => qe.value || me.value && I.value || St.value && I.value || Dt.value && I.value), Lt = d(() => [ce.Ol, ce.Ul].includes(t.type)), $e = (e, i) => typeof t.itemDisplayChecker == "function" ? t.itemDisplayChecker(e) : !0;
-    Ut(() => {
+    }, Me = (e, d, g = !1) => {
+      let R = [V.value, fe, "row", d];
+      return g && R.push("hidden"), ht.value.forEach((A) => {
+        let W = String(e[A.key]).toLowerCase();
+        W.length > 50 && (W = W.substring(0, 50)), W = mt(W, " ", "-"), R.push(W);
+      }), R.join("-");
+    }, tt = r(() => typeof t.createEnabledValidator == "function" ? t.createEnabledValidator({ items: l.value }) : !0), Ce = r(() => qe.value || ce.value && I.value || Tt.value && I.value || Et.value && I.value), jt = r(() => [ye.Ol, ye.Ul].includes(t.type)), Re = (e, d) => typeof t.itemDisplayChecker == "function" ? t.itemDisplayChecker(e) : !0;
+    zt(() => {
       var e;
-      t.initialSorting && Ke(Qt(t.columns, g.value)), b.value.store({ items: l.value }).turnStoredIntoOriginal(), ue.value = !1, (e = t.drag) != null && e.enabled && Be(() => {
-        _e();
+      t.initialSorting && _e(al(t.columns, k.value)), b.value.store({ items: l.value }).turnStoredIntoOriginal(), ie.value = !1, (e = t.drag) != null && e.enabled && Be(() => {
+        et();
       });
-    }), N(() => {
+    }), F(() => {
       var e;
       return (e = t.drag) == null ? void 0 : e.enabled;
     }, (e) => {
-      e ? _e() : Mt();
-    }), N(() => t.perms, (e) => T.value = e), N(T, (e) => a("update:perms", e)), N(() => t.editMode, (e) => I.value = e), N(() => t.columns, (e) => F.value = e, { deep: !0 }), N(() => t.modelValue, (e) => l.value = e, { deep: !0 }), N(l, (e) => {
-      b.value.increment({ items: e }), ue.value = b.value.changed(), a("update:modelValue", e);
+      e ? et() : At();
+    }), F(() => t.perms, (e) => E.value = e), F(E, (e) => n("update:perms", e)), F(() => t.editMode, (e) => I.value = e), F(() => t.columns, (e) => O.value = e, { deep: !0 }), F(() => t.modelValue, (e) => l.value = e, { deep: !0 }), F(l, (e) => {
+      b.value.increment({ items: e }), ie.value = b.value.changed(), n("update:modelValue", e);
     }, { deep: !0 }), p({
-      getItemByEvent: It,
-      getItemByIndex: Vt,
-      getRowByIndex: Et,
-      doRefresh: ct,
+      getItemByEvent: Rt,
+      getItemByIndex: Lt,
+      getRowByIndex: Pt,
+      doRefresh: kt,
       getHtml: () => q.value,
       turnStoredIntoOriginal: () => {
         b.value.turnStoredIntoOriginal(), Be(() => {
-          V.value = fe();
+          V.value = pe();
         });
       }
     });
-    const Pt = d(() => typeof $.defaultEmptySlot < "u"), Nt = d(() => $.defaultEmptySlot);
-    return (e, i) => {
-      const k = K("lkt-button"), M = K("lkt-field"), A = K("lkt-loader"), j = K("lkt-paginator");
+    const Ht = r(() => typeof M.defaultEmptySlot < "u"), qt = r(() => M.defaultEmptySlot), Kt = r(() => !t.drag || Object.keys(t.drag).length === 0 || !t.drag.enabled ? !1 : typeof t.drag.canRender > "u" ? !0 : t.drag.canRender), Wt = r(() => !t.drag || Object.keys(t.drag).length === 0 || !t.drag.enabled || typeof t.drag.isDisabled > "u" ? !1 : t.drag.isDisabled);
+    return (e, d) => {
+      const g = _("lkt-button"), R = _("lkt-field"), A = _("lkt-loader"), W = _("lkt-paginator");
       return u(), s("section", {
         ref_key: "element",
         ref: q,
         class: "lkt-table-page",
-        id: "lkt-table-page-" + v(pe)
+        id: "lkt-table-page-" + c(fe)
       }, [
-        Ve.value || v(o).title ? (u(), s("header", {
+        Ee.value || c(a).title ? (u(), s("header", {
           key: 0,
-          class: G(e.headerClass)
+          class: J(e.headerClass)
         }, [
-          Ve.value ? (u(), B(X(ht.value), { key: 0 }, {
-            default: L(() => [
+          Ee.value ? (u(), S(Y(It.value), { key: 0 }, {
+            default: P(() => [
               e.titleIcon ? (u(), s("i", {
                 key: 0,
-                class: G(e.titleIcon)
+                class: J(e.titleIcon)
               }, null, 2)) : f("", !0),
-              oe(" " + ne(Ve.value), 1)
+              ne(" " + ue(Ee.value), 1)
             ]),
             _: 1
           })) : f("", !0),
-          v(o).title ? w(e.$slots, "title", { key: 1 }) : f("", !0)
+          c(a).title ? $(e.$slots, "title", { key: 1 }) : f("", !0)
         ], 2)) : f("", !0),
-        (u(), B(X(Ct.value), {
-          class: G(["lkt-table-page-content-wrapper", e.wrapContentClass])
+        (u(), S(Y(Vt.value), {
+          class: J(["lkt-table-page-content-wrapper", e.wrapContentClass])
         }, {
-          default: L(() => [
-            bt.value ? (u(), s("div", bl, [
-              ve(de(k, ie({
+          default: P(() => [
+            Bt.value ? (u(), s("div", Vl, [
+              be(me(g, Z({
                 class: "lkt-table--save-button",
-                ref: "saveButton"
-              }, e.saveButton, {
-                disabled: Ie.value,
-                "modal-data": gt.value,
-                onLoading: Xe,
-                onLoaded: Ye,
-                onClick: wt
+                ref_key: "saveButtonRef",
+                ref: De
+              }, K.value, {
+                disabled: we.value,
+                "modal-data": Dt.value,
+                onLoading: Ye,
+                onLoaded: Ze,
+                onClick: Ft
               }), {
-                split: L(({ doClose: h, doRootClick: y }) => [
-                  w(e.$slots, "button-save-split", {
-                    doClose: h,
+                split: P(({ doClose: B, doRootClick: y }) => [
+                  $(e.$slots, "button-save-split", {
+                    doClose: B,
                     doRootClick: y,
                     dataState: b.value,
-                    onButtonLoading: Xe,
-                    onButtonLoaded: Ye
+                    onButtonLoading: Ye,
+                    onButtonLoaded: Ze
                   })
                 ]),
-                default: L(() => [
-                  v(o)["button-save"] ? w(e.$slots, "button-save", {
+                default: P(() => [
+                  c(a)["button-save"] ? $(e.$slots, "button-save", {
                     key: 0,
                     items: l.value,
                     editMode: e.editMode,
-                    canUpdate: !Ie.value
+                    canUpdate: !we.value
                   }) : f("", !0)
                 ]),
                 _: 3
               }, 16, ["disabled", "modal-data"]), [
-                [ye, Ue.value]
+                [ke, Ue.value]
               ]),
-              Ce.value && l.value.length >= e.requiredItemsForTopCreate ? (u(), B(at, {
+              Ce.value && l.value.length >= e.requiredItemsForTopCreate ? (u(), S(it, {
                 key: 0,
-                config: e.createButton,
-                disabled: !xe.value || e.createDisabled,
-                onClick: Je,
-                onAppend: Qe
+                config: Ne.value,
+                disabled: !tt.value,
+                onClick: Qe,
+                onAppend: Xe
               }, null, 8, ["config", "disabled"])) : f("", !0),
-              O("div", kl, [
-                ve(de(M, {
+              j("div", wl, [
+                be(me(R, {
                   type: "switch",
                   modelValue: I.value,
-                  "onUpdate:modelValue": i[0] || (i[0] = (h) => I.value = h),
-                  label: Bt.value
+                  "onUpdate:modelValue": d[0] || (d[0] = (B) => I.value = B),
+                  label: wt.value
                 }, null, 8, ["modelValue", "label"]), [
-                  [ye, e.switchEditionEnabled]
+                  [ke, Ke.value]
                 ])
               ])
             ])) : f("", !0),
-            v(o).buttons ? (u(), s("div", gl, [
-              w(e.$slots, "buttons")
+            c(a).buttons ? (u(), s("div", El, [
+              $(e.$slots, "buttons")
             ])) : f("", !0),
-            x.value && v(o).filters ? (u(), s("div", hl, [
-              w(e.$slots, "filters", {
+            ee.value && c(a).filters ? (u(), s("div", Tl, [
+              $(e.$slots, "filters", {
                 items: l.value,
-                isLoading: E.value
+                isLoading: w.value
               })
             ])) : f("", !0),
-            E.value ? (u(), B(A, { key: 3 })) : f("", !0),
-            ve(O("div", Cl, [
-              e.type === v(ce).Table ? (u(), s("table", Bl, [
-                O("thead", null, [
-                  O("tr", null, [
-                    Ee.value && I.value ? (u(), s("th", Dl)) : f("", !0),
-                    e.addNavigation && I.value ? (u(), s("th", Sl)) : f("", !0),
-                    Ne.value ? (u(), s("th", Il)) : f("", !0),
-                    (u(!0), s(P, null, z(ke.value, (h) => (u(), s(P, null, [
-                      De.value.indexOf(h.key) === -1 ? (u(), B(vl, {
+            be(j("div", $l, [
+              e.type === c(ye).Table ? (u(), s("table", Ml, [
+                j("thead", null, [
+                  j("tr", null, [
+                    Te.value && I.value ? (u(), s("th", Rl)) : f("", !0),
+                    e.addNavigation && I.value ? (u(), s("th", Ll)) : f("", !0),
+                    Fe.value ? (u(), s("th", Pl)) : f("", !0),
+                    (u(!0), s(N, null, G(he.value, (B) => (u(), s(N, null, [
+                      Ie.value.indexOf(B.key) === -1 ? (u(), S(Dl, {
                         key: 0,
-                        column: h,
-                        "sort-by": g.value,
-                        "sort-direction": S.value,
+                        column: B,
+                        "sort-by": k.value,
+                        "sort-direction": C.value,
                         "amount-of-columns": e.columns.length,
                         items: l.value,
-                        onClick: (y) => Ke(h)
+                        onClick: (y) => _e(B)
                       }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : f("", !0)
                     ], 64))), 256)),
-                    he.value && I.value ? (u(), s("th", Vl)) : f("", !0),
-                    Oe.value && ge.value && I.value ? (u(), s("th", El)) : f("", !0)
+                    de.value && I.value ? (u(), s("th", Nl)) : f("", !0),
+                    je.value && re.value && I.value ? (u(), s("th", Fl)) : f("", !0)
                   ])
                 ]),
-                O("tbody", {
+                j("tbody", {
                   ref_key: "tableBody",
                   ref: H,
-                  id: "lkt-table-body-" + v(pe)
+                  id: "lkt-table-body-" + c(fe)
                 }, [
-                  (u(!0), s(P, null, z(l.value, (h, y) => {
-                    var W, J;
-                    return ve((u(), B(rl, {
-                      modelValue: l.value[y],
-                      "onUpdate:modelValue": (Y) => l.value[y] = Y,
-                      key: we(h, y),
-                      i: y,
-                      "display-hidden-columns-indicator": Ne.value,
-                      "is-draggable": Ge(h),
-                      sortable: Ee.value,
-                      "visible-columns": ke.value,
-                      "empty-columns": De.value,
-                      "add-navigation": e.addNavigation,
-                      "hidden-is-visible": je(y),
-                      "latest-row": y + 1 === kt.value,
-                      "can-drop": he.value && I.value,
-                      "drop-confirm": e.dropConfirm,
-                      "drop-resource": e.dropResource,
-                      "drop-text": e.dropText,
-                      "drop-icon": e.dropIcon,
-                      "can-edit": Oe.value && ge.value && I.value,
-                      "edit-text": e.editText,
-                      "edit-icon": e.editIcon,
-                      "edit-link": e.editLink,
-                      "edit-mode-enabled": I.value,
-                      "has-inline-edit-perm": He.value,
-                      "row-display-type": e.rowDisplayType,
-                      "render-drag": (W = e.drag) == null ? void 0 : W.canRender,
-                      "disabled-drag": (J = e.drag) == null ? void 0 : J.isDisabled,
-                      onClick: We,
-                      onShow: ze,
-                      onItemUp: $t,
-                      onItemDown: Rt,
-                      onItemDrop: Te
-                    }, tt({ _: 2 }, [
-                      v(o)[`item-${y}`] ? {
-                        name: `item-${y}`,
-                        fn: L((Y) => [
-                          w(e.$slots, `item-${y}`, ae({
-                            [e.slotItemVar || ""]: Y.item,
-                            index: y
-                          }))
-                        ]),
-                        key: "0"
-                      } : v(o).item ? {
-                        name: "item",
-                        fn: L((Y) => [
-                          w(e.$slots, "item", ae({
-                            [e.slotItemVar || ""]: Y.item,
-                            index: y
-                          }))
-                        ]),
-                        key: "1"
-                      } : void 0,
-                      z(Fe.value, (Y) => ({
-                        name: Y,
-                        fn: L((Re) => [
-                          w(e.$slots, Y, ae({
-                            [e.slotItemVar || ""]: Re.item,
-                            value: Re.value,
-                            column: Re.column
-                          }))
-                        ])
-                      }))
-                    ]), 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", "has-inline-edit-perm", "row-display-type", "render-drag", "disabled-drag"])), [
-                      [ye, $e(l.value[y])]
-                    ]);
-                  }), 128)),
-                  Se.value.length > 0 ? (u(!0), s(P, { key: 0 }, z(l.value, (h, y) => (u(), B(cl, {
+                  (u(!0), s(N, null, G(l.value, (B, y) => be((u(), S(yl, {
+                    modelValue: l.value[y],
+                    "onUpdate:modelValue": (L) => l.value[y] = L,
+                    key: Me(B, y),
+                    i: y,
+                    "display-hidden-columns-indicator": Fe.value,
+                    "is-draggable": Je(B),
+                    sortable: Te.value,
+                    "visible-columns": he.value,
+                    "empty-columns": Ie.value,
+                    "add-navigation": e.addNavigation,
+                    "hidden-is-visible": We(y),
+                    "latest-row": y + 1 === St.value,
+                    "can-drop": de.value && I.value,
+                    "can-edit": je.value && re.value && I.value,
+                    "edit-text": e.editText,
+                    "edit-icon": e.editIcon,
+                    "edit-link": e.editLink,
+                    "edit-mode-enabled": I.value,
+                    "has-inline-edit-perm": He.value,
+                    "row-display-type": e.rowDisplayType,
+                    "render-drag": Kt.value,
+                    "disabled-drag": Wt.value,
+                    onClick: ze,
+                    onShow: Ge,
+                    onItemUp: Ot,
+                    onItemDown: Ut,
+                    onItemDrop: $e
+                  }, at({ _: 2 }, [
+                    c(a)[`item-${y}`] ? {
+                      name: `item-${y}`,
+                      fn: P((L) => [
+                        $(e.$slots, `item-${y}`, oe({
+                          [e.slotItemVar || ""]: L.item,
+                          index: y
+                        }))
+                      ]),
+                      key: "0"
+                    } : c(a).item ? {
+                      name: "item",
+                      fn: P((L) => [
+                        $(e.$slots, "item", oe({
+                          [e.slotItemVar || ""]: L.item,
+                          index: y
+                        }))
+                      ]),
+                      key: "1"
+                    } : void 0,
+                    G(Oe.value, (L) => ({
+                      name: L,
+                      fn: P((z) => [
+                        $(e.$slots, L, oe({
+                          [e.slotItemVar || ""]: z.item,
+                          value: z.value,
+                          column: z.column
+                        }))
+                      ])
+                    }))
+                  ]), 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", "can-edit", "edit-text", "edit-icon", "edit-link", "edit-mode-enabled", "has-inline-edit-perm", "row-display-type", "render-drag", "disabled-drag"])), [
+                    [ke, Re(l.value[y])]
+                  ])), 128)),
+                  Ve.value.length > 0 ? (u(!0), s(N, { key: 0 }, G(l.value, (B, y) => (u(), S(Bl, {
                     modelValue: l.value[y],
-                    "onUpdate:modelValue": (W) => l.value[y] = W,
-                    key: we(h, y, !0),
+                    "onUpdate:modelValue": (L) => l.value[y] = L,
+                    key: Me(B, y, !0),
                     i: y,
-                    "hidden-columns": Se.value,
-                    "hidden-columns-col-span": ft.value,
-                    "is-draggable": Ge(h),
-                    sortable: Ee.value,
-                    "visible-columns": ke.value,
-                    "empty-columns": De.value,
-                    "hidden-is-visible": je(y),
+                    "hidden-columns": Ve.value,
+                    "hidden-columns-col-span": gt.value,
+                    "is-draggable": Je(B),
+                    sortable: Te.value,
+                    "visible-columns": he.value,
+                    "empty-columns": Ie.value,
+                    "hidden-is-visible": We(y),
                     "edit-mode-enabled": I.value,
                     "has-inline-edit-perm": He.value,
-                    onClick: We,
-                    onShow: ze
-                  }, tt({ _: 2 }, [
-                    z(Fe.value, (W) => ({
-                      name: W,
-                      fn: L((J) => [
-                        w(e.$slots, W, ae({
-                          [e.slotItemVar || ""]: J.item,
-                          value: J.value,
-                          column: J.column
+                    onClick: ze,
+                    onShow: Ge
+                  }, at({ _: 2 }, [
+                    G(Oe.value, (L) => ({
+                      name: L,
+                      fn: P((z) => [
+                        $(e.$slots, L, oe({
+                          [e.slotItemVar || ""]: z.item,
+                          value: z.value,
+                          column: z.column
                         }))
                       ])
                     }))
                   ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible", "edit-mode-enabled", "has-inline-edit-perm"]))), 128)) : f("", !0)
-                ], 8, Tl)
-              ])) : e.type === v(ce).Item ? (u(), s("div", {
+                ], 8, Ol)
+              ])) : e.type === c(ye).Item ? (u(), s("div", {
                 key: 1,
                 ref_key: "tableBody",
                 ref: H,
-                id: "lkt-table-body-" + v(pe),
-                class: G(["lkt-table-items-container", e.itemsContainerClass])
+                id: "lkt-table-body-" + c(fe),
+                class: J(["lkt-table-items-container", e.itemsContainerClass])
               }, [
-                (u(!0), s(P, null, z(l.value, (h, y) => (u(), s(P, null, [
-                  $e(h) ? (u(), s("div", {
+                (u(!0), s(N, null, G(l.value, (B, y) => (u(), s(N, null, [
+                  Re(B) ? (u(), s("div", {
                     class: "lkt-table-item",
                     "data-i": y,
-                    key: we(h, y)
+                    key: Me(B, y)
                   }, [
-                    w(e.$slots, "item", ae({
-                      [e.slotItemVar || ""]: h,
+                    $(e.$slots, "item", oe({
+                      [e.slotItemVar || ""]: B,
                       index: y,
                       editing: I.value,
-                      canCreate: me.value,
+                      canCreate: ce.value,
                       canRead: Ae.value,
-                      canUpdate: ge.value,
-                      canDrop: he.value,
-                      isLoading: E.value,
-                      doDrop: () => Te(y)
+                      canUpdate: re.value,
+                      canDrop: de.value,
+                      isLoading: w.value,
+                      doDrop: () => $e(y)
                     }))
-                  ], 8, $l)) : f("", !0)
+                  ], 8, Al)) : f("", !0)
                 ], 64))), 256))
-              ], 10, wl)) : Lt.value ? (u(), B(X(e.type), {
+              ], 10, Ul)) : jt.value ? (u(), S(Y(e.type), {
                 key: 2,
-                class: G(["lkt-table-items-container", e.itemsContainerClass])
+                class: J(["lkt-table-items-container", e.itemsContainerClass])
               }, {
-                default: L(() => [
-                  (u(!0), s(P, null, z(l.value, (h, y) => (u(), s(P, null, [
-                    $e(h) ? (u(), s("li", {
+                default: P(() => [
+                  (u(!0), s(N, null, G(l.value, (B, y) => (u(), s(N, null, [
+                    Re(B) ? (u(), s("li", {
                       key: 0,
                       class: "lkt-table-item",
                       "data-i": y
                     }, [
-                      w(e.$slots, "item", ae({
-                        [e.slotItemVar || ""]: h,
+                      $(e.$slots, "item", oe({
+                        [e.slotItemVar || ""]: B,
                         index: y,
                         editing: I.value,
-                        canCreate: me.value,
+                        canCreate: ce.value,
                         canRead: Ae.value,
-                        canUpdate: ge.value,
-                        canDrop: he.value,
-                        isLoading: E.value,
-                        doDrop: () => Te(y)
+                        canUpdate: re.value,
+                        canDrop: de.value,
+                        isLoading: w.value,
+                        doDrop: () => $e(y)
                       }))
-                    ], 8, Rl)) : f("", !0)
+                    ], 8, jl)) : f("", !0)
                   ], 64))), 256))
                 ]),
                 _: 3
               }, 8, ["class"])) : f("", !0)
             ], 512), [
-              [ye, !E.value && l.value.length > 0]
+              [ke, Mt.value]
             ]),
-            !E.value && l.value.length === 0 ? (u(), s("div", Ml, [
-              v(o).empty ? w(e.$slots, "empty", { key: 0 }) : Pt.value ? (u(), B(X(Nt.value), {
+            !w.value && l.value.length === 0 ? (u(), s("div", Hl, [
+              c(a).empty ? $(e.$slots, "empty", { key: 0 }) : Ht.value ? (u(), S(Y(qt.value), {
                 key: 1,
                 message: e.noResultsText
-              }, null, 8, ["message"])) : e.noResultsText ? (u(), s(P, { key: 2 }, [
-                oe(ne(e.noResultsText), 1)
+              }, null, 8, ["message"])) : e.noResultsText ? (u(), s(N, { key: 2 }, [
+                ne(ue(e.noResultsText), 1)
               ], 64)) : f("", !0)
             ])) : f("", !0),
-            Ce.value || v(o).bottomButtons ? (u(), s("div", Ll, [
-              Ce.value && l.value.length >= e.requiredItemsForBottomCreate ? (u(), B(at, {
+            w.value ? (u(), S(A, { key: 4 })) : f("", !0),
+            Ce.value || c(a).bottomButtons ? (u(), s("div", ql, [
+              Ce.value && l.value.length >= e.requiredItemsForBottomCreate ? (u(), S(it, {
                 key: 0,
-                config: e.createButton,
-                disabled: !xe.value || e.createDisabled,
-                onClick: Je,
-                onAppend: Qe
+                config: Ne.value,
+                disabled: !tt.value,
+                onClick: Qe,
+                onAppend: Xe
               }, null, 8, ["config", "disabled"])) : f("", !0),
-              w(e.$slots, "bottom-buttons")
+              $(e.$slots, "bottom-buttons")
             ])) : f("", !0),
-            e.resource.length > 0 ? (u(), B(j, {
+            e.paginator && Object.keys(e.paginator).length > 0 ? (u(), S(W, Z({
               key: 6,
               ref_key: "paginatorRef",
-              ref: ee,
+              ref: te
+            }, e.paginator, {
               modelValue: U.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (h) => U.value = h),
-              resource: e.resource,
-              filters: e.filters,
-              onLoading: mt,
-              onPerms: st,
-              onResponse: pt
-            }, null, 8, ["modelValue", "resource", "filters"])) : f("", !0)
+              "onUpdate:modelValue": d[1] || (d[1] = (B) => U.value = B),
+              onLoading: bt,
+              onPerms: ct,
+              onResponse: yt
+            }), null, 16, ["modelValue"])) : f("", !0)
           ]),
           _: 3
         }, 8, ["class"]))
-      ], 8, yl);
+      ], 8, Il);
     };
   }
-}), Kl = {
-  install: (n) => {
-    n.component("lkt-table") === void 0 && n.component("lkt-table", Pl);
+}), Yl = {
+  install: (o) => {
+    o.component("lkt-table") === void 0 && o.component("lkt-table", Kl);
   }
-}, Wl = (n) => ($.navButtonSlot = n, !0), zl = (n) => ($.dropButtonSlot = n, !0), Gl = (n) => ($.createButtonSlot = n, !0), Jl = (n) => {
-  $.defaultEmptySlot = n;
-}, Ql = (n) => {
-  $.defaultSaveIcon = n;
+}, Zl = (o) => (M.navButtonSlot = o, !0), xl = (o) => (M.dropButtonSlot = o, !0), ea = (o) => (M.createButtonSlot = o, !0), ta = (o) => {
+  M.defaultEmptySlot = o;
+}, la = (o) => {
+  M.defaultSaveIcon = o;
 };
 export {
-  Zl as Column,
-  jl as createColumn,
-  Kl as default,
-  Gl as setTableCreateButtonSlot,
-  zl as setTableDropButtonSlot,
-  Jl as setTableEmptySlot,
-  Wl as setTableNavButtonSlot,
-  Ql as setTableSaveIcon
+  na as Column,
+  ua as createColumn,
+  Yl as default,
+  ea as setTableCreateButtonSlot,
+  xl as setTableDropButtonSlot,
+  ta as setTableEmptySlot,
+  Zl as setTableNavButtonSlot,
+  la as setTableSaveIcon
 };