@kong/kongponents 9.13.1 → 9.14.0

package/dist/kongponents.es.js

@@ -1,7 +1,7 @@
 var uh = Object.defineProperty;
 var ch = (e, t, a) => t in e ? uh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var za = (e, t, a) => ch(e, typeof t != "symbol" ? t + "" : t, a);
-import { defineComponent as ie, reactive as vr, ref as E, computed as b, openBlock as h, createBlock as G, resolveDynamicComponent as Fe, normalizeStyle as Ne, withCtx as O, createElementBlock as D, normalizeClass as ue, renderSlot as H, unref as T, createCommentVNode as F, createElementVNode as R, toDisplayString as ne, withKeys as Ct, withModifiers as qe, useSlots as Mt, useAttrs as Kt, onMounted as ot, mergeProps as He, toHandlers as go, shallowRef as dh, watch as ve, getCurrentScope as vf, onScopeDispose as pf, shallowReadonly as Fn, getCurrentInstance as fh, onUnmounted as ea, isReadonly as vh, toRefs as hf, watchEffect as kl, useCssVars as Rt, onBeforeUnmount as mo, resolveComponent as It, resolveDirective as Yt, withDirectives as ut, createTextVNode as de, Transition as ia, createVNode as K, vShow as Cl, nextTick as ht, Fragment as De, renderList as Be, createSlots as mt, inject as ai, provide as ni, normalizeProps as Yr, toRef as $i, guardReactiveProps as ms, isRef as Un, Comment as ph, cloneVNode as hh, onBeforeMount as gh, TransitionGroup as mh, render as wu, h as ku } from "vue";
+import { defineComponent as ie, reactive as vr, ref as E, computed as b, openBlock as h, createBlock as G, resolveDynamicComponent as Fe, normalizeStyle as Ne, withCtx as O, createElementBlock as D, normalizeClass as ue, renderSlot as z, unref as T, createCommentVNode as F, createElementVNode as R, toDisplayString as ne, withKeys as Ct, withModifiers as qe, useSlots as Mt, useAttrs as Kt, onMounted as ot, mergeProps as He, toHandlers as go, shallowRef as dh, watch as ve, getCurrentScope as vf, onScopeDispose as pf, shallowReadonly as Fn, getCurrentInstance as fh, onUnmounted as ea, isReadonly as vh, toRefs as hf, watchEffect as kl, useCssVars as Rt, onBeforeUnmount as mo, resolveComponent as It, resolveDirective as Yt, withDirectives as ut, createTextVNode as de, Transition as ia, createVNode as K, vShow as Cl, nextTick as ht, Fragment as De, renderList as Be, createSlots as mt, inject as ai, provide as ni, normalizeProps as Yr, toRef as $i, guardReactiveProps as ms, isRef as Un, Comment as ph, cloneVNode as hh, onBeforeMount as gh, TransitionGroup as mh, render as wu, h as ku } from "vue";
 async function gf(e) {
   var n, r;
   if (navigator.clipboard)
@@ -3579,7 +3579,7 @@ const wf = {
       class: ue(["k-alert", [e.appearance]])
     }, [
       e.showIcon || n.$slots.icon ? (h(), D("div", Og, [
-        H(n.$slots, "icon", {}, () => [
+        z(n.$slots, "icon", {}, () => [
           (h(), G(Fe(a.value), {
             class: "alert-icon",
             decorative: "",
@@ -3590,7 +3590,7 @@ const wf = {
       R("div", Pg, [
         e.title ? (h(), D("span", Ng, ne(e.title), 1)) : F("", !0),
         e.message || n.$slots.default ? (h(), D("div", Bg, [
-          H(n.$slots, "default", {}, () => [
+          z(n.$slots, "default", {}, () => [
             R("p", null, ne(e.message), 1)
           ], !0)
         ])) : F("", !0)
@@ -3681,8 +3681,8 @@ const wf = {
       type: e.type
     }, l.value, go(u.value)), {
       default: O(() => [
-        H(c.$slots, "icon", {}, void 0, !0),
-        H(c.$slots, "default", {}, void 0, !0)
+        z(c.$slots, "icon", {}, void 0, !0),
+        z(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "disabled", "tabindex", "type"]));
@@ -3991,20 +3991,20 @@ const Qg = function(e) {
             placement: M
           }
         };
-      const P = $.map((W) => {
-        const q = Ua(W.placement);
-        return [W.placement, q && c ? (
+      const P = $.map((U) => {
+        const q = Ua(U.placement);
+        return [U.placement, q && c ? (
           // Check along the mainAxis and main crossAxis side.
-          W.overflows.slice(0, 2).reduce((B, x) => B + x, 0)
+          U.overflows.slice(0, 2).reduce((B, x) => B + x, 0)
         ) : (
           // Check only the mainAxis.
-          W.overflows[0]
-        ), W.overflows];
-      }).sort((W, q) => W[1] - q[1]), V = ((r = P.filter((W) => W[2].slice(
+          U.overflows[0]
+        ), U.overflows];
+      }).sort((U, q) => U[1] - q[1]), V = ((r = P.filter((U) => U[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        Ua(W[0]) ? 2 : 3
+        Ua(U[0]) ? 2 : 3
       ).every((q) => q <= 0))[0]) == null ? void 0 : r[0]) || P[0][0];
       return V !== l ? {
         data: {
@@ -4053,7 +4053,7 @@ const Qg = function(e) {
         placement: r,
         overflows: P
       }], !P.every((B) => B <= 0)) {
-        var V, W;
+        var V, U;
         const B = (((V = i.flip) == null ? void 0 : V.index) || 0) + 1, x = $[B];
         if (x)
           return {
@@ -4065,7 +4065,7 @@ const Qg = function(e) {
               placement: x
             }
           };
-        let I = (W = Y.filter((N) => N.overflows[0] <= 0).sort((N, j) => N.overflows[1] - j.overflows[1])[0]) == null ? void 0 : W.placement;
+        let I = (U = Y.filter((N) => N.overflows[0] <= 0).sort((N, j) => N.overflows[1] - j.overflows[1])[0]) == null ? void 0 : U.placement;
         if (!I)
           switch (v) {
             case "bestFit": {
@@ -4163,8 +4163,8 @@ const Qg = function(e) {
       const S = v - o.top - o.bottom, m = f - o.left - o.right, y = un(v - o[g], S), w = un(f - o[k], m), C = !t.middlewareData.shift;
       let $ = y, M = w;
       if (d ? M = c || C ? un(w, m) : m : $ = c || C ? un(y, S) : S, C && !c) {
-        const Y = na(o.left, 0), V = na(o.right, 0), W = na(o.top, 0), q = na(o.bottom, 0);
-        d ? M = f - 2 * (Y !== 0 || V !== 0 ? Y + V : na(o.left, o.right)) : $ = v - 2 * (W !== 0 || q !== 0 ? W + q : na(o.top, o.bottom));
+        const Y = na(o.left, 0), V = na(o.right, 0), U = na(o.top, 0), q = na(o.bottom, 0);
+        d ? M = f - 2 * (Y !== 0 || V !== 0 ? Y + V : na(o.left, o.right)) : $ = v - 2 * (U !== 0 || q !== 0 ? U + q : na(o.top, o.bottom));
       }
       await s({
         ...t,
@@ -5021,7 +5021,7 @@ function uc() {
   }));
   var g = function(y, w) {
     return Kn(e, void 0, void 0, function() {
-      var C, $, M, P, Y, V, W, q = this;
+      var C, $, M, P, Y, V, U, q = this;
       return Vn(this, function(B) {
         switch (B.label) {
           case 0:
@@ -5031,7 +5031,7 @@ function uc() {
             ]) : M && (V = !!(Date.now() - M.createdAt >= i.dedupingInterval || w != null && w.forceRevalidate), !V) ? (v.isValidating = !1, [
               2
               /*return*/
-            ]) : (W = function() {
+            ]) : (U = function() {
               return Kn(q, void 0, void 0, function() {
                 var x, I, N, j;
                 return Vn(this, function(ae) {
@@ -5057,7 +5057,7 @@ function uc() {
                 return Vn(this, function(x) {
                   switch (x.label) {
                     case 0:
-                      return s ? [3, 2] : [4, W()];
+                      return s ? [3, 2] : [4, U()];
                     case 1:
                       x.sent(), x.label = 2;
                     case 2:
@@ -5073,7 +5073,7 @@ function uc() {
               /*return*/
             ];
           case 1:
-            return [4, W()];
+            return [4, U()];
           case 2:
             B.sent(), B.label = 3;
           case 3:
@@ -5336,7 +5336,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
     }, S = () => {
       q.value && q.value();
     }, m = () => {
-      S(), v.value && c.value && (q.value = wm(v.value, c.value, W));
+      S(), v.value && c.value && (q.value = wm(v.value, c.value, U));
     }, y = async () => {
       n.disabled || (g.value && clearTimeout(g.value), n.placement !== "auto" && (f.value++, await ht()), m(), d.value = !0);
     }, w = () => {
@@ -5351,7 +5351,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
       width: i(n.width),
       maxWidth: i(n.maxWidth),
       maxHeight: i(n.maxHeight)
-    })), M = b(() => [n.popoverClasses, { "hide-caret": n.hideCaret }]), P = b(() => n.placement.trim().replace(/ /g, "-").replace(/[A-Z]+(?![a-z])|[A-Z]/g, (B, x) => (x ? "-" : "") + B.toLowerCase()).replace(/--+/g, "-").replace(/-+$/g, "")), { floatingStyles: Y, placement: V, update: W } = Tm(v, c, {
+    })), M = b(() => [n.popoverClasses, { "hide-caret": n.hideCaret }]), P = b(() => n.placement.trim().replace(/ /g, "-").replace(/[A-Z]+(?![a-z])|[A-Z]/g, (B, x) => (x ? "-" : "") + B.toLowerCase()).replace(/--+/g, "-").replace(/-+$/g, "")), { floatingStyles: Y, placement: V, update: U } = Tm(v, c, {
       ...P.value === "auto" && { middleware: [km()] },
       // when placement is auto just use autoPlacement middleware
       ...P.value !== "auto" && {
@@ -5410,7 +5410,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
             ref: u,
             class: "popover-trigger-wrapper"
           }, [
-            H(B.$slots, "default", {}, () => [
+            z(B.$slots, "default", {}, () => [
               ut((h(), G(I, { "data-testid": "popover-button" }, {
                 default: O(() => [
                   de(ne(e.buttonText), 1)
@@ -5460,7 +5460,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
                       id: T(l),
                       class: ue(["popover-title", { "close-icon-spacing": !e.hideCloseIcon }])
                     }, [
-                      H(B.$slots, "title", {}, () => [
+                      z(B.$slots, "title", {}, () => [
                         de(ne(e.title), 1)
                       ], !0)
                     ], 10, Hm)) : F("", !0)
@@ -5468,10 +5468,10 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
                   R("div", {
                     class: ue(["popover-content", { "close-icon-spacing": !e.hideCloseIcon && !(B.$slots.title || e.title) }])
                   }, [
-                    H(B.$slots, "content", {}, void 0, !0)
+                    z(B.$slots, "content", {}, void 0, !0)
                   ], 2),
                   B.$slots.footer ? (h(), D("div", qm, [
-                    H(B.$slots, "footer", {}, void 0, !0)
+                    z(B.$slots, "footer", {}, void 0, !0)
                   ])) : F("", !0)
                 ], 4)
               ], 14, Ym)), [
@@ -5546,7 +5546,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
       }), {
         content: O(() => [
           ut((h(), D("div", Um, [
-            H(i.$slots, "content", {
+            z(i.$slots, "content", {
               label: e.text || e.label
             }, () => [
               de(ne(e.text || e.label), 1)
@@ -5556,10 +5556,10 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           ])
         ]),
         default: O(() => [
-          H(i.$slots, "default", {}, void 0, !0)
+          z(i.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 16, ["max-width", "placement", "z-index"])) : H(i.$slots, "default", { key: 1 }, void 0, !0);
+      }, 16, ["max-width", "placement", "z-index"])) : z(i.$slots, "default", { key: 1 }, void 0, !0);
     };
   }
 }), ka = /* @__PURE__ */ Me(Km, [["__scopeId", "data-v-a55c9998"]]), { getSizeFromString: Vm } = xt(), jm = {
@@ -5624,13 +5624,13 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           R("div", {
             class: ue(["badge-content", { "icon-after": !e.iconBefore }])
           }, [
-            o.$slots.icon ? H(o.$slots, "icon", { key: 0 }, void 0, !0) : F("", !0),
+            o.$slots.icon ? z(o.$slots, "icon", { key: 0 }, void 0, !0) : F("", !0),
             R("div", {
               ref_key: "badgeTextElement",
               ref: n,
               class: "badge-content-wrapper"
             }, [
-              H(o.$slots, "default", {}, void 0, !0)
+              z(o.$slots, "default", {}, void 0, !0)
             ], 512)
           ], 2)
         ]),
@@ -5691,7 +5691,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
         }), {
           default: O(() => [
             r.$slots[`icon-${n(s, l)}`] ? (h(), D("span", Qm, [
-              H(r.$slots, `icon-${n(s, l)}`, {}, void 0, !0)
+              z(r.$slots, `icon-${n(s, l)}`, {}, void 0, !0)
             ])) : F("", !0),
             s.text ? (h(), D("span", {
               key: 1,
@@ -5702,7 +5702,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           _: 2
         }, 1040, ["class"])),
         l < e.items.length - 1 ? (h(), D("span", Zm, [
-          H(r.$slots, "divider", {}, () => [
+          z(r.$slots, "divider", {}, () => [
             i[0] || (i[0] = de(" / "))
           ], !0)
         ])) : F("", !0)
@@ -5743,21 +5743,21 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           class: "card-title"
         }, {
           default: O(() => [
-            H(r.$slots, "title", {}, () => [
+            z(r.$slots, "title", {}, () => [
               de(ne(e.title), 1)
             ], !0)
           ]),
           _: 3
         })) : F("", !0),
         r.$slots.actions ? (h(), D("div", n1, [
-          H(r.$slots, "actions", {}, void 0, !0)
+          z(r.$slots, "actions", {}, void 0, !0)
         ])) : F("", !0)
       ])) : F("", !0),
       r.$slots.default ? (h(), D("div", r1, [
-        H(r.$slots, "default", {}, void 0, !0)
+        z(r.$slots, "default", {}, void 0, !0)
       ])) : F("", !0),
       r.$slots.footer ? (h(), D("div", i1, [
-        H(r.$slots, "footer", {}, void 0, !0)
+        z(r.$slots, "footer", {}, void 0, !0)
       ])) : F("", !0)
     ]));
   }
@@ -5784,7 +5784,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
   __name: "SkeletonBase",
   setup(e) {
     return (t, a) => (h(), D("div", l1, [
-      H(t.$slots, "default", {}, () => [
+      z(t.$slots, "default", {}, () => [
         K(ya, {
           height: "1",
           width: "100"
@@ -5823,12 +5823,12 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
         class: "skeleton-card"
       }, [
         R("div", f1, [
-          H(r.$slots, "card-header", {}, () => [
+          z(r.$slots, "card-header", {}, () => [
             K(ya, { width: "50" })
           ], !0)
         ]),
         R("div", v1, [
-          H(r.$slots, "card-content", {}, () => [
+          z(r.$slots, "card-content", {}, () => [
             (h(), D(De, null, Be(3, (l) => K(ya, {
               key: l,
               width: "100"
@@ -5837,7 +5837,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           ], !0)
         ]),
         R("div", p1, [
-          H(r.$slots, "card-footer", {}, () => [
+          z(r.$slots, "card-footer", {}, () => [
             (h(), D(De, null, Be(2, (l) => K(ya, {
               key: l,
               height: "2",
@@ -5870,7 +5870,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
         key: r,
         class: "skeleton-table-row"
       }, [
-        H(a.$slots, "default", {}, () => [
+        z(a.$slots, "default", {}, () => [
           (h(!0), D(De, null, Be(e.columns, (i) => (h(), D("div", {
             key: i,
             class: "skeleton-cell-container"
@@ -6061,13 +6061,13 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
         "max-width": e.cardMaxWidth
       }, {
         "card-header": O(() => [
-          H(n.$slots, "card-header")
+          z(n.$slots, "card-header")
         ]),
         "card-content": O(() => [
-          H(n.$slots, "card-content")
+          z(n.$slots, "card-content")
         ]),
         "card-footer": O(() => [
-          H(n.$slots, "card-footer")
+          z(n.$slots, "card-footer")
         ]),
         _: 3
       }, 8, ["card-count", "max-width"])) : e.type === "table" ? (h(), G(b1, {
@@ -6076,7 +6076,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
         rows: e.tableRows
       }, {
         default: O(() => [
-          H(n.$slots, "default")
+          z(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["columns", "rows"])) : e.type === "form" ? (h(), G(C1, { key: 2 })) : e.type === "fullscreen-kong" ? (h(), G(A1, {
@@ -6162,7 +6162,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
     }, [
       R("div", P1, [
         R("div", N1, [
-          H(r.$slots, "icon", {}, () => [
+          z(r.$slots, "icon", {}, () => [
             (h(), G(Fe(a.value), {
               color: n.value,
               decorative: "",
@@ -6171,18 +6171,18 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           ], !0)
         ]),
         e.title || r.$slots.title ? (h(), D("div", B1, [
-          H(r.$slots, "title", {}, () => [
+          z(r.$slots, "title", {}, () => [
             de(ne(e.title), 1)
           ], !0)
         ])) : F("", !0),
         e.message || r.$slots.default ? (h(), D("div", L1, [
-          H(r.$slots, "default", {}, () => [
+          z(r.$slots, "default", {}, () => [
             R("p", null, ne(e.message), 1)
           ], !0)
         ])) : F("", !0)
       ]),
       e.actionButtonVisible && e.actionButtonText || r.$slots.action ? (h(), D("div", _1, [
-        H(r.$slots, "action", {}, () => [
+        z(r.$slots, "action", {}, () => [
           K(ct, {
             disabled: e.actionButtonDisabled,
             type: "button",
@@ -6317,7 +6317,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
       }), {
         default: O(() => [
           R("span", Y1, [
-            H(f.$slots, "default", {}, () => [
+            z(f.$slots, "default", {}, () => [
               de(ne(s.value), 1)
             ], !0)
           ])
@@ -6435,7 +6435,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
           }), {
             content: O(() => [
               R("ul", z1, [
-                H(g.$slots, "items", {
+                z(g.$slots, "items", {
                   closeDropdown: d,
                   handleSelection: c,
                   items: e.items
@@ -6462,7 +6462,7 @@ const Ym = ["aria-labelledby", "x-placement"], Fm = ["tabindex"], zm = {
                 position: e.disabledTooltip ? "bottom" : void 0
               }, {
                 default: O(() => [
-                  H(g.$slots, "default", {
+                  z(g.$slots, "default", {
                     isOpen: m.value
                   }, () => [
                     o.value ? (h(), G(ct, {
@@ -6640,7 +6640,7 @@ const K1 = {
       value: ee,
       selected: ee === o.value
     })), d = b(() => `${o.value} ${o.value === 1 ? "item per page" : " items per page"}`), f = E(n.neighbors), v = E(3), g = async () => (await ht(), i.value ? i.value.scrollWidth > i.value.clientWidth : !1), k = async () => {
-      await g() && (f.value > 1 || v.value > 1) && (f.value > 1 ? f.value-- : v.value > 1 && v.value--, q.value = S(l.value, u.value, V.value, W.value));
+      await g() && (f.value > 1 || v.value > 1) && (f.value > 1 ? f.value-- : v.value > 1 && v.value--, q.value = S(l.value, u.value, V.value, U.value));
     }, S = (ee, _, se, oe) => {
       if (n.disablePageJump)
         return [];
@@ -6652,11 +6652,11 @@ const K1 = {
     }, m = E(l.value === 1), y = E(l.value === u.value), w = b(() => (l.value - 1) * o.value + 1), C = b(() => {
       const ee = w.value - 1 + o.value;
       return ee > n.totalCount ? n.totalCount : ee;
-    }), $ = b(() => `${w.value} to ${C.value}`), M = b(() => ` of ${n.totalCount}`), P = b(() => n.currentPage ? n.currentPage : l.value), Y = b(() => 5 + 2 * f.value), V = E(P.value >= f.value + (v.value + 1) && u.value > Y.value), W = E(u.value > v.value + 2 + 2 * f.value), q = E(S(
+    }), $ = b(() => `${w.value} to ${C.value}`), M = b(() => ` of ${n.totalCount}`), P = b(() => n.currentPage ? n.currentPage : l.value), Y = b(() => 5 + 2 * f.value), V = E(P.value >= f.value + (v.value + 1) && u.value > Y.value), U = E(u.value > v.value + 2 + 2 * f.value), q = E(S(
       P.value,
       u.value,
       V.value,
-      W.value
+      U.value
     )), B = () => {
       l.value++, N();
     }, x = () => {
@@ -6665,7 +6665,7 @@ const K1 = {
       l.value = ee, N();
     }, N = () => {
       const ee = (l.value - 1) * o.value + o.value;
-      y.value = ee >= n.totalCount, m.value = l.value === 1, u.value <= Y.value ? (V.value = !1, W.value = !1) : (V.value = l.value >= f.value + (v.value + 1), W.value = l.value <= u.value - f.value - v.value), q.value = S(l.value, u.value, V.value, W.value), r("pageChange", {
+      y.value = ee >= n.totalCount, m.value = l.value === 1, u.value <= Y.value ? (V.value = !1, U.value = !1) : (V.value = l.value >= f.value + (v.value + 1), U.value = l.value <= u.value - f.value - v.value), q.value = S(l.value, u.value, V.value, U.value), r("pageChange", {
         page: l.value,
         pageCount: u.value,
         firstItem: w.value,
@@ -6685,11 +6685,11 @@ const K1 = {
     return ve(() => n.currentPage, (ee, _) => {
       ee !== _ && I(ee);
     }), ve(u, (ee, _) => {
-      ee !== _ && (y.value = l.value === ee, W.value = ee > v.value + 2 + 2 * f.value, q.value = S(
+      ee !== _ && (y.value = l.value === ee, U.value = ee > v.value + 2 + 2 * f.value, q.value = S(
         P.value,
         ee,
         !1,
-        W.value
+        U.value
       ));
     }), ve(q, () => {
       !n.disablePageJump && !n.offset && k();
@@ -6757,8 +6757,8 @@ const K1 = {
               onClick: (oe) => I(se)
             }, ne(se), 11, Z1)
           ]))), 128)),
-          !e.disablePageJump && W.value ? (h(), D("li", X1, " ... ")) : F("", !0),
-          !e.disablePageJump && W.value ? (h(), D("li", J1, [
+          !e.disablePageJump && U.value ? (h(), D("li", X1, " ... ")) : F("", !0),
+          !e.disablePageJump && U.value ? (h(), D("li", J1, [
             R("button", {
               "aria-label": "Go to the last page",
               class: "pagination-button",
@@ -6856,21 +6856,21 @@ const K1 = {
       onClick: i[0] || (i[0] = (s) => n(s, e.item))
     }, {
       title: O(() => [
-        H(r.$slots, "card-title", {}, () => [
+        z(r.$slots, "card-title", {}, () => [
           de(ne(e.item ? e.item.title : ""), 1)
         ], !0)
       ]),
       actions: O(() => [
-        H(r.$slots, "card-actions", {}, void 0, !0)
+        z(r.$slots, "card-actions", {}, void 0, !0)
       ]),
       footer: O(() => [
-        H(r.$slots, "card-footer", {}, void 0, !0)
+        z(r.$slots, "card-footer", {}, void 0, !0)
       ]),
       default: O(() => [
         R("div", {
           class: ue({ "multi-line-truncate": e.truncate })
         }, [
-          H(r.$slots, "card-body", {}, () => [
+          z(r.$slots, "card-body", {}, () => [
             de(ne(e.item ? e.item.description : ""), 1)
           ], !0)
         ], 2)
@@ -7084,15 +7084,15 @@ const K1 = {
       offset: null
     }, P = b(() => (Ce.value || i.loading || et.value) && !i.error), Y = b(() => !P.value && c.value && !c.value.length), V = b(() => ({
       pageSize: g.value
-    })), W = E(!0), q = async () => {
-      var me, U;
+    })), U = E(!0), q = async () => {
+      var me, W;
       const Q = i.searchInput, te = await i.fetcher({
         query: Q || f.value,
         pageSize: g.value,
         page: v.value,
         offset: k.value
       });
-      return c.value = te.data, d.value = i.paginationTotalItems || te.total || ((me = te.data) == null ? void 0 : me.length), i.paginationOffset && ((U = te.pagination) != null && U.offset ? (y.value = te.pagination.offset, S.value[v.value] || S.value.push(te.pagination.offset)) : y.value = null, w.value = te.pagination && "hasNextPage" in te.pagination ? te.pagination.hasNextPage : !0), c.value.length === 0 && v.value > 1 && (v.value = 1, S.value = [null], k.value = null), W.value = !1, te;
+      return c.value = te.data, d.value = i.paginationTotalItems || te.total || ((me = te.data) == null ? void 0 : me.length), i.paginationOffset && ((W = te.pagination) != null && W.offset ? (y.value = te.pagination.offset, S.value[v.value] || S.value.push(te.pagination.offset)) : y.value = null, w.value = te.pagination && "hasNextPage" in te.pagination ? te.pagination.hasNextPage : !0), c.value.length === 0 && v.value > 1 && (v.value = 1, S.value = [null], k.value = null), U.value = !1, te;
     }, B = () => {
       const Q = {
         ...M,
@@ -7155,8 +7155,8 @@ const K1 = {
     }, { immediate: !0 });
     const et = E(!1);
     return ve([I, v, g], async (Q, te) => {
-      const me = te == null ? void 0 : te[0], U = Q[0], fe = Q[1];
-      U !== me && fe !== 1 && (v.value = 1, S.value = [null], k.value = null), C.value && !W.value && (et.value = !0, await _(), et.value = !1);
+      const me = te == null ? void 0 : te[0], W = Q[0], fe = Q[1];
+      W !== me && fe !== 1 && (v.value = 1, S.value = [null], k.value = null), C.value && !U.value && (et.value = !0, await _(), et.value = !1);
     }, { deep: !0, immediate: !0 }), ve(V, (Q) => {
       s("update:catalog-preferences", Q);
     }), ot(() => {
@@ -7175,7 +7175,7 @@ const K1 = {
           _: 1
         })) : F("", !0),
         $.value ? (h(), D("div", oy, [
-          H(Q.$slots, "toolbar", { state: Ee.value }, void 0, !0)
+          z(Q.$slots, "toolbar", { state: Ee.value }, void 0, !0)
         ])) : F("", !0),
         P.value ? (h(), G($o, {
           key: 2,
@@ -7184,7 +7184,7 @@ const K1 = {
           "data-testid": "catalog-skeleton-loader",
           type: "card"
         })) : e.error ? (h(), D("div", sy, [
-          H(Q.$slots, "error-state", {}, () => [
+          z(Q.$slots, "error-state", {}, () => [
             K(An, {
               "icon-variant": "error",
               message: e.errorStateMessage,
@@ -7196,7 +7196,7 @@ const K1 = {
                   K(ct, {
                     "data-testid": Qe(e.errorStateActionMessage),
                     to: e.errorStateActionRoute ? e.errorStateActionRoute : void 0,
-                    onClick: te[0] || (te[0] = (U) => Q.$emit("error-action-click"))
+                    onClick: te[0] || (te[0] = (W) => Q.$emit("error-action-click"))
                   }, {
                     default: O(() => [
                       de(ne(e.errorStateActionMessage), 1)
@@ -7209,7 +7209,7 @@ const K1 = {
             ]), 1032, ["message", "title"])
           ], !0)
         ])) : Y.value ? (h(), D("div", ly, [
-          H(Q.$slots, "empty-state", {}, () => [
+          z(Q.$slots, "empty-state", {}, () => [
             K(An, {
               "icon-variant": e.emptyStateIconVariant,
               message: e.emptyStateMessage,
@@ -7222,10 +7222,10 @@ const K1 = {
                     appearance: e.searchInput ? "tertiary" : "primary",
                     "data-testid": Qe(e.emptyStateActionMessage),
                     to: e.emptyStateActionRoute ? e.emptyStateActionRoute : void 0,
-                    onClick: te[1] || (te[1] = (U) => Q.$emit("empty-state-action-click"))
+                    onClick: te[1] || (te[1] = (W) => Q.$emit("empty-state-action-click"))
                   }, {
                     default: O(() => [
-                      H(Q.$slots, "empty-state-action-icon", {}, void 0, !0),
+                      z(Q.$slots, "empty-state-action-icon", {}, void 0, !0),
                       de(" " + ne(e.emptyStateActionMessage), 1)
                     ]),
                     _: 3
@@ -7239,26 +7239,26 @@ const K1 = {
           key: 5,
           class: ue(["catalog-page", `card-${e.cardSize}`])
         }, [
-          H(Q.$slots, "body", { data: c.value }, () => [
-            (h(!0), D(De, null, Be(c.value, (U, fe) => (h(), G(Hf, {
-              key: U.key ? U.key : `catalog-${T(o)}-item-${fe}`,
+          z(Q.$slots, "body", { data: c.value }, () => [
+            (h(!0), D(De, null, Be(c.value, (W, fe) => (h(), G(Hf, {
+              key: W.key ? W.key : `catalog-${T(o)}-item-${fe}`,
               class: "catalog-item",
-              "data-testid": U.id ? U.id : `catalog-item-${fe}`,
-              item: U,
+              "data-testid": W.id ? W.id : `catalog-item-${fe}`,
+              item: W,
               truncate: e.truncateDescription,
-              onClick: (we) => Q.$emit("card-click", U)
+              onClick: (we) => Q.$emit("card-click", W)
             }, {
               "card-title": O(() => [
-                H(Q.$slots, "card-title", { item: U }, () => [
-                  de(ne(U.title), 1)
+                z(Q.$slots, "card-title", { item: W }, () => [
+                  de(ne(W.title), 1)
                 ], !0)
               ]),
               "card-actions": O(() => [
-                H(Q.$slots, "card-actions", { item: U }, void 0, !0)
+                z(Q.$slots, "card-actions", { item: W }, void 0, !0)
               ]),
               "card-body": O(() => [
-                H(Q.$slots, "card-body", { item: U }, () => [
-                  de(ne(U.description), 1)
+                z(Q.$slots, "card-body", { item: W }, () => [
+                  de(ne(W.description), 1)
                 ], !0)
               ]),
               _: 2
@@ -7319,13 +7319,13 @@ const K1 = {
       return h(), D("label", {
         class: ue(["k-label", { required: e.required }])
       }, [
-        H(i.$slots, "default", {}, void 0, !0),
+        z(i.$slots, "default", {}, void 0, !0),
         n.value ? (h(), G(ka, He({ key: 0 }, e.tooltipAttributes, {
           class: "label-tooltip",
           "tooltip-id": T(r)
         }), {
           content: O(() => [
-            H(i.$slots, "tooltip", {}, () => [
+            z(i.$slots, "tooltip", {}, () => [
               de(ne(e.info || e.help), 1)
             ], !0)
           ]),
@@ -7423,7 +7423,7 @@ const K1 = {
         R("div", vy, [
           l.value ? ut((h(), G(hn, He({ key: 0 }, e.labelAttributes, { class: "checkbox-label" }), mt({
             default: O(() => [
-              H(k.$slots, "default", {}, () => [
+              z(k.$slots, "default", {}, () => [
                 de(ne(e.label), 1)
               ], !0)
             ]),
@@ -7432,7 +7432,7 @@ const K1 = {
             c.value ? {
               name: "tooltip",
               fn: O(() => [
-                H(k.$slots, "tooltip", {}, void 0, !0)
+                z(k.$slots, "tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
@@ -7440,7 +7440,7 @@ const K1 = {
             [m, { for: T(s) }]
           ]) : F("", !0),
           u.value ? (h(), D("div", py, [
-            H(k.$slots, "description", {}, () => [
+            z(k.$slots, "description", {}, () => [
               R("p", null, ne(e.description), 1)
             ], !0)
           ])) : F("", !0)
@@ -7507,7 +7507,7 @@ const K1 = {
   setup(e, { emit: t }) {
     Rt((x) => ({
       90849794: V.value,
-      a9f08fd6: W.value
+      a9f08fd6: U.value
     }));
     const a = e, n = t, r = E(""), i = E(!1), s = E(0), { stripRequiredLabel: l } = xt(), o = Mt(), u = Kt(), c = b(() => (u == null ? void 0 : u.required) !== void 0 && String(u == null ? void 0 : u.required) !== "false"), d = u.id ? String(u.id) : yt(), f = yt(), v = b(() => l(a.label, c.value)), g = b(() => {
       var x;
@@ -7551,10 +7551,10 @@ const K1 = {
     ve(() => a.error, (x, I) => {
       x !== I && (s.value += 1);
     });
-    const P = E(null), Y = E(null), V = E(Zt), W = E(Zt), q = E(!1), B = b(() => a.type === "password" && q.value ? "text" : a.type);
+    const P = E(null), Y = E(null), V = E(Zt), U = E(Zt), q = E(!1), B = b(() => a.type === "password" && q.value ? "text" : a.type);
     return ot(async () => {
       var x, I;
-      await ht(), (x = P.value) != null && x.offsetWidth && (V.value = P.value.offsetWidth + "px"), (I = Y.value) != null && I.offsetWidth && (W.value = Y.value.offsetWidth + "px");
+      await ht(), (x = P.value) != null && x.offsetWidth && (V.value = P.value.offsetWidth + "px"), (I = Y.value) != null && I.offsetWidth && (U.value = Y.value.offsetWidth + "px");
     }), (x, I) => {
       const N = Yt("bind-once");
       return h(), D("div", {
@@ -7569,7 +7569,7 @@ const K1 = {
           g.value ? {
             name: "tooltip",
             fn: O(() => [
-              H(x.$slots, "label-tooltip", {}, void 0, !0)
+              z(x.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -7585,7 +7585,7 @@ const K1 = {
             ref: P,
             class: "before-content-wrapper"
           }, [
-            H(x.$slots, "before", {}, void 0, !0)
+            z(x.$slots, "before", {}, void 0, !0)
           ], 512)) : F("", !0),
           ut(R("input", He({
             "aria-invalid": e.error || e.hasError || m.value ? "true" : void 0,
@@ -7620,7 +7620,7 @@ const K1 = {
                 key: 1,
                 decorative: ""
               }))
-            ], 40, yy)) : H(x.$slots, "after", { key: 1 }, void 0, !0)
+            ], 40, yy)) : z(x.$slots, "after", { key: 1 }, void 0, !0)
           ], 512)) : F("", !0)
         ], 2),
         K(ia, {
@@ -7731,7 +7731,7 @@ const Dy = {
           onClick: r
         }), {
           default: O(() => [
-            H(i.$slots, "default", {}, void 0, !0)
+            z(i.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["class"])
@@ -7886,19 +7886,19 @@ const Dy = {
 `).filter((te, me) => m.value.includes(me + 1)).map((te) => {
         try {
           const me = new RegExp(k.value, "gi");
-          return te.replace(me, (U) => `<span class="matched-term">${U}</span>`);
+          return te.replace(me, (W) => `<span class="matched-term">${W}</span>`);
         } catch {
           return te;
         }
       }).join(`
 `);
-    }), V = b(() => !s.singleLine && s.searchable), W = (Q) => {
-      var te, me, U, fe;
-      return (fe = (U = (me = (te = Q == null ? void 0 : Q.replaceAll("&", "&amp;")) == null ? void 0 : te.replaceAll("<", "&lt;")) == null ? void 0 : me.replaceAll(">", "&gt;")) == null ? void 0 : U.replaceAll('"', "&quot;")) == null ? void 0 : fe.replaceAll("'", "&#039;");
+    }), V = b(() => !s.singleLine && s.searchable), U = (Q) => {
+      var te, me, W, fe;
+      return (fe = (W = (me = (te = Q == null ? void 0 : Q.replaceAll("&", "&amp;")) == null ? void 0 : te.replaceAll("<", "&lt;")) == null ? void 0 : me.replaceAll(">", "&gt;")) == null ? void 0 : W.replaceAll('"', "&quot;")) == null ? void 0 : fe.replaceAll("'", "&#039;");
     }, q = b(() => {
       var Q;
-      return s.singleLine ? (Q = W(s.code)) == null ? void 0 : Q.replaceAll(`
-`, "") : W(s.code);
+      return s.singleLine ? (Q = U(s.code)) == null ? void 0 : Q.replaceAll(`
+`, "") : U(s.code);
     }), B = b(() => a(s.maxHeight));
     ve(() => s.code, async function() {
       await ht(), j(), se();
@@ -8007,27 +8007,27 @@ const Dy = {
     function ke(Q, te) {
       var fe;
       const me = [];
-      let U = 0;
-      for (; U < Q.length; ) {
-        const we = Q.indexOf(te, U);
+      let W = 0;
+      for (; W < Q.length; ) {
+        const we = Q.indexOf(te, W);
         if (we === -1)
           break;
         const Ie = (fe = Q.substring(0, we)) == null ? void 0 : fe.split(`
 `).length;
-        me.push(Ie), U = we + 1;
+        me.push(Ie), W = we + 1;
       }
       return me;
     }
     function be(Q, te) {
       var fe;
-      const me = Q.matchAll(new RegExp(te, "g")), U = [];
+      const me = Q.matchAll(new RegExp(te, "g")), W = [];
       for (const we of Array.from(me))
         if (we.index !== void 0) {
           const Ie = (fe = Q.substring(0, we.index)) == null ? void 0 : fe.split(`
 `).length;
-          U.push(Ie);
+          W.push(Ie);
         }
-      return U;
+      return W;
     }
     function Ce() {
       k.value = "", _();
@@ -8279,7 +8279,7 @@ const Dy = {
             ]),
             _: 1
           }, 8, ["aria-label", "copy-tooltip", "theme"])) : F("", !0),
-          H(Q.$slots, "secondary-actions", {}, void 0, !0)
+          z(Q.$slots, "secondary-actions", {}, void 0, !0)
         ])) : F("", !0)
       ])
     ], 10, Ty));
@@ -8352,14 +8352,14 @@ const Dy = {
             "data-testid": "collapse-title"
           }, {
             default: O(() => [
-              H(v.$slots, "title", {}, () => [
+              z(v.$slots, "title", {}, () => [
                 de(ne(e.title), 1)
               ], !0)
             ]),
             _: 3
           })) : F("", !0),
           R("div", Wy, [
-            H(v.$slots, "trigger", {
+            z(v.$slots, "trigger", {
               isCollapsed: d.value,
               toggle: f
             }, () => [
@@ -8371,7 +8371,7 @@ const Dy = {
                 type: "button",
                 onClick: g[0] || (g[0] = qe((S) => f(), ["prevent", "stop"]))
               }, [
-                H(v.$slots, "trigger-content", {}, () => [
+                z(v.$slots, "trigger-content", {}, () => [
                   K(T(Sf), {
                     class: ue(["collapse-trigger-icon", { "collapse-expanded": !d.value }]),
                     "data-testid": "collapse-trigger-icon",
@@ -8387,12 +8387,12 @@ const Dy = {
           ])
         ], 2),
         u.value ? (h(), D("div", Vy, [
-          H(v.$slots, "visible-content", {}, void 0, !0)
+          z(v.$slots, "visible-content", {}, void 0, !0)
         ])) : F("", !0),
         K(ia, { name: "kongponents-fade-transition" }, {
           default: O(() => [
             ut((h(), D("div", jy, [
-              H(v.$slots, "default", {}, void 0, !0)
+              z(v.$slots, "default", {}, void 0, !0)
             ])), [
               [Cl, !d.value],
               [k, { id: T(r) }]
@@ -9635,7 +9635,7 @@ function Ho(e, t, a) {
     weekStartsOn: $,
     locale: w,
     _originalDate: M
-  }, W = m.match(Xb).map(function(q) {
+  }, U = m.match(Xb).map(function(q) {
     var B = q[0];
     if (B === "p" || B === "P") {
       var x = vb[B];
@@ -9655,7 +9655,7 @@ function Ho(e, t, a) {
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + B + "`");
     return q;
   }).join("");
-  return W;
+  return U;
 }
 function a0(e) {
   var t = e.match(Jb);
@@ -9904,8 +9904,8 @@ var Ll = Bs.exports, Ls = { exports: {} }, _s = { exports: {} };
     P.setUTCFullYear(C + 1, 0, M), P.setUTCHours(0, 0, 0, 0);
     var Y = (0, i.default)(P, c), V = /* @__PURE__ */ new Date(0);
     V.setUTCFullYear(C, 0, M), V.setUTCHours(0, 0, 0, 0);
-    var W = (0, i.default)(V, c);
-    return w.getTime() >= Y.getTime() ? C + 1 : w.getTime() >= W.getTime() ? C : C - 1;
+    var U = (0, i.default)(V, c);
+    return w.getTime() >= Y.getTime() ? C + 1 : w.getTime() >= U.getTime() ? C : C - 1;
   }
   e.exports = t.default;
 })(_s, _s.exports);
@@ -11175,9 +11175,9 @@ var P0 = Hs.exports;
   }), t.default = w;
   var n = a(r0), r = a(s0), i = a(La), s = a(g0), l = a(m0), o = a(ev), u = si, c = a(Bn), d = a(jt), f = Ln, v = a(P0), g = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, k = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, S = /^'([^]*?)'?$/, m = /''/g, y = /[a-zA-Z]/;
   function w($, M, P) {
-    var Y, V, W, q, B, x, I, N, j, ae, J, ee, _, se, oe, ke, be, Ce;
+    var Y, V, U, q, B, x, I, N, j, ae, J, ee, _, se, oe, ke, be, Ce;
     (0, d.default)(2, arguments);
-    var Ee = String(M), Le = (0, f.getDefaultOptions)(), Ye = (Y = (V = P == null ? void 0 : P.locale) !== null && V !== void 0 ? V : Le.locale) !== null && Y !== void 0 ? Y : v.default, We = (0, c.default)((W = (q = (B = (x = P == null ? void 0 : P.firstWeekContainsDate) !== null && x !== void 0 ? x : P == null || (I = P.locale) === null || I === void 0 || (N = I.options) === null || N === void 0 ? void 0 : N.firstWeekContainsDate) !== null && B !== void 0 ? B : Le.firstWeekContainsDate) !== null && q !== void 0 ? q : (j = Le.locale) === null || j === void 0 || (ae = j.options) === null || ae === void 0 ? void 0 : ae.firstWeekContainsDate) !== null && W !== void 0 ? W : 1);
+    var Ee = String(M), Le = (0, f.getDefaultOptions)(), Ye = (Y = (V = P == null ? void 0 : P.locale) !== null && V !== void 0 ? V : Le.locale) !== null && Y !== void 0 ? Y : v.default, We = (0, c.default)((U = (q = (B = (x = P == null ? void 0 : P.firstWeekContainsDate) !== null && x !== void 0 ? x : P == null || (I = P.locale) === null || I === void 0 || (N = I.options) === null || N === void 0 ? void 0 : N.firstWeekContainsDate) !== null && B !== void 0 ? B : Le.firstWeekContainsDate) !== null && q !== void 0 ? q : (j = Le.locale) === null || j === void 0 || (ae = j.options) === null || ae === void 0 ? void 0 : ae.firstWeekContainsDate) !== null && U !== void 0 ? U : 1);
     if (!(We >= 1 && We <= 7))
       throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
     var at = (0, c.default)((J = (ee = (_ = (se = P == null ? void 0 : P.weekStartsOn) !== null && se !== void 0 ? se : P == null || (oe = P.locale) === null || oe === void 0 || (ke = oe.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : Le.weekStartsOn) !== null && ee !== void 0 ? ee : (be = Le.locale) === null || be === void 0 || (Ce = be.options) === null || Ce === void 0 ? void 0 : Ce.weekStartsOn) !== null && J !== void 0 ? J : 0);
@@ -11198,8 +11198,8 @@ var P0 = Hs.exports;
     }, Q = Ee.match(k).map(function(te) {
       var me = te[0];
       if (me === "p" || me === "P") {
-        var U = l.default[me];
-        return U(te, Ye.formatLong);
+        var W = l.default[me];
+        return W(te, Ye.formatLong);
       }
       return te;
     }).join("").match(g).map(function(te) {
@@ -11208,9 +11208,9 @@ var P0 = Hs.exports;
       var me = te[0];
       if (me === "'")
         return C(te);
-      var U = s.default[me];
-      if (U)
-        return !(P != null && P.useAdditionalWeekYearTokens) && (0, u.isProtectedWeekYearToken)(te) && (0, u.throwProtectedError)(te, M, String($)), !(P != null && P.useAdditionalDayOfYearTokens) && (0, u.isProtectedDayOfYearToken)(te) && (0, u.throwProtectedError)(te, M, String($)), U(Je, te, Ye.localize, et);
+      var W = s.default[me];
+      if (W)
+        return !(P != null && P.useAdditionalWeekYearTokens) && (0, u.isProtectedWeekYearToken)(te) && (0, u.throwProtectedError)(te, M, String($)), !(P != null && P.useAdditionalDayOfYearTokens) && (0, u.isProtectedDayOfYearToken)(te) && (0, u.throwProtectedError)(te, M, String($)), W(Je, te, Ye.localize, et);
       if (me.match(y))
         throw new RangeError("Format string contains an unescaped latin alphabet character `" + me + "`");
       return te;
@@ -11956,11 +11956,11 @@ function Tc(e) {
     }
     if (r === Jt || (r === Xt || r === pa) && i === Zr) {
       w = ha;
-      var W = d && M === $ && $.visualViewport ? $.visualViewport.width : (
+      var U = d && M === $ && $.visualViewport ? $.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         M[Y]
       );
-      v -= W - n.width, v *= o ? 1 : -1;
+      v -= U - n.width, v *= o ? 1 : -1;
     }
   }
   var q = Object.assign({
@@ -12181,7 +12181,7 @@ function Xr(e, t) {
     element: w,
     strategy: "absolute",
     placement: r
-  }), Y = nl(Object.assign({}, w, P)), V = f === Tr ? Y : M, W = {
+  }), Y = nl(Object.assign({}, w, P)), V = f === Tr ? Y : M, U = {
     top: $.top - V.top + m.top,
     bottom: V.bottom - $.bottom + m.bottom,
     left: $.left - V.left + m.left,
@@ -12189,12 +12189,12 @@ function Xr(e, t) {
   }, q = e.modifiersData.offset;
   if (f === Tr && q) {
     var B = q[r];
-    Object.keys(W).forEach(function(x) {
+    Object.keys(U).forEach(function(x) {
       var I = [ha, pa].indexOf(x) >= 0 ? 1 : -1, N = [Xt, pa].indexOf(x) >= 0 ? "y" : "x";
-      W[x] += B[N] * I;
+      U[x] += B[N] * I;
     });
   }
-  return W;
+  return U;
 }
 function Vw(e, t) {
   t === void 0 && (t = {});
@@ -12234,8 +12234,8 @@ function Gw(e) {
         flipVariations: g,
         allowedAutoPlacements: k
       }) : Ce);
-    }, []), $ = t.rects.reference, M = t.rects.popper, P = /* @__PURE__ */ new Map(), Y = !0, V = C[0], W = 0; W < C.length; W++) {
-      var q = C[W], B = Ma(q), x = ur(q) === or, I = [Xt, pa].indexOf(B) >= 0, N = I ? "width" : "height", j = Xr(t, {
+    }, []), $ = t.rects.reference, M = t.rects.popper, P = /* @__PURE__ */ new Map(), Y = !0, V = C[0], U = 0; U < C.length; U++) {
+      var q = C[U], B = Ma(q), x = ur(q) === or, I = [Xt, pa].indexOf(B) >= 0, N = I ? "width" : "height", j = Xr(t, {
         placement: q,
         boundary: c,
         rootBoundary: d,
@@ -12371,7 +12371,7 @@ function i2(e) {
     altBoundary: c
   }), m = Ma(t.placement), y = ur(t.placement), w = !y, C = zl(m), $ = r2(C), M = t.modifiersData.popperOffsets, P = t.rects.reference, Y = t.rects.popper, V = typeof k == "function" ? k(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : k, W = typeof V == "number" ? {
+  })) : k, U = typeof V == "number" ? {
     mainAxis: V,
     altAxis: V
   } : Object.assign({
@@ -12386,11 +12386,11 @@ function i2(e) {
       var x, I = C === "y" ? Xt : Jt, N = C === "y" ? pa : ha, j = C === "y" ? "height" : "width", ae = M[C], J = ae + S[I], ee = ae - S[N], _ = v ? -Y[j] / 2 : 0, se = y === or ? P[j] : Y[j], oe = y === or ? -Y[j] : -P[j], ke = t.elements.arrow, be = v && ke ? Fl(ke) : {
         width: 0,
         height: 0
-      }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : lv(), Ee = Ce[I], Le = Ce[N], Ye = zr(0, P[j], be[j]), We = w ? P[j] / 2 - _ - Ye - Ee - W.mainAxis : se - Ye - Ee - W.mainAxis, at = w ? -P[j] / 2 + _ + Ye + Le + W.mainAxis : oe + Ye + Le + W.mainAxis, Ve = t.elements.arrow && ui(t.elements.arrow), Qe = Ve ? C === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, Je = (x = q == null ? void 0 : q[C]) != null ? x : 0, et = ae + We - Je - Qe, Q = ae + at - Je, te = zr(v ? Ki(J, et) : J, ae, v ? Dn(ee, Q) : ee);
+      }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : lv(), Ee = Ce[I], Le = Ce[N], Ye = zr(0, P[j], be[j]), We = w ? P[j] / 2 - _ - Ye - Ee - U.mainAxis : se - Ye - Ee - U.mainAxis, at = w ? -P[j] / 2 + _ + Ye + Le + U.mainAxis : oe + Ye + Le + U.mainAxis, Ve = t.elements.arrow && ui(t.elements.arrow), Qe = Ve ? C === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, Je = (x = q == null ? void 0 : q[C]) != null ? x : 0, et = ae + We - Je - Qe, Q = ae + at - Je, te = zr(v ? Ki(J, et) : J, ae, v ? Dn(ee, Q) : ee);
       M[C] = te, B[C] = te - ae;
     }
     if (l) {
-      var me, U = C === "x" ? Xt : Jt, fe = C === "x" ? pa : ha, we = M[$], Ie = $ === "y" ? "height" : "width", $e = we + S[U], tt = we - S[fe], vt = [Xt, Jt].indexOf(m) !== -1, X = (me = q == null ? void 0 : q[$]) != null ? me : 0, Oe = vt ? $e : we - P[Ie] - Y[Ie] - X + W.altAxis, Pe = vt ? we + P[Ie] + Y[Ie] - X - W.altAxis : tt, je = v && vt ? Mw(Oe, we, Pe) : zr(v ? Oe : $e, we, v ? Pe : tt);
+      var me, W = C === "x" ? Xt : Jt, fe = C === "x" ? pa : ha, we = M[$], Ie = $ === "y" ? "height" : "width", $e = we + S[W], tt = we - S[fe], vt = [Xt, Jt].indexOf(m) !== -1, X = (me = q == null ? void 0 : q[$]) != null ? me : 0, Oe = vt ? $e : we - P[Ie] - Y[Ie] - X + U.altAxis, Pe = vt ? we + P[Ie] + Y[Ie] - X - U.altAxis : tt, je = v && vt ? Mw(Oe, we, Pe) : zr(v ? Oe : $e, we, v ? Pe : tt);
       M[$] = je, B[$] = je - we;
     }
     t.modifiersData[n] = B;
@@ -12535,8 +12535,8 @@ function h2(e) {
             c.rects = {
               reference: c2(y, ui(w), c.options.strategy === "fixed"),
               popper: Fl(w)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(W) {
-              return c.modifiersData[W.name] = Object.assign({}, W.data);
+            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(U) {
+              return c.modifiersData[U.name] = Object.assign({}, U.data);
             });
             for (var C = 0; C < c.orderedModifiers.length; C++) {
               if (c.reset === !0) {
@@ -14213,7 +14213,7 @@ function GE({
     day: "numeric"
   });
   let m = t.numDays - d + 1, y = t.numDays - m + 1, w = Math.floor((m - 1) / _t + 1), C = 1, $ = t.numWeeks, M = 1, P = t.month, Y = t.year;
-  const V = /* @__PURE__ */ new Date(), W = V.getDate(), q = V.getMonth() + 1, B = V.getFullYear();
+  const V = /* @__PURE__ */ new Date(), U = V.getDate(), q = V.getMonth() + 1, B = V.getFullYear();
   for (let x = 1; x <= zI; x++) {
     for (let I = 1, N = i; I <= _t; I++, N += N === _t ? 1 - _t : 1) {
       f && N === s && (m = 1, y = e.numDays, w = Math.floor((m - 1) / _t + 1), C = Math.floor((u - m) / _t + 1), $ = 1, M = c, P = e.month, Y = e.year, f = !1, v = !0);
@@ -14225,7 +14225,7 @@ function GE({
         59,
         59,
         999
-      ), ee = j, _ = `${lt(Y, 4)}-${lt(P, 2)}-${lt(m, 2)}`, se = I, oe = _t - I, ke = o[x - 1], be = l[x - 1], Ce = m === W && P === q && Y === B, Ee = v && m === 1, Le = v && m === u, Ye = x === 1, We = x === c, at = I === 1, Ve = I === _t, Qe = dp(Y, P, m);
+      ), ee = j, _ = `${lt(Y, 4)}-${lt(P, 2)}-${lt(m, 2)}`, se = I, oe = _t - I, ke = o[x - 1], be = l[x - 1], Ce = m === U && P === q && Y === B, Ee = v && m === 1, Le = v && m === u, Ye = x === 1, We = x === c, at = I === 1, Ve = I === _t, Qe = dp(Y, P, m);
       r.push({
         locale: n,
         id: _,
@@ -16082,7 +16082,7 @@ function SO(e, { slots: t, emit: a }) {
     maxDate: C,
     disabledAttribute: $,
     disabledDates: M
-  } = wO(e), P = b(() => e.rows * e.columns), Y = b(() => e.step || P.value), V = b(() => jv(c.value) ?? null), W = b(() => Xn(c.value) ?? null), q = b(
+  } = wO(e), P = b(() => e.rows * e.columns), Y = b(() => e.step || P.value), V = b(() => jv(c.value) ?? null), U = b(() => Xn(c.value) ?? null), q = b(
     () => e.minPage || (w.value ? oe(w.value) : null)
   ), B = b(
     () => e.maxPage || (C.value ? oe(C.value) : null)
@@ -16099,8 +16099,8 @@ function SO(e, { slots: t, emit: a }) {
     Z.isFocusable = Z.inMonth && Z.day === i.value;
   }, Ce = (Z, p) => {
     for (const A of Z)
-      for (const z of A.days)
-        if (p(z) === !1)
+      for (const H of A.days)
+        if (p(H) === !1)
           return;
   }, Ee = b(
     () => c.value.reduce((Z, p) => (Z.push(...p.viewDays), Z), [])
@@ -16135,7 +16135,7 @@ function SO(e, { slots: t, emit: a }) {
     const A = Le.value.find((le) => le.pinPage) || Le.value[0];
     if (!A || !A.hasRanges)
       return null;
-    const [z] = A.ranges, L = ((Z = z.start) == null ? void 0 : Z.date) || ((p = z.end) == null ? void 0 : p.date);
+    const [H] = A.ranges, L = ((Z = H.start) == null ? void 0 : Z.date) || ((p = H.end) == null ? void 0 : p.date);
     return L ? oe(L) : null;
   }, Je = () => {
     if (Ta(V.value))
@@ -16143,7 +16143,7 @@ function SO(e, { slots: t, emit: a }) {
     const Z = Qe();
     return Ta(Z) ? Z : oe(/* @__PURE__ */ new Date());
   }, et = (Z, p = {}) => {
-    const { view: A = u.value, position: z = 1, force: L } = p, le = z > 0 ? 1 - z : -(P.value + z);
+    const { view: A = u.value, position: H = 1, force: L } = p, le = H > 0 ? 1 - H : -(P.value + H);
     let ge = se(Z, le, A), xe = se(ge, P.value - 1, A);
     return L || (cl(ge, q.value) ? ge = q.value : eo(xe, B.value) && (ge = se(B.value, 1 - P.value)), xe = se(ge, P.value - 1)), { fromPage: ge, toPage: xe };
   }, Q = (Z, p, A = "") => {
@@ -16151,11 +16151,11 @@ function SO(e, { slots: t, emit: a }) {
       return A;
     if ((Z == null ? void 0 : Z.view) !== (p == null ? void 0 : p.view))
       return "fade";
-    const z = eo(p, Z), L = cl(p, Z);
-    return !z && !L ? "fade" : A === "slide-v" ? L ? "slide-down" : "slide-up" : L ? "slide-right" : "slide-left";
+    const H = eo(p, Z), L = cl(p, Z);
+    return !H && !L ? "fade" : A === "slide-v" ? L ? "slide-down" : "slide-up" : L ? "slide-right" : "slide-left";
   }, te = (Z = {}) => new Promise((p, A) => {
-    const { position: z = 1, force: L = !1, transition: le } = Z, ge = Ta(Z.page) ? Z.page : Je(), { fromPage: xe } = et(ge, {
-      position: z,
+    const { position: H = 1, force: L = !1, transition: le } = Z, ge = Ta(Z.page) ? Z.page : Je(), { fromPage: xe } = et(ge, {
+      position: H,
       force: L
     }), rt = [];
     for (let st = 0; st < P.value; st++) {
@@ -16188,7 +16188,7 @@ function SO(e, { slots: t, emit: a }) {
   }), me = (Z) => {
     const p = V.value ?? oe(/* @__PURE__ */ new Date());
     return se(p, Z);
-  }, U = (Z, p = {}) => {
+  }, W = (Z, p = {}) => {
     const A = Ta(Z) ? Z : oe(Z);
     return Object.assign(
       p,
@@ -16202,15 +16202,15 @@ function SO(e, { slots: t, emit: a }) {
       u.value,
       m.value
     ).map((L) => JE(L, q.value, B.value)).some((L) => L);
-  }, fe = (Z, p = {}) => U(me(Z), p), we = b(() => fe(-Y.value)), Ie = b(() => fe(Y.value)), $e = async (Z, p = {}) => !p.force && !U(Z, p) ? !1 : (p.fromPage && !eI(p.fromPage, V.value) && (ti({ id: l.value, hideDelay: 0 }), p.view && (lO("view", 10), u.value = p.view), await te({
+  }, fe = (Z, p = {}) => W(me(Z), p), we = b(() => fe(-Y.value)), Ie = b(() => fe(Y.value)), $e = async (Z, p = {}) => !p.force && !W(Z, p) ? !1 : (p.fromPage && !eI(p.fromPage, V.value) && (ti({ id: l.value, hideDelay: 0 }), p.view && (lO("view", 10), u.value = p.view), await te({
     ...p,
     page: p.fromPage,
     position: 1,
     force: !0
   }), a("did-move", c.value)), !0), tt = (Z, p = {}) => $e(me(Z), p), vt = () => tt(-Y.value), X = () => tt(Y.value), Oe = (Z) => {
-    const p = j.value ? ".in-month" : "", A = `.id-${m.value.getDayId(Z)}${p}`, z = `${A}.vc-focusable, ${A} .vc-focusable`, L = n.value;
+    const p = j.value ? ".in-month" : "", A = `.id-${m.value.getDayId(Z)}${p}`, H = `${A}.vc-focusable, ${A} .vc-focusable`, L = n.value;
     if (L) {
-      const le = L.querySelector(z);
+      const le = L.querySelector(H);
       if (le)
         return le.focus(), !0;
     }
@@ -16228,42 +16228,42 @@ function SO(e, { slots: t, emit: a }) {
   }, Tt = (Z, p) => {
     a("daykeydown", Z, p);
     const A = Z.noonDate;
-    let z = null;
+    let H = null;
     switch (p.key) {
       case "ArrowLeft": {
-        z = qt(A, -1);
+        H = qt(A, -1);
         break;
       }
       case "ArrowRight": {
-        z = qt(A, 1);
+        H = qt(A, 1);
         break;
       }
       case "ArrowUp": {
-        z = qt(A, -7);
+        H = qt(A, -7);
         break;
       }
       case "ArrowDown": {
-        z = qt(A, 7);
+        H = qt(A, 7);
         break;
       }
       case "Home": {
-        z = qt(A, -Z.weekdayPosition + 1);
+        H = qt(A, -Z.weekdayPosition + 1);
         break;
       }
       case "End": {
-        z = qt(A, Z.weekdayPositionFromEnd);
+        H = qt(A, Z.weekdayPositionFromEnd);
         break;
       }
       case "PageUp": {
-        p.altKey ? z = Od(A, -1) : z = Ji(A, -1);
+        p.altKey ? H = Od(A, -1) : H = Ji(A, -1);
         break;
       }
       case "PageDown": {
-        p.altKey ? z = Od(A, 1) : z = Ji(A, 1);
+        p.altKey ? H = Od(A, 1) : H = Ji(A, 1);
         break;
       }
     }
-    z && (p.preventDefault(), Pe(z).catch());
+    H && (p.preventDefault(), Pe(H).catch());
   }, Ot = (Z) => {
     const p = r.value;
     p != null && Tt(p, Z);
@@ -16335,7 +16335,7 @@ function SO(e, { slots: t, emit: a }) {
     count: P,
     step: Y,
     firstPage: V,
-    lastPage: W,
+    lastPage: U,
     canMovePrev: we,
     canMoveNext: Ie,
     minPage: q,
@@ -16347,7 +16347,7 @@ function SO(e, { slots: t, emit: a }) {
     showWeeknumbers: I,
     showIsoWeeknumbers: N,
     getDateAddress: oe,
-    canMove: U,
+    canMove: W,
     canMoveBy: fe,
     move: $e,
     moveBy: tt,
@@ -16499,7 +16499,7 @@ const $O = ie({
     function V() {
       on(document, "keydown", C), on(document, "click", w), on(document, "show-popover", $), on(document, "hide-popover", M), on(document, "toggle-popover", P);
     }
-    function W(_) {
+    function U(_) {
       t("before-show", _);
     }
     function q(_) {
@@ -16551,7 +16551,7 @@ const $O = ie({
       alignment: c,
       hide: m,
       setupPopper: f,
-      beforeEnter: W,
+      beforeEnter: U,
       afterEnter: q,
       beforeLeave: B,
       afterLeave: x,
@@ -16592,7 +16592,7 @@ function DO(e, t, a, n, r, i) {
           tabindex: "-1",
           class: `vc-popover-content direction-${e.direction}`
         }, e.$attrs), [
-          H(e.$slots, "default", {
+          z(e.$slots, "default", {
             direction: e.direction,
             alignment: e.alignment,
             data: e.data,
@@ -16641,7 +16641,7 @@ const fu = /* @__PURE__ */ mn($O, [["render", DO]]), xO = { class: "vc-day-popov
         }, null, 2)
       ])) : F("", !0),
       R("div", AO, [
-        H(n.$slots, "default", {}, () => [
+        z(n.$slots, "default", {}, () => [
           de(ne(e.attribute.popover ? e.attribute.popover.label : "No content provided"), 1)
         ])
       ])
@@ -16657,7 +16657,7 @@ const fu = /* @__PURE__ */ mn($O, [["render", DO]]), xO = { class: "vc-day-popov
   },
   setup(e) {
     const a = Dp(e.name);
-    return (n, r) => T(a) ? (h(), G(Fe(T(a)), Yr(He({ key: 0 }, n.$attrs)), null, 16)) : H(n.$slots, "default", { key: 1 });
+    return (n, r) => T(a) ? (h(), G(Fe(T(a)), Yr(He({ key: 0 }, n.$attrs)), null, 16)) : z(n.$slots, "default", { key: 1 });
   }
 }), IO = { class: "vc-day-popover-container" }, OO = {
   key: 0,
@@ -17015,7 +17015,7 @@ const c8 = { class: "vc-nav-header" }, d8 = ["disabled"], f8 = ["disabled"], v8
       () => P.value.some((oe) => !oe.isDisabled)
     ), V = b(
       () => r(o.value + 1, t.value.navMonths)
-    ), W = b(
+    ), U = b(
       () => V.value.some((oe) => !oe.isDisabled)
     ), q = b(
       () => i(
@@ -17046,7 +17046,7 @@ const c8 = { class: "vc-nav-header" }, d8 = ["disabled"], f8 = ["disabled"], v8
     ), ae = b(
       () => s.value ? Y.value : x.value
     ), J = b(
-      () => s.value ? W.value : N.value
+      () => s.value ? U.value : N.value
     ), ee = b(() => jv(q.value.map((oe) => oe.year))), _ = b(() => Xn(q.value.map((oe) => oe.year))), se = b(() => s.value ? o.value : `${ee.value} - ${_.value}`);
     return kl(() => {
       o.value = n.value.year, d();
@@ -17132,7 +17132,7 @@ const c8 = { class: "vc-nav-header" }, d8 = ["disabled"], f8 = ["disabled"], v8
     page: null
   },
   setup(e) {
-    return u8($i(e, "page")), (a, n) => H(a.$slots, "default");
+    return u8($i(e, "page")), (a, n) => z(a.$slots, "default");
   }
 }), g8 = /* @__PURE__ */ ie({
   __name: "CalendarNavPopover",
@@ -17214,10 +17214,10 @@ const c8 = { class: "vc-nav-header" }, d8 = ["disabled"], f8 = ["disabled"], v8
       }), N;
     }), m = b(() => S.value.highlights), y = b(() => !!Wa(m.value)), w = b(() => S.value.content), C = b(() => S.value.dots), $ = b(() => !!Wa(C.value)), M = b(() => S.value.bars), P = b(() => !!Wa(M.value)), Y = b(() => S.value.popovers), V = b(
       () => Y.value.map((N) => N.attribute)
-    ), W = Dp("day-content"), q = b(() => [
+    ), U = Dp("day-content"), q = b(() => [
       "vc-day",
       ...d.value.classes,
-      { "vc-day-box-center-center": !W },
+      { "vc-day-box-center-center": !U },
       { "is-not-in-month": !e.day.inMonth }
     ]), B = b(() => {
       let N;
@@ -17545,8 +17545,8 @@ function B8(e, { emit: t, slots: a }) {
     return ke({ type: p, mask: A });
   }), V = b(
     () => fe(c.value ?? u.value)
-  ), W = b(() => M.value ? e.is24hr ? i.value.inputTime24hr : i.value.inputTime : $.value ? e.is24hr ? i.value.inputDateTime24hr : i.value.inputDateTime : i.value.input), q = b(() => /[Hh]/g.test(W.value)), B = b(
-    () => /[dD]{1,2}|Do|W{1,4}|M{1,4}|YY(?:YY)?/g.test(W.value)
+  ), U = b(() => M.value ? e.is24hr ? i.value.inputTime24hr : i.value.inputTime : $.value ? e.is24hr ? i.value.inputDateTime24hr : i.value.inputDateTime : i.value.input), q = b(() => /[Hh]/g.test(U.value)), B = b(
+    () => /[dD]{1,2}|Do|W{1,4}|M{1,4}|YY(?:YY)?/g.test(U.value)
   ), x = b(() => {
     if (q.value && B.value)
       return "dateTime";
@@ -17572,7 +17572,7 @@ function B8(e, { emit: t, slots: a }) {
     const p = ["start", "end"].map((A) => ({
       input: te(A),
       change: me(A),
-      keyup: U,
+      keyup: W,
       ...e.popover && N.value
     }));
     return m.value ? {
@@ -17587,8 +17587,8 @@ function B8(e, { emit: t, slots: a }) {
       ...e.selectAttribute,
       dates: u.value,
       pinPage: !0
-    }, { dot: A, bar: z, highlight: L, content: le } = p;
-    return !A && !z && !L && !le && (p.highlight = !0), p;
+    }, { dot: A, bar: H, highlight: L, content: le } = p;
+    return !A && !H && !L && !le && (p.highlight = !0), p;
   }), ee = b(() => {
     if (!m.value || !Le(c.value))
       return null;
@@ -17596,8 +17596,8 @@ function B8(e, { emit: t, slots: a }) {
       key: "select-drag",
       ...e.dragAttribute,
       dates: c.value
-    }, { dot: A, bar: z, highlight: L, content: le } = p;
-    return !A && !z && !L && !le && (p.highlight = {
+    }, { dot: A, bar: H, highlight: L, content: le } = p;
+    return !A && !H && !L && !le && (p.highlight = {
       startEnd: {
         fillMode: "outline"
       }
@@ -17615,27 +17615,27 @@ function B8(e, { emit: t, slots: a }) {
       min: [0, 59],
       hr: [0, 23]
     }, A = C.value ? 0 : e.timeAccuracy;
-    return [0, 1].map((z) => {
+    return [0, 1].map((H) => {
       switch (A) {
         case 0:
           return {
-            hours: p.hr[z],
-            minutes: p.min[z],
-            seconds: p.sec[z],
-            milliseconds: p.ms[z]
+            hours: p.hr[H],
+            minutes: p.min[H],
+            seconds: p.sec[H],
+            milliseconds: p.ms[H]
           };
         case 1:
           return {
-            minutes: p.min[z],
-            seconds: p.sec[z],
-            milliseconds: p.ms[z]
+            minutes: p.min[H],
+            seconds: p.sec[H],
+            milliseconds: p.ms[H]
           };
         case 3:
-          return { milliseconds: p.ms[z] };
+          return { milliseconds: p.ms[H] };
         case 4:
           return {};
         default:
-          return { seconds: p.sec[z], milliseconds: p.ms[z] };
+          return { seconds: p.sec[H], milliseconds: p.ms[H] };
       }
     });
   }
@@ -17644,9 +17644,9 @@ function B8(e, { emit: t, slots: a }) {
   }
   function be(p) {
     return ke(p).map(
-      (A, z) => ({
+      (A, H) => ({
         ...A,
-        rules: se.value[z]
+        rules: se.value[H]
       })
     );
   }
@@ -17664,31 +17664,31 @@ function B8(e, { emit: t, slots: a }) {
       return !0;
     if (p == null || A == null)
       return !1;
-    const z = tr(p), L = tr(A);
-    return z && L ? p.getTime() === A.getTime() : z || L ? !1 : Ye(p.start, A.start) && Ye(p.end, A.end);
+    const H = tr(p), L = tr(A);
+    return H && L ? p.getTime() === A.getTime() : H || L ? !1 : Ye(p.start, A.start) && Ye(p.end, A.end);
   }
   function We(p) {
     return !Le(p) || !s.value ? !1 : s.value.intersectsRange(r.value.range(p));
   }
-  function at(p, A, z, L) {
+  function at(p, A, H, L) {
     if (!Le(p))
       return null;
     if (Ee(p)) {
       const le = r.value.toDate(p.start, {
         ...A[0],
         fillDate: y.value ?? void 0,
-        patch: z
+        patch: H
       }), ge = r.value.toDate(p.end, {
         ...A[1],
         fillDate: w.value ?? void 0,
-        patch: z
+        patch: H
       });
       return Bt({ start: le, end: ge }, L);
     }
     return r.value.toDateOrNull(p, {
       ...A[0],
       fillDate: u.value,
-      patch: z
+      patch: H
     });
   }
   function Ve(p, A) {
@@ -17698,16 +17698,16 @@ function B8(e, { emit: t, slots: a }) {
     } : m.value ? null : r.value.fromDate(p, A[0]);
   }
   function Qe(p, A = {}) {
-    return clearTimeout(g), new Promise((z) => {
+    return clearTimeout(g), new Promise((H) => {
       const { debounce: L = 0, ...le } = A;
       L > 0 ? g = window.setTimeout(() => {
-        z(Je(p, le));
-      }, L) : z(Je(p, le));
+        H(Je(p, le));
+      }, L) : H(Je(p, le));
     });
   }
   function Je(p, {
     config: A = Y.value,
-    patch: z = "dateTime",
+    patch: H = "dateTime",
     clearIfEqual: L = !1,
     formatInput: le = !0,
     hidePopover: ge = !1,
@@ -17719,7 +17719,7 @@ function B8(e, { emit: t, slots: a }) {
     let Pt = at(
       p,
       St,
-      z,
+      H,
       rt
     );
     if (We(Pt)) {
@@ -17742,7 +17742,7 @@ function B8(e, { emit: t, slots: a }) {
     ht(() => {
       const p = be({
         type: "string",
-        mask: W.value
+        mask: U.value
       }), A = Ve(
         c.value ?? u.value,
         p
@@ -17750,17 +17750,17 @@ function B8(e, { emit: t, slots: a }) {
       m.value ? d.value = [A && A.start, A && A.end] : d.value = [A, ""];
     });
   }
-  function Q(p, A, z) {
+  function Q(p, A, H) {
     d.value.splice(A === "start" ? 0 : 1, 1, p);
     const L = m.value ? {
       start: d.value[0],
       end: d.value[1] || d.value[0]
     } : p, le = {
       type: "string",
-      mask: W.value
+      mask: U.value
     };
     Qe(L, {
-      ...z,
+      ...H,
       config: le,
       patch: x.value,
       targetPriority: A,
@@ -17784,7 +17784,7 @@ function B8(e, { emit: t, slots: a }) {
       });
     };
   }
-  function U(p) {
+  function W(p) {
     p.key === "Escape" && Qe(u.value, {
       formatInput: !0,
       hidePopover: !0
@@ -17818,10 +17818,10 @@ function B8(e, { emit: t, slots: a }) {
       hidePopover: !0
     };
     if (m.value) {
-      const z = !P.value;
-      z ? k = { start: p.startDate, end: p.endDate } : k != null && (k.end = p.date), Qe(k, {
+      const H = !P.value;
+      H ? k = { start: p.startDate, end: p.endDate } : k != null && (k.end = p.date), Qe(k, {
         ...A,
-        dragging: z
+        dragging: H
       });
     } else
       Qe(p.date, {
@@ -17876,17 +17876,17 @@ function B8(e, { emit: t, slots: a }) {
     });
   }
   function Bt(p, A) {
-    const { start: z, end: L } = p;
-    if (z > L)
+    const { start: H, end: L } = p;
+    if (H > L)
       switch (A) {
         case "start":
-          return { start: z, end: z };
+          return { start: H, end: H };
         case "end":
           return { start: L, end: L };
         default:
-          return { start: L, end: z };
+          return { start: L, end: H };
       }
-    return { start: z, end: L };
+    return { start: H, end: L };
   }
   async function Tt(p, A = {}) {
     return v.value == null ? !1 : v.value.move(p, A);
@@ -17895,10 +17895,10 @@ function B8(e, { emit: t, slots: a }) {
     return v.value == null ? !1 : v.value.moveBy(p, A);
   }
   async function ce(p, A = {}) {
-    const z = u.value;
-    if (v.value == null || !Le(z))
+    const H = u.value;
+    if (v.value == null || !Le(H))
       return !1;
-    const L = p !== "end", le = L ? 1 : -1, ge = Ee(z) ? L ? z.start : z.end : z, xe = ep(ge, "monthly", r.value);
+    const L = p !== "end", le = L ? 1 : -1, ge = Ee(H) ? L ? H.start : H.end : H, xe = ep(ge, "monthly", r.value);
     return v.value.move(xe, { position: le, ...A });
   }
   ve(
@@ -17915,7 +17915,7 @@ function B8(e, { emit: t, slots: a }) {
       Je(null, { formatInput: !0 });
     }
   ), ve(
-    () => W.value,
+    () => U.value,
     () => et()
   ), ve(
     () => e.modelValue,
@@ -18097,7 +18097,7 @@ function R8(e) {
     (B) => P.value.hours.some((x) => x.value === B.value)
   )), V = b(() => _8.filter(
     (B) => P.value.hours.some((x) => x.value === B.value)
-  )), W = b(() => l.value ? P.value.hours : M.value ? Y.value : V.value), q = b(() => {
+  )), U = b(() => l.value ? P.value.hours : M.value ? Y.value : V.value), q = b(() => {
     const B = [];
     return Wa(Y.value) && B.push({ value: !0, label: "AM" }), Wa(V.value) && B.push({ value: !1, label: "PM" }), B;
   });
@@ -18113,7 +18113,7 @@ function R8(e) {
     seconds: C,
     milliseconds: $,
     options: P,
-    hourOptions: W,
+    hourOptions: U,
     isAM: M,
     isAMOptions: q,
     is24hr: l
@@ -18355,7 +18355,7 @@ const Y8 = ["value"], F8 = ["value", "disabled"], z8 = {
 function t4(e, t, a, n, r, i) {
   const s = It("DatePickerPopover"), l = It("DatePickerBase");
   return e.$slots.default ? (h(), D(De, { key: 0 }, [
-    H(e.$slots, "default", Yr(ms(e.slotCtx))),
+    z(e.$slots, "default", Yr(ms(e.slotCtx))),
     K(s, Yr(ms(e.$attrs)), null, 16)
   ], 64)) : (h(), G(l, Yr(He({ key: 1 }, e.$attrs)), null, 16));
 }
@@ -18409,7 +18409,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
         type: "button",
         onClick: (c) => s(u)
       }, [
-        H(l.$slots, "option-label", { option: u }, () => [
+        z(l.$slots, "option-label", { option: u }, () => [
           de(ne(u.label), 1)
         ], !0)
       ], 10, r4))), 128))
@@ -18570,11 +18570,11 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
         start: new Date(_),
         end: new Date(se),
         timePeriodsKey: M.selectedTimeframe.key
-      }, M.fullRangeDisplay = W(M.selectedRange, !1), v.value = !1, ee && q();
+      }, M.fullRangeDisplay = U(M.selectedRange, !1), v.value = !1, ee && q();
     }, V = () => {
       var J;
       S.value = g, k.value = null, M.abbreviatedDisplay = n.placeholder, M.fullRangeDisplay = "", d.value && (M.selectedTimeframe = (J = n.timePeriods[0]) == null ? void 0 : J.values[0]), M.selectedRange = M.previouslySelectedRange = g, r("change", M.selectedRange), r("update:modelValue", M.selectedRange);
-    }, W = (J, ee) => {
+    }, U = (J, ee) => {
       const { start: _, end: se } = J;
       let oe = "PP hh:mm a";
       const ke = jo(_, $, "(z)");
@@ -18584,7 +18584,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
       c.value ? (r("change", { start: M.selectedRange.start, end: null }), r("update:modelValue", { start: M.selectedRange.start, end: null })) : (r("change", M.selectedRange), r("update:modelValue", M.selectedRange)), (J = i.value) == null || J.hidePopover(), B();
     }, B = () => {
       var J;
-      f.value && ((J = M.selectedRange) != null && J.start) ? M.abbreviatedDisplay = W(M.selectedRange, !0) : d.value && !f.value && (M.abbreviatedDisplay = M.selectedTimeframe.display);
+      f.value && ((J = M.selectedRange) != null && J.start) ? M.abbreviatedDisplay = U(M.selectedRange, !0) : d.value && !f.value && (M.abbreviatedDisplay = M.selectedTimeframe.display);
     }, x = (J) => J.charAt(0).toUpperCase() + J.slice(1), I = (J) => M.selectedTimeframe.key === J.key ? "primary" : "secondary";
     return ve(k, (J, ee) => {
       J !== void 0 && J !== ee && P({ start: J, end: null, timePeriodsKey: "" });
@@ -18787,31 +18787,31 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
       return !!((V = a.labelAttributes) != null && V.info || r["label-tooltip"]);
     }), d = b(() => s(a.label, f.value)), f = b(() => (n == null ? void 0 : n.required) !== void 0 && String(n == null ? void 0 : n.required) !== "false"), v = E(!1), g = b(() => {
       if (v.value) {
-        let V = "bytes", W = k.value;
-        return k.value >= 1e3 && k.value < 1e6 && (W = k.value / 1e3, V = "KB"), k.value >= 1e6 && (W = k.value / 1e6, V = "MB"), `File size must be less than ${W}${V}.`;
+        let V = "bytes", U = k.value;
+        return k.value >= 1e3 && k.value < 1e6 && (U = k.value / 1e3, V = "KB"), k.value >= 1e6 && (U = k.value / 1e6, V = "MB"), `File size must be less than ${U}${V}.`;
       }
       return "";
     }), k = b(() => a.maxFileSize || a.maxFileSize === 0 ? a.maxFileSize : 525e4), S = E(!1), m = E([]), y = E(0), w = E(""), C = E([]), $ = (V) => {
       var B, x, I, N, j, ae;
       m.value = (B = V.target) == null ? void 0 : B.files, w.value = String((x = m == null ? void 0 : m.value[0]) == null ? void 0 : x.name);
-      const W = (I = m == null ? void 0 : m.value[0]) == null ? void 0 : I.size;
-      S.value = Number(W) > k.value, S.value && (y.value++, Number(W) > k.value && (v.value = !0), i("error", m.value));
+      const U = (I = m == null ? void 0 : m.value[0]) == null ? void 0 : I.size;
+      S.value = Number(U) > k.value, S.value && (y.value++, Number(U) > k.value && (v.value = !0), i("error", m.value));
       const q = (j = (N = o.value) == null ? void 0 : N.$el) == null ? void 0 : j.querySelector("input");
-      W ? C.value.push(m.value) : q && (q.files = C.value[C.value.length - 1], m.value = q.files, q.files && (w.value = String((ae = q.files[q.files.length - 1]) == null ? void 0 : ae.name))), i("file-added", m.value);
+      U ? C.value.push(m.value) : q && (q.files = C.value[C.value.length - 1], m.value = q.files, q.files && (w.value = String((ae = q.files[q.files.length - 1]) == null ? void 0 : ae.name))), i("file-added", m.value);
     }, M = () => {
-      var W, q;
+      var U, q;
       if (w.value) {
         P();
         return;
       }
-      const V = (q = (W = o.value) == null ? void 0 : W.$el) == null ? void 0 : q.querySelector("input");
+      const V = (q = (U = o.value) == null ? void 0 : U.$el) == null ? void 0 : q.querySelector("input");
       V && V.click();
     }, P = () => {
       m.value = [], w.value = "", C.value = [], y.value++, S.value = !1, v.value = !1, i("file-removed");
     }, Y = () => {
-      var V, W, q, B, x;
+      var V, U, q, B, x;
       if (!n.id) {
-        const I = (q = (W = (V = o.value) == null ? void 0 : V.$el) == null ? void 0 : W.querySelector("input")) == null ? void 0 : q.id;
+        const I = (q = (U = (V = o.value) == null ? void 0 : V.$el) == null ? void 0 : U.querySelector("input")) == null ? void 0 : q.id;
         I && ((x = (B = u.value) == null ? void 0 : B.$el) == null || x.setAttribute("for", I));
       }
     };
@@ -18821,7 +18821,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
       y.value++;
     }, { immediate: !0 }), ot(() => {
       Y();
-    }), (V, W) => (h(), D("div", He({ class: "k-file-upload" }, l.value), [
+    }), (V, U) => (h(), D("div", He({ class: "k-file-upload" }, l.value), [
       e.label ? (h(), G(hn, He({ key: 0 }, e.labelAttributes, {
         ref_key: "labelElement",
         ref: u,
@@ -18836,7 +18836,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
         c.value ? {
           name: "tooltip",
           fn: O(() => [
-            H(V.$slots, "label-tooltip", {}, void 0, !0)
+            z(V.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -18881,7 +18881,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
           V.$slots.icon ? {
             name: "before",
             fn: O(() => [
-              H(V.$slots, "icon", {}, void 0, !0)
+              z(V.$slots, "icon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -18985,7 +18985,7 @@ const a4 = /* @__PURE__ */ mn(e4, [["render", t4]]), n4 = { class: "k-segmented-
         }, 8, ["label"])),
         e.label || c.$slots.label ? ut((h(), G(f, { key: 0 }, {
           default: O(() => [
-            H(c.$slots, "label", {}, () => [
+            z(c.$slots, "label", {}, () => [
               de(ne(e.label), 1)
             ], !0)
           ]),
@@ -19556,9 +19556,9 @@ var Vd = {
       });
     });
     I && g(d());
-  }, W = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(V) : void 0, q = function() {
-    W && (W.disconnect(), s.active && !s.paused && s.containers.map(function(x) {
-      W.observe(x, {
+  }, U = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(V) : void 0, q = function() {
+    U && (U.disconnect(), s.active && !s.paused && s.containers.map(function(x) {
+      U.observe(x, {
         subtree: !0,
         childList: !0
       });
@@ -19860,10 +19860,10 @@ const eP = {
               class: ue(["modal-container", { "custom-content": w.$slots.content }]),
               tabindex: "-1"
             }, [
-              H(w.$slots, "content", {}, () => [
+              z(w.$slots, "content", {}, () => [
                 f.value ? (h(), D("div", nP, [
                   e.title || w.$slots.title ? (h(), D("div", rP, [
-                    H(w.$slots, "title", {}, () => [
+                    z(w.$slots, "title", {}, () => [
                       de(ne(e.title), 1)
                     ], !0)
                   ])) : F("", !0),
@@ -19884,12 +19884,12 @@ const eP = {
                 R("div", {
                   class: ue(["modal-content", { "no-header": !f.value }])
                 }, [
-                  H(w.$slots, "default", {}, void 0, !0)
+                  z(w.$slots, "default", {}, void 0, !0)
                 ], 2),
                 R("div", iP, [
-                  H(w.$slots, "footer", {}, () => [
+                  z(w.$slots, "footer", {}, () => [
                     R("div", oP, [
-                      H(w.$slots, "footer-actions", {}, () => [
+                      z(w.$slots, "footer-actions", {}, () => [
                         e.hideCancelButton ? F("", !0) : (h(), G(ct, {
                           key: 0,
                           appearance: e.cancelButtonAppearance,
@@ -20046,36 +20046,36 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
       }, [
         R("div", uP, [
           u.$slots["body-header"] || e.bodyHeader ? (h(), D("div", cP, [
-            H(u.$slots, "body-header", {}, () => [
+            z(u.$slots, "body-header", {}, () => [
               de(ne(e.bodyHeader), 1)
             ], !0)
           ])) : F("", !0),
           u.$slots["body-header-description"] || e.bodyHeaderDescription ? (h(), D("div", dP, [
-            H(u.$slots, "body-header-description", {}, () => [
+            z(u.$slots, "body-header-description", {}, () => [
               de(ne(e.bodyHeaderDescription), 1)
             ], !0)
           ])) : F("", !0)
         ]),
         R("div", fP, [
-          H(u.$slots, "default", {}, void 0, !0)
+          z(u.$slots, "default", {}, void 0, !0)
         ]),
         R("div", vP, [
           R("div", pP, [
             R("div", hP, [
               R("span", gP, [
-                H(u.$slots, "header-icon", {}, () => [
+                z(u.$slots, "header-icon", {}, () => [
                   K(T(Dl), { color: T(Cg) }, null, 8, ["color"])
                 ], !0)
               ]),
               R("span", mP, [
-                H(u.$slots, "header-content", {}, () => [
+                z(u.$slots, "header-content", {}, () => [
                   de(ne(e.title), 1)
                 ], !0)
               ])
             ]),
             R("div", yP, [
               R("div", bP, [
-                H(u.$slots, "action-buttons", {}, () => [
+                z(u.$slots, "action-buttons", {}, () => [
                   K(ct, {
                     appearance: e.cancelButtonAppearance,
                     class: "cancel-button",
@@ -20102,10 +20102,10 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           ])
         ]),
         u.$slots["footer-content"] ? (h(), D("div", wP, [
-          H(u.$slots, "footer-content", {}, void 0, !0),
+          z(u.$slots, "footer-content", {}, void 0, !0),
           R("div", kP, [
             R("div", CP, [
-              H(u.$slots, "action-buttons", {}, () => [
+              z(u.$slots, "action-buttons", {}, () => [
                 K(ct, {
                   appearance: e.actionButtonAppearance,
                   class: "proceed-button",
@@ -20158,7 +20158,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           ]
         }, [
           R("span", AP, [
-            H(i.$slots, "content", {}, () => [
+            z(i.$slots, "content", {}, () => [
               de(ne(e.item.label), 1)
             ], !0)
           ])
@@ -20213,7 +20213,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
         onSelected: s
       }, {
         content: O(() => [
-          H(f.$slots, "content", { item: g }, void 0, !0)
+          z(f.$slots, "content", { item: g }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["item", "onArrowDown", "onArrowUp"]))), 128)),
@@ -20233,7 +20233,7 @@ Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
           onSelected: s
         }, {
           content: O(() => [
-            H(f.$slots, "content", { item: k }, void 0, !0)
+            z(f.$slots, "content", { item: k }, void 0, !0)
           ]),
           _: 2
         }, 1032, ["item", "onArrowDown", "onArrowUp"]))), 128))
@@ -20499,7 +20499,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       placement: "bottom-start",
       popoverTimeout: 0,
       popoverClasses: "multiselect-popover"
-    }, m = E(0), y = E(0), w = a.id ? String(a.id) : yt(), C = yt(), $ = E(null), M = E(null), P = E(null), Y = E(), V = b(() => u.selectedRowCount * l), W = E(""), q = b(() => !(!W.value || x.value.filter((ce) => ce.label === W.value).length)), B = E(null), x = E([]), I = E([]), N = E([]), j = E([]), ae = E([]), J = /* @__PURE__ */ new Set(), ee = E([]), _ = E([]), se = b(() => _.value.map((ce) => ce.label).join(", ")), oe = E(!1), ke = E(!1), be = E(!1), Ce = b(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), Ee = b(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Le = b({
+    }, m = E(0), y = E(0), w = a.id ? String(a.id) : yt(), C = yt(), $ = E(null), M = E(null), P = E(null), Y = E(), V = b(() => u.selectedRowCount * l), U = E(""), q = b(() => !(!U.value || x.value.filter((ce) => ce.label === U.value).length)), B = E(null), x = E([]), I = E([]), N = E([]), j = E([]), ae = E([]), J = /* @__PURE__ */ new Set(), ee = E([]), _ = E([]), se = b(() => _.value.map((ce) => ce.label).join(", ")), oe = E(!1), ke = E(!1), be = E(!1), Ce = b(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), Ee = b(() => (a == null ? void 0 : a.readonly) !== void 0 && String(a == null ? void 0 : a.readonly) !== "false"), Le = b({
       get() {
         return u.modelValue;
       },
@@ -20532,19 +20532,19 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           return u.searchPlaceholder;
       }
       return N.value.length === 1 ? `${N.value.length} item selected` : `${N.value.length} items selected`;
-    }), te = b(() => u.autosuggest ? x.value : u.filterFunction({ items: x.value, query: W.value })), me = (ce) => {
+    }), te = b(() => u.autosuggest ? x.value : u.filterFunction({ items: x.value, query: U.value })), me = (ce) => {
       var pe;
       (Ce.value || ((pe = ce == null ? void 0 : ce.target) == null ? void 0 : pe.dataset.propagateClicks) === "false") && ce.stopPropagation();
-    }, U = async (ce, pe, Z) => {
+    }, W = async (ce, pe, Z) => {
       var p, A;
       if (ce) {
         if (!pe.value) {
-          W.value = "", Z(), vt(), await ht();
-          const z = (A = (p = P.value) == null ? void 0 : p.$el) == null ? void 0 : A.querySelector("input");
-          z == null || z.focus({ preventScroll: !0 });
+          U.value = "", Z(), vt(), await ht();
+          const H = (A = (p = P.value) == null ? void 0 : p.$el) == null ? void 0 : A.querySelector("input");
+          H == null || H.focus({ preventScroll: !0 });
         }
       } else
-        pe.value && (W.value = "", Z());
+        pe.value && (U.value = "", Z());
     }, fe = () => {
       setTimeout(() => {
         const ce = Y.value;
@@ -20554,9 +20554,9 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         }
         if (ce) {
           if (ce.clientHeight > V.value) {
-            const Z = Array.from(ce.querySelectorAll(".multiselect-selection-badge")).filter((z) => z.offsetTop >= V.value), p = j.value.length - Z.length, A = j.value.splice(p, Z.length);
-            for (const z of A)
-              J.has(z.value) || (J.add(z.value), ae.value.push(z));
+            const Z = Array.from(ce.querySelectorAll(".multiselect-selection-badge")).filter((H) => H.offsetTop >= V.value), p = j.value.length - Z.length, A = j.value.splice(p, Z.length);
+            for (const H of A)
+              J.has(H.value) || (J.add(H.value), ae.value.push(H));
           }
           y.value++;
         }
@@ -20577,8 +20577,8 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         u.enableItemCreation && p.custom && (x.value = x.value.filter((A) => A.value !== p.value), c("item-removed", p));
       }), pe && fe();
     }, $e = (ce, pe) => {
-      var z, L;
-      let Z = !1, p = pe ? ce : ((z = x.value.filter((le) => le.value === ce.value)) == null ? void 0 : z[0]) || null;
+      var H, L;
+      let Z = !1, p = pe ? ce : ((H = x.value.filter((le) => le.value === ce.value)) == null ? void 0 : H[0]) || null;
       if (u.enableItemCreation && (p != null && p.custom) && (Z = !0), p === null && (p = ((L = N.value.filter((le) => le.value === ce.value)) == null ? void 0 : L[0]) || null), p === null)
         return;
       if (p.selected) {
@@ -20594,25 +20594,25 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       c("selected", N.value), c("change", p), c("update:modelValue", A);
     }, tt = () => {
       var Z;
-      if (!u.enableItemCreation || !W.value || !q.value)
+      if (!u.enableItemCreation || !U.value || !q.value)
         return;
       const ce = x.value.length + 1, pe = {
-        label: lo(W.value + ""),
+        label: lo(U.value + ""),
         value: yt(),
-        key: `${(Z = lo(W.value).replace(/ /gi, "-")) == null ? void 0 : Z.replace(/[^a-z0-9-_]/gi, "")}-${ce}`
+        key: `${(Z = lo(U.value).replace(/ /gi, "-")) == null ? void 0 : Z.replace(/[^a-z0-9-_]/gi, "")}-${ce}`
       };
-      c("item-added", pe), $e(pe, !0), W.value = "";
+      c("item-added", pe), $e(pe, !0), U.value = "";
     }, vt = () => {
-      const ce = te.value.filter((z) => z.selected), pe = te.value.filter((z) => !z.selected), Z = [...ce, ...pe], p = Z.filter((z) => !z.group), A = Z.filter((z) => z.group).sort((z, L) => z.group.toLowerCase().localeCompare(L.group.toLowerCase()));
+      const ce = te.value.filter((H) => H.selected), pe = te.value.filter((H) => !H.selected), Z = [...ce, ...pe], p = Z.filter((H) => !H.group), A = Z.filter((H) => H.group).sort((H, L) => H.group.toLowerCase().localeCompare(L.group.toLowerCase()));
       I.value = [...p, ...A];
     }, X = () => {
       x.value.forEach((pe) => {
         pe.disabled || (pe.selected = !1, pe.custom && c("item-removed", pe));
-      }), x.value = x.value.filter((pe) => !(pe.custom && !pe.disabled)), N.value = N.value.filter((pe) => pe.disabled), j.value = j.value.filter((pe) => pe.disabled), ae.value = ae.value.filter((pe) => (pe.disabled || J.delete(pe.value), pe.disabled)), W.value = "", fe();
+      }), x.value = x.value.filter((pe) => !(pe.custom && !pe.disabled)), N.value = N.value.filter((pe) => pe.disabled), j.value = j.value.filter((pe) => pe.disabled), ae.value = ae.value.filter((pe) => (pe.disabled || J.delete(pe.value), pe.disabled)), U.value = "", fe();
       const ce = N.value.map((pe) => pe.value);
       c("selected", N.value), c("update:modelValue", ce), c("query-change", "");
     }, Oe = (ce) => {
-      W.value = ce, c("query-change", ce);
+      U.value = ce, c("query-change", ce);
     }, Pe = (ce, pe) => {
       var Z;
       ce.keyCode === 27 && (pe.value = !1), (ce.code === "ArrowDown" || ce.code === "ArrowUp") && ((Z = d.value) == null || Z.setFocus());
@@ -20651,8 +20651,8 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           X();
           return;
         }
-        const Z = new Set(pe), p = new Set(ce), A = x.value.filter((L) => p.has(L.value)), z = N.value.filter((L) => !p.has(L.value) && Z.has(L.value));
-        z.length && Ie(z), A.length && we(A);
+        const Z = new Set(pe), p = new Set(ce), A = x.value.filter((L) => p.has(L.value)), H = N.value.filter((L) => !p.has(L.value) && Z.has(L.value));
+        H.length && Ie(H), A.length && we(A);
       }
     }), ve(() => u.items, (ce, pe) => {
       var Z, p;
@@ -20660,8 +20660,8 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         x.value = i(u.items);
         for (let A = 0; A < x.value.length; A++) {
           x.value[A].selected === void 0 && (x.value[A].selected = !1);
-          let z = `${(p = (Z = x.value[A].label) == null ? void 0 : Z.replace(/ /gi, "-")) == null ? void 0 : p.replace(/[^a-z0-9-_]/gi, "")}-${A}`;
-          if (z.includes("undefined") && (z = `multiselect-item-label-${A}`), x.value[A].key = z, u.modelValue.includes(x.value[A].value) || x.value[A].selected) {
+          let H = `${(p = (Z = x.value[A].label) == null ? void 0 : Z.replace(/ /gi, "-")) == null ? void 0 : p.replace(/[^a-z0-9-_]/gi, "")}-${A}`;
+          if (H.includes("undefined") && (H = `multiselect-item-label-${A}`), x.value[A].key = H, u.modelValue.includes(x.value[A].value) || x.value[A].selected) {
             const L = x.value[A];
             L.selected = !0, N.value.filter((le) => le.value === L.value).length || N.value.push(L), j.value.filter((le) => le.value === L.value).length || j.value.push(L);
           }
@@ -20697,7 +20697,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           g.value ? {
             name: "tooltip",
             fn: O(() => [
-              H(ce.$slots, "label-tooltip", {}, void 0, !0)
+              z(ce.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -20706,14 +20706,14 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         ]) : F("", !0),
         R("div", YP, [
           K(T(yo), null, {
-            default: O(({ isToggled: A, toggle: z }) => [
+            default: O(({ isToggled: A, toggle: H }) => [
               K(pr, He({
                 ref_key: "popper",
                 ref: B,
                 "hide-close-icon": ""
               }, Ve.value, {
-                onClose: () => U(!1, A, z),
-                onOpen: () => U(!0, A, z)
+                onClose: () => W(!1, A, H),
+                onOpen: () => W(!0, A, H)
               }), {
                 content: O(() => [
                   R("div", {
@@ -20731,7 +20731,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                         autocomplete: "off",
                         class: "multiselect-dropdown-input",
                         "data-testid": "multiselect-dropdown-input",
-                        "model-value": W.value,
+                        "model-value": U.value,
                         placeholder: e.searchPlaceholder || o,
                         type: "text",
                         onClick: pe[5] || (pe[5] = qe(() => {
@@ -20753,7 +20753,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                         onSelected: $e
                       }, {
                         content: O(({ item: L }) => [
-                          H(ce.$slots, "item-template", {
+                          z(ce.$slots, "item-template", {
                             class: "multiselect-item",
                             item: L
                           }, void 0, !0)
@@ -20764,12 +20764,12 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                         key: "multiselect-add-item",
                         class: "multiselect-add-item",
                         "data-testid": "multiselect-add-item",
-                        item: { label: `${W.value} (Add new value)`, value: "add_item", disabled: !e.itemCreationValidator(W.value) },
+                        item: { label: `${U.value} (Add new value)`, value: "add_item", disabled: !e.itemCreationValidator(U.value) },
                         onSelected: tt
                       }, {
                         content: O(() => [
                           R("div", VP, [
-                            de(ne(W.value) + " ", 1),
+                            de(ne(U.value) + " ", 1),
                             pe[10] || (pe[10] = R("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
                           ])
                         ]),
@@ -20783,7 +20783,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                       })) : F("", !0)
                     ]),
                     ce.$slots.empty && !e.loading && !I.value.length ? (h(), D("div", jP, [
-                      H(ce.$slots, "empty", {}, void 0, !0)
+                      z(ce.$slots, "empty", {}, void 0, !0)
                     ])) : F("", !0)
                   ], 32),
                   e.dropdownFooterText || ce.$slots["dropdown-footer-text"] ? (h(), D("div", {
@@ -20791,7 +20791,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                     class: ue(["dropdown-footer", `dropdown-footer-${e.dropdownFooterTextPosition}`]),
                     "data-testid": "dropdown-footer"
                   }, [
-                    H(ce.$slots, "dropdown-footer-text", {}, () => [
+                    z(ce.$slots, "dropdown-footer-text", {}, () => [
                       de(ne(e.dropdownFooterText), 1)
                     ], !0)
                   ], 2)) : F("", !0)
@@ -20820,7 +20820,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                         class: ue(["multiselect-input", { "is-readonly": Ee.value }]),
                         "data-testid": "multiselect-input",
                         disabled: Ce.value,
-                        "model-value": W.value,
+                        "model-value": U.value,
                         placeholder: Q.value,
                         readonly: Ee.value ? !0 : void 0,
                         type: "text",
@@ -20936,8 +20936,8 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
             style: Ne(et.value),
             tabindex: "-1"
           }, [
-            (h(!0), D(De, null, Be(j.value, (A, z) => (h(), G(Or, {
-              key: `${T(C)}-${A.key ? A.key : z}-badge`,
+            (h(!0), D(De, null, Be(j.value, (A, H) => (h(), G(Or, {
+              key: `${T(C)}-${A.key ? A.key : H}-badge`,
               "aria-hidden": "true",
               class: "multiselect-selection-badge",
               "icon-before": !1
@@ -21060,7 +21060,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
     }), mt({
       default: O(() => [
         d.$slots.default || e.message ? (h(), D("div", t7, [
-          H(d.$slots, "default", {}, () => [
+          z(d.$slots, "default", {}, () => [
             R("p", a7, ne(e.message), 1)
           ], !0)
         ])) : F("", !0),
@@ -21088,7 +21088,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       d.$slots.title ? {
         name: "title",
         fn: O(() => [
-          H(d.$slots, "title", {}, void 0, !0)
+          z(d.$slots, "title", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
@@ -21200,7 +21200,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         }, [
           ut((h(), G(hn, He(e.labelAttributes, { class: "radio-label" }), mt({
             default: O(() => [
-              H(S.$slots, "default", {}, () => [
+              z(S.$slots, "default", {}, () => [
                 de(ne(e.label), 1)
               ], !0)
             ]),
@@ -21209,7 +21209,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
             c.value ? {
               name: "tooltip",
               fn: O(() => [
-                H(S.$slots, "tooltip", {}, void 0, !0)
+                z(S.$slots, "tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
@@ -21217,7 +21217,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
             [y, { for: T(i) }]
           ]),
           o.value ? (h(), D("div", u7, [
-            H(S.$slots, "description", {}, () => [
+            z(S.$slots, "description", {}, () => [
               R("p", null, ne(e.description), 1)
             ], !0)
           ])) : F("", !0)
@@ -21231,11 +21231,11 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           onKeyup: Ct(v, ["space"])
         }, [
           S.$slots.default ? (h(), D("span", d7, [
-            H(S.$slots, "default", {}, void 0, !0)
+            z(S.$slots, "default", {}, void 0, !0)
           ])) : F("", !0),
           e.label ? (h(), D("span", f7, ne(e.label), 1)) : F("", !0),
           u.value ? (h(), D("span", v7, [
-            H(S.$slots, "description", {}, () => [
+            z(S.$slots, "description", {}, () => [
               de(ne(e.description), 1)
             ], !0)
           ])) : F("", !0)
@@ -21282,7 +21282,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           ]
         }, [
           R("span", w7, [
-            H(i.$slots, "content", {}, () => [
+            z(i.$slots, "content", {}, () => [
               de(ne(e.item.label), 1)
             ], !0)
           ])
@@ -21338,7 +21338,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         onSelected: i
       }, {
         content: O(() => [
-          H(f.$slots, "content", { item: g }, void 0, !0)
+          z(f.$slots, "content", { item: g }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["item", "onArrowDown", "onArrowUp"]))), 128)),
@@ -21359,7 +21359,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           onSelected: i
         }, {
           content: O(() => [
-            H(f.$slots, "content", { item: k }, void 0, !0)
+            z(f.$slots, "content", { item: k }, void 0, !0)
           ]),
           _: 2
         }, 1032, ["item", "onArrowDown", "onArrowUp"]))), 128))
@@ -21510,34 +21510,34 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
   },
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(e, { emit: t }) {
-    Rt((U) => ({
-      "78fe71c2": ae.value,
-      c4523bfc: x.value,
-      "24b78ea0": I.value
+    Rt((W) => ({
+      34154625: ae.value,
+      c348ea88: x.value,
+      "0151edea": I.value
     }));
     const { getSizeFromString: a, stripRequiredLabel: n } = xt(), r = e, i = t, s = Kt(), l = Mt(), o = E(!1), u = E(), c = b(() => {
-      var U;
-      return !!((U = r.labelAttributes) != null && U.info || l["label-tooltip"]);
+      var W;
+      return !!((W = r.labelAttributes) != null && W.info || l["label-tooltip"]);
     }), d = b(() => s.required !== void 0 && String(s.required) !== "false"), f = b(() => s.disabled !== void 0 && String(s.disabled) !== "false"), v = b(() => s.readonly !== void 0 && String(s.readonly) !== "false"), g = b(() => !!(l["dropdown-footer-text"] || r.dropdownFooterText)), k = {
       popoverClasses: `select-popover ${g.value ? `has-${r.dropdownFooterTextPosition}-dropdown-footer` : ""}`,
       popoverTimeout: 0,
       placement: "bottom-start",
       hideCaret: !0
     }, S = E(0), m = E(null), y = E(null), w = b(() => n(r.label, d.value)), C = E(""), $ = b(() => {
-      var U, fe;
-      return !(!C.value || (fe = (U = Y.value) == null ? void 0 : U.filter((we) => we.label === C.value)) != null && fe.length);
-    }), M = yt(), P = E(null), Y = E([]), V = E(!1), W = E(), q = E(), B = b({
+      var W, fe;
+      return !(!C.value || (fe = (W = Y.value) == null ? void 0 : W.filter((we) => we.label === C.value)) != null && fe.length);
+    }), M = yt(), P = E(null), Y = E([]), V = E(!1), U = E(), q = E(), B = b({
       get() {
         return r.modelValue;
       },
-      set(U) {
+      set(W) {
         var we;
-        const fe = (we = Y.value) == null ? void 0 : we.filter((Ie) => Ie.value === U);
-        fe != null && fe.length ? Ce(fe[0]) : U || Ee();
+        const fe = (we = Y.value) == null ? void 0 : we.filter((Ie) => Ie.value === W);
+        fe != null && fe.length ? Ce(fe[0]) : W || Ee();
       }
     }), x = b(() => a(r.width || "100%")), I = E(""), N = b(() => {
-      const U = { ...s };
-      return delete U.class, U;
+      const W = { ...s };
+      return delete W.class, W;
     }), j = b(() => ({
       ...k,
       ...r.kpopAttributes,
@@ -21546,109 +21546,109 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       maxWidth: String(I.value),
       disabled: f.value || v.value
     })), ae = b(() => a(r.dropdownMaxHeight)), J = b(() => ({ ...j.value })), ee = b(() => r.placeholder || s.placeholder || "Select..."), _ = b(() => !f.value && r.clearable && !!P.value), se = b(() => !!(P.value && (l["selected-item-template"] || r.reuseItemTemplate && l["item-template"]))), oe = b(() => {
-      let U = [];
-      !r.enableFiltering || r.filterFunction({ query: C.value, items: Y.value }) === !0 ? U = Y.value : U = r.filterFunction({ query: C.value, items: Y.value });
-      const fe = U.filter((Ie) => !Ie.group), we = U.filter((Ie) => Ie.group).sort((Ie, $e) => Ie.group.toLowerCase().localeCompare($e.group.toLowerCase()));
+      let W = [];
+      !r.enableFiltering || r.filterFunction({ query: C.value, items: Y.value }) === !0 ? W = Y.value : W = r.filterFunction({ query: C.value, items: Y.value });
+      const fe = W.filter((Ie) => !Ie.group), we = W.filter((Ie) => Ie.group).sort((Ie, $e) => Ie.group.toLowerCase().localeCompare($e.group.toLowerCase()));
       return [...fe, ...we];
-    }), ke = (U) => {
+    }), ke = (W) => {
       if (!r.enableFiltering)
-        return U.preventDefault(), !1;
+        return W.preventDefault(), !1;
     }, be = () => {
       var we, Ie;
       if (!r.enableItemCreation || !C.value || !$.value)
         return;
-      const U = (((we = Y.value) == null ? void 0 : we.length) || 0) + 1, fe = {
+      const W = (((we = Y.value) == null ? void 0 : we.length) || 0) + 1, fe = {
         label: lo(C.value),
         value: yt(),
-        key: `${(Ie = lo(C.value).replace(/ /gi, "-")) == null ? void 0 : Ie.replace(/[^a-z0-9-_]/gi, "")}-${U}`,
+        key: `${(Ie = lo(C.value).replace(/ /gi, "-")) == null ? void 0 : Ie.replace(/[^a-z0-9-_]/gi, "")}-${W}`,
         custom: !0
       };
       i("item-added", fe), Ce(fe, !0), C.value = "";
-    }, Ce = (U, fe) => {
+    }, Ce = (W, fe) => {
       var we, Ie;
-      fe && ((we = Y.value) == null || we.push(U)), (Ie = Y.value) == null || Ie.forEach(($e, tt) => {
+      fe && ((we = Y.value) == null || we.push(W)), (Ie = Y.value) == null || Ie.forEach(($e, tt) => {
         var vt, X, Oe;
-        $e.key === U.key ? ($e.selected = !0, $e.key = (vt = $e == null ? void 0 : $e.key) != null && vt.includes("-selected") ? $e.key : `${$e.key}-selected`, P.value = $e) : $e.selected ? ($e.selected = !1, $e.key = (X = $e == null ? void 0 : $e.key) == null ? void 0 : X.replace(/-selected/gi, ""), $e.custom && ((Oe = Y.value) == null || Oe.splice(tt, 1), i("item-removed", $e))) : $e.selected = !1;
-      }), C.value = U.label;
+        $e.key === W.key ? ($e.selected = !0, $e.key = (vt = $e == null ? void 0 : $e.key) != null && vt.includes("-selected") ? $e.key : `${$e.key}-selected`, P.value = $e) : $e.selected ? ($e.selected = !1, $e.key = (X = $e == null ? void 0 : $e.key) == null ? void 0 : X.replace(/-selected/gi, ""), $e.custom && ((Oe = Y.value) == null || Oe.splice(tt, 1), i("item-removed", $e))) : $e.selected = !1;
+      }), C.value = W.label;
     }, Ee = () => {
-      var U;
-      (U = Y.value) == null || U.forEach((fe, we) => {
+      var W;
+      (W = Y.value) == null || W.forEach((fe, we) => {
         var Ie, $e;
         fe.selected = !1, fe.key = (Ie = fe == null ? void 0 : fe.key) == null ? void 0 : Ie.replace(/-selected/gi, ""), fe.custom && (($e = Y.value) == null || $e.splice(we, 1), i("item-removed", fe));
       }), P.value = null, C.value = "", i("input", null), i("change", null), i("update:modelValue", null);
-    }, Le = E(null), Ye = (U, fe) => {
+    }, Le = E(null), Ye = (W, fe) => {
       var Ie, $e;
-      if (U.keyCode === 27) {
+      if (W.keyCode === 27) {
         fe.value = !1;
         return;
       }
       const we = (Ie = q.value) == null ? void 0 : Ie.children[0];
-      !fe.value && we && we.click(), (U.code === "ArrowDown" || U.code === "ArrowUp") && fe.value && (($e = Le.value) == null || $e.setFocus());
-    }, We = (U) => {
-      C.value !== U && (C.value = U);
+      !fe.value && we && we.click(), (W.code === "ArrowDown" || W.code === "ArrowUp") && fe.value && (($e = Le.value) == null || $e.setFocus());
+    }, We = (W) => {
+      C.value !== W && (C.value = W);
     }, at = () => {
       V.value = !0, i("query-change", C.value);
     }, Ve = () => {
       V.value = !1;
     }, Qe = () => {
-      var U, fe, we;
-      r.enableFiltering || (we = (fe = (U = m.value) == null ? void 0 : U.$el) == null ? void 0 : fe.querySelector("input")) == null || we.blur();
-    }, Je = (U) => {
+      var W, fe, we;
+      r.enableFiltering || (we = (fe = (W = m.value) == null ? void 0 : W.$el) == null ? void 0 : fe.querySelector("input")) == null || we.blur();
+    }, Je = (W) => {
       var fe;
-      (f.value || ((fe = U == null ? void 0 : U.target) == null ? void 0 : fe.dataset.propagateClicks) === "false") && U.stopPropagation();
-    }, et = (U) => {
-      U();
-    }, Q = (U, fe) => {
-      o.value = !1, P.value && (C.value = P.value.label), fe && U();
-    }, te = (U) => {
-      o.value = !0, r.enableFiltering && (C.value = ""), U();
+      (f.value || ((fe = W == null ? void 0 : W.target) == null ? void 0 : fe.dataset.propagateClicks) === "false") && W.stopPropagation();
+    }, et = (W) => {
+      W();
+    }, Q = (W, fe) => {
+      o.value = !1, P.value && (C.value = P.value.label), fe && W();
+    }, te = (W) => {
+      o.value = !0, r.enableFiltering && (C.value = ""), W();
     }, me = () => {
-      var U, fe, we, Ie, $e;
+      var W, fe, we, Ie, $e;
       if (!s.id) {
-        const tt = (we = (fe = (U = m.value) == null ? void 0 : U.$el) == null ? void 0 : fe.querySelector("input")) == null ? void 0 : we.id;
+        const tt = (we = (fe = (W = m.value) == null ? void 0 : W.$el) == null ? void 0 : fe.querySelector("input")) == null ? void 0 : we.id;
         tt && (($e = (Ie = y.value) == null ? void 0 : Ie.$el) == null || $e.setAttribute("for", tt));
       }
     };
-    return ve(B, (U, fe) => {
+    return ve(B, (W, fe) => {
       var we;
-      if (U !== fe) {
-        const Ie = (we = Y.value) == null ? void 0 : we.filter(($e) => $e.value === U);
-        Ie != null && Ie.length ? Ce(Ie[0]) : U || Ee();
+      if (W !== fe) {
+        const Ie = (we = Y.value) == null ? void 0 : we.filter(($e) => $e.value === W);
+        Ie != null && Ie.length ? Ce(Ie[0]) : W || Ee();
       }
-    }), ve(() => r.items, (U, fe) => {
+    }), ve(() => r.items, (W, fe) => {
       var we, Ie, $e, tt, vt;
-      if (JSON.stringify(U) !== JSON.stringify(fe)) {
+      if (JSON.stringify(W) !== JSON.stringify(fe)) {
         Y.value = JSON.parse(JSON.stringify(r.items)), (we = Y.value) != null && we.length && (P.value = null);
         for (let X = 0; X < ((Ie = Y.value) == null ? void 0 : Ie.length); X++) {
           Y.value[X].selected === void 0 && (Y.value[X].selected = !1);
           let Oe = `${(tt = ($e = Y.value[X].label) == null ? void 0 : $e.replace(/ /gi, "-")) == null ? void 0 : tt.replace(/[^a-z0-9-_]/gi, "")}-${X}`;
           Oe.includes("undefined") && (Oe = `select-item-label-${X}`), Y.value[X].key = Oe, (Y.value[X].value === r.modelValue || Y.value[X].selected) && (Y.value[X].selected = !0, P.value = Y.value[X], Y.value[X].key += "-selected", V.value || (C.value = P.value.label)), ((vt = P.value) == null ? void 0 : vt.value) === Y.value[X].value && (Y.value[X].selected = !0);
         }
-        W.value && typeof W.value.updatePopper == "function" && ht(() => {
-          W.value.updatePopper();
+        U.value && typeof U.value.updatePopper == "function" && ht(() => {
+          U.value.updatePopper();
         });
       }
-    }, { deep: !0, immediate: !0 }), ve(C, (U) => {
-      i("query-change", U);
-    }), ve(P, (U, fe) => {
-      U && U !== fe && (i("selected", U), i("input", U.value), i("change", U), i("update:modelValue", U.value));
+    }, { deep: !0, immediate: !0 }), ve(C, (W) => {
+      i("query-change", W);
+    }), ve(P, (W, fe) => {
+      W && W !== fe && (i("selected", W), i("input", W.value), i("change", W), i("update:modelValue", W.value));
     }, { deep: !0 }), ve(() => s.id, async () => {
       S.value++, await ht(), me();
     }, { immediate: !0 }), ot(() => {
       q.value && (u.value = Nn.create(() => {
-        var U;
-        I.value = `${(U = q.value) == null ? void 0 : U.offsetWidth}px`;
-      }), u.value.observe(q.value)), me(), Wr(document, "keydown", (U) => {
+        var W;
+        I.value = `${(W = q.value) == null ? void 0 : W.offsetWidth}px`;
+      }), u.value.observe(q.value)), me(), Wr(document, "keydown", (W) => {
         var fe, we;
-        !r.enableFiltering && ((fe = document.activeElement) == null ? void 0 : fe.tagName) === "BODY" && !V.value && o.value && (U.code === "ArrowDown" || U.code === "ArrowUp") && (U.preventDefault(), (we = Le.value) == null || we.setFocus());
+        !r.enableFiltering && ((fe = document.activeElement) == null ? void 0 : fe.tagName) === "BODY" && !V.value && o.value && (W.code === "ArrowDown" || W.code === "ArrowUp") && (W.preventDefault(), (we = Le.value) == null || we.setFocus());
       });
     }), ea(() => {
-      var U;
-      q.value && ((U = u.value) == null || U.unobserve(q.value));
-    }), (U, fe) => {
+      var W;
+      q.value && ((W = u.value) == null || W.unobserve(q.value));
+    }), (W, fe) => {
       const we = Yt("bind-once");
       return h(), D("div", {
-        class: ue(["k-select", [U.$attrs.class]])
+        class: ue(["k-select", [W.$attrs.class]])
       }, [
         e.label ? (h(), G(hn, He({
           key: 0,
@@ -21656,7 +21656,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           ref: y
         }, e.labelAttributes, {
           "data-testid": "select-label",
-          for: U.$attrs.id ? String(U.$attrs.id) : void 0,
+          for: W.$attrs.id ? String(W.$attrs.id) : void 0,
           required: d.value
         }), mt({
           default: O(() => [
@@ -21667,7 +21667,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           c.value ? {
             name: "tooltip",
             fn: O(() => [
-              H(U.$slots, "label-tooltip", {}, void 0, !0)
+              z(W.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -21676,7 +21676,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           default: O(({ toggle: Ie, isToggled: $e }) => [
             K(pr, He({
               ref_key: "popperElement",
-              ref: W
+              ref: U
             }, J.value, {
               "close-on-popover-click": "",
               "hide-close-icon": "",
@@ -21689,7 +21689,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                   "aria-live": e.enableFiltering ? "polite" : "off"
                 }, [
                   e.enableFiltering && e.loading ? (h(), D("div", x7, [
-                    H(U.$slots, "loading", {}, () => [
+                    z(W.$slots, "loading", {}, () => [
                       K(T(ri), {
                         class: "loading-icon",
                         title: "Loading"
@@ -21703,18 +21703,18 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                       onSelected: Ce
                     }, {
                       content: O(({ item: tt }) => [
-                        H(U.$slots, "item-template", {
+                        z(W.$slots, "item-template", {
                           class: "select-item-label select-item-desc",
                           item: tt
                         }, void 0, !0)
                       ]),
                       _: 3
                     }, 8, ["items"]),
-                    !oe.value.length && !U.$slots.empty && !e.enableItemCreation ? (h(), G(uo, {
+                    !oe.value.length && !W.$slots.empty && !e.enableItemCreation ? (h(), G(uo, {
                       key: 0,
                       item: { label: "No results", value: "no_results", disabled: !0 }
                     })) : F("", !0),
-                    !oe.value.length && $.value && !U.$slots.empty && e.enableItemCreation ? (h(), G(uo, {
+                    !oe.value.length && $.value && !W.$slots.empty && e.enableItemCreation ? (h(), G(uo, {
                       key: "select-add-item",
                       class: "select-add-item",
                       "data-testid": "select-add-item",
@@ -21730,17 +21730,17 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                       _: 1
                     }, 8, ["item"])) : F("", !0),
                     g.value && e.dropdownFooterTextPosition === "static" ? (h(), D("div", M7, [
-                      H(U.$slots, "dropdown-footer-text", {}, () => [
+                      z(W.$slots, "dropdown-footer-text", {}, () => [
                         de(ne(e.dropdownFooterText), 1)
                       ], !0)
                     ])) : F("", !0)
                   ])),
-                  !e.loading && !oe.value.length && U.$slots.empty ? (h(), D("div", E7, [
-                    H(U.$slots, "empty", {}, void 0, !0)
+                  !e.loading && !oe.value.length && W.$slots.empty ? (h(), D("div", E7, [
+                    z(W.$slots, "empty", {}, void 0, !0)
                   ])) : F("", !0)
                 ], 8, D7),
                 g.value && e.dropdownFooterTextPosition === "sticky" ? (h(), D("div", I7, [
-                  H(U.$slots, "dropdown-footer-text", {}, () => [
+                  z(W.$slots, "dropdown-footer-text", {}, () => [
                     de(ne(e.dropdownFooterText), 1)
                   ], !0)
                 ])) : F("", !0)
@@ -21797,12 +21797,19 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                     ]),
                     _: 2
                   }, [
-                    U.$slots["label-tooltip"] ? {
-                      name: "label-tooltip",
+                    T(l).before ? {
+                      name: "before",
                       fn: O(() => [
-                        H(U.$slots, "label-tooltip", {}, void 0, !0)
+                        z(W.$slots, "before", {}, void 0, !0)
                       ]),
                       key: "0"
+                    } : void 0,
+                    W.$slots["label-tooltip"] ? {
+                      name: "label-tooltip",
+                      fn: O(() => [
+                        z(W.$slots, "label-tooltip", {}, void 0, !0)
+                      ]),
+                      key: "1"
                     } : void 0
                   ]), 1040, ["class", "disabled", "error", "model-value", "placeholder", "readonly", "onKeyup"])),
                   K(ia, { name: "kongponents-fade-transition" }, {
@@ -21811,8 +21818,8 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
                         key: 0,
                         class: ue(["custom-selected-item-wrapper", { clearable: e.clearable }])
                       }, [
-                        H(U.$slots, "selected-item-template", { item: P.value }, () => [
-                          H(U.$slots, "item-template", { item: P.value }, void 0, !0)
+                        z(W.$slots, "selected-item-template", { item: P.value }, () => [
+                          z(W.$slots, "item-template", { item: P.value }, void 0, !0)
                         ], !0)
                       ], 2)) : F("", !0)
                     ]),
@@ -21834,7 +21841,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       ], 2);
     };
   }
-}), P7 = /* @__PURE__ */ Me(O7, [["__scopeId", "data-v-9bd7f8e9"]]), N7 = { class: "k-slideout" }, B7 = { class: "slideout-header" }, L7 = {
+}), P7 = /* @__PURE__ */ Me(O7, [["__scopeId", "data-v-c2fafe2e"]]), N7 = { class: "k-slideout" }, B7 = { class: "slideout-header" }, L7 = {
   key: 0,
   class: "slideout-title",
   "data-testid": "slideout-title"
@@ -21930,7 +21937,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
           }, [
             R("div", B7, [
               e.title || u.$slots.title ? (h(), D("div", L7, [
-                H(u.$slots, "title", {}, () => [
+                z(u.$slots, "title", {}, () => [
                   de(ne(e.title), 1)
                 ], !0)
               ])) : F("", !0),
@@ -21948,7 +21955,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
               ])
             ]),
             R("div", _7, [
-              H(u.$slots, "default", {}, void 0, !0)
+              z(u.$slots, "default", {}, void 0, !0)
             ])
           ], 512)) : F("", !0)
         ]),
@@ -22465,7 +22472,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       sortColumnKey: "",
       sortColumnOrder: "desc",
       offset: null
-    }, v = E([]), g = E(), k = E([]), S = E([]), m = E(""), y = E(""), w = E(""), C = b(() => k.value.filter((re) => re.hidable).length > 0), $ = b(() => !!(C.value && !l.error && !Tt.value && !l.loading && v.value && v.value.length)), M = b(() => k.value.filter((re) => re.hidable)), P = b(() => $.value ? l.tablePreferences.columnVisibility || {} : {}), Y = E($.value ? l.tablePreferences.columnVisibility || {} : {}), V = E(0), W = E(!1), q = E(1), B = E(15), x = E(""), I = E(""), N = E("desc"), j = E(null), ae = E([]), J = E(!0), ee = E(!1), _ = E(!1), se = b(() => !!c.toolbar || $.value), oe = b(() => ({
+    }, v = E([]), g = E(), k = E([]), S = E([]), m = E(""), y = E(""), w = E(""), C = b(() => k.value.filter((re) => re.hidable).length > 0), $ = b(() => !!(C.value && !l.error && !Tt.value && !l.loading && v.value && v.value.length)), M = b(() => k.value.filter((re) => re.hidable)), P = b(() => $.value ? l.tablePreferences.columnVisibility || {} : {}), Y = E($.value ? l.tablePreferences.columnVisibility || {} : {}), V = E(0), U = E(!1), q = E(1), B = E(15), x = E(""), I = E(""), N = E("desc"), j = E(null), ae = E([]), J = E(!0), ee = E(!1), _ = E(!1), se = b(() => !!c.toolbar || $.value), oe = b(() => ({
       maxHeight: s(l.maxHeight)
     })), ke = (re) => `column-${re}`, be = (re) => `tooltip-${re}`, Ce = (re) => re, Ee = (re, ye) => (Ue, Se) => {
       const dt = /^on[^a-z]/, Ke = {};
@@ -22526,7 +22533,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
       // display active sorting styles if column is currently sorted
       "active-sort": l.sortable && !re.hideLabel && !!re.sortable && re.key === I.value,
       [N.value]: l.sortable && re.key === I.value && !re.hideLabel,
-      "is-scrolled": W.value,
+      "is-scrolled": U.value,
       "has-tooltip": !!re.tooltip
     }), Ve = b(() => m.value ? "resizing" : y.value ? "resize-hover" : w.value ? "th-hover" : ""), Qe = b(() => {
       switch (Ve.value) {
@@ -22582,7 +22589,7 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         offset: j.value
       });
       return v.value = ye.data, V.value = l.paginationTotalItems || ye.total || ((Ue = ye.data) == null ? void 0 : Ue.length), l.paginationOffset && ((Se = ye.pagination) != null && Se.offset ? (we.value = ye.pagination.offset, ae.value[q.value] || ae.value.push(ye.pagination.offset)) : we.value = null, J.value = ye.pagination && "hasNextPage" in ye.pagination ? ye.pagination.hasNextPage : !0), v.value.length === 0 && q.value > 1 && (q.value = 1, ae.value = [null], j.value = null), te.value = !1, ye;
-    }, U = () => {
+    }, W = () => {
       const re = {
         ...f,
         ...l.initialFetcherParams
@@ -22614,12 +22621,12 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
         sortColumnOrder: N.value,
         data: v.value
       }) : i(ye, Se, N.value, v.value) : l.paginationOffset || pe(), xe();
-    }, z = ({ page: re }) => {
+    }, H = ({ page: re }) => {
       q.value = re;
     }, L = ({ pageSize: re }) => {
       ae.value = [null], j.value = null, B.value = re, q.value = 1, xe();
     }, le = (re) => {
-      re && re.target && typeof re.target.scrollTop == "number" && (re.target.scrollTop > 1 ? W.value = !0 : re.target.scrollTop === 0 && (W.value = !W.value));
+      re && re.target && typeof re.target.scrollTop == "number" && (re.target.scrollTop > 1 ? U.value = !0 : re.target.scrollTop === 0 && (U.value = !U.value));
     }, ge = b(() => ({
       pageSize: B.value,
       sortColumnKey: I.value,
@@ -22670,12 +22677,12 @@ const YP = { "data-testid": "multiselect-container" }, FP = ["tabindex"], zP = {
     }, { immediate: !0 }), ot(() => {
       console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
-Docs: https://kongponents.konghq.com/components/table-data.html`), U();
+Docs: https://kongponents.konghq.com/components/table-data.html`), W();
     }), (re, ye) => {
       const Ue = Yt("bind-once");
       return h(), D("div", Q7, [
         se.value ? (h(), D("div", Z7, [
-          H(re.$slots, "toolbar", { state: Ot.value }, void 0, !0),
+          z(re.$slots, "toolbar", { state: Ot.value }, void 0, !0),
           $.value ? (h(), D("div", X7, [
             K(Wp, {
               columns: M.value,
@@ -22690,7 +22697,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
           "data-testid": "table-skeleton",
           type: "table"
         })) : e.error ? (h(), D("div", J7, [
-          H(re.$slots, "error-state", {}, () => [
+          z(re.$slots, "error-state", {}, () => [
             K(An, {
               "icon-variant": "error",
               message: e.errorStateMessage,
@@ -22715,7 +22722,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
             ]), 1032, ["message", "title"])
           ], !0)
         ])) : !e.error && !Tt.value && !e.loading && !Ya.value && v.value && !v.value.length ? (h(), D("div", e9, [
-          H(re.$slots, "empty-state", {}, () => [
+          z(re.$slots, "empty-state", {}, () => [
             K(An, {
               "icon-variant": e.emptyStateIconVariant,
               message: e.emptyStateMessage,
@@ -22731,7 +22738,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
                     onClick: ye[2] || (ye[2] = (Se) => re.$emit("empty-state-action-click"))
                   }, {
                     default: O(() => [
-                      H(re.$slots, "empty-state-action-icon", {}, void 0, !0),
+                      z(re.$slots, "empty-state-action-icon", {}, void 0, !0),
                       de(" " + ne(e.emptyStateActionMessage), 1)
                     ]),
                     _: 3
@@ -22754,12 +22761,12 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
               }])
             }, [
               R("thead", {
-                class: ue({ "is-scrolled": W.value })
+                class: ue({ "is-scrolled": U.value })
               }, [
                 R("tr", {
                   ref_key: "headerRow",
                   ref: g,
-                  class: ue({ "is-scrolled": W.value })
+                  class: ue({ "is-scrolled": U.value })
                 }, [
                   (h(!0), D(De, null, Be(S.value, (Se, dt) => (h(), D("th", {
                     key: `table-${T(d)}-headers-${dt}`,
@@ -22791,7 +22798,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
                       "aria-describedby": Se.tooltip || re.$slots[be(Se.key)] ? `${be(Se.key)}-${T(d)}` : void 0,
                       class: ue(["table-headers-container", { resized: m.value === Se.key }])
                     }, [
-                      H(re.$slots, ke(Se.key), {
+                      z(re.$slots, ke(Se.key), {
                         column: Ce(Se)
                       }, () => [
                         R("span", {
@@ -22806,7 +22813,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
                         "tooltip-id": `${be(Se.key)}-${T(d)}`
                       }, {
                         content: O(() => [
-                          H(re.$slots, be(Se.key), {
+                          z(re.$slots, be(Se.key), {
                             column: Ce(Se)
                           }, () => [
                             de(ne(Se.tooltip), 1)
@@ -22853,7 +22860,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
                     },
                     style: We.value[Ke.key]
                   }, go(Le.value(Se[Ke.key], Se), !0)), [
-                    H(re.$slots, Ke.key, {
+                    z(re.$slots, Ke.key, {
                       row: Ce(Se),
                       rowKey: dt,
                       rowValue: Se[Ke.key]
@@ -22882,7 +22889,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
             "total-count": V.value,
             onGetNextOffset: rt,
             onGetPreviousOffset: st,
-            onPageChange: z,
+            onPageChange: H,
             onPageSizeChange: L
           }, null, 8, ["current-page", "disable-page-jump", "initial-page-size", "neighbors", "offset", "offset-next-button-disabled", "offset-previous-button-disabled", "page-sizes", "total-count"])) : F("", !0)
         ]))
@@ -22949,7 +22956,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
               Ct(qe((d) => c.disabled ? void 0 : i(c.hash), ["prevent"]), ["space"])
             ]
           }, [
-            H(o.$slots, `${s(c.hash)}-anchor`, {}, () => [
+            z(o.$slots, `${s(c.hash)}-anchor`, {}, () => [
               R("span", null, ne(c.title), 1)
             ], !0)
           ], 42, f9)
@@ -22962,7 +22969,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
         class: "tab-container",
         role: "tabpanel"
       }, [
-        r.value === c.hash ? H(o.$slots, s(c.hash), { key: 0 }, void 0, !0) : F("", !0)
+        r.value === c.hash ? z(o.$slots, s(c.hash), { key: 0 }, void 0, !0) : F("", !0)
       ], 8, v9))), 128))
     ]));
   }
@@ -23076,7 +23083,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), U();
           c.value ? {
             name: "tooltip",
             fn: O(() => [
-              H(C.$slots, "label-tooltip", {}, void 0, !0)
+              z(C.$slots, "label-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -24074,8 +24081,8 @@ Re.prototype = /** @lends Sortable.prototype */
           return m(), a.insertBefore(he, $), wt = a, w(), y(!0);
       } else if (n.parentNode === a) {
         i = At(n);
-        var M = 0, P, Y = he.parentNode !== a, V = !W9(he.animated && he.toRect || r, n.animated && n.toRect || i, v), W = v ? "top" : "left", q = ef(n, "top", "top") || ef(he, "top", "top"), B = q ? q.scrollTop : void 0;
-        Wn !== n && (P = i[W], Gr = !1, ki = !V && l.invertSwap || Y), M = Z9(t, n, i, v, V ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, ki, Wn === n);
+        var M = 0, P, Y = he.parentNode !== a, V = !W9(he.animated && he.toRect || r, n.animated && n.toRect || i, v), U = v ? "top" : "left", q = ef(n, "top", "top") || ef(he, "top", "top"), B = q ? q.scrollTop : void 0;
+        Wn !== n && (P = i[U], Gr = !1, ki = !V && l.invertSwap || Y), M = Z9(t, n, i, v, V ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, ki, Wn === n);
         var x;
         if (M !== 0) {
           var I = ua(he);
@@ -24090,7 +24097,7 @@ Re.prototype = /** @lends Sortable.prototype */
         j = M === 1;
         var ae = Si(gt, a, he, r, n, i, t, j);
         if (ae !== !1)
-          return (ae === 1 || ae === -1) && (j = ae === 1), hl = !0, setTimeout(j9, 30), m(), j && !N ? a.appendChild(he) : n.parentNode.insertBefore(he, j ? N : n), q && Qp(q, 0, B - q.scrollTop), wt = he.parentNode, P !== void 0 && !ki && (Pi = Math.abs(P - At(n)[W])), w(), y(!0);
+          return (ae === 1 || ae === -1) && (j = ae === 1), hl = !0, setTimeout(j9, 30), m(), j && !N ? a.appendChild(he) : n.parentNode.insertBefore(he, j ? N : n), q && Qp(q, 0, B - q.scrollTop), wt = he.parentNode, P !== void 0 && !ki && (Pi = Math.abs(P - At(n)[U])), w(), y(!0);
       }
       if (a.contains(he))
         return y(!1);
@@ -24420,9 +24427,9 @@ var ps = Gp(function(e, t, a, n) {
     ml !== a && (ml = a, Bi(), _r = t.scroll, c = t.scrollFn, _r === !0 && (_r = cn(a, !0)));
     var d = 0, f = _r;
     do {
-      var v = f, g = At(v), k = g.top, S = g.bottom, m = g.left, y = g.right, w = g.width, C = g.height, $ = void 0, M = void 0, P = v.scrollWidth, Y = v.scrollHeight, V = _e(v), W = v.scrollLeft, q = v.scrollTop;
+      var v = f, g = At(v), k = g.top, S = g.bottom, m = g.left, y = g.right, w = g.width, C = g.height, $ = void 0, M = void 0, P = v.scrollWidth, Y = v.scrollHeight, V = _e(v), U = v.scrollLeft, q = v.scrollTop;
       v === o ? ($ = w < P && (V.overflowX === "auto" || V.overflowX === "scroll" || V.overflowX === "visible"), M = C < Y && (V.overflowY === "auto" || V.overflowY === "scroll" || V.overflowY === "visible")) : ($ = w < P && (V.overflowX === "auto" || V.overflowX === "scroll"), M = C < Y && (V.overflowY === "auto" || V.overflowY === "scroll"));
-      var B = $ && (Math.abs(y - r) <= s && W + w < P) - (Math.abs(m - r) <= s && !!W), x = M && (Math.abs(S - i) <= s && q + C < Y) - (Math.abs(k - i) <= s && !!q);
+      var B = $ && (Math.abs(y - r) <= s && U + w < P) - (Math.abs(m - r) <= s && !!U), x = M && (Math.abs(S - i) <= s && q + C < Y) - (Math.abs(k - i) <= s && !!q);
       if (!Dt[d])
         for (var I = 0; I <= d; I++)
           Dt[I] || (Dt[I] = {});
@@ -24813,12 +24820,12 @@ const vN = {
       onClick: qe(s, ["prevent"])
     }, [
       i.value ? (h(), D("div", gN, [
-        H(l.$slots, "item-icon", {}, () => [
+        z(l.$slots, "item-icon", {}, () => [
           K(T(vg), { decorative: "" })
         ], !0)
       ])) : F("", !0),
       R("div", mN, [
-        H(l.$slots, "item-label", {}, () => [
+        z(l.$slots, "item-label", {}, () => [
           de(ne(e.item.name), 1)
         ], !0)
       ])
@@ -24890,10 +24897,10 @@ const vN = {
     }, f = (y) => {
       n("selected", y);
     }, v = b(() => a.level > a.maxDepth - 1), g = (y) => {
-      var P, Y, V, W;
+      var P, Y, V, U;
       const w = ((Y = (P = y.relatedContext) == null ? void 0 : P.component) == null ? void 0 : Y.$attrs.level) || 0, C = (V = y.draggedContext) == null ? void 0 : V.element;
       let $ = 0;
-      return (W = C.children) != null && W.length && ($ = bu(C)), !(w + $ > a.maxDepth - 1);
+      return (U = C.children) != null && U.length && ($ = bu(C)), !(w + $ > a.maxDepth - 1);
     }, k = (y) => {
       var $, M;
       const w = ((M = ($ = y.item) == null ? void 0 : $._underlying_vm_) == null ? void 0 : M.id) || "", C = i.value.find((P) => P.id === w);
@@ -24942,7 +24949,7 @@ const vN = {
               onSelected: f
             }, mt({
               "item-label": O(() => [
-                H(y.$slots, "item-label", { item: $ }, () => [
+                z(y.$slots, "item-label", { item: $ }, () => [
                   de(ne($.name), 1)
                 ], !0)
               ]),
@@ -24951,7 +24958,7 @@ const vN = {
               y.$slots["item-icon"] ? {
                 name: "item-icon",
                 fn: O(() => [
-                  H(y.$slots, "item-icon", { item: $ }, void 0, !0)
+                  z(y.$slots, "item-icon", { item: $ }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
@@ -24969,14 +24976,14 @@ const vN = {
               onSelected: f
             }, mt({
               "item-label": O(({ item: M }) => [
-                H(y.$slots, "item-label", { item: M }, void 0, !0)
+                z(y.$slots, "item-label", { item: M }, void 0, !0)
               ]),
               _: 2
             }, [
               y.$slots["item-icon"] ? {
                 name: "item-icon",
                 fn: O(({ item: M }) => [
-                  H(y.$slots, "item-icon", { item: M }, void 0, !0)
+                  z(y.$slots, "item-icon", { item: M }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
@@ -25083,14 +25090,14 @@ const vN = {
         onSelected: o
       }, mt({
         "item-label": O(({ item: v }) => [
-          H(d.$slots, "item-label", { item: v })
+          z(d.$slots, "item-label", { item: v })
         ]),
         _: 2
       }, [
         d.$slots["item-icon"] ? {
           name: "item-icon",
           fn: O(({ item: v }) => [
-            H(d.$slots, "item-icon", { item: v })
+            z(d.$slots, "item-icon", { item: v })
           ]),
           key: "0"
         } : void 0
@@ -25125,7 +25132,7 @@ const vN = {
       rel: "noopener",
       target: "_blank"
     }, [
-      H(n.$slots, "default", {}, void 0, !0),
+      z(n.$slots, "default", {}, void 0, !0),
       e.hideIcon ? F("", !0) : (h(), G(T(Jh), {
         key: 0,
         decorative: "",
@@ -25213,7 +25220,7 @@ const vN = {
       }, [
         !e.truncateText && r.value ? (h(), D("div", AN, [
           n.value ? F("", !0) : (h(), D("div", MN, [
-            H(m.$slots, "expand-trigger", {
+            z(m.$slots, "expand-trigger", {
               expand: k,
               truncatedCount: d.value
             }, () => [
@@ -25231,9 +25238,9 @@ const vN = {
           ref: s,
           class: "truncate-container"
         }, [
-          H(m.$slots, "default", {}, void 0, !0),
+          z(m.$slots, "default", {}, void 0, !0),
           !e.truncateText && n.value ? (h(), D("div", IN, [
-            H(m.$slots, "collapse-trigger", { collapse: k }, () => [
+            z(m.$slots, "collapse-trigger", { collapse: k }, () => [
               R("button", {
                 "aria-label": "Collapse content",
                 class: "collapse-trigger",
@@ -25255,7 +25262,7 @@ const vN = {
           class: "truncate-collapse-controls"
         }, [
           n.value ? F("", !0) : (h(), D("div", ON, [
-            H(m.$slots, "expand-trigger", { expand: k }, () => [
+            z(m.$slots, "expand-trigger", { expand: k }, () => [
               K(w, {
                 appearance: "tertiary",
                 size: "small",
@@ -25269,7 +25276,7 @@ const vN = {
             ], !0)
           ])),
           n.value ? (h(), D("div", PN, [
-            H(m.$slots, "collapse-trigger", { collapse: k }, () => [
+            z(m.$slots, "collapse-trigger", { collapse: k }, () => [
               K(w, {
                 appearance: "tertiary",
                 size: "small",
@@ -25486,7 +25493,7 @@ const vN = {
       "kpop-attributes": { placement: "bottom-end" }
     }, {
       items: O(() => [
-        H(t.$slots, "items", {}, void 0, !0)
+        z(t.$slots, "items", {}, void 0, !0)
       ]),
       default: O(() => [
         K(ka, {
@@ -25585,26 +25592,26 @@ const vN = {
     Rt((p) => ({
       "056ae94d": Je.value
     }));
-    const a = e, n = t, r = Kt(), i = Mt(), s = yt(), { getSizeFromString: l } = xt(), o = (p) => typeof a.rowKey == "function" && typeof a.rowKey(p) == "string" ? a.rowKey(p) : typeof a.rowKey == "string" && a.rowKey in p && typeof p[a.rowKey] == "string" ? p[a.rowKey] : "", u = E(), c = E([]), d = E([]), f = E(""), v = E(""), g = E(""), k = b(() => c.value.filter((p) => p.hidable).length > 0), S = b(() => a.nested || !k.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), m = b(() => a.loading || !(a.data && a.data.length)), y = b(() => c.value.filter((p) => p.hidable && p.key !== Ze.EXPANDABLE && p.key !== Ze.BULK_ACTIONS)), w = b(() => S.value ? a.tablePreferences.columnVisibility || {} : {}), C = E(S.value ? a.tablePreferences.columnVisibility || {} : {}), $ = E(!1), M = E(!1), P = E(""), Y = E("desc"), V = E(!1), W = b(() => !a.hideToolbar && !a.nested && (!!i.toolbar || S.value || j.value)), q = E(!1), B = b(() => ({
+    const a = e, n = t, r = Kt(), i = Mt(), s = yt(), { getSizeFromString: l } = xt(), o = (p) => typeof a.rowKey == "function" && typeof a.rowKey(p) == "string" ? a.rowKey(p) : typeof a.rowKey == "string" && a.rowKey in p && typeof p[a.rowKey] == "string" ? p[a.rowKey] : "", u = E(), c = E([]), d = E([]), f = E(""), v = E(""), g = E(""), k = b(() => c.value.filter((p) => p.hidable).length > 0), S = b(() => a.nested || !k.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), m = b(() => a.loading || !(a.data && a.data.length)), y = b(() => c.value.filter((p) => p.hidable && p.key !== Ze.EXPANDABLE && p.key !== Ze.BULK_ACTIONS)), w = b(() => S.value ? a.tablePreferences.columnVisibility || {} : {}), C = E(S.value ? a.tablePreferences.columnVisibility || {} : {}), $ = E(!1), M = E(!1), P = E(""), Y = E("desc"), V = E(!1), U = b(() => !a.hideToolbar && !a.nested && (!!i.toolbar || S.value || j.value)), q = E(!1), B = b(() => ({
       maxHeight: l(a.maxHeight)
     })), x = E([]), I = b(() => !a.nested && !a.error && c.value.some((p) => p.key === Ze.BULK_ACTIONS) && !!(i["bulk-action-items"] || i["bulk-actions"]) && !!a.data.every((p) => o(p))), N = E([]), j = b(() => a.nested || !I.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), ae = b(() => {
       const p = x.value.length;
       return p ? p > 100 ? "99+" : String(p) : "";
-    }), J = E(/* @__PURE__ */ new WeakMap()), ee = (p) => `column-${p}`, _ = (p) => `tooltip-${p}`, se = (p) => p, oe = (p, A) => (z, L) => {
+    }), J = E(/* @__PURE__ */ new WeakMap()), ee = (p) => `column-${p}`, _ = (p) => `tooltip-${p}`, se = (p) => p, oe = (p, A) => (H, L) => {
       const le = /^on[^a-z]/, ge = {};
       for (const xe in A)
         le.test(xe) && A[xe] && (ge[xe] = A[xe]);
       return Object.keys(ge).reduce((xe, rt) => {
         if (rt.indexOf(p) === 0) {
           const st = rt.split(p);
-          xe[st[1]] = (St) => ge[rt](St, z, L);
+          xe[st[1]] = (St) => ge[rt](St, H, L);
         }
         return xe;
       }, {});
     }, ke = b(() => (p, A) => {
-      const z = oe("onRow:", r)(A, "row"), L = oe("onCell:", r)(p, "cell"), le = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
-      return (z.click || L.click) && (V.value = !0), {
-        ...z,
+      const H = oe("onRow:", r)(A, "row"), L = oe("onCell:", r)(p, "cell"), le = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
+      return (H.click || L.click) && (V.value = !0), {
+        ...H,
         ...L,
         click(ge) {
           const xe = ge.target.className;
@@ -25615,14 +25622,14 @@ const vN = {
               rt = !0;
               break;
             }
-          if ((!rt || ge.target.hasAttribute("disabled")) && !st && (z.click || L.click))
+          if ((!rt || ge.target.hasAttribute("disabled")) && !st && (H.click || L.click))
             if (L.click) {
               n("cell-click", { data: p });
               const St = L.click(ge, p, "cell");
               typeof St == "function" && St(ge, p);
             } else {
               n("row-click", { data: A });
-              const St = z.click(ge, A, "row");
+              const St = H.click(ge, A, "row");
               typeof St == "function" && St(ge, A);
             }
         }
@@ -25632,11 +25639,11 @@ const vN = {
       for (const A in Ee.value) {
         if (!Ee.value[A])
           continue;
-        const z = Ee.value[A] + "px";
+        const H = Ee.value[A] + "px";
         p[A] = {
-          width: z,
-          maxWidth: z,
-          minWidth: z
+          width: H,
+          maxWidth: H,
+          minWidth: H
         };
       }
       return p;
@@ -25677,36 +25684,36 @@ const vN = {
       var A;
       const p = (A = Qe.value) == null ? void 0 : A.item(0);
       if (p) {
-        const z = window == null ? void 0 : window.getComputedStyle(p);
-        if (z != null && z.height)
-          return `${parseInt(z.height, 10)}px`;
+        const H = window == null ? void 0 : window.getComputedStyle(p);
+        if (H != null && H.height)
+          return `${parseInt(H.height, 10)}px`;
       }
       return "auto";
     }), et = (p, A) => {
       var rt;
       if (p.button !== 0)
         return;
-      let z = 0, L = 0;
+      let H = 0, L = 0;
       f.value = A;
       let le = null;
       (rt = Qe.value) == null || rt.forEach((st) => {
         st.getAttribute("data-testid") === `table-header-${A}` && (le = document == null ? void 0 : document.querySelector(`[data-tableid="${s}"] [data-testid="table-header-${A}"]`));
       });
       const ge = (st) => {
-        const St = st.clientX - z;
+        const St = st.clientX - H;
         le == null || le.setAttribute("style", `width: ${L + St}px`), Ee.value[A] = L + St;
       }, xe = () => {
         f.value = "", document == null || document.removeEventListener("mousemove", ge), document == null || document.removeEventListener("mouseup", xe), Oe(), Pe.value && Tt();
       };
-      if (z = p.clientX, le) {
+      if (H = p.clientX, le) {
         const st = window == null ? void 0 : window.getComputedStyle(le);
         st != null && st.width && (L = parseInt(st.width, 10)), document == null || document.addEventListener("mousemove", ge), document == null || document.addEventListener("mouseup", xe);
       }
     }, Q = b(() => !(a.hidePagination || a.nested || a.hidePaginationWhenOptional && a.data.length && a.paginationAttributes.totalCount && a.paginationAttributes.totalCount <= a.data.length));
     ve(() => a.headers, (p) => {
       if (p && p.length) {
-        const A = p.filter((le) => le.key !== Ze.BULK_ACTIONS && le.key !== Ze.ACTIONS), z = p.find((le) => le.key === Ze.BULK_ACTIONS), L = p.find((le) => le.key === Ze.ACTIONS);
-        z && A.unshift(z), L && A.push(L), c.value = A;
+        const A = p.filter((le) => le.key !== Ze.BULK_ACTIONS && le.key !== Ze.ACTIONS), H = p.find((le) => le.key === Ze.BULK_ACTIONS), L = p.find((le) => le.key === Ze.ACTIONS);
+        H && A.unshift(H), L && A.push(L), c.value = A;
       }
     }, { deep: !0, immediate: !0 });
     const te = (p) => {
@@ -25714,7 +25721,7 @@ const vN = {
       P.value && A === P.value ? Y.value === "asc" ? Y.value = "desc" : Y.value = "asc" : (P.value = A, Y.value = "asc"), Oe();
     }, me = (p) => {
       p && p.target && (typeof p.target.scrollTop == "number" || typeof p.target.scrollLeft == "number") && (p.target.scrollTop > 1 ? $.value = !0 : p.target.scrollTop === 0 && ($.value = !1), p.target.scrollLeft > 1 ? M.value = !0 : p.target.scrollLeft === 0 && (M.value = !1));
-    }, U = (p) => N.value.find((A) => A.rowKey === o(p)), fe = (p) => {
+    }, W = (p) => N.value.find((A) => A.rowKey === o(p)), fe = (p) => {
       if (typeof a.rowBulkActionEnabled != "function")
         return !1;
       const A = a.rowBulkActionEnabled(p);
@@ -25725,15 +25732,15 @@ const vN = {
       const A = a.rowBulkActionEnabled(p);
       return typeof A == "boolean" ? "" : A.disabledTooltip || "";
     }, Ie = (p, A) => {
-      const { to: z } = a.rowLink(p);
-      return !z || A === Ze.BULK_ACTIONS || A === Ze.ACTIONS ? "div" : typeof z == "object" ? "router-link" : "a";
+      const { to: H } = a.rowLink(p);
+      return !H || A === Ze.BULK_ACTIONS || A === Ze.ACTIONS ? "div" : typeof H == "object" ? "router-link" : "a";
     }, $e = (p, A) => {
       if (A === Ze.BULK_ACTIONS || A === Ze.ACTIONS)
         return {};
-      const { to: z, target: L } = a.rowLink(p), le = z && typeof z == "object", ge = z && typeof z == "string";
+      const { to: H, target: L } = a.rowLink(p), le = H && typeof H == "object", ge = H && typeof H == "string";
       return {
-        ...le && { to: z },
-        ...ge && { href: z },
+        ...le && { to: H },
+        ...ge && { href: H },
         ...(le || ge) && {
           ...L && { target: L }
         }
@@ -25749,34 +25756,34 @@ const vN = {
     })), Oe = () => {
       n("update:table-preferences", X.value);
     }, Pe = b(() => !a.nested && a.data.some((p) => a.rowExpandable(p))), je = { key: Ze.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, nt = E([]), Et = async (p, A) => {
-      Tt(), await ht(), nt.value.includes(p) ? nt.value = nt.value.filter((z) => z !== p) : (nt.value = [...nt.value, p], n("row-expand", A));
+      Tt(), await ht(), nt.value.includes(p) ? nt.value = nt.value.filter((H) => H !== p) : (nt.value = [...nt.value, p], n("row-expand", A));
     }, la = b(() => d.value.filter((p) => p.key !== Ze.EXPANDABLE && p.key !== Ze.BULK_ACTIONS)), Bt = E({}), Tt = () => {
-      const p = document == null ? void 0 : document.querySelector(`[data-tableid="${s}"]`), A = p == null ? void 0 : p.querySelectorAll("th"), z = {};
+      const p = document == null ? void 0 : document.querySelector(`[data-tableid="${s}"]`), A = p == null ? void 0 : p.querySelectorAll("th"), H = {};
       A == null || A.forEach((L, le) => {
         const ge = L.getAttribute("data-key");
         if (ge === Ze.EXPANDABLE)
           return;
         let xe = L.getBoundingClientRect().width;
-        le === 1 && (xe += be), le === A.length - 1 && (xe -= 15), z[ge] = xe;
-      }), Bt.value = z;
+        le === 1 && (xe += be), le === A.length - 1 && (xe -= 15), H[ge] = xe;
+      }), Bt.value = H;
     };
     ve([C, c, Pe], (p) => {
-      const [A, z, L] = p;
-      let le = z.filter((ge) => ge.key === Ze.BULK_ACTIONS ? I.value : A[ge.key] !== !1);
+      const [A, H, L] = p;
+      let le = H.filter((ge) => ge.key === Ze.BULK_ACTIONS ? I.value : A[ge.key] !== !1);
       le.find((ge) => ge.key === Ze.EXPANDABLE) && (le = le.filter((ge) => ge.key !== Ze.EXPANDABLE)), L && le.unshift(je), JSON.stringify(le) !== JSON.stringify(d.value) && (d.value = le, Oe()), L && Tt();
     }, { deep: !0, immediate: !0 }), ve(S, (p) => {
       p && (C.value = a.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
     const Ot = E(!1), ce = b(() => {
-      const p = N.value.filter((A) => !A.disabled && a.data.find((z) => o(z) === A.rowKey));
+      const p = N.value.filter((A) => !A.disabled && a.data.find((H) => o(H) === A.rowKey));
       return !!p.filter((A) => A.selected).length && !!p.filter((A) => !A.selected).length;
     }), pe = (p) => {
       N.value.forEach((A) => {
-        a.data.find((z) => o(z) === A.rowKey) && !A.disabled && (A.selected = p);
+        a.data.find((H) => o(H) === A.rowKey) && !A.disabled && (A.selected = p);
       });
     };
     return ve([() => a.data, N], (p) => {
-      const [A, z] = p;
+      const [A, H] = p;
       if (A.forEach((L) => {
         if (!J.value.get(L)) {
           const le = o(L) || yt();
@@ -25784,16 +25791,16 @@ const vN = {
         }
       }), I.value) {
         A.forEach((xe) => {
-          U(xe) || N.value.push({
+          W(xe) || N.value.push({
             rowKey: o(xe),
             selected: !1,
             disabled: !fe(xe)
           });
         });
-        const L = z.filter((xe) => !xe.disabled && A.find((rt) => o(rt) === xe.rowKey));
+        const L = H.filter((xe) => !xe.disabled && A.find((rt) => o(rt) === xe.rowKey));
         L.filter((xe) => xe.selected).length === L.length ? Ot.value = !0 : (L.filter((xe) => !xe.selected).length, L.length, Ot.value = !1);
         const le = A.filter((xe) => {
-          const rt = z.find((st) => st.rowKey === o(xe));
+          const rt = H.find((st) => st.rowKey === o(xe));
           return !!(rt && rt.selected);
         }), ge = [];
         x.value.forEach((xe) => {
@@ -25806,14 +25813,14 @@ const vN = {
     }), ve(() => a.tablePreferences, (p) => {
       p != null && p.columnWidths && (Ee.value = p.columnWidths);
     }), (p, A) => {
-      const z = Yt("bind-once");
+      const H = Yt("bind-once");
       return h(), D("div", {
         class: ue(["k-table-view", { "hide-headers": p.hideHeaders }])
       }, [
-        W.value ? (h(), D("div", WN, [
-          H(p.$slots, "toolbar", {}, void 0, !0),
+        U.value ? (h(), D("div", WN, [
+          z(p.$slots, "toolbar", {}, void 0, !0),
           j.value || S.value ? (h(), D("div", UN, [
-            j.value ? H(p.$slots, "bulk-actions", {
+            j.value ? z(p.$slots, "bulk-actions", {
               key: 0,
               selectedRows: x.value
             }, () => [
@@ -25824,7 +25831,7 @@ const vN = {
                 disabled: !ae.value || p.loading || !p.data.length
               }, {
                 items: O(() => [
-                  H(p.$slots, "bulk-action-items", { selectedRows: x.value }, void 0, !0)
+                  z(p.$slots, "bulk-action-items", { selectedRows: x.value }, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["button-label", "count", "disabled"]))
@@ -25844,7 +25851,7 @@ const vN = {
           "data-testid": "table-skeleton",
           type: "table"
         })) : p.error ? (h(), D("div", KN, [
-          H(p.$slots, "error-state", {}, () => [
+          z(p.$slots, "error-state", {}, () => [
             K(An, {
               "icon-variant": "error",
               message: p.errorStateMessage,
@@ -25869,7 +25876,7 @@ const vN = {
             ]), 1032, ["message", "title"])
           ], !0)
         ])) : !p.error && !p.loading && p.data && !p.data.length ? (h(), D("div", VN, [
-          H(p.$slots, "empty-state", {}, () => [
+          z(p.$slots, "empty-state", {}, () => [
             K(An, {
               "icon-variant": p.emptyStateIconVariant,
               message: p.emptyStateMessage,
@@ -25885,7 +25892,7 @@ const vN = {
                     onClick: A[2] || (A[2] = (L) => p.$emit("empty-state-action-click"))
                   }, {
                     default: O(() => [
-                      H(p.$slots, "empty-state-action-icon", {}, void 0, !0),
+                      z(p.$slots, "empty-state-action-icon", {}, void 0, !0),
                       de(" " + ne(p.emptyStateActionMessage), 1)
                     ]),
                     _: 3
@@ -25940,7 +25947,7 @@ const vN = {
                       "aria-describedby": L.tooltip || p.$slots[_(L.key)] ? `${_(L.key)}-${T(s)}` : void 0,
                       class: ue(["table-headers-container", { resized: f.value === L.key }])
                     }, [
-                      L.key !== T(Ze).BULK_ACTIONS ? H(p.$slots, ee(L.key), {
+                      L.key !== T(Ze).BULK_ACTIONS ? z(p.$slots, ee(L.key), {
                         key: 0,
                         column: se(L)
                       }, () => [
@@ -25967,7 +25974,7 @@ const vN = {
                         "tooltip-id": `${_(L.key)}-${T(s)}`
                       }, {
                         content: O(() => [
-                          H(p.$slots, _(L.key), {
+                          z(p.$slots, _(L.key), {
                             column: se(L)
                           }, () => [
                             de(ne(L.tooltip), 1)
@@ -26027,14 +26034,14 @@ const vN = {
                         ref_for: !0
                       }, $e(L, ge.key)), {
                         default: O(() => [
-                          ge.key !== T(Ze).BULK_ACTIONS && ge.key !== T(Ze).ACTIONS ? H(p.$slots, ge.key, {
+                          ge.key !== T(Ze).BULK_ACTIONS && ge.key !== T(Ze).ACTIONS ? z(p.$slots, ge.key, {
                             key: 0,
                             row: se(L),
                             rowKey: le,
                             rowValue: L[ge.key]
                           }, () => [
                             de(ne(L[ge.key]), 1)
-                          ], !0) : ge.key === T(Ze).BULK_ACTIONS && U(L) ? (h(), G(ka, {
+                          ], !0) : ge.key === T(Ze).BULK_ACTIONS && W(L) ? (h(), G(ka, {
                             key: 1,
                             "max-width": "200",
                             placement: "bottom-start",
@@ -26042,8 +26049,8 @@ const vN = {
                           }, {
                             default: O(() => [
                               K(zi, {
-                                modelValue: U(L).selected,
-                                "onUpdate:modelValue": (rt) => U(L).selected = rt,
+                                modelValue: W(L).selected,
+                                "onUpdate:modelValue": (rt) => W(L).selected = rt,
                                 "aria-label": "Toggle row selection",
                                 class: "bulk-actions-checkbox",
                                 "data-testid": "bulk-actions-checkbox",
@@ -26058,7 +26065,7 @@ const vN = {
                             "kpop-attributes": { placement: "bottom-end" }
                           }, {
                             items: O(() => [
-                              H(p.$slots, "action-items", {
+                              z(p.$slots, "action-items", {
                                 row: se(L)
                               }, void 0, !0)
                             ]),
@@ -26111,7 +26118,7 @@ const vN = {
                       colspan: d.value.length
                     }, [
                       R("div", i6, [
-                        H(p.$slots, "row-expanded", {
+                        z(p.$slots, "row-expanded", {
                           columnWidths: Bt.value,
                           nestedHeaders: la.value,
                           row: se(L)
@@ -26124,7 +26131,7 @@ const vN = {
                 ], 64))), 128))
               ])
             ], 2)), [
-              [z, { "data-tableid": T(s) }]
+              [H, { "data-tableid": T(s) }]
             ])
           ], 36),
           Q.value ? (h(), G(Do, He({
@@ -26198,7 +26205,7 @@ const vN = {
       currentPage: g.value,
       offsetPreviousButtonDisabled: !N.value,
       offsetNextButtonDisabled: !j.value || !$.value
-    })), V = b(() => n ? Object.keys(n).filter((X) => X.startsWith("column-")) : []), W = b(() => n ? Object.keys(n).filter((X) => X.startsWith("tooltip-")) : []), q = b(() => n ? Object.keys(n).filter((X) => d.value.some((Oe) => Oe.key === X)) : []), B = E(!0), x = async () => {
+    })), V = b(() => n ? Object.keys(n).filter((X) => X.startsWith("column-")) : []), U = b(() => n ? Object.keys(n).filter((X) => X.startsWith("tooltip-")) : []), q = b(() => n ? Object.keys(n).filter((X) => d.value.some((Oe) => Oe.key === X)) : []), B = E(!0), x = async () => {
       var Oe, Pe, je, nt;
       const X = await a.fetcher({
         pageSize: k.value,
@@ -26247,7 +26254,7 @@ const vN = {
       g.value = X;
     }, me = ({ pageSize: X }) => {
       C.value = [null], w.value = null, k.value = X, g.value = 1, we();
-    }, U = E({}), fe = b(() => ({ pageSize: k.value, ...U.value })), we = () => {
+    }, W = E({}), fe = b(() => ({ pageSize: k.value, ...W.value })), we = () => {
       Ve.value === "success" && o("update:table-preferences", fe.value);
     }, Ie = () => {
       g.value++, w.value = j.value;
@@ -26332,66 +26339,66 @@ const vN = {
       onRowExpand: Oe[2] || (Oe[2] = (Pe) => o("row-expand", Pe)),
       onRowSelect: Oe[3] || (Oe[3] = (Pe) => o("row-select", Pe)),
       onSort: Q,
-      "onUpdate:tablePreferences": Oe[4] || (Oe[4] = (Pe) => U.value = Pe)
+      "onUpdate:tablePreferences": Oe[4] || (Oe[4] = (Pe) => W.value = Pe)
     }, mt({ _: 2 }, [
       X.$slots.toolbar && !X.hideToolbar ? {
         name: "toolbar",
         fn: O(() => [
-          H(X.$slots, "toolbar", { state: at.value })
+          z(X.$slots, "toolbar", { state: at.value })
         ]),
         key: "0"
       } : void 0,
       X.$slots["bulk-actions"] ? {
         name: "bulk-actions",
         fn: O(({ selectedRows: Pe }) => [
-          H(X.$slots, "bulk-actions", { selectedRows: Pe })
+          z(X.$slots, "bulk-actions", { selectedRows: Pe })
         ]),
         key: "1"
       } : void 0,
       X.$slots["bulk-action-items"] ? {
         name: "bulk-action-items",
         fn: O(({ selectedRows: Pe }) => [
-          H(X.$slots, "bulk-action-items", { selectedRows: Pe })
+          z(X.$slots, "bulk-action-items", { selectedRows: Pe })
         ]),
         key: "2"
       } : void 0,
       X.$slots["error-state"] ? {
         name: "error-state",
         fn: O(() => [
-          H(X.$slots, "error-state")
+          z(X.$slots, "error-state")
         ]),
         key: "3"
       } : void 0,
       X.$slots["empty-state"] ? {
         name: "empty-state",
         fn: O(() => [
-          H(X.$slots, "empty-state")
+          z(X.$slots, "empty-state")
         ]),
         key: "4"
       } : void 0,
       X.$slots["empty-state-action-icon"] ? {
         name: "empty-state-action-icon",
         fn: O(() => [
-          H(X.$slots, "empty-state-action-icon")
+          z(X.$slots, "empty-state-action-icon")
         ]),
         key: "5"
       } : void 0,
       Be(V.value, (Pe) => ({
         name: Pe,
         fn: O(({ column: je }) => [
-          H(X.$slots, Pe, { column: je })
+          z(X.$slots, Pe, { column: je })
         ])
       })),
-      Be(W.value, (Pe) => ({
+      Be(U.value, (Pe) => ({
         name: Pe,
         fn: O(({ column: je }) => [
-          H(X.$slots, Pe, { column: je })
+          z(X.$slots, Pe, { column: je })
         ])
       })),
       Be(q.value, (Pe) => ({
         name: Pe,
         fn: O(({ row: je, rowKey: nt, rowValue: Et }) => [
-          H(X.$slots, Pe, {
+          z(X.$slots, Pe, {
             row: je,
             rowKey: nt,
             rowValue: Et
@@ -26401,14 +26408,14 @@ const vN = {
       X.$slots["action-items"] ? {
         name: "action-items",
         fn: O(({ row: Pe }) => [
-          H(X.$slots, "action-items", { row: Pe })
+          z(X.$slots, "action-items", { row: Pe })
         ]),
         key: "6"
       } : void 0,
       X.$slots["row-expanded"] ? {
         name: "row-expanded",
         fn: O(({ columnWidths: Pe, nestedHeaders: je, row: nt }) => [
-          H(X.$slots, "row-expanded", {
+          z(X.$slots, "row-expanded", {
             columnWidths: Pe,
             nestedHeaders: je,
             row: nt