@central-design-system/components 3.8.0 → 3.8.2

package/dist/cds.es.js

@@ -1,7 +1,7 @@
 var Gf = Object.defineProperty;
 var qf = (e, t, n) => t in e ? Gf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var xo = (e, t, n) => qf(e, typeof t != "symbol" ? t + "" : t, n);
-import { reactive as ft, computed as y, watchEffect as at, toRefs as ln, isVNode as Pn, Comment as tc, Fragment as ze, getCurrentInstance as gs, isRef as ar, unref as o, toRef as it, shallowRef as be, camelize as Na, inject as We, nextTick as je, resolveDynamicComponent as Vt, defineComponent as $, watch as ne, onScopeDispose as Ut, effectScope as ys, ref as B, toRaw as At, onBeforeUnmount as ct, provide as et, onBeforeMount as ps, onMounted as ut, TransitionGroup as bs, Transition as wn, h as g, mergeProps as Ge, readonly as ks, onBeforeUpdate as Xf, onUnmounted as go, createElementBlock as pe, openBlock as G, normalizeClass as St, createBlock as Ae, createCommentVNode as me, renderSlot as fe, resolveComponent as Pe, withCtx as xe, createElementVNode as tt, renderList as pn, toDisplayString as lt, createTextVNode as Ln, createVNode as vt, normalizeProps as eo, guardReactiveProps as to, withDirectives as Yt, vShow as Vn, Teleport as Zf, createSlots as Bo, withModifiers as Ka, warn as Jf, normalizeStyle as nc, withKeys as oc, onUpdated as Vo, Text as Qf, onActivated as eh, vModelText as th, cloneVNode as ac } from "vue";
+import { reactive as ft, computed as y, watchEffect as rt, toRefs as ln, isVNode as Pn, Comment as tc, Fragment as ze, getCurrentInstance as gs, isRef as ar, unref as o, toRef as at, shallowRef as be, camelize as Na, inject as We, nextTick as je, resolveDynamicComponent as Vt, defineComponent as $, watch as ne, onScopeDispose as Ut, effectScope as ys, ref as B, toRaw as At, onBeforeUnmount as ct, provide as et, onBeforeMount as ps, onMounted as ut, TransitionGroup as bs, Transition as wn, h as g, mergeProps as Ge, readonly as ks, onBeforeUpdate as Xf, onUnmounted as go, createElementBlock as pe, openBlock as G, normalizeClass as St, createBlock as Ae, createCommentVNode as me, renderSlot as fe, resolveComponent as Pe, withCtx as xe, createElementVNode as tt, renderList as pn, toDisplayString as lt, createTextVNode as Ln, createVNode as vt, normalizeProps as eo, guardReactiveProps as to, withDirectives as Yt, vShow as Vn, Teleport as Zf, createSlots as Bo, withModifiers as Ka, warn as Jf, normalizeStyle as nc, withKeys as oc, onUpdated as Vo, Text as Qf, onActivated as eh, vModelText as th, cloneVNode as ac } from "vue";
 const Oe = typeof window != "undefined", za = Oe && "IntersectionObserver" in window, rc = Oe && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0), nh = Oe && typeof CSS != "undefined" && typeof CSS.supports != "undefined" && CSS.supports("selector(:focus-visible)"), Tn = "cds-scroll-blocked", ye = Object.freeze({
   enter: "Enter",
   tab: "Tab",
@@ -143,7 +143,7 @@ function Ir(e, t, n) {
 }
 function fc(e) {
   const t = ft({}), n = y(e);
-  return at(
+  return rt(
     () => {
       for (const a in n.value)
         t[a] = n.value[a];
@@ -399,12 +399,12 @@ function ch(e) {
 function Fr(e, ...t) {
   const n = t.flat(), a = n[0];
   return lh(
-    () => Object.fromEntries(typeof a == "function" ? Object.entries(ln(e)).filter(([r, s]) => a(ch(s), r)) : n.map((r) => [r, it(e, r)]))
+    () => Object.fromEntries(typeof a == "function" ? Object.entries(ln(e)).filter(([r, s]) => a(ch(s), r)) : n.map((r) => [r, at(e, r)]))
   );
 }
 function Nt(e) {
   const t = be();
-  return at(
+  return rt(
     () => {
       t.value = e();
     },
@@ -2095,7 +2095,9 @@ $({ name: "IconStar" });
 $({ name: "IconTabBackward" });
 $({ name: "IconTabForward" });
 $({ name: "IconTelegram" });
+$({ name: "IconThumbDownFill" });
 $({ name: "IconThumbDown" });
+$({ name: "IconThumbUpFill" });
 $({ name: "IconThumbUp" });
 $({ name: "IconTimer" });
 $({ name: "IconTool" });
@@ -2220,7 +2222,9 @@ const gt = [
   "tab-backward",
   "tab-forward",
   "telegram",
+  "thumb-down-fill",
   "thumb-down",
+  "thumb-up-fill",
   "thumb-up",
   "timer",
   "tool",
@@ -3201,7 +3205,7 @@ function Tm(e) {
     isReadonly: a,
     isValidating: r,
     items: s,
-    validateOn: it(e, "validateOn")
+    validateOn: at(e, "validateOn")
   }), {
     errors: i,
     isDisabled: n,
@@ -3780,7 +3784,7 @@ const Bm = ["xs", "sm", "md", "lg", "xl"], rw = ["smUp", "smDown", "mdUp", "mdDo
 }, Hr = Symbol.for("cds:display");
 function Rm(e, t) {
   const { thresholds: n, mobileBreakpoint: a } = Lm(e), r = be(Ui(t)), s = be(Gi(t)), i = be(qi(t)), l = be(Oe ? window.innerWidth : 0), c = be(Oe ? window.innerHeight : 0), h = ft({});
-  at(() => {
+  rt(() => {
     const m = r.value < n.xs, v = r.value < n.md && !m, p = r.value < n.lg && !(v || m), b = r.value < n.xl && !(p || v || m), w = r.value >= n.xl, S = m ? "xs" : v ? "sm" : p ? "md" : b ? "lg" : "xl", k = typeof a == "number" ? a : n[a], _ = r.value < k;
     h.xs = m, h.sm = v, h.md = p, h.lg = b, h.xl = w, h.smUp = !m, h.mdUp = !(m || v), h.lgUp = !(m || v || p), h.xlUp = !(m || v || p || b), h.smDown = !(p || 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", u, { passive: !0 });
@@ -4005,7 +4009,7 @@ function vd(e, t, n, a) {
   const r = B([]), s = B(/* @__PURE__ */ new Map()), i = y(
     () => a != null && a.transform ? o(t).map((c) => [c, a.transform(c)]) : o(t)
   );
-  at(() => {
+  rt(() => {
     const c = typeof n == "function" ? n() : o(n), h = typeof c != "string" && typeof c != "number" ? "" : String(c), u = Vm(o(i), h, {
       customKeyFilter: e.customKeyFilter,
       default: e.customFilter,
@@ -4502,7 +4506,7 @@ function Sd(e, t) {
   let r = typeof e == "function" ? e() : e;
   a.value !== void 0 && (r = o(a)), n !== void 0 && (r = typeof n == "function" ? n() : n);
   const s = B(r), i = B(r);
-  at(() => {
+  rt(() => {
     let c = a.value !== void 0 ? a.value : s.value;
     t != null && t.postState && (c = t.postState(c)), i.value = c;
   });
@@ -4678,7 +4682,7 @@ function Gn(e, t, n = !0) {
     if (!n) return s;
     throw new Error(`[CDS] Could not find useGroup injection with symbol ${t.description}`);
   }
-  const i = it(e, "value"), l = y(() => s.disabled.value || e.disabled);
+  const i = at(e, "value"), l = y(() => s.disabled.value || e.disabled);
   s.register({ id: r, value: i, disabled: l }, a), ct(() => {
     s.unregister(r);
   });
@@ -4758,7 +4762,7 @@ function So(e, t) {
     unregister: l,
     select: h,
     selected: r,
-    disabled: it(e, "disabled"),
+    disabled: at(e, "disabled"),
     prev: () => u(a.length - 1),
     next: () => u(1),
     isSelected: (m) => r.value.includes(m),
@@ -6607,7 +6611,7 @@ function O0(e) {
         const m = f.push(l);
         Oe && ne(i, () => m.patch(l));
       } else
-        Oe ? (f.addHeadObjs(y(l)), at(() => f.updateDOM())) : f.addHeadObjs(l());
+        Oe ? (f.addHeadObjs(y(l)), rt(() => f.updateDOM())) : f.addHeadObjs(l());
     else if (t.isShadowDom)
       R0(i);
     else {
@@ -6810,7 +6814,7 @@ function N0(e, t, n = !1) {
       }
       s == null || s.activeChildren.delete(a.uid);
     });
-  }), r && at(() => {
+  }), r && rt(() => {
     var f;
     const u = ((f = Eo.at(-1)) == null ? void 0 : f[0]) === a.uid;
     setTimeout(() => l.value = u);
@@ -6941,7 +6945,7 @@ function H0(e, { isActive: t, isTop: n }) {
     { flush: "post" }
   );
   const S = B();
-  at(() => {
+  rt(() => {
     S.value && je(() => {
       r.value = Lo(o(S));
     });
@@ -7370,7 +7374,7 @@ const wa = {
 function Z0(e, t) {
   if (!Oe) return;
   let n;
-  at(async () => {
+  rt(async () => {
     n == null || n.stop(), t.isActive.value && e.scrollStrategy && (n = ys(), await new Promise((a) => setTimeout(a)), n.active && n.run(() => {
       var a;
       typeof e.scrollStrategy == "function" ? e.scrollStrategy(t, e, n) : (a = wa[e.scrollStrategy]) == null || a.call(wa, t, e, n);
@@ -7693,7 +7697,7 @@ function hv(e, t, n, a, r, s) {
     fe(e.$slots, "default")
   ], 2);
 }
-const st = /* @__PURE__ */ dt(fv, [["render", hv]]);
+const it = /* @__PURE__ */ dt(fv, [["render", hv]]);
 function an(e, t = "top center 0", n) {
   return $({
     name: e,
@@ -8062,7 +8066,7 @@ const Xd = /* @__PURE__ */ dt(kv, [["render", Cv]]), Io = "CdsInput", rn = $({
           [
             o(E) && g("div", { class: "cds-input__prepend", onClick: C }, [
               (I = t.prepend) == null ? void 0 : I.call(t),
-              !!e.prependIcon && g(st, { name: e.prependIcon })
+              !!e.prependIcon && g(it, { name: e.prependIcon })
             ]),
             o(O) && g(
               "div",
@@ -8075,7 +8079,7 @@ const Xd = /* @__PURE__ */ dt(kv, [["render", Cv]]), Io = "CdsInput", rn = $({
             ),
             o(x) && g("div", { class: "cds-input__append", onClick: F }, [
               (z = t.append) == null ? void 0 : z.call(t),
-              !!e.appendIcon && g(st, { name: e.appendIcon })
+              !!e.appendIcon && g(it, { name: e.appendIcon })
             ]),
             o(L) && g(
               Xd,
@@ -8607,7 +8611,7 @@ const cl = "CdsList", Nn = $({
   }
 }), dl = "CdsListItem", Nv = $({
   name: dl,
-  components: { CdsIcon: st },
+  components: { CdsIcon: it },
   inheritAttrs: !1,
   props: {
     /**
@@ -8834,7 +8838,7 @@ const Et = /* @__PURE__ */ dt(Nv, [["render", Wv]]), Yv = $({
     ...ot()
   },
   setup(e, { expose: t }) {
-    const { isOpen: n, open: a, id: r } = fd(it(e, "value"), !0), s = eu(), i = y(() => `cds-list-group--id-${String(r.value)}`), l = y(() => o(n) ? e.collapseIcon : e.expandIcon), c = y(() => !e.subgroup), h = y(() => ({
+    const { isOpen: n, open: a, id: r } = fd(at(e, "value"), !0), s = eu(), i = y(() => `cds-list-group--id-${String(r.value)}`), l = y(() => o(n) ? e.collapseIcon : e.expandIcon), c = y(() => !e.subgroup), h = y(() => ({
       onClick: f,
       id: o(i),
       appendIcon: o(l),
@@ -9105,7 +9109,7 @@ const Jr = {
     }), { teleportTarget: l } = ym(
       y(() => e.attach || e.contained),
       "cds-overlay-container"
-    ), { hasContent: c, onAfterLeave: h } = Ua(e, i), { globalTop: u, localTop: f, stackStyles: m } = N0(i, it(e, "zIndex"), e._disableGlobalStack), { activatorEl: v, activatorRef: p, target: b, targetEl: w, targetRef: S, activatorEvents: k, contentEvents: _, scrimEvents: x } = H0(e, {
+    ), { hasContent: c, onAfterLeave: h } = Ua(e, i), { globalTop: u, localTop: f, stackStyles: m } = N0(i, at(e, "zIndex"), e._disableGlobalStack), { activatorEl: v, activatorRef: p, target: b, targetEl: w, targetRef: S, activatorEvents: k, contentEvents: _, scrimEvents: x } = H0(e, {
       isActive: i,
       isTop: f
     }), { dimensionsStyles: E } = Co(e), C = Nm(), { scopeId: F } = Jo();
@@ -9405,7 +9409,7 @@ function hg(e, t, n, a, r, s) {
 }
 const In = /* @__PURE__ */ dt(ug, [["render", hg]]), mg = Symbol.for("cds:button-toggle"), Do = "CdsButton", vg = $({
   name: Do,
-  components: { CdsLoader: In, CdsIcon: st },
+  components: { CdsLoader: In, CdsIcon: it },
   props: {
     /**
      * Кнопка активна
@@ -9569,7 +9573,7 @@ const It = /* @__PURE__ */ dt(vg, [["render", bg]]), kg = "CdsFunctionalButton",
     CdsInputLabel: Mt,
     CdsInputDescription: jt,
     CdsInputCounter: ri,
-    CdsIcon: st,
+    CdsIcon: it,
     CdsLoader: In,
     CdsFunctionalButton: qe,
     CdsTransition: bt
@@ -10200,7 +10204,7 @@ const Tt = /* @__PURE__ */ dt(Cg, [["render", xg]]), $g = "CdsDivider", zn = $({
                                   hideMessages: !0,
                                   tabindex: "-1"
                                 }) : void 0,
-                                De.props.prependIcon && g(st, { name: De.props.prependIcon })
+                                De.props.prependIcon && g(it, { name: De.props.prependIcon })
                               ]) : void 0,
                               title: () => {
                                 var T, j, q;
@@ -10245,7 +10249,7 @@ const Tt = /* @__PURE__ */ dt(Cg, [["render", xg]]), $g = "CdsDivider", zn = $({
             var oe;
             return [
               (oe = t["append-inner"]) == null ? void 0 : oe.call(t),
-              o(de) && g(st, {
+              o(de) && g(it, {
                 name: e.menuIcon,
                 onClick: zt,
                 class: "cds-autocomplete__menu-icon",
@@ -11029,7 +11033,7 @@ const ci = /* @__PURE__ */ dt(Kg, [["render", zg]]), Hg = "CdsCardActions", du =
           r && g(
             "div",
             { key: "prepend", class: "cds-card-item__prepend" },
-            t.prepend ? t.prepend() : g(st, { key: "prepend-icon", name: e.prependIcon })
+            t.prepend ? t.prepend() : g(it, { key: "prepend-icon", name: e.prependIcon })
           ),
           g("div", { class: "cds-card-item__content" }, [
             n && g(
@@ -11057,7 +11061,7 @@ const ci = /* @__PURE__ */ dt(Kg, [["render", zg]]), Hg = "CdsCardActions", du =
           s && g(
             "div",
             { key: "append", class: "cds-card-item__append" },
-            t.append ? t.append() : g(st, { key: "append-icon", name: e.appendIcon })
+            t.append ? t.append() : g(it, { key: "append-icon", name: e.appendIcon })
           )
         ]
       );
@@ -11281,7 +11285,7 @@ const ci = /* @__PURE__ */ dt(Kg, [["render", zg]]), Hg = "CdsCardActions", du =
   }
 }), ur = "CdsTag", Zg = $({
   name: ur,
-  components: { CdsIcon: st },
+  components: { CdsIcon: it },
   props: {
     removable: {
       type: Boolean,
@@ -11375,7 +11379,7 @@ function ty(e, t, n, a, r, s) {
 }
 const Pa = /* @__PURE__ */ dt(Zg, [["render", ty]]), fr = "CdsCombobox", ny = $({
   name: fr,
-  components: { CdsTextInput: Tt, CdsMenu: Kn, CdsList: Nn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: Pa, CdsIcon: st, CdsDivider: zn, CdsHighlight: qr },
+  components: { CdsTextInput: Tt, CdsMenu: Kn, CdsList: Nn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: Pa, CdsIcon: it, CdsDivider: zn, CdsHighlight: qr },
   props: {
     /**
      * Разделители для ввода нескольких значений, при вводе будет создавать новый элемент.
@@ -11746,7 +11750,7 @@ const Pa = /* @__PURE__ */ dt(Zg, [["render", ty]]), fr = "CdsCombobox", ny = $(
             var ue;
             return [
               (ue = n["append-inner"]) == null ? void 0 : ue.call(n),
-              o(we) ? g(st, {
+              o(we) ? g(it, {
                 name: e.menuIcon,
                 onClick: zt,
                 class: "cds-combobox__menu-icon",
@@ -13813,7 +13817,7 @@ function $y(e, t, n, a, r, s) {
 }
 const Ey = /* @__PURE__ */ dt(wy, [["render", $y]]), Ao = "CdsDropdown", Iy = $({
   name: Ao,
-  components: { CdsTextInput: Tt, CdsMenu: Kn, CdsList: Nn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: Pa, CdsIcon: st, CdsDivider: zn },
+  components: { CdsTextInput: Tt, CdsMenu: Kn, CdsList: Nn, CdsListItem: Et, CdsCheckbox: Ht, CdsTag: Pa, CdsIcon: it, CdsDivider: zn },
   props: {
     ...qs(),
     ...Un(),
@@ -14780,7 +14784,7 @@ const Uy = /* @__PURE__ */ dt(Ny, [["render", Yy]]), Gy = ["default", "accordion
                 class: "cds-expandable-panel__title-icon"
               },
               [
-                t.action ? t.action(o(i)) : g(st, {
+                t.action ? t.action(o(i)) : g(it, {
                   class: "cds-expandable-panel__title-icon",
                   name: o(a.isSelected) ? e.collapseIcon : e.expandIcon
                 })
@@ -15625,7 +15629,7 @@ const gr = "CdsNotification", Fu = $({
           u && g(
             "div",
             { key: "prepend", class: "cds-notification__prepend" },
-            t.prepend || g(st, { name: o(s) })
+            t.prepend || g(it, { name: o(s) })
           ),
           g("div", { class: "cds-notification__content" }, [
             m && g("div", { key: "title", class: "cds-notification__title" }, (S = (w = t.title) == null ? void 0 : w.call(t)) != null ? S : e.title),
@@ -16110,9 +16114,9 @@ const yr = "cds-notification-alert__wrapper", _l = "CdsNotificationAlert", Fp =
     return et(Tu, {
       model: n,
       isGroup: B(!0),
-      disabledGroup: B(e.disabled),
-      readonlyGroup: B(e.readonly),
-      errorGroup: B(e.error),
+      disabledGroup: at(e, "disabled"),
+      readonlyGroup: at(e, "readonly"),
+      errorGroup: at(e, "error"),
       handleChangeRadio: c
     }), {
       inputProps: l,
@@ -16270,7 +16274,7 @@ function zp(e, t, n, a, r, s) {
 }
 const hi = /* @__PURE__ */ dt(Np, [["render", zp]]), To = "CdsSelect", Hp = $({
   name: To,
-  components: { CdsInput: rn, CdsInputLabel: Mt, CdsInputDescription: jt, CdsIcon: st, CdsLoader: In, CdsFunctionalButton: qe, CdsTransition: bt },
+  components: { CdsInput: rn, CdsInputLabel: Mt, CdsInputDescription: jt, CdsIcon: it, CdsLoader: In, CdsFunctionalButton: qe, CdsTransition: bt },
   props: {
     ...Un(),
     ...Pt(),
@@ -17077,7 +17081,7 @@ function bb(e, t, n, a, r, s) {
 const kb = /* @__PURE__ */ dt(gb, [["render", bb]]), Fl = "CdsStatus", Cb = $({
   name: Fl,
   components: {
-    CdsIcon: st
+    CdsIcon: it
   },
   props: {
     icon: {
@@ -18034,7 +18038,7 @@ const yi = _e(
 );
 function Xu(e) {
   const t = B(0), n = be();
-  return at(() => {
+  return rt(() => {
     const a = /* @__PURE__ */ new Map(), r = e.value || {};
     let s = 0;
     for (const i in r)
@@ -18646,7 +18650,7 @@ function tf(e, t) {
       }), s.value = I;
     }
   };
-  at(() => {
+  rt(() => {
     i(a.value || Pl);
   });
   const l = y(
@@ -19278,7 +19282,7 @@ const sf = Symbol("cds:table"), qb = (e) => {
       return typeof u.value == "function" ? H = u.value({
         filtered: o(l),
         column: A.__originColumn__
-      }) : o(u) ? H = o(u) : H = g(st, { name: "funnel" }), g("div", { class: "cds-table__filter-column" }, [
+      }) : o(u) ? H = o(u) : H = g(it, { name: "funnel" }), g("div", { class: "cds-table__filter-column" }, [
         g("span", { class: "cds-table__column-title" }, (N = t.default) == null ? void 0 : N.call(t)),
         g(
           Kn,
@@ -19559,7 +19563,7 @@ function pf(e, t, n, a, r, s, i) {
             [kt.active]: b === Sa || b === Oo
           }
         },
-        g(st, {
+        g(it, {
           name: b === Oo && "sorting-up" || b === Sa && "sorting-down" || "sorting"
         })
       ), { cancelSort: k, triggerAsc: _, triggerDesc: x } = r || {};
@@ -19842,13 +19846,13 @@ function $k(e, t) {
   const n = B(0), a = B(), r = B(), s = B(), i = B({
     scrollWidth: 0,
     clientWidth: 0
-  }), l = B(), [c, h] = Rn(!1), [u, f] = Rn(!1), [m, v] = bf(/* @__PURE__ */ new Map()), p = y(() => Qa(t.value)), b = y(() => p.value.map((ee) => m.value.get(ee))), w = y(() => t.value.length), S = _k(b, w), k = y(() => e.scroll && ts(e.scroll.y)), _ = y(() => e.scroll && ts(e.scroll.x) || !!e.expandFixed), x = y(() => _.value && t.value.some(({ fixed: ee }) => ee)), E = B(), C = Sk(it(e, "sticky")), F = ft({}), D = y(() => {
+  }), l = B(), [c, h] = Rn(!1), [u, f] = Rn(!1), [m, v] = bf(/* @__PURE__ */ new Map()), p = y(() => Qa(t.value)), b = y(() => p.value.map((ee) => m.value.get(ee))), w = y(() => t.value.length), S = _k(b, w), k = y(() => e.scroll && ts(e.scroll.y)), _ = y(() => e.scroll && ts(e.scroll.x) || !!e.expandFixed), x = y(() => _.value && t.value.some(({ fixed: ee }) => ee)), E = B(), C = Sk(at(e, "sticky")), F = ft({}), D = y(() => {
     const [ee] = Object.values(F);
     return (k.value || C.value.isSticky) && ee;
   }), P = (ee, ce) => {
     ce ? F[ee] = ce : delete F[ee];
   }, L = B({}), O = B({}), M = B({});
-  at(() => {
+  rt(() => {
     k.value && (O.value = {
       overflowY: "scroll",
       maxHeight: Ue(e.scroll.y, "px")
@@ -19923,7 +19927,7 @@ function $k(e, t) {
       const ee = ((Ee = s.value) == null ? void 0 : Ee.scrollWidth) || 0, ce = ((Re = s.value) == null ? void 0 : Re.clientWidth) || 0;
       (i.value.scrollWidth !== ee || i.value.clientWidth !== ce) && (i.value = { scrollWidth: ee, clientWidth: ce });
     });
-  }), at(
+  }), rt(
     () => {
       e.internalHooks === mi && e.internalRefs && e.onUpdateInternalRefs && e.onUpdateInternalRefs({
         body: s.value ? s.value.$el || s.value : null
@@ -20342,7 +20346,7 @@ const wi = $({
   ],
   setup(e, { attrs: t }) {
     const n = na(), a = df(), r = B(!1), s = y(() => e.expandedKeys && e.expandedKeys.has(e.recordKey));
-    at(() => {
+    rt(() => {
       s.value && (r.value = !0);
     });
     const i = y(
@@ -20456,10 +20460,10 @@ const wi = $({
   ],
   setup(e, { slots: t }) {
     const n = ek(), a = na(), r = df(), s = Ek(
-      it(e, "data"),
-      it(e, "childrenColumnName"),
-      it(e, "expandedKeys"),
-      it(e, "getRowKey")
+      at(e, "data"),
+      at(e, "childrenColumnName"),
+      at(e, "expandedKeys"),
+      at(e, "getRowKey")
     ), i = B(-1), l = B(-1);
     let c;
     return ak({
@@ -20579,7 +20583,7 @@ const wi = $({
     const h = y(
       () => e.flattenColumns.every((p) => p.width && p.width !== 0 && p.width !== "0px")
     ), u = B([]), f = B([]);
-    at(() => {
+    rt(() => {
       const p = e.flattenColumns[e.flattenColumns.length - 1], b = {
         fixed: p ? p.fixed : null,
         scrollbar: !0,
@@ -20596,7 +20600,7 @@ const wi = $({
         right: [...p.right.map((b) => b + s.value), 0],
         isSticky: r.isSticky
       };
-    }), v = Gb(it(e, "colWidths"), it(e, "columnCount"));
+    }), v = Gb(at(e, "colWidths"), at(e, "columnCount"));
     return () => {
       var E;
       const { noData: p, columnCount: b, stickyTopOffset: w, stickyBottomOffset: S, stickyClassName: k, maxContentScroll: _ } = e, { isSticky: x } = r;
@@ -20645,8 +20649,8 @@ const wi = $({
   setup(e, { slots: t }) {
     return ck(
       ft({
-        stickyOffsets: it(e, "stickyOffsets"),
-        flattenColumn: it(e, "flattenColumns"),
+        stickyOffsets: at(e, "stickyOffsets"),
+        flattenColumn: at(e, "flattenColumns"),
         scrollColumnIndex: y(() => {
           const n = e.flattenColumns.length - 1, a = e.flattenColumns[n];
           return a != null && a.scrollbar ? n : null;
@@ -20695,7 +20699,7 @@ const wi = $({
     };
     go(() => {
       r();
-    }), at(() => {
+    }), rt(() => {
       isNaN(e.width);
     });
     const { onResizeColumn: s } = Zb(), i = y(
@@ -20883,7 +20887,7 @@ const Cr = $({
       scrollLeft: 0,
       isHiddenScrollbar: !0
     });
-    at(
+    rt(
       () => {
         a.value = e.scrollBodySizeInfo.scrollWidth || 0, r.value = e.scrollBodySizeInfo.clientWidth || 0, s.value = a.value && r.value * (r.value / a.value);
       },
@@ -21018,7 +21022,7 @@ const Cr = $({
     ), u = y(() => e.childrenColumnName || "children"), f = y(() => e.expandedRowRender ? "row" : e.canExpandable || r.value.some(
       (le) => le && typeof le == "object" && le[u.value]
     ) ? "nest" : !1), m = be([]);
-    at(() => {
+    rt(() => {
       e.defaultExpandAllRows && (m.value = e.defaultExpandedRowKeys), e.defaultExpandAllRows && (m.value = Mb(
         r.value,
         c.value,
@@ -21034,12 +21038,12 @@ const Cr = $({
     e.expandedRowRender && r.value.some((le) => Array.isArray(le == null ? void 0 : le[u.value]));
     const { columns: w, flattenColumns: S } = Yb(
       {
-        columns: it(e, "columns", []),
-        rowExpandable: it(e, "rowExpandable"),
+        columns: at(e, "columns", []),
+        rowExpandable: at(e, "rowExpandable"),
         expandIcon: h,
-        expandRowByClick: it(e, "expandRowByClick"),
-        expandColumnWidth: it(e, "expandColumnWidth"),
-        expandFixed: it(e, "expandFixed"),
+        expandRowByClick: at(e, "expandRowByClick"),
+        expandColumnWidth: at(e, "expandColumnWidth"),
+        expandFixed: at(e, "expandFixed"),
         expandable: y(() => !!e.expandedRowRender),
         expandedKeys: p,
         getRowKey: c,
@@ -21345,7 +21349,7 @@ const Cr = $({
       });
     }, _ = (oe, le) => {
       k({ sorter: oe, sorterStates: le }, "sort", !1);
-    }, x = y(() => e.sortDirection || [Oo, Sa]), E = it(e, "showSorterTooltip"), {
+    }, x = y(() => e.sortDirection || [Oo, Sa]), E = at(e, "showSorterTooltip"), {
       transformColumns: C,
       mergedSorterStates: F,
       columnTitleSorterProps: D,
@@ -21358,7 +21362,7 @@ const Cr = $({
       showSorterTooltip: E
     }), L = y(() => us(l.value, F.value, c.value)), O = (oe, le) => {
       k({ filters: oe, filterStates: le }, "filter", !0);
-    }, M = it(e, "getPopupContainer"), {
+    }, M = at(e, "getPopupContainer"), {
       transformColumns: I,
       mergedFilterStates: A,
       filters: z
@@ -21367,17 +21371,17 @@ const Cr = $({
       onFilterChange: O,
       tableLocale: v,
       getPopupContainer: M
-    }), K = y(() => Bl(L.value, A.value)), { filledColumns: Y } = Wb(it(e, "contextSlots")), H = y(() => ({
+    }), K = y(() => Bl(L.value, A.value)), { filledColumns: Y } = Wb(at(e, "contextSlots")), H = y(() => ({
       ...D.value
     })), { filledColumns: N } = Ub(H), X = (oe, le) => {
       k({ pagination: { ...S.pagination, modelValue: oe, length: le } }, "paginate");
     }, { mergedPagination: Q, resetPagination: we } = pk(
       y(() => K.value.length),
-      it(e, "pagination"),
-      it(e, "disabled"),
+      at(e, "pagination"),
+      at(e, "disabled"),
       X
     );
-    at(() => {
+    rt(() => {
       S.sorter = P.value, S.sorterStates = F.value, S.filters = z.value, S.filterStates = A.value, S.pagination = e.pagination === !1 ? {} : bk(e.pagination, Q.value), S.resetPagination = we;
     });
     const ke = y(() => {
@@ -21386,7 +21390,7 @@ const Cr = $({
       const { modelValue: oe = 1, length: le = Ra, total: ve } = Q.value;
       return K.value.length < ve ? K.value.length > +le ? K.value.slice((oe - 1) * ve, oe * ve) : K.value : K.value.slice((oe - 1) * ve, oe * ve);
     });
-    at(
+    rt(
       () => {
         je(() => {
           const { total: oe, length: le = Ra } = Q.value;
@@ -21749,7 +21753,7 @@ const Uk = "CdsTabV2", La = $({
     CdsInputLabel: Mt,
     CdsInputDescription: jt,
     CdsInputCounter: ri,
-    CdsIcon: st,
+    CdsIcon: it,
     CdsLoader: In,
     CdsFunctionalButton: qe,
     CdsTransition: bt
@@ -22840,7 +22844,7 @@ const hC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       return Z && (!Z.nodeDraggable || Z.nodeDraggable(V));
     }, De = () => {
       const { draggable: V } = o(s);
-      return V && (V != null && V.icon) ? g(st, {
+      return V && (V != null && V.icon) ? g(it, {
         name: typeof V.icon == "string" ? V.icon : "draggable",
         class: "cds-treenode__draggable-icon"
       }) : null;
@@ -22883,11 +22887,11 @@ const hC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       const { icon: V = n.icon, data: Z } = e, Ie = n.title || ((Ke = o(s).slots) == null ? void 0 : Ke[(Ce = (ae = e.data) == null ? void 0 : ae.slots) == null ? void 0 : Ce.title]) || ((Ve = o(s).slots) == null ? void 0 : Ve.title) || e.title, { showIcon: Fe, icon: Ne, loadData: R } = o(s), W = `${Ft}__node-content-wrapper`;
       let U;
       if (Fe) {
-        const rt = V || ((Ze = o(s).slots) == null ? void 0 : Ze[(Ye = Z == null ? void 0 : Z.slots) == null ? void 0 : Ye.icon]) || Ne;
-        U = rt ? g(
+        const st = V || ((Ze = o(s).slots) == null ? void 0 : Ze[(Ye = Z == null ? void 0 : Z.slots) == null ? void 0 : Ye.icon]) || Ne;
+        U = st ? g(
           "span",
           { className: te(`${Ft}__icon`, `${Ft}__icon-customize`) },
-          typeof rt == "function" ? rt(o(Y)) : rt
+          typeof st == "function" ? st(o(Y)) : st
         ) : ue();
       }
       let ie;
@@ -22924,7 +22928,7 @@ const hC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
       const { eventKey: V, isLeaf: Z, isStart: Ie, isEnd: Fe, domRef: Ne, active: R, data: W, onMousemove: U, selectable: ie, ...J } = {
         ...e,
         ...t
-      }, { filterTreeNode: ae, keyEntities: Ce, dropContainerKey: Ke, dropTargetKey: Ve, draggingNodeKey: Ye } = o(s), Ze = jo(J, { aria: !0, data: !0 }), { level: rt } = Ce[V] || {}, Rt = Fe[Fe.length - 1], pt = $e(), $t = !o(A) && pt, Dn = Ye === V, oa = ie !== void 0 ? { "aria-selected": !!ie } : void 0, Lt = "cds-treenode";
+      }, { filterTreeNode: ae, keyEntities: Ce, dropContainerKey: Ke, dropTargetKey: Ve, draggingNodeKey: Ye } = o(s), Ze = jo(J, { aria: !0, data: !0 }), { level: st } = Ce[V] || {}, Rt = Fe[Fe.length - 1], pt = $e(), $t = !o(A) && pt, Dn = Ye === V, oa = ie !== void 0 ? { "aria-selected": !!ie } : void 0, Lt = "cds-treenode";
       return g(
         "div",
         {
@@ -22961,7 +22965,7 @@ const hC = ({ prefixCls: e, level: t, isStart: n, isEnd: a }) => {
           ...Ze
         },
         [
-          hC({ prefixCls: Lt, level: rt, isStart: Ie, isEnd: Fe }),
+          hC({ prefixCls: Lt, level: st, isStart: Ie, isEnd: Fe }),
           De(),
           Le(),
           he(),
@@ -23568,7 +23572,7 @@ const EC = [], IC = {
         Kt ? { passive: !1 } : !1
       ), (X = o(u)) == null || X.removeEventListener("DOMMouseScroll", A), (Q = o(u)) == null || Q.removeEventListener("MozMousePixelScroll", z));
     };
-    at(() => {
+    rt(() => {
       je(() => {
         var N, X, Q;
         o(u) && (K(), (N = o(u)) == null || N.addEventListener("wheel", I, Kt ? { passive: !1 } : !1), (X = o(u)) == null || X.addEventListener("DOMMouseScroll", A), (Q = o(u)) == null || Q.addEventListener("MozMousePixelScroll", z));
@@ -23941,7 +23945,7 @@ const PC = 10, OC = $({
         v.value = e.treeData !== void 0 ? At(e.treeData).slice() : ns(At(e.children));
       },
       { immediate: !0, deep: !0 }
-    ), at(() => {
+    ), rt(() => {
       if (o(v)) {
         const R = pi(o(v), {
           fieldNames: o(k)
@@ -23968,13 +23972,13 @@ const PC = 10, OC = $({
       { immediate: !0 }
     );
     const H = be([]);
-    at(() => {
+    rt(() => {
       H.value = Ob(o(v), o(f), o(k));
-    }), at(() => {
+    }), rt(() => {
       e.selectable && (e.selectedKeys !== void 0 ? i.value = Tl(e.selectedKeys, e) : !Y && e.defaultSelectedKeys && (i.value = Tl(e.defaultSelectedKeys, e)));
     });
     const { maxLevel: N, levelEntities: X } = Xu(p);
-    at(() => {
+    rt(() => {
       if (e.checkable) {
         let R;
         if (e.checkedKeys !== void 0 ? R = br(e.checkedKeys) || {} : !Y && e.defaultCheckedKeys ? R = br(e.defaultCheckedKeys) || {} : o(v) && (R = br(e.checkedKeys) || {
@@ -23991,7 +23995,7 @@ const PC = 10, OC = $({
           )), l.value = W, c.value = U;
         }
       }
-    }), at(() => {
+    }), rt(() => {
       e.loadedKeys && (u.value = e.loadedKeys);
     });
     const Q = () => {
@@ -24058,7 +24062,7 @@ const PC = 10, OC = $({
         dropLevelOffset: Ve,
         dropTargetKey: Ye,
         dropContainerKey: Ze,
-        dropTargetPos: rt,
+        dropTargetPos: st,
         dropAllowed: Rt,
         dragOverNodeKey: pt
       } = Al(
@@ -24101,7 +24105,7 @@ const PC = 10, OC = $({
         dropLevelOffset: Ve,
         dropTargetKey: Ye,
         dropContainerKey: Ze,
-        dropTargetPos: rt,
+        dropTargetPos: st,
         dropAllowed: Rt
       }), U && U({
         event: R,
@@ -24156,7 +24160,7 @@ const PC = 10, OC = $({
         data: o(p)[ae].node
       };
       ie.indexOf(ae);
-      const Ze = bi(Ce), rt = {
+      const Ze = bi(Ce), st = {
         event: R,
         node: rs(Ye),
         dragNode: C ? C.eventData : null,
@@ -24164,7 +24168,7 @@ const PC = 10, OC = $({
         dropToGap: J !== 0,
         dropPosition: J + Number(Ze[Ze.length - 1])
       };
-      U || Ve == null || Ve(rt), C = null;
+      U || Ve == null || Ve(st), C = null;
     }, le = (R, W) => {
       const { onClick: U } = e;
       U && U(R, W);
@@ -24176,8 +24180,8 @@ const PC = 10, OC = $({
       const { onSelect: ie, multiple: J } = e, { selected: ae } = W, Ce = W[k.value.key], Ke = !ae;
       Ke ? J ? U = An(U, Ce) : U = [Ce] : U = gn(U, Ce);
       const Ve = o(p), Ye = U.map((Ze) => {
-        const rt = Ve[Ze];
-        return rt ? rt.node : null;
+        const st = Ve[Ze];
+        return st ? st.node : null;
       }).filter((Ze) => Ze);
       e.selectedKeys === void 0 && (i.value = U), ie && ie(U, {
         event: "select",
@@ -24197,7 +24201,7 @@ const PC = 10, OC = $({
       }, Ve = o(p);
       if (ie) {
         const Ye = U ? An(o(l), ae) : gn(o(l), ae), Ze = gn(o(c), ae);
-        Ce = { checked: Ye, halfChecked: Ze }, Ke.checkedNodes = Ye.map((rt) => Ve[rt]).filter((rt) => rt).map((rt) => rt.node), e.checkedKeys === void 0 && (l.value = Ye);
+        Ce = { checked: Ye, halfChecked: Ze }, Ke.checkedNodes = Ye.map((st) => Ve[st]).filter((st) => st).map((st) => st.node), e.checkedKeys === void 0 && (l.value = Ye);
       } else {
         let { checkedKeys: Ye, halfCheckedKeys: Ze } = oo(
           [...o(l), ae],
@@ -24207,17 +24211,17 @@ const PC = 10, OC = $({
           o(X)
         );
         if (!U) {
-          const rt = new Set(Ye);
-          rt.delete(ae), { checkedKeys: Ye, halfCheckedKeys: Ze } = oo(
-            Array.from(rt),
+          const st = new Set(Ye);
+          st.delete(ae), { checkedKeys: Ye, halfCheckedKeys: Ze } = oo(
+            Array.from(st),
             { halfCheckedKeys: Ze },
             Ve,
             o(N),
             o(X)
           );
         }
-        Ce = Ye, Ke.checkedNodes = [], Ke.checkedNodesPositions = [], Ke.halfCheckedKeys = Ze, Ye.forEach((rt) => {
-          const Rt = Ve[rt];
+        Ce = Ye, Ke.checkedNodes = [], Ke.checkedNodesPositions = [], Ke.halfCheckedKeys = Ze, Ye.forEach((st) => {
+          const Rt = Ve[st];
           if (!Rt) return;
           const { node: pt, pos: $t } = Rt;
           Ke.checkedNodes.push(pt), Ke.checkedNodesPositions.push({ node: pt, pos: $t });
@@ -24357,7 +24361,7 @@ const PC = 10, OC = $({
         tabindex: Ve = 0,
         selectable: Ye,
         showIcon: Ze,
-        icon: rt = n.icon,
+        icon: st = n.icon,
         switcherIcon: Rt,
         draggable: pt,
         checkable: $t,
@@ -24382,7 +24386,7 @@ const PC = 10, OC = $({
           value: {
             selectable: Ye,
             showIcon: Ze,
-            icon: rt,
+            icon: st,
             switcherIcon: Rt,
             draggable: aa,
             draggingNodeKey: R,
@@ -24479,7 +24483,7 @@ function BC(e, t, n) {
   t && typeof t == "object" && (l = t.showLeafIcon);
   let c = null;
   const h = te("cds-tree__switcher-icon", { "cds-tree__switcher-icon--expanded": r });
-  return a ? (t && (typeof t == "object" && l ? c = g(st, { name: typeof l == "string" ? l : "doc" }) : c = g("span", { class: "cds-tree__switcher-leaf-line" })), c) : (c = g(qe, { icon: "chevron-down", class: h }), t && (c = g(qe, { icon: r ? "minus" : "plus", class: h })), typeof e == "function" ? i = e({ ...n, defaultIcon: c, switcherCls: h }) : Ds(i) && (i = ac(i, { class: h })), i || c);
+  return a ? (t && (typeof t == "object" && l ? c = g(it, { name: typeof l == "string" ? l : "doc" }) : c = g("span", { class: "cds-tree__switcher-leaf-line" })), c) : (c = g(qe, { icon: "chevron-down", class: h }), t && (c = g(qe, { icon: r ? "minus" : "plus", class: h })), typeof e == "function" ? i = e({ ...n, defaultIcon: c, switcherCls: h }) : Ds(i) && (i = ac(i, { class: h })), i || c);
 }
 const RC = "CdsTree", Pf = $({
   name: RC,
@@ -24676,7 +24680,7 @@ const RC = "CdsTree", Pf = $({
 });
 function LC(e) {
   const { isLeaf: t, expanded: n } = e;
-  return t ? g(st, { name: "doc" }) : n ? g(st, { name: "directory-open" }) : g(st, { name: "directory" });
+  return t ? g(it, { name: "doc" }) : n ? g(it, { name: "directory-open" }) : g(it, { name: "directory" });
 }
 const NC = "CdsTreeDirectory", KC = $({
   name: NC,
@@ -25335,7 +25339,7 @@ const HC = "CdsUploadListItem", VC = $({
     const n = be(!1), a = mt("upload-list");
     ut(() => {
       n.value = !0;
-    }), at(() => {
+    }), rt(() => {
       e.listType !== "picture" && e.listType !== "picture-card" || (e.items || []).forEach((l) => {
         typeof document == "undefined" || typeof window == "undefined" || !window.FileReader || !window.File || !(l.originFileObj instanceof File || l.originFileObj instanceof Blob) || l.thumbUrl !== void 0 || (l.thumbUrl = "", e.previewFile && e.previewFile(l.originFileObj).then((c) => {
           l.thumbUrl = c || "", a.update();
@@ -26045,7 +26049,7 @@ const ZC = "CdsAjaxUploader", JC = $({
   CdsFunctionalButton: qe,
   CdsGrid: fp,
   CdsHeader: vp,
-  CdsIcon: st,
+  CdsIcon: it,
   CdsImage: cu,
   CdsInput: rn,
   CdsInputCounter: ri,
@@ -26152,7 +26156,7 @@ export {
   qe as CdsFunctionalButton,
   fp as CdsGrid,
   vp as CdsHeader,
-  st as CdsIcon,
+  it as CdsIcon,
   cu as CdsImage,
   rn as CdsInput,
   ri as CdsInputCounter,