@kong/kongponents 9.29.9 → 9.29.10

package/dist/kongponents.es.js

@@ -1,7 +1,7 @@
 var Wg = Object.defineProperty;
 var Ug = (e, t, a) => t in e ? Wg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var Ya = (e, t, a) => Ug(e, typeof t != "symbol" ? t + "" : t, a);
-import { defineComponent as le, renderSlot as Q, reactive as Dr, ref as P, computed as m, 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 Vg, toRefs as zv, watchEffect as Ws, Teleport as Kg, 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 jg, Comment as Gg, cloneVNode as Qg, onBeforeMount as Zg, TransitionGroup as Xg, render as Wu, h as Uu, warn as Jg } from "vue";
+import { defineComponent as le, renderSlot as Q, reactive as Dr, ref as P, computed as m, createBlock as X, openBlock as h, resolveDynamicComponent as Ye, 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 ze, toHandlers as cl, getCurrentInstance as Fv, onUnmounted as Kt, isReadonly as Vg, toRefs as zv, watchEffect as Ws, Teleport as Kg, 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 jg, Comment as Gg, cloneVNode as Qg, onBeforeMount as Zg, TransitionGroup as Xg, render as Wu, h as Uu, warn as Jg } from "vue";
 async function _v(e) {
   var n, r;
   if (navigator.clipboard)
@@ -251,7 +251,7 @@ const Wv = {
       "'": "'",
       "&": "&"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Vu : r(Vu)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon analytics-icon",
       "data-testid": "kui-icon-wrapper-analytics-icon",
@@ -366,7 +366,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? ju : r(ju)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-down-icon",
       "data-testid": "kui-icon-wrapper-arrow-down-icon",
@@ -481,7 +481,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Gu : r(Gu)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon arrow-up-icon",
       "data-testid": "kui-icon-wrapper-arrow-up-icon",
@@ -596,7 +596,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Qu : r(Qu)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon back-icon",
       "data-testid": "kui-icon-wrapper-back-icon",
@@ -711,7 +711,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Zu : r(Zu)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon cal-icon",
       "data-testid": "kui-icon-wrapper-cal-icon",
@@ -826,7 +826,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Xu : r(Xu)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-circle-icon",
       "data-testid": "kui-icon-wrapper-check-circle-icon",
@@ -941,7 +941,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Ju : r(Ju)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-small-icon",
       "data-testid": "kui-icon-wrapper-check-small-icon",
@@ -1056,7 +1056,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? ed : r(ed)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon check-icon",
       "data-testid": "kui-icon-wrapper-check-icon",
@@ -1171,7 +1171,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? td : r(td)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
@@ -1286,7 +1286,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? ad : r(ad)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-right-icon",
       "data-testid": "kui-icon-wrapper-chevron-right-icon",
@@ -1401,7 +1401,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? nd : r(nd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-up-icon",
       "data-testid": "kui-icon-wrapper-chevron-up-icon",
@@ -1516,7 +1516,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? rd : r(rd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon clear-icon",
       "data-testid": "kui-icon-wrapper-clear-icon",
@@ -1631,7 +1631,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? id : r(id)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
@@ -1746,7 +1746,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? od : r(od)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
@@ -1861,7 +1861,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? ld : r(ld)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon danger-icon",
       "data-testid": "kui-icon-wrapper-danger-icon",
@@ -1976,7 +1976,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? sd : r(sd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon external-link-icon",
       "data-testid": "kui-icon-wrapper-external-link-icon",
@@ -2091,7 +2091,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? ud : r(ud)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon filter-icon",
       "data-testid": "kui-icon-wrapper-filter-icon",
@@ -2206,7 +2206,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? dd : r(dd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon forward-icon",
       "data-testid": "kui-icon-wrapper-forward-icon",
@@ -2321,7 +2321,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? cd : r(cd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon indeterminate-small-icon",
       "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
@@ -2436,7 +2436,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? fd : r(fd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon info-icon",
       "data-testid": "kui-icon-wrapper-info-icon",
@@ -2551,7 +2551,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? vd : r(vd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon kong-icon",
       "data-testid": "kui-icon-wrapper-kong-icon",
@@ -2666,7 +2666,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? pd : r(pd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
@@ -2782,7 +2782,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? hd : r(hd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon progress-icon",
       "data-testid": "kui-icon-wrapper-progress-icon",
@@ -2897,7 +2897,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? gd : r(gd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon regex-icon",
       "data-testid": "kui-icon-wrapper-regex-icon",
@@ -3012,7 +3012,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? md : r(md)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon search-icon",
       "data-testid": "kui-icon-wrapper-search-icon",
@@ -3127,7 +3127,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? yd : r(yd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon service-document-icon",
       "data-testid": "kui-icon-wrapper-service-document-icon",
@@ -3242,7 +3242,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? bd : r(bd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon table-columns-icon",
       "data-testid": "kui-icon-wrapper-table-columns-icon",
@@ -3357,7 +3357,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? wd : r(wd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon visibility-off-icon",
       "data-testid": "kui-icon-wrapper-visibility-off-icon",
@@ -3472,7 +3472,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? kd : r(kd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon visibility-icon",
       "data-testid": "kui-icon-wrapper-visibility-icon",
@@ -3587,7 +3587,7 @@ const Wv = {
       "'": "&#39;",
       "&": "&amp;"
     }, l = (s) => s.replace(/[<>"'&]/g, (o) => i[o]), u = `${t.title ? `<title data-testid="kui-icon-svg-title">${l(t.title)}</title>` : ""}${t.staticIds ? Cd : r(Cd)}`;
-    return (s, o) => (h(), X(ze(e.as), {
+    return (s, o) => (h(), X(Ye(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon warning-icon",
       "data-testid": "kui-icon-wrapper-warning-icon",
@@ -3649,7 +3649,7 @@ const Wv = {
     }, [
       r.showIcon || r.$slots.icon ? (h(), D("div", v1, [
         Q(r.$slots, "icon", {}, () => [
-          (h(), X(ze(n.value), {
+          (h(), X(Ye(n.value), {
             class: "alert-icon",
             decorative: "",
             size: I(Ut)
@@ -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, d) => (h(), X(ze(n.value), Ue({
+    }), (o, d) => (h(), X(Ye(n.value), ze({
       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,
@@ -5546,7 +5546,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       g();
     }), fe(c, (x) => {
       n(x ? "open" : "close");
-    }), (x, R) => (h(), X(ze(x.tag), {
+    }), (x, R) => (h(), X(Ye(x.tag), {
       ref_key: "kPopoverElement",
       ref: s,
       class: "k-popover",
@@ -5653,7 +5653,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
   },
   setup(e) {
     const t = It(), a = m(() => !!e.text || !!e.label || !!t.content), n = Dt();
-    return (r, i) => a.value ? (h(), X(Tr, Ue({
+    return (r, i) => a.value ? (h(), X(Tr, ze({
       key: 0,
       "hide-caret": "",
       "hide-close-icon": "",
@@ -5691,11 +5691,12 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
     tooltip: { default: "" },
     truncationTooltip: { type: Boolean, default: !1 },
     maxWidth: { default: "200" },
-    iconBefore: { type: Boolean, default: !0 }
+    iconBefore: { type: Boolean, default: !0 },
+    tooltipAttributes: { default: () => ({}) }
   },
   setup(e) {
     Ft((s) => ({
-      "39134b67": i.value
+      "6a1d869c": i.value
     }));
     const { getSizeFromString: t } = At(), a = m(() => Object.keys(qv).includes(e.appearance)), n = P(), r = P(!1), i = m(() => t(e.maxWidth)), l = async () => {
       var s, o;
@@ -5706,9 +5707,9 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
     }), (s, o) => (h(), D("div", {
       class: ue(["k-badge", [s.appearance, { method: a.value }]])
     }, [
-      Z(va, {
+      Z(va, ze({
         text: u.value ? s.tooltip : void 0
-      }, {
+      }, s.tooltipAttributes), {
         default: B(() => [
           K("div", {
             class: ue(["badge-content", { "icon-after": !s.iconBefore }]),
@@ -5725,10 +5726,10 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
           ], 10, Ry)
         ]),
         _: 3
-      }, 8, ["text"])
+      }, 16, ["text"])
     ], 2));
   }
-}), Vr = /* @__PURE__ */ Ee(Fy, [["__scopeId", "data-v-e4de00dc"]]), zy = {
+}), Vr = /* @__PURE__ */ Ee(Fy, [["__scopeId", "data-v-96f7734d"]]), zy = {
   key: 0,
   class: "breadcrumbs-icon-container"
 }, Yy = {
@@ -5763,12 +5764,12 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
         }
       };
     }, n = (r, i) => r.key || `breadcrumb-${i}`;
-    return (r, i) => (h(), D("ul", Ue({ class: "k-breadcrumbs" }, r.$attrs), [
+    return (r, i) => (h(), D("ul", ze({ 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), Ue({ ref_for: !0 }, a(l).attrs, {
+        (h(), X(Ye(a(l).type), ze({ ref_for: !0 }, a(l).attrs, {
           class: ["breadcrumbs-item", { link: !!l.to, active: u === r.items.length - 1 }]
         }), {
           default: B(() => [
@@ -5813,7 +5814,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
     const t = It(), a = m(() => !!(t.title || e.title || t.actions));
     return (n, r) => (h(), D("div", qy, [
       a.value ? (h(), D("div", Wy, [
-        t.title || n.title ? (h(), X(ze(n.titleTag), {
+        t.title || n.title ? (h(), X(Ye(n.titleTag), {
           key: 0,
           class: "card-title"
         }, {
@@ -6220,7 +6221,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       K("div", kb, [
         K("div", Cb, [
           Q(i.$slots, "icon", {}, () => [
-            (h(), X(ze(n.value), {
+            (h(), X(Ye(n.value), {
               color: r.value,
               decorative: "",
               size: I(s1)
@@ -6339,7 +6340,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
       }, c.$attrs.class, c.$attrs.style]]),
       "data-testid": "dropdown-item"
     }, [
-      (h(), X(ze(d.value[s.value].tag), Ue({ "data-testid": "dropdown-item-trigger" }, d.value[s.value].attrs, {
+      (h(), X(Ye(d.value[s.value].tag), ze({ "data-testid": "dropdown-item-trigger" }, d.value[s.value].attrs, {
         onClick: d.value[s.value].onClick
       }), {
         default: B(() => [
@@ -6411,7 +6412,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
     }, [
       Z(I(vl), null, {
         default: B(({ toggle: g, isToggled: y }) => [
-          Z(Tr, Ue({
+          Z(Tr, ze({
             ref_key: "kPop",
             ref: r
           }, l, {
@@ -6431,7 +6432,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
                 }, () => [
                   (h(!0), D(Ae, null, Re(v.items, (p, w) => {
                     var k;
-                    return h(), X(ru, Ue({ ref_for: !0 }, p, {
+                    return h(), X(ru, ze({ ref_for: !0 }, p, {
                       key: `${p.label}-${w}`,
                       item: p,
                       selected: v.selectionMenu && ((k = s.value) == null ? void 0 : k.value) === p.value,
@@ -6443,7 +6444,7 @@ const Ey = ["id", "aria-labelledby", "x-placement"], My = ["tabindex"], Oy = {
               ])
             ]),
             default: B(() => [
-              (h(), X(ze(n.value), {
+              (h(), X(Ye(n.value), {
                 class: "dropdown-trigger",
                 "data-testid": "dropdown-trigger",
                 label: v.disabledTooltip ? v.disabledTooltip : void 0,
@@ -6869,8 +6870,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 Ye;
-      const oe = (Ye = e.paginationPageSizes) == null ? void 0 : Ye[0];
+      var _e;
+      const oe = (_e = e.paginationPageSizes) == null ? void 0 : _e[0];
       return oe || Ld;
     }, o = P([]), d = P(0), c = P(""), f = P(1), v = P(s()), b = P(null), g = P([]), y = m(() => g.value[f.value - 1]), p = P(null), w = P(!0), k = P(!1), $ = m(() => !!l.toolbar), C = {
       page: 1,
@@ -6880,7 +6881,7 @@ const Nb = {
     }, T = m(() => (he.value || e.loading || Ze.value) && !e.error), N = m(() => !T.value && o.value && !o.value.length), _ = m(() => ({
       pageSize: v.value
     })), z = P(!0), q = async () => {
-      var Ye, ee;
+      var _e, ee;
       const oe = await e.fetcher({
         query: e.searchInput || c.value,
         pageSize: v.value,
@@ -6889,7 +6890,7 @@ const Nb = {
       });
       if (oe == null)
         throw new Error("KCatalog: Fetcher did not return data correctly.");
-      return o.value = oe.data, d.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, g.value[f.value] || g.value.push(oe.pagination.offset)) : p.value = null, w.value = oe.pagination && "hasNextPage" in oe.pagination ? !!oe.pagination.hasNextPage : !0), o.value.length === 0 && f.value > 1 && (f.value = 1, g.value = [null], b.value = null), z.value = !1, oe;
+      return o.value = oe.data, d.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, g.value[f.value] || g.value.push(oe.pagination.offset)) : p.value = null, w.value = oe.pagination && "hasNextPage" in oe.pagination ? !!oe.pagination.hasNextPage : !0), o.value.length === 0 && f.value > 1 && (f.value = 1, g.value = [null], b.value = null), z.value = !1, oe;
     }, M = () => {
       const oe = {
         ...C,
@@ -6919,10 +6920,10 @@ const Nb = {
     }, at = () => {
       f.value--, b.value = y.value;
     }, et = (oe) => oe.toLowerCase().replace(/[^[a-z0-9]/gi, "-"), Qe = m(() => {
-      var Ye;
+      var _e;
       if (!e.fetcher || e.disablePagination || !o.value || !o.value.length || e.error)
         return !1;
-      const oe = ((Ye = e.paginationPageSizes) == null ? void 0 : Ye[0]) ?? Ld;
+      const oe = ((_e = e.paginationPageSizes) == null ? void 0 : _e[0]) ?? Ld;
       return e.hidePaginationWhenOptional && f.value === 1 ? e.paginationOffset ? !!y.value || !!p.value || o.value.length >= oe : d.value > oe : !0;
     });
     fe(U, (oe) => {
@@ -6940,26 +6941,26 @@ const Nb = {
           break;
       }
     }, { immediate: !0 }), fe([Ce, xe], (oe) => {
-      var Ye;
+      var _e;
       i("state", {
         state: oe == null ? void 0 : oe[1],
         // newData[catalogState]
-        hasData: (Ye = oe == null ? void 0 : oe[0]) == null ? void 0 : Ye.hasData
+        hasData: (_e = oe == null ? void 0 : oe[0]) == null ? void 0 : _e.hasData
         // newData[stateData].hasData
       });
     }), fe(() => e.searchInput, (oe) => {
       f.value !== 1 && (f.value = 1), oe === "" ? F(oe) : x(oe);
     }, { immediate: !0 });
     const Ze = P(!1);
-    return fe([S, f, v], async (oe, Ye) => {
-      const ee = Ye == null ? void 0 : Ye[0], ye = oe[0], De = oe[1];
+    return fe([S, f, v], async (oe, _e) => {
+      const ee = _e == null ? void 0 : _e[0], ye = oe[0], De = oe[1];
       ye !== ee && De !== 1 && (f.value = 1, g.value = [null], b.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, Ye) => (h(), D("div", Kb, [
-      oe.title ? (h(), X(ze(oe.titleTag), {
+    }), (oe, _e) => (h(), D("div", Kb, [
+      oe.title ? (h(), X(Ye(oe.titleTag), {
         key: 0,
         class: "catalog-title",
         "data-testid": "catalog-title"
@@ -6991,7 +6992,7 @@ const Nb = {
                 Z(it, {
                   "data-testid": et(oe.errorStateActionMessage),
                   to: oe.errorStateActionRoute ? oe.errorStateActionRoute : void 0,
-                  onClick: Ye[0] || (Ye[0] = (ee) => i("error-action-click"))
+                  onClick: _e[0] || (_e[0] = (ee) => i("error-action-click"))
                 }, {
                   default: B(() => [
                     me(ie(oe.errorStateActionMessage), 1)
@@ -7017,7 +7018,7 @@ const Nb = {
                   appearance: oe.searchInput ? "tertiary" : "primary",
                   "data-testid": et(oe.emptyStateActionMessage),
                   to: oe.emptyStateActionRoute ? oe.emptyStateActionRoute : void 0,
-                  onClick: Ye[1] || (Ye[1] = (ee) => i("empty-state-action-click"))
+                  onClick: _e[1] || (_e[1] = (ee) => i("empty-state-action-click"))
                 }, {
                   default: B(() => [
                     Q(oe.$slots, "empty-state-action-icon", {}, void 0, !0),
@@ -7098,7 +7099,7 @@ const Nb = {
       class: ue(["k-label", { required: r.required }])
     }, [
       Q(r.$slots, "default", {}, void 0, !0),
-      a.value ? (h(), X(va, Ue({ key: 0 }, r.tooltipAttributes, {
+      a.value ? (h(), X(va, ze({ key: 0 }, r.tooltipAttributes, {
         class: "label-tooltip",
         "tooltip-id": I(n)
       }), {
@@ -7154,7 +7155,7 @@ const Nb = {
       K("div", {
         class: ue(["checkbox-input-wrapper", { "has-label": u.value }])
       }, [
-        K("input", Ue({ id: l.value }, c.value, {
+        K("input", ze({ id: l.value }, c.value, {
           "aria-checked": g.modelValue,
           class: "checkbox-input",
           type: "checkbox",
@@ -7178,7 +7179,7 @@ const Nb = {
         }, null, 8, ["size"])) : G("", !0)
       ], 2),
       K("div", a0, [
-        u.value ? (h(), X(Qa, Ue({ key: 0 }, g.labelAttributes, {
+        u.value ? (h(), X(Qa, ze({ key: 0 }, g.labelAttributes, {
           class: "checkbox-label",
           for: l.value
         }), yt({
@@ -7363,7 +7364,7 @@ const Nb = {
   }, { flush: "post" }), () => {
     var r;
     const { Y: i, G: l, K: u, Z: s } = e, o = n.value, { style: d, ...c } = (r = e.ee) !== null && r !== void 0 ? r : {}, f = { position: o && u ? void 0 : "absolute", [l ? "height" : "width"]: "100%", [l ? "top" : "left"]: "0px", [l ? mp() ? "right" : "left" : "top"]: a.value + "px", visibility: !o || u ? "visible" : "hidden", ...d };
-    return l && (f.display = "flex"), Z(s, Ue({ ref: t, style: f }, c), typeof (v = i) == "function" || Object.prototype.toString.call(v) === "[object Object]" && !Yv(v) ? i : { default: () => [i], _: 2 }, 16, ["style"]);
+    return l && (f.display = "flex"), Z(s, ze({ ref: t, style: f }, c), typeof (v = i) == "function" || Object.prototype.toString.call(v) === "[object Object]" && !Yv(v) ? i : { default: () => [i], _: 2 }, 16, ["style"]);
     var v;
   };
 } }), g0 = (e, t) => {
@@ -7707,7 +7708,7 @@ const j0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], G0 = ["a
     }), (S, x) => (h(), D("div", {
       class: ue(["k-input", [S.$attrs.class, { "input-error": p.value || S.error || S.hasError }]])
     }, [
-      S.label ? (h(), X(Qa, Ue({
+      S.label ? (h(), X(Qa, ze({
         key: 0,
         for: c.value
       }, S.labelAttributes, { required: o.value }), yt({
@@ -7735,7 +7736,7 @@ const j0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], G0 = ["a
         }, [
           Q(S.$slots, "before", {}, void 0, !0)
         ], 512)) : G("", !0),
-        K("input", Ue({
+        K("input", ze({
           id: c.value,
           "aria-describedby": k.value ? I(f) : void 0,
           "aria-invalid": S.error || S.hasError || p.value ? "true" : void 0,
@@ -7934,7 +7935,7 @@ const dw = /* @__PURE__ */ le({
       text: t.value
     }, {
       default: B(() => [
-        Z(it, Ue({
+        Z(it, ze({
           appearance: "tertiary",
           class: ["code-block-action-button", [`theme-${r.theme}`, { "code-block-action-button-active": r.active }]]
         }, I(a), {
@@ -8173,7 +8174,7 @@ const vw = ["id"], pw = {
       }, 1500));
     }
     const oe = m(() => e.theme === "light" ? n1 : bs);
-    function Ye(ee) {
+    function _e(ee) {
       return {
         // These props essentially renders a structure like this:
         //
@@ -8367,7 +8368,7 @@ const vw = ["id"], pw = {
             Q(ee.$slots, "secondary-actions", {}, void 0, !0)
           ])
         ])) : G("", !0),
-        z.value || $.value ? dn((h(), X(ze("pre"), {
+        z.value || $.value ? dn((h(), X(Ye("pre"), {
           key: 1,
           class: ue(["filtered-code-block", {
             "show-line-numbers": ee.showLineNumbers
@@ -8375,7 +8376,7 @@ const vw = ["id"], pw = {
           "data-testid": "filtered-code-block"
         }, {
           default: B(() => [
-            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), lr(Ue({ key: 0 }, Ye(!0))), {
+            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), lr(ze({ key: 0 }, _e(!0))), {
               default: B(({ item: De }) => [
                 K("a", {
                   id: M(De),
@@ -8391,7 +8392,7 @@ const vw = ["id"], pw = {
         }, 8, ["class"])), [
           [pr, z.value]
         ]) : G("", !0),
-        !z.value || k.value ? dn((h(), X(ze("pre"), {
+        !z.value || k.value ? dn((h(), X(Ye("pre"), {
           key: 2,
           class: ue(["highlighted-code-block", {
             "show-line-numbers": ee.showLineNumbers,
@@ -8400,11 +8401,11 @@ const vw = ["id"], pw = {
           "data-testid": "highlighted-code-block"
         }, {
           default: B(() => [
-            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), Ue({
+            ee.showLineNumbers && !ee.singleLine ? (h(), X(I(zd), ze({
               key: 0,
               ref_key: "codeBlockLineNumbers",
               ref: w
-            }, Ye(!1)), {
+            }, _e(!1)), {
               default: B(({ item: De }) => [
                 K("a", {
                   id: M(De),
@@ -8458,7 +8459,7 @@ const vw = ["id"], pw = {
       K("div", {
         class: ue(["collapse-heading", { "has-trailing-trigger": u.value }])
       }, [
-        f.title || f.$slots.title ? (h(), X(ze(f.titleTag), {
+        f.title || f.$slots.title ? (h(), X(Ye(f.titleTag), {
           key: 0,
           class: "collapse-title",
           "data-testid": "collapse-title"
@@ -11510,7 +11511,7 @@ function dk() {
         weekStartsOn: at,
         locale: Ne,
         _originalDate: et
-      }, Ye = xe.match(g).map(function(ee) {
+      }, _e = xe.match(g).map(function(ee) {
         var ye = ee[0];
         if (ye === "p" || ye === "P") {
           var De = u.default[ye];
@@ -11530,7 +11531,7 @@ function dk() {
           throw new RangeError("Format string contains an unescaped latin alphabet character `" + ye + "`");
         return ee;
       }).join("");
-      return Ye;
+      return _e;
     }
     function $(C) {
       var T = C.match(y);
@@ -12726,11 +12727,11 @@ function YC(e) {
       var S, x = $ === "y" ? Jt : ea, R = $ === "y" ? pa : ha, F = $ === "y" ? "height" : "width", U = T[$], W = U + y[x], J = U - y[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 : Up(), 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 ? $ === "y" ? et.clientTop || 0 : et.clientLeft || 0 : 0, Ze = (S = M == null ? void 0 : M[$]) != null ? S : 0, oe = U + Ge - Ze - Qe, Ye = U + at - Ze, ee = Xr(v ? Wo(W, oe) : W, U, v ? Mn(J, Ye) : J);
+      }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Up(), 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 ? $ === "y" ? et.clientTop || 0 : et.clientLeft || 0 : 0, Ze = (S = M == null ? void 0 : M[$]) != null ? S : 0, oe = U + Ge - Ze - Qe, _e = U + at - Ze, ee = Xr(v ? Wo(W, oe) : W, U, v ? Mn(J, _e) : J);
       T[$] = ee, E[$] = ee - U;
     }
     if (u) {
-      var ye, De = $ === "x" ? Jt : ea, ne = $ === "x" ? pa : ha, we = T[C], Me = C === "y" ? "height" : "width", Te = we + y[De], _e = we - y[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);
+      var ye, De = $ === "x" ? Jt : ea, ne = $ === "x" ? pa : ha, we = T[C], Me = C === "y" ? "height" : "width", Te = we + y[De], He = we - y[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);
       T[C] = Ot, E[C] = Ot - we;
     }
     t.modifiersData[n] = E;
@@ -16470,7 +16471,7 @@ function a7(e, { slots: t, emit: a }) {
     var H, A;
     if (!Ne.value)
       return null;
-    const j = Pe.value.find((qe) => qe.pinPage) || Pe.value[0];
+    const j = Pe.value.find((We) => We.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);
@@ -16481,10 +16482,10 @@ function a7(e, { slots: t, emit: a }) {
     const H = Qe();
     return Ia(H) ? H : de(/* @__PURE__ */ new Date());
   }, oe = (H, A = {}) => {
-    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 = "") => {
+    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 = "") => {
     if (j === "none" || j === "fade")
       return j;
     if ((H == null ? void 0 : H.view) !== (A == null ? void 0 : A.view))
@@ -16492,7 +16493,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: qe } = H, We = Ia(H.page) ? H.page : Ze(), { fromPage: kt } = oe(We, {
+    const { position: ae = 1, force: pe = !1, transition: We } = H, Ue = Ia(H.page) ? H.page : Ze(), { fromPage: kt } = oe(Ue, {
       position: ae,
       force: pe
     }), Qt = [];
@@ -16515,10 +16516,10 @@ function a7(e, { slots: t, emit: a }) {
         })
       );
     }
-    c.value = Ye(
+    c.value = _e(
       d.value[0],
       Qt[0],
-      qe
+      We
     ), d.value = Qt, c.value && c.value !== "none" ? f = {
       resolve: A,
       reject: j
@@ -16545,19 +16546,19 @@ function a7(e, { slots: t, emit: a }) {
     page: A.fromPage,
     position: 1,
     force: !0
-  }), a("did-move", d.value)), !0), _e = (H, A = {}) => Te(ye(H), A), wt = () => _e(-_.value), mt = () => _e(_.value), Xe = (H) => {
+  }), a("did-move", d.value)), !0), He = (H, A = {}) => Te(ye(H), A), wt = () => He(-_.value), mt = () => He(_.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 qe = pe.querySelector(ae);
-      if (qe)
-        return qe.focus(), !0;
+      const We = pe.querySelector(ae);
+      if (We)
+        return We.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);
-  }, He = (H, A) => {
+  }, qe = (H, A) => {
     a("daymouseleave", H, A);
   }, Fe = (H, A) => {
     i.value = H.day, r.value = H, H.isFocused = !0, a("dayfocusin", H, A);
@@ -16688,7 +16689,7 @@ function a7(e, { slots: t, emit: a }) {
     canMove: De,
     canMoveBy: ne,
     move: Te,
-    moveBy: _e,
+    moveBy: He,
     movePrev: wt,
     moveNext: mt,
     onTransitionBeforeEnter: J,
@@ -16699,7 +16700,7 @@ function a7(e, { slots: t, emit: a }) {
     onDayKeydown: nt,
     onDayClick: Ot,
     onDayMouseenter: re,
-    onDayMouseleave: He,
+    onDayMouseleave: qe,
     onDayFocusin: Fe,
     onDayFocusout: ot,
     onWeeknumberClick: Lt
@@ -16925,7 +16926,7 @@ function r7(e, t, a, n, r, i) {
       onAfterLeave: e.afterLeave
     }, {
       default: B(() => [
-        e.isVisible ? (h(), D("div", Ue({
+        e.isVisible ? (h(), D("div", ze({
           key: 0,
           tabindex: "-1",
           class: `vc-popover-content direction-${e.direction}`
@@ -16995,7 +16996,7 @@ const Ru = /* @__PURE__ */ mn(n7, [["render", r7]]), i7 = { class: "vc-day-popov
   },
   setup(e) {
     const a = sg(e.name);
-    return (n, r) => I(a) ? (h(), X(ze(I(a)), lr(Ue({ key: 0 }, n.$attrs)), null, 16)) : Q(n.$slots, "default", { key: 1 });
+    return (n, r) => I(a) ? (h(), X(Ye(I(a)), lr(ze({ key: 0 }, n.$attrs)), null, 16)) : Q(n.$slots, "default", { key: 1 });
   }
 }), d7 = { class: "vc-day-popover-container" }, c7 = {
   key: 0,
@@ -17098,7 +17099,7 @@ const B7 = /* @__PURE__ */ mn(M7, [["render", L7]]), R7 = /* @__PURE__ */ Object
   },
   setup(e) {
     const t = e, a = m(() => t.width || t.size), n = m(() => t.height || t.size), r = m(() => R7[`Icon${t.name}`]);
-    return (i, l) => (h(), X(ze(I(r)), {
+    return (i, l) => (h(), X(Ye(I(r)), {
       width: I(a),
       height: I(n),
       class: "vc-base-icon"
@@ -17657,7 +17658,7 @@ function aP(e, t, a, n, r, i) {
       locale: e.locale
     }, {
       default: B(() => [
-        dn((h(), D("div", Ue(e.dayContentProps, cl(e.dayContentEvents, !0)), [
+        dn((h(), D("div", ze(e.dayContentProps, cl(e.dayContentEvents, !0)), [
           me(ie(e.day.label), 1)
         ], 16)), [
           [u, e.dayPopover]
@@ -17757,7 +17758,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"), d = _t("CalendarDayPopover"), c = _t("CalendarNavPopover");
   return h(), D(Ae, null, [
-    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, {
+    K("div", ze({ "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}`,
@@ -17925,8 +17926,8 @@ function pP(e, { emit: t, slots: a }) {
       ...e.selectAttribute,
       dates: o.value,
       pinPage: !0
-    }, { dot: j, bar: ae, highlight: pe, content: qe } = A;
-    return !j && !ae && !pe && !qe && (A.highlight = !0), A;
+    }, { dot: j, bar: ae, highlight: pe, content: We } = A;
+    return !j && !ae && !pe && !We && (A.highlight = !0), A;
   }), J = m(() => {
     if (!p.value || !Pe(d.value))
       return null;
@@ -17934,8 +17935,8 @@ function pP(e, { emit: t, slots: a }) {
       key: "select-drag",
       ...e.dragAttribute,
       dates: d.value
-    }, { dot: j, bar: ae, highlight: pe, content: qe } = A;
-    return !j && !ae && !pe && !qe && (A.highlight = {
+    }, { dot: j, bar: ae, highlight: pe, content: We } = A;
+    return !j && !ae && !pe && !We && (A.highlight = {
       startEnd: {
         fillMode: "outline"
       }
@@ -18012,16 +18013,16 @@ function pP(e, { emit: t, slots: a }) {
     if (!Pe(A))
       return null;
     if (xe(A)) {
-      const qe = r.value.toDate(A.start, {
+      const We = r.value.toDate(A.start, {
         ...j[0],
         fillDate: w.value ?? void 0,
         patch: ae
-      }), We = r.value.toDate(A.end, {
+      }), Ue = r.value.toDate(A.end, {
         ...j[1],
         fillDate: k.value ?? void 0,
         patch: ae
       });
-      return ot({ start: qe, end: We }, pe);
+      return ot({ start: We, end: Ue }, pe);
     }
     return r.value.toDateOrNull(A, {
       ...j[0],
@@ -18037,18 +18038,18 @@ function pP(e, { emit: t, slots: a }) {
   }
   function Qe(A, j = {}) {
     return clearTimeout(b), new Promise((ae) => {
-      const { debounce: pe = 0, ...qe } = j;
+      const { debounce: pe = 0, ...We } = j;
       pe > 0 ? b = window.setTimeout(() => {
-        ae(Ze(A, qe));
-      }, pe) : ae(Ze(A, qe));
+        ae(Ze(A, We));
+      }, pe) : ae(Ze(A, We));
     });
   }
   function Ze(A, {
     config: j = _.value,
     patch: ae = "dateTime",
     clearIfEqual: pe = !1,
-    formatInput: qe = !0,
-    hidePopover: We = !1,
+    formatInput: We = !0,
+    hidePopover: Ue = !1,
     dragging: kt = N.value,
     targetPriority: Qt,
     moveToValue: Sa = !1
@@ -18063,7 +18064,7 @@ function pP(e, { emit: t, slots: a }) {
     if (Ge(Tt)) {
       if (kt)
         return null;
-      Tt = o.value, We = !1;
+      Tt = o.value, Ue = !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)
@@ -18074,7 +18075,7 @@ function pP(e, { emit: t, slots: a }) {
       Tt,
       _.value
     );
-    return Y && (y = !1, t(kt ? "drag" : "update:modelValue", te), gt(() => y = !0)), We && !kt && He(), qe && oe(), Sa && gt(() => Lt(Qt ?? "start")), te;
+    return Y && (y = !1, t(kt ? "drag" : "update:modelValue", te), gt(() => y = !0)), Ue && !kt && qe(), We && oe(), Sa && gt(() => Lt(Qt ?? "start")), te;
   }
   function oe() {
     gt(() => {
@@ -18088,18 +18089,18 @@ function pP(e, { emit: t, slots: a }) {
       p.value ? c.value = [j && j.start, j && j.end] : c.value = [j, ""];
     });
   }
-  function Ye(A, j, ae) {
+  function _e(A, j, ae) {
     c.value.splice(j === "start" ? 0 : 1, 1, A);
     const pe = p.value ? {
       start: c.value[0],
       end: c.value[1] || c.value[0]
-    } : A, qe = {
+    } : A, We = {
       type: "string",
       mask: q.value
     };
     Qe(pe, {
       ...ae,
-      config: qe,
+      config: We,
       patch: S.value,
       targetPriority: j,
       moveToValue: !0
@@ -18107,7 +18108,7 @@ function pP(e, { emit: t, slots: a }) {
   }
   function ee(A) {
     return (j) => {
-      e.updateOnInput && Ye(j.currentTarget.value, A, {
+      e.updateOnInput && _e(j.currentTarget.value, A, {
         formatInput: !1,
         hidePopover: !1,
         debounce: e.inputDebounce
@@ -18116,7 +18117,7 @@ function pP(e, { emit: t, slots: a }) {
   }
   function ye(A) {
     return (j) => {
-      Ye(j.currentTarget.value, A, {
+      _e(j.currentTarget.value, A, {
         formatInput: !0,
         hidePopover: !1
       });
@@ -18143,7 +18144,7 @@ function pP(e, { emit: t, slots: a }) {
   function Te(A) {
     t("popover-did-show", A);
   }
-  function _e(A) {
+  function He(A) {
     we(), t("popover-will-hide", A);
   }
   function wt(A) {
@@ -18178,7 +18179,7 @@ function pP(e, { emit: t, slots: a }) {
         break;
       }
       case "Escape":
-        He();
+        qe();
     }
     t("daykeydown", A, j);
   }
@@ -18196,7 +18197,7 @@ function pP(e, { emit: t, slots: a }) {
       id: s.value
     });
   }
-  function He(A = {}) {
+  function qe(A = {}) {
     ci({
       hideDelay: 10,
       force: !0,
@@ -18236,8 +18237,8 @@ function pP(e, { emit: t, slots: a }) {
     const ae = o.value;
     if (v.value == null || !Pe(ae))
       return !1;
-    const pe = A !== "end", qe = pe ? 1 : -1, We = xe(ae) ? pe ? ae.start : ae.end : ae, kt = Rh(We, "monthly", r.value);
-    return v.value.move(kt, { position: qe, ...j });
+    const pe = A !== "end", We = pe ? 1 : -1, Ue = xe(ae) ? pe ? ae.start : ae.end : ae, kt = Rh(Ue, "monthly", r.value);
+    return v.value.move(kt, { position: We, ...j });
   }
   fe(
     () => e.isRange,
@@ -18312,14 +18313,14 @@ function pP(e, { emit: t, slots: a }) {
     moveToValue: Lt,
     updateValue: Qe,
     showPopover: re,
-    hidePopover: He,
+    hidePopover: qe,
     togglePopover: Fe,
     onDayClick: Xe,
     onDayKeydown: $t,
     onDayMouseEnter: Ot,
     onPopoverBeforeShow: Me,
     onPopoverAfterShow: Te,
-    onPopoverBeforeHide: _e,
+    onPopoverBeforeHide: He,
     onPopoverAfterHide: wt
   };
   return vi(pg, H), H;
@@ -18486,7 +18487,7 @@ const yP = ["value"], bP = ["value", "disabled"], wP = {
         "vc-has-icon": e.showIcon
       }])
     }, [
-      K("select", Ue(n.$attrs, {
+      K("select", ze(n.$attrs, {
         value: e.modelValue,
         class: ["vc-focus", {
           "vc-align-right": e.alignRight,
@@ -18695,7 +18696,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(Ue({ key: 1 }, e.$attrs)), null, 16));
+  ], 64)) : (h(), X(u, lr(ze({ 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 = [];
@@ -19064,8 +19065,8 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
     };
     return fe(() => n.id, () => {
       $.value++;
-    }, { immediate: !0 }), (q, M) => (h(), D("div", Ue({ class: "k-file-upload" }, o.value), [
-      e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
+    }, { immediate: !0 }), (q, M) => (h(), D("div", ze({ class: "k-file-upload" }, o.value), [
+      e.label ? (h(), X(Qa, ze({ key: 0 }, e.labelAttributes, {
         ref_key: "labelElement",
         ref: c,
         for: s.value,
@@ -19165,7 +19166,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
       return h(), D("div", {
         class: ue(["k-input-switch", [d.size, { "label-before": d.labelBefore, disabled: d.disabled }, d.$attrs.class]])
       }, [
-        K("input", Ue(u.value, {
+        K("input", ze(u.value, {
           id: l.value,
           ref_key: "switchInputElement",
           ref: r,
@@ -19175,7 +19176,7 @@ const LP = /* @__PURE__ */ mn(PP, [["render", NP]]), BP = { class: "k-segmented-
           type: "checkbox",
           onInput: o
         }), null, 16, aN),
-        Z(f, Ue(d.disabled && d.disabledTooltipText ? d.tooltipAttributes : {}, {
+        Z(f, ze(d.disabled && d.disabledTooltipText ? d.tooltipAttributes : {}, {
           class: "switch-control-wrapper",
           text: d.disabled ? d.disabledTooltipText : ""
         }), {
@@ -20093,7 +20094,7 @@ const FN = {
       $ && (await gt(), k());
     }), fl(async () => {
       await y(!1), w(!1);
-    }), ($, C) => e.visible ? (h(), D("div", Ue({
+    }), ($, C) => e.visible ? (h(), D("div", ze({
       key: 0,
       "aria-label": e.title,
       "aria-modal": "true",
@@ -20743,7 +20744,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       width: Qe.value
     })), oe = m(() => ({
       width: nt.value + "px"
-    })), Ye = m(() => {
+    })), _e = m(() => {
       if (R.value.length === 0) {
         if (!o.collapsedContext && o.placeholder)
           return o.placeholder;
@@ -20796,22 +20797,22 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         o.enableItemCreation && j.custom && (S.value = S.value.filter((ae) => ae.value !== j.value), d("item-removed", j));
       }), H && ne();
     }, Te = (ce, H) => {
-      var pe, qe;
-      let A = !1, j = H ? ce : ((pe = S.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)
+      var pe, We;
+      let A = !1, j = H ? ce : ((pe = S.value.filter((Ue) => Ue.value === ce.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 === ce.value)) == null ? void 0 : We[0]) || null), j === null)
         return;
       if (j.selected) {
-        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));
+        if (R.value = R.value.filter((Ue) => Ue.value !== ce.value), F.value.filter((Ue) => Ue.value === ce.value).length ? F.value = F.value.filter((Ue) => Ue.value !== ce.value) : W.delete(ce.value) && (U.value = U.value.filter((Ue) => Ue.value !== ce.value)), j.selected = !1, U.value.length) {
+          const Ue = U.value.pop();
+          Ue && (F.value.push(Ue), W.delete(Ue.value));
         }
-        A && (S.value = S.value.filter((We) => We.value !== ce.value), d("item-removed", ce));
+        A && (S.value = S.value.filter((Ue) => Ue.value !== ce.value), d("item-removed", ce));
       } else
         j.selected = !0, R.value.push(j), F.value.push(j), H && (j.custom = !0, S.value.push(j));
       ne();
-      const ae = R.value.map((We) => We.value);
+      const ae = R.value.map((Ue) => Ue.value);
       d("selected", R.value), d("change", j), d("update:modelValue", ae);
-    }, _e = (ce) => {
+    }, He = (ce) => {
       o.enableItemCreation && wt(), ce.preventDefault();
     }, wt = () => {
       var A;
@@ -20824,7 +20825,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       };
       d("item-added", H), Te(H, !0), q.value = "";
     }, mt = () => {
-      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()));
+      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, We) => pe.group.toLowerCase().localeCompare(We.group.toLowerCase()));
       x.value = [...j, ...ae];
     }, Xe = () => {
       S.value.forEach((H) => {
@@ -20840,7 +20841,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     }, re = () => {
       var ce;
       (ce = E.value) == null || ce.showPopover();
-    }, He = (ce) => {
+    }, qe = (ce) => {
       var H;
       (ce.key === "ArrowDown" || ce.key === "ArrowUp") && ((H = c.value) == null || H.setFocus(ce.key === "ArrowDown" ? "down" : "up"));
     }, Fe = async () => {
@@ -20872,7 +20873,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           Xe();
           return;
         }
-        const A = new Set(H), j = new Set(ce), ae = S.value.filter((qe) => j.has(qe.value)), pe = R.value.filter((qe) => !j.has(qe.value) && A.has(qe.value));
+        const A = new Set(H), j = new Set(ce), ae = S.value.filter((We) => j.has(We.value)), pe = R.value.filter((We) => !j.has(We.value) && A.has(We.value));
         pe.length && Me(pe), ae.length && we(ae);
       }
     }), fe(() => o.items, (ce, H) => {
@@ -20883,8 +20884,8 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           S.value[ae].selected === void 0 && (S.value[ae].selected = !1);
           let pe = `${(j = (A = S.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}`), S.value[ae].key = pe, o.modelValue.includes(S.value[ae].value) || S.value[ae].selected) {
-            const qe = S.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);
+            const We = S.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);
           }
         }
         ne(), E.value && typeof E.value.updatePopper == "function" && gt(() => {
@@ -20906,7 +20907,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         class: ue(["k-multiselect", [ce.$attrs.class, { "multiselect-error": e.error }]]),
         style: Oe(Ze.value)
       }, [
-        e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
+        e.label ? (h(), X(Qa, ze({ key: 0 }, e.labelAttributes, {
           "data-testid": e.labelAttributes["data-testid"] ? e.labelAttributes["data-testid"] : "multiselect-label",
           for: $.value,
           required: f.value
@@ -20927,7 +20928,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, Ue({
+              Z(Tr, ze({
                 ref_key: "popper",
                 ref: E,
                 "hide-close-icon": ""
@@ -20958,9 +20959,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         onClick: H[5] || (H[5] = Ke(() => {
                         }, ["stop"])),
                         onFocus: ot,
-                        onKeydown: ft(_e, ["enter"]),
+                        onKeydown: ft(He, ["enter"]),
                         onKeyup: [
-                          He,
+                          qe,
                           H[6] || (H[6] = ft(Ke(() => {
                           }, ["stop"]), ["enter"]))
                         ],
@@ -21005,7 +21006,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                   ], 2)) : G("", !0)
                 ]),
                 default: B(() => [
-                  K("div", Ue({
+                  K("div", ze({
                     id: $.value,
                     ref: "multiselectElement",
                     class: ["multiselect-trigger", { focused: he.value, hovered: $e.value, disabled: Ce.value, readonly: xe.value }],
@@ -21028,7 +21029,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         "data-testid": "multiselect-input",
                         disabled: Ce.value,
                         "model-value": q.value,
-                        placeholder: Ye.value,
+                        placeholder: _e.value,
                         readonly: xe.value ? !0 : void 0,
                         spellcheck: "false",
                         type: "text",
@@ -21037,7 +21038,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                           j.value && pe.stopPropagation();
                         },
                         onFocus: Fe,
-                        onKeydown: ft(_e, ["enter"]),
+                        onKeydown: ft(He, ["enter"]),
                         onKeyup: (pe) => Ot(pe, j),
                         onMouseenter: H[1] || (H[1] = () => $e.value = !0),
                         onMouseleave: H[2] || (H[2] = () => $e.value = !1),
@@ -21049,8 +21050,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, qe) => (h(), X(Vr, {
-                        key: `${I(C)}-${pe.key ? pe.key : qe}-badge-${p.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}`,
                         appearance: g(pe),
                         class: "multiselect-selection-badge",
                         "icon-before": !1,
@@ -21072,7 +21073,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                               class: "badge-dismiss-button",
                               "data-testid": "badge-dismiss-button",
                               type: "button",
-                              onClick: (We) => Te(pe)
+                              onClick: (Ue) => Te(pe)
                             }, [
                               Z(I(da), { decorative: "" })
                             ], 8, T9)
@@ -21102,7 +21103,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                         ]),
                         _: 1
                       }, 8, ["text"])) : G("", !0)
-                    ], 4)) : (h(), D("div", D9, ie(Ye.value), 1)),
+                    ], 4)) : (h(), D("div", D9, ie(_e.value), 1)),
                     K("div", x9, [
                       !e.loading && R.value.length && j.value ? (h(), D("button", {
                         key: 0,
@@ -21250,7 +21251,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       c || (l.value = "", u.value = !1);
     }), fe(l, (c) => {
       c && c === a.confirmationText && (u.value = !1);
-    }), (c, f) => (h(), X($g, Ue({ ...i.value, ...e.modalAttributes }, {
+    }), (c, f) => (h(), X($g, ze({ ...i.value, ...e.modalAttributes }, {
       "action-button-appearance": e.actionButtonAppearance,
       "action-button-disabled": s.value,
       "action-button-text": e.actionButtonText,
@@ -21403,7 +21404,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         y.value
       ]])
     }, [
-      K("input", Ue({ id: l.value }, g.value, {
+      K("input", ze({ id: l.value }, g.value, {
         "aria-checked": f.value,
         checked: f.value,
         class: ["radio-input", { hidden: e.card && !e.cardRadioVisible }],
@@ -21416,7 +21417,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         key: 0,
         class: ue(["radio-label-wrapper", { "has-description": o.value }])
       }, [
-        Z(Qa, Ue(e.labelAttributes, {
+        Z(Qa, ze(e.labelAttributes, {
           class: "radio-label",
           for: l.value
         }), yt({
@@ -21807,7 +21808,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     }), W = m(() => a(r.dropdownMaxHeight)), J = m(() => ({ ...U.value })), V = m(() => r.placeholder || l.placeholder || "Select..."), ve = m(() => !b.value && r.clearable && !!_.value), de = m(() => !!(_.value && (u["selected-item-template"] || r.reuseItemTemplate && u["item-template"]))), $e = m(() => {
       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, _e) => Te.group.toLowerCase().localeCompare(_e.group.toLowerCase()));
+      const we = ne.filter((Te) => !Te.group), Me = ne.filter((Te) => Te.group).sort((Te, He) => Te.group.toLowerCase().localeCompare(He.group.toLowerCase()));
       return [...we, ...Me];
     }), he = (ne) => {
       if (!r.enableFiltering)
@@ -21827,9 +21828,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((_e, wt) => {
+      we && ((Me = z.value) == null || Me.push(ne)), (Te = z.value) == null || Te.forEach((He, wt) => {
         var mt;
-        _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;
+        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;
       }), $.value = !0, C.value = ne.label;
     }, Ne = () => {
       var ne;
@@ -21838,13 +21839,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, _e;
+      var Te, He;
       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 && ((_e = Ge.value) == null || _e.setFocus(ne.key === "ArrowDown" ? "down" : "up"));
+      !we.value && Me && Me.click(), (ne.key === "ArrowDown" || ne.key === "ArrowUp") && we.value && ((He = Ge.value) == null || He.setFocus(ne.key === "ArrowDown" ? "down" : "up"));
     }, et = (ne) => {
       C.value !== ne && (C.value = ne);
     }, Qe = () => {
@@ -21854,7 +21855,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();
-    }, Ye = (ne) => {
+    }, _e = (ne) => {
       var we;
       (b.value || ((we = ne == null ? void 0 : ne.target) == null ? void 0 : we.dataset.propagateClicks) === "false") && ne.stopPropagation();
     }, ee = (ne) => {
@@ -21867,16 +21868,16 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     return fe(S, (ne, we) => {
       var Me;
       if (ne !== we) {
-        const Te = (Me = z.value) == null ? void 0 : Me.filter((_e) => _e.value === ne);
+        const Te = (Me = z.value) == null ? void 0 : Me.filter((He) => He.value === ne);
         Te != null && Te.length ? Pe(Te[0]) : ne || Ne();
       }
     }), fe(() => r.items, (ne, we) => {
-      var Me, Te, _e, wt, mt;
+      var Me, Te, He, 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 = (_e = z.value[Xe].label) == null ? void 0 : _e.replace(/ /gi, "-")) == null ? void 0 : wt.replace(/[^a-z0-9-_]/gi, "")}-${Xe}`;
+          let $t = `${(wt = (He = z.value[Xe].label) == null ? void 0 : He.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 || ($.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(() => {
@@ -21901,7 +21902,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
     }), (ne, we) => (h(), D("div", {
       class: ue(["k-select", [ne.$attrs.class]])
     }, [
-      e.label ? (h(), X(Qa, Ue({ key: 0 }, e.labelAttributes, {
+      e.label ? (h(), X(Qa, ze({ key: 0 }, e.labelAttributes, {
         "data-testid": "select-label",
         for: o.value,
         required: v.value
@@ -21921,7 +21922,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, Ue({ ref: "popperElement" }, J.value, {
+          Z(Tr, ze({ ref: "popperElement" }, J.value, {
             "close-on-popover-click": "",
             "hide-close-icon": "",
             onClose: () => ye(Me, Te.value),
@@ -21949,10 +21950,10 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                     onAddItem: xe,
                     onSelected: Pe
                   }, {
-                    content: B(({ item: _e }) => [
+                    content: B(({ item: He }) => [
                       Q(ne.$slots, "item-template", {
                         class: "select-item-label select-item-desc",
-                        item: _e
+                        item: He
                       }, void 0, !0)
                     ]),
                     _: 3
@@ -21984,9 +21985,9 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                 class: "select-wrapper",
                 "data-testid": "select-wrapper",
                 role: "listbox",
-                onClick: Ye
+                onClick: _e
               }, [
-                (h(), X(pn, Ue({
+                (h(), X(pn, ze({
                   id: o.value,
                   key: p.value,
                   ref: "inputElement",
@@ -22008,7 +22009,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
                   onKeydown: ft(Ce, ["enter"]),
                   onKeypress: he,
                   onKeyup: [
-                    (_e) => at(_e, Te),
+                    (He) => at(He, Te),
                     we[0] || (we[0] = ft(Ke(() => {
                     }, ["stop"]), ["enter"]))
                   ],
@@ -22787,7 +22788,7 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
           return `${parseInt(te.height, 10)}px`;
       }
       return "auto";
-    }), Ye = (O, Y) => {
+    }), _e = (O, Y) => {
       var ut;
       if (O.button !== 0)
         return;
@@ -22833,15 +22834,15 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
         return "";
       let O = c;
       return u.cacheIdentifier && (O = u.cacheIdentifier), u.fetcherCacheKey && (O += `-${u.fetcherCacheKey}`), `k-table_${O}`;
-    }), Te = P(""), { debouncedFn: _e, generateDebouncedFn: wt } = a((O) => {
+    }), Te = P(""), { debouncedFn: He, 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: He, hasData: Fe, swrvState: ot } = r(Xe, $t, re), nt = P(!0), Nt = m(() => ({
+    ), { state: qe, hasData: Fe, swrvState: ot } = r(Xe, $t, re), nt = P(!0), Nt = m(() => ({
       hasData: Fe.value,
-      state: He.value
+      state: qe.value
     })), Lt = m(() => 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({
@@ -22854,16 +22855,16 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       M.value = O;
     }, pe = ({ pageSize: O }) => {
       U.value = [null], F.value = null, E.value = O, M.value = 1, kt();
-    }, qe = (O) => {
+    }, We = (O) => {
       O && O.target && typeof O.target.scrollTop == "number" && (O.target.scrollTop > 1 ? q.value = !0 : O.target.scrollTop === 0 && (q.value = !q.value));
-    }, We = m(() => ({
+    }, Ue = m(() => ({
       pageSize: E.value,
       sortColumnKey: x.value,
       sortColumnOrder: R.value,
       ...u.resizeColumns ? { columnWidths: Ne.value } : {},
       ...$.value ? { columnVisibility: _.value } : {}
     })), kt = () => {
-      Lt.value === "success" && s("update:table-preferences", We.value);
+      Lt.value === "success" && s("update:table-preferences", Ue.value);
     }, Qt = () => {
       M.value++, F.value = we.value;
     }, Sa = () => {
@@ -22874,8 +22875,8 @@ const Ol = () => k9(), C9 = { "data-testid": "multiselect-container" }, S9 = ["i
       JSON.stringify(se) !== JSON.stringify(y.value) && (y.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(He, () => {
-      switch (He.value) {
+    }, { deep: !0, immediate: !0 }), fe(qe, () => {
+      switch (qe.value) {
         case ot.PENDING:
           nt.value = !0;
           break;
@@ -22895,7 +22896,7 @@ 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) : _e(O);
+      M.value !== 1 && (M.value = 1), O === "" ? mt(O) : He(O);
     }, { immediate: !0 });
     const L = P(!1);
     return fe([Te, M, E], async (O, Y) => {
@@ -22979,7 +22980,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
         K("div", {
           class: "table-wrapper",
           style: Oe(de.value),
-          onScrollPassive: qe
+          onScrollPassive: We
         }, [
           K("table", {
             class: ue(["table", {
@@ -23018,7 +23019,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
                     class: "resize-handle previous",
                     onClick: Y[3] || (Y[3] = Ke(() => {
                     }, ["stop"])),
-                    onMousedown: (be) => Ye(be, y.value[se - 1].key),
+                    onMousedown: (be) => _e(be, y.value[se - 1].key),
                     onMouseleave: Y[4] || (Y[4] = (be) => w.value = ""),
                     onMouseover: (be) => w.value = y.value[se - 1].key
                   }, null, 40, q6)) : G("", !0),
@@ -23068,7 +23069,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
                     class: "resize-handle",
                     onClick: Y[5] || (Y[5] = Ke(() => {
                     }, ["stop"])),
-                    onMousedown: (be) => Ye(be, te.key),
+                    onMousedown: (be) => _e(be, te.key),
                     onMouseleave: Y[6] || (Y[6] = (be) => w.value = ""),
                     onMouseover: (be) => w.value = te.key
                   }, null, 40, U6)) : G("", !0)
@@ -23076,12 +23077,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", Ue({ ref_for: !0 }, e.rowAttrs(te), {
+              (h(!0), D(Ae, null, Re(v.value, (te, se) => (h(), D("tr", ze({ ref_for: !0 }, e.rowAttrs(te), {
                 key: `table-${I(c)}-row-${se}`,
                 role: J.value ? "link" : null,
                 tabindex: J.value ? 0 : null
               }), [
-                (h(!0), D(Ae, null, Re(y.value, (be, ke) => (h(), D("td", Ue({ ref_for: !0 }, e.cellAttrs({ headerKey: be.key, row: te, rowIndex: se, colIndex: ke }), {
+                (h(!0), D(Ae, null, Re(y.value, (be, ke) => (h(), D("td", ze({ ref_for: !0 }, e.cellAttrs({ headerKey: be.key, row: te, rowIndex: se, colIndex: ke }), {
                   key: `table-${I(c)}-cell-${ke}`,
                   class: {
                     "resize-hover": e.resizeColumns && Qe.value === be.key && ke !== y.value.length - 1
@@ -23330,7 +23331,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
     return (T, N) => (h(), D("div", {
       class: ue(["k-textarea", [T.$attrs.class, { "input-error": e.error || e.hasError || p.value }]])
     }, [
-      e.label ? (h(), X(Qa, Ue({
+      e.label ? (h(), X(Qa, ze({
         key: 0,
         for: g.value
       }, e.labelAttributes, { required: u.value }), yt({
@@ -23355,7 +23356,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
         "data-allow-mismatch": "class",
         "data-value": I(wv) ? null : s.value
       }, [
-        K("textarea", Ue({ id: g.value }, y.value, {
+        K("textarea", ze({ id: g.value }, y.value, {
           "aria-invalid": c.value,
           class: ["input-textarea", {
             resizable: e.resizable || e.isResizable
@@ -23433,7 +23434,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), De();
           role: "alert"
         }, [
           K("div", oL, [
-            (h(), X(ze(t(r.appearance)), {
+            (h(), X(Ye(t(r.appearance)), {
               class: "toaster-icon",
               color: `var(--kui-color-text, ${I(t1)})`,
               decorative: ""
@@ -25286,7 +25287,7 @@ const JL = {
       }), await gt(), n.collapsible && q();
     }), t({ collapseAll: k, expandAll: $ }), (M, E) => {
       const S = _t("KTreeDraggable", !0);
-      return h(), X(I(eB), Ue(u, {
+      return h(), X(I(eB), ze(u, {
         class: "tree-draggable",
         direction: "vertical",
         disabled: e.disableDrag,
@@ -25991,7 +25992,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 !== f.value.length - 1 && _e(L),
+      "resize-hover": ye.value === L.key && a.resizeColumns && !a.nested && O !== f.value.length - 1 && He(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,
@@ -26003,7 +26004,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)
-    }), Ye = (L) => {
+    }), _e = (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", {
@@ -26055,7 +26056,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         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, _e = (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, He = (L, O = !1) => {
       if (O) {
         if (f.value.indexOf(L) === f.value.length - 1)
           return !1;
@@ -26083,7 +26084,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
         return !1;
       const O = a.rowBulkActionEnabled(L);
       return typeof O == "boolean" ? O : O.enabled;
-    }, He = (L) => {
+    }, qe = (L) => {
       if (typeof a.rowBulkActionEnabled != "function")
         return "";
       const O = a.rowBulkActionEnabled(L);
@@ -26119,7 +26120,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 }));
-    }, qe = m(() => f.value.filter((L) => L.key !== je.EXPANDABLE && L.key !== je.BULK_ACTIONS)), We = P({}), kt = () => {
+    }, We = m(() => f.value.filter((L) => L.key !== je.EXPANDABLE && L.key !== je.BULK_ACTIONS)), Ue = P({}), kt = () => {
       if (typeof document > "u")
         return;
       const L = document == null ? void 0 : document.querySelector(`[data-tableid="${l}"]`), O = L == null ? void 0 : L.querySelectorAll("th"), Y = {};
@@ -26129,7 +26130,7 @@ 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;
-      }), We.value = Y;
+      }), Ue.value = Y;
     };
     fe([C, c, H], (L) => {
       const [O, Y, te] = L;
@@ -26297,11 +26298,11 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   "data-key": Y.key,
                   "data-testid": `table-header-${Y.key}`,
                   style: Oe(Ze.value[Y.key]),
-                  onClick: () => Ye(Y),
+                  onClick: () => _e(Y),
                   onMouseleave: O[8] || (O[8] = (se) => g.value = ""),
                   onMouseover: (se) => g.value = Y.key
                 }, [
-                  L.resizeColumns && !L.nested && te !== 0 && _e(Y, !0) ? (h(), D("div", {
+                  L.resizeColumns && !L.nested && te !== 0 && He(Y, !0) ? (h(), D("div", {
                     key: 0,
                     class: "resize-handle previous",
                     onClick: O[3] || (O[3] = Ke(() => {
@@ -26365,7 +26366,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                       size: I(Aa)
                     }, null, 8, ["color", "size"])) : G("", !0)
                   ], 10, _B),
-                  L.resizeColumns && !L.nested && te !== f.value.length - 1 && _e(Y) ? (h(), D("div", {
+                  L.resizeColumns && !L.nested && te !== f.value.length - 1 && He(Y) ? (h(), D("div", {
                     key: 1,
                     class: "resize-handle",
                     onClick: O[6] || (O[6] = Ke(() => {
@@ -26387,7 +26388,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", Ue({
+                K("tr", ze({
                   class: {
                     "last-row": te === L.data.length - 1 && !ae.value.includes(te)
                   },
@@ -26395,10 +26396,10 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   tabindex: S.value && !L.rowLink(Y).to ? 0 : void 0,
                   ref_for: !0
                 }, L.rowAttrs(Y)), [
-                  (h(!0), D(Ae, null, Re(f.value, (se, be) => (h(), D("td", Ue({
+                  (h(!0), D(Ae, null, Re(f.value, (se, be) => (h(), D("td", ze({
                     key: `${$e.value.get(Y)}-cell-${se.key}`,
                     class: {
-                      "resize-hover": L.resizeColumns && !L.nested && ye.value === se.key && be !== f.value.length - 1 && _e(se),
+                      "resize-hover": L.resizeColumns && !L.nested && ye.value === se.key && be !== f.value.length - 1 && He(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,
@@ -26407,7 +26408,7 @@ 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)), Ue({
+                    se.key !== I(je).EXPANDABLE ? (h(), X(Ye(Fe(Y, se.key)), ze({
                       key: 0,
                       class: "cell-wrapper",
                       ref_for: !0
@@ -26425,7 +26426,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                           "kpop-attributes": { target: L.tooltipTarget },
                           "max-width": "200",
                           placement: "bottom-start",
-                          text: re(Y) ? void 0 : He(Y)
+                          text: re(Y) ? void 0 : qe(Y)
                         }, {
                           default: B(() => [
                             Z(Ro, {
@@ -26509,8 +26510,8 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
                   }, [
                     K("div", GB, [
                       Q(L.$slots, "row-expanded", {
-                        columnWidths: We.value,
-                        nestedHeaders: qe.value,
+                        columnWidths: Ue.value,
+                        nestedHeaders: We.value,
                         row: xe(Y)
                       }, void 0, !0)
                     ])
@@ -26534,7 +26535,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
             "scrollbar-offset": N.value
           }])
         }, null, 2),
-        mt.value ? (h(), X(wl, Ue({
+        mt.value ? (h(), X(wl, ze({
           key: 1,
           class: "table-pagination",
           "data-testid": "table-pagination"
@@ -26613,7 +26614,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     function M(re) {
       return re.startsWith("tooltip-");
     }
-    const E = m(() => r ? Object.keys(r).filter(q) : []), S = m(() => r ? Object.keys(r).filter(M) : []), x = m(() => r ? Object.keys(r).filter((re) => f.value.some((He) => He.key === re)) : []), R = m(() => ({
+    const E = m(() => r ? Object.keys(r).filter(q) : []), S = m(() => r ? Object.keys(r).filter(M) : []), x = m(() => r ? Object.keys(r).filter((re) => f.value.some((qe) => qe.key === re)) : []), R = m(() => ({
       sortColumnKey: w.value,
       sortColumnOrder: k.value
     })), F = m(() => ({
@@ -26629,12 +26630,12 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       const re = await n.fetcher(U.value);
       return W.value = !1, re;
     }, V = () => {
-      var He;
+      var qe;
       const re = {
         ..._,
         ...n.initialFetcherParams
       };
-      g.value = re.page ?? _.page, y.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, c.value), (He = n.paginationAttributes) != null && He.offset && ($.value = re.offset, C.value.push(re.offset)), N.value = !0;
+      g.value = re.page ?? _.page, y.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, c.value), (qe = n.paginationAttributes) != null && qe.offset && ($.value = re.offset, C.value.push(re.offset)), N.value = !0;
     }, ve = m(() => C.value[g.value - 1]), de = P(null), $e = m(() => {
       if (!n.fetcher || !N.value)
         return "";
@@ -26653,34 +26654,34 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       () => $e.value,
       () => J(),
       { revalidateOnFocus: !1, revalidateDebounce: 0 }
-    ), { state: Ze, hasData: oe } = u(Pe, Ge, et), Ye = m(() => ({
+    ), { state: Ze, hasData: oe } = u(Pe, Ge, et), _e = m(() => ({
       hasData: oe.value,
       state: Ze.value
-    })), ee = m(() => Qe.value ? "loading" : Ge.value ? "error" : "success"), { debouncedFn: ye } = i(at, 500), De = ({ sortColumnKey: re, prevKey: He, sortColumnOrder: Fe }) => {
+    })), ee = m(() => Qe.value ? "loading" : Ge.value ? "error" : "success"), { debouncedFn: ye } = i(at, 500), De = ({ sortColumnKey: re, prevKey: qe, sortColumnOrder: Fe }) => {
       var Nt;
       const ot = f.value.find((Lt) => Lt.key === re), { useSortHandlerFunction: nt } = ot;
       o("sort", {
-        prevKey: He,
+        prevKey: qe,
         sortColumnKey: re,
         sortColumnOrder: Fe
       }), g.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: He,
+        prevKey: qe,
         sortColumnOrder: k.value,
         data: c.value
-      }) : s(re, He, k.value, c.value) : (Nt = n.paginationAttributes) != null && Nt.offset || ye();
+      }) : s(re, qe, k.value, c.value) : (Nt = n.paginationAttributes) != null && Nt.offset || ye();
     }, ne = ({ page: re }) => {
       g.value = re;
     }, we = ({ pageSize: re }) => {
       C.value = [null], $.value = null, y.value = re, g.value = 1;
-    }, Me = ({ columnWidths: re, columnVisibility: He }) => {
-      Te.value = re, _e.value = He, mt();
-    }, Te = P({}), _e = P({}), wt = m(() => ({
+    }, Me = ({ columnWidths: re, columnVisibility: qe }) => {
+      Te.value = re, He.value = qe, mt();
+    }, Te = P({}), He = P({}), wt = m(() => ({
       pageSize: y.value,
       sortColumnKey: w.value,
       sortColumnOrder: k.value,
       ...Te.value ? { columnWidths: Te.value } : {},
-      ..._e.value ? { columnVisibility: _e.value } : {}
+      ...He.value ? { columnVisibility: He.value } : {}
     })), mt = () => {
       ee.value === "success" && o("update:table-preferences", wt.value);
     }, Xe = () => {
@@ -26688,25 +26689,25 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
     }, $t = () => {
       g.value--, $.value = ve.value;
     }, Ot = m(() => {
-      var He, Fe, ot;
+      var qe, Fe, ot;
       if (!n.fetcher || n.hidePagination)
         return !1;
-      const re = ((Fe = (He = n.paginationAttributes) == null ? void 0 : He.pageSizes) == null ? void 0 : Fe[0]) ?? Dg;
+      const re = ((Fe = (qe = n.paginationAttributes) == null ? void 0 : qe.pageSizes) == null ? void 0 : Fe[0]) ?? Dg;
       return n.hidePaginationWhenOptional && g.value === 1 ? (ot = n.paginationAttributes) != null && ot.offset ? !!ve.value || !!de.value || c.value.length >= re : b.value > re : !0;
     });
     return fe(Ne, (re) => {
-      var He, Fe, ot, nt;
-      re != null && re.data && (c.value = re.data, b.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[g.value] || C.value.push(re.pagination.offset)) : de.value = null, T.value = re.pagination && "hasNextPage" in re.pagination ? re.pagination.hasNextPage : !0), c.value.length === 0 && g.value > 1 && (g.value = 1, C.value = [null], $.value = null));
-    }, { deep: !0, immediate: !0 }), fe([Ye, ee], (re) => {
-      const [He, Fe] = re;
+      var qe, Fe, ot, nt;
+      re != null && re.data && (c.value = re.data, b.value = ((qe = n.paginationAttributes) == null ? void 0 : qe.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[g.value] || C.value.push(re.pagination.offset)) : de.value = null, T.value = re.pagination && "hasNextPage" in re.pagination ? re.pagination.hasNextPage : !0), c.value.length === 0 && g.value > 1 && (g.value = 1, C.value = [null], $.value = null));
+    }, { deep: !0, immediate: !0 }), fe([_e, ee], (re) => {
+      const [qe, Fe] = re;
       o("state", {
         state: Fe,
-        hasData: He.hasData
+        hasData: qe.hasData
       });
     }), fe(() => n.searchInput, (re) => {
       re === "" ? xe(re) : he(re);
-    }, { immediate: !0 }), fe([p, y], async (re, He) => {
-      const [Fe] = He, [ot] = re;
+    }, { immediate: !0 }), fe([p, y], async (re, qe) => {
+      const [Fe] = qe, [ot] = re;
       ot !== Fe && g.value !== 1 && (g.value = 1, C.value = [null], $.value = null);
     }, { deep: !0, immediate: !0 }), st(() => {
       V();
@@ -26714,7 +26715,7 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       revalidate: () => {
         at();
       }
-    }), (re, He) => (h(), X(qg, {
+    }), (re, qe) => (h(), X(qg, {
       "cell-attrs": re.cellAttrs,
       class: "k-table-data",
       data: c.value,
@@ -26747,22 +26748,22 @@ const pB = ["href"], hB = /* @__PURE__ */ le({
       "row-key": re.rowKey,
       "row-link": re.rowLink,
       "table-preferences": re.tablePreferences,
-      onEmptyStateActionClick: He[0] || (He[0] = (Fe) => o("empty-state-action-click")),
-      onErrorActionClick: He[1] || (He[1] = (Fe) => o("error-action-click")),
+      onEmptyStateActionClick: qe[0] || (qe[0] = (Fe) => o("empty-state-action-click")),
+      onErrorActionClick: qe[1] || (qe[1] = (Fe) => o("error-action-click")),
       onGetNextOffset: Xe,
       onGetPreviousOffset: $t,
       onPageChange: ne,
       onPageSizeChange: we,
-      onRowActionsToggle: He[2] || (He[2] = (Fe) => re.$emit("row-actions-toggle", Fe)),
-      onRowSelect: He[3] || (He[3] = (Fe) => o("row-select", Fe)),
+      onRowActionsToggle: qe[2] || (qe[2] = (Fe) => re.$emit("row-actions-toggle", Fe)),
+      onRowSelect: qe[3] || (qe[3] = (Fe) => o("row-select", Fe)),
       onSort: De,
-      "onUpdate:rowExpanded": He[4] || (He[4] = (Fe) => o("update:row-expanded", Fe)),
+      "onUpdate:rowExpanded": qe[4] || (qe[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: Ye.value })
+          Q(re.$slots, "toolbar", { state: _e.value })
         ]),
         key: "0"
       } : void 0,