lkt-table 2.0.13 → 2.0.15

package/dist/build.js

@@ -1,22 +1,22 @@
-import { defineComponent as ae, computed as u, ref as C, shallowReactive as Ft, watch as H, watchEffect as $t, onMounted as zt, onBeforeUnmount as Ca, reactive as Lt, provide as aa, h as Y, useId as Ba, inject as st, getCurrentInstance as Da, onUnmounted as Ia, onUpdated as Ta, cloneVNode as Ea, resolveComponent as ve, createBlock as $, createElementBlock as k, unref as D, openBlock as d, normalizeProps as Ee, mergeProps as fe, withCtx as U, createTextVNode as Ae, toDisplayString as Pe, Fragment as q, withModifiers as la, createCommentVNode as T, resolveDynamicComponent as De, useSlots as na, normalizeClass as ne, createElementVNode as X, createVNode as Be, renderSlot as z, renderList as re, withDirectives as rt, vShow as ut, mergeDefaults as Aa, nextTick as yt, createSlots as Yt } from "vue";
-import { __ as Va } from "lkt-i18n";
-import { SortDirection as Oe, Column as oa, ColumnType as ht, prepareResourceData as ia, TableRowType as Ze, extractI18nValue as ra, LktSettings as tt, ensureButtonConfig as kt, TablePermission as Se, PaginatorType as St, TableType as et, getDefaultValues as Na, Table as Ma, ButtonType as Ot } from "lkt-vue-kernel";
+import { defineComponent as ae, computed as u, ref as C, shallowReactive as Pt, watch as U, watchEffect as Lt, onMounted as jt, onBeforeUnmount as Ca, reactive as _t, provide as ta, h as Y, useId as wa, inject as st, getCurrentInstance as Ba, onUnmounted as Da, onUpdated as Ia, cloneVNode as Ta, resolveComponent as ke, createBlock as O, createElementBlock as y, unref as D, openBlock as v, normalizeProps as Re, mergeProps as ve, withCtx as z, createTextVNode as nt, toDisplayString as je, Fragment as x, withModifiers as aa, createCommentVNode as A, resolveDynamicComponent as Ee, useSlots as la, normalizeClass as ne, createElementVNode as Q, createVNode as Te, renderSlot as q, renderList as re, withDirectives as at, vShow as lt, mergeDefaults as Ea, nextTick as yt, createSlots as Yt } from "vue";
+import { __ as Aa } from "lkt-i18n";
+import { SortDirection as Fe, Column as na, ColumnType as kt, prepareResourceData as oa, TableRowType as et, extractI18nValue as ia, LktSettings as ye, ensureButtonConfig as Ae, TablePermission as Be, PaginatorType as St, TableType as tt, getDefaultValues as Va, Table as Ra, ButtonType as $t } from "lkt-vue-kernel";
 import { Column as cn, createColumn as vn } from "lkt-vue-kernel";
-import { replaceAll as ua, generateRandomString as Ra } from "lkt-string-tools";
-import { DataState as _a } from "lkt-data-state";
-import $a from "sortablejs";
-import { time as Te } from "lkt-date-tools";
+import { replaceAll as ra, generateRandomString as Na } from "lkt-string-tools";
+import { DataState as Ma } from "lkt-data-state";
+import La from "sortablejs";
+import { time as Ve } from "lkt-date-tools";
 /**
  * Vue 3 Carousel 0.14.0
  * (c) 2025
  * @license MIT
  */
