lkt-table 1.4.3 → 2.0.2

package/dist/build.js

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