lkt-table 1.4.2 → 2.0.0

package/dist/build.js

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