lkt-table 2.0.21 → 2.0.22

package/dist/build.js

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