lkt-table 1.3.1 → 1.3.2

package/dist/build.js

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