lkt-table 1.0.16 → 1.0.17

package/dist/lkt-table.es.js

@@ -1,7 +1,7 @@
-var ue = Object.defineProperty;
-var se = (e, t, l) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var y = (e, t, l) => (se(e, typeof t != "symbol" ? t + "" : t, l), l);
-import { reactive as w, defineComponent as M, ref as S, watch as D, nextTick as re, resolveComponent as x, openBlock as n, createBlock as b, withCtx as R, createTextVNode as _, toDisplayString as O, unref as V, createElementBlock as h, Fragment as A, createCommentVNode as E, normalizeClass as de, renderList as $, renderSlot as H, withDirectives as ce, createElementVNode as T, vShow as me, useSlots as fe, computed as B, onMounted as he, createSlots as W } from "vue";
+var se = Object.defineProperty;
+var ue = (e, t, l) => t in e ? se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var y = (e, t, l) => (ue(e, typeof t != "symbol" ? t + "" : t, l), l);
+import { reactive as w, defineComponent as K, ref as p, watch as T, nextTick as re, resolveComponent as x, openBlock as a, createBlock as b, withCtx as R, createTextVNode as _, toDisplayString as O, unref as S, createElementBlock as h, Fragment as A, createCommentVNode as D, normalizeClass as de, renderList as E, renderSlot as H, withDirectives as ce, createElementVNode as $, vShow as me, useSlots as fe, computed as B, onMounted as he, createSlots as W } from "vue";
 import ye from "vuedraggable";
 import { httpCall as ve } from "lkt-http-client";
 import { createLktEvent as X } from "lkt-events";
@@ -9,8 +9,8 @@ import { generateRandomString as ke } from "lkt-string-tools";
 import be from "lkt-field-check";
 import ge from "lkt-field-text";
 import Ce from "lkt-field-switch";
