lkt-table 1.3.2 → 1.3.3

package/dist/build.js

@@ -1,73 +1,73 @@
-import { reactive as L, defineComponent as Q, ref as g, watch as N, computed as d, resolveComponent as K, unref as B, openBlock as r, createBlock as C, withCtx as W, createTextVNode as le, toDisplayString as O, createElementBlock as c, mergeProps as bt, Fragment as I, withModifiers as He, resolveDynamicComponent as J, createCommentVNode as v, normalizeClass as x, createElementVNode as $, createVNode as ee, renderList as j, renderSlot as U, withDirectives as ne, vShow as ue, useSlots as ht, onMounted as gt, nextTick as Ue, createSlots as We, normalizeProps as he } from "vue";
-import { Field as Ae } from "lkt-field";
-import { __ as re } from "lkt-i18n";
-import { replaceAll as je, generateRandomString as Ct } from "lkt-string-tools";
-import { DataState as St } from "lkt-data-state";
-import Bt from "sortablejs";
-import { time as fe } from "lkt-date-tools";
+import { reactive as N, defineComponent as Y, ref as g, watch as W, computed as c, resolveComponent as H, unref as C, openBlock as n, createBlock as B, withCtx as P, createTextVNode as ae, toDisplayString as Q, createElementBlock as s, mergeProps as gt, Fragment as D, withModifiers as ze, resolveDynamicComponent as X, createCommentVNode as p, normalizeClass as O, createElementVNode as R, createVNode as te, renderList as A, renderSlot as F, withDirectives as se, vShow as de, useSlots as Ct, onMounted as St, nextTick as Pe, createSlots as Ke, normalizeProps as ie } from "vue";
+import { Field as He } from "lkt-field";
+import { __ as ce } from "lkt-i18n";
+import { replaceAll as Ge, generateRandomString as Bt } from "lkt-string-tools";
+import { DataState as wt } from "lkt-data-state";
+import Dt from "sortablejs";
+import { time as ge } from "lkt-date-tools";
 class M {
-  constructor(u = {}) {
-    this.key = "", this.label = "", this.sortable = !0, this.hidden = !1, this.editable = !1, this.formatter = void 0, this.checkEmpty = void 0, this.colspan = void 0, this.preferSlot = !0, this.type = "", this.link = "", this.action = void 0, this.isForRowKey = !1, this.extractTitleFromColumn = "", this.slotData = {}, this.field = new Ae();
-    for (let i in u)
-      this[i] = u[i];
-    this.field = new Ae(this.field);
+  constructor(r = {}) {
+    this.key = "", this.label = "", this.sortable = !0, this.hidden = !1, this.editable = !1, this.formatter = void 0, this.checkEmpty = void 0, this.colspan = void 0, this.preferSlot = !0, this.type = "", this.link = "", this.action = void 0, this.isForRowKey = !1, this.extractTitleFromColumn = "", this.slotData = {}, this.field = new He();
+    for (let i in r)
+      this[i] = r[i];
+    this.field = new He(this.field);
   }
-  getHref(u) {
-    return typeof this.link == "function" ? this.link(u) : this.link;
+  getHref(r) {
+    return typeof this.link == "function" ? this.link(r) : this.link;
   }
-  doAction(u) {
+  doAction(r) {
     if (typeof this.action == "function")
-      return this.action(u);
+      return this.action(r);
     console.warn("No action defined");
   }
 }
-var D = /* @__PURE__ */ ((t) => (t.Text = "text", t.Number = "number", t.Check = "check", t.Switch = "switch", t.Select = "select", t.Email = "email", t.Tel = "tel", t.File = "file", t.Link = "link", t.Action = "action", t.Integer = "int", t.Float = "float", t))(D || {});
-const bl = (t) => L(new M(t)), hl = (t, u, i, a = !0) => L(new M({ key: t, label: u, sortable: a, type: D.Link, link: i })), gl = (t, u, i, a = !0) => L(new M({ key: t, label: u, sortable: a, type: D.Action, action: i })), Cl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Text, sortable: i })), Sl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Number, sortable: i })), Bl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Number, sortable: i })), wl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Email, sortable: i })), Dl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Tel, sortable: i })), Vl = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Check, sortable: i })), El = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.Switch, sortable: i })), Tl = (t, u, i, a = !0) => L(new M({ key: t, label: u, type: D.Select, sortable: a })), Il = (t, u, i = !0) => L(new M({ key: t, label: u, type: D.File, sortable: i })), $l = (t, u, i = !0) => L(new M({ key: t, label: u, sortable: i, hidden: !0 })), Pe = (t, u, i, a) => {
+var E = /* @__PURE__ */ ((t) => (t.Text = "text", t.Number = "number", t.Check = "check", t.Switch = "switch", t.Select = "select", t.Email = "email", t.Tel = "tel", t.File = "file", t.Link = "link", t.Action = "action", t.Integer = "int", t.Float = "float", t))(E || {});
+const Sl = (t) => N(new M(t)), Bl = (t, r, i, a = !0) => N(new M({ key: t, label: r, sortable: a, type: E.Link, link: i })), wl = (t, r, i, a = !0) => N(new M({ key: t, label: r, sortable: a, type: E.Action, action: i })), Dl = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Text, sortable: i })), Vl = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Number, sortable: i })), El = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Number, sortable: i })), Il = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Email, sortable: i })), Tl = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Tel, sortable: i })), $l = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Check, sortable: i })), Rl = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.Switch, sortable: i })), Ll = (t, r, i, a = !0) => N(new M({ key: t, label: r, type: E.Select, sortable: a })), Ml = (t, r, i = !0) => N(new M({ key: t, label: r, type: E.File, sortable: i })), Fl = (t, r, i = !0) => N(new M({ key: t, label: r, sortable: i, hidden: !0 })), je = (t, r, i, a) => {
   if (!i) return 0;
-  let n = t[i.key], l = u[i.key];
+  let u = t[i.key], l = r[i.key];
   if (a === "asc") {
-    if (n > l) return 1;
-    if (l > n) return -1;
+    if (u > l) return 1;
+    if (l > u) return -1;
   } else {
-    if (n > l) return -1;
-    if (l > n) return 1;
+    if (u > l) return -1;
+    if (l > u) return 1;
   }
   return 0;
-}, te = (t, u, i, a = []) => {
+}, le = (t, r, i, a = []) => {
   if (t.extractTitleFromColumn) {
-    let n = a.find((l) => l.key === t.extractTitleFromColumn);
-    if (n)
-      return te(n, u, i, a);
+    let u = a.find((l) => l.key === t.extractTitleFromColumn);
+    if (u)
+      return le(u, r, i, a);
   }
   if (t.formatter && typeof t.formatter == "function") {
-    let n = t.formatter(u[t.key], u, t, i);
-    return n.startsWith("__:") ? re(n.substring(3)) : n;
+    let u = t.formatter(r[t.key], r, t, i);
+    return u.startsWith("__:") ? ce(u.substring(3)) : u;
   }
-  return u[t.key];
-}, wt = (t, u, i) => {
+  return r[t.key];
+}, Vt = (t, r, i) => {
   if (!t.colspan) return -1;
-  let a = u;
-  return i.forEach((n) => {
-    let l = ge(t, n);
+  let a = r;
+  return i.forEach((u) => {
+    let l = Ve(t, u);
     l > 0 && l < a && (a = l);
   }), a;
-}, ge = (t, u) => t.colspan === !1 ? !1 : typeof t.colspan == "function" ? t.colspan(u) : t.colspan, Dt = (t, u) => typeof t.preferSlot > "u" ? !0 : t.preferSlot === !1 ? !1 : typeof t.preferSlot == "function" ? t.preferSlot(u) : !0, Vt = (t, u, i) => {
-  if (typeof t != "object" || !t.key || u.indexOf(t.key) > -1) return !1;
-  let a = ge(t, i);
+}, Ve = (t, r) => t.colspan === !1 ? !1 : typeof t.colspan == "function" ? t.colspan(r) : t.colspan, Et = (t, r) => typeof t.preferSlot > "u" ? !0 : t.preferSlot === !1 ? !1 : typeof t.preferSlot == "function" ? t.preferSlot(r) : !0, It = (t, r, i) => {
+  if (typeof t != "object" || !t.key || r.indexOf(t.key) > -1) return !1;
+  let a = Ve(t, i);
   return typeof t.colspan > "u" ? !0 : (typeof t.colspan < "u" && (typeof t.colspan == "function" ? a = parseInt(t.colspan(i)) : a = parseInt(t.colspan)), a > 0);
-}, Et = (t = []) => {
+}, Tt = (t = []) => {
   if (t.length > 0) {
-    for (let u = 0; u < t.length; ++u)
-      if (t[u].sortable) return t[u].key;
+    for (let r = 0; r < t.length; ++r)
+      if (t[r].sortable) return t[r].key;
   }
   return "";
-}, Tt = (t, u) => {
+}, $t = (t, r) => {
   if (t.length > 0) {
     for (let i = 0; i < t.length; ++i)
-      if (t[i].key === u) return t[i];
+      if (t[i].key === r) return t[i];
   }
   return null;
-}, qe = /* @__PURE__ */ Q({
+}, Je = /* @__PURE__ */ Y({
   __name: "LktTableCell",
   props: {
     modelValue: { default: () => ({}) },
@@ -77,90 +77,90 @@ const bl = (t) => L(new M(t)), hl = (t, u, i, a = !0) => L(new M({ key: t, label
     editModeEnabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: u }) {
-    const i = u, a = t, n = g(a.modelValue), l = g(n.value[a.column.key]), k = g(null);
-    N(l, (f) => {
-      const o = JSON.parse(JSON.stringify(n.value));
+  setup(t, { emit: r }) {
+    const i = r, a = t, u = g(a.modelValue), l = g(u.value[a.column.key]), k = g(null);
+    W(l, (f) => {
+      const o = JSON.parse(JSON.stringify(u.value));
       o[a.column.key] = f, i("update:modelValue", o);
-    }), N(() => a.modelValue, (f) => {
-      n.value = f, l.value = n.value[a.column.key];
+    }), W(() => a.modelValue, (f) => {
+      u.value = f, l.value = u.value[a.column.key];
     });
-    const w = d(() => ({ ...a.column.slotData, item: n.value })), h = d(() => {
-      var f, o, p, b;
+    const V = c(() => ({ ...a.column.slotData, item: u.value })), h = c(() => {
+      var f, o, v, b;
       if ((f = a.column.field) != null && f.modalData && typeof ((o = a.column.field) == null ? void 0 : o.modalData) == "object")
         for (let y in a.column.field.modalData)
-          if (typeof ((p = a.column.field) == null ? void 0 : p.modalData[y]) == "string" && a.column.field.modalData[y].startsWith("prop:")) {
-            let X = a.column.field.modalData[y].substring(5);
-            n.value[X];
+          if (typeof ((v = a.column.field) == null ? void 0 : v.modalData[y]) == "string" && a.column.field.modalData[y].startsWith("prop:")) {
+            let Z = a.column.field.modalData[y].substring(5);
+            u.value[Z];
           } else
             a.column.field.modalData[y];
       return (b = a.column.field) == null ? void 0 : b.modalData;
-    }), V = d(() => {
-      var f, o, p;
+    }), I = c(() => {
+      var f, o, v;
       if ((f = a.column.field) != null && f.modalKey.startsWith("prop:")) {
         let b = (o = a.column.field) == null ? void 0 : o.modalKey.substring(5);
-        return n.value[b];
+        return u.value[b];
       }
-      return (p = a.column.field) == null ? void 0 : p.modalKey;
-    }), s = d(() => {
-      var f, o, p, b;
+      return (v = a.column.field) == null ? void 0 : v.modalKey;
+    }), d = c(() => {
+      var f, o, v, b;
       if (typeof ((f = a.column.field) == null ? void 0 : f.icon) == "string" && ((o = a.column.field) != null && o.icon.startsWith("prop:"))) {
-        let y = (p = a.column.field) == null ? void 0 : p.icon.substring(5);
-        return n.value[y];
+        let y = (v = a.column.field) == null ? void 0 : v.icon.substring(5);
+        return u.value[y];
       }
       return (b = a.column.field) == null ? void 0 : b.icon;
-    }), q = d(() => {
-      var f, o, p, b;
+    }), q = c(() => {
+      var f, o, v, b;
       if (typeof ((f = a.column.field) == null ? void 0 : f.download) == "string" && ((o = a.column.field) != null && o.download.startsWith("prop:"))) {
-        let y = (p = a.column.field) == null ? void 0 : p.download.substring(5);
-        return n.value[y];
+        let y = (v = a.column.field) == null ? void 0 : v.download.substring(5);
+        return u.value[y];
       }
       return (b = a.column.field) == null ? void 0 : b.download;
-    }), ae = d(() => {
-      var f, o, p;
+    }), oe = c(() => {
+      var f, o, v;
       if (typeof ((f = a.column.field) == null ? void 0 : f.options) == "string" && ((o = a.column.field) != null && o.options.startsWith("prop:"))) {
-        let b = (p = a.column.field) == null ? void 0 : p.options.substring(5);
-        return n.value[b];
+        let b = (v = a.column.field) == null ? void 0 : v.options.substring(5);
+        return u.value[b];
       }
       return a.column.field.options;
-    }), A = d(() => [D.Integer, D.Float].includes(a.column.type) ? D.Number : a.column.type);
+    }), K = c(() => [E.Integer, E.Float].includes(a.column.type) ? E.Number : a.column.type);
     return (f, o) => {
-      const p = K("lkt-anchor"), b = K("lkt-field");
-      return f.column.type === B(D).Link ? (r(), C(p, {
+      const v = H("lkt-anchor"), b = H("lkt-field");
+      return f.column.type === C(E).Link ? (n(), B(v, {
         key: 0,
-        to: f.column.getHref(n.value)
+        to: f.column.getHref(u.value)
       }, {
-        default: W(() => [
-          le(O(B(te)(f.column, n.value, f.i)), 1)
+        default: P(() => [
+          ae(Q(C(le)(f.column, u.value, f.i)), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : f.column.type === B(D).Action ? (r(), c("a", {
+      }, 8, ["to"])) : f.column.type === C(E).Action ? (n(), s("a", {
         key: 1,
         href: "#",
-        onClick: o[0] || (o[0] = (y) => f.column.doAction(n.value))
-      }, O(B(te)(f.column, n.value, f.i)), 1)) : f.column.type !== "" ? (r(), C(b, bt({ key: 2 }, f.column.field, {
-        icon: s.value,
+        onClick: o[0] || (o[0] = (y) => f.column.doAction(u.value))
+      }, Q(C(le)(f.column, u.value, f.i)), 1)) : f.column.type !== "" ? (n(), B(b, gt({ key: 2 }, f.column.field, {
+        icon: d.value,
         download: q.value,
-        type: A.value,
+        type: K.value,
         "read-mode": !f.column.editable || !f.editModeEnabled,
         ref: (y) => k.value = y,
-        "slot-data": w.value,
+        "slot-data": V.value,
         label: f.column.type === "switch" || f.column.type === "check" ? f.column.label : "",
-        "modal-key": V.value,
+        "modal-key": I.value,
         "modal-data": h.value,
-        options: ae.value,
+        options: oe.value,
         modelValue: l.value,
         "onUpdate:modelValue": o[1] || (o[1] = (y) => l.value = y)
-      }), null, 16, ["icon", "download", "type", "read-mode", "slot-data", "label", "modal-key", "modal-data", "options", "modelValue"])) : (r(), c(I, { key: 3 }, [
-        le(O(B(te)(f.column, n.value, f.i, f.columns)), 1)
+      }), null, 16, ["icon", "download", "type", "read-mode", "slot-data", "label", "modal-key", "modal-data", "options", "modelValue"])) : (n(), s(D, { key: 3 }, [
+        ae(Q(C(le)(f.column, u.value, f.i, f.columns)), 1)
       ], 64));
     };
   }
-}), Z = class Z {
+}), x = class x {
 };
-Z.navButtonSlot = "", Z.dropButtonSlot = "", Z.editButtonSlot = "", Z.createButtonSlot = "", Z.defaultEmptySlot = void 0;
-let T = Z;
-const It = /* @__PURE__ */ Q({
+x.navButtonSlot = "", x.dropButtonSlot = "", x.editButtonSlot = "", x.createButtonSlot = "", x.defaultEmptySlot = void 0;
+let $ = x;
+const Rt = /* @__PURE__ */ Y({
   __name: "DropButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -171,11 +171,11 @@ const It = /* @__PURE__ */ Q({
     resourceData: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(t, { emit: u }) {
-    const i = u, a = d(() => T.dropButtonSlot !== ""), n = d(() => T.dropButtonSlot);
+  setup(t, { emit: r }) {
+    const i = r, a = c(() => $.dropButtonSlot !== ""), u = c(() => $.dropButtonSlot);
     return (l, k) => {
-      const w = K("lkt-button");
-      return r(), C(w, {
+      const V = H("lkt-button");
+      return n(), B(V, {
         palette: "table-delete",
         icon: a.value ? "" : l.icon,
         text: a.value ? "" : l.text,
@@ -183,16 +183,16 @@ const It = /* @__PURE__ */ Q({
         "resource-data": l.resourceData,
         "confirm-modal": l.confirm,
         disabled: l.disabled,
-        onClick: k[0] || (k[0] = He((h) => i("click"), ["prevent", "stop"]))
+        onClick: k[0] || (k[0] = ze((h) => i("click"), ["prevent", "stop"]))
       }, {
-        default: W(() => [
-          a.value ? (r(), C(J(n.value), { key: 0 })) : v("", !0)
+        default: P(() => [
+          a.value ? (n(), B(X(u.value), { key: 0 })) : p("", !0)
         ]),
         _: 1
       }, 8, ["icon", "text", "resource", "resource-data", "confirm-modal", "disabled"]);
     };
   }
-}), $t = /* @__PURE__ */ Q({
+}), Lt = /* @__PURE__ */ Y({
   __name: "EditButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -204,11 +204,11 @@ const It = /* @__PURE__ */ Q({
     resourceData: { default: () => ({}) }
   },
   emits: ["click"],
-  setup(t, { emit: u }) {
-    const i = u, a = d(() => T.editButtonSlot !== ""), n = d(() => T.editButtonSlot);
+  setup(t, { emit: r }) {
+    const i = r, a = c(() => $.editButtonSlot !== ""), u = c(() => $.editButtonSlot);
     return (l, k) => {
-      const w = K("lkt-button");
-      return r(), C(w, {
+      const V = H("lkt-button");
+      return n(), B(V, {
         palette: "table-delete",
         icon: a.value ? "" : l.icon,
         text: a.value ? "" : l.text,
@@ -218,28 +218,28 @@ const It = /* @__PURE__ */ Q({
         "resource-data": l.resourceData,
         "confirm-modal": l.confirm,
         disabled: l.disabled,
-        onClick: k[0] || (k[0] = He((h) => i("click"), ["prevent", "stop"]))
+        onClick: k[0] || (k[0] = ze((h) => i("click"), ["prevent", "stop"]))
       }, {
-        default: W(() => [
-          a.value ? (r(), C(J(n.value), { key: 0 })) : v("", !0)
+        default: P(() => [
+          a.value ? (n(), B(X(u.value), { key: 0 })) : p("", !0)
         ]),
         _: 1
       }, 8, ["icon", "text", "on-click-to", "is-anchor", "resource", "resource-data", "confirm-modal", "disabled"]);
     };
   }
-}), Rt = ["data-i", "data-draggable"], Mt = {
+}), Mt = ["data-i", "data-draggable"], Ft = {
   key: 1,
   "data-role": "invalid-drag-indicator"
-}, Lt = {
+}, Nt = {
   key: 2,
   class: "lkt-table-nav-cell"
-}, Ft = { class: "lkt-table-nav-container" }, Nt = ["data-column", "colspan", "title", "onClick"], Ut = {
+}, Ut = { class: "lkt-table-nav-container" }, Wt = ["data-column", "colspan", "title", "onClick"], At = {
   key: 4,
   class: "lkt-table-col-drop"
-}, Wt = {
+}, Pt = {
   key: 5,
   class: "lkt-table-col-edit"
-}, At = /* @__PURE__ */ Q({
+}, Kt = /* @__PURE__ */ Y({
   __name: "LktTableRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -264,125 +264,125 @@ const It = /* @__PURE__ */ Q({
     editLink: { default: "" }
   },
   emits: ["update:modelValue", "click", "show", "item-up", "item-down", "item-drop"],
-  setup(t, { emit: u }) {
-    const i = u, a = t, n = g(a.modelValue), l = g(a.editLink);
-    for (let o in n.value) l.value = je(l.value, ":" + o, n.value[o]);
-    const k = (o) => i("click", o), w = (o, p) => {
-      i("show", o, p);
-    }, h = d(() => {
+  setup(t, { emit: r }) {
+    const i = r, a = t, u = g(a.modelValue), l = g(a.editLink);
+    for (let o in u.value) l.value = Ge(l.value, ":" + o, u.value[o]);
+    const k = (o) => i("click", o), V = (o, v) => {
+      i("show", o, v);
+    }, h = c(() => {
       let o = [];
       return a.sortable && a.isDraggable && o.push("handle"), o.join(" ");
-    }), V = d(() => T.navButtonSlot !== ""), s = d(() => T.navButtonSlot), q = () => {
+    }), I = c(() => $.navButtonSlot !== ""), d = c(() => $.navButtonSlot), q = () => {
       i("item-up", a.i);
-    }, ae = () => {
+    }, oe = () => {
       i("item-down", a.i);
-    }, A = () => {
+    }, K = () => {
       i("item-drop", a.i);
     }, f = () => {
     };
-    return N(() => a.modelValue, (o) => n.value = o), N(n, (o) => {
+    return W(() => a.modelValue, (o) => u.value = o), W(u, (o) => {
       i("update:modelValue", o, a.i);
-    }, { deep: !0 }), (o, p) => {
-      const b = K("lkt-button");
-      return r(), c("tr", {
+    }, { deep: !0 }), (o, v) => {
+      const b = H("lkt-button");
+      return n(), s("tr", {
         "data-i": o.i,
         "data-draggable": o.isDraggable
       }, [
-        o.sortable && o.isDraggable && o.editModeEnabled ? (r(), c("td", {
+        o.sortable && o.isDraggable && o.editModeEnabled ? (n(), s("td", {
           key: 0,
           "data-role": "drag-indicator",
-          class: x(h.value)
-        }, null, 2)) : o.sortable && o.editModeEnabled ? (r(), c("td", Mt)) : v("", !0),
-        o.addNavigation && o.editModeEnabled ? (r(), c("td", Lt, [
-          $("div", Ft, [
-            ee(b, {
+          class: O(h.value)
+        }, null, 2)) : o.sortable && o.editModeEnabled ? (n(), s("td", Ft)) : p("", !0),
+        o.addNavigation && o.editModeEnabled ? (n(), s("td", Nt, [
+          R("div", Ut, [
+            te(b, {
               palette: "table-nav",
               disabled: o.i === 0,
               onClick: q
             }, {
-              default: W(() => [
-                V.value ? (r(), C(J(s.value), {
+              default: P(() => [
+                I.value ? (n(), B(X(d.value), {
                   key: 0,
                   direction: "up"
-                })) : (r(), c(I, { key: 1 }, [
-                  p[2] || (p[2] = $("i", { class: "" }, null, -1)),
-                  p[3] || (p[3] = le(" UP "))
+                })) : (n(), s(D, { key: 1 }, [
+                  v[2] || (v[2] = R("i", { class: "" }, null, -1)),
+                  v[3] || (v[3] = ae(" UP "))
                 ], 64))
               ]),
               _: 1
             }, 8, ["disabled"]),
-            ee(b, {
+            te(b, {
               palette: "table-nav",
               disabled: o.latestRow,
-              onClick: ae
+              onClick: oe
             }, {
-              default: W(() => [
-                V.value ? (r(), C(J(s.value), {
+              default: P(() => [
+                I.value ? (n(), B(X(d.value), {
                   key: 0,
                   direction: "down"
-                })) : (r(), c(I, { key: 1 }, [
-                  p[4] || (p[4] = $("i", { class: "" }, null, -1)),
-                  p[5] || (p[5] = le(" DOWN "))
+                })) : (n(), s(D, { key: 1 }, [
+                  v[4] || (v[4] = R("i", { class: "" }, null, -1)),
+                  v[5] || (v[5] = ae(" DOWN "))
                 ], 64))
               ]),
               _: 1
             }, 8, ["disabled"])
           ])
-        ])) : v("", !0),
-        o.displayHiddenColumnsIndicator ? (r(), c("td", {
+        ])) : p("", !0),
+        o.displayHiddenColumnsIndicator ? (n(), s("td", {
           key: 3,
-          onClick: p[0] || (p[0] = (y) => w(y, o.i)),
+          onClick: v[0] || (v[0] = (y) => V(y, o.i)),
           "data-role": "show-more",
-          class: x(o.hiddenIsVisible ? "state-open" : "")
-        }, null, 2)) : v("", !0),
-        (r(!0), c(I, null, j(o.visibleColumns, (y) => (r(), c(I, null, [
-          B(Vt)(y, o.emptyColumns, n.value) ? (r(), c("td", {
+          class: O(o.hiddenIsVisible ? "state-open" : "")
+        }, null, 2)) : p("", !0),
+        (n(!0), s(D, null, A(o.visibleColumns, (y) => (n(), s(D, null, [
+          C(It)(y, o.emptyColumns, u.value) ? (n(), s("td", {
             key: "td" + o.i,
             "data-column": y.key,
-            colspan: B(ge)(y, n.value),
-            title: B(te)(y, n.value, o.i, o.visibleColumns),
-            onClick: (X) => k(X, n.value)
+            colspan: C(Ve)(y, u.value),
+            title: C(le)(y, u.value, o.i, o.visibleColumns),
+            onClick: (Z) => k(Z, u.value)
           }, [
-            o.$slots[y.key] && B(Dt)(y, n.value) ? U(o.$slots, y.key, {
+            o.$slots[y.key] && C(Et)(y, u.value) ? F(o.$slots, y.key, {
               key: 0,
-              value: n.value[y.key],
-              item: n.value,
+              value: u.value[y.key],
+              item: u.value,
               column: y,
               i: o.i
-            }) : n.value ? (r(), C(qe, {
+            }) : u.value ? (n(), B(Je, {
               key: 1,
-              modelValue: n.value,
-              "onUpdate:modelValue": p[1] || (p[1] = (X) => n.value = X),
+              modelValue: u.value,
+              "onUpdate:modelValue": v[1] || (v[1] = (Z) => u.value = Z),
               column: y,
               columns: o.visibleColumns,
               "edit-mode-enabled": o.editModeEnabled,
               i: o.i
-            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "i"])) : v("", !0)
-          ], 8, Nt)) : v("", !0)
+            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "i"])) : p("", !0)
+          ], 8, Wt)) : p("", !0)
         ], 64))), 256)),
-        o.canDrop && o.editModeEnabled ? (r(), c("td", Ut, [
-          ee(It, {
+        o.canDrop && o.editModeEnabled ? (n(), s("td", At, [
+          te(Rt, {
             resource: o.dropResource,
-            "resource-data": n.value,
+            "resource-data": u.value,
             confirm: o.dropConfirm,
             text: o.dropText,
             icon: o.dropIcon,
-            onClick: A
+            onClick: K
           }, null, 8, ["resource", "resource-data", "confirm", "text", "icon"])
-        ])) : v("", !0),
-        o.canEdit && o.editModeEnabled ? (r(), c("td", Wt, [
-          ee($t, {
-            "resource-data": n.value,
+        ])) : p("", !0),
+        o.canEdit && o.editModeEnabled ? (n(), s("td", Pt, [
+          te(Lt, {
+            "resource-data": u.value,
             text: o.editText,
             icon: o.editIcon,
             link: l.value,
             onClick: f
           }, null, 8, ["resource-data", "text", "icon", "link"])
-        ])) : v("", !0)
-      ], 8, Rt);
+        ])) : p("", !0)
+      ], 8, Mt);
     };
   }
-}), Pt = { "data-role": "hidden-row" }, Kt = ["colspan"], Ht = ["data-column"], jt = ["data-i"], qt = ["data-column", "title", "onClick"], zt = /* @__PURE__ */ Q({
+}), Ht = { "data-role": "hidden-row" }, jt = ["colspan"], qt = ["data-column"], zt = ["data-i"], Gt = ["data-column", "title", "onClick"], Jt = /* @__PURE__ */ Y({
   __name: "LktHiddenRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -396,47 +396,47 @@ const It = /* @__PURE__ */ Q({
     emptyColumns: { default: () => [] }
   },
   emits: ["update:modelValue", "click"],
-  setup(t, { emit: u }) {
-    const i = u, a = t, n = g(a.modelValue), l = (k) => i("click", k);
-    return N(() => a.modelValue, (k) => n.value = k), N(n, () => i("update:modelValue", n.value)), (k, w) => ne((r(), c("tr", Pt, [
-      $("td", { colspan: k.hiddenColumnsColSpan }, [
-        $("table", null, [
-          $("tr", null, [
-            (r(!0), c(I, null, j(k.hiddenColumns, (h) => (r(), c("th", {
+  setup(t, { emit: r }) {
+    const i = r, a = t, u = g(a.modelValue), l = (k) => i("click", k);
+    return W(() => a.modelValue, (k) => u.value = k), W(u, () => i("update:modelValue", u.value)), (k, V) => se((n(), s("tr", Ht, [
+      R("td", { colspan: k.hiddenColumnsColSpan }, [
+        R("table", null, [
+          R("tr", null, [
+            (n(!0), s(D, null, A(k.hiddenColumns, (h) => (n(), s("th", {
               "data-column": h.key
             }, [
-              $("div", null, O(h.label), 1)
-            ], 8, Ht))), 256))
+              R("div", null, Q(h.label), 1)
+            ], 8, qt))), 256))
           ]),
-          $("tr", { "data-i": k.i }, [
-            (r(!0), c(I, null, j(k.hiddenColumns, (h, V) => (r(), c("td", {
+          R("tr", { "data-i": k.i }, [
+            (n(!0), s(D, null, A(k.hiddenColumns, (h, I) => (n(), s("td", {
               "data-column": h.key,
-              title: B(te)(h, n.value, V, k.hiddenColumns),
-              onClick: (s) => l(s, n.value)
+              title: C(le)(h, u.value, I, k.hiddenColumns),
+              onClick: (d) => l(d, u.value)
             }, [
-              k.$slots[h.key] ? U(k.$slots, h.key, {
+              k.$slots[h.key] ? F(k.$slots, h.key, {
                 key: 0,
-                value: n.value[h.key],
-                item: n.value,
+                value: u.value[h.key],
+                item: u.value,
                 column: h,
-                i: V
-              }) : (r(), C(qe, {
+                i: I
+              }) : (n(), B(Je, {
                 key: 1,
                 column: h,
                 columns: k.hiddenColumns,
-                modelValue: n.value,
-                "onUpdate:modelValue": w[0] || (w[0] = (s) => n.value = s),
-                i: V
+                modelValue: u.value,
+                "onUpdate:modelValue": V[0] || (V[0] = (d) => u.value = d),
+                i: I
               }, null, 8, ["column", "columns", "modelValue", "i"]))
-            ], 8, qt))), 256))
-          ], 8, jt)
+            ], 8, Gt))), 256))
+          ], 8, zt)
         ])
-      ], 8, Kt)
+      ], 8, jt)
     ], 512)), [
-      [ue, k.hiddenIsVisible]
+      [de, k.hiddenIsVisible]
     ]);
   }
-}), Ke = /* @__PURE__ */ Q({
+}), qe = /* @__PURE__ */ Y({
   __name: "CreateButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -445,11 +445,11 @@ const It = /* @__PURE__ */ Q({
     to: { default: "" }
   },
   emits: ["click"],
-  setup(t, { emit: u }) {
-    const i = u, a = d(() => T.createButtonSlot !== ""), n = d(() => T.createButtonSlot);
+  setup(t, { emit: r }) {
+    const i = r, a = c(() => $.createButtonSlot !== ""), u = c(() => $.createButtonSlot);
     return (l, k) => {
-      const w = K("lkt-button");
-      return r(), C(w, {
+      const V = H("lkt-button");
+      return n(), B(V, {
         palette: "table-create",
         disabled: l.disabled,
         icon: a.value ? "" : l.icon,
@@ -457,14 +457,14 @@ const It = /* @__PURE__ */ Q({
         "on-click-to": l.to,
         onClick: k[0] || (k[0] = (h) => i("click"))
       }, {
-        default: W(() => [
-          a.value ? (r(), C(J(n.value), { key: 0 })) : v("", !0)
+        default: P(() => [
+          a.value ? (n(), B(X(u.value), { key: 0 })) : p("", !0)
         ]),
         _: 1
       }, 8, ["disabled", "icon", "text", "on-click-to"]);
     };
   }
-}), Gt = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Ot = /* @__PURE__ */ Q({
+}), Ot = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Qt = /* @__PURE__ */ Y({
   __name: "TableHeader",
   props: {
     column: { default: () => ({}) },
@@ -474,49 +474,58 @@ const It = /* @__PURE__ */ Q({
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(t, { emit: u }) {
-    const i = u, a = t, n = d(() => wt(a.column, a.amountOfColumns, a.items)), l = d(() => a.column.sortable === !0), k = d(() => l.value && a.sortBy === a.column.key ? a.sortDirection : ""), w = d(() => a.column.label.startsWith("__:") ? re(a.column.label.substring(3)) : a.column.label), h = () => i("click", a.column);
-    return (V, s) => (r(), c("th", {
-      "data-column": V.column.key,
+  setup(t, { emit: r }) {
+    const i = r, a = t, u = c(() => Vt(a.column, a.amountOfColumns, a.items)), l = c(() => a.column.sortable === !0), k = c(() => l.value && a.sortBy === a.column.key ? a.sortDirection : ""), V = c(() => a.column.label.startsWith("__:") ? ce(a.column.label.substring(3)) : a.column.label), h = () => i("click", a.column);
+    return (I, d) => (n(), s("th", {
+      "data-column": I.column.key,
       "data-sortable": l.value,
       "data-sort": k.value,
-      colspan: n.value,
-      title: w.value,
+      colspan: u.value,
+      title: V.value,
       onClick: h
     }, [
-      $("div", null, O(w.value), 1)
-    ], 8, Gt));
+      R("div", null, Q(V.value), 1)
+    ], 8, Ot));
   }
-}), Jt = ["id"], Qt = { class: "lkt-table-page-buttons" }, Xt = { key: 1 }, Yt = { class: "switch-edition-mode" }, Zt = {
+});
+var J = /* @__PURE__ */ ((t) => (t.Table = "table", t.Item = "item", t.Ul = "ul", t.Ol = "ol", t))(J || {});
+const Xt = ["id"], Yt = { class: "lkt-table-page-buttons" }, Zt = { key: 1 }, _t = { class: "switch-edition-mode" }, xt = {
   key: 0,
   class: "lkt-table-page-buttons"
-}, _t = {
+}, el = {
   key: 1,
   class: "lkt-table-page-filters"
-}, xt = ["data-sortable"], el = { key: 0 }, tl = {
+}, tl = ["data-sortable"], ll = { key: 0 }, al = {
   key: 0,
   "data-role": "drag-indicator"
-}, ll = { key: 1 }, al = { key: 2 }, ol = {
+}, ol = { key: 1 }, nl = { key: 2 }, ul = {
   key: 3,
   class: "lkt-table-col-drop"
-}, nl = {
+}, rl = {
   key: 4,
   class: "lkt-table-col-edit"
-}, ul = ["id"], rl = {
+}, il = ["id"], sl = {
+  key: 0,
+  class: "lkt-table-item"
+}, dl = {
+  key: 0,
+  class: "lkt-table-item"
+}, cl = {
   key: 0,
   class: "lkt-table-item"
-}, il = {
+}, fl = {
   key: 3,
   class: "lkt-table-empty"
-}, sl = {
+}, ml = {
   key: 4,
   class: "lkt-table-page-buttons lkt-table-page-buttons-bottom"
-}, dl = /* @__PURE__ */ Q({
+}, pl = /* @__PURE__ */ Y({
   __name: "LktTable",
   props: {
     modelValue: { default: () => [] },
+    type: { default: J.Table },
     columns: { default: () => [] },
-    sorter: { type: Function, default: Pe },
+    sorter: { type: Function, default: je },
     draggableChecker: { type: Function, default: (t) => !0 },
     checkValidDrag: { type: Function, default: void 0 },
     sortable: { type: Boolean, default: !1 },
@@ -572,385 +581,423 @@ const It = /* @__PURE__ */ Q({
     slotItemVar: { default: "item" }
   },
   emits: ["update:modelValue", "update:perms", "sort", "click", "save", "error", "before-save", "read-response", "click-create"],
-  setup(t, { expose: u, emit: i }) {
-    const a = i, n = ht(), l = t, k = {}, w = g(typeof l.sorter == "function" ? l.sorter : Pe), h = g(Et(l.columns)), V = g("asc"), s = g(l.modelValue), q = g(k), ae = g(null), A = g(l.columns), f = g(l.page), o = g(!1), p = g(!1), b = g(l.perms), y = g(null), X = g({}), _ = g(new St({ items: s.value }, l.dataStateConfig)), R = g(l.editMode), oe = g(0), ze = (e) => {
-      Array.isArray(e) && (s.value = e), o.value = !1, p.value = !0, _.value.store({ items: s.value }).turnStoredIntoOriginal();
-    }, Ge = (e) => {
+  setup(t, { expose: r, emit: i }) {
+    const a = i, u = Ct(), l = t, k = {}, V = g(typeof l.sorter == "function" ? l.sorter : je), h = g(Tt(l.columns)), I = g("asc"), d = g(l.modelValue), q = g(k), oe = g(null), K = g(l.columns), f = g(l.page), o = g(!1), v = g(!1), b = g(l.perms), y = g(null), Z = g({}), ee = g(new wt({ items: d.value }, l.dataStateConfig)), L = g(l.editMode), ne = g(0), fe = g(l.type);
+    l.itemMode && fe.value === J.Table && (fe.value = J.Item);
+    const Oe = (e) => {
+      Array.isArray(e) && (d.value = e), o.value = !1, v.value = !0, ee.value.store({ items: d.value }).turnStoredIntoOriginal();
+    }, Qe = (e) => {
       b.value = e;
-    }, Oe = (e) => {
-    }, Je = (e) => {
+    }, Xe = (e) => {
+    }, Ye = (e) => {
       a("read-response", e);
-    }, Qe = () => Ue(() => o.value = !0), Xe = () => {
+    }, Ze = () => Pe(() => o.value = !0), _e = () => {
       y.value.doRefresh();
-    }, ie = Ct(12), me = d(() => {
+    }, me = Bt(12), Ce = c(() => {
       if (!l.hideEmptyColumns) return [];
       let e = [];
-      return A.value.forEach((m) => {
-        let S = m.key, F = !1;
-        s.value.forEach((z) => {
+      return K.value.forEach((m) => {
+        let w = m.key, U = !1;
+        d.value.forEach((z) => {
           if (typeof z.checkEmpty == "function")
             return z.checkEmpty(z);
-          z[S] && (F = !0);
-        }), F || e.push(S);
+          z[w] && (U = !0);
+        }), U || e.push(w);
       }), e;
-    }), se = d(() => A.value.filter((e) => !e.hidden)), pe = d(() => A.value.filter((e) => e.hidden)), Ye = d(() => {
-      let e = se.value.length + 1;
+    }), pe = c(() => K.value.filter((e) => !e.hidden)), Se = c(() => K.value.filter((e) => e.hidden)), xe = c(() => {
+      let e = pe.value.length + 1;
       return l.sortable && ++e, e;
-    }), Ze = d(() => A.value.filter((e) => e.isForRowKey)), Ce = d(() => pe.value.length > 0 && !l.sortable), _e = d(() => A.value.map((e) => e.key)), Se = d(() => {
+    }), et = c(() => K.value.filter((e) => e.isForRowKey)), Ee = c(() => Se.value.length > 0 && !l.sortable), tt = c(() => K.value.map((e) => e.key)), Ie = c(() => {
       let e = [];
-      for (let m in n) _e.value.indexOf(m) !== -1 && e.push(m);
+      for (let m in u) tt.value.indexOf(m) !== -1 && e.push(m);
       return e;
-    }), Be = d(() => l.hiddenSave || o.value || !l.saveResource ? !1 : R.value && _.value.changed() ? !0 : R.value), xe = d(() => de.value && s.value.length >= l.requiredItemsForTopCreate || l.switchEditionEnabled ? !0 : Be.value || R.value && l.canCreate), et = d(() => l.saveDisabled || typeof l.saveValidator == "function" && !l.saveValidator(s.value) ? !1 : _.value.changed()), tt = d(() => s.value.length), lt = d(() => ({
-      items: s.value,
+    }), Te = c(() => l.hiddenSave || o.value || !l.saveResource ? !1 : L.value && ee.value.changed() ? !0 : L.value), lt = c(() => ye.value && d.value.length >= l.requiredItemsForTopCreate || l.switchEditionEnabled ? !0 : Te.value || L.value && l.canCreate), at = c(() => l.saveDisabled || typeof l.saveValidator == "function" && !l.saveValidator(d.value) ? !1 : ee.value.changed()), ot = c(() => d.value.length), nt = c(() => ({
+      items: d.value,
       ...l.saveResourceData
-    })), at = d(() => l.titleTag === "" ? "h2" : l.titleTag), ot = d(() => l.wrapContentTag === "" ? "div" : l.wrapContentTag), ve = d(() => l.title.startsWith("__:") ? re(l.title.substring(3)) : l.title), nt = d(() => l.saveText.startsWith("__:") ? re(l.saveText.substring(3)) : l.saveText), ut = d(() => l.editModeText.startsWith("__:") ? re(l.editModeText.substring(3)) : l.editModeText), we = d(() => b.value.includes("create")), rt = d(() => b.value.includes("read")), ke = d(() => b.value.includes("update")), ye = d(() => b.value.includes("drop")), it = (e) => {
+    })), ut = c(() => l.titleTag === "" ? "h2" : l.titleTag), rt = c(() => l.wrapContentTag === "" ? "div" : l.wrapContentTag), Be = c(() => l.title.startsWith("__:") ? ce(l.title.substring(3)) : l.title), it = c(() => l.saveText.startsWith("__:") ? ce(l.saveText.substring(3)) : l.saveText), st = c(() => l.editModeText.startsWith("__:") ? ce(l.editModeText.substring(3)) : l.editModeText), ve = c(() => b.value.includes("create")), we = c(() => b.value.includes("read")), ue = c(() => b.value.includes("update")), re = c(() => b.value.includes("drop")), dt = (e) => {
       let m = e.target;
       if (typeof m.dataset.column > "u")
         do
           m = m.parentNode;
         while (typeof m.dataset.column > "u" && m.tagName !== "TABLE" && m.tagName !== "body");
       if (m.tagName === "TD" && (m = m.parentNode, m = m.dataset.i, typeof m < "u"))
-        return s.value[m];
-    }, De = (e) => q.value["tr_" + e] === !0, Ve = (e) => {
-      e && e.sortable && (s.value = s.value.sort((m, S) => w.value(m, S, e, V.value)), V.value = V.value === "asc" ? "desc" : "asc", h.value = e.key, a("sort", [h.value, V.value]));
-    }, Ee = (e) => {
+        return d.value[m];
+    }, $e = (e) => q.value["tr_" + e] === !0, Re = (e) => {
+      e && e.sortable && (d.value = d.value.sort((m, w) => V.value(m, w, e, I.value)), I.value = I.value === "asc" ? "desc" : "asc", h.value = e.key, a("sort", [h.value, I.value]));
+    }, Le = (e) => {
       a("click", e);
-    }, Te = (e, m) => {
-      let S = "tr_" + m;
-      q.value[S] = typeof q.value[S] > "u" ? !0 : !q.value[S];
-    }, st = (e) => typeof l.checkValidDrag == "function" ? l.checkValidDrag(e) : !0, Ie = (e) => typeof l.draggableChecker == "function" ? l.draggableChecker(e) : !0, $e = () => {
+    }, Me = (e, m) => {
+      let w = "tr_" + m;
+      q.value[w] = typeof q.value[w] > "u" ? !0 : !q.value[w];
+    }, ct = (e) => typeof l.checkValidDrag == "function" ? l.checkValidDrag(e) : !0, Fe = (e) => typeof l.draggableChecker == "function" ? l.draggableChecker(e) : !0, Ne = () => {
       if (l.canCreateWithoutEdition)
         a("click-create");
       else {
         if (typeof l.newValueGenerator == "function") {
           let e = l.newValueGenerator();
           if (typeof e == "object") {
-            s.value.push(e);
+            d.value.push(e);
             return;
           }
         }
-        s.value.push({});
+        d.value.push({});
       }
-    }, dt = () => {
+    }, ft = () => {
       o.value = !0;
-    }, ct = () => {
+    }, mt = () => {
       o.value = !1;
-    }, ft = (e, m) => {
+    }, pt = (e, m) => {
       if (a("before-save"), l.saveResource && (o.value = !1, !m.success)) {
         a("error", m.httpStatus);
         return;
       }
-      _.value.turnStoredIntoOriginal(), a("save", m);
-    }, Re = (e, m, S) => {
-      if (S >= e.length) {
-        let F = S - e.length + 1;
-        for (; F--; ) e.push(void 0);
+      ee.value.turnStoredIntoOriginal(), a("save", m);
+    }, Ue = (e, m, w) => {
+      if (w >= e.length) {
+        let U = w - e.length + 1;
+        for (; U--; ) e.push(void 0);
       }
-      return e.splice(S, 0, e.splice(m, 1)[0]), e;
-    }, mt = (e) => {
-      Re(s.value, e, e - 1), oe.value = fe();
-    }, pt = (e) => {
-      Re(s.value, e, e + 1), oe.value = fe();
-    }, Me = (e) => {
-      s.value.splice(e, 1), oe.value = fe();
-    }, vt = () => {
-      let e = document.getElementById("lkt-table-body-" + ie);
-      X.value = new Bt(e, {
+      return e.splice(w, 0, e.splice(m, 1)[0]), e;
+    }, vt = (e) => {
+      Ue(d.value, e, e - 1), ne.value = ge();
+    }, kt = (e) => {
+      Ue(d.value, e, e + 1), ne.value = ge();
+    }, ke = (e) => {
+      d.value.splice(e, 1), ne.value = ge();
+    }, yt = () => {
+      let e = document.getElementById("lkt-table-body-" + me);
+      Z.value = new Dt(e, {
         direction: "vertical",
         handle: ".handle",
         animation: 150,
         onEnd: function(m) {
-          let S = m.oldIndex, F = m.newIndex;
-          s.value.splice(F, 0, s.value.splice(S, 1)[0]), oe.value = fe();
+          let w = m.oldIndex, U = m.newIndex;
+          d.value.splice(U, 0, d.value.splice(w, 1)[0]), ne.value = ge();
         },
-        onMove: function(m, S) {
-          return st(m);
+        onMove: function(m, w) {
+          return ct(m);
         }
       });
-    }, Le = (e, m, S = !1) => {
-      let F = [oe.value, ie, "row", m];
-      return S && F.push("hidden"), Ze.value.forEach((z) => {
+    }, We = (e, m, w = !1) => {
+      let U = [ne.value, me, "row", m];
+      return w && U.push("hidden"), et.value.forEach((z) => {
         let G = String(e[z.key]).toLowerCase();
-        G.length > 50 && (G = G.substring(0, 50)), G = je(G, " ", "-"), F.push(G);
-      }), F.join("-");
-    }, Fe = d(() => typeof l.createEnabledValidator == "function" ? l.createEnabledValidator({ items: s.value }) : !0), de = d(() => we.value ? l.canCreateWithoutEdition || l.canCreate && R.value : !1), Ne = (e) => typeof l.itemDisplayChecker == "function" ? l.itemDisplayChecker(e) : !0;
-    gt(() => {
-      l.initialSorting && Ve(Tt(l.columns, h.value)), _.value.store({ items: s.value }).turnStoredIntoOriginal(), l.sortable && Ue(() => {
-        vt();
+        G.length > 50 && (G = G.substring(0, 50)), G = Ge(G, " ", "-"), U.push(G);
+      }), U.join("-");
+    }, Ae = c(() => typeof l.createEnabledValidator == "function" ? l.createEnabledValidator({ items: d.value }) : !0), ye = c(() => ve.value ? l.canCreateWithoutEdition || l.canCreate && L.value : !1), be = (e) => typeof l.itemDisplayChecker == "function" ? l.itemDisplayChecker(e) : !0;
+    St(() => {
+      l.initialSorting && Re($t(l.columns, h.value)), ee.value.store({ items: d.value }).turnStoredIntoOriginal(), l.sortable && Pe(() => {
+        yt();
       });
-    }), N(() => l.perms, (e) => b.value = e), N(b, (e) => a("update:perms", e)), N(() => l.editMode, (e) => R.value = e), N(() => l.columns, (e) => A.value = e), N(() => l.modelValue, (e) => s.value = e), N(s, (e) => {
-      _.value.increment({ items: e }), a("update:modelValue", e);
-    }, { deep: !0 }), u({
-      getItemByEvent: it,
-      doRefresh: Xe
+    }), W(() => l.perms, (e) => b.value = e), W(b, (e) => a("update:perms", e)), W(() => l.editMode, (e) => L.value = e), W(() => l.columns, (e) => K.value = e), W(() => l.modelValue, (e) => d.value = e), W(d, (e) => {
+      ee.value.increment({ items: e }), a("update:modelValue", e);
+    }, { deep: !0 }), r({
+      getItemByEvent: dt,
+      doRefresh: _e
     });
-    const kt = d(() => typeof T.defaultEmptySlot < "u"), yt = d(() => T.defaultEmptySlot);
+    const bt = c(() => typeof $.defaultEmptySlot < "u"), ht = c(() => $.defaultEmptySlot);
     return (e, m) => {
-      const S = K("lkt-button"), F = K("lkt-field"), z = K("lkt-loader"), G = K("lkt-paginator");
-      return r(), c("section", {
+      const w = H("lkt-button"), U = H("lkt-field"), z = H("lkt-loader"), G = H("lkt-paginator");
+      return n(), s("section", {
         class: "lkt-table-page",
-        id: "lkt-table-page-" + B(ie)
+        id: "lkt-table-page-" + C(me)
       }, [
-        ve.value || B(n).title ? (r(), c("header", {
+        Be.value || C(u).title ? (n(), s("header", {
           key: 0,
-          class: x(e.headerClass)
+          class: O(e.headerClass)
         }, [
-          ve.value ? (r(), C(J(at.value), { key: 0 }, {
-            default: W(() => [
-              e.titleIcon ? (r(), c("i", {
+          Be.value ? (n(), B(X(ut.value), { key: 0 }, {
+            default: P(() => [
+              e.titleIcon ? (n(), s("i", {
                 key: 0,
-                class: x(e.titleIcon)
-              }, null, 2)) : v("", !0),
-              le(" " + O(ve.value), 1)
+                class: O(e.titleIcon)
+              }, null, 2)) : p("", !0),
+              ae(" " + Q(Be.value), 1)
             ]),
             _: 1
-          })) : v("", !0),
-          B(n).title ? U(e.$slots, "title", { key: 1 }) : v("", !0)
-        ], 2)) : v("", !0),
-        (r(), C(J(ot.value), {
-          class: x(["lkt-table-page-content-wrapper", e.wrapContentClass])
+          })) : p("", !0),
+          C(u).title ? F(e.$slots, "title", { key: 1 }) : p("", !0)
+        ], 2)) : p("", !0),
+        (n(), B(X(rt.value), {
+          class: O(["lkt-table-page-content-wrapper", e.wrapContentClass])
         }, {
-          default: W(() => [
-            ne($("div", Qt, [
-              ne(ee(S, {
+          default: P(() => [
+            se(R("div", Yt, [
+              se(te(w, {
                 ref: "saveButton",
                 palette: "success",
-                disabled: !et.value,
+                disabled: !at.value,
                 "confirm-modal": e.saveConfirm,
                 "confirm-data": e.confirmData,
                 resource: e.saveResource,
-                "resource-data": lt.value,
-                onLoading: dt,
-                onLoaded: ct,
-                onClick: ft
+                "resource-data": nt.value,
+                onLoading: ft,
+                onLoaded: mt,
+                onClick: pt
               }, {
-                default: W(() => [
-                  B(n)["button-save"] ? U(e.$slots, "button-save", {
+                default: P(() => [
+                  C(u)["button-save"] ? F(e.$slots, "button-save", {
                     key: 0,
-                    items: s.value,
+                    items: d.value,
                     editMode: e.editMode,
                     canUpdate: !e.saveDisabled
-                  }) : (r(), c("span", Xt, O(nt.value), 1))
+                  }) : (n(), s("span", Zt, Q(it.value), 1))
                 ]),
                 _: 3
               }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"]), [
-                [ue, Be.value]
+                [de, Te.value]
               ]),
-              de.value && s.value.length >= e.requiredItemsForTopCreate ? (r(), C(Ke, {
+              ye.value && d.value.length >= e.requiredItemsForTopCreate ? (n(), B(qe, {
                 key: 0,
-                disabled: !Fe.value || e.createDisabled,
+                disabled: !Ae.value || e.createDisabled,
                 text: e.createText,
                 icon: e.createIcon,
                 to: e.createRoute,
-                onClick: $e
-              }, null, 8, ["disabled", "text", "icon", "to"])) : v("", !0),
-              $("div", Yt, [
-                ne(ee(F, {
+                onClick: Ne
+              }, null, 8, ["disabled", "text", "icon", "to"])) : p("", !0),
+              R("div", _t, [
+                se(te(U, {
                   type: "switch",
-                  modelValue: R.value,
-                  "onUpdate:modelValue": m[0] || (m[0] = (E) => R.value = E),
-                  label: ut.value
+                  modelValue: L.value,
+                  "onUpdate:modelValue": m[0] || (m[0] = (S) => L.value = S),
+                  label: st.value
                 }, null, 8, ["modelValue", "label"]), [
-                  [ue, e.switchEditionEnabled]
+                  [de, e.switchEditionEnabled]
                 ])
               ])
             ], 512), [
-              [ue, xe.value]
+              [de, lt.value]
             ]),
-            B(n).buttons ? (r(), c("div", Zt, [
-              U(e.$slots, "buttons")
-            ])) : v("", !0),
-            p.value && B(n).filters ? (r(), c("div", _t, [
-              U(e.$slots, "filters", {
-                items: s.value,
+            C(u).buttons ? (n(), s("div", xt, [
+              F(e.$slots, "buttons")
+            ])) : p("", !0),
+            v.value && C(u).filters ? (n(), s("div", el, [
+              F(e.$slots, "filters", {
+                items: d.value,
                 isLoading: o.value
               })
-            ])) : v("", !0),
-            o.value ? (r(), C(z, { key: 2 })) : v("", !0),
-            ne($("div", {
+            ])) : p("", !0),
+            o.value ? (n(), B(z, { key: 2 })) : p("", !0),
+            se(R("div", {
               class: "lkt-table",
               "data-sortable": e.sortable
             }, [
-              e.itemMode ? (r(), c("div", {
-                key: 1,
-                class: x(["lkt-table-items-container", e.itemsContainerClass])
-              }, [
-                (r(!0), c(I, null, j(s.value, (E, P) => (r(), c(I, null, [
-                  Ne(E) ? (r(), c("div", rl, [
-                    U(e.$slots, "item", he({
-                      [e.slotItemVar || ""]: E,
-                      index: P,
-                      canCreate: we.value,
-                      canRead: rt.value,
-                      canUpdate: ke.value,
-                      canDrop: ye.value,
-                      isLoading: o.value,
-                      doDrop: () => Me(P)
-                    }))
-                  ])) : v("", !0)
-                ], 64))), 256))
-              ], 2)) : (r(), c("table", el, [
-                $("thead", null, [
-                  $("tr", null, [
-                    e.sortable && R.value ? (r(), c("th", tl)) : v("", !0),
-                    e.addNavigation && R.value ? (r(), c("th", ll)) : v("", !0),
-                    Ce.value ? (r(), c("th", al)) : v("", !0),
-                    (r(!0), c(I, null, j(se.value, (E) => (r(), c(I, null, [
-                      me.value.indexOf(E.key) === -1 ? (r(), C(Ot, {
+              fe.value === C(J).Table ? (n(), s("table", ll, [
+                R("thead", null, [
+                  R("tr", null, [
+                    e.sortable && L.value ? (n(), s("th", al)) : p("", !0),
+                    e.addNavigation && L.value ? (n(), s("th", ol)) : p("", !0),
+                    Ee.value ? (n(), s("th", nl)) : p("", !0),
+                    (n(!0), s(D, null, A(pe.value, (S) => (n(), s(D, null, [
+                      Ce.value.indexOf(S.key) === -1 ? (n(), B(Qt, {
                         key: 0,
-                        column: E,
+                        column: S,
                         "sort-by": h.value,
-                        "sort-direction": V.value,
+                        "sort-direction": I.value,
                         "amount-of-columns": e.columns.length,
-                        items: s.value,
-                        onClick: (P) => Ve(E)
-                      }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : v("", !0)
+                        items: d.value,
+                        onClick: (T) => Re(S)
+                      }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : p("", !0)
                     ], 64))), 256)),
-                    e.canDrop && ye.value && R.value ? (r(), c("th", ol)) : v("", !0),
-                    e.canEditButton && ke.value && R.value ? (r(), c("th", nl)) : v("", !0)
+                    e.canDrop && re.value && L.value ? (n(), s("th", ul)) : p("", !0),
+                    e.canEditButton && ue.value && L.value ? (n(), s("th", rl)) : p("", !0)
                   ])
                 ]),
-                $("tbody", {
-                  ref: (E) => ae.value = E,
-                  id: "lkt-table-body-" + B(ie)
+                R("tbody", {
+                  ref: (S) => oe.value = S,
+                  id: "lkt-table-body-" + C(me)
                 }, [
-                  (r(!0), c(I, null, j(s.value, (E, P) => (r(), c(I, null, [
-                    Ne(E) ? (r(), C(At, {
-                      modelValue: s.value[P],
-                      "onUpdate:modelValue": (Y) => s.value[P] = Y,
-                      key: Le(E, P),
-                      i: P,
-                      "display-hidden-columns-indicator": Ce.value,
-                      "is-draggable": Ie(E),
+                  (n(!0), s(D, null, A(d.value, (S, T) => (n(), s(D, null, [
+                    be(S) ? (n(), B(Kt, {
+                      modelValue: d.value[T],
+                      "onUpdate:modelValue": (_) => d.value[T] = _,
+                      key: We(S, T),
+                      i: T,
+                      "display-hidden-columns-indicator": Ee.value,
+                      "is-draggable": Fe(S),
                       sortable: e.sortable,
-                      "visible-columns": se.value,
-                      "empty-columns": me.value,
+                      "visible-columns": pe.value,
+                      "empty-columns": Ce.value,
                       "add-navigation": e.addNavigation,
-                      "hidden-is-visible": De(P),
-                      "latest-row": P + 1 === tt.value,
-                      "can-drop": e.canDrop && ye.value && R.value,
+                      "hidden-is-visible": $e(T),
+                      "latest-row": T + 1 === ot.value,
+                      "can-drop": e.canDrop && re.value && L.value,
                       "drop-confirm": e.dropConfirm,
                       "drop-resource": e.dropResource,
                       "drop-text": e.dropText,
                       "drop-icon": e.dropIcon,
-                      "can-edit": e.canEditButton && ke.value && R.value,
+                      "can-edit": e.canEditButton && ue.value && L.value,
                       "edit-text": e.editText,
                       "edit-icon": e.editIcon,
                       "edit-link": e.editLink,
-                      "edit-mode-enabled": R.value,
-                      onClick: Ee,
-                      onShow: Te,
-                      onItemUp: mt,
-                      onItemDown: pt,
-                      onItemDrop: Me
-                    }, We({ _: 2 }, [
-                      j(Se.value, (Y) => ({
-                        name: Y,
-                        fn: W((H) => [
-                          U(e.$slots, Y, he({
-                            [e.slotItemVar || ""]: H.item,
-                            value: H.value,
-                            column: H.column
+                      "edit-mode-enabled": L.value,
+                      onClick: Le,
+                      onShow: Me,
+                      onItemUp: vt,
+                      onItemDown: kt,
+                      onItemDrop: ke
+                    }, Ke({ _: 2 }, [
+                      A(Ie.value, (_) => ({
+                        name: _,
+                        fn: P((j) => [
+                          F(e.$slots, _, ie({
+                            [e.slotItemVar || ""]: j.item,
+                            value: j.value,
+                            column: j.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"])) : v("", !0),
-                    pe.value.length > 0 ? (r(!0), c(I, { key: 1 }, j(s.value, (Y, H) => (r(), C(zt, {
-                      modelValue: s.value[H],
-                      "onUpdate:modelValue": (ce) => s.value[H] = ce,
-                      key: Le(Y, H, !0),
-                      i: H,
-                      "hidden-columns": pe.value,
-                      "hidden-columns-col-span": Ye.value,
-                      "is-draggable": Ie(Y),
+                    ]), 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"])) : p("", !0),
+                    Se.value.length > 0 ? (n(!0), s(D, { key: 1 }, A(d.value, (_, j) => (n(), B(Jt, {
+                      modelValue: d.value[j],
+                      "onUpdate:modelValue": (he) => d.value[j] = he,
+                      key: We(_, j, !0),
+                      i: j,
+                      "hidden-columns": Se.value,
+                      "hidden-columns-col-span": xe.value,
+                      "is-draggable": Fe(_),
                       sortable: e.sortable,
-                      "visible-columns": se.value,
-                      "empty-columns": me.value,
-                      "hidden-is-visible": De(H),
-                      onClick: Ee,
-                      onShow: Te
-                    }, We({ _: 2 }, [
-                      j(Se.value, (ce) => ({
-                        name: ce,
-                        fn: W((be) => [
-                          U(e.$slots, ce, he({
-                            [e.slotItemVar || ""]: be.item,
-                            value: be.value,
-                            column: be.column
+                      "visible-columns": pe.value,
+                      "empty-columns": Ce.value,
+                      "hidden-is-visible": $e(j),
+                      onClick: Le,
+                      onShow: Me
+                    }, Ke({ _: 2 }, [
+                      A(Ie.value, (he) => ({
+                        name: he,
+                        fn: P((De) => [
+                          F(e.$slots, he, ie({
+                            [e.slotItemVar || ""]: De.item,
+                            value: De.value,
+                            column: De.column
                           }))
                         ])
                       }))
-                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))), 128)) : v("", !0)
+                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))), 128)) : p("", !0)
                   ], 64))), 256))
-                ], 8, ul)
-              ]))
-            ], 8, xt), [
-              [ue, !o.value && s.value.length > 0]
+                ], 8, il)
+              ])) : fe.value === C(J).Item ? (n(), s("div", {
+                key: 1,
+                class: O(["lkt-table-items-container", e.itemsContainerClass])
+              }, [
+                (n(!0), s(D, null, A(d.value, (S, T) => (n(), s(D, null, [
+                  be(S) ? (n(), s("div", sl, [
+                    F(e.$slots, "item", ie({
+                      [e.slotItemVar || ""]: S,
+                      index: T,
+                      canCreate: ve.value,
+                      canRead: we.value,
+                      canUpdate: ue.value,
+                      canDrop: re.value,
+                      isLoading: o.value,
+                      doDrop: () => ke(T)
+                    }))
+                  ])) : p("", !0)
+                ], 64))), 256))
+              ], 2)) : C(J).Ul ? (n(), s("ul", {
+                key: 2,
+                class: O(["lkt-table-items-container", e.itemsContainerClass])
+              }, [
+                (n(!0), s(D, null, A(d.value, (S, T) => (n(), s(D, null, [
+                  be(S) ? (n(), s("li", dl, [
+                    F(e.$slots, "item", ie({
+                      [e.slotItemVar || ""]: S,
+                      index: T,
+                      canCreate: ve.value,
+                      canRead: we.value,
+                      canUpdate: ue.value,
+                      canDrop: re.value,
+                      isLoading: o.value,
+                      doDrop: () => ke(T)
+                    }))
+                  ])) : p("", !0)
+                ], 64))), 256))
+              ], 2)) : C(J).Ul ? (n(), s("ol", {
+                key: 3,
+                class: O(["lkt-table-items-container", e.itemsContainerClass])
+              }, [
+                (n(!0), s(D, null, A(d.value, (S, T) => (n(), s(D, null, [
+                  be(S) ? (n(), s("li", cl, [
+                    F(e.$slots, "item", ie({
+                      [e.slotItemVar || ""]: S,
+                      index: T,
+                      canCreate: ve.value,
+                      canRead: we.value,
+                      canUpdate: ue.value,
+                      canDrop: re.value,
+                      isLoading: o.value,
+                      doDrop: () => ke(T)
+                    }))
+                  ])) : p("", !0)
+                ], 64))), 256))
+              ], 2)) : p("", !0)
+            ], 8, tl), [
+              [de, !o.value && d.value.length > 0]
             ]),
-            !o.value && s.value.length === 0 ? (r(), c("div", il, [
-              B(n).empty ? U(e.$slots, "empty", { key: 0 }) : kt.value ? (r(), C(J(yt.value), {
+            !o.value && d.value.length === 0 ? (n(), s("div", fl, [
+              C(u).empty ? F(e.$slots, "empty", { key: 0 }) : bt.value ? (n(), B(X(ht.value), {
                 key: 1,
                 message: e.noResultsText
-              }, null, 8, ["message"])) : e.noResultsText ? (r(), c(I, { key: 2 }, [
-                le(O(e.noResultsText), 1)
-              ], 64)) : v("", !0)
-            ])) : v("", !0),
-            de.value || B(n).bottomButtons ? (r(), c("div", sl, [
-              de.value && s.value.length >= e.requiredItemsForBottomCreate ? (r(), C(Ke, {
+              }, null, 8, ["message"])) : e.noResultsText ? (n(), s(D, { key: 2 }, [
+                ae(Q(e.noResultsText), 1)
+              ], 64)) : p("", !0)
+            ])) : p("", !0),
+            ye.value || C(u).bottomButtons ? (n(), s("div", ml, [
+              ye.value && d.value.length >= e.requiredItemsForBottomCreate ? (n(), B(qe, {
                 key: 0,
-                disabled: !Fe.value || e.createDisabled,
+                disabled: !Ae.value || e.createDisabled,
                 text: e.createText,
                 icon: e.createIcon,
                 to: e.createRoute,
-                onClick: $e
-              }, null, 8, ["disabled", "text", "icon", "to"])) : v("", !0),
-              U(e.$slots, "bottom-buttons")
-            ])) : v("", !0),
-            e.resource.length > 0 ? (r(), C(G, {
+                onClick: Ne
+              }, null, 8, ["disabled", "text", "icon", "to"])) : p("", !0),
+              F(e.$slots, "bottom-buttons")
+            ])) : p("", !0),
+            e.resource.length > 0 ? (n(), B(G, {
               key: 5,
               ref_key: "paginator",
               ref: y,
               modelValue: f.value,
-              "onUpdate:modelValue": m[1] || (m[1] = (E) => f.value = E),
+              "onUpdate:modelValue": m[1] || (m[1] = (S) => f.value = S),
               resource: e.resource,
               filters: e.filters,
-              onResults: ze,
-              onLoading: Qe,
-              onPerms: Ge,
-              onCustom: Oe,
-              onResponse: Je
-            }, null, 8, ["modelValue", "resource", "filters"])) : v("", !0)
+              onResults: Oe,
+              onLoading: Ze,
+              onPerms: Qe,
+              onCustom: Xe,
+              onResponse: Ye
+            }, null, 8, ["modelValue", "resource", "filters"])) : p("", !0)
           ]),
           _: 3
         }, 8, ["class"]))
-      ], 8, Jt);
+      ], 8, Xt);
     };
   }
-}), Rl = {
+}), Nl = {
   install: (t) => {
-    t.component("lkt-table") === void 0 && t.component("lkt-table", dl);
+    t.component("lkt-table") === void 0 && t.component("lkt-table", pl);
   }
-}, Ml = (t) => (T.navButtonSlot = t, !0), Ll = (t) => (T.dropButtonSlot = t, !0), Fl = (t) => (T.createButtonSlot = t, !0), Nl = (t) => {
-  T.defaultEmptySlot = t;
+}, Ul = (t) => ($.navButtonSlot = t, !0), Wl = (t) => ($.dropButtonSlot = t, !0), Al = (t) => ($.createButtonSlot = t, !0), Pl = (t) => {
+  $.defaultEmptySlot = t;
 };
 export {
   M as Column,
-  gl as createActionColumn,
-  Vl as createCheckColumn,
-  bl as createColumn,
-  wl as createEmailColumn,
-  Il as createFileColumn,
-  Bl as createFloatColumn,
-  $l as createHiddenColumn,
-  Sl as createIntegerColumn,
-  hl as createLinkColumn,
-  Tl as createSelectColumn,
-  El as createSwitchColumn,
-  Dl as createTelColumn,
-  Cl as createTextColumn,
-  Rl as default,
-  Fl as setTableCreateButtonSlot,
-  Ll as setTableDropButtonSlot,
-  Nl as setTableEmptySlot,
-  Ml as setTableNavButtonSlot
+  wl as createActionColumn,
+  $l as createCheckColumn,
+  Sl as createColumn,
+  Il as createEmailColumn,
+  Ml as createFileColumn,
+  El as createFloatColumn,
+  Fl as createHiddenColumn,
+  Vl as createIntegerColumn,
+  Bl as createLinkColumn,
+  Ll as createSelectColumn,
+  Rl as createSwitchColumn,
+  Tl as createTelColumn,
+  Dl as createTextColumn,
+  Nl as default,
+  Al as setTableCreateButtonSlot,
+  Wl as setTableDropButtonSlot,
+  Pl as setTableEmptySlot,
+  Ul as setTableNavButtonSlot
 };