@kong/kongponents 9.29.6 → 9.29.7

package/dist/kongponents.es.js

@@ -1,7 +1,7 @@
 var Ug = Object.defineProperty;
 var Vg = (e, t, a) => t in e ? Ug(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var Ya = (e, t, a) => Vg(e, typeof t != "symbol" ? t + "" : t, a);
-import { defineComponent as le, renderSlot as Q, reactive as Dr, ref as P, computed as y, createBlock as X, openBlock as h, resolveDynamicComponent as ze, normalizeStyle as Oe, withCtx as B, createElementBlock as D, normalizeClass as ce, createCommentVNode as G, createElementVNode as K, unref as I, toDisplayString as ie, withKeys as ft, withModifiers as Ke, shallowRef as Lv, watch as fe, getCurrentScope as Bv, onScopeDispose as Rv, shallowReadonly as Un, useSlots as It, useAttrs as Vt, onMounted as st, mergeProps as Ye, toHandlers as cl, getCurrentInstance as Fv, onUnmounted as Kt, isReadonly as Kg, toRefs as zv, watchEffect as Ws, Teleport as jg, toValue as sn, useId as Dt, onBeforeUnmount as fl, createVNode as Z, createTextVNode as me, Transition as ia, withDirectives as dn, vShow as pr, useCssVars as Ft, nextTick as gt, Fragment as Ae, renderList as Re, createSlots as yt, isVNode as Yv, useTemplateRef as Mt, normalizeProps as lr, inject as fi, toRef as ho, provide as vi, guardReactiveProps as ys, isRef as Xn, resolveComponent as _t, resolveDirective as Gg, Comment as Qg, cloneVNode as Zg, onBeforeMount as Xg, TransitionGroup as Jg, render as Wu, h as Uu, warn as em } from "vue";
+import { defineComponent as le, renderSlot as Q, reactive as Dr, ref as P, computed as y, createBlock as X, openBlock as h, resolveDynamicComponent as ze, normalizeStyle as Oe, withCtx as B, createElementBlock as D, normalizeClass as ue, createCommentVNode as G, createElementVNode as K, unref as I, toDisplayString as ie, withKeys as ft, withModifiers as Ke, shallowRef as Lv, watch as fe, getCurrentScope as Bv, onScopeDispose as Rv, shallowReadonly as Un, useSlots as It, useAttrs as Vt, onMounted as st, mergeProps as Ue, toHandlers as cl, getCurrentInstance as Fv, onUnmounted as Kt, isReadonly as Kg, toRefs as zv, watchEffect as Ws, Teleport as jg, toValue as sn, useId as Dt, onBeforeUnmount as fl, createVNode as Z, createTextVNode as me, Transition as ia, withDirectives as dn, vShow as pr, useCssVars as Ft, nextTick as gt, Fragment as Ae, renderList as Re, createSlots as yt, isVNode as Yv, useTemplateRef as Mt, normalizeProps as lr, inject as fi, toRef as ho, provide as vi, guardReactiveProps as ys, isRef as Xn, resolveComponent as _t, resolveDirective as Gg, Comment as Qg, cloneVNode as Zg, onBeforeMount as Xg, TransitionGroup as Jg, render as Wu, h as Uu, warn as em } from "vue";
 async function _v(e) {
   var n, r;
   if (navigator.clipboard)
@@ -3645,7 +3645,7 @@ const Uv = {
       }
     });
     return (r, i) => (h(), D("div", {
-      class: ce(["k-alert", [r.appearance]])
+      class: ue(["k-alert", [r.appearance]])
     }, [
       r.showIcon || r.$slots.icon ? (h(), D("div", v1, [
         Q(r.$slots, "icon", {}, () => [
@@ -4745,7 +4745,7 @@ const iy = {
     });
     return st(() => {
       t.icon && console.warn("KButton: `icon` slot is deprecated. Please slot an icon into the `default` slot instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kbutton");
-    }), (o, c) => (h(), X(ze(n.value), Ye({
+    }), (o, c) => (h(), X(ze(n.value), Ue({
       class: ["k-button", [i.value, r.value, { "icon-button": o.icon === !0 || !t.default && t.icon }]],
       disabled: o.disabled ? o.disabled : void 0,
       tabindex: o.disabled && n.value !== "button" ? "-1" : void 0,
@@ -4758,7 +4758,7 @@ const iy = {
       _: 3
     }, 16, ["class", "disabled", "tabindex", "type"]));
   }
-}), lt = /* @__PURE__ */ Ee(oy, [["__scopeId", "data-v-3ba3c07b"]]);
+}), it = /* @__PURE__ */ Ee(oy, [["__scopeId", "data-v-3ba3c07b"]]);
 var Ll = /* @__PURE__ */ new WeakMap(), Od = 0;
 function ly(e) {
   if (!e.length)
@@ -5559,7 +5559,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
           class: "popover-trigger-wrapper"
         }, [
           Q(x.$slots, "default", {}, () => [
-            Z(lt, {
+            Z(it, {
               "aria-controls": I(l),
               "data-testid": "popover-button"
             }, {
@@ -5582,7 +5582,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                   ref_key: "popoverElement",
                   ref: c,
                   "aria-labelledby": r.title || x.title ? I(u) : void 0,
-                  class: ce(["popover", E.value]),
+                  class: ue(["popover", E.value]),
                   role: "dialog",
                   style: Oe(q.value),
                   "x-placement": I(T)
@@ -5610,7 +5610,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                       r.title || x.title ? (h(), D("div", {
                         key: 0,
                         id: I(u),
-                        class: ce(["popover-title", { "close-icon-spacing": !x.hideCloseIcon }])
+                        class: ue(["popover-title", { "close-icon-spacing": !x.hideCloseIcon }])
                       }, [
                         Q(x.$slots, "title", {}, () => [
                           me(ie(x.title), 1)
@@ -5618,7 +5618,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                       ], 10, Py)) : G("", !0)
                     ])) : G("", !0),
                     K("div", {
-                      class: ce(["popover-content", { "close-icon-spacing": !x.hideCloseIcon && !(r.title || x.title) }])
+                      class: ue(["popover-content", { "close-icon-spacing": !x.hideCloseIcon && !(r.title || x.title) }])
                     }, [
                       Q(x.$slots, "content", {}, void 0, !0)
                     ], 2),
@@ -5653,7 +5653,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
   },
   setup(e) {
     const t = It(), a = y(() => !!e.text || !!e.label || !!t.content), n = Dt();
-    return (r, i) => a.value ? (h(), X(Tr, Ye({
+    return (r, i) => a.value ? (h(), X(Tr, Ue({
       key: 0,
       "hide-caret": "",
       "hide-close-icon": "",
@@ -5704,14 +5704,14 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
     return st(() => {
       l();
     }), (s, o) => (h(), D("div", {
-      class: ce(["k-badge", [s.appearance, { method: a.value }]])
+      class: ue(["k-badge", [s.appearance, { method: a.value }]])
     }, [
       Z(va, {
         text: u.value ? s.tooltip : void 0
       }, {
         default: B(() => [
           K("div", {
-            class: ce(["badge-content", { "icon-after": !s.iconBefore }]),
+            class: ue(["badge-content", { "icon-after": !s.iconBefore }]),
             tabindex: u.value ? 0 : void 0
           }, [
             s.$slots.icon ? Q(s.$slots, "icon", { key: 0 }, void 0, !0) : G("", !0),
@@ -5763,12 +5763,12 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
         }
       };
     }, n = (r, i) => r.key || `breadcrumb-${i}`;
-    return (r, i) => (h(), D("ul", Ye({ class: "k-breadcrumbs" }, r.$attrs), [
+    return (r, i) => (h(), D("ul", Ue({ class: "k-breadcrumbs" }, r.$attrs), [
       (h(!0), D(Ae, null, Re(r.items, (l, u) => (h(), D("li", {
         key: n(l, u),
         class: "breadcrumbs-item-container"
       }, [
-        (h(), X(ze(a(l).type), Ye({ ref_for: !0 }, a(l).attrs, {
+        (h(), X(ze(a(l).type), Ue({ ref_for: !0 }, a(l).attrs, {
           class: ["breadcrumbs-item", { link: !!l.to, active: u === r.items.length - 1 }]
         }), {
           default: B(() => [
@@ -5852,7 +5852,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
   },
   setup(e) {
     return (t, a) => (h(), D("div", {
-      class: ce(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
+      class: ue(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
     }, null, 2));
   }
 }), ma = /* @__PURE__ */ Ee(Gy, [["__scopeId", "data-v-cb8ccbd6"]]), Qy = { class: "skeleton-loader" }, Zy = /* @__PURE__ */ le({
@@ -6128,7 +6128,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       }, t.delayMilliseconds);
     }), (n, r) => a.value ? (h(), D("div", {
       key: 0,
-      class: ce(["k-skeleton", { "not-spinner": e.type !== "spinner" }])
+      class: ue(["k-skeleton", { "not-spinner": e.type !== "spinner" }])
     }, [
       e.type === "card" ? (h(), X(rb, {
         key: 0,
@@ -6215,7 +6215,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       }
     });
     return (i, l) => (h(), D("div", {
-      class: ce(["k-empty-state", [i.iconVariant]])
+      class: ue(["k-empty-state", [i.iconVariant]])
     }, [
       K("div", kb, [
         K("div", Cb, [
@@ -6240,7 +6240,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       ]),
       i.actionButtonVisible && i.actionButtonText || i.$slots.action ? (h(), D("div", Db, [
         Q(i.$slots, "action", {}, () => [
-          Z(lt, {
+          Z(it, {
             disabled: i.actionButtonDisabled,
             type: "button",
             onClick: l[0] || (l[0] = (u) => a("click-action"))
@@ -6362,7 +6362,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       }
     }));
     return (d, v) => (h(), D("li", {
-      class: ce(["k-dropdown-item", [{
+      class: ue(["k-dropdown-item", [{
         "has-divider": e.hasDivider,
         disabled: e.disabled,
         danger: e.danger || e.isDangerous,
@@ -6370,7 +6370,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       }, d.$attrs.class, d.$attrs.style]]),
       "data-testid": "dropdown-item"
     }, [
-      (h(), X(ze(f.value[o.value].tag), Ye({ "data-testid": "dropdown-item-trigger" }, f.value[o.value].attrs, {
+      (h(), X(ze(f.value[o.value].tag), Ue({ "data-testid": "dropdown-item-trigger" }, f.value[o.value].attrs, {
         onClick: f.value[o.value].onClick
       }), {
         default: B(() => [
@@ -6470,11 +6470,11 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
         g.length && (o.value = g[0]);
       }
     }), (g, m) => (h(), D("div", {
-      class: ce(["k-dropdown", { "selection-dropdown-menu": e.selectionMenu }])
+      class: ue(["k-dropdown", { "selection-dropdown-menu": e.selectionMenu }])
     }, [
       Z(I(vl), null, {
         default: B(({ toggle: b, isToggled: p }) => [
-          Z(Tr, Ye({
+          Z(Tr, Ue({
             ref_key: "kPop",
             ref: i
           }, u, {
@@ -6494,7 +6494,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                 }, () => [
                   (h(!0), D(Ae, null, Re(e.items, (w, k) => {
                     var S;
-                    return h(), X(ru, Ye({ ref_for: !0 }, w, {
+                    return h(), X(ru, Ue({ ref_for: !0 }, w, {
                       key: `${w.label}-${k}`,
                       item: w,
                       selected: e.selectionMenu && ((S = o.value) == null ? void 0 : S.value) === w.value,
@@ -6517,7 +6517,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                   Q(g.$slots, "default", {
                     isOpen: p.value
                   }, () => [
-                    s.value ? (h(), X(lt, {
+                    s.value ? (h(), X(it, {
                       key: 0,
                       appearance: e.appearance,
                       class: "dropdown-trigger-button",
@@ -6562,7 +6562,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
   setup(e, { emit: t }) {
     const a = t;
     return (n, r) => (h(), D("div", Mb, [
-      Z(lt, {
+      Z(it, {
         appearance: "tertiary",
         "aria-label": "Go to the previous page",
         class: "pagination-button",
@@ -6578,7 +6578,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
         ]),
         _: 1
       }, 8, ["disabled"]),
-      Z(lt, {
+      Z(it, {
         appearance: "tertiary",
         "aria-label": "Go to the next page",
         class: "pagination-button",
@@ -6658,11 +6658,11 @@ const Nb = {
     }, m = (W, J, V, ve) => {
       if (e.disablePageJump)
         return [];
-      let ue = [...Array(J).keys()].map((he) => he + 1);
+      let de = [...Array(J).keys()].map((he) => he + 1);
       const $e = d.value + 2 + 2 * f.value;
-      return ue.length <= $e || (V ? V && ve ? ue = ue.filter(
+      return de.length <= $e || (V ? V && ve ? de = de.filter(
         (he) => he > W - f.value - 1 && he < W + f.value + 1
-      ) : V && !ve && (ue = ue.filter((he) => he > J - f.value * 2 - d.value)) : ue = ue.filter((he) => he <= f.value * 2 + d.value)), ue;
+      ) : V && !ve && (de = de.filter((he) => he > J - f.value * 2 - d.value)) : de = de.filter((he) => he <= f.value * 2 + d.value)), de;
     }, b = P(l.value === 1), p = P(l.value === s.value), w = y(() => (l.value - 1) * u.value + 1), k = y(() => {
       const W = w.value - 1 + u.value;
       return W > e.totalCount ? e.totalCount : W;
@@ -6715,7 +6715,7 @@ const Nb = {
     }), (W, J) => (h(), D("nav", {
       ref_key: "kPaginationElement",
       ref: r,
-      class: ce(["k-pagination", { "page-jump": !W.disablePageJump && !W.offset }]),
+      class: ue(["k-pagination", { "page-jump": !W.disablePageJump && !W.offset }]),
       "data-testid": "k-pagination"
     }, [
       W.offset ? (h(), X(Pb, {
@@ -6731,7 +6731,7 @@ const Nb = {
         ]),
         K("ul", Bb, [
           K("li", null, [
-            Z(lt, {
+            Z(it, {
               appearance: "tertiary",
               "aria-label": "Go to the previous page",
               class: "pagination-button arrow",
@@ -6765,7 +6765,7 @@ const Nb = {
             K("button", {
               "aria-current": V == T.value && "page" || void 0,
               "aria-label": `Go to page ${V}`,
-              class: ce(["pagination-button", { active: V == T.value }]),
+              class: ue(["pagination-button", { active: V == T.value }]),
               "data-testid": `page-${V}-button`,
               type: "button",
               onClick: (ve) => $(V)
@@ -6782,7 +6782,7 @@ const Nb = {
             }, ie(s.value), 1)
           ])) : G("", !0),
           K("li", null, [
-            Z(lt, {
+            Z(it, {
               appearance: "tertiary",
               "aria-label": "Go to the next page",
               class: "pagination-button arrow",
@@ -6819,7 +6819,7 @@ const Nb = {
           onChange: R
         }, {
           default: B(() => [
-            Z(lt, {
+            Z(it, {
               appearance: "tertiary",
               class: "page-size-dropdown-trigger",
               "data-testid": "page-size-dropdown-trigger",
@@ -6876,7 +6876,7 @@ const Nb = {
       ]),
       default: B(() => [
         K("div", {
-          class: ce({ "multi-line-truncate": r.truncate })
+          class: ue({ "multi-line-truncate": r.truncate })
         }, [
           Q(r.$slots, "card-body", {}, () => [
             me(ie(r.item ? r.item.description : ""), 1)
@@ -6932,8 +6932,8 @@ const Nb = {
   emits: ["card-click", "error-action-click", "empty-state-action-click", "update:catalog-preferences", "state"],
   setup(e, { emit: t }) {
     const { useRequest: a, useDebounce: n, useSwrvState: r } = At(), i = t, l = It(), u = Dt(), s = () => {
-      var _e;
-      const oe = (_e = e.paginationPageSizes) == null ? void 0 : _e[0];
+      var Ye;
+      const oe = (Ye = e.paginationPageSizes) == null ? void 0 : Ye[0];
       return oe || Ld;
     }, o = P([]), c = P(0), f = P(""), d = P(1), v = P(s()), g = P(null), m = P([]), b = y(() => m.value[d.value - 1]), p = P(null), w = P(!0), k = P(!1), S = y(() => !!l.toolbar), C = {
       page: 1,
@@ -6943,7 +6943,7 @@ const Nb = {
     }, T = y(() => (he.value || e.loading || Ze.value) && !e.error), N = y(() => !T.value && o.value && !o.value.length), _ = y(() => ({
       pageSize: v.value
     })), z = P(!0), q = async () => {
-      var _e, ee;
+      var Ye, ee;
       const oe = await e.fetcher({
         query: e.searchInput || f.value,
         pageSize: v.value,
@@ -6952,7 +6952,7 @@ const Nb = {
       });
       if (oe == null)
         throw new Error("KCatalog: Fetcher did not return data correctly.");
-      return o.value = oe.data, c.value = e.paginationTotalItems || oe.total || ((_e = oe.data) == null ? void 0 : _e.length), e.paginationOffset && ((ee = oe.pagination) != null && ee.offset ? (p.value = oe.pagination.offset, m.value[d.value] || m.value.push(oe.pagination.offset)) : p.value = null, w.value = oe.pagination && "hasNextPage" in oe.pagination ? !!oe.pagination.hasNextPage : !0), o.value.length === 0 && d.value > 1 && (d.value = 1, m.value = [null], g.value = null), z.value = !1, oe;
+      return o.value = oe.data, c.value = e.paginationTotalItems || oe.total || ((Ye = oe.data) == null ? void 0 : Ye.length), e.paginationOffset && ((ee = oe.pagination) != null && ee.offset ? (p.value = oe.pagination.offset, m.value[d.value] || m.value.push(oe.pagination.offset)) : p.value = null, w.value = oe.pagination && "hasNextPage" in oe.pagination ? !!oe.pagination.hasNextPage : !0), o.value.length === 0 && d.value > 1 && (d.value = 1, m.value = [null], g.value = null), z.value = !1, oe;
     }, M = () => {
       const oe = {
         ...C,
@@ -6970,8 +6970,8 @@ const Nb = {
       () => E.value,
       () => q(),
       { revalidateOnFocus: !1, revalidateDebounce: 0 }
-    ), { state: ve, hasData: ue, swrvState: $e } = r(U, W, V), he = P(!0), Ce = y(() => ({
-      hasData: ue.value,
+    ), { state: ve, hasData: de, swrvState: $e } = r(U, W, V), he = P(!0), Ce = y(() => ({
+      hasData: de.value,
       state: ve.value
     })), xe = y(() => he.value ? "loading" : W.value ? "error" : "success"), Pe = ({ page: oe }) => {
       d.value = oe;
@@ -6982,10 +6982,10 @@ const Nb = {
     }, at = () => {
       d.value--, g.value = b.value;
     }, et = (oe) => oe.toLowerCase().replace(/[^[a-z0-9]/gi, "-"), Qe = y(() => {
-      var _e;
+      var Ye;
       if (!e.fetcher || e.disablePagination || !o.value || !o.value.length || e.error)
         return !1;
-      const oe = ((_e = e.paginationPageSizes) == null ? void 0 : _e[0]) ?? Ld;
+      const oe = ((Ye = e.paginationPageSizes) == null ? void 0 : Ye[0]) ?? Ld;
       return e.hidePaginationWhenOptional && d.value === 1 ? e.paginationOffset ? !!b.value || !!p.value || o.value.length >= oe : c.value > oe : !0;
     });
     fe(U, (oe) => {
@@ -7003,25 +7003,25 @@ const Nb = {
           break;
       }
     }, { immediate: !0 }), fe([Ce, xe], (oe) => {
-      var _e;
+      var Ye;
       i("state", {
         state: oe == null ? void 0 : oe[1],
         // newData[catalogState]
-        hasData: (_e = oe == null ? void 0 : oe[0]) == null ? void 0 : _e.hasData
+        hasData: (Ye = oe == null ? void 0 : oe[0]) == null ? void 0 : Ye.hasData
         // newData[stateData].hasData
       });
     }), fe(() => e.searchInput, (oe) => {
       d.value !== 1 && (d.value = 1), oe === "" ? F(oe) : x(oe);
     }, { immediate: !0 });
     const Ze = P(!1);
-    return fe([$, d, v], async (oe, _e) => {
-      const ee = _e == null ? void 0 : _e[0], ye = oe[0], De = oe[1];
+    return fe([$, d, v], async (oe, Ye) => {
+      const ee = Ye == null ? void 0 : Ye[0], ye = oe[0], De = oe[1];
       ye !== ee && De !== 1 && (d.value = 1, m.value = [null], g.value = null), k.value && !z.value && (Ze.value = !0, await J(), Ze.value = !1);
     }, { deep: !0, immediate: !0 }), fe(_, (oe) => {
       i("update:catalog-preferences", oe);
     }), st(() => {
       M();
-    }), (oe, _e) => (h(), D("div", Kb, [
+    }), (oe, Ye) => (h(), D("div", Kb, [
       oe.title ? (h(), X(ze(oe.titleTag), {
         key: 0,
         class: "catalog-title",
@@ -7051,10 +7051,10 @@ const Nb = {
             oe.errorStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   "data-testid": et(oe.errorStateActionMessage),
                   to: oe.errorStateActionRoute ? oe.errorStateActionRoute : void 0,
-                  onClick: _e[0] || (_e[0] = (ee) => i("error-action-click"))
+                  onClick: Ye[0] || (Ye[0] = (ee) => i("error-action-click"))
                 }, {
                   default: B(() => [
                     me(ie(oe.errorStateActionMessage), 1)
@@ -7076,11 +7076,11 @@ const Nb = {
             oe.emptyStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   appearance: oe.searchInput ? "tertiary" : "primary",
                   "data-testid": et(oe.emptyStateActionMessage),
                   to: oe.emptyStateActionRoute ? oe.emptyStateActionRoute : void 0,
-                  onClick: _e[1] || (_e[1] = (ee) => i("empty-state-action-click"))
+                  onClick: Ye[1] || (Ye[1] = (ee) => i("empty-state-action-click"))
                 }, {
                   default: B(() => [
                     Q(oe.$slots, "empty-state-action-icon", {}, void 0, !0),
@@ -7095,7 +7095,7 @@ const Nb = {
         ], !0)
       ])) : (h(), D("div", {
         key: 5,
-        class: ce(["catalog-page", `card-${oe.cardSize}`]),
+        class: ue(["catalog-page", `card-${oe.cardSize}`]),
         "data-tableid": I(u)
       }, [
         Q(oe.$slots, "body", { data: o.value }, () => [
@@ -7158,10 +7158,10 @@ const Nb = {
     }, { immediate: !0 });
     const t = It(), a = y(() => !!(e.help || e.info || t.tooltip)), n = Dt();
     return (r, i) => (h(), D("label", {
-      class: ce(["k-label", { required: r.required }])
+      class: ue(["k-label", { required: r.required }])
     }, [
       Q(r.$slots, "default", {}, void 0, !0),
-      a.value ? (h(), X(va, Ye({ key: 0 }, r.tooltipAttributes, {
+      a.value ? (h(), X(va, Ue({ key: 0 }, r.tooltipAttributes, {
         class: "label-tooltip",
         "tooltip-id": I(n)
       }), {
@@ -7212,12 +7212,12 @@ const Nb = {
       a("change", m.target.checked), a("input", m.target.checked), a("update:modelValue", m.target.checked);
     };
     return (m, b) => (h(), D("div", {
-      class: ce(["k-checkbox", [m.$attrs.class, d.value]])
+      class: ue(["k-checkbox", [m.$attrs.class, d.value]])
     }, [
       K("div", {
-        class: ce(["checkbox-input-wrapper", { "has-label": u.value }])
+        class: ue(["checkbox-input-wrapper", { "has-label": u.value }])
       }, [
-        K("input", Ye({ id: l.value }, f.value, {
+        K("input", Ue({ id: l.value }, f.value, {
           "aria-checked": m.modelValue,
           class: "checkbox-input",
           type: "checkbox",
@@ -7241,7 +7241,7 @@ const Nb = {
         }, null, 8, ["size"])) : G("", !0)
       ], 2),
       K("div", a0, [
-        u.value ? (h(), X(Qa, Ye({ key: 0 }, m.labelAttributes, {
+        u.value ? (h(), X(Qa, Ue({ key: 0 }, m.labelAttributes, {
           class: "checkbox-label",
           for: l.value
         }), yt({
@@ -7353,7 +7353,7 @@ const Nb = {
           W.t.forEach((Pe, Ne) => {
             Pe !== En && (ve.push(Pe), Ne < J && V++);
           }), W.i = -1;
-          const ue = gp(ve), $e = ue.length, he = $e / 2 | 0, Ce = $e % 2 == 0 ? (ue[he - 1] + ue[he]) / 2 : ue[he], xe = W.o;
+          const de = gp(ve), $e = de.length, he = $e / 2 | 0, Ce = $e % 2 == 0 ? (de[he - 1] + de[he]) / 2 : de[he], xe = W.o;
           return ((W.o = Ce) - xe) * $a(J - V, 0);
         })(k, bn(k, T()))), i = !1), F = 3, R = !0;
         break;
@@ -7426,7 +7426,7 @@ const Nb = {
   }, { flush: "post" }), () => {
     var r;
     const { Y: i, G: l, K: u, Z: s } = e, o = n.value, { style: c, ...f } = (r = e.ee) !== null && r !== void 0 ? r : {}, d = { position: o && u ? void 0 : "absolute", [l ? "height" : "width"]: "100%", [l ? "top" : "left"]: "0px", [l ? yp() ? "right" : "left" : "top"]: a.value + "px", visibility: !o || u ? "visible" : "hidden", ...c };
-    return l && (d.display = "flex"), Z(s, Ye({ ref: t, style: d }, f), typeof (v = i) == "function" || Object.prototype.toString.call(v) === "[object Object]" && !Yv(v) ? i : { default: () => [i], _: 2 }, 16, ["style"]);
+    return l && (d.display = "flex"), Z(s, Ue({ ref: t, style: d }, f), typeof (v = i) == "function" || Object.prototype.toString.call(v) === "[object Object]" && !Yv(v) ? i : { default: () => [i], _: 2 }, 16, ["style"]);
     var v;
   };
 } }), g0 = (e, t) => {
@@ -7768,9 +7768,9 @@ const j0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], G0 = ["a
       var $, x;
       await gt(), ($ = N.value) != null && $.offsetWidth && (z.value = N.value.offsetWidth + "px"), (x = _.value) != null && x.offsetWidth && (q.value = _.value.offsetWidth + "px");
     }), ($, x) => (h(), D("div", {
-      class: ce(["k-input", [$.$attrs.class, { "input-error": p.value || $.error || $.hasError }]])
+      class: ue(["k-input", [$.$attrs.class, { "input-error": p.value || $.error || $.hasError }]])
     }, [
-      $.label ? (h(), X(Qa, Ye({
+      $.label ? (h(), X(Qa, Ue({
         key: 0,
         for: f.value
       }, $.labelAttributes, { required: o.value }), yt({
@@ -7788,7 +7788,7 @@ const j0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], G0 = ["a
         } : void 0
       ]), 1040, ["for", "required"])) : G("", !0),
       K("div", {
-        class: ce(["input-element-wrapper", { "has-before-content": $.$slots.before, "has-after-content": $.$slots.after || $.type === "password" && $.showPasswordMaskToggle }])
+        class: ue(["input-element-wrapper", { "has-before-content": $.$slots.before, "has-after-content": $.$slots.after || $.type === "password" && $.showPasswordMaskToggle }])
       }, [
         $.$slots.before ? (h(), D("div", {
           key: 0,
@@ -7798,7 +7798,7 @@ const j0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], G0 = ["a
         }, [
           Q($.$slots, "before", {}, void 0, !0)
         ], 512)) : G("", !0),
-        K("input", Ye({
+        K("input", Ue({
           id: f.value,
           "aria-describedby": k.value ? I(d) : void 0,
           "aria-invalid": $.error || $.hasError || p.value ? "true" : void 0,
@@ -7997,7 +7997,7 @@ const dw = /* @__PURE__ */ le({
       text: t.value
     }, {
       default: B(() => [
-        Z(lt, Ye({
+        Z(it, Ue({
           appearance: "tertiary",
           class: ["code-block-action-button", [`theme-${r.theme}`, { "code-block-action-button-active": r.active }]]
         }, I(a), {
@@ -8157,14 +8157,14 @@ const vw = ["id"], pw = {
     function V() {
       var De;
       const ee = (De = b.value) == null ? void 0 : De.querySelector(".highlighted-code-block"), ye = ee == null ? void 0 : ee.querySelector("code");
-      ee instanceof HTMLElement && ye instanceof HTMLElement && i("code-block-render", ue(ee, ye));
+      ee instanceof HTMLElement && ye instanceof HTMLElement && i("code-block-render", de(ee, ye));
     }
     function ve() {
       var De;
       const ee = (De = b.value) == null ? void 0 : De.querySelector(".highlighted-code-block"), ye = ee == null ? void 0 : ee.querySelector("code");
-      ee instanceof HTMLElement && ye instanceof HTMLElement && i("matching-lines-change", ue(ee, ye));
+      ee instanceof HTMLElement && ye instanceof HTMLElement && i("matching-lines-change", de(ee, ye));
     }
-    function ue(ee, ye) {
+    function de(ee, ye) {
       return {
         preElement: ee,
         codeElement: ye,
@@ -8234,7 +8234,7 @@ const vw = ["id"], pw = {
       }, 1500));
     }
     const oe = y(() => e.theme === "light" ? n1 : bs);
-    function _e(ee) {
+    function Ye(ee) {
       return {
         // These props essentially renders a structure like this:
         //
@@ -8246,7 +8246,7 @@ const vw = ["id"], pw = {
         data: ee ? g.value : T.value,
         item: "span",
         itemProps: ({ item: ye }) => ({
-          class: ce({
+          class: ue({
             line: !0,
             "line-is-match": ee ? !1 : C.value.has(ye),
             "line-is-highlighted-match": ee ? !1 : m.value !== null && ye === g.value[m.value]
@@ -8269,7 +8269,7 @@ const vw = ["id"], pw = {
       id: ee.id,
       ref_key: "codeBlock",
       ref: b,
-      class: ce(["k-code-block", [`theme-${ee.theme}`]]),
+      class: ue(["k-code-block", [`theme-${ee.theme}`]]),
       "data-testid": "k-code-block",
       tabindex: "-1",
       onBlur: ye[1] || (ye[1] = (De) => m.value = null)
@@ -8430,13 +8430,13 @@ const vw = ["id"], pw = {
         ])) : G("", !0),
         z.value || S.value ? dn((h(), X(ze("pre"), {
           key: 1,
-          class: ce(["filtered-code-block", {
+          class: ue(["filtered-code-block", {
             "show-line-numbers": ee.showLineNumbers
           }]),
           "data-testid": "filtered-code-block"
         }, {
           default: B(() => [
-            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), lr(Ye({ key: 0 }, _e(!0))), {
+            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), lr(Ue({ key: 0 }, Ye(!0))), {
               default: B(({ item: De }) => [
                 K("a", {
                   id: M(De),
@@ -8454,22 +8454,22 @@ const vw = ["id"], pw = {
         ]) : G("", !0),
         !z.value || k.value ? dn((h(), X(ze("pre"), {
           key: 2,
-          class: ce(["highlighted-code-block", {
+          class: ue(["highlighted-code-block", {
             "show-line-numbers": ee.showLineNumbers,
             "single-line": ee.singleLine
           }]),
           "data-testid": "highlighted-code-block"
         }, {
           default: B(() => [
-            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), Ye({
+            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), Ue({
               key: 0,
               ref_key: "codeBlockLineNumbers",
               ref: w
-            }, _e(!1)), {
+            }, Ye(!1)), {
               default: B(({ item: De }) => [
                 K("a", {
                   id: M(De),
-                  class: ce(["line-anchor", { "hide-links": !ee.showLineNumberLinks }]),
+                  class: ue(["line-anchor", { "hide-links": !ee.showLineNumberLinks }]),
                   href: ee.showLineNumberLinks ? `#${M(De)}` : void 0
                 }, ie(De), 11, Cw)
               ]),
@@ -8517,7 +8517,7 @@ const vw = ["id"], pw = {
       d !== v && f(d);
     }), (d, v) => (h(), D("div", Tw, [
       K("div", {
-        class: ce(["collapse-heading", { "has-trailing-trigger": u.value }])
+        class: ue(["collapse-heading", { "has-trailing-trigger": u.value }])
       }, [
         d.title || d.$slots.title ? (h(), X(ze(d.titleTag), {
           key: 0,
@@ -8547,7 +8547,7 @@ const vw = ["id"], pw = {
             }, [
               Q(d.$slots, "trigger-content", {}, () => [
                 Z(I(Vs), {
-                  class: ce(["collapse-trigger-icon", { "collapse-expanded": !c.value }]),
+                  class: ue(["collapse-trigger-icon", { "collapse-expanded": !c.value }]),
                   "data-testid": "collapse-trigger-icon",
                   decorative: "",
                   size: I(Ut)
@@ -11551,12 +11551,12 @@ function dk() {
     }), t.default = k;
     var n = a(/* @__PURE__ */ _2()), r = a(/* @__PURE__ */ q2()), i = a(/* @__PURE__ */ Ra()), l = a(/* @__PURE__ */ Q2()), u = a(/* @__PURE__ */ Z2()), s = a(/* @__PURE__ */ Fp()), o = /* @__PURE__ */ X2(), c = a(/* @__PURE__ */ _n()), f = a(/* @__PURE__ */ Gt()), d = /* @__PURE__ */ Sl(), v = a(/* @__PURE__ */ uk()), g = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, m = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, b = /^'([^]*?)'?$/, p = /''/g, w = /[a-zA-Z]/;
     function k(C, T, N) {
-      var _, z, q, M, E, $, x, R, F, U, W, J, V, ve, ue, $e, he, Ce;
+      var _, z, q, M, E, $, x, R, F, U, W, J, V, ve, de, $e, he, Ce;
       (0, f.default)(2, arguments);
       var xe = String(T), Pe = (0, d.getDefaultOptions)(), Ne = (_ = (z = N == null ? void 0 : N.locale) !== null && z !== void 0 ? z : Pe.locale) !== null && _ !== void 0 ? _ : v.default, Ge = (0, c.default)((q = (M = (E = ($ = N == null ? void 0 : N.firstWeekContainsDate) !== null && $ !== void 0 ? $ : N == null || (x = N.locale) === null || x === void 0 || (R = x.options) === null || R === void 0 ? void 0 : R.firstWeekContainsDate) !== null && E !== void 0 ? E : Pe.firstWeekContainsDate) !== null && M !== void 0 ? M : (F = Pe.locale) === null || F === void 0 || (U = F.options) === null || U === void 0 ? void 0 : U.firstWeekContainsDate) !== null && q !== void 0 ? q : 1);
       if (!(Ge >= 1 && Ge <= 7))
         throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-      var at = (0, c.default)((W = (J = (V = (ve = N == null ? void 0 : N.weekStartsOn) !== null && ve !== void 0 ? ve : N == null || (ue = N.locale) === null || ue === void 0 || ($e = ue.options) === null || $e === void 0 ? void 0 : $e.weekStartsOn) !== null && V !== void 0 ? V : Pe.weekStartsOn) !== null && J !== void 0 ? J : (he = Pe.locale) === null || he === void 0 || (Ce = he.options) === null || Ce === void 0 ? void 0 : Ce.weekStartsOn) !== null && W !== void 0 ? W : 0);
+      var at = (0, c.default)((W = (J = (V = (ve = N == null ? void 0 : N.weekStartsOn) !== null && ve !== void 0 ? ve : N == null || (de = N.locale) === null || de === void 0 || ($e = de.options) === null || $e === void 0 ? void 0 : $e.weekStartsOn) !== null && V !== void 0 ? V : Pe.weekStartsOn) !== null && J !== void 0 ? J : (he = Pe.locale) === null || he === void 0 || (Ce = he.options) === null || Ce === void 0 ? void 0 : Ce.weekStartsOn) !== null && W !== void 0 ? W : 0);
       if (!(at >= 0 && at <= 6))
         throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
       if (!Ne.localize)
@@ -11571,7 +11571,7 @@ function dk() {
         weekStartsOn: at,
         locale: Ne,
         _originalDate: et
-      }, _e = xe.match(m).map(function(ee) {
+      }, Ye = xe.match(m).map(function(ee) {
         var ye = ee[0];
         if (ye === "p" || ye === "P") {
           var De = u.default[ye];
@@ -11591,7 +11591,7 @@ function dk() {
           throw new RangeError("Format string contains an unescaped latin alphabet character `" + ye + "`");
         return ee;
       }).join("");
-      return _e;
+      return Ye;
     }
     function S(C) {
       var T = C.match(b);
@@ -12665,8 +12665,8 @@ function EC(e) {
         });
         if (xe)
           return z = xe, "break";
-      }, ue = V; ue > 0; ue--) {
-        var $e = ve(ue);
+      }, de = V; de > 0; de--) {
+        var $e = ve(de);
         if ($e === "break") break;
       }
     t.placement !== z && (t.modifiersData[n]._skip = !0, t.placement = z, t.reset = !0);
@@ -12784,14 +12784,14 @@ function YC(e) {
   };
   if (T) {
     if (i) {
-      var $, x = S === "y" ? Jt : ea, R = S === "y" ? pa : ha, F = S === "y" ? "height" : "width", U = T[S], W = U + b[x], J = U - b[R], V = v ? -_[F] / 2 : 0, ve = w === yr ? N[F] : _[F], ue = w === yr ? -_[F] : -N[F], $e = t.elements.arrow, he = v && $e ? cu($e) : {
+      var $, x = S === "y" ? Jt : ea, R = S === "y" ? pa : ha, F = S === "y" ? "height" : "width", U = T[S], W = U + b[x], J = U - b[R], V = v ? -_[F] / 2 : 0, ve = w === yr ? N[F] : _[F], de = w === yr ? -_[F] : -N[F], $e = t.elements.arrow, he = v && $e ? cu($e) : {
         width: 0,
         height: 0
-      }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Vp(), xe = Ce[x], Pe = Ce[R], Ne = Xr(0, N[F], he[F]), Ge = k ? N[F] / 2 - V - Ne - xe - q.mainAxis : ve - Ne - xe - q.mainAxis, at = k ? -N[F] / 2 + V + Ne + Pe + q.mainAxis : ue + Ne + Pe + q.mainAxis, et = t.elements.arrow && mi(t.elements.arrow), Qe = et ? S === "y" ? et.clientTop || 0 : et.clientLeft || 0 : 0, Ze = ($ = M == null ? void 0 : M[S]) != null ? $ : 0, oe = U + Ge - Ze - Qe, _e = U + at - Ze, ee = Xr(v ? Wo(W, oe) : W, U, v ? Mn(J, _e) : J);
+      }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Vp(), xe = Ce[x], Pe = Ce[R], Ne = Xr(0, N[F], he[F]), Ge = k ? N[F] / 2 - V - Ne - xe - q.mainAxis : ve - Ne - xe - q.mainAxis, at = k ? -N[F] / 2 + V + Ne + Pe + q.mainAxis : de + Ne + Pe + q.mainAxis, et = t.elements.arrow && mi(t.elements.arrow), Qe = et ? S === "y" ? et.clientTop || 0 : et.clientLeft || 0 : 0, Ze = ($ = M == null ? void 0 : M[S]) != null ? $ : 0, oe = U + Ge - Ze - Qe, Ye = U + at - Ze, ee = Xr(v ? Wo(W, oe) : W, U, v ? Mn(J, Ye) : J);
       T[S] = ee, E[S] = ee - U;
     }
     if (u) {
-      var ye, De = S === "x" ? Jt : ea, ne = S === "x" ? pa : ha, we = T[C], Me = C === "y" ? "height" : "width", Te = we + b[De], He = we - b[ne], wt = [Jt, ea].indexOf(p) !== -1, mt = (ye = M == null ? void 0 : M[C]) != null ? ye : 0, Xe = wt ? Te : we - N[Me] - _[Me] - mt + q.altAxis, $t = wt ? we + N[Me] + _[Me] - mt - q.altAxis : He, Ot = v && wt ? dC(Xe, we, $t) : Xr(v ? Xe : Te, we, v ? $t : He);
+      var ye, De = S === "x" ? Jt : ea, ne = S === "x" ? pa : ha, we = T[C], Me = C === "y" ? "height" : "width", Te = we + b[De], _e = we - b[ne], wt = [Jt, ea].indexOf(p) !== -1, mt = (ye = M == null ? void 0 : M[C]) != null ? ye : 0, Xe = wt ? Te : we - N[Me] - _[Me] - mt + q.altAxis, $t = wt ? we + N[Me] + _[Me] - mt - q.altAxis : _e, Ot = v && wt ? dC(Xe, we, $t) : Xr(v ? Xe : Te, we, v ? $t : _e);
       T[C] = Ot, E[C] = Ot - we;
     }
     t.modifiersData[n] = E;
@@ -14624,7 +14624,7 @@ function IO({
         59,
         59,
         999
-      ), J = F, V = `${ct(_, 4)}-${ct(N, 2)}-${ct(p, 2)}`, ve = x, ue = Rt - x, $e = s[$ - 1], he = u[$ - 1], Ce = p === q && N === M && _ === E, xe = v && p === 1, Pe = v && p === o, Ne = $ === 1, Ge = $ === c, at = x === 1, et = x === Rt, Qe = Gh(_, N, p);
+      ), J = F, V = `${ct(_, 4)}-${ct(N, 2)}-${ct(p, 2)}`, ve = x, de = Rt - x, $e = s[$ - 1], he = u[$ - 1], Ce = p === q && N === M && _ === E, xe = v && p === 1, Pe = v && p === o, Ne = $ === 1, Ge = $ === c, at = x === 1, et = x === Rt, Qe = Gh(_, N, p);
       r.push({
         locale: n,
         id: V,
@@ -14635,7 +14635,7 @@ function IO({
         dayFromEnd: w,
         weekday: R,
         weekdayPosition: ve,
-        weekdayPositionFromEnd: ue,
+        weekdayPositionFromEnd: de,
         weekdayOrdinal: k,
         weekdayOrdinalFromEnd: S,
         week: C,
@@ -16482,14 +16482,14 @@ function a7(e, { slots: t, emit: a }) {
     disabledAttribute: C,
     disabledDates: T
   } = J4(e), N = y(() => e.rows * e.columns), _ = y(() => e.step || N.value), z = y(() => Oh(c.value) ?? null), q = y(() => ir(c.value) ?? null), M = y(
-    () => e.minPage || (k.value ? ue(k.value) : null)
+    () => e.minPage || (k.value ? de(k.value) : null)
   ), E = y(
-    () => e.maxPage || (S.value ? ue(S.value) : null)
+    () => e.maxPage || (S.value ? de(S.value) : null)
   ), $ = y(() => e.navVisibility), x = y(() => !!e.showWeeknumbers), R = y(() => !!e.showIsoWeeknumbers), F = y(() => o.value === "monthly"), U = y(() => o.value === "weekly"), W = y(() => o.value === "daily"), J = () => {
     l.value = !0, a("transition-start");
   }, V = () => {
     l.value = !1, a("transition-end"), d && (d.resolve(!0), d = null);
-  }, ve = (H, A, j = o.value) => zh(H, A, j, p.value), ue = (H) => Fh(H, o.value, p.value), $e = (H) => {
+  }, ve = (H, A, j = o.value) => zh(H, A, j, p.value), de = (H) => Fh(H, o.value, p.value), $e = (H) => {
     !C.value || !Ge.value || (H.isDisabled = Ge.value.cellExists(
       C.value.key,
       H.dayIndex
@@ -16531,21 +16531,21 @@ function a7(e, { slots: t, emit: a }) {
     var H, A;
     if (!Ne.value)
       return null;
-    const j = Pe.value.find((We) => We.pinPage) || Pe.value[0];
+    const j = Pe.value.find((qe) => qe.pinPage) || Pe.value[0];
     if (!j || !j.hasRanges)
       return null;
     const [ae] = j.ranges, pe = ((H = ae.start) == null ? void 0 : H.date) || ((A = ae.end) == null ? void 0 : A.date);
-    return pe ? ue(pe) : null;
+    return pe ? de(pe) : null;
   }, Ze = () => {
     if (Ia(z.value))
       return z.value;
     const H = Qe();
-    return Ia(H) ? H : ue(/* @__PURE__ */ new Date());
+    return Ia(H) ? H : de(/* @__PURE__ */ new Date());
   }, oe = (H, A = {}) => {
-    const { view: j = o.value, position: ae = 1, force: pe } = A, We = ae > 0 ? 1 - ae : -(N.value + ae);
-    let Ue = ve(H, We, j), kt = ve(Ue, N.value - 1, j);
-    return pe || (Os(Ue, M.value) ? Ue = M.value : Xo(kt, E.value) && (Ue = ve(E.value, 1 - N.value)), kt = ve(Ue, N.value - 1)), { fromPage: Ue, toPage: kt };
-  }, _e = (H, A, j = "") => {
+    const { view: j = o.value, position: ae = 1, force: pe } = A, qe = ae > 0 ? 1 - ae : -(N.value + ae);
+    let We = ve(H, qe, j), kt = ve(We, N.value - 1, j);
+    return pe || (Os(We, M.value) ? We = M.value : Xo(kt, E.value) && (We = ve(E.value, 1 - N.value)), kt = ve(We, N.value - 1)), { fromPage: We, toPage: kt };
+  }, Ye = (H, A, j = "") => {
     if (j === "none" || j === "fade")
       return j;
     if ((H == null ? void 0 : H.view) !== (A == null ? void 0 : A.view))
@@ -16553,7 +16553,7 @@ function a7(e, { slots: t, emit: a }) {
     const ae = Xo(A, H), pe = Os(A, H);
     return !ae && !pe ? "fade" : j === "slide-v" ? pe ? "slide-down" : "slide-up" : pe ? "slide-right" : "slide-left";
   }, ee = (H = {}) => new Promise((A, j) => {
-    const { position: ae = 1, force: pe = !1, transition: We } = H, Ue = Ia(H.page) ? H.page : Ze(), { fromPage: kt } = oe(Ue, {
+    const { position: ae = 1, force: pe = !1, transition: qe } = H, We = Ia(H.page) ? H.page : Ze(), { fromPage: kt } = oe(We, {
       position: ae,
       force: pe
     }), Qt = [];
@@ -16576,19 +16576,19 @@ function a7(e, { slots: t, emit: a }) {
         })
       );
     }
-    f.value = _e(
+    f.value = Ye(
       c.value[0],
       Qt[0],
-      We
+      qe
     ), c.value = Qt, f.value && f.value !== "none" ? d = {
       resolve: A,
       reject: j
     } : A(!0);
   }), ye = (H) => {
-    const A = z.value ?? ue(/* @__PURE__ */ new Date());
+    const A = z.value ?? de(/* @__PURE__ */ new Date());
     return ve(A, H);
   }, De = (H, A = {}) => {
-    const j = Ia(H) ? H : ue(H);
+    const j = Ia(H) ? H : de(H);
     return Object.assign(
       A,
       oe(j, {
@@ -16606,23 +16606,23 @@ function a7(e, { slots: t, emit: a }) {
     page: A.fromPage,
     position: 1,
     force: !0
-  }), a("did-move", c.value)), !0), He = (H, A = {}) => Te(ye(H), A), wt = () => He(-_.value), mt = () => He(_.value), Xe = (H) => {
+  }), a("did-move", c.value)), !0), _e = (H, A = {}) => Te(ye(H), A), wt = () => _e(-_.value), mt = () => _e(_.value), Xe = (H) => {
     const A = F.value ? ".in-month" : "", j = `.id-${p.value.getDayId(H)}${A}`, ae = `${j}.vc-focusable, ${j} .vc-focusable`, pe = n.value;
     if (pe) {
-      const We = pe.querySelector(ae);
-      if (We)
-        return We.focus(), !0;
+      const qe = pe.querySelector(ae);
+      if (qe)
+        return qe.focus(), !0;
     }
     return !1;
   }, $t = async (H, A = {}) => Xe(H) ? !0 : (await Te(H, A), Xe(H)), Ot = (H, A) => {
     i.value = H.day, a("dayclick", H, A);
   }, re = (H, A) => {
     a("daymouseenter", H, A);
-  }, qe = (H, A) => {
+  }, He = (H, A) => {
     a("daymouseleave", H, A);
   }, Fe = (H, A) => {
     i.value = H.day, r.value = H, H.isFocused = !0, a("dayfocusin", H, A);
-  }, it = (H, A) => {
+  }, ot = (H, A) => {
     r.value = null, H.isFocused = !1, a("dayfocusout", H, A);
   }, nt = (H, A) => {
     a("daykeydown", H, A);
@@ -16710,7 +16710,7 @@ function a7(e, { slots: t, emit: a }) {
       $e(H), he(H);
     });
   });
-  const de = {
+  const ce = {
     emit: a,
     containerRef: n,
     focusedDay: r,
@@ -16745,11 +16745,11 @@ function a7(e, { slots: t, emit: a }) {
     navVisibility: $,
     showWeeknumbers: x,
     showIsoWeeknumbers: R,
-    getDateAddress: ue,
+    getDateAddress: de,
     canMove: De,
     canMoveBy: ne,
     move: Te,
-    moveBy: He,
+    moveBy: _e,
     movePrev: wt,
     moveNext: mt,
     onTransitionBeforeEnter: J,
@@ -16760,12 +16760,12 @@ function a7(e, { slots: t, emit: a }) {
     onDayKeydown: nt,
     onDayClick: Ot,
     onDayMouseenter: re,
-    onDayMouseleave: qe,
+    onDayMouseleave: He,
     onDayFocusin: Fe,
-    onDayFocusout: it,
+    onDayFocusout: ot,
     onWeeknumberClick: Lt
   };
-  return vi(dg, de), de;
+  return vi(dg, ce), ce;
 }
 function Wn() {
   const e = fi(dg);
@@ -16828,8 +16828,8 @@ const n7 = le({
       const V = l.direction === "left" || l.direction === "right";
       let ve = "";
       if (l.placement) {
-        const ue = l.placement.split("-");
-        ue.length > 1 && (ve = ue[1]);
+        const de = l.placement.split("-");
+        de.length > 1 && (ve = de[1]);
       }
       return ["start", "top", "left"].includes(ve) ? V ? "top" : "left" : ["end", "bottom", "right"].includes(ve) ? V ? "bottom" : "right" : V ? "middle" : "center";
     });
@@ -16877,8 +16877,8 @@ const n7 = le({
       const ve = i.state.elements.reference;
       if (!n.value || !ve)
         return;
-      const ue = V.target;
-      wo(n.value, ue) || wo(ve, ue) || p({ force: !0 });
+      const de = V.target;
+      wo(n.value, de) || wo(ve, de) || p({ force: !0 });
     }
     function S(V) {
       (V.key === "Esc" || V.key === "Escape") && p();
@@ -16969,7 +16969,7 @@ const n7 = le({
 };
 function r7(e, t, a, n, r, i) {
   return h(), D("div", {
-    class: ce(["vc-popover-content-wrapper", { "is-interactive": e.isInteractive }]),
+    class: ue(["vc-popover-content-wrapper", { "is-interactive": e.isInteractive }]),
     ref: "popoverRef",
     onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)),
     onMouseover: t[1] || (t[1] = (...l) => e.onMouseOver && e.onMouseOver(...l)),
@@ -16986,7 +16986,7 @@ function r7(e, t, a, n, r, i) {
       onAfterLeave: e.afterLeave
     }, {
       default: B(() => [
-        e.isVisible ? (h(), D("div", Ye({
+        e.isVisible ? (h(), D("div", Ue({
           key: 0,
           tabindex: "-1",
           class: `vc-popover-content direction-${e.direction}`
@@ -17000,7 +17000,7 @@ function r7(e, t, a, n, r, i) {
             me(ie(e.data), 1)
           ]),
           K("span", {
-            class: ce([
+            class: ue([
               "vc-popover-caret",
               `direction-${e.direction}`,
               `align-${e.alignment}`
@@ -17036,7 +17036,7 @@ const Ru = /* @__PURE__ */ mn(n7, [["render", r7]]), i7 = { class: "vc-day-popov
     return (n, r) => (h(), D("div", i7, [
       I(a) ? (h(), D("div", o7, [
         K("span", {
-          class: ce(I(a).class)
+          class: ue(I(a).class)
         }, null, 2)
       ])) : G("", !0),
       K("div", l7, [
@@ -17056,7 +17056,7 @@ const Ru = /* @__PURE__ */ mn(n7, [["render", r7]]), i7 = { class: "vc-day-popov
   },
   setup(e) {
     const a = ug(e.name);
-    return (n, r) => I(a) ? (h(), X(ze(I(a)), lr(Ye({ key: 0 }, n.$attrs)), null, 16)) : Q(n.$slots, "default", { key: 1 });
+    return (n, r) => I(a) ? (h(), X(ze(I(a)), lr(Ue({ key: 0 }, n.$attrs)), null, 16)) : Q(n.$slots, "default", { key: 1 });
   }
 }), d7 = { class: "vc-day-popover-container" }, c7 = {
   key: 0,
@@ -17073,7 +17073,7 @@ const Ru = /* @__PURE__ */ mn(n7, [["render", r7]]), i7 = { class: "vc-day-popov
     }
     return (s, o) => (h(), X(Ru, {
       id: I(t),
-      class: ce([`vc-${I(n)}`, `vc-${I(a)}`])
+      class: ue([`vc-${I(n)}`, `vc-${I(a)}`])
     }, {
       default: B(({ data: { day: c, attributes: f }, hide: d }) => [
         Z(ua, {
@@ -17228,7 +17228,7 @@ const B7 = /* @__PURE__ */ mn(M7, [["render", L7]]), R7 = /* @__PURE__ */ Object
       }
     }).join(" ") }));
     return (m, b) => (h(), D("div", {
-      class: ce(["vc-header", { "is-lg": e.isLg, "is-xl": e.isXl, "is-2xl": e.is2xl }]),
+      class: ue(["vc-header", { "is-lg": e.isLg, "is-xl": e.isXl, "is-2xl": e.is2xl }]),
       style: Oe(I(g))
     }, [
       I(v).prev ? (h(), D("button", {
@@ -17364,23 +17364,23 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
       setTimeout(() => {
         if (c.value == null)
           return;
-        const ue = c.value.querySelector(
+        const de = c.value.querySelector(
           ".vc-nav-item:not(:disabled)"
         );
-        ue && ue.focus();
+        de && de.focus();
       }, 10);
     }
-    function d(ue) {
-      return Math.floor(ue / u);
+    function d(de) {
+      return Math.floor(de / u);
     }
     function v() {
       l.value = !l.value;
     }
-    function g(ue) {
-      return ue * u;
+    function g(de) {
+      return de * u;
     }
-    function m(ue) {
-      return u * (ue + 1) - 1;
+    function m(de) {
+      return u * (de + 1) - 1;
     }
     function b() {
       U.value && (l.value && w(), S());
@@ -17401,29 +17401,29 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
       o.value++;
     }
     const T = y(
-      () => r(s.value, t.value.navMonths).map((ue) => ({
-        ...ue,
+      () => r(s.value, t.value.navMonths).map((de) => ({
+        ...de,
         click: () => a(
-          { month: ue.month, year: ue.year },
+          { month: de.month, year: de.year },
           { position: n.value.position }
         )
       }))
     ), N = y(
       () => r(s.value - 1, t.value.navMonths)
     ), _ = y(
-      () => N.value.some((ue) => !ue.isDisabled)
+      () => N.value.some((de) => !de.isDisabled)
     ), z = y(
       () => r(s.value + 1, t.value.navMonths)
     ), q = y(
-      () => z.value.some((ue) => !ue.isDisabled)
+      () => z.value.some((de) => !de.isDisabled)
     ), M = y(
       () => i(
         g(o.value),
         m(o.value)
-      ).map((ue) => ({
-        ...ue,
+      ).map((de) => ({
+        ...de,
         click: () => {
-          s.value = ue.year, l.value = !0, f();
+          s.value = de.year, l.value = !0, f();
         }
       }))
     ), E = y(
@@ -17432,27 +17432,27 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
         m(o.value - 1)
       )
     ), $ = y(
-      () => E.value.some((ue) => !ue.isDisabled)
+      () => E.value.some((de) => !de.isDisabled)
     ), x = y(
       () => i(
         g(o.value + 1),
         m(o.value + 1)
       )
     ), R = y(
-      () => x.value.some((ue) => !ue.isDisabled)
+      () => x.value.some((de) => !de.isDisabled)
     ), F = y(
       () => l.value ? T.value : M.value
     ), U = y(
       () => l.value ? _.value : $.value
     ), W = y(
       () => l.value ? q.value : R.value
-    ), J = y(() => Oh(M.value.map((ue) => ue.year))), V = y(() => ir(M.value.map((ue) => ue.year))), ve = y(() => l.value ? s.value : `${J.value} - ${V.value}`);
+    ), J = y(() => Oh(M.value.map((de) => de.year))), V = y(() => ir(M.value.map((de) => de.year))), ve = y(() => l.value ? s.value : `${J.value} - ${V.value}`);
     return Ws(() => {
       s.value = n.value.year, f();
     }), fe(
       () => s.value,
-      (ue) => o.value = d(ue)
-    ), st(() => f()), (ue, $e) => (h(), D("div", {
+      (de) => o.value = d(de)
+    ), st(() => f()), (de, $e) => (h(), D("div", {
       class: "vc-nav-container",
       ref_key: "navContainer",
       ref: c
@@ -17515,7 +17515,7 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
           type: "button",
           "data-id": he.id,
           "aria-label": he.ariaLabel,
-          class: ce(["vc-nav-item vc-focus", [
+          class: ue(["vc-nav-item vc-focus", [
             he.isActive ? "is-active" : he.isCurrent ? "is-current" : ""
           ]]),
           disabled: he.isDisabled,
@@ -17539,7 +17539,7 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
     const { navPopoverId: t, color: a, displayMode: n } = Wn();
     return (r, i) => (h(), X(Ru, {
       id: I(t),
-      class: ce(["vc-nav-popover-container", `vc-${I(a)}`, `vc-${I(n)}`])
+      class: ue(["vc-nav-popover-container", `vc-${I(a)}`, `vc-${I(n)}`])
     }, {
       default: B(({ data: l }) => [
         Z(pg, {
@@ -17695,15 +17695,15 @@ const q7 = { class: "vc-nav-header" }, W7 = ["disabled"], U7 = ["disabled"], V7
 function aP(e, t, a, n, r, i) {
   const l = _t("CalendarSlot"), u = Gg("popover");
   return h(), D("div", {
-    class: ce(e.dayClasses)
+    class: ue(e.dayClasses)
   }, [
     e.hasHighlights ? (h(), D("div", Z7, [
       (h(!0), D(Ae, null, Re(e.highlights, ({ key: s, wrapperClass: o, class: c, style: f }) => (h(), D("div", {
         key: s,
-        class: ce(o)
+        class: ue(o)
       }, [
         K("div", {
-          class: ce(c),
+          class: ue(c),
           style: Oe(f)
         }, null, 6)
       ], 2))), 128))
@@ -17718,7 +17718,7 @@ function aP(e, t, a, n, r, i) {
       locale: e.locale
     }, {
       default: B(() => [
-        dn((h(), D("div", Ye(e.dayContentProps, cl(e.dayContentEvents, !0)), [
+        dn((h(), D("div", Ue(e.dayContentProps, cl(e.dayContentEvents, !0)), [
           me(ie(e.day.label), 1)
         ], 16)), [
           [u, e.dayPopover]
@@ -17730,7 +17730,7 @@ function aP(e, t, a, n, r, i) {
       K("div", J7, [
         (h(!0), D(Ae, null, Re(e.dots, ({ key: s, class: o, style: c }) => (h(), D("span", {
           key: s,
-          class: ce(o),
+          class: ue(o),
           style: Oe(c)
         }, null, 6))), 128))
       ])
@@ -17739,7 +17739,7 @@ function aP(e, t, a, n, r, i) {
       K("div", tP, [
         (h(!0), D(Ae, null, Re(e.bars, ({ key: s, class: o, style: c }) => (h(), D("span", {
           key: s,
-          class: ce(o),
+          class: ue(o),
           style: Oe(c)
         }, null, 6))), 128))
       ])
@@ -17754,7 +17754,7 @@ const nP = /* @__PURE__ */ mn(Q7, [["render", aP]]), rP = { class: "vc-weekdays"
   setup(e) {
     const { page: t } = vg(), { onWeeknumberClick: a } = Wn();
     return (n, r) => (h(), D("div", {
-      class: ce([
+      class: ue([
         "vc-pane",
         `row-${I(t).row}`,
         `row-from-end-${I(t).rowFromEnd}`,
@@ -17769,14 +17769,14 @@ const nP = /* @__PURE__ */ mn(Q7, [["render", aP]]), rP = { class: "vc-weekdays"
         "hide-arrows": ""
       }, null, 8, ["page"]),
       K("div", {
-        class: ce(["vc-weeks", {
+        class: ue(["vc-weeks", {
           [`vc-show-weeknumbers-${I(t).weeknumberPosition}`]: I(t).weeknumberPosition
         }])
       }, [
         K("div", rP, [
           (h(!0), D(Ae, null, Re(I(t).weekdays, ({ weekday: i, label: l }, u) => (h(), D("div", {
             key: u,
-            class: ce(`vc-weekday vc-weekday-${i}`)
+            class: ue(`vc-weekday vc-weekday-${i}`)
           }, ie(l), 3))), 128))
         ]),
         (h(!0), D(Ae, null, Re(I(t).viewWeeks, (i) => (h(), D("div", {
@@ -17785,10 +17785,10 @@ const nP = /* @__PURE__ */ mn(Q7, [["render", aP]]), rP = { class: "vc-weekdays"
         }, [
           I(t).weeknumberPosition ? (h(), D("div", {
             key: 0,
-            class: ce(["vc-weeknumber", `is-${I(t).weeknumberPosition}`])
+            class: ue(["vc-weeknumber", `is-${I(t).weeknumberPosition}`])
           }, [
             K("span", {
-              class: ce(["vc-weeknumber-content"]),
+              class: ue(["vc-weeknumber-content"]),
               onClick: (l) => I(a)(i, l)
             }, ie(i.weeknumberDisplay), 9, iP)
           ], 2)) : G("", !0),
@@ -17818,7 +17818,7 @@ const nP = /* @__PURE__ */ mn(Q7, [["render", aP]]), rP = { class: "vc-weekdays"
 function dP(e, t, a, n, r, i) {
   const l = _t("CalendarHeader"), u = _t("CalendarPage"), s = _t("CalendarSlot"), o = _t("CalendarPageProvider"), c = _t("CalendarDayPopover"), f = _t("CalendarNavPopover");
   return h(), D(Ae, null, [
-    K("div", Ye({ "data-helptext": "Press the arrow keys to navigate by day, Home and End to navigate to week ends, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year" }, e.$attrs, {
+    K("div", Ue({ "data-helptext": "Press the arrow keys to navigate by day, Home and End to navigate to week ends, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year" }, e.$attrs, {
       class: [
         "vc-container",
         `vc-${e.view}`,
@@ -17835,7 +17835,7 @@ function dP(e, t, a, n, r, i) {
       ref: "containerRef"
     }), [
       K("div", {
-        class: ce(["vc-pane-container", { "in-transition": e.inTransition }])
+        class: ue(["vc-pane-container", { "in-transition": e.inTransition }])
       }, [
         K("div", uP, [
           e.firstPage ? (h(), X(l, {
@@ -17986,8 +17986,8 @@ function pP(e, { emit: t, slots: a }) {
       ...e.selectAttribute,
       dates: o.value,
       pinPage: !0
-    }, { dot: j, bar: ae, highlight: pe, content: We } = A;
-    return !j && !ae && !pe && !We && (A.highlight = !0), A;
+    }, { dot: j, bar: ae, highlight: pe, content: qe } = A;
+    return !j && !ae && !pe && !qe && (A.highlight = !0), A;
   }), J = y(() => {
     if (!p.value || !Pe(c.value))
       return null;
@@ -17995,8 +17995,8 @@ function pP(e, { emit: t, slots: a }) {
       key: "select-drag",
       ...e.dragAttribute,
       dates: c.value
-    }, { dot: j, bar: ae, highlight: pe, content: We } = A;
-    return !j && !ae && !pe && !We && (A.highlight = {
+    }, { dot: j, bar: ae, highlight: pe, content: qe } = A;
+    return !j && !ae && !pe && !qe && (A.highlight = {
       startEnd: {
         fillMode: "outline"
       }
@@ -18005,9 +18005,9 @@ function pP(e, { emit: t, slots: a }) {
     const A = fa(e.attributes) ? [...e.attributes] : [];
     return J.value ? A.unshift(J.value) : W.value && A.unshift(W.value), A;
   }), ve = y(() => $e(
-    e.rules === "auto" ? ue() : e.rules ?? {}
+    e.rules === "auto" ? de() : e.rules ?? {}
   ));
-  function ue() {
+  function de() {
     const A = {
       ms: [0, 999],
       sec: [0, 59],
@@ -18073,16 +18073,16 @@ function pP(e, { emit: t, slots: a }) {
     if (!Pe(A))
       return null;
     if (xe(A)) {
-      const We = r.value.toDate(A.start, {
+      const qe = r.value.toDate(A.start, {
         ...j[0],
         fillDate: w.value ?? void 0,
         patch: ae
-      }), Ue = r.value.toDate(A.end, {
+      }), We = r.value.toDate(A.end, {
         ...j[1],
         fillDate: k.value ?? void 0,
         patch: ae
       });
-      return it({ start: We, end: Ue }, pe);
+      return ot({ start: qe, end: We }, pe);
     }
     return r.value.toDateOrNull(A, {
       ...j[0],
@@ -18098,18 +18098,18 @@ function pP(e, { emit: t, slots: a }) {
   }
   function Qe(A, j = {}) {
     return clearTimeout(g), new Promise((ae) => {
-      const { debounce: pe = 0, ...We } = j;
+      const { debounce: pe = 0, ...qe } = j;
       pe > 0 ? g = window.setTimeout(() => {
-        ae(Ze(A, We));
-      }, pe) : ae(Ze(A, We));
+        ae(Ze(A, qe));
+      }, pe) : ae(Ze(A, qe));
     });
   }
   function Ze(A, {
     config: j = _.value,
     patch: ae = "dateTime",
     clearIfEqual: pe = !1,
-    formatInput: We = !0,
-    hidePopover: Ue = !1,
+    formatInput: qe = !0,
+    hidePopover: We = !1,
     dragging: kt = N.value,
     targetPriority: Qt,
     moveToValue: Sa = !1
@@ -18124,7 +18124,7 @@ function pP(e, { emit: t, slots: a }) {
     if (Ge(Tt)) {
       if (kt)
         return null;
-      Tt = o.value, Ue = !1;
+      Tt = o.value, We = !1;
     } else Tt == null && e.isRequired ? Tt = o.value : (
       // Clear value if same value was passed
       Tt != null && Ne(o.value, Tt) && pe && (Tt = null)
@@ -18135,7 +18135,7 @@ function pP(e, { emit: t, slots: a }) {
       Tt,
       _.value
     );
-    return Y && (b = !1, t(kt ? "drag" : "update:modelValue", te), gt(() => b = !0)), Ue && !kt && qe(), We && oe(), Sa && gt(() => Lt(Qt ?? "start")), te;
+    return Y && (b = !1, t(kt ? "drag" : "update:modelValue", te), gt(() => b = !0)), We && !kt && He(), qe && oe(), Sa && gt(() => Lt(Qt ?? "start")), te;
   }
   function oe() {
     gt(() => {
@@ -18149,18 +18149,18 @@ function pP(e, { emit: t, slots: a }) {
       p.value ? f.value = [j && j.start, j && j.end] : f.value = [j, ""];
     });
   }
-  function _e(A, j, ae) {
+  function Ye(A, j, ae) {
     f.value.splice(j === "start" ? 0 : 1, 1, A);
     const pe = p.value ? {
       start: f.value[0],
       end: f.value[1] || f.value[0]
-    } : A, We = {
+    } : A, qe = {
       type: "string",
       mask: q.value
     };
     Qe(pe, {
       ...ae,
-      config: We,
+      config: qe,
       patch: $.value,
       targetPriority: j,
       moveToValue: !0
@@ -18168,7 +18168,7 @@ function pP(e, { emit: t, slots: a }) {
   }
   function ee(A) {
     return (j) => {
-      e.updateOnInput && _e(j.currentTarget.value, A, {
+      e.updateOnInput && Ye(j.currentTarget.value, A, {
         formatInput: !1,
         hidePopover: !1,
         debounce: e.inputDebounce
@@ -18177,7 +18177,7 @@ function pP(e, { emit: t, slots: a }) {
   }
   function ye(A) {
     return (j) => {
-      _e(j.currentTarget.value, A, {
+      Ye(j.currentTarget.value, A, {
         formatInput: !0,
         hidePopover: !1
       });
@@ -18204,7 +18204,7 @@ function pP(e, { emit: t, slots: a }) {
   function Te(A) {
     t("popover-did-show", A);
   }
-  function He(A) {
+  function _e(A) {
     we(), t("popover-will-hide", A);
   }
   function wt(A) {
@@ -18239,12 +18239,12 @@ function pP(e, { emit: t, slots: a }) {
         break;
       }
       case "Escape":
-        qe();
+        He();
     }
     t("daykeydown", A, j);
   }
   function Ot(A, j) {
-    !N.value || m == null || (m.end = A.date, Qe(it(m), {
+    !N.value || m == null || (m.end = A.date, Qe(ot(m), {
       patch: "date",
       formatInput: !0
     }));
@@ -18257,7 +18257,7 @@ function pP(e, { emit: t, slots: a }) {
       id: s.value
     });
   }
-  function qe(A = {}) {
+  function He(A = {}) {
     ci({
       hideDelay: 10,
       force: !0,
@@ -18274,7 +18274,7 @@ function pP(e, { emit: t, slots: a }) {
       id: s.value
     });
   }
-  function it(A, j) {
+  function ot(A, j) {
     const { start: ae, end: pe } = A;
     if (ae > pe)
       switch (j) {
@@ -18297,8 +18297,8 @@ function pP(e, { emit: t, slots: a }) {
     const ae = o.value;
     if (v.value == null || !Pe(ae))
       return !1;
-    const pe = A !== "end", We = pe ? 1 : -1, Ue = xe(ae) ? pe ? ae.start : ae.end : ae, kt = Fh(Ue, "monthly", r.value);
-    return v.value.move(kt, { position: We, ...j });
+    const pe = A !== "end", qe = pe ? 1 : -1, We = xe(ae) ? pe ? ae.start : ae.end : ae, kt = Fh(We, "monthly", r.value);
+    return v.value.move(kt, { position: qe, ...j });
   }
   fe(
     () => e.isRange,
@@ -18338,10 +18338,10 @@ function pP(e, { emit: t, slots: a }) {
       Ze(o.value, { formatInput: !0 });
     }
   );
-  const de = $e(_.value);
+  const ce = $e(_.value);
   o.value = at(
     e.modelValue ?? null,
-    de,
+    ce,
     "dateTime"
   ), st(() => {
     Ze(e.modelValue, {
@@ -18373,14 +18373,14 @@ function pP(e, { emit: t, slots: a }) {
     moveToValue: Lt,
     updateValue: Qe,
     showPopover: re,
-    hidePopover: qe,
+    hidePopover: He,
     togglePopover: Fe,
     onDayClick: Xe,
     onDayKeydown: $t,
     onDayMouseEnter: Ot,
     onPopoverBeforeShow: Me,
     onPopoverAfterShow: Te,
-    onPopoverBeforeHide: He,
+    onPopoverBeforeHide: _e,
     onPopoverAfterHide: wt
   };
   return vi(hg, H), H;
@@ -18542,12 +18542,12 @@ const yP = ["value"], bP = ["value", "disabled"], wP = {
       return n == null ? void 0 : n.label;
     });
     return (n, r) => (h(), D("div", {
-      class: ce(["vc-base-select", {
+      class: ue(["vc-base-select", {
         "vc-fit-content": e.fitContent,
         "vc-has-icon": e.showIcon
       }])
     }, [
-      K("select", Ye(n.$attrs, {
+      K("select", Ue(n.$attrs, {
         value: e.modelValue,
         class: ["vc-focus", {
           "vc-align-right": e.alignRight,
@@ -18598,7 +18598,7 @@ const yP = ["value"], bP = ["value", "disabled"], wP = {
       timeAccuracy: w
     } = n;
     return (k, S) => (h(), D("div", {
-      class: ce(["vc-time-picker", [{ "vc-invalid": !I(i), "vc-attached": !I(v) }]])
+      class: ue(["vc-time-picker", [{ "vc-invalid": !I(i), "vc-attached": !I(v) }]])
     }, [
       Z(ua, { name: "time-header" }, {
         default: B(() => [
@@ -18683,7 +18683,7 @@ const yP = ["value"], bP = ["value", "disabled"], wP = {
     } = Fu(), f = u.value ? [0, 1] : [0];
     return (d, v) => I(l) ? (h(), D("div", {
       key: 0,
-      class: ce(`vc-container vc-bordered vc-${I(n)} vc-${I(r)}`)
+      class: ue(`vc-container vc-bordered vc-${I(n)} vc-${I(r)}`)
     }, [
       (h(!0), D(Ae, null, Re(I(f), (g) => (h(), X(dv, {
         key: g,
@@ -18727,7 +18727,7 @@ const yP = ["value"], bP = ["value", "disabled"], wP = {
     return (o, c) => (h(), X(Ru, {
       id: I(t),
       placement: "bottom-start",
-      class: ce(`vc-date-picker-content vc-${I(a)} vc-${I(n)}`),
+      class: ue(`vc-date-picker-content vc-${I(a)} vc-${I(n)}`),
       ref_key: "popoverRef",
       ref: r,
       onBeforeShow: I(i),
@@ -18756,7 +18756,7 @@ function NP(e, t, a, n, r, i) {
   return e.$slots.default ? (h(), D(Ae, { key: 0 }, [
     Q(e.$slots, "default", lr(ys(e.slotCtx))),
     Z(l, lr(ys(e.$attrs)), null, 16)
-  ], 64)) : (h(), X(u, lr(Ye({ key: 1 }, e.$attrs)), null, 16));
+  ], 64)) : (h(), X(u, lr(Ue({ key: 1 }, e.$attrs)), null, 16));
 }
 const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-control" }, RP = ["data-testid", "disabled", "onClick"], FP = (e) => e.every((t) => t.value !== void 0), zP = (e) => {
   const t = [];
@@ -18802,7 +18802,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
     return (u, s) => (h(), D("div", BP, [
       (h(!0), D(Ae, null, Re(r.value, (o) => (h(), D("button", {
         key: `${o.value}-option`,
-        class: ce(["segmented-control-button", [e.size, { selected: a.modelValue === o.value }]]),
+        class: ue(["segmented-control-button", [e.size, { selected: a.modelValue === o.value }]]),
         "data-testid": `${o.value}-option`,
         disabled: i(o),
         type: "button",
@@ -18920,7 +18920,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
       } else
         C.tabName = "custom", T(e.modelValue), (e.modelValue.start && e.modelValue.end || o.value && e.modelValue.start) && M();
     }), (F, U) => (h(), D("div", {
-      class: ce(["k-datetime-picker", { "set-min-width": c.value }]),
+      class: ue(["k-datetime-picker", { "set-min-width": c.value }]),
       style: Oe(w.value)
     }, [
       Z(Tr, {
@@ -18971,12 +18971,12 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
             }, [
               K("div", jP, ie(W.section), 1),
               K("div", GP, [
-                (h(!0), D(Ae, null, Re(W.values, (V, ve) => (h(), X(lt, {
+                (h(!0), D(Ae, null, Re(W.values, (V, ve) => (h(), X(it, {
                   key: `time-${ve}`,
                   appearance: $(V),
                   class: "timeframe-button",
                   "data-testid": `select-timeframe-${V.timeframeLength()}`,
-                  onClick: (ue) => N(V, !0)
+                  onClick: (de) => N(V, !0)
                 }, {
                   default: B(() => [
                     me(ie(E(V.timeframeText)), 1)
@@ -18989,7 +18989,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
         ]),
         footer: B(() => [
           K("div", QP, [
-            F.clearButton ? (h(), X(lt, {
+            F.clearButton ? (h(), X(it, {
               key: 0,
               appearance: "tertiary",
               class: "action-button",
@@ -19001,7 +19001,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
               ])),
               _: 1
             })) : G("", !0),
-            f.value ? (h(), X(lt, {
+            f.value ? (h(), X(it, {
               key: 1,
               appearance: "tertiary",
               class: "action-button",
@@ -19018,17 +19018,17 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
         ]),
         default: B(() => [
           K("div", {
-            class: ce(["datetime-picker-trigger-wrapper", { disabled: F.disabled }])
+            class: ue(["datetime-picker-trigger-wrapper", { disabled: F.disabled }])
           }, [
             K("div", {
-              class: ce(["datetime-picker-trigger", { disabled: F.disabled }]),
+              class: ue(["datetime-picker-trigger", { disabled: F.disabled }]),
               "data-testid": "datetime-picker-trigger",
               role: "button",
               style: Oe(w.value),
               tabindex: F.disabled ? -1 : 0
             }, [
               K("span", {
-                class: ce(["datetime-picker-display", { "has-icon": F.icon, disabled: F.disabled }]),
+                class: ue(["datetime-picker-display", { "has-icon": F.icon, disabled: F.disabled }]),
                 "data-testid": "datetime-picker-display",
                 innerHTML: C.abbreviatedDisplay
               }, null, 10, UP)
@@ -19125,8 +19125,8 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
     };
     return fe(() => n.id, () => {
       S.value++;
-    }, { immediate: !0 }), (q, M) => (h(), D("div", Ye({ class: "k-file-upload" }, o.value), [
-      e.label ? (h(), X(Qa, Ye({ key: 0 }, e.labelAttributes, {
+    }, { immediate: !0 }), (q, M) => (h(), D("div", Ue({ class: "k-file-upload" }, o.value), [
+      e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
         ref_key: "labelElement",
         ref: f,
         for: s.value,
@@ -19148,7 +19148,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
       K("div", JP, [
         (h(), D("span", {
           key: S.value,
-          class: ce(["file-upload-input-text", { placeholder: !C.value, "has-icon": q.$slots.icon, disabled: e.disabled }])
+          class: ue(["file-upload-input-text", { placeholder: !C.value, "has-icon": q.$slots.icon, disabled: e.disabled }])
         }, ie(C.value ? C.value : e.placeholder), 3)),
         (h(), X(pn, {
           id: s.value,
@@ -19167,7 +19167,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
           onChange: N
         }, yt({
           after: B(() => [
-            Z(lt, {
+            Z(it, {
               appearance: "tertiary",
               class: "file-upload-button",
               "data-testid": "file-upload-button",
@@ -19224,9 +19224,9 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
     return (c, f) => {
       const d = _t("KTooltip"), v = _t("KLabel");
       return h(), D("div", {
-        class: ce(["k-input-switch", [c.size, { "label-before": c.labelBefore, disabled: c.disabled }, c.$attrs.class]])
+        class: ue(["k-input-switch", [c.size, { "label-before": c.labelBefore, disabled: c.disabled }, c.$attrs.class]])
       }, [
-        K("input", Ye(u.value, {
+        K("input", Ue(u.value, {
           id: l.value,
           ref_key: "switchInputElement",
           ref: r,
@@ -19236,7 +19236,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
           type: "checkbox",
           onInput: o
         }), null, 16, aN),
-        Z(d, Ye(c.disabled && c.disabledTooltipText ? c.tooltipAttributes : {}, {
+        Z(d, Ue(c.disabled && c.disabledTooltipText ? c.tooltipAttributes : {}, {
           class: "switch-control-wrapper",
           text: c.disabled ? c.disabledTooltipText : ""
         }), {
@@ -19244,7 +19244,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
             K("span", {
               "aria-checked": c.modelValue,
               "aria-labelledby": l.value,
-              class: ce(["switch-control", { checked: c.modelValue, disabled: c.disabled }]),
+              class: ue(["switch-control", { checked: c.modelValue, disabled: c.disabled }]),
               "data-testid": "switch-control",
               role: "checkbox",
               tabindex: c.disabled ? -1 : 0,
@@ -19702,11 +19702,11 @@ var pv = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(ue) {
-          var $e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, he = x.indexOf(ue);
-          return he < 0 ? $e ? R.slice(R.indexOf(ue) + 1).find(function(Ce) {
+        nextTabbableNode: function(de) {
+          var $e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, he = x.indexOf(de);
+          return he < 0 ? $e ? R.slice(R.indexOf(de) + 1).find(function(Ce) {
             return Gn(Ce);
-          }) : R.slice(0, R.indexOf(ue)).reverse().find(function(Ce) {
+          }) : R.slice(0, R.indexOf(de)).reverse().find(function(Ce) {
             return Gn(Ce);
           }) : x[he + ($e ? 1 : -1)];
         }
@@ -19752,7 +19752,7 @@ var pv = {
           return x === Ne;
         });
         if (ve < 0 && (V.container === x || rs(x, i.tabbableOptions) && !Gn(x, i.tabbableOptions) && !V.nextTabbableNode(x, !1)) && (ve = J), ve >= 0) {
-          var ue = ve === 0 ? l.tabbableGroups.length - 1 : ve - 1, $e = l.tabbableGroups[ue];
+          var de = ve === 0 ? l.tabbableGroups.length - 1 : ve - 1, $e = l.tabbableGroups[de];
           W = Dn(x) >= 0 ? $e.lastTabbableNode : $e.lastDomTabbableNode;
         } else ei(R) || (W = V.nextTabbableNode(x, !1));
       } else {
@@ -19803,8 +19803,8 @@ var pv = {
           }
         } else
           l.containerGroups.some(function(ve) {
-            return ve.tabbableNodes.some(function(ue) {
-              return Dn(ue) > 0;
+            return ve.tabbableNodes.some(function(de) {
+              return Dn(de) > 0;
             });
           }) || (U = !1);
       else
@@ -20154,7 +20154,7 @@ const FN = {
       S && (await gt(), k());
     }), fl(async () => {
       await b(!1), w(!1);
-    }), (S, C) => e.visible ? (h(), D("div", Ye({
+    }), (S, C) => e.visible ? (h(), D("div", Ue({
       key: 0,
       "aria-label": e.title,
       "aria-modal": "true",
@@ -20163,7 +20163,7 @@ const FN = {
       K("div", {
         ref_key: "modalWrapperElement",
         ref: o,
-        class: ce(["modal-backdrop", { "modal-full-screen": e.fullScreen && !S.$slots.content }]),
+        class: ue(["modal-backdrop", { "modal-full-screen": e.fullScreen && !S.$slots.content }]),
         onClick: C[3] || (C[3] = (T) => m(!1, T))
       }, [
         Z(I(zN), {
@@ -20175,7 +20175,7 @@ const FN = {
         }, {
           default: B(() => [
             K("div", {
-              class: ce(["modal-container", { "custom-content": S.$slots.content }]),
+              class: ue(["modal-container", { "custom-content": S.$slots.content }]),
               tabindex: "-1"
             }, [
               Q(S.$slots, "content", {}, () => [
@@ -20200,7 +20200,7 @@ const FN = {
                   ]))
                 ])) : G("", !0),
                 K("div", {
-                  class: ce(["modal-content", { "no-header": !v.value }])
+                  class: ue(["modal-content", { "no-header": !v.value }])
                 }, [
                   Q(S.$slots, "default", {}, void 0, !0)
                 ], 2),
@@ -20208,7 +20208,7 @@ const FN = {
                   Q(S.$slots, "footer", {}, () => [
                     K("div", WN, [
                       Q(S.$slots, "footer-actions", {}, () => [
-                        e.hideCancelButton ? G("", !0) : (h(), X(lt, {
+                        e.hideCancelButton ? G("", !0) : (h(), X(it, {
                           key: 0,
                           appearance: e.cancelButtonAppearance,
                           "data-testid": "modal-cancel-button",
@@ -20220,7 +20220,7 @@ const FN = {
                           ]),
                           _: 1
                         }, 8, ["appearance", "disabled"])),
-                        Z(lt, {
+                        Z(it, {
                           appearance: e.actionButtonAppearance,
                           "data-testid": "modal-action-button",
                           disabled: e.actionButtonDisabled,
@@ -20359,7 +20359,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
       K("div", {
         ref_key: "modalBodyContent",
         ref: r,
-        class: ce(["k-modal-fullscreen-dialog", { "has-footer": o.$slots["footer-content"] }]),
+        class: ue(["k-modal-fullscreen-dialog", { "has-footer": o.$slots["footer-content"] }]),
         tabindex: "0"
       }, [
         K("div", KN, [
@@ -20394,7 +20394,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
             K("div", a9, [
               K("div", n9, [
                 Q(o.$slots, "action-buttons", {}, () => [
-                  Z(lt, {
+                  Z(it, {
                     appearance: e.cancelButtonAppearance,
                     class: "cancel-button",
                     onClick: u
@@ -20404,7 +20404,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
                     ]),
                     _: 1
                   }, 8, ["appearance"]),
-                  Z(lt, {
+                  Z(it, {
                     appearance: e.actionButtonAppearance,
                     class: "proceed-button",
                     onClick: s
@@ -20424,7 +20424,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           K("div", i9, [
             K("div", o9, [
               Q(o.$slots, "action-buttons", {}, () => [
-                Z(lt, {
+                Z(it, {
                   appearance: e.actionButtonAppearance,
                   class: "proceed-button",
                   onClick: s
@@ -20465,7 +20465,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
     }, [
       K("div", d9, [
         K("button", {
-          class: ce({ selected: e.item.selected }),
+          class: ue({ selected: e.item.selected }),
           disabled: e.item.disabled === !0 ? !0 : void 0,
           type: "button",
           value: e.item.value,
@@ -20765,46 +20765,46 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
   },
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(e, { emit: t }) {
-    Ft((de) => ({
+    Ft((ce) => ({
       b75ec8f8: at.value
     }));
     const a = Vt(), n = It(), { getSizeFromString: r, cloneDeep: i, stripRequiredLabel: l } = At(), u = 36, s = "Filter...", o = e, c = t, f = Mt("kMultiselectItems"), d = y(() => a.required !== void 0 && String(a.required) !== "false"), v = y(() => l(o.label, d.value)), g = y(() => {
-      var de, H;
-      return !!((de = o.labelAttributes) != null && de.help || (H = o.labelAttributes) != null && H.info || n["label-tooltip"]);
-    }), m = (de) => Ce.value || xe.value || de != null && de.disabled ? "neutral" : o.error ? "danger" : "info", b = {
+      var ce, H;
+      return !!((ce = o.labelAttributes) != null && ce.help || (H = o.labelAttributes) != null && H.info || n["label-tooltip"]);
+    }), m = (ce) => Ce.value || xe.value || ce != null && ce.disabled ? "neutral" : o.error ? "danger" : "info", b = {
       hideCaret: !0,
       placement: "bottom-start",
       popoverTimeout: 0,
       popoverClasses: "multiselect-popover"
-    }, p = P(0), w = P(0), k = Dt(), S = y(() => a.id ? String(a.id) : k), C = Dt(), T = Mt("multiselectElement"), N = Mt("multiselectDropdownInputElement"), _ = Mt("multiselectSelectionsStagingElement"), z = y(() => o.selectedRowCount * u), q = P(""), M = y(() => !(!q.value || $.value.filter((de) => de.label === q.value).length)), E = P(null), $ = P([]), x = P([]), R = P([]), F = P([]), U = P([]), W = /* @__PURE__ */ new Set(), J = P([]), V = P([]), ve = y(() => V.value.map((de) => de.label).join(", ")), ue = P(!1), $e = P(!1), he = P(!1), Ce = y(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), xe = y(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Pe = y({
+    }, p = P(0), w = P(0), k = Dt(), S = y(() => a.id ? String(a.id) : k), C = Dt(), T = Mt("multiselectElement"), N = Mt("multiselectDropdownInputElement"), _ = Mt("multiselectSelectionsStagingElement"), z = y(() => o.selectedRowCount * u), q = P(""), M = y(() => !(!q.value || $.value.filter((ce) => ce.label === q.value).length)), E = P(null), $ = P([]), x = P([]), R = P([]), F = P([]), U = P([]), W = /* @__PURE__ */ new Set(), J = P([]), V = P([]), ve = y(() => V.value.map((ce) => ce.label).join(", ")), de = P(!1), $e = P(!1), he = P(!1), Ce = y(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), xe = y(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Pe = y({
       get() {
         return o.modelValue;
       },
-      set(de) {
-        const H = $.value.filter((A) => de.includes(A.value));
-        H.length ? we(H) : de.length || Xe();
+      set(ce) {
+        const H = $.value.filter((A) => ce.includes(A.value));
+        H.length ? we(H) : ce.length || Xe();
       }
     }), Ne = y(() => {
-      const de = { ...a };
-      return delete de.class, de;
+      const ce = { ...a };
+      return delete ce.class, ce;
     }), Ge = y(() => {
-      var de;
+      var ce;
       return {
         ...b,
         ...o.kpopAttributes,
-        popoverClasses: `${b.popoverClasses} ${((de = o.kpopAttributes) == null ? void 0 : de.popoverClasses) ?? ""} ${o.dropdownFooterText || n["dropdown-footer-text"] ? "has-dropdown-footer" : ""}`,
+        popoverClasses: `${b.popoverClasses} ${((ce = o.kpopAttributes) == null ? void 0 : ce.popoverClasses) ?? ""} ${o.dropdownFooterText || n["dropdown-footer-text"] ? "has-dropdown-footer" : ""}`,
         width: nt.value + "px",
         maxWidth: nt.value + "px",
         disabled: a.disabled !== void 0 && String(a.disabled) !== "false" || a.readonly !== void 0 && String(a.readonly) !== "false"
       };
     }), at = y(() => r(o.dropdownMaxHeight)), et = y(() => ({ ...Ge.value })), Qe = y(() => {
-      const de = o.width ? o.width : "300";
-      return r(de);
+      const ce = o.width ? o.width : "300";
+      return r(ce);
     }), Ze = y(() => ({
       width: Qe.value
     })), oe = y(() => ({
       width: nt.value + "px"
-    })), _e = y(() => {
+    })), Ye = y(() => {
       if (R.value.length === 0) {
         if (!o.collapsedContext && o.placeholder)
           return o.placeholder;
@@ -20812,12 +20812,12 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           return o.searchPlaceholder;
       }
       return R.value.length === 1 ? `${R.value.length} item selected` : `${R.value.length} items selected`;
-    }), ee = y(() => o.autosuggest ? $.value : o.filterFunction({ items: $.value, query: q.value })), ye = (de) => {
+    }), ee = y(() => o.autosuggest ? $.value : o.filterFunction({ items: $.value, query: q.value })), ye = (ce) => {
       var H;
-      (Ce.value || ((H = de == null ? void 0 : de.target) == null ? void 0 : H.dataset.propagateClicks) === "false") && de.stopPropagation();
-    }, De = async (de, H, A) => {
+      (Ce.value || ((H = ce == null ? void 0 : ce.target) == null ? void 0 : H.dataset.propagateClicks) === "false") && ce.stopPropagation();
+    }, De = async (ce, H, A) => {
       var j, ae;
-      if (de) {
+      if (ce) {
         if (!H.value) {
           q.value = "", A(), mt(), await gt();
           const pe = (ae = (j = N.value) == null ? void 0 : j.$el) == null ? void 0 : ae.querySelector("input");
@@ -20827,97 +20827,97 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         H.value && (q.value = "", A());
     }, ne = () => {
       setTimeout(() => {
-        const de = _.value;
+        const ce = _.value;
         if (o.collapsedContext) {
           w.value++;
           return;
         }
-        if (de) {
-          if (de.clientHeight > z.value) {
-            const A = Array.from(de.querySelectorAll(".multiselect-selection-badge")).filter((pe) => pe.offsetTop >= z.value), j = F.value.length - A.length, ae = F.value.splice(j, A.length);
+        if (ce) {
+          if (ce.clientHeight > z.value) {
+            const A = Array.from(ce.querySelectorAll(".multiselect-selection-badge")).filter((pe) => pe.offsetTop >= z.value), j = F.value.length - A.length, ae = F.value.splice(j, A.length);
             for (const pe of ae)
               W.has(pe.value) || (W.add(pe.value), U.value.push(pe));
           }
           w.value++;
         }
       }, 0);
-    }, we = (de) => {
-      de.forEach((H) => {
+    }, we = (ce) => {
+      ce.forEach((H) => {
         var j;
         const A = ((j = $.value.filter((ae) => ae.value === H.value)) == null ? void 0 : j[0]) || null;
         A.selected = !0, R.value.filter((ae) => ae.value === A.value).length || (R.value.push(A), F.value.push(A));
       }), ne();
-    }, Me = (de, H = !1) => {
-      const A = new Set(de.map((j) => j.value));
-      R.value = R.value.filter((j) => !A.has(j.value)), F.value = F.value.filter((j) => !A.has(j.value)), U.value = U.value.filter((j) => !A.has(j.value)), de.forEach((j) => {
+    }, Me = (ce, H = !1) => {
+      const A = new Set(ce.map((j) => j.value));
+      R.value = R.value.filter((j) => !A.has(j.value)), F.value = F.value.filter((j) => !A.has(j.value)), U.value = U.value.filter((j) => !A.has(j.value)), ce.forEach((j) => {
         if (W.delete(j.value), j.selected = !1, U.value.length) {
           const ae = U.value.pop();
           ae && (F.value.push(ae), W.delete(ae.value));
         }
         o.enableItemCreation && j.custom && ($.value = $.value.filter((ae) => ae.value !== j.value), c("item-removed", j));
       }), H && ne();
-    }, Te = (de, H) => {
-      var pe, We;
-      let A = !1, j = H ? de : ((pe = $.value.filter((Ue) => Ue.value === de.value)) == null ? void 0 : pe[0]) || null;
-      if (o.enableItemCreation && (j != null && j.custom) && (A = !0), j === null && (j = ((We = R.value.filter((Ue) => Ue.value === de.value)) == null ? void 0 : We[0]) || null), j === null)
+    }, Te = (ce, H) => {
+      var pe, qe;
+      let A = !1, j = H ? ce : ((pe = $.value.filter((We) => We.value === ce.value)) == null ? void 0 : pe[0]) || null;
+      if (o.enableItemCreation && (j != null && j.custom) && (A = !0), j === null && (j = ((qe = R.value.filter((We) => We.value === ce.value)) == null ? void 0 : qe[0]) || null), j === null)
         return;
       if (j.selected) {
-        if (R.value = R.value.filter((Ue) => Ue.value !== de.value), F.value.filter((Ue) => Ue.value === de.value).length ? F.value = F.value.filter((Ue) => Ue.value !== de.value) : W.delete(de.value) && (U.value = U.value.filter((Ue) => Ue.value !== de.value)), j.selected = !1, U.value.length) {
-          const Ue = U.value.pop();
-          Ue && (F.value.push(Ue), W.delete(Ue.value));
+        if (R.value = R.value.filter((We) => We.value !== ce.value), F.value.filter((We) => We.value === ce.value).length ? F.value = F.value.filter((We) => We.value !== ce.value) : W.delete(ce.value) && (U.value = U.value.filter((We) => We.value !== ce.value)), j.selected = !1, U.value.length) {
+          const We = U.value.pop();
+          We && (F.value.push(We), W.delete(We.value));
         }
-        A && ($.value = $.value.filter((Ue) => Ue.value !== de.value), c("item-removed", de));
+        A && ($.value = $.value.filter((We) => We.value !== ce.value), c("item-removed", ce));
       } else
         j.selected = !0, R.value.push(j), F.value.push(j), H && (j.custom = !0, $.value.push(j));
       ne();
-      const ae = R.value.map((Ue) => Ue.value);
+      const ae = R.value.map((We) => We.value);
       c("selected", R.value), c("change", j), c("update:modelValue", ae);
-    }, He = (de) => {
-      o.enableItemCreation && wt(), de.preventDefault();
+    }, _e = (ce) => {
+      o.enableItemCreation && wt(), ce.preventDefault();
     }, wt = () => {
       var A;
       if (!o.enableItemCreation || !q.value || !M.value || !o.itemCreationValidator(q.value))
         return;
-      const de = $.value.length + 1, H = {
+      const ce = $.value.length + 1, H = {
         label: il(q.value + ""),
         value: Ol(),
-        key: `${(A = il(q.value).replace(/ /gi, "-")) == null ? void 0 : A.replace(/[^a-z0-9-_]/gi, "")}-${de}`
+        key: `${(A = il(q.value).replace(/ /gi, "-")) == null ? void 0 : A.replace(/[^a-z0-9-_]/gi, "")}-${ce}`
       };
       c("item-added", H), Te(H, !0), q.value = "";
     }, mt = () => {
-      const de = ee.value.filter((pe) => pe.selected), H = ee.value.filter((pe) => !pe.selected), A = [...de, ...H], j = A.filter((pe) => !pe.group), ae = A.filter((pe) => pe.group).sort((pe, We) => pe.group.toLowerCase().localeCompare(We.group.toLowerCase()));
+      const ce = ee.value.filter((pe) => pe.selected), H = ee.value.filter((pe) => !pe.selected), A = [...ce, ...H], j = A.filter((pe) => !pe.group), ae = A.filter((pe) => pe.group).sort((pe, qe) => pe.group.toLowerCase().localeCompare(qe.group.toLowerCase()));
       x.value = [...j, ...ae];
     }, Xe = () => {
       $.value.forEach((H) => {
         H.disabled || (H.selected = !1, H.custom && c("item-removed", H));
       }), $.value = $.value.filter((H) => !(H.custom && !H.disabled)), R.value = R.value.filter((H) => H.disabled), F.value = F.value.filter((H) => H.disabled), U.value = U.value.filter((H) => (H.disabled || W.delete(H.value), H.disabled)), q.value = "", ne();
-      const de = R.value.map((H) => H.value);
-      c("selected", R.value), c("update:modelValue", de), c("query-change", "");
-    }, $t = (de) => {
-      q.value = de, c("query-change", de);
-    }, Ot = (de, H) => {
+      const ce = R.value.map((H) => H.value);
+      c("selected", R.value), c("update:modelValue", ce), c("query-change", "");
+    }, $t = (ce) => {
+      q.value = ce, c("query-change", ce);
+    }, Ot = (ce, H) => {
       var A;
-      de.keyCode === 27 && (H.value = !1), (de.key === "ArrowDown" || de.key === "ArrowUp") && ((A = f.value) == null || A.setFocus(de.key === "ArrowDown" ? "down" : "up"));
+      ce.keyCode === 27 && (H.value = !1), (ce.key === "ArrowDown" || ce.key === "ArrowUp") && ((A = f.value) == null || A.setFocus(ce.key === "ArrowDown" ? "down" : "up"));
     }, re = () => {
-      var de;
-      (de = E.value) == null || de.showPopover();
-    }, qe = (de) => {
+      var ce;
+      (ce = E.value) == null || ce.showPopover();
+    }, He = (ce) => {
       var H;
-      (de.key === "ArrowDown" || de.key === "ArrowUp") && ((H = f.value) == null || H.setFocus(de.key === "ArrowDown" ? "down" : "up"));
+      (ce.key === "ArrowDown" || ce.key === "ArrowUp") && ((H = f.value) == null || H.setFocus(ce.key === "ArrowDown" ? "down" : "up"));
     }, Fe = async () => {
-      he.value = !0, it();
-    }, it = () => {
-      ue.value || (ue.value = !0, c("query-change", ""));
+      he.value = !0, ot();
+    }, ot = () => {
+      de.value || (de.value = !0, c("query-change", ""));
     };
     fe(w, () => {
       setTimeout(() => {
-        const de = _.value;
+        const ce = _.value;
         if (o.collapsedContext) {
           J.value = i(F.value), V.value = [], p.value++;
           return;
         }
-        if (de)
-          if (de.clientHeight > z.value) {
+        if (ce)
+          if (ce.clientHeight > z.value) {
             const A = F.value.pop();
             A && !W.has(A.value) && (U.value.push(A), W.add(A.value)), w.value++;
           } else
@@ -20927,25 +20927,25 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       E.value && typeof E.value.updatePopper == "function" && (await gt(), E.value.updatePopper());
     }), fe(ee, () => {
       mt();
-    }), fe(Pe, (de, H) => {
-      if (JSON.stringify(de) !== JSON.stringify(H)) {
-        if (!de.length) {
+    }), fe(Pe, (ce, H) => {
+      if (JSON.stringify(ce) !== JSON.stringify(H)) {
+        if (!ce.length) {
           Xe();
           return;
         }
-        const A = new Set(H), j = new Set(de), ae = $.value.filter((We) => j.has(We.value)), pe = R.value.filter((We) => !j.has(We.value) && A.has(We.value));
+        const A = new Set(H), j = new Set(ce), ae = $.value.filter((qe) => j.has(qe.value)), pe = R.value.filter((qe) => !j.has(qe.value) && A.has(qe.value));
         pe.length && Me(pe), ae.length && we(ae);
       }
-    }), fe(() => o.items, (de, H) => {
+    }), fe(() => o.items, (ce, H) => {
       var A, j;
-      if (JSON.stringify(de) !== JSON.stringify(H)) {
+      if (JSON.stringify(ce) !== JSON.stringify(H)) {
         $.value = i(o.items);
         for (let ae = 0; ae < $.value.length; ae++) {
           $.value[ae].selected === void 0 && ($.value[ae].selected = !1);
           let pe = `${(j = (A = $.value[ae].label) == null ? void 0 : A.replace(/ /gi, "-")) == null ? void 0 : j.replace(/[^a-z0-9-_]/gi, "")}-${ae}`;
           if (pe.includes("undefined") && (pe = `multiselect-item-label-${ae}`), $.value[ae].key = pe, o.modelValue.includes($.value[ae].value) || $.value[ae].selected) {
-            const We = $.value[ae];
-            We.selected = !0, R.value.filter((Ue) => Ue.value === We.value).length || R.value.push(We), F.value.filter((Ue) => Ue.value === We.value).length || F.value.push(We);
+            const qe = $.value[ae];
+            qe.selected = !0, R.value.filter((We) => We.value === qe.value).length || R.value.push(qe), F.value.filter((We) => We.value === qe.value).length || F.value.push(qe);
           }
         }
         ne(), E.value && typeof E.value.updatePopper == "function" && gt(() => {
@@ -20954,20 +20954,20 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       }
     }, { deep: !0, immediate: !0 });
     const nt = P(300), Nt = async () => {
-      var de;
-      nt.value = 300, await gt(), nt.value = ((de = T.value) == null ? void 0 : de.clientWidth) || 300, ne();
+      var ce;
+      nt.value = 300, await gt(), nt.value = ((ce = T.value) == null ? void 0 : ce.clientWidth) || 300, ne();
     }, Lt = P();
     return st(() => {
       na("resize", Nt), Lt.value = Yn.create(Nt), Lt.value.observe(T.value);
     }), Kt(() => {
       Lt.value && T.value && Lt.value.unobserve(T.value);
-    }), (de, H) => {
+    }), (ce, H) => {
       const A = _t("KTooltip");
       return h(), D("div", {
-        class: ce(["k-multiselect", [de.$attrs.class, { "multiselect-error": e.error }]]),
+        class: ue(["k-multiselect", [ce.$attrs.class, { "multiselect-error": e.error }]]),
         style: Oe(Ze.value)
       }, [
-        e.label ? (h(), X(Qa, Ye({ key: 0 }, e.labelAttributes, {
+        e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
           "data-testid": e.labelAttributes["data-testid"] ? e.labelAttributes["data-testid"] : "multiselect-label",
           for: S.value,
           required: d.value
@@ -20980,7 +20980,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           g.value ? {
             name: "tooltip",
             fn: B(() => [
-              Q(de.$slots, "label-tooltip", {}, void 0, !0)
+              Q(ce.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -20988,7 +20988,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         K("div", C9, [
           Z(I(vl), null, {
             default: B(({ isToggled: j, toggle: ae }) => [
-              Z(Tr, Ye({
+              Z(Tr, Ue({
                 ref_key: "popper",
                 ref: E,
                 "hide-close-icon": ""
@@ -21018,10 +21018,10 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         type: "text",
                         onClick: H[5] || (H[5] = Ke(() => {
                         }, ["stop"])),
-                        onFocus: it,
-                        onKeydown: ft(He, ["enter"]),
+                        onFocus: ot,
+                        onKeydown: ft(_e, ["enter"]),
                         onKeyup: [
-                          qe,
+                          He,
                           H[6] || (H[6] = ft(Ke(() => {
                           }, ["stop"]), ["enter"]))
                         ],
@@ -21038,35 +21038,35 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                       onSelected: Te
                     }, {
                       content: B(({ item: pe }) => [
-                        Q(de.$slots, "item-template", {
+                        Q(ce.$slots, "item-template", {
                           class: "multiselect-item",
                           item: pe
                         }, void 0, !0)
                       ]),
                       _: 3
                     }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
-                    !x.value.length && !de.$slots.empty && !e.enableItemCreation ? (h(), X($o, {
+                    !x.value.length && !ce.$slots.empty && !e.enableItemCreation ? (h(), X($o, {
                       key: "multiselect-empty-item",
                       class: "multiselect-empty-item",
                       "data-testid": "multiselect-empty-item",
                       item: { label: "No results", value: "no_results", disabled: !0 }
                     })) : G("", !0),
-                    de.$slots.empty && !e.loading && !x.value.length ? (h(), D("div", A9, [
-                      Q(de.$slots, "empty", {}, void 0, !0)
+                    ce.$slots.empty && !e.loading && !x.value.length ? (h(), D("div", A9, [
+                      Q(ce.$slots, "empty", {}, void 0, !0)
                     ])) : G("", !0)
                   ], 32),
-                  e.dropdownFooterText || de.$slots["dropdown-footer-text"] ? (h(), D("div", {
+                  e.dropdownFooterText || ce.$slots["dropdown-footer-text"] ? (h(), D("div", {
                     key: 0,
-                    class: ce(["dropdown-footer", `dropdown-footer-${e.dropdownFooterTextPosition}`]),
+                    class: ue(["dropdown-footer", `dropdown-footer-${e.dropdownFooterTextPosition}`]),
                     "data-testid": "dropdown-footer"
                   }, [
-                    Q(de.$slots, "dropdown-footer-text", {}, () => [
+                    Q(ce.$slots, "dropdown-footer-text", {}, () => [
                       me(ie(e.dropdownFooterText), 1)
                     ], !0)
                   ], 2)) : G("", !0)
                 ]),
                 default: B(() => [
-                  K("div", Ye({
+                  K("div", Ue({
                     id: S.value,
                     ref: "multiselectElement",
                     class: ["multiselect-trigger", { focused: he.value, hovered: $e.value, disabled: Ce.value, readonly: xe.value }],
@@ -21085,11 +21085,11 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         autocapitalize: "off",
                         autocomplete: "off",
                         autocorrect: "off",
-                        class: ce(["multiselect-input", { "is-readonly": xe.value }]),
+                        class: ue(["multiselect-input", { "is-readonly": xe.value }]),
                         "data-testid": "multiselect-input",
                         disabled: Ce.value,
                         "model-value": q.value,
-                        placeholder: _e.value,
+                        placeholder: Ye.value,
                         readonly: xe.value ? !0 : void 0,
                         spellcheck: "false",
                         type: "text",
@@ -21098,7 +21098,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                           j.value && pe.stopPropagation();
                         },
                         onFocus: Fe,
-                        onKeydown: ft(He, ["enter"]),
+                        onKeydown: ft(_e, ["enter"]),
                         onKeyup: (pe) => Ot(pe, j),
                         onMouseenter: H[1] || (H[1] = () => $e.value = !0),
                         onMouseleave: H[2] || (H[2] = () => $e.value = !1),
@@ -21110,8 +21110,8 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                       "data-testid": "selection-badges-container",
                       style: Oe(oe.value)
                     }, [
-                      (h(!0), D(Ae, null, Re(J.value, (pe, We) => (h(), X(Vr, {
-                        key: `${I(C)}-${pe.key ? pe.key : We}-badge-${p.value}`,
+                      (h(!0), D(Ae, null, Re(J.value, (pe, qe) => (h(), X(Vr, {
+                        key: `${I(C)}-${pe.key ? pe.key : qe}-badge-${p.value}`,
                         appearance: m(pe),
                         class: "multiselect-selection-badge",
                         "icon-before": !1,
@@ -21133,7 +21133,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                               class: "badge-dismiss-button",
                               "data-testid": "badge-dismiss-button",
                               type: "button",
-                              onClick: (Ue) => Te(pe)
+                              onClick: (We) => Te(pe)
                             }, [
                               Z(I(da), { decorative: "" })
                             ], 8, T9)
@@ -21163,7 +21163,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         ]),
                         _: 1
                       }, 8, ["text"])) : G("", !0)
-                    ], 4)) : (h(), D("div", D9, ie(_e.value), 1)),
+                    ], 4)) : (h(), D("div", D9, ie(Ye.value), 1)),
                     K("div", x9, [
                       !e.loading && R.value.length && j.value ? (h(), D("button", {
                         key: 0,
@@ -21311,7 +21311,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       f || (l.value = "", u.value = !1);
     }), fe(l, (f) => {
       f && f === a.confirmationText && (u.value = !1);
-    }), (f, d) => (h(), X(Dg, Ye({ ...i.value, ...e.modalAttributes }, {
+    }), (f, d) => (h(), X(Dg, Ue({ ...i.value, ...e.modalAttributes }, {
       "action-button-appearance": e.actionButtonAppearance,
       "action-button-disabled": s.value,
       "action-button-text": e.actionButtonText,
@@ -21459,12 +21459,12 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       "card-vertical": a.card && a.cardOrientation !== "horizontal"
     }));
     return (p, w) => (h(), D("div", {
-      class: ce(["k-radio", [
+      class: ue(["k-radio", [
         p.$attrs.class ? p.$attrs.class : "",
         b.value
       ]])
     }, [
-      K("input", Ye({ id: l.value }, m.value, {
+      K("input", Ue({ id: l.value }, m.value, {
         "aria-checked": d.value,
         checked: d.value,
         class: ["radio-input", { hidden: e.card && !e.cardRadioVisible }],
@@ -21475,9 +21475,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       }), null, 16, q9),
       !e.card && (e.label || p.$slots.default) ? (h(), D("div", {
         key: 0,
-        class: ce(["radio-label-wrapper", { "has-description": o.value }])
+        class: ue(["radio-label-wrapper", { "has-description": o.value }])
       }, [
-        Z(Qa, Ye(e.labelAttributes, {
+        Z(Qa, Ue(e.labelAttributes, {
           class: "radio-label",
           for: l.value
         }), yt({
@@ -21503,7 +21503,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         ])) : G("", !0)
       ], 2)) : e.label || p.$slots.default ? (h(), D("label", {
         key: 1,
-        class: ce(["radio-card-wrapper radio-label-wrapper", { "has-label": e.label, "has-description": c.value, "show-radio": e.cardRadioVisible }]),
+        class: ue(["radio-card-wrapper radio-label-wrapper", { "has-label": e.label, "has-description": c.value, "show-radio": e.cardRadioVisible }]),
         for: l.value,
         tabindex: u.value || d.value ? -1 : 0,
         onKeydown: w[0] || (w[0] = ft(Ke(() => {
@@ -21552,7 +21552,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     }, [
       K("div", e6, [
         K("button", {
-          class: ce({ selected: e.item.selected }),
+          class: ue({ selected: e.item.selected }),
           disabled: e.item.disabled === !0 ? !0 : void 0,
           type: "button",
           value: e.item.value,
@@ -21865,10 +21865,10 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         maxWidth: String(R.value),
         disabled: g.value || m.value
       };
-    }), W = y(() => a(r.dropdownMaxHeight)), J = y(() => ({ ...U.value })), V = y(() => r.placeholder || l.placeholder || "Select..."), ve = y(() => !g.value && r.clearable && !!_.value), ue = y(() => !!(_.value && (u["selected-item-template"] || r.reuseItemTemplate && u["item-template"]))), $e = y(() => {
+    }), W = y(() => a(r.dropdownMaxHeight)), J = y(() => ({ ...U.value })), V = y(() => r.placeholder || l.placeholder || "Select..."), ve = y(() => !g.value && r.clearable && !!_.value), de = y(() => !!(_.value && (u["selected-item-template"] || r.reuseItemTemplate && u["item-template"]))), $e = y(() => {
       let ne = [];
       !r.enableFiltering || r.filterFunction({ query: C.value, items: z.value }) === !0 ? ne = z.value : ne = r.filterFunction({ query: C.value, items: z.value });
-      const we = ne.filter((Te) => !Te.group), Me = ne.filter((Te) => Te.group).sort((Te, He) => Te.group.toLowerCase().localeCompare(He.group.toLowerCase()));
+      const we = ne.filter((Te) => !Te.group), Me = ne.filter((Te) => Te.group).sort((Te, _e) => Te.group.toLowerCase().localeCompare(_e.group.toLowerCase()));
       return [...we, ...Me];
     }), he = (ne) => {
       if (!r.enableFiltering)
@@ -21888,9 +21888,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       i("item-added", we), Pe(we, !0), C.value = "";
     }, Pe = (ne, we) => {
       var Me, Te;
-      we && ((Me = z.value) == null || Me.push(ne)), (Te = z.value) == null || Te.forEach((He, wt) => {
+      we && ((Me = z.value) == null || Me.push(ne)), (Te = z.value) == null || Te.forEach((_e, wt) => {
         var mt;
-        He.key === ne.key ? (He.selected = !0, _.value = He) : He.selected ? (He.selected = !1, He.custom && ((mt = z.value) == null || mt.splice(wt, 1), i("item-removed", He))) : He.selected = !1;
+        _e.key === ne.key ? (_e.selected = !0, _.value = _e) : _e.selected ? (_e.selected = !1, _e.custom && ((mt = z.value) == null || mt.splice(wt, 1), i("item-removed", _e))) : _e.selected = !1;
       }), S.value = !0, C.value = ne.label;
     }, Ne = () => {
       var ne;
@@ -21899,13 +21899,13 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         we.selected = !1, we.custom && ((Te = z.value) == null || Te.splice(Me, 1), i("item-removed", we));
       }), _.value = null, C.value = "", i("input", null), i("change", null), i("update:modelValue", null);
     }, Ge = Mt("kSelectItems"), at = (ne, we) => {
-      var Te, He;
+      var Te, _e;
       if (ne.keyCode === 27) {
         we.value = !1;
         return;
       }
       const Me = (Te = E.value) == null ? void 0 : Te.children[0];
-      !we.value && Me && Me.click(), (ne.key === "ArrowDown" || ne.key === "ArrowUp") && we.value && ((He = Ge.value) == null || He.setFocus(ne.key === "ArrowDown" ? "down" : "up"));
+      !we.value && Me && Me.click(), (ne.key === "ArrowDown" || ne.key === "ArrowUp") && we.value && ((_e = Ge.value) == null || _e.setFocus(ne.key === "ArrowDown" ? "down" : "up"));
     }, et = (ne) => {
       C.value !== ne && (C.value = ne);
     }, Qe = () => {
@@ -21915,7 +21915,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     }, oe = () => {
       var ne, we, Me;
       r.enableFiltering || (Me = (we = (ne = w.value) == null ? void 0 : ne.$el) == null ? void 0 : we.querySelector("input")) == null || Me.blur();
-    }, _e = (ne) => {
+    }, Ye = (ne) => {
       var we;
       (g.value || ((we = ne == null ? void 0 : ne.target) == null ? void 0 : we.dataset.propagateClicks) === "false") && ne.stopPropagation();
     }, ee = (ne) => {
@@ -21928,16 +21928,16 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     return fe($, (ne, we) => {
       var Me;
       if (ne !== we) {
-        const Te = (Me = z.value) == null ? void 0 : Me.filter((He) => He.value === ne);
+        const Te = (Me = z.value) == null ? void 0 : Me.filter((_e) => _e.value === ne);
         Te != null && Te.length ? Pe(Te[0]) : ne || Ne();
       }
     }), fe(() => r.items, (ne, we) => {
-      var Me, Te, He, wt, mt;
+      var Me, Te, _e, wt, mt;
       if (JSON.stringify(ne) !== JSON.stringify(we)) {
         z.value = JSON.parse(JSON.stringify(r.items)), (Me = z.value) != null && Me.length && (_.value = null);
         for (let Xe = 0; Xe < ((Te = z.value) == null ? void 0 : Te.length); Xe++) {
           z.value[Xe].selected === void 0 && (z.value[Xe].selected = !1);
-          let $t = `${(wt = (He = z.value[Xe].label) == null ? void 0 : He.replace(/ /gi, "-")) == null ? void 0 : wt.replace(/[^a-z0-9-_]/gi, "")}-${Xe}`;
+          let $t = `${(wt = (_e = z.value[Xe].label) == null ? void 0 : _e.replace(/ /gi, "-")) == null ? void 0 : wt.replace(/[^a-z0-9-_]/gi, "")}-${Xe}`;
           $t.includes("undefined") && ($t = `select-item-label-${Xe}`), z.value[Xe].key = $t, (z.value[Xe].value === r.modelValue || z.value[Xe].selected) && (z.value[Xe].selected = !0, _.value = z.value[Xe], q.value || (S.value = !0, C.value = _.value.label)), ((mt = _.value) == null ? void 0 : mt.value) === z.value[Xe].value && (z.value[Xe].selected = !0);
         }
         M.value && typeof M.value.updatePopper == "function" && gt(() => {
@@ -21960,9 +21960,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       var ne;
       E.value && ((ne = f.value) == null || ne.unobserve(E.value));
     }), (ne, we) => (h(), D("div", {
-      class: ce(["k-select", [ne.$attrs.class]])
+      class: ue(["k-select", [ne.$attrs.class]])
     }, [
-      e.label ? (h(), X(Qa, Ye({ key: 0 }, e.labelAttributes, {
+      e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
         "data-testid": "select-label",
         for: o.value,
         required: v.value
@@ -21982,7 +21982,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       ]), 1040, ["for", "required"])) : G("", !0),
       Z(I(vl), null, {
         default: B(({ toggle: Me, isToggled: Te }) => [
-          Z(Tr, Ye({ ref: "popperElement" }, J.value, {
+          Z(Tr, Ue({ ref: "popperElement" }, J.value, {
             "close-on-popover-click": "",
             "hide-close-icon": "",
             onClose: () => ye(Me, Te.value),
@@ -22010,10 +22010,10 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                     onAddItem: xe,
                     onSelected: Pe
                   }, {
-                    content: B(({ item: He }) => [
+                    content: B(({ item: _e }) => [
                       Q(ne.$slots, "item-template", {
                         class: "select-item-label select-item-desc",
-                        item: He
+                        item: _e
                       }, void 0, !0)
                     ]),
                     _: 3
@@ -22045,16 +22045,16 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                 class: "select-wrapper",
                 "data-testid": "select-wrapper",
                 role: "listbox",
-                onClick: _e
+                onClick: Ye
               }, [
-                (h(), X(pn, Ye({
+                (h(), X(pn, Ue({
                   id: o.value,
                   key: p.value,
                   ref: "inputElement",
                   autocapitalize: "off",
                   autocomplete: "off",
                   autocorrect: "off",
-                  class: ["select-input", { "filtering-disabled": !e.enableFiltering, "hide-model-value": ue.value && (!e.enableFiltering || !Te.value), "input-has-focus": q.value || Te.value }],
+                  class: ["select-input", { "filtering-disabled": !e.enableFiltering, "hide-model-value": de.value && (!e.enableFiltering || !Te.value), "input-has-focus": q.value || Te.value }],
                   "data-testid": "select-input",
                   disabled: g.value,
                   error: e.error,
@@ -22069,7 +22069,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                   onKeydown: ft(Ce, ["enter"]),
                   onKeypress: he,
                   onKeyup: [
-                    (He) => at(He, Te),
+                    (_e) => at(_e, Te),
                     we[0] || (we[0] = ft(Ke(() => {
                     }, ["stop"]), ["enter"]))
                   ],
@@ -22087,7 +22087,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                       Z(I(da), { decorative: "" })
                     ])) : G("", !0),
                     Z(I(pl), {
-                      class: ce(["chevron-down-icon", { disabled: g.value }]),
+                      class: ue(["chevron-down-icon", { disabled: g.value }]),
                       decorative: ""
                     }, null, 8, ["class"])
                   ]),
@@ -22110,9 +22110,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                 ]), 1040, ["id", "class", "disabled", "error", "model-value", "placeholder", "readonly", "onKeyup"])),
                 Z(ia, { name: "kongponents-fade-transition" }, {
                   default: B(() => [
-                    ue.value && (!e.enableFiltering || !Te.value) ? (h(), D("div", {
+                    de.value && (!e.enableFiltering || !Te.value) ? (h(), D("div", {
                       key: 0,
-                      class: ce(["custom-selected-item-wrapper", { clearable: e.clearable }])
+                      class: ue(["custom-selected-item-wrapper", { clearable: e.clearable }])
                     }, [
                       Q(ne.$slots, "selected-item-template", { item: _.value }, () => [
                         Q(ne.$slots, "item-template", { item: _.value }, void 0, !0)
@@ -22130,7 +22130,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       }),
       e.help ? (h(), D("p", {
         key: 1,
-        class: ce(["help-text", { "select-error": e.error }])
+        class: ue(["help-text", { "select-error": e.error }])
       }, ie(e.help), 3)) : G("", !0)
     ], 2));
   }
@@ -22211,7 +22211,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         default: B(() => [
           e.visible ? (h(), D("div", {
             key: 0,
-            class: ce(["slideout-backdrop", { "backdrop-transparent": !e.hasOverlay }])
+            class: ue(["slideout-backdrop", { "backdrop-transparent": !e.hasOverlay }])
           }, null, 2)) : G("", !0)
         ]),
         _: 1
@@ -22280,7 +22280,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       "data-testid": `step-${e.state}`
     }, [
       K("div", {
-        class: ce(["step-container", `${e.state}`])
+        class: ue(["step-container", `${e.state}`])
       }, [
         K("div", T6, [
           e.state === "completed" ? (h(), X(I(km), {
@@ -22418,7 +22418,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
             s.value ? {
               name: "after",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   appearance: "tertiary",
                   "aria-label": "Clear search",
                   class: "clear-search",
@@ -22471,7 +22471,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
             }, 1032, ["data-testid", "onClick"]))), 128))
           ], 512),
           K("div", P6, [
-            Z(lt, {
+            Z(it, {
               appearance: "tertiary",
               class: "apply-button",
               "data-testid": "apply-button",
@@ -22490,7 +22490,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
             text: r.value ? void 0 : "Show/Hide Columns"
           }, {
             default: B(() => [
-              Z(lt, {
+              Z(it, {
                 appearance: "secondary",
                 "aria-label": "Show/Hide Columns",
                 class: "menu-button",
@@ -22762,7 +22762,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       sortColumnKey: "",
       sortColumnOrder: "desc",
       offset: null
-    }, v = P([]), g = P(), m = P([]), b = P([]), p = P(""), w = P(""), k = P(""), S = y(() => m.value.filter((O) => O.hidable).length > 0), C = y(() => !!(S.value && !u.error && !nt.value && !u.loading && v.value && v.value.length)), T = y(() => m.value.filter((O) => O.hidable)), N = y(() => C.value ? u.tablePreferences.columnVisibility || {} : {}), _ = P(C.value ? u.tablePreferences.columnVisibility || {} : {}), z = P(0), q = P(!1), M = P(1), E = P(15), $ = P(""), x = P(""), R = P("desc"), F = P(null), U = P([]), W = P(!0), J = P(!1), V = P(!1), ve = y(() => !!c.toolbar || C.value), ue = y(() => ({
+    }, v = P([]), g = P(), m = P([]), b = P([]), p = P(""), w = P(""), k = P(""), S = y(() => m.value.filter((O) => O.hidable).length > 0), C = y(() => !!(S.value && !u.error && !nt.value && !u.loading && v.value && v.value.length)), T = y(() => m.value.filter((O) => O.hidable)), N = y(() => C.value ? u.tablePreferences.columnVisibility || {} : {}), _ = P(C.value ? u.tablePreferences.columnVisibility || {} : {}), z = P(0), q = P(!1), M = P(1), E = P(15), $ = P(""), x = P(""), R = P("desc"), F = P(null), U = P([]), W = P(!0), J = P(!1), V = P(!1), ve = y(() => !!c.toolbar || C.value), de = y(() => ({
       maxHeight: l(u.maxHeight)
     })), $e = (O) => `column-${O}`, he = (O) => `tooltip-${O}`, Ce = (O) => O, xe = (O, Y) => (te, se) => {
       const be = /^on[^a-z]/, ke = {};
@@ -22770,8 +22770,8 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         be.test(tt) && Y[tt] && (ke[tt] = Y[tt]);
       return Object.keys(ke).reduce((tt, ut) => {
         if (ut.indexOf(O) === 0) {
-          const ot = ut.split(O);
-          tt[ot[1]] = (Zt) => ke[ut](Zt, te, se);
+          const lt = ut.split(O);
+          tt[lt[1]] = (Zt) => ke[ut](Zt, te, se);
         }
         return tt;
       }, {});
@@ -22782,14 +22782,14 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         ...se,
         click(ke) {
           const tt = ke.target.className;
-          let ut = be.includes(ke.target.tagName.toLowerCase()), ot = !1;
-          typeof tt == "string" || Array.isArray(tt) ? ot = tt.includes("k-popover") : typeof tt == "object" && (ot = Object.keys(tt).includes("k-popover")), ke.target.closest(".popover-content") !== null && (ot = !0);
+          let ut = be.includes(ke.target.tagName.toLowerCase()), lt = !1;
+          typeof tt == "string" || Array.isArray(tt) ? lt = tt.includes("k-popover") : typeof tt == "object" && (lt = Object.keys(tt).includes("k-popover")), ke.target.closest(".popover-content") !== null && (lt = !0);
           for (let Zt = 0; Zt < be.length; Zt++)
             if (ke.target.closest(be[Zt]) !== null) {
               ut = !0;
               break;
             }
-          if ((!ut || ke.target.hasAttribute("disabled")) && !ot && (te.click || se.click))
+          if ((!ut || ke.target.hasAttribute("disabled")) && !lt && (te.click || se.click))
             if (se.click) {
               s("cell-click", { data: O });
               const Zt = se.click(ke, O, "cell");
@@ -22848,25 +22848,25 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           return `${parseInt(te.height, 10)}px`;
       }
       return "auto";
-    }), _e = (O, Y) => {
+    }), Ye = (O, Y) => {
       var ut;
       if (O.button !== 0)
         return;
       let te = 0, se = 0;
       p.value = Y;
       let be = null;
-      (ut = Ze.value) == null || ut.forEach((ot) => {
-        ot.getAttribute("data-testid") === `table-header-${Y}` && (be = document == null ? void 0 : document.querySelector(`[data-tableid="${f}"] [data-testid="table-header-${Y}"]`));
+      (ut = Ze.value) == null || ut.forEach((lt) => {
+        lt.getAttribute("data-testid") === `table-header-${Y}` && (be = document == null ? void 0 : document.querySelector(`[data-tableid="${f}"] [data-testid="table-header-${Y}"]`));
       });
-      const ke = (ot) => {
-        const Zt = ot.clientX - te;
+      const ke = (lt) => {
+        const Zt = lt.clientX - te;
         be == null || be.setAttribute("style", `width: ${se + Zt}px`), Ne.value[Y] = se + Zt;
       }, tt = () => {
         p.value = "", document == null || document.removeEventListener("mousemove", ke), document == null || document.removeEventListener("mouseup", tt), kt();
       };
       if (te = O.clientX, be) {
-        const ot = window == null ? void 0 : window.getComputedStyle(be);
-        ot != null && ot.width && (se = parseInt(ot.width, 10)), document == null || document.addEventListener("mousemove", ke), document == null || document.addEventListener("mouseup", tt);
+        const lt = window == null ? void 0 : window.getComputedStyle(be);
+        lt != null && lt.width && (se = parseInt(lt.width, 10)), document == null || document.addEventListener("mousemove", ke), document == null || document.addEventListener("mouseup", tt);
       }
     }, ee = P(!0), ye = async () => {
       var te, se;
@@ -22894,37 +22894,37 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         return "";
       let O = f;
       return u.cacheIdentifier && (O = u.cacheIdentifier), u.fetcherCacheKey && (O += `-${u.fetcherCacheKey}`), `k-table_${O}`;
-    }), Te = P(""), { debouncedFn: He, generateDebouncedFn: wt } = a((O) => {
+    }), Te = P(""), { debouncedFn: _e, generateDebouncedFn: wt } = a((O) => {
       Te.value = O;
     }, 350), mt = wt(0), { data: Xe, error: $t, revalidate: Ot, isValidating: re } = n(
       () => Me.value,
       () => ye(),
       { revalidateOnFocus: !1, revalidateDebounce: 0 }
-    ), { state: qe, hasData: Fe, swrvState: it } = r(Xe, $t, re), nt = P(!0), Nt = y(() => ({
+    ), { state: He, hasData: Fe, swrvState: ot } = r(Xe, $t, re), nt = P(!0), Nt = y(() => ({
       hasData: Fe.value,
-      state: qe.value
-    })), Lt = y(() => nt.value ? "loading" : $t.value ? "error" : "success"), { debouncedFn: de, generateDebouncedFn: H } = a(Ot, 500), A = H(0), j = (O) => {
+      state: He.value
+    })), Lt = y(() => nt.value ? "loading" : $t.value ? "error" : "success"), { debouncedFn: ce, generateDebouncedFn: H } = a(Ot, 500), A = H(0), j = (O) => {
       const { key: Y, useSortHandlerFunction: te } = O, se = x.value + "";
       M.value = 1, x.value ? Y === x.value ? R.value === "asc" ? R.value = "desc" : R.value = "asc" : (x.value = Y, R.value = "asc", U.value = [null]) : (x.value = Y, R.value = "asc", U.value = [null]), u.clientSort ? te && u.sortHandlerFunction ? u.sortHandlerFunction({
         key: Y,
         prevKey: se,
         sortColumnOrder: R.value,
         data: v.value
-      }) : i(Y, se, R.value, v.value) : u.paginationOffset || de(), kt();
+      }) : i(Y, se, R.value, v.value) : u.paginationOffset || ce(), kt();
     }, ae = ({ page: O }) => {
       M.value = O;
     }, pe = ({ pageSize: O }) => {
       U.value = [null], F.value = null, E.value = O, M.value = 1, kt();
-    }, We = (O) => {
+    }, qe = (O) => {
       O && O.target && typeof O.target.scrollTop == "number" && (O.target.scrollTop > 1 ? q.value = !0 : O.target.scrollTop === 0 && (q.value = !q.value));
-    }, Ue = y(() => ({
+    }, We = y(() => ({
       pageSize: E.value,
       sortColumnKey: x.value,
       sortColumnOrder: R.value,
       ...u.resizeColumns ? { columnWidths: Ne.value } : {},
       ...S.value ? { columnVisibility: _.value } : {}
     })), kt = () => {
-      Lt.value === "success" && s("update:table-preferences", Ue.value);
+      Lt.value === "success" && s("update:table-preferences", We.value);
     }, Qt = () => {
       M.value++, F.value = we.value;
     }, Sa = () => {
@@ -22935,12 +22935,12 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       JSON.stringify(se) !== JSON.stringify(b.value) && (b.value = se, kt());
     }, { deep: !0, immediate: !0 }), fe(Xe, (O) => {
       O != null && O.length && !v.value.length && (v.value = O);
-    }, { deep: !0, immediate: !0 }), fe(qe, () => {
-      switch (qe.value) {
-        case it.PENDING:
+    }, { deep: !0, immediate: !0 }), fe(He, () => {
+      switch (He.value) {
+        case ot.PENDING:
           nt.value = !0;
           break;
-        case it.VALIDATING_HAS_DATA:
+        case ot.VALIDATING_HAS_DATA:
           nt.value = L.value;
           break;
         default:
@@ -22956,12 +22956,12 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         // newData[stateData].hasData
       });
     }), fe(() => u.searchInput, (O) => {
-      M.value !== 1 && (M.value = 1), O === "" ? mt(O) : He(O);
+      M.value !== 1 && (M.value = 1), O === "" ? mt(O) : _e(O);
     }, { immediate: !0 });
     const L = P(!1);
     return fe([Te, M, E], async (O, Y) => {
       const te = Y == null ? void 0 : Y[0], se = O[0], be = O[1];
-      se !== te && be !== 1 && (M.value = 1, U.value = [null], F.value = null), V.value && !ee.value && (L.value = !0, se !== "" && se !== te ? await de() : await A(), L.value = !1);
+      se !== te && be !== 1 && (M.value = 1, U.value = [null], F.value = null), V.value && !ee.value && (L.value = !0, se !== "" && se !== te ? await ce() : await A(), L.value = !1);
     }, { deep: !0, immediate: !0 }), fe(C, (O) => {
       O && (_.value = u.tablePreferences.columnVisibility || {});
     }, { immediate: !0 }), st(() => {
@@ -22994,7 +22994,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
             e.errorStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   "data-testid": Tt(e.errorStateActionMessage),
                   to: e.errorStateActionRoute ? e.errorStateActionRoute : void 0,
                   onClick: Y[1] || (Y[1] = (te) => O.$emit("error-action-click"))
@@ -23019,7 +23019,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
             e.emptyStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   appearance: e.searchInput ? "tertiary" : "primary",
                   "data-testid": Tt(e.emptyStateActionMessage),
                   to: e.emptyStateActionRoute ? e.emptyStateActionRoute : void 0,
@@ -23039,28 +23039,28 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
       ])) : (h(), D("div", Y6, [
         K("div", {
           class: "table-wrapper",
-          style: Oe(ue.value),
-          onScrollPassive: We
+          style: Oe(de.value),
+          onScrollPassive: qe
         }, [
           K("table", {
-            class: ce(["table", {
+            class: ue(["table", {
               "has-hover": e.rowHover,
               "is-clickable": J.value
             }]),
             "data-tableid": I(f)
           }, [
             K("thead", {
-              class: ce({ "is-scrolled": q.value })
+              class: ue({ "is-scrolled": q.value })
             }, [
               K("tr", {
                 ref_key: "headerRow",
                 ref: g,
-                class: ce({ "is-scrolled": q.value })
+                class: ue({ "is-scrolled": q.value })
               }, [
                 (h(!0), D(Ae, null, Re(b.value, (te, se) => (h(), D("th", {
                   key: `table-${I(f)}-headers-${se}`,
                   "aria-sort": e.sortable && te.key === x.value ? R.value === "asc" ? "ascending" : "descending" : void 0,
-                  class: ce(["table-headers", at(te, se)]),
+                  class: ue(["table-headers", at(te, se)]),
                   "data-testid": `table-header-${te.key}`,
                   style: Oe(Ge.value[te.key]),
                   onClick: () => {
@@ -23079,19 +23079,19 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
                     class: "resize-handle previous",
                     onClick: Y[3] || (Y[3] = Ke(() => {
                     }, ["stop"])),
-                    onMousedown: (be) => _e(be, b.value[se - 1].key),
+                    onMousedown: (be) => Ye(be, b.value[se - 1].key),
                     onMouseleave: Y[4] || (Y[4] = (be) => w.value = ""),
                     onMouseover: (be) => w.value = b.value[se - 1].key
                   }, null, 40, q6)) : G("", !0),
                   K("div", {
                     "aria-describedby": te.tooltip || O.$slots[he(te.key)] ? `${he(te.key)}-${I(f)}` : void 0,
-                    class: ce(["table-headers-container", { resized: p.value === te.key }])
+                    class: ue(["table-headers-container", { resized: p.value === te.key }])
                   }, [
                     Q(O.$slots, $e(te.key), {
                       column: Ce(te)
                     }, () => [
                       K("span", {
-                        class: ce(["table-header-label", {
+                        class: ue(["table-header-label", {
                           "sr-only": te.hideLabel
                         }])
                       }, ie(te.label ? te.label : te.key), 3)
@@ -23129,7 +23129,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
                     class: "resize-handle",
                     onClick: Y[5] || (Y[5] = Ke(() => {
                     }, ["stop"])),
-                    onMousedown: (be) => _e(be, te.key),
+                    onMousedown: (be) => Ye(be, te.key),
                     onMouseleave: Y[6] || (Y[6] = (be) => w.value = ""),
                     onMouseover: (be) => w.value = te.key
                   }, null, 40, U6)) : G("", !0)
@@ -23137,12 +23137,12 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
               ], 2)
             ], 2),
             K("tbody", null, [
-              (h(!0), D(Ae, null, Re(v.value, (te, se) => (h(), D("tr", Ye({ ref_for: !0 }, e.rowAttrs(te), {
+              (h(!0), D(Ae, null, Re(v.value, (te, se) => (h(), D("tr", Ue({ ref_for: !0 }, e.rowAttrs(te), {
                 key: `table-${I(f)}-row-${se}`,
                 role: J.value ? "link" : null,
                 tabindex: J.value ? 0 : null
               }), [
-                (h(!0), D(Ae, null, Re(b.value, (be, ke) => (h(), D("td", Ye({ ref_for: !0 }, e.cellAttrs({ headerKey: be.key, row: te, rowIndex: se, colIndex: ke }), {
+                (h(!0), D(Ae, null, Re(b.value, (be, ke) => (h(), D("td", Ue({ ref_for: !0 }, e.cellAttrs({ headerKey: be.key, row: te, rowIndex: se, colIndex: ke }), {
                   key: `table-${I(f)}-cell-${ke}`,
                   class: {
                     "resize-hover": e.resizeColumns && Qe.value === be.key && ke !== b.value.length - 1
@@ -23226,66 +23226,59 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    var o;
-    const a = e, n = t, r = P(a.modelValue ? a.modelValue : (o = a.tabs[0]) == null ? void 0 : o.hash), i = async (c) => {
-      (typeof a.beforeChange != "function" || await a.beforeChange(c)) && (r.value = c, n("change", c), n("update:modelValue", c));
-    }, l = (c) => c.replace("#", ""), u = (c) => c.disabled ? "-1" : typeof a.anchorTabindex == "number" && a.anchorTabindex >= -1 && a.anchorTabindex <= 32767 ? String(a.anchorTabindex) : "0", s = (c) => {
-      if (c.to) {
-        if (typeof c.to == "string")
-          return { tag: "a", attributes: { href: c.disabled ? void 0 : c.to } };
-        if (typeof c.to == "object")
-          return { tag: "router-link", attributes: { to: c.disabled ? void 0 : c.to } };
-      }
-      return { tag: "div", attributes: {} };
-    };
-    return fe(() => a.modelValue, (c) => {
-      r.value = c, n("change", c), n("update:modelValue", c);
-    }), (c, f) => (h(), D("div", G6, [
+    var s;
+    const a = e, n = t, r = P(a.modelValue ? a.modelValue : (s = a.tabs[0]) == null ? void 0 : s.hash), i = async (o) => {
+      (typeof a.beforeChange != "function" || await a.beforeChange(o)) && (r.value = o, n("change", o), n("update:modelValue", o));
+    }, l = (o) => o.replace("#", ""), u = (o) => o.disabled ? "-1" : typeof a.anchorTabindex == "number" && a.anchorTabindex >= -1 && a.anchorTabindex <= 32767 ? String(a.anchorTabindex) : "0";
+    return fe(() => a.modelValue, (o) => {
+      r.value = o, n("change", o), n("update:modelValue", o);
+    }), (o, c) => (h(), D("div", G6, [
       K("ul", Q6, [
-        (h(!0), D(Ae, null, Re(e.tabs, (d) => (h(), D("li", {
-          id: `${d.hash.replace("#", "")}-tab`,
-          key: d.hash,
-          class: ce(["tab-item", { active: r.value === d.hash }]),
-          "data-testid": `${d.hash.replace("#", "")}-tab`
+        (h(!0), D(Ae, null, Re(e.tabs, (f) => (h(), D("li", {
+          id: `${f.hash.replace("#", "")}-tab`,
+          key: f.hash,
+          class: ue(["tab-item", { active: r.value === f.hash }]),
+          "data-testid": `${f.hash.replace("#", "")}-tab`
         }, [
-          (h(), X(ze(s(d).tag), Ye({
-            "aria-controls": e.hidePanels ? void 0 : `panel-${d.hash}`,
-            "aria-selected": e.hidePanels ? void 0 : r.value === d.hash ? "true" : "false",
-            class: ["tab-link", { disabled: d.disabled }],
+          Z(it, {
+            appearance: "none",
+            "aria-controls": e.hidePanels ? void 0 : `panel-${f.hash}`,
+            "aria-selected": e.hidePanels ? void 0 : r.value === f.hash ? "true" : "false",
+            class: ue(["tab-link", { disabled: f.disabled }]),
+            disabled: f.disabled,
             role: "tab",
-            tabindex: u(d),
-            ref_for: !0
-          }, s(d).attributes, {
+            tabindex: u(f),
+            to: f.to,
             onClick: [
-              (v) => d.disabled ? void 0 : i(d.hash),
-              Ke((v) => d.disabled ? void 0 : i(d.hash), ["prevent"])
+              (d) => f.disabled ? void 0 : i(f.hash),
+              Ke((d) => f.disabled ? void 0 : i(f.hash), ["prevent"])
             ],
             onKeydown: [
-              ft(Ke((v) => d.disabled ? void 0 : i(d.hash), ["prevent"]), ["enter"]),
-              ft(Ke((v) => d.disabled ? void 0 : i(d.hash), ["prevent"]), ["space"])
+              ft(Ke((d) => f.disabled ? void 0 : i(f.hash), ["prevent"]), ["enter"]),
+              ft(Ke((d) => f.disabled ? void 0 : i(f.hash), ["prevent"]), ["space"])
             ]
-          }), {
+          }, {
             default: B(() => [
-              Q(c.$slots, `${l(d.hash)}-anchor`, {}, () => [
-                K("span", null, ie(d.title), 1)
+              Q(o.$slots, `${l(f.hash)}-anchor`, {}, () => [
+                K("span", null, ie(f.title), 1)
               ])
             ]),
             _: 2
-          }, 1040, ["aria-controls", "aria-selected", "class", "tabindex", "onClick", "onKeydown"]))
+          }, 1032, ["aria-controls", "aria-selected", "class", "disabled", "tabindex", "to", "onClick", "onKeydown"])
         ], 10, Z6))), 128))
       ]),
-      e.hidePanels ? G("", !0) : (h(!0), D(Ae, { key: 0 }, Re(e.tabs, (d, v) => (h(), D("div", {
-        id: `panel-${v}`,
-        key: d.hash,
-        "aria-labelledby": `${l(d.hash)}-tab`,
+      e.hidePanels ? G("", !0) : (h(!0), D(Ae, { key: 0 }, Re(e.tabs, (f, d) => (h(), D("div", {
+        id: `panel-${d}`,
+        key: f.hash,
+        "aria-labelledby": `${l(f.hash)}-tab`,
         class: "tab-container",
         role: "tabpanel"
       }, [
-        r.value === d.hash ? Q(c.$slots, l(d.hash), { key: 0 }) : G("", !0)
+        r.value === f.hash ? Q(o.$slots, l(f.hash), { key: 0 }) : G("", !0)
       ], 8, X6))), 128))
     ]));
   }
-}), eL = /* @__PURE__ */ Ee(J6, [["__scopeId", "data-v-12c95938"]]), tL = ["data-value"], aL = ["id", "aria-invalid", "rows", "value"], is = 2048, bv = Ap ? 0 : Ep(), wv = fw("field-sizing", "content"), nL = {
+}), eL = /* @__PURE__ */ Ee(J6, [["__scopeId", "data-v-adc5b823"]]), tL = ["data-value"], aL = ["id", "aria-invalid", "rows", "value"], is = 2048, bv = Ap ? 0 : Ep(), wv = fw("field-sizing", "content"), nL = {
   inheritAttrs: !1
 }, rL = /* @__PURE__ */ le({
   ...nL,
@@ -23396,9 +23389,9 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
       _ > q - bv && z > M - bv && (N.style.height = "");
     };
     return (T, N) => (h(), D("div", {
-      class: ce(["k-textarea", [T.$attrs.class, { "input-error": e.error || e.hasError || p.value }]])
+      class: ue(["k-textarea", [T.$attrs.class, { "input-error": e.error || e.hasError || p.value }]])
     }, [
-      e.label ? (h(), X(Qa, Ye({
+      e.label ? (h(), X(Qa, Ue({
         key: 0,
         for: m.value
       }, e.labelAttributes, { required: u.value }), yt({
@@ -23416,14 +23409,14 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
         } : void 0
       ]), 1040, ["for", "required"])) : G("", !0),
       K("div", {
-        class: ce(["input-textarea-wrapper", {
+        class: ue(["input-textarea-wrapper", {
           autosize: e.autosize,
           legacy: e.autosize && !I(wv)
         }]),
         "data-allow-mismatch": "class",
         "data-value": I(wv) ? null : s.value
       }, [
-        K("textarea", Ye({ id: m.value }, b.value, {
+        K("textarea", Ue({ id: m.value }, b.value, {
           "aria-invalid": f.value,
           class: ["input-textarea", {
             resizable: e.resizable || e.isResizable
@@ -23497,7 +23490,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
       default: B(() => [
         (h(!0), D(Ae, null, Re(e.toasterState, (r) => (h(), D("div", {
           key: r.key,
-          class: ce(["toaster", `${r.appearance}`]),
+          class: ue(["toaster", `${r.appearance}`]),
           role: "alert"
         }, [
           K("div", oL, [
@@ -24369,8 +24362,8 @@ Be.prototype = /** @lends Sortable.prototype */
         fromSortable: d,
         target: n,
         completed: w,
-        onMove: function(ve, ue) {
-          return po(ht, a, ge, r, ve, Et(ve), t, ue);
+        onMove: function(ve, de) {
+          return po(ht, a, ge, r, ve, Et(ve), t, de);
         },
         changed: k
       }, J));
@@ -25179,7 +25172,7 @@ const JL = {
         "aria-controls": `tree-list-draggable-${e.controlsId}`,
         "aria-expanded": s.value,
         "aria-label": s.value ? "Collapse" : "Expand",
-        class: ce(["tree-item-expanded-button", {
+        class: ue(["tree-item-expanded-button", {
           collapsed: !s.value,
           expanded: s.value
         }]),
@@ -25189,7 +25182,7 @@ const JL = {
         onKeyup: ft(c, ["enter"])
       }, [
         Z(I(Vs), {
-          class: ce(["tree-item-expanded-icon", {
+          class: ue(["tree-item-expanded-icon", {
             collapsed: !s.value,
             expanded: s.value
           }]),
@@ -25200,7 +25193,7 @@ const JL = {
         }, null, 8, ["class", "size"])
       ], 42, aB)) : G("", !0),
       K("button", {
-        class: ce(["tree-item", {
+        class: ue(["tree-item", {
           "not-draggable": e.disabled,
           selected: e.item.selected,
           expanded: e.collapsible && s.value,
@@ -25354,7 +25347,7 @@ const JL = {
       }), await gt(), n.collapsible && q();
     }), t({ collapseAll: k, expandAll: S }), (M, E) => {
       const $ = _t("KTreeDraggable", !0);
-      return h(), X(I(eB), Ye(u, {
+      return h(), X(I(eB), Ue(u, {
         class: "tree-draggable",
         direction: "vertical",
         disabled: e.disableDrag,
@@ -25371,7 +25364,7 @@ const JL = {
         default: B(() => [
           (h(!0), D(Ae, null, Re(l.value, (x) => (h(), D("div", {
             key: x.id,
-            class: ce(["tree-item-container", {
+            class: ue(["tree-item-container", {
               "has-no-children": c(x)
             }])
           }, [
@@ -25407,7 +25400,7 @@ const JL = {
             dn((h(), X($, {
               id: `tree-list-draggable-${x.id}`,
               key: `tree-item-${x.id}-children-${i.value}`,
-              class: ce({
+              class: ue({
                 collapsible: e.collapsible
               }),
               collapsible: e.collapsible,
@@ -25684,7 +25677,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       return h(), D("div", {
         ref_key: "kTruncateWrapper",
         ref: u,
-        class: ce(["k-truncate", [n.value ? "expanded" : "", `truncate-${e.truncateText ? "text" : "content"}`]]),
+        class: ue(["k-truncate", [n.value ? "expanded" : "", `truncate-${e.truncateText ? "text" : "content"}`]]),
         style: Oe(b.value)
       }, [
         !e.truncateText && r.value ? (h(), D("div", mB, [
@@ -25817,11 +25810,11 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     }), (b, p) => (h(), D("div", DB, [
       b.badge && b.badgeLabel ? (h(), D("span", TB, ie(b.badgeLabel), 1)) : G("", !0),
       K("div", {
-        class: ce(["copy-container", { "copy-element": b.truncate || b.badge, "badge-styles": b.badge }])
+        class: ue(["copy-container", { "copy-element": b.truncate || b.badge, "badge-styles": b.badge }])
       }, [
         b.format !== "hidden" ? (h(), X(va, {
           key: 0,
-          class: ce([i.value]),
+          class: ue([i.value]),
           "data-testid": "copy-tooltip-wrapper",
           "max-width": "500px",
           placement: "bottom-start",
@@ -25831,7 +25824,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
             K("div", {
               ref_key: "copyTextElement",
               ref: f,
-              class: ce(["copy-text", { monospace: b.monospace || !b.badge }])
+              class: ue(["copy-text", { monospace: b.monospace || !b.badge }])
             }, ie(l.value), 3)
           ]),
           _: 1
@@ -25903,7 +25896,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
           text: "Selected Row Actions"
         }, {
           default: B(() => [
-            Z(lt, {
+            Z(it, {
               appearance: "secondary",
               "aria-label": e.buttonLabel,
               class: "bulk-actions-dropdown-trigger",
@@ -26004,7 +25997,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     }));
     const a = e, n = t, r = Vt(), i = It(), l = Dt(), { getSizeFromString: u } = At(), s = (L) => typeof a.rowKey == "function" && typeof a.rowKey(L) == "string" ? a.rowKey(L) : typeof a.rowKey == "string" && a.rowKey in L && typeof L[a.rowKey] == "string" ? L[a.rowKey] : "", o = Mt("table-wrapper"), c = Mt("header-row"), f = P([]), d = P([]), v = P(""), g = P(""), m = P(""), b = y(() => f.value.filter((L) => L.hidable).length > 0), p = y(() => a.nested || !b.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), w = y(() => a.loading || !(a.data && a.data.length)), k = y(() => f.value.filter((L) => L.hidable && !Te(L.key))), S = y(() => p.value ? a.tablePreferences.columnVisibility || {} : {}), C = P(p.value ? a.tablePreferences.columnVisibility || {} : {}), T = P("100%"), N = P(!1), _ = P(!1), z = P(!1), q = P(!1), M = P(""), E = P("desc"), $ = P(!1), x = y(() => !a.hideToolbar && !a.nested && (!!i.toolbar || p.value || ve.value)), R = P(!1), F = y(() => ({
       maxHeight: u(a.maxHeight)
-    })), U = y(() => `${Ep()}px`), W = P([]), J = y(() => !a.nested && !a.error && f.value.some((L) => L.key === je.BULK_ACTIONS) && !!(i["bulk-action-items"] || i["bulk-actions"]) && !!a.data.every((L) => s(L))), V = P([]), ve = y(() => a.nested || !J.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), ue = y(() => {
+    })), U = y(() => `${Ep()}px`), W = P([]), J = y(() => !a.nested && !a.error && f.value.some((L) => L.key === je.BULK_ACTIONS) && !!(i["bulk-action-items"] || i["bulk-actions"]) && !!a.data.every((L) => s(L))), V = P([]), ve = y(() => a.nested || !J.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), de = y(() => {
       const L = W.value.length;
       return L ? L > 100 ? "99+" : String(L) : "";
     }), $e = P(/* @__PURE__ */ new WeakMap()), he = (L) => `column-${L}`, Ce = (L) => `tooltip-${L}`, xe = (L) => L, Pe = (L, O) => (Y, te) => {
@@ -26014,7 +26007,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       return Object.keys(be).reduce((ke, tt) => {
         if (tt.indexOf(L) === 0) {
           const ut = tt.split(L);
-          ke[ut[1]] = (ot) => be[tt](ot, Y, te);
+          ke[ut[1]] = (lt) => be[tt](lt, Y, te);
         }
         return ke;
       }, {});
@@ -26027,20 +26020,20 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
           const ke = be.target.className;
           let tt = se.includes(be.target.tagName.toLowerCase()), ut = !1;
           typeof ke == "string" || Array.isArray(ke) ? ut = ke.includes("k-popover") : typeof ke == "object" && (ut = Object.keys(ke).includes("k-popover")), be.target.closest(".popover-content") !== null && (ut = !0);
-          for (let ot = 0; ot < se.length; ot++)
-            if (be.target.closest(se[ot]) !== null) {
+          for (let lt = 0; lt < se.length; lt++)
+            if (be.target.closest(se[lt]) !== null) {
               tt = !0;
               break;
             }
           if ((!tt || be.target.hasAttribute("disabled")) && !ut && (Y.click || te.click))
             if (te.click) {
               n("cell-click", { data: L });
-              const ot = te.click(be, L, "cell");
-              typeof ot == "function" && ot(be, L);
+              const lt = te.click(be, L, "cell");
+              typeof lt == "function" && lt(be, L);
             } else {
               n("row-click", { data: O });
-              const ot = Y.click(be, O, "row");
-              typeof ot == "function" && ot(be, O);
+              const lt = Y.click(be, O, "row");
+              typeof lt == "function" && lt(be, O);
             }
         }
       };
@@ -26059,7 +26052,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       return L;
     }), oe = (L, O) => ({
       // display the resize handle on the right side of the column if props.resizeColumns is enabled, hovering current column, and not the last column
-      "resize-hover": ye.value === L.key && a.resizeColumns && !a.nested && O !== d.value.length - 1 && He(L),
+      "resize-hover": ye.value === L.key && a.resizeColumns && !a.nested && O !== d.value.length - 1 && _e(L),
       resizable: a.resizeColumns && !a.nested,
       // display sort control if column is sortable, label is visible, and sorting is not disabled
       sortable: !L.hideLabel && !!L.sortable,
@@ -26071,7 +26064,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       "sticky-column": (L.key === je.BULK_ACTIONS || L.key === je.EXPANDABLE) && z.value,
       "second-sticky-column": L.key === je.BULK_ACTIONS && H.value,
       "has-row-scroll-overlay": Me(L.key)
-    }), _e = (L) => {
+    }), Ye = (L) => {
       if (L.sortable && L.key !== je.BULK_ACTIONS && L.key !== je.ACTIONS) {
         let O = "asc";
         L.key === M.value && E.value === "asc" && (O = "desc"), n("sort", {
@@ -26114,16 +26107,16 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         ut.getAttribute("data-testid") === `table-header-${O}` && (se = document == null ? void 0 : document.querySelector(`[data-tableid="${l}"] [data-testid="table-header-${O}"]`));
       });
       const be = (ut) => {
-        const ot = ut.clientX - Y;
-        se == null || se.setAttribute("style", `width: ${te + ot}px`), Qe.value[O] = te + ot;
+        const lt = ut.clientX - Y;
+        se == null || se.setAttribute("style", `width: ${te + lt}px`), Qe.value[O] = te + lt;
       }, ke = () => {
-        v.value = "", document == null || document.removeEventListener("mousemove", be), document == null || document.removeEventListener("mouseup", ke), de(), H.value && kt();
+        v.value = "", document == null || document.removeEventListener("mousemove", be), document == null || document.removeEventListener("mouseup", ke), ce(), H.value && kt();
       };
       if (Y = L.clientX, se) {
         const ut = window == null ? void 0 : window.getComputedStyle(se);
         ut != null && ut.width && (te = parseInt(ut.width, 10)), document == null || document.addEventListener("mousemove", be), document == null || document.addEventListener("mouseup", ke);
       }
-    }, Me = (L) => z.value ? J.value ? L === je.BULK_ACTIONS : H.value ? L === je.EXPANDABLE : !1 : !1, Te = (L) => L === je.EXPANDABLE || L === je.BULK_ACTIONS || L === je.ACTIONS, He = (L, O = !1) => {
+    }, Me = (L) => z.value ? J.value ? L === je.BULK_ACTIONS : H.value ? L === je.EXPANDABLE : !1 : !1, Te = (L) => L === je.EXPANDABLE || L === je.BULK_ACTIONS || L === je.ACTIONS, _e = (L, O = !1) => {
       if (O) {
         if (d.value.indexOf(L) === d.value.length - 1)
           return !1;
@@ -26143,7 +26136,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     }, { deep: !0, immediate: !0 });
     const Xe = (L) => {
       const { key: O } = L;
-      M.value && O === M.value ? E.value === "asc" ? E.value = "desc" : E.value = "asc" : (M.value = O, E.value = "asc"), de();
+      M.value && O === M.value ? E.value === "asc" ? E.value = "desc" : E.value = "asc" : (M.value = O, E.value = "asc"), ce();
     }, $t = (L) => {
       L && L.target && (typeof L.target.scrollTop == "number" || typeof L.target.scrollLeft == "number") && (L.target.scrollTop > 1 ? (N.value = !0, _.value = !0) : L.target.scrollTop === 0 && (_.value = !1), L.target.scrollLeft > 1 ? z.value = !0 : L.target.scrollLeft === 0 && (z.value = !1), L.target.scrollWidth === L.target.scrollLeft + L.target.clientWidth ? q.value = !1 : q.value = !0);
     }, Ot = (L) => V.value.find((O) => O.rowKey === s(L)), re = (L) => {
@@ -26151,7 +26144,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         return !1;
       const O = a.rowBulkActionEnabled(L);
       return typeof O == "boolean" ? O : O.enabled;
-    }, qe = (L) => {
+    }, He = (L) => {
       if (typeof a.rowBulkActionEnabled != "function")
         return "";
       const O = a.rowBulkActionEnabled(L);
@@ -26159,7 +26152,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     }, Fe = (L, O) => {
       const { to: Y } = a.rowLink(L);
       return !Y || O === je.BULK_ACTIONS || O === je.ACTIONS ? "div" : typeof Y == "object" ? "router-link" : "a";
-    }, it = (L, O) => {
+    }, ot = (L, O) => {
       if (O === je.BULK_ACTIONS || O === je.ACTIONS)
         return {};
       const { to: Y, target: te } = a.rowLink(L), se = Y && typeof Y == "object", be = Y && typeof Y == "string";
@@ -26171,14 +26164,14 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         }
       };
     }, nt = P(xg(a.tablePreferences, a.paginationAttributes)), Nt = (L) => {
-      nt.value = L.pageSize, n("page-size-change", L), de();
+      nt.value = L.pageSize, n("page-size-change", L), ce();
     }, Lt = y(() => ({
       sortColumnKey: M.value,
       sortColumnOrder: E.value,
       ...a.resizeColumns ? { columnWidths: Qe.value } : {},
       ...b.value ? { columnVisibility: C.value } : {},
       ...nt.value && !a.hidePagination && { pageSize: nt.value }
-    })), de = () => {
+    })), ce = () => {
       n("update:table-preferences", Lt.value);
     }, H = y(() => !a.nested && a.data.some((L) => a.rowExpandable(L))), A = { key: je.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, j = () => {
       const L = [];
@@ -26187,7 +26180,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       }), L;
     }, ae = P(j()), pe = async (L, O) => {
       kt(), await gt(), ae.value.includes(L) ? (ae.value = ae.value.filter((Y) => Y !== L), n("update:row-expanded", { row: O, expanded: !1 })) : (ae.value = [...ae.value, L], n("update:row-expanded", { row: O, expanded: !0 }));
-    }, We = y(() => d.value.filter((L) => L.key !== je.EXPANDABLE && L.key !== je.BULK_ACTIONS)), Ue = P({}), kt = () => {
+    }, qe = y(() => d.value.filter((L) => L.key !== je.EXPANDABLE && L.key !== je.BULK_ACTIONS)), We = P({}), kt = () => {
       const L = document == null ? void 0 : document.querySelector(`[data-tableid="${l}"]`), O = L == null ? void 0 : L.querySelectorAll("th"), Y = {};
       O == null || O.forEach((te, se) => {
         const be = te.getAttribute("data-key");
@@ -26195,12 +26188,12 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
           return;
         let ke = te.getBoundingClientRect().width;
         se === 1 && (ke += Ge), se === O.length - 1 && (ke -= 15), Y[be] = ke;
-      }), Ue.value = Y;
+      }), We.value = Y;
     };
     fe([C, f, H], (L) => {
       const [O, Y, te] = L;
       let se = Y.filter((be) => be.key === je.BULK_ACTIONS ? J.value : O[be.key] !== !1);
-      se.find((be) => be.key === je.EXPANDABLE) && (se = se.filter((be) => be.key !== je.EXPANDABLE)), te && se.unshift(A), JSON.stringify(se) !== JSON.stringify(d.value) && (d.value = se, de()), te && kt();
+      se.find((be) => be.key === je.EXPANDABLE) && (se = se.filter((be) => be.key !== je.EXPANDABLE)), te && se.unshift(A), JSON.stringify(se) !== JSON.stringify(d.value) && (d.value = se, ce()), te && kt();
     }, { deep: !0, immediate: !0 }), fe(p, (L) => {
       L && (C.value = a.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
@@ -26247,7 +26240,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       const O = (Y = L[0]) == null ? void 0 : Y.target;
       O && (q.value = O.scrollWidth > O.clientWidth, T.value = O.clientHeight + "px", N.value = O.scrollHeight > O.clientHeight);
     }), (L, O) => (h(), D("div", {
-      class: ce(["k-table-view", { "hide-headers": L.hideHeaders }])
+      class: ue(["k-table-view", { "hide-headers": L.hideHeaders }])
     }, [
       x.value ? (h(), D("div", PB, [
         Q(L.$slots, "toolbar", {}, void 0, !0),
@@ -26259,8 +26252,8 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
             L.$slots["bulk-actions"] ? G("", !0) : (h(), X(OB, {
               key: 0,
               "button-label": f.value.find((Y) => Y.key === I(je).BULK_ACTIONS).label,
-              count: ue.value,
-              disabled: !ue.value || L.loading || !L.data.length
+              count: de.value,
+              disabled: !de.value || L.loading || !L.data.length
             }, {
               items: B(() => [
                 Q(L.$slots, "bulk-action-items", { selectedRows: W.value }, void 0, !0)
@@ -26292,7 +26285,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
             L.errorStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   "data-testid": "error-state-action",
                   to: L.errorStateActionRoute,
                   onClick: O[1] || (O[1] = (Y) => L.$emit("error-action-click"))
@@ -26317,7 +26310,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
             L.emptyStateActionMessage ? {
               name: "action",
               fn: B(() => [
-                Z(lt, {
+                Z(it, {
                   appearance: L.emptyStateButtonAppearance,
                   "data-testid": "empty-state-action",
                   to: L.emptyStateActionRoute,
@@ -26342,7 +26335,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
           onScrollPassive: $t
         }, [
           K("table", {
-            class: ce(["table", {
+            class: ue(["table", {
               "has-hover": L.rowHover && !R.value,
               "is-clickable": $.value
             }]),
@@ -26350,24 +26343,24 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
           }, [
             L.hideHeaders ? G("", !0) : (h(), D("thead", {
               key: 0,
-              class: ce({ "is-scrolled": _.value })
+              class: ue({ "is-scrolled": _.value })
             }, [
               K("tr", {
                 ref: "header-row",
-                class: ce({ "is-scrolled": _.value })
+                class: ue({ "is-scrolled": _.value })
               }, [
                 (h(!0), D(Ae, null, Re(d.value, (Y, te) => (h(), D("th", {
                   key: `table-${I(l)}-headers-${Y.key}`,
                   "aria-sort": Y.key === M.value ? E.value === "asc" ? "ascending" : "descending" : void 0,
-                  class: ce(["table-headers", oe(Y, te)]),
+                  class: ue(["table-headers", oe(Y, te)]),
                   "data-key": Y.key,
                   "data-testid": `table-header-${Y.key}`,
                   style: Oe(Ze.value[Y.key]),
-                  onClick: () => _e(Y),
+                  onClick: () => Ye(Y),
                   onMouseleave: O[8] || (O[8] = (se) => m.value = ""),
                   onMouseover: (se) => m.value = Y.key
                 }, [
-                  L.resizeColumns && !L.nested && te !== 0 && He(Y, !0) ? (h(), D("div", {
+                  L.resizeColumns && !L.nested && te !== 0 && _e(Y, !0) ? (h(), D("div", {
                     key: 0,
                     class: "resize-handle previous",
                     onClick: O[3] || (O[3] = Ke(() => {
@@ -26378,14 +26371,14 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   }, null, 40, YB)) : G("", !0),
                   K("div", {
                     "aria-describedby": Y.tooltip || L.$slots[Ce(Y.key)] ? `${Ce(Y.key)}-${I(l)}` : void 0,
-                    class: ce(["table-headers-container", { resized: v.value === Y.key }])
+                    class: ue(["table-headers-container", { resized: v.value === Y.key }])
                   }, [
                     Y.key !== I(je).BULK_ACTIONS ? Q(L.$slots, he(Y.key), {
                       key: 0,
                       column: xe(Y)
                     }, () => [
                       K("span", {
-                        class: ce(["table-header-label", {
+                        class: ue(["table-header-label", {
                           "sr-only": Y.hideLabel || Y.key === I(je).ACTIONS && Y.hideLabel !== !1
                         }])
                       }, ie(Y.label ? Y.label : Y.key), 3)
@@ -26431,7 +26424,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                       size: I(Aa)
                     }, null, 8, ["color", "size"])) : G("", !0)
                   ], 10, _B),
-                  L.resizeColumns && !L.nested && te !== d.value.length - 1 && He(Y) ? (h(), D("div", {
+                  L.resizeColumns && !L.nested && te !== d.value.length - 1 && _e(Y) ? (h(), D("div", {
                     key: 1,
                     class: "resize-handle",
                     onClick: O[6] || (O[6] = Ke(() => {
@@ -26442,7 +26435,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   }, null, 40, qB)) : G("", !0),
                   Me(Y.key) ? (h(), D("div", {
                     key: 2,
-                    class: ce(["scroll-overlay row-overlay left", {
+                    class: ue(["scroll-overlay row-overlay left", {
                       "overlay-visible": z.value
                     }])
                   }, null, 2)) : G("", !0)
@@ -26453,7 +26446,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
               (h(!0), D(Ae, null, Re(L.data, (Y, te) => (h(), D(Ae, {
                 key: $e.value.get(Y)
               }, [
-                K("tr", Ye({
+                K("tr", Ue({
                   class: {
                     "last-row": te === L.data.length - 1 && !ae.value.includes(te)
                   },
@@ -26461,10 +26454,10 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   tabindex: $.value && !L.rowLink(Y).to ? 0 : void 0,
                   ref_for: !0
                 }, L.rowAttrs(Y)), [
-                  (h(!0), D(Ae, null, Re(d.value, (se, be) => (h(), D("td", Ye({
+                  (h(!0), D(Ae, null, Re(d.value, (se, be) => (h(), D("td", Ue({
                     key: `${$e.value.get(Y)}-cell-${se.key}`,
                     class: {
-                      "resize-hover": L.resizeColumns && !L.nested && ye.value === se.key && be !== d.value.length - 1 && He(se),
+                      "resize-hover": L.resizeColumns && !L.nested && ye.value === se.key && be !== d.value.length - 1 && _e(se),
                       "row-link": !!L.rowLink(Y).to,
                       "sticky-column": (se.key === I(je).BULK_ACTIONS || se.key === I(je).EXPANDABLE) && z.value,
                       "second-sticky-column": se.key === I(je).BULK_ACTIONS && H.value,
@@ -26473,11 +26466,11 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                     style: Ze.value[se.key],
                     ref_for: !0
                   }, L.cellAttrs({ headerKey: se.key, row: Y, rowIndex: te, colIndex: be }), cl(Ne.value(Y[se.key], Y), !0)), [
-                    se.key !== I(je).EXPANDABLE ? (h(), X(ze(Fe(Y, se.key)), Ye({
+                    se.key !== I(je).EXPANDABLE ? (h(), X(ze(Fe(Y, se.key)), Ue({
                       key: 0,
                       class: "cell-wrapper",
                       ref_for: !0
-                    }, it(Y, se.key)), {
+                    }, ot(Y, se.key)), {
                       default: B(() => [
                         se.key !== I(je).BULK_ACTIONS && se.key !== I(je).ACTIONS ? Q(L.$slots, se.key, {
                           key: 0,
@@ -26491,7 +26484,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                           "kpop-attributes": { target: L.tooltipTarget },
                           "max-width": "200",
                           placement: "bottom-start",
-                          text: re(Y) ? void 0 : qe(Y)
+                          text: re(Y) ? void 0 : He(Y)
                         }, {
                           default: B(() => [
                             Z(Ro, {
@@ -26517,7 +26510,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                             }, void 0, !0)
                           ]),
                           default: B(() => [
-                            Z(lt, {
+                            Z(it, {
                               appearance: "tertiary",
                               "aria-label": se.label,
                               class: "actions-dropdown-trigger",
@@ -26545,7 +26538,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                         "aria-controls": `table-${I(l)}-row-${te}-expandable-content`,
                         "aria-expanded": ae.value.includes(te),
                         "aria-label": "Toggle row expandable content",
-                        class: ce(["expandable-row-control", { expanded: ae.value.includes(te) }]),
+                        class: ue(["expandable-row-control", { expanded: ae.value.includes(te) }]),
                         "data-testid": "expandable-row-control",
                         type: "button",
                         onClick: (ke) => pe(te, Y)
@@ -26558,7 +26551,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                     ])) : G("", !0),
                     Me(se.key) ? (h(), D("div", {
                       key: 2,
-                      class: ce(["scroll-overlay row-overlay left", {
+                      class: ue(["scroll-overlay row-overlay left", {
                         "overlay-visible": z.value
                       }])
                     }, null, 2)) : G("", !0)
@@ -26575,8 +26568,8 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   }, [
                     K("div", GB, [
                       Q(L.$slots, "row-expanded", {
-                        columnWidths: Ue.value,
-                        nestedHeaders: We.value,
+                        columnWidths: We.value,
+                        nestedHeaders: qe.value,
                         row: xe(Y)
                       }, void 0, !0)
                     ])
@@ -26590,17 +26583,17 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         ], 36),
         !J.value && !H.value ? (h(), D("div", {
           key: 0,
-          class: ce(["scroll-overlay table-overlay left", {
+          class: ue(["scroll-overlay table-overlay left", {
             "overlay-visible": z.value
           }])
         }, null, 2)) : G("", !0),
         K("div", {
-          class: ce(["scroll-overlay table-overlay right", {
+          class: ue(["scroll-overlay table-overlay right", {
             "overlay-visible": q.value,
             "scrollbar-offset": N.value
           }])
         }, null, 2),
-        mt.value ? (h(), X(wl, Ye({
+        mt.value ? (h(), X(wl, Ue({
           key: 1,
           class: "table-pagination",
           "data-testid": "table-pagination"
@@ -26671,7 +26664,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       initialPageSize: b.value,
       currentPage: m.value,
       offsetPreviousButtonDisabled: !ve.value,
-      offsetNextButtonDisabled: !ue.value || !T.value
+      offsetNextButtonDisabled: !de.value || !T.value
     }));
     function q(re) {
       return re.startsWith("column-");
@@ -26679,7 +26672,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     function M(re) {
       return re.startsWith("tooltip-");
     }
-    const E = y(() => r ? Object.keys(r).filter(q) : []), $ = y(() => r ? Object.keys(r).filter(M) : []), x = y(() => r ? Object.keys(r).filter((re) => d.value.some((qe) => qe.key === re)) : []), R = y(() => ({
+    const E = y(() => r ? Object.keys(r).filter(q) : []), $ = y(() => r ? Object.keys(r).filter(M) : []), x = y(() => r ? Object.keys(r).filter((re) => d.value.some((He) => He.key === re)) : []), R = y(() => ({
       sortColumnKey: w.value,
       sortColumnOrder: k.value
     })), F = y(() => ({
@@ -26695,13 +26688,13 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       const re = await n.fetcher(U.value);
       return W.value = !1, re;
     }, V = () => {
-      var qe;
+      var He;
       const re = {
         ..._,
         ...n.initialFetcherParams
       };
-      m.value = re.page ?? _.page, b.value = re.pageSize ?? _.pageSize, p.value = re.query ?? _.query, w.value = re.sortColumnKey ?? _.sortColumnKey, k.value = re.sortColumnOrder ?? _.sortColumnOrder, n.clientSort && w.value && k.value && s(w.value, "", k.value, f.value), (qe = n.paginationAttributes) != null && qe.offset && (S.value = re.offset, C.value.push(re.offset)), N.value = !0;
-    }, ve = y(() => C.value[m.value - 1]), ue = P(null), $e = y(() => {
+      m.value = re.page ?? _.page, b.value = re.pageSize ?? _.pageSize, p.value = re.query ?? _.query, w.value = re.sortColumnKey ?? _.sortColumnKey, k.value = re.sortColumnOrder ?? _.sortColumnOrder, n.clientSort && w.value && k.value && s(w.value, "", k.value, f.value), (He = n.paginationAttributes) != null && He.offset && (S.value = re.offset, C.value.push(re.offset)), N.value = !0;
+    }, ve = y(() => C.value[m.value - 1]), de = P(null), $e = y(() => {
       if (!n.fetcher || !N.value)
         return "";
       let re = c;
@@ -26719,68 +26712,68 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       () => $e.value,
       () => J(),
       { revalidateOnFocus: !1, revalidateDebounce: 0 }
-    ), { state: Ze, hasData: oe } = u(Pe, Ge, et), _e = y(() => ({
+    ), { state: Ze, hasData: oe } = u(Pe, Ge, et), Ye = y(() => ({
       hasData: oe.value,
       state: Ze.value
-    })), ee = y(() => Qe.value ? "loading" : Ge.value ? "error" : "success"), { debouncedFn: ye } = i(at, 500), De = ({ sortColumnKey: re, prevKey: qe, sortColumnOrder: Fe }) => {
+    })), ee = y(() => Qe.value ? "loading" : Ge.value ? "error" : "success"), { debouncedFn: ye } = i(at, 500), De = ({ sortColumnKey: re, prevKey: He, sortColumnOrder: Fe }) => {
       var Nt;
-      const it = d.value.find((Lt) => Lt.key === re), { useSortHandlerFunction: nt } = it;
+      const ot = d.value.find((Lt) => Lt.key === re), { useSortHandlerFunction: nt } = ot;
       o("sort", {
-        prevKey: qe,
+        prevKey: He,
         sortColumnKey: re,
         sortColumnOrder: Fe
       }), m.value = 1, (!w.value || re !== w.value) && (C.value = [null]), w.value = re, k.value = Fe, n.clientSort ? nt && n.sortHandlerFunction ? n.sortHandlerFunction({
         key: re,
-        prevKey: qe,
+        prevKey: He,
         sortColumnOrder: k.value,
         data: f.value
-      }) : s(re, qe, k.value, f.value) : (Nt = n.paginationAttributes) != null && Nt.offset || ye();
+      }) : s(re, He, k.value, f.value) : (Nt = n.paginationAttributes) != null && Nt.offset || ye();
     }, ne = ({ page: re }) => {
       m.value = re;
     }, we = ({ pageSize: re }) => {
       C.value = [null], S.value = null, b.value = re, m.value = 1;
-    }, Me = ({ columnWidths: re, columnVisibility: qe }) => {
-      Te.value = re, He.value = qe, mt();
-    }, Te = P({}), He = P({}), wt = y(() => ({
+    }, Me = ({ columnWidths: re, columnVisibility: He }) => {
+      Te.value = re, _e.value = He, mt();
+    }, Te = P({}), _e = P({}), wt = y(() => ({
       pageSize: b.value,
       sortColumnKey: w.value,
       sortColumnOrder: k.value,
       ...Te.value ? { columnWidths: Te.value } : {},
-      ...He.value ? { columnVisibility: He.value } : {}
+      ..._e.value ? { columnVisibility: _e.value } : {}
     })), mt = () => {
       ee.value === "success" && o("update:table-preferences", wt.value);
     }, Xe = () => {
-      m.value++, S.value = ue.value;
+      m.value++, S.value = de.value;
     }, $t = () => {
       m.value--, S.value = ve.value;
     }, Ot = y(() => {
-      var qe, Fe, it;
+      var He, Fe, ot;
       if (!n.fetcher || n.hidePagination)
         return !1;
-      const re = ((Fe = (qe = n.paginationAttributes) == null ? void 0 : qe.pageSizes) == null ? void 0 : Fe[0]) ?? Tg;
-      return n.hidePaginationWhenOptional && m.value === 1 ? (it = n.paginationAttributes) != null && it.offset ? !!ve.value || !!ue.value || f.value.length >= re : g.value > re : !0;
+      const re = ((Fe = (He = n.paginationAttributes) == null ? void 0 : He.pageSizes) == null ? void 0 : Fe[0]) ?? Tg;
+      return n.hidePaginationWhenOptional && m.value === 1 ? (ot = n.paginationAttributes) != null && ot.offset ? !!ve.value || !!de.value || f.value.length >= re : g.value > re : !0;
     });
     return fe(Ne, (re) => {
-      var qe, Fe, it, nt;
-      re != null && re.data && (f.value = re.data, g.value = ((qe = n.paginationAttributes) == null ? void 0 : qe.totalCount) || re.total || ((Fe = re.data) == null ? void 0 : Fe.length) || 0, (it = n.paginationAttributes) != null && it.offset && ((nt = re.pagination) != null && nt.offset ? (ue.value = re.pagination.offset, C.value[m.value] || C.value.push(re.pagination.offset)) : ue.value = null, T.value = re.pagination && "hasNextPage" in re.pagination ? re.pagination.hasNextPage : !0), f.value.length === 0 && m.value > 1 && (m.value = 1, C.value = [null], S.value = null));
-    }, { deep: !0, immediate: !0 }), fe([_e, ee], (re) => {
-      const [qe, Fe] = re;
+      var He, Fe, ot, nt;
+      re != null && re.data && (f.value = re.data, g.value = ((He = n.paginationAttributes) == null ? void 0 : He.totalCount) || re.total || ((Fe = re.data) == null ? void 0 : Fe.length) || 0, (ot = n.paginationAttributes) != null && ot.offset && ((nt = re.pagination) != null && nt.offset ? (de.value = re.pagination.offset, C.value[m.value] || C.value.push(re.pagination.offset)) : de.value = null, T.value = re.pagination && "hasNextPage" in re.pagination ? re.pagination.hasNextPage : !0), f.value.length === 0 && m.value > 1 && (m.value = 1, C.value = [null], S.value = null));
+    }, { deep: !0, immediate: !0 }), fe([Ye, ee], (re) => {
+      const [He, Fe] = re;
       o("state", {
         state: Fe,
-        hasData: qe.hasData
+        hasData: He.hasData
       });
     }), fe(() => n.searchInput, (re) => {
       re === "" ? xe(re) : he(re);
-    }, { immediate: !0 }), fe([p, b], async (re, qe) => {
-      const [Fe] = qe, [it] = re;
-      it !== Fe && m.value !== 1 && (m.value = 1, C.value = [null], S.value = null);
+    }, { immediate: !0 }), fe([p, b], async (re, He) => {
+      const [Fe] = He, [ot] = re;
+      ot !== Fe && m.value !== 1 && (m.value = 1, C.value = [null], S.value = null);
     }, { deep: !0, immediate: !0 }), st(() => {
       V();
     }), t({
       revalidate: () => {
         at();
       }
-    }), (re, qe) => (h(), X(Wg, {
+    }), (re, He) => (h(), X(Wg, {
       "cell-attrs": re.cellAttrs,
       class: "k-table-data",
       data: f.value,
@@ -26813,22 +26806,22 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       "row-key": re.rowKey,
       "row-link": re.rowLink,
       "table-preferences": re.tablePreferences,
-      onEmptyStateActionClick: qe[0] || (qe[0] = (Fe) => o("empty-state-action-click")),
-      onErrorActionClick: qe[1] || (qe[1] = (Fe) => o("error-action-click")),
+      onEmptyStateActionClick: He[0] || (He[0] = (Fe) => o("empty-state-action-click")),
+      onErrorActionClick: He[1] || (He[1] = (Fe) => o("error-action-click")),
       onGetNextOffset: Xe,
       onGetPreviousOffset: $t,
       onPageChange: ne,
       onPageSizeChange: we,
-      onRowActionsToggle: qe[2] || (qe[2] = (Fe) => re.$emit("row-actions-toggle", Fe)),
-      onRowSelect: qe[3] || (qe[3] = (Fe) => o("row-select", Fe)),
+      onRowActionsToggle: He[2] || (He[2] = (Fe) => re.$emit("row-actions-toggle", Fe)),
+      onRowSelect: He[3] || (He[3] = (Fe) => o("row-select", Fe)),
       onSort: De,
-      "onUpdate:rowExpanded": qe[4] || (qe[4] = (Fe) => o("update:row-expanded", Fe)),
+      "onUpdate:rowExpanded": He[4] || (He[4] = (Fe) => o("update:row-expanded", Fe)),
       "onUpdate:tablePreferences": Me
     }, yt({ _: 2 }, [
       re.$slots.toolbar && !re.hideToolbar ? {
         name: "toolbar",
         fn: B(() => [
-          Q(re.$slots, "toolbar", { state: _e.value })
+          Q(re.$slots, "toolbar", { state: Ye.value })
         ]),
         key: "0"
       } : void 0,
@@ -26869,21 +26862,21 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       } : void 0,
       Re(E.value, (Fe) => ({
         name: Fe,
-        fn: B(({ column: it }) => [
-          Q(re.$slots, Fe, { column: it })
+        fn: B(({ column: ot }) => [
+          Q(re.$slots, Fe, { column: ot })
         ])
       })),
       Re($.value, (Fe) => ({
         name: Fe,
-        fn: B(({ column: it }) => [
-          Q(re.$slots, Fe, { column: it })
+        fn: B(({ column: ot }) => [
+          Q(re.$slots, Fe, { column: ot })
         ])
       })),
       Re(x.value, (Fe) => ({
         name: Fe,
-        fn: B(({ row: it, rowKey: nt, rowValue: Nt }) => [
+        fn: B(({ row: ot, rowKey: nt, rowValue: Nt }) => [
           Q(re.$slots, Fe, {
-            row: it,
+            row: ot,
             rowKey: nt,
             rowValue: Nt
           })
@@ -26898,10 +26891,10 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       } : void 0,
       re.$slots["row-expanded"] ? {
         name: "row-expanded",
-        fn: B(({ columnWidths: Fe, nestedHeaders: it, row: nt }) => [
+        fn: B(({ columnWidths: Fe, nestedHeaders: ot, row: nt }) => [
           Q(re.$slots, "row-expanded", {
             columnWidths: Fe,
-            nestedHeaders: it,
+            nestedHeaders: ot,
             row: nt
           })
         ]),
@@ -26914,7 +26907,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
   KAlert: y1,
   KBadge: Vr,
   KBreadcrumbs: Hy,
-  KButton: lt,
+  KButton: it,
   KCard: vp,
   KCatalog: Jb,
   KCatalogItem: pp,
@@ -26978,7 +26971,7 @@ export {
   y1 as KAlert,
   Vr as KBadge,
   Hy as KBreadcrumbs,
-  lt as KButton,
+  it as KButton,
   vp as KCard,
   Jb as KCatalog,
   pp as KCatalogItem,