lkt-table 1.2.11 → 1.2.12

package/dist/build.d.ts

@@ -1,5 +1,5 @@
 declare class K {
-    constructor(t?: string, r?: string);
+    constructor(t?: string, i?: string);
     key: string;
     label: string;
     sortable: boolean;
@@ -59,7 +59,7 @@ declare class K {
     setMultipleDisplayEditionToInline(): this;
     setSlotData(t: any): this;
     slotData: any;
-    setAutoLoadSelectOptions(t?: boolean, r?: string): this;
+    setAutoLoadSelectOptions(t?: boolean, i?: string): this;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode(t?: boolean): this;
@@ -70,7 +70,7 @@ declare class K {
     useForRowKey(t?: boolean): this;
     isForRowKey: boolean | undefined;
 }
-declare function Tl(l: any, t: any, r: any, n?: boolean): {
+declare function Tl(l: any, t: any, i: any, n?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -130,7 +130,7 @@ declare function Tl(l: any, t: any, r: any, n?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -141,7 +141,7 @@ declare function Tl(l: any, t: any, r: any, n?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Ll(l: any, t: any, r?: boolean): {
+declare function Ll(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -201,7 +201,7 @@ declare function Ll(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -212,7 +212,7 @@ declare function Ll(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Dl(l: any, t: any, r?: boolean): {
+declare function Dl(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -272,7 +272,7 @@ declare function Dl(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -283,7 +283,7 @@ declare function Dl(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function El(l: any, t: any, r?: boolean): {
+declare function Il(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -343,7 +343,7 @@ declare function El(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -354,7 +354,7 @@ declare function El(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function $l(l: any, t: any, r?: boolean): {
+declare function $l(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -414,7 +414,7 @@ declare function $l(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -425,7 +425,7 @@ declare function $l(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function wl(l: any, t: any, r: any, n?: boolean): {
+declare function wl(l: any, t: any, i: any, n?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -485,7 +485,7 @@ declare function wl(l: any, t: any, r: any, n?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -496,7 +496,7 @@ declare function wl(l: any, t: any, r: any, n?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Rl(l: any, t: any, r: any, n?: boolean): {
+declare function Rl(l: any, t: any, i: any, n?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -556,7 +556,7 @@ declare function Rl(l: any, t: any, r: any, n?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -567,7 +567,7 @@ declare function Rl(l: any, t: any, r: any, n?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Ml(l: any, t: any, r?: boolean): {
+declare function Ml(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -627,7 +627,7 @@ declare function Ml(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -638,7 +638,7 @@ declare function Ml(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Il(l: any, t: any, r?: boolean): {
+declare function El(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -698,7 +698,7 @@ declare function Il(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -709,7 +709,7 @@ declare function Il(l: any, t: any, r?: boolean): {
     useForRowKey: (t?: boolean) => K;
     isForRowKey: boolean | undefined;
 };
-declare function Bl(l: any, t: any, r?: boolean): {
+declare function Bl(l: any, t: any, i?: boolean): {
     key: string;
     label: string;
     sortable: boolean;
@@ -769,7 +769,7 @@ declare function Bl(l: any, t: any, r?: boolean): {
     setMultipleDisplayEditionToInline: () => K;
     setSlotData: (t: any) => K;
     slotData: any;
-    setAutoLoadSelectOptions: (t?: boolean, r?: string) => K;
+    setAutoLoadSelectOptions: (t?: boolean, i?: string) => K;
     autoLoadSelectOptions: boolean | undefined;
     autoLoadSelectOptionsKey: string | undefined;
     setTagMode: (t?: boolean) => K;
@@ -784,6 +784,6 @@ declare namespace Al {
     function install(l: any): void;
 }
 declare function Nl(l: any): boolean;
-declare function Fl(l: any): boolean;
 declare function Ol(l: any): boolean;
-export { K as LktTableColumn, Tl as createActionColumn, Ll as createCheckColumn, Dl as createColumn, El as createEmailColumn, $l as createHiddenColumn, wl as createLinkColumn, Rl as createSelectColumn, Ml as createSwitchColumn, Il as createTelColumn, Bl as createTextColumn, Al as default, Nl as setTableCreateButtonSlot, Fl as setTableDropButtonSlot, Ol as setTableNavButtonSlot };
+declare function Fl(l: any): boolean;
+export { K as LktTableColumn, Tl as createActionColumn, Ll as createCheckColumn, Dl as createColumn, Il as createEmailColumn, $l as createHiddenColumn, wl as createLinkColumn, Rl as createSelectColumn, Ml as createSwitchColumn, El as createTelColumn, Bl as createTextColumn, Al as default, Nl as setTableCreateButtonSlot, Ol as setTableDropButtonSlot, Fl as setTableNavButtonSlot };

package/dist/build.js

@@ -1,6 +1,6 @@
-import { reactive as H, defineComponent as q, ref as C, watch as A, nextTick as de, computed as f, resolveComponent as R, openBlock as u, createBlock as b, withCtx as U, createTextVNode as le, toDisplayString as j, unref as L, createElementBlock as m, Fragment as $, withModifiers as ut, resolveDynamicComponent as Z, createCommentVNode as y, normalizeClass as te, createElementVNode as E, createVNode as X, renderList as W, renderSlot as N, withDirectives as x, vShow as ee, useSlots as st, onMounted as it, createSlots as Ee } from "vue";
-import { httpCall as rt } from "lkt-http-client";
-import { __ as z } from "lkt-i18n";
+import { reactive as H, defineComponent as z, ref as C, watch as A, nextTick as de, computed as f, resolveComponent as R, openBlock as s, createBlock as b, withCtx as U, createTextVNode as le, toDisplayString as j, unref as L, createElementBlock as m, Fragment as $, withModifiers as ut, resolveDynamicComponent as Z, createCommentVNode as y, normalizeClass as te, createElementVNode as I, createVNode as X, renderList as W, renderSlot as N, withDirectives as x, vShow as ee, useSlots as st, onMounted as rt, createSlots as Ie } from "vue";
+import { httpCall as it } from "lkt-http-client";
+import { __ as G } from "lkt-i18n";
 import { createLktEvent as ce } from "lkt-events";
 import { generateRandomString as dt, replaceAll as ct } from "lkt-string-tools";
 import { DataState as mt } from "lkt-data-state";
@@ -14,8 +14,8 @@ import bt from "lkt-field-select";
 import gt from "lkt-field-switch";
 import Ct from "lkt-field-file";
 class K {
-  constructor(t = "", r = "") {
-    this.key = t, this.label = r, this.sortable = !0, this.hidden = !1, this.formatter = void 0, this.checkEmpty = void 0, this.colspan = void 0, this.resource = "", this.resourceData = {}, this.isMultiple = !1, this.isLoading = !1, this.resourceLoaded = !1, this.valueSlot = "", this.editSlot = "", this.multipleDisplay = "", this.multipleDisplayEdition = "";
+  constructor(t = "", i = "") {
+    this.key = t, this.label = i, this.sortable = !0, this.hidden = !1, this.formatter = void 0, this.checkEmpty = void 0, this.colspan = void 0, this.resource = "", this.resourceData = {}, this.isMultiple = !1, this.isLoading = !1, this.resourceLoaded = !1, this.valueSlot = "", this.editSlot = "", this.multipleDisplay = "", this.multipleDisplayEdition = "";
   }
   setIsSortable(t = !0) {
     return this.sortable = t, this;
@@ -102,7 +102,7 @@ class K {
     if (!this.resource) return this;
     try {
       this.isLoading = !0;
-      const t = await rt(this.resource, this.resourceData);
+      const t = await it(this.resource, this.resourceData);
       this.options = t.data, this.isLoading = !1, this.resourceLoaded = !0;
     } catch {
       this.isLoading = !1;
@@ -139,8 +139,8 @@ class K {
   setSlotData(t) {
     return this.slotData = t, this;
   }
-  setAutoLoadSelectOptions(t = !0, r = "") {
-    return this.autoLoadSelectOptions = t, this.autoLoadSelectOptionsKey = r, this;
+  setAutoLoadSelectOptions(t = !0, i = "") {
+    return this.autoLoadSelectOptions = t, this.autoLoadSelectOptionsKey = i, this;
   }
   setTagMode(t = !0) {
     return this.tags = t, this;
@@ -155,38 +155,38 @@ class K {
     return this.isForRowKey = t, this;
   }
 }
-const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n = !0) => H(new K(l, t).setIsSortable(n).defineAsLink(r)), Tl = (l, t, r, n = !0) => H(new K(l, t).setIsSortable(n).defineAsAction(r)), Bl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).defineAsText()), El = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).defineAsEmail()), Il = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).defineAsTel()), Ll = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).defineAsCheck()), Ml = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).defineAsSwitch()), Rl = (l, t, r, n = !0) => H(new K(l, t).setIsSortable(n).defineAsSelect(r)), $l = (l, t, r = !0) => H(new K(l, t).setIsSortable(r).setIsHidden(!0)), Ie = (l, t, r, n) => {
-  if (!r) return 0;
-  let s = l[r.key], o = t[r.key];
+const Dl = (l, t, i = !0) => H(new K(l, t).setIsSortable(i)), wl = (l, t, i, n = !0) => H(new K(l, t).setIsSortable(n).defineAsLink(i)), Tl = (l, t, i, n = !0) => H(new K(l, t).setIsSortable(n).defineAsAction(i)), Bl = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).defineAsText()), Il = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).defineAsEmail()), El = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).defineAsTel()), Ll = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).defineAsCheck()), Ml = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).defineAsSwitch()), Rl = (l, t, i, n = !0) => H(new K(l, t).setIsSortable(n).defineAsSelect(i)), $l = (l, t, i = !0) => H(new K(l, t).setIsSortable(i).setIsHidden(!0)), Ee = (l, t, i, n) => {
+  if (!i) return 0;
+  let r = l[i.key], o = t[i.key];
   if (n === "asc") {
-    if (s > o) return 1;
-    if (o > s) return -1;
+    if (r > o) return 1;
+    if (o > r) return -1;
   } else {
-    if (s > o) return -1;
-    if (o > s) return 1;
+    if (r > o) return -1;
+    if (o > r) return 1;
   }
   return 0;
-}, Y = (l, t, r, n = []) => {
+}, Y = (l, t, i, n = []) => {
   if (l.extractTitleFromColumn) {
-    let s = n.find((o) => o.key === l.extractTitleFromColumn);
-    if (s)
-      return Y(s, t, r, n);
+    let r = n.find((o) => o.key === l.extractTitleFromColumn);
+    if (r)
+      return Y(r, t, i, n);
   }
   if (l.formatter && typeof l.formatter == "function") {
-    let s = l.formatter(t[l.key], t, l, r);
-    return s.startsWith("__:") ? z(s.substring(3)) : s;
+    let r = l.formatter(t[l.key], t, l, i);
+    return r.startsWith("__:") ? G(r.substring(3)) : r;
   }
   return t[l.key];
-}, St = (l, t, r) => {
+}, St = (l, t, i) => {
   if (!l.colspan) return -1;
   let n = t;
-  return r.forEach((s) => {
-    let o = me(l, s);
+  return i.forEach((r) => {
+    let o = me(l, r);
     o > 0 && o < n && (n = o);
   }), n;
-}, me = (l, t) => l.colspan === !1 ? !1 : typeof l.colspan == "function" ? l.colspan(t) : l.colspan, Vt = (l, t, r) => {
+}, me = (l, t) => l.colspan === !1 ? !1 : typeof l.colspan == "function" ? l.colspan(t) : l.colspan, Vt = (l, t, i) => {
   if (typeof l != "object" || !l.key || t.indexOf(l.key) > -1) return !1;
-  let n = me(l, r);
+  let n = me(l, i);
   return typeof l.colspan > "u" ? !0 : (typeof l.colspan < "u" && (typeof l.colspan == "function" ? n = parseInt(l.colspan()) : n = parseInt(l.colspan)), n > 0);
 }, Dt = (l = []) => {
   if (l.length > 0) {
@@ -196,11 +196,11 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   return "";
 }, wt = (l, t) => {
   if (l.length > 0) {
-    for (let r = 0; r < l.length; ++r)
-      if (l[r].key === t) return l[r];
+    for (let i = 0; i < l.length; ++i)
+      if (l[i].key === t) return l[i];
   }
   return null;
-}, Me = /* @__PURE__ */ q({
+}, Me = /* @__PURE__ */ z({
   __name: "LktTableCell",
   props: {
     modelValue: { default: () => ({}) },
@@ -211,31 +211,31 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = C(n.modelValue), o = C(s.value[n.column.key]), h = C(null), g = C(n.column.showLoading());
+    const i = t, n = l, r = C(n.modelValue), o = C(r.value[n.column.key]), h = C(null), g = C(n.column.showLoading());
     A(o, (a) => {
-      const i = JSON.parse(JSON.stringify(s.value));
-      i[n.column.key] = a, r("update:modelValue", i);
+      const u = JSON.parse(JSON.stringify(r.value));
+      u[n.column.key] = a, i("update:modelValue", u);
     }), A(() => n.modelValue, (a) => {
-      s.value = a, o.value = s.value[n.column.key];
+      r.value = a, o.value = r.value[n.column.key];
     }), A(() => n.column, () => {
       n.column.resourceLoaded && de(() => g.value = !1);
     }, { deep: !0 }), n.column.hasToLoadResource() && n.column.loadResource();
-    const v = f(() => ({ ...n.column.slotData, item: s.value }));
-    return (a, i) => {
-      const _ = R("lkt-anchor"), J = R("lkt-field-text"), d = R("lkt-field-switch"), M = R("lkt-field-file"), S = R("lkt-loader"), V = R("lkt-field-select");
-      return a.column.type === "link" ? (u(), b(_, {
+    const v = f(() => ({ ...n.column.slotData, item: r.value }));
+    return (a, u) => {
+      const _ = R("lkt-anchor"), q = R("lkt-field-text"), d = R("lkt-field-switch"), M = R("lkt-field-file"), S = R("lkt-loader"), V = R("lkt-field-select");
+      return a.column.type === "link" ? (s(), b(_, {
         key: 0,
-        to: a.column.getHref(s.value)
+        to: a.column.getHref(r.value)
       }, {
         default: U(() => [
-          le(j(L(Y)(a.column, s.value, a.i)), 1)
+          le(j(L(Y)(a.column, r.value, a.i)), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : a.column.type === "action" ? (u(), m("a", {
+      }, 8, ["to"])) : a.column.type === "action" ? (s(), m("a", {
         key: 1,
         href: "#",
-        onClick: i[0] || (i[0] = (p) => a.column.doAction(s.value))
-      }, j(L(Y)(a.column, s.value, a.i)), 1)) : a.column.type === "text" ? (u(), b(J, {
+        onClick: u[0] || (u[0] = (p) => a.column.doAction(r.value))
+      }, j(L(Y)(a.column, r.value, a.i)), 1)) : a.column.type === "text" ? (s(), b(q, {
         key: 2,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
@@ -243,8 +243,8 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
         "value-slot": a.column.valueSlot,
         "slot-data": v.value,
         modelValue: o.value,
-        "onUpdate:modelValue": i[1] || (i[1] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "email" ? (u(), b(J, {
+        "onUpdate:modelValue": u[1] || (u[1] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "email" ? (s(), b(q, {
         key: 3,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
@@ -253,8 +253,8 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
         "slot-data": v.value,
         "is-email": "",
         modelValue: o.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "tel" ? (u(), b(J, {
+        "onUpdate:modelValue": u[2] || (u[2] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "tel" ? (s(), b(q, {
         key: 4,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
@@ -263,33 +263,33 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
         "slot-data": v.value,
         "is-tel": "",
         modelValue: o.value,
-        "onUpdate:modelValue": i[3] || (i[3] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "check" ? (u(), b(d, {
+        "onUpdate:modelValue": u[3] || (u[3] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "slot-data", "modelValue"])) : a.column.type === "check" ? (s(), b(d, {
         key: 5,
         "is-check": "",
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
         modelValue: o.value,
-        "onUpdate:modelValue": i[4] || (i[4] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "switch" ? (u(), b(d, {
+        "onUpdate:modelValue": u[4] || (u[4] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "switch" ? (s(), b(d, {
         key: 6,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
         modelValue: o.value,
-        "onUpdate:modelValue": i[5] || (i[5] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "file" ? (u(), b(M, {
+        "onUpdate:modelValue": u[5] || (u[5] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "file" ? (s(), b(M, {
         key: 7,
         "read-mode": !a.column.editable || !a.editModeEnabled,
         ref: (p) => h.value = p,
         modelValue: o.value,
-        "onUpdate:modelValue": i[6] || (i[6] = (p) => o.value = p)
-      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "select" ? (u(), m($, { key: 8 }, [
-        g.value ? (u(), b(S, { key: 0 })) : (u(), b(V, {
+        "onUpdate:modelValue": u[6] || (u[6] = (p) => o.value = p)
+      }, null, 8, ["read-mode", "modelValue"])) : a.column.type === "select" ? (s(), m($, { key: 8 }, [
+        g.value ? (s(), b(S, { key: 0 })) : (s(), b(V, {
           key: 1,
           "read-mode": !a.column.editable || !a.editModeEnabled,
           ref: (p) => h.value = p,
           modelValue: o.value,
-          "onUpdate:modelValue": i[7] || (i[7] = (p) => o.value = p),
+          "onUpdate:modelValue": u[7] || (u[7] = (p) => o.value = p),
           "slot-data": v.value,
           resource: a.column.resource,
           "use-resource-slot": a.column.resourceSlot ? a.column.resourceSlot : a.column.resource,
@@ -300,16 +300,16 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
           "multiple-display": a.column.multipleDisplay,
           "multiple-display-edition": a.column.multipleDisplayEdition
         }, null, 8, ["read-mode", "modelValue", "slot-data", "resource", "use-resource-slot", "resource-data", "options", "multiple", "tags", "multiple-display", "multiple-display-edition"]))
-      ], 64)) : (u(), m($, { key: 9 }, [
-        le(j(L(Y)(a.column, s.value, a.i, a.columns)), 1)
+      ], 64)) : (s(), m($, { key: 9 }, [
+        le(j(L(Y)(a.column, r.value, a.i, a.columns)), 1)
       ], 64));
     };
   }
-}), O = {
+}), F = {
   navButtonSlot: "",
   dropButtonSlot: "",
   createButtonSlot: ""
-}, Tt = /* @__PURE__ */ q({
+}, Tt = /* @__PURE__ */ z({
   __name: "DropButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -321,36 +321,36 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = f(() => O.dropButtonSlot !== ""), o = f(() => O.dropButtonSlot), h = f(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
+    const i = t, n = l, r = f(() => F.dropButtonSlot !== ""), o = f(() => F.dropButtonSlot), h = f(() => n.text.startsWith("__:") ? G(n.text.substring(3)) : n.text);
     return (g, v) => {
       const a = R("lkt-button");
-      return u(), b(a, {
+      return s(), b(a, {
         palette: "table-delete",
-        icon: s.value ? "" : g.icon,
-        text: s.value ? "" : h.value,
+        icon: r.value ? "" : g.icon,
+        text: r.value ? "" : h.value,
         resource: g.resource,
         "resource-data": g.resourceData,
         "confirm-modal": g.confirm,
         disabled: g.disabled,
-        onClick: v[0] || (v[0] = ut((i) => r("click"), ["prevent", "stop"]))
+        onClick: v[0] || (v[0] = ut((u) => i("click"), ["prevent", "stop"]))
       }, {
         default: U(() => [
-          s.value ? (u(), b(Z(o.value), { key: 0 })) : y("", !0)
+          r.value ? (s(), b(Z(o.value), { key: 0 })) : y("", !0)
         ]),
         _: 1
       }, 8, ["icon", "text", "resource", "resource-data", "confirm-modal", "disabled"]);
     };
   }
-}), Bt = ["data-i", "data-draggable"], Et = {
+}), Bt = ["data-i", "data-draggable"], It = {
   key: 1,
   "data-role": "invalid-drag-indicator"
-}, It = {
+}, Et = {
   key: 2,
   class: "lkt-table-nav-cell"
-}, Lt = { class: "lkt-table-nav-container" }, Mt = /* @__PURE__ */ E("i", { class: "" }, null, -1), Rt = /* @__PURE__ */ E("i", { class: "" }, null, -1), $t = ["data-column", "colspan", "title", "onClick"], At = {
+}, Lt = { class: "lkt-table-nav-container" }, Mt = /* @__PURE__ */ I("i", { class: "" }, null, -1), Rt = /* @__PURE__ */ I("i", { class: "" }, null, -1), $t = ["data-column", "colspan", "title", "onClick"], At = {
   key: 4,
   class: "lkt-table-col-drop"
-}, Ot = /* @__PURE__ */ q({
+}, Ft = /* @__PURE__ */ z({
   __name: "LktTableRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -372,47 +372,47 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["update:modelValue", "click", "show", "item-up", "item-down", "item-drop"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = C(n.modelValue), o = (d, M, S) => {
-      r("click", d, ce("", { item: M, column: S }));
+    const i = t, n = l, r = C(n.modelValue), o = (d, M, S) => {
+      i("click", d, ce("", { item: M, column: S }));
     }, h = (d, M) => {
-      r("show", d, ce("", { i: M }));
+      i("show", d, ce("", { i: M }));
     }, g = f(() => {
       let d = [];
       return n.sortable && n.isDraggable && d.push("handle"), d.join(" ");
-    }), v = f(() => O.navButtonSlot !== ""), a = f(() => O.navButtonSlot);
-    f(() => O.dropButtonSlot !== ""), f(() => O.dropButtonSlot);
-    const i = () => {
-      r("item-up", n.i);
+    }), v = f(() => F.navButtonSlot !== ""), a = f(() => F.navButtonSlot);
+    f(() => F.dropButtonSlot !== ""), f(() => F.dropButtonSlot);
+    const u = () => {
+      i("item-up", n.i);
     }, _ = () => {
-      r("item-down", n.i);
-    }, J = () => {
-      r("item-drop", n.i);
+      i("item-down", n.i);
+    }, q = () => {
+      i("item-drop", n.i);
     };
-    return A(() => n.modelValue, (d) => s.value = d), A(s, (d) => {
-      r("update:modelValue", d, n.i);
+    return A(() => n.modelValue, (d) => r.value = d), A(r, (d) => {
+      i("update:modelValue", d, n.i);
     }, { deep: !0 }), (d, M) => {
       const S = R("lkt-button");
-      return u(), m("tr", {
+      return s(), m("tr", {
         "data-i": d.i,
         "data-draggable": d.isDraggable
       }, [
-        d.sortable && d.isDraggable && d.editModeEnabled ? (u(), m("td", {
+        d.sortable && d.isDraggable && d.editModeEnabled ? (s(), m("td", {
           key: 0,
           "data-role": "drag-indicator",
           class: te(g.value)
-        }, null, 2)) : d.sortable && d.editModeEnabled ? (u(), m("td", Et)) : y("", !0),
-        d.addNavigation && d.editModeEnabled ? (u(), m("td", It, [
-          E("div", Lt, [
+        }, null, 2)) : d.sortable && d.editModeEnabled ? (s(), m("td", It)) : y("", !0),
+        d.addNavigation && d.editModeEnabled ? (s(), m("td", Et, [
+          I("div", Lt, [
             X(S, {
               palette: "table-nav",
               disabled: d.i === 0,
-              onClick: i
+              onClick: u
             }, {
               default: U(() => [
-                v.value ? (u(), b(Z(a.value), {
+                v.value ? (s(), b(Z(a.value), {
                   key: 0,
                   direction: "up"
-                })) : (u(), m($, { key: 1 }, [
+                })) : (s(), m($, { key: 1 }, [
                   Mt,
                   le(" UP ")
                 ], 64))
@@ -425,10 +425,10 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
               onClick: _
             }, {
               default: U(() => [
-                v.value ? (u(), b(Z(a.value), {
+                v.value ? (s(), b(Z(a.value), {
                   key: 0,
                   direction: "down"
-                })) : (u(), m($, { key: 1 }, [
+                })) : (s(), m($, { key: 1 }, [
                   Rt,
                   le(" DOWN ")
                 ], 64))
@@ -437,30 +437,30 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
             }, 8, ["disabled"])
           ])
         ])) : y("", !0),
-        d.displayHiddenColumnsIndicator ? (u(), m("td", {
+        d.displayHiddenColumnsIndicator ? (s(), m("td", {
           key: 3,
           onClick: M[0] || (M[0] = (V) => h(V, d.i)),
           "data-role": "show-more",
           class: te(d.hiddenIsVisible ? "state-open" : "")
         }, null, 2)) : y("", !0),
-        (u(!0), m($, null, W(d.visibleColumns, (V) => (u(), m($, null, [
-          L(Vt)(V, d.emptyColumns, s.value) ? (u(), m("td", {
+        (s(!0), m($, null, W(d.visibleColumns, (V) => (s(), m($, null, [
+          L(Vt)(V, d.emptyColumns, r.value) ? (s(), m("td", {
             key: 0,
             "data-column": V.key,
-            colspan: L(me)(V, s.value),
-            title: L(Y)(V, s.value, d.i, d.visibleColumns),
-            onClick: (p) => o(p, s.value, V)
+            colspan: L(me)(V, r.value),
+            title: L(Y)(V, r.value, d.i, d.visibleColumns),
+            onClick: (p) => o(p, r.value, V)
           }, [
             d.$slots[V.key] ? N(d.$slots, V.key, {
               key: 0,
-              value: s.value[V.key],
-              item: s.value,
+              value: r.value[V.key],
+              item: r.value,
               column: V,
               i: d.i
-            }) : s.value ? (u(), b(Me, {
+            }) : r.value ? (s(), b(Me, {
               key: 1,
-              modelValue: s.value,
-              "onUpdate:modelValue": M[1] || (M[1] = (p) => s.value = p),
+              modelValue: r.value,
+              "onUpdate:modelValue": M[1] || (M[1] = (p) => r.value = p),
               column: V,
               columns: d.visibleColumns,
               "edit-mode-enabled": d.editModeEnabled,
@@ -468,20 +468,20 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
             }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "i"])) : y("", !0)
           ], 8, $t)) : y("", !0)
         ], 64))), 256)),
-        d.canDrop && d.editModeEnabled ? (u(), m("td", At, [
+        d.canDrop && d.editModeEnabled ? (s(), m("td", At, [
           X(Tt, {
             resource: d.dropResource,
-            "resource-data": s.value,
+            "resource-data": r.value,
             confirm: d.dropConfirm,
             text: d.dropText,
             icon: d.dropIcon,
-            onClick: J
+            onClick: q
           }, null, 8, ["resource", "resource-data", "confirm", "text", "icon"])
         ])) : y("", !0)
       ], 8, Bt);
     };
   }
-}), Ft = { "data-role": "hidden-row" }, Nt = ["colspan"], Ut = ["data-column"], Ht = ["data-i"], Kt = ["data-column", "title", "onClick"], Pt = /* @__PURE__ */ q({
+}), Ot = { "data-role": "hidden-row" }, Nt = ["colspan"], Ut = ["data-column"], Ht = ["data-i"], Kt = ["data-column", "title", "onClick"], Pt = /* @__PURE__ */ z({
   __name: "LktHiddenRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -496,37 +496,37 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["update:modelValue", "click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = C(n.modelValue), o = (h, g, v) => {
-      r("click", h, ce("", { item: g, column: v }));
+    const i = t, n = l, r = C(n.modelValue), o = (h, g, v) => {
+      i("click", h, ce("", { item: g, column: v }));
     };
-    return A(() => n.modelValue, (h) => s.value = h), A(s, () => r("update:modelValue", s.value)), (h, g) => x((u(), m("tr", Ft, [
-      E("td", { colspan: h.hiddenColumnsColSpan }, [
-        E("table", null, [
-          E("tr", null, [
-            (u(!0), m($, null, W(h.hiddenColumns, (v) => (u(), m("th", {
+    return A(() => n.modelValue, (h) => r.value = h), A(r, () => i("update:modelValue", r.value)), (h, g) => x((s(), m("tr", Ot, [
+      I("td", { colspan: h.hiddenColumnsColSpan }, [
+        I("table", null, [
+          I("tr", null, [
+            (s(!0), m($, null, W(h.hiddenColumns, (v) => (s(), m("th", {
               "data-column": v.key
             }, [
-              E("div", null, j(v.label), 1)
+              I("div", null, j(v.label), 1)
             ], 8, Ut))), 256))
           ]),
-          E("tr", { "data-i": h.i }, [
-            (u(!0), m($, null, W(h.hiddenColumns, (v, a) => (u(), m("td", {
+          I("tr", { "data-i": h.i }, [
+            (s(!0), m($, null, W(h.hiddenColumns, (v, a) => (s(), m("td", {
               "data-column": v.key,
-              title: L(Y)(v, s.value, a, h.hiddenColumns),
-              onClick: (i) => o(i, s.value, v)
+              title: L(Y)(v, r.value, a, h.hiddenColumns),
+              onClick: (u) => o(u, r.value, v)
             }, [
               h.$slots[v.key] ? N(h.$slots, v.key, {
                 key: 0,
-                value: s.value[v.key],
-                item: s.value,
+                value: r.value[v.key],
+                item: r.value,
                 column: v,
                 i: a
-              }) : (u(), b(Me, {
+              }) : (s(), b(Me, {
                 key: 1,
                 column: v,
                 columns: h.hiddenColumns,
-                modelValue: s.value,
-                "onUpdate:modelValue": g[0] || (g[0] = (i) => s.value = i),
+                modelValue: r.value,
+                "onUpdate:modelValue": g[0] || (g[0] = (u) => r.value = u),
                 i: a
               }, null, 8, ["column", "columns", "modelValue", "i"]))
             ], 8, Kt))), 256))
@@ -537,7 +537,7 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       [ee, h.hiddenIsVisible]
     ]);
   }
-}), Le = /* @__PURE__ */ q({
+}), Le = /* @__PURE__ */ z({
   __name: "CreateButton",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -547,25 +547,25 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = f(() => O.createButtonSlot !== ""), o = f(() => O.createButtonSlot), h = f(() => n.text.startsWith("__:") ? z(n.text.substring(3)) : n.text);
+    const i = t, n = l, r = f(() => F.createButtonSlot !== ""), o = f(() => F.createButtonSlot), h = f(() => n.text.startsWith("__:") ? G(n.text.substring(3)) : n.text);
     return (g, v) => {
       const a = R("lkt-button");
-      return u(), b(a, {
+      return s(), b(a, {
         palette: "table-create",
         disabled: g.disabled,
-        icon: s.value ? "" : g.icon,
-        text: s.value ? "" : h.value,
+        icon: r.value ? "" : g.icon,
+        text: r.value ? "" : h.value,
         "on-click-to": g.to,
-        onClick: v[0] || (v[0] = (i) => r("click"))
+        onClick: v[0] || (v[0] = (u) => i("click"))
       }, {
         default: U(() => [
-          s.value ? (u(), b(Z(o.value), { key: 0 })) : y("", !0)
+          r.value ? (s(), b(Z(o.value), { key: 0 })) : y("", !0)
         ]),
         _: 1
       }, 8, ["disabled", "icon", "text", "on-click-to"]);
     };
   }
-}), Wt = ["data-column", "data-sortable", "data-sort", "colspan", "title"], _t = /* @__PURE__ */ q({
+}), Wt = ["data-column", "data-sortable", "data-sort", "colspan", "title"], _t = /* @__PURE__ */ z({
   __name: "TableHeader",
   props: {
     column: { default: () => ({}) },
@@ -576,21 +576,21 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const r = t, n = l, s = f(() => St(n.column, n.amountOfColumns, n.items)), o = f(() => n.column.sortable === !0), h = f(() => o.value && n.sortBy === n.column.key ? n.sortDirection : ""), g = f(() => n.column.label.startsWith("__:") ? z(n.column.label.substring(3)) : n.column.label), v = () => {
-      r("click", n.column);
+    const i = t, n = l, r = f(() => St(n.column, n.amountOfColumns, n.items)), o = f(() => n.column.sortable === !0), h = f(() => o.value && n.sortBy === n.column.key ? n.sortDirection : ""), g = f(() => n.column.label.startsWith("__:") ? G(n.column.label.substring(3)) : n.column.label), v = () => {
+      i("click", n.column);
     };
-    return (a, i) => (u(), m("th", {
+    return (a, u) => (s(), m("th", {
       "data-column": a.column.key,
       "data-sortable": o.value,
       "data-sort": h.value,
-      colspan: s.value,
+      colspan: r.value,
       title: g.value,
       onClick: v
     }, [
-      E("div", null, j(g.value), 1)
+      I("div", null, j(g.value), 1)
     ], 8, Wt));
   }
-}), jt = ["id"], Jt = { key: 0 }, Gt = { class: "lkt-table-page-buttons" }, zt = { key: 1 }, qt = { class: "switch-edition-mode" }, Qt = {
+}), jt = ["id"], qt = { key: 0 }, Jt = { class: "lkt-table-page-buttons" }, Gt = { key: 1 }, zt = { class: "switch-edition-mode" }, Qt = {
   key: 0,
   class: "lkt-table-page-buttons"
 }, Xt = {
@@ -611,12 +611,12 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
 }, sl = {
   key: 5,
   class: "lkt-table-page-buttons lkt-table-page-buttons-bottom"
-}, il = /* @__PURE__ */ q({
+}, rl = /* @__PURE__ */ z({
   __name: "LktTable",
   props: {
     modelValue: { default: () => [] },
     columns: { default: () => [] },
-    sorter: { type: Function, default: Ie },
+    sorter: { type: Function, default: Ee },
     draggableChecker: { type: Function, default: (l) => !0 },
     checkValidDrag: { type: Function, default: void 0 },
     sortable: { type: Boolean, default: !1 },
@@ -657,16 +657,18 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
     addNavigation: { type: Boolean, default: !1 },
     itemMode: { type: Boolean, default: !1 },
     createEnabledValidator: { type: Function, default: void 0 },
-    newValueGenerator: { type: Function, default: void 0 }
+    newValueGenerator: { type: Function, default: void 0 },
+    requiredItemsForTopCreate: { default: 0 },
+    requiredItemsForBottomCreate: { default: 0 }
   },
   emits: ["update:modelValue", "sort", "click", "save", "error", "before-save", "read-response"],
-  setup(l, { expose: t, emit: r }) {
-    const n = r, s = st(), o = l, h = {}, g = C(typeof o.sorter == "function" ? o.sorter : Ie), v = C(Dt(o.columns)), a = C("asc"), i = C(o.modelValue), _ = C(h), J = C(null), d = C(o.columns), M = C(o.page), S = C(!1), V = C(!1), p = C(o.perms), fe = C(null), Re = C({}), Q = C(new mt({ items: i.value }, o.dataStateConfig)), I = C(o.editMode), $e = (e) => {
-      Array.isArray(e) && (i.value = e), S.value = !1, V.value = !0, Q.value.store({ items: i.value }).turnStoredIntoOriginal();
+  setup(l, { expose: t, emit: i }) {
+    const n = i, r = st(), o = l, h = {}, g = C(typeof o.sorter == "function" ? o.sorter : Ee), v = C(Dt(o.columns)), a = C("asc"), u = C(o.modelValue), _ = C(h), q = C(null), d = C(o.columns), M = C(o.page), S = C(!1), V = C(!1), p = C(o.perms), fe = C(null), Re = C({}), Q = C(new mt({ items: u.value }, o.dataStateConfig)), E = C(o.editMode), $e = (e) => {
+      Array.isArray(e) && (u.value = e), S.value = !1, V.value = !0, Q.value.store({ items: u.value }).turnStoredIntoOriginal();
     }, Ae = (e) => {
       p.value = e;
-    }, Oe = (e) => {
     }, Fe = (e) => {
+    }, Oe = (e) => {
       n("read-response", e);
     }, Ne = () => de(() => S.value = !0), Ue = () => {
       fe.value.doRefresh();
@@ -675,7 +677,7 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       let e = [];
       return d.value.forEach((c) => {
         let k = c.key, T = !1;
-        i.value.forEach((D) => {
+        u.value.forEach((D) => {
           if (typeof D.checkEmpty == "function")
             return D.checkEmpty(D);
           D[k] && (T = !0);
@@ -686,21 +688,21 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       return o.sortable && ++e, e;
     }), Ke = f(() => d.value.filter((e) => e.isForRowKey)), pe = f(() => se.value.length > 0 && !o.sortable), Pe = f(() => d.value.map((e) => e.key)), ve = f(() => {
       let e = [];
-      for (let c in s) Pe.value.indexOf(c) !== -1 && e.push(c);
+      for (let c in r) Pe.value.indexOf(c) !== -1 && e.push(c);
       return e;
-    }), he = f(() => o.hiddenSave || S.value || !o.saveResource ? !1 : I.value && Q.value.changed() ? !0 : I.value), We = f(() => o.switchEditionEnabled ? !0 : he.value || I.value && o.canCreate), _e = f(() => o.saveDisabled || typeof o.saveValidator == "function" && !o.saveValidator(i.value) ? !1 : Q.value.changed()), je = f(() => i.value.length), Je = f(() => ({
-      items: i.value,
+    }), he = f(() => o.hiddenSave || S.value || !o.saveResource ? !1 : E.value && Q.value.changed() ? !0 : E.value), We = f(() => o.switchEditionEnabled ? !0 : he.value || E.value && o.canCreate), _e = f(() => o.saveDisabled || typeof o.saveValidator == "function" && !o.saveValidator(u.value) ? !1 : Q.value.changed()), je = f(() => u.value.length), qe = f(() => ({
+      items: u.value,
       ...o.saveResourceData
-    })), Ge = f(() => o.titleTag === "" ? "h2" : o.titleTag), ze = f(() => o.wrapContentTag === "" ? "div" : o.wrapContentTag), ie = f(() => o.title.startsWith("__:") ? z(o.title.substring(3)) : o.title), qe = f(() => o.saveText.startsWith("__:") ? z(o.saveText.substring(3)) : o.saveText), Qe = f(() => o.editModeText.startsWith("__:") ? z(o.editModeText.substring(3)) : o.editModeText), ne = f(() => p.value.includes("create")), Xe = f(() => p.value.includes("read")), Ye = f(() => p.value.includes("update")), re = f(() => p.value.includes("drop")), Ze = (e) => {
+    })), Je = f(() => o.titleTag === "" ? "h2" : o.titleTag), Ge = f(() => o.wrapContentTag === "" ? "div" : o.wrapContentTag), re = f(() => o.title.startsWith("__:") ? G(o.title.substring(3)) : o.title), ze = f(() => o.saveText.startsWith("__:") ? G(o.saveText.substring(3)) : o.saveText), Qe = f(() => o.editModeText.startsWith("__:") ? G(o.editModeText.substring(3)) : o.editModeText), ne = f(() => p.value.includes("create")), Xe = f(() => p.value.includes("read")), Ye = f(() => p.value.includes("update")), ie = f(() => p.value.includes("drop")), Ze = (e) => {
       let c = e.target;
       if (typeof c.dataset.column > "u")
         do
           c = c.parentNode;
         while (typeof c.dataset.column > "u" && c.tagName !== "TABLE" && c.tagName !== "body");
       if (c.tagName === "TD" && (c = c.parentNode, c = c.dataset.i, typeof c < "u"))
-        return i.value[c];
+        return u.value[c];
     }, ye = (e) => _.value["tr_" + e] === !0, ke = (e) => {
-      e && e.sortable && (i.value = i.value.sort((c, k) => g.value(c, k, e, a.value)), a.value = a.value === "asc" ? "desc" : "asc", v.value = e.key, n("sort", [v.value, a.value]));
+      e && e.sortable && (u.value = u.value.sort((c, k) => g.value(c, k, e, a.value)), a.value = a.value === "asc" ? "desc" : "asc", v.value = e.key, n("sort", [v.value, a.value]));
     }, be = (e, c) => {
       n("click", e, c);
     }, ge = (e, c) => {
@@ -710,8 +712,8 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       d.value.forEach((e) => {
         if (e.type === "select" && e.autoLoadSelectOptions) {
           let c = e.autoLoadSelectOptionsKey !== "" ? e.autoLoadSelectOptionsKey : e.key, k = [];
-          i.value.forEach((D) => {
-            Array.isArray(D[c]) && D[c].forEach((F) => k.push(F));
+          u.value.forEach((D) => {
+            Array.isArray(D[c]) && D[c].forEach((O) => k.push(O));
           });
           let T = {};
           k = k.filter(function(D) {
@@ -723,11 +725,11 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       if (typeof o.newValueGenerator == "function") {
         let e = o.newValueGenerator();
         if (typeof e == "object") {
-          i.value.push(e);
+          u.value.push(e);
           return;
         }
       }
-      i.value.push({});
+      u.value.push({});
     }, et = () => {
       S.value = !0;
     }, tt = () => {
@@ -745,11 +747,11 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
       }
       return e.splice(k, 0, e.splice(c, 1)[0]), e;
     }, ot = (e) => {
-      De(i.value, e, e - 1);
+      De(u.value, e, e - 1);
     }, at = (e) => {
-      De(i.value, e, e + 1);
+      De(u.value, e, e + 1);
     }, we = (e) => {
-      i.value.splice(e, 1);
+      u.value.splice(e, 1);
     }, nt = () => {
       let e = document.getElementById("lkt-table-body-" + oe);
       Re.value = new ft(e, {
@@ -757,8 +759,8 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
         handle: ".handle",
         animation: 150,
         onEnd: function(c) {
-          let k = c.oldIndex, T = c.newIndex, D = JSON.parse(JSON.stringify(i.value));
-          i.value.splice(k, 1, D[T]), i.value.splice(T, 1, D[k]);
+          let k = c.oldIndex, T = c.newIndex, D = JSON.parse(JSON.stringify(u.value));
+          u.value.splice(k, 1, D[T]), u.value.splice(T, 1, D[k]);
         },
         onMove: function(c, k) {
           return xe(c);
@@ -767,43 +769,43 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
     }, Te = (e, c, k = !1) => {
       let T = [oe, "row", c];
       return k && T.push("hidden"), Ke.value.forEach((D) => {
-        let F = String(e[D.key]).toLowerCase();
-        F.length > 50 && (F = F.substring(0, 50)), F = ct(F, " ", "-"), T.push(F);
+        let O = String(e[D.key]).toLowerCase();
+        O.length > 50 && (O = O.substring(0, 50)), O = ct(O, " ", "-"), T.push(O);
       }), T.join("-");
-    }, Be = f(() => typeof o.createEnabledValidator == "function" ? o.createEnabledValidator({ items: i.value }) : !0);
-    return it(() => {
-      Ce(), ke(wt(o.columns, v.value)), Q.value.store({ items: i.value }).turnStoredIntoOriginal(), o.sortable && de(() => {
+    }, Be = f(() => typeof o.createEnabledValidator == "function" ? o.createEnabledValidator({ items: u.value }) : !0);
+    return rt(() => {
+      Ce(), ke(wt(o.columns, v.value)), Q.value.store({ items: u.value }).turnStoredIntoOriginal(), o.sortable && de(() => {
         nt();
       });
-    }), A(() => o.editMode, (e) => I.value = e), A(() => o.columns, (e) => d.value = e), A(() => o.modelValue, (e) => i.value = e), A(i, (e) => {
+    }), A(() => o.editMode, (e) => E.value = e), A(() => o.columns, (e) => d.value = e), A(() => o.modelValue, (e) => u.value = e), A(u, (e) => {
       Ce(), Q.value.increment({ items: e }), n("update:modelValue", e);
     }, { deep: !0 }), t({
       getItemByEvent: Ze,
       doRefresh: Ue
     }), (e, c) => {
-      const k = R("lkt-button"), T = R("lkt-field-switch"), D = R("lkt-loader"), F = R("lkt-paginator");
-      return u(), m("section", {
+      const k = R("lkt-button"), T = R("lkt-field-switch"), D = R("lkt-loader"), O = R("lkt-paginator");
+      return s(), m("section", {
         class: "lkt-table-page",
         id: "lkt-table-page-" + L(oe)
       }, [
-        ie.value || L(s).title ? (u(), m("header", Jt, [
-          ie.value ? (u(), b(Z(Ge.value), { key: 0 }, {
+        re.value || L(r).title ? (s(), m("header", qt, [
+          re.value ? (s(), b(Z(Je.value), { key: 0 }, {
             default: U(() => [
-              e.titleIcon ? (u(), m("i", {
+              e.titleIcon ? (s(), m("i", {
                 key: 0,
                 class: te(e.titleIcon)
               }, null, 2)) : y("", !0),
-              le(" " + j(ie.value), 1)
+              le(" " + j(re.value), 1)
             ]),
             _: 1
           })) : y("", !0),
-          L(s).title ? N(e.$slots, "title", { key: 1 }) : y("", !0)
+          L(r).title ? N(e.$slots, "title", { key: 1 }) : y("", !0)
         ])) : y("", !0),
-        (u(), b(Z(ze.value), {
+        (s(), b(Z(Ge.value), {
           class: te(["lkt-table-page-content-wrapper", e.wrapContentClass])
         }, {
           default: U(() => [
-            x(E("div", Gt, [
+            x(I("div", Jt, [
               x(X(k, {
                 ref: "saveButton",
                 palette: "success",
@@ -811,24 +813,24 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                 "confirm-modal": e.saveConfirm,
                 "confirm-data": e.confirmData,
                 resource: e.saveResource,
-                "resource-data": Je.value,
+                "resource-data": qe.value,
                 onLoading: et,
                 onLoaded: tt,
                 onClick: lt
               }, {
                 default: U(() => [
-                  L(s)["button-save"] ? N(e.$slots, "button-save", {
+                  L(r)["button-save"] ? N(e.$slots, "button-save", {
                     key: 0,
-                    items: i.value,
+                    items: u.value,
                     editMode: e.editMode,
                     canUpdate: !e.saveDisabled
-                  }) : (u(), m("span", zt, j(qe.value), 1))
+                  }) : (s(), m("span", Gt, j(ze.value), 1))
                 ]),
                 _: 3
               }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"]), [
                 [ee, he.value]
               ]),
-              e.canCreate && ne.value && I.value ? (u(), b(Le, {
+              e.canCreate && ne.value && E.value && u.value.length >= e.requiredItemsForTopCreate ? (s(), b(Le, {
                 key: 0,
                 disabled: !Be.value,
                 text: e.createText,
@@ -836,10 +838,10 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                 to: e.createRoute,
                 onClick: Ve
               }, null, 8, ["disabled", "text", "icon", "to"])) : y("", !0),
-              E("div", qt, [
+              I("div", zt, [
                 x(X(T, {
-                  modelValue: I.value,
-                  "onUpdate:modelValue": c[0] || (c[0] = (w) => I.value = w),
+                  modelValue: E.value,
+                  "onUpdate:modelValue": c[0] || (c[0] = (w) => E.value = w),
                   label: Qe.value
                 }, null, 8, ["modelValue", "label"]), [
                   [ee, e.switchEditionEnabled]
@@ -848,63 +850,63 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
             ], 512), [
               [ee, We.value]
             ]),
-            L(s).buttons ? (u(), m("div", Qt, [
+            L(r).buttons ? (s(), m("div", Qt, [
               N(e.$slots, "buttons")
             ])) : y("", !0),
-            V.value && L(s).filters ? (u(), m("div", Xt, [
+            V.value && L(r).filters ? (s(), m("div", Xt, [
               N(e.$slots, "filters", {
-                items: i.value,
+                items: u.value,
                 isLoading: S.value
               })
             ])) : y("", !0),
-            S.value ? (u(), b(D, { key: 2 })) : y("", !0),
-            x(E("div", {
+            S.value ? (s(), b(D, { key: 2 })) : y("", !0),
+            x(I("div", {
               class: "lkt-table",
               "data-sortable": e.sortable
             }, [
-              e.itemMode ? (u(), m("div", {
+              e.itemMode ? (s(), m("div", {
                 key: 1,
                 class: te(["lkt-table-items-container", e.itemsContainerClass])
               }, [
-                (u(!0), m($, null, W(i.value, (w, B) => (u(), m("div", al, [
+                (s(!0), m($, null, W(u.value, (w, B) => (s(), m("div", al, [
                   N(e.$slots, "item", {
                     item: w,
                     index: B,
                     canCreate: ne.value,
                     canRead: Xe.value,
                     canUpdate: Ye.value,
-                    canDrop: re.value,
+                    canDrop: ie.value,
                     isLoading: S.value,
                     doDrop: () => we(B)
                   })
                 ]))), 256))
-              ], 2)) : (u(), m("table", Zt, [
-                E("thead", null, [
-                  E("tr", null, [
-                    e.sortable && I.value ? (u(), m("th", xt)) : y("", !0),
-                    e.addNavigation && I.value ? (u(), m("th", el)) : y("", !0),
-                    pe.value ? (u(), m("th", tl)) : y("", !0),
-                    (u(!0), m($, null, W(ae.value, (w) => (u(), m($, null, [
-                      ue.value.indexOf(w.key) === -1 ? (u(), b(_t, {
+              ], 2)) : (s(), m("table", Zt, [
+                I("thead", null, [
+                  I("tr", null, [
+                    e.sortable && E.value ? (s(), m("th", xt)) : y("", !0),
+                    e.addNavigation && E.value ? (s(), m("th", el)) : y("", !0),
+                    pe.value ? (s(), m("th", tl)) : y("", !0),
+                    (s(!0), m($, null, W(ae.value, (w) => (s(), m($, null, [
+                      ue.value.indexOf(w.key) === -1 ? (s(), b(_t, {
                         key: 0,
                         column: w,
                         "sort-by": v.value,
                         "sort-direction": a.value,
                         "amount-of-columns": e.columns.length,
-                        items: i.value,
+                        items: u.value,
                         onClick: (B) => ke(w)
                       }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : y("", !0)
                     ], 64))), 256)),
-                    e.canDrop && re.value && I.value ? (u(), m("th", ll)) : y("", !0)
+                    e.canDrop && ie.value && E.value ? (s(), m("th", ll)) : y("", !0)
                   ])
                 ]),
-                E("tbody", {
-                  ref: (w) => J.value = w,
+                I("tbody", {
+                  ref: (w) => q.value = w,
                   id: "lkt-table-body-" + L(oe)
                 }, [
-                  (u(!0), m($, null, W(i.value, (w, B) => (u(), b(Ot, {
-                    modelValue: i.value[B],
-                    "onUpdate:modelValue": (P) => i.value[B] = P,
+                  (s(!0), m($, null, W(u.value, (w, B) => (s(), b(Ft, {
+                    modelValue: u.value[B],
+                    "onUpdate:modelValue": (P) => u.value[B] = P,
                     key: Te(w, B),
                     i: B,
                     "display-hidden-columns-indicator": pe.value,
@@ -915,32 +917,32 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                     "add-navigation": e.addNavigation,
                     "hidden-is-visible": ye(B),
                     "latest-row": B + 1 === je.value,
-                    "can-drop": e.canDrop && re.value && I.value,
+                    "can-drop": e.canDrop && ie.value && E.value,
                     "drop-confirm": e.dropConfirm,
                     "drop-resource": e.dropResource,
                     "drop-text": e.dropText,
                     "drop-icon": e.dropIcon,
-                    "edit-mode-enabled": I.value,
+                    "edit-mode-enabled": E.value,
                     onClick: be,
                     onShow: ge,
                     onItemUp: ot,
                     onItemDown: at,
                     onItemDrop: we
-                  }, Ee({ _: 2 }, [
+                  }, Ie({ _: 2 }, [
                     W(ve.value, (P) => ({
                       name: P,
-                      fn: U((G) => [
+                      fn: U((J) => [
                         N(e.$slots, P, {
-                          item: G.item,
-                          value: G.value,
-                          column: G.column
+                          item: 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", "edit-mode-enabled"]))), 128)),
-                  se.value.length > 0 ? (u(!0), m($, { key: 0 }, W(i.value, (w, B) => (u(), b(Pt, {
-                    modelValue: i.value[B],
-                    "onUpdate:modelValue": (P) => i.value[B] = P,
+                  se.value.length > 0 ? (s(!0), m($, { key: 0 }, W(u.value, (w, B) => (s(), b(Pt, {
+                    modelValue: u.value[B],
+                    "onUpdate:modelValue": (P) => u.value[B] = P,
                     key: Te(w, B, !0),
                     i: B,
                     "hidden-columns": se.value,
@@ -952,14 +954,14 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                     "hidden-is-visible": ye(B),
                     onClick: be,
                     onShow: ge
-                  }, Ee({ _: 2 }, [
+                  }, Ie({ _: 2 }, [
                     W(ve.value, (P) => ({
                       name: P,
-                      fn: U((G) => [
+                      fn: U((J) => [
                         N(e.$slots, P, {
-                          item: G.item,
-                          value: G.value,
-                          column: G.column
+                          item: J.item,
+                          value: J.value,
+                          column: J.column
                         })
                       ])
                     }))
@@ -967,14 +969,14 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                 ], 8, ol)
               ]))
             ], 8, Yt), [
-              [ee, !S.value && i.value.length > 0]
+              [ee, !S.value && u.value.length > 0]
             ]),
-            e.$slots["no-items"] ? (u(), m("div", nl, [
+            e.$slots["no-items"] ? (s(), m("div", nl, [
               N(e.$slots, "no-items")
             ])) : y("", !0),
-            !S.value && i.value.length === 0 ? (u(), m("div", ul, j(e.noResultsText), 1)) : y("", !0),
-            e.canCreate && ne.value && I.value ? (u(), m("div", sl, [
-              e.canCreate && ne.value && I.value ? (u(), b(Le, {
+            !S.value && u.value.length === 0 ? (s(), m("div", ul, j(e.noResultsText), 1)) : y("", !0),
+            e.canCreate && ne.value && E.value ? (s(), m("div", sl, [
+              e.canCreate && ne.value && E.value && u.value.length >= e.requiredItemsForBottomCreate ? (s(), b(Le, {
                 key: 0,
                 disabled: !Be.value,
                 text: e.createText,
@@ -983,7 +985,7 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
                 onClick: Ve
               }, null, 8, ["disabled", "text", "icon", "to"])) : y("", !0)
             ])) : y("", !0),
-            X(F, {
+            X(O, {
               ref_key: "paginator",
               ref: fe,
               modelValue: M.value,
@@ -993,8 +995,8 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
               onResults: $e,
               onLoading: Ne,
               onPerms: Ae,
-              onCustom: Oe,
-              onResponse: Fe
+              onCustom: Fe,
+              onResponse: Oe
             }, null, 8, ["modelValue", "resource", "filters"])
           ]),
           _: 3
@@ -1004,23 +1006,23 @@ const Dl = (l, t, r = !0) => H(new K(l, t).setIsSortable(r)), wl = (l, t, r, n =
   }
 }), Al = {
   install: (l) => {
-    l.component("lkt-loader") === void 0 && l.use(pt), l.component("lkt-button") === void 0 && l.use(vt), l.component("lkt-paginator") === void 0 && l.use(ht), l.component("lkt-field-text") === void 0 && l.use(yt), l.component("lkt-field-textarea") === void 0 && l.use(kt), l.component("lkt-field-select") === void 0 && l.use(bt), l.component("lkt-field-switch") === void 0 && l.use(gt), l.component("lkt-field-file") === void 0 && l.use(Ct), l.component("lkt-table") === void 0 && l.component("lkt-table", il);
+    l.component("lkt-loader") === void 0 && l.use(pt), l.component("lkt-button") === void 0 && l.use(vt), l.component("lkt-paginator") === void 0 && l.use(ht), l.component("lkt-field-text") === void 0 && l.use(yt), l.component("lkt-field-textarea") === void 0 && l.use(kt), l.component("lkt-field-select") === void 0 && l.use(bt), l.component("lkt-field-switch") === void 0 && l.use(gt), l.component("lkt-field-file") === void 0 && l.use(Ct), l.component("lkt-table") === void 0 && l.component("lkt-table", rl);
   }
-}, Ol = (l) => (O.navButtonSlot = l, !0), Fl = (l) => (O.dropButtonSlot = l, !0), Nl = (l) => (O.createButtonSlot = l, !0);
+}, Fl = (l) => (F.navButtonSlot = l, !0), Ol = (l) => (F.dropButtonSlot = l, !0), Nl = (l) => (F.createButtonSlot = l, !0);
 export {
   K as LktTableColumn,
   Tl as createActionColumn,
   Ll as createCheckColumn,
   Dl as createColumn,
-  El as createEmailColumn,
+  Il as createEmailColumn,
   $l as createHiddenColumn,
   wl as createLinkColumn,
   Rl as createSelectColumn,
   Ml as createSwitchColumn,
-  Il as createTelColumn,
+  El as createTelColumn,
   Bl as createTextColumn,
   Al as default,
   Nl as setTableCreateButtonSlot,
-  Fl as setTableDropButtonSlot,
-  Ol as setTableNavButtonSlot
+  Ol as setTableDropButtonSlot,
+  Fl as setTableNavButtonSlot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "",
   "keywords": [
     "lkt",

package/src/lib-components/LktTable.vue

@@ -66,6 +66,8 @@ const props = withDefaults(defineProps<{
     itemMode?: boolean
     createEnabledValidator?: Function
     newValueGenerator?: Function
+    requiredItemsForTopCreate: number
+    requiredItemsForBottomCreate: number
 }>(), {
     modelValue: () => [],
     columns: () => [],
@@ -113,6 +115,8 @@ const props = withDefaults(defineProps<{
     itemMode: false,
     createEnabledValidator: undefined,
     newValueGenerator: undefined,
+    requiredItemsForTopCreate: 0,
+    requiredItemsForBottomCreate: 0,
 });
 
 const hiddenColumnsStack: LktObject = {};
@@ -493,7 +497,7 @@ defineExpose({
                 </lkt-button>
 
                 <create-button
-                    v-if="canCreate && hasCreatePerm && editModeEnabled"
+                    v-if="canCreate && hasCreatePerm && editModeEnabled && Items.length >= requiredItemsForTopCreate"
                     :disabled="!createEnabled"
                     :text="createText"
                     :icon="createIcon"
@@ -640,7 +644,7 @@ defineExpose({
 
             <div v-if="canCreate && hasCreatePerm && editModeEnabled" class="lkt-table-page-buttons lkt-table-page-buttons-bottom">
                 <create-button
-                    v-if="canCreate && hasCreatePerm && editModeEnabled"
+                    v-if="canCreate && hasCreatePerm && editModeEnabled && Items.length >= requiredItemsForBottomCreate"
                     :disabled="!createEnabled"
                     :text="createText"
                     :icon="createIcon"