lkt-table 1.0.14 → 1.0.16

package/dist/lkt-table.es.js

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