-const sa = ["viewport", "carousel"], Ct = {
+const ua = ["viewport", "carousel"], wt = {
   "bottom-to-top": "btt",
   "left-to-right": "ltr",
   "right-to-left": "rtl",
   "top-to-bottom": "ttb"
-}, da = [
+}, sa = [
   "ltr",
   "left-to-right",
   "rtl",
@@ -25,7 +25,7 @@ const sa = ["viewport", "carousel"], Ct = {
   "top-to-bottom",
   "btt",
   "bottom-to-top"
-], La = {
+], _a = {
   ariaGallery: "Gallery",
   ariaNavigateToPage: "Navigate to page {slideNumber}",
   ariaNavigateToSlide: "Navigate to slide {slideNumber}",
@@ -36,21 +36,21 @@ const sa = ["viewport", "carousel"], Ct = {
   iconArrowRight: "Arrow pointing to the right",
   iconArrowUp: "Arrow pointing upwards",
   itemXofY: "Item {currentSlide} of {slidesCount}"
-}, ca = ["slide", "fade"], va = [
+}, da = ["slide", "fade"], ca = [
   "center",
   "start",
   "end",
   "center-even",
   "center-odd"
-], F = {
+], j = {
   autoplay: 0,
-  breakpointMode: sa[0],
+  breakpointMode: ua[0],
   breakpoints: void 0,
-  dir: da[0],
+  dir: sa[0],
   enabled: !0,
   gap: 0,
   height: "auto",
-  i18n: La,
+  i18n: _a,
   ignoreAnimations: !1,
   itemsToScroll: 1,
   itemsToShow: 1,
@@ -58,19 +58,19 @@ const sa = ["viewport", "carousel"], Ct = {
   mouseDrag: !0,
   pauseAutoplayOnHover: !1,
   preventExcessiveDragging: !1,
-  slideEffect: ca[0],
-  snapAlign: va[0],
+  slideEffect: da[0],
+  snapAlign: ca[0],
   touchDrag: !0,
   transition: 300,
   wrapAround: !1
-}, Fe = Symbol("carousel"), Oa = (e) => {
-  const o = Ft([]), i = (n) => {
+}, ze = Symbol("carousel"), $a = (e) => {
+  const o = Pt([]), i = (n) => {
     n !== void 0 ? o.slice(n).forEach((l, a) => {
-      var v;
-      (v = l.exposed) === null || v === void 0 || v.setIndex(n + a);
+      var f;
+      (f = l.exposed) === null || f === void 0 || f.setIndex(n + a);
     }) : o.forEach((l, a) => {
-      var v;
-      (v = l.exposed) === null || v === void 0 || v.setIndex(a);
+      var f;
+      (f = l.exposed) === null || f === void 0 || f.setIndex(a);
     });
   };
   return {
@@ -90,14 +90,14 @@ const sa = ["viewport", "carousel"], Ct = {
     }
   };
 };
-function Pa(e) {
+function Oa(e) {
   return e.length === 0 ? 0 : e.reduce((i, n) => i + n, 0) / e.length;
 }
 function Kt({ slides: e, position: o, toShow: i }) {
-  const n = [], l = o === "before", a = l ? -i : 0, v = l ? 0 : i;
+  const n = [], l = o === "before", a = l ? -i : 0, f = l ? 0 : i;
   if (e.length <= 0)
     return n;
-  for (let b = a; b < v; b++) {
+  for (let b = a; b < f; b++) {
     const p = {
       index: l ? b : b + e.length,
       isClone: !0,
@@ -105,44 +105,44 @@ function Kt({ slides: e, position: o, toShow: i }) {
       id: void 0,
       // Make sure we don't duplicate the id which would be invalid html
       key: `clone-${o}-${b}`
-    }, r = e[(b % e.length + e.length) % e.length].vnode, E = Ea(r, p);
-    E.el = null, n.push(E);
+    }, r = e[(b % e.length + e.length) % e.length].vnode, T = Ta(r, p);
+    T.el = null, n.push(T);
   }
   return n;
 }
-const Fa = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
+const Pa = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
 function Wt(e) {
   if (!e.el || !(e.el instanceof Element))
     return;
-  const o = e.el.querySelectorAll(Fa);
+  const o = e.el.querySelectorAll(Pa);
   for (const i of o)
     i instanceof HTMLElement && !i.hasAttribute("disabled") && i.getAttribute("aria-hidden") !== "true" && i.setAttribute("tabindex", "-1");
 }
 function Ua(e, o) {
   return Object.keys(e).filter((i) => !o.includes(i)).reduce((i, n) => (i[n] = e[n], i), {});
 }
-function ja(e) {
+function Fa(e) {
   const { isVertical: o, isReversed: i, dragged: n, effectiveSlideSize: l } = e, a = o ? n.y : n.x;
   if (a === 0)
     return 0;
-  const v = Math.round(a / l);
-  return i ? v : -v;
+  const f = Math.round(a / l);
+  return i ? f : -f;
 }
-function we({ val: e, max: o, min: i }) {
+function De({ val: e, max: o, min: i }) {
   return o < i ? e : Math.min(Math.max(e, isNaN(i) ? e : i), isNaN(o) ? e : o);
 }
-function za(e) {
+function ja(e) {
   const { transform: o } = window.getComputedStyle(e);
   return o.split(/[(,)]/).slice(1, -1).map((i) => parseFloat(i));
 }
-function Ha(e) {
+function za(e) {
   let o = 1, i = 1;
   return e.forEach((n) => {
-    const l = za(n);
+    const l = ja(n);
     l.length === 6 && (o /= l[0], i /= l[3]);
   }), { widthMultiplier: o, heightMultiplier: i };
 }
-function qa(e, o) {
+function Ha(e, o) {
   switch (e) {
     case "start":
       return 0;
@@ -157,7 +157,7 @@ function qa(e, o) {
       return 0;
   }
 }
-function xa(e, o, i) {
+function qa(e, o, i) {
   switch (e) {
     case "start":
       return 0;
@@ -173,24 +173,24 @@ function xa(e, o, i) {
   }
 }
 function Ut({ slideSize: e, viewportSize: o, align: i, itemsToShow: n }) {
-  return n !== void 0 ? qa(i, n) : e !== void 0 && o !== void 0 ? xa(i, e, o) : 0;
+  return n !== void 0 ? Ha(i, n) : e !== void 0 && o !== void 0 ? qa(i, e, o) : 0;
 }
-function fa(e = "", o = {}) {
+function va(e = "", o = {}) {
   return Object.entries(o).reduce((i, [n, l]) => i.replace(`{${n}}`, String(l)), e);
 }
-function pa({ val: e, max: o, min: i = 0 }) {
+function fa({ val: e, max: o, min: i = 0 }) {
   const n = o - i + 1;
   return ((e - i) % n + n) % n + i;
 }
-function Pt(e, o = 0) {
+function Ot(e, o = 0) {
   let i = !1, n = 0, l = null;
-  function a(...v) {
+  function a(...f) {
     if (i)
       return;
     i = !0;
     const b = () => {
       l = requestAnimationFrame((g) => {
-        g - n > o ? (n = g, e(...v), i = !1) : b();
+        g - n > o ? (n = g, e(...f), i = !1) : b();
       });
     };
     b();
@@ -199,19 +199,19 @@ function Pt(e, o = 0) {
     l && (cancelAnimationFrame(l), l = null, i = !1);
   }, a;
 }
-function wt(e, o = "px") {
+function Ct(e, o = "px") {
   if (!(e == null || e === ""))
     return typeof e == "number" || parseFloat(e).toString() === e ? `${e}${o}` : e;
 }
 const Ga = ae({
   name: "CarouselAria",
   setup() {
-    const e = st(Fe);
+    const e = st(ze);
     return e ? () => Y("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
       "aria-atomic": "true"
-    }, fa(e.config.i18n.itemXofY, {
+    }, va(e.config.i18n.itemXofY, {
       currentSlide: e.currentSlide + 1,
       slidesCount: e.slidesCount
     })) : () => "";
@@ -219,34 +219,34 @@ const Ga = ae({
 }), Xa = {
   // time to auto advance slides in ms
   autoplay: {
-    default: F.autoplay,
+    default: j.autoplay,
     type: Number
   },
   // an object to store breakpoints
   breakpoints: {
-    default: F.breakpoints,
+    default: j.breakpoints,
     type: Object
   },
   // controls the breakpoint mode relative to the carousel container or the viewport
   breakpointMode: {
-    default: F.breakpointMode,
+    default: j.breakpointMode,
     validator(e) {
-      return sa.includes(e);
+      return ua.includes(e);
     }
   },
   // enable/disable the carousel component
   enabled: {
-    default: F.enabled,
+    default: j.enabled,
     type: Boolean
   },
   // control the gap between slides
   gap: {
-    default: F.gap,
+    default: j.gap,
     type: Number
   },
   // control the gap between slides
   height: {
-    default: F.height,
+    default: j.height,
     type: [Number, String]
   },
   ignoreAnimations: {
@@ -255,17 +255,17 @@ const Ga = ae({
   },
   // count of items to be scrolled
   itemsToScroll: {
-    default: F.itemsToScroll,
+    default: j.itemsToScroll,
     type: Number
   },
   // count of items to showed per view
   itemsToShow: {
-    default: F.itemsToShow,
+    default: j.itemsToShow,
     type: [Number, String]
   },
   // aria-labels and additional text labels
   i18n: {
-    default: F.i18n,
+    default: j.i18n,
     type: Object
   },
   // slide number number of initial slide
@@ -275,16 +275,16 @@ const Ga = ae({
   },
   // toggle mouse dragging.
   mouseDrag: {
-    default: F.mouseDrag,
+    default: j.mouseDrag,
     type: Boolean
   },
   // toggle mouse dragging.
   touchDrag: {
-    default: F.touchDrag,
+    default: j.touchDrag,
     type: Boolean
   },
   pauseAutoplayOnHover: {
-    default: F.pauseAutoplayOnHover,
+    default: j.pauseAutoplayOnHover,
     type: Boolean
   },
   preventExcessiveDragging: {
@@ -296,37 +296,37 @@ const Ga = ae({
   },
   // control snap position alignment
   snapAlign: {
-    default: F.snapAlign,
+    default: j.snapAlign,
     validator(e) {
-      return va.includes(e);
+      return ca.includes(e);
     }
   },
   slideEffect: {
     type: String,
-    default: F.slideEffect,
+    default: j.slideEffect,
     validator(e) {
-      return ca.includes(e);
+      return da.includes(e);
     }
   },
   // sliding transition time in ms
   transition: {
-    default: F.transition,
+    default: j.transition,
     type: Number
   },
   // control the gap between slides
   dir: {
     type: String,
-    default: F.dir,
+    default: j.dir,
     validator(e, o) {
-      if (!da.includes(e))
+      if (!sa.includes(e))
         return !1;
-      const i = e in Ct ? Ct[e] : e;
+      const i = e in wt ? wt[e] : e;
       return ["ttb", "btt"].includes(i) && (!o.height || o.height === "auto") && console.warn(`[vue3-carousel warn]: The dir "${e}" is not supported with height "auto".`), !0;
     }
   },
   // control infinite scrolling mode
   wrapAround: {
-    default: F.wrapAround,
+    default: j.wrapAround,
     type: Boolean
   }
 }, Ya = ae({
@@ -345,222 +345,222 @@ const Ga = ae({
   ],
   setup(e, { slots: o, emit: i, expose: n }) {
     var l;
-    const a = Oa(i), v = a.getSlides(), b = u(() => v.length), g = C(null), p = C(null), r = C(0), E = u(() => Object.assign(Object.assign(Object.assign({}, F), Ua(e, ["breakpoints", "modelValue"])), { i18n: Object.assign(Object.assign({}, F.i18n), e.i18n) })), c = Ft(Object.assign({}, E.value)), S = C((l = e.modelValue) !== null && l !== void 0 ? l : 0), A = C(S.value);
-    H(S, (s) => A.value = s);
-    const V = C(0), ye = u(() => Math.ceil((b.value - 1) / 2)), O = u(() => b.value - 1), x = u(() => 0);
-    let oe = null, Ve = null, Z = null;
-    const f = u(() => r.value + c.gap), h = u(() => {
+    const a = $a(i), f = a.getSlides(), b = u(() => f.length), g = C(null), p = C(null), r = C(0), T = u(() => Object.assign(Object.assign(Object.assign({}, j), Ua(e, ["breakpoints", "modelValue"])), { i18n: Object.assign(Object.assign({}, j.i18n), e.i18n) })), c = Pt(Object.assign({}, T.value)), k = C((l = e.modelValue) !== null && l !== void 0 ? l : 0), E = C(k.value);
+    U(k, (s) => E.value = s);
+    const V = C(0), Se = u(() => Math.ceil((b.value - 1) / 2)), $ = u(() => b.value - 1), G = u(() => 0);
+    let ue = null, Ne = null, Z = null;
+    const d = u(() => r.value + c.gap), w = u(() => {
       const s = c.dir || "ltr";
-      return s in Ct ? Ct[s] : s;
-    }), P = u(() => ["rtl", "btt"].includes(h.value)), L = u(() => ["ttb", "btt"].includes(h.value)), Q = u(() => c.itemsToShow === "auto"), _ = u(() => L.value ? "height" : "width");
-    function Ie() {
+      return s in wt ? wt[s] : s;
+    }), F = u(() => ["rtl", "btt"].includes(w.value)), P = u(() => ["ttb", "btt"].includes(w.value)), J = u(() => c.itemsToShow === "auto"), _ = u(() => P.value ? "height" : "width");
+    function Ce() {
       var s;
-      if (!ze.value)
+      if (!qe.value)
         return;
-      const y = (E.value.breakpointMode === "carousel" ? (s = g.value) === null || s === void 0 ? void 0 : s.getBoundingClientRect().width : typeof window < "u" ? window.innerWidth : 0) || 0, w = Object.keys(e.breakpoints || {}).map((N) => Number(N)).sort((N, G) => +G - +N), B = {};
-      w.some((N) => y >= N ? (Object.assign(B, e.breakpoints[N]), B.i18n && Object.assign(B.i18n, E.value.i18n, e.breakpoints[N].i18n), !0) : !1), Object.assign(c, E.value, B);
+      const h = (T.value.breakpointMode === "carousel" ? (s = g.value) === null || s === void 0 ? void 0 : s.getBoundingClientRect().width : typeof window < "u" ? window.innerWidth : 0) || 0, S = Object.keys(e.breakpoints || {}).map((R) => Number(R)).sort((R, X) => +X - +R), B = {};
+      S.some((R) => h >= R ? (Object.assign(B, e.breakpoints[R]), B.i18n && Object.assign(B.i18n, T.value.i18n, e.breakpoints[R].i18n), !0) : !1), Object.assign(c, T.value, B);
     }
-    const Bt = Pt(() => {
-      Ie(), ue(), pe();
-    }), Ue = Ft(/* @__PURE__ */ new Set()), j = C([]);
-    function Dt({ widthMultiplier: s, heightMultiplier: y }) {
-      j.value = v.map((w) => {
+    const dt = Ot(() => {
+      Ce(), se(), fe();
+    }), Me = Pt(/* @__PURE__ */ new Set()), H = C([]);
+    function Bt({ widthMultiplier: s, heightMultiplier: h }) {
+      H.value = f.map((S) => {
         var B;
-        const N = (B = w.exposed) === null || B === void 0 ? void 0 : B.getBoundingRect();
+        const R = (B = S.exposed) === null || B === void 0 ? void 0 : B.getBoundingRect();
         return {
-          width: N.width * s,
-          height: N.height * y
+          width: R.width * s,
+          height: R.height * h
         };
       });
     }
-    const Ne = C({
+    const Le = C({
       width: 0,
       height: 0
     });
-    function It({ widthMultiplier: s, heightMultiplier: y }) {
-      var w;
-      const B = ((w = p.value) === null || w === void 0 ? void 0 : w.getBoundingClientRect()) || { width: 0, height: 0 };
-      Ne.value = {
+    function Dt({ widthMultiplier: s, heightMultiplier: h }) {
+      var S;
+      const B = ((S = p.value) === null || S === void 0 ? void 0 : S.getBoundingClientRect()) || { width: 0, height: 0 };
+      Le.value = {
         width: B.width * s,
-        height: B.height * y
+        height: B.height * h
       };
     }
-    function pe() {
+    function fe() {
       if (!p.value)
         return;
-      const s = Ha(Ue);
-      if (It(s), Dt(s), Q.value)
-        r.value = Pa(j.value.map((y) => y[_.value]));
+      const s = za(Me);
+      if (Dt(s), Bt(s), J.value)
+        r.value = Oa(H.value.map((h) => h[_.value]));
       else {
-        const y = Number(c.itemsToShow), w = (y - 1) * c.gap;
-        r.value = (Ne.value[_.value] - w) / y;
+        const h = Number(c.itemsToShow), S = (h - 1) * c.gap;
+        r.value = (Le.value[_.value] - S) / h;
       }
     }
-    function ue() {
-      !c.wrapAround && b.value > 0 && (S.value = we({
-        val: S.value,
-        max: O.value,
-        min: x.value
-      })), Q.value || (c.itemsToShow = we({
+    function se() {
+      !c.wrapAround && b.value > 0 && (k.value = De({
+        val: k.value,
+        max: $.value,
+        min: G.value
+      })), J.value || (c.itemsToShow = De({
         val: Number(c.itemsToShow),
         max: b.value,
         min: 1
       }));
     }
-    const Me = u(() => typeof e.ignoreAnimations == "string" ? e.ignoreAnimations.split(",") : Array.isArray(e.ignoreAnimations) ? e.ignoreAnimations : e.ignoreAnimations ? !1 : []);
-    $t(() => ue()), $t(() => {
-      pe();
+    const _e = u(() => typeof e.ignoreAnimations == "string" ? e.ignoreAnimations.split(",") : Array.isArray(e.ignoreAnimations) ? e.ignoreAnimations : e.ignoreAnimations ? !1 : []);
+    Lt(() => se()), Lt(() => {
+      fe();
     });
-    let se;
-    const je = (s) => {
-      const y = s.target;
-      if (!(!(y != null && y.contains(g.value)) || Array.isArray(Me.value) && Me.value.includes(s.animationName)) && (Ue.add(y), !se)) {
-        const w = () => {
-          se = requestAnimationFrame(() => {
-            pe(), w();
+    let de;
+    const He = (s) => {
+      const h = s.target;
+      if (!(!(h != null && h.contains(g.value)) || Array.isArray(_e.value) && _e.value.includes(s.animationName)) && (Me.add(h), !de)) {
+        const S = () => {
+          de = requestAnimationFrame(() => {
+            fe(), S();
           });
         };
-        w();
+        S();
       }
-    }, dt = (s) => {
-      const y = s.target;
-      y && Ue.delete(y), se && Ue.size === 0 && (cancelAnimationFrame(se), pe());
-    }, ze = C(!1);
-    typeof document < "u" && $t(() => {
-      ze.value && Me.value !== !1 ? (document.addEventListener("animationstart", je), document.addEventListener("animationend", dt)) : (document.removeEventListener("animationstart", je), document.removeEventListener("animationend", dt));
-    }), zt(() => {
-      ze.value = !0, Ie(), he(), g.value && (Z = new ResizeObserver(Bt), Z.observe(g.value)), i("init");
+    }, ct = (s) => {
+      const h = s.target;
+      h && Me.delete(h), de && Me.size === 0 && (cancelAnimationFrame(de), fe());
+    }, qe = C(!1);
+    typeof document < "u" && Lt(() => {
+      qe.value && _e.value !== !1 ? (document.addEventListener("animationstart", He), document.addEventListener("animationend", ct)) : (document.removeEventListener("animationstart", He), document.removeEventListener("animationend", ct));
+    }), jt(() => {
+      qe.value = !0, Ce(), me(), g.value && (Z = new ResizeObserver(dt), Z.observe(g.value)), i("init");
     }), Ca(() => {
-      ze.value = !1, a.cleanup(), Ve && clearTimeout(Ve), se && cancelAnimationFrame(se), oe && clearInterval(oe), Z && (Z.disconnect(), Z = null), typeof document < "u" && vt(), g.value && (g.value.removeEventListener("transitionend", pe), g.value.removeEventListener("animationiteration", pe));
+      qe.value = !1, a.cleanup(), Ne && clearTimeout(Ne), de && cancelAnimationFrame(de), ue && clearInterval(ue), Z && (Z.disconnect(), Z = null), typeof document < "u" && ft(), g.value && (g.value.removeEventListener("transitionend", fe), g.value.removeEventListener("animationiteration", fe));
     });
-    let me = !1;
-    const He = { x: 0, y: 0 }, ie = Lt({ x: 0, y: 0 }), qe = C(!1), xe = C(!1), Tt = () => {
-      qe.value = !0;
-    }, lt = () => {
-      qe.value = !1;
-    }, ct = Pt((s) => {
+    let pe = !1;
+    const Ge = { x: 0, y: 0 }, oe = _t({ x: 0, y: 0 }), Xe = C(!1), Ye = C(!1), It = () => {
+      Xe.value = !0;
+    }, it = () => {
+      Xe.value = !1;
+    }, vt = Ot((s) => {
       if (!s.ctrlKey)
         switch (s.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            L.value === s.key.endsWith("Up") && (P.value ? _e(!0) : Ye(!0));
+            P.value === s.key.endsWith("Up") && (F.value ? Pe(!0) : We(!0));
             break;
           case "ArrowRight":
           case "ArrowDown":
-            L.value === s.key.endsWith("Down") && (P.value ? Ye(!0) : _e(!0));
+            P.value === s.key.endsWith("Down") && (F.value ? We(!0) : Pe(!0));
             break;
         }
-    }, 200), Et = () => {
-      document.addEventListener("keydown", ct);
-    }, vt = () => {
-      document.removeEventListener("keydown", ct);
+    }, 200), Tt = () => {
+      document.addEventListener("keydown", vt);
+    }, ft = () => {
+      document.removeEventListener("keydown", vt);
     };
-    function ft(s) {
-      const y = s.target.tagName;
-      if (["INPUT", "TEXTAREA", "SELECT"].includes(y) || ge.value || (me = s.type === "touchstart", !me && (s.preventDefault(), s.button !== 0)))
+    function pt(s) {
+      const h = s.target.tagName;
+      if (["INPUT", "TEXTAREA", "SELECT"].includes(h) || ge.value || (pe = s.type === "touchstart", !pe && (s.preventDefault(), s.button !== 0)))
         return;
-      He.x = "touches" in s ? s.touches[0].clientX : s.clientX, He.y = "touches" in s ? s.touches[0].clientY : s.clientY;
-      const w = me ? "touchmove" : "mousemove", B = me ? "touchend" : "mouseup";
-      document.addEventListener(w, Re, { passive: !1 }), document.addEventListener(B, Ge, { passive: !0 });
+      Ge.x = "touches" in s ? s.touches[0].clientX : s.clientX, Ge.y = "touches" in s ? s.touches[0].clientY : s.clientY;
+      const S = pe ? "touchmove" : "mousemove", B = pe ? "touchend" : "mouseup";
+      document.addEventListener(S, $e, { passive: !1 }), document.addEventListener(B, Ke, { passive: !0 });
     }
-    const Re = Pt((s) => {
-      xe.value = !0;
-      const y = "touches" in s ? s.touches[0].clientX : s.clientX, w = "touches" in s ? s.touches[0].clientY : s.clientY;
-      ie.x = y - He.x, ie.y = w - He.y;
-      const B = ja({
-        isVertical: L.value,
-        isReversed: P.value,
-        dragged: ie,
-        effectiveSlideSize: f.value
+    const $e = Ot((s) => {
+      Ye.value = !0;
+      const h = "touches" in s ? s.touches[0].clientX : s.clientX, S = "touches" in s ? s.touches[0].clientY : s.clientY;
+      oe.x = h - Ge.x, oe.y = S - Ge.y;
+      const B = Fa({
+        isVertical: P.value,
+        isReversed: F.value,
+        dragged: oe,
+        effectiveSlideSize: d.value
       });
-      A.value = c.wrapAround ? S.value + B : we({
-        val: S.value + B,
-        max: O.value,
-        min: x.value
-      }), i("drag", { deltaX: ie.x, deltaY: ie.y });
+      E.value = c.wrapAround ? k.value + B : De({
+        val: k.value + B,
+        max: $.value,
+        min: G.value
+      }), i("drag", { deltaX: oe.x, deltaY: oe.y });
     });
-    function Ge() {
-      if (Re.cancel(), A.value !== S.value && !me) {
-        const w = (B) => {
-          B.preventDefault(), window.removeEventListener("click", w);
+    function Ke() {
+      if ($e.cancel(), E.value !== k.value && !pe) {
+        const S = (B) => {
+          B.preventDefault(), window.removeEventListener("click", S);
         };
-        window.addEventListener("click", w);
+        window.addEventListener("click", S);
       }
-      ke(A.value), ie.x = 0, ie.y = 0, xe.value = !1;
-      const s = me ? "touchmove" : "mousemove", y = me ? "touchend" : "mouseup";
-      document.removeEventListener(s, Re), document.removeEventListener(y, Ge);
+      we(E.value), oe.x = 0, oe.y = 0, Ye.value = !1;
+      const s = pe ? "touchmove" : "mousemove", h = pe ? "touchend" : "mouseup";
+      document.removeEventListener(s, $e), document.removeEventListener(h, Ke);
     }
-    function he() {
-      !c.autoplay || c.autoplay <= 0 || (oe = setInterval(() => {
-        c.pauseAutoplayOnHover && qe.value || _e();
+    function me() {
+      !c.autoplay || c.autoplay <= 0 || (ue = setInterval(() => {
+        c.pauseAutoplayOnHover && Xe.value || Pe();
       }, c.autoplay));
     }
-    function Xe() {
-      oe && (clearInterval(oe), oe = null);
+    function Oe() {
+      ue && (clearInterval(ue), ue = null);
     }
-    function de() {
-      Xe(), he();
+    function ce() {
+      Oe(), me();
     }
     const ge = C(!1);
-    function ke(s, y = !1) {
-      if (!y && ge.value)
+    function we(s, h = !1) {
+      if (!h && ge.value)
         return;
-      let w = s, B = s;
-      V.value = S.value, c.wrapAround ? B = pa({
-        val: w,
-        max: O.value,
-        min: x.value
-      }) : w = we({
-        val: w,
-        max: O.value,
-        min: x.value
+      let S = s, B = s;
+      V.value = k.value, c.wrapAround ? B = fa({
+        val: S,
+        max: $.value,
+        min: G.value
+      }) : S = De({
+        val: S,
+        max: $.value,
+        min: G.value
       }), i("slide-start", {
         slidingToIndex: s,
-        currentSlideIndex: S.value,
+        currentSlideIndex: k.value,
         prevSlideIndex: V.value,
         slidesCount: b.value
-      }), Xe(), ge.value = !0, S.value = w, B !== w && be.pause(), i("update:modelValue", B), Ve = setTimeout(() => {
-        c.wrapAround && B !== w && (be.resume(), S.value = B, i("loop", {
-          currentSlideIndex: S.value,
+      }), Oe(), ge.value = !0, k.value = S, B !== S && be.pause(), i("update:modelValue", B), Ne = setTimeout(() => {
+        c.wrapAround && B !== S && (be.resume(), k.value = B, i("loop", {
+          currentSlideIndex: k.value,
           slidingToIndex: s
         })), i("slide-end", {
-          currentSlideIndex: S.value,
+          currentSlideIndex: k.value,
           prevSlideIndex: V.value,
           slidesCount: b.value
-        }), ge.value = !1, de();
+        }), ge.value = !1, ce();
       }, c.transition);
     }
-    function _e(s = !1) {
-      ke(S.value + c.itemsToScroll, s);
+    function Pe(s = !1) {
+      we(k.value + c.itemsToScroll, s);
     }
-    function Ye(s = !1) {
-      ke(S.value - c.itemsToScroll, s);
+    function We(s = !1) {
+      we(k.value - c.itemsToScroll, s);
     }
-    function pt() {
-      Ie(), ue(), pe(), de();
+    function mt() {
+      Ce(), se(), fe(), ce();
     }
-    H(() => [E.value, e.breakpoints], () => Ie(), { deep: !0 }), H(() => e.autoplay, () => de());
-    const be = H(() => e.modelValue, (s) => {
-      s !== S.value && ke(Number(s), !0);
+    U(() => [T.value, e.breakpoints], () => Ce(), { deep: !0 }), U(() => e.autoplay, () => ce());
+    const be = U(() => e.modelValue, (s) => {
+      s !== k.value && we(Number(s), !0);
     });
     i("before-init");
-    const $e = u(() => {
+    const Ue = u(() => {
       if (!c.wrapAround)
         return { before: 0, after: 0 };
-      if (Q.value)
-        return { before: v.length, after: v.length };
-      const s = Number(c.itemsToShow), y = Math.ceil(s + (c.itemsToScroll - 1)), w = y - A.value, B = y - (b.value - (A.value + 1));
+      if (J.value)
+        return { before: f.length, after: f.length };
+      const s = Number(c.itemsToShow), h = Math.ceil(s + (c.itemsToScroll - 1)), S = h - E.value, B = h - (b.value - (E.value + 1));
       return {
-        before: Math.max(0, w),
+        before: Math.max(0, S),
         after: Math.max(0, B)
       };
-    }), Ke = u(() => $e.value.before ? Q.value ? j.value.slice(-1 * $e.value.before).reduce((s, y) => s + y[_.value] + c.gap, 0) * -1 : $e.value.before * f.value * -1 : 0), nt = u(() => {
+    }), xe = u(() => Ue.value.before ? J.value ? H.value.slice(-1 * Ue.value.before).reduce((s, h) => s + h[_.value] + c.gap, 0) * -1 : Ue.value.before * d.value * -1 : 0), rt = u(() => {
       var s;
-      if (Q.value) {
-        const y = (S.value % v.length + v.length) % v.length;
+      if (J.value) {
+        const h = (k.value % f.length + f.length) % f.length;
         return Ut({
-          slideSize: (s = j.value[y]) === null || s === void 0 ? void 0 : s[_.value],
-          viewportSize: Ne.value[_.value],
+          slideSize: (s = H.value[h]) === null || s === void 0 ? void 0 : s[_.value],
+          viewportSize: Le.value[_.value],
           align: c.snapAlign
         });
       }
@@ -568,222 +568,222 @@ const Ga = ae({
         align: c.snapAlign,
         itemsToShow: +c.itemsToShow
       });
-    }), We = u(() => {
+    }), Je = u(() => {
       let s = 0;
-      if (Q.value) {
-        if (S.value < 0 ? s = j.value.slice(S.value).reduce((y, w) => y + w[_.value] + c.gap, 0) * -1 : s = j.value.slice(0, S.value).reduce((y, w) => y + w[_.value] + c.gap, 0), s -= nt.value, !c.wrapAround) {
-          const y = j.value.reduce((w, B) => w + B[_.value] + c.gap, 0) - Ne.value[_.value] - c.gap;
-          s = we({
+      if (J.value) {
+        if (k.value < 0 ? s = H.value.slice(k.value).reduce((h, S) => h + S[_.value] + c.gap, 0) * -1 : s = H.value.slice(0, k.value).reduce((h, S) => h + S[_.value] + c.gap, 0), s -= rt.value, !c.wrapAround) {
+          const h = H.value.reduce((S, B) => S + B[_.value] + c.gap, 0) - Le.value[_.value] - c.gap;
+          s = De({
             val: s,
-            max: y,
+            max: h,
             min: 0
           });
         }
       } else {
-        let y = S.value - nt.value;
-        c.wrapAround || (y = we({
-          val: y,
+        let h = k.value - rt.value;
+        c.wrapAround || (h = De({
+          val: h,
           max: b.value - +c.itemsToShow,
           min: 0
-        })), s = y * f.value;
+        })), s = h * d.value;
       }
-      return s * (P.value ? 1 : -1);
-    }), At = u(() => {
-      var s, y;
-      if (!Q.value) {
-        const N = S.value - nt.value;
+      return s * (F.value ? 1 : -1);
+    }), Et = u(() => {
+      var s, h;
+      if (!J.value) {
+        const R = k.value - rt.value;
         return c.wrapAround ? {
-          min: Math.floor(N),
-          max: Math.ceil(N + Number(c.itemsToShow) - 1)
+          min: Math.floor(R),
+          max: Math.ceil(R + Number(c.itemsToShow) - 1)
         } : {
-          min: Math.floor(we({
-            val: N,
+          min: Math.floor(De({
+            val: R,
             max: b.value - Number(c.itemsToShow),
             min: 0
           })),
-          max: Math.ceil(we({
-            val: N + Number(c.itemsToShow) - 1,
+          max: Math.ceil(De({
+            val: R + Number(c.itemsToShow) - 1,
             max: b.value - 1,
             min: 0
           }))
         };
       }
-      let w = 0;
+      let S = 0;
       {
-        let N = 0, G = 0 - $e.value.before;
-        const le = Math.abs(We.value + Ke.value);
-        for (; N <= le; ) {
-          const ee = (G % v.length + v.length) % v.length;
-          N += ((s = j.value[ee]) === null || s === void 0 ? void 0 : s[_.value]) + c.gap, G++;
+        let R = 0, X = 0 - Ue.value.before;
+        const le = Math.abs(Je.value + xe.value);
+        for (; R <= le; ) {
+          const ee = (X % f.length + f.length) % f.length;
+          R += ((s = H.value[ee]) === null || s === void 0 ? void 0 : s[_.value]) + c.gap, X++;
         }
-        w = G - 1;
+        S = X - 1;
       }
       let B = 0;
       {
-        let N = w, G = 0;
-        for (N < 0 ? G = j.value.slice(0, N).reduce((le, ee) => le + ee[_.value] + c.gap, 0) - Math.abs(We.value + Ke.value) : G = j.value.slice(0, N).reduce((le, ee) => le + ee[_.value] + c.gap, 0) - Math.abs(We.value); G < Ne.value[_.value]; ) {
-          const le = (N % v.length + v.length) % v.length;
-          G += ((y = j.value[le]) === null || y === void 0 ? void 0 : y[_.value]) + c.gap, N++;
+        let R = S, X = 0;
+        for (R < 0 ? X = H.value.slice(0, R).reduce((le, ee) => le + ee[_.value] + c.gap, 0) - Math.abs(Je.value + xe.value) : X = H.value.slice(0, R).reduce((le, ee) => le + ee[_.value] + c.gap, 0) - Math.abs(Je.value); X < Le.value[_.value]; ) {
+          const le = (R % f.length + f.length) % f.length;
+          X += ((h = H.value[le]) === null || h === void 0 ? void 0 : h[_.value]) + c.gap, R++;
         }
-        B = N - 1;
+        B = R - 1;
       }
       return {
-        min: Math.floor(w),
+        min: Math.floor(S),
         max: Math.ceil(B)
       };
-    }), Vt = u(() => {
+    }), At = u(() => {
       if (c.slideEffect === "fade")
         return;
-      const s = L.value ? "Y" : "X", y = L.value ? ie.y : ie.x;
-      let w = We.value + y;
+      const s = P.value ? "Y" : "X", h = P.value ? oe.y : oe.x;
+      let S = Je.value + h;
       if (!c.wrapAround && c.preventExcessiveDragging) {
         let B = 0;
-        Q.value ? B = j.value.reduce((le, ee) => le + ee[_.value], 0) : B = (b.value - Number(c.itemsToShow)) * f.value;
-        const N = P.value ? 0 : -1 * B, G = P.value ? B : 0;
-        w = we({
-          val: w,
-          min: N,
-          max: G
+        J.value ? B = H.value.reduce((le, ee) => le + ee[_.value], 0) : B = (b.value - Number(c.itemsToShow)) * d.value;
+        const R = F.value ? 0 : -1 * B, X = F.value ? B : 0;
+        S = De({
+          val: S,
+          min: R,
+          max: X
         });
       }
-      return `translate${s}(${w}px)`;
-    }), mt = u(() => ({
-      "--vc-transition-duration": ge.value ? wt(c.transition, "ms") : void 0,
-      "--vc-slide-gap": wt(c.gap),
-      "--vc-carousel-height": wt(c.height),
-      "--vc-cloned-offset": wt(Ke.value)
-    })), ot = { slideTo: ke, next: _e, prev: Ye }, gt = Lt({
-      activeSlide: A,
+      return `translate${s}(${S}px)`;
+    }), gt = u(() => ({
+      "--vc-transition-duration": ge.value ? Ct(c.transition, "ms") : void 0,
+      "--vc-slide-gap": Ct(c.gap),
+      "--vc-carousel-height": Ct(c.height),
+      "--vc-cloned-offset": Ct(xe.value)
+    })), ut = { slideTo: we, next: Pe, prev: We }, bt = _t({
+      activeSlide: E,
       config: c,
-      currentSlide: S,
+      currentSlide: k,
       isSliding: ge,
-      isVertical: L,
-      maxSlide: O,
-      minSlide: x,
-      nav: ot,
-      normalizedDir: h,
+      isVertical: P,
+      maxSlide: $,
+      minSlide: G,
+      nav: ut,
+      normalizedDir: w,
       slideRegistry: a,
       slideSize: r,
-      slides: v,
+      slides: f,
       slidesCount: b,
       viewport: p,
-      visibleRange: At
+      visibleRange: Et
     });
-    aa(Fe, gt);
-    const Je = Lt({
+    ta(ze, bt);
+    const Qe = _t({
       config: c,
-      currentSlide: S,
-      maxSlide: O,
-      middleSlide: ye,
-      minSlide: x,
+      currentSlide: k,
+      maxSlide: $,
+      middleSlide: Se,
+      minSlide: G,
       slideSize: r,
       slidesCount: b
     });
     return n({
-      data: Je,
-      nav: ot,
-      next: _e,
-      prev: Ye,
-      restartCarousel: pt,
-      slideTo: ke,
-      updateBreakpointsConfig: Ie,
-      updateSlideSize: pe,
-      updateSlidesData: ue
+      data: Qe,
+      nav: ut,
+      next: Pe,
+      prev: We,
+      restartCarousel: mt,
+      slideTo: we,
+      updateBreakpointsConfig: Ce,
+      updateSlideSize: fe,
+      updateSlidesData: se
     }), () => {
       var s;
-      const y = o.default || o.slides, w = (y == null ? void 0 : y(Je)) || [], { before: B, after: N } = $e.value, G = Kt({
-        slides: v,
+      const h = o.default || o.slides, S = (h == null ? void 0 : h(Qe)) || [], { before: B, after: R } = Ue.value, X = Kt({
+        slides: f,
         position: "before",
         toShow: B
       }), le = Kt({
-        slides: v,
+        slides: f,
         position: "after",
-        toShow: N
-      }), ee = [...G, ...w, ...le];
+        toShow: R
+      }), ee = [...X, ...S, ...le];
       if (!c.enabled || !ee.length)
         return Y("section", {
           ref: g,
           class: ["carousel", "is-disabled"]
         }, ee);
-      const Nt = ((s = o.addons) === null || s === void 0 ? void 0 : s.call(o, Je)) || [], Mt = Y("ol", {
+      const Vt = ((s = o.addons) === null || s === void 0 ? void 0 : s.call(o, Qe)) || [], Rt = Y("ol", {
         class: "carousel__track",
-        style: { transform: Vt.value },
-        onMousedownCapture: c.mouseDrag ? ft : null,
-        onTouchstartPassiveCapture: c.touchDrag ? ft : null
-      }, ee), Qe = Y("div", { class: "carousel__viewport", ref: p }, Mt);
+        style: { transform: At.value },
+        onMousedownCapture: c.mouseDrag ? pt : null,
+        onTouchstartPassiveCapture: c.touchDrag ? pt : null
+      }, ee), Ze = Y("div", { class: "carousel__viewport", ref: p }, Rt);
       return Y("section", {
         ref: g,
         class: [
           "carousel",
-          `is-${h.value}`,
+          `is-${w.value}`,
           `is-effect-${c.slideEffect}`,
           {
-            "is-vertical": L.value,
+            "is-vertical": P.value,
             "is-sliding": ge.value,
-            "is-dragging": xe.value,
-            "is-hover": qe.value
+            "is-dragging": Ye.value,
+            "is-hover": Xe.value
           }
         ],
-        dir: h.value,
-        style: mt.value,
+        dir: w.value,
+        style: gt.value,
         "aria-label": c.i18n.ariaGallery,
         tabindex: "0",
-        onFocus: Et,
-        onBlur: vt,
-        onMouseenter: Tt,
-        onMouseleave: lt
-      }, [Qe, Nt, Y(Ga)]);
+        onFocus: Tt,
+        onBlur: ft,
+        onMouseenter: It,
+        onMouseleave: it
+      }, [Ze, Vt, Y(Ga)]);
     };
   }
 });
-var jt;
+var Ft;
 (function(e) {
   e.arrowDown = "arrowDown", e.arrowLeft = "arrowLeft", e.arrowRight = "arrowRight", e.arrowUp = "arrowUp";
-})(jt || (jt = {}));
-const Jt = (e) => `icon${e.charAt(0).toUpperCase() + e.slice(1)}`, Ka = {
+})(Ft || (Ft = {}));
+const xt = (e) => `icon${e.charAt(0).toUpperCase() + e.slice(1)}`, Ka = {
   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 Wa(e) {
-  return e in jt;
+  return e in Ft;
 }
-const Qt = (e) => e && Wa(e), Zt = ae({
+const Jt = (e) => e && Wa(e), Qt = ae({
   props: {
     name: {
       type: String,
       required: !0,
-      validator: Qt
+      validator: Jt
     },
     title: {
       type: String,
-      default: (e) => e.name ? F.i18n[Jt(e.name)] : ""
+      default: (e) => e.name ? j.i18n[xt(e.name)] : ""
     }
   },
   setup(e) {
-    const o = st(Fe, null);
+    const o = st(ze, null);
     return () => {
       const i = e.name;
-      if (!i || !Qt(i))
+      if (!i || !Jt(i))
         return;
-      const n = Ka[i], l = Y("path", { d: n }), a = (o == null ? void 0 : o.config.i18n[Jt(i)]) || e.title, v = Y("title", a);
+      const n = Ka[i], l = Y("path", { d: n }), a = (o == null ? void 0 : o.config.i18n[xt(i)]) || e.title, f = Y("title", a);
       return Y("svg", {
         class: "carousel__icon",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-label": a
-      }, [v, l]);
+      }, [f, l]);
     };
   }
-}), Ja = ae({
+}), xa = ae({
   name: "CarouselNavigation",
   inheritAttrs: !1,
   setup(e, { slots: o, attrs: i }) {
-    const n = st(Fe);
+    const n = st(ze);
     if (!n)
       return () => "";
-    const { next: l, prev: a } = o, v = () => ({
+    const { next: l, prev: a } = o, f = () => ({
       btt: "arrowDown",
       ltr: "arrowLeft",
       rtl: "arrowRight",
@@ -795,19 +795,19 @@ const Qt = (e) => e && Wa(e), Zt = ae({
       ttb: "arrowDown"
     })[n.normalizedDir], g = u(() => !n.config.wrapAround && n.currentSlide <= n.minSlide), p = u(() => !n.config.wrapAround && n.currentSlide >= n.maxSlide);
     return () => {
-      const { i18n: r } = n.config, E = Y("button", Object.assign(Object.assign({ type: "button", disabled: g.value, "aria-label": r.ariaPreviousSlide, title: r.ariaPreviousSlide, onClick: n.nav.prev }, i), { class: [
+      const { i18n: r } = n.config, T = Y("button", Object.assign(Object.assign({ type: "button", disabled: g.value, "aria-label": r.ariaPreviousSlide, title: r.ariaPreviousSlide, onClick: n.nav.prev }, i), { class: [
         "carousel__prev",
         { "carousel__prev--disabled": g.value },
         i.class
-      ] }), (a == null ? void 0 : a()) || Y(Zt, { name: v() })), c = Y("button", Object.assign(Object.assign({ type: "button", disabled: p.value, "aria-label": r.ariaNextSlide, title: r.ariaNextSlide, onClick: n.nav.next }, i), { class: [
+      ] }), (a == null ? void 0 : a()) || Y(Qt, { name: f() })), c = Y("button", Object.assign(Object.assign({ type: "button", disabled: p.value, "aria-label": r.ariaNextSlide, title: r.ariaNextSlide, onClick: n.nav.next }, i), { class: [
         "carousel__next",
         { "carousel__next--disabled": p.value },
         i.class
-      ] }), (l == null ? void 0 : l()) || Y(Zt, { name: b() }));
-      return [E, c];
+      ] }), (l == null ? void 0 : l()) || Y(Qt, { name: b() }));
+      return [T, c];
     };
   }
-}), Qa = ae({
+}), Ja = ae({
   name: "CarouselPagination",
   props: {
     disableOnClick: {
@@ -818,15 +818,15 @@ const Qt = (e) => e && Wa(e), Zt = ae({
     }
   },
   setup(e) {
-    const o = st(Fe);
+    const o = st(ze);
     if (!o)
       return () => "";
     const i = u(() => o.config.itemsToShow), n = u(() => Ut({
       align: o.config.snapAlign,
       itemsToShow: i.value
-    })), l = u(() => e.paginateByItemsToShow && i.value > 1), a = u(() => Math.ceil((o.activeSlide - n.value) / i.value)), v = u(() => Math.ceil(o.slidesCount / i.value)), b = (g) => pa(l.value ? {
+    })), l = u(() => e.paginateByItemsToShow && i.value > 1), a = u(() => Math.ceil((o.activeSlide - n.value) / i.value)), f = u(() => Math.ceil(o.slidesCount / i.value)), b = (g) => fa(l.value ? {
       val: a.value,
-      max: v.value - 1,
+      max: f.value - 1,
       min: 0
     } : {
       val: o.activeSlide,
@@ -836,33 +836,33 @@ const Qt = (e) => e && Wa(e), Zt = ae({
     return () => {
       var g, p;
       const r = [];
-      for (let E = l.value ? 0 : o.minSlide; E <= (l.value ? v.value - 1 : o.maxSlide); E++) {
-        const c = fa(o.config.i18n[l.value ? "ariaNavigateToPage" : "ariaNavigateToSlide"], {
-          slideNumber: E + 1
-        }), S = b(E), A = Y("button", {
+      for (let T = l.value ? 0 : o.minSlide; T <= (l.value ? f.value - 1 : o.maxSlide); T++) {
+        const c = va(o.config.i18n[l.value ? "ariaNavigateToPage" : "ariaNavigateToSlide"], {
+          slideNumber: T + 1
+        }), k = b(T), E = Y("button", {
           type: "button",
           class: {
             "carousel__pagination-button": !0,
-            "carousel__pagination-button--active": S
+            "carousel__pagination-button--active": k
           },
           "aria-label": c,
-          "aria-pressed": S,
-          "aria-controls": (p = (g = o.slides[E]) === null || g === void 0 ? void 0 : g.exposed) === null || p === void 0 ? void 0 : p.id,
+          "aria-pressed": k,
+          "aria-controls": (p = (g = o.slides[T]) === null || g === void 0 ? void 0 : g.exposed) === null || p === void 0 ? void 0 : p.id,
           title: c,
           disabled: e.disableOnClick,
-          onClick: () => o.nav.slideTo(l.value ? Math.floor(E * +o.config.itemsToShow + n.value) : E)
-        }), V = Y("li", { class: "carousel__pagination-item", key: E }, A);
+          onClick: () => o.nav.slideTo(l.value ? Math.floor(T * +o.config.itemsToShow + n.value) : T)
+        }), V = Y("li", { class: "carousel__pagination-item", key: T }, E);
         r.push(V);
       }
       return Y("ol", { class: "carousel__pagination" }, r);
     };
   }
-}), ea = ae({
+}), Zt = ae({
   name: "CarouselSlide",
   props: {
     id: {
       type: String,
-      default: (e) => e.isClone ? void 0 : Ba()
+      default: (e) => e.isClone ? void 0 : wa()
     },
     index: {
       type: Number,
@@ -878,43 +878,43 @@ const Qt = (e) => e && Wa(e), Zt = ae({
     }
   },
   setup(e, { attrs: o, slots: i, expose: n }) {
-    const l = st(Fe);
-    if (aa(Fe, void 0), !l)
+    const l = st(ze);
+    if (ta(ze, void 0), !l)
       return () => "";
-    const a = C(e.index), v = (A) => {
-      a.value = A;
-    }, b = Da(), g = () => {
-      const A = b.vnode.el;
-      return A ? A.getBoundingClientRect() : { width: 0, height: 0 };
+    const a = C(e.index), f = (E) => {
+      a.value = E;
+    }, b = Ba(), g = () => {
+      const E = b.vnode.el;
+      return E ? E.getBoundingClientRect() : { width: 0, height: 0 };
     };
     n({
       id: e.id,
-      setIndex: v,
+      setIndex: f,
       getBoundingRect: g
     });
-    const p = u(() => a.value === l.activeSlide), r = u(() => a.value === l.activeSlide - 1), E = u(() => a.value === l.activeSlide + 1), c = u(() => a.value >= l.visibleRange.min && a.value <= l.visibleRange.max), S = u(() => {
+    const p = u(() => a.value === l.activeSlide), r = u(() => a.value === l.activeSlide - 1), T = u(() => a.value === l.activeSlide + 1), c = u(() => a.value >= l.visibleRange.min && a.value <= l.visibleRange.max), k = u(() => {
       if (l.config.itemsToShow === "auto")
         return;
-      const A = l.config.itemsToShow, V = l.config.gap > 0 && A > 1 ? `calc(${100 / A}% - ${l.config.gap * (A - 1) / A}px)` : `${100 / A}%`;
+      const E = l.config.itemsToShow, V = l.config.gap > 0 && E > 1 ? `calc(${100 / E}% - ${l.config.gap * (E - 1) / E}px)` : `${100 / E}%`;
       return l.isVertical ? { height: V } : { width: V };
     });
-    return l.slideRegistry.registerSlide(b, e.index), Ia(() => {
+    return l.slideRegistry.registerSlide(b, e.index), Da(() => {
       l.slideRegistry.unregisterSlide(b);
-    }), e.isClone && (zt(() => {
+    }), e.isClone && (jt(() => {
       Wt(b.vnode);
-    }), Ta(() => {
+    }), Ia(() => {
       Wt(b.vnode);
     })), () => {
-      var A, V;
+      var E, V;
       return l.config.enabled ? Y("li", {
-        style: [o.style, Object.assign({}, S.value)],
+        style: [o.style, Object.assign({}, k.value)],
         class: {
           carousel__slide: !0,
           "carousel__slide--clone": e.isClone,
           "carousel__slide--visible": c.value,
           "carousel__slide--active": p.value,
           "carousel__slide--prev": r.value,
-          "carousel__slide--next": E.value,
+          "carousel__slide--next": T.value,
           "carousel__slide--sliding": l.isSliding
         },
         onFocusin: () => {
@@ -927,16 +927,16 @@ const Qt = (e) => e && Wa(e), Zt = ae({
         isActive: p.value,
         isClone: e.isClone,
         isPrev: r.value,
-        isNext: E.value,
+        isNext: T.value,
         isSliding: l.isSliding,
         isVisible: c.value
-      })) : (A = i.default) === null || A === void 0 ? void 0 : A.call(i);
+      })) : (E = i.default) === null || E === void 0 ? void 0 : E.call(i);
     };
   }
-}), Za = (e, o, i, n) => {
+}), Qa = (e, o, i, n) => {
   if (!i) return 0;
   let l = String(e[i.key]).toLowerCase(), a = String(o[i.key]).toLowerCase();
-  if (n === Oe.Asc) {
+  if (n === Fe.Asc) {
     if (l > a) return 1;
     if (a > l) return -1;
   } else {
@@ -944,45 +944,45 @@ const Qt = (e) => e && Wa(e), Zt = ae({
     if (a > l) return 1;
   }
   return 0;
-}, at = (e, o, i, n = []) => {
+}, ot = (e, o, i, n = []) => {
   if (e.extractTitleFromColumn) {
     let l = n.find((a) => a.key === e.extractTitleFromColumn);
     if (l)
-      return at(l, o, i, n);
+      return ot(l, o, i, n);
   }
   if (e.formatter && typeof e.formatter == "function") {
     let l = e.formatter(o[e.key], o, e, i);
-    return l.startsWith("__:") ? Va(l.substring(3)) : l;
+    return l.startsWith("__:") ? Aa(l.substring(3)) : l;
   }
   return o[e.key];
-}, el = (e, o, i) => {
+}, Za = (e, o, i) => {
   if (!e.colspan) return -1;
   let n = o;
   return i.forEach((l) => {
-    let a = Ht(e, l);
+    let a = zt(e, l);
     a > 0 && a < n && (n = a);
   }), n;
-}, Ht = (e, o) => e.colspan === !1 ? !1 : typeof e.colspan == "function" ? e.colspan(o) : e.colspan, tl = (e, o) => typeof e.preferSlot > "u" ? !0 : e.preferSlot === !1 ? !1 : typeof e.preferSlot == "function" ? e.preferSlot(o) : !0, al = (e, o, i) => {
+}, zt = (e, o) => e.colspan === !1 ? !1 : typeof e.colspan == "function" ? e.colspan(o) : e.colspan, el = (e, o) => typeof e.preferSlot > "u" ? !0 : e.preferSlot === !1 ? !1 : typeof e.preferSlot == "function" ? e.preferSlot(o) : !0, tl = (e, o, i) => {
   if (typeof e != "object" || !e.key || o.indexOf(e.key) > -1) return !1;
-  let n = Ht(e, i);
+  let n = zt(e, i);
   return typeof e.colspan > "u" ? !0 : (typeof e.colspan < "u" && (typeof e.colspan == "function" ? n = parseInt(e.colspan(i)) : n = parseInt(e.colspan)), n > 0);
-}, ll = (e = []) => {
+}, al = (e = []) => {
   if (e.length > 0) {
     for (let o = 0; o < e.length; ++o)
       if (e[o].sortable) return e[o].key;
   }
   return "";
-}, nl = (e, o) => {
+}, ll = (e, o) => {
   if (e.length > 0) {
     for (let i = 0; i < e.length; ++i)
       if (e[i].key === o) return e[i];
   }
   return null;
-}, ma = (e) => e.type ? `is-${e.type}` : "", ga = /* @__PURE__ */ ae({
+}, pa = (e) => e.type ? `is-${e.type}` : "", ma = /* @__PURE__ */ ae({
   __name: "LktTableCell",
   props: {
     modelValue: { default: () => ({}) },
-    column: { default: () => new oa() },
+    column: { default: () => new na() },
     columns: { default: () => [] },
     i: { default: 0 },
     editModeEnabled: { type: Boolean, default: !1 },
@@ -992,64 +992,64 @@ const Qt = (e) => e && Wa(e), Zt = ae({
     "update:modelValue"
   ],
   setup(e, { emit: o }) {
-    const i = o, n = e, l = C(n.modelValue), a = C(l.value[n.column.key]), v = C(null);
-    H(a, (p) => {
+    const i = o, n = e, l = C(n.modelValue), a = C(l.value[n.column.key]), f = C(null);
+    U(a, (p) => {
       const r = JSON.parse(JSON.stringify(l.value));
       r[n.column.key] = p, i("update:modelValue", r);
-    }), H(() => n.modelValue, (p) => {
+    }), U(() => n.modelValue, (p) => {
       l.value = p, a.value = l.value[n.column.key];
     });
     const b = u(() => ({ ...n.column.slotData, item: l.value })), g = u(() => {
-      var p, r, E, c;
+      var p, r, T, c;
       if ((p = n.column.field) != null && p.modalData && typeof ((r = n.column.field) == null ? void 0 : r.modalData) == "object")
-        for (let S in n.column.field.modalData)
-          if (typeof ((E = n.column.field) == null ? void 0 : E.modalData[S]) == "string" && n.column.field.modalData[S].startsWith("prop:")) {
-            let A = n.column.field.modalData[S].substring(5);
-            l.value[A];
+        for (let k in n.column.field.modalData)
+          if (typeof ((T = n.column.field) == null ? void 0 : T.modalData[k]) == "string" && n.column.field.modalData[k].startsWith("prop:")) {
+            let E = n.column.field.modalData[k].substring(5);
+            l.value[E];
           } else
-            n.column.field.modalData[S];
+            n.column.field.modalData[k];
       return (c = n.column.field) == null ? void 0 : c.modalData;
     });
     return (p, r) => {
-      var A, V, ye, O;
-      const E = ve("lkt-anchor"), c = ve("lkt-button"), S = ve("lkt-field");
-      return p.column.type === D(ht).Anchor ? (d(), $(E, Ee(fe({ key: 0 }, p.column.anchor)), {
-        default: U(() => [
-          Ae(Pe(D(at)(p.column, l.value, p.i)), 1)
+      var E, V, Se, $;
+      const T = ke("lkt-anchor"), c = ke("lkt-button"), k = ke("lkt-field");
+      return p.column.type === D(kt).Anchor ? (v(), O(T, Re(ve({ key: 0 }, p.column.anchor)), {
+        default: z(() => [
+          nt(je(D(ot)(p.column, l.value, p.i)), 1)
         ]),
         _: 1
-      }, 16)) : p.column.type === D(ht).Button ? (d(), $(c, fe({ key: 1 }, p.column.button, { prop: l.value }), {
-        default: U(() => [
-          Ae(Pe(D(at)(p.column, l.value, p.i)), 1)
+      }, 16)) : p.column.type === D(kt).Button ? (v(), O(c, ve({ key: 1 }, p.column.button, { prop: l.value }), {
+        default: z(() => [
+          nt(je(D(ot)(p.column, l.value, p.i)), 1)
         ]),
         _: 1
-      }, 16, ["prop"])) : p.column.type === D(ht).Field && p.hasInlineEditPerm ? (d(), $(S, fe({ key: 2 }, p.column.field, {
+      }, 16, ["prop"])) : p.column.type === D(kt).Field && p.hasInlineEditPerm ? (v(), O(k, ve({ key: 2 }, p.column.field, {
         "read-mode": !p.column.editable || !p.editModeEnabled,
-        ref: (x) => v.value = x,
+        ref: (G) => f.value = G,
         "slot-data": b.value,
-        label: ((A = p.column.field) == null ? void 0 : A.type) === "switch" || ((V = p.column.field) == null ? void 0 : V.type) === "check" ? p.column.label : "",
+        label: ((E = p.column.field) == null ? void 0 : E.type) === "switch" || ((V = p.column.field) == null ? void 0 : V.type) === "check" ? p.column.label : "",
         "modal-data": g.value,
         prop: l.value,
         modelValue: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (x) => a.value = x)
-      }), null, 16, ["read-mode", "slot-data", "label", "modal-data", "prop", "modelValue"])) : p.column.type === D(ht).Field ? (d(), $(S, fe({ key: 3 }, p.column.field, {
+        "onUpdate:modelValue": r[0] || (r[0] = (G) => a.value = G)
+      }), null, 16, ["read-mode", "slot-data", "label", "modal-data", "prop", "modelValue"])) : p.column.type === D(kt).Field ? (v(), O(k, ve({ key: 3 }, p.column.field, {
         "read-mode": "",
-        ref: (x) => v.value = x,
+        ref: (G) => f.value = G,
         "slot-data": b.value,
-        label: ((ye = p.column.field) == null ? void 0 : ye.type) === "switch" || ((O = p.column.field) == null ? void 0 : O.type) === "check" ? p.column.label : "",
+        label: ((Se = p.column.field) == null ? void 0 : Se.type) === "switch" || (($ = p.column.field) == null ? void 0 : $.type) === "check" ? p.column.label : "",
         "modal-data": g.value,
         prop: l.value,
         "model-value": a.value
-      }), null, 16, ["slot-data", "label", "modal-data", "prop", "model-value"])) : (d(), k(q, { key: 4 }, [
-        Ae(Pe(D(at)(p.column, l.value, p.i, p.columns)), 1)
+      }), null, 16, ["slot-data", "label", "modal-data", "prop", "model-value"])) : (v(), y(x, { key: 4 }, [
+        nt(je(D(ot)(p.column, l.value, p.i, p.columns)), 1)
       ], 64));
     };
   }
-}), Ce = class Ce {
+}), Ie = class Ie {
 };
-Ce.navButtonSlot = "", Ce.dropButtonSlot = "", Ce.editButtonSlot = "", Ce.createButtonSlot = "", Ce.defaultEmptySlot = void 0, Ce.defaultSaveIcon = "", Ce.defaultNoResultsMessage = "No results";
-let K = Ce;
-const ol = /* @__PURE__ */ ae({
+Ie.navButtonSlot = "", Ie.dropButtonSlot = "", Ie.editButtonSlot = "", Ie.createButtonSlot = "", Ie.defaultEmptySlot = void 0, Ie.defaultSaveIcon = "", Ie.defaultNoResultsMessage = "No results";
+let K = Ie;
+const nl = /* @__PURE__ */ ae({
   __name: "DropButtonComponent",
   props: {
     config: {},
@@ -1060,22 +1060,22 @@ const ol = /* @__PURE__ */ ae({
     "click"
   ],
   setup(e, { emit: o }) {
-    const i = o, n = e, l = u(() => K.dropButtonSlot !== ""), a = u(() => K.dropButtonSlot), v = u(() => ia(n.config.resourceData, n.item));
+    const i = o, n = e, l = u(() => K.dropButtonSlot !== ""), a = u(() => K.dropButtonSlot), f = u(() => oa(n.config.resourceData, n.item));
     return (b, g) => {
-      const p = ve("lkt-button");
-      return d(), $(p, fe({ palette: "table-delete" }, n.config, {
+      const p = ke("lkt-button");
+      return v(), O(p, ve({ palette: "table-delete" }, n.config, {
         disabled: b.disabled,
-        "resource-data": v.value,
-        onClick: g[0] || (g[0] = la((r) => i("click", r), ["prevent", "stop"]))
+        "resource-data": f.value,
+        onClick: g[0] || (g[0] = aa((r) => i("click", r), ["prevent", "stop"]))
       }), {
-        default: U(() => [
-          l.value ? (d(), $(De(a.value), { key: 0 })) : T("", !0)
+        default: z(() => [
+          l.value ? (v(), O(Ee(a.value), { key: 0 })) : A("", !0)
         ]),
         _: 1
       }, 16, ["disabled", "resource-data"]);
     };
   }
-}), il = /* @__PURE__ */ ae({
+}), ol = /* @__PURE__ */ ae({
   __name: "EditButtonComponent",
   props: {
     config: {},
@@ -1086,32 +1086,35 @@ const ol = /* @__PURE__ */ ae({
     "click"
   ],
   setup(e, { emit: o }) {
-    const i = o, n = e, l = u(() => K.editButtonSlot !== ""), a = u(() => K.editButtonSlot), v = u(() => ia(n.config.resourceData, n.item));
+    const i = o, n = e, l = u(() => K.editButtonSlot !== ""), a = u(() => K.editButtonSlot), f = u(() => oa(n.config.resourceData, n.item));
     return (b, g) => {
-      const p = ve("lkt-button");
-      return d(), $(p, fe({ palette: "table-edit" }, n.config, {
+      const p = ke("lkt-button");
+      return v(), O(p, ve({ palette: "table-edit" }, n.config, {
         disabled: b.disabled,
-        "resource-data": v.value,
-        onClick: g[0] || (g[0] = la((r) => i("click"), ["prevent", "stop"]))
+        "resource-data": f.value,
+        onClick: g[0] || (g[0] = aa((r) => i("click"), ["prevent", "stop"]))
       }), {
-        default: U(() => [
-          l.value ? (d(), $(De(a.value), { key: 0 })) : T("", !0)
+        default: z(() => [
+          l.value ? (v(), O(Ee(a.value), { key: 0 })) : A("", !0)
         ]),
         _: 1
       }, 16, ["disabled", "resource-data"]);
     };
   }
-}), rl = ["data-i", "data-draggable"], ul = ["data-i"], sl = {
+}), il = ["data-i", "data-draggable"], rl = ["data-role", "data-i"], ul = {
   key: 1,
-  "data-role": "invalid-drag-indicator"
-}, dl = {
-  key: 2,
   class: "lkt-table-nav-cell"
-}, cl = { class: "lkt-table-nav-container" }, vl = ["colspan"], fl = ["colspan"], pl = ["data-column", "colspan", "title"], ml = {
-  key: 7,
+}, sl = { class: "lkt-table-nav-container" }, dl = {
+  key: 1,
+  class: "lkt-icn-arrow-top"
+}, cl = {
+  key: 1,
+  class: "lkt-icn-arrow-bottom"
+}, vl = ["colspan"], fl = ["colspan"], pl = ["data-column", "colspan", "title"], ml = {
+  key: 6,
   class: "lkt-table-col-drop"
 }, gl = {
-  key: 8,
+  key: 7,
   class: "lkt-table-col-edit"
 }, bl = /* @__PURE__ */ ae({
   __name: "LktTableRow",
@@ -1123,16 +1126,19 @@ const ol = /* @__PURE__ */ ae({
     sortable: { type: Boolean, default: !0 },
     displayHiddenColumnsIndicator: { type: Boolean, default: !1 },
     hiddenIsVisible: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean },
     addNavigation: { type: Boolean, default: !1 },
     latestRow: { type: Boolean, default: !1 },
     canDrop: { type: Boolean, default: !1 },
     canEdit: { type: Boolean, default: !1 },
+    canCreate: { type: Boolean },
+    canRead: { type: Boolean },
     editModeEnabled: { type: Boolean, default: !1 },
     hasInlineEditPerm: { type: Boolean },
     i: { default: 0 },
     visibleColumns: { default: () => [] },
     emptyColumns: { default: () => [] },
-    rowDisplayType: { type: [Number, Function], default: Ze.Auto },
+    rowDisplayType: { type: [Number, Function], default: et.Auto },
     renderDrag: { type: [Boolean, Function], default: !0 },
     disabledDrag: { type: [Boolean, Function], default: !0 }
   },
@@ -1146,148 +1152,152 @@ const ol = /* @__PURE__ */ ae({
   ],
   setup(e, { emit: o }) {
     var Z;
-    const i = na(), n = o, l = e, a = C(l.modelValue);
-    let v = typeof l.rowDisplayType == "function" ? l.rowDisplayType(a.value, l.i) : l.rowDisplayType;
-    v || (v = Ze.Auto);
-    const b = [Ze.Auto, Ze.PreferCustomItem].includes(v), g = [Ze.Auto, Ze.PreferItem].includes(v), p = C((Z = l.editButton.anchor) == null ? void 0 : Z.to);
-    for (let f in a.value) p.value = ua(p.value, ":" + f, a.value[f]);
-    const r = (f) => n("click", f), E = (f, h) => {
-      n("show", f, h);
+    const i = la(), n = o, l = e, a = C(l.modelValue);
+    let f = typeof l.rowDisplayType == "function" ? l.rowDisplayType(a.value, l.i) : l.rowDisplayType;
+    f || (f = et.Auto);
+    const b = [et.Auto, et.PreferCustomItem].includes(f), g = [et.Auto, et.PreferItem].includes(f), p = C((Z = l.editButton.anchor) == null ? void 0 : Z.to);
+    for (let d in a.value) p.value = ra(p.value, ":" + d, a.value[d]);
+    const r = (d) => n("click", d), T = (d, w) => {
+      n("show", d, w);
     }, c = u(() => {
-      let f = [], h = !1;
-      return typeof l.disabledDrag == "function" ? h = l.disabledDrag(a.value) : h = Ve.value === !0, !h && l.sortable && l.isDraggable ? f.push("handle") : h && f.push("disabled"), f.join(" ");
-    }), S = u(() => K.navButtonSlot !== ""), A = u(() => K.navButtonSlot), V = () => {
+      let d = [], w = !1;
+      return typeof l.disabledDrag == "function" ? w = l.disabledDrag(a.value) : w = ue.value === !0, !w && l.sortable && l.isDraggable ? d.push("handle") : w && d.push("disabled"), d.join(" ");
+    }), k = u(() => K.navButtonSlot !== ""), E = u(() => K.navButtonSlot), V = () => {
       n("item-up", l.i);
-    }, ye = () => {
+    }, Se = () => {
       n("item-down", l.i);
-    }, O = () => {
+    }, $ = () => {
       n("item-drop", l.i);
-    }, x = () => {
     };
-    H(() => l.modelValue, (f) => a.value = f), H(a, (f) => {
-      n("update:modelValue", f);
+    U(() => l.modelValue, (d) => a.value = d), U(a, (d) => {
+      n("update:modelValue", d);
     }, { deep: !0 });
-    const oe = u(() => typeof l.renderDrag == "function" ? l.renderDrag(a.value) : l.renderDrag === !0), Ve = u(() => typeof l.disabledDrag == "function" ? l.disabledDrag(a.value) : l.disabledDrag === !0);
-    return (f, h) => {
-      const P = ve("lkt-button");
-      return d(), k("tr", {
-        "data-i": f.i,
-        "data-draggable": f.isDraggable,
+    const G = u(() => typeof l.renderDrag == "function" ? l.renderDrag(a.value) : l.renderDrag === !0), ue = u(() => typeof l.disabledDrag == "function" ? l.disabledDrag(a.value) : l.disabledDrag === !0), Ne = u(() => c.value.includes("handle") ? "drag-indicator" : "invalid-drag-indicator");
+    return (d, w) => {
+      const F = ke("lkt-button");
+      return v(), y("tr", {
+        "data-i": d.i,
+        "data-draggable": d.isDraggable,
         class: ne({ "type-custom-item": D(b), "type-item": D(g) })
       }, [
-        f.sortable && f.isDraggable && f.editModeEnabled && oe.value ? (d(), k("td", {
+        d.sortable && d.editModeEnabled && G.value ? (v(), y("td", {
           key: 0,
-          "data-role": "drag-indicator",
+          "data-role": Ne.value,
           class: ne(c.value),
-          "data-i": f.i
-        }, h[3] || (h[3] = [
-          X("i", { class: "lkt-icn-drag-indicator" }, null, -1)
-        ]), 10, ul)) : f.sortable && f.editModeEnabled && oe.value ? (d(), k("td", sl, h[4] || (h[4] = [
-          X("i", { class: "lkt-icn-drag-indicator" }, null, -1)
-        ]))) : T("", !0),
-        f.addNavigation && f.editModeEnabled ? (d(), k("td", dl, [
-          X("div", cl, [
-            Be(P, {
+          "data-i": d.i
+        }, w[3] || (w[3] = [
+          Q("i", { class: "lkt-icn-drag-indicator" }, null, -1)
+        ]), 10, rl)) : A("", !0),
+        d.addNavigation && d.editModeEnabled ? (v(), y("td", ul, [
+          Q("div", sl, [
+            Te(F, {
               palette: "table-nav",
-              disabled: f.i === 0,
+              disabled: d.i === 0,
               onClick: V
             }, {
-              default: U(() => [
-                S.value ? (d(), $(De(A.value), {
+              default: z(() => [
+                k.value ? (v(), O(Ee(E.value), {
                   key: 0,
                   direction: "up"
-                })) : (d(), k(q, { key: 1 }, [
-                  h[5] || (h[5] = X("i", { class: "" }, null, -1)),
-                  h[6] || (h[6] = Ae(" UP "))
-                ], 64))
+                })) : (v(), y("i", dl))
               ]),
               _: 1
             }, 8, ["disabled"]),
-            Be(P, {
+            Te(F, {
               palette: "table-nav",
-              disabled: f.latestRow,
-              onClick: ye
+              disabled: d.latestRow,
+              onClick: Se
             }, {
-              default: U(() => [
-                S.value ? (d(), $(De(A.value), {
+              default: z(() => [
+                k.value ? (v(), O(Ee(E.value), {
                   key: 0,
                   direction: "down"
-                })) : (d(), k(q, { key: 1 }, [
-                  h[7] || (h[7] = X("i", { class: "" }, null, -1)),
-                  h[8] || (h[8] = Ae(" DOWN "))
-                ], 64))
+                })) : (v(), y("i", cl))
               ]),
               _: 1
             }, 8, ["disabled"])
           ])
-        ])) : T("", !0),
-        f.displayHiddenColumnsIndicator ? (d(), k("td", {
-          key: 3,
-          onClick: h[0] || (h[0] = (L) => E(L, f.i)),
+        ])) : A("", !0),
+        d.displayHiddenColumnsIndicator ? (v(), y("td", {
+          key: 2,
+          onClick: w[0] || (w[0] = (P) => T(P, d.i)),
           "data-role": "show-more",
-          class: ne(f.hiddenIsVisible ? "state-open" : "")
-        }, null, 2)) : T("", !0),
-        D(b) && D(i)[`item-${f.i}`] ? (d(), k("td", {
-          key: "td" + f.i,
-          colspan: f.visibleColumns.length
+          class: ne(d.hiddenIsVisible ? "state-open" : "")
+        }, null, 2)) : A("", !0),
+        D(b) && D(i)[`item-${d.i}`] ? (v(), y("td", {
+          key: "td" + d.i,
+          colspan: d.visibleColumns.length
         }, [
-          z(f.$slots, `item-${f.i}`, {
+          q(d.$slots, `item-${d.i}`, {
             item: a.value,
-            index: f.i
+            index: d.i,
+            editing: d.editModeEnabled,
+            canCreate: d.canCreate,
+            canRead: d.canRead,
+            canUpdate: d.canEdit,
+            canDrop: d.canDrop,
+            isLoading: d.isLoading,
+            doDrop: () => $()
           })
-        ], 8, vl)) : D(g) && D(i).item ? (d(), k("td", {
-          key: "td" + f.i,
-          colspan: f.visibleColumns.length
+        ], 8, vl)) : D(g) && D(i).item ? (v(), y("td", {
+          key: "td" + d.i,
+          colspan: d.visibleColumns.length
         }, [
-          z(f.$slots, "item", {
+          q(d.$slots, "item", {
             item: a.value,
-            index: f.i
+            index: d.i,
+            editing: d.editModeEnabled,
+            canCreate: d.canCreate,
+            canRead: d.canRead,
+            canUpdate: d.canEdit,
+            canDrop: d.canDrop,
+            isLoading: d.isLoading,
+            doDrop: () => $()
           })
-        ], 8, fl)) : (d(!0), k(q, { key: 6 }, re(f.visibleColumns, (L) => (d(), k(q, null, [
-          D(al)(L, f.emptyColumns, a.value) ? (d(), k("td", {
-            key: "td" + f.i,
-            "data-column": L.key,
-            colspan: D(Ht)(L, a.value),
-            title: D(at)(L, a.value, f.i, f.visibleColumns),
-            class: ne(D(ma)(L)),
-            onClick: h[2] || (h[2] = (Q) => r(Q))
+        ], 8, fl)) : (v(!0), y(x, { key: 5 }, re(d.visibleColumns, (P) => (v(), y(x, null, [
+          D(tl)(P, d.emptyColumns, a.value) ? (v(), y("td", {
+            key: "td" + d.i,
+            "data-column": P.key,
+            colspan: D(zt)(P, a.value),
+            title: D(ot)(P, a.value, d.i, d.visibleColumns),
+            class: ne(D(pa)(P)),
+            onClick: w[2] || (w[2] = (J) => r(J))
           }, [
-            f.$slots[L.key] && D(tl)(L, a.value) ? z(f.$slots, L.key, {
+            d.$slots[P.key] && D(el)(P, a.value) ? q(d.$slots, P.key, {
               key: 0,
-              value: a.value[L.key],
+              value: a.value[P.key],
               item: a.value,
-              column: L,
-              i: f.i
-            }) : a.value ? (d(), $(ga, {
+              column: P,
+              i: d.i
+            }) : a.value ? (v(), O(ma, {
               key: 1,
               modelValue: a.value,
-              "onUpdate:modelValue": h[1] || (h[1] = (Q) => a.value = Q),
-              column: L,
-              columns: f.visibleColumns,
-              "edit-mode-enabled": f.editModeEnabled,
-              "has-inline-edit-perm": f.hasInlineEditPerm,
-              i: f.i
-            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm", "i"])) : T("", !0)
-          ], 10, pl)) : T("", !0)
+              "onUpdate:modelValue": w[1] || (w[1] = (J) => a.value = J),
+              column: P,
+              columns: d.visibleColumns,
+              "edit-mode-enabled": d.editModeEnabled,
+              "has-inline-edit-perm": d.hasInlineEditPerm,
+              i: d.i
+            }, null, 8, ["modelValue", "column", "columns", "edit-mode-enabled", "has-inline-edit-perm", "i"])) : A("", !0)
+          ], 10, pl)) : A("", !0)
         ], 64))), 256)),
-        f.canDrop && f.editModeEnabled ? (d(), k("td", ml, [
-          Be(ol, {
-            config: f.dropButton,
+        d.canDrop && d.editModeEnabled ? (v(), y("td", ml, [
+          Te(nl, {
+            config: d.dropButton,
             item: a.value,
-            onClick: O
+            onClick: $
           }, null, 8, ["config", "item"])
-        ])) : T("", !0),
-        f.canEdit && f.editModeEnabled ? (d(), k("td", gl, [
-          Be(il, {
-            config: f.editButton,
-            item: a.value,
-            onClick: x
+        ])) : A("", !0),
+        d.canEdit && d.editModeEnabled ? (v(), y("td", gl, [
+          Te(ol, {
+            config: d.editButton,
+            item: a.value
           }, null, 8, ["config", "item"])
-        ])) : T("", !0)
-      ], 10, rl);
+        ])) : A("", !0)
+      ], 10, il);
     };
   }
-}), yl = { "data-role": "hidden-row" }, hl = ["colspan"], kl = ["data-column"], Sl = ["data-i"], wl = ["data-column", "title"], Cl = /* @__PURE__ */ ae({
+}), hl = { "data-role": "hidden-row" }, yl = ["colspan"], kl = ["data-column"], Sl = ["data-i"], Cl = ["data-column", "title"], wl = /* @__PURE__ */ ae({
   __name: "LktHiddenRow",
   props: {
     modelValue: { default: () => ({}) },
@@ -1307,48 +1317,48 @@ const ol = /* @__PURE__ */ ae({
     "click"
   ],
   setup(e, { emit: o }) {
-    const i = o, n = e, l = C(n.modelValue), a = (v) => i("click", v);
-    return H(() => n.modelValue, (v) => l.value = v), H(l, () => i("update:modelValue", l.value)), (v, b) => rt((d(), k("tr", yl, [
-      X("td", { colspan: v.hiddenColumnsColSpan }, [
-        X("table", null, [
-          X("tr", null, [
-            (d(!0), k(q, null, re(v.hiddenColumns, (g) => (d(), k("th", {
+    const i = o, n = e, l = C(n.modelValue), a = (f) => i("click", f);
+    return U(() => n.modelValue, (f) => l.value = f), U(l, () => i("update:modelValue", l.value)), (f, b) => at((v(), y("tr", hl, [
+      Q("td", { colspan: f.hiddenColumnsColSpan }, [
+        Q("table", null, [
+          Q("tr", null, [
+            (v(!0), y(x, null, re(f.hiddenColumns, (g) => (v(), y("th", {
               "data-column": g.key
             }, [
-              X("div", null, Pe(g.label), 1)
+              Q("div", null, je(g.label), 1)
             ], 8, kl))), 256))
           ]),
-          X("tr", { "data-i": v.i }, [
-            (d(!0), k(q, null, re(v.hiddenColumns, (g, p) => (d(), k("td", {
+          Q("tr", { "data-i": f.i }, [
+            (v(!0), y(x, null, re(f.hiddenColumns, (g, p) => (v(), y("td", {
               "data-column": g.key,
-              title: D(at)(g, l.value, p, v.hiddenColumns),
+              title: D(ot)(g, l.value, p, f.hiddenColumns),
               onClick: b[1] || (b[1] = (r) => a(r))
             }, [
-              v.$slots[g.key] ? z(v.$slots, g.key, {
+              f.$slots[g.key] ? q(f.$slots, g.key, {
                 key: 0,
                 value: l.value[g.key],
                 item: l.value,
                 column: g,
                 i: p
-              }) : (d(), $(ga, {
+              }) : (v(), O(ma, {
                 key: 1,
                 column: g,
-                columns: v.hiddenColumns,
+                columns: f.hiddenColumns,
                 modelValue: l.value,
                 "onUpdate:modelValue": b[0] || (b[0] = (r) => l.value = r),
                 i: p,
-                "edit-mode-enabled": v.editModeEnabled,
-                "has-inline-edit-perm": v.hasInlineEditPerm
+                "edit-mode-enabled": f.editModeEnabled,
+                "has-inline-edit-perm": f.hasInlineEditPerm
               }, null, 8, ["column", "columns", "modelValue", "i", "edit-mode-enabled", "has-inline-edit-perm"]))
-            ], 8, wl))), 256))
+            ], 8, Cl))), 256))
           ], 8, Sl)
         ])
-      ], 8, hl)
+      ], 8, yl)
     ], 512)), [
-      [ut, v.hiddenIsVisible]
+      [lt, f.hiddenIsVisible]
     ]);
   }
-}), ta = /* @__PURE__ */ ae({
+}), ea = /* @__PURE__ */ ae({
   __name: "CreateButton",
   props: {
     config: { default: void 0 },
@@ -1360,7 +1370,7 @@ const ol = /* @__PURE__ */ ae({
   ],
   setup(e, { emit: o }) {
     var p;
-    const i = o, n = e, l = u(() => K.createButtonSlot !== ""), a = u(() => K.createButtonSlot), v = {
+    const i = o, n = e, l = u(() => K.createButtonSlot !== ""), a = u(() => K.createButtonSlot), f = {
       ...(p = n.config) == null ? void 0 : p.modalData,
       beforeClose: (r) => {
         "itemCreated" in r && r.itemCreated === !0 && i("append", r.item);
@@ -1368,7 +1378,7 @@ const ol = /* @__PURE__ */ ae({
     }, b = {
       ...n.config
     };
-    b.modalData = v;
+    b.modalData = f;
     const g = () => {
       var r;
       if (!((r = n.config) != null && r.modal)) {
@@ -1376,14 +1386,14 @@ const ol = /* @__PURE__ */ ae({
         return;
       }
     };
-    return (r, E) => {
-      const c = ve("lkt-button");
-      return d(), $(c, fe(b, {
+    return (r, T) => {
+      const c = ke("lkt-button");
+      return v(), O(c, ve(b, {
         disabled: r.disabled,
         onClick: g
       }), {
-        default: U(() => [
-          l.value ? (d(), $(De(a.value), { key: 0 })) : T("", !0)
+        default: z(() => [
+          l.value ? (v(), O(Ee(a.value), { key: 0 })) : A("", !0)
         ]),
         _: 1
       }, 16, ["disabled"]);
@@ -1392,7 +1402,7 @@ const ol = /* @__PURE__ */ ae({
 }), Bl = ["data-column", "data-sortable", "data-sort", "colspan", "title"], Dl = /* @__PURE__ */ ae({
   __name: "TableHeader",
   props: {
-    column: { default: () => new oa() },
+    column: { default: () => new na() },
     sortBy: { default: "" },
     sortDirection: { default: "" },
     amountOfColumns: { default: 0 },
@@ -1402,52 +1412,49 @@ const ol = /* @__PURE__ */ ae({
     "click"
   ],
   setup(e, { emit: o }) {
-    const i = o, n = e, l = u(() => el(n.column, n.amountOfColumns, n.items)), a = u(() => n.column.sortable === !0), v = u(() => a.value && n.sortBy === n.column.key ? n.sortDirection : ""), b = u(() => ra(n.column.label)), g = u(() => a.value && n.sortBy === n.column.key ? n.sortDirection === Oe.Asc ? tt.defaultTableSortAscIcon : n.sortDirection === Oe.Desc ? tt.defaultTableSortDescIcon : "" : ""), p = () => i("click", n.column);
-    return (r, E) => (d(), k("th", {
+    const i = o, n = e, l = u(() => Za(n.column, n.amountOfColumns, n.items)), a = u(() => n.column.sortable === !0), f = u(() => a.value && n.sortBy === n.column.key ? n.sortDirection : ""), b = u(() => ia(n.column.label)), g = u(() => a.value && n.sortBy === n.column.key ? n.sortDirection === Fe.Asc ? ye.defaultTableSortAscIcon : n.sortDirection === Fe.Desc ? ye.defaultTableSortDescIcon : "" : ""), p = () => i("click", n.column);
+    return (r, T) => (v(), y("th", {
       "data-column": r.column.key,
       "data-sortable": a.value,
-      "data-sort": v.value,
+      "data-sort": f.value,
       colspan: l.value,
       title: b.value,
-      class: ne(D(ma)(r.column)),
+      class: ne(D(pa)(r.column)),
       onClick: p
     }, [
-      X("div", null, [
-        Ae(Pe(b.value) + " ", 1),
-        g.value ? (d(), k("i", {
+      Q("div", null, [
+        nt(je(b.value) + " ", 1),
+        g.value ? (v(), y("i", {
           key: 0,
           class: ne(g.value)
-        }, null, 2)) : T("", !0)
+        }, null, 2)) : A("", !0)
       ])
     ], 10, Bl));
   }
-}), Il = ["id"], Tl = {
+}), Il = ["id"], Tl = { class: "lkt-table-page-buttons" }, El = { class: "switch-edition-mode" }, Al = {
   key: 0,
   class: "lkt-table-page-buttons"
-}, El = { class: "switch-edition-mode" }, Al = {
-  key: 1,
-  class: "lkt-table-page-buttons"
 }, Vl = {
-  key: 2,
+  key: 1,
   class: "lkt-table-page-filters"
-}, Nl = { class: "lkt-table" }, Ml = { key: 0 }, Rl = { key: 0 }, _l = {
+}, Rl = { class: "lkt-table" }, Nl = { key: 0 }, Ml = { key: 0 }, Ll = {
   key: 0,
   "data-role": "drag-indicator"
-}, $l = { key: 1 }, Ll = { key: 2 }, Ol = {
+}, _l = { key: 1 }, $l = { key: 2 }, Ol = {
   key: 3,
   class: "lkt-table-col-drop"
 }, Pl = {
   key: 4,
   class: "lkt-table-col-edit"
-}, Fl = ["id"], Ul = ["id"], jl = ["data-i"], zl = ["data-i"], Hl = ["id"], ql = { class: "lkt-carousel-slide" }, xl = { class: "lkt-carousel-slide" }, Gl = {
-  key: 3,
+}, Ul = ["id"], Fl = ["id"], jl = ["data-i"], zl = ["data-i"], Hl = ["id"], ql = { class: "lkt-carousel-slide" }, Gl = { class: "lkt-carousel-slide" }, Xl = {
+  key: 2,
   class: "lkt-table-empty"
-}, Xl = {
-  key: 5,
+}, Yl = {
+  key: 4,
   class: "lkt-table-page-buttons lkt-table-page-buttons-bottom"
-}, Yl = /* @__PURE__ */ ae({
+}, Kl = /* @__PURE__ */ ae({
   __name: "LktTable",
-  props: /* @__PURE__ */ Aa({
+  props: /* @__PURE__ */ Ea({
     modelValue: {},
     type: {},
     columns: {},
@@ -1487,7 +1494,7 @@ const ol = /* @__PURE__ */ ae({
     wrapContentClass: {},
     itemsContainerClass: {},
     createEnabledValidator: { type: Function }
-  }, Na(Ma)),
+  }, Va(Ra)),
   emits: [
     "update:modelValue",
     "update:perms",
@@ -1504,61 +1511,63 @@ const ol = /* @__PURE__ */ ae({
   ],
   setup(e, { expose: o, emit: i }) {
     var Gt, Xt;
-    const n = i, l = na(), a = e, v = {}, b = C(typeof a.sorter == "function" ? a.sorter : Za), g = C(ll(a.columns)), p = C(Oe.Asc), r = C(a.modelValue), E = C(v), c = C(null), S = C(a.columns), A = C((Gt = a.paginator) == null ? void 0 : Gt.modelValue), V = C(a.loading), ye = C(!1), O = C(a.perms), x = C(null), oe = C(null), Ve = C(null), Z = C({}), f = C(new _a({ items: r.value }, a.dataStateConfig)), h = C(a.editMode), P = C(0), L = C(null), Q = C(((Xt = a.carousel) == null ? void 0 : Xt.currentSlide) || 0), _ = C(kt(a.saveButton, tt.defaultSaveButton)), Ie = C(kt(a.createButton, tt.defaultCreateButton)), Bt = C(kt(a.editModeButton, tt.defaultEditModeButton)), Ue = C(kt(a.dropButton, tt.defaultDropButton)), j = C(!1);
-    H(V, (t) => n("update:loading", t)), H(A, (t) => n("page", t));
-    const Dt = (t) => {
-      O.value = t;
-    }, Ne = (t) => {
+    const n = i, l = la(), a = e, f = {}, b = C(typeof a.sorter == "function" ? a.sorter : Qa), g = C(al(a.columns)), p = C(Fe.Asc), r = C(a.modelValue), T = C(f), c = C(null), k = C(a.columns), E = C((Gt = a.paginator) == null ? void 0 : Gt.modelValue), V = C(a.loading), Se = C(!1), $ = C(a.perms), G = C(null), ue = C(null), Ne = C(null), Z = C({}), d = C(new Ma({ items: r.value }, a.dataStateConfig)), w = C(a.editMode), F = C(0), P = C(null), J = C(((Xt = a.carousel) == null ? void 0 : Xt.currentSlide) || 0), _ = C(Ae(a.saveButton, ye.defaultSaveButton)), Ce = C(Ae(a.createButton, ye.defaultCreateButton)), dt = C(Ae(a.editModeButton, ye.defaultEditModeButton)), Me = C(Ae(a.dropButton, ye.defaultDropButton));
+    U(() => a.saveButton, (t) => _.value = Ae(a.saveButton, ye.defaultSaveButton)), U(() => a.createButton, (t) => Ce.value = Ae(a.createButton, ye.defaultCreateButton)), U(() => a.editModeButton, (t) => dt.value = Ae(a.editModeButton, ye.defaultEditModeButton)), U(() => a.dropButton, (t) => Me.value = Ae(a.dropButton, ye.defaultDropButton));
+    const H = C(!1);
+    U(V, (t) => n("update:loading", t)), U(E, (t) => n("page", t));
+    const Bt = (t) => {
+      $.value = t;
+    }, Le = (t) => {
       var m;
-      Array.isArray(t.data) && ((!a.paginator || ![St.LoadMore, St.Infinite].includes((m = a.paginator) == null ? void 0 : m.type)) && r.value.splice(0, r.value.length), r.value = [...r.value, ...t.data]), V.value = !1, ye.value = !0, f.value.store({ items: r.value }).turnStoredIntoOriginal(), j.value = !1, yt(() => {
-        P.value = Te(), lt.value, n("read-response", t);
+      Array.isArray(t.data) && ((!a.paginator || ![St.LoadMore, St.Infinite].includes((m = a.paginator) == null ? void 0 : m.type)) && r.value.splice(0, r.value.length), r.value = [...r.value, ...t.data]), V.value = !1, Se.value = !0, d.value.store({ items: r.value }).turnStoredIntoOriginal(), H.value = !1, yt(() => {
+        F.value = Ve(), it.value, n("read-response", t);
       });
-    }, It = () => yt(() => V.value = !0), pe = () => {
-      x.value.doRefresh();
-    }, ue = Ra(12), Me = u(() => {
+    }, Dt = () => yt(() => V.value = !0), fe = () => {
+      G.value.doRefresh();
+    }, se = Na(12), _e = u(() => {
       if (!a.hideEmptyColumns) return [];
       let t = [];
-      return S.value.forEach((m) => {
-        let R = m.key, W = !1;
+      return k.value.forEach((m) => {
+        let L = m.key, W = !1;
         r.value.forEach((te) => {
           if (typeof te.checkEmpty == "function")
             return te.checkEmpty(te);
-          te[R] && (W = !0);
-        }), W || t.push(R);
+          te[L] && (W = !0);
+        }), W || t.push(L);
       }), t;
-    }), se = u(() => S.value.filter((t) => !t.hidden)), je = u(() => S.value.filter((t) => t.hidden)), dt = u(() => {
-      let t = se.value.length + 1;
+    }), de = u(() => k.value.filter((t) => !t.hidden)), He = u(() => k.value.filter((t) => t.hidden)), ct = u(() => {
+      let t = de.value.length + 1;
       return a.sortable && ++t, t;
-    }), ze = u(() => S.value.filter((t) => t.isForRowKey)), me = u(() => je.value.length > 0 && !a.sortable), He = u(() => S.value.map((t) => t.key)), ie = u(() => {
+    }), qe = u(() => k.value.filter((t) => t.isForRowKey)), pe = u(() => He.value.length > 0 && !a.sortable), Ge = u(() => k.value.map((t) => t.key)), oe = u(() => {
       let t = [];
-      for (let m in l) He.value.indexOf(m) !== -1 && t.push(m);
+      for (let m in l) Ge.value.indexOf(m) !== -1 && t.push(m);
       return t;
-    }), qe = u(() => {
+    }), Xe = u(() => {
       let t = [];
       for (let m in l) m.indexOf("slide-") !== -1 && t.push(m);
       return t;
-    }), xe = u(() => {
+    }), Ye = u(() => {
       var t;
-      return a.hiddenSave || V.value || !((t = _.value) != null && t.resource || _.value.type) ? !1 : h.value && j.value ? !0 : h.value;
-    }), Tt = u(() => bt.value && r.value.length >= a.requiredItemsForTopCreate || Ke.value ? !0 : xe.value || h.value && he.value), lt = u(() => {
+      return a.hiddenSave || V.value || !((t = _.value) != null && t.resource || _.value.type) ? !1 : w.value && H.value ? !0 : w.value;
+    }), It = u(() => ht.value && r.value.length >= a.requiredItemsForTopCreate || xe.value ? !0 : Ye.value || w.value && me.value), it = u(() => {
       var t, m;
-      return P.value, typeof ((t = _.value) == null ? void 0 : t.disabled) == "function" ? _.value.disabled({
+      return F.value, typeof ((t = _.value) == null ? void 0 : t.disabled) == "function" ? _.value.disabled({
         value: r.value,
-        dataState: f.value
-      }) : typeof ((m = _.value) == null ? void 0 : m.disabled) == "boolean" ? _.value.disabled : !j.value;
-    }), ct = u(() => r.value.length), Et = u(() => {
+        dataState: d.value
+      }) : typeof ((m = _.value) == null ? void 0 : m.disabled) == "boolean" ? _.value.disabled : !H.value;
+    }), vt = u(() => r.value.length), Tt = u(() => {
       var t;
       return {
         items: r.value,
         ...(t = _.value) == null ? void 0 : t.resourceData
       };
-    }), vt = u(() => a.titleTag === "" ? "h2" : a.titleTag), ft = u(() => a.wrapContentTag === "" ? "div" : a.wrapContentTag), Re = u(() => ra(a.title)), Ge = u(() => {
+    }), ft = u(() => a.titleTag === "" ? "h2" : a.titleTag), pt = u(() => a.wrapContentTag === "" ? "div" : a.wrapContentTag), $e = u(() => ia(a.title)), Ke = u(() => {
       var t;
       return (t = a.drag) == null ? void 0 : t.enabled;
-    }), he = u(() => O.value.includes(Se.Create)), Xe = u(() => O.value.includes("read")), de = u(() => O.value.includes(Se.Update)), ge = u(() => O.value.includes(Se.Edit)), ke = u(() => O.value.includes(Se.InlineEdit)), _e = u(() => O.value.includes(Se.ModalCreate)), Ye = u(() => O.value.includes(Se.InlineCreate)), pt = u(() => O.value.includes(Se.InlineCreateEver)), be = u(() => O.value.includes(Se.Drop)), $e = u(() => O.value.includes(Se.SwitchEditMode)), Ke = u(() => !$e.value || !de.value && !be.value || !de.value && be.value ? !1 : !V.value), nt = u(() => {
+    }), me = u(() => $.value.includes(Be.Create)), Oe = u(() => $.value.includes("read")), ce = u(() => $.value.includes(Be.Update)), ge = u(() => $.value.includes(Be.Edit)), we = u(() => $.value.includes(Be.InlineEdit)), Pe = u(() => $.value.includes(Be.ModalCreate)), We = u(() => $.value.includes(Be.InlineCreate)), mt = u(() => $.value.includes(Be.InlineCreateEver)), be = u(() => $.value.includes(Be.Drop)), Ue = u(() => $.value.includes(Be.SwitchEditMode)), xe = u(() => !Ue.value || !ce.value && !be.value || !ce.value && be.value ? !1 : !V.value), rt = u(() => {
       var t;
       return (typeof ((t = a.paginator) == null ? void 0 : t.type) < "u" && [St.LoadMore, St.Infinite].includes(a.paginator.type) || !V.value) && r.value.length > 0;
-    }), We = (t) => {
+    }), Je = (t) => {
       let m = t.target;
       if (typeof m.dataset.column > "u")
         do
@@ -1566,34 +1575,34 @@ const ol = /* @__PURE__ */ ae({
         while (typeof m.dataset.column > "u" && m.tagName !== "TABLE" && m.tagName !== "body");
       if (m.tagName === "TD" && (m = m.parentNode, m = m.dataset.i, typeof m < "u"))
         return r.value[m];
-    }, At = (t) => r.value[t], Vt = (t) => {
+    }, Et = (t) => r.value[t], At = (t) => {
       var m;
       return (m = c.value) == null ? void 0 : m.querySelector(`[data-i="${t}"]`);
-    }, mt = (t) => E.value["tr_" + t] === !0, ot = (t) => {
-      t && t.sortable && (r.value = r.value.sort((m, R) => b.value(m, R, t, p.value)), p.value = p.value === Oe.Asc ? Oe.Desc : Oe.Asc, g.value = t.key, P.value = Te(), n("sort", [g.value, p.value]));
-    }, gt = (t) => {
+    }, gt = (t) => T.value["tr_" + t] === !0, ut = (t) => {
+      t && t.sortable && (r.value = r.value.sort((m, L) => b.value(m, L, t, p.value)), p.value = p.value === Fe.Asc ? Fe.Desc : Fe.Asc, g.value = t.key, F.value = Ve(), n("sort", [g.value, p.value]));
+    }, bt = (t) => {
       n("click", t);
-    }, Je = (t, m) => {
-      let R = "tr_" + m;
-      E.value[R] = typeof E.value[R] > "u" ? !0 : !E.value[R];
+    }, Qe = (t, m) => {
+      let L = "tr_" + m;
+      T.value[L] = typeof T.value[L] > "u" ? !0 : !T.value[L];
     }, s = (t) => {
-      var R, W, te, ce, it, M, I, J;
-      let m = parseInt((ce = (te = (W = (R = t == null ? void 0 : t.originalEvent) == null ? void 0 : R.toElement) == null ? void 0 : W.closest("tr")) == null ? void 0 : te.dataset) == null ? void 0 : ce.i);
-      return !(typeof ((it = a.drag) == null ? void 0 : it.isValid) == "function" && !((M = a.drag) != null && M.isValid(r.value[m])) || typeof ((I = a.drag) == null ? void 0 : I.isValid) == "boolean" && !((J = a.drag) != null && J.isValid));
-    }, y = (t) => {
-      var m, R;
-      return typeof ((m = a.drag) == null ? void 0 : m.isDraggable) == "function" ? (R = a.drag) == null ? void 0 : R.isDraggable(t) : !0;
-    }, w = () => {
-      if (he.value) {
+      var L, W, te, ie, N, I, M, he;
+      let m = parseInt((ie = (te = (W = (L = t == null ? void 0 : t.originalEvent) == null ? void 0 : L.toElement) == null ? void 0 : W.closest("tr")) == null ? void 0 : te.dataset) == null ? void 0 : ie.i);
+      return !(typeof ((N = a.drag) == null ? void 0 : N.isValid) == "function" && !((I = a.drag) != null && I.isValid(r.value[m])) || typeof ((M = a.drag) == null ? void 0 : M.isValid) == "boolean" && !((he = a.drag) != null && he.isValid));
+    }, h = (t) => {
+      var m, L;
+      return typeof ((m = a.drag) == null ? void 0 : m.isDraggable) == "function" ? (L = a.drag) == null ? void 0 : L.isDraggable(t) : !0;
+    }, S = () => {
+      if (me.value) {
         n("click-create");
         return;
       }
-      if (pt.value)
+      if (mt.value)
         n("click-create");
       else {
         if (typeof a.newValueGenerator == "function") {
           let t = a.newValueGenerator();
-          if (typeof t == "object" || a.type !== et.Table) {
+          if (typeof t == "object" || a.type !== tt.Table) {
             r.value.push(t);
             return;
           }
@@ -1602,386 +1611,407 @@ const ol = /* @__PURE__ */ ae({
       }
     }, B = (t) => {
       r.value.push(t);
-    }, N = () => V.value = !0, G = () => V.value = !1, le = (t, m) => {
-      var R, W, te;
-      if (!((R = _.value) != null && R.type && [
-        Ot.Split,
-        Ot.SplitEver,
-        Ot.SplitLazy
+    }, R = () => V.value = !0, X = () => V.value = !1, le = (t, m) => {
+      var L, W, te;
+      if (!((L = _.value) != null && L.type && [
+        $t.Split,
+        $t.SplitEver,
+        $t.SplitLazy
       ].includes((W = _.value) == null ? void 0 : W.type))) {
         if (n("before-save"), (te = _.value) != null && te.resource && (V.value = !1, !m.success)) {
           n("error", m.httpStatus);
           return;
         }
-        f.value.turnStoredIntoOriginal(), j.value = !1, n("save", m);
+        d.value.turnStoredIntoOriginal(), H.value = !1, n("save", m);
       }
-    }, ee = (t, m, R) => {
-      if (R >= t.length) {
-        let W = R - t.length + 1;
+    }, ee = (t, m, L) => {
+      if (L >= t.length) {
+        let W = L - t.length + 1;
         for (; W--; ) t.push(void 0);
       }
-      return t.splice(R, 0, t.splice(m, 1)[0]), t;
-    }, Nt = (t) => {
-      ee(r.value, t, t - 1), P.value = Te();
-    }, Mt = (t) => {
-      ee(r.value, t, t + 1), P.value = Te();
-    }, Qe = (t) => {
-      r.value.splice(t, 1), P.value = Te();
-    }, ba = () => {
+      return t.splice(L, 0, t.splice(m, 1)[0]), t;
+    }, Vt = (t) => {
+      ee(r.value, t, t - 1), F.value = Ve();
+    }, Rt = (t) => {
+      ee(r.value, t, t + 1), F.value = Ve();
+    }, Ze = (t) => {
+      r.value.splice(t, 1), F.value = Ve();
+    }, ga = () => {
       var t;
       Z.value && typeof ((t = Z.value) == null ? void 0 : t.destroy) == "function" && (Z.value.destroy(), Z.value = {});
-    }, qt = () => {
-      L.value || (L.value = document.getElementById("lkt-table-body-" + ue)), Z.value = new $a(L.value, {
+    }, Ht = () => {
+      P.value || (P.value = document.getElementById("lkt-table-body-" + se)), Z.value = new La(P.value, {
         direction: "vertical",
         handle: ".handle",
         animation: 150,
         onEnd: function(t) {
-          let m = t.oldIndex, R = t.newIndex;
-          r.value.splice(R, 0, r.value.splice(m, 1)[0]), P.value = Te(), n("drag-end", r.value[R]);
+          let m = t.oldIndex, L = t.newIndex;
+          r.value.splice(L, 0, r.value.splice(m, 1)[0]), F.value = Ve(), n("drag-end", r.value[L]);
         },
         onMove: function(t, m) {
           return s(t);
         }
       });
-    }, Rt = (t, m, R = !1) => {
-      let W = [P.value, ue, "row", m];
-      return R && W.push("hidden"), ze.value.forEach((te) => {
-        let ce = String(t[te.key]).toLowerCase();
-        ce.length > 50 && (ce = ce.substring(0, 50)), ce = ua(ce, " ", "-"), W.push(ce);
+    }, Nt = (t, m, L = !1) => {
+      let W = [F.value, se, "row", m];
+      return L && W.push("hidden"), qe.value.forEach((te) => {
+        let ie = String(t[te.key]).toLowerCase();
+        ie.length > 50 && (ie = ie.substring(0, 50)), ie = ra(ie, " ", "-"), W.push(ie);
       }), W.join("-");
-    }, xt = u(() => typeof a.createEnabledValidator == "function" ? a.createEnabledValidator({ items: r.value }) : !0), bt = u(() => pt.value || he.value && h.value || Ye.value && h.value || _e.value && h.value), ya = u(() => [et.Ol, et.Ul].includes(a.type)), _t = (t, m) => typeof a.itemDisplayChecker == "function" ? a.itemDisplayChecker(t) : !0;
-    zt(() => {
+    }, qt = u(() => typeof a.createEnabledValidator == "function" ? a.createEnabledValidator({ items: r.value }) : !0), ht = u(() => mt.value || me.value && w.value || We.value && w.value || Pe.value && w.value), ba = u(() => [tt.Ol, tt.Ul].includes(a.type)), Mt = (t, m) => typeof a.itemDisplayChecker == "function" ? a.itemDisplayChecker(t) : !0;
+    jt(() => {
       var t;
-      a.initialSorting && ot(nl(a.columns, g.value)), f.value.store({ items: r.value }).turnStoredIntoOriginal(), j.value = !1, (t = a.drag) != null && t.enabled && yt(() => {
-        qt();
+      a.initialSorting && ut(ll(a.columns, g.value)), d.value.store({ items: r.value }).turnStoredIntoOriginal(), H.value = !1, (t = a.drag) != null && t.enabled && yt(() => {
+        Ht();
       });
-    }), H(() => {
+    }), U(() => {
       var t;
       return (t = a.drag) == null ? void 0 : t.enabled;
     }, (t) => {
-      t ? qt() : ba();
-    }), H(() => a.perms, (t) => O.value = t), H(O, (t) => n("update:perms", t)), H(() => a.editMode, (t) => h.value = t), H(() => a.columns, (t) => S.value = t, { deep: !0 }), H(() => a.modelValue, (t) => {
+      t ? Ht() : ga();
+    }), U(() => a.perms, (t) => $.value = t), U($, (t) => n("update:perms", t)), U(() => a.editMode, (t) => w.value = t), U(() => a.columns, (t) => k.value = t, { deep: !0 }), U(() => a.modelValue, (t) => {
       r.value = t;
-    }, { deep: !0 }), H(r, (t) => {
-      f.value.increment({ items: t }), j.value = f.value.changed(), n("update:modelValue", t);
+    }, { deep: !0 }), U(r, (t) => {
+      d.value.increment({ items: t }), H.value = d.value.changed(), n("update:modelValue", t);
     }, { deep: !0 }), o({
-      getItemByEvent: We,
-      getItemByIndex: At,
-      getRowByIndex: Vt,
-      doRefresh: pe,
+      getItemByEvent: Je,
+      getItemByIndex: Et,
+      getRowByIndex: At,
+      doRefresh: fe,
       doRemoveIndex: (t) => {
-        r.value.splice(t, 1), P.value = Te();
+        r.value.splice(t, 1), F.value = Ve();
       },
-      getHtml: () => oe.value,
+      getHtml: () => ue.value,
       turnStoredIntoOriginal: () => {
-        f.value.turnStoredIntoOriginal(), yt(() => {
-          P.value = Te();
+        d.value.turnStoredIntoOriginal(), yt(() => {
+          F.value = Ve();
         });
       }
     });
-    const ha = u(() => typeof K.defaultEmptySlot < "u"), ka = u(() => K.defaultEmptySlot), Sa = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled ? !1 : typeof a.drag.canRender > "u" ? !0 : a.drag.canRender), wa = u(() => !a.drag || Object.keys(a.drag).length === 0 || !a.drag.enabled || typeof a.drag.isDisabled > "u" ? !1 : a.drag.isDisabled);
+    const ha = u(() => typeof K.defaultEmptySlot < "u"), ya = u(() => K.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);
     return (t, m) => {
-      const R = ve("lkt-button"), W = ve("lkt-field"), te = ve("lkt-loader"), ce = ve("lkt-paginator");
-      return d(), k("section", {
+      const L = ke("lkt-button"), W = ke("lkt-loader"), te = ke("lkt-paginator");
+      return v(), y("section", {
         ref_key: "element",
-        ref: oe,
+        ref: ue,
         class: "lkt-table-page",
-        id: "lkt-table-page-" + D(ue)
+        id: "lkt-table-page-" + D(se)
       }, [
-        Re.value || D(l).title ? (d(), k("header", {
+        $e.value || D(l).title ? (v(), y("header", {
           key: 0,
           class: ne(t.headerClass)
         }, [
-          Re.value ? (d(), $(De(vt.value), { key: 0 }, {
-            default: U(() => [
-              t.titleIcon ? (d(), k("i", {
+          $e.value ? (v(), O(Ee(ft.value), { key: 0 }, {
+            default: z(() => [
+              t.titleIcon ? (v(), y("i", {
                 key: 0,
                 class: ne(t.titleIcon)
-              }, null, 2)) : T("", !0),
-              Ae(" " + Pe(Re.value), 1)
+              }, null, 2)) : A("", !0),
+              nt(" " + je($e.value), 1)
             ]),
             _: 1
-          })) : T("", !0),
-          D(l).title ? z(t.$slots, "title", { key: 1 }) : T("", !0)
-        ], 2)) : T("", !0),
-        (d(), $(De(ft.value), {
+          })) : A("", !0),
+          D(l).title ? q(t.$slots, "title", { key: 1 }) : A("", !0)
+        ], 2)) : A("", !0),
+        (v(), O(Ee(pt.value), {
           class: ne(["lkt-table-page-content-wrapper", t.wrapContentClass])
         }, {
-          default: U(() => {
-            var it;
+          default: z(() => {
+            var ie;
             return [
-              Tt.value ? (d(), k("div", Tl, [
-                rt(Be(R, fe({
+              at(Q("div", Tl, [
+                at(Te(L, ve({
                   class: "lkt-table--save-button",
                   ref_key: "saveButtonRef",
-                  ref: Ve
-                }, _.value, {
-                  disabled: lt.value,
-                  "modal-data": Et.value,
-                  onLoading: N,
-                  onLoaded: G,
+                  ref: Ne
+                }, {
+                  ..._.value,
+                  disabled: it.value,
+                  resourceData: Tt.value
+                }, {
+                  onLoading: R,
+                  onLoaded: X,
                   onClick: le
                 }), {
-                  split: U(({ doClose: M, doRootClick: I }) => [
-                    z(t.$slots, "button-save-split", {
-                      doClose: M,
+                  split: z(({ doClose: N, doRootClick: I }) => [
+                    q(t.$slots, "button-save-split", {
+                      doClose: N,
                       doRootClick: I,
-                      dataState: f.value,
-                      onButtonLoading: N,
-                      onButtonLoaded: G
+                      dataState: d.value,
+                      onButtonLoading: R,
+                      onButtonLoaded: X
                     })
                   ]),
-                  default: U(() => [
-                    D(l)["button-save"] ? z(t.$slots, "button-save", {
+                  default: z(() => [
+                    D(l)["button-save"] ? q(t.$slots, "button-save", {
                       key: 0,
                       items: r.value,
                       editMode: t.editMode,
-                      canUpdate: !lt.value
-                    }) : T("", !0)
+                      canUpdate: !it.value
+                    }) : A("", !0)
                   ]),
                   _: 3
-                }, 16, ["disabled", "modal-data"]), [
-                  [ut, xe.value]
+                }, 16), [
+                  [lt, Ye.value]
                 ]),
-                bt.value && r.value.length >= t.requiredItemsForTopCreate ? (d(), $(ta, {
+                ht.value && r.value.length >= t.requiredItemsForTopCreate ? (v(), O(ea, {
                   key: 0,
-                  config: Ie.value,
-                  disabled: !xt.value,
-                  onClick: w,
+                  config: Ce.value,
+                  disabled: !qt.value,
+                  onClick: S,
                   onAppend: B
-                }, null, 8, ["config", "disabled"])) : T("", !0),
-                X("div", El, [
-                  rt(Be(W, fe(Bt.value, {
-                    modelValue: h.value,
-                    "onUpdate:modelValue": m[0] || (m[0] = (M) => h.value = M)
-                  }), null, 16, ["modelValue"]), [
-                    [ut, Ke.value]
+                }, null, 8, ["config", "disabled"])) : A("", !0),
+                Q("div", El, [
+                  at(Te(L, ve(dt.value, {
+                    checked: w.value,
+                    "onUpdate:checked": m[0] || (m[0] = (N) => w.value = N)
+                  }), null, 16, ["checked"]), [
+                    [lt, xe.value]
                   ])
                 ])
-              ])) : T("", !0),
-              D(l).buttons ? (d(), k("div", Al, [
-                z(t.$slots, "buttons")
-              ])) : T("", !0),
-              ye.value && D(l).filters ? (d(), k("div", Vl, [
-                z(t.$slots, "filters", {
+              ], 512), [
+                [lt, It.value]
+              ]),
+              D(l).buttons ? (v(), y("div", Al, [
+                q(t.$slots, "buttons")
+              ])) : A("", !0),
+              Se.value && D(l).filters ? (v(), y("div", Vl, [
+                q(t.$slots, "filters", {
                   items: r.value,
                   isLoading: V.value
                 })
-              ])) : T("", !0),
-              rt(X("div", Nl, [
-                t.type === D(et).Table ? (d(), k("table", Ml, [
-                  t.hideTableHeader ? T("", !0) : (d(), k("thead", Rl, [
-                    X("tr", null, [
-                      Ge.value && h.value ? (d(), k("th", _l)) : T("", !0),
-                      t.addNavigation && h.value ? (d(), k("th", $l)) : T("", !0),
-                      me.value ? (d(), k("th", Ll)) : T("", !0),
-                      (d(!0), k(q, null, re(se.value, (M) => (d(), k(q, null, [
-                        Me.value.indexOf(M.key) === -1 ? (d(), $(Dl, {
+              ])) : A("", !0),
+              at(Q("div", Rl, [
+                t.type === D(tt).Table ? (v(), y("table", Nl, [
+                  t.hideTableHeader ? A("", !0) : (v(), y("thead", Ml, [
+                    Q("tr", null, [
+                      Ke.value && w.value ? (v(), y("th", Ll)) : A("", !0),
+                      t.addNavigation && w.value ? (v(), y("th", _l)) : A("", !0),
+                      pe.value ? (v(), y("th", $l)) : A("", !0),
+                      (v(!0), y(x, null, re(de.value, (N) => (v(), y(x, null, [
+                        _e.value.indexOf(N.key) === -1 ? (v(), O(Dl, {
                           key: 0,
-                          column: M,
+                          column: N,
                           "sort-by": g.value,
                           "sort-direction": p.value,
                           "amount-of-columns": t.columns.length,
                           items: r.value,
-                          onClick: (I) => ot(M)
-                        }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : T("", !0)
+                          onClick: (I) => ut(N)
+                        }, null, 8, ["column", "sort-by", "sort-direction", "amount-of-columns", "items", "onClick"])) : A("", !0)
                       ], 64))), 256)),
-                      be.value && h.value ? (d(), k("th", Ol)) : T("", !0),
-                      ge.value && de.value && h.value ? (d(), k("th", Pl)) : T("", !0)
+                      be.value && w.value ? (v(), y("th", Ol)) : A("", !0),
+                      ge.value && ce.value && w.value ? (v(), y("th", Pl)) : A("", !0)
                     ])
                   ])),
-                  X("tbody", {
+                  Q("tbody", {
                     ref_key: "tableBody",
                     ref: c,
-                    id: "lkt-table-body-" + D(ue),
+                    id: "lkt-table-body-" + D(se),
                     class: ne(t.itemsContainerClass)
                   }, [
-                    (d(!0), k(q, null, re(r.value, (M, I) => rt((d(), $(bl, {
+                    (v(!0), y(x, null, re(r.value, (N, I) => at((v(), O(bl, {
                       modelValue: r.value[I],
-                      "onUpdate:modelValue": (J) => r.value[I] = J,
-                      key: Rt(M, I),
+                      "onUpdate:modelValue": (M) => r.value[I] = M,
+                      key: Nt(N, I),
                       i: I,
-                      "drop-button": Ue.value,
+                      "drop-button": Me.value,
                       "edit-button": t.editButton,
-                      "display-hidden-columns-indicator": me.value,
-                      "is-draggable": y(M),
-                      sortable: Ge.value,
-                      "visible-columns": se.value,
-                      "empty-columns": Me.value,
+                      "display-hidden-columns-indicator": pe.value,
+                      "is-draggable": h(N),
+                      sortable: Ke.value,
+                      "visible-columns": de.value,
+                      "empty-columns": _e.value,
                       "add-navigation": t.addNavigation,
-                      "hidden-is-visible": mt(I),
-                      "latest-row": I + 1 === ct.value,
-                      "can-drop": be.value && h.value,
-                      "can-edit": ge.value && de.value && h.value,
-                      "edit-mode-enabled": h.value,
-                      "has-inline-edit-perm": ke.value,
+                      "hidden-is-visible": gt(I),
+                      "latest-row": I + 1 === vt.value,
+                      "can-drop": be.value && w.value,
+                      "can-edit": ge.value && ce.value && w.value,
+                      "can-read": Oe.value,
+                      "can-create": me.value,
+                      "edit-mode-enabled": w.value,
+                      "has-inline-edit-perm": we.value,
                       "row-display-type": t.rowDisplayType,
-                      "render-drag": Sa.value,
-                      "disabled-drag": wa.value,
-                      onClick: gt,
-                      onShow: Je,
-                      onItemUp: Nt,
-                      onItemDown: Mt,
-                      onItemDrop: Qe
+                      "render-drag": ka.value,
+                      "disabled-drag": Sa.value,
+                      "is-loading": V.value,
+                      onClick: bt,
+                      onShow: Qe,
+                      onItemUp: Vt,
+                      onItemDown: Rt,
+                      onItemDrop: Ze
                     }, Yt({ _: 2 }, [
                       D(l)[`item-${I}`] ? {
                         name: `item-${I}`,
-                        fn: U((J) => [
-                          z(t.$slots, `item-${I}`, Ee({
-                            [t.slotItemVar || ""]: J.item,
-                            index: I
+                        fn: z((M) => [
+                          q(t.$slots, `item-${I}`, Re({
+                            [t.slotItemVar || ""]: M.item,
+                            index: I,
+                            editing: M.editing,
+                            canCreate: M.canCreate,
+                            canRead: M.canRead,
+                            canUpdate: M.canUpdate,
+                            canDrop: M.canDrop,
+                            isLoading: M.isLoading,
+                            doDrop: M.doDrop
                           }))
                         ]),
                         key: "0"
                       } : D(l).item ? {
                         name: "item",
-                        fn: U((J) => [
-                          z(t.$slots, "item", Ee({
-                            [t.slotItemVar || ""]: J.item,
-                            index: I
+                        fn: z((M) => [
+                          q(t.$slots, "item", Re({
+                            [t.slotItemVar || ""]: M.item,
+                            index: I,
+                            editing: M.editing,
+                            canCreate: M.canCreate,
+                            canRead: M.canRead,
+                            canUpdate: M.canUpdate,
+                            canDrop: M.canDrop,
+                            isLoading: M.isLoading,
+                            doDrop: M.doDrop
                           }))
                         ]),
                         key: "1"
                       } : void 0,
-                      re(ie.value, (J) => ({
-                        name: J,
-                        fn: U((Le) => [
-                          z(t.$slots, J, Ee({
-                            [t.slotItemVar || ""]: Le.item,
-                            value: Le.value,
-                            column: Le.column
+                      re(oe.value, (M) => ({
+                        name: M,
+                        fn: z((he) => [
+                          q(t.$slots, M, Re({
+                            [t.slotItemVar || ""]: he.item,
+                            value: he.value,
+                            column: he.column
                           }))
                         ])
                       }))
-                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "drop-button", "edit-button", "display-hidden-columns-indicator", "is-draggable", "sortable", "visible-columns", "empty-columns", "add-navigation", "hidden-is-visible", "latest-row", "can-drop", "can-edit", "edit-mode-enabled", "has-inline-edit-perm", "row-display-type", "render-drag", "disabled-drag"])), [
-                      [ut, _t(r.value[I])]
+                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "drop-button", "edit-button", "display-hidden-columns-indicator", "is-draggable", "sortable", "visible-columns", "empty-columns", "add-navigation", "hidden-is-visible", "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"])), [
+                      [lt, Mt(r.value[I])]
                     ])), 128)),
-                    je.value.length > 0 ? (d(!0), k(q, { key: 0 }, re(r.value, (M, I) => (d(), $(Cl, {
+                    He.value.length > 0 ? (v(!0), y(x, { key: 0 }, re(r.value, (N, I) => (v(), O(wl, {
                       modelValue: r.value[I],
-                      "onUpdate:modelValue": (J) => r.value[I] = J,
-                      key: Rt(M, I, !0),
+                      "onUpdate:modelValue": (M) => r.value[I] = M,
+                      key: Nt(N, I, !0),
                       i: I,
-                      "hidden-columns": je.value,
-                      "hidden-columns-col-span": dt.value,
-                      "is-draggable": y(M),
-                      sortable: Ge.value,
-                      "visible-columns": se.value,
-                      "empty-columns": Me.value,
-                      "hidden-is-visible": mt(I),
-                      "edit-mode-enabled": h.value,
-                      "has-inline-edit-perm": ke.value,
-                      onClick: gt,
-                      onShow: Je
+                      "hidden-columns": He.value,
+                      "hidden-columns-col-span": ct.value,
+                      "is-draggable": h(N),
+                      sortable: Ke.value,
+                      "visible-columns": de.value,
+                      "empty-columns": _e.value,
+                      "hidden-is-visible": gt(I),
+                      "edit-mode-enabled": w.value,
+                      "has-inline-edit-perm": we.value,
+                      onClick: bt,
+                      onShow: Qe
                     }, Yt({ _: 2 }, [
-                      re(ie.value, (J) => ({
-                        name: J,
-                        fn: U((Le) => [
-                          z(t.$slots, J, Ee({
-                            [t.slotItemVar || ""]: Le.item,
-                            value: Le.value,
-                            column: Le.column
+                      re(oe.value, (M) => ({
+                        name: M,
+                        fn: z((he) => [
+                          q(t.$slots, M, Re({
+                            [t.slotItemVar || ""]: he.item,
+                            value: he.value,
+                            column: he.column
                           }))
                         ])
                       }))
-                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible", "edit-mode-enabled", "has-inline-edit-perm"]))), 128)) : T("", !0)
-                  ], 10, Fl)
-                ])) : t.type === D(et).Item ? (d(), k("div", {
+                    ]), 1032, ["modelValue", "onUpdate:modelValue", "i", "hidden-columns", "hidden-columns-col-span", "is-draggable", "sortable", "visible-columns", "empty-columns", "hidden-is-visible", "edit-mode-enabled", "has-inline-edit-perm"]))), 128)) : A("", !0)
+                  ], 10, Ul)
+                ])) : t.type === D(tt).Item ? (v(), y("div", {
                   key: 1,
                   ref_key: "tableBody",
                   ref: c,
-                  id: "lkt-table-body-" + D(ue),
+                  id: "lkt-table-body-" + D(se),
                   class: ne(["lkt-table-items-container", t.itemsContainerClass])
                 }, [
-                  (d(!0), k(q, null, re(r.value, (M, I) => (d(), k(q, null, [
-                    _t(M) ? (d(), k("div", {
+                  (v(!0), y(x, null, re(r.value, (N, I) => (v(), y(x, null, [
+                    Mt(N) ? (v(), y("div", {
                       class: "lkt-table-item",
                       "data-i": I,
-                      key: Rt(M, I)
+                      key: Nt(N, I)
                     }, [
-                      z(t.$slots, "item", Ee({
-                        [t.slotItemVar || ""]: M,
+                      q(t.$slots, "item", Re({
+                        [t.slotItemVar || ""]: N,
                         index: I,
-                        editing: h.value,
-                        canCreate: he.value,
-                        canRead: Xe.value,
-                        canUpdate: de.value,
+                        editing: w.value,
+                        canCreate: me.value,
+                        canRead: Oe.value,
+                        canUpdate: ce.value,
                         canDrop: be.value,
                         isLoading: V.value,
-                        doDrop: () => Qe(I)
+                        doDrop: () => Ze(I)
                       }))
-                    ], 8, jl)) : T("", !0)
+                    ], 8, jl)) : A("", !0)
                   ], 64))), 256))
-                ], 10, Ul)) : ya.value ? (d(), $(De(t.type), {
+                ], 10, Fl)) : ba.value ? (v(), O(Ee(t.type), {
                   key: 2,
                   class: ne(["lkt-table-items-container", t.itemsContainerClass])
                 }, {
-                  default: U(() => [
-                    (d(!0), k(q, null, re(r.value, (M, I) => (d(), k(q, null, [
-                      _t(M) ? (d(), k("li", {
+                  default: z(() => [
+                    (v(!0), y(x, null, re(r.value, (N, I) => (v(), y(x, null, [
+                      Mt(N) ? (v(), y("li", {
                         key: 0,
                         class: "lkt-table-item",
                         "data-i": I
                       }, [
-                        z(t.$slots, "item", Ee({
-                          [t.slotItemVar || ""]: M,
+                        q(t.$slots, "item", Re({
+                          [t.slotItemVar || ""]: N,
                           index: I,
-                          editing: h.value,
-                          canCreate: he.value,
-                          canRead: Xe.value,
-                          canUpdate: de.value,
+                          editing: w.value,
+                          canCreate: me.value,
+                          canRead: Oe.value,
+                          canUpdate: ce.value,
                           canDrop: be.value,
                           isLoading: V.value,
-                          doDrop: () => Qe(I)
+                          doDrop: () => Ze(I)
                         }))
-                      ], 8, zl)) : T("", !0)
+                      ], 8, zl)) : A("", !0)
                     ], 64))), 256))
                   ]),
                   _: 3
-                }, 8, ["class"])) : t.type === D(et).Carousel ? (d(), k("div", {
+                }, 8, ["class"])) : t.type === D(tt).Carousel ? (v(), y("div", {
                   key: 3,
                   ref_key: "tableBody",
                   ref: c,
-                  id: "lkt-table-body-" + D(ue),
+                  id: "lkt-table-body-" + D(se),
                   class: ne(["lkt-table-items-container", t.itemsContainerClass])
                 }, [
-                  Be(D(Ya), fe({
-                    modelValue: Q.value,
-                    "onUpdate:modelValue": m[1] || (m[1] = (M) => Q.value = M)
+                  Te(D(Ya), ve({
+                    modelValue: J.value,
+                    "onUpdate:modelValue": m[1] || (m[1] = (N) => J.value = N)
                   }, t.carousel, {
-                    "wrap-around": ((it = t.carousel) == null ? void 0 : it.infinite) === !0
+                    "wrap-around": ((ie = t.carousel) == null ? void 0 : ie.infinite) === !0
                   }), {
-                    addons: U(() => [
-                      Be(D(Ja)),
-                      Be(D(Qa))
+                    addons: z(() => [
+                      Te(D(xa)),
+                      Te(D(Ja))
                     ]),
-                    default: U(() => [
-                      (d(!0), k(q, null, re(qe.value, (M, I) => (d(), $(D(ea), {
-                        key: M,
+                    default: z(() => [
+                      (v(!0), y(x, null, re(Xe.value, (N, I) => (v(), O(D(Zt), {
+                        key: N,
                         index: I
                       }, {
-                        default: U(() => [
-                          X("div", ql, [
-                            z(t.$slots, M)
+                        default: z(() => [
+                          Q("div", ql, [
+                            q(t.$slots, N)
                           ])
                         ]),
                         _: 2
                       }, 1032, ["index"]))), 128)),
-                      (d(!0), k(q, null, re(r.value, (M, I) => (d(), $(D(ea), {
+                      (v(!0), y(x, null, re(r.value, (N, I) => (v(), O(D(Zt), {
                         key: t.slide,
                         index: I
                       }, {
-                        default: U(() => [
-                          X("div", xl, [
-                            z(t.$slots, "item", Ee({
-                              [t.slotItemVar || ""]: M,
+                        default: z(() => [
+                          Q("div", Gl, [
+                            q(t.$slots, "item", Re({
+                              [t.slotItemVar || ""]: N,
                               index: I,
-                              editing: h.value,
-                              canCreate: he.value,
-                              canRead: Xe.value,
-                              canUpdate: de.value,
+                              editing: w.value,
+                              canCreate: me.value,
+                              canRead: Oe.value,
+                              canUpdate: ce.value,
                               canDrop: be.value,
                               isLoading: V.value,
-                              doDrop: () => Qe(I)
+                              doDrop: () => Ze(I)
                             }))
                           ])
                         ]),
@@ -1990,40 +2020,40 @@ const ol = /* @__PURE__ */ ae({
                     ]),
                     _: 3
                   }, 16, ["modelValue", "wrap-around"])
-                ], 10, Hl)) : T("", !0)
+                ], 10, Hl)) : A("", !0)
               ], 512), [
-                [ut, nt.value]
+                [lt, rt.value]
               ]),
-              !V.value && r.value.length === 0 ? (d(), k("div", Gl, [
-                D(l).empty ? z(t.$slots, "empty", { key: 0 }) : ha.value ? (d(), $(De(ka.value), {
+              !V.value && r.value.length === 0 ? (v(), y("div", Xl, [
+                D(l).empty ? q(t.$slots, "empty", { key: 0 }) : ha.value ? (v(), O(Ee(ya.value), {
                   key: 1,
                   message: t.noResultsText
-                }, null, 8, ["message"])) : t.noResultsText ? (d(), k(q, { key: 2 }, [
-                  Ae(Pe(t.noResultsText), 1)
-                ], 64)) : T("", !0)
-              ])) : T("", !0),
-              V.value ? (d(), $(te, { key: 4 })) : T("", !0),
-              bt.value || D(l).bottomButtons ? (d(), k("div", Xl, [
-                bt.value && r.value.length >= t.requiredItemsForBottomCreate ? (d(), $(ta, {
+                }, null, 8, ["message"])) : t.noResultsText ? (v(), y(x, { key: 2 }, [
+                  nt(je(t.noResultsText), 1)
+                ], 64)) : A("", !0)
+              ])) : A("", !0),
+              V.value ? (v(), O(W, { key: 3 })) : A("", !0),
+              ht.value || D(l).bottomButtons ? (v(), y("div", Yl, [
+                ht.value && r.value.length >= t.requiredItemsForBottomCreate ? (v(), O(ea, {
                   key: 0,
-                  config: Ie.value,
-                  disabled: !xt.value,
-                  onClick: w,
+                  config: Ce.value,
+                  disabled: !qt.value,
+                  onClick: S,
                   onAppend: B
-                }, null, 8, ["config", "disabled"])) : T("", !0),
-                z(t.$slots, "bottom-buttons")
-              ])) : T("", !0),
-              t.paginator && Object.keys(t.paginator).length > 0 ? (d(), $(ce, fe({
-                key: 6,
+                }, null, 8, ["config", "disabled"])) : A("", !0),
+                q(t.$slots, "bottom-buttons")
+              ])) : A("", !0),
+              t.paginator && Object.keys(t.paginator).length > 0 ? (v(), O(te, ve({
+                key: 5,
                 ref_key: "paginatorRef",
-                ref: x
+                ref: G
               }, t.paginator, {
-                modelValue: A.value,
-                "onUpdate:modelValue": m[2] || (m[2] = (M) => A.value = M),
-                onLoading: It,
-                onPerms: Dt,
-                onResponse: Ne
-              }), null, 16, ["modelValue"])) : T("", !0)
+                modelValue: E.value,
+                "onUpdate:modelValue": m[2] || (m[2] = (N) => E.value = N),
+                onLoading: Dt,
+                onPerms: Bt,
+                onResponse: Le
+              }), null, 16, ["modelValue"])) : A("", !0)
             ];
           }),
           _: 3
@@ -2033,7 +2063,7 @@ const ol = /* @__PURE__ */ ae({
   }
 }), an = {
   install: (e) => {
-    e.component("lkt-table") === void 0 && e.component("lkt-table", Yl);
+    e.component("lkt-table") === void 0 && e.component("lkt-table", Kl);
   }
 }, ln = (e) => (K.navButtonSlot = e, !0), nn = (e) => (K.dropButtonSlot = e, !0), on = (e) => (K.createButtonSlot = e, !0), rn = (e) => {
   K.defaultEmptySlot = e;