@central-design-system/components 3.10.5 → 3.10.7

package/dist/cds.es.js

@@ -1,7 +1,7 @@
 var yh = Object.defineProperty;
 var ph = (e, t, n) => t in e ? yh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Io = (e, t, n) => ph(e, typeof t != "symbol" ? t + "" : t, n);
-import { reactive as ht, computed as p, watchEffect as it, toRefs as dn, isVNode as Rn, Comment as wc, Fragment as ze, getCurrentInstance as xs, isRef as hr, unref as o, toRef as st, shallowRef as ke, camelize as Ya, warn as $s, inject as Ye, nextTick as Ue, resolveDynamicComponent as Wt, defineComponent as $, watch as te, onScopeDispose as Gt, effectScope as Ga, ref as B, toRaw as Pt, onBeforeUnmount as dt, provide as tt, onBeforeMount as Es, onMounted as ft, TransitionGroup as Is, Transition as _n, h as g, mergeProps as Ge, readonly as Ds, onBeforeUpdate as bh, onUnmounted as Co, createElementBlock as be, openBlock as G, normalizeClass as _t, createBlock as Fe, createCommentVNode as ge, renderSlot as me, resolveComponent as Pe, withCtx as $e, createElementVNode as at, renderList as kn, toDisplayString as ct, createTextVNode as zn, createVNode as pt, normalizeProps as ro, guardReactiveProps as so, withDirectives as Ut, vShow as xn, Teleport as kh, createSlots as No, withModifiers as qa, normalizeStyle as Sc, withKeys as _c, onUpdated as Uo, Text as Ch, onActivated as wh, vModelText as Sh, cloneVNode as xc } from "vue";
+import { reactive as ht, computed as p, watchEffect as it, toRefs as dn, isVNode as Rn, Comment as wc, Fragment as ze, getCurrentInstance as xs, isRef as hr, unref as o, toRef as st, shallowRef as ke, camelize as Ya, warn as $s, inject as Ye, nextTick as Ue, resolveDynamicComponent as Wt, defineComponent as x, watch as te, onScopeDispose as Gt, effectScope as Ga, ref as B, toRaw as Pt, onBeforeUnmount as dt, provide as tt, onBeforeMount as Es, onMounted as ft, TransitionGroup as Is, Transition as _n, h as g, mergeProps as Ge, readonly as Ds, onBeforeUpdate as bh, onUnmounted as Co, createElementBlock as be, openBlock as G, normalizeClass as _t, createBlock as Fe, createCommentVNode as ge, renderSlot as me, resolveComponent as Pe, withCtx as $e, createElementVNode as at, renderList as kn, toDisplayString as ct, createTextVNode as zn, createVNode as pt, normalizeProps as ro, guardReactiveProps as so, withDirectives as Ut, vShow as xn, Teleport as kh, createSlots as No, withModifiers as qa, normalizeStyle as Sc, withKeys as _c, onUpdated as Uo, Text as Ch, onActivated as wh, vModelText as Sh, cloneVNode as xc } from "vue";
 const Oe = typeof window != "undefined", Xa = Oe && "IntersectionObserver" in window, $c = Oe && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0), _h = Oe && typeof CSS != "undefined" && typeof CSS.supports != "undefined" && CSS.supports("selector(:focus-visible)");
 var Cc;
 const As = typeof process != "undefined" && ((Cc = process.env) == null ? void 0 : Cc.NODE_ENV) !== "production", On = "cds-scroll-blocked", pe = Object.freeze({
@@ -3630,136 +3630,136 @@ function wo(e, t) {
     handleClick: d
   };
 }
-$({ name: "IconAdd" });
-$({ name: "IconAdministrator" });
-$({ name: "IconAi" });
-$({ name: "IconAlertFill" });
-$({ name: "IconAlert" });
-$({ name: "IconAnalog" });
-$({ name: "IconArchiveFill" });
-$({ name: "IconArchive" });
-$({ name: "IconArrowDown" });
-$({ name: "IconArrowLeftBottom" });
-$({ name: "IconArrowLeftTop" });
-$({ name: "IconArrowLeft" });
-$({ name: "IconArrowRightBottom" });
-$({ name: "IconArrowRightTop" });
-$({ name: "IconArrowRight" });
-$({ name: "IconArrowUp" });
-$({ name: "IconArrowsVertical" });
-$({ name: "IconBold" });
-$({ name: "IconBookmarkFill" });
-$({ name: "IconBookmark" });
-$({ name: "IconCalendar" });
-$({ name: "IconCardBank" });
-$({ name: "IconCategory" });
-$({ name: "IconCheckFill" });
-$({ name: "IconCheck" });
-$({ name: "IconCheckboxFill" });
-$({ name: "IconCheckbox" });
-$({ name: "IconChevronDown" });
-$({ name: "IconChevronLeft" });
-$({ name: "IconChevronRight" });
-$({ name: "IconChevronUp" });
-$({ name: "IconChocholateMenu" });
-$({ name: "IconChocolateMenu" });
-$({ name: "IconClockFill" });
-$({ name: "IconClock" });
-$({ name: "IconCollapse" });
-$({ name: "IconComment" });
-$({ name: "IconCompany" });
-$({ name: "IconCompare" });
-$({ name: "IconCopy" });
-$({ name: "IconDataCards" });
-$({ name: "IconDelete" });
-$({ name: "IconDirectoryOpen" });
-$({ name: "IconDirectory" });
-$({ name: "IconDocDownload" });
-$({ name: "IconDoc" });
-$({ name: "IconDownload" });
-$({ name: "IconDraggable" });
-$({ name: "IconEdit" });
-$({ name: "IconEducation" });
-$({ name: "IconEnter" });
-$({ name: "IconErrorFill" });
-$({ name: "IconError" });
-$({ name: "IconExpand" });
-$({ name: "IconExternal" });
-$({ name: "IconFacebookFill" });
-$({ name: "IconFacebook" });
-$({ name: "IconFill" });
-$({ name: "IconFilters" });
-$({ name: "IconFlag" });
-$({ name: "IconFormat" });
-$({ name: "IconFormula" });
-$({ name: "IconFunnel" });
-$({ name: "IconGlobe" });
-$({ name: "IconHighlight" });
-$({ name: "IconInfinity" });
-$({ name: "IconInfoFill" });
-$({ name: "IconInfo" });
-$({ name: "IconInsert" });
-$({ name: "IconItalic" });
-$({ name: "IconLink" });
-$({ name: "IconListSearch" });
-$({ name: "IconList" });
-$({ name: "IconLoader" });
-$({ name: "IconLocation" });
-$({ name: "IconLocked" });
-$({ name: "IconLogin" });
-$({ name: "IconLogout" });
-$({ name: "IconMenu" });
-$({ name: "IconMinus" });
-$({ name: "IconMoon" });
-$({ name: "IconNotification" });
-$({ name: "IconOverflowMenuHorizontal" });
-$({ name: "IconOverflowMenuVertical" });
-$({ name: "IconPassword" });
-$({ name: "IconPin" });
-$({ name: "IconPlus" });
-$({ name: "IconPrinter" });
-$({ name: "IconQuestionFill" });
-$({ name: "IconQuestion" });
-$({ name: "IconRefresh" });
-$({ name: "IconRemove" });
-$({ name: "IconSandglass" });
-$({ name: "IconSave" });
-$({ name: "IconScaleLeft" });
-$({ name: "IconScaleRight" });
-$({ name: "IconSearch" });
-$({ name: "IconSettings" });
-$({ name: "IconShoppingCart" });
-$({ name: "IconSortDate" });
-$({ name: "IconSortingDown" });
-$({ name: "IconSortingUp" });
-$({ name: "IconSorting" });
-$({ name: "IconSource" });
-$({ name: "IconStarFill" });
-$({ name: "IconStar" });
-$({ name: "IconSun" });
-$({ name: "IconTabBackward" });
-$({ name: "IconTabForward" });
-$({ name: "IconTelegram" });
-$({ name: "IconThumbDownFill" });
-$({ name: "IconThumbDown" });
-$({ name: "IconThumbUpFill" });
-$({ name: "IconThumbUp" });
-$({ name: "IconTimer" });
-$({ name: "IconTool" });
-$({ name: "IconTruck" });
-$({ name: "IconUnderline" });
-$({ name: "IconUnlockedLeft" });
-$({ name: "IconUnlocked" });
-$({ name: "IconUpload" });
-$({ name: "IconUserAvatar" });
-$({ name: "IconUserGroup" });
-$({ name: "IconVisibilityOff" });
-$({ name: "IconVisibilityOn" });
-$({ name: "IconVk" });
-$({ name: "IconWhatsapp" });
-$({ name: "IconWinner" });
-$({ name: "IconWorkspace" });
-$({ name: "IconYoutube" });
+x({ name: "IconAdd" });
+x({ name: "IconAdministrator" });
+x({ name: "IconAi" });
+x({ name: "IconAlertFill" });
+x({ name: "IconAlert" });
+x({ name: "IconAnalog" });
+x({ name: "IconArchiveFill" });
+x({ name: "IconArchive" });
+x({ name: "IconArrowDown" });
+x({ name: "IconArrowLeftBottom" });
+x({ name: "IconArrowLeftTop" });
+x({ name: "IconArrowLeft" });
+x({ name: "IconArrowRightBottom" });
+x({ name: "IconArrowRightTop" });
+x({ name: "IconArrowRight" });
+x({ name: "IconArrowUp" });
+x({ name: "IconArrowsVertical" });
+x({ name: "IconBold" });
+x({ name: "IconBookmarkFill" });
+x({ name: "IconBookmark" });
+x({ name: "IconCalendar" });
+x({ name: "IconCardBank" });
+x({ name: "IconCategory" });
+x({ name: "IconCheckFill" });
+x({ name: "IconCheck" });
+x({ name: "IconCheckboxFill" });
+x({ name: "IconCheckbox" });
+x({ name: "IconChevronDown" });
+x({ name: "IconChevronLeft" });
+x({ name: "IconChevronRight" });
+x({ name: "IconChevronUp" });
+x({ name: "IconChocholateMenu" });
+x({ name: "IconChocolateMenu" });
+x({ name: "IconClockFill" });
+x({ name: "IconClock" });
+x({ name: "IconCollapse" });
+x({ name: "IconComment" });
+x({ name: "IconCompany" });
+x({ name: "IconCompare" });
+x({ name: "IconCopy" });
+x({ name: "IconDataCards" });
+x({ name: "IconDelete" });
+x({ name: "IconDirectoryOpen" });
+x({ name: "IconDirectory" });
+x({ name: "IconDocDownload" });
+x({ name: "IconDoc" });
+x({ name: "IconDownload" });
+x({ name: "IconDraggable" });
+x({ name: "IconEdit" });
+x({ name: "IconEducation" });
+x({ name: "IconEnter" });
+x({ name: "IconErrorFill" });
+x({ name: "IconError" });
+x({ name: "IconExpand" });
+x({ name: "IconExternal" });
+x({ name: "IconFacebookFill" });
+x({ name: "IconFacebook" });
+x({ name: "IconFill" });
+x({ name: "IconFilters" });
+x({ name: "IconFlag" });
+x({ name: "IconFormat" });
+x({ name: "IconFormula" });
+x({ name: "IconFunnel" });
+x({ name: "IconGlobe" });
+x({ name: "IconHighlight" });
+x({ name: "IconInfinity" });
+x({ name: "IconInfoFill" });
+x({ name: "IconInfo" });
+x({ name: "IconInsert" });
+x({ name: "IconItalic" });
+x({ name: "IconLink" });
+x({ name: "IconListSearch" });
+x({ name: "IconList" });
+x({ name: "IconLoader" });
+x({ name: "IconLocation" });
+x({ name: "IconLocked" });
+x({ name: "IconLogin" });
+x({ name: "IconLogout" });
+x({ name: "IconMenu" });
+x({ name: "IconMinus" });
+x({ name: "IconMoon" });
+x({ name: "IconNotification" });
+x({ name: "IconOverflowMenuHorizontal" });
+x({ name: "IconOverflowMenuVertical" });
+x({ name: "IconPassword" });
+x({ name: "IconPin" });
+x({ name: "IconPlus" });
+x({ name: "IconPrinter" });
+x({ name: "IconQuestionFill" });
+x({ name: "IconQuestion" });
+x({ name: "IconRefresh" });
+x({ name: "IconRemove" });
+x({ name: "IconSandglass" });
+x({ name: "IconSave" });
+x({ name: "IconScaleLeft" });
+x({ name: "IconScaleRight" });
+x({ name: "IconSearch" });
+x({ name: "IconSettings" });
+x({ name: "IconShoppingCart" });
+x({ name: "IconSortDate" });
+x({ name: "IconSortingDown" });
+x({ name: "IconSortingUp" });
+x({ name: "IconSorting" });
+x({ name: "IconSource" });
+x({ name: "IconStarFill" });
+x({ name: "IconStar" });
+x({ name: "IconSun" });
+x({ name: "IconTabBackward" });
+x({ name: "IconTabForward" });
+x({ name: "IconTelegram" });
+x({ name: "IconThumbDownFill" });
+x({ name: "IconThumbDown" });
+x({ name: "IconThumbUpFill" });
+x({ name: "IconThumbUp" });
+x({ name: "IconTimer" });
+x({ name: "IconTool" });
+x({ name: "IconTruck" });
+x({ name: "IconUnderline" });
+x({ name: "IconUnlockedLeft" });
+x({ name: "IconUnlocked" });
+x({ name: "IconUpload" });
+x({ name: "IconUserAvatar" });
+x({ name: "IconUserGroup" });
+x({ name: "IconVisibilityOff" });
+x({ name: "IconVisibilityOn" });
+x({ name: "IconVk" });
+x({ name: "IconWhatsapp" });
+x({ name: "IconWinner" });
+x({ name: "IconWorkspace" });
+x({ name: "IconYoutube" });
 const yt = [
   "add",
   "administrator",
@@ -4950,8 +4950,8 @@ function p0(e, t, n = fn()) {
     [`${et(t)}--disabled`]: h.value,
     [`${et(t)}--readonly`]: d.value
   })), b = p(() => {
-    var x;
-    return (x = e.name) != null ? x : o(n);
+    var $;
+    return ($ = e.name) != null ? $ : o(n);
   });
   Es(() => {
     s == null || s.register({
@@ -4971,10 +4971,10 @@ function p0(e, t, n = fn()) {
         if (r.value != null)
           _();
         else if (e.focused) {
-          const x = te(
+          const $ = te(
             () => e.focused,
             (E) => {
-              E || _(), x();
+              E || _(), $();
             }
           );
         }
@@ -4985,8 +4985,8 @@ function p0(e, t, n = fn()) {
     () => {
       te(
         () => e.focused,
-        (x) => {
-          x || _();
+        ($) => {
+          $ || _();
         }
       );
     }
@@ -5001,10 +5001,10 @@ function p0(e, t, n = fn()) {
   }
   async function _() {
     var E;
-    const x = [];
+    const $ = [];
     v.value = !0;
     for (const C of e.rules) {
-      if (x.length >= +((E = e.maxErrors) != null ? E : 1))
+      if ($.length >= +((E = e.maxErrors) != null ? E : 1))
         break;
       const D = await (typeof C == "function" ? C : () => C)(r.value);
       if (D !== !0) {
@@ -5015,10 +5015,10 @@ function p0(e, t, n = fn()) {
           );
           continue;
         }
-        x.push(D);
+        $.push(D);
       }
     }
-    return i.value = x, v.value = !1, l.value = !1, i.value;
+    return i.value = $, v.value = !1, l.value = !1, i.value;
   }
   return {
     errorMessages: f,
@@ -5443,7 +5443,7 @@ const C0 = ["xs", "sm", "md", "lg", "xl"], Mw = ["smUp", "smDown", "mdUp", "mdDo
 function w0(e, t) {
   const { thresholds: n, mobileBreakpoint: a } = S0(e), r = ke(ll(t)), s = ke(cl(t)), i = ke(dl(t)), l = ke(Oe ? window.innerWidth : 0), c = ke(Oe ? window.innerHeight : 0), h = ht({});
   it(() => {
-    const m = r.value < n.xs, v = r.value < n.md && !m, y = r.value < n.lg && !(v || m), b = r.value < n.xl && !(y || v || m), w = r.value >= n.xl, S = m ? "xs" : v ? "sm" : y ? "md" : b ? "lg" : "xl", k = typeof a == "number" ? a : n[a], _ = r.value < k;
+    const m = r.value < n.sm, v = r.value < n.md && !m, y = r.value < n.lg && !(v || m), b = r.value < n.xl && !(y || v || m), w = r.value >= n.xl, S = m ? "xs" : v ? "sm" : y ? "md" : b ? "lg" : "xl", k = typeof a == "number" ? a : n[a], _ = r.value < k;
     h.xs = m, h.sm = v, h.md = y, h.lg = b, h.xl = w, h.smUp = !m, h.mdUp = !(m || v), h.lgUp = !(m || v || y), h.xlUp = !(m || v || y || b), h.smDown = !(y || b || w), h.mdDown = !(b || w), h.lgDown = !w, h.name = S, h.height = s.value, h.width = r.value, h.mobile = _, h.mobileBreakpoint = a, h.platform = i.value, h.thresholds = n, h.screenWidth = l.value, h.screenHeight = c.value;
   }), Oe && (window.addEventListener("resize", d, { passive: !0 }), Gt(() => {
     window.removeEventListener("resize", d);
@@ -5701,9 +5701,9 @@ function I0(e, t, n) {
       if (typeof f == "object") {
         const S = s || Object.keys(f);
         for (const k of S) {
-          const _ = no(f, k, f), x = (h = n == null ? void 0 : n.customKeyFilter) == null ? void 0 : h[k];
-          if (y = x ? x(_, t, f) : r(_, t, f), y !== -1 && y !== !1)
-            x ? m[k] = y : v[k] = y;
+          const _ = no(f, k, f), $ = (h = n == null ? void 0 : n.customKeyFilter) == null ? void 0 : h[k];
+          if (y = $ ? $(_, t, f) : r(_, t, f), y !== -1 && y !== !1)
+            $ ? m[k] = y : v[k] = y;
           else if ((n == null ? void 0 : n.filterMode) === "every")
             continue e;
         }
@@ -6572,7 +6572,7 @@ function ru(e, t, n = "H") {
       C === "up" || A.top - D.top < 100 || o(s.height) - o(f) - A.top - o(l) < 300
     );
   }
-  function x({ height: C }) {
+  function $({ height: C }) {
     k(l, C), S("size", C);
   }
   te(
@@ -6605,7 +6605,7 @@ function ru(e, t, n = "H") {
     style: w,
     updateLocal: k,
     updateRevealed: _,
-    onResize: x
+    onResize: $
   };
 }
 const jo = Symbol.for("cds:theme"), nv = ["cds", "b2b", "dark", "promo"], su = ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"], Me = _e(
@@ -7169,7 +7169,7 @@ function yv(e, { isActive: t, isTop: n }) {
       r.value = Ko(o(S));
     });
   });
-  const k = B(), _ = p(() => e.target === "cursor" && m.value ? m.value : o(k) ? Ko(o(k)) : uu(e.target, a) || o(r)), x = p(() => Array.isArray(o(_)) ? void 0 : o(_));
+  const k = B(), _ = p(() => e.target === "cursor" && m.value ? m.value : o(k) ? Ko(o(k)) : uu(e.target, a) || o(r)), $ = p(() => Array.isArray(o(_)) ? void 0 : o(_));
   let E;
   return te(
     () => !!e.activator,
@@ -7181,7 +7181,7 @@ function yv(e, { isActive: t, isTop: n }) {
     { flush: "post", immediate: !0 }
   ), Gt(() => {
     E == null || E.stop();
-  }), { activatorEl: r, activatorRef: S, target: _, targetEl: x, targetRef: k, activatorEvents: y, contentEvents: b, scrimEvents: w };
+  }), { activatorEl: r, activatorRef: S, target: _, targetEl: $, targetRef: k, activatorEvents: y, contentEvents: b, scrimEvents: w };
 }
 function pv(e, t, { activatorEl: n, activatorEvents: a }) {
   te(
@@ -7497,7 +7497,7 @@ function _v(e, t, n) {
       }
       return O.x += F, O.y += L, O.width = Math.min(O.width, o(c)), O.height = Math.min(O.height, o(h)), { overflows: Yr(O, S), x: F, y: L };
     }
-    let x = 0, E = 0;
+    let $ = 0, E = 0;
     const C = { x: 0, y: 0 }, A = { x: !1, y: !1 };
     let D = -1;
     for (; ; ) {
@@ -7506,7 +7506,7 @@ function _v(e, t, n) {
         break;
       }
       const { x: N, y: O, overflows: M } = _(k);
-      x += N, E += O, b.x += N, b.y += O;
+      $ += N, E += O, b.x += N, b.y += O;
       {
         const I = Ur(k.anchor), F = M.x.before || M.x.after, L = M.y.before || M.y.after;
         let K = !1;
@@ -7519,10 +7519,10 @@ function _v(e, t, n) {
           }
         }), K) continue;
       }
-      M.x.before && (x += M.x.before, b.x += M.x.before), M.x.after && (x -= M.x.after, b.x -= M.x.after), M.y.before && (E += M.y.before, b.y += M.y.before), M.y.after && (E -= M.y.after, b.y -= M.y.after);
+      M.x.before && ($ += M.x.before, b.x += M.x.before), M.x.after && ($ -= M.x.after, b.x -= M.x.after), M.y.before && (E += M.y.before, b.y += M.y.before), M.y.after && (E -= M.y.after, b.y -= M.y.after);
       {
         const I = Yr(b, S);
-        C.x = S.width - I.x.before - I.x.after, C.y = S.height - I.y.before - I.y.after, x += I.x.before, b.x += I.x.before, E += I.y.before, b.y += I.y.before;
+        C.x = S.width - I.x.before - I.x.after, C.y = S.height - I.y.before - I.y.after, $ += I.x.before, b.x += I.x.before, E += I.y.before, b.y += I.y.before;
       }
       break;
     }
@@ -7533,7 +7533,7 @@ function _v(e, t, n) {
       "--cds-overlay-flipped-y": `${A.y ? 1 : 0}`,
       transformOrigin: `${k.origin.side} ${k.origin.align}`,
       top: We(bl(E)),
-      left: We(bl(x)),
+      left: We(bl($)),
       right: void 0,
       minWidth: We(P === "y" ? Math.min(o(i), y.width) : o(i)),
       maxWidth: We(
@@ -7884,7 +7884,7 @@ function Cl(e) {
   if (n && e in n)
     return n[e];
 }
-const kr = "CdsIcon", Kv = $({
+const kr = "CdsIcon", Kv = x({
   name: kr,
   props: {
     name: {
@@ -7929,7 +7929,7 @@ function zv(e, t, n, a, r, s) {
 }
 const lt = /* @__PURE__ */ ut(Kv, [["render", zv]]);
 function ln(e, t = "top center 0", n) {
-  return $({
+  return x({
     name: e,
     props: {
       group: Boolean,
@@ -7982,7 +7982,7 @@ function ln(e, t = "top center 0", n) {
   });
 }
 function yu(e, t, n = "in-out") {
-  return $({
+  return x({
     name: e,
     props: {
       mode: {
@@ -8033,7 +8033,7 @@ function pu(e = "", t = !1) {
     i.style.overflow = i._initialStyle.overflow, l != null && (i.style[n] = l), delete i._initialStyle;
   }
 }
-const Hv = $({
+const Hv = x({
   name: "CdsTransitionModal",
   props: {
     target: Object
@@ -8178,7 +8178,7 @@ const Vv = (e = "cds-motion-collapse", t = !0) => ({
   onAfterLeave: (n) => {
     n && (qr(n, e), n.style && (n.style.height = null, n.style.opacity = null));
   }
-}), bu = yu("expand-transition", pu()), jv = yu("expand-transition-x", pu("", !0)), os = ln("fade-transition"), Wv = ln("slide-transition-y"), Uv = ln("slide-transition-x"), Rw = ln("slide-transition-right"), Nw = ln("slide-transition-left"), Lw = ln("jump-transition-right"), Kw = ln("jump-transition-left"), zw = ln("scale-transition"), Hw = ln("modal-transition-bottom"), Vw = ln("modal-transition-top"), Yv = "CdsInputMessages", Gv = $({
+}), bu = yu("expand-transition", pu()), jv = yu("expand-transition-x", pu("", !0)), os = ln("fade-transition"), Wv = ln("slide-transition-y"), Uv = ln("slide-transition-x"), Rw = ln("slide-transition-right"), Nw = ln("slide-transition-left"), Lw = ln("jump-transition-right"), Kw = ln("jump-transition-left"), zw = ln("scale-transition"), Hw = ln("modal-transition-bottom"), Vw = ln("modal-transition-top"), Yv = "CdsInputMessages", Gv = x({
   name: Yv,
   components: { CdsTransition: kt },
   props: {
@@ -8228,7 +8228,7 @@ function qv(e, t, n, a, r, s) {
     _: 3
   }, 8, ["transition", "class"]);
 }
-const bi = /* @__PURE__ */ ut(Gv, [["render", qv]]), Fo = "CdsInput", cn = $({
+const bi = /* @__PURE__ */ ut(Gv, [["render", qv]]), Fo = "CdsInput", cn = x({
   name: Fo,
   props: {
     ...Rt(),
@@ -8262,7 +8262,7 @@ const bi = /* @__PURE__ */ ut(Gv, [["render", qv]]), Fo = "CdsInput", cn = $({
       validationClasses: k
     } = p0(e, Fo, r), _ = p(
       () => e.errorMessages.length ? e.errorMessages : o(c).length ? o(c) : e.messages
-    ), { hasAppend: x, hasPrepend: E, handleClickPrepend: C, handleClickAppend: A } = hn(e, t, Fo), { isFocused: D, focusClasses: P } = rn(e, Fo), N = p(
+    ), { hasAppend: $, hasPrepend: E, handleClickPrepend: C, handleClickAppend: A } = hn(e, t, Fo), { isFocused: D, focusClasses: P } = rn(e, Fo), N = p(
       () => {
         var I;
         return (!!o(_).length || !!t.messages || !!((I = e.messages) != null && I.length)) && !e.hideMessages;
@@ -8307,7 +8307,7 @@ const bi = /* @__PURE__ */ ut(Gv, [["render", qv]]), Fo = "CdsInput", cn = $({
               },
               (F = t.default) == null ? void 0 : F.call(t, o(M))
             ),
-            o(x) && g("div", { class: "cds-input__append", onClick: A }, [
+            o($) && g("div", { class: "cds-input__append", onClick: A }, [
               (L = t.append) == null ? void 0 : L.call(t),
               !!e.appendIcon && g(lt, { name: e.appendIcon })
             ]),
@@ -8344,7 +8344,7 @@ const bi = /* @__PURE__ */ ut(Gv, [["render", qv]]), Fo = "CdsInput", cn = $({
       validate: b
     }), {};
   }
-}), Xv = "CdsInputLabel", Zv = $({
+}), Xv = "CdsInputLabel", Zv = x({
   name: Xv,
   props: {
     ...wt(),
@@ -8373,7 +8373,7 @@ function Qv(e, t, n, a, r, s) {
     _: 3
   }, 8, ["class"]);
 }
-const Bt = /* @__PURE__ */ ut(Zv, [["render", Qv]]), eg = "CdsInputDescription", tg = $({
+const Bt = /* @__PURE__ */ ut(Zv, [["render", Qv]]), eg = "CdsInputDescription", tg = x({
   name: eg,
   props: {
     ...wt(),
@@ -8389,7 +8389,7 @@ function ng(e, t, n, a, r, s) {
     _: 3
   });
 }
-const Yt = /* @__PURE__ */ ut(tg, [["render", ng]]), og = "CdsInputCounter", ki = $({
+const Yt = /* @__PURE__ */ ut(tg, [["render", ng]]), og = "CdsInputCounter", ki = x({
   name: og,
   functional: !0,
   props: {
@@ -8426,7 +8426,7 @@ const Yt = /* @__PURE__ */ ut(tg, [["render", ng]]), og = "CdsInputCounter", ki
   errorGroup: B(!1),
   handleInputCheckbox: () => {
   }
-}, ku = Symbol.for("cds:checkbox"), _l = "CdsCheckboxGroup", rg = $({
+}, ku = Symbol.for("cds:checkbox"), _l = "CdsCheckboxGroup", rg = x({
   name: _l,
   components: { CdsInput: cn, CdsInputLabel: Bt, CdsInputDescription: Yt },
   props: {
@@ -8503,7 +8503,7 @@ function ig(e, t, n, a, r, s) {
     _: 3
   }, 16, ["id", "class"]);
 }
-const lg = /* @__PURE__ */ ut(rg, [["render", ig]]), xl = "CdsCheckbox", cg = $({
+const lg = /* @__PURE__ */ ut(rg, [["render", ig]]), xl = "CdsCheckbox", cg = x({
   name: xl,
   components: { CdsInput: cn, CdsInputLabel: Bt, CdsInputDescription: Yt },
   inheritAttrs: !1,
@@ -8549,7 +8549,7 @@ const lg = /* @__PURE__ */ ut(rg, [["render", ig]]), xl = "CdsCheckbox", cg = $(
       disabledGroup: S,
       readonlyGroup: k,
       errorGroup: _,
-      handleInputCheckbox: x
+      handleInputCheckbox: $
     } = Ye(ku, ag), E = B(), C = p(() => o(S) || e.disabled), A = p(() => o(k) || e.readonly), D = p(() => o(_) || e.error), P = p(() => ({
       "cds-checkbox--disabled": o(C),
       "cds-checkbox--checked": o(r) || !!t.checked,
@@ -8566,7 +8566,7 @@ const lg = /* @__PURE__ */ ut(rg, [["render", ig]]), xl = "CdsCheckbox", cg = $(
       o(s) && (s.value = !1);
     }
     function O(M) {
-      r.value = M.target.checked, w && x({ id: o(i), checked: o(r), value: e.value });
+      r.value = M.target.checked, w && $({ id: o(i), checked: o(r), value: e.value });
     }
     return a({
       id: i,
@@ -8764,7 +8764,7 @@ function fg() {
   }
   return { contentRef: e, isFocused: t, onFocus: r, onFocusin: n, onFocusout: a, onKeydown: s, focus: i };
 }
-const $l = "CdsList", Hn = $({
+const $l = "CdsList", Hn = x({
   name: $l,
   props: {
     /**
@@ -8839,7 +8839,7 @@ const $l = "CdsList", Hn = $({
       focus: v
     }), {};
   }
-}), El = "CdsListItem", hg = $({
+}), El = "CdsListItem", hg = x({
   name: El,
   components: { CdsIcon: lt },
   inheritAttrs: !1,
@@ -8900,9 +8900,9 @@ const $l = "CdsList", Hn = $({
       !1
     ), { disabledClasses: w } = Gn(e), { hasPrepend: S, hasAppend: k } = hn(e, t, El), _ = p(
       () => e.active !== !1 && (e.active || o(l.isActive) || o(d))
-    ), x = p(() => o(l.isLink)), E = p(
+    ), $ = p(() => o(l.isLink)), E = p(
       () => e.isClickable || !e.disabled && (o(l.isLink) || e.value != null && !!r)
-    ), C = p(() => o(x) ? o(l.tag) : "div"), A = p(() => !!t.title || !!e.title), D = p(() => !!t.description || !!e.description), P = p(() => ({
+    ), C = p(() => o($) ? o(l.tag) : "div"), A = p(() => !!t.title || !!e.title), D = p(() => !!t.description || !!e.description), P = p(() => ({
       isActive: o(_),
       select: h,
       isSelected: o(d),
@@ -8944,7 +8944,7 @@ const $l = "CdsList", Hn = $({
       disabledClasses: w,
       tabindex: o(E) ? 0 : void 0,
       onClick: O,
-      onKeyDown: o(E) && !o(x) && M
+      onKeyDown: o(E) && !o($) && M
     };
   }
 }), mg = {
@@ -9011,7 +9011,7 @@ function bg(e, t, n, a, r, s) {
     _: 3
   });
 }
-const Dt = /* @__PURE__ */ ut(hg, [["render", bg]]), kg = $({
+const Dt = /* @__PURE__ */ ut(hg, [["render", bg]]), kg = x({
   name: "CdsListGroupActivator",
   setup(e, { slots: t }) {
     return h0(), () => {
@@ -9019,7 +9019,7 @@ const Dt = /* @__PURE__ */ ut(hg, [["render", bg]]), kg = $({
       return (n = t.default) == null ? void 0 : n.call(t);
     };
   }
-}), Cg = "CdsListGroup", wg = $({
+}), Cg = "CdsListGroup", wg = x({
   name: Cg,
   components: { CdsListGroupActivator: kg, CdsTransitionExpand: bu },
   props: {
@@ -9285,7 +9285,7 @@ const is = {
   ClickOutside: ss,
   Intersect: is,
   Touch: po
-}, Symbol.toStringTag, { value: "Module" })), Rg = "CdsOverlay", bo = $({
+}, Symbol.toStringTag, { value: "Module" })), Rg = "CdsOverlay", bo = x({
   name: Rg,
   // @ts-ignore https://github.com/vuejs/core/issues/5833
   directives: { ClickOutside: ss },
@@ -9339,7 +9339,7 @@ const is = {
     }), { teleportTarget: l } = n0(
       p(() => e.attach || e.contained),
       "cds-overlay-container"
-    ), { hasContent: c, onAfterLeave: h } = nr(e, i), { globalTop: d, localTop: f, stackStyles: m } = mv(i, st(e, "zIndex"), e._disableGlobalStack), { activatorEl: v, activatorRef: y, target: b, targetEl: w, targetRef: S, activatorEvents: k, contentEvents: _, scrimEvents: x } = yv(e, {
+    ), { hasContent: c, onAfterLeave: h } = nr(e, i), { globalTop: d, localTop: f, stackStyles: m } = mv(i, st(e, "zIndex"), e._disableGlobalStack), { activatorEl: v, activatorRef: y, target: b, targetEl: w, targetRef: S, activatorEvents: k, contentEvents: _, scrimEvents: $ } = yv(e, {
       isActive: i,
       isTop: f
     }), { dimensionsStyles: E } = Zn(e), C = _0(), { scopeId: A } = na();
@@ -9442,7 +9442,7 @@ const is = {
                 g(Dv, {
                   ref: P,
                   modelValue: o(i) && !!e.scrim,
-                  ...o(x)
+                  ...o($)
                 }),
                 g(
                   kt,
@@ -9492,7 +9492,7 @@ const is = {
       updateLocation: M
     }), {};
   }
-}), Ng = "CdsMenu", Vn = $({
+}), Ng = "CdsMenu", Vn = x({
   name: Ng,
   props: {
     /**
@@ -9588,7 +9588,7 @@ const is = {
       openChildren: f
     }), {};
   }
-}), Dl = "CdsLoader", Lg = $({
+}), Dl = "CdsLoader", Lg = x({
   name: Dl,
   props: {
     fixed: {
@@ -9637,7 +9637,7 @@ function zg(e, t, n, a, r, s) {
     ]), 16, Kg)
   ], 2);
 }
-const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button-toggle"), To = "CdsButton", Vg = $({
+const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button-toggle"), To = "CdsButton", Vg = x({
   name: To,
   components: { CdsLoader: Fn, CdsIcon: lt },
   props: {
@@ -9677,7 +9677,7 @@ const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button
     "group:selected": (e) => !0
   },
   setup(e, { slots: t, emit: n, attrs: a, expose: r }) {
-    const { themeClasses: s } = Re(e), { appearanceClasses: i } = ai(e, To), { sizeClasses: l } = Yn(e, To), { loadingClasses: c } = Zo(e), { readonlyClasses: h } = o0(e), { invertColorClasses: d } = vn(e, To), { isLink: f, isActive: m, tag: v, href: y, to: b } = wo(e, n), { hasAppend: w, hasPrepend: S } = hn(e, t, To), k = Jn(e, e.symbol, !1), _ = p(() => !!t.default), x = p(() => o(k == null ? void 0 : k.disabled) || e.disabled), E = p(() => {
+    const { themeClasses: s } = Re(e), { appearanceClasses: i } = ai(e, To), { sizeClasses: l } = Yn(e, To), { loadingClasses: c } = Zo(e), { readonlyClasses: h } = o0(e), { invertColorClasses: d } = vn(e, To), { isLink: f, isActive: m, tag: v, href: y, to: b } = wo(e, n), { hasAppend: w, hasPrepend: S } = hn(e, t, To), k = Jn(e, e.symbol, !1), _ = p(() => !!t.default), $ = p(() => o(k == null ? void 0 : k.disabled) || e.disabled), E = p(() => {
       if (e.value !== void 0)
         return Object(e.value) === e.value ? JSON.stringify(e.value, null, 0) : e.value;
     }), C = p(() => e.active !== void 0 ? e.active : o(f) ? o(m) : o(k == null ? void 0 : k.isSelected)), A = p(() => ({
@@ -9686,7 +9686,7 @@ const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button
       () => ee(
         {
           "cds-button--active": o(C),
-          [Ct.disabled]: o(x)
+          [Ct.disabled]: o($)
         },
         o(s),
         o(i),
@@ -9699,12 +9699,12 @@ const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button
       )
     );
     function N(O) {
-      o(x) || o(f) && (O.metaKey || O.ctrlKey || O.shiftKey || O.button !== 0 || a.target === "_blank") || k == null || k.toggle();
+      o($) || o(f) && (O.metaKey || O.ctrlKey || O.shiftKey || O.button !== 0 || a.target === "_blank") || k == null || k.toggle();
     }
     return r({
       groupItem: k,
       toggle: () => k == null ? void 0 : k.toggle(),
-      isDisabled: x
+      isDisabled: $
     }), {
       href: y,
       to: b,
@@ -9715,7 +9715,7 @@ const Fn = /* @__PURE__ */ ut(Lg, [["render", zg]]), Hg = Symbol.for("cds:button
       hasPrepend: S,
       hasAppend: w,
       hasDefaultSlot: _,
-      isDisabled: x,
+      isDisabled: $,
       classes: P,
       onClick: N
     };
@@ -9771,7 +9771,7 @@ function Yg(e, t, n, a, r, s) {
     _: 3
   }, 8, ["type", "to", "href", "disabled", "value", "class", "onClick"]);
 }
-const At = /* @__PURE__ */ ut(Vg, [["render", Yg]]), Gg = "CdsFunctionalButton", Xe = $({
+const At = /* @__PURE__ */ ut(Vg, [["render", Yg]]), Gg = "CdsFunctionalButton", Xe = x({
   name: Gg,
   props: {
     ...vt(),
@@ -9796,7 +9796,7 @@ const At = /* @__PURE__ */ ut(Vg, [["render", Yg]]), Gg = "CdsFunctionalButton",
       )
     ), {};
   }
-}), eo = "CdsTextInput", qg = $({
+}), eo = "CdsTextInput", qg = x({
   name: eo,
   components: {
     CdsInput: cn,
@@ -9867,10 +9867,10 @@ const At = /* @__PURE__ */ ut(Vg, [["render", Yg]]), Gg = "CdsFunctionalButton",
       hasPrependInnerIcon: S,
       hasAppendInnerIcon: k,
       fieldClasses: _,
-      fieldProps: x,
+      fieldProps: $,
       handleClickAppendInner: E,
       handleClickPrependInner: C
-    } = Qo(e, a, eo), { inputProps: A } = In(e, [...x, "modelValue", "focused", "loading", "theme"]), { rootAttrs: D, inputAttrs: P } = _o(t), N = p(() => e.clearable), O = p(() => {
+    } = Qo(e, a, eo), { inputProps: A } = In(e, [...$, "modelValue", "focused", "loading", "theme"]), { rootAttrs: D, inputAttrs: P } = _o(t), N = p(() => e.clearable), O = p(() => {
       var se;
       return ((se = o(s)) != null ? se : "").toString().length;
     }), { themeClasses: M } = Re(e), { sizeClasses: I } = Yn(e, eo), F = B(), L = B(), K = B();
@@ -10105,7 +10105,7 @@ function Qg(e, t, n, a, r, s) {
     }, null, 8, ["current", "max"])) : ge("", !0)
   ], 16);
 }
-const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
+const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = x({
   name: ey,
   props: {
     /**
@@ -10162,7 +10162,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       ) : s;
     }), {};
   }
-}), Al = "CdsAutocomplete", ty = $({
+}), Al = "CdsAutocomplete", ty = x({
   name: Al,
   props: {
     /**
@@ -10237,7 +10237,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       c,
       h,
       d
-    ), w = Ze(e, "search", ""), S = tr(), k = ke(!0), _ = ke(!1), x = ke(-1), E = B(), C = B(), { onListKeydown: A, onListScroll: D } = cu(C, E), { filteredItems: P, getMatches: N } = jd(e, c, () => o(k) ? "" : o(w)), O = p(() => e.hideSelected ? o(P).filter(
+    ), w = Ze(e, "search", ""), S = tr(), k = ke(!0), _ = ke(!1), $ = ke(-1), E = B(), C = B(), { onListKeydown: A, onListScroll: D } = cu(C, E), { filteredItems: P, getMatches: N } = jd(e, c, () => o(k) ? "" : o(w)), O = p(() => e.hideSelected ? o(P).filter(
       (fe) => !o(f).some((De) => De.value === fe.value)
     ) : o(P)), M = p(() => {
       var De;
@@ -10258,24 +10258,24 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       var le, ye;
       if (e.readonly || o(S == null ? void 0 : S.isReadonly)) return;
       const De = (le = o(E)) == null ? void 0 : le.selectionStart, ae = o(f).length;
-      if ((o(x) > -1 || [pe.enter, pe.down, pe.up].includes(fe.key)) && fe.preventDefault(), [pe.enter, pe.down].includes(fe.key) && (i.value = !0), [pe.esc].includes(fe.key) && (i.value = !1), o(M) && [pe.enter, pe.tab].includes(fe.key) && Q(o(O)[0]), fe.key === pe.down && ((ye = o(C)) == null || ye.focus("next")), !!e.multiple) {
+      if ((o($) > -1 || [pe.enter, pe.down, pe.up].includes(fe.key)) && fe.preventDefault(), [pe.enter, pe.down].includes(fe.key) && (i.value = !0), [pe.esc].includes(fe.key) && (i.value = !1), o(M) && [pe.enter, pe.tab].includes(fe.key) && Q(o(O)[0]), fe.key === pe.down && ((ye = o(C)) == null || ye.focus("next")), !!e.multiple) {
         if ([pe.backspace, pe.delete].includes(fe.key)) {
-          if (o(x) < 0) {
-            fe.key === pe.backspace && !o(w) && (x.value = ae - 1);
+          if (o($) < 0) {
+            fe.key === pe.backspace && !o(w) && ($.value = ae - 1);
             return;
           }
-          const ne = o(x), xe = o(f)[o(x)];
-          xe && Q(xe), x.value = ne >= ae - 1 ? ae - 2 : ne;
+          const ne = o($), xe = o(f)[o($)];
+          xe && Q(xe), $.value = ne >= ae - 1 ? ae - 2 : ne;
         }
         if (fe.key === pe.left) {
-          if (o(x) < 0 && De > 0) return;
-          const ne = o(x) > -1 ? o(x) - 1 : ae - 1;
-          o(f)[ne] ? x.value = ne : x.value = -1;
+          if (o($) < 0 && De > 0) return;
+          const ne = o($) > -1 ? o($) - 1 : ae - 1;
+          o(f)[ne] ? $.value = ne : $.value = -1;
         }
         if (fe.key === pe.right) {
-          if (o(x) < 0) return;
-          const ne = o(x) + 1;
-          o(f)[ne] ? x.value = ne : x.value = -1;
+          if (o($) < 0) return;
+          const ne = o($) + 1;
+          o(f)[ne] ? $.value = ne : $.value = -1;
         }
       }
     }
@@ -10327,7 +10327,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       }
     ), te(s, (fe, De) => {
       var ae, le;
-      fe !== De && (fe ? (oe.value = !0, w.value = e.multiple ? "" : String((le = (ae = o(f).at(-1)) == null ? void 0 : ae.props.title) != null ? le : ""), k.value = !0, Ue(() => oe.value = !1)) : (!e.multiple && o(w) == null ? f.value = [] : o(M) && !o(_) && !o(f).some(({ value: ye }) => ye === o(O)[0].value) && Q(o(O)[0]), i.value = !1, f.value.some(({ title: ye }) => ye === w.value) || (w.value = ""), x.value = -1));
+      fe !== De && (fe ? (oe.value = !0, w.value = e.multiple ? "" : String((le = (ae = o(f).at(-1)) == null ? void 0 : ae.props.title) != null ? le : ""), k.value = !0, Ue(() => oe.value = !1)) : (!e.multiple && o(w) == null ? f.value = [] : o(M) && !o(_) && !o(f).some(({ value: ye }) => ye === o(O)[0].value) && Q(o(O)[0]), i.value = !1, f.value.some(({ title: ye }) => ye === w.value) || (w.value = ""), $.value = -1));
     }), te(w, (fe) => {
       !o(s) || o(oe) || (fe && (i.value = !0), k.value = !fe);
     }), te(i, () => {
@@ -10357,7 +10357,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
             "cds-autocomplete--selected": o(f).length,
             "cds-autocomplete--active-menu": o(i),
             "cds-autocomplete--selection-slot": !!t.selection,
-            "cds-autocomplete--selecting-index": o(x) > -1
+            "cds-autocomplete--selecting-index": o($) > -1
           }),
           onInput: H,
           onChange: z,
@@ -10478,7 +10478,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
                   {
                     key: ae.value,
                     class: ee("cds-autocomplete__selection", {
-                      "cds-autocomplete__selection--selected": le === o(x)
+                      "cds-autocomplete__selection--selected": le === o($)
                     })
                   },
                   (Ie = (xe = t.selection) == null ? void 0 : xe.call(t, { item: ae, index: le })) != null ? Ie : g(ze, {}, [
@@ -10514,7 +10514,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       textInputRef: E
     }), {};
   }
-}), ny = 8, oy = 4, ay = 0, ry = 0, va = "CdsBadge", sy = $({
+}), ny = 8, oy = 4, ay = 0, ry = 0, va = "CdsBadge", sy = x({
   name: va,
   inheritAttrs: !1,
   props: {
@@ -10712,7 +10712,7 @@ const Ot = /* @__PURE__ */ ut(qg, [["render", Qg]]), ey = "CdsDivider", jn = $({
       );
     }), {};
   }
-}), iy = "CdsLink", ly = $({
+}), iy = "CdsLink", ly = x({
   name: iy,
   props: {
     ...wt(),
@@ -10752,7 +10752,7 @@ function cy(e, t, n, a, r, s) {
     _: 3
   }, 8, ["to", "href", "class", "onClick"]);
 }
-const wi = /* @__PURE__ */ ut(ly, [["render", cy]]), dy = "CdsBreadcrumbsItem", Eu = $({
+const wi = /* @__PURE__ */ ut(ly, [["render", cy]]), dy = "CdsBreadcrumbsItem", Eu = x({
   name: dy,
   props: {
     // @deprecated REMOVE in v4.0.0 — START
@@ -10800,7 +10800,7 @@ const wi = /* @__PURE__ */ ut(ly, [["render", cy]]), dy = "CdsBreadcrumbsItem",
       }
     ), {};
   }
-}), uy = "CdsBreadcrumbs", fy = $({
+}), uy = "CdsBreadcrumbs", fy = x({
   name: uy,
   props: {
     ...En(),
@@ -10986,7 +10986,7 @@ function Fu(e) {
     })
   };
 }
-const vy = "CdsResponsive", Fl = $({
+const vy = "CdsResponsive", Fl = x({
   name: vy,
   props: {
     ...Si(),
@@ -11015,7 +11015,7 @@ const vy = "CdsResponsive", Fl = $({
       }
     ), {};
   }
-}), gy = "CdsImage", Tu = $({
+}), gy = "CdsImage", Tu = x({
   name: gy,
   directives: { Intersect: is },
   props: {
@@ -11123,7 +11123,7 @@ const vy = "CdsResponsive", Fl = $({
           [xn, o(i) === "loaded"]
         ])
       );
-    }, x = () => g(
+    }, $ = () => g(
       kt,
       { transition: e.transition },
       () => o(d).lazySrc && o(i) !== "loaded" && g("img", {
@@ -11185,7 +11185,7 @@ const vy = "CdsResponsive", Fl = $({
             role: e.alt ? "img" : void 0
           },
           {
-            additional: () => [_(), x(), E(), A(), C()],
+            additional: () => [_(), $(), E(), A(), C()],
             default: n.default
           }
         ),
@@ -11199,7 +11199,7 @@ const vy = "CdsResponsive", Fl = $({
       naturalHeight: c
     };
   }
-}), yy = "CdsProgress", py = $({
+}), yy = "CdsProgress", py = x({
   name: yy,
   props: {
     modelValue: {
@@ -11266,8 +11266,8 @@ const vy = "CdsResponsive", Fl = $({
     });
     function b(w) {
       if (!o(i)) return;
-      const { left: S, right: k, width: _ } = o(i).getBoundingClientRect(), x = e.reverse ? _ - w.clientX + (k - _) : w.clientX - S;
-      a.value = Math.round(x / _ * o(c));
+      const { left: S, right: k, width: _ } = o(i).getBoundingClientRect(), $ = e.reverse ? _ - w.clientX + (k - _) : w.clientX - S;
+      a.value = Math.round($ / _ * o(c));
     }
     return Se(
       () => g(
@@ -11356,7 +11356,7 @@ const vy = "CdsResponsive", Fl = $({
 function by(e, t, n, a, r, s) {
   return "Component: CdsProgress";
 }
-const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu = $({
+const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu = x({
   name: ky,
   props: {
     ...nt(),
@@ -11378,7 +11378,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       }
     ), {};
   }
-}), Cy = "CdsCardSubtitle", Pu = $({
+}), Cy = "CdsCardSubtitle", Pu = x({
   name: Cy,
   props: {
     ...nt()
@@ -11397,7 +11397,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       }
     ), {};
   }
-}), wy = "CdsCardTitle", Ou = $({
+}), wy = "CdsCardTitle", Ou = x({
   name: wy,
   props: {
     ...nt()
@@ -11416,7 +11416,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       }
     ), {};
   }
-}), Sy = "CdsCardItem", Bu = $({
+}), Sy = "CdsCardItem", Bu = x({
   name: Sy,
   props: {
     /**
@@ -11476,7 +11476,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       );
     }), {};
   }
-}), _y = "CdsCardText", Ru = $({
+}), _y = "CdsCardText", Ru = x({
   name: _y,
   props: {
     ...nt()
@@ -11495,7 +11495,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       }
     ), {};
   }
-}), xy = "CdsCardDivider", Nu = $({
+}), xy = "CdsCardDivider", Nu = x({
   name: xy,
   props: {
     ...nt()
@@ -11511,7 +11511,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       )
     ), {};
   }
-}), $y = "CdsCard", Ey = $({
+}), $y = "CdsCard", Ey = x({
   name: $y,
   props: {
     /**
@@ -11579,7 +11579,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
     };
     return Se(() => {
       var M, I;
-      const _ = !!t.title || !!e.title, x = !!t.subtitle || !!e.subtitle, E = !!t.append || !!e.appendIcon, C = !!t.prepend || !!e.prependIcon, A = !!t.text || !!e.text, D = !!t.image || !!e.image, N = _ || x || E || C, O = A && N && e.divider;
+      const _ = !!t.title || !!e.title, $ = !!t.subtitle || !!e.subtitle, E = !!t.append || !!e.appendIcon, C = !!t.prepend || !!e.prependIcon, A = !!t.text || !!e.text, D = !!t.image || !!e.image, N = _ || $ || E || C, O = A && N && e.divider;
       return g(
         o(c) ? o(h) : e.tag,
         {
@@ -11662,7 +11662,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       );
     }), {};
   }
-}), Tl = "CdsCardGroup", Iy = $({
+}), Tl = "CdsCardGroup", Iy = x({
   name: Tl,
   props: {
     ...An(),
@@ -11692,7 +11692,7 @@ const _i = /* @__PURE__ */ ut(py, [["render", by]]), ky = "CdsCardActions", Mu =
       }
     ), {};
   }
-}), Cr = "CdsTag", Dy = $({
+}), Cr = "CdsTag", Dy = x({
   name: Cr,
   components: { CdsIcon: lt },
   props: {
@@ -11786,7 +11786,7 @@ function My(e, t, n, a, r, s) {
     _: 3
   }, 8, ["to", "href", "style", "class"]);
 }
-const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $({
+const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = x({
   name: wr,
   components: { CdsTextInput: Ot, CdsMenu: Vn, CdsList: Hn, CdsListItem: Dt, CdsCheckbox: jt, CdsTag: Ha, CdsIcon: lt, CdsDivider: jn, CdsHighlight: as },
   props: {
@@ -11865,7 +11865,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
       l,
       c,
       h
-    ), k = tr(), _ = B(-1), x = ke(!0), E = ke(!1);
+    ), k = tr(), _ = B(-1), $ = ke(!0), E = ke(!1);
     let C = !1;
     const A = B(e.multiple ? "" : (Ie = (xe = o(m)[0]) == null ? void 0 : xe.title) != null ? Ie : ""), D = p({
       get: () => o(A),
@@ -11877,7 +11877,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
             he = he.trim(), he && Q(bn(e, he));
           }), A.value = "");
         }
-        ie || (_.value = -1), x.value = !ie;
+        ie || (_.value = -1), $.value = !ie;
       }
     });
     te(A, (ie) => {
@@ -11886,11 +11886,11 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
       var Ne, ve;
       e.multiple || (A.value = (ve = (Ne = ie[0]) == null ? void 0 : Ne.title) != null ? ve : "");
     });
-    const { filteredItems: P, getMatches: N } = jd(e, l, () => o(x) ? "" : o(D)), O = p(() => e.hideSelected ? o(P).filter(
+    const { filteredItems: P, getMatches: N } = jd(e, l, () => o($) ? "" : o(D)), O = p(() => e.hideSelected ? o(P).filter(
       (ie) => !o(v).some((Ne) => Ne.value === ie.value)
     ) : o(P)), M = p(() => {
       var Ne;
-      return (e.autoSelectFirst === !0 || e.autoSelectFirst === "exact" && o(D) === ((Ne = o(O)[0]) == null ? void 0 : Ne.title)) && O.value.length > 0 && !o(x) && !E.value;
+      return (e.autoSelectFirst === !0 || e.autoSelectFirst === "exact" && o(D) === ((Ne = o(O)[0]) == null ? void 0 : Ne.title)) && O.value.length > 0 && !o($) && !E.value;
     }), I = p(() => !e.hideNoData && !o(O).length), F = p(() => o(v)[o(_)]), L = p(() => m.externalValue), K = p(() => ({
       "cds-combobox--active-menu": o(d),
       "cds-combobox--selected": o(m).length,
@@ -11944,7 +11944,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
           D.value = "";
         } else
           m.value = [ie], A.value = ie.title, Ue(() => {
-            d.value = !1, x.value = !0;
+            d.value = !1, $.value = !0;
           });
     }
     function ue() {
@@ -11963,13 +11963,13 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
     }
     function De() {
       var ie;
-      o(s) && (x.value = !0, (ie = o(H)) == null || ie.focus());
+      o(s) && ($.value = !0, (ie = o(H)) == null || ie.focus());
     }
     function ae(ie) {
       var he, T, j, q, V;
       if (e.readonly || o(k == null ? void 0 : k.isReadonly)) return;
       const Ne = (he = o(H)) == null ? void 0 : he.selectionStart, ve = o(y).length;
-      if ((o(_) > -1 || [pe.up, pe.down, pe.enter, pe.home, pe.end].includes(ie.key)) && ie.preventDefault(), [pe.enter, pe.down].includes(ie.key) && (d.value = !0), [pe.esc].includes(ie.key) && (d.value = !1), [pe.enter, pe.esc, pe.tab].includes(ie.key) && (x.value = !0), ie.key === pe.down ? (T = o(z)) == null || T.focus("next") : ie.key === pe.up ? (j = o(z)) == null || j.focus("prev") : ie.key === pe.home ? (q = o(z)) == null || q.focus("first") : ie.key === pe.end && ((V = o(z)) == null || V.focus("last")), !!e.multiple) {
+      if ((o(_) > -1 || [pe.up, pe.down, pe.enter, pe.home, pe.end].includes(ie.key)) && ie.preventDefault(), [pe.enter, pe.down].includes(ie.key) && (d.value = !0), [pe.esc].includes(ie.key) && (d.value = !1), [pe.enter, pe.esc, pe.tab].includes(ie.key) && ($.value = !0), ie.key === pe.down ? (T = o(z)) == null || T.focus("next") : ie.key === pe.up ? (j = o(z)) == null || j.focus("prev") : ie.key === pe.home ? (q = o(z)) == null || q.focus("first") : ie.key === pe.end && ((V = o(z)) == null || V.focus("last")), !!e.multiple) {
         if ([pe.backspace, pe.delete].includes(ie.key)) {
           if (o(_) < 0) {
             ie.key === pe.backspace && !o(D) && (_.value = ve - 1);
@@ -12107,7 +12107,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
                               title: () => {
                                 var W, Y, ce;
                                 return g(as, {
-                                  isPure: o(x),
+                                  isPure: o($),
                                   item: Z,
                                   matches: (W = N(Z)) == null ? void 0 : W.title,
                                   length: (ce = (Y = o(D)) == null ? void 0 : Y.length) != null ? ce : 0,
@@ -12171,7 +12171,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
       );
     }), {
       isFocused: s,
-      isPure: x,
+      isPure: $,
       menu: d,
       filteredItems: P,
       select: Q,
@@ -12183,7 +12183,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
   }
 }), Lu = Symbol.for("cds:container"), Ku = Symbol.for("cds:container-group"), Oy = (e) => {
   tt(Lu, e);
-}, By = () => Ye(Lu, {}), ga = "CdsContainer", zu = $({
+}, By = () => Ye(Lu, {}), ga = "CdsContainer", zu = x({
   name: ga,
   directives: { Touch: po },
   props: {
@@ -12249,7 +12249,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
       transitionHeight: b
     });
     const S = p(() => e.onlySingle && e.showArrows !== !1), k = p(() => e.continuous || o(w) !== 0), _ = p(() => e.continuous || o(w) !== o(a.items).length - 1);
-    function x() {
+    function $() {
       o(k) && a.prev();
     }
     function E() {
@@ -12280,7 +12280,7 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
     }), A = p(() => e.touch === !1 ? e.touch : {
       ...{
         left: E,
-        right: x,
+        right: $,
         start: ({ originalEvent: P }) => {
           P.stopPropagation();
         }
@@ -12324,10 +12324,10 @@ const Ha = /* @__PURE__ */ ut(Dy, [["render", My]]), wr = "CdsCombobox", Py = $(
     ), n({
       group: a,
       next: E,
-      prev: x
+      prev: $
     });
   }
-}), Ml = "CdsContainerItem", Hu = $({
+}), Ml = "CdsContainerItem", Hu = x({
   name: Ml,
   props: {
     reverseTransition: {
@@ -12450,7 +12450,7 @@ function Ry({
   const r = a ? e.clientWidth : e.clientHeight, i = (a ? e.offsetLeft : e.offsetTop) + r / 2 - t / 2;
   return Math.min(n - t, Math.max(0, i));
 }
-const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = $({
+const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = x({
   name: Ny,
   props: {
     ...nt(),
@@ -12518,7 +12518,7 @@ const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = $({
       const z = o(c) ? "clientX" : "clientY", X = 1;
       s.value = X * (S + w - H.touches[0][z]);
     }
-    function x(H) {
+    function $(H) {
       const z = o(l) - o(i);
       o(s) < 0 || !o(r) ? s.value = 0 : o(s) >= z && (s.value = z), b.value = !1;
     }
@@ -12639,7 +12639,7 @@ const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = $({
                   style: o(I),
                   onTouchstartPassive: k,
                   onTouchmovePassive: _,
-                  onTouchendPassive: x,
+                  onTouchendPassive: $,
                   onFocusin: A,
                   onFocusout: D,
                   onKeydown: N
@@ -12670,7 +12670,7 @@ const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = $({
       focus: O
     };
   }
-}), Ly = "CdsSlideGroupItem", Ky = $({
+}), Ly = "CdsSlideGroupItem", Ky = x({
   name: Ly,
   props: {
     ...sn(),
@@ -12695,7 +12695,7 @@ const Vu = Symbol.for("cds:slide-group"), Ny = "CdsSlideGroup", xi = $({
 function zy(e) {
   return e ? e.map((t) => typeof t == "string" ? { title: t, value: t } : t) : [];
 }
-const Bl = "CdsTabs", Wu = $({
+const Bl = "CdsTabs", Wu = x({
   name: Bl,
   props: {
     /**
@@ -12783,7 +12783,7 @@ const Bl = "CdsTabs", Wu = $({
       );
     }), {};
   }
-}), Hy = "CdsTab", $i = $({
+}), Hy = "CdsTab", $i = x({
   name: Hy,
   props: {
     hideSlider: {
@@ -12849,7 +12849,7 @@ const Bl = "CdsTabs", Wu = $({
       updateSlider: s
     }), {};
   }
-}), Vy = 32, Rl = "CdsContentSwitcher", jy = $({
+}), Vy = 32, Rl = "CdsContentSwitcher", jy = x({
   name: Rl,
   props: {
     /**
@@ -12899,7 +12899,7 @@ const Bl = "CdsTabs", Wu = $({
       }
     )), {};
   }
-}), Nl = "CdsContentSwitcherItem", Wy = $({
+}), Nl = "CdsContentSwitcherItem", Wy = x({
   name: Nl,
   props: {
     ...sn(),
@@ -13088,7 +13088,7 @@ function Yy(e, t, n, a, r, s, i, l) {
       from: T(j.from),
       to: T(j.to)
     })).filter((j) => j.from.dateHash && j.to.dateHash && j.from.dateHash < j.to.dateHash);
-  }), k = p(() => w.value.concat(S.value.map((j) => j.from)).sort((j, q) => j.year - q.year || j.month - q.month)[0]), _ = p(() => w.value.concat(S.value.map((j) => j.to)).sort((j, q) => q.year - j.year || q.month - j.month)[0]), x = p(
+  }), k = p(() => w.value.concat(S.value.map((j) => j.from)).sort((j, q) => j.year - q.year || j.month - q.month)[0]), _ = p(() => w.value.concat(S.value.map((j) => j.to)).sort((j, q) => q.year - j.year || q.month - j.month)[0]), $ = p(
     () => w.value.length + S.value.reduce(
       (T, j) => T + 1 + js(d.value(j.to), d.value(j.from)),
       0
@@ -13452,7 +13452,7 @@ function Yy(e, t, n, a, r, s, i, l) {
     rangeModel: S,
     minSelectedModel: k,
     maxSelectedModel: _,
-    daysInModel: x,
+    daysInModel: $,
     startYear: A,
     daysOfWeek: P,
     daysInMonth: N,
@@ -13487,7 +13487,7 @@ function Yy(e, t, n, a, r, s, i, l) {
 function yn(e) {
   return e.year + "/" + Je(e.month);
 }
-const Gy = "CdsDatePicker", qy = $({
+const Gy = "CdsDatePicker", qy = x({
   name: Gy,
   props: {
     ...Uy(),
@@ -13524,7 +13524,7 @@ const Gy = "CdsDatePicker", qy = $({
       defaultView: S,
       monthDirection: k,
       yearDirection: _,
-      viewModel: x,
+      viewModel: $,
       daysModel: E,
       minSelectedModel: C,
       maxSelectedModel: A,
@@ -13604,9 +13604,9 @@ const Gy = "CdsDatePicker", qy = $({
     ), te(S, () => {
       o(ne) && o(xe) && o(xe).contains(document.activeElement) && o(ne).focus();
     }), te(
-      () => o(x).year + "|" + o(x).month,
+      () => o($).year + "|" + o($).month,
       () => {
-        n("navigation", { year: o(x).year, month: o(x).month });
+        n("navigation", { year: o($).year, month: o($).month });
       }
     );
     function T(R, W, Y) {
@@ -13616,9 +13616,9 @@ const Gy = "CdsDatePicker", qy = $({
       n("update:modelValue", ce, J, re);
     }
     function j(R) {
-      const W = o(E)[0] && o(E)[0].dateHash ? { ...o(E)[0] } : { ...o(x) };
+      const W = o(E)[0] && o(E)[0].dateHash ? { ...o(E)[0] } : { ...o($) };
       Ue(() => {
-        W.year = o(x).year, W.month = o(x).month;
+        W.year = o($).year, W.month = o($).month;
         const Y = new Date(W.year, W.month, 0).getDate();
         W.day = Math.min(Math.max(1, W.day), Y);
         const ce = le(W);
@@ -13641,7 +13641,7 @@ const Gy = "CdsDatePicker", qy = $({
       };
     }
     function V(R) {
-      const W = { ...o(x), day: R };
+      const W = { ...o($), day: R };
       if (!e.range) {
         ue(W, o(O));
         return;
@@ -13673,7 +13673,7 @@ const Gy = "CdsDatePicker", qy = $({
     }
     function Z(R) {
       if (o(b)) {
-        const W = { ...o(x), day: R };
+        const W = { ...o($), day: R };
         b.value = {
           ...o(b),
           final: W,
@@ -13827,18 +13827,18 @@ const Gy = "CdsDatePicker", qy = $({
         g("div", { key: "calendar-view", class: "cds-date-picker__view cds-date-picker__calendar" }, [
           g("div", { class: "cds-date-picker__navigation" }, [
             ...Ae({
-              label: o(m).months[o(x).month - 1],
+              label: o(m).months[o($).month - 1],
               type: "Months",
-              key: o(x).month,
+              key: o($).month,
               direction: o(k),
               goTo: X,
               boundaries: o(F).month,
               classname: "cds-date-picker__navigation--months"
             }),
             ...Ae({
-              label: String(o(x).year),
+              label: String(o($).year),
               type: "Years",
-              key: o(x).year,
+              key: o($).year,
               direction: o(_),
               goTo: de,
               boundaries: o(F).year,
@@ -13896,15 +13896,15 @@ const Gy = "CdsDatePicker", qy = $({
         ])
       ],
       Months: () => {
-        const R = o(x).year === o(y).year, W = (Y) => {
+        const R = o($).year === o(y).year, W = (Y) => {
           var ce, J, re, we;
-          return M && o(x).year === ((ce = o(M)) == null ? void 0 : ce.year) && ((J = o(M)) == null ? void 0 : J.month) > Y || I && o(x).year === ((re = o(I)) == null ? void 0 : re.year) && ((we = o(I)) == null ? void 0 : we.month) < Y;
+          return M && o($).year === ((ce = o(M)) == null ? void 0 : ce.year) && ((J = o(M)) == null ? void 0 : J.month) > Y || I && o($).year === ((re = o(I)) == null ? void 0 : re.year) && ((we = o(I)) == null ? void 0 : we.month) < Y;
         };
         return g(
           "div",
           { key: "months-view", class: "cds-date-picker__view cds-date-picker__months" },
           o(m).months.map((Y, ce) => {
-            const J = o(x).month === ce + 1;
+            const J = o($).month === ce + 1;
             return g("div", { class: "cds-date-picker__months-item" }, [
               g(At, {
                 appearance: J ? "primary" : "transparent",
@@ -13930,7 +13930,7 @@ const Gy = "CdsDatePicker", qy = $({
       Years: () => {
         const R = o(P), W = R + Bn, Y = [], ce = (J) => o(M) && o(M).year > J || o(I) && o(I).year < J;
         for (let J = R; J <= W; J++) {
-          const re = o(x).year === J;
+          const re = o($).year === J;
           Y.push(
             g("div", { class: "cds-date-picker__years-item" }, [
               g(At, {
@@ -14039,7 +14039,7 @@ const Gy = "CdsDatePicker", qy = $({
   "cds-drawer-width": "15rem",
   "cds-drawer-width-minified": "3.5rem",
   "cds-drawer-z-index-outer": "800"
-}, cs = Bs(Ei["cds-drawer-width"]), Xy = Bs(Ei["cds-drawer-width-minified"]), _r = Number(Ei["cds-drawer-z-index-outer"]) + 1, Ll = "CdsDrawer", Zy = $({
+}, cs = Bs(Ei["cds-drawer-width"]), Xy = Bs(Ei["cds-drawer-width-minified"]), _r = Number(Ei["cds-drawer-z-index-outer"]) + 1, Ll = "CdsDrawer", Zy = x({
   name: Ll,
   props: {
     /**
@@ -14135,7 +14135,7 @@ const Gy = "CdsDatePicker", qy = $({
     })), S = p(() => o(m) ? e.right ? o(d.rows).top[2] === "r" : o(d.rows).top[0] === "l" : !1), k = p(() => o(m) ? e.right ? o(d.rows).bottom[2] === "r" : o(d.rows).bottom[0] === "l" : !1), _ = p(() => {
       const O = { ...o(f) };
       return o(m) && (d.header.space && !o(S) && (o(y) ? (O.top = d.header.offset + "px", O.height = `calc(100% - ${d.header.offset}px)`) : d.header.space && (O.top = d.header.size + "px", O.height = `calc(100% - ${d.header.size}px)`)), d.footer.space && !o(k) && (o(y) ? (O.bottom = d.footer.offset + "px", O.height = `calc(100% - ${d.footer.offset}px - ${d.header.offset}px)`) : d.footer.space && (O.bottom = d.footer.size + "px", O.height = `calc(100% - ${d.footer.size}px - ${d.header.size}px)`)), o(S) && d.footer.space && (O.height = `calc(100% - ${d.footer.size}px)`, e.minified && (O.zIndex = _r)), o(k) && d.header.space && (O.height = `calc(100% - ${d.header.size}px)`, e.minified && (O.zIndex = _r)), o(S) && o(k) && (O.height = "100%", O.zIndex = _r)), O;
-    }), x = p(() => e.modelValue), E = p(() => !!n.prepend), C = p(() => !!n.append);
+    }), $ = p(() => e.modelValue), E = p(() => !!n.prepend), C = p(() => !!n.append);
     let A = null;
     Es(() => {
       e.modelValue !== null || o(l) || (i.value = e.permanent);
@@ -14183,7 +14183,7 @@ const Gy = "CdsDatePicker", qy = $({
       drawerRef: s,
       hasPrependSlot: E,
       hasAppendSlot: C,
-      hasOverlay: x,
+      hasOverlay: $,
       drawerClasses: w,
       invertColorClasses: b,
       themeClasses: v,
@@ -14232,7 +14232,7 @@ function tp(e, t, n, a, r, s) {
     })) : ge("", !0)
   ], 64);
 }
-const np = /* @__PURE__ */ ut(Zy, [["render", tp]]), Mo = "CdsDropdown", op = $({
+const np = /* @__PURE__ */ ut(Zy, [["render", tp]]), Mo = "CdsDropdown", op = x({
   name: Mo,
   components: { CdsTextInput: Ot, CdsMenu: Vn, CdsList: Hn, CdsListItem: Dt, CdsCheckbox: jt, CdsTag: Ha, CdsIcon: lt, CdsDivider: jn },
   props: {
@@ -14284,7 +14284,7 @@ const np = /* @__PURE__ */ ut(Zy, [["render", tp]]), Mo = "CdsDropdown", op = $(
     "update:selectedAll": (e) => !0
   },
   setup(e, { slots: t, emit: n, expose: a }) {
-    const { dropdown: r } = Qt(e), { hasLabel: s, hasDescription: i } = Zt(e, t, Mo), { hasPrependInnerIcon: l, hasAppendInnerIcon: c } = Qo(e, t, Mo), { hasAppend: h, hasPrepend: d } = hn(e, t, Mo), { isFocused: f, focus: m } = rn(e, Mo), { items: v, transformIn: y, transformOut: b } = qn(e), { internalMenu: w, menuRef: S } = fi(e), { model: k, selections: _, selected: x, selectedAll: E, selectedIndeterminate: C, selectStrategy: A, displayItems: D } = ci(
+    const { dropdown: r } = Qt(e), { hasLabel: s, hasDescription: i } = Zt(e, t, Mo), { hasPrependInnerIcon: l, hasAppendInnerIcon: c } = Qo(e, t, Mo), { hasAppend: h, hasPrepend: d } = hn(e, t, Mo), { isFocused: f, focus: m } = rn(e, Mo), { items: v, transformIn: y, transformOut: b } = qn(e), { internalMenu: w, menuRef: S } = fi(e), { model: k, selections: _, selected: $, selectedAll: E, selectedIndeterminate: C, selectStrategy: A, displayItems: D } = ci(
       e,
       v,
       y,
@@ -14310,7 +14310,7 @@ const np = /* @__PURE__ */ ut(Zy, [["render", tp]]), Mo = "CdsDropdown", op = $(
     function z(ne) {
       if (!(e.readonly || e.disabled) && !(ne.props.readonly || ne.props.disabled))
         if (e.multiple) {
-          const xe = o(x).findIndex((Ie) => un(Ie, ne.value));
+          const xe = o($).findIndex((Ie) => un(Ie, ne.value));
           if (xe === -1)
             k.value = [...o(k), ne];
           else {
@@ -14392,7 +14392,7 @@ const np = /* @__PURE__ */ ut(Zy, [["render", tp]]), Mo = "CdsDropdown", op = $(
       inputModelValue: N,
       displayItems: D,
       selections: _,
-      selected: x,
+      selected: $,
       selectedAll: E,
       selectedIndeterminate: C,
       selectStrategy: A,
@@ -14617,7 +14617,7 @@ function up(e, t, n, a, r, s) {
     e.hasPrependInnerIcon || e.counter && e.multiple ? {
       name: "prepend-inner",
       fn: $e(() => [
-        e.selected.length > 0 ? (G(), Fe(m, {
+        e.counter && e.multiple && e.selected.length > 0 ? (G(), Fe(m, {
           key: 0,
           text: `${e.selected.length}`
         }, null, 8, ["text"])) : ge("", !0),
@@ -14635,7 +14635,7 @@ function up(e, t, n, a, r, s) {
   ]), 1040, ["focused", "model-value", "placeholder", "dirty", "validation-value", "class", "onBlur", "onKeydown", "onClick:clear", "onUpdate:modelValue", "onMousedown:control"]);
 }
 const Uu = /* @__PURE__ */ ut(op, [["render", up]]);
-$({
+x({
   name: "ActivesRiseRub",
   props: {
     mono: {
@@ -14644,7 +14644,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "BankRub",
   props: {
     mono: {
@@ -14653,7 +14653,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "BookBuilding",
   props: {
     mono: {
@@ -14662,7 +14662,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "BookChat",
   props: {
     mono: {
@@ -14671,7 +14671,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "BookFinger",
   props: {
     mono: {
@@ -14680,7 +14680,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "BooksAppleHat",
   props: {
     mono: {
@@ -14689,7 +14689,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "CalendarWatch",
   props: {
     mono: {
@@ -14698,7 +14698,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "CarBoxes",
   props: {
     mono: {
@@ -14707,7 +14707,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "Chip",
   props: {
     mono: {
@@ -14716,7 +14716,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "ChocolateMenu",
   props: {
     mono: {
@@ -14725,7 +14725,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "DisplayAnalytics",
   props: {
     mono: {
@@ -14734,7 +14734,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "DisplayDemo",
   props: {
     mono: {
@@ -14743,7 +14743,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "DisplayUserProfile",
   props: {
     mono: {
@@ -14752,7 +14752,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "DocLaptop",
   props: {
     mono: {
@@ -14761,7 +14761,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "Documents",
   props: {
     mono: {
@@ -14770,7 +14770,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "FingerClickRub",
   props: {
     mono: {
@@ -14779,7 +14779,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HammerBuildings",
   props: {
     mono: {
@@ -14788,7 +14788,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HandCardRub",
   props: {
     mono: {
@@ -14797,7 +14797,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HandGear",
   props: {
     mono: {
@@ -14806,7 +14806,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HandGlass",
   props: {
     mono: {
@@ -14815,7 +14815,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HandMoney",
   props: {
     mono: {
@@ -14824,7 +14824,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "HandshakeRub",
   props: {
     mono: {
@@ -14833,7 +14833,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "Key",
   props: {
     mono: {
@@ -14842,7 +14842,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "LikeDisplayClick",
   props: {
     mono: {
@@ -14851,7 +14851,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "LikeProfileRub",
   props: {
     mono: {
@@ -14860,7 +14860,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "MailOpened",
   props: {
     mono: {
@@ -14869,7 +14869,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "ManLaptopWorld",
   props: {
     mono: {
@@ -14878,7 +14878,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "ManSpyglass",
   props: {
     mono: {
@@ -14887,7 +14887,16 @@ $({
     }
   }
 });
-$({
+x({
+  name: "Outsourcing",
+  props: {
+    mono: {
+      type: Boolean,
+      default: !1
+    }
+  }
+});
+x({
   name: "PhoneInHand",
   props: {
     mono: {
@@ -14896,7 +14905,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "Rocket",
   props: {
     mono: {
@@ -14905,7 +14914,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "SandwatchRub",
   props: {
     mono: {
@@ -14914,7 +14923,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "SearchInterface",
   props: {
     mono: {
@@ -14923,7 +14932,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "Support",
   props: {
     mono: {
@@ -14932,7 +14941,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "UserAnalytics",
   props: {
     mono: {
@@ -14941,7 +14950,7 @@ $({
     }
   }
 });
-$({
+x({
   name: "WomanChat",
   props: {
     mono: {
@@ -14979,6 +14988,7 @@ const fp = [
   "mail-opened",
   "man-laptop-world",
   "man-spyglass",
+  "outsourcing",
   "phone-in-hand",
   "rocket",
   "sandwatch-rub",
@@ -14986,7 +14996,7 @@ const fp = [
   "support",
   "user-analytics",
   "woman-chat"
-], Kl = "CdsEmptyState", hp = $({
+], Kl = "CdsEmptyState", hp = x({
   name: Kl,
   props: {
     /**
@@ -15063,7 +15073,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
     }
   },
   "CdsExpandablePanels"
-), Wo = Symbol.for("cds:expandable-panels-group"), Yu = Symbol.for("cds:expandable-panel"), zl = "CdsExpandablePanels", _p = $({
+), Wo = Symbol.for("cds:expandable-panels-group"), Yu = Symbol.for("cds:expandable-panel"), zl = "CdsExpandablePanels", _p = x({
   name: zl,
   props: {
     ...Sp(),
@@ -15094,7 +15104,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       }
     ), {};
   }
-}), xp = "CdsExpandablePanelContent", Gu = $({
+}), xp = "CdsExpandablePanelContent", Gu = x({
   name: xp,
   props: {
     ...Lt()
@@ -15161,7 +15171,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
     }
   },
   "CdsExpandablePanelTitle"
-), $p = "CdsExpandablePanelTitle", Xu = $({
+), $p = "CdsExpandablePanelTitle", Xu = x({
   name: $p,
   props: {
     ...qu(),
@@ -15216,7 +15226,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       ...a
     }), {};
   }
-}), Ep = "CdsExpandablePanel", Ip = $({
+}), Ep = "CdsExpandablePanel", Ip = x({
   name: Ep,
   props: {
     ...qu(),
@@ -15267,7 +15277,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       isDisabled: r
     }), {};
   }
-}), Dp = typeof xo != "undefined", Va = $({
+}), Dp = typeof xo != "undefined", Va = x({
   name: "CdsLayoutResizeObserver",
   props: {
     debounce: {
@@ -15304,7 +15314,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       n !== null && clearTimeout(n), c !== void 0 && (c.disconnect !== void 0 ? c == null || c.disconnect() : a && c.unobserve(a));
     }), Vt;
   }
-}), Ap = ["both", "horizontal", "vertical"], Fp = $({
+}), Ap = ["both", "horizontal", "vertical"], Fp = x({
   name: "CdsLayoutScrollObserver",
   props: {
     axis: {
@@ -15381,7 +15391,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       getPosition: () => a
     }), Vt;
   }
-}), ya = "CdsFooter", Tp = $({
+}), ya = "CdsFooter", Tp = x({
   name: ya,
   props: {
     ...au(),
@@ -15429,7 +15439,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       ...r
     }), {};
   }
-}), Mp = "CdsForm", Pp = $({
+}), Mp = "CdsForm", Pp = x({
   name: Mp,
   components: { CdsInputLabel: Bt, CdsInputDescription: Yt },
   props: {
@@ -15502,7 +15512,7 @@ const Cp = /* @__PURE__ */ ut(hp, [["render", kp]]), wp = ["default", "accordion
       formRef: s
     }), {};
   }
-}), Op = "CdsCol", Bp = $({
+}), Op = "CdsCol", Bp = x({
   name: Op,
   props: {
     ...nt(),
@@ -15553,7 +15563,7 @@ function Np(e, t) {
     t.slots.default && t.slots.default()
   );
 }
-const Lp = "CdsGrid", Kp = $({
+const Lp = "CdsGrid", Kp = x({
   name: Lp,
   props: {
     ...nt(),
@@ -15564,7 +15574,7 @@ const Lp = "CdsGrid", Kp = $({
   setup(e, t) {
     return Ye(yi, !1) ? Rp(e, t) : Np(e, t);
   }
-}), zp = "CdsRow", Hp = $({
+}), zp = "CdsRow", Hp = x({
   name: zp,
   props: {
     ...nt(),
@@ -15584,7 +15594,7 @@ const Lp = "CdsGrid", Kp = $({
       t.slots.default && t.slots.default()
     );
   }
-}), pa = "CdsHeader", Vp = $({
+}), pa = "CdsHeader", Vp = x({
   name: pa,
   props: {
     ...au(),
@@ -15632,7 +15642,7 @@ const Lp = "CdsGrid", Kp = $({
       ...r
     }), {};
   }
-}), jp = "CdsLayout", Wp = $({
+}), jp = "CdsLayout", Wp = x({
   name: jp,
   props: {
     container: {
@@ -15690,7 +15700,7 @@ const Lp = "CdsGrid", Kp = $({
         f.value !== C && (f.value = C);
       }
     }
-    let x = null;
+    let $ = null;
     const E = {
       instances: {},
       view: p(() => e.view),
@@ -15714,8 +15724,8 @@ const Lp = "CdsGrid", Kp = $({
       left: ht({ size: cs, offset: 0, space: !1 }),
       scroll: h,
       animate() {
-        x !== null ? clearTimeout(x) : document.body.classList.add("cds-body--layout-animate"), x = setTimeout(() => {
-          x = null, document.body.classList.remove("cds-body--layout-animate");
+        $ !== null ? clearTimeout($) : document.body.classList.add("cds-body--layout-animate"), $ = setTimeout(() => {
+          $ = null, document.body.classList.remove("cds-body--layout-animate");
         }, 155);
       },
       update(C, A, D) {
@@ -15771,7 +15781,7 @@ const Lp = "CdsGrid", Kp = $({
   }
 }), Zu = Symbol("cds:main"), Up = (e) => {
   tt(Zu, e);
-}, Yp = () => Ye(Zu, !1), Gp = "CdsMain", qp = $({
+}, Yp = () => Ye(Zu, !1), Gp = "CdsMain", qp = x({
   name: Gp,
   setup(e, { slots: t, expose: n }) {
     const a = Eo();
@@ -15796,7 +15806,7 @@ const Lp = "CdsGrid", Kp = $({
       )
     ), {};
   }
-}), Hl = "CdsModal", Xp = $({
+}), Hl = "CdsModal", Xp = x({
   name: Hl,
   props: {
     /**
@@ -15996,7 +16006,7 @@ function Zp(e) {
     })
   };
 }
-const xr = "CdsNotification", Qu = $({
+const xr = "CdsNotification", Qu = x({
   name: xr,
   props: {
     /**
@@ -16036,7 +16046,7 @@ const xr = "CdsNotification", Qu = $({
       }
     }));
     return () => {
-      var w, S, k, _, x, E, C, A;
+      var w, S, k, _, $, E, C, A;
       const d = !!(t.prepend || o(s)), f = !!t.append, m = !!(t.title || e.title), v = !!(t.text || e.text || t.default), y = !!t.actions, b = !!(t.close || e.closable);
       return o(r) && g(
         e.tag,
@@ -16054,7 +16064,7 @@ const xr = "CdsNotification", Qu = $({
             m && g("div", { key: "title", class: "cds-notification__title" }, (S = (w = t.title) == null ? void 0 : w.call(t)) != null ? S : e.title),
             v && g("span", { key: "text", class: "cds-notification__text" }, [
               (_ = (k = t.text) == null ? void 0 : k.call(t)) != null ? _ : e.text,
-              (x = t.default) == null ? void 0 : x.call(t)
+              ($ = t.default) == null ? void 0 : $.call(t)
             ]),
             y && g("div", { key: "actions", class: "cds-notification__actions" }, (E = t.actions) == null ? void 0 : E.call(t))
           ]),
@@ -16101,7 +16111,7 @@ function nb(e, t) {
 function ob(e, t) {
   return t === void 0 && (t = {}), nb(e, ja({ delimiter: "-" }, t));
 }
-const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab = $({
+const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab = x({
   name: jl,
   props: {
     /**
@@ -16227,7 +16237,7 @@ const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab =
       overlay: c
     }), {};
   }
-}), rb = "CdsPage", sb = $({
+}), rb = "CdsPage", sb = x({
   name: rb,
   props: {
     padding: {
@@ -16271,7 +16281,7 @@ const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab =
       layout: a
     }), {};
   }
-}), ib = "CdsPagination", ef = $({
+}), ib = "CdsPagination", ef = x({
   name: ib,
   props: {
     /**
@@ -16355,14 +16365,14 @@ const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab =
       const { target: F, contentRect: L } = I[0], K = F.querySelector(".cds-pagination__list > *");
       if (!K) return;
       const U = L.width, H = K.offsetWidth + parseFloat(getComputedStyle(K).marginRight) * 2;
-      l.value = x(U, H);
+      l.value = $(U, H);
     }), m = p(() => parseInt(e.length, 10)), v = p(() => parseInt(e.start, 10)), y = p(() => ({
       "cds-pagination": !0,
       "cds-pagination--quick-jumper": e.quickJumper,
       "cds-pagination--disabled": e.disabled
     })), b = p(() => ({
       "cds-pagination__list": !0
-    })), w = p(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o(l) >= 0 ? o(l) : x(o(i), 32)), S = p(() => {
+    })), w = p(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o(l) >= 0 ? o(l) : $(o(i), 32)), S = p(() => {
       if (o(m) <= 0 || isNaN(o(m)) || o(m) > Number.MAX_SAFE_INTEGER) return [];
       if (o(w) <= 1) return [o(s)];
       if (o(m) <= o(w)) return oo(o(m), o(v));
@@ -16417,7 +16427,7 @@ const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab =
         }
       };
     });
-    function x(I, F) {
+    function $(I, F) {
       return Math.max(0, Math.floor(+((I - F * 3) / F).toFixed(2)));
     }
     function E() {
@@ -16506,7 +16516,7 @@ const $r = "cds-notification-alert__wrapper", jl = "CdsNotificationAlert", ab =
   errorGroup: B(!1),
   handleChangeRadio: () => {
   }
-}, tf = Symbol.for("cds:radio"), Er = "CdsRadioButton", cb = $({
+}, tf = Symbol.for("cds:radio"), Er = "CdsRadioButton", cb = x({
   name: Er,
   components: { CdsInput: cn, CdsInputLabel: Bt, CdsInputDescription: Yt },
   props: {
@@ -16584,7 +16594,7 @@ function ub(e, t, n, a, r, s) {
     _: 3
   }, 16, ["id", "class"]);
 }
-const fb = /* @__PURE__ */ ut(cb, [["render", ub]]), Wl = "CdsRadio", hb = $({
+const fb = /* @__PURE__ */ ut(cb, [["render", ub]]), Wl = "CdsRadio", hb = x({
   name: Wl,
   components: { CdsInput: cn, CdsInputLabel: Bt, CdsInputDescription: Yt },
   props: {
@@ -16607,8 +16617,8 @@ const fb = /* @__PURE__ */ ut(cb, [["render", ub]]), Wl = "CdsRadio", hb = $({
     const { id: r, hasLabel: s, hasDescription: i } = Zt(e, n, "radio"), { isFocused: l, focus: c, blur: h } = rn(e, Wl), { rootAttrs: d, inputAttrs: f } = _o(t), { inputProps: m } = In(e, ["hideMessages"]), v = B(), { isGroup: y, model: b, disabledGroup: w, readonlyGroup: S, errorGroup: k, handleChangeRadio: _ } = Ye(
       tf,
       lb
-    ), x = p(() => o(w) || e.disabled), E = p(() => o(S) || e.readonly), C = p(() => o(k) || e.error), A = p(() => o(y) || e.hideMessages), D = p(() => o(b) === e.value), P = p(() => ({
-      "cds-radio--disabled": o(x),
+    ), $ = p(() => o(w) || e.disabled), E = p(() => o(S) || e.readonly), C = p(() => o(k) || e.error), A = p(() => o(y) || e.hideMessages), D = p(() => o(b) === e.value), P = p(() => ({
+      "cds-radio--disabled": o($),
       "cds-radio--checked": o(b)
     })), N = (O) => {
       const M = O.target.value;
@@ -16630,7 +16640,7 @@ const fb = /* @__PURE__ */ ut(cb, [["render", ub]]), Wl = "CdsRadio", hb = $({
       inputProps: m,
       rootAttrs: d,
       inputAttrs: f,
-      internalDisabled: x,
+      internalDisabled: $,
       internalReadonly: E,
       internalError: C,
       internalHideMessages: A,
@@ -16691,7 +16701,7 @@ function vb(e, t, n, a, r, s) {
     _: 3
   }, 16, ["id", "focused", "class", "hide-messages"]);
 }
-const Ii = /* @__PURE__ */ ut(hb, [["render", vb]]), Po = "CdsSelect", gb = $({
+const Ii = /* @__PURE__ */ ut(hb, [["render", vb]]), Po = "CdsSelect", gb = x({
   name: Po,
   components: { CdsInput: cn, CdsInputLabel: Bt, CdsInputDescription: Yt, CdsIcon: lt, CdsLoader: Fn, CdsFunctionalButton: Xe, CdsTransition: kt },
   props: {
@@ -16743,7 +16753,7 @@ const Ii = /* @__PURE__ */ ut(hb, [["render", vb]]), Po = "CdsSelect", gb = $({
     const s = Ze(e, "modelValue"), { themeClasses: i } = Re(e), { id: l, hasLabel: c, hasDescription: h } = Zt(e, t, Po), { hasPrepend: d, hasAppend: f, iconClasses: m } = hn(e, t, Po), { hasLoading: v, loadingClasses: y } = Zo(e), { isFocused: b, focus: w, blur: S } = rn(e, Po), {
       hasPrependInnerIcon: k,
       hasAppendInnerIcon: _,
-      fieldClasses: x,
+      fieldClasses: $,
       fieldProps: E,
       handleClickPrependInner: C,
       handleClickAppendInner: A
@@ -16798,7 +16808,7 @@ const Ii = /* @__PURE__ */ ut(hb, [["render", vb]]), Po = "CdsSelect", gb = $({
       hasAppendInnerIcon: _,
       hasLoading: v,
       hasClear: F,
-      fieldClasses: x,
+      fieldClasses: $,
       selectClasses: H,
       iconClasses: m,
       loadingClasses: y,
@@ -16975,7 +16985,7 @@ function _b(e, t, n, a, r, s) {
     ]), 1040, ["id", "modelValue", "focused", "class"])
   ], 16);
 }
-const xb = /* @__PURE__ */ ut(gb, [["render", _b]]), Ir = "CdsSidebar", $b = $({
+const xb = /* @__PURE__ */ ut(gb, [["render", _b]]), Ir = "CdsSidebar", $b = x({
   name: Ir,
   components: {
     CdsFunctionalButton: Xe,
@@ -17137,7 +17147,7 @@ function Ul(e) {
 function Yl(e) {
   return e.replace(/\s/g, "").split(",").map(sr);
 }
-const Bb = "CdsSkeletonLoader", Rb = $({
+const Bb = "CdsSkeletonLoader", Rb = x({
   name: Bb,
   props: {
     /**
@@ -17259,7 +17269,7 @@ const Bb = "CdsSkeletonLoader", Rb = $({
     ...Ve()
   },
   "slideViewItem"
-), Gl = "CdsSlideView", Kb = $({
+), Gl = "CdsSlideView", Kb = x({
   name: Gl,
   directives: { Touch: po },
   props: {
@@ -17270,12 +17280,12 @@ const Bb = "CdsSkeletonLoader", Rb = $({
   },
   setup(e, { slots: t, expose: n }) {
     const a = $o(e, of), { themeClasses: r } = Re(e), { disabledClasses: s } = Gn(e), { directionClasses: i } = Jo(e, Gl), { slideView: l } = Qt(e), c = B(), h = ke(!1), d = p(() => {
-      const x = e.direction === "vertical" ? "y" : "x", E = o(h) ? "-reverse" : "";
-      return `cds-slide-view-${x}${E}-transition`;
-    }), f = ke(0), m = B(void 0), v = p(() => o(a.items).findIndex((x) => o(a.selected).includes(x.id)));
-    te(v, (x, E) => {
+      const $ = e.direction === "vertical" ? "y" : "x", E = o(h) ? "-reverse" : "";
+      return `cds-slide-view-${$}${E}-transition`;
+    }), f = ke(0), m = B(void 0), v = p(() => o(a.items).findIndex(($) => o(a.selected).includes($.id)));
+    te(v, ($, E) => {
       const C = o(a.items).length, A = C - 1;
-      C <= 2 ? h.value = x < E : x === A && E === 0 ? h.value = !0 : x === 0 && E === A ? h.value = !1 : h.value = x < E;
+      C <= 2 ? h.value = $ < E : $ === A && E === 0 ? h.value = !0 : $ === 0 && E === A ? h.value = !1 : h.value = $ < E;
     }), Nb({
       transition: d,
       rootRef: c,
@@ -17291,13 +17301,13 @@ const Bb = "CdsSkeletonLoader", Rb = $({
       o(b) && a.next();
     }
     const k = p(() => {
-      const x = [], E = {
+      const $ = [], E = {
         icon: e.prevIcon,
         class: "cds-slide-view__arrow-left",
         onClick: a.prev,
         ariaLabel: l.prev
       };
-      x.push(
+      $.push(
         o(y) ? t.prev ? t.prev({ props: E }) : g(Xe, {
           ...E
         }) : g("div")
@@ -17308,9 +17318,9 @@ const Bb = "CdsSkeletonLoader", Rb = $({
         onClick: a.next,
         ariaLabel: l.next
       };
-      return x.push(
+      return $.push(
         o(b) ? t.next ? t.next({ props: C }) : g(Xe, { ...C }) : g("div")
-      ), x;
+      ), $;
     }), _ = p(() => e.touch === !1 ? e.touch : {
       ...{
         left: S,
@@ -17323,7 +17333,7 @@ const Bb = "CdsSkeletonLoader", Rb = $({
     });
     return Se(
       () => {
-        var x, E;
+        var $, E;
         return g(
           e.tag,
           {
@@ -17340,7 +17350,7 @@ const Bb = "CdsSkeletonLoader", Rb = $({
                 style: { height: o(m) }
               },
               [
-                (x = t.default) == null ? void 0 : x.call(t, { group: a }),
+                ($ = t.default) == null ? void 0 : $.call(t, { group: a }),
                 e.showArrows !== !1 && g("div", { class: "cds-slide-view__controls" }, o(k)),
                 (E = t.additional) == null ? void 0 : E.call(t, { group: a })
               ]
@@ -17359,7 +17369,7 @@ const Bb = "CdsSkeletonLoader", Rb = $({
 function zb(e, t, n, a, r, s) {
   return "Component: CdsSlideView";
 }
-const sf = /* @__PURE__ */ ut(Kb, [["render", zb]]), Hb = "CdsSlideViewItem", lf = $({
+const sf = /* @__PURE__ */ ut(Kb, [["render", zb]]), Hb = "CdsSlideViewItem", lf = x({
   name: Hb,
   props: {
     ...rf()
@@ -17429,7 +17439,7 @@ const sf = /* @__PURE__ */ ut(Kb, [["render", zb]]), Hb = "CdsSlideViewItem", lf
       groupItem: r
     }), {};
   }
-}), Vb = "CdsStages", jb = $({
+}), Vb = "CdsStages", jb = x({
   name: Vb,
   props: {
     /**
@@ -17498,7 +17508,7 @@ function Yb(e, t, n, a, r, s) {
     ], 2))), 128))
   ], 6);
 }
-const Gb = /* @__PURE__ */ ut(jb, [["render", Yb]]), ql = "CdsStatus", qb = $({
+const Gb = /* @__PURE__ */ ut(jb, [["render", Yb]]), ql = "CdsStatus", qb = x({
   name: ql,
   components: {
     CdsIcon: lt
@@ -17554,7 +17564,7 @@ function Zb(e, t, n, a, r, s) {
 }
 const cf = /* @__PURE__ */ ut(qb, [["render", Zb]]), df = Symbol.for("cds:steps-group"), uf = Symbol.for("cds:steps"), Jb = (e) => {
   tt(uf, e);
-}, Qb = () => Ye(uf, {}), ek = "CdsSteps", tk = $({
+}, Qb = () => Ye(uf, {}), ek = "CdsSteps", tk = x({
   name: ek,
   directives: { Touch: po },
   props: {
@@ -17605,7 +17615,7 @@ const cf = /* @__PURE__ */ ut(qb, [["render", Zb]]), df = Symbol.for("cds:steps-
       );
     }), {};
   }
-}), nk = "CdsStepsItem", ok = $({
+}), nk = "CdsStepsItem", ok = x({
   name: nk,
   props: {
     /**
@@ -17648,7 +17658,7 @@ const cf = /* @__PURE__ */ ut(qb, [["render", Zb]]), df = Symbol.for("cds:steps-
       warning: o(d),
       last: o(S),
       first: o(k)
-    })), x = (A) => {
+    })), $ = (A) => {
       (A.key === "Enter" || A.key === " ") && (A.preventDefault(), C());
     }, E = (A, D, P) => {
       let O = 0;
@@ -17674,7 +17684,7 @@ const cf = /* @__PURE__ */ ut(qb, [["render", Zb]]), df = Symbol.for("cds:steps-
           [Ct.invalid]: o(f)
         }),
         tabindex: o(h),
-        onKeydown: x,
+        onKeydown: $,
         onClick: C
       },
       [
@@ -17713,7 +17723,7 @@ const cf = /* @__PURE__ */ ut(qb, [["render", Zb]]), df = Symbol.for("cds:steps-
       ]
     ));
   }
-}), io = "CDS_TABLE_INTERNAL_COL_DEFINE", Di = "CDS_TABLE_INTERNAL_HOOK", ff = 20, ak = "CdsTooltip", Ai = $({
+}), io = "CDS_TABLE_INTERNAL_COL_DEFINE", Di = "CDS_TABLE_INTERNAL_HOOK", ff = 20, ak = "CdsTooltip", Ai = x({
   name: ak,
   props: {
     /**
@@ -18623,7 +18633,7 @@ function us(e) {
         icon: w = (A = s.icon) == null ? void 0 : A.call(s, y),
         switcherIcon: S = (D = s.switcherIcon) == null ? void 0 : D.call(s, y),
         ...k
-      } = l, _ = (P = s.default) == null ? void 0 : P.call(s), x = {
+      } = l, _ = (P = s.default) == null ? void 0 : P.call(s), $ = {
         ...k,
         title: b,
         icon: w,
@@ -18631,7 +18641,7 @@ function us(e) {
         key: i,
         ...v
       }, E = t(_);
-      return E.length && (x.children = E), x;
+      return E.length && ($.children = E), $;
     });
   }
   return t(e);
@@ -18656,8 +18666,8 @@ function lk(e, t, n) {
         nodes: k
       });
     }
-    w && w.forEach((_, x) => {
-      f(_, x, { node: m, pos: S, level: y ? y.level + 1 : -1 }, k);
+    w && w.forEach((_, $) => {
+      f(_, $, { node: m, pos: S, level: y ? y.level + 1 : -1 }, k);
     });
   };
   f(null);
@@ -18750,10 +18760,10 @@ function Xl(e, t, n, a, r, s, i, l, c) {
     b = l[O];
   }
   const w = b.key, S = b, k = b.key;
-  let _ = 0, x = 0;
+  let _ = 0, $ = 0;
   if (!c.has(w))
     for (let P = 0; P < y && fk(b); P += 1)
-      b = b == null ? void 0 : b.parent, x += 1;
+      b = b == null ? void 0 : b.parent, $ += 1;
   const E = t.eventData, C = b == null ? void 0 : b.node;
   let A = !0;
   return hk(b) && (b == null ? void 0 : b.level) === 0 && d < f + m / 2 && s({
@@ -18764,7 +18774,7 @@ function Xl(e, t, n, a, r, s, i, l, c) {
     dragNode: E,
     dropNode: C,
     dropPosition: 0
-  }) ? _ = 0 : A = !1 : x === 0 ? y > -1.5 ? s({
+  }) ? _ = 0 : A = !1 : $ === 0 ? y > -1.5 ? s({
     dragNode: E,
     dropNode: C,
     dropPosition: 1
@@ -18782,7 +18792,7 @@ function Xl(e, t, n, a, r, s, i, l, c) {
     dropPosition: 1
   }) ? _ = 1 : A = !1, {
     dropPosition: _,
-    dropLevelOffset: x,
+    dropLevelOffset: $,
     dropTargetKey: b.key,
     dropTargetPos: b.pos,
     dragOverNodeKey: k,
@@ -19106,7 +19116,7 @@ function xf(e, t) {
   )), S = p(() => w.value.checkedKeys), k = p(() => w.value.halfCheckedKeys), _ = p(() => {
     const M = n.value.type === "radio" ? S.value.slice(0, 1) : S.value;
     return new Set(M);
-  }), x = p(
+  }), $ = p(
     () => n.value.type === "radio" ? /* @__PURE__ */ new Set() : new Set(k.value)
   ), [E, C] = Kn(null), A = (M) => {
     let I, F;
@@ -19250,7 +19260,7 @@ function xf(e, t) {
       };
     } : ae = ({ record: ve, index: he }) => {
       var Ee;
-      const T = de.value(ve, he), j = Q.has(T), q = x.value.has(T), V = h.value.get(T);
+      const T = de.value(ve, he), j = Q.has(T), q = $.value.has(T), V = h.value.get(T);
       let Z;
       return Ce.value === "nest" ? (Z = q, typeof (V == null ? void 0 : V.indeterminate) == "boolean" && He(
         "CdsTable",
@@ -19397,7 +19407,7 @@ function kk({
       const S = e == null ? void 0 : e.value[w];
       let k;
       (d.value === "left" || d.value) && !(l != null && l.value) ? k = "left" : (d.value === "right" || d.value) && (l == null ? void 0 : l.value) === e.value.length ? k = "right" : k = S ? S.fixed : void 0;
-      const _ = n.value, x = i.value, E = s.value, C = c.value, A = {
+      const _ = n.value, $ = i.value, E = s.value, C = c.value, A = {
         [io]: {
           class: "cds-table__expand-icon-col",
           columnType: "EXPAND_COLUMN"
@@ -19407,7 +19417,7 @@ function kk({
         class: "cds-table__row-expand-icon-cell",
         width: h.value,
         customRender: ({ record: D, index: P }) => {
-          const N = a.value(D, P), O = _.has(N), M = x ? x(D) : !0, I = E({
+          const N = a.value(D, P), O = _.has(N), M = $ ? $(D) : !0, I = E({
             expanded: O,
             expandable: M,
             record: D,
@@ -19494,7 +19504,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
   tt(Nf, e);
 }, Ok = () => Ye(Nf, {}), Bk = Symbol("cds:table:summary"), Rk = (e) => {
   tt(Bk, e);
-}, ec = $({
+}, ec = x({
   name: "FilterSearch",
   inheritAttrs: !1,
   props: ["value", "filterSearch", "locale"],
@@ -19516,7 +19526,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
       ) : null;
     };
   }
-}), Nk = $({
+}), Nk = x({
   name: "FilterDropdownMenuWrapper",
   setup(e, { slots: t }) {
     return () => {
@@ -19524,7 +19534,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
       return g("div", { onClick: (a) => a.stopPropagation() }, (n = t.default) == null ? void 0 : n.call(t));
     };
   }
-}), Lk = $({
+}), Lk = x({
   name: "FilterDropdown",
   props: [
     "column",
@@ -19584,7 +19594,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
     dt(() => {
       clearTimeout(o(S));
     });
-    const _ = B(""), x = (I) => {
+    const _ = B(""), $ = (I) => {
       const { value: F } = I.target;
       _.value = F;
     };
@@ -19631,7 +19641,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
         g(ec, {
           filterSearch: o(r),
           value: o(_),
-          onChange: x,
+          onChange: $,
           locale: L
         }),
         g(
@@ -19651,7 +19661,7 @@ const Af = Symbol("cds:table"), Sk = (e) => {
         g(ec, {
           filterSearch: o(r),
           value: o(_),
-          onChange: x,
+          onChange: $,
           locale: L
         }),
         g(
@@ -20001,9 +20011,9 @@ function zf(e, t, n, a, r, s, i) {
         g(lt, {
           name: b === Ro && "sorting-up" || b === Da && "sorting-down" || "sorting"
         })
-      ), { cancelSort: k, triggerAsc: _, triggerDesc: x } = r || {};
+      ), { cancelSort: k, triggerAsc: _, triggerDesc: $ } = r || {};
       let E = k;
-      w === Da ? E = x : w === Ro && (E = _);
+      w === Da ? E = $ : w === Ro && (E = _);
       const C = typeof m == "object" ? m : { text: E };
       d = {
         ...d,
@@ -20281,7 +20291,7 @@ function eC(e, t) {
   const n = B(0), a = B(), r = B(), s = B(), i = B({
     scrollWidth: 0,
     clientWidth: 0
-  }), l = B(), [c, h] = Kn(!1), [d, f] = Kn(!1), [m, v] = Hf(/* @__PURE__ */ new Map()), y = p(() => lr(t.value)), b = p(() => y.value.map((Q) => m.value.get(Q))), w = p(() => t.value.length), S = Jk(b, w), k = p(() => e.scroll && ds(e.scroll.y)), _ = p(() => e.scroll && ds(e.scroll.x) || !!e.expandFixed), x = p(() => _.value && t.value.some(({ fixed: Q }) => Q)), E = B(), C = Zk(st(e, "sticky")), A = ht({}), D = p(() => {
+  }), l = B(), [c, h] = Kn(!1), [d, f] = Kn(!1), [m, v] = Hf(/* @__PURE__ */ new Map()), y = p(() => lr(t.value)), b = p(() => y.value.map((Q) => m.value.get(Q))), w = p(() => t.value.length), S = Jk(b, w), k = p(() => e.scroll && ds(e.scroll.y)), _ = p(() => e.scroll && ds(e.scroll.x) || !!e.expandFixed), $ = p(() => _.value && t.value.some(({ fixed: Q }) => Q)), E = B(), C = Zk(st(e, "sticky")), A = ht({}), D = p(() => {
     const [Q] = Object.values(A);
     return (k.value || C.value.isSticky) && Q;
   }), P = (Q, ue) => {
@@ -20370,7 +20380,7 @@ function eC(e, t) {
     },
     { flush: "post" }
   );
-  const oe = p(() => e.tableLayout ? e.tableLayout : x.value ? e.scroll.x === "max-content" ? "auto" : "fixed" : k.value || C.value.isSticky || t.value.some(({ ellipsis: Q }) => Q) ? "fixed" : "auto");
+  const oe = p(() => e.tableLayout ? e.tableLayout : $.value ? e.scroll.x === "max-content" ? "auto" : "fixed" : k.value || C.value.isSticky || t.value.some(({ ellipsis: Q }) => Q) ? "fixed" : "auto");
   return {
     fullTableRef: a,
     scrollHeaderRef: r,
@@ -20379,7 +20389,7 @@ function eC(e, t) {
     stickyRef: E,
     componentWidth: n,
     fixHeader: k,
-    fixColumn: x,
+    fixColumn: $,
     fixFooter: D,
     pingedLeft: c,
     pingedRight: d,
@@ -20460,7 +20470,7 @@ function jf(e, t) {
     });
   };
 }
-const Bi = $({
+const Bi = x({
   name: "Cell",
   props: [
     "record",
@@ -20523,7 +20533,7 @@ const Bi = $({
         customRender: S,
         component: k = "td",
         fixLeft: _,
-        fixRight: x,
+        fixRight: $,
         firstFixLeft: E,
         lastFixLeft: C,
         firstFixRight: A,
@@ -20594,8 +20604,8 @@ const Bi = $({
       } = U || {}, Q = (Ie = X !== void 0 ? X : l.value) != null ? Ie : 1, ue = (ie = de !== void 0 ? de : c.value) != null ? ie : 1;
       if (Q === 0 || ue === 0)
         return null;
-      const Te = {}, Be = typeof _ == "number" && i.value, fe = typeof x == "number" && i.value;
-      Be && (Te.position = "sticky", Te.left = `${_}px`), fe && (Te.position = "sticky", Te.right = `${x}px`);
+      const Te = {}, Be = typeof _ == "number" && i.value, fe = typeof $ == "number" && i.value;
+      Be && (Te.position = "sticky", Te.left = `${_}px`), fe && (Te.position = "sticky", Te.right = `${$}px`);
       const De = {};
       M && (De.textAlign = M);
       let ae = "";
@@ -20647,7 +20657,7 @@ function Wf(e = []) {
 function oC(e) {
   return e && typeof e == "object" && !Array.isArray(e) && !Rn(e);
 }
-const Ri = $({
+const Ri = x({
   name: "ResizeObserver",
   props: ["disabled", "onResize"],
   emits: ["resize"],
@@ -20702,7 +20712,7 @@ const Ri = $({
       return (h = t.default) == null ? void 0 : h.call(t)[0];
     };
   }
-}), aC = $({
+}), aC = x({
   name: "MeasureCell",
   props: ["columnKey"],
   emits: ["columnResize"],
@@ -20728,7 +20738,7 @@ const Ri = $({
       }
     );
   }
-}), Uf = $({
+}), Uf = x({
   name: "ExpandedRow",
   inheritAttrs: !1,
   props: ["component", "cellComponent", "expanded", "colSpan", "isEmpty"],
@@ -20764,7 +20774,7 @@ const Ri = $({
       );
     };
   }
-}), rC = $({
+}), rC = x({
   name: "BodyRow",
   inheritAttrs: !1,
   props: [
@@ -20804,7 +20814,7 @@ const Ri = $({
       return typeof k == "string" ? k : typeof k == "function" ? k(b, w, S) : "";
     }), y = p(() => lr(a.flattenColumns));
     return () => {
-      const { class: b, style: w } = t, { record: S, index: k, rowKey: _, indent: x = 0, rowComponent: E, cellComponent: C } = e, { fixedInfoList: A, transformCellText: D } = n, { flattenColumns: P, expandedRowClassName: N, indentSize: O, expandIcon: M, expandedRowRender: I, expandIconColumnIndex: F } = a, L = g(
+      const { class: b, style: w } = t, { record: S, index: k, rowKey: _, indent: $ = 0, rowComponent: E, cellComponent: C } = e, { fixedInfoList: A, transformCellText: D } = n, { flattenColumns: P, expandedRowClassName: N, indentSize: O, expandIcon: M, expandedRowRender: I, expandIconColumnIndex: F } = a, L = g(
         E,
         {
           ...f.value,
@@ -20814,7 +20824,7 @@ const Ri = $({
             v.value,
             f.value.class,
             "cds-table__row",
-            `cds-table__row--level-${x}`
+            `cds-table__row--level-${$}`
           ),
           style: {
             ...w,
@@ -20828,8 +20838,8 @@ const Ri = $({
           U.customCell && (oe = U.customCell(S, k, U));
           const Q = H === (F || 0) && l.value ? g(ze, [
             g("span", {
-              style: { paddingLeft: `${O * x}px` },
-              class: ee("cds-table__row-indent", `cds-table__row-indent-level--${x}`)
+              style: { paddingLeft: `${O * $}px` },
+              class: ee("cds-table__row-indent", `cds-table__row-indent-level--${$}`)
             }),
             M({
               expanded: s.value,
@@ -20861,13 +20871,13 @@ const Ri = $({
       );
       let K;
       if (i.value && (r.value || s.value)) {
-        const U = I && I({ record: S, index: k, indent: x + 1, expanded: s.value }), H = N && N(S, k, x);
+        const U = I && I({ record: S, index: k, indent: $ + 1, expanded: s.value }), H = N && N(S, k, $);
         K = g(
           Uf,
           {
             class: ee(
               "cds-table__expanded-row",
-              `cds-table__expanded-row-level--${x + 1}`,
+              `cds-table__expanded-row-level--${$ + 1}`,
               H
             ),
             expanded: s.value,
@@ -20884,7 +20894,7 @@ const Ri = $({
       return g(ze, [L, K]);
     };
   }
-}), sC = $({
+}), sC = x({
   // eslint-disable-next-line vue/no-reserved-component-names
   name: "Body",
   props: [
@@ -20913,7 +20923,7 @@ const Ri = $({
         }, 100);
       }
     }), () => {
-      const { data: h, getRowKey: d, measureColumnWidth: f, expandedKeys: m, customRow: v, rowExpandable: y, childrenColumnName: b } = e, { onColumnResize: w } = n, { getComponent: S } = a, { flattenColumns: k } = r, _ = S(["body", "wrapper"], "tbody"), x = S(["body", "row"], "tr"), E = S(["body", "cell"], "td");
+      const { data: h, getRowKey: d, measureColumnWidth: f, expandedKeys: m, customRow: v, rowExpandable: y, childrenColumnName: b } = e, { onColumnResize: w } = n, { getComponent: S } = a, { flattenColumns: k } = r, _ = S(["body", "wrapper"], "tbody"), $ = S(["body", "row"], "tr"), E = S(["body", "cell"], "td");
       let C;
       h.length ? C = s.value.map((D, P) => {
         const { record: N, indent: O, index: M } = D, I = d(N, P);
@@ -20924,7 +20934,7 @@ const Ri = $({
           recordKey: I,
           rowKey: I,
           index: P,
-          rowComponent: x,
+          rowComponent: $,
           cellComponent: E,
           expandedKeys: m,
           customRow: v,
@@ -20939,7 +20949,7 @@ const Ri = $({
           expanded: !0,
           isEmpty: !0,
           class: "cds-table-placeholder",
-          component: x,
+          component: $,
           cellComponent: E,
           colSpan: k.length
         },
@@ -20962,7 +20972,7 @@ const Ri = $({
       ]);
     };
   }
-}), Yf = $({
+}), Yf = x({
   name: "ColGroup",
   props: ["colWidths", "columns", "columnCount"],
   setup(e) {
@@ -20985,7 +20995,7 @@ const Ri = $({
       return g("colgroup", r);
     };
   }
-}), ic = $({
+}), ic = x({
   name: "FixedHolder",
   inheritAttrs: !1,
   props: [
@@ -21041,7 +21051,7 @@ const Ri = $({
     }), v = wk(st(e, "colWidths"), st(e, "columnCount"));
     return () => {
       var E;
-      const { noData: y, columnCount: b, stickyTopOffset: w, stickyBottomOffset: S, stickyClassName: k, maxContentScroll: _ } = e, { isSticky: x } = r;
+      const { noData: y, columnCount: b, stickyTopOffset: w, stickyBottomOffset: S, stickyClassName: k, maxContentScroll: _ } = e, { isSticky: $ } = r;
       return g(
         "div",
         {
@@ -21051,7 +21061,7 @@ const Ri = $({
           }),
           style: {
             overflow: "hidden",
-            ...x ? { top: `${w}px`, bottom: `${S}px` } : {}
+            ...$ ? { top: `${w}px`, bottom: `${S}px` } : {}
           }
         },
         g(
@@ -21079,7 +21089,7 @@ const Ri = $({
       );
     };
   }
-}), ba = $({
+}), ba = x({
   // eslint-disable-next-line vue/no-reserved-component-names
   name: "Footer",
   inheritAttrs: !1,
@@ -21108,7 +21118,7 @@ const Ri = $({
     move: "touchmove",
     stop: "touchend"
   }
-}, cc = 50, iC = $({
+}, cc = 50, iC = x({
   name: "DragHandle",
   props: {
     width: {
@@ -21147,9 +21157,9 @@ const Ri = $({
     ), c = mt("drag-handle"), h = B(!1);
     let d = 0, f;
     const m = (_) => {
-      let x = 0;
-      _.touches ? _.touches.length ? x = _.touches[0].pageX : x = _.changedTouches[0].pageX : x = _.pageX;
-      const E = t - x;
+      let $ = 0;
+      _.touches ? _.touches.length ? $ = _.touches[0].pageX : $ = _.changedTouches[0].pageX : $ = _.pageX;
+      const E = t - $;
       let C = Math.max(d - E, i.value);
       C = Math.min(C, l.value), bt.cancel(f), f = bt(() => {
         s(C, e.column.__originColumn__);
@@ -21158,9 +21168,9 @@ const Ri = $({
       m(_);
     }, y = (_) => {
       h.value = !1, m(_), r();
-    }, b = (_, x) => {
+    }, b = (_, $) => {
       var E, C;
-      h.value = !0, r(), d = (C = (E = c == null ? void 0 : c.vnode) == null ? void 0 : E.el) == null ? void 0 : C.parentNode.getBoundingClientRect().width, !(_ instanceof MouseEvent && _.which !== 1) && (_.stopPropagation && _.stopPropagation(), t = _.touches ? _.touches[0].pageX : _.pageX, n = Cn(document.documentElement, x.move, v), a = Cn(document.documentElement, x.stop, y));
+      h.value = !0, r(), d = (C = (E = c == null ? void 0 : c.vnode) == null ? void 0 : E.el) == null ? void 0 : C.parentNode.getBoundingClientRect().width, !(_ instanceof MouseEvent && _.which !== 1) && (_.stopPropagation && _.stopPropagation(), t = _.touches ? _.touches[0].pageX : _.pageX, n = Cn(document.documentElement, $.move, v), a = Cn(document.documentElement, $.stop, y));
     }, w = (_) => {
       _.stopPropagation(), _.preventDefault(), b(_, lc.mouse);
     }, S = (_) => {
@@ -21170,7 +21180,7 @@ const Ri = $({
     };
     return () => {
       const _ = {
-        [Ht ? "onTouchstartPassive" : "onTouchstart"]: (x) => S(x)
+        [Ht ? "onTouchstartPassive" : "onTouchstart"]: ($) => S($)
       };
       return g(
         "div",
@@ -21184,7 +21194,7 @@ const Ri = $({
       );
     };
   }
-}), lC = $({
+}), lC = x({
   name: "HeaderRow",
   props: [
     "cells",
@@ -21254,7 +21264,7 @@ const Ri = $({
       );
     };
   }
-}), dc = $({
+}), dc = x({
   // eslint-disable-next-line vue/no-reserved-component-names
   name: "Header",
   inheritAttrs: !1,
@@ -21307,7 +21317,7 @@ function cC(e) {
   }
   return t;
 }
-const Fr = $({
+const Fr = x({
   name: "Panel",
   setup(e, { slots: t }) {
     return () => {
@@ -21315,7 +21325,7 @@ const Fr = $({
       return g("div", (n = t.default) == null ? void 0 : n.call(t));
     };
   }
-}), dC = $({
+}), dC = x({
   name: "StickyScrollbar",
   inheritAttrs: !1,
   props: ["scrollBodyRef", "onScroll", "offsetScroll", "container", "scrollBodySizeInfo"],
@@ -21333,30 +21343,30 @@ const Fr = $({
     );
     const f = () => {
       l.value = !1;
-    }, m = (x) => {
-      const { buttons: E } = x || (window == null ? void 0 : window.event);
+    }, m = ($) => {
+      const { buttons: E } = $ || (window == null ? void 0 : window.event);
       if (!l.value || E === 0) {
         l.value && (l.value = !1);
         return;
       }
-      let C = c.value.x + x.pageX - c.value.x - c.value.delta;
+      let C = c.value.x + $.pageX - c.value.x - c.value.delta;
       C <= 0 && (C = 0), C + s.value >= r.value && (C = r.value - s.value), t("scroll", {
         scrollLeft: C / r.value * (a.value + 2)
-      }), c.value.x = x.pageX;
+      }), c.value.x = $.pageX;
     }, v = () => {
       if (!e.scrollBodyRef.value) return;
-      const x = Vr(e.scrollBodyRef.value).top, E = x + e.scrollBodyRef.value.offsetHeight, C = e.container === window ? document.documentElement.scrollTop + window.innerHeight : Vr(e.container).top + e.container.clientHeight;
-      E - Ln() <= C || x >= C - e.offsetScroll ? d((A) => ({
+      const $ = Vr(e.scrollBodyRef.value).top, E = $ + e.scrollBodyRef.value.offsetHeight, C = e.container === window ? document.documentElement.scrollTop + window.innerHeight : Vr(e.container).top + e.container.clientHeight;
+      E - Ln() <= C || $ >= C - e.offsetScroll ? d((A) => ({
         ...A,
         isHiddenScrollbar: !0
       })) : d((A) => ({
         ...A,
         isHiddenScrollbar: !1
       }));
-    }, y = (x) => {
+    }, y = ($) => {
       d((E) => ({
         ...E,
-        scrollLeft: x / a.value * r.value || 0
+        scrollLeft: $ / a.value * r.value || 0
       }));
     };
     let b = null, w = null, S = null, k = null;
@@ -21386,8 +21396,8 @@ const Fr = $({
       b == null || b.remove(), w == null || w.remove(), k == null || k.remove(), S == null || S.remove();
     }), te(
       () => ({ ...h.value }),
-      (x, E) => {
-        x.isHiddenScrollbar !== (E == null ? void 0 : E.isHiddenScrollbar) && !x.isHiddenScrollbar && d((C) => {
+      ($, E) => {
+        $.isHiddenScrollbar !== (E == null ? void 0 : E.isHiddenScrollbar) && !$.isHiddenScrollbar && d((C) => {
           const A = e.scrollBodyRef.value;
           return A ? {
             ...C,
@@ -21420,7 +21430,7 @@ const Fr = $({
       })
     );
   }
-}), uC = [], fC = "InternalTable", hC = $({
+}), uC = [], fC = "InternalTable", hC = x({
   name: fC,
   inheritAttrs: !1,
   props: {
@@ -21499,7 +21509,7 @@ const Fr = $({
       flattenColumns: S.value
     })), {
       fixHeader: _,
-      fixColumn: x,
+      fixColumn: $,
       fixFooter: E,
       horizonScroll: C,
       stickyOffsets: A,
@@ -21563,7 +21573,7 @@ const Fr = $({
     }), Pk({
       componentWidth: O,
       fixHeader: _,
-      fixColumn: x,
+      fixColumn: $,
       horizonScroll: C
     });
     const fe = () => {
@@ -21717,7 +21727,7 @@ const Fr = $({
             "cds-table": !0,
             "cds-table--layout-fixed": ne === "fixed",
             "cds-table--fixed-header": _.value,
-            "cds-table--fixed-column": x.value,
+            "cds-table--fixed-column": $.value,
             "cds-table--ping-left": F.value,
             "cds-table--ping-right": L.value,
             "cds-table--scroll-horizontal": C.value,
@@ -21743,7 +21753,7 @@ const Fr = $({
       ) : re();
     });
   }
-}), uc = "TableProvider", mC = $({
+}), uc = "TableProvider", mC = x({
   name: uc,
   inheritAttrs: !1,
   props: {
@@ -21796,7 +21806,7 @@ const Fr = $({
       });
     }, _ = (ae, le) => {
       k({ sorter: ae, sorterStates: le }, "sort", !1);
-    }, x = p(() => e.sortDirection || [Ro, Da]), E = st(e, "showSorterTooltip"), {
+    }, $ = p(() => e.sortDirection || [Ro, Da]), E = st(e, "showSorterTooltip"), {
       transformColumns: C,
       mergedSorterStates: A,
       columnTitleSorterProps: D,
@@ -21804,7 +21814,7 @@ const Fr = $({
     } = Hk({
       mergedColumns: i,
       onSorterChange: _,
-      sortDirections: x,
+      sortDirections: $,
       tableLocale: v,
       showSorterTooltip: E
     }), N = p(() => ks(l.value, A.value, c.value)), O = (ae, le) => {
@@ -21953,7 +21963,7 @@ const Fr = $({
       );
     }), { selectedKeySet: Te };
   }
-}), vC = "CdsTable", gC = $({
+}), vC = "CdsTable", gC = x({
   name: vC,
   inheritAttrs: !1,
   props: {
@@ -22006,13 +22016,13 @@ const Fr = $({
       );
     }), { table: a };
   }
-}), yC = $({
+}), yC = x({
   name: "CdsTableColumn",
   slots: ["title", "filterIcon", "default"],
   render() {
     return null;
   }
-}), pC = $({
+}), pC = x({
   name: "CdsTableColumnGroup",
   slots: ["title", "default"],
   __CDS_TABLE_COLUMN_GROUP: !0,
@@ -22023,7 +22033,7 @@ const Fr = $({
 function bC(e) {
   return e ? e.map((t) => typeof t == "string" ? { title: t, value: t } : t) : [];
 }
-const kC = "CdsTabV2", Ua = $({
+const kC = "CdsTabV2", Ua = x({
   name: kC,
   props: {
     ...sn({
@@ -22079,7 +22089,7 @@ const kC = "CdsTabV2", Ua = $({
   }
 }), CC = {
   ...Ft(af(), ["continuous", "nextIcon", "prevIcon", "showArrows", "touch", "required"])
-}, wC = "CdsTabsView", SC = $({
+}, wC = "CdsTabsView", SC = x({
   name: wC,
   props: CC,
   emits: {
@@ -22109,7 +22119,7 @@ const kC = "CdsTabV2", Ua = $({
       t
     )), {};
   }
-}), _C = "CdsTabsViewItem", xC = $({
+}), _C = "CdsTabsViewItem", xC = x({
   name: _C,
   props: {
     ...rf()
@@ -22124,7 +22134,7 @@ const kC = "CdsTabV2", Ua = $({
       t
     )), {};
   }
-}), $C = "CdsTabsV2", Gf = $({
+}), $C = "CdsTabsV2", Gf = x({
   name: $C,
   props: {
     /**
@@ -22196,7 +22206,7 @@ const kC = "CdsTabV2", Ua = $({
       );
     }), {};
   }
-}), Oo = "CdsTextArea", EC = $({
+}), Oo = "CdsTextArea", EC = x({
   name: Oo,
   components: {
     CdsInput: cn,
@@ -22289,7 +22299,7 @@ const kC = "CdsTabV2", Ua = $({
     const s = Ze(e, "modelValue"), { themeClasses: i } = Re(e), { id: l, hasLabel: c, hasDescription: h } = Zt(e, t, Oo), { hasPrepend: d, hasAppend: f, iconClasses: m } = hn(e, t, Oo), { hasLoading: v, loadingClasses: y } = Zo(e), { isFocused: b, focus: w, blur: S } = rn(e, Oo), {
       hasPrependInnerIcon: k,
       hasAppendInnerIcon: _,
-      fieldClasses: x,
+      fieldClasses: $,
       fieldProps: E,
       handleClickPrependInner: C,
       handleClickAppendInner: A
@@ -22372,7 +22382,7 @@ const kC = "CdsTabV2", Ua = $({
       counterValue: M,
       iconClasses: m,
       textareaClasses: X,
-      fieldClasses: x,
+      fieldClasses: $,
       loadingClasses: y,
       textareaHeight: z,
       themeClasses: i,
@@ -22610,10 +22620,10 @@ function MC(e, t, n, a) {
     const k = s.value;
     let _;
     k.hour === null ? _ = "--" : k.hour !== void 0 && (l.value ? i.value ? _ = String(k.hour === 0 ? 12 : k.hour) : _ = String(k.hour > 12 ? k.hour - 12 : k.hour) : _ = Je(k.hour));
-    const x = k.minute === null ? "--" : Je(k.minute), E = k.second === null ? "--" : Je(k.second);
+    const $ = k.minute === null ? "--" : Je(k.minute), E = k.second === null ? "--" : Je(k.second);
     return {
       hour: _,
-      minute: x,
+      minute: $,
       second: E
     };
   }), h = p(
@@ -22669,10 +22679,10 @@ function MC(e, t, n, a) {
     }
     return zo(e.defaultDate, "YYYY/MM/DD");
   }
-  function S(k, _, x) {
+  function S(k, _, $) {
     const E = [...new Array(_ + 1)].map((C, A) => {
       const D = A + k;
-      return { index: D, value: x(D) === !0 };
+      return { index: D, value: $(D) === !0 };
     }).filter((C) => C.value).map((C) => C.index);
     return {
       min: E[0],
@@ -22709,7 +22719,7 @@ function Tr(e, t) {
     return n;
   }
 }
-const PC = "CdsTimePicker", OC = $({
+const PC = "CdsTimePicker", OC = x({
   name: PC,
   props: {
     ...TC(),
@@ -22740,7 +22750,7 @@ const PC = "CdsTimePicker", OC = $({
       validMinutes: S,
       validSeconds: k,
       getCurrentTime: _
-    } = MC(e, c, h, s), x = p(() => e.disabled ? { "aria-disabled": "true" } : e.readonly ? { "aria-readonly": "true" } : {}), E = p(() => ({
+    } = MC(e, c, h, s), $ = p(() => e.disabled ? { "aria-disabled": "true" } : e.readonly ? { "aria-readonly": "true" } : {}), E = p(() => ({
       "cds-time-picker": !0,
       "cds-time-picker--disabled": e.disabled,
       "cds-time-picker--readonly": e.readonly
@@ -22835,7 +22845,7 @@ const PC = "CdsTimePicker", OC = $({
         disabled: e.disabled,
         tabindex: -1
       };
-      return g("div", { class: ee(o(E), o(i)), ...o(x) }, [
+      return g("div", { class: ee(o(E), o(i)), ...o($) }, [
         g("div", { class: ee("cds-time-picker__container") }, [
           g("div", { class: "cds-time-picker__clock" }, [
             g(Xe, {
@@ -22921,7 +22931,7 @@ const PC = "CdsTimePicker", OC = $({
       setPm: I
     };
   }
-}), fc = "CdsToggle", BC = $({
+}), fc = "CdsToggle", BC = x({
   name: fc,
   components: { CdsTransitionSlideX: Uv },
   props: {
@@ -22958,7 +22968,7 @@ const PC = "CdsTimePicker", OC = $({
       var E;
       e.readonly || e.disabled || (E = o(y)) == null || E.click();
     }
-    const x = (E) => {
+    const $ = (E) => {
       (E.key === "Enter" || E.key === " ") && (E.preventDefault(), _());
     };
     return Se(() => {
@@ -22973,7 +22983,7 @@ const PC = "CdsTimePicker", OC = $({
           class: ee("cds-toggle", o(S), o(s)),
           ...o(f),
           ...o(m),
-          onKeydown: x
+          onKeydown: $
         },
         {
           default: (D) => g("span", { class: "cds-toggle__wrapper" }, [
@@ -23043,7 +23053,7 @@ const PC = "CdsTimePicker", OC = $({
       inputRef: y
     }), {};
   }
-}), Mr = "CdsToolbar", RC = $({
+}), Mr = "CdsToolbar", RC = x({
   name: Mr,
   props: {
     /**
@@ -23096,7 +23106,7 @@ const PC = "CdsTimePicker", OC = $({
       Xo(t.default)
     );
   }
-}), NC = "CdsToolbarTitle", LC = $({
+}), NC = "CdsToolbarTitle", LC = x({
   name: NC,
   props: {
     shrink: {
@@ -23141,7 +23151,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       })
     );
   return g("span", { "aria-hidden": !0, class: `${e}__indent` }, s);
-}, Xf = Symbol("cds:tree-context"), zC = $({
+}, Xf = Symbol("cds:tree-context"), zC = x({
   name: "TreeContext",
   props: {
     value: { type: Object }
@@ -23174,7 +23184,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
   checkedKeysSet: p(() => /* @__PURE__ */ new Set()),
   halfCheckedKeysSet: p(() => /* @__PURE__ */ new Set()),
   flattenNodes: ke([])
-}), mc = "open", vc = "close", VC = "---", Mt = "cds-treenode", jC = "CdsTreeNode", Ss = $({
+}), mc = "open", vc = "close", VC = "---", Mt = "cds-treenode", jC = "CdsTreeNode", Ss = x({
   componentName: jC,
   inheritAttrs: !1,
   isTreeNode: 1,
@@ -23192,7 +23202,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       dragOverNodeKey: m,
       dropPosition: v,
       keyEntities: y
-    })), w = zt(() => o(b).expanded), S = zt(() => o(b).selected), k = zt(() => o(b).checked), _ = zt(() => o(b).loaded), x = zt(() => o(b).loading), E = zt(() => o(b).halfChecked), C = zt(() => o(b).dragOver), A = zt(() => o(b).dragOverGapTop), D = zt(() => o(b).dragOverGapBottom), P = zt(() => o(b).pos), N = B(), O = p(() => {
+    })), w = zt(() => o(b).expanded), S = zt(() => o(b).selected), k = zt(() => o(b).checked), _ = zt(() => o(b).loaded), $ = zt(() => o(b).loading), E = zt(() => o(b).halfChecked), C = zt(() => o(b).dragOver), A = zt(() => o(b).dragOverGapTop), D = zt(() => o(b).dragOverGapBottom), P = zt(() => o(b).pos), N = B(), O = p(() => {
       const { eventKey: V } = e, { keyEntities: Z } = o(s), { children: Ee } = Z[V] || {};
       return !!(Ee || []).length;
     }), M = p(() => {
@@ -23221,7 +23231,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
         isLeaf: o(M),
         checked: o(k),
         expanded: o(w),
-        loading: o(x),
+        loading: o($),
         selected: o(S),
         halfChecked: o(E)
       };
@@ -23288,7 +23298,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       V.preventDefault(), V.stopPropagation(), r.value = !1, Z(V, X);
     }, ne = (V) => {
       const { onNodeExpand: Z } = o(s);
-      o(x) || Z(V, o(z));
+      o($) || Z(V, o(z));
     }, xe = () => {
       const { data: V } = e, { draggable: Z } = o(s);
       return Z && (!Z.nodeDraggable || Z.nodeDraggable(V));
@@ -23327,7 +23337,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       class: ee(
         `${Mt}__icon`,
         `${Mt}__icon--${o(I) || "docu"}`,
-        o(x) && `${Mt}__icon--loading`
+        o($) && `${Mt}__icon--loading`
       )
     }), T = () => {
       const { disabled: V, eventKey: Z } = e, { draggable: Ee, dropLevelOffset: Ae, dropPosition: Le, indent: R, dropIndicatorRender: W, dragOverNodeKey: Y } = o(s);
@@ -23368,7 +23378,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       );
     }, q = () => {
       const { loadData: V, onNodeLoad: Z } = o(s);
-      o(x) || V && w.value && !M.value && !O.value && !_.value && Z(z.value);
+      o($) || V && w.value && !M.value && !O.value && !_.value && Z(z.value);
     };
     ft(() => {
       q();
@@ -23389,7 +23399,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
             [`${Kt}__checkbox--indeterminate`]: o(E),
             [`${Kt}--disabled`]: o(F),
             [`${Kt}--selected`]: o(S),
-            [`${Kt}--loading`]: o(x),
+            [`${Kt}--loading`]: o($),
             [`${Kt}--active`]: R,
             [`${Kt}--leaf-last`]: Tt,
             [`${Kt}--draggable`]: Et,
@@ -23424,7 +23434,7 @@ const KC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       );
     });
   }
-}), WC = $({
+}), WC = x({
   name: "MotionTreeNode",
   inheritAttrs: !1,
   props: {
@@ -23567,7 +23577,7 @@ const UC = 20;
 function gc(e) {
   return "touches" in e ? e.touches[0].pageY : e.pageY;
 }
-const YC = $({
+const YC = x({
   name: "ScrollBar",
   inheritAttrs: !1,
   props: {
@@ -23603,15 +23613,15 @@ const YC = $({
     }, c = (_) => {
       _.stopPropagation(), _.preventDefault();
     }, h = (_) => {
-      var x;
+      var $;
       Object.assign(a, {
         dragging: !0,
         pageY: gc(_),
         startTop: y()
-      }), (x = e.onStartMove) == null || x.call(e), m(), _.stopPropagation(), _.preventDefault();
+      }), ($ = e.onStartMove) == null || $.call(e), m(), _.stopPropagation(), _.preventDefault();
     }, d = (_) => {
-      const { dragging: x, pageY: E, startTop: C } = a, { onScroll: A } = e;
-      if (bt.cancel(r), x) {
+      const { dragging: $, pageY: E, startTop: C } = a, { onScroll: A } = e;
+      if (bt.cancel(r), $) {
         const D = gc(_) - E, P = C + D, N = w(), O = S(), M = O ? P / O : 0, I = Math.ceil(M * N);
         r = bt(() => {
           A(I);
@@ -23622,12 +23632,12 @@ const YC = $({
       a.dragging = !1, _(), v();
     };
     ft(() => {
-      var _, x;
+      var _, $;
       (_ = o(t)) == null || _.addEventListener(
         "touchstart",
         l,
         Ht ? { passive: !1 } : !1
-      ), (x = o(n)) == null || x.addEventListener(
+      ), ($ = o(n)) == null || $.addEventListener(
         "touchstart",
         h,
         Ht ? { passive: !1 } : !1
@@ -23649,12 +23659,12 @@ const YC = $({
       ), o(n).addEventListener("touchend", f);
     }
     function v() {
-      var _, x, E, C;
+      var _, $, E, C;
       window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", f), (_ = o(t)) == null || _.removeEventListener(
         "touchstart",
         l,
         Ht ? { passive: !1 } : !1
-      ), o(n) && ((x = o(n)) == null || x.removeEventListener(
+      ), o(n) && (($ = o(n)) == null || $.removeEventListener(
         "touchstart",
         h,
         Ht ? { passive: !1 } : !1
@@ -23665,28 +23675,28 @@ const YC = $({
       ), (C = o(n)) == null || C.removeEventListener("touchend", f)), bt.cancel(r);
     }
     function y() {
-      const { scrollTop: _ } = e, x = w(), E = S();
-      return _ === 0 || x === 0 ? 0 : _ / x * E;
+      const { scrollTop: _ } = e, $ = w(), E = S();
+      return _ === 0 || $ === 0 ? 0 : _ / $ * E;
     }
     function b() {
-      const { height: _, scrollHeight: x } = e;
-      let E = _ / x * 100;
+      const { height: _, scrollHeight: $ } = e;
+      let E = _ / $ * 100;
       return E = Math.max(E, UC), E = Math.min(E, _ / 2), Math.floor(E);
     }
     function w() {
-      const { scrollHeight: _, height: x } = e;
-      return _ - x || 0;
+      const { scrollHeight: _, height: $ } = e;
+      return _ - $ || 0;
     }
     function S() {
-      const { height: _ } = e, x = b();
-      return _ - x || 0;
+      const { height: _ } = e, $ = b();
+      return _ - $ || 0;
     }
     function k() {
-      const { height: _, scrollHeight: x } = e;
-      return x > _;
+      const { height: _, scrollHeight: $ } = e;
+      return $ > _;
     }
     Se(() => {
-      const { dragging: _, visible: x } = a, { prefixCls: E } = e, C = b() + "px", A = y() + "px", D = k(), P = D && x;
+      const { dragging: _, visible: $ } = a, { prefixCls: E } = e, C = b() + "px", A = y() + "px", D = k(), P = D && $;
       return g(
         "div",
         {
@@ -23835,7 +23845,7 @@ function QC(e, t, n, a, r, s, i, l) {
       const { offset: y = 0 } = h, b = (w, S) => {
         if (w < 0 || !e.value) return;
         const k = e.value.clientHeight;
-        let _ = !1, x = S;
+        let _ = !1, $ = S;
         if (k) {
           const E = S || v;
           let C = 0, A = 0, D = 0;
@@ -23857,13 +23867,13 @@ function QC(e, t, n, a, r, s, i, l) {
               break;
             default: {
               const M = N + k;
-              A < N ? x = "top" : D > M && (x = "bottom");
+              A < N ? $ = "top" : D > M && ($ = "bottom");
             }
           }
           O !== null && O !== N && i(O);
         }
         c = bt(() => {
-          _ && s(), b(w - 1, x);
+          _ && s(), b(w - 1, $);
         }, 2);
       };
       b(5);
@@ -23873,7 +23883,7 @@ function QC(e, t, n, a, r, s, i, l) {
 const ew = [], tw = {
   overflowY: "auto",
   overflowAnchor: "none"
-}, nw = $({
+}, nw = x({
   name: "VirtualList",
   inheritAttrs: !1,
   props: {
@@ -23931,16 +23941,16 @@ const ew = [], tw = {
       start: 0,
       end: 0,
       offset: void 0
-    }), x = ke(0);
+    }), $ = ke(0);
     ft(() => {
       Ue(() => {
         var z;
-        x.value = ((z = o(f)) == null ? void 0 : z.offsetHeight) || 0;
+        $.value = ((z = o(f)) == null ? void 0 : z.offsetHeight) || 0;
       });
     }), Uo(() => {
       Ue(() => {
         var z;
-        x.value = ((z = o(f)) == null ? void 0 : z.offsetHeight) || 0;
+        $.value = ((z = o(f)) == null ? void 0 : z.offsetHeight) || 0;
       });
     }), te(
       [r, c],
@@ -23954,10 +23964,10 @@ const ew = [], tw = {
       },
       { immediate: !0 }
     ), te(
-      [r, c, x, s],
+      [r, c, $, s],
       () => {
         o(r) && !o(s) && Object.assign(_, {
-          scrollHeight: o(x),
+          scrollHeight: o($),
           start: 0,
           end: o(c).length - 1,
           offset: void 0
@@ -23965,7 +23975,7 @@ const ew = [], tw = {
       },
       { immediate: !0 }
     ), te(
-      [s, r, () => i.scrollTop, c, k, () => e.height, x],
+      [s, r, () => i.scrollTop, c, k, () => e.height, $],
       () => {
         if (!o(r) || !o(s)) return;
         let z = 0, X, de, Ce;
@@ -24156,7 +24166,7 @@ const yc = {
   onContextmenu: { type: Function },
   onListChangeStart: { type: Function },
   onListChangeEnd: { type: Function }
-}, rw = $({
+}, rw = x({
   name: "NodeList",
   inheritAttrs: !1,
   props: aw,
@@ -24169,12 +24179,12 @@ const yc = {
     te([() => o(s).slice(), i], ([y, b], [w, S]) => {
       const k = yk(w, y);
       if (k.key !== null) {
-        const { virtual: _, height: x, itemHeight: E } = e;
+        const { virtual: _, height: $, itemHeight: E } = e;
         if (k.add) {
           const C = S.findIndex(({ key: P }) => P === k.key), A = bc(
             Jl(S, b, k.key),
             _,
-            x,
+            $,
             E
           ), D = S.slice();
           D.splice(C + 1, 0, pc), l.value = D, c.value = A, h.value = "show";
@@ -24182,7 +24192,7 @@ const yc = {
           const C = b.findIndex(({ key: P }) => P === k.key), A = bc(
             Jl(b, S, k.key),
             _,
-            x,
+            $,
             E
           ), D = b.slice();
           D.splice(C + 1, 0, pc), l.value = D, c.value = A, h.value = "hide";
@@ -24205,7 +24215,7 @@ const yc = {
         motion: S,
         height: k,
         itemHeight: _,
-        virtual: x,
+        virtual: $,
         focusable: E,
         activeItem: C,
         focused: A,
@@ -24259,7 +24269,7 @@ const yc = {
             data: o(m),
             height: k,
             fullHeight: !1,
-            virtual: x,
+            virtual: $,
             itemKey: kc,
             itemHeight: _,
             onVisibleChange: (L, K) => {
@@ -24317,7 +24327,7 @@ function sw(e) {
     n = n.parent, t = `${n.key} > ${t}`;
   return t;
 }
-const iw = 10, lw = $({
+const iw = 10, lw = x({
   name: "TreeProvider",
   inheritAttrs: !1,
   props: {
@@ -24356,7 +24366,7 @@ const iw = 10, lw = $({
   },
   setup(e, { attrs: t, slots: n, expose: a }) {
     const r = B(!1), s = B(void 0), i = ke([]), l = ke([]), c = ke([]), h = ke([]), d = ke([]), f = ke([]), m = {}, v = ke([]), y = ke({}), b = B(!1), w = B(null), S = B(!1), k = p(() => dr(e.fieldNames)), _ = B();
-    let x = {}, E = null, C = null, A = null;
+    let $ = {}, E = null, C = null, A = null;
     const D = ht({
       draggingNodeKey: null,
       dragChildrenKeys: [],
@@ -24534,9 +24544,9 @@ const iw = 10, lw = $({
         de();
         return;
       }
-      if (x || (x = {}), Object.keys(x).forEach((Et) => {
-        clearTimeout(x[Et]);
-      }), C.eventKey !== W.eventKey && (x[re] = window.setTimeout(() => {
+      if ($ || ($ = {}), Object.keys($).forEach((Et) => {
+        clearTimeout($[Et]);
+      }), C.eventKey !== W.eventKey && ($[re] = window.setTimeout(() => {
         if (D.draggingNodeKey === null) return;
         let Et = o(f).slice();
         const Tn = o(y)[W.eventKey];
@@ -24938,7 +24948,7 @@ function cw(e, t, n) {
   const h = ee("cds-tree__switcher-icon", { "cds-tree__switcher-icon--expanded": r });
   return a ? (t && (typeof t == "object" && l ? c = g(lt, { name: typeof l == "string" ? l : "doc" }) : c = g("span", { class: "cds-tree__switcher-leaf-line" })), c) : (c = g(Xe, { icon: "chevron-down", class: h }), t && (c = g(Xe, { icon: r ? "minus" : "plus", class: h })), typeof e == "function" ? i = e({ ...n, defaultIcon: c, switcherCls: h }) : Ks(i) && (i = xc(i, { class: h })), i || c);
 }
-const dw = "CdsTree", oh = $({
+const dw = "CdsTree", oh = x({
   name: dw,
   inheritAttrs: !1,
   props: {
@@ -25055,7 +25065,7 @@ const dw = "CdsTree", oh = $({
         selectable: S,
         fieldNames: k,
         openAnimation: _,
-        virtual: x,
+        virtual: $,
         icon: E = r.icon,
         switcherIcon: C = r.switcherIcon
       } = e, A = r.default ? mo(r.default()) : void 0;
@@ -25068,7 +25078,7 @@ const dw = "CdsTree", oh = $({
           showLine: !!y,
           fieldNames: k,
           icon: E,
-          virtual: x,
+          virtual: $,
           openAnimation: _,
           checkable: w,
           selectable: S,
@@ -25135,7 +25145,7 @@ function uw(e) {
   const { isLeaf: t, expanded: n } = e;
   return t ? g(lt, { name: "doc" }) : n ? g(lt, { name: "directory-open" }) : g(lt, { name: "directory" });
 }
-const fw = "CdsTreeDirectory", hw = $({
+const fw = "CdsTreeDirectory", hw = x({
   name: fw,
   inheritAttrs: !1,
   props: {
@@ -25291,7 +25301,7 @@ const fw = "CdsTreeDirectory", hw = $({
           })
         ])
       ), O.selectedNodes = Ar(o(s), F, o(c))) : (F = [N], i.value = N, l.value = F, O.selectedNodes = Ar(o(s), F, o(c))), a("update:selectedKeys", F), a("select", F, O), e.selectedKeys === void 0 && (m.value = F);
-    }, x = (C, A) => {
+    }, $ = (C, A) => {
       a("update:checkedKeys", C), a("check", C, A);
     };
     return Se(() => {
@@ -25313,7 +25323,7 @@ const fw = "CdsTreeDirectory", hw = $({
           onSelect: _,
           onClick: S,
           onExpand: w,
-          onCheck: x
+          onCheck: $
         },
         n
       );
@@ -25629,7 +25639,7 @@ function mw() {
     };
   };
 }
-const vw = "CdsUploadListItem", gw = $({
+const vw = "CdsUploadListItem", gw = x({
   name: vw,
   inheritAttrs: !1,
   props: {
@@ -25681,7 +25691,7 @@ const vw = "CdsUploadListItem", gw = $({
           icon: !0,
           status: k
         })
-      ), x = v && g(Xe, {
+      ), $ = v && g(Xe, {
         title: a.removeFile,
         icon: o(l) === "uploading" ? "remove" : e.removeIcon,
         onClick: () => S == null ? void 0 : S(f)
@@ -25692,7 +25702,7 @@ const vw = "CdsUploadListItem", gw = $({
       }), C = g(
         "span",
         { key: "download-delete", class: "cds-uploader-list-item__actions" },
-        o(l) === "uploading" ? [`${o(i)}%`, x] : [E, x]
+        o(l) === "uploading" ? [`${o(i)}%`, $] : [E, $]
       ), A = typeof (f == null ? void 0 : f.linkProps) == "string" ? JSON.parse(f == null ? void 0 : f.linkProps) : f == null ? void 0 : f.linkProps, D = ee("cds-uploader-list-item__name", {
         [`cds-uploader-list-item__name--${o(l)}`]: !!o(l)
       }), P = f != null && f.url ? g(ze, {}, [
@@ -25777,7 +25787,7 @@ const vw = "CdsUploadListItem", gw = $({
       );
     }), {};
   }
-}), yw = "CdsUploadList", pw = $({
+}), yw = "CdsUploadList", pw = x({
   name: yw,
   inheritAttrs: !1,
   props: {
@@ -25942,7 +25952,7 @@ let Sw = 0;
 function Br() {
   return `cds-uploader-${ww}-${++Sw}`;
 }
-const _w = "CdsAjaxUploader", xw = $({
+const _w = "CdsAjaxUploader", xw = x({
   name: _w,
   inheritAttrs: !1,
   props: {
@@ -25982,11 +25992,11 @@ const _w = "CdsAjaxUploader", xw = $({
     let l = !1;
     const c = B();
     async function h(k, _) {
-      const { beforeUpload: x } = e;
+      const { beforeUpload: $ } = e;
       let E = k;
-      if (x) {
+      if ($) {
         try {
-          E = await x(k, _);
+          E = await $(k, _);
         } catch (I) {
           E = !1;
         }
@@ -26015,11 +26025,11 @@ const _w = "CdsAjaxUploader", xw = $({
         action: A
       };
     }
-    function d({ data: k, origin: _, action: x, parsedFile: E }) {
+    function d({ data: k, origin: _, action: $, parsedFile: E }) {
       if (!l)
         return;
       const { name: C, headers: A, withCredentials: D, method: P, customRequest: N, onStart: O } = e, { uid: M } = _, I = N || s, F = {
-        action: x,
+        action: $,
         filename: C,
         data: k,
         file: E,
@@ -26056,8 +26066,8 @@ const _w = "CdsAjaxUploader", xw = $({
       l = !1, f();
     });
     function v(k) {
-      const _ = [...k], x = _.map((E) => (E.uid = String(Br()), h(E, _)));
-      Promise.all(x).then((E) => {
+      const _ = [...k], $ = _.map((E) => (E.uid = String(Br()), h(E, _)));
+      Promise.all($).then((E) => {
         a(
           "batchStart",
           E.map(({ origin: C, parsedFile: A }) => ({ file: C, parsedFile: A }))
@@ -26067,23 +26077,23 @@ const _w = "CdsAjaxUploader", xw = $({
       });
     }
     function y(k) {
-      const { accept: _, directory: x } = e, { files: E } = k.target, C = [...E].filter((A) => !x || Or(A, _));
+      const { accept: _, directory: $ } = e, { files: E } = k.target, C = [...E].filter((A) => !$ || Or(A, _));
       v(C), m();
     }
     function b(k) {
       const _ = o(c);
       if (!_) return;
-      const { onClick: x } = e;
-      _.click(), x && x(k);
+      const { onClick: $ } = e;
+      _.click(), $ && $(k);
     }
     function w(k) {
       k.key === pe.enter && b(k);
     }
     function S(k) {
       var C, A;
-      const { multiple: _, directory: x, onReject: E } = e;
+      const { multiple: _, directory: $, onReject: E } = e;
       if (k.preventDefault(), k.type !== "dragover")
-        if (x)
+        if ($)
           kw(
             Array.prototype.slice.call((C = k.dataTransfer) == null ? void 0 : C.items),
             v,
@@ -26104,7 +26114,7 @@ const _w = "CdsAjaxUploader", xw = $({
       const {
         tag: k,
         disabled: _,
-        readonly: x,
+        readonly: $,
         id: E,
         multiple: C,
         accept: A,
@@ -26114,7 +26124,7 @@ const _w = "CdsAjaxUploader", xw = $({
         onMouseenter: O,
         onMouseleave: M,
         ...I
-      } = e, F = x || _ ? {} : {
+      } = e, F = $ || _ ? {} : {
         onClick: e.openFileDialogOnClick ? b : () => {
         },
         onKeydown: e.openFileDialogOnClick ? w : () => {
@@ -26131,7 +26141,7 @@ const _w = "CdsAjaxUploader", xw = $({
           style: n.style,
           class: {
             [Ct.disabled]: _,
-            [Ct.readonly]: x,
+            [Ct.readonly]: $,
             [n.class]: !!n.class
           },
           ...F
@@ -26146,7 +26156,7 @@ const _w = "CdsAjaxUploader", xw = $({
             accept: A,
             multiple: C,
             disabled: _,
-            readonly: x,
+            readonly: $,
             style: { display: "none" },
             onChange: y,
             onClick: (U) => U.stopPropagation(),
@@ -26161,7 +26171,7 @@ const _w = "CdsAjaxUploader", xw = $({
       abort: f
     };
   }
-}), wa = `__LIST_IGNORE_${Date.now()}__`, Rr = "CdsUploader", $w = $({
+}), wa = `__LIST_IGNORE_${Date.now()}__`, Rr = "CdsUploader", $w = x({
   name: Rr,
   inheritAttrs: !1,
   props: {
@@ -26258,7 +26268,7 @@ const _w = "CdsAjaxUploader", xw = $({
       };
       F && (K.event = F), a("update:modelValue", K.fileList), a("change", K);
     }
-    async function x(M, I) {
+    async function $(M, I) {
       const { beforeUpload: F } = e;
       let L = M;
       if (F) {
@@ -26354,7 +26364,7 @@ const _w = "CdsAjaxUploader", xw = $({
         ...e,
         ...F,
         id: o(l),
-        beforeUpload: x,
+        beforeUpload: $,
         onBatchStart: E,
         onError: D,
         onProgress: A,