@central-design-system/components 3.0.0-beta.13 → 3.0.0-beta.15

package/dist/cds.es.js

@@ -1,7 +1,7 @@
 var $c = Object.defineProperty;
 var Ic = (e, t, n) => t in e ? $c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Xn = (e, t, n) => (Ic(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { reactive as rt, computed as p, watchEffect as st, toRefs as en, getCurrentInstance as xc, unref as s, isRef as _o, toRef as nt, shallowRef as Ne, camelize as Ss, warn as $s, resolveDynamicComponent as wt, defineComponent as $, watch as J, onScopeDispose as _t, effectScope as Is, ref as F, toRaw as Vt, onBeforeUnmount as it, provide as tt, inject as Ye, onBeforeMount as Fi, onMounted as dt, h as y, mergeProps as Fe, Transition as bn, nextTick as Ze, readonly as xs, onBeforeUpdate as Dc, Fragment as He, openBlock as H, createElementBlock as oe, normalizeClass as vt, createBlock as be, createCommentVNode as ne, renderSlot as G, TransitionGroup as Ti, resolveComponent as ye, withCtx as le, renderList as tn, toDisplayString as at, createElementVNode as Ve, createTextVNode as zt, createVNode as et, createSlots as Cn, toHandlers as So, Teleport as Ec, withDirectives as kn, vShow as ao, normalizeProps as Ft, guardReactiveProps as Jt, withModifiers as yl, withKeys as Oi, onUnmounted as Ds, normalizeStyle as Mc, isVNode as Fn, Comment as Ac, onUpdated as Ri, Text as Pc, onActivated as Fc, vModelText as Tc } from "vue";
+import { reactive as rt, computed as p, watchEffect as st, toRefs as en, getCurrentInstance as xc, unref as s, isRef as _o, toRef as nt, shallowRef as Ne, camelize as Ss, warn as $s, resolveDynamicComponent as wt, defineComponent as S, watch as J, onScopeDispose as _t, effectScope as Is, ref as F, toRaw as Vt, onBeforeUnmount as it, provide as tt, inject as Ye, onBeforeMount as Fi, onMounted as dt, h as y, mergeProps as Fe, Transition as bn, nextTick as Ze, readonly as xs, onBeforeUpdate as Dc, Fragment as He, openBlock as H, createElementBlock as oe, normalizeClass as vt, createBlock as be, createCommentVNode as ne, renderSlot as G, TransitionGroup as Ti, resolveComponent as ye, withCtx as le, renderList as tn, toDisplayString as at, createElementVNode as Ve, createTextVNode as zt, createVNode as et, createSlots as Cn, toHandlers as So, Teleport as Ec, withDirectives as kn, vShow as ao, normalizeProps as Ft, guardReactiveProps as Jt, withModifiers as yl, withKeys as Oi, onUnmounted as Ds, normalizeStyle as Mc, isVNode as Fn, Comment as Ac, onUpdated as Ri, Text as Pc, onActivated as Fc, vModelText as Tc } from "vue";
 const Ae = typeof window < "u", Es = Ae && "IntersectionObserver" in window, Bi = Ae && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0), Li = Ae && typeof CSS < "u" && typeof CSS.supports < "u" && CSS.supports("selector(:focus-visible)"), cn = "cds-scroll-blocked", ue = Object.freeze({
   enter: "Enter",
   tab: "Tab",
@@ -2060,7 +2060,7 @@ const Wd = Object.freeze({
 ), pt = pe(
   {
     text: {
-      type: String,
+      type: [String, Number],
       default: void 0
     }
   },
@@ -2113,107 +2113,109 @@ function ya(e, t) {
     handleClick: f
   };
 }
-$({ name: "IconAdd" });
-$({ name: "IconAlertFill" });
-$({ name: "IconAlert" });
-$({ name: "IconAnalog" });
-$({ name: "IconArrowDown" });
-$({ name: "IconArrowLeftBottom" });
-$({ name: "IconArrowLeftTop" });
-$({ name: "IconArrowLeft" });
-$({ name: "IconArrowRightBottom" });
-$({ name: "IconArrowRightTop" });
-$({ name: "IconArrowRight" });
-$({ name: "IconArrowUp" });
-$({ name: "IconArrowsVertical" });
-$({ 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: "IconClock" });
-$({ name: "IconCollapse" });
-$({ name: "IconComment" });
-$({ name: "IconCompany" });
-$({ name: "IconCompare" });
-$({ name: "IconCopy" });
-$({ name: "IconDataCards" });
-$({ name: "IconDelete" });
-$({ name: "IconDirectory" });
-$({ name: "IconDocDownload" });
-$({ name: "IconDoc" });
-$({ name: "IconDownload" });
-$({ name: "IconDraggable" });
-$({ name: "IconEdit" });
-$({ name: "IconEnter" });
-$({ name: "IconErrorFill" });
-$({ name: "IconError" });
-$({ name: "IconExpand" });
-$({ name: "IconExternal" });
-$({ name: "IconFacebookFill" });
-$({ name: "IconFacebook" });
-$({ name: "IconFilters" });
-$({ name: "IconFlag" });
-$({ name: "IconFunnel" });
-$({ name: "IconGlobe" });
-$({ name: "IconInfinity" });
-$({ name: "IconInfoFill" });
-$({ name: "IconInfo" });
-$({ name: "IconInsert" });
-$({ name: "IconLink" });
-$({ name: "IconListSearch" });
-$({ name: "IconList" });
-$({ name: "IconLoader" });
-$({ name: "IconLocation" });
-$({ name: "IconLocked" });
-$({ name: "IconLogin" });
-$({ name: "IconLogout" });
-$({ name: "IconMenu" });
-$({ name: "IconMinus" });
-$({ 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: "IconSearch" });
-$({ name: "IconSettings" });
-$({ name: "IconShoppingCart" });
-$({ name: "IconSortDate" });
-$({ name: "IconSource" });
-$({ name: "IconStarFill" });
-$({ name: "IconStar" });
-$({ name: "IconTelegram" });
-$({ name: "IconTimer" });
-$({ name: "IconTool" });
-$({ name: "IconTruck" });
-$({ name: "IconUnlocked" });
-$({ name: "IconUpload" });
-$({ name: "IconUserAvatar" });
-$({ name: "IconUserGroup" });
-$({ name: "IconVisibilityOff" });
-$({ name: "IconVisibilityOn" });
-$({ name: "IconVk" });
-$({ name: "IconWinner" });
-$({ name: "IconWorkspace" });
-$({ name: "IconYoutube" });
+S({ name: "IconAdd" });
+S({ name: "IconAdministrator" });
+S({ name: "IconAlertFill" });
+S({ name: "IconAlert" });
+S({ name: "IconAnalog" });
+S({ name: "IconArrowDown" });
+S({ name: "IconArrowLeftBottom" });
+S({ name: "IconArrowLeftTop" });
+S({ name: "IconArrowLeft" });
+S({ name: "IconArrowRightBottom" });
+S({ name: "IconArrowRightTop" });
+S({ name: "IconArrowRight" });
+S({ name: "IconArrowUp" });
+S({ name: "IconArrowsVertical" });
+S({ name: "IconCalendar" });
+S({ name: "IconCardBank" });
+S({ name: "IconCategory" });
+S({ name: "IconCheckFill" });
+S({ name: "IconCheck" });
+S({ name: "IconCheckboxFill" });
+S({ name: "IconCheckbox" });
+S({ name: "IconChevronDown" });
+S({ name: "IconChevronLeft" });
+S({ name: "IconChevronRight" });
+S({ name: "IconChevronUp" });
+S({ name: "IconChocholateMenu" });
+S({ name: "IconChocolateMenu" });
+S({ name: "IconClock" });
+S({ name: "IconCollapse" });
+S({ name: "IconComment" });
+S({ name: "IconCompany" });
+S({ name: "IconCompare" });
+S({ name: "IconCopy" });
+S({ name: "IconDataCards" });
+S({ name: "IconDelete" });
+S({ name: "IconDirectory" });
+S({ name: "IconDocDownload" });
+S({ name: "IconDoc" });
+S({ name: "IconDownload" });
+S({ name: "IconDraggable" });
+S({ name: "IconEdit" });
+S({ name: "IconEnter" });
+S({ name: "IconErrorFill" });
+S({ name: "IconError" });
+S({ name: "IconExpand" });
+S({ name: "IconExternal" });
+S({ name: "IconFacebookFill" });
+S({ name: "IconFacebook" });
+S({ name: "IconFilters" });
+S({ name: "IconFlag" });
+S({ name: "IconFunnel" });
+S({ name: "IconGlobe" });
+S({ name: "IconInfinity" });
+S({ name: "IconInfoFill" });
+S({ name: "IconInfo" });
+S({ name: "IconInsert" });
+S({ name: "IconLink" });
+S({ name: "IconListSearch" });
+S({ name: "IconList" });
+S({ name: "IconLoader" });
+S({ name: "IconLocation" });
+S({ name: "IconLocked" });
+S({ name: "IconLogin" });
+S({ name: "IconLogout" });
+S({ name: "IconMenu" });
+S({ name: "IconMinus" });
+S({ name: "IconNotification" });
+S({ name: "IconOverflowMenuHorizontal" });
+S({ name: "IconOverflowMenuVertical" });
+S({ name: "IconPassword" });
+S({ name: "IconPin" });
+S({ name: "IconPlus" });
+S({ name: "IconPrinter" });
+S({ name: "IconQuestionFill" });
+S({ name: "IconQuestion" });
+S({ name: "IconRefresh" });
+S({ name: "IconRemove" });
+S({ name: "IconSandglass" });
+S({ name: "IconSave" });
+S({ name: "IconSearch" });
+S({ name: "IconSettings" });
+S({ name: "IconShoppingCart" });
+S({ name: "IconSortDate" });
+S({ name: "IconSource" });
+S({ name: "IconStarFill" });
+S({ name: "IconStar" });
+S({ name: "IconTelegram" });
+S({ name: "IconTimer" });
+S({ name: "IconTool" });
+S({ name: "IconTruck" });
+S({ name: "IconUnlocked" });
+S({ name: "IconUpload" });
+S({ name: "IconUserAvatar" });
+S({ name: "IconUserGroup" });
+S({ name: "IconVisibilityOff" });
+S({ name: "IconVisibilityOn" });
+S({ name: "IconVk" });
+S({ name: "IconWinner" });
+S({ name: "IconWorkspace" });
+S({ name: "IconYoutube" });
 const ct = [
   "add",
+  "administrator",
   "alert-fill",
   "alert",
   "analog",
@@ -4845,7 +4847,7 @@ function om(e, t) {
   }
   return { onListScroll: o, onListKeydown: i };
 }
-const Mo = "CdsIcon", sm = $({
+const Mo = "CdsIcon", sm = S({
   name: Mo,
   props: {
     name: {
@@ -4888,7 +4890,7 @@ function lm(e, t, n, a, o, l) {
 }
 const ot = /* @__PURE__ */ Qe(sm, [["render", lm]]);
 function Bt(e, t = "top center 0", n) {
-  return $({
+  return S({
     name: e,
     props: {
       group: Boolean,
@@ -4941,7 +4943,7 @@ function Bt(e, t = "top center 0", n) {
   });
 }
 function iu(e, t, n = "in-out") {
-  return $({
+  return S({
     name: e,
     props: {
       mode: {
@@ -4992,7 +4994,7 @@ function ru(e = "", t = !1) {
     i.style.overflow = i._initialStyle.overflow, r != null && (i.style[n] = r), delete i._initialStyle;
   }
 }
-const im = $({
+const im = S({
   name: "CdsTransitionModal",
   props: {
     target: Object
@@ -5109,7 +5111,7 @@ Bt("jump-transition-left");
 Bt("scale-transition");
 Bt("modal-transition-bottom");
 Bt("modal-transition-top");
-const dm = "CdsInputMessages", fm = $({
+const dm = "CdsInputMessages", fm = S({
   name: dm,
   components: { CdsTransition: Dt },
   props: {
@@ -5159,7 +5161,7 @@ function mm(e, t, n, a, o, l) {
     _: 3
   }, 8, ["transition", "class"]);
 }
-const cu = /* @__PURE__ */ Qe(fm, [["render", mm]]), Zn = "CdsInput", Lt = $({
+const cu = /* @__PURE__ */ Qe(fm, [["render", mm]]), Zn = "CdsInput", Lt = S({
   name: Zn,
   props: {
     ...Ct(),
@@ -5266,7 +5268,7 @@ const cu = /* @__PURE__ */ Qe(fm, [["render", mm]]), Zn = "CdsInput", Lt = $({
     }), {};
   }
 });
-const hm = "CdsInputLabel", vm = $({
+const hm = "CdsInputLabel", vm = S({
   name: hm,
   props: {
     ...pt(),
@@ -5286,7 +5288,7 @@ function gm(e, t, n, a, o, l) {
     _: 3
   });
 }
-const yt = /* @__PURE__ */ Qe(vm, [["render", gm]]), ym = "CdsInputDescription", bm = $({
+const yt = /* @__PURE__ */ Qe(vm, [["render", gm]]), ym = "CdsInputDescription", bm = S({
   name: ym,
   props: {
     ...pt(),
@@ -5302,7 +5304,7 @@ function Cm(e, t, n, a, o, l) {
     _: 3
   });
 }
-const St = /* @__PURE__ */ Qe(bm, [["render", Cm]]), km = "CdsInputCounter", rl = $({
+const St = /* @__PURE__ */ Qe(bm, [["render", Cm]]), km = "CdsInputCounter", rl = S({
   name: km,
   functional: !0,
   props: {
@@ -5325,7 +5327,7 @@ const St = /* @__PURE__ */ Qe(bm, [["render", Cm]]), km = "CdsInputCounter", rl
       [y("span", {}, e.current), ...n]
     );
   }
-}), Xl = "CdsLoader", wm = $({
+}), Xl = "CdsLoader", wm = S({
   name: Xl,
   props: {
     fixed: {
@@ -5375,7 +5377,7 @@ function Im(e, t, n, a, o, l) {
     }, e.attrs), $m, 16, _m)
   ], 2);
 }
-const rn = /* @__PURE__ */ Qe(wm, [["render", Im]]), Jn = "CdsTextInput", xm = $({
+const rn = /* @__PURE__ */ Qe(wm, [["render", Im]]), Jn = "CdsTextInput", xm = S({
   name: Jn,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St, CdsInputCounter: rl, CdsIcon: ot, CdsLoader: rn, CdsTransition: Dt },
   inheritAttrs: !1,
@@ -5567,7 +5569,7 @@ function Mm(e, t, n, a, o, l) {
             onBlur: t[4] || (t[4] = (...k) => e.onBlur && e.onBlur(...k))
           }), null, 16, Dm)
         ]),
-        e.hasClear ? (H(), oe("div", Em, [
+        e.hasClear && !e.hasLoading ? (H(), oe("div", Em, [
           Ve("button", {
             type: "button",
             title: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430",
@@ -6387,7 +6389,7 @@ const s0 = {
   ClickOutside: cs,
   Touch: ma,
   Intersect: s0
-}, Symbol.toStringTag, { value: "Module" })), l0 = "CdsOverlay", zn = $({
+}, Symbol.toStringTag, { value: "Module" })), l0 = "CdsOverlay", zn = S({
   name: l0,
   directives: { ClickOutside: cs },
   inheritAttrs: !1,
@@ -6551,7 +6553,7 @@ const s0 = {
     }), {};
   }
 });
-const i0 = "CdsMenu", Yn = $({
+const i0 = "CdsMenu", Yn = S({
   name: i0,
   props: {
     id: {
@@ -6749,7 +6751,7 @@ function r0() {
   }
   return { contentRef: e, isFocused: t, onFocus: o, onFocusin: n, onFocusout: a, onKeydown: l, focus: i };
 }
-const Fa = "CdsList", Gn = $({
+const Fa = "CdsList", Gn = S({
   name: Fa,
   props: {
     lines: {
@@ -6808,7 +6810,7 @@ const Fa = "CdsList", Gn = $({
     }), {};
   }
 });
-const ai = "CdsListItem", u0 = $({
+const ai = "CdsListItem", u0 = S({
   name: ai,
   components: { CdsIcon: ot },
   inheritAttrs: !1,
@@ -6964,7 +6966,7 @@ function v0(e, t, n, a, o, l) {
     _: 3
   });
 }
-const Et = /* @__PURE__ */ Qe(u0, [["render", v0]]), p0 = $({
+const Et = /* @__PURE__ */ Qe(u0, [["render", v0]]), p0 = S({
   name: "CdsListGroupActivator",
   setup(e, { slots: t }) {
     return Cf(), () => {
@@ -6972,7 +6974,7 @@ const Et = /* @__PURE__ */ Qe(u0, [["render", v0]]), p0 = $({
       return (n = t.default) == null ? void 0 : n.call(t);
     };
   }
-}), g0 = "CdsListGroup", y0 = $({
+}), g0 = "CdsListGroup", y0 = S({
   name: g0,
   components: { CdsListGroupActivator: p0, CdsTransitionExpand: uu },
   props: {
@@ -7087,7 +7089,7 @@ const ul = /* @__PURE__ */ Qe(y0, [["render", w0]]), _0 = {
   errorGroup: F(!1),
   handleInputCheckbox: () => {
   }
-}, Cu = Symbol.for("cds:checkbox"), oi = "CdsCheckboxGroup", S0 = $({
+}, Cu = Symbol.for("cds:checkbox"), oi = "CdsCheckboxGroup", S0 = S({
   name: oi,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St },
   props: {
@@ -7160,7 +7162,7 @@ function I0(e, t, n, a, o, l) {
     _: 3
   }, 16, ["id", "class"]);
 }
-const x0 = /* @__PURE__ */ Qe(S0, [["render", I0]]), si = "CdsCheckbox", D0 = $({
+const x0 = /* @__PURE__ */ Qe(S0, [["render", I0]]), si = "CdsCheckbox", D0 = S({
   name: si,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St },
   inheritAttrs: !1,
@@ -7200,7 +7202,7 @@ const x0 = /* @__PURE__ */ Qe(S0, [["render", I0]]), si = "CdsCheckbox", D0 = $(
     J(
       v,
       (O) => {
-        Array.isArray(O) && (o.value = O.includes(e.value));
+        Array.isArray(O) && e.value && (o.value = O.includes(e.value));
       },
       { immediate: !0 }
     );
@@ -7301,7 +7303,7 @@ function ku(e) {
     y("span", { class: `cds-${e.name}__unmask` }, e.item.title.substr(e.matches + e.length))
   ]) : t;
 }
-const li = "CdsAutocomplete", A0 = $({
+const li = "CdsAutocomplete", A0 = S({
   name: li,
   props: {
     search: {
@@ -7548,22 +7550,22 @@ const li = "CdsAutocomplete", A0 = $({
                             Et,
                             { ...we },
                             {
-                              prepend: ({ isSelected: S }) => y(He, {}, [
+                              prepend: ({ isSelected: $ }) => y(He, {}, [
                                 e.multiple && !e.hideSelected ? y(Ht, {
                                   key: de.value,
-                                  modelValue: s(S),
+                                  modelValue: s($),
                                   hideMessages: !0,
                                   tabindex: "-1"
                                 }) : void 0,
                                 de.props.prependIcon && y(ot, { name: de.props.prependIcon })
                               ]),
                               title: () => {
-                                var S, N, j;
+                                var $, N, j;
                                 return ku({
                                   name: "autocomplete",
                                   isPure: s(b),
                                   item: de,
-                                  matches: (S = P(de)) == null ? void 0 : S.title,
+                                  matches: ($ = P(de)) == null ? void 0 : $.title,
                                   length: (j = (N = s(k)) == null ? void 0 : N.length) != null ? j : 0
                                 });
                               }
@@ -7621,7 +7623,7 @@ const li = "CdsAutocomplete", A0 = $({
     }), {};
   }
 });
-const Po = "CdsBadge", P0 = $({
+const Po = "CdsBadge", P0 = S({
   name: Po,
   props: {
     count: {
@@ -7648,7 +7650,7 @@ const Po = "CdsBadge", P0 = $({
     ), {};
   }
 });
-const F0 = "CdsLink", T0 = $({
+const F0 = "CdsLink", T0 = S({
   name: F0,
   props: {
     ...pt(),
@@ -7685,7 +7687,7 @@ function O0(e, t, n, a, o, l) {
     _: 3
   }, 8, ["to", "href", "class", "onClick"]);
 }
-const cl = /* @__PURE__ */ Qe(T0, [["render", O0]]), R0 = "CdsBreadcrumbsItem", wu = $({
+const cl = /* @__PURE__ */ Qe(T0, [["render", O0]]), R0 = "CdsBreadcrumbsItem", wu = S({
   name: R0,
   props: {
     currentPage: {
@@ -7720,7 +7722,7 @@ const cl = /* @__PURE__ */ Qe(T0, [["render", O0]]), R0 = "CdsBreadcrumbsItem",
       }
     ), {};
   }
-}), B0 = "CdsBreadcrumbs", L0 = $({
+}), B0 = "CdsBreadcrumbs", L0 = S({
   name: B0,
   props: {
     ...on(),
@@ -7756,7 +7758,7 @@ const cl = /* @__PURE__ */ Qe(T0, [["render", O0]]), R0 = "CdsBreadcrumbsItem",
     }), {};
   }
 });
-const N0 = Symbol.for("cds:button-toggle"), ea = "CdsButton", z0 = $({
+const N0 = Symbol.for("cds:button-toggle"), ea = "CdsButton", z0 = S({
   name: ea,
   components: { CdsLoader: rn, CdsIcon: ot },
   props: {
@@ -7885,7 +7887,7 @@ function j0(e, t, n, a, o, l) {
     _: 3
   }, 8, ["type", "to", "href", "disabled", "value", "class", "onClick"]);
 }
-const Be = /* @__PURE__ */ Qe(z0, [["render", j0]]), Ta = "CdsTag", W0 = $({
+const Be = /* @__PURE__ */ Qe(z0, [["render", j0]]), Ta = "CdsTag", W0 = S({
   name: Ta,
   components: { CdsIcon: ot },
   props: {
@@ -7965,7 +7967,7 @@ function G0(e, t, n, a, o, l) {
     _: 3
   }, 8, ["to", "href", "class"]);
 }
-const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = $({
+const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = S({
   name: ta,
   components: { CdsTextInput: nn, CdsMenu: Yn, CdsList: Gn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: dl, CdsIcon: ot, CdsHighlight: ku },
   props: {
@@ -8021,8 +8023,8 @@ const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = $(
       set: (Y) => {
         var xe;
         if (A.value = Y, e.multiple || (C.value = [fn(e, Y)]), Y && e.multiple && ((xe = e.delimiters) == null ? void 0 : xe.length)) {
-          const S = Y.split(new RegExp(`(?:${e.delimiters.join("|")})+`));
-          S.length > 1 && (S.forEach((N) => {
+          const $ = Y.split(new RegExp(`(?:${e.delimiters.join("|")})+`));
+          $.length > 1 && ($.forEach((N) => {
             N = N.trim(), N && he(fn(e, N));
           }), A.value = "");
         }
@@ -8032,8 +8034,8 @@ const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = $(
     J(A, (Y) => {
       P ? Ze(() => P = !1) : s(f) && !s(v) && (v.value = !0), t("update:search", Y);
     }), J(C, (Y) => {
-      var xe, S;
-      e.multiple || (A.value = (S = (xe = Y[0]) == null ? void 0 : xe.title) != null ? S : "");
+      var xe, $;
+      e.multiple || (A.value = ($ = (xe = Y[0]) == null ? void 0 : xe.title) != null ? $ : "");
     });
     const { filteredItems: w, getMatches: M } = Wr(e, m, () => s(T) ? "" : s(O)), z = p(() => e.hideSelected ? s(w).filter(
       (Y) => !s(b).some((xe) => xe.value === Y.value)
@@ -8069,12 +8071,12 @@ const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = $(
     function he(Y) {
       if (!(e.readonly || e.disabled))
         if (e.multiple) {
-          const xe = s(_).findIndex((S) => Kt(S, Y.value));
+          const xe = s(_).findIndex(($) => Kt($, Y.value));
           if (xe === -1)
             C.value = [...s(C), Y];
           else {
-            const S = [...s(C)];
-            S.splice(xe, 1), C.value = S;
+            const $ = [...s(C)];
+            $.splice(xe, 1), C.value = $;
           }
           O.value = "";
         } else
@@ -8102,20 +8104,20 @@ const dl = /* @__PURE__ */ Qe(W0, [["render", G0]]), ta = "CdsCombobox", X0 = $(
       var N, j, me, Pe, Ge;
       if (e.readonly || s(B == null ? void 0 : B.isReadonly))
         return;
-      const xe = (N = s(Q)) == null ? void 0 : N.selectionStart, S = s(_).length;
+      const xe = (N = s(Q)) == null ? void 0 : N.selectionStart, $ = s(_).length;
       if ((s(D) > -1 || [ue.up, ue.down, ue.enter, ue.home, ue.end].includes(Y.key)) && Y.preventDefault(), [ue.enter, ue.down].includes(Y.key) && (v.value = !0), [ue.esc].includes(Y.key) && (v.value = !1), [ue.enter, ue.esc, ue.tab].includes(Y.key) && (T.value = !0), Y.key === ue.down ? (j = ve.value) == null || j.focus("next") : Y.key === ue.up ? (me = ve.value) == null || me.focus("prev") : Y.key === ue.home ? (Pe = ve.value) == null || Pe.focus("first") : Y.key === ue.end && ((Ge = ve.value) == null || Ge.focus("last")), !!e.multiple) {
         if ([ue.backspace, ue.delete].includes(Y.key)) {
           if (s(D) < 0) {
-            Y.key === ue.backspace && !s(O) && (D.value = S - 1);
+            Y.key === ue.backspace && !s(O) && (D.value = $ - 1);
             return;
           }
           const Me = s(D);
-          s(K) && he(s(K)), D.value = Me >= S - 1 ? S - 2 : Me;
+          s(K) && he(s(K)), D.value = Me >= $ - 1 ? $ - 2 : Me;
         }
         if (Y.key === ue.left) {
           if (s(D) < 0 && xe > 0)
             return;
-          const Me = s(D) > -1 ? s(D) - 1 : S - 1;
+          const Me = s(D) > -1 ? s(D) - 1 : $ - 1;
           s(b)[Me] ? D.value = Me : D.value = -1;
         }
         if (Y.key === ue.right) {
@@ -8368,7 +8370,7 @@ function J0(e, t, n, a, o, l) {
 }
 const Q0 = /* @__PURE__ */ Qe(X0, [["render", J0]]), _u = Symbol.for("cds:container"), Su = Symbol.for("cds:container-group"), eh = (e) => {
   tt(_u, e);
-}, th = () => Ye(_u, {}), Fo = "CdsContainer", $u = $({
+}, th = () => Ye(_u, {}), Fo = "CdsContainer", $u = S({
   name: Fo,
   directives: { Touch: ma },
   props: {
@@ -8500,7 +8502,7 @@ const Q0 = /* @__PURE__ */ Qe(X0, [["render", J0]]), _u = Symbol.for("cds:contai
     });
   }
 });
-const nh = "CdsContainerItem", Iu = $({
+const nh = "CdsContainerItem", Iu = S({
   name: nh,
   props: {
     reverseTransition: {
@@ -8624,7 +8626,7 @@ function oh({
   const o = a ? e.clientWidth : e.clientHeight, i = (a ? e.offsetLeft : e.offsetTop) + o / 2 - t / 2;
   return Math.min(n - t, Math.max(0, i));
 }
-const Du = Symbol.for("cds:slide-group"), sh = "CdsSlideGroup", Eu = $({
+const Du = Symbol.for("cds:slide-group"), sh = "CdsSlideGroup", Eu = S({
   name: sh,
   props: {
     ...lt(),
@@ -8844,7 +8846,7 @@ const Du = Symbol.for("cds:slide-group"), sh = "CdsSlideGroup", Eu = $({
     };
   }
 });
-const lh = "CdsSlideGroupItem", ih = $({
+const lh = "CdsSlideGroupItem", ih = S({
   name: lh,
   props: {
     ...xn(),
@@ -8865,7 +8867,7 @@ const lh = "CdsSlideGroupItem", ih = $({
       });
     };
   }
-}), ui = "CdsTabs", Mu = $({
+}), ui = "CdsTabs", Mu = S({
   name: ui,
   props: {
     items: {
@@ -8943,7 +8945,7 @@ const lh = "CdsSlideGroupItem", ih = $({
     }), {};
   }
 });
-const rh = "CdsTab", fl = $({
+const rh = "CdsTab", fl = S({
   name: rh,
   props: {
     hideSlider: {
@@ -9027,7 +9029,7 @@ const rh = "CdsTab", fl = $({
       updateSlider: u
     }), {};
   }
-}), uh = 32, ch = "CdsContentSwitcher", dh = $({
+}), uh = 32, ch = "CdsContentSwitcher", dh = S({
   name: ch,
   props: {
     modelValue: {
@@ -9065,7 +9067,7 @@ const rh = "CdsTab", fl = $({
     )), {};
   }
 });
-const fh = "CdsContentSwitcherItem", mh = $({
+const fh = "CdsContentSwitcherItem", mh = S({
   name: fh,
   props: {
     ...xn(),
@@ -9180,61 +9182,61 @@ function vh(e, t, n, a, o, l, i, r) {
   const u = p(() => o()), d = F(
     null
   ), f = p(
-    () => (S) => new Date(S.year, S.month - 1, S.day)
+    () => ($) => new Date($.year, $.month - 1, $.day)
   ), c = F(e.view), m = F("left"), h = F("left"), g = p(() => e.emitImmediately && !e.multiple && !e.range), v = F(ve()), k = p(
-    () => t.value.filter((S) => typeof S == "string").map((S) => l(S)).filter((S) => S.dateHash && S.day && S.month && S.year)
+    () => t.value.filter(($) => typeof $ == "string").map(($) => l($)).filter(($) => $.dateHash && $.day && $.month && $.year)
   ), C = p(() => {
-    const S = (N) => l(N);
+    const $ = (N) => l(N);
     return t.value.filter((N) => On(N) && N.from && N.to).map((N) => ({
-      from: S(N.from),
-      to: S(N.to)
+      from: $(N.from),
+      to: $(N.to)
     })).filter((N) => N.from.dateHash && N.to.dateHash && N.from.dateHash < N.to.dateHash);
   }), b = p(() => k.value.concat(C.value.map((N) => N.from)).sort((N, j) => N.year - j.year || N.month - j.month)[0]), _ = p(() => k.value.concat(C.value.map((N) => N.to)).sort((N, j) => j.year - N.year || j.month - N.month)[0]), I = p(
     () => k.value.length + C.value.reduce(
-      (S, N) => S + 1 + Ls(f.value(N.to), f.value(N.from)),
+      ($, N) => $ + 1 + Ls(f.value(N.to), f.value(N.from)),
       0
     )
   ), E = p(() => qt(v.value)), x = v.value.year, B = F(x && x - x % mn - (x < 0 ? mn : 0)), T = p(
     () => e.firstDayOfWeek ? +e.firstDayOfWeek : n.value.firstDayOfWeek
   ), D = p(() => {
-    const S = n.value.daysShort, N = T.value;
-    return N > 0 ? S.slice(N, 7).concat(S.slice(0, N)) : S;
+    const $ = n.value.daysShort, N = T.value;
+    return N > 0 ? $.slice(N, 7).concat($.slice(0, N)) : $;
   }), P = p(() => {
-    const S = v.value;
-    return new Date(S.year, S.month, 0).getDate();
+    const $ = v.value;
+    return new Date($.year, $.month, 0).getDate();
   }), A = p(() => {
     if (!e.minYearMonth)
       return;
-    const [S, N] = e.minYearMonth.split("/");
+    const [$, N] = e.minYearMonth.split("/");
     return {
-      year: parseInt(S, 10),
+      year: parseInt($, 10),
       month: parseInt(N, 10)
     };
   }), O = p(() => {
     if (!e.maxYearMonth)
       return;
-    const [S, N] = e.maxYearMonth.split("/");
+    const [$, N] = e.maxYearMonth.split("/");
     return {
-      year: parseInt(S, 10),
+      year: parseInt($, 10),
       month: parseInt(N, 10)
     };
   }), w = p(() => {
-    const S = {
+    const $ = {
       month: { prev: !0, next: !0 },
       year: { prev: !0, next: !0 }
     };
-    return A.value && A.value.year >= v.value.year && (S.year.prev = !1, A.value.year === v.value.year && A.value.month >= v.value.month && (S.month.prev = !1)), O.value && O.value.year <= v.value.year && (S.year.next = !1, O.value.year === v.value.year && O.value.month <= v.value.month && (S.month.next = !1)), S;
+    return A.value && A.value.year >= v.value.year && ($.year.prev = !1, A.value.year === v.value.year && A.value.month >= v.value.month && ($.month.prev = !1)), O.value && O.value.year <= v.value.year && ($.year.next = !1, O.value.year === v.value.year && O.value.month <= v.value.month && ($.month.next = !1)), $;
   }), M = p(() => {
-    const S = {};
+    const $ = {};
     return k.value.forEach((N) => {
       const j = qt(N);
-      S[j] || (S[j] = []), S[j].push(N.day);
-    }), S;
+      $[j] || ($[j] = []), $[j].push(N.day);
+    }), $;
   }), z = p(() => {
-    const S = {};
+    const $ = {};
     return C.value.forEach((N) => {
       const j = qt(N.from), me = qt(N.to);
-      if (S[j] || (S[j] = []), S[j].push({
+      if ($[j] || ($[j] = []), $[j].push({
         from: N.from.day,
         to: j === me ? N.to.day : void 0,
         range: N
@@ -9242,17 +9244,17 @@ function vh(e, t, n, a, o, l, i, r) {
         let Pe;
         const { year: Ge, month: Me } = N.from, Ke = Me < 12 ? { year: Ge, month: Me + 1 } : { year: Ge + 1, month: 1 };
         for (; (Pe = qt(Ke)) <= me; )
-          S[Pe] || (S[Pe] = []), S[Pe].push({
+          $[Pe] || ($[Pe] = []), $[Pe].push({
             from: void 0,
             to: Pe === me ? N.to.day : void 0,
             range: N
           }), Ke.month++, Ke.month > 12 && (Ke.year++, Ke.month = 1);
       }
-    }), S;
+    }), $;
   }), V = p(() => {
     if (!d.value)
       return;
-    const { init: S, initHash: N, final: j, finalHash: me } = d.value, [Pe, Ge] = N <= me ? [S, j] : [j, S];
+    const { init: $, initHash: N, final: j, finalHash: me } = d.value, [Pe, Ge] = N <= me ? [$, j] : [j, $];
     if (!Pe || !Ge)
       return;
     const Me = qt(Pe), Ke = qt(Ge);
@@ -9261,11 +9263,11 @@ function vh(e, t, n, a, o, l, i, r) {
     const q = {};
     return Me === E.value ? (q.from = Pe.day, q.includeFrom = !0) : q.from = 1, Ke === E.value ? (q.to = Ge.day, q.includeTo = !0) : q.to = P.value, q;
   }), K = p(() => {
-    const S = {};
+    const $ = {};
     if (!e.allowedDates) {
       for (let j = 1; j <= P.value; j++)
-        S[j] = !0;
-      return S;
+        $[j] = !0;
+      return $;
     }
     const N = typeof e.allowedDates == "function" ? e.allowedDates : (j) => {
       var me;
@@ -9273,13 +9275,13 @@ function vh(e, t, n, a, o, l, i, r) {
     };
     for (let j = 1; j <= P.value; j++) {
       const me = E.value + "/" + je(j);
-      S[j] = N(me);
+      $[j] = N(me);
     }
-    return S;
+    return $;
   }), L = p(
     () => typeof e.eventsColor == "function" ? e.eventsColor : () => e.eventsColor
   ), U = p(() => {
-    const S = {};
+    const $ = {};
     if (e.events) {
       const N = typeof e.events == "function" ? e.events : (j) => {
         var me;
@@ -9287,37 +9289,37 @@ function vh(e, t, n, a, o, l, i, r) {
       };
       for (let j = 0; j <= P.value; j++) {
         const me = E.value + "/" + je(j);
-        S[j] = N(me) && L.value(me);
+        $[j] = N(me) && L.value(me);
       }
     } else
       for (let N = 1; N <= P.value; N++)
-        S[N] = !1;
-    return S;
+        $[N] = !1;
+    return $;
   }), te = p(() => {
-    const { year: S, month: N } = v.value, j = new Date(S, N - 1, 1), me = new Date(S, N - 1, 0).getDate();
+    const { year: $, month: N } = v.value, j = new Date($, N - 1, 1), me = new Date($, N - 1, 0).getDate();
     return {
       days: j.getDay() - T.value - 1,
       endDay: me
     };
   }), fe = p(() => {
     var Me, Ke, q, se, ke, Re;
-    const S = [], { days: N, endDay: j } = te.value, me = N < 0 ? N + 7 : N;
+    const $ = [], { days: N, endDay: j } = te.value, me = N < 0 ? N + 7 : N;
     if (me < 6)
       for (let ae = j - me; ae <= j; ae++)
-        S.push({ i: ae, fill: !0 });
-    const Pe = S.length;
+        $.push({ i: ae, fill: !0 });
+    const Pe = $.length;
     for (let ae = 1; ae <= P.value; ae++) {
       const $e = {
         i: ae,
         event: U.value[ae],
         classes: []
       };
-      K.value[ae] && ($e.in = !0, $e.flat = !0), S.push($e);
+      K.value[ae] && ($e.in = !0, $e.flat = !0), $.push($e);
     }
     if (M.value[E.value] && M.value[E.value].forEach((ae) => {
       const $e = Pe + ae - 1;
-      S[$e] = {
-        ...S[$e],
+      $[$e] = {
+        ...$[$e],
         selected: !0,
         unelevated: !0,
         flat: !1
@@ -9326,38 +9328,38 @@ function vh(e, t, n, a, o, l, i, r) {
       if (ae.from) {
         const $e = Pe + ae.from - 1, Xe = Pe + (ae.to || P.value) - 1;
         for (let Dn = $e; Dn <= Xe; Dn++)
-          S[Dn] = {
-            ...S[Dn],
+          $[Dn] = {
+            ...$[Dn],
             range: ae.range,
             unelevated: !0
           };
-        S[$e] = {
-          ...S[$e],
+        $[$e] = {
+          ...$[$e],
           rangeFrom: !0,
           flat: !1
-        }, ae.to && (S[Xe] = {
-          ...S[Xe],
+        }, ae.to && ($[Xe] = {
+          ...$[Xe],
           rangeTo: !0,
           flat: !1
         });
       } else if (ae.to) {
         const $e = Pe + ae.to - 1;
         for (let Xe = Pe; Xe <= $e; Xe++)
-          S[Xe] = {
-            ...S[Xe],
+          $[Xe] = {
+            ...$[Xe],
             range: ae.range,
             unelevated: !0
           };
-        S[$e] = {
-          ...S[$e],
+        $[$e] = {
+          ...$[$e],
           rangeTo: !0,
           flat: !1
         };
       } else {
         const $e = Pe + P.value - 1;
         for (let Xe = Pe; Xe <= $e; Xe++)
-          S[Xe] = {
-            ...S[Xe],
+          $[Xe] = {
+            ...$[Xe],
             range: ae.range,
             unelevated: !0
           };
@@ -9365,68 +9367,68 @@ function vh(e, t, n, a, o, l, i, r) {
     }), V.value && ((Me = V.value) == null ? void 0 : Me.from) && ((Ke = V.value) == null ? void 0 : Ke.to)) {
       const ae = Pe + ((q = V.value) == null ? void 0 : q.from) - 1, $e = Pe + ((se = V.value) == null ? void 0 : se.to) - 1;
       for (let Xe = ae; Xe <= $e; Xe++)
-        S[Xe].editRange = !0;
-      (ke = V.value) != null && ke.includeFrom && (S[ae].editRangeFrom = !0), (Re = V.value) != null && Re.includeTo && (S[$e].editRangeTo = !0);
+        $[Xe].editRange = !0;
+      (ke = V.value) != null && ke.includeFrom && ($[ae].editRangeFrom = !0), (Re = V.value) != null && Re.includeTo && ($[$e].editRangeTo = !0);
     }
-    v.value.year === u.value.year && v.value.month === u.value.month && (S[Pe + u.value.day - 1].today = !0);
-    const Ge = S.length % 7;
+    v.value.year === u.value.year && v.value.month === u.value.month && ($[Pe + u.value.day - 1].today = !0);
+    const Ge = $.length % 7;
     if (Ge > 0) {
       const ae = 7 - Ge;
       for (let $e = 1; $e <= ae; $e++)
-        S.push({ i: $e, fill: !0 });
+        $.push({ i: $e, fill: !0 });
     }
-    return S.forEach((ae) => {
+    return $.forEach((ae) => {
       const $e = ["cds-date-picker__calendar-item"];
       ae.fill ? ($e.push("cds-date-picker__calendar-item--fill"), e.hideSiblingMonth && $e.push("cds-date-picker__calendar-item--hide-sibling-month")) : ($e.push(`cds-date-picker__calendar-item--${ae.in ? "in" : "out"}`), ae.range && $e.push(`cds-date-picker__calendar-item__range${ae.rangeTo ? "--to" : ae.rangeFrom ? "--from" : ""}`), ae.editRange && $e.push(
         `cds-date-picker__calendar-item__edit-range${ae.editRangeFrom ? "--from" : ""}${ae.editRangeTo ? "--to" : ""}`
       ), (ae.range || ae.editRange) && $e.push(`cds-date-picker__day--${ae.color}`)), ae.classes = $e;
-    }), S;
+    }), $;
   }), Q = p(
-    () => (S, N, j) => Bs(
+    () => ($, N, j) => Bs(
       new Date(
-        S.year,
-        S.month - 1,
-        S.day,
-        S.hour,
-        S.minute,
-        S.second,
-        S.millisecond
+        $.year,
+        $.month - 1,
+        $.day,
+        $.hour,
+        $.minute,
+        $.second,
+        $.millisecond
       ),
       N || a.value,
       j || n.value,
-      S.year,
-      S.timezoneOffset
+      $.year,
+      $.timezoneOffset
     )
   );
   function ve() {
     if (!t.value.length)
       return _e();
-    const S = t.value[t.value.length - 1], N = l(
-      S.from ? S.from : S
+    const $ = t.value[t.value.length - 1], N = l(
+      $.from ? $.from : $
     );
     return N.dateHash === null ? _e() : N;
   }
   function _e() {
-    let S, N;
+    let $, N;
     if (e.defaultYearMonth)
-      [S, N] = e.defaultYearMonth.split("/"), S = parseInt(S, 10), N = parseInt(N, 10);
+      [$, N] = e.defaultYearMonth.split("/"), $ = parseInt($, 10), N = parseInt(N, 10);
     else {
       const j = u.value ? u.value : o();
-      S = j.year, N = j.month;
+      $ = j.year, N = j.month;
     }
     return {
-      year: S,
+      year: $,
       month: N,
       day: 1,
       hour: 0,
       minute: 0,
       second: 0,
       millisecond: 0,
-      dateHash: S + "/" + je(N) + "/01"
+      dateHash: $ + "/" + je(N) + "/01"
     };
   }
-  function Z(S, N, j) {
-    if (A.value && S <= A.value.year && (S = A.value.year, N < A.value.month && (N = A.value.month)), O.value && S >= O.value.year && (S = O.value.year, N > O.value.month && (N = O.value.month)), j) {
+  function Z($, N, j) {
+    if (A.value && $ <= A.value.year && ($ = A.value.year, N < A.value.month && (N = A.value.month)), O.value && $ >= O.value.year && ($ = O.value.year, N > O.value.month && (N = O.value.month)), j) {
       const { hour: Pe, minute: Ge, second: Me, millisecond: Ke, timezoneOffset: q, timeHash: se } = j;
       v.value = {
         ...v.value,
@@ -9438,108 +9440,108 @@ function vh(e, t, n, a, o, l, i, r) {
         timeHash: se
       };
     }
-    const me = S + "/" + je(N) + "/01";
-    me !== v.value.dateHash && (m.value = v.value.dateHash && v.value.dateHash < me ? "left" : "right", S !== v.value.year && (h.value = m.value), Ze(() => {
-      B.value = S - S % mn - (S < 0 ? mn : 0), v.value = {
+    const me = $ + "/" + je(N) + "/01";
+    me !== v.value.dateHash && (m.value = v.value.dateHash && v.value.dateHash < me ? "left" : "right", $ !== v.value.year && (h.value = m.value), Ze(() => {
+      B.value = $ - $ % mn - ($ < 0 ? mn : 0), v.value = {
         ...v.value,
-        year: S,
+        year: $,
         month: N,
         day: 1,
         dateHash: me
       };
     }));
   }
-  function he(S, N) {
+  function he($, N) {
     const [j] = fs;
-    c.value = j, Z(S, N);
+    c.value = j, Z($, N);
   }
   function Ie() {
-    const S = u.value, N = M.value[qt(S)];
-    (!N || !N.includes(S.day)) && Te(S), he(S.year, S.month);
+    const $ = u.value, N = M.value[qt($)];
+    (!N || !N.includes($.day)) && Te($), he($.year, $.month);
   }
-  function Te(S) {
+  function Te($) {
     let N;
     if (e.multiple) {
       const j = t.value.slice();
-      j.push(X(S)), N = j;
+      j.push(X($)), N = j;
     } else
-      N = X(S);
-    i(N, "add", S);
+      N = X($);
+    i(N, "add", $);
   }
-  function ie(S) {
+  function ie($) {
     let N;
     if (e.multiple) {
-      if (S.from) {
-        const j = Zt(S.from), me = Zt(S.to), Pe = k.value.filter(
+      if ($.from) {
+        const j = Zt($.from), me = Zt($.to), Pe = k.value.filter(
           (Me) => Me.dateHash ? Me.dateHash < j || Me.dateHash > me : !1
         ), Ge = C.value.filter(
           ({ from: Me, to: Ke }) => Ke.dateHash && Me.dateHash ? Ke.dateHash < j || Me.dateHash > me : !1
         );
-        N = [...Pe, ...Ge, S].map((Me) => X(Me));
+        N = [...Pe, ...Ge, $].map((Me) => X(Me));
       }
     } else
-      N = X(S);
-    i(N, "add", S);
+      N = X($);
+    i(N, "add", $);
   }
-  function re(S) {
+  function re($) {
     if (e.noUnset)
       return;
     let N = null;
     if (e.multiple) {
-      const j = X(S);
+      const j = X($);
       N = t.value.filter((me) => me !== j), N.length || (N = null);
     }
-    i(N, "remove", S);
+    i(N, "remove", $);
   }
-  function W(S) {
+  function W($) {
     if (e.noUnset)
       return;
     let N = null;
     if (e.multiple) {
-      const j = X(S);
-      S.from && (N = t.value.filter((me) => {
+      const j = X($);
+      $.from && (N = t.value.filter((me) => {
         me.from && me.from !== j.from && (me.to, j.to);
       }), N.length || (N = null));
     }
-    i(N, "remove", S);
+    i(N, "remove", $);
   }
-  function X(S, N, j) {
-    return S.from ? { from: Q.value(S.from, N, j), to: Q.value(S.to, N, j) } : Q.value(S, N, j);
+  function X($, N, j) {
+    return $.from ? { from: Q.value($.from, N, j), to: Q.value($.to, N, j) } : Q.value($, N, j);
   }
-  function ce(S) {
-    let N = v.value.year, j = +v.value.month + S;
+  function ce($) {
+    let N = v.value.year, j = +v.value.month + $;
     j === 13 ? (j = 1, N++) : j === 0 && (j = 12, N--), Z(N, j), g.value && r("month");
   }
-  function Ce(S) {
-    const N = +v.value.year + S;
+  function Ce($) {
+    const N = +v.value.year + $;
     Z(N, v.value.month), g.value && r("year");
   }
-  function Oe(S) {
-    Z(S, v.value.month), c.value = e.view === "Years" ? "Months" : "Calendar", g.value && r("year");
+  function Oe($) {
+    Z($, v.value.month), c.value = e.view === "Years" ? "Months" : "Calendar", g.value && r("year");
   }
-  function de(S) {
-    Z(v.value.year, S), c.value = "Calendar", g.value && r("month");
+  function de($) {
+    Z(v.value.year, $), c.value = "Calendar", g.value && r("month");
   }
-  function ge(S) {
-    if (!fs.includes(S)) {
-      ze("calendar", `Calendar doesn't support ${S} view`);
+  function ge($) {
+    if (!fs.includes($)) {
+      ze("calendar", `Calendar doesn't support ${$} view`);
       return;
     }
-    c.value = S;
+    c.value = $;
   }
-  function we(S, N) {
+  function we($, N) {
     const j = M.value[N];
-    S.from ? (j && j.includes(S.day) ? W : ie)(S) : (j && j.includes(S.day) ? re : Te)(S);
+    $.from ? (j && j.includes($.day) ? W : ie)($) : (j && j.includes($.day) ? re : Te)($);
   }
-  function Y(S, N) {
-    ["month", "years"].includes(S) && (S === "month" ? ce : Ce)(N ? -1 : 1);
+  function Y($, N) {
+    ["month", "years"].includes($) && ($ === "month" ? ce : Ce)(N ? -1 : 1);
   }
-  function xe(S, N) {
-    if (!e.range || !S) {
+  function xe($, N) {
+    if (!e.range || !$) {
       d.value = null;
       return;
     }
-    const j = { ...v.value, from: S }, me = N ? { ...v.value, to: N } : j;
+    const j = { ...v.value, from: $ }, me = N ? { ...v.value, to: N } : j;
     d.value = {
       init: j,
       initHash: Zt(j),
@@ -9595,7 +9597,7 @@ function vh(e, t, n, a, o, l, i, r) {
 function qt(e) {
   return e.year + "/" + je(e.month);
 }
-const ph = "CdsDatePicker", gh = $({
+const ph = "CdsDatePicker", gh = S({
   name: ph,
   props: {
     ...hh(),
@@ -9655,7 +9657,7 @@ const ph = "CdsDatePicker", gh = $({
       h,
       r,
       c,
-      S,
+      $,
       N
     ), { getCache: ce } = er(), Ce = F(), Oe = F();
     let de;
@@ -9709,7 +9711,7 @@ const ph = "CdsDatePicker", gh = $({
         n("navigation", { year: s(I).year, month: s(I).month });
       }
     );
-    function S(q, se, ke) {
+    function $(q, se, ke) {
       const Re = q && q.length === 1 && !e.multiple ? q[0] : q;
       de = Re;
       const { reason: ae, details: $e } = j(se, ke);
@@ -10132,7 +10134,7 @@ const po = {
   "cds-drawer-z-index-outer": "800"
 }, ms = oo(po["cds-drawer-width"]), yh = oo(po["cds-drawer-width-minified"]);
 Number(po["cds-drawer-z-index-inner"]);
-const Oo = Number(po["cds-drawer-z-index-outer"]) + 1, ci = "CdsDrawer", bh = $({
+const Oo = Number(po["cds-drawer-z-index-outer"]) + 1, ci = "CdsDrawer", bh = S({
   name: ci,
   props: {
     modelValue: {
@@ -10289,7 +10291,7 @@ function _h(e, t, n, a, o, l) {
     })) : ne("", !0)
   ], 64);
 }
-const Sh = /* @__PURE__ */ Qe(bh, [["render", _h]]), na = "CdsDropdown", $h = $({
+const Sh = /* @__PURE__ */ Qe(bh, [["render", _h]]), na = "CdsDropdown", $h = S({
   name: na,
   components: { CdsTextInput: nn, CdsMenu: Yn, CdsList: Gn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: dl },
   props: {
@@ -10364,8 +10366,8 @@ const Sh = /* @__PURE__ */ Qe(bh, [["render", _h]]), na = "CdsDropdown", $h = $(
       [ue.enter, ue.space, ue.down, ue.up, ue.home, ue.end].includes(re.key) && re.preventDefault(), [ue.enter, ue.down, ue.space].includes(re.key) && (v.value = !0), [ue.esc, ue.tab].includes(re.key) && (v.value = !1), re.key === ue.down ? (Oe = s(V)) == null || Oe.focus("next") : re.key === ue.up ? (de = s(V)) == null || de.focus("prev") : re.key === ue.home ? (ge = s(V)) == null || ge.focus("first") : re.key === ue.end && ((we = s(V)) == null || we.focus("last"));
       const W = 1e3;
       function X(Y) {
-        const xe = Y.key.length === 1, S = !Y.ctrlKey && !Y.metaKey && !Y.altKey;
-        return xe && S;
+        const xe = Y.key.length === 1, $ = !Y.ctrlKey && !Y.metaKey && !Y.altKey;
+        return xe && $;
       }
       if (e.multiple || !X(re))
         return;
@@ -10602,7 +10604,7 @@ function Dh(e, t, n, a, o, l) {
   ]), 1040, ["focused", "model-value", "placeholder", "dirty", "validation-value", "class", "onBlur", "onKeydown", "onClick:clear", "onUpdate:modelValue", "onMousedown:control"]);
 }
 const Eh = /* @__PURE__ */ Qe($h, [["render", Dh]]);
-$({
+S({
   name: "ActivesRiseRub",
   props: {
     mono: {
@@ -10611,7 +10613,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "BankRub",
   props: {
     mono: {
@@ -10620,7 +10622,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "BookBuilding",
   props: {
     mono: {
@@ -10629,7 +10631,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "BookChat",
   props: {
     mono: {
@@ -10638,7 +10640,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "BookFinger",
   props: {
     mono: {
@@ -10647,7 +10649,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "BooksAppleHat",
   props: {
     mono: {
@@ -10656,7 +10658,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "CalendarWatch",
   props: {
     mono: {
@@ -10665,7 +10667,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "CarBoxes",
   props: {
     mono: {
@@ -10674,7 +10676,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "Chip",
   props: {
     mono: {
@@ -10683,7 +10685,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "ChocholateMenu",
   props: {
     mono: {
@@ -10692,7 +10694,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "DisplayAnalytics",
   props: {
     mono: {
@@ -10701,7 +10703,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "DisplayDemo",
   props: {
     mono: {
@@ -10710,7 +10712,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "DisplayUserProfile",
   props: {
     mono: {
@@ -10719,7 +10721,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "DocLaptop",
   props: {
     mono: {
@@ -10728,7 +10730,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "FingerClickRub",
   props: {
     mono: {
@@ -10737,7 +10739,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HammerBuildings",
   props: {
     mono: {
@@ -10746,7 +10748,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HandCardRub",
   props: {
     mono: {
@@ -10755,7 +10757,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HandGear",
   props: {
     mono: {
@@ -10764,7 +10766,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HandGlass",
   props: {
     mono: {
@@ -10773,7 +10775,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HandMoney",
   props: {
     mono: {
@@ -10782,7 +10784,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "HandshakeRub",
   props: {
     mono: {
@@ -10791,7 +10793,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "Key",
   props: {
     mono: {
@@ -10800,7 +10802,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "LikeDisplayClick",
   props: {
     mono: {
@@ -10809,7 +10811,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "LikeProfileRub",
   props: {
     mono: {
@@ -10818,7 +10820,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "MailOpened",
   props: {
     mono: {
@@ -10827,7 +10829,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "ManLaptopWorld",
   props: {
     mono: {
@@ -10836,7 +10838,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "ManSpyglass",
   props: {
     mono: {
@@ -10845,7 +10847,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "PhoneInHand",
   props: {
     mono: {
@@ -10854,7 +10856,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "Rocket",
   props: {
     mono: {
@@ -10863,7 +10865,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "SandwatchRub",
   props: {
     mono: {
@@ -10872,7 +10874,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "SearchInterface",
   props: {
     mono: {
@@ -10881,7 +10883,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "Support",
   props: {
     mono: {
@@ -10890,7 +10892,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "UserAnalytics",
   props: {
     mono: {
@@ -10899,7 +10901,7 @@ $({
     }
   }
 });
-$({
+S({
   name: "WomanChat",
   props: {
     mono: {
@@ -10943,7 +10945,7 @@ const Mh = [
   "support",
   "user-analytics",
   "woman-chat"
-], di = "CdsEmptyState", Ah = $({
+], di = "CdsEmptyState", Ah = S({
   name: di,
   props: {
     description: {
@@ -11022,7 +11024,7 @@ const Nh = /* @__PURE__ */ Qe(Ah, [["render", Lh]]), Au = pe(
     }
   },
   "CdsExpandablePanels"
-), ha = Symbol.for("cds:expandable-panels-group"), Pu = Symbol.for("cds:expandable-panel"), fi = "CdsExpandablePanels", Vh = $({
+), ha = Symbol.for("cds:expandable-panels-group"), Pu = Symbol.for("cds:expandable-panel"), fi = "CdsExpandablePanels", Vh = S({
   name: fi,
   props: {
     ...Hh(),
@@ -11053,7 +11055,7 @@ const Nh = /* @__PURE__ */ Qe(Ah, [["render", Lh]]), Au = pe(
       }
     ), {};
   }
-}), Kh = "CdsExpandablePanelContent", Fu = $({
+}), Kh = "CdsExpandablePanelContent", Fu = S({
   name: Kh,
   props: {
     ...It()
@@ -11094,7 +11096,7 @@ const Nh = /* @__PURE__ */ Qe(Ah, [["render", Lh]]), Au = pe(
       ...a
     }), {};
   }
-}), jh = "CdsExpandablePanelTitle", Tu = $({
+}), jh = "CdsExpandablePanelTitle", Tu = S({
   name: jh,
   props: {
     ...Au(),
@@ -11153,7 +11155,7 @@ const Nh = /* @__PURE__ */ Qe(Ah, [["render", Lh]]), Au = pe(
       ...a
     }), {};
   }
-}), Wh = "CdsExpandablePanel", Uh = $({
+}), Wh = "CdsExpandablePanel", Uh = S({
   name: Wh,
   props: {
     ...Au(),
@@ -11215,7 +11217,7 @@ const Nh = /* @__PURE__ */ Qe(Ah, [["render", Lh]]), Au = pe(
     }), {};
   }
 });
-const Yh = typeof ResizeObserver < "u", to = $({
+const Yh = typeof ResizeObserver < "u", to = S({
   name: "CdsLayoutResizeObserver",
   props: {
     debounce: {
@@ -11254,7 +11256,7 @@ const Yh = typeof ResizeObserver < "u", to = $({
       n !== null && clearTimeout(n), u !== void 0 && (u.disconnect !== void 0 ? u == null || u.disconnect() : a && u.unobserve(a));
     }), Qt;
   }
-}), Gh = ["both", "horizontal", "vertical"], Xh = $({
+}), Gh = ["both", "horizontal", "vertical"], Xh = S({
   name: "CdsLayoutScrollObserver",
   props: {
     axis: {
@@ -11333,7 +11335,7 @@ const Yh = typeof ResizeObserver < "u", to = $({
       getPosition: () => a
     }), Qt;
   }
-}), Oa = "CdsFooter", qh = $({
+}), Oa = "CdsFooter", qh = S({
   name: Oa,
   props: {
     ...eu(),
@@ -11382,7 +11384,7 @@ const Yh = typeof ResizeObserver < "u", to = $({
     }), {};
   }
 });
-const Zh = "CdsForm", Jh = $({
+const Zh = "CdsForm", Jh = S({
   name: Zh,
   components: { CdsInputLabel: yt, CdsInputDescription: St },
   props: {
@@ -11450,7 +11452,7 @@ const Zh = "CdsForm", Jh = $({
     }), {};
   }
 });
-const Qh = "CdsCol", ev = $({
+const Qh = "CdsCol", ev = S({
   name: Qh,
   props: {
     ...lt(),
@@ -11501,7 +11503,7 @@ function nv(e, t) {
     t.slots.default && t.slots.default()
   );
 }
-const av = "CdsGrid", ov = $({
+const av = "CdsGrid", ov = S({
   name: av,
   props: {
     ...lt(),
@@ -11512,7 +11514,7 @@ const av = "CdsGrid", ov = $({
   setup(e, t) {
     return Ye(ll, !1) ? tv(e, t) : nv(e, t);
   }
-}), sv = "CdsRow", lv = $({
+}), sv = "CdsRow", lv = S({
   name: sv,
   props: {
     ...lt(),
@@ -11532,7 +11534,7 @@ const av = "CdsGrid", ov = $({
       t.slots.default && t.slots.default()
     );
   }
-}), Ra = "CdsHeader", iv = $({
+}), Ra = "CdsHeader", iv = S({
   name: Ra,
   props: {
     ...eu(),
@@ -11581,7 +11583,7 @@ const av = "CdsGrid", ov = $({
     }), {};
   }
 });
-const rv = "CdsLayout", uv = $({
+const rv = "CdsLayout", uv = S({
   name: rv,
   props: {
     container: {
@@ -11722,7 +11724,7 @@ const rv = "CdsLayout", uv = $({
 });
 const Ou = Symbol("cds:main"), cv = (e) => {
   tt(Ou, e);
-}, dv = () => Ye(Ou, !1), fv = "CdsMain", mv = $({
+}, dv = () => Ye(Ou, !1), fv = "CdsMain", mv = S({
   name: fv,
   setup(e, { slots: t, expose: n }) {
     const a = Un();
@@ -11748,7 +11750,7 @@ const Ou = Symbol("cds:main"), cv = (e) => {
     ), {};
   }
 });
-const mi = "CdsModal", hv = $({
+const mi = "CdsModal", hv = S({
   name: mi,
   props: {
     fullscreen: {
@@ -11916,7 +11918,7 @@ function vv(e) {
     })
   };
 }
-const Ro = "CdsNotification", Bu = $({
+const Ro = "CdsNotification", Bu = S({
   name: Ro,
   props: {
     modelValue: {
@@ -11977,7 +11979,7 @@ const Ro = "CdsNotification", Bu = $({
     };
   }
 });
-const pv = "CdsNotificationAlert", gv = $({
+const pv = "CdsNotificationAlert", gv = S({
   name: pv,
   props: {
     timeout: {
@@ -12099,7 +12101,7 @@ const pv = "CdsNotificationAlert", gv = $({
       overlay: u
     }), {};
   }
-}), yv = "CdsPage", bv = $({
+}), yv = "CdsPage", bv = S({
   name: yv,
   props: {
     padding: {
@@ -12144,7 +12146,7 @@ const pv = "CdsNotificationAlert", gv = $({
     }), {};
   }
 });
-const Cv = "CdsPagination", Lu = $({
+const Cv = "CdsPagination", Lu = S({
   name: Cv,
   props: {
     start: {
@@ -12306,7 +12308,7 @@ const Cv = "CdsPagination", Lu = $({
     }), {};
   }
 });
-const kv = "CdsProgress", wv = $({
+const kv = "CdsProgress", wv = S({
   name: kv,
   props: {
     modelValue: {
@@ -12472,7 +12474,7 @@ const Nu = /* @__PURE__ */ Qe(wv, [["render", _v]]), Sv = {
   errorGroup: F(!1),
   handleChangeRadio: () => {
   }
-}, zu = Symbol.for("cds:radio"), Bo = "CdsRadioButton", $v = $({
+}, zu = Symbol.for("cds:radio"), Bo = "CdsRadioButton", $v = S({
   name: Bo,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St },
   props: {
@@ -12545,7 +12547,7 @@ function xv(e, t, n, a, o, l) {
     _: 3
   }, 16, ["id", "class"]);
 }
-const Dv = /* @__PURE__ */ Qe($v, [["render", xv]]), hi = "CdsRadio", Ev = $({
+const Dv = /* @__PURE__ */ Qe($v, [["render", xv]]), hi = "CdsRadio", Ev = S({
   name: hi,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St },
   props: {
@@ -12648,7 +12650,7 @@ function Av(e, t, n, a, o, l) {
     _: 3
   }, 16, ["id", "focused", "class", "hide-messages"]);
 }
-const ml = /* @__PURE__ */ Qe(Ev, [["render", Av]]), aa = "CdsSelect", Pv = $({
+const ml = /* @__PURE__ */ Qe(Ev, [["render", Av]]), aa = "CdsSelect", Pv = S({
   name: aa,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St, CdsIcon: ot, CdsLoader: rn, CdsTransition: Dt },
   props: {
@@ -12913,7 +12915,7 @@ function zv(e, t, n, a, o, l) {
     ]), 1040, ["id", "modelValue", "focused", "class"])
   ], 16);
 }
-const Hv = /* @__PURE__ */ Qe(Pv, [["render", zv]]), vi = "CdsSidebar", Vv = $({
+const Hv = /* @__PURE__ */ Qe(Pv, [["render", zv]]), vi = "CdsSidebar", Vv = S({
   name: vi,
   components: {
     CdsButton: Be,
@@ -13064,7 +13066,7 @@ function pi(e) {
 function gi(e) {
   return e.replace(/\s/g, "").split(",").map(go);
 }
-const Jv = "CdsSkeletonLoader", Qv = $({
+const Jv = "CdsSkeletonLoader", Qv = S({
   name: Jv,
   props: {
     type: {
@@ -13110,7 +13112,7 @@ const Jv = "CdsSkeletonLoader", Qv = $({
     }), {};
   }
 });
-const ep = "CdsStages", tp = $({
+const ep = "CdsStages", tp = S({
   name: ep,
   props: {
     current: {
@@ -13197,7 +13199,7 @@ function up(e, t, n, a, o, l) {
     ], 2))), 128))
   ], 6);
 }
-const cp = /* @__PURE__ */ Qe(tp, [["render", up]]), Ba = "CdsStatus", dp = $({
+const cp = /* @__PURE__ */ Qe(tp, [["render", up]]), Ba = "CdsStatus", dp = S({
   name: Ba,
   props: {
     ...pt(),
@@ -13250,7 +13252,7 @@ const hp = /* @__PURE__ */ Qe(dp, [["render", mp]]), Hu = Symbol.for("cds:steps-
   "cds-steps--vertical": "_cds-steps--vertical_1c56o_144",
   "cds-steps--disabled": "_cds-steps--disabled_1c56o_172",
   "cds-steps--mobile": "_cds-steps--mobile_1c56o_182"
-}, oa = oo(gp["cds-steps-width"]), yp = "CdsSteps", bp = $({
+}, oa = oo(gp["cds-steps-width"]), yp = "CdsSteps", bp = S({
   name: yp,
   directives: { Touch: ma },
   props: {
@@ -13380,7 +13382,7 @@ const Sp = /* @__PURE__ */ Qe(Cp, [["render", _p]]), $p = {}, Ip = /* @__PURE__
 function Dp(e, t) {
   return H(), oe("i", null, xp);
 }
-const Ep = /* @__PURE__ */ Qe($p, [["render", Dp]]), Mp = "CdsStepsItem", Ap = $({
+const Ep = /* @__PURE__ */ Qe($p, [["render", Dp]]), Mp = "CdsStepsItem", Ap = S({
   name: Mp,
   props: {
     error: {
@@ -13626,6 +13628,14 @@ const Ep = /* @__PURE__ */ Qe($p, [["render", Dp]]), Mp = "CdsStepsItem", Ap = $
     onResizeColumn: {
       type: Function,
       default: void 0
+    },
+    onExpand: {
+      type: Function,
+      default: void 0
+    },
+    onExpandedRowsChange: {
+      type: Function,
+      default: void 0
     }
   },
   "table"
@@ -14081,7 +14091,7 @@ function Qu(e, t) {
     if (O !== "radio") {
       let de = null;
       if (x.value) {
-        const S = y(
+        const $ = y(
           Yn,
           {
             openOnHover: !0
@@ -14106,12 +14116,12 @@ function Qu(e, t) {
             )
           }
         );
-        de = y("div", { class: "cds-table__selection--extra" }, S);
+        de = y("div", { class: "cds-table__selection--extra" }, $);
       }
-      const ge = u.value.map((S, N) => {
-        const j = L.value(S, N), me = d.value.get(j) || {};
+      const ge = u.value.map(($, N) => {
+        const j = L.value($, N), me = d.value.get(j) || {};
         return { checked: Q.has(j), ...me };
-      }).filter(({ disabled: S }) => S), we = !!ge.length && ge.length === B.value, Y = we && ge.every(({ modelValue: S }) => S), xe = we && ge.some(({ modelValue: S }) => S);
+      }).filter(({ disabled: $ }) => $), we = !!ge.length && ge.length === B.value, Y = we && ge.every(({ modelValue: $ }) => $), xe = we && ge.some(({ modelValue: $ }) => $);
       Ie = !z && y("div", { class: "cds-table__selection" }, [
         y(Ht, {
           modelValue: we ? Y : !!B.value && _e,
@@ -14131,23 +14141,23 @@ function Qu(e, t) {
           ...xe,
           checked: Y,
           hideMessages: !0,
-          onClick: (S) => S.stopPropagation(),
-          onChange: (S) => {
-            Q.has(we) || E(we, !0, [we], S);
+          onClick: ($) => $.stopPropagation(),
+          onChange: ($) => {
+            Q.has(we) || E(we, !0, [we], $);
           }
         }),
         checked: Y
       };
     } : Te = ({ record: de, index: ge }) => {
       var j;
-      const we = L.value(de, ge), Y = Q.has(we), xe = C.value.has(we), S = d.value.get(we);
+      const we = L.value(de, ge), Y = Q.has(we), xe = C.value.has(we), $ = d.value.get(we);
       let N;
-      return U.value === "nest" ? (N = xe, typeof (S == null ? void 0 : S.indeterminate) == "boolean" && ze(
+      return U.value === "nest" ? (N = xe, typeof ($ == null ? void 0 : $.indeterminate) == "boolean" && ze(
         "CdsTable",
         "set `indeterminate` using `rowSelection.getCheckboxProps` is no allowed with tree structure data"
-      )) : N = (j = S == null ? void 0 : S.indeterminate) != null ? j : xe, {
+      )) : N = (j = $ == null ? void 0 : $.indeterminate) != null ? j : xe, {
         node: y(Ht, {
-          ...S,
+          ...$,
           modelValue: Y,
           indeterminate: N,
           hideMessages: !0,
@@ -14383,7 +14393,7 @@ const oc = Symbol("cds:table"), Gp = (e) => {
   tt(fc, e);
 }, lg = () => Ye(fc, {}), ig = Symbol("cds:table:summary"), rg = (e) => {
   tt(ig, e);
-}, ug = $({
+}, ug = S({
   name: "FilterDropdownMenuWrapper",
   setup(e, { slots: t }) {
     return () => {
@@ -14391,7 +14401,7 @@ const oc = Symbol("cds:table"), Gp = (e) => {
       return y("div", { onClick: (a) => a.stopPropagation() }, (n = t.default) == null ? void 0 : n.call(t));
     };
   }
-}), bi = $({
+}), bi = S({
   name: "FilterSearch",
   inheritAttrs: !1,
   props: ["value", "filterSearch", "locale"],
@@ -14413,7 +14423,7 @@ const oc = Symbol("cds:table"), Gp = (e) => {
       ) : null;
     };
   }
-}), cg = $({
+}), cg = S({
   name: "FilterDropdown",
   props: [
     "column",
@@ -14795,7 +14805,7 @@ function ki(e) {
       t[n] = null;
   }), t;
 }
-const mg = "CdsTooltip", ia = $({
+const mg = "CdsTooltip", ia = S({
   name: mg,
   props: {
     id: {
@@ -15387,7 +15397,7 @@ function yc(e, t) {
     });
   };
 }
-const gl = $({
+const gl = S({
   name: "Cell",
   props: [
     "record",
@@ -15496,9 +15506,9 @@ const gl = $({
               column: z.__originColumn__
             },
             () => {
-              const S = L === void 0 ? Y : L;
+              const $ = L === void 0 ? Y : L;
               return [
-                typeof S == "object" && Dg(S) || typeof S != "object" ? S : null
+                typeof $ == "object" && Dg($) || typeof $ != "object" ? $ : null
               ];
             }
           );
@@ -15577,7 +15587,7 @@ function xg(e) {
 function Dg(e) {
   return Array.isArray(e) && e.length === 1 && (e = e[0]), e && e.__v_isVNode && typeof e.type != "symbol";
 }
-const Cc = $({
+const Cc = S({
   name: "ResizeObserver",
   props: ["disabled", "onResize"],
   emits: ["resize"],
@@ -15632,7 +15642,7 @@ const Cc = $({
       return (d = t.default) == null ? void 0 : d.call(t)[0];
     };
   }
-}), Eg = $({
+}), Eg = S({
   name: "MeasureCell",
   props: ["columnKey"],
   emits: ["columnResize"],
@@ -15668,7 +15678,7 @@ const Cc = $({
     move: "touchmove",
     stop: "touchend"
   }
-}, xi = 50, Mg = $({
+}, xi = 50, Mg = S({
   name: "DragHandle",
   props: {
     width: {
@@ -15744,7 +15754,7 @@ const Cc = $({
       );
     };
   }
-}), Ag = $({
+}), Ag = S({
   name: "HeaderRow",
   props: [
     "cells",
@@ -15814,7 +15824,7 @@ const Cc = $({
       );
     };
   }
-}), Di = $({
+}), Di = S({
   name: "Header",
   inheritAttrs: !1,
   props: ["columns", "flattenColumns", "stickyOffsets", "customHeaderRow"],
@@ -15866,7 +15876,7 @@ function Pg(e) {
   }
   return t;
 }
-const kc = $({
+const kc = S({
   name: "ColGroup",
   props: ["colWidths", "columns", "columnCount"],
   setup(e) {
@@ -15889,7 +15899,7 @@ const kc = $({
       return y("colgroup", o);
     };
   }
-}), Ei = $({
+}), Ei = S({
   name: "FixedHolder",
   inheritAttrs: !1,
   props: [
@@ -15983,7 +15993,7 @@ const kc = $({
       );
     };
   }
-}), wc = $({
+}), wc = S({
   name: "ExpandedRow",
   inheritAttrs: !1,
   props: ["component", "cellComponent", "expanded", "colSpan", "isEmpty"],
@@ -16019,7 +16029,7 @@ const kc = $({
       );
     };
   }
-}), Fg = $({
+}), Fg = S({
   name: "BodyRow",
   inheritAttrs: !1,
   props: [
@@ -16045,7 +16055,7 @@ const kc = $({
     const i = p(
       () => a.expandableType === "row" && (!e.rowExpandable || e.rowExpandable(e.record))
     ), r = p(() => a.expandableType === "nest"), u = p(
-      () => e.childrenColumnName && e.record && e.record[e.childrenColumnName]
+      () => e.childrenColumnName && e.record && e.record[e.childrenColumnName] && e.record[e.childrenColumnName].length
     ), d = p(() => i.value || r.value), f = (v, k) => {
       a.onTriggerExpand(v, k);
     }, c = p(() => {
@@ -16138,7 +16148,7 @@ const kc = $({
       return y(He, [z, V]);
     };
   }
-}), Tg = $({
+}), Tg = S({
   name: "Body",
   props: [
     "data",
@@ -16214,7 +16224,7 @@ const kc = $({
       ]);
     };
   }
-}), La = $({
+}), La = S({
   name: "Footer",
   inheritAttrs: !1,
   props: ["stickyOffsets", "flattenColumns"],
@@ -16233,7 +16243,7 @@ const kc = $({
       return y("tfoot", { class: "cds-table__summary" }, (n = t.default) == null ? void 0 : n.call(t));
     };
   }
-}), Og = $({
+}), Og = S({
   name: "StickyScrollbar",
   inheritAttrs: !1,
   props: ["scrollBodyRef", "onScroll", "offsetScroll", "container", "scrollBodySizeInfo"],
@@ -16339,7 +16349,7 @@ const kc = $({
       })
     );
   }
-}), Mi = $({
+}), Mi = S({
   name: "Panel",
   setup(e, { slots: t }) {
     return () => {
@@ -16347,7 +16357,7 @@ const kc = $({
       return y("div", (n = t.default) == null ? void 0 : n.call(t));
     };
   }
-}), Rg = [], Bg = "InternalTable", Lg = $({
+}), Rg = [], Bg = "InternalTable", Lg = S({
   name: Bg,
   inheritAttrs: !1,
   props: {
@@ -16525,7 +16535,7 @@ const kc = $({
         customHeaderRow: de,
         fixHeader: _.value,
         scroll: ce
-      }, { isSticky: xe, offsetHeader: S, offsetSummary: N, offsetScroll: j, stickyClassName: me, container: Pe } = T.value, Ge = {
+      }, { isSticky: xe, offsetHeader: $, offsetSummary: N, offsetScroll: j, stickyClassName: me, container: Pe } = T.value, Ge = {
         noData: !o.value.length,
         maxContentScroll: x.value && (ce == null ? void 0 : ce.x) === "max-content",
         ...Y,
@@ -16562,7 +16572,7 @@ const kc = $({
             {
               ...Ge,
               ref: te,
-              stickyTopOffset: S,
+              stickyTopOffset: $,
               class: "cds-table__header"
             },
             {
@@ -16645,7 +16655,7 @@ const kc = $({
       ) : Re();
     });
   }
-}), Ai = "TableProvider", Ng = $({
+}), Ai = "TableProvider", Ng = S({
   name: Ai,
   inheritAttrs: !1,
   props: {
@@ -16792,7 +16802,7 @@ const kc = $({
         readonly: we,
         size: Y,
         expandedRowKeys: xe,
-        defaultExpandedRowKeys: S
+        defaultExpandedRowKeys: $
       } = e, N = wn(e, ["columns"]), { topPaginationNode: j, bottomPaginationNode: me } = yg(fe, X);
       return y(
         "div",
@@ -16815,7 +16825,7 @@ const kc = $({
               indentSize: ie.value,
               expandIconColumnIndex: _e.value,
               expandedRowKeys: xe,
-              defaultExpandedRowKeys: S,
+              defaultExpandedRowKeys: $,
               expandIcon: W,
               class: ee({
                 [`cds-table__size--${Y}`]: Y,
@@ -16844,7 +16854,7 @@ const kc = $({
       );
     }), { selectedKeySet: Ie };
   }
-}), zg = "CdsTable", Hg = $({
+}), zg = "CdsTable", Hg = S({
   name: zg,
   inheritAttrs: !1,
   props: {
@@ -16883,20 +16893,20 @@ const kc = $({
     }), { table: a };
   }
 });
-const Vg = $({
+const Vg = S({
   name: "CdsTableColumn",
   slots: ["title", "filterIcon", "default"],
   render() {
     return null;
   }
-}), Kg = $({
+}), Kg = S({
   name: "CdsTableColumnGroup",
   slots: ["title", "default"],
   __CDS_TABLE_COLUMN_GROUP: !0,
   render() {
     return null;
   }
-}), sa = "CdsTextArea", jg = $({
+}), sa = "CdsTextArea", jg = S({
   name: sa,
   components: { CdsInput: Lt, CdsInputLabel: yt, CdsInputDescription: St, CdsInputCounter: rl, CdsIcon: ot, CdsLoader: rn, CdsTransition: Dt },
   inheritAttrs: !1,
@@ -17335,7 +17345,7 @@ function No(e, t) {
     return n;
   }
 }
-const Zg = "CdsTimePicker", Jg = $({
+const Zg = "CdsTimePicker", Jg = S({
   name: Zg,
   props: {
     ...Xg(),
@@ -17566,7 +17576,7 @@ const Zg = "CdsTimePicker", Jg = $({
     };
   }
 });
-const Pi = "CdsToggle", Qg = $({
+const Pi = "CdsToggle", Qg = S({
   name: Pi,
   components: { CdsTransitionSlideX: cm },
   props: {
@@ -17674,7 +17684,7 @@ const Pi = "CdsToggle", Qg = $({
     }), {};
   }
 });
-const zo = "CdsToolbar", ey = $({
+const zo = "CdsToolbar", ey = S({
   name: zo,
   props: {
     inset: {
@@ -17716,7 +17726,7 @@ const zo = "CdsToolbar", ey = $({
     );
   }
 });
-const ty = "CdsToolbarTitle", ny = $({
+const ty = "CdsToolbarTitle", ny = S({
   name: ty,
   props: {
     shrink: {
@@ -18020,7 +18030,7 @@ let ry = 0;
 function Ko() {
   return `cds-uploader-${iy}-${++ry}`;
 }
-const uy = "CdsUploadListItem", cy = $({
+const uy = "CdsUploadListItem", cy = S({
   name: uy,
   inheritAttrs: !1,
   props: {
@@ -18187,7 +18197,7 @@ const uy = "CdsUploadListItem", cy = $({
       );
     }), {};
   }
-}), dy = "CdsUploadList", fy = $({
+}), dy = "CdsUploadList", fy = S({
   name: dy,
   inheritAttrs: !1,
   props: {
@@ -18271,7 +18281,7 @@ const uy = "CdsUploadListItem", cy = $({
       handleDownload: l
     };
   }
-}), my = "CdsAjaxUploader", hy = $({
+}), my = "CdsAjaxUploader", hy = S({
   name: my,
   inheritAttrs: !1,
   props: {
@@ -18492,7 +18502,7 @@ const uy = "CdsUploadListItem", cy = $({
       abort: c
     };
   }
-}), Ha = `__LIST_IGNORE_${Date.now()}__`, jo = "CdsUploader", vy = $({
+}), Ha = `__LIST_IGNORE_${Date.now()}__`, jo = "CdsUploader", vy = S({
   name: jo,
   inheritAttrs: !1,
   props: {