lkt-table 2.0.40 → 2.0.41

package/dist/build.js

@@ -1,17 +1,17 @@
-import { defineComponent as fe, computed as u, ref as A, shallowReactive as Ht, watch as P, watchEffect as Ft, onMounted as Yt, onBeforeUnmount as Da, reactive as Pt, provide as la, h as K, useId as Ia, inject as St, getCurrentInstance as Ba, onUnmounted as Ta, onUpdated as Aa, cloneVNode as Ea, resolveComponent as Se, createBlock as M, createElementBlock as w, unref as h, openBlock as v, mergeProps as Y, withCtx as _, createTextVNode as Ge, toDisplayString as Xe, Fragment as G, useSlots as oa, normalizeClass as x, createCommentVNode as V, createElementVNode as ce, createVNode as be, resolveDynamicComponent as he, renderSlot as $, renderList as ye, mergeDefaults as Va, nextTick as Et, normalizeProps as Ne, withDirectives as Ue, vShow as je, createSlots as Ra } from "vue";
-import { __ as La } from "lkt-i18n";
-import { ColumnType as lt, FieldType as qe, MultipleOptionsDisplay as Na, SortDirection as Ye, Column as ia, extractPropValue as Ma, TableRowType as ke, extractI18nValue as ra, LktSettings as Te, ensureButtonConfig as ze, TablePermission as Ie, PaginatorType as Vt, TableType as He, getDefaultValues as Oa, Table as $a, ButtonType as Ut } from "lkt-vue-kernel";
-import { Column as ll, createColumn as ol } from "lkt-vue-kernel";
-import { generateRandomString as _a, replaceAll as Fa } from "lkt-string-tools";
-import { DataState as Pa } from "lkt-data-state";
-import Ua from "sortablejs";
-import { time as ja } from "lkt-date-tools";
+import { defineComponent as pe, computed as u, ref as E, shallowReactive as Ht, watch as U, watchEffect as Pt, onMounted as Yt, onBeforeUnmount as Da, reactive as Ut, provide as la, h as K, useId as Ia, inject as St, getCurrentInstance as Ba, onUnmounted as Ta, onUpdated as Ea, cloneVNode as Aa, resolveComponent as Ce, createBlock as M, createElementBlock as w, unref as h, openBlock as f, mergeProps as X, withCtx as F, createTextVNode as Ke, toDisplayString as We, normalizeProps as he, Fragment as G, useSlots as oa, normalizeClass as J, createCommentVNode as R, createElementVNode as ce, createVNode as ke, resolveDynamicComponent as ve, guardReactiveProps as Va, renderSlot as $, renderList as be, mergeDefaults as Ra, nextTick as Vt, withDirectives as ze, vShow as He, createSlots as La } from "vue";
+import { __ as Na } from "lkt-i18n";
+import { ColumnType as Ae, FieldType as Xe, MultipleOptionsDisplay as Ma, SortDirection as Je, Column as ia, extractPropValue as Oa, TableRowType as Se, extractI18nValue as ra, LktSettings as Ee, ensureButtonConfig as qe, TablePermission as Be, PaginatorType as Rt, TableType as Ge, getDefaultValues as $a, Table as Fa, ButtonType as _t } from "lkt-vue-kernel";
+import { Column as il, createColumn as rl } from "lkt-vue-kernel";
+import { generateRandomString as Pa, replaceAll as Ua } from "lkt-string-tools";
+import { DataState as _a } from "lkt-data-state";
+import ja from "sortablejs";
+import { time as za } from "lkt-date-tools";
 /**
  * Vue 3 Carousel 0.14.0
  * (c) 2025
  * @license MIT
  */