-import Se from "lkt-field-select";
-import Ve from "lkt-loader";
+import pe from "lkt-field-select";
+import Se from "lkt-loader";
 class I {
   constructor(t = "", l = "") {
     y(this, "key");
@@ -32,7 +32,9 @@ class I {
     y(this, "resourceLoaded");
     y(this, "valueSlot");
     y(this, "editSlot");
-    this.key = t, this.label = l, 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 = "";
+    y(this, "multipleDisplay");
+    y(this, "multipleDisplayEdition");
+    this.key = t, this.label = l, 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;
@@ -128,36 +130,42 @@ class I {
   setValueSlot(t) {
     return this.valueSlot = t, this;
   }
+  setMultipleDisplay(t) {
+    return this.multipleDisplay = t, this;
+  }
+  setMultipleDisplayEdition(t) {
+    return this.multipleDisplayEdition = t, this;
+  }
 }
-const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i = !0) => w(new I(e, t).setIsSortable(i).defineAsLink(l)), ut = (e, t, l, i = !0) => w(new I(e, t).setIsSortable(i).defineAsAction(l)), st = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsText()), rt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsEmail()), dt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsTel()), ct = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsCheck()), mt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsSwitch()), ft = (e, t, l, i = !0) => w(new I(e, t).setIsSortable(i).defineAsSelect(l)), ht = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).setIsHidden(!0)), ee = (e, t, l, i) => {
+const nt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, n = !0) => w(new I(e, t).setIsSortable(n).defineAsLink(l)), st = (e, t, l, n = !0) => w(new I(e, t).setIsSortable(n).defineAsAction(l)), ut = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsText()), rt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsEmail()), dt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsTel()), ct = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsCheck()), mt = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).defineAsSwitch()), ft = (e, t, l, n = !0) => w(new I(e, t).setIsSortable(n).defineAsSelect(l)), ht = (e, t, l = !0) => w(new I(e, t).setIsSortable(l).setIsHidden(!0)), ee = (e, t, l, n) => {
   if (!l)
     return 0;
-  let u = e[l.key], a = t[l.key];
-  if (i === "asc") {
-    if (u > a)
+  let s = e[l.key], i = t[l.key];
+  if (n === "asc") {
+    if (s > i)
       return 1;
-    if (a > u)
+    if (i > s)
       return -1;
   } else {
-    if (u > a)
+    if (s > i)
       return -1;
-    if (a > u)
+    if (i > s)
       return 1;
   }
   return 0;
-}, U = (e, t, l) => e.formatter && typeof e.formatter == "function" ? e.formatter(t[e.key], t, e, l) : t[e.key], pe = (e, t, l) => {
+}, U = (e, t, l) => e.formatter && typeof e.formatter == "function" ? e.formatter(t[e.key], t, e, l) : t[e.key], Ve = (e, t, l) => {
   if (!e.colspan)
     return -1;
-  let i = t;
-  return l.forEach((u) => {
-    let a = Y(e, u);
-    a > 0 && a < i && (i = a);
-  }), i;
+  let n = t;
+  return l.forEach((s) => {
+    let i = Y(e, s);
+    i > 0 && i < n && (n = i);
+  }), n;
 }, Y = (e, t) => e.colspan === !1 ? !1 : typeof e.colspan == "function" ? e.colspan(t) : e.colspan, Le = (e, t, l) => {
   if (typeof e != "object" || !e.key || t.indexOf(e.key) > -1)
     return !1;
-  let i = Y(e, l);
-  return typeof e.colspan > "u" ? !0 : (typeof e.colspan < "u" && (typeof e.colspan == "function" ? i = parseInt(e.colspan()) : i = parseInt(e.colspan)), i > 0);
+  let n = Y(e, l);
+  return typeof e.colspan > "u" ? !0 : (typeof e.colspan < "u" && (typeof e.colspan == "function" ? n = parseInt(e.colspan()) : n = parseInt(e.colspan)), n > 0);
 }, Ae = (e = []) => {
   if (e.length > 0) {
     for (let t = 0; t < e.length; ++t)
@@ -172,7 +180,7 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
         return e[l];
   }
   return null;
-}, Ie = { name: "LktTableCell", inheritAttrs: !1 }, le = /* @__PURE__ */ M({
+}, Ie = { name: "LktTableCell", inheritAttrs: !1 }, le = /* @__PURE__ */ K({
   ...Ie,
   props: {
     modelValue: { type: Object, default: () => ({}) },
@@ -181,90 +189,92 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
   },
   emits: ["edited"],
   setup(e, { emit: t }) {
-    const l = t, i = e, u = S(i.modelValue), a = S(u.value[i.column.key]), v = S(null), p = S(i.column.showLoading());
-    return D(a, () => {
-      const s = JSON.parse(JSON.stringify(u.value));
-      s[i.column.key] = a.value, l("edited", s, i.i);
-    }), D(() => i.modelValue, (s) => {
-      u.value = s, a.value = u.value[i.column.key];
-    }), D(() => i.column, () => {
-      i.column.resourceLoaded && re(() => p.value = !1);
-    }, { deep: !0 }), i.column.hasToLoadResource() && i.column.loadResource(), (s, r) => {
-      const d = x("router-link"), C = x("lkt-field-text"), K = x("lkt-field-check"), F = x("lkt-field-switch"), j = x("lkt-loader"), N = x("lkt-field-select");
-      return e.column.type === "link" ? (n(), b(d, {
+    const l = t, n = e, s = p(n.modelValue), i = p(s.value[n.column.key]), v = p(null), V = p(n.column.showLoading());
+    return T(i, () => {
+      const u = JSON.parse(JSON.stringify(s.value));
+      u[n.column.key] = i.value, l("edited", u, n.i);
+    }), T(() => n.modelValue, (u) => {
+      s.value = u, i.value = s.value[n.column.key];
+    }), T(() => n.column, () => {
+      n.column.resourceLoaded && re(() => V.value = !1);
+    }, { deep: !0 }), n.column.hasToLoadResource() && n.column.loadResource(), (u, r) => {
+      const d = x("router-link"), C = x("lkt-field-text"), M = x("lkt-field-check"), F = x("lkt-field-switch"), j = x("lkt-loader"), N = x("lkt-field-select");
+      return e.column.type === "link" ? (a(), b(d, {
         key: 0,
-        to: e.column.getHref(u.value)
+        to: e.column.getHref(s.value)
       }, {
         default: R(() => [
-          _(O(V(U)(e.column, u.value, e.i)), 1)
+          _(O(S(U)(e.column, s.value, e.i)), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : e.column.type === "action" ? (n(), h("a", {
+      }, 8, ["to"])) : e.column.type === "action" ? (a(), h("a", {
         key: 1,
         href: "#",
-        onClick: r[0] || (r[0] = (f) => e.column.doAction(u.value))
-      }, O(V(U)(e.column, u.value, e.i)), 1)) : e.column.type === "text" ? (n(), b(C, {
+        onClick: r[0] || (r[0] = (f) => e.column.doAction(s.value))
+      }, O(S(U)(e.column, s.value, e.i)), 1)) : e.column.type === "text" ? (a(), b(C, {
         key: 2,
         "read-mode": !e.column.editable,
         ref: (f) => v.value = f,
         "edit-slot": e.column.editSlot,
         "value-slot": e.column.valueSlot,
-        modelValue: a.value,
-        "onUpdate:modelValue": r[1] || (r[1] = (f) => a.value = f)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "email" ? (n(), b(C, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[1] || (r[1] = (f) => i.value = f)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "email" ? (a(), b(C, {
         key: 3,
         "read-mode": !e.column.editable,
         ref: (f) => v.value = f,
         "edit-slot": e.column.editSlot,
         "value-slot": e.column.valueSlot,
         "is-email": "",
-        modelValue: a.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (f) => a.value = f)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "tel" ? (n(), b(C, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (f) => i.value = f)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "tel" ? (a(), b(C, {
         key: 4,
         "read-mode": !e.column.editable,
         ref: (f) => v.value = f,
         "edit-slot": e.column.editSlot,
         "value-slot": e.column.valueSlot,
         "is-tel": "",
-        modelValue: a.value,
-        "onUpdate:modelValue": r[3] || (r[3] = (f) => a.value = f)
-      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "check" ? (n(), b(K, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[3] || (r[3] = (f) => i.value = f)
+      }, null, 8, ["read-mode", "edit-slot", "value-slot", "modelValue"])) : e.column.type === "check" ? (a(), b(M, {
         key: 5,
         "read-mode": !e.column.editable,
         ref: (f) => v.value = f,
-        modelValue: a.value,
-        "onUpdate:modelValue": r[4] || (r[4] = (f) => a.value = f)
-      }, null, 8, ["read-mode", "modelValue"])) : e.column.type === "switch" ? (n(), b(F, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[4] || (r[4] = (f) => i.value = f)
+      }, null, 8, ["read-mode", "modelValue"])) : e.column.type === "switch" ? (a(), b(F, {
         key: 6,
         "read-mode": !e.column.editable,
         ref: (f) => v.value = f,
-        modelValue: a.value,
-        "onUpdate:modelValue": r[5] || (r[5] = (f) => a.value = f)
-      }, null, 8, ["read-mode", "modelValue"])) : e.column.type === "select" ? (n(), h(A, { key: 7 }, [
-        p.value ? (n(), b(j, { key: 0 })) : (n(), b(N, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[5] || (r[5] = (f) => i.value = f)
+      }, null, 8, ["read-mode", "modelValue"])) : e.column.type === "select" ? (a(), h(A, { key: 7 }, [
+        V.value ? (a(), b(j, { key: 0 })) : (a(), b(N, {
           key: 1,
           "read-mode": !e.column.editable,
           ref: (f) => v.value = f,
-          modelValue: a.value,
-          "onUpdate:modelValue": r[6] || (r[6] = (f) => a.value = f),
+          modelValue: i.value,
+          "onUpdate:modelValue": r[6] || (r[6] = (f) => i.value = f),
           resource: e.column.resource,
           "resource-data": e.column.resourceData,
           options: e.column.options,
-          multiple: e.column.isMultiple
-        }, null, 8, ["read-mode", "modelValue", "resource", "resource-data", "options", "multiple"]))
-      ], 64)) : (n(), h(A, { key: 8 }, [
-        _(O(V(U)(e.column, u.value, e.i)), 1)
+          multiple: e.column.isMultiple,
+          "multiple-display": e.column.multipleDisplay,
+          "multiple-display-edition": e.column.multipleDisplayEdition
+        }, null, 8, ["read-mode", "modelValue", "resource", "resource-data", "options", "multiple", "multiple-display", "multiple-display-edition"]))
+      ], 64)) : (a(), h(A, { key: 8 }, [
+        _(O(S(U)(e.column, s.value, e.i)), 1)
       ], 64));
     };
   }
-}), $e = ["data-i", "data-handle-drag"], Ee = {
+}), Ee = ["data-i", "data-handle-drag"], De = {
   key: 0,
   "data-role": "drag-indicator"
-}, Te = {
+}, $e = {
   key: 1,
   "data-role": "invalid-drag-indicator"
-}, De = ["data-column", "colspan", "title", "onClick"], Be = { name: "LktTableRow", inheritAttrs: !1 }, te = /* @__PURE__ */ M({
+}, Te = ["data-column", "colspan", "title", "onClick"], Be = { name: "LktTableRow", inheritAttrs: !1 }, te = /* @__PURE__ */ K({
   ...Be,
   props: {
     isDraggable: { type: Boolean, default: !0 },
@@ -278,51 +288,51 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
   },
   emits: ["edited", "click", "show"],
   setup(e, { emit: t }) {
-    const l = t, i = e, u = S(i.item), a = (s, r, d) => {
-      l("click", s, X("", { item: r, column: d }));
-    }, v = (s, r) => {
-      l("show", s, X("", { i: r }));
-    }, p = (s, r) => {
-      u.value = s;
+    const l = t, n = e, s = p(n.item), i = (u, r, d) => {
+      l("click", u, X("", { item: r, column: d }));
+    }, v = (u, r) => {
+      l("show", u, X("", { i: r }));
+    }, V = (u, r) => {
+      s.value = u;
     };
-    return D(() => i.item, (s) => u.value = s), D(u, () => l("edited", u.value, i.i)), (s, r) => (n(), h("tr", {
+    return T(() => n.item, (u) => s.value = u), T(s, () => l("edited", s.value, n.i)), (u, r) => (a(), h("tr", {
       "data-i": e.i,
       "data-handle-drag": e.isDraggable
     }, [
-      e.sortable && e.isDraggable ? (n(), h("td", Ee)) : e.sortable ? (n(), h("td", Te)) : E("", !0),
-      e.displayHiddenColumnsIndicator ? (n(), h("td", {
+      e.sortable && e.isDraggable ? (a(), h("td", De)) : e.sortable ? (a(), h("td", $e)) : D("", !0),
+      e.displayHiddenColumnsIndicator ? (a(), h("td", {
         key: 2,
         onClick: r[0] || (r[0] = (d) => v(d, e.i)),
         "data-role": "show-more",
         class: de(e.hiddenIsVisible ? "state-open" : "")
-      }, null, 2)) : E("", !0),
-      (n(!0), h(A, null, $(e.visibleColumns, (d) => (n(), h(A, null, [
-        V(Le)(d, e.emptyColumns, e.item) ? (n(), h("td", {
+      }, null, 2)) : D("", !0),
+      (a(!0), h(A, null, E(e.visibleColumns, (d) => (a(), h(A, null, [
+        S(Le)(d, e.emptyColumns, e.item) ? (a(), h("td", {
           key: 0,
           "data-column": d.key,
-          colspan: V(Y)(d, e.item),
-          title: V(U)(d, e.item, e.i),
-          onClick: (C) => a(C, e.item, d)
+          colspan: S(Y)(d, e.item),
+          title: S(U)(d, e.item, e.i),
+          onClick: (C) => i(C, e.item, d)
         }, [
-          s.$slots[d.key] ? H(s.$slots, d.key, {
+          u.$slots[d.key] ? H(u.$slots, d.key, {
             key: 0,
             value: e.item[d.key],
             item: e.item,
             column: d,
             i: e.i
-          }) : e.item ? (n(), b(le, {
+          }) : e.item ? (a(), b(le, {
             key: 1,
             column: d,
-            modelValue: u.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (C) => u.value = C),
+            modelValue: s.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (C) => s.value = C),
             i: e.i,
-            onEdited: p
-          }, null, 8, ["column", "modelValue", "i"])) : E("", !0)
-        ], 8, De)) : E("", !0)
+            onEdited: V
+          }, null, 8, ["column", "modelValue", "i"])) : D("", !0)
+        ], 8, Te)) : D("", !0)
       ], 64))), 256))
-    ], 8, $e));
+    ], 8, Ee));
   }
-}), Ne = { "data-role": "hidden-row" }, xe = ["colspan"], He = ["data-column"], Fe = ["data-i"], Re = ["data-column", "title", "onClick"], Oe = { name: "LktHiddenRow", inheritAttrs: !1 }, Ue = /* @__PURE__ */ M({
+}), Ne = { "data-role": "hidden-row" }, xe = ["colspan"], He = ["data-column"], Fe = ["data-i"], Re = ["data-column", "title", "onClick"], Oe = { name: "LktHiddenRow", inheritAttrs: !1 }, Ue = /* @__PURE__ */ K({
   ...Oe,
   props: {
     isDraggable: { type: Boolean, default: !0 },
@@ -337,36 +347,36 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: t }) {
-    const l = t, i = e, u = S(i.modelValue), a = (v, p, s) => {
-      l("click", v, X("", { item: p, column: s }));
+    const l = t, n = e, s = p(n.modelValue), i = (v, V, u) => {
+      l("click", v, X("", { item: V, column: u }));
     };
-    return D(() => i.modelValue, (v) => u.value = v), D(u, () => l("update:modelValue", u.value)), (v, p) => ce((n(), h("tr", Ne, [
-      T("td", { colspan: e.hiddenColumnsColSpan }, [
-        T("table", null, [
-          T("tr", null, [
-            (n(!0), h(A, null, $(e.hiddenColumns, (s) => (n(), h("th", {
-              "data-column": s.key
+    return T(() => n.modelValue, (v) => s.value = v), T(s, () => l("update:modelValue", s.value)), (v, V) => ce((a(), h("tr", Ne, [
+      $("td", { colspan: e.hiddenColumnsColSpan }, [
+        $("table", null, [
+          $("tr", null, [
+            (a(!0), h(A, null, E(e.hiddenColumns, (u) => (a(), h("th", {
+              "data-column": u.key
             }, [
-              T("div", null, O(s.label), 1)
+              $("div", null, O(u.label), 1)
             ], 8, He))), 256))
           ]),
-          T("tr", { "data-i": e.i }, [
-            (n(!0), h(A, null, $(e.hiddenColumns, (s, r) => (n(), h("td", {
-              "data-column": s.key,
-              title: V(U)(s, u.value, r),
-              onClick: (d) => a(d, u.value, s)
+          $("tr", { "data-i": e.i }, [
+            (a(!0), h(A, null, E(e.hiddenColumns, (u, r) => (a(), h("td", {
+              "data-column": u.key,
+              title: S(U)(u, s.value, r),
+              onClick: (d) => i(d, s.value, u)
             }, [
-              v.$slots[s.key] ? H(v.$slots, s.key, {
+              v.$slots[u.key] ? H(v.$slots, u.key, {
                 key: 0,
-                value: u.value[s.key],
-                item: u.value,
-                column: s,
+                value: s.value[u.key],
+                item: s.value,
+                column: u,
                 i: r
-              }) : (n(), b(le, {
+              }) : (a(), b(le, {
                 key: 1,
-                column: s,
-                modelValue: u.value,
-                "onUpdate:modelValue": p[0] || (p[0] = (d) => u.value = d),
+                column: u,
+                modelValue: s.value,
+                "onUpdate:modelValue": V[0] || (V[0] = (d) => s.value = d),
                 i: r
               }, null, 8, ["column", "modelValue", "i"]))
             ], 8, Re))), 256))
@@ -377,13 +387,13 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
       [me, e.hiddenIsVisible]
     ]);
   }
-}), Ke = ["data-sortable"], Me = {
+}), Me = ["data-sortable"], Ke = {
   key: 0,
   "data-role": "drag-indicator"
 }, je = { key: 1 }, ze = ["data-column", "data-sortable", "data-sort", "colspan", "title", "onClick"], Je = { key: 1 }, qe = {
   key: 1,
   class: "lkt-empty-table"
-}, Ge = { name: "LktTable", inheritAttrs: !1 }, Pe = /* @__PURE__ */ M({
+}, Ge = { name: "LktTable", inheritAttrs: !1 }, Pe = /* @__PURE__ */ K({
   ...Ge,
   props: {
     modelValue: { type: Array, default: () => [] },
@@ -397,11 +407,11 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
   },
   emits: ["update:modelValue", "sort", "click"],
   setup(e, { expose: t, emit: l }) {
-    const i = l, u = fe(), a = e, v = {}, p = S(typeof a.sorter == "function" ? a.sorter : ee), s = S(Ae(a.columns)), r = S("asc"), d = S(a.modelValue), C = S(v), K = S(!1), F = ke(12), j = B(() => d.value.length > 0), N = B(() => {
-      if (!a.hideEmptyColumns)
+    const n = l, s = fe(), i = e, v = {}, V = p(typeof i.sorter == "function" ? i.sorter : ee), u = p(Ae(i.columns)), r = p("asc"), d = p(i.modelValue), C = p(v), M = p(!1), F = ke(12), j = B(() => d.value.length > 0), N = B(() => {
+      if (!i.hideEmptyColumns)
         return [];
       let o = [];
-      return a.columns.forEach((c) => {
+      return i.columns.forEach((c) => {
         let m = c.key, k = !1;
         d.value.forEach((g) => {
           if (typeof g.checkEmpty == "function")
@@ -409,15 +419,15 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
           g[m] && (k = !0);
         }), k || o.push(m);
       }), o;
-    }), f = B(() => a.columns.filter((o) => !o.hidden)), z = B(() => a.columns.filter((o) => o.hidden)), ae = B(() => {
+    }), f = B(() => i.columns.filter((o) => !o.hidden)), z = B(() => i.columns.filter((o) => o.hidden)), ie = B(() => {
       let o = f.value.length + 1;
-      return a.sortable && ++o, o;
-    }), J = B(() => z.value.length > 0 && !a.sortable), ne = B(() => a.columns.map((o) => o.key)), q = B(() => {
+      return i.sortable && ++o, o;
+    }), J = B(() => z.value.length > 0 && !i.sortable), ae = B(() => i.columns.map((o) => o.key)), q = B(() => {
       let o = [];
-      for (let c in u)
-        ne.value.indexOf(c) !== -1 && o.push(c);
+      for (let c in s)
+        ae.value.indexOf(c) !== -1 && o.push(c);
       return o;
-    }), ie = (o) => {
+    }), ne = (o) => {
       let c = o.target;
       if (typeof c.dataset.column > "u")
         do
@@ -426,9 +436,9 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
       if (c.tagName === "TD" && (c = c.parentNode, c = c.dataset.i, typeof c < "u"))
         return d.value[c];
     }, G = (o) => C.value["tr_" + o] === !0, Z = (o) => {
-      !o || o.sortable && (d.value = d.value.sort((c, m) => p.value(c, m, o, r.value)), r.value = r.value === "asc" ? "desc" : "asc", s.value = o.key, i("sort", [s.value, r.value]));
+      !o || o.sortable && (d.value = d.value.sort((c, m) => V.value(c, m, o, r.value)), r.value = r.value === "asc" ? "desc" : "asc", u.value = o.key, n("sort", [u.value, r.value]));
     }, P = (o, c) => {
-      i("click", o, c);
+      n("click", o, c);
     }, Q = (o, c) => {
       let m = "tr_" + c.value.i;
       C.value[m] = typeof C.value[m] > "u" ? !0 : !C.value[m];
@@ -436,49 +446,49 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
       d.value[c] = o;
     };
     return he(() => {
-      Z(we(a.columns, s.value));
-    }), D(() => a.modelValue, (o) => d.value = o), D(d, (o) => {
-      i("update:modelValue", o);
-    }), t({ getItemByEvent: ie }), (o, c) => j.value ? (n(), h("div", {
+      Z(we(i.columns, u.value));
+    }), T(() => i.modelValue, (o) => d.value = o), T(d, (o) => {
+      n("update:modelValue", o);
+    }), t({ getItemByEvent: ne }), (o, c) => j.value ? (a(), h("div", {
       key: 0,
       class: "lkt-table",
       "data-sortable": e.sortable
     }, [
-      T("table", null, [
-        T("thead", null, [
-          T("tr", null, [
-            e.sortable ? (n(), h("th", Me)) : E("", !0),
-            J.value ? (n(), h("th", je)) : E("", !0),
-            (n(!0), h(A, null, $(f.value, (m) => (n(), h(A, null, [
-              N.value.indexOf(m.key) === -1 ? (n(), h("th", {
+      $("table", null, [
+        $("thead", null, [
+          $("tr", null, [
+            e.sortable ? (a(), h("th", Ke)) : D("", !0),
+            J.value ? (a(), h("th", je)) : D("", !0),
+            (a(!0), h(A, null, E(f.value, (m) => (a(), h(A, null, [
+              N.value.indexOf(m.key) === -1 ? (a(), h("th", {
                 key: 0,
                 "data-column": m.key,
                 "data-sortable": m.sortable === !0,
-                "data-sort": m.sortable === !0 && s.value === m.key ? r.value : "",
-                colspan: V(pe)(m, e.columns.length, d.value),
+                "data-sort": m.sortable === !0 && u.value === m.key ? r.value : "",
+                colspan: S(Ve)(m, e.columns.length, d.value),
                 title: m.label,
                 onClick: (k) => Z(m)
               }, [
-                T("div", null, O(m.label), 1)
-              ], 8, ze)) : E("", !0)
+                $("div", null, O(m.label), 1)
+              ], 8, ze)) : D("", !0)
             ], 64))), 256))
           ])
         ]),
-        e.sortable ? (n(), b(V(ye), {
+        e.sortable ? (a(), b(S(ye), {
           key: 0,
           modelValue: d.value,
           "onUpdate:modelValue": c[0] || (c[0] = (m) => d.value = m),
           move: e.checkValidDrag,
           itemKey: e.draggableItemKey,
-          onStart: c[1] || (c[1] = (m) => K.value = !0),
-          onEnd: c[2] || (c[2] = (m) => K.value = !1),
+          onStart: c[1] || (c[1] = (m) => M.value = !0),
+          onEnd: c[2] || (c[2] = (m) => M.value = !1),
           tag: "tbody",
           class: "lkt-sortable-table",
           handle: "[data-handle-drag]"
         }, {
           item: R(({ element: m, index: k }) => [
-            (n(), b(te, {
-              key: V(F) + "-" + k,
+            (a(), b(te, {
+              key: S(F) + "-" + k,
               i: k,
               item: m,
               "display-hidden-columns-indicator": J.value,
@@ -490,7 +500,7 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
               onClick: P,
               onShow: Q
             }, W({ _: 2 }, [
-              $(q.value, (g) => ({
+              E(q.value, (g) => ({
                 name: g,
                 fn: R((L) => [
                   H(o.$slots, g, {
@@ -503,9 +513,9 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
             ]), 1032, ["i", "item", "display-hidden-columns-indicator", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))
           ]),
           _: 3
-        }, 8, ["modelValue", "move", "itemKey"])) : (n(), h("tbody", Je, [
-          (n(!0), h(A, null, $(d.value, (m, k) => (n(), b(te, {
-            key: V(F) + "-" + k,
+        }, 8, ["modelValue", "move", "itemKey"])) : (a(), h("tbody", Je, [
+          (a(!0), h(A, null, E(d.value, (m, k) => (a(), b(te, {
+            key: S(F) + "-" + k,
             i: k,
             item: m,
             "display-hidden-columns-indicator": J.value,
@@ -518,7 +528,7 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
             onShow: Q,
             onEdited: oe
           }, W({ _: 2 }, [
-            $(q.value, (g) => ({
+            E(q.value, (g) => ({
               name: g,
               fn: R((L) => [
                 H(o.$slots, g, {
@@ -529,12 +539,12 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
               ])
             }))
           ]), 1032, ["i", "item", "display-hidden-columns-indicator", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))), 128)),
-          z.value.length > 0 ? (n(!0), h(A, { key: 0 }, $(d.value, (m, k) => (n(), b(Ue, {
-            key: V(F) + "-" + k,
+          z.value.length > 0 ? (a(!0), h(A, { key: 0 }, E(d.value, (m, k) => (a(), b(Ue, {
+            key: S(F) + "-" + k,
             i: k,
             item: m,
             "hidden-columns": z.value,
-            "hidden-columns-col-span": ae.value,
+            "hidden-columns-col-span": ie.value,
             "is-draggable": e.draggableChecker ? e.draggableChecker(m) : !0,
             sortable: e.sortable,
             "visible-columns": f.value,
@@ -543,7 +553,7 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
             onClick: P,
             onShow: Q
           }, W({ _: 2 }, [
-            $(q.value, (g) => ({
+            E(q.value, (g) => ({
               name: g,
               fn: R((L) => [
                 H(o.$slots, g, {
@@ -553,29 +563,29 @@ const it = (e, t, l = !0) => w(new I(e, t).setIsSortable(l)), ot = (e, t, l, i =
                 })
               ])
             }))
-          ]), 1032, ["i", "item", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))), 128)) : E("", !0)
+          ]), 1032, ["i", "item", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible"]))), 128)) : D("", !0)
         ]))
       ])
-    ], 8, Ke)) : o.$slots["no-items"] ? (n(), h("div", qe, [
+    ], 8, Me)) : o.$slots["no-items"] ? (a(), h("div", qe, [
       H(o.$slots, "no-items")
-    ])) : E("", !0);
+    ])) : D("", !0);
   }
 });
 const yt = {
   install: (e) => {
-    e.component("lkt-table") === void 0 && e.component("lkt-table", Pe), e.component("lkt-loader") === void 0 && e.use(Ve), e.component("lkt-field-select") === void 0 && e.use(Se), e.component("lkt-field-text") === void 0 && e.use(ge), e.component("lkt-field-check") === void 0 && e.use(be), e.component("lkt-field-switch") === void 0 && e.use(Ce);
+    e.component("lkt-table") === void 0 && e.component("lkt-table", Pe), e.component("lkt-loader") === void 0 && e.use(Se), e.component("lkt-field-select") === void 0 && e.use(pe), e.component("lkt-field-text") === void 0 && e.use(ge), e.component("lkt-field-check") === void 0 && e.use(be), e.component("lkt-field-switch") === void 0 && e.use(Ce);
   }
 };
 export {
-  ut as createActionColumn,
+  st as createActionColumn,
   ct as createCheckColumn,
-  it as createColumn,
+  nt as createColumn,
   rt as createEmailColumn,
   ht as createHiddenColumn,
   ot as createLinkColumn,
   ft as createSelectColumn,
   mt as createSwitchColumn,
   dt as createTelColumn,
-  st as createTextColumn,
+  ut as createTextColumn,
   yt as default
 };

package/dist/lkt-table.umd.js

@@ -1 +1 @@
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuedraggable"),require("lkt-http-client"),require("lkt-events"),require("lkt-string-tools"),require("lkt-field-check"),require("lkt-field-text"),require("lkt-field-switch"),require("lkt-field-select"),require("lkt-loader")):typeof define=="function"&&define.amd?define(["exports","vue","vuedraggable","lkt-http-client","lkt-events","lkt-string-tools","lkt-field-check","lkt-field-text","lkt-field-switch","lkt-field-select","lkt-loader"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.LktTable={},m.Vue,m.draggable,m.lktHttpClient,m.LktEvents,m.LktStringTools,m.LktFieldCheck,m.LktFieldText,m.LktFieldSwitch,m.LktFieldSelect,m.LktLoader))})(this,function(m,e,V,K,N,z,J,P,G,Q,W){"use strict";var Me=Object.defineProperty;var Ke=(m,e,V)=>e in m?Me(m,e,{enumerable:!0,configurable:!0,writable:!0,value:V}):m[e]=V;var h=(m,e,V)=>(Ke(m,typeof e!="symbol"?e+"":e,V),V);const E=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},X=E(V),Y=E(J),Z=E(P),v=E(G),_=E(Q),ee=E(W);class S{constructor(l="",n=""){h(this,"key");h(this,"label");h(this,"sortable");h(this,"hidden");h(this,"editable");h(this,"formatter");h(this,"checkEmpty");h(this,"colspan");h(this,"type");h(this,"link");h(this,"action");h(this,"options");h(this,"resource");h(this,"resourceData");h(this,"isMultiple");h(this,"isLoading");h(this,"resourceLoaded");h(this,"valueSlot");h(this,"editSlot");this.key=l,this.label=n,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=""}setIsSortable(l=!0){return this.sortable=l,this}setIsEditable(l=!0){return this.editable=l,this}setIsHidden(l=!0){return this.hidden=l,this}setIsLoading(l=!0){return this.isLoading=l,this}setFormatter(l=void 0){return this.formatter=l,this}setEmptyChecker(l=void 0){return this.checkEmpty=l,this}setColSpan(l=void 0){return this.colspan=void 0,this}getHref(l){return typeof this.link=="function"?this.link(l):this.link}doAction(l){if(typeof this.action=="function")return this.action(l);console.warn("No action defined")}defineAsLink(l){return this.type="link",this.link=l,this}defineAsText(){return this.type="text",this}defineAsEmail(){return this.type="email",this}defineAsTel(){return this.type="tel",this}defineAsInt(){return this.type="int",this}defineAsFloat(){return this.type="float",this}defineAsCheck(){return this.type="check",this}defineAsSwitch(){return this.type="switch",this}defineAsAction(l){return this.type="action",this.action=l,this}defineAsSelect(l){return this.type="select",this.options=l,this}showLoading(){return this.resource!==""&&!this.resourceLoaded}hasToLoadResource(){return this.resource!==""&&!this.resourceLoaded&&!this.isLoading}setIsMultiple(l=!0){return this.isMultiple=l,this}setResource(l){return this.resource=l,this}setResourceData(l){return this.resourceData=l,this}async loadResource(){if(this.resourceLoaded)return this;if(!this.resource)return this;try{this.isLoading=!0;const l=await K.httpCall(this.resource,this.resourceData);this.options=l.data,this.isLoading=!1,this.resourceLoaded=!0}catch{this.isLoading=!1}return this}setEditSlot(l){return this.editSlot=l,this}setValueSlot(l){return this.valueSlot=l,this}}const te=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n)),le=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsLink(n)),ne=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsAction(n)),oe=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsText()),ae=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsEmail()),ie=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsTel()),re=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsCheck()),se=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsSwitch()),de=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsSelect(n)),ce=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).setIsHidden(!0)),R=(t,l,n,a)=>{if(!n)return 0;let r=t[n.key],o=l[n.key];if(a==="asc"){if(r>o)return 1;if(o>r)return-1}else{if(r>o)return-1;if(o>r)return 1}return 0},w=(t,l,n)=>t.formatter&&typeof t.formatter=="function"?t.formatter(l[t.key],l,t,n):l[t.key],ue=(t,l,n)=>{if(!t.colspan)return-1;let a=l;return n.forEach(r=>{let o=T(t,r);o>0&&o<a&&(a=o)}),a},T=(t,l)=>t.colspan===!1?!1:typeof t.colspan=="function"?t.colspan(l):t.colspan,me=(t,l,n)=>{if(typeof t!="object"||!t.key||l.indexOf(t.key)>-1)return!1;let a=T(t,n);return typeof t.colspan>"u"?!0:(typeof t.colspan<"u"&&(typeof t.colspan=="function"?a=parseInt(t.colspan()):a=parseInt(t.colspan)),a>0)},fe=(t=[])=>{if(t.length>0){for(let l=0;l<t.length;++l)if(t[l].sortable)return t[l].key}return""},ke=(t,l)=>{if(t.length>0){for(let n=0;n<t.length;++n)if(t[n].key===l)return t[n]}return null},he={name:"LktTableCell",inheritAttrs:!1},U=e.defineComponent({...he,props:{modelValue:{type:Object,default:()=>({})},column:{type:Object,default:()=>({})},i:{type:[Number],default:0}},emits:["edited"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.modelValue),o=e.ref(r.value[a.column.key]),y=e.ref(null),B=e.ref(a.column.showLoading());return e.watch(o,()=>{const s=JSON.parse(JSON.stringify(r.value));s[a.column.key]=o.value,n("edited",s,a.i)}),e.watch(()=>a.modelValue,s=>{r.value=s,o.value=r.value[a.column.key]}),e.watch(()=>a.column,()=>{a.column.resourceLoaded&&e.nextTick(()=>B.value=!1)},{deep:!0}),a.column.hasToLoadResource()&&a.column.loadResource(),(s,d)=>{const c=e.resolveComponent("router-link"),g=e.resolveComponent("lkt-field-text"),I=e.resolveComponent("lkt-field-check"),A=e.resolveComponent("lkt-field-switch"),$=e.resolveComponent("lkt-loader"),L=e.resolveComponent("lkt-field-select");return t.column.type==="link"?(e.openBlock(),e.createBlock(c,{key:0,to:t.column.getHref(r.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)]),_:1},8,["to"])):t.column.type==="action"?(e.openBlock(),e.createElementBlock("a",{key:1,href:"#",onClick:d[0]||(d[0]=k=>t.column.doAction(r.value))},e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)):t.column.type==="text"?(e.openBlock(),e.createBlock(g,{key:2,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,modelValue:o.value,"onUpdate:modelValue":d[1]||(d[1]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="email"?(e.openBlock(),e.createBlock(g,{key:3,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,"is-email":"",modelValue:o.value,"onUpdate:modelValue":d[2]||(d[2]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="tel"?(e.openBlock(),e.createBlock(g,{key:4,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,"is-tel":"",modelValue:o.value,"onUpdate:modelValue":d[3]||(d[3]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="check"?(e.openBlock(),e.createBlock(I,{key:5,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[4]||(d[4]=k=>o.value=k)},null,8,["read-mode","modelValue"])):t.column.type==="switch"?(e.openBlock(),e.createBlock(A,{key:6,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[5]||(d[5]=k=>o.value=k)},null,8,["read-mode","modelValue"])):t.column.type==="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[B.value?(e.openBlock(),e.createBlock($,{key:0})):(e.openBlock(),e.createBlock(L,{key:1,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[6]||(d[6]=k=>o.value=k),resource:t.column.resource,"resource-data":t.column.resourceData,options:t.column.options,multiple:t.column.isMultiple},null,8,["read-mode","modelValue","resource","resource-data","options","multiple"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:8},[e.createTextVNode(e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)],64))}}}),ye=["data-i","data-handle-drag"],be={key:0,"data-role":"drag-indicator"},Ce={key:1,"data-role":"invalid-drag-indicator"},ge=["data-column","colspan","title","onClick"],Be={name:"LktTableRow",inheritAttrs:!1},j=e.defineComponent({...Be,props:{isDraggable:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},i:{type:[Number],default:0},displayHiddenColumnsIndicator:{type:Boolean,default:!1},visibleColumns:{type:Array,default:()=>[]},emptyColumns:{type:Array,default:()=>[]},hiddenIsVisible:{type:Boolean,default:!1},item:{type:Object,default:()=>({})}},emits:["edited","click","show"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.item),o=(s,d,c)=>{n("click",s,N.createLktEvent("",{item:d,column:c}))},y=(s,d)=>{n("show",s,N.createLktEvent("",{i:d}))},B=(s,d)=>{r.value=s};return e.watch(()=>a.item,s=>r.value=s),e.watch(r,()=>n("edited",r.value,a.i)),(s,d)=>(e.openBlock(),e.createElementBlock("tr",{"data-i":t.i,"data-handle-drag":t.isDraggable},[t.sortable&&t.isDraggable?(e.openBlock(),e.createElementBlock("td",be)):t.sortable?(e.openBlock(),e.createElementBlock("td",Ce)):e.createCommentVNode("",!0),t.displayHiddenColumnsIndicator?(e.openBlock(),e.createElementBlock("td",{key:2,onClick:d[0]||(d[0]=c=>y(c,t.i)),"data-role":"show-more",class:e.normalizeClass(t.hiddenIsVisible?"state-open":"")},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.visibleColumns,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(me)(c,t.emptyColumns,t.item)?(e.openBlock(),e.createElementBlock("td",{key:0,"data-column":c.key,colspan:e.unref(T)(c,t.item),title:e.unref(w)(c,t.item,t.i),onClick:g=>o(g,t.item,c)},[s.$slots[c.key]?e.renderSlot(s.$slots,c.key,{key:0,value:t.item[c.key],item:t.item,column:c,i:t.i}):t.item?(e.openBlock(),e.createBlock(U,{key:1,column:c,modelValue:r.value,"onUpdate:modelValue":d[1]||(d[1]=g=>r.value=g),i:t.i,onEdited:B},null,8,["column","modelValue","i"])):e.createCommentVNode("",!0)],8,ge)):e.createCommentVNode("",!0)],64))),256))],8,ye))}}),pe={"data-role":"hidden-row"},Se=["colspan"],Ve=["data-column"],Ee=["data-i"],Le=["data-column","title","onClick"],we={name:"LktHiddenRow",inheritAttrs:!1},Ae=e.defineComponent({...we,props:{isDraggable:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},i:{type:[Number],default:0},hiddenColumnsColSpan:{type:Number,default:0},visibleColumns:{type:Array,default:()=>[]},hiddenColumns:{type:Array,default:()=>[]},emptyColumns:{type:Array,default:()=>[]},hiddenIsVisible:{type:Boolean,default:!1},modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue","click"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.modelValue),o=(y,B,s)=>{n("click",y,N.createLktEvent("",{item:B,column:s}))};return e.watch(()=>a.modelValue,y=>r.value=y),e.watch(r,()=>n("update:modelValue",r.value)),(y,B)=>e.withDirectives((e.openBlock(),e.createElementBlock("tr",pe,[e.createElementVNode("td",{colspan:t.hiddenColumnsColSpan},[e.createElementVNode("table",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hiddenColumns,s=>(e.openBlock(),e.createElementBlock("th",{"data-column":s.key},[e.createElementVNode("div",null,e.toDisplayString(s.label),1)],8,Ve))),256))]),e.createElementVNode("tr",{"data-i":t.i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hiddenColumns,(s,d)=>(e.openBlock(),e.createElementBlock("td",{"data-column":s.key,title:e.unref(w)(s,r.value,d),onClick:c=>o(c,r.value,s)},[y.$slots[s.key]?e.renderSlot(y.$slots,s.key,{key:0,value:r.value[s.key],item:r.value,column:s,i:d}):(e.openBlock(),e.createBlock(U,{key:1,column:s,modelValue:r.value,"onUpdate:modelValue":B[0]||(B[0]=c=>r.value=c),i:d},null,8,["column","modelValue","i"]))],8,Le))),256))],8,Ee)])],8,Se)],512)),[[e.vShow,t.hiddenIsVisible]])}}),Ie=["data-sortable"],Ne={key:0,"data-role":"drag-indicator"},Te={key:1},$e=["data-column","data-sortable","data-sort","colspan","title","onClick"],De={key:1},Fe={key:1,class:"lkt-empty-table"},He={name:"LktTable",inheritAttrs:!1},qe=e.defineComponent({...He,props:{modelValue:{type:Array,default:()=>[]},columns:{type:Array,default:()=>[]},sorter:{type:Function,default:R},sortable:{type:Boolean,default:!1},hideEmptyColumns:{type:Boolean,default:!1},draggableChecker:{type:Function,default:t=>!0},checkValidDrag:{type:Function,default:t=>!0},draggableItemKey:{type:String,default:"name"}},emits:["update:modelValue","sort","click"],setup(t,{expose:l,emit:n}){const a=n,r=e.useSlots(),o=t,y={},B=e.ref(typeof o.sorter=="function"?o.sorter:R),s=e.ref(fe(o.columns)),d=e.ref("asc"),c=e.ref(o.modelValue),g=e.ref(y),I=e.ref(!1),A=z.generateRandomString(12),$=e.computed(()=>c.value.length>0),L=e.computed(()=>{if(!o.hideEmptyColumns)return[];let i=[];return o.columns.forEach(u=>{let f=u.key,b=!1;c.value.forEach(C=>{if(typeof C.checkEmpty=="function")return C.checkEmpty(C);C[f]&&(b=!0)}),b||i.push(f)}),i}),k=e.computed(()=>o.columns.filter(i=>!i.hidden)),D=e.computed(()=>o.columns.filter(i=>i.hidden)),Oe=e.computed(()=>{let i=k.value.length+1;return o.sortable&&++i,i}),F=e.computed(()=>D.value.length>0&&!o.sortable),Re=e.computed(()=>o.columns.map(i=>i.key)),H=e.computed(()=>{let i=[];for(let u in r)Re.value.indexOf(u)!==-1&&i.push(u);return i}),Ue=i=>{let u=i.target;if(typeof u.dataset.column>"u")do u=u.parentNode;while(typeof u.dataset.column>"u"&&u.tagName!=="TABLE"&&u.tagName!=="body");if(u.tagName==="TD"&&(u=u.parentNode,u=u.dataset.i,typeof u<"u"))return c.value[u]},q=i=>g.value["tr_"+i]===!0,M=i=>{!i||i.sortable&&(c.value=c.value.sort((u,f)=>B.value(u,f,i,d.value)),d.value=d.value==="asc"?"desc":"asc",s.value=i.key,a("sort",[s.value,d.value]))},x=(i,u)=>{a("click",i,u)},O=(i,u)=>{let f="tr_"+u.value.i;g.value[f]=typeof g.value[f]>"u"?!0:!g.value[f]},je=(i,u)=>{c.value[u]=i};return e.onMounted(()=>{M(ke(o.columns,s.value))}),e.watch(()=>o.modelValue,i=>c.value=i),e.watch(c,i=>{a("update:modelValue",i)}),l({getItemByEvent:Ue}),(i,u)=>$.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"lkt-table","data-sortable":t.sortable},[e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[t.sortable?(e.openBlock(),e.createElementBlock("th",Ne)):e.createCommentVNode("",!0),F.value?(e.openBlock(),e.createElementBlock("th",Te)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,f=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[L.value.indexOf(f.key)===-1?(e.openBlock(),e.createElementBlock("th",{key:0,"data-column":f.key,"data-sortable":f.sortable===!0,"data-sort":f.sortable===!0&&s.value===f.key?d.value:"",colspan:e.unref(ue)(f,t.columns.length,c.value),title:f.label,onClick:b=>M(f)},[e.createElementVNode("div",null,e.toDisplayString(f.label),1)],8,$e)):e.createCommentVNode("",!0)],64))),256))])]),t.sortable?(e.openBlock(),e.createBlock(e.unref(X.default),{key:0,modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=f=>c.value=f),move:t.checkValidDrag,itemKey:t.draggableItemKey,onStart:u[1]||(u[1]=f=>I.value=!0),onEnd:u[2]||(u[2]=f=>I.value=!1),tag:"tbody",class:"lkt-sortable-table",handle:"[data-handle-drag]"},{item:e.withCtx(({element:f,index:b})=>[(e.openBlock(),e.createBlock(j,{key:e.unref(A)+"-"+b,i:b,item:f,"display-hidden-columns-indicator":F.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:O},e.createSlots({_:2},[e.renderList(H.value,C=>({name:C,fn:e.withCtx(p=>[e.renderSlot(i.$slots,C,{item:p.item,value:p.value,column:p.column})])}))]),1032,["i","item","display-hidden-columns-indicator","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))]),_:3},8,["modelValue","move","itemKey"])):(e.openBlock(),e.createElementBlock("tbody",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(f,b)=>(e.openBlock(),e.createBlock(j,{key:e.unref(A)+"-"+b,i:b,item:f,"display-hidden-columns-indicator":F.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:O,onEdited:je},e.createSlots({_:2},[e.renderList(H.value,C=>({name:C,fn:e.withCtx(p=>[e.renderSlot(i.$slots,C,{item:p.item,value:p.value,column:p.column})])}))]),1032,["i","item","display-hidden-columns-indicator","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))),128)),D.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,(f,b)=>(e.openBlock(),e.createBlock(Ae,{key:e.unref(A)+"-"+b,i:b,item:f,"hidden-columns":D.value,"hidden-columns-col-span":Oe.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:O},e.createSlots({_:2},[e.renderList(H.value,C=>({name:C,fn:e.withCtx(p=>[e.renderSlot(i.$slots,C,{item:p.item,value:p.value,column:p.column})])}))]),1032,["i","item","hidden-columns","hidden-columns-col-span","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))),128)):e.createCommentVNode("",!0)]))])],8,Ie)):i.$slots["no-items"]?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(i.$slots,"no-items")])):e.createCommentVNode("",!0)}}),ze="",xe={install:t=>{t.component("lkt-table")===void 0&&t.component("lkt-table",qe),t.component("lkt-loader")===void 0&&t.use(ee.default),t.component("lkt-field-select")===void 0&&t.use(_.default),t.component("lkt-field-text")===void 0&&t.use(Z.default),t.component("lkt-field-check")===void 0&&t.use(Y.default),t.component("lkt-field-switch")===void 0&&t.use(v.default)}};m.createActionColumn=ne,m.createCheckColumn=re,m.createColumn=te,m.createEmailColumn=ae,m.createHiddenColumn=ce,m.createLinkColumn=le,m.createSelectColumn=de,m.createSwitchColumn=se,m.createTelColumn=ie,m.createTextColumn=oe,m.default=xe,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuedraggable"),require("lkt-http-client"),require("lkt-events"),require("lkt-string-tools"),require("lkt-field-check"),require("lkt-field-text"),require("lkt-field-switch"),require("lkt-field-select"),require("lkt-loader")):typeof define=="function"&&define.amd?define(["exports","vue","vuedraggable","lkt-http-client","lkt-events","lkt-string-tools","lkt-field-check","lkt-field-text","lkt-field-switch","lkt-field-select","lkt-loader"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.LktTable={},m.Vue,m.draggable,m.lktHttpClient,m.LktEvents,m.LktStringTools,m.LktFieldCheck,m.LktFieldText,m.LktFieldSwitch,m.LktFieldSelect,m.LktLoader))})(this,function(m,e,V,K,I,z,J,P,G,Q,W){"use strict";var je=Object.defineProperty;var Ke=(m,e,V)=>e in m?je(m,e,{enumerable:!0,configurable:!0,writable:!0,value:V}):m[e]=V;var h=(m,e,V)=>(Ke(m,typeof e!="symbol"?e+"":e,V),V);const E=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},X=E(V),Y=E(J),Z=E(P),v=E(G),_=E(Q),ee=E(W);class S{constructor(l="",n=""){h(this,"key");h(this,"label");h(this,"sortable");h(this,"hidden");h(this,"editable");h(this,"formatter");h(this,"checkEmpty");h(this,"colspan");h(this,"type");h(this,"link");h(this,"action");h(this,"options");h(this,"resource");h(this,"resourceData");h(this,"isMultiple");h(this,"isLoading");h(this,"resourceLoaded");h(this,"valueSlot");h(this,"editSlot");h(this,"multipleDisplay");h(this,"multipleDisplayEdition");this.key=l,this.label=n,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(l=!0){return this.sortable=l,this}setIsEditable(l=!0){return this.editable=l,this}setIsHidden(l=!0){return this.hidden=l,this}setIsLoading(l=!0){return this.isLoading=l,this}setFormatter(l=void 0){return this.formatter=l,this}setEmptyChecker(l=void 0){return this.checkEmpty=l,this}setColSpan(l=void 0){return this.colspan=void 0,this}getHref(l){return typeof this.link=="function"?this.link(l):this.link}doAction(l){if(typeof this.action=="function")return this.action(l);console.warn("No action defined")}defineAsLink(l){return this.type="link",this.link=l,this}defineAsText(){return this.type="text",this}defineAsEmail(){return this.type="email",this}defineAsTel(){return this.type="tel",this}defineAsInt(){return this.type="int",this}defineAsFloat(){return this.type="float",this}defineAsCheck(){return this.type="check",this}defineAsSwitch(){return this.type="switch",this}defineAsAction(l){return this.type="action",this.action=l,this}defineAsSelect(l){return this.type="select",this.options=l,this}showLoading(){return this.resource!==""&&!this.resourceLoaded}hasToLoadResource(){return this.resource!==""&&!this.resourceLoaded&&!this.isLoading}setIsMultiple(l=!0){return this.isMultiple=l,this}setResource(l){return this.resource=l,this}setResourceData(l){return this.resourceData=l,this}async loadResource(){if(this.resourceLoaded)return this;if(!this.resource)return this;try{this.isLoading=!0;const l=await K.httpCall(this.resource,this.resourceData);this.options=l.data,this.isLoading=!1,this.resourceLoaded=!0}catch{this.isLoading=!1}return this}setEditSlot(l){return this.editSlot=l,this}setValueSlot(l){return this.valueSlot=l,this}setMultipleDisplay(l){return this.multipleDisplay=l,this}setMultipleDisplayEdition(l){return this.multipleDisplayEdition=l,this}}const te=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n)),le=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsLink(n)),ne=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsAction(n)),oe=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsText()),ae=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsEmail()),ie=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsTel()),re=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsCheck()),se=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).defineAsSwitch()),de=(t,l,n,a=!0)=>e.reactive(new S(t,l).setIsSortable(a).defineAsSelect(n)),ce=(t,l,n=!0)=>e.reactive(new S(t,l).setIsSortable(n).setIsHidden(!0)),O=(t,l,n,a)=>{if(!n)return 0;let r=t[n.key],o=l[n.key];if(a==="asc"){if(r>o)return 1;if(o>r)return-1}else{if(r>o)return-1;if(o>r)return 1}return 0},w=(t,l,n)=>t.formatter&&typeof t.formatter=="function"?t.formatter(l[t.key],l,t,n):l[t.key],ue=(t,l,n)=>{if(!t.colspan)return-1;let a=l;return n.forEach(r=>{let o=N(t,r);o>0&&o<a&&(a=o)}),a},N=(t,l)=>t.colspan===!1?!1:typeof t.colspan=="function"?t.colspan(l):t.colspan,me=(t,l,n)=>{if(typeof t!="object"||!t.key||l.indexOf(t.key)>-1)return!1;let a=N(t,n);return typeof t.colspan>"u"?!0:(typeof t.colspan<"u"&&(typeof t.colspan=="function"?a=parseInt(t.colspan()):a=parseInt(t.colspan)),a>0)},fe=(t=[])=>{if(t.length>0){for(let l=0;l<t.length;++l)if(t[l].sortable)return t[l].key}return""},ke=(t,l)=>{if(t.length>0){for(let n=0;n<t.length;++n)if(t[n].key===l)return t[n]}return null},he={name:"LktTableCell",inheritAttrs:!1},R=e.defineComponent({...he,props:{modelValue:{type:Object,default:()=>({})},column:{type:Object,default:()=>({})},i:{type:[Number],default:0}},emits:["edited"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.modelValue),o=e.ref(r.value[a.column.key]),y=e.ref(null),g=e.ref(a.column.showLoading());return e.watch(o,()=>{const s=JSON.parse(JSON.stringify(r.value));s[a.column.key]=o.value,n("edited",s,a.i)}),e.watch(()=>a.modelValue,s=>{r.value=s,o.value=r.value[a.column.key]}),e.watch(()=>a.column,()=>{a.column.resourceLoaded&&e.nextTick(()=>g.value=!1)},{deep:!0}),a.column.hasToLoadResource()&&a.column.loadResource(),(s,d)=>{const c=e.resolveComponent("router-link"),C=e.resolveComponent("lkt-field-text"),D=e.resolveComponent("lkt-field-check"),A=e.resolveComponent("lkt-field-switch"),T=e.resolveComponent("lkt-loader"),L=e.resolveComponent("lkt-field-select");return t.column.type==="link"?(e.openBlock(),e.createBlock(c,{key:0,to:t.column.getHref(r.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)]),_:1},8,["to"])):t.column.type==="action"?(e.openBlock(),e.createElementBlock("a",{key:1,href:"#",onClick:d[0]||(d[0]=k=>t.column.doAction(r.value))},e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)):t.column.type==="text"?(e.openBlock(),e.createBlock(C,{key:2,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,modelValue:o.value,"onUpdate:modelValue":d[1]||(d[1]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="email"?(e.openBlock(),e.createBlock(C,{key:3,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,"is-email":"",modelValue:o.value,"onUpdate:modelValue":d[2]||(d[2]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="tel"?(e.openBlock(),e.createBlock(C,{key:4,"read-mode":!t.column.editable,ref:k=>y.value=k,"edit-slot":t.column.editSlot,"value-slot":t.column.valueSlot,"is-tel":"",modelValue:o.value,"onUpdate:modelValue":d[3]||(d[3]=k=>o.value=k)},null,8,["read-mode","edit-slot","value-slot","modelValue"])):t.column.type==="check"?(e.openBlock(),e.createBlock(D,{key:5,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[4]||(d[4]=k=>o.value=k)},null,8,["read-mode","modelValue"])):t.column.type==="switch"?(e.openBlock(),e.createBlock(A,{key:6,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[5]||(d[5]=k=>o.value=k)},null,8,["read-mode","modelValue"])):t.column.type==="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[g.value?(e.openBlock(),e.createBlock(T,{key:0})):(e.openBlock(),e.createBlock(L,{key:1,"read-mode":!t.column.editable,ref:k=>y.value=k,modelValue:o.value,"onUpdate:modelValue":d[6]||(d[6]=k=>o.value=k),resource:t.column.resource,"resource-data":t.column.resourceData,options:t.column.options,multiple:t.column.isMultiple,"multiple-display":t.column.multipleDisplay,"multiple-display-edition":t.column.multipleDisplayEdition},null,8,["read-mode","modelValue","resource","resource-data","options","multiple","multiple-display","multiple-display-edition"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:8},[e.createTextVNode(e.toDisplayString(e.unref(w)(t.column,r.value,t.i)),1)],64))}}}),ye=["data-i","data-handle-drag"],be={key:0,"data-role":"drag-indicator"},pe={key:1,"data-role":"invalid-drag-indicator"},Ce=["data-column","colspan","title","onClick"],ge={name:"LktTableRow",inheritAttrs:!1},U=e.defineComponent({...ge,props:{isDraggable:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},i:{type:[Number],default:0},displayHiddenColumnsIndicator:{type:Boolean,default:!1},visibleColumns:{type:Array,default:()=>[]},emptyColumns:{type:Array,default:()=>[]},hiddenIsVisible:{type:Boolean,default:!1},item:{type:Object,default:()=>({})}},emits:["edited","click","show"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.item),o=(s,d,c)=>{n("click",s,I.createLktEvent("",{item:d,column:c}))},y=(s,d)=>{n("show",s,I.createLktEvent("",{i:d}))},g=(s,d)=>{r.value=s};return e.watch(()=>a.item,s=>r.value=s),e.watch(r,()=>n("edited",r.value,a.i)),(s,d)=>(e.openBlock(),e.createElementBlock("tr",{"data-i":t.i,"data-handle-drag":t.isDraggable},[t.sortable&&t.isDraggable?(e.openBlock(),e.createElementBlock("td",be)):t.sortable?(e.openBlock(),e.createElementBlock("td",pe)):e.createCommentVNode("",!0),t.displayHiddenColumnsIndicator?(e.openBlock(),e.createElementBlock("td",{key:2,onClick:d[0]||(d[0]=c=>y(c,t.i)),"data-role":"show-more",class:e.normalizeClass(t.hiddenIsVisible?"state-open":"")},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.visibleColumns,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(me)(c,t.emptyColumns,t.item)?(e.openBlock(),e.createElementBlock("td",{key:0,"data-column":c.key,colspan:e.unref(N)(c,t.item),title:e.unref(w)(c,t.item,t.i),onClick:C=>o(C,t.item,c)},[s.$slots[c.key]?e.renderSlot(s.$slots,c.key,{key:0,value:t.item[c.key],item:t.item,column:c,i:t.i}):t.item?(e.openBlock(),e.createBlock(R,{key:1,column:c,modelValue:r.value,"onUpdate:modelValue":d[1]||(d[1]=C=>r.value=C),i:t.i,onEdited:g},null,8,["column","modelValue","i"])):e.createCommentVNode("",!0)],8,Ce)):e.createCommentVNode("",!0)],64))),256))],8,ye))}}),Be={"data-role":"hidden-row"},Se=["colspan"],Ve=["data-column"],Ee=["data-i"],Le=["data-column","title","onClick"],we={name:"LktHiddenRow",inheritAttrs:!1},Ae=e.defineComponent({...we,props:{isDraggable:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},i:{type:[Number],default:0},hiddenColumnsColSpan:{type:Number,default:0},visibleColumns:{type:Array,default:()=>[]},hiddenColumns:{type:Array,default:()=>[]},emptyColumns:{type:Array,default:()=>[]},hiddenIsVisible:{type:Boolean,default:!1},modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue","click"],setup(t,{emit:l}){const n=l,a=t,r=e.ref(a.modelValue),o=(y,g,s)=>{n("click",y,I.createLktEvent("",{item:g,column:s}))};return e.watch(()=>a.modelValue,y=>r.value=y),e.watch(r,()=>n("update:modelValue",r.value)),(y,g)=>e.withDirectives((e.openBlock(),e.createElementBlock("tr",Be,[e.createElementVNode("td",{colspan:t.hiddenColumnsColSpan},[e.createElementVNode("table",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hiddenColumns,s=>(e.openBlock(),e.createElementBlock("th",{"data-column":s.key},[e.createElementVNode("div",null,e.toDisplayString(s.label),1)],8,Ve))),256))]),e.createElementVNode("tr",{"data-i":t.i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hiddenColumns,(s,d)=>(e.openBlock(),e.createElementBlock("td",{"data-column":s.key,title:e.unref(w)(s,r.value,d),onClick:c=>o(c,r.value,s)},[y.$slots[s.key]?e.renderSlot(y.$slots,s.key,{key:0,value:r.value[s.key],item:r.value,column:s,i:d}):(e.openBlock(),e.createBlock(R,{key:1,column:s,modelValue:r.value,"onUpdate:modelValue":g[0]||(g[0]=c=>r.value=c),i:d},null,8,["column","modelValue","i"]))],8,Le))),256))],8,Ee)])],8,Se)],512)),[[e.vShow,t.hiddenIsVisible]])}}),De=["data-sortable"],Ie={key:0,"data-role":"drag-indicator"},Ne={key:1},Te=["data-column","data-sortable","data-sort","colspan","title","onClick"],$e={key:1},Fe={key:1,class:"lkt-empty-table"},He={name:"LktTable",inheritAttrs:!1},qe=e.defineComponent({...He,props:{modelValue:{type:Array,default:()=>[]},columns:{type:Array,default:()=>[]},sorter:{type:Function,default:O},sortable:{type:Boolean,default:!1},hideEmptyColumns:{type:Boolean,default:!1},draggableChecker:{type:Function,default:t=>!0},checkValidDrag:{type:Function,default:t=>!0},draggableItemKey:{type:String,default:"name"}},emits:["update:modelValue","sort","click"],setup(t,{expose:l,emit:n}){const a=n,r=e.useSlots(),o=t,y={},g=e.ref(typeof o.sorter=="function"?o.sorter:O),s=e.ref(fe(o.columns)),d=e.ref("asc"),c=e.ref(o.modelValue),C=e.ref(y),D=e.ref(!1),A=z.generateRandomString(12),T=e.computed(()=>c.value.length>0),L=e.computed(()=>{if(!o.hideEmptyColumns)return[];let i=[];return o.columns.forEach(u=>{let f=u.key,b=!1;c.value.forEach(p=>{if(typeof p.checkEmpty=="function")return p.checkEmpty(p);p[f]&&(b=!0)}),b||i.push(f)}),i}),k=e.computed(()=>o.columns.filter(i=>!i.hidden)),$=e.computed(()=>o.columns.filter(i=>i.hidden)),Me=e.computed(()=>{let i=k.value.length+1;return o.sortable&&++i,i}),F=e.computed(()=>$.value.length>0&&!o.sortable),Oe=e.computed(()=>o.columns.map(i=>i.key)),H=e.computed(()=>{let i=[];for(let u in r)Oe.value.indexOf(u)!==-1&&i.push(u);return i}),Re=i=>{let u=i.target;if(typeof u.dataset.column>"u")do u=u.parentNode;while(typeof u.dataset.column>"u"&&u.tagName!=="TABLE"&&u.tagName!=="body");if(u.tagName==="TD"&&(u=u.parentNode,u=u.dataset.i,typeof u<"u"))return c.value[u]},q=i=>C.value["tr_"+i]===!0,j=i=>{!i||i.sortable&&(c.value=c.value.sort((u,f)=>g.value(u,f,i,d.value)),d.value=d.value==="asc"?"desc":"asc",s.value=i.key,a("sort",[s.value,d.value]))},x=(i,u)=>{a("click",i,u)},M=(i,u)=>{let f="tr_"+u.value.i;C.value[f]=typeof C.value[f]>"u"?!0:!C.value[f]},Ue=(i,u)=>{c.value[u]=i};return e.onMounted(()=>{j(ke(o.columns,s.value))}),e.watch(()=>o.modelValue,i=>c.value=i),e.watch(c,i=>{a("update:modelValue",i)}),l({getItemByEvent:Re}),(i,u)=>T.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"lkt-table","data-sortable":t.sortable},[e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[t.sortable?(e.openBlock(),e.createElementBlock("th",Ie)):e.createCommentVNode("",!0),F.value?(e.openBlock(),e.createElementBlock("th",Ne)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,f=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[L.value.indexOf(f.key)===-1?(e.openBlock(),e.createElementBlock("th",{key:0,"data-column":f.key,"data-sortable":f.sortable===!0,"data-sort":f.sortable===!0&&s.value===f.key?d.value:"",colspan:e.unref(ue)(f,t.columns.length,c.value),title:f.label,onClick:b=>j(f)},[e.createElementVNode("div",null,e.toDisplayString(f.label),1)],8,Te)):e.createCommentVNode("",!0)],64))),256))])]),t.sortable?(e.openBlock(),e.createBlock(e.unref(X.default),{key:0,modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=f=>c.value=f),move:t.checkValidDrag,itemKey:t.draggableItemKey,onStart:u[1]||(u[1]=f=>D.value=!0),onEnd:u[2]||(u[2]=f=>D.value=!1),tag:"tbody",class:"lkt-sortable-table",handle:"[data-handle-drag]"},{item:e.withCtx(({element:f,index:b})=>[(e.openBlock(),e.createBlock(U,{key:e.unref(A)+"-"+b,i:b,item:f,"display-hidden-columns-indicator":F.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:M},e.createSlots({_:2},[e.renderList(H.value,p=>({name:p,fn:e.withCtx(B=>[e.renderSlot(i.$slots,p,{item:B.item,value:B.value,column:B.column})])}))]),1032,["i","item","display-hidden-columns-indicator","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))]),_:3},8,["modelValue","move","itemKey"])):(e.openBlock(),e.createElementBlock("tbody",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(f,b)=>(e.openBlock(),e.createBlock(U,{key:e.unref(A)+"-"+b,i:b,item:f,"display-hidden-columns-indicator":F.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:M,onEdited:Ue},e.createSlots({_:2},[e.renderList(H.value,p=>({name:p,fn:e.withCtx(B=>[e.renderSlot(i.$slots,p,{item:B.item,value:B.value,column:B.column})])}))]),1032,["i","item","display-hidden-columns-indicator","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))),128)),$.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.value,(f,b)=>(e.openBlock(),e.createBlock(Ae,{key:e.unref(A)+"-"+b,i:b,item:f,"hidden-columns":$.value,"hidden-columns-col-span":Me.value,"is-draggable":t.draggableChecker?t.draggableChecker(f):!0,sortable:t.sortable,"visible-columns":k.value,"empty-columns":L.value,"hidden-is-visible":q(b),onClick:x,onShow:M},e.createSlots({_:2},[e.renderList(H.value,p=>({name:p,fn:e.withCtx(B=>[e.renderSlot(i.$slots,p,{item:B.item,value:B.value,column:B.column})])}))]),1032,["i","item","hidden-columns","hidden-columns-col-span","is-draggable","sortable","visible-columns","empty-columns","hidden-is-visible"]))),128)):e.createCommentVNode("",!0)]))])],8,De)):i.$slots["no-items"]?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(i.$slots,"no-items")])):e.createCommentVNode("",!0)}}),ze="",xe={install:t=>{t.component("lkt-table")===void 0&&t.component("lkt-table",qe),t.component("lkt-loader")===void 0&&t.use(ee.default),t.component("lkt-field-select")===void 0&&t.use(_.default),t.component("lkt-field-text")===void 0&&t.use(Z.default),t.component("lkt-field-check")===void 0&&t.use(Y.default),t.component("lkt-field-switch")===void 0&&t.use(v.default)}};m.createActionColumn=ne,m.createCheckColumn=re,m.createColumn=te,m.createEmailColumn=ae,m.createHiddenColumn=ce,m.createLinkColumn=le,m.createSelectColumn=de,m.createSwitchColumn=se,m.createTelColumn=ie,m.createTextColumn=oe,m.default=xe,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/instances/LktTableColumn.d.ts

@@ -20,6 +20,8 @@ export declare class LktTableColumn {
     resourceLoaded: boolean;
     valueSlot: string;
     editSlot: string;
+    multipleDisplay: string;
+    multipleDisplayEdition: string;
     constructor(key?: string, label?: string);
     setIsSortable(status?: boolean): this;
     setIsEditable(status?: boolean): this;
@@ -48,4 +50,6 @@ export declare class LktTableColumn {
     loadResource(): Promise<this>;
     setEditSlot(str: string): this;
     setValueSlot(str: string): this;
+    setMultipleDisplay(str: string): this;
+    setMultipleDisplayEdition(str: string): this;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/components/LktTableCell.vue

@@ -93,7 +93,9 @@ if (props.column.hasToLoadResource()) {
             v-bind:resource="column.resource"
             v-bind:resource-data="column.resourceData"
             v-bind:options="column.options"
-            v-bind:multiple="column.isMultiple"></lkt-field-select>
+            v-bind:multiple="column.isMultiple"
+            v-bind:multiple-display="column.multipleDisplay"
+            v-bind:multiple-display-edition="column.multipleDisplayEdition"></lkt-field-select>
     </template>
     <template v-else>
         {{ getColumnDisplayContent(column, item, i) }}