-const ua = ["viewport", "carousel"], Lt = {
+const ua = ["viewport", "carousel"], Nt = {
   "bottom-to-top": "btt",
   "left-to-right": "ltr",
   "right-to-left": "rtl",
@@ -25,7 +25,7 @@ const ua = ["viewport", "carousel"], Lt = {
   "top-to-bottom",
   "btt",
   "bottom-to-top"
-], za = {
+], Ha = {
   ariaGallery: "Gallery",
   ariaNavigateToPage: "Navigate to page {slideNumber}",
   ariaNavigateToSlide: "Navigate to slide {slideNumber}",
@@ -50,7 +50,7 @@ const ua = ["viewport", "carousel"], Lt = {
   enabled: !0,
   gap: 0,
   height: "auto",
-  i18n: za,
+  i18n: Ha,
   ignoreAnimations: !1,
   itemsToScroll: 1,
   itemsToShow: 1,
@@ -63,150 +63,150 @@ const ua = ["viewport", "carousel"], Lt = {
   touchDrag: !0,
   transition: 300,
   wrapAround: !1
-}, Ke = Symbol("carousel"), Ha = (t) => {
-  const o = Ht([]), i = (l) => {
-    l !== void 0 ? o.slice(l).forEach((n, a) => {
-      var b;
-      (b = n.exposed) === null || b === void 0 || b.setIndex(l + a);
-    }) : o.forEach((n, a) => {
-      var b;
-      (b = n.exposed) === null || b === void 0 || b.setIndex(a);
+}, Qe = Symbol("carousel"), qa = (t) => {
+  const i = Ht([]), o = (l) => {
+    l !== void 0 ? i.slice(l).forEach((n, a) => {
+      var y;
+      (y = n.exposed) === null || y === void 0 || y.setIndex(l + a);
+    }) : i.forEach((n, a) => {
+      var y;
+      (y = n.exposed) === null || y === void 0 || y.setIndex(a);
     });
   };
   return {
     cleanup: () => {
-      o.splice(0, o.length);
+      i.splice(0, i.length);
     },
-    getSlides: () => o,
+    getSlides: () => i,
     registerSlide: (l, n) => {
       if (!l || l.props.isClone)
         return;
-      const a = n ?? o.length;
-      o.splice(a, 0, l), i(a), t("slide-registered", { slide: l, index: a });
+      const a = n ?? i.length;
+      i.splice(a, 0, l), o(a), t("slide-registered", { slide: l, index: a });
     },
     unregisterSlide: (l) => {
-      const n = o.indexOf(l);
-      n !== -1 && (t("slide-unregistered", { slide: l, index: n }), o.splice(n, 1), i(n));
+      const n = i.indexOf(l);
+      n !== -1 && (t("slide-unregistered", { slide: l, index: n }), i.splice(n, 1), o(n));
     }
   };
 };
-function qa(t) {
-  return t.length === 0 ? 0 : t.reduce((i, l) => i + l, 0) / t.length;
+function Ga(t) {
+  return t.length === 0 ? 0 : t.reduce((o, l) => o + l, 0) / t.length;
 }
-function Qt({ slides: t, position: o, toShow: i }) {
-  const l = [], n = o === "before", a = n ? -i : 0, b = n ? 0 : i;
+function Zt({ slides: t, position: i, toShow: o }) {
+  const l = [], n = i === "before", a = n ? -o : 0, y = n ? 0 : o;
   if (t.length <= 0)
     return l;
-  for (let k = a; k < b; k++) {
+  for (let k = a; k < y; k++) {
     const s = {
       index: n ? k : k + t.length,
       isClone: !0,
-      position: o,
+      position: i,
       id: void 0,
       // Make sure we don't duplicate the id which would be invalid html
-      key: `clone-${o}-${k}`
-    }, c = t[(k % t.length + t.length) % t.length].vnode, B = Ea(c, s);
+      key: `clone-${i}-${k}`
+    }, v = t[(k % t.length + t.length) % t.length].vnode, B = Aa(v, s);
     B.el = null, l.push(B);
   }
   return l;
 }
-const Ga = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
-function Zt(t) {
+const Xa = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
+function xt(t) {
   if (!t.el || !(t.el instanceof Element))
     return;
-  const o = t.el.querySelectorAll(Ga);
-  for (const i of o)
-    i instanceof HTMLElement && !i.hasAttribute("disabled") && i.getAttribute("aria-hidden") !== "true" && i.setAttribute("tabindex", "-1");
+  const i = t.el.querySelectorAll(Xa);
+  for (const o of i)
+    o instanceof HTMLElement && !o.hasAttribute("disabled") && o.getAttribute("aria-hidden") !== "true" && o.setAttribute("tabindex", "-1");
 }
-function Xa(t, o) {
-  return Object.keys(t).filter((i) => !o.includes(i)).reduce((i, l) => (i[l] = t[l], i), {});
+function Ya(t, i) {
+  return Object.keys(t).filter((o) => !i.includes(o)).reduce((o, l) => (o[l] = t[l], o), {});
 }
-function Ya(t) {
-  const { isVertical: o, isReversed: i, dragged: l, effectiveSlideSize: n } = t, a = o ? l.y : l.x;
+function Ka(t) {
+  const { isVertical: i, isReversed: o, dragged: l, effectiveSlideSize: n } = t, a = i ? l.y : l.x;
   if (a === 0)
     return 0;
-  const b = Math.round(a / n);
-  return i ? b : -b;
-}
-function Be({ val: t, max: o, min: i }) {
-  return o < i ? t : Math.min(Math.max(t, isNaN(i) ? t : i), isNaN(o) ? t : o);
+  const y = Math.round(a / n);
+  return o ? y : -y;
 }
-function Ka(t) {
-  const { transform: o } = window.getComputedStyle(t);
-  return o.split(/[(,)]/).slice(1, -1).map((i) => parseFloat(i));
+function Te({ val: t, max: i, min: o }) {
+  return i < o ? t : Math.min(Math.max(t, isNaN(o) ? t : o), isNaN(i) ? t : i);
 }
 function Wa(t) {
-  let o = 1, i = 1;
+  const { transform: i } = window.getComputedStyle(t);
+  return i.split(/[(,)]/).slice(1, -1).map((o) => parseFloat(o));
+}
+function Ja(t) {
+  let i = 1, o = 1;
   return t.forEach((l) => {
-    const n = Ka(l);
-    n.length === 6 && (o /= n[0], i /= n[3]);
-  }), { widthMultiplier: o, heightMultiplier: i };
+    const n = Wa(l);
+    n.length === 6 && (i /= n[0], o /= n[3]);
+  }), { widthMultiplier: i, heightMultiplier: o };
 }
-function xa(t, o) {
+function Qa(t, i) {
   switch (t) {
     case "start":
       return 0;
     case "center":
     case "center-odd":
-      return (o - 1) / 2;
+      return (i - 1) / 2;
     case "center-even":
-      return (o - 2) / 2;
+      return (i - 2) / 2;
     case "end":
-      return o - 1;
+      return i - 1;
     default:
       return 0;
   }
 }
-function Ja(t, o, i) {
+function Za(t, i, o) {
   switch (t) {
     case "start":
       return 0;
     case "center":
     case "center-odd":
-      return (i - o) / 2;
+      return (o - i) / 2;
     case "center-even":
-      return i / 2 - o;
+      return o / 2 - i;
     case "end":
-      return i - o;
+      return o - i;
     default:
       return 0;
   }
 }
-function qt({ slideSize: t, viewportSize: o, align: i, itemsToShow: l }) {
-  return l !== void 0 ? xa(i, l) : t !== void 0 && o !== void 0 ? Ja(i, t, o) : 0;
+function qt({ slideSize: t, viewportSize: i, align: o, itemsToShow: l }) {
+  return l !== void 0 ? Qa(o, l) : t !== void 0 && i !== void 0 ? Za(o, t, i) : 0;
 }
-function va(t = "", o = {}) {
-  return Object.entries(o).reduce((i, [l, n]) => i.replace(`{${l}}`, String(n)), t);
+function va(t = "", i = {}) {
+  return Object.entries(i).reduce((o, [l, n]) => o.replace(`{${l}}`, String(n)), t);
 }
-function fa({ val: t, max: o, min: i = 0 }) {
-  const l = o - i + 1;
-  return ((t - i) % l + l) % l + i;
+function fa({ val: t, max: i, min: o = 0 }) {
+  const l = i - o + 1;
+  return ((t - o) % l + l) % l + o;
 }
-function jt(t, o = 0) {
-  let i = !1, l = 0, n = null;
-  function a(...b) {
-    if (i)
+function jt(t, i = 0) {
+  let o = !1, l = 0, n = null;
+  function a(...y) {
+    if (o)
       return;
-    i = !0;
+    o = !0;
     const k = () => {
       n = requestAnimationFrame((D) => {
-        D - l > o ? (l = D, t(...b), i = !1) : k();
+        D - l > i ? (l = D, t(...y), o = !1) : k();
       });
     };
     k();
   }
   return a.cancel = () => {
-    n && (cancelAnimationFrame(n), n = null, i = !1);
+    n && (cancelAnimationFrame(n), n = null, o = !1);
   }, a;
 }
-function Rt(t, o = "px") {
+function Lt(t, i = "px") {
   if (!(t == null || t === ""))
-    return typeof t == "number" || parseFloat(t).toString() === t ? `${t}${o}` : t;
+    return typeof t == "number" || parseFloat(t).toString() === t ? `${t}${i}` : t;
 }
-const Qa = fe({
+const xa = pe({
   name: "CarouselAria",
   setup() {
-    const t = St(Ke);
+    const t = St(Qe);
     return t ? () => K("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
@@ -216,7 +216,7 @@ const Qa = fe({
       slidesCount: t.slidesCount
     })) : () => "";
   }
-}), Za = {
+}), en = {
   // time to auto advance slides in ms
   autoplay: {
     default: z.autoplay,
@@ -290,8 +290,8 @@ const Qa = fe({
   preventExcessiveDragging: {
     default: !1,
     type: Boolean,
-    validator(t, o) {
-      return t && o.wrapAround && console.warn('[vue3-carousel warn]: "preventExcessiveDragging" cannot be used with wrapAround. The setting will be ignored.'), !0;
+    validator(t, i) {
+      return t && i.wrapAround && console.warn('[vue3-carousel warn]: "preventExcessiveDragging" cannot be used with wrapAround. The setting will be ignored.'), !0;
     }
   },
   // control snap position alignment
@@ -317,11 +317,11 @@ const Qa = fe({
   dir: {
     type: String,
     default: z.dir,
-    validator(t, o) {
+    validator(t, i) {
       if (!sa.includes(t))
         return !1;
-      const i = t in Lt ? Lt[t] : t;
-      return ["ttb", "btt"].includes(i) && (!o.height || o.height === "auto") && console.warn(`[vue3-carousel warn]: The dir "${t}" is not supported with height "auto".`), !0;
+      const o = t in Nt ? Nt[t] : t;
+      return ["ttb", "btt"].includes(o) && (!i.height || i.height === "auto") && console.warn(`[vue3-carousel warn]: The dir "${t}" is not supported with height "auto".`), !0;
     }
   },
   // control infinite scrolling mode
@@ -329,9 +329,9 @@ const Qa = fe({
     default: z.wrapAround,
     type: Boolean
   }
-}, en = fe({
+}, tn = pe({
   name: "VueCarousel",
-  props: Za,
+  props: en,
   emits: [
     "before-init",
     "drag",
@@ -343,266 +343,266 @@ const Qa = fe({
     "slide-unregistered",
     "update:modelValue"
   ],
-  setup(t, { slots: o, emit: i, expose: l }) {
+  setup(t, { slots: i, emit: o, expose: l }) {
     var n;
-    const a = Ha(i), b = a.getSlides(), k = u(() => b.length), D = A(null), s = A(null), c = A(0), B = u(() => Object.assign(Object.assign(Object.assign({}, z), Xa(t, ["breakpoints", "modelValue"])), { i18n: Object.assign(Object.assign({}, z.i18n), t.i18n) })), d = Ht(Object.assign({}, B.value)), g = A((n = t.modelValue) !== null && n !== void 0 ? n : 0), R = A(g.value);
-    P(g, (r) => R.value = r);
-    const E = A(0), We = u(() => Math.ceil((k.value - 1) / 2)), oe = u(() => k.value - 1), ie = u(() => 0);
-    let J = null, f = null, I = null;
-    const re = u(() => c.value + d.gap), U = u(() => {
-      const r = d.dir || "ltr";
-      return r in Lt ? Lt[r] : r;
-    }), ae = u(() => ["rtl", "btt"].includes(U.value)), F = u(() => ["ttb", "btt"].includes(U.value)), ne = u(() => d.itemsToShow === "auto"), H = u(() => F.value ? "height" : "width");
-    function Me() {
+    const a = qa(o), y = a.getSlides(), k = u(() => y.length), D = E(null), s = E(null), v = E(0), B = u(() => Object.assign(Object.assign(Object.assign({}, z), Ya(t, ["breakpoints", "modelValue"])), { i18n: Object.assign(Object.assign({}, z.i18n), t.i18n) })), c = Ht(Object.assign({}, B.value)), g = E((n = t.modelValue) !== null && n !== void 0 ? n : 0), V = E(g.value);
+    U(g, (r) => V.value = r);
+    const A = E(0), Ze = u(() => Math.ceil((k.value - 1) / 2)), oe = u(() => k.value - 1), ie = u(() => 0);
+    let Q = null, d = null, I = null;
+    const re = u(() => v.value + c.gap), _ = u(() => {
+      const r = c.dir || "ltr";
+      return r in Nt ? Nt[r] : r;
+    }), ae = u(() => ["rtl", "btt"].includes(_.value)), P = u(() => ["ttb", "btt"].includes(_.value)), ne = u(() => c.itemsToShow === "auto"), H = u(() => P.value ? "height" : "width");
+    function Oe() {
       var r;
-      if (!Ve.value)
+      if (!Le.value)
         return;
-      const y = (B.value.breakpointMode === "carousel" ? (r = D.value) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width : typeof window < "u" ? window.innerWidth : 0) || 0, C = Object.keys(t.breakpoints || {}).map((N) => Number(N)).sort((N, W) => +W - +N), T = {};
-      C.some((N) => y >= N ? (Object.assign(T, t.breakpoints[N]), T.i18n && Object.assign(T.i18n, B.value.i18n, t.breakpoints[N].i18n), !0) : !1), Object.assign(d, B.value, T);
+      const b = (B.value.breakpointMode === "carousel" ? (r = D.value) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width : typeof window < "u" ? window.innerWidth : 0) || 0, C = Object.keys(t.breakpoints || {}).map((N) => Number(N)).sort((N, W) => +W - +N), T = {};
+      C.some((N) => b >= N ? (Object.assign(T, t.breakpoints[N]), T.i18n && Object.assign(T.i18n, B.value.i18n, t.breakpoints[N].i18n), !0) : !1), Object.assign(c, B.value, T);
     }
-    const Ae = jt(() => {
-      Me(), pe(), ue();
-    }), xe = Ht(/* @__PURE__ */ new Set()), Q = A([]);
-    function Nt({ widthMultiplier: r, heightMultiplier: y }) {
-      Q.value = b.map((C) => {
+    const Ve = jt(() => {
+      Oe(), me(), ue();
+    }), xe = Ht(/* @__PURE__ */ new Set()), Z = E([]);
+    function Mt({ widthMultiplier: r, heightMultiplier: b }) {
+      Z.value = y.map((C) => {
         var T;
         const N = (T = C.exposed) === null || T === void 0 ? void 0 : T.getBoundingRect();
         return {
           width: N.width * r,
-          height: N.height * y
+          height: N.height * b
         };
       });
     }
-    const Oe = A({
+    const $e = E({
       width: 0,
       height: 0
     });
-    function Ce({ widthMultiplier: r, heightMultiplier: y }) {
+    function we({ widthMultiplier: r, heightMultiplier: b }) {
       var C;
       const T = ((C = s.value) === null || C === void 0 ? void 0 : C.getBoundingClientRect()) || { width: 0, height: 0 };
-      Oe.value = {
+      $e.value = {
         width: T.width * r,
-        height: T.height * y
+        height: T.height * b
       };
     }
     function ue() {
       if (!s.value)
         return;
-      const r = Wa(xe);
-      if (Ce(r), Nt(r), ne.value)
-        c.value = qa(Q.value.map((y) => y[H.value]));
+      const r = Ja(xe);
+      if (we(r), Mt(r), ne.value)
+        v.value = Ga(Z.value.map((b) => b[H.value]));
       else {
-        const y = Number(d.itemsToShow), C = (y - 1) * d.gap;
-        c.value = (Oe.value[H.value] - C) / y;
+        const b = Number(c.itemsToShow), C = (b - 1) * c.gap;
+        v.value = ($e.value[H.value] - C) / b;
       }
     }
-    function pe() {
-      !d.wrapAround && k.value > 0 && (g.value = Be({
+    function me() {
+      !c.wrapAround && k.value > 0 && (g.value = Te({
         val: g.value,
         max: oe.value,
         min: ie.value
-      })), ne.value || (d.itemsToShow = Be({
-        val: Number(d.itemsToShow),
+      })), ne.value || (c.itemsToShow = Te({
+        val: Number(c.itemsToShow),
         max: k.value,
         min: 1
       }));
     }
     const it = u(() => typeof t.ignoreAnimations == "string" ? t.ignoreAnimations.split(",") : Array.isArray(t.ignoreAnimations) ? t.ignoreAnimations : t.ignoreAnimations ? !1 : []);
-    Ft(() => pe()), Ft(() => {
+    Pt(() => me()), Pt(() => {
       ue();
     });
-    let Ee;
+    let Re;
     const Ct = (r) => {
-      const y = r.target;
-      if (!(!(y != null && y.contains(D.value)) || Array.isArray(it.value) && it.value.includes(r.animationName)) && (xe.add(y), !Ee)) {
+      const b = r.target;
+      if (!(!(b != null && b.contains(D.value)) || Array.isArray(it.value) && it.value.includes(r.animationName)) && (xe.add(b), !Re)) {
         const C = () => {
-          Ee = requestAnimationFrame(() => {
+          Re = requestAnimationFrame(() => {
             ue(), C();
           });
         };
         C();
       }
     }, wt = (r) => {
-      const y = r.target;
-      y && xe.delete(y), Ee && xe.size === 0 && (cancelAnimationFrame(Ee), ue());
-    }, Ve = A(!1);
-    typeof document < "u" && Ft(() => {
-      Ve.value && it.value !== !1 ? (document.addEventListener("animationstart", Ct), document.addEventListener("animationend", wt)) : (document.removeEventListener("animationstart", Ct), document.removeEventListener("animationend", wt));
+      const b = r.target;
+      b && xe.delete(b), Re && xe.size === 0 && (cancelAnimationFrame(Re), ue());
+    }, Le = E(!1);
+    typeof document < "u" && Pt(() => {
+      Le.value && it.value !== !1 ? (document.addEventListener("animationstart", Ct), document.addEventListener("animationend", wt)) : (document.removeEventListener("animationstart", Ct), document.removeEventListener("animationend", wt));
     }), Yt(() => {
-      Ve.value = !0, Me(), Dt(), D.value && (I = new ResizeObserver(Ae), I.observe(D.value)), i("init");
+      Le.value = !0, Oe(), Dt(), D.value && (I = new ResizeObserver(Ve), I.observe(D.value)), o("init");
     }), Da(() => {
-      Ve.value = !1, a.cleanup(), f && clearTimeout(f), Ee && cancelAnimationFrame(Ee), J && clearInterval(J), I && (I.disconnect(), I = null), typeof document < "u" && Re(), D.value && (D.value.removeEventListener("transitionend", ue), D.value.removeEventListener("animationiteration", ue));
+      Le.value = !1, a.cleanup(), d && clearTimeout(d), Re && cancelAnimationFrame(Re), Q && clearInterval(Q), I && (I.disconnect(), I = null), typeof document < "u" && Ne(), D.value && (D.value.removeEventListener("transitionend", ue), D.value.removeEventListener("animationiteration", ue));
     });
-    let we = !1;
-    const me = { x: 0, y: 0 }, se = Pt({ x: 0, y: 0 }), $e = A(!1), rt = A(!1), Mt = () => {
-      $e.value = !0;
+    let De = !1;
+    const ge = { x: 0, y: 0 }, se = Ut({ x: 0, y: 0 }), Fe = E(!1), rt = E(!1), Ot = () => {
+      Fe.value = !0;
     }, ut = () => {
-      $e.value = !1;
+      Fe.value = !1;
     }, st = jt((r) => {
       if (!r.ctrlKey)
         switch (r.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            F.value === r.key.endsWith("Up") && (ae.value ? De(!0) : Ze(!0));
+            P.value === r.key.endsWith("Up") && (ae.value ? Ie(!0) : at(!0));
             break;
           case "ArrowRight":
           case "ArrowDown":
-            F.value === r.key.endsWith("Down") && (ae.value ? Ze(!0) : De(!0));
+            P.value === r.key.endsWith("Down") && (ae.value ? at(!0) : Ie(!0));
             break;
         }
-    }, 200), ge = () => {
+    }, 200), ye = () => {
       document.addEventListener("keydown", st);
-    }, Re = () => {
+    }, Ne = () => {
       document.removeEventListener("keydown", st);
     };
-    function Z(r) {
-      const y = r.target.tagName;
-      if (["INPUT", "TEXTAREA", "SELECT"].includes(y) || q.value || (we = r.type === "touchstart", !we && (r.preventDefault(), r.button !== 0)))
+    function x(r) {
+      const b = r.target.tagName;
+      if (["INPUT", "TEXTAREA", "SELECT"].includes(b) || q.value || (De = r.type === "touchstart", !De && (r.preventDefault(), r.button !== 0)))
         return;
-      me.x = "touches" in r ? r.touches[0].clientX : r.clientX, me.y = "touches" in r ? r.touches[0].clientY : r.clientY;
-      const C = we ? "touchmove" : "mousemove", T = we ? "touchend" : "mouseup";
-      document.addEventListener(C, dt, { passive: !1 }), document.addEventListener(T, Je, { passive: !0 });
+      ge.x = "touches" in r ? r.touches[0].clientX : r.clientX, ge.y = "touches" in r ? r.touches[0].clientY : r.clientY;
+      const C = De ? "touchmove" : "mousemove", T = De ? "touchend" : "mouseup";
+      document.addEventListener(C, dt, { passive: !1 }), document.addEventListener(T, et, { passive: !0 });
     }
     const dt = jt((r) => {
       rt.value = !0;
-      const y = "touches" in r ? r.touches[0].clientX : r.clientX, C = "touches" in r ? r.touches[0].clientY : r.clientY;
-      se.x = y - me.x, se.y = C - me.y;
-      const T = Ya({
-        isVertical: F.value,
+      const b = "touches" in r ? r.touches[0].clientX : r.clientX, C = "touches" in r ? r.touches[0].clientY : r.clientY;
+      se.x = b - ge.x, se.y = C - ge.y;
+      const T = Ka({
+        isVertical: P.value,
         isReversed: ae.value,
         dragged: se,
         effectiveSlideSize: re.value
       });
-      R.value = d.wrapAround ? g.value + T : Be({
+      V.value = c.wrapAround ? g.value + T : Te({
         val: g.value + T,
         max: oe.value,
         min: ie.value
-      }), i("drag", { deltaX: se.x, deltaY: se.y });
+      }), o("drag", { deltaX: se.x, deltaY: se.y });
     });
-    function Je() {
-      if (dt.cancel(), R.value !== g.value && !we) {
+    function et() {
+      if (dt.cancel(), V.value !== g.value && !De) {
         const C = (T) => {
           T.preventDefault(), window.removeEventListener("click", C);
         };
         window.addEventListener("click", C);
       }
-      Le(R.value), se.x = 0, se.y = 0, rt.value = !1;
-      const r = we ? "touchmove" : "mousemove", y = we ? "touchend" : "mouseup";
-      document.removeEventListener(r, dt), document.removeEventListener(y, Je);
+      Me(V.value), se.x = 0, se.y = 0, rt.value = !1;
+      const r = De ? "touchmove" : "mousemove", b = De ? "touchend" : "mouseup";
+      document.removeEventListener(r, dt), document.removeEventListener(b, et);
     }
     function Dt() {
-      !d.autoplay || d.autoplay <= 0 || (J = setInterval(() => {
-        d.pauseAutoplayOnHover && $e.value || De();
-      }, d.autoplay));
+      !c.autoplay || c.autoplay <= 0 || (Q = setInterval(() => {
+        c.pauseAutoplayOnHover && Fe.value || Ie();
+      }, c.autoplay));
     }
     function ct() {
-      J && (clearInterval(J), J = null);
+      Q && (clearInterval(Q), Q = null);
     }
-    function Qe() {
+    function tt() {
       ct(), Dt();
     }
-    const q = A(!1);
-    function Le(r, y = !1) {
-      if (!y && q.value)
+    const q = E(!1);
+    function Me(r, b = !1) {
+      if (!b && q.value)
         return;
       let C = r, T = r;
-      E.value = g.value, d.wrapAround ? T = fa({
+      A.value = g.value, c.wrapAround ? T = fa({
         val: C,
         max: oe.value,
         min: ie.value
-      }) : C = Be({
+      }) : C = Te({
         val: C,
         max: oe.value,
         min: ie.value
-      }), i("slide-start", {
+      }), o("slide-start", {
         slidingToIndex: r,
         currentSlideIndex: g.value,
-        prevSlideIndex: E.value,
+        prevSlideIndex: A.value,
         slidesCount: k.value
-      }), ct(), q.value = !0, g.value = C, T !== C && vt.pause(), i("update:modelValue", T), f = setTimeout(() => {
-        d.wrapAround && T !== C && (vt.resume(), g.value = T, i("loop", {
+      }), ct(), q.value = !0, g.value = C, T !== C && vt.pause(), o("update:modelValue", T), d = setTimeout(() => {
+        c.wrapAround && T !== C && (vt.resume(), g.value = T, o("loop", {
           currentSlideIndex: g.value,
           slidingToIndex: r
-        })), i("slide-end", {
+        })), o("slide-end", {
           currentSlideIndex: g.value,
-          prevSlideIndex: E.value,
+          prevSlideIndex: A.value,
           slidesCount: k.value
-        }), q.value = !1, Qe();
-      }, d.transition);
+        }), q.value = !1, tt();
+      }, c.transition);
     }
-    function De(r = !1) {
-      Le(g.value + d.itemsToScroll, r);
+    function Ie(r = !1) {
+      Me(g.value + c.itemsToScroll, r);
     }
-    function Ze(r = !1) {
-      Le(g.value - d.itemsToScroll, r);
+    function at(r = !1) {
+      Me(g.value - c.itemsToScroll, r);
     }
-    function _e() {
-      Me(), pe(), ue(), Qe();
+    function Pe() {
+      Oe(), me(), ue(), tt();
     }
-    P(() => [B.value, t.breakpoints], () => Me(), { deep: !0 }), P(() => t.autoplay, () => Qe());
-    const vt = P(() => t.modelValue, (r) => {
-      r !== g.value && Le(Number(r), !0);
+    U(() => [B.value, t.breakpoints], () => Oe(), { deep: !0 }), U(() => t.autoplay, () => tt());
+    const vt = U(() => t.modelValue, (r) => {
+      r !== g.value && Me(Number(r), !0);
     });
-    i("before-init");
-    const Fe = u(() => {
-      if (!d.wrapAround)
+    o("before-init");
+    const Ue = u(() => {
+      if (!c.wrapAround)
         return { before: 0, after: 0 };
       if (ne.value)
-        return { before: b.length, after: b.length };
-      const r = Number(d.itemsToShow), y = Math.ceil(r + (d.itemsToScroll - 1)), C = y - R.value, T = y - (k.value - (R.value + 1));
+        return { before: y.length, after: y.length };
+      const r = Number(c.itemsToShow), b = Math.ceil(r + (c.itemsToScroll - 1)), C = b - V.value, T = b - (k.value - (V.value + 1));
       return {
         before: Math.max(0, C),
         after: Math.max(0, T)
       };
-    }), le = u(() => Fe.value.before ? ne.value ? Q.value.slice(-1 * Fe.value.before).reduce((r, y) => r + y[H.value] + d.gap, 0) * -1 : Fe.value.before * re.value * -1 : 0), ft = u(() => {
+    }), le = u(() => Ue.value.before ? ne.value ? Z.value.slice(-1 * Ue.value.before).reduce((r, b) => r + b[H.value] + c.gap, 0) * -1 : Ue.value.before * re.value * -1 : 0), ft = u(() => {
       var r;
       if (ne.value) {
-        const y = (g.value % b.length + b.length) % b.length;
+        const b = (g.value % y.length + y.length) % y.length;
         return qt({
-          slideSize: (r = Q.value[y]) === null || r === void 0 ? void 0 : r[H.value],
-          viewportSize: Oe.value[H.value],
-          align: d.snapAlign
+          slideSize: (r = Z.value[b]) === null || r === void 0 ? void 0 : r[H.value],
+          viewportSize: $e.value[H.value],
+          align: c.snapAlign
         });
       }
       return qt({
-        align: d.snapAlign,
-        itemsToShow: +d.itemsToShow
+        align: c.snapAlign,
+        itemsToShow: +c.itemsToShow
       });
-    }), et = u(() => {
+    }), nt = u(() => {
       let r = 0;
       if (ne.value) {
-        if (g.value < 0 ? r = Q.value.slice(g.value).reduce((y, C) => y + C[H.value] + d.gap, 0) * -1 : r = Q.value.slice(0, g.value).reduce((y, C) => y + C[H.value] + d.gap, 0), r -= ft.value, !d.wrapAround) {
-          const y = Q.value.reduce((C, T) => C + T[H.value] + d.gap, 0) - Oe.value[H.value] - d.gap;
-          r = Be({
+        if (g.value < 0 ? r = Z.value.slice(g.value).reduce((b, C) => b + C[H.value] + c.gap, 0) * -1 : r = Z.value.slice(0, g.value).reduce((b, C) => b + C[H.value] + c.gap, 0), r -= ft.value, !c.wrapAround) {
+          const b = Z.value.reduce((C, T) => C + T[H.value] + c.gap, 0) - $e.value[H.value] - c.gap;
+          r = Te({
             val: r,
-            max: y,
+            max: b,
             min: 0
           });
         }
       } else {
-        let y = g.value - ft.value;
-        d.wrapAround || (y = Be({
-          val: y,
-          max: k.value - +d.itemsToShow,
+        let b = g.value - ft.value;
+        c.wrapAround || (b = Te({
+          val: b,
+          max: k.value - +c.itemsToShow,
           min: 0
-        })), r = y * re.value;
+        })), r = b * re.value;
       }
       return r * (ae.value ? 1 : -1);
     }), It = u(() => {
-      var r, y;
+      var r, b;
       if (!ne.value) {
         const N = g.value - ft.value;
-        return d.wrapAround ? {
+        return c.wrapAround ? {
           min: Math.floor(N),
-          max: Math.ceil(N + Number(d.itemsToShow) - 1)
+          max: Math.ceil(N + Number(c.itemsToShow) - 1)
         } : {
-          min: Math.floor(Be({
+          min: Math.floor(Te({
             val: N,
-            max: k.value - Number(d.itemsToShow),
+            max: k.value - Number(c.itemsToShow),
             min: 0
           })),
-          max: Math.ceil(Be({
-            val: N + Number(d.itemsToShow) - 1,
+          max: Math.ceil(Te({
+            val: N + Number(c.itemsToShow) - 1,
             max: k.value - 1,
             min: 0
           }))
@@ -610,20 +610,20 @@ const Qa = fe({
       }
       let C = 0;
       {
-        let N = 0, W = 0 - Fe.value.before;
-        const X = Math.abs(et.value + le.value);
-        for (; N <= X; ) {
-          const ee = (W % b.length + b.length) % b.length;
-          N += ((r = Q.value[ee]) === null || r === void 0 ? void 0 : r[H.value]) + d.gap, W++;
+        let N = 0, W = 0 - Ue.value.before;
+        const Y = Math.abs(nt.value + le.value);
+        for (; N <= Y; ) {
+          const ee = (W % y.length + y.length) % y.length;
+          N += ((r = Z.value[ee]) === null || r === void 0 ? void 0 : r[H.value]) + c.gap, W++;
         }
         C = W - 1;
       }
       let T = 0;
       {
         let N = C, W = 0;
-        for (N < 0 ? W = Q.value.slice(0, N).reduce((X, ee) => X + ee[H.value] + d.gap, 0) - Math.abs(et.value + le.value) : W = Q.value.slice(0, N).reduce((X, ee) => X + ee[H.value] + d.gap, 0) - Math.abs(et.value); W < Oe.value[H.value]; ) {
-          const X = (N % b.length + b.length) % b.length;
-          W += ((y = Q.value[X]) === null || y === void 0 ? void 0 : y[H.value]) + d.gap, N++;
+        for (N < 0 ? W = Z.value.slice(0, N).reduce((Y, ee) => Y + ee[H.value] + c.gap, 0) - Math.abs(nt.value + le.value) : W = Z.value.slice(0, N).reduce((Y, ee) => Y + ee[H.value] + c.gap, 0) - Math.abs(nt.value); W < $e.value[H.value]; ) {
+          const Y = (N % y.length + y.length) % y.length;
+          W += ((b = Z.value[Y]) === null || b === void 0 ? void 0 : b[H.value]) + c.gap, N++;
         }
         T = N - 1;
       }
@@ -631,108 +631,108 @@ const Qa = fe({
         min: Math.floor(C),
         max: Math.ceil(T)
       };
-    }), Ot = u(() => {
-      if (d.slideEffect === "fade")
+    }), $t = u(() => {
+      if (c.slideEffect === "fade")
         return;
-      const r = F.value ? "Y" : "X", y = F.value ? se.y : se.x;
-      let C = et.value + y;
-      if (!d.wrapAround && d.preventExcessiveDragging) {
+      const r = P.value ? "Y" : "X", b = P.value ? se.y : se.x;
+      let C = nt.value + b;
+      if (!c.wrapAround && c.preventExcessiveDragging) {
         let T = 0;
-        ne.value ? T = Q.value.reduce((X, ee) => X + ee[H.value], 0) : T = (k.value - Number(d.itemsToShow)) * re.value;
+        ne.value ? T = Z.value.reduce((Y, ee) => Y + ee[H.value], 0) : T = (k.value - Number(c.itemsToShow)) * re.value;
         const N = ae.value ? 0 : -1 * T, W = ae.value ? T : 0;
-        C = Be({
+        C = Te({
           val: C,
           min: N,
           max: W
         });
       }
       return `translate${r}(${C}px)`;
-    }), $t = u(() => ({
-      "--vc-transition-duration": q.value ? Rt(d.transition, "ms") : void 0,
-      "--vc-slide-gap": Rt(d.gap),
-      "--vc-carousel-height": Rt(d.height),
-      "--vc-cloned-offset": Rt(le.value)
-    })), Bt = { slideTo: Le, next: De, prev: Ze }, pt = Pt({
-      activeSlide: R,
-      config: d,
+    }), Ft = u(() => ({
+      "--vc-transition-duration": q.value ? Lt(c.transition, "ms") : void 0,
+      "--vc-slide-gap": Lt(c.gap),
+      "--vc-carousel-height": Lt(c.height),
+      "--vc-cloned-offset": Lt(le.value)
+    })), Bt = { slideTo: Me, next: Ie, prev: at }, pt = Ut({
+      activeSlide: V,
+      config: c,
       currentSlide: g,
       isSliding: q,
-      isVertical: F,
+      isVertical: P,
       maxSlide: oe,
       minSlide: ie,
       nav: Bt,
-      normalizedDir: U,
+      normalizedDir: _,
       slideRegistry: a,
-      slideSize: c,
-      slides: b,
+      slideSize: v,
+      slides: y,
       slidesCount: k,
       viewport: s,
       visibleRange: It
     });
-    la(Ke, pt);
-    const Pe = Pt({
-      config: d,
+    la(Qe, pt);
+    const _e = Ut({
+      config: c,
       currentSlide: g,
       maxSlide: oe,
-      middleSlide: We,
+      middleSlide: Ze,
       minSlide: ie,
-      slideSize: c,
+      slideSize: v,
       slidesCount: k
     });
     return l({
-      data: Pe,
+      data: _e,
       nav: Bt,
-      next: De,
-      prev: Ze,
-      restartCarousel: _e,
-      slideTo: Le,
-      updateBreakpointsConfig: Me,
+      next: Ie,
+      prev: at,
+      restartCarousel: Pe,
+      slideTo: Me,
+      updateBreakpointsConfig: Oe,
       updateSlideSize: ue,
-      updateSlidesData: pe
+      updateSlidesData: me
     }), () => {
       var r;
-      const y = o.default || o.slides, C = (y == null ? void 0 : y(Pe)) || [], { before: T, after: N } = Fe.value, W = Qt({
-        slides: b,
+      const b = i.default || i.slides, C = (b == null ? void 0 : b(_e)) || [], { before: T, after: N } = Ue.value, W = Zt({
+        slides: y,
         position: "before",
         toShow: T
-      }), X = Qt({
-        slides: b,
+      }), Y = Zt({
+        slides: y,
         position: "after",
         toShow: N
-      }), ee = [...W, ...C, ...X];
-      if (!d.enabled || !ee.length)
+      }), ee = [...W, ...C, ...Y];
+      if (!c.enabled || !ee.length)
         return K("section", {
           ref: D,
           class: ["carousel", "is-disabled"]
         }, ee);
-      const mt = ((r = o.addons) === null || r === void 0 ? void 0 : r.call(o, Pe)) || [], tt = K("ol", {
+      const mt = ((r = i.addons) === null || r === void 0 ? void 0 : r.call(i, _e)) || [], lt = K("ol", {
         class: "carousel__track",
-        style: { transform: Ot.value },
-        onMousedownCapture: d.mouseDrag ? Z : null,
-        onTouchstartPassiveCapture: d.touchDrag ? Z : null
-      }, ee), gt = K("div", { class: "carousel__viewport", ref: s }, tt);
+        style: { transform: $t.value },
+        onMousedownCapture: c.mouseDrag ? x : null,
+        onTouchstartPassiveCapture: c.touchDrag ? x : null
+      }, ee), gt = K("div", { class: "carousel__viewport", ref: s }, lt);
       return K("section", {
         ref: D,
         class: [
           "carousel",
-          `is-${U.value}`,
-          `is-effect-${d.slideEffect}`,
+          `is-${_.value}`,
+          `is-effect-${c.slideEffect}`,
           {
-            "is-vertical": F.value,
+            "is-vertical": P.value,
             "is-sliding": q.value,
             "is-dragging": rt.value,
-            "is-hover": $e.value
+            "is-hover": Fe.value
           }
         ],
-        dir: U.value,
-        style: $t.value,
-        "aria-label": d.i18n.ariaGallery,
+        dir: _.value,
+        style: Ft.value,
+        "aria-label": c.i18n.ariaGallery,
         tabindex: "0",
-        onFocus: ge,
-        onBlur: Re,
-        onMouseenter: Mt,
+        onFocus: ye,
+        onBlur: Ne,
+        onMouseenter: Ot,
         onMouseleave: ut
-      }, [gt, mt, K(Qa)]);
+      }, [gt, mt, K(xa)]);
     };
   }
 });
@@ -740,16 +740,16 @@ var Gt;
 (function(t) {
   t.arrowDown = "arrowDown", t.arrowLeft = "arrowLeft", t.arrowRight = "arrowRight", t.arrowUp = "arrowUp";
 })(Gt || (Gt = {}));
-const ea = (t) => `icon${t.charAt(0).toUpperCase() + t.slice(1)}`, tn = {
+const ea = (t) => `icon${t.charAt(0).toUpperCase() + t.slice(1)}`, an = {
   arrowDown: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
   arrowLeft: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z",
   arrowRight: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",
   arrowUp: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"
 };
-function an(t) {
+function nn(t) {
   return t in Gt;
 }
-const ta = (t) => t && an(t), aa = fe({
+const ta = (t) => t && nn(t), aa = pe({
   props: {
     name: {
       type: String,
@@ -762,28 +762,28 @@ const ta = (t) => t && an(t), aa = fe({
     }
   },
   setup(t) {
-    const o = St(Ke, null);
+    const i = St(Qe, null);
     return () => {
-      const i = t.name;
-      if (!i || !ta(i))
+      const o = t.name;
+      if (!o || !ta(o))
         return;
-      const l = tn[i], n = K("path", { d: l }), a = (o == null ? void 0 : o.config.i18n[ea(i)]) || t.title, b = K("title", a);
+      const l = an[o], n = K("path", { d: l }), a = (i == null ? void 0 : i.config.i18n[ea(o)]) || t.title, y = K("title", a);
       return K("svg", {
         class: "carousel__icon",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-label": a
-      }, [b, n]);
+      }, [y, n]);
     };
   }
-}), nn = fe({
+}), ln = pe({
   name: "CarouselNavigation",
   inheritAttrs: !1,
-  setup(t, { slots: o, attrs: i }) {
-    const l = St(Ke);
+  setup(t, { slots: i, attrs: o }) {
+    const l = St(Qe);
     if (!l)
       return () => "";
-    const { next: n, prev: a } = o, b = () => ({
+    const { next: n, prev: a } = i, y = () => ({
       btt: "arrowDown",
       ltr: "arrowLeft",
       rtl: "arrowRight",
@@ -795,19 +795,19 @@ const ta = (t) => t && an(t), aa = fe({
       ttb: "arrowDown"
     })[l.normalizedDir], D = u(() => !l.config.wrapAround && l.currentSlide <= l.minSlide), s = u(() => !l.config.wrapAround && l.currentSlide >= l.maxSlide);
     return () => {
-      const { i18n: c } = l.config, B = K("button", Object.assign(Object.assign({ type: "button", disabled: D.value, "aria-label": c.ariaPreviousSlide, title: c.ariaPreviousSlide, onClick: l.nav.prev }, i), { class: [
+      const { i18n: v } = l.config, B = K("button", Object.assign(Object.assign({ type: "button", disabled: D.value, "aria-label": v.ariaPreviousSlide, title: v.ariaPreviousSlide, onClick: l.nav.prev }, o), { class: [
         "carousel__prev",
         { "carousel__prev--disabled": D.value },
-        i.class
-      ] }), (a == null ? void 0 : a()) || K(aa, { name: b() })), d = K("button", Object.assign(Object.assign({ type: "button", disabled: s.value, "aria-label": c.ariaNextSlide, title: c.ariaNextSlide, onClick: l.nav.next }, i), { class: [
+        o.class
+      ] }), (a == null ? void 0 : a()) || K(aa, { name: y() })), c = K("button", Object.assign(Object.assign({ type: "button", disabled: s.value, "aria-label": v.ariaNextSlide, title: v.ariaNextSlide, onClick: l.nav.next }, o), { class: [
         "carousel__next",
         { "carousel__next--disabled": s.value },
-        i.class
+        o.class
       ] }), (n == null ? void 0 : n()) || K(aa, { name: k() }));
-      return [B, d];
+      return [B, c];
     };
   }
-}), ln = fe({
+}), on = pe({
   name: "CarouselPagination",
   props: {
     disableOnClick: {
@@ -818,46 +818,46 @@ const ta = (t) => t && an(t), aa = fe({
     }
   },
   setup(t) {
-    const o = St(Ke);
-    if (!o)
+    const i = St(Qe);
+    if (!i)
       return () => "";
-    const i = u(() => o.config.itemsToShow), l = u(() => qt({
-      align: o.config.snapAlign,
-      itemsToShow: i.value
-    })), n = u(() => t.paginateByItemsToShow && i.value > 1), a = u(() => Math.ceil((o.activeSlide - l.value) / i.value)), b = u(() => Math.ceil(o.slidesCount / i.value)), k = (D) => fa(n.value ? {
+    const o = u(() => i.config.itemsToShow), l = u(() => qt({
+      align: i.config.snapAlign,
+      itemsToShow: o.value
+    })), n = u(() => t.paginateByItemsToShow && o.value > 1), a = u(() => Math.ceil((i.activeSlide - l.value) / o.value)), y = u(() => Math.ceil(i.slidesCount / o.value)), k = (D) => fa(n.value ? {
       val: a.value,
-      max: b.value - 1,
+      max: y.value - 1,
       min: 0
     } : {
-      val: o.activeSlide,
-      max: o.maxSlide,
-      min: o.minSlide
+      val: i.activeSlide,
+      max: i.maxSlide,
+      min: i.minSlide
     }) === D;
     return () => {
       var D, s;
-      const c = [];
-      for (let B = n.value ? 0 : o.minSlide; B <= (n.value ? b.value - 1 : o.maxSlide); B++) {
-        const d = va(o.config.i18n[n.value ? "ariaNavigateToPage" : "ariaNavigateToSlide"], {
+      const v = [];
+      for (let B = n.value ? 0 : i.minSlide; B <= (n.value ? y.value - 1 : i.maxSlide); B++) {
+        const c = va(i.config.i18n[n.value ? "ariaNavigateToPage" : "ariaNavigateToSlide"], {
           slideNumber: B + 1
-        }), g = k(B), R = K("button", {
+        }), g = k(B), V = K("button", {
           type: "button",
           class: {
             "carousel__pagination-button": !0,
             "carousel__pagination-button--active": g
           },
-          "aria-label": d,
+          "aria-label": c,
           "aria-pressed": g,
-          "aria-controls": (s = (D = o.slides[B]) === null || D === void 0 ? void 0 : D.exposed) === null || s === void 0 ? void 0 : s.id,
-          title: d,
+          "aria-controls": (s = (D = i.slides[B]) === null || D === void 0 ? void 0 : D.exposed) === null || s === void 0 ? void 0 : s.id,
+          title: c,
           disabled: t.disableOnClick,
-          onClick: () => o.nav.slideTo(n.value ? Math.floor(B * +o.config.itemsToShow + l.value) : B)
-        }), E = K("li", { class: "carousel__pagination-item", key: B }, R);
-        c.push(E);
+          onClick: () => i.nav.slideTo(n.value ? Math.floor(B * +i.config.itemsToShow + l.value) : B)
+        }), A = K("li", { class: "carousel__pagination-item", key: B }, V);
+        v.push(A);
       }
-      return K("ol", { class: "carousel__pagination" }, c);
+      return K("ol", { class: "carousel__pagination" }, v);
     };
   }
-}), na = fe({
+}), na = pe({
   name: "CarouselSlide",
   props: {
     id: {
@@ -877,43 +877,43 @@ const ta = (t) => t && an(t), aa = fe({
       default: void 0
     }
   },
-  setup(t, { attrs: o, slots: i, expose: l }) {
-    const n = St(Ke);
-    if (la(Ke, void 0), !n)
+  setup(t, { attrs: i, slots: o, expose: l }) {
+    const n = St(Qe);
+    if (la(Qe, void 0), !n)
       return () => "";
-    const a = A(t.index), b = (R) => {
-      a.value = R;
+    const a = E(t.index), y = (V) => {
+      a.value = V;
     }, k = Ba(), D = () => {
-      const R = k.vnode.el;
-      return R ? R.getBoundingClientRect() : { width: 0, height: 0 };
+      const V = k.vnode.el;
+      return V ? V.getBoundingClientRect() : { width: 0, height: 0 };
     };
     l({
       id: t.id,
-      setIndex: b,
+      setIndex: y,
       getBoundingRect: D
     });
-    const s = u(() => a.value === n.activeSlide), c = u(() => a.value === n.activeSlide - 1), B = u(() => a.value === n.activeSlide + 1), d = u(() => a.value >= n.visibleRange.min && a.value <= n.visibleRange.max), g = u(() => {
+    const s = u(() => a.value === n.activeSlide), v = u(() => a.value === n.activeSlide - 1), B = u(() => a.value === n.activeSlide + 1), c = u(() => a.value >= n.visibleRange.min && a.value <= n.visibleRange.max), g = u(() => {
       if (n.config.itemsToShow === "auto")
         return;
-      const R = n.config.itemsToShow, E = n.config.gap > 0 && R > 1 ? `calc(${100 / R}% - ${n.config.gap * (R - 1) / R}px)` : `${100 / R}%`;
-      return n.isVertical ? { height: E } : { width: E };
+      const V = n.config.itemsToShow, A = n.config.gap > 0 && V > 1 ? `calc(${100 / V}% - ${n.config.gap * (V - 1) / V}px)` : `${100 / V}%`;
+      return n.isVertical ? { height: A } : { width: A };
     });
     return n.slideRegistry.registerSlide(k, t.index), Ta(() => {
       n.slideRegistry.unregisterSlide(k);
     }), t.isClone && (Yt(() => {
-      Zt(k.vnode);
-    }), Aa(() => {
-      Zt(k.vnode);
+      xt(k.vnode);
+    }), Ea(() => {
+      xt(k.vnode);
     })), () => {
-      var R, E;
+      var V, A;
       return n.config.enabled ? K("li", {
-        style: [o.style, Object.assign({}, g.value)],
+        style: [i.style, Object.assign({}, g.value)],
         class: {
           carousel__slide: !0,
           "carousel__slide--clone": t.isClone,
-          "carousel__slide--visible": d.value,
+          "carousel__slide--visible": c.value,
           "carousel__slide--active": s.value,
-          "carousel__slide--prev": c.value,
+          "carousel__slide--prev": v.value,
           "carousel__slide--next": B.value,
           "carousel__slide--sliding": n.isSliding
         },
@@ -922,22 +922,22 @@ const ta = (t) => t && an(t), aa = fe({
         },
         id: t.isClone ? void 0 : t.id,
         "aria-hidden": t.isClone || void 0
-      }, (E = i.default) === null || E === void 0 ? void 0 : E.call(i, {
+      }, (A = o.default) === null || A === void 0 ? void 0 : A.call(o, {
         currentIndex: a.value,
         isActive: s.value,
         isClone: t.isClone,
-        isPrev: c.value,
+        isPrev: v.value,
         isNext: B.value,
         isSliding: n.isSliding,
-        isVisible: d.value
-      })) : (R = i.default) === null || R === void 0 ? void 0 : R.call(i);
+        isVisible: c.value
+      })) : (V = o.default) === null || V === void 0 ? void 0 : V.call(o);
     };
   }
-}), on = (t, o, i, l) => {
-  var b, k, D, s, c;
-  if (!i) return 0;
+}), rn = (t, i, o, l) => {
+  var y, k, D, s, v;
+  if (!o) return 0;
   let n, a;
-  if (i.type === lt.Field ? [qe.Number, qe.Range].includes((b = i.field) == null ? void 0 : b.type) ? (n = parseFloat(t[i.key]), a = parseFloat(o[i.key])) : [qe.Date, qe.Date].includes((k = i.field) == null ? void 0 : k.type) ? (n = t[i.key], a = o[i.key]) : ((D = i.field) == null ? void 0 : D.type) === qe.Select && ((s = i.field) != null && s.multiple) && ((c = i.field) == null ? void 0 : c.multipleDisplay) === Na.Count ? (n = t[i.key].length, a = o[i.key].length) : (n = String(t[i.key]).toLowerCase(), a = String(o[i.key]).toLowerCase()) : (n = String(t[i.key]).toLowerCase(), a = String(o[i.key]).toLowerCase()), l === Ye.Asc) {
+  if (o.type === Ae.Field ? [Xe.Number, Xe.Range].includes((y = o.field) == null ? void 0 : y.type) ? (n = parseFloat(t[o.key]), a = parseFloat(i[o.key])) : [Xe.Date, Xe.Date].includes((k = o.field) == null ? void 0 : k.type) ? (n = t[o.key], a = i[o.key]) : ((D = o.field) == null ? void 0 : D.type) === Xe.Select && ((s = o.field) != null && s.multiple) && ((v = o.field) == null ? void 0 : v.multipleDisplay) === Ma.Count ? (n = t[o.key].length, a = i[o.key].length) : (n = String(t[o.key]).toLowerCase(), a = String(i[o.key]).toLowerCase()) : (n = String(t[o.key]).toLowerCase(), a = String(i[o.key]).toLowerCase()), l === Je.Asc) {
     if (n > a) return 1;
     if (a > n) return -1;
   } else {
@@ -945,44 +945,45 @@ const ta = (t) => t && an(t), aa = fe({
     if (a > n) return 1;
   }
   return 0;
-}, ot = (t, o, i, l = []) => {
+}, Ye = (t, i, o, l = []) => {
   if (t.extractTitleFromColumn) {
-    let n = l.find((a) => a.key === t.extractTitleFromColumn);
-    if (n)
-      return ot(n, o, i, l);
+    let a = l.find((y) => y.key === t.extractTitleFromColumn);
+    if (a)
+      return Ye(a, i, o, l);
   }
+  let n = t.type === Ae.ColumnIndex ? o : i[t.key];
   if (t.formatter && typeof t.formatter == "function") {
-    let n = t.formatter(o[t.key], o, t, i);
-    return n.startsWith("__:") ? La(n.substring(3)) : n;
+    let a = t.formatter(n, i, t, o);
+    return typeof a == "string" && a.startsWith("__:") ? Na(a.substring(3)) : a;
   }
-  return o[t.key];
-}, rn = (t, o, i) => {
+  return n;
+}, un = (t, i, o) => {
   if (!t.colspan) return -1;
-  let l = o;
-  return i.forEach((n) => {
+  let l = i;
+  return o.forEach((n) => {
     let a = Kt(t, n);
     a > 0 && a < l && (l = a);
   }), l;
-}, Kt = (t, o) => t.colspan === !1 ? !1 : typeof t.colspan == "function" ? t.colspan(o) : t.colspan, pa = (t, o) => typeof t.preferSlot > "u" ? !0 : t.preferSlot === !1 ? !1 : typeof t.preferSlot == "function" ? t.preferSlot(o) : !0, un = (t, o, i) => {
-  if (typeof t != "object" || !t.key || o.indexOf(t.key) > -1) return !1;
-  let l = Kt(t, i);
-  return typeof t.colspan > "u" ? !0 : (typeof t.colspan < "u" && (typeof t.colspan == "function" ? l = parseInt(t.colspan(i)) : l = parseInt(t.colspan)), l > 0);
-}, sn = (t = []) => {
+}, Kt = (t, i) => t.colspan === !1 ? !1 : typeof t.colspan == "function" ? t.colspan(i) : t.colspan, pa = (t, i) => typeof t.preferSlot > "u" ? !0 : t.preferSlot === !1 ? !1 : typeof t.preferSlot == "function" ? t.preferSlot(i) : !0, sn = (t, i, o) => {
+  if (typeof t != "object" || !t.key && [Ae.Field].includes(t.type) || i.indexOf(t.key) > -1) return !1;
+  let l = Kt(t, o);
+  return typeof t.colspan > "u" ? !0 : (typeof t.colspan < "u" && (typeof t.colspan == "function" ? l = parseInt(t.colspan(o)) : l = parseInt(t.colspan)), l > 0);
+}, dn = (t = []) => {
   if (t.length > 0) {
-    for (let o = 0; o < t.length; ++o)
-      if (t[o].sortable) return t[o].key;
+    for (let i = 0; i < t.length; ++i)
+      if (t[i].sortable) return t[i].key;
   }
   return "";
-}, dn = (t, o) => {
+}, cn = (t, i) => {
   if (t.length > 0) {
-    for (let i = 0; i < t.length; ++i)
-      if (t[i].key === o) return t[i];
+    for (let o = 0; o < t.length; ++o)
+      if (t[o].key === i) return t[o];
   }
   return null;
 }, ma = (t) => {
-  let o = [];
-  return t.class && o.push(t.class), t.type && o.push(`is-${t.type}`), o.join(" ");
-}, Xt = /* @__PURE__ */ fe({
+  let i = [];
+  return t.class && i.push(t.class), t.type && i.push(`is-${t.type}`), i.join(" ");
+}, Xt = /* @__PURE__ */ pe({
   __name: "LktTableCell",
   props: {
     modelValue: { default: () => ({}) },
@@ -997,82 +998,90 @@ const ta = (t) => t && an(t), aa = fe({
     "update:modelValue",
     "inline-drop"
   ],
-  setup(t, { emit: o }) {
-    const i = o, l = t, n = A(l.modelValue);
-    P(() => l.modelValue, (c) => {
-      n.value = c;
-    }), P(n, (c) => {
-      i("update:modelValue", c);
+  setup(t, { emit: i }) {
+    const o = i, l = t, n = E(l.modelValue);
+    U(() => l.modelValue, (v) => {
+      n.value = v;
+    }), U(n, (v) => {
+      o("update:modelValue", v);
     });
     const a = () => {
-      i("inline-drop");
-    }, b = u(() => ({ ...l.column.slotData, item: n.value })), k = u(() => {
-      var c, B, d, g;
-      if ((c = l.column.field) != null && c.modalData && typeof ((B = l.column.field) == null ? void 0 : B.modalData) == "object")
-        for (let R in l.column.field.modalData)
-          if (typeof ((d = l.column.field) == null ? void 0 : d.modalData[R]) == "string" && l.column.field.modalData[R].startsWith("prop:")) {
-            let E = l.column.field.modalData[R].substring(5);
-            n.value[E];
+      o("inline-drop");
+    }, y = u(() => ({ ...l.column.slotData, item: n.value })), k = u(() => {
+      var v, B, c, g;
+      if ((v = l.column.field) != null && v.modalData && typeof ((B = l.column.field) == null ? void 0 : B.modalData) == "object")
+        for (let V in l.column.field.modalData)
+          if (typeof ((c = l.column.field) == null ? void 0 : c.modalData[V]) == "string" && l.column.field.modalData[V].startsWith("prop:")) {
+            let A = l.column.field.modalData[V].substring(5);
+            n.value[A];
           } else
-            l.column.field.modalData[R];
+            l.column.field.modalData[V];
       return (g = l.column.field) == null ? void 0 : g.modalData;
-    }), D = u(() => typeof l.column.field == "string" && l.column.field.startsWith("prop:") ? Ma(l.column.field, n.value) : l.column.field), s = u(() => {
-      var c, B, d, g;
-      return l.column.type === lt.Field ? !((B = (c = l.column) == null ? void 0 : c.field) != null && B.label) && (l.column.ensureFieldLabel || [
-        qe.Switch,
-        qe.Check
-      ].includes((d = l.column.field) == null ? void 0 : d.type)) ? l.column.label : (g = l.column.field) == null ? void 0 : g.label : "";
+    }), D = u(() => typeof l.column.field == "string" && l.column.field.startsWith("prop:") ? Oa(l.column.field, n.value) : l.column.field), s = u(() => {
+      var v, B, c, g;
+      return l.column.type === Ae.Field ? !((B = (v = l.column) == null ? void 0 : v.field) != null && B.label) && (l.column.ensureFieldLabel || [
+        Xe.Switch,
+        Xe.Check
+      ].includes((c = l.column.field) == null ? void 0 : c.type)) ? l.column.label : (g = l.column.field) == null ? void 0 : g.label : "";
     });
-    return (c, B) => {
-      const d = Se("lkt-anchor"), g = Se("lkt-button"), R = Se("lkt-field");
-      return c.column.type === h(lt).Anchor ? (v(), M(d, Y({ key: 0 }, c.column.anchor, { prop: n.value }), {
-        default: _(() => [
-          Ge(Xe(h(ot)(c.column, n.value, c.i)), 1)
+    return (v, B) => {
+      const c = Ce("lkt-anchor"), g = Ce("lkt-button"), V = Ce("lkt-field");
+      return v.column.type === h(Ae).Anchor ? (f(), M(c, X({ key: 0 }, v.column.anchor, { prop: n.value }), {
+        default: F(() => [
+          Ke(We(h(Ye)(v.column, n.value, v.i)), 1)
         ]),
         _: 1
-      }, 16, ["prop"])) : c.column.type === h(lt).Button ? (v(), M(g, Y({ key: 1 }, c.column.button, { prop: n.value }), {
-        default: _(() => [
-          Ge(Xe(h(ot)(c.column, n.value, c.i)), 1)
+      }, 16, ["prop"])) : v.column.type === h(Ae).Button ? (f(), M(g, X({ key: 1 }, v.column.button, { prop: n.value }), {
+        default: F(() => [
+          Ke(We(h(Ye)(v.column, n.value, v.i)), 1)
         ]),
         _: 1
-      }, 16, ["prop"])) : c.column.type === h(lt).Field ? (v(), M(R, Y({
+      }, 16, ["prop"])) : v.column.type === h(Ae).Field ? (f(), M(V, X({
         key: 2,
-        modelValue: n.value[c.column.key],
-        "onUpdate:modelValue": B[0] || (B[0] = (E) => n.value[c.column.key] = E)
+        modelValue: n.value[v.column.key],
+        "onUpdate:modelValue": B[0] || (B[0] = (A) => n.value[v.column.key] = A)
       }, {
         ...D.value,
-        readMode: !c.hasInlineEditPerm || D.value.readMode,
-        slotData: b.value,
+        readMode: !v.hasInlineEditPerm || D.value.readMode,
+        slotData: y.value,
         label: s.value,
         modalData: k.value,
         prop: n.value
-      }), null, 16, ["modelValue"])) : c.column.type === h(lt).InlineDrop ? (v(), M(g, Y({ key: 3 }, c.column.button, {
+      }), null, 16, ["modelValue"])) : v.column.type === h(Ae).InlineDrop ? (f(), M(g, X({ key: 3 }, v.column.button, {
         prop: n.value,
         onClick: a
       }), {
-        default: _(() => [
-          Ge(Xe(h(ot)(c.column, n.value, c.i)), 1)
+        default: F(() => [
+          Ke(We(h(Ye)(v.column, n.value, v.i)), 1)
         ]),
         _: 1
-      }, 16, ["prop"])) : (v(), w(G, { key: 4 }, [
-        Ge(Xe(h(ot)(c.column, n.value, c.i, c.columns)), 1)
+      }, 16, ["prop"])) : v.column.type === h(Ae).ColumnIndex && v.column.field ? (f(), M(V, he(X({ key: 4 }, {
+        ...D.value,
+        modelValue: h(Ye)(v.column, n.value, v.i, v.columns),
+        readMode: !0,
+        slotData: y.value,
+        label: s.value,
+        modalData: k.value,
+        prop: n.value
+      })), null, 16)) : (f(), w(G, { key: 5 }, [
+        Ke(We(h(Ye)(v.column, n.value, v.i, v.columns)), 1)
       ], 64));
     };
   }
 }), kt = class kt {
 };
 kt.navButtonSlot = "", kt.createButtonSlot = "", kt.defaultEmptySlot = void 0;
-let ve = kt;
-const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
+let fe = kt;
+const vn = ["data-i", "data-draggable"], fn = ["data-role", "data-i"], pn = {
   key: 1,
   class: "lkt-table-nav-cell"
-}, pn = { class: "lkt-table-nav-container" }, mn = {
+}, mn = { class: "lkt-table-nav-container" }, gn = {
   key: 1,
   class: "lkt-icn-arrow-top"
-}, gn = {
+}, yn = {
   key: 1,
   class: "lkt-icn-arrow-bottom"
-}, yn = ["colspan"], bn = ["colspan"], hn = ["data-column", "colspan", "title"], kn = /* @__PURE__ */ fe({
+}, bn = ["colspan"], hn = ["colspan"], kn = ["colspan"], Sn = ["data-column", "colspan", "title"], Cn = /* @__PURE__ */ pe({
   __name: "LktTableRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -1090,10 +1099,14 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
     i: { default: 0 },
     visibleColumns: { default: () => [] },
     emptyColumns: { default: () => [] },
-    rowDisplayType: { type: [Number, Function], default: ke.Auto },
+    rowDisplayType: { type: [Number, Function], default: Se.Auto },
     renderDrag: { type: [Boolean, Function], default: !0 },
     disabledDrag: { type: [Boolean, Function], default: !0 },
-    itemContainerClass: { type: [String, Function], default: "" }
+    itemContainerClass: { type: [String, Function], default: "" },
+    itemSlotComponent: {},
+    itemSlotData: {},
+    itemSlotEvents: {},
+    permissions: { default: () => [] }
   },
   emits: [
     "update:modelValue",
@@ -1102,134 +1115,146 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
     "item-down",
     "item-drop"
   ],
-  setup(t, { emit: o }) {
-    const i = oa(), l = o, n = t, a = A(n.modelValue);
-    let b = typeof n.rowDisplayType == "function" ? n.rowDisplayType(a.value, n.i) : n.rowDisplayType;
-    b || (b = ke.Auto);
-    const k = [ke.Auto, ke.PreferCustomItem].includes(b), D = [ke.Auto, ke.PreferItem].includes(b), s = (f) => l("click", f), c = u(() => {
-      let f = [], I = typeof n.disabledDrag == "function" ? n.disabledDrag(a.value) : oe.value === !0;
-      return !I && n.sortable && n.isDraggable ? f.push("handle") : I && f.push("disabled"), f.join(" ");
-    }), B = u(() => ve.navButtonSlot !== ""), d = u(() => ve.navButtonSlot), g = () => {
+  setup(t, { emit: i }) {
+    const o = oa(), l = i, n = t, a = E(n.modelValue);
+    let y = typeof n.rowDisplayType == "function" ? n.rowDisplayType(a.value, n.i) : n.rowDisplayType;
+    y || (y = Se.Auto);
+    const k = [Se.Auto, Se.PreferCustomItem].includes(y), D = [Se.Auto, Se.PreferItem].includes(y), s = (d) => l("click", d), v = u(() => {
+      let d = [], I = typeof n.disabledDrag == "function" ? n.disabledDrag(a.value) : oe.value === !0;
+      return !I && n.sortable && n.isDraggable ? d.push("handle") : I && d.push("disabled"), d.join(" ");
+    }), B = u(() => fe.navButtonSlot !== ""), c = u(() => fe.navButtonSlot), g = () => {
       l("item-up", n.i);
-    }, R = () => {
+    }, V = () => {
       l("item-down", n.i);
-    }, E = () => {
+    }, A = () => {
       l("item-drop", n.i);
     };
-    P(() => n.modelValue, (f) => a.value = f), P(a, (f) => {
-      l("update:modelValue", f);
+    U(() => n.modelValue, (d) => a.value = d), U(a, (d) => {
+      l("update:modelValue", d);
     }, { deep: !0 });
-    const We = u(() => typeof n.renderDrag == "function" ? n.renderDrag(a.value) : n.renderDrag === !0), oe = u(() => typeof n.disabledDrag == "function" ? n.disabledDrag(a.value) : n.disabledDrag === !0), ie = u(() => c.value.includes("handle") ? "drag-indicator" : "invalid-drag-indicator"), J = u(() => {
-      let f = [];
-      return k && f.push("type-custom-item"), D && f.push("type-item"), typeof n.itemContainerClass == "function" ? f.push(n.itemContainerClass(a.value, n.i)) : n.itemContainerClass !== "" && f.push(n.itemContainerClass), f.join(" ");
+    const Ze = u(() => typeof n.renderDrag == "function" ? n.renderDrag(a.value) : n.renderDrag === !0), oe = u(() => typeof n.disabledDrag == "function" ? n.disabledDrag(a.value) : n.disabledDrag === !0), ie = u(() => v.value.includes("handle") ? "drag-indicator" : "invalid-drag-indicator"), Q = u(() => {
+      let d = [];
+      return k && d.push("type-custom-item"), D && d.push("type-item"), typeof n.itemContainerClass == "function" ? d.push(n.itemContainerClass(a.value, n.i)) : n.itemContainerClass !== "" && d.push(n.itemContainerClass), d.join(" ");
     });
-    return (f, I) => {
-      const re = Se("lkt-button");
-      return v(), w("tr", {
-        "data-i": f.i,
-        "data-draggable": f.isDraggable,
-        class: x(J.value)
+    return (d, I) => {
+      const re = Ce("lkt-button");
+      return f(), w("tr", {
+        "data-i": d.i,
+        "data-draggable": d.isDraggable,
+        class: J(Q.value)
       }, [
-        f.sortable && f.editModeEnabled && We.value ? (v(), w("td", {
+        d.sortable && d.editModeEnabled && Ze.value ? (f(), w("td", {
           key: 0,
           "data-role": ie.value,
-          class: x(c.value),
-          "data-i": f.i
+          class: J(v.value),
+          "data-i": d.i
         }, I[2] || (I[2] = [
           ce("i", { class: "lkt-icn-drag-indicator" }, null, -1)
-        ]), 10, vn)) : V("", !0),
-        f.addNavigation && f.editModeEnabled ? (v(), w("td", fn, [
-          ce("div", pn, [
-            be(re, {
+        ]), 10, fn)) : R("", !0),
+        d.addNavigation && d.editModeEnabled ? (f(), w("td", pn, [
+          ce("div", mn, [
+            ke(re, {
               palette: "table-nav",
-              disabled: f.i === 0,
+              disabled: d.i === 0,
               onClick: g
             }, {
-              default: _(() => [
-                B.value ? (v(), M(he(d.value), {
+              default: F(() => [
+                B.value ? (f(), M(ve(c.value), {
                   key: 0,
                   direction: "up"
-                })) : (v(), w("i", mn))
+                })) : (f(), w("i", gn))
               ]),
               _: 1
             }, 8, ["disabled"]),
-            be(re, {
+            ke(re, {
               palette: "table-nav",
-              disabled: f.latestRow,
-              onClick: R
+              disabled: d.latestRow,
+              onClick: V
             }, {
-              default: _(() => [
-                B.value ? (v(), M(he(d.value), {
+              default: F(() => [
+                B.value ? (f(), M(ve(c.value), {
                   key: 0,
                   direction: "down"
-                })) : (v(), w("i", gn))
+                })) : (f(), w("i", yn))
               ]),
               _: 1
             }, 8, ["disabled"])
           ])
-        ])) : V("", !0),
-        h(k) && h(i)[`item-${f.i}`] ? (v(), w("td", {
-          key: "td" + f.i,
-          colspan: f.visibleColumns.length
+        ])) : R("", !0),
+        d.itemSlotComponent ? (f(), w("td", {
+          key: "td" + d.i,
+          colspan: d.visibleColumns.length
         }, [
-          $(f.$slots, `item-${f.i}`, {
+          (f(), M(ve(d.itemSlotComponent), he(Va({
             item: a.value,
-            index: f.i,
-            editing: f.editModeEnabled,
-            canCreate: f.canCreate,
-            canRead: f.canRead,
-            canUpdate: f.canEdit,
-            canDrop: f.canDrop,
-            isLoading: f.isLoading,
-            doDrop: () => E()
+            index: d.i,
+            editing: d.editModeEnabled,
+            perms: d.permissions,
+            data: d.itemSlotData,
+            events: d.itemSlotEvents
+          })), null, 16))
+        ], 8, bn)) : h(k) && h(o)[`item-${d.i}`] ? (f(), w("td", {
+          key: "td" + d.i,
+          colspan: d.visibleColumns.length
+        }, [
+          $(d.$slots, `item-${d.i}`, {
+            item: a.value,
+            index: d.i,
+            editing: d.editModeEnabled,
+            canCreate: d.canCreate,
+            canRead: d.canRead,
+            canUpdate: d.canEdit,
+            canDrop: d.canDrop,
+            isLoading: d.isLoading,
+            doDrop: () => A()
           })
-        ], 8, yn)) : h(D) && h(i).item ? (v(), w("td", {
-          key: "td" + f.i,
-          colspan: f.visibleColumns.length
+        ], 8, hn)) : h(D) && h(o).item ? (f(), w("td", {
+          key: "td" + d.i,
+          colspan: d.visibleColumns.length
         }, [
-          $(f.$slots, "item", {
+          $(d.$slots, "item", {
             item: a.value,
-            index: f.i,
-            editing: f.editModeEnabled,
-            canCreate: f.canCreate,
-            canRead: f.canRead,
-            canUpdate: f.canEdit,
-            canDrop: f.canDrop,
-            isLoading: f.isLoading,
-            doDrop: () => E()
+            index: d.i,
+            editing: d.editModeEnabled,
+            canCreate: d.canCreate,
+            canRead: d.canRead,
+            canUpdate: d.canEdit,
+            canDrop: d.canDrop,
+            isLoading: d.isLoading,
+            doDrop: () => A()
           })
-        ], 8, bn)) : (v(!0), w(G, { key: 4 }, ye(f.visibleColumns, (U) => (v(), w(G, null, [
-          h(un)(U, f.emptyColumns, a.value) ? (v(), w("td", {
-            key: "td" + f.i,
-            "data-column": U.key,
-            colspan: h(Kt)(U, a.value),
-            title: h(ot)(U, a.value, f.i, f.visibleColumns),
-            class: x(h(ma)(U)),
+        ], 8, kn)) : (f(!0), w(G, { key: 5 }, be(d.visibleColumns, (_) => (f(), w(G, null, [
+          h(sn)(_, d.emptyColumns, a.value) ? (f(), w("td", {
+            key: "td" + d.i,
+            "data-column": _.key,
+            colspan: h(Kt)(_, a.value),
+            title: h(Ye)(_, a.value, d.i, d.visibleColumns),
+            class: J(h(ma)(_)),
             onClick: I[1] || (I[1] = (ae) => s(ae))
           }, [
-            f.$slots[U.key] && h(pa)(U, a.value) ? $(f.$slots, U.key, {
+            d.$slots[_.key] && h(pa)(_, a.value) ? $(d.$slots, _.key, {
               key: 0,
-              value: a.value[U.key],
+              value: a.value[_.key],
               item: a.value,
-              column: U,
-              i: f.i
-            }) : a.value ? (v(), M(Xt, {
+              column: _,
+              i: d.i
+            }) : a.value ? (f(), M(Xt, {
               key: 1,
               modelValue: a.value,
               "onUpdate:modelValue": I[0] || (I[0] = (ae) => a.value = ae),
-              column: U,
-              columns: f.visibleColumns,
-              "edit-mode-enabled": f.editModeEnabled,
-              "has-inline-edit-perm": f.hasInlineEditPerm,
-              i: f.i,
-              onInlineDrop: E
-            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm", "i"])) : V("", !0)
-          ], 10, hn)) : V("", !0)
+              column: _,
+              columns: d.visibleColumns,
+              "edit-mode-enabled": d.editModeEnabled,
+              "has-inline-edit-perm": d.hasInlineEditPerm,
+              i: d.i,
+              onInlineDrop: A
+            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm", "i"])) : R("", !0)
+          ], 10, Sn)) : R("", !0)
         ], 64))), 256))
-      ], 10, cn);
+      ], 10, vn);
     };
   }
-}), zt = /* @__PURE__ */ fe({
+}), zt = /* @__PURE__ */ pe({
   __name: "CreateButton",
   props: {
     config: { default: void 0 },
@@ -1239,38 +1264,38 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
     "click",
     "append"
   ],
-  setup(t, { emit: o }) {
+  setup(t, { emit: i }) {
     var s;
-    const i = o, l = t, n = u(() => ve.createButtonSlot !== ""), a = u(() => ve.createButtonSlot), b = {
+    const o = i, l = t, n = u(() => fe.createButtonSlot !== ""), a = u(() => fe.createButtonSlot), y = {
       ...(s = l.config) == null ? void 0 : s.modalData,
-      beforeClose: (c) => {
-        "itemCreated" in c && c.itemCreated === !0 && i("append", c.item);
+      beforeClose: (v) => {
+        "itemCreated" in v && v.itemCreated === !0 && o("append", v.item);
       }
     }, k = {
       ...l.config
     };
-    k.modalData = b;
+    k.modalData = y;
     const D = () => {
-      var c;
-      if (!((c = l.config) != null && c.modal)) {
-        i("click");
+      var v;
+      if (!((v = l.config) != null && v.modal)) {
+        o("click");
         return;
       }
     };
-    return (c, B) => {
-      const d = Se("lkt-button");
-      return v(), M(d, Y(k, {
-        disabled: c.disabled,
+    return (v, B) => {
+      const c = Ce("lkt-button");
+      return f(), M(c, X(k, {
+        disabled: v.disabled,
         onClick: D
       }), {
-        default: _(() => [
-          n.value ? (v(), M(he(a.value), { key: 0 })) : V("", !0)
+        default: F(() => [
+          n.value ? (f(), M(ve(a.value), { key: 0 })) : R("", !0)
         ]),
         _: 1
       }, 16, ["disabled"]);
     };
   }
-}), Sn = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Cn = /* @__PURE__ */ fe({
+}), wn = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Dn = /* @__PURE__ */ pe({
   __name: "TableHeader",
   props: {
     column: { default: () => new ia() },
@@ -1282,44 +1307,44 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
   emits: [
     "click"
   ],
-  setup(t, { emit: o }) {
-    const i = o, l = t, n = u(() => rn(l.column, l.amountOfColumns, l.items)), a = u(() => l.column.sortable === !0), b = u(() => a.value && l.sortBy === l.column.key ? l.sortDirection : ""), k = u(() => ra(l.column.label)), D = u(() => a.value && l.sortBy === l.column.key ? l.sortDirection === Ye.Asc ? Te.defaultTableSortAscIcon : l.sortDirection === Ye.Desc ? Te.defaultTableSortDescIcon : "" : ""), s = () => i("click", l.column);
-    return (c, B) => (v(), w("th", {
-      "data-column": c.column.key,
+  setup(t, { emit: i }) {
+    const o = i, l = t, n = u(() => un(l.column, l.amountOfColumns, l.items)), a = u(() => l.column.sortable === !0), y = u(() => a.value && l.sortBy === l.column.key ? l.sortDirection : ""), k = u(() => ra(l.column.label)), D = u(() => a.value && l.sortBy === l.column.key ? l.sortDirection === Je.Asc ? Ee.defaultTableSortAscIcon : l.sortDirection === Je.Desc ? Ee.defaultTableSortDescIcon : "" : ""), s = () => o("click", l.column);
+    return (v, B) => (f(), w("th", {
+      "data-column": v.column.key,
       "data-sortable": a.value,
-      "data-sort": b.value,
+      "data-sort": y.value,
       colspan: n.value,
       title: k.value,
-      class: x(h(ma)(c.column)),
+      class: J(h(ma)(v.column)),
       onClick: s
     }, [
       ce("div", null, [
-        Ge(Xe(k.value) + " ", 1),
-        D.value ? (v(), w("i", {
+        Ke(We(k.value) + " ", 1),
+        D.value ? (f(), w("i", {
           key: 0,
-          class: x(D.value)
-        }, null, 2)) : V("", !0)
+          class: J(D.value)
+        }, null, 2)) : R("", !0)
       ])
-    ], 10, Sn));
+    ], 10, wn));
   }
-}), wn = ["id"], Dn = { class: "lkt-table-page-buttons" }, In = { class: "switch-edition-mode" }, Bn = { class: "switch-edition-mode" }, Tn = {
+}), In = ["id"], Bn = { class: "lkt-table-page-buttons" }, Tn = { class: "switch-edition-mode" }, En = { class: "switch-edition-mode" }, An = {
   key: 0,
   class: "lkt-table-page-buttons"
-}, An = {
+}, Vn = {
   key: 1,
   class: "lkt-table-page-filters"
-}, En = { class: "lkt-table" }, Vn = { key: 0 }, Rn = { key: 0 }, Ln = {
+}, Rn = { class: "lkt-table" }, Ln = { key: 0 }, Nn = { key: 0 }, Mn = {
   key: 0,
   "data-role": "drag-indicator"
-}, Nn = { key: 1 }, Mn = ["id"], On = ["id"], $n = ["data-i"], _n = ["id"], Fn = ["data-i"], Pn = ["id"], Un = { class: "lkt-carousel-slide" }, jn = { class: "lkt-carousel-slide" }, zn = {
+}, On = { key: 1 }, $n = ["id"], Fn = ["id"], Pn = ["data-i"], Un = ["id"], _n = ["data-i"], jn = ["id"], zn = { class: "lkt-carousel-slide" }, Hn = { class: "lkt-carousel-slide" }, qn = {
   key: 2,
   class: "lkt-table-empty"
-}, Hn = {
+}, Gn = {
   key: 4,
   class: "lkt-table-page-buttons lkt-table-page-buttons-bottom"
-}, qn = /* @__PURE__ */ fe({
+}, Xn = /* @__PURE__ */ pe({
   __name: "LktTable",
-  props: /* @__PURE__ */ Va({
+  props: /* @__PURE__ */ Ra({
     modelValue: {},
     type: {},
     columns: {},
@@ -1366,7 +1391,7 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
     skipTableItemsContainer: { type: Boolean },
     createEnabledValidator: { type: Function },
     events: {}
-  }, Oa($a)),
+  }, $a(Fa)),
   emits: [
     "update:modelValue",
     "update:perms",
@@ -1382,29 +1407,29 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
     "page",
     "drag-end"
   ],
-  setup(t, { expose: o, emit: i }) {
-    var Wt, xt;
-    const l = i, n = oa(), a = t, b = A(typeof a.sorter == "function" ? a.sorter : on), k = A(sn(a.columns)), D = A(Ye.Asc), s = A(a.modelValue), c = A(null), B = A(a.columns), d = A((Wt = a.paginator) == null ? void 0 : Wt.modelValue), g = A(a.loading), R = A(!1), E = A(a.perms), We = A(null), oe = A(null), ie = A(null), J = A({}), f = A(new Pa({ items: s.value }, a.dataStateConfig)), I = A(a.editMode), re = A(0), U = A(null), ae = A(((xt = a.carousel) == null ? void 0 : xt.currentSlide) || 0), F = A(ze(a.saveButton, Te.defaultSaveButton)), ne = A(ze(a.createButton, Te.defaultCreateButton)), H = A(ze(a.editModeButton, Te.defaultEditModeButton)), Me = A(ze(a.groupButton, Te.defaultGroupButton));
-    P(() => a.saveButton, (e) => F.value = ze(a.saveButton, Te.defaultSaveButton)), P(() => a.createButton, (e) => ne.value = ze(a.createButton, Te.defaultCreateButton)), P(() => a.editModeButton, (e) => H.value = ze(a.editModeButton, Te.defaultEditModeButton));
-    const Ae = A(!1);
-    P(g, (e) => l("update:loading", e)), P(d, (e) => l("page", e));
+  setup(t, { expose: i, emit: o }) {
+    var Wt, Jt;
+    const l = o, n = oa(), a = t, y = E(typeof a.sorter == "function" ? a.sorter : rn), k = E(dn(a.columns)), D = E(Je.Asc), s = E(a.modelValue), v = E(null), B = E(a.columns), c = E((Wt = a.paginator) == null ? void 0 : Wt.modelValue), g = E(a.loading), V = E(!1), A = E(a.perms), Ze = E(null), oe = E(null), ie = E(null), Q = E({}), d = E(new _a({ items: s.value }, a.dataStateConfig)), I = E(a.editMode), re = E(0), _ = E(null), ae = E(((Jt = a.carousel) == null ? void 0 : Jt.currentSlide) || 0), P = E(qe(a.saveButton, Ee.defaultSaveButton)), ne = E(qe(a.createButton, Ee.defaultCreateButton)), H = E(qe(a.editModeButton, Ee.defaultEditModeButton)), Oe = E(qe(a.groupButton, Ee.defaultGroupButton));
+    U(() => a.saveButton, (e) => P.value = qe(a.saveButton, Ee.defaultSaveButton)), U(() => a.createButton, (e) => ne.value = qe(a.createButton, Ee.defaultCreateButton)), U(() => a.editModeButton, (e) => H.value = qe(a.editModeButton, Ee.defaultEditModeButton));
+    const Ve = E(!1);
+    U(g, (e) => l("update:loading", e)), U(c, (e) => l("page", e));
     const xe = (e) => {
-      E.value = e;
-    }, Q = (e) => {
+      A.value = e;
+    }, Z = (e) => {
       var m;
       if (Array.isArray(e.data)) {
         let O = e.data;
         typeof ((m = a.events) == null ? void 0 : m.parseResults) == "function" && (O = a.events.parseResults(O)), s.value = [...s.value, ...O];
       }
-      g.value = !1, R.value = !0, f.value.store({ items: s.value }).turnStoredIntoOriginal(), Ae.value = !1, Et(() => {
-        me.value, l("read-response", e);
+      g.value = !1, V.value = !0, d.value.store({ items: s.value }).turnStoredIntoOriginal(), Ve.value = !1, Vt(() => {
+        ge.value, l("read-response", e);
       });
-    }, Nt = () => Et(() => {
+    }, Mt = () => Vt(() => {
       var e;
-      (!a.paginator || ![Vt.LoadMore, Vt.Infinite].includes((e = a.paginator) == null ? void 0 : e.type)) && s.value.splice(0, s.value.length), g.value = !0;
-    }), Oe = () => {
-      We.value.doRefresh();
-    }, Ce = _a(12), ue = u(() => {
+      (!a.paginator || ![Rt.LoadMore, Rt.Infinite].includes((e = a.paginator) == null ? void 0 : e.type)) && s.value.splice(0, s.value.length), g.value = !0;
+    }), $e = () => {
+      Ze.value.doRefresh();
+    }, we = Pa(12), ue = u(() => {
       if (!a.hideEmptyColumns) return [];
       let e = [];
       return B.value.forEach((m) => {
@@ -1415,36 +1440,36 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
           te[O] && (j = !0);
         }), j || e.push(O);
       }), e;
-    }), pe = u(() => B.value.filter((e) => !e.hidden)), it = u(() => B.value.filter((e) => e.isForRowKey)), Ee = u(() => B.value.map((e) => e.key)), Ct = u(() => {
+    }), me = u(() => B.value.filter((e) => !e.hidden)), it = u(() => B.value.filter((e) => e.isForRowKey)), Re = u(() => B.value.map((e) => e.key)), Ct = u(() => {
       let e = [];
-      for (let m in n) Ee.value.indexOf(m) !== -1 && e.push(m);
+      for (let m in n) Re.value.indexOf(m) !== -1 && e.push(m);
       return e;
     }), wt = u(() => {
       let e = [];
       for (let m in n) m.indexOf("slide-") !== -1 && e.push(m);
       return e;
-    }), Ve = u(() => {
+    }), Le = u(() => {
       var e;
-      return a.hiddenSave || g.value || !((e = F.value) != null && e.resource || F.value.type) ? !1 : I.value && Ae.value ? !0 : I.value;
-    }), we = u(() => yt.value && s.value.length >= a.requiredItemsForTopCreate || De.value ? !0 : Ve.value || I.value && ge.value), me = u(() => {
+      return a.hiddenSave || g.value || !((e = P.value) != null && e.resource || P.value.type) ? !1 : I.value && Ve.value ? !0 : I.value;
+    }), De = u(() => yt.value && s.value.length >= a.requiredItemsForTopCreate || Ie.value ? !0 : Le.value || I.value && ye.value), ge = u(() => {
       var e, m;
-      return re.value, typeof ((e = F.value) == null ? void 0 : e.disabled) == "function" ? F.value.disabled({
+      return re.value, typeof ((e = P.value) == null ? void 0 : e.disabled) == "function" ? P.value.disabled({
         value: s.value,
-        dataState: f.value
-      }) : typeof ((m = F.value) == null ? void 0 : m.disabled) == "boolean" ? F.value.disabled : !Ae.value;
-    }), se = u(() => s.value.length), $e = u(() => {
+        dataState: d.value
+      }) : typeof ((m = P.value) == null ? void 0 : m.disabled) == "boolean" ? P.value.disabled : !Ve.value;
+    }), se = u(() => s.value.length), Fe = u(() => {
       var e;
       return {
         items: s.value,
-        ...(e = F.value) == null ? void 0 : e.resourceData
+        ...(e = P.value) == null ? void 0 : e.resourceData
       };
-    }), rt = u(() => a.titleTag === "" ? "h2" : a.titleTag), Mt = u(() => a.wrapContentTag === "" ? "div" : a.wrapContentTag), ut = u(() => ra(a.title)), st = u(() => {
+    }), rt = u(() => a.titleTag === "" ? "h2" : a.titleTag), Ot = u(() => a.wrapContentTag === "" ? "div" : a.wrapContentTag), ut = u(() => ra(a.title)), st = u(() => {
       var e;
       return (e = a.drag) == null ? void 0 : e.enabled;
-    }), ge = u(() => E.value.includes(Ie.Create)), Re = u(() => E.value.includes("read")), Z = u(() => E.value.includes(Ie.Update)), dt = u(() => E.value.includes(Ie.Edit)), Je = u(() => E.value.includes(Ie.InlineEdit)), Dt = u(() => E.value.includes(Ie.ModalCreate)), ct = u(() => E.value.includes(Ie.InlineCreate)), Qe = u(() => E.value.includes(Ie.InlineCreateEver)), q = u(() => E.value.includes(Ie.Drop)), Le = u(() => E.value.includes(Ie.SwitchEditMode)), De = u(() => !Le.value || !Z.value && !q.value || !Z.value && q.value ? !1 : !g.value), Ze = u(() => {
+    }), ye = u(() => A.value.includes(Be.Create)), Ne = u(() => A.value.includes("read")), x = u(() => A.value.includes(Be.Update)), dt = u(() => A.value.includes(Be.Edit)), et = u(() => A.value.includes(Be.InlineEdit)), Dt = u(() => A.value.includes(Be.ModalCreate)), ct = u(() => A.value.includes(Be.InlineCreate)), tt = u(() => A.value.includes(Be.InlineCreateEver)), q = u(() => A.value.includes(Be.Drop)), Me = u(() => A.value.includes(Be.SwitchEditMode)), Ie = u(() => !Me.value || !x.value && !q.value || !x.value && q.value ? !1 : !g.value), at = u(() => {
       var e;
-      return (typeof ((e = a.paginator) == null ? void 0 : e.type) < "u" && [Vt.LoadMore, Vt.Infinite].includes(a.paginator.type) || !g.value) && s.value.length > 0;
-    }), _e = u(() => B.value.find((e) => e.isForAccordionHeader)), vt = (e, m) => typeof a.customItemSlotName == "function" ? a.customItemSlotName(e, m) : "", Fe = (e) => {
+      return (typeof ((e = a.paginator) == null ? void 0 : e.type) < "u" && [Rt.LoadMore, Rt.Infinite].includes(a.paginator.type) || !g.value) && s.value.length > 0;
+    }), Pe = u(() => B.value.find((e) => e.isForAccordionHeader)), vt = (e, m) => typeof a.customItemSlotName == "function" ? a.customItemSlotName(e, m) : "", Ue = (e) => {
       let m = e.target;
       if (typeof m.dataset.column > "u")
         do
@@ -1453,18 +1478,18 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
       if (m.tagName === "TD" && (m = m.parentNode, m = m.dataset.i, typeof m < "u"))
         return s.value[m];
     }, le = () => {
-      re.value = ja();
-    }, ft = (e) => s.value[e], et = (e) => {
+      re.value = za();
+    }, ft = (e) => s.value[e], nt = (e) => {
       var m;
-      return (m = c.value) == null ? void 0 : m.querySelector(`[data-i="${e}"]`);
+      return (m = v.value) == null ? void 0 : m.querySelector(`[data-i="${e}"]`);
     }, It = (e) => {
-      e && e.sortable && (e.key === k.value && (D.value = D.value === Ye.Asc ? Ye.Desc : Ye.Asc), k.value = e.key, s.value = s.value.sort((m, O) => b.value(m, O, e, D.value)), le(), l("sort", {
+      e && e.sortable && (e.key === k.value && (D.value = D.value === Je.Asc ? Je.Desc : Je.Asc), k.value = e.key, s.value = s.value.sort((m, O) => y.value(m, O, e, D.value)), le(), l("sort", {
         sortBy: k.value,
         sortDirection: D.value
       }));
-    }, Ot = (e) => {
-      l("click", e);
     }, $t = (e) => {
+      l("click", e);
+    }, Ft = (e) => {
       var O, j, te, de, At, ht, S, p;
       let m = parseInt((de = (te = (j = (O = e == null ? void 0 : e.originalEvent) == null ? void 0 : O.toElement) == null ? void 0 : j.closest("tr")) == null ? void 0 : te.dataset) == null ? void 0 : de.i);
       return !(typeof ((At = a.drag) == null ? void 0 : At.isValid) == "function" && !((ht = a.drag) != null && ht.isValid(s.value[m])) || typeof ((S = a.drag) == null ? void 0 : S.isValid) == "boolean" && !((p = a.drag) != null && p.isValid));
@@ -1472,14 +1497,14 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
       var m, O;
       return typeof ((m = a.drag) == null ? void 0 : m.isDraggable) == "function" ? (O = a.drag) == null ? void 0 : O.isDraggable(e) : !0;
     }, pt = () => {
-      if (ge.value) {
+      if (ye.value) {
         l("click-create");
         return;
       }
-      if (ct.value || Qe.value) {
+      if (ct.value || tt.value) {
         if (typeof a.newValueGenerator == "function") {
           let e = a.newValueGenerator();
-          if (typeof e == "object" || a.type !== He.Table) {
+          if (typeof e == "object" || a.type !== Ge.Table) {
             s.value.push(e);
             return;
           }
@@ -1487,20 +1512,20 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
         s.value.push({});
       } else
         l("click-create");
-    }, Pe = (e) => {
+    }, _e = (e) => {
       s.value.push(e);
-    }, r = () => g.value = !0, y = () => g.value = !1, C = (e, m) => {
+    }, r = () => g.value = !0, b = () => g.value = !1, C = (e, m) => {
       var O, j, te;
-      if (!((O = F.value) != null && O.type && [
-        Ut.Split,
-        Ut.SplitEver,
-        Ut.SplitLazy
-      ].includes((j = F.value) == null ? void 0 : j.type))) {
-        if (l("before-save"), (te = F.value) != null && te.resource && (g.value = !1, !m.success)) {
+      if (!((O = P.value) != null && O.type && [
+        _t.Split,
+        _t.SplitEver,
+        _t.SplitLazy
+      ].includes((j = P.value) == null ? void 0 : j.type))) {
+        if (l("before-save"), (te = P.value) != null && te.resource && (g.value = !1, !m.success)) {
           l("error", m.httpStatus);
           return;
         }
-        f.value.turnStoredIntoOriginal(), Ae.value = !1, l("save", m);
+        d.value.turnStoredIntoOriginal(), Ve.value = !1, l("save", m);
       }
     }, T = (e, m, O) => {
       if (O >= e.length) {
@@ -1512,13 +1537,13 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
       T(s.value, e, e - 1), le();
     }, W = (e) => {
       T(s.value, e, e + 1), le();
-    }, X = (e) => {
+    }, Y = (e) => {
       s.value.splice(e, 1), le();
     }, ee = () => {
       var e;
-      J.value && typeof ((e = J.value) == null ? void 0 : e.destroy) == "function" && (J.value.destroy(), J.value = {});
+      Q.value && typeof ((e = Q.value) == null ? void 0 : e.destroy) == "function" && (Q.value.destroy(), Q.value = {});
     }, mt = () => {
-      U.value || (U.value = document.getElementById("lkt-table-body-" + Ce)), J.value = new Ua(U.value, {
+      _.value || (_.value = document.getElementById("lkt-table-body-" + we)), Q.value = new ja(_.value, {
         direction: "vertical",
         handle: ".handle",
         animation: 150,
@@ -1527,233 +1552,233 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
           s.value.splice(O, 0, s.value.splice(m, 1)[0]), le(), l("drag-end", s.value[O]);
         },
         onMove: function(e, m) {
-          return $t(e);
+          return Ft(e);
         }
       });
-    }, tt = (e, m, O = !1) => {
-      let j = [re.value, Ce, "row", m];
+    }, lt = (e, m, O = !1) => {
+      let j = [re.value, we, "row", m];
       return O && j.push("hidden"), it.value.forEach((te) => {
         let de = String(e[te.key]).toLowerCase();
-        de.length > 50 && (de = de.substring(0, 50)), de = Fa(de, " ", "-"), j.push(de);
+        de.length > 50 && (de = de.substring(0, 50)), de = Ua(de, " ", "-"), j.push(de);
       }), j.join("-");
-    }, gt = u(() => typeof a.createEnabledValidator == "function" ? a.createEnabledValidator({ items: s.value }) : !0), yt = u(() => a.createButton === !1 ? !1 : Qe.value || ge.value && I.value || ct.value && I.value || Dt.value && I.value), ga = u(() => [He.Ol, He.Ul].includes(a.type)), bt = (e, m) => typeof a.itemDisplayChecker == "function" ? a.itemDisplayChecker(e, m) : !0, Tt = (e, m) => typeof a.itemContainerClass == "function" ? a.itemContainerClass(e, m) : a.itemContainerClass, ya = (e, m) => _e.value ? e[_e.value.key] : "", at = u(() => typeof a.itemSlotComponent == "function" ? a.itemSlotComponent() : a.itemSlotComponent), _t = u(() => typeof a.itemSlotData == "function" ? a.itemSlotData() : a.itemSlotData);
+    }, gt = u(() => typeof a.createEnabledValidator == "function" ? a.createEnabledValidator({ items: s.value }) : !0), yt = u(() => a.createButton === !1 ? !1 : tt.value || ye.value && I.value || ct.value && I.value || Dt.value && I.value), ga = u(() => [Ge.Ol, Ge.Ul].includes(a.type)), bt = (e, m) => typeof a.itemDisplayChecker == "function" ? a.itemDisplayChecker(e, m) : !0, Tt = (e, m) => typeof a.itemContainerClass == "function" ? a.itemContainerClass(e, m) : a.itemContainerClass, ya = (e, m) => Pe.value ? e[Pe.value.key] : "", je = u(() => typeof a.itemSlotComponent == "function" ? a.itemSlotComponent() : a.itemSlotComponent), Et = u(() => typeof a.itemSlotData == "function" ? a.itemSlotData() : a.itemSlotData);
     Yt(() => {
       var e;
-      a.initialSorting && It(dn(a.columns, k.value)), f.value.store({ items: s.value }).turnStoredIntoOriginal(), Ae.value = !1, (e = a.drag) != null && e.enabled && Et(() => {
+      a.initialSorting && It(cn(a.columns, k.value)), d.value.store({ items: s.value }).turnStoredIntoOriginal(), Ve.value = !1, (e = a.drag) != null && e.enabled && Vt(() => {
         mt();
       });
-    }), P(() => {
+    }), U(() => {
       var e;
       return (e = a.drag) == null ? void 0 : e.enabled;
     }, (e) => {
       e ? mt() : ee();
-    }), P(() => a.type, (e) => {
+    }), U(() => a.type, (e) => {
       var m;
       (m = a.drag) != null && m.enabled ? mt() : ee();
-    }), P(() => a.perms, (e) => E.value = e), P(E, (e) => l("update:perms", e)), P(I, (e) => {
+    }), U(() => a.perms, (e) => A.value = e), U(A, (e) => l("update:perms", e)), U(I, (e) => {
       l("update:editMode", e);
-    }), P(() => a.editMode, (e) => I.value = e), P(() => a.columns, (e) => B.value = e, { deep: !0 }), P(() => a.modelValue, (e) => {
+    }), U(() => a.editMode, (e) => I.value = e), U(() => a.columns, (e) => B.value = e, { deep: !0 }), U(() => a.modelValue, (e) => {
       s.value = e;
-    }, { deep: !0 }), P(s, (e) => {
-      f.value.increment({ items: e }), Ae.value = f.value.changed(), l("update:modelValue", e);
-    }, { deep: !0 }), o({
-      getItemByEvent: Fe,
+    }, { deep: !0 }), U(s, (e) => {
+      d.value.increment({ items: e }), Ve.value = d.value.changed(), l("update:modelValue", e);
+    }, { deep: !0 }), i({
+      getItemByEvent: Ue,
       getItemByIndex: ft,
-      getRowByIndex: et,
-      doRefresh: Oe,
+      getRowByIndex: nt,
+      doRefresh: $e,
       doRemoveIndex: (e) => {
         s.value.splice(e, 1), le();
       },
       getHtml: () => oe.value,
       reRender: le,
       turnStoredIntoOriginal: () => {
-        f.value.turnStoredIntoOriginal(), Et(() => {
+        d.value.turnStoredIntoOriginal(), Vt(() => {
           le();
         });
       }
     });
-    const ba = u(() => typeof ve.defaultEmptySlot < "u"), ha = u(() => ve.defaultEmptySlot), ka = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled ? !1 : typeof a.drag.canRender > "u" ? !0 : a.drag.canRender), Sa = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled || typeof a.drag.isDisabled > "u" ? !1 : a.drag.isDisabled), Ca = u(() => typeof a.header == "object" && Object.keys(a.header).length > 0);
+    const ba = u(() => typeof fe.defaultEmptySlot < "u"), ha = u(() => fe.defaultEmptySlot), ka = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled ? !1 : typeof a.drag.canRender > "u" ? !0 : a.drag.canRender), Sa = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled || typeof a.drag.isDisabled > "u" ? !1 : a.drag.isDisabled), Ca = u(() => typeof a.header == "object" && Object.keys(a.header).length > 0);
     return (e, m) => {
-      const O = Se("lkt-header"), j = Se("lkt-button"), te = Se("lkt-accordion"), de = Se("lkt-loader"), At = Se("lkt-paginator");
-      return v(), w("section", {
+      const O = Ce("lkt-header"), j = Ce("lkt-button"), te = Ce("lkt-accordion"), de = Ce("lkt-loader"), At = Ce("lkt-paginator");
+      return f(), w("section", {
         ref_key: "element",
         ref: oe,
         class: "lkt-table-page",
-        id: "lkt-table-page-" + h(Ce)
+        id: "lkt-table-page-" + h(we)
       }, [
-        Ca.value ? (v(), M(O, Ne(Y({ key: 0 }, e.header)), null, 16)) : ut.value || h(n).title ? (v(), w("header", {
+        Ca.value ? (f(), M(O, he(X({ key: 0 }, e.header)), null, 16)) : ut.value || h(n).title ? (f(), w("header", {
           key: 1,
-          class: x(e.headerClass)
+          class: J(e.headerClass)
         }, [
-          ut.value ? (v(), M(he(rt.value), { key: 0 }, {
-            default: _(() => [
-              e.titleIcon ? (v(), w("i", {
+          ut.value ? (f(), M(ve(rt.value), { key: 0 }, {
+            default: F(() => [
+              e.titleIcon ? (f(), w("i", {
                 key: 0,
-                class: x(e.titleIcon)
-              }, null, 2)) : V("", !0),
-              Ge(" " + Xe(ut.value), 1)
+                class: J(e.titleIcon)
+              }, null, 2)) : R("", !0),
+              Ke(" " + We(ut.value), 1)
             ]),
             _: 1
-          })) : V("", !0),
-          h(n).title ? $(e.$slots, "title", { key: 1 }) : V("", !0)
-        ], 2)) : V("", !0),
-        (v(), M(he(Mt.value), {
-          class: x(["lkt-table-page-content-wrapper", e.wrapContentClass])
+          })) : R("", !0),
+          h(n).title ? $(e.$slots, "title", { key: 1 }) : R("", !0)
+        ], 2)) : R("", !0),
+        (f(), M(ve(Ot.value), {
+          class: J(["lkt-table-page-content-wrapper", e.wrapContentClass])
         }, {
-          default: _(() => {
+          default: F(() => {
             var ht;
             return [
-              Ue(ce("div", Dn, [
-                e.groupButton !== !1 ? (v(), M(j, Y({
+              ze(ce("div", Bn, [
+                e.groupButton !== !1 ? (f(), M(j, X({
                   key: 0,
                   ref: "groupButton"
-                }, Me.value, { class: "lkt-item-crud-group-button" }), {
-                  split: _(() => [
-                    ce("div", In, [
-                      Ue(be(j, Y(H.value, {
+                }, Oe.value, { class: "lkt-item-crud-group-button" }), {
+                  split: F(() => [
+                    ce("div", Tn, [
+                      ze(ke(j, X(H.value, {
                         checked: I.value,
                         "onUpdate:checked": m[0] || (m[0] = (S) => I.value = S)
                       }), null, 16, ["checked"]), [
-                        [je, De.value]
+                        [He, Ie.value]
                       ])
                     ]),
                     h(n)["prev-buttons-ever"] ? $(e.$slots, "prev-buttons-ever", {
                       key: 0,
-                      canUpdate: Z.value,
+                      canUpdate: x.value,
                       canDrop: q.value,
                       perms: e.perms
-                    }) : V("", !0),
+                    }) : R("", !0),
                     h(n)["prev-buttons"] ? $(e.$slots, "prev-buttons", {
                       key: 1,
-                      canUpdate: Z.value,
+                      canUpdate: x.value,
                       canDrop: q.value,
                       perms: e.perms
-                    }) : V("", !0),
-                    Ue(be(j, Y({
+                    }) : R("", !0),
+                    ze(ke(j, X({
                       class: "lkt-table--save-button",
                       ref_key: "saveButtonRef",
                       ref: ie
                     }, {
-                      ...F.value,
-                      disabled: me.value,
-                      resourceData: $e.value
+                      ...P.value,
+                      disabled: ge.value,
+                      resourceData: Fe.value
                     }, {
                       onLoading: r,
-                      onLoaded: y,
+                      onLoaded: b,
                       onClick: C
                     }), {
-                      split: _(({ doClose: S, doRootClick: p }) => [
+                      split: F(({ doClose: S, doRootClick: p }) => [
                         $(e.$slots, "button-save-split", {
                           doClose: S,
                           doRootClick: p,
-                          dataState: f.value,
+                          dataState: d.value,
                           onButtonLoading: r,
-                          onButtonLoaded: y
+                          onButtonLoaded: b
                         })
                       ]),
-                      default: _(() => [
+                      default: F(() => [
                         h(n)["button-save"] ? $(e.$slots, "button-save", {
                           key: 0,
                           items: s.value,
                           editMode: e.editMode,
-                          canUpdate: !me.value
-                        }) : V("", !0)
+                          canUpdate: !ge.value
+                        }) : R("", !0)
                       ]),
                       _: 3
                     }, 16), [
-                      [je, Ve.value]
+                      [He, Le.value]
                     ]),
-                    yt.value && s.value.length >= e.requiredItemsForTopCreate ? (v(), M(zt, {
+                    yt.value && s.value.length >= e.requiredItemsForTopCreate ? (f(), M(zt, {
                       key: 2,
                       config: ne.value,
                       disabled: !gt.value,
                       onClick: pt,
-                      onAppend: Pe
-                    }, null, 8, ["config", "disabled"])) : V("", !0)
+                      onAppend: _e
+                    }, null, 8, ["config", "disabled"])) : R("", !0)
                   ]),
                   _: 3
-                }, 16)) : V("", !0),
+                }, 16)) : R("", !0),
                 h(n)["prev-buttons-ever"] ? $(e.$slots, "prev-buttons-ever", {
                   key: 1,
-                  canUpdate: Z.value,
+                  canUpdate: x.value,
                   canDrop: q.value,
                   perms: e.perms
-                }) : V("", !0),
+                }) : R("", !0),
                 h(n)["prev-buttons"] ? $(e.$slots, "prev-buttons", {
                   key: 2,
-                  canUpdate: Z.value,
+                  canUpdate: x.value,
                   canDrop: q.value,
                   perms: e.perms
-                }) : V("", !0),
-                Ue(be(j, Y({
+                }) : R("", !0),
+                ze(ke(j, X({
                   class: "lkt-table--save-button",
                   ref_key: "saveButtonRef",
                   ref: ie
                 }, {
-                  ...F.value,
-                  disabled: me.value,
-                  resourceData: $e.value
+                  ...P.value,
+                  disabled: ge.value,
+                  resourceData: Fe.value
                 }, {
                   onLoading: r,
-                  onLoaded: y,
+                  onLoaded: b,
                   onClick: C
                 }), {
-                  split: _(({ doClose: S, doRootClick: p }) => [
+                  split: F(({ doClose: S, doRootClick: p }) => [
                     $(e.$slots, "button-save-split", {
                       doClose: S,
                       doRootClick: p,
-                      dataState: f.value,
+                      dataState: d.value,
                       onButtonLoading: r,
-                      onButtonLoaded: y
+                      onButtonLoaded: b
                     })
                   ]),
-                  default: _(() => [
+                  default: F(() => [
                     h(n)["button-save"] ? $(e.$slots, "button-save", {
                       key: 0,
                       items: s.value,
                       editMode: e.editMode,
-                      canUpdate: !me.value
-                    }) : V("", !0)
+                      canUpdate: !ge.value
+                    }) : R("", !0)
                   ]),
                   _: 3
                 }, 16), [
-                  [je, Ve.value]
+                  [He, Le.value]
                 ]),
-                yt.value && s.value.length >= e.requiredItemsForTopCreate ? (v(), M(zt, {
+                yt.value && s.value.length >= e.requiredItemsForTopCreate ? (f(), M(zt, {
                   key: 3,
                   config: ne.value,
                   disabled: !gt.value,
                   onClick: pt,
-                  onAppend: Pe
-                }, null, 8, ["config", "disabled"])) : V("", !0),
-                ce("div", Bn, [
-                  Ue(be(j, Y(H.value, {
+                  onAppend: _e
+                }, null, 8, ["config", "disabled"])) : R("", !0),
+                ce("div", En, [
+                  ze(ke(j, X(H.value, {
                     checked: I.value,
                     "onUpdate:checked": m[1] || (m[1] = (S) => I.value = S)
                   }), null, 16, ["checked"]), [
-                    [je, De.value]
+                    [He, Ie.value]
                   ])
                 ])
               ], 512), [
-                [je, we.value]
+                [He, De.value]
               ]),
-              h(n).buttons ? (v(), w("div", Tn, [
+              h(n).buttons ? (f(), w("div", An, [
                 $(e.$slots, "buttons")
-              ])) : V("", !0),
-              R.value && h(n).filters ? (v(), w("div", An, [
+              ])) : R("", !0),
+              V.value && h(n).filters ? (f(), w("div", Vn, [
                 $(e.$slots, "filters", {
                   items: s.value,
                   isLoading: g.value
                 })
-              ])) : V("", !0),
-              Ue(ce("div", En, [
-                e.type === h(He).Table ? (v(), w("table", Vn, [
-                  e.hideTableHeader ? V("", !0) : (v(), w("thead", Rn, [
+              ])) : R("", !0),
+              ze(ce("div", Rn, [
+                e.type === h(Ge).Table ? (f(), w("table", Ln, [
+                  e.hideTableHeader ? R("", !0) : (f(), w("thead", Nn, [
                     ce("tr", null, [
-                      st.value && I.value ? (v(), w("th", Ln)) : V("", !0),
-                      e.addNavigation && I.value ? (v(), w("th", Nn)) : V("", !0),
-                      (v(!0), w(G, null, ye(pe.value, (S) => (v(), w(G, null, [
-                        ue.value.indexOf(S.key) === -1 ? (v(), M(Cn, {
+                      st.value && I.value ? (f(), w("th", Mn)) : R("", !0),
+                      e.addNavigation && I.value ? (f(), w("th", On)) : R("", !0),
+                      (f(!0), w(G, null, be(me.value, (S) => (f(), w(G, null, [
+                        ue.value.indexOf(S.key) === -1 ? (f(), M(Dn, {
                           key: 0,
                           column: S,
                           "sort-by": k.value,
@@ -1761,47 +1786,51 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
                           "amount-of-columns": e.columns.length,
                           items: s.value,
                           onClick: (p) => It(S)
-                        }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : V("", !0)
+                        }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : R("", !0)
                       ], 64))), 256))
                     ])
                   ])),
                   ce("tbody", {
                     ref_key: "tableBody",
-                    ref: c,
-                    id: "lkt-table-body-" + h(Ce),
-                    class: x(e.itemsContainerClass)
+                    ref: v,
+                    id: "lkt-table-body-" + h(we),
+                    class: J(e.itemsContainerClass)
                   }, [
-                    (v(!0), w(G, null, ye(s.value, (S, p) => Ue((v(), M(kn, {
+                    (f(!0), w(G, null, be(s.value, (S, p) => ze((f(), M(Cn, {
                       modelValue: s.value[p],
                       "onUpdate:modelValue": (L) => s.value[p] = L,
-                      key: tt(S, p),
+                      key: lt(S, p),
                       i: p,
                       "is-draggable": Bt(S),
                       sortable: st.value,
-                      "visible-columns": pe.value,
+                      "visible-columns": me.value,
                       "empty-columns": ue.value,
                       "add-navigation": e.addNavigation,
                       "latest-row": p + 1 === se.value,
                       "can-drop": q.value && I.value,
-                      "can-edit": dt.value && Z.value && I.value,
-                      "can-read": Re.value,
-                      "can-create": ge.value,
+                      "can-edit": dt.value && x.value && I.value,
+                      "can-read": Ne.value,
+                      "can-create": ye.value,
                       "edit-mode-enabled": I.value,
-                      "has-inline-edit-perm": Je.value,
+                      "has-inline-edit-perm": et.value,
                       "row-display-type": e.rowDisplayType,
                       "render-drag": ka.value,
                       "disabled-drag": Sa.value,
                       "is-loading": g.value,
                       "item-container-class": e.itemContainerClass,
-                      onClick: Ot,
+                      "item-slot-component": je.value,
+                      "item-slot-data": Et.value,
+                      "item-slot-events": e.itemSlotEvents,
+                      permissions: A.value,
+                      onClick: $t,
                       onItemUp: N,
                       onItemDown: W,
-                      onItemDrop: X
-                    }, Ra({ _: 2 }, [
+                      onItemDrop: Y
+                    }, La({ _: 2 }, [
                       h(n)[`item-${p}`] ? {
                         name: `item-${p}`,
-                        fn: _((L) => [
-                          $(e.$slots, `item-${p}`, Ne({
+                        fn: F((L) => [
+                          $(e.$slots, `item-${p}`, he({
                             [e.slotItemVar || ""]: L.item,
                             index: p,
                             editing: L.editing,
@@ -1816,8 +1845,8 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
                         key: "0"
                       } : h(n).item ? {
                         name: "item",
-                        fn: _((L) => [
-                          $(e.$slots, "item", Ne({
+                        fn: F((L) => [
+                          $(e.$slots, "item", he({
                             [e.slotItemVar || ""]: L.item,
                             index: p,
                             editing: L.editing,
@@ -1831,236 +1860,236 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
                         ]),
                         key: "1"
                       } : void 0,
-                      ye(Ct.value, (L) => ({
+                      be(Ct.value, (L) => ({
                         name: L,
-                        fn: _((nt) => [
-                          $(e.$slots, L, Ne({
-                            [e.slotItemVar || ""]: nt.item,
-                            value: nt.value,
-                            column: nt.column
+                        fn: F((ot) => [
+                          $(e.$slots, L, he({
+                            [e.slotItemVar || ""]: ot.item,
+                            value: ot.value,
+                            column: ot.column
                           }))
                         ])
                       }))
-                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "is-draggable", "sortable", "visible-columns", "empty-columns", "add-navigation", "latest-row", "can-drop", "can-edit", "can-read", "can-create", "edit-mode-enabled", "has-inline-edit-perm", "row-display-type", "render-drag", "disabled-drag", "is-loading", "item-container-class"])), [
-                      [je, bt(s.value[p], p)]
+                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "is-draggable", "sortable", "visible-columns", "empty-columns", "add-navigation", "latest-row", "can-drop", "can-edit", "can-read", "can-create", "edit-mode-enabled", "has-inline-edit-perm", "row-display-type", "render-drag", "disabled-drag", "is-loading", "item-container-class", "item-slot-component", "item-slot-data", "item-slot-events", "permissions"])), [
+                      [He, bt(s.value[p], p)]
                     ])), 128))
-                  ], 10, Mn)
-                ])) : e.type === h(He).Item ? (v(), w("div", {
+                  ], 10, $n)
+                ])) : e.type === h(Ge).Item ? (f(), w("div", {
                   key: 1,
                   ref_key: "tableBody",
-                  ref: c,
-                  id: "lkt-table-body-" + h(Ce),
-                  class: x(["lkt-table-items-container", e.itemsContainerClass])
+                  ref: v,
+                  id: "lkt-table-body-" + h(we),
+                  class: J(["lkt-table-items-container", e.itemsContainerClass])
                 }, [
-                  (v(!0), w(G, null, ye(s.value, (S, p) => (v(), w(G, {
-                    key: tt(S, p)
+                  (f(!0), w(G, null, be(s.value, (S, p) => (f(), w(G, {
+                    key: lt(S, p)
                   }, [
-                    !e.skipTableItemsContainer && bt(S, p) ? (v(), w("div", {
+                    !e.skipTableItemsContainer && bt(S, p) ? (f(), w("div", {
                       key: 0,
-                      class: x(["lkt-table-item", Tt(S, p)]),
+                      class: J(["lkt-table-item", Tt(S, p)]),
                       "data-i": p
                     }, [
-                      at.value ? (v(), M(he(at.value), Y({
+                      je.value ? (f(), M(ve(je.value), X({
                         key: 0,
                         ref_for: !0
                       }, {
                         item: S,
                         index: p,
                         editing: I.value,
-                        perms: E.value,
-                        data: _t.value,
+                        perms: A.value,
+                        data: Et.value,
                         events: e.itemSlotEvents
-                      }), null, 16)) : $(e.$slots, "item", Ne({
+                      }), null, 16)) : $(e.$slots, "item", he({
                         key: 1,
                         [e.slotItemVar || ""]: S,
                         index: p,
                         editing: I.value,
-                        canCreate: ge.value,
-                        canRead: Re.value,
-                        canUpdate: Z.value,
+                        canCreate: ye.value,
+                        canRead: Ne.value,
+                        canUpdate: x.value,
                         canDrop: q.value,
                         isLoading: g.value,
-                        doDrop: () => X(p)
+                        doDrop: () => Y(p)
                       }))
-                    ], 10, $n)) : bt(S, p) ? $(e.$slots, "item", Ne({
+                    ], 10, Pn)) : bt(S, p) ? $(e.$slots, "item", he({
                       key: 1,
                       class: Tt(S, p),
                       dataI: p,
                       [e.slotItemVar || ""]: S,
                       index: p,
                       editing: I.value,
-                      canCreate: ge.value,
-                      canRead: Re.value,
-                      canUpdate: Z.value,
+                      canCreate: ye.value,
+                      canRead: Ne.value,
+                      canUpdate: x.value,
                       canDrop: q.value,
                       isLoading: g.value,
-                      doDrop: () => X(p)
-                    })) : V("", !0)
+                      doDrop: () => Y(p)
+                    })) : R("", !0)
                   ], 64))), 128))
-                ], 10, On)) : e.type === h(He).Accordion ? (v(), w("div", {
+                ], 10, Fn)) : e.type === h(Ge).Accordion ? (f(), w("div", {
                   key: 2,
                   ref_key: "tableBody",
-                  ref: c,
-                  id: "lkt-table-body-" + h(Ce),
-                  class: x(["lkt-table-items-container", e.itemsContainerClass])
+                  ref: v,
+                  id: "lkt-table-body-" + h(we),
+                  class: J(["lkt-table-items-container", e.itemsContainerClass])
                 }, [
-                  (v(!0), w(G, null, ye(s.value, (S, p) => (v(), w(G, null, [
-                    [h(ke).Auto, h(ke).PreferCustomItem].includes(e.rowDisplayType) && h(n)[vt(S, p)] ? $(e.$slots, vt(S, p), {
+                  (f(!0), w(G, null, be(s.value, (S, p) => (f(), w(G, null, [
+                    [h(Se).Auto, h(Se).PreferCustomItem].includes(e.rowDisplayType) && h(n)[vt(S, p)] ? $(e.$slots, vt(S, p), {
                       key: 0,
                       item: S,
                       index: p,
                       editing: I.value,
                       isLoading: g.value
-                    }) : [h(ke).Auto, h(ke).PreferCustomItem].includes(e.rowDisplayType) && h(n)[`item-${p}`] ? $(e.$slots, `item-${p}`, {
+                    }) : [h(Se).Auto, h(Se).PreferCustomItem].includes(e.rowDisplayType) && h(n)[`item-${p}`] ? $(e.$slots, `item-${p}`, {
                       key: 1,
                       item: S,
                       index: p,
                       editing: I.value,
                       isLoading: g.value
-                    }) : (v(), w(G, { key: 2 }, [
-                      bt(S, p) ? (v(), M(te, Y({
+                    }) : (f(), w(G, { key: 2 }, [
+                      bt(S, p) ? (f(), M(te, X({
                         class: ["lkt-table-item", Tt(S, p)],
                         "data-i": p,
-                        key: tt(S, p)
+                        key: lt(S, p)
                       }, { ref_for: !0 }, {
                         ...e.accordion,
                         title: ya(S)
                       }), {
-                        header: _(() => [
-                          be(Xt, {
+                        header: F(() => [
+                          ke(Xt, {
                             modelValue: s.value[p],
                             "onUpdate:modelValue": (L) => s.value[p] = L,
                             i: p,
-                            column: _e.value,
-                            columns: pe.value,
+                            column: Pe.value,
+                            columns: me.value,
                             "edit-mode-enabled": I.value,
-                            "has-inline-edit-perm": Je.value
+                            "has-inline-edit-perm": et.value
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "i", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm"])
                         ]),
-                        default: _(() => [
-                          (v(!0), w(G, null, ye(pe.value, (L) => {
-                            var nt, Jt;
-                            return v(), w(G, null, [
-                              L.key !== ((nt = _e.value) == null ? void 0 : nt.key) && e.$slots[L.key] && h(pa)(L, s.value[p]) ? $(e.$slots, L.key, {
+                        default: F(() => [
+                          (f(!0), w(G, null, be(me.value, (L) => {
+                            var ot, Qt;
+                            return f(), w(G, null, [
+                              L.key !== ((ot = Pe.value) == null ? void 0 : ot.key) && e.$slots[L.key] && h(pa)(L, s.value[p]) ? $(e.$slots, L.key, {
                                 key: 0,
                                 value: s.value[p][L.key],
                                 item: s.value[p],
                                 column: L,
                                 i: p
-                              }) : (v(), w(G, { key: 1 }, [
-                                L.key !== ((Jt = _e.value) == null ? void 0 : Jt.key) ? (v(), M(Xt, {
+                              }) : (f(), w(G, { key: 1 }, [
+                                L.key !== ((Qt = Pe.value) == null ? void 0 : Qt.key) ? (f(), M(Xt, {
                                   key: 0,
                                   modelValue: s.value[p],
                                   "onUpdate:modelValue": (wa) => s.value[p] = wa,
                                   i: p,
                                   column: L,
-                                  columns: pe.value,
+                                  columns: me.value,
                                   "edit-mode-enabled": I.value,
-                                  "has-inline-edit-perm": Je.value
-                                }, null, 8, ["modelValue", "onUpdate:modelValue", "i", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm"])) : V("", !0)
+                                  "has-inline-edit-perm": et.value
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "i", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm"])) : R("", !0)
                               ], 64))
                             ], 64);
                           }), 256))
                         ]),
                         _: 2
-                      }, 1040, ["class", "data-i"])) : V("", !0)
+                      }, 1040, ["class", "data-i"])) : R("", !0)
                     ], 64))
                   ], 64))), 256))
-                ], 10, _n)) : ga.value ? (v(), M(he(e.type), {
+                ], 10, Un)) : ga.value ? (f(), M(ve(e.type), {
                   key: 3,
-                  class: x(["lkt-table-items-container", e.itemsContainerClass])
+                  class: J(["lkt-table-items-container", e.itemsContainerClass])
                 }, {
-                  default: _(() => [
-                    (v(!0), w(G, null, ye(s.value, (S, p) => (v(), w(G, {
-                      key: tt(S, p)
+                  default: F(() => [
+                    (f(!0), w(G, null, be(s.value, (S, p) => (f(), w(G, {
+                      key: lt(S, p)
                     }, [
-                      bt(S, p) ? (v(), w("li", {
+                      bt(S, p) ? (f(), w("li", {
                         key: 0,
-                        class: x(["lkt-table-item", Tt(S, p)]),
+                        class: J(["lkt-table-item", Tt(S, p)]),
                         "data-i": p
                       }, [
-                        at.value ? (v(), M(he(at.value), Y({
+                        je.value ? (f(), M(ve(je.value), X({
                           key: 0,
                           ref_for: !0
                         }, {
                           item: S,
                           index: p,
                           editing: I.value,
-                          perms: E.value,
-                          data: _t.value,
+                          perms: A.value,
+                          data: Et.value,
                           events: e.itemSlotEvents
-                        }), null, 16)) : $(e.$slots, "item", Ne({
+                        }), null, 16)) : $(e.$slots, "item", he({
                           key: 1,
                           [e.slotItemVar || ""]: S,
                           index: p,
                           editing: I.value,
-                          canCreate: ge.value,
-                          canRead: Re.value,
-                          canUpdate: Z.value,
+                          canCreate: ye.value,
+                          canRead: Ne.value,
+                          canUpdate: x.value,
                           canDrop: q.value,
                           isLoading: g.value,
-                          doDrop: () => X(p)
+                          doDrop: () => Y(p)
                         }))
-                      ], 10, Fn)) : V("", !0)
+                      ], 10, _n)) : R("", !0)
                     ], 64))), 128))
                   ]),
                   _: 3
-                }, 8, ["class"])) : e.type === h(He).Carousel ? (v(), w("div", {
+                }, 8, ["class"])) : e.type === h(Ge).Carousel ? (f(), w("div", {
                   key: 4,
                   ref_key: "tableBody",
-                  ref: c,
-                  id: "lkt-table-body-" + h(Ce),
-                  class: x(["lkt-table-items-container", e.itemsContainerClass])
+                  ref: v,
+                  id: "lkt-table-body-" + h(we),
+                  class: J(["lkt-table-items-container", e.itemsContainerClass])
                 }, [
-                  be(h(en), Y({
+                  ke(h(tn), X({
                     modelValue: ae.value,
                     "onUpdate:modelValue": m[2] || (m[2] = (S) => ae.value = S)
                   }, e.carousel, {
                     "wrap-around": ((ht = e.carousel) == null ? void 0 : ht.infinite) === !0
                   }), {
-                    addons: _(() => [
-                      be(h(nn)),
-                      be(h(ln))
+                    addons: F(() => [
+                      ke(h(ln)),
+                      ke(h(on))
                     ]),
-                    default: _(() => [
-                      (v(!0), w(G, null, ye(wt.value, (S, p) => (v(), M(h(na), {
+                    default: F(() => [
+                      (f(!0), w(G, null, be(wt.value, (S, p) => (f(), M(h(na), {
                         key: S,
                         index: p
                       }, {
-                        default: _(() => [
-                          ce("div", Un, [
+                        default: F(() => [
+                          ce("div", zn, [
                             $(e.$slots, S)
                           ])
                         ]),
                         _: 2
                       }, 1032, ["index"]))), 128)),
-                      (v(!0), w(G, null, ye(s.value, (S, p) => (v(), M(h(na), {
+                      (f(!0), w(G, null, be(s.value, (S, p) => (f(), M(h(na), {
                         key: e.slide,
                         index: p
                       }, {
-                        default: _(() => [
-                          ce("div", jn, [
-                            at.value ? (v(), M(he(at.value), Y({
+                        default: F(() => [
+                          ce("div", Hn, [
+                            je.value ? (f(), M(ve(je.value), X({
                               key: 0,
                               ref_for: !0
                             }, {
                               item: S,
                               index: p,
                               editing: I.value,
-                              perms: E.value,
-                              data: _t.value,
+                              perms: A.value,
+                              data: Et.value,
                               events: e.itemSlotEvents
-                            }), null, 16)) : $(e.$slots, "item", Ne({
+                            }), null, 16)) : $(e.$slots, "item", he({
                               key: 1,
                               [e.slotItemVar || ""]: S,
                               index: p,
                               editing: I.value,
-                              canCreate: ge.value,
-                              canRead: Re.value,
-                              canUpdate: Z.value,
+                              canCreate: ye.value,
+                              canRead: Ne.value,
+                              canUpdate: x.value,
                               canDrop: q.value,
                               isLoading: g.value,
-                              doDrop: () => X(p)
+                              doDrop: () => Y(p)
                             }))
                           ])
                         ]),
@@ -2069,61 +2098,61 @@ const cn = ["data-i", "data-draggable"], vn = ["data-role", "data-i"], fn = {
                     ]),
                     _: 3
                   }, 16, ["modelValue", "wrap-around"])
-                ], 10, Pn)) : V("", !0)
+                ], 10, jn)) : R("", !0)
               ], 512), [
-                [je, Ze.value]
+                [He, at.value]
               ]),
-              !g.value && s.value.length === 0 ? (v(), w("div", zn, [
-                h(n).empty ? $(e.$slots, "empty", { key: 0 }) : ba.value ? (v(), M(he(ha.value), {
+              !g.value && s.value.length === 0 ? (f(), w("div", qn, [
+                h(n).empty ? $(e.$slots, "empty", { key: 0 }) : ba.value ? (f(), M(ve(ha.value), {
                   key: 1,
                   message: e.noResultsText
-                }, null, 8, ["message"])) : e.noResultsText ? (v(), w(G, { key: 2 }, [
-                  Ge(Xe(e.noResultsText), 1)
-                ], 64)) : V("", !0)
-              ])) : V("", !0),
-              g.value ? (v(), M(de, { key: 3 })) : V("", !0),
-              yt.value || h(n).bottomButtons ? (v(), w("div", Hn, [
-                yt.value && s.value.length >= e.requiredItemsForBottomCreate ? (v(), M(zt, {
+                }, null, 8, ["message"])) : e.noResultsText ? (f(), w(G, { key: 2 }, [
+                  Ke(We(e.noResultsText), 1)
+                ], 64)) : R("", !0)
+              ])) : R("", !0),
+              g.value ? (f(), M(de, { key: 3 })) : R("", !0),
+              yt.value || h(n).bottomButtons ? (f(), w("div", Gn, [
+                yt.value && s.value.length >= e.requiredItemsForBottomCreate ? (f(), M(zt, {
                   key: 0,
                   config: ne.value,
                   disabled: !gt.value,
                   onClick: pt,
-                  onAppend: Pe
-                }, null, 8, ["config", "disabled"])) : V("", !0),
+                  onAppend: _e
+                }, null, 8, ["config", "disabled"])) : R("", !0),
                 $(e.$slots, "bottom-buttons")
-              ])) : V("", !0),
-              e.paginator && Object.keys(e.paginator).length > 0 ? (v(), M(At, Y({
+              ])) : R("", !0),
+              e.paginator && Object.keys(e.paginator).length > 0 ? (f(), M(At, X({
                 key: 5,
                 ref_key: "paginatorRef",
-                ref: We
+                ref: Ze
               }, e.paginator, {
-                modelValue: d.value,
-                "onUpdate:modelValue": m[3] || (m[3] = (S) => d.value = S),
-                onLoading: Nt,
+                modelValue: c.value,
+                "onUpdate:modelValue": m[3] || (m[3] = (S) => c.value = S),
+                onLoading: Mt,
                 onPerms: xe,
-                onResponse: Q
-              }), null, 16, ["modelValue"])) : V("", !0),
-              h(n)["web-element-actions"] ? $(e.$slots, "web-element-actions", { key: 6 }) : V("", !0)
+                onResponse: Z
+              }), null, 16, ["modelValue"])) : R("", !0),
+              h(n)["web-element-actions"] ? $(e.$slots, "web-element-actions", { key: 6 }) : R("", !0)
             ];
           }),
           _: 3
         }, 8, ["class"]))
-      ], 8, wn);
+      ], 8, In);
     };
   }
-}), Qn = {
+}), el = {
   install: (t) => {
-    t.component("lkt-table") === void 0 && t.component("lkt-table", qn);
+    t.component("lkt-table") === void 0 && t.component("lkt-table", Xn);
   }
-}, Zn = (t) => (ve.navButtonSlot = t, !0), el = (t) => (ve.createButtonSlot = t, !0), tl = (t) => {
-  ve.defaultEmptySlot = t;
+}, tl = (t) => (fe.navButtonSlot = t, !0), al = (t) => (fe.createButtonSlot = t, !0), nl = (t) => {
+  fe.defaultEmptySlot = t;
 };
 export {
-  ll as Column,
-  ol as createColumn,
-  Qn as default,
-  on as defaultTableSorter,
-  el as setTableCreateButtonSlot,
-  tl as setTableEmptySlot,
-  Zn as setTableNavButtonSlot
+  il as Column,
+  rl as createColumn,
+  el as default,
+  rn as defaultTableSorter,
+  al as setTableCreateButtonSlot,
+  nl as setTableEmptySlot,
+  tl as setTableNavButtonSlot
 };