@dialpad/dialtone-vue 3.65.3 → 3.66.0

package/dist/dialtone-vue.js

@@ -1,6 +1,5 @@
-import { openBlock as a, createElementBlock as r, toDisplayString as I, createCommentVNode as p, createElementVNode as m, normalizeClass as _, warn as we, resolveComponent as f, normalizeStyle as ie, renderSlot as c, createBlock as S, mergeProps as C, createVNode as g, createTextVNode as D, withKeys as H, withModifiers as W, withCtx as u, Fragment as Q, renderList as ne, resolveDynamicComponent as X, toHandlers as $, createSlots as Ee, normalizeProps as ke, Transition as Qe, withDirectives as Se, guardReactiveProps as Xe, vShow as Ce, Teleport as Gt, reactive as je, ref as _e, computed as Be, watch as Ze, onMounted as Is, nextTick as ws, unref as Wt, markRaw as Es, shallowReactive as ks, h as Os, provide as Ls, createStaticVNode as Ts } from "vue";
-import { _ as v, D as R, g as F, a as Ge, s as As, h as B, b as K, u as J, L as Ds, c as Ps, I as xs, M as Rs, d as Bs, e as ze, f as Je, T as Ns, i as zs, j as $s, k as Ms, E as M, l as fe, v as Ut, m as kt, n as Ye, o as Zt, C as Yt, G as Qt, p as et, q as Hs, r as Vs, t as qs, w as Xt, x as Jt } from "./emoji_text_wrapper-7edbe839.js";
-import { z as Id, y as wd, X as Ed, $ as kd, Z as Od, Y as Ld, J as Td, H as Ad, a5 as Dd, F as Pd, B as xd, a4 as Rd, a0 as Bd, a1 as Nd, a3 as zd, a2 as $d, P as Md, O as Hd, K as Vd, N as qd, R as Fd, Q as Kd, W as jd, S as Gd, U as Wd, V as Ud, A as Zd } from "./emoji_text_wrapper-7edbe839.js";
+import { _ as v, o as a, c as r, t as I, a as p, b as m, n as b, D as R, g as F, d as Ke, s as Is, w as we, r as f, e as c, f as S, m as C, h as se, i as g, j as D, k as N, l as K, p as u, q as V, u as W, v as Q, L as ws, x as Es, I as ks, M as Os, F as X, y as ie, z as M, A as J, B as Ee, C as Ls, E as ke, G as Se, H as Ce, J as Ue, T as Ze, K as Ne, N as Ye, O as Ts, P as As, Q as Ds, R as Ps, S as jt, U as H, V as me, W as Gt, X as wt, Y as We, Z as Wt, $ as Ut, a0 as Zt, a1 as Qe, a2 as xs, a3 as Rs, a4 as Et, a5 as pe, a6 as Re, a7 as Yt, a8 as Bs, a9 as Ns, aa as Qt, ab as zs, ac as $s, ad as Ms, ae as Hs, af as Vs, ag as Xt, ah as qs, ai as Jt } from "./emoji_text_wrapper-2f4dd42b.js";
+import { al as Cd, ak as Id, aA as wd, aD as Ed, aC as kd, aB as Od, aq as Ld, ap as Td, aJ as Ad, ao as Dd, an as Pd, aI as xd, aE as Rd, aF as Bd, aH as Nd, aG as zd, au as $d, at as Md, ar as Hd, as as Vd, aw as qd, av as Fd, az as Kd, ax as jd, ay as Gd, aj as Wd, am as Ud } from "./emoji_text_wrapper-2f4dd42b.js";
 const be = {
   BUSY: "busy",
   AWAY: "away",
@@ -48,7 +47,7 @@ function Ws(e, s, t, o, n, i) {
   }, [
     t.srText ? (a(), r("span", Gs, I(t.srText), 1)) : p("", !0),
     m("div", {
-      class: _(["d-presence__inner", {
+      class: b(["d-presence__inner", {
         "d-presence__inner--active": t.presence === "active",
         "d-presence__inner--away": t.presence === "away",
         "d-presence__inner--busy": t.presence === "busy",
@@ -57,29 +56,29 @@ function Ws(e, s, t, o, n, i) {
     }, null, 2)
   ], 8, js);
 }
-const Us = /* @__PURE__ */ v(Ks, [["render", Ws]]), We = {
+const Us = /* @__PURE__ */ v(Ks, [["render", Ws]]), je = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
   lg: "d-avatar--lg",
   xl: "d-avatar--xl"
-}, Ot = {
+}, kt = {
   default: "",
   icon: "d-avatar__icon",
   initials: "d-avatar__initials"
 }, Zs = {
   md: "d-avatar__presence--md",
   lg: "d-avatar__presence--lg"
-}, Lt = {
+}, Ot = {
   NONE: "",
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, Ys = [45, -45, 90, -90, 135, -135, 180, -180], Tt = {
+}, Ys = [45, -45, 90, -90, 135, -135, 180, -180], Lt = {
   with100: ["purple-100", "magenta-100", "gold-100", "blue-100"],
   with200: ["purple-200", "magenta-200", "gold-200", "blue-200"]
-}, Qs = 3, Xs = 2, At = (e) => e > 1;
+}, Qs = 3, Xs = 2, Tt = (e) => e > 1;
 const Js = {
   name: "DtAvatar",
   components: { DtPresence: Us, DtIcon: R },
@@ -109,7 +108,7 @@ const Js = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(We).includes(e)
+      validator: (e) => Object.keys(je).includes(e)
     },
     /**
      * Used to customize the avatar container
@@ -133,8 +132,8 @@ const Js = {
      */
     presence: {
       type: String,
-      default: Lt.NONE,
-      validator: (e) => Object.values(Lt).includes(e)
+      default: Ot.NONE,
+      validator: (e) => Object.values(Ot).includes(e)
     },
     /**
      * A set of props to be passed into the presence component.
@@ -165,7 +164,7 @@ const Js = {
     group: {
       type: Number,
       default: void 0,
-      validator: (e) => At(e)
+      validator: (e) => Tt(e)
     },
     /**
      * The icon that overlays the avatar
@@ -193,8 +192,8 @@ const Js = {
     return {
       // initials, image or icon
       kind: null,
-      AVATAR_SIZE_MODIFIERS: We,
-      AVATAR_KIND_MODIFIERS: Ot,
+      AVATAR_SIZE_MODIFIERS: je,
+      AVATAR_KIND_MODIFIERS: kt,
       AVATAR_PRESENCE_SIZE_MODIFIERS: Zs,
       imageLoadedSuccessfully: null,
       slottedInitials: "",
@@ -206,7 +205,7 @@ const Js = {
     avatarClasses() {
       return [
         "d-avatar",
-        We[this.validatedSize],
+        je[this.validatedSize],
         this.avatarClass,
         {
           "d-avatar--no-gradient": !this.gradient,
@@ -227,7 +226,7 @@ const Js = {
       return this.kind === "initials" || this.kind === "image" && this.initials && this.imageLoadedSuccessfully !== !0;
     },
     showGroup() {
-      return At(this.group);
+      return Tt(this.group);
     },
     initialKindStyle() {
       const e = this.randomizeGradientColorStops();
@@ -267,7 +266,7 @@ const Js = {
           e.classList.add("d-avatar__image"), this.validateImageAttrsPresence(), this.setImageListeners(e);
           break;
         case "icon":
-          e.classList.add(Ot.icon);
+          e.classList.add(kt.icon);
           break;
         case "initials":
           if (!e.textContent)
@@ -302,16 +301,16 @@ const Js = {
       return ((s = e == null ? void 0 : e.tagName) == null ? void 0 : s.toUpperCase()) === "IMG";
     },
     randomizeGradientAngle() {
-      return Ge(Ys, this.seed);
+      return Ke(Ys, this.seed);
     },
     randomizeGradientColorStops() {
       const e = /* @__PURE__ */ new Set();
       let s = 0;
       for (; e.size < Qs; ) {
         const o = this.seed === void 0 ? void 0 : this.seed + s.toString();
-        e.size === Xs ? e.add(Ge(Tt.with200, o)) : e.add(Ge(Tt.with100, o)), s++;
+        e.size === Xs ? e.add(Ke(Lt.with200, o)) : e.add(Ke(Lt.with100, o)), s++;
       }
-      const t = As(this.seed);
+      const t = Is(this.seed);
       return Array.from(e).sort(() => 0.5 - t());
     },
     validateImageAttrsPresence() {
@@ -337,23 +336,23 @@ function ii(e, s, t, o, n, i) {
   const l = f("dt-icon"), h = f("dt-presence");
   return a(), r("div", {
     id: t.id,
-    class: _(i.avatarClasses),
-    style: ie(i.initialKindStyle),
+    class: b(i.avatarClasses),
+    style: se(i.initialKindStyle),
     "data-qa": "dt-avatar"
   }, [
     m("div", {
       ref: "canvas",
-      class: _([t.canvasClass, "d-avatar__canvas"])
+      class: b([t.canvasClass, "d-avatar__canvas"])
     }, [
       i.showDefaultSlot ? c(e.$slots, "default", { key: 0 }) : p("", !0),
       i.showInitials ? (a(), r("span", {
         key: 1,
-        class: _(["d-ps-absolute d-zi-base", n.AVATAR_KIND_MODIFIERS.initials])
+        class: b(["d-ps-absolute d-zi-base", n.AVATAR_KIND_MODIFIERS.initials])
       }, I(n.formattedInitials), 3)) : p("", !0)
     ], 2),
     t.overlayIcon || t.overlayText ? (a(), r("div", {
       key: 0,
-      class: _(i.overlayClasses)
+      class: b(i.overlayClasses)
     }, [
       t.overlayIcon ? (a(), S(l, {
         key: 0,
@@ -372,7 +371,7 @@ function ii(e, s, t, o, n, i) {
     }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : p("", !0)
   ], 14, ei);
 }
-const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
+const Xe = /* @__PURE__ */ v(Js, [["render", ii]]), At = {
   default: "",
   info: "d-badge--info",
   success: "d-badge--success",
@@ -380,10 +379,10 @@ const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
   critical: "d-badge--critical",
   bulletin: "d-badge--bulletin",
   ai: "d-badge--ai"
-}, Pt = {
+}, Dt = {
   label: "",
   count: "d-badge--count"
-}, xt = {
+}, Pt = {
   "black-400": "d-badge--decorate-black-400",
   "black-500": "d-badge--decorate-black-500",
   "black-900": "d-badge--decorate-black-900",
@@ -443,7 +442,7 @@ const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
     kind: {
       type: String,
       default: "label",
-      validator: (e) => Object.keys(Pt).includes(e)
+      validator: (e) => Object.keys(Dt).includes(e)
     },
     /**
      * Color for the badge background
@@ -452,7 +451,7 @@ const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
     type: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(Dt).includes(e)
+      validator: (e) => Object.keys(At).includes(e)
     },
     /**
      * Decoration for the badge. This can be only used with kind: label and type: default
@@ -464,14 +463,14 @@ const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
     decoration: {
       type: String,
       default: void 0,
-      validator: (e) => Object.keys(xt).includes(e)
+      validator: (e) => Object.keys(Pt).includes(e)
     }
   },
   data() {
     return {
-      BADGE_TYPE_MODIFIERS: Dt,
-      BADGE_KIND_MODIFIERS: Pt,
-      BADGE_DECORATION_MODIFIERS: xt
+      BADGE_TYPE_MODIFIERS: At,
+      BADGE_KIND_MODIFIERS: Dt,
+      BADGE_DECORATION_MODIFIERS: Pt
     };
   },
   computed: {
@@ -512,7 +511,7 @@ const tt = /* @__PURE__ */ v(Js, [["render", ii]]), Dt = {
 function di(e, s, t, o, n, i) {
   const l = f("dt-icon");
   return a(), r("span", {
-    class: _([
+    class: b([
       "d-badge",
       n.BADGE_TYPE_MODIFIERS[t.type],
       n.BADGE_KIND_MODIFIERS[t.kind],
@@ -566,7 +565,7 @@ const ci = /* @__PURE__ */ v(ni, [["render", di]]), Oe = ["base", "error", "info
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -590,7 +589,7 @@ function mi(e, s, t, o, n, i) {
     ])
   ])) : p("", !0);
 }
-const st = /* @__PURE__ */ v(fi, [["render", mi]]), gi = {
+const Je = /* @__PURE__ */ v(fi, [["render", mi]]), gi = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -619,7 +618,7 @@ const st = /* @__PURE__ */ v(fi, [["render", mi]]), gi = {
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   }
 }, _i = {
@@ -647,7 +646,7 @@ function vi(e, s, t, o, n, i) {
     ], 8, yi)
   ]);
 }
-const it = /* @__PURE__ */ v(gi, [["render", vi]]), ae = {
+const et = /* @__PURE__ */ v(gi, [["render", vi]]), ne = {
   props: {
     /**
      * If true, a hidden close button is included for screen readers
@@ -717,7 +716,7 @@ function Ci(e, s, t, o, n, i) {
     class: "d-vi-visible-sr",
     "aria-label": t.visuallyHiddenCloseLabel,
     onClick: i.close,
-    onKeydown: H(W(i.close, ["prevent", "stop"]), ["space"])
+    onKeydown: V(W(i.close, ["prevent", "stop"]), ["space"])
   }, {
     default: u(() => [
       g(l, { name: "close" })
@@ -725,14 +724,14 @@ function Ci(e, s, t, o, n, i) {
     _: 1
   }, 8, ["aria-label", "onClick", "onKeydown"]);
 }
-const $e = /* @__PURE__ */ v(Si, [["render", Ci]]), Ii = {
+const ze = /* @__PURE__ */ v(Si, [["render", Ci]]), Ii = {
   name: "DtNoticeAction",
   components: {
     DtIcon: R,
     DtButton: K,
-    SrOnlyCloseButton: $e
+    SrOnlyCloseButton: ze
   },
-  mixins: [ae],
+  mixins: [ne],
   props: {
     /**
      * Props for the notice close button.
@@ -805,7 +804,7 @@ function Ei(e, s, t, o, n, i) {
     }, null, 8, ["visually-hidden-close-label", "onClose"])) : p("", !0)
   ]);
 }
-const nt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', ki = `${es}:not([tabindex="-1"])`, Oi = "button,[href],input,select,textarea,details,[tabindex]", Le = {
+const tt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', ki = `${es}:not([tabindex="-1"])`, Oi = "button,[href],input,select,textarea,details,[tabindex]", Le = {
   methods: {
     /**
      * get the first focusable element in your component, includes tabindex="-1".
@@ -875,11 +874,11 @@ const nt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([a
 }, Li = {
   name: "DtBanner",
   components: {
-    DtNoticeIcon: st,
-    DtNoticeContent: it,
-    DtNoticeAction: nt
+    DtNoticeIcon: Je,
+    DtNoticeContent: et,
+    DtNoticeAction: tt
   },
-  mixins: [Le, ae],
+  mixins: [Le, ne],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -888,7 +887,7 @@ const nt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([a
     titleId: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -898,7 +897,7 @@ const nt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([a
     contentId: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -1029,12 +1028,12 @@ const nt = /* @__PURE__ */ v(Ii, [["render", Ei]]), es = ':not(:disabled):not([a
 function Ai(e, s, t, o, n, i) {
   const l = f("dt-notice-icon"), h = f("dt-notice-content"), d = f("dt-notice-action");
   return a(), r("aside", {
-    class: _(i.bannerClass),
-    style: ie(i.bannerBackgroundImage),
-    onKeydown: s[1] || (s[1] = H((...y) => i.trapFocus && i.trapFocus(...y), ["tab"]))
+    class: b(i.bannerClass),
+    style: se(i.bannerBackgroundImage),
+    onKeydown: s[1] || (s[1] = V((...y) => i.trapFocus && i.trapFocus(...y), ["tab"]))
   }, [
     m("div", {
-      class: _(["d-banner__dialog", t.dialogClass]),
+      class: b(["d-banner__dialog", t.dialogClass]),
       role: i.role,
       "aria-labelledby": t.titleId,
       "aria-describedby": t.contentId
@@ -1076,7 +1075,7 @@ function Ai(e, s, t, o, n, i) {
     ], 10, Ti)
   ], 38);
 }
-const zr = /* @__PURE__ */ v(Li, [["render", Ai]]), Di = "d-breadcrumbs__item--selected", Pi = "d-breadcrumbs--inverted", xi = {
+const Nr = /* @__PURE__ */ v(Li, [["render", Ai]]), Di = "d-breadcrumbs__item--selected", Pi = "d-breadcrumbs--inverted", xi = {
   name: "DtLink",
   props: {
     /**
@@ -1087,19 +1086,19 @@ const zr = /* @__PURE__ */ v(Li, [["render", Ai]]), Di = "d-breadcrumbs__item--s
       type: String,
       default: "",
       validator(e) {
-        return Ds.includes(e);
+        return ws.includes(e);
       }
     }
   },
   data() {
     return {
-      LINK_KIND_MODIFIERS: Ps
+      LINK_KIND_MODIFIERS: Es
     };
   }
 };
 function Ri(e, s, t, o, n, i) {
   return a(), r("a", {
-    class: _([
+    class: b([
       "d-link",
       n.LINK_KIND_MODIFIERS[t.kind]
     ]),
@@ -1144,7 +1143,7 @@ const Bi = /* @__PURE__ */ v(xi, [["render", Ri]]), Ni = {
   },
   computed: {
     linkKind() {
-      return this.inverted ? xs : Rs;
+      return this.inverted ? ks : Os;
     },
     ariaCurrent() {
       return this.selected ? "location" : void 0;
@@ -1155,7 +1154,7 @@ function zi(e, s, t, o, n, i) {
   const l = f("dt-link");
   return a(), r("li", {
     "data-qa": "dt-breadcrumb-item",
-    class: _([
+    class: b([
       "d-breadcrumbs__item",
       { [n.BREADCRUMB_ITEM_SELECTED_MODIFIER]: t.selected }
     ])
@@ -1213,7 +1212,7 @@ const $i = /* @__PURE__ */ v(Ni, [["render", zi]]), Mi = {
   },
   methods: {
     getBreadcrumbItemKey(e) {
-      return `breadcrumbs-item-${e}-${J.getUniqueString()}`;
+      return `breadcrumbs-item-${e}-${Q.getUniqueString()}`;
     }
   }
 }, Hi = ["aria-label"];
@@ -1222,14 +1221,14 @@ function Vi(e, s, t, o, n, i) {
   return a(), r("nav", {
     "aria-label": t.ariaLabel,
     "data-qa": "dt-breadcrumbs",
-    class: _([
+    class: b([
       "d-breadcrumbs",
       { [n.BREADCRUMBS_INVERTED_MODIFIER]: t.inverted }
     ])
   }, [
     m("ol", null, [
       c(e.$slots, "default", {}, () => [
-        (a(!0), r(Q, null, ne(t.breadcrumbs, (h, d) => (a(), S(l, C({
+        (a(!0), r(X, null, ie(t.breadcrumbs, (h, d) => (a(), S(l, C({
           key: i.getBreadcrumbItemKey(d),
           inverted: t.inverted
         }, h), null, 16, ["inverted"]))), 128))
@@ -1237,7 +1236,7 @@ function Vi(e, s, t, o, n, i) {
     ])
   ], 10, Hi);
 }
-const $r = /* @__PURE__ */ v(Mi, [["render", Vi]]), Rt = {
+const zr = /* @__PURE__ */ v(Mi, [["render", Vi]]), xt = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -1250,18 +1249,18 @@ const $r = /* @__PURE__ */ v(Mi, [["render", Vi]]), Rt = {
     alignment: {
       type: String,
       default: "start",
-      validator: (e) => Object.keys(Rt).includes(e)
+      validator: (e) => Object.keys(xt).includes(e)
     }
   },
   data() {
     return {
-      BUTTON_GROUP_ALIGNMENT: Rt
+      BUTTON_GROUP_ALIGNMENT: xt
     };
   }
 };
 function Fi(e, s, t, o, n, i) {
   return a(), r("div", {
-    class: _([
+    class: b([
       "d-btn-group",
       n.BUTTON_GROUP_ALIGNMENT[t.alignment]
     ]),
@@ -1270,7 +1269,7 @@ function Fi(e, s, t, o, n, i) {
     c(e.$slots, "default")
   ], 2);
 }
-const Mr = /* @__PURE__ */ v(qi, [["render", Fi]]), Ki = {
+const $r = /* @__PURE__ */ v(qi, [["render", Fi]]), Ki = {
   name: "DtCard",
   props: {
     /**
@@ -1312,13 +1311,13 @@ const Mr = /* @__PURE__ */ v(qi, [["render", Fi]]), Ki = {
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   }
 };
 function ji(e, s, t, o, n, i) {
   return a(), r("div", {
-    class: _([
+    class: b([
       "d-card",
       t.containerClass
     ]),
@@ -1326,7 +1325,7 @@ function ji(e, s, t, o, n, i) {
   }, [
     n.hasSlotContent(e.$slots.header) ? (a(), r("div", {
       key: 0,
-      class: _([
+      class: b([
         "d-card__header",
         t.headerClass
       ])
@@ -1334,17 +1333,17 @@ function ji(e, s, t, o, n, i) {
       c(e.$slots, "header")
     ], 2)) : p("", !0),
     m("div", {
-      class: _([
+      class: b([
         "d-card__content",
         t.contentClass
       ]),
-      style: ie({ "max-height": t.maxHeight })
+      style: se({ "max-height": t.maxHeight })
     }, [
       c(e.$slots, "content")
     ], 6),
     n.hasSlotContent(e.$slots.footer) ? (a(), r("div", {
       key: 1,
-      class: _([
+      class: b([
         "d-card__footer",
         t.footerClass
       ])
@@ -1370,7 +1369,7 @@ function Zi(e, s, t, o, n, i) {
   `)
   ]);
 }
-const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
+const Mr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1397,23 +1396,23 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
     scrollIntoView(e, s, t, o, n) {
       if (!e || !e.parentElement)
         return;
-      const i = e.offsetTop, l = n || e.parentElement, h = this._getScrollBounds(l), d = h.bottom - h.top, y = this._getElementHeight(e), w = i + y;
-      let b = -1;
+      const i = e.offsetTop, l = n || e.parentElement, h = this._getScrollBounds(l), d = h.bottom - h.top, y = this._getElementHeight(e), O = i + y;
+      let _ = -1;
       switch (s) {
         case "top":
-          b = i;
+          _ = i;
           break;
         case "center":
-          b = i + (y - d) / 2;
+          _ = i + (y - d) / 2;
           break;
         case "bottom":
-          b = b = w - d;
+          _ = _ = O - d;
           break;
         default:
-          i - h.top <= d / 2 ? b = i : b = w - d;
+          i - h.top <= d / 2 ? _ = i : _ = O - d;
           break;
       }
-      this._setScrollTop(l, b, h, i, w, t, o);
+      this._setScrollTop(l, _, h, i, O, t, o);
     },
     _setScrollTop(e, s, t, o, n, i, l) {
       t = t || this._getScrollBounds(e);
@@ -1465,7 +1464,7 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
   // Scroll the active element into view when highlighted by a keyboard event.
   scrollToOnHighlight: y = !0,
   // Focus the active element on keyboard navigation.
-  focusOnKeyboardNavigation: w = !1
+  focusOnKeyboardNavigation: O = !1
 } = {}) => ({
   mixins: [Yi],
   data() {
@@ -1473,7 +1472,7 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
       [s]: -1,
       [t]: "",
       scrollToOnHighlight: y,
-      focusOnKeyboardNavigation: w
+      focusOnKeyboardNavigation: O
     };
   },
   provide() {
@@ -1486,19 +1485,19 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
     // this[listElement]() can return a Vue component, in which case we need to target
     // the $el property, or it can simply be an html element.
     _getListElement() {
-      var b;
-      return ((b = this[o]()) == null ? void 0 : b.$el) || this[o]();
+      var _;
+      return ((_ = this[o]()) == null ? void 0 : _.$el) || this[o]();
     },
     // Gets the length of all the items in the list, uses the listItemRole param to determine
     // whether an element is a list item.
     _itemsLength() {
-      const b = this._getListItemNodes();
-      return b === null ? 0 : b.length;
+      const _ = this._getListItemNodes();
+      return _ === null ? 0 : _.length;
     },
     // Gets all the list item nodes within the list element
     _getListItemNodes() {
-      const b = this._getListElement();
-      return b ? Array.from(b.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(Qi, b), null);
+      const _ = this._getListElement();
+      return _ ? Array.from(_.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(Qi, _), null);
     },
     onUpKey() {
       i && this[i](!0), this[s] > 0 ? this.setHighlightIndex(this[s] - 1) : h && this[h](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
@@ -1512,17 +1511,17 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
     onEndKey() {
       this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
-    onNavigationKey(b) {
-      const L = this._getListItemNodes(), V = L.filter((ue) => ue.textContent.trim().toLowerCase().startsWith(b.toLowerCase()));
-      if (V.length <= 0)
+    onNavigationKey(_) {
+      const L = this._getListItemNodes(), B = L.filter((fe) => fe.textContent.trim().toLowerCase().startsWith(_.toLowerCase()));
+      if (B.length <= 0)
         return;
-      const pe = V.findIndex((ue) => this[s] === L.indexOf(ue)), Te = L.indexOf(
-        pe < V.length - 1 ? V[pe + 1] : V[0]
+      const de = B.findIndex((fe) => this[s] === L.indexOf(fe)), he = L.indexOf(
+        de < B.length - 1 ? B[de + 1] : B[0]
       );
-      this.setHighlightIndex(Te), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
+      this.setHighlightIndex(he), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
-    isValidLetter(b) {
-      return b.length > 1 ? !1 : b >= "a" && b <= "z" || b >= "A" && b <= "Z";
+    isValidLetter(_) {
+      return _.length > 1 ? !1 : _ >= "a" && _ <= "z" || _ >= "A" && _ <= "Z";
     },
     jumpToBeginning() {
       this.setHighlightIndex(0);
@@ -1530,42 +1529,42 @@ const Hr = /* @__PURE__ */ v(Wi, [["render", Zi]]), Yi = {
     jumpToEnd() {
       this.setHighlightIndex(this._itemsLength() - 1);
     },
-    setHighlightIndex(b) {
-      this[s] = b, this[t] = this._getItemId(b), this._itemsLength() && l && this[l](b);
+    setHighlightIndex(_) {
+      this[s] = _, this[t] = this._getItemId(_), this._itemsLength() && l && this[l](_);
     },
-    setHighlightId(b) {
-      this[t] = b, this[s] = this._getItemIndex(b), this._itemsLength() && l && this[l](this._getItemIndex(b));
+    setHighlightId(_) {
+      this[t] = _, this[s] = this._getItemIndex(_), this._itemsLength() && l && this[l](this._getItemIndex(_));
     },
-    _getItemIndex(b) {
+    _getItemIndex(_) {
       const L = this._getListElement();
-      return L ? Array.from(L.querySelectorAll(`[role="${e}"], #sr-only-close-button`)).indexOf(L.querySelector(`#${b}`)) : void 0;
+      return L ? Array.from(L.querySelectorAll(`[role="${e}"], #sr-only-close-button`)).indexOf(L.querySelector(`#${_}`)) : void 0;
     },
-    _getItemId(b) {
-      var V;
+    _getItemId(_) {
+      var B;
       const L = this._getListElement();
       if (L)
-        return (V = L.querySelectorAll(`[role="${e}"], #sr-only-close-button`)[b]) == null ? void 0 : V.id;
+        return (B = L.querySelectorAll(`[role="${e}"], #sr-only-close-button`)[_]) == null ? void 0 : B.id;
     },
     scrollActiveItemIntoViewIfNeeded() {
       if (!this.scrollToOnHighlight)
         return;
-      const b = this[n];
-      if (b) {
+      const _ = this[n];
+      if (_) {
         const L = this._getListElement();
-        this.scrollElementIntoViewIfNeeded(b, null, null, L);
+        this.scrollElementIntoViewIfNeeded(_, null, null, L);
       }
     },
     focusActiveItemIfNeeded() {
       if (!this.focusOnKeyboardNavigation)
         return;
-      const b = this[n];
-      b && b.focus();
+      const _ = this[n];
+      _ && _.focus();
     }
   }
-}), Ue = {
+}), Ge = {
   DEFAULT: "default",
   CUSTOM: "custom"
-}, de = {
+}, ce = {
   ARROW_KEYS: "arrow-keys",
   TAB: "tab",
   NONE: "none"
@@ -1574,7 +1573,7 @@ const Xi = {
   name: "DtDefaultListItem",
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   }
 }, Ji = { class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center" }, en = {
@@ -1602,7 +1601,7 @@ function on(e, s, t, o, n, i) {
       n.hasSlotContent(e.$slots.subtitle) ? (a(), r("div", {
         key: 1,
         "data-qa": "dt-default-list-item-subtitle-wrapper",
-        class: _(["d-fs-100 d-fc-tertiary", { "d-mtn2": e.$slots.default }])
+        class: b(["d-fs-100 d-fc-tertiary", { "d-mtn2": e.$slots.default }])
       }, [
         c(e.$slots, "subtitle")
       ], 2)) : p("", !0),
@@ -1616,11 +1615,11 @@ function on(e, s, t, o, n, i) {
     c(e.$slots, "selected")
   ]);
 }
-const Bt = /* @__PURE__ */ v(Xi, [["render", on]]);
+const Rt = /* @__PURE__ */ v(Xi, [["render", on]]);
 const ln = {
   name: "DtListItem",
   components: {
-    DtDefaultListItem: Bt,
+    DtDefaultListItem: Rt,
     DtIcon: R
   },
   /**
@@ -1636,7 +1635,7 @@ const ln = {
     id: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -1659,8 +1658,8 @@ const ln = {
      */
     type: {
       type: String,
-      default: Ue.DEFAULT,
-      validator: (e) => Object.values(Ue).includes(e)
+      default: Ge.DEFAULT,
+      validator: (e) => Object.values(Ge).includes(e)
     },
     /**
      * The type of navigation that this component should support.
@@ -1671,8 +1670,8 @@ const ln = {
      */
     navigationType: {
       type: String,
-      default: de.NONE,
-      validator: (e) => Object.values(de).includes(e)
+      default: ce.NONE,
+      validator: (e) => Object.values(ce).includes(e)
     },
     /**
      * Applies selected styles to the list item
@@ -1720,8 +1719,8 @@ const ln = {
   computed: {
     listItemType() {
       switch (this.type) {
-        case Ue.DEFAULT:
-          return Bt;
+        case Ge.DEFAULT:
+          return Rt;
         default:
           return null;
       }
@@ -1747,13 +1746,13 @@ const ln = {
       return this.isHoverable ? this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted : !1;
     },
     isFocusable() {
-      return this.navigationType === de.TAB;
+      return this.navigationType === ce.TAB;
     },
     /**
      * Whether or not to apply hover styles.
      */
     isHoverable() {
-      return this.navigationType !== de.NONE;
+      return this.navigationType !== ce.NONE;
     }
   },
   methods: {
@@ -1770,7 +1769,7 @@ const ln = {
 };
 function rn(e, s, t, o, n, i) {
   const l = f("dt-icon");
-  return a(), S(X(t.elementType), C({
+  return a(), S(J(t.elementType), C({
     id: t.id,
     class: ["dt-list-item d-ls-none", {
       "dt-list-item--focusable": i.isFocusable,
@@ -1780,10 +1779,10 @@ function rn(e, s, t, o, n, i) {
     tabindex: i.isFocusable ? 0 : -1,
     role: t.role,
     "aria-selected": i.isHighlighted
-  }, $(i.listItemListeners)), {
+  }, M(i.listItemListeners)), {
     default: u(() => [
-      i.listItemType ? (a(), S(X(i.listItemType), { key: 0 }, Ee({ _: 2 }, [
-        ne(e.$slots, (h, d) => ({
+      i.listItemType ? (a(), S(J(i.listItemType), { key: 0 }, Ee({ _: 2 }, [
+        ie(e.$slots, (h, d) => ({
           name: d,
           fn: u(() => [
             c(e.$slots, d)
@@ -1805,9 +1804,9 @@ function rn(e, s, t, o, n, i) {
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }
-const Me = /* @__PURE__ */ v(ln, [["render", rn]]), dn = {
+const $e = /* @__PURE__ */ v(ln, [["render", rn]]), dn = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: Me, DtSkeleton: Bs }
+  components: { DtListItem: $e, DtSkeleton: Ls }
 }, cn = {
   class: "d-p0 d-mt8 d-hmx332 d-of-y-auto",
   "aria-busy": "true"
@@ -1815,7 +1814,7 @@ const Me = /* @__PURE__ */ v(ln, [["render", rn]]), dn = {
 function un(e, s, t, o, n, i) {
   const l = f("dt-skeleton"), h = f("dt-list-item");
   return a(), r("ol", cn, [
-    (a(), r(Q, null, ne(7, (d) => g(h, {
+    (a(), r(X, null, ie(7, (d) => g(h, {
       key: d,
       role: "option",
       "navigation-type": "none"
@@ -1833,7 +1832,7 @@ function un(e, s, t, o, n, i) {
 const ss = /* @__PURE__ */ v(dn, [["render", un]]);
 const hn = {
   name: "ComboboxEmptyList",
-  components: { DtListItem: Me },
+  components: { DtListItem: $e },
   props: {
     /**
      * Message to display when list is empty
@@ -1864,7 +1863,7 @@ function pn(e, s, t, o, n, i) {
         role: "option",
         "navigation-type": "none",
         type: "custom",
-        class: _(["dt-empty-list-item", t.itemClass])
+        class: b(["dt-empty-list-item", t.itemClass])
       }, {
         default: u(() => [
           m("span", null, I(t.message), 1)
@@ -2046,7 +2045,7 @@ const is = /* @__PURE__ */ v(hn, [["render", pn]]), ns = {
       // of this component, this is the ref to that dom element. Set
       // by the onOpen method.
       outsideRenderedListRef: null,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -2155,12 +2154,12 @@ function _n(e, s, t, o, n, i) {
   const l = f("combobox-loading-list"), h = f("combobox-empty-list");
   return a(), r("div", {
     onKeydown: [
-      s[3] || (s[3] = H(W((d) => i.onKeyValidation(d, "onEscapeKey"), ["stop"]), ["esc"])),
-      s[4] || (s[4] = H(W((d) => i.onKeyValidation(d, "onEnterKey"), ["exact"]), ["enter"])),
-      s[5] || (s[5] = H(W((d) => i.onKeyValidation(d, "onUpKey"), ["stop", "prevent"]), ["up"])),
-      s[6] || (s[6] = H(W((d) => i.onKeyValidation(d, "onDownKey"), ["stop", "prevent"]), ["down"])),
-      s[7] || (s[7] = H(W((d) => i.onKeyValidation(d, "onHomeKey"), ["stop", "prevent"]), ["home"])),
-      s[8] || (s[8] = H(W((d) => i.onKeyValidation(d, "onEndKey"), ["stop", "prevent"]), ["end"]))
+      s[3] || (s[3] = V(W((d) => i.onKeyValidation(d, "onEscapeKey"), ["stop"]), ["esc"])),
+      s[4] || (s[4] = V(W((d) => i.onKeyValidation(d, "onEnterKey"), ["exact"]), ["enter"])),
+      s[5] || (s[5] = V(W((d) => i.onKeyValidation(d, "onUpKey"), ["stop", "prevent"]), ["up"])),
+      s[6] || (s[6] = V(W((d) => i.onKeyValidation(d, "onDownKey"), ["stop", "prevent"]), ["down"])),
+      s[7] || (s[7] = V(W((d) => i.onKeyValidation(d, "onHomeKey"), ["stop", "prevent"]), ["home"])),
+      s[8] || (s[8] = V(W((d) => i.onKeyValidation(d, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
     m("div", gn, [
@@ -2303,7 +2302,7 @@ const yn = {
   }
 };
 function vn(e, s, t, o, n, i) {
-  return a(), S(Qe, C({
+  return a(), S(Ze, C({
     appear: t.appear,
     "enter-active-class": "enter-active",
     "leave-active-class": "leave-active"
@@ -2317,7 +2316,7 @@ function vn(e, s, t, o, n, i) {
     onAfterLeave: i.afterLeave
   }), {
     default: u(() => [
-      Se((a(), S(X(t.elementType), ke(Xe(e.$attrs)), {
+      Se((a(), S(J(t.elementType), ke(Ue(e.$attrs)), {
         default: u(() => [
           n.initialized ? c(e.$slots, "default", { key: 0 }) : p("", !0)
         ]),
@@ -2334,7 +2333,7 @@ const Sn = /* @__PURE__ */ v(yn, [["render", vn]]), Cn = {
   components: {
     DtButton: K,
     DtCollapsibleLazyShow: Sn,
-    DtLazyShow: ze,
+    DtLazyShow: Ne,
     DtIcon: R
   },
   props: {
@@ -2450,7 +2449,7 @@ const Sn = /* @__PURE__ */ v(yn, [["render", vn]]), Cn = {
       return this.ariaLabelledBy || !this.ariaLabel && F("DtCollapsible__anchor");
     },
     collapsibleListeners() {
-      return Je(this.$attrs);
+      return Ye(this.$attrs);
     }
   },
   watch: {
@@ -2478,18 +2477,18 @@ const Sn = /* @__PURE__ */ v(yn, [["render", vn]]), Cn = {
       this.isOpen = !this.isOpen;
     },
     validateProperAnchor() {
-      !this.anchorText && !B(this.$slots.anchor) && console.error("anchor text and anchor slot content cannot both be falsy");
+      !this.anchorText && !N(this.$slots.anchor) && console.error("anchor text and anchor slot content cannot both be falsy");
     }
   }
 }, In = ["id"], wn = ["title"];
 function En(e, s, t, o, n, i) {
   const l = f("dt-icon"), h = f("dt-button"), d = f("dt-collapsible-lazy-show");
-  return a(), S(X(t.elementType), C({ ref: "collapsible" }, $(i.collapsibleListeners)), {
+  return a(), S(J(t.elementType), C({ ref: "collapsible" }, M(i.collapsibleListeners)), {
     default: u(() => [
       m("div", {
         id: !t.ariaLabelledBy && i.labelledBy,
         ref: "anchor",
-        class: _([
+        class: b([
           "d-dt-collapsibe__anchor",
           t.anchorClass
         ])
@@ -2506,7 +2505,7 @@ function En(e, s, t, o, n, i) {
             kind: "muted",
             "aria-controls": t.id,
             "aria-expanded": `${n.isOpen}`,
-            style: ie({
+            style: se({
               width: t.maxWidth
             }),
             onClick: i.defaultToggleOpen
@@ -2543,7 +2542,7 @@ function En(e, s, t, o, n, i) {
         },
         tabindex: "-1",
         appear: ""
-      }, $(i.collapsibleListeners), {
+      }, M(i.collapsibleListeners), {
         onAfterLeave: i.onLeaveTransitionComplete,
         onAfterEnter: i.onEnterTransitionComplete
       }), {
@@ -2556,7 +2555,7 @@ function En(e, s, t, o, n, i) {
     _: 3
   }, 16);
 }
-const Vr = /* @__PURE__ */ v(Cn, [["render", En]]), Nt = {
+const Hr = /* @__PURE__ */ v(Cn, [["render", En]]), Bt = {
   none: void 0,
   small: "d-p4",
   medium: "d-p8",
@@ -2566,8 +2565,8 @@ const Vr = /* @__PURE__ */ v(Cn, [["render", En]]), Nt = {
   small: "d-pl4",
   medium: "d-pl8",
   large: "d-pl16"
-}, On = ["dialog", "menu", "listbox", "tree", "grid"], as = ["", "anchor"], Ln = ["none", "dialog", "first"], He = ["parent", "body"], Tn = [
-  ...Ns
+}, On = ["dialog", "menu", "listbox", "tree", "grid"], as = ["", "anchor"], Ln = ["none", "dialog", "first"], Me = ["parent", "body"], Tn = [
+  ...Ts
 ], An = {
   name: "PopoverHeaderFooter",
   components: {
@@ -2618,7 +2617,7 @@ const Vr = /* @__PURE__ */ v(Cn, [["render", En]]), Nt = {
   ],
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   methods: {
@@ -2633,7 +2632,7 @@ function Dn(e, s, t, o, n, i) {
   const l = f("dt-icon"), h = f("dt-button");
   return a(), r("div", {
     "data-qa": "dt-popover-header-footer",
-    class: _({
+    class: b({
       "d-popover__header": t.type === "header",
       "d-popover__footer": t.type === "footer"
     })
@@ -2641,7 +2640,7 @@ function Dn(e, s, t, o, n, i) {
     n.hasSlotContent(e.$slots.content) ? (a(), r("div", {
       key: 0,
       "data-qa": "dt-popover-header-footer-content",
-      class: _(["d-to-ellipsis", "d-w100p", t.contentClass])
+      class: b(["d-to-ellipsis", "d-w100p", t.contentClass])
     }, [
       c(e.$slots, "content")
     ], 2)) : p("", !0),
@@ -2673,11 +2672,11 @@ const xn = {
    * CHILD COMPONENTS *
    ********************/
   components: {
-    SrOnlyCloseButton: $e,
-    DtLazyShow: ze,
+    SrOnlyCloseButton: ze,
+    DtLazyShow: Ne,
     PopoverHeaderFooter: Pn
   },
-  mixins: [Le, ae],
+  mixins: [Le, ne],
   props: {
     /**
      * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
@@ -2756,7 +2755,7 @@ const xn = {
     padding: {
       type: String,
       default: "large",
-      validator: (e) => Object.keys(Nt).some((s) => s === e)
+      validator: (e) => Object.keys(Bt).some((s) => s === e)
     },
     /**
      * Additional class name for the content wrapper element.
@@ -2954,7 +2953,7 @@ const xn = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => He.includes(e) || e instanceof HTMLElement
+      validator: (e) => Me.includes(e) || e instanceof HTMLElement
     }
   },
   emits: [
@@ -2980,7 +2979,7 @@ const xn = {
   ],
   data() {
     return {
-      POPOVER_PADDING_CLASSES: Nt,
+      POPOVER_PADDING_CLASSES: Bt,
       POPOVER_HEADER_FOOTER_PADDING_CLASSES: kn,
       intersectionObserver: null,
       isOutsideViewport: !1,
@@ -2988,7 +2987,7 @@ const xn = {
       toAppear: !1,
       anchorEl: null,
       popoverContentEl: null,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -3088,11 +3087,11 @@ const xn = {
       const s = (o = e == null ? void 0 : e[0]) == null ? void 0 : o.target;
       if (!s)
         return;
-      const t = zs(s);
+      const t = As(s);
       this.isOutsideViewport = t.bottom || t.top;
     },
     popperOptions() {
-      return $s({
+      return Ds({
         fallbackPlacements: this.fallbackPlacements,
         tether: this.tether,
         hasHideModifierEnabled: !0
@@ -3203,7 +3202,7 @@ const xn = {
     },
     initTippyInstance() {
       var e, s;
-      this.tip = Ms(this.anchorEl, {
+      this.tip = Ps(this.anchorEl, {
         popperOptions: this.popperOptions(),
         contentElement: this.popoverContentEl,
         placement: this.placement,
@@ -3225,7 +3224,7 @@ const xn = {
 function Nn(e, s, t, o, n, i) {
   const l = f("popover-header-footer"), h = f("sr-only-close-button"), d = f("dt-lazy-show");
   return a(), r("div", null, [
-    t.modal && n.isOpen ? (a(), S(Gt, {
+    t.modal && n.isOpen ? (a(), S(jt, {
       key: 0,
       to: "body"
     }, [
@@ -3236,9 +3235,9 @@ function Nn(e, s, t, o, n, i) {
         }, ["prevent", "stop"]))
       }, null, 8, Rn)
     ])) : p("", !0),
-    (a(), S(X(t.elementType), {
+    (a(), S(J(t.elementType), {
       ref: "popover",
-      class: _(["d-popover", { "d-popover__anchor--opened": n.isOpen }]),
+      class: b(["d-popover", { "d-popover__anchor--opened": n.isOpen }]),
       "data-qa": "dt-popover-container"
     }, {
       default: u(() => [
@@ -3250,12 +3249,12 @@ function Nn(e, s, t, o, n, i) {
           onClickCapture: s[1] || (s[1] = (...y) => i.defaultToggleOpen && i.defaultToggleOpen(...y)),
           onContextmenu: s[2] || (s[2] = (...y) => i.onContext && i.onContext(...y)),
           onKeydown: [
-            s[3] || (s[3] = H(W((...y) => i.onArrowKeyPress && i.onArrowKeyPress(...y), ["prevent"]), ["up"])),
-            s[4] || (s[4] = H(W((...y) => i.onArrowKeyPress && i.onArrowKeyPress(...y), ["prevent"]), ["down"])),
-            s[6] || (s[6] = H((y) => e.$emit("keydown", y), ["enter"])),
-            s[7] || (s[7] = H((y) => e.$emit("keydown", y), ["space"]))
+            s[3] || (s[3] = V(W((...y) => i.onArrowKeyPress && i.onArrowKeyPress(...y), ["prevent"]), ["up"])),
+            s[4] || (s[4] = V(W((...y) => i.onArrowKeyPress && i.onArrowKeyPress(...y), ["prevent"]), ["down"])),
+            s[6] || (s[6] = V((y) => e.$emit("keydown", y), ["enter"])),
+            s[7] || (s[7] = V((y) => e.$emit("keydown", y), ["space"]))
           ],
-          onKeydownCapture: s[5] || (s[5] = H((...y) => i.closePopover && i.closePopover(...y), ["escape"]))
+          onKeydownCapture: s[5] || (s[5] = V((...y) => i.closePopover && i.closePopover(...y), ["escape"]))
         }, [
           c(e.$slots, "anchor", {
             attrs: {
@@ -3284,12 +3283,12 @@ function Nn(e, s, t, o, n, i) {
           },
           css: e.$attrs.css,
           tabindex: t.contentTabindex
-        }, $(i.popoverListeners)), {
+        }, M(i.popoverListeners)), {
           default: u(() => [
             n.hasSlotContent(e.$slots.headerContent) || t.showCloseButton ? (a(), S(l, {
               key: 0,
               ref: "popover__header",
-              class: _(n.POPOVER_HEADER_FOOTER_PADDING_CLASSES[t.padding]),
+              class: b(n.POPOVER_HEADER_FOOTER_PADDING_CLASSES[t.padding]),
               "content-class": t.headerClass,
               type: "header",
               "show-close-button": t.showCloseButton,
@@ -3304,7 +3303,7 @@ function Nn(e, s, t, o, n, i) {
             m("div", {
               ref: "popover__content",
               "data-qa": "dt-popover-content",
-              class: _([
+              class: b([
                 "d-popover__content",
                 n.POPOVER_PADDING_CLASSES[t.padding],
                 t.contentClass
@@ -3316,7 +3315,7 @@ function Nn(e, s, t, o, n, i) {
               key: 1,
               ref: "popover__footer",
               type: "footer",
-              class: _(n.POPOVER_HEADER_FOOTER_PADDING_CLASSES[t.padding]),
+              class: b(n.POPOVER_HEADER_FOOTER_PADDING_CLASSES[t.padding]),
               "content-class": t.footerClass
             }, {
               content: u(() => [
@@ -3337,7 +3336,7 @@ function Nn(e, s, t, o, n, i) {
     }, 8, ["class"]))
   ]);
 }
-const at = /* @__PURE__ */ v(xn, [["render", Nn]]), ve = {
+const st = /* @__PURE__ */ v(xn, [["render", Nn]]), ve = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
@@ -3345,8 +3344,8 @@ const at = /* @__PURE__ */ v(xn, [["render", Nn]]), ve = {
 const zn = {
   name: "DtDropdown",
   components: {
-    DtPopover: at,
-    SrOnlyCloseButton: $e
+    DtPopover: st,
+    SrOnlyCloseButton: ze
   },
   mixins: [
     ts({
@@ -3360,7 +3359,7 @@ const zn = {
       activeItemKey: "activeItemEl",
       focusOnKeyboardNavigation: !0
     }),
-    ae
+    ne
   ],
   inheritAttrs: !1,
   props: {
@@ -3442,8 +3441,8 @@ const zn = {
      */
     navigationType: {
       type: String,
-      default: de.ARROW_KEYS,
-      validator: (e) => Object.values(de).includes(e)
+      default: ce.ARROW_KEYS,
+      validator: (e) => Object.values(ce).includes(e)
     },
     /**
      * If the dropdown does not fit in the direction described by "placement",
@@ -3495,7 +3494,7 @@ const zn = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => He.includes(e) || e instanceof HTMLElement
+      validator: (e) => Me.includes(e) || e instanceof HTMLElement
     },
     /**
      * If set to false the dialog will display over top of the anchor when there is insufficient space.
@@ -3551,7 +3550,7 @@ const zn = {
   ],
   data() {
     return {
-      LIST_ITEM_NAVIGATION_TYPES: de,
+      LIST_ITEM_NAVIGATION_TYPES: ce,
       DROPDOWN_PADDING_CLASSES: ve,
       openedWithKeyboard: !1,
       isOpen: null
@@ -3565,25 +3564,25 @@ const zn = {
         },
         keydown: (e) => {
           switch (e.code) {
-            case M.up:
-            case M.arrowup:
+            case H.up:
+            case H.arrowup:
               this.onUpKeyPress(e), e.stopPropagation(), e.preventDefault();
               break;
-            case M.down:
-            case M.arrowdown:
+            case H.down:
+            case H.arrowdown:
               this.onDownKeyPress(e), e.stopPropagation(), e.preventDefault();
               break;
-            case M.space:
-            case M.spacebar:
+            case H.space:
+            case H.spacebar:
               this.onSpaceKey();
               break;
-            case M.enter:
+            case H.enter:
               this.onEnterKey();
               break;
-            case M.home:
+            case H.home:
               this.onHomeKeyPress(e), e.stopPropagation(), e.preventDefault();
               break;
-            case M.end:
+            case H.end:
               this.onEndKeyPress(e), e.stopPropagation(), e.preventDefault();
               break;
             default:
@@ -3694,7 +3693,7 @@ function Mn(e, s, t, o, n, i) {
   }, e.$attrs, {
     tether: t.tether,
     transition: t.transition
-  }, $(i.dropdownListeners)), {
+  }, M(i.dropdownListeners)), {
     anchor: u(({ attrs: d }) => [
       c(e.$slots, "anchor", C({ ref: "anchor" }, d))
     ]),
@@ -3702,7 +3701,7 @@ function Mn(e, s, t, o, n, i) {
       m("ul", {
         id: t.listId,
         ref: "listWrapper",
-        class: _(i.listClasses),
+        class: b(i.listClasses),
         "data-qa": "dt-dropdown-list-wrapper",
         onMouseleave: s[0] || (s[0] = (...y) => i.clearHighlightIndex && i.clearHighlightIndex(...y)),
         onMousemoveCapture: s[1] || (s[1] = (...y) => i.onMouseHighlight && i.onMouseHighlight(...y))
@@ -3729,7 +3728,7 @@ const Vn = {
 function Fn(e, s, t, o, n, i) {
   return a(), r("li", qn);
 }
-const qr = /* @__PURE__ */ v(Vn, [["render", Fn]]), Kn = {
+const Vr = /* @__PURE__ */ v(Vn, [["render", Fn]]), Kn = {
   name: "DtImageViewer",
   components: {
     DtButton: K,
@@ -3813,11 +3812,11 @@ const qr = /* @__PURE__ */ v(Vn, [["render", Fn]]), Kn = {
         },
         keydown: (e) => {
           switch (e.code) {
-            case M.esc:
-            case M.escape:
+            case H.esc:
+            case H.escape:
               this.close();
               break;
-            case M.tab:
+            case H.tab:
               this.trapFocus(e);
               break;
           }
@@ -3875,14 +3874,14 @@ function Zn(e, s, t, o, n, i) {
     }, {
       default: u(() => [
         m("img", {
-          class: _(t.imageButtonClass),
+          class: b(t.imageButtonClass),
           src: t.imageSrc,
           alt: t.imageAlt
         }, null, 10, jn)
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
-    n.isOpen ? (a(), S(Gt, {
+    n.isOpen ? (a(), S(jt, {
       key: 0,
       to: "body"
     }, [
@@ -3890,7 +3889,7 @@ function Zn(e, s, t, o, n, i) {
         "aria-hidden": n.isOpen ? "false" : "true",
         class: "d-modal",
         "data-qa": "dt-modal"
-      }, $(i.modalListeners, !0), {
+      }, M(i.modalListeners, !0), {
         onMouseover: s[0] || (s[0] = (d) => n.showCloseButton = !0),
         onMouseleave: s[1] || (s[1] = (d) => n.showCloseButton = !1),
         onFocusin: s[2] || (s[2] = (d) => n.showCloseButton = !0),
@@ -3903,7 +3902,7 @@ function Zn(e, s, t, o, n, i) {
             alt: t.imageAlt
           }, null, 8, Un)
         ]),
-        g(Qe, { name: "fade" }, {
+        g(Ze, { name: "fade" }, {
           default: u(() => [
             n.showCloseButton ? (a(), S(l, {
               key: 0,
@@ -3932,8 +3931,8 @@ function Zn(e, s, t, o, n, i) {
     ])) : p("", !0)
   ]);
 }
-const Fr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
-  components: { DtValidationMessages: fe },
+const qr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
+  components: { DtValidationMessages: me },
   // provide data to slotted components
   provide() {
     return {
@@ -3986,7 +3985,7 @@ const Fr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
     messages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ut(e)
+      validator: (e) => Gt(e)
     },
     /**
      * Show validation messages
@@ -4035,22 +4034,22 @@ const Fr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
     "input"
   ],
   data() {
-    const e = kt(this.messages);
+    const e = wt(this.messages);
     return {
       // wrap values in object to make reactive
       provideObj: {
         name: this.name,
         disabled: this.disabled,
-        validationState: Ye(e)
+        validationState: We(e)
       }
     };
   },
   computed: {
     formattedMessages() {
-      return kt(this.messages);
+      return wt(this.messages);
     },
     validationState() {
-      return Ye(this.formattedMessages);
+      return We(this.formattedMessages);
     }
   },
   watch: {
@@ -4075,7 +4074,7 @@ const Fr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
   }
 }, Qn = {
   name: "DtInputGroup",
-  components: { DtValidationMessages: fe },
+  components: { DtValidationMessages: me },
   mixins: [Yn],
   props: {
     /**
@@ -4103,7 +4102,7 @@ const Fr = /* @__PURE__ */ v(Kn, [["render", Zn]]), Yn = {
   data() {
     return {
       internalValue: this.value,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   watch: {
@@ -4148,13 +4147,13 @@ function ea(e, s, t, o, n, i) {
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
   ], 8, Xn);
 }
-const os = /* @__PURE__ */ v(Qn, [["render", ea]]), zt = {
+const os = /* @__PURE__ */ v(Qn, [["render", ea]]), Nt = {
   default: "",
   danger: "d-modal--danger"
-}, $t = {
+}, zt = {
   default: "",
   full: "d-modal--full"
-}, Mt = {
+}, $t = {
   error: "d-modal__banner--critical",
   info: "d-modal__banner--info",
   success: "d-modal__banner--success",
@@ -4163,11 +4162,11 @@ const os = /* @__PURE__ */ v(Qn, [["render", ea]]), zt = {
 }, ta = {
   name: "DtNotice",
   components: {
-    DtNoticeIcon: st,
-    DtNoticeContent: it,
-    DtNoticeAction: nt
+    DtNoticeIcon: Je,
+    DtNoticeContent: et,
+    DtNoticeAction: tt
   },
-  mixins: [ae],
+  mixins: [ne],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -4275,7 +4274,7 @@ const os = /* @__PURE__ */ v(Qn, [["render", ea]]), zt = {
 function sa(e, s, t, o, n, i) {
   const l = f("dt-notice-icon"), h = f("dt-notice-content"), d = f("dt-notice-action");
   return a(), r("aside", {
-    class: _(i.noticeClass),
+    class: b(i.noticeClass),
     "data-qa": "notice"
   }, [
     g(l, { kind: t.kind }, {
@@ -4312,15 +4311,15 @@ function sa(e, s, t, o, n, i) {
     }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
   ], 2);
 }
-const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
+const Fr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
   name: "DtModal",
   components: {
-    DtLazyShow: ze,
+    DtLazyShow: Ne,
     DtButton: K,
     DtIcon: R,
-    SrOnlyCloseButton: $e
+    SrOnlyCloseButton: ze
   },
-  mixins: [Le, ae],
+  mixins: [Le, ne],
   props: {
     /**
      * A set of props to be passed into the modal's close button.
@@ -4386,7 +4385,7 @@ const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
     kind: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(zt).includes(e)
+      validator: (e) => Object.keys(Nt).includes(e)
     },
     /**
      * The size of the modal. size - default or full,
@@ -4395,7 +4394,7 @@ const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
     size: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys($t).includes(e)
+      validator: (e) => Object.keys(zt).includes(e)
     },
     /**
      * Additional class name for the root modal element.
@@ -4495,11 +4494,11 @@ const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
   ],
   data() {
     return {
-      MODAL_KIND_MODIFIERS: zt,
-      MODAL_SIZE_MODIFIERS: $t,
-      MODAL_BANNER_KINDS: Mt,
-      EVENT_KEYNAMES: M,
-      hasSlotContent: B
+      MODAL_KIND_MODIFIERS: Nt,
+      MODAL_SIZE_MODIFIERS: zt,
+      MODAL_BANNER_KINDS: $t,
+      EVENT_KEYNAMES: H,
+      hasSlotContent: N
     };
   },
   computed: {
@@ -4510,11 +4509,11 @@ const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
         },
         keydown: (e) => {
           switch (e.code) {
-            case M.esc:
-            case M.escape:
+            case H.esc:
+            case H.escape:
               this.close();
               break;
-            case M.tab:
+            case H.tab:
               this.trapFocus(e);
               break;
           }
@@ -4532,7 +4531,7 @@ const Kr = /* @__PURE__ */ v(ta, [["render", sa]]), ia = {
       return !!this.$slots.footer;
     },
     bannerKindClass() {
-      return Mt[this.bannerKind];
+      return $t[this.bannerKind];
     }
   },
   watch: {
@@ -4583,12 +4582,12 @@ function ra(e, s, t, o, n, i) {
     ],
     "data-qa": "dt-modal",
     "aria-hidden": i.open
-  }, $(i.modalListeners)), {
+  }, M(i.modalListeners)), {
     default: u(() => [
       t.show && (n.hasSlotContent(e.$slots.banner) || t.bannerTitle) ? (a(), r("div", {
         key: 0,
         "data-qa": "dt-modal-banner",
-        class: _([
+        class: b([
           "d-modal__banner",
           t.bannerClass,
           i.bannerKindClass
@@ -4598,13 +4597,13 @@ function ra(e, s, t, o, n, i) {
           D(I(t.bannerTitle), 1)
         ])
       ], 2)) : p("", !0),
-      g(Qe, {
+      g(Ze, {
         appear: "",
         name: "d-modal__dialog"
       }, {
         default: u(() => [
           Se(m("div", {
-            class: _([
+            class: b([
               "d-modal__dialog",
               { "d-modal__dialog--scrollable": t.fixedHeaderFooter },
               t.dialogClass
@@ -4629,7 +4628,7 @@ function ra(e, s, t, o, n, i) {
             }, I(t.title), 9, oa)),
             n.hasSlotContent(e.$slots.default) ? (a(), r("div", {
               key: 2,
-              class: _([
+              class: b([
                 "d-modal__content",
                 t.contentClass
               ]),
@@ -4638,7 +4637,7 @@ function ra(e, s, t, o, n, i) {
               c(e.$slots, "default")
             ], 2)) : (a(), r("p", {
               key: 3,
-              class: _([
+              class: b([
                 "d-modal__content",
                 t.contentClass
               ]),
@@ -4678,7 +4677,7 @@ function ra(e, s, t, o, n, i) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const jr = /* @__PURE__ */ v(ia, [["render", ra]]);
+const Kr = /* @__PURE__ */ v(ia, [["render", ra]]);
 const da = {
   name: "ListSection",
   components: {
@@ -4693,7 +4692,7 @@ const da = {
     id: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     // Leave blank if you want no header
@@ -4762,7 +4761,7 @@ function ma(e, s, t, o, n, i) {
     role: "group",
     "aria-labelledby": `${t.id}-list-section-header`,
     tabindex: "-1",
-    class: _([
+    class: b([
       "dt-list-section",
       "d-fs-200",
       "d-lh6",
@@ -4804,7 +4803,7 @@ function ma(e, s, t, o, n, i) {
     ])
   ], 10, ca);
 }
-const Gr = /* @__PURE__ */ v(da, [["render", ma]]), ga = {
+const jr = /* @__PURE__ */ v(da, [["render", ma]]), ga = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -4842,7 +4841,7 @@ const Gr = /* @__PURE__ */ v(da, [["render", ma]]), ga = {
 function ya(e, s, t, o, n, i) {
   return a(), r("ul", {
     id: t.id,
-    class: _(["d-ps-relative", "d-px0", t.listClass]),
+    class: b(["d-ps-relative", "d-px0", t.listClass]),
     role: "group",
     "data-qa": "dt-dropdown-list-wrapper",
     "aria-labelledby": `${t.id}-heading`
@@ -4852,7 +4851,7 @@ function ya(e, s, t, o, n, i) {
       id: `${t.id}-heading`,
       role: "presentation",
       "data-qa": "dt-dropdown-list-heading",
-      class: _(["dt-dropdown-list--header", t.headingClass])
+      class: b(["dt-dropdown-list--header", t.headingClass])
     }, [
       c(e.$slots, "headingSlot", {}, () => [
         D(I(t.heading), 1)
@@ -4861,7 +4860,7 @@ function ya(e, s, t, o, n, i) {
     c(e.$slots, "default")
   ], 10, _a);
 }
-const Wr = /* @__PURE__ */ v(ga, [["render", ya]]), va = {
+const Gr = /* @__PURE__ */ v(ga, [["render", ya]]), va = {
   name: "DtPagination",
   components: {
     DtButton: K,
@@ -4979,7 +4978,7 @@ function Ia(e, s, t, o, n, i) {
     class: "d-d-flex d-fd-row d-gg4 d-ai-center"
   }, [
     g(h, {
-      class: _(["d-px8", i.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      class: b(["d-px8", i.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
       "data-qa": "dt-pagination-prev",
       "aria-label": t.prevAriaLabel,
       kind: "muted",
@@ -4995,9 +4994,9 @@ function Ia(e, s, t, o, n, i) {
       ]),
       _: 1
     }, 8, ["aria-label", "importance", "disabled", "class"]),
-    (a(!0), r(Q, null, ne(i.pages, (d, y) => (a(), r("div", {
+    (a(!0), r(X, null, ie(i.pages, (d, y) => (a(), r("div", {
       key: `page-${d}-${y}`,
-      class: _({ "d-as-flex-end": isNaN(Number(d)) })
+      class: b({ "d-as-flex-end": isNaN(Number(d)) })
     }, [
       isNaN(Number(d)) ? (a(), r("div", Ca, [
         g(l, {
@@ -5010,7 +5009,7 @@ function Ia(e, s, t, o, n, i) {
         kind: n.currentPage === d ? "default" : "muted",
         importance: n.currentPage === d ? "primary" : "clear",
         "label-class": "",
-        onClick: (w) => i.changePage(d)
+        onClick: (O) => i.changePage(d)
       }, {
         default: u(() => [
           D(I(d), 1)
@@ -5019,7 +5018,7 @@ function Ia(e, s, t, o, n, i) {
       }, 1032, ["aria-label", "kind", "importance", "onClick"]))
     ], 2))), 128)),
     g(h, {
-      class: _(["d-px8", i.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      class: b(["d-px8", i.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
       "data-qa": "dt-pagination-next",
       "aria-label": t.nextAriaLabel,
       disabled: i.isLastPage,
@@ -5037,14 +5036,14 @@ function Ia(e, s, t, o, n, i) {
     }, 8, ["aria-label", "disabled", "importance", "class"])
   ], 8, Sa);
 }
-const Ur = /* @__PURE__ */ v(va, [["render", Ia]]), wa = {
+const Wr = /* @__PURE__ */ v(va, [["render", Ia]]), wa = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
 }, Ea = {
   name: "DtRadio",
-  components: { DtValidationMessages: fe },
-  mixins: [Zt, Yt, Qt, et],
+  components: { DtValidationMessages: me },
+  mixins: [Wt, Ut, Zt, Qe],
   inheritAttrs: !1,
   props: {
     /**
@@ -5094,7 +5093,7 @@ const Ur = /* @__PURE__ */ v(va, [["render", Ia]]), wa = {
   ],
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -5141,7 +5140,7 @@ function Ta(e, s, t, o, n, i) {
   const l = f("dt-validation-messages");
   return a(), r("label", null, [
     m("div", {
-      class: _(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
+      class: b(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
     }, [
       m("div", ka, [
         m("input", C({
@@ -5151,7 +5150,7 @@ function Ta(e, s, t, o, n, i) {
           disabled: e.internalDisabled,
           type: "radio",
           class: ["d-radio", i.inputValidationClass, e.inputClass]
-        }, e.$attrs, $(i.inputListeners, !0)), null, 16, Oa)
+        }, e.$attrs, M(i.inputListeners, !0)), null, 16, Oa)
       ]),
       m("div", La, [
         m("div", C({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
@@ -5176,7 +5175,7 @@ function Ta(e, s, t, o, n, i) {
     ], 2)
   ]);
 }
-const Zr = /* @__PURE__ */ v(Ea, [["render", Ta]]), Yr = {
+const Ur = /* @__PURE__ */ v(Ea, [["render", Ta]]), Zr = {
   name: "DtRadioGroup",
   extends: os,
   props: {
@@ -5322,7 +5321,7 @@ function Pa(e, s, t, o, n, i) {
     tabindex: n.isFirstElementFocusable ? -1 : 0,
     "aria-labelledby": `dt-tab-${t.tabId}`,
     "aria-hidden": `${i.hidePanel}`,
-    class: _([
+    class: b([
       {
         "d-d-none": i.hidePanel
       },
@@ -5335,14 +5334,14 @@ function Pa(e, s, t, o, n, i) {
     [Ce, !t.hidden]
   ]);
 }
-const Qr = /* @__PURE__ */ v(Aa, [["render", Pa]]), xa = {
+const Yr = /* @__PURE__ */ v(Aa, [["render", Pa]]), xa = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
 }, Ra = {
   name: "DtCheckbox",
-  components: { DtValidationMessages: fe },
-  mixins: [Zt, Yt, Qt, et],
+  components: { DtValidationMessages: me },
+  mixins: [Wt, Ut, Zt, Qe],
   inheritAttrs: !1,
   emits: [
     /**
@@ -5428,7 +5427,7 @@ function $a(e, s, t, o, n, i) {
   const l = f("dt-validation-messages");
   return a(), r("label", null, [
     m("div", {
-      class: _(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
+      class: b(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
       m("div", Ba, [
         m("input", C({
@@ -5438,7 +5437,7 @@ function $a(e, s, t, o, n, i) {
           value: e.value,
           disabled: e.internalDisabled,
           class: ["d-checkbox", i.inputValidationClass, e.inputClass]
-        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, $(i.inputListeners, !0)), null, 16, Na)
+        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, M(i.inputListeners, !0)), null, 16, Na)
       ]),
       i.hasLabelOrDescription ? (a(), r("div", za, [
         i.hasLabel ? (a(), r("div", C({
@@ -5466,7 +5465,7 @@ function $a(e, s, t, o, n, i) {
     ], 2)
   ]);
 }
-const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
+const Qr = /* @__PURE__ */ v(Ra, [["render", $a]]), Xr = {
   name: "DtCheckboxGroup",
   extends: os,
   model: {
@@ -5558,7 +5557,7 @@ const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
       return `checkbox-group-message-${e}-${s}-${this.id}`;
     }
   }
-}, Ht = {
+}, Mt = {
   xs: "d-chip__label--xs",
   sm: "d-chip__label--sm",
   md: ""
@@ -5602,7 +5601,7 @@ const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(Ht).includes(e)
+      validator: (e) => Object.keys(Mt).includes(e)
     },
     /**
      * The interactivity of the chip.
@@ -5670,7 +5669,7 @@ const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
   data() {
     return {
       isActive: !1,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -5693,7 +5692,7 @@ const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
     chipClasses() {
       return [
         this.$attrs["grouped-chip"] ? "d-chip" : "d-chip__label",
-        Ht[this.size],
+        Mt[this.size],
         this.labelClass
       ];
     },
@@ -5718,14 +5717,14 @@ const Xr = /* @__PURE__ */ v(Ra, [["render", $a]]), Jr = {
 function Ga(e, s, t, o, n, i) {
   const l = f("dt-icon"), h = f("dt-button");
   return a(), r("span", qa, [
-    (a(), S(X(t.interactive ? "button" : "span"), C({
+    (a(), S(J(t.interactive ? "button" : "span"), C({
       id: t.id,
       type: t.interactive && "button",
       class: i.chipClasses(),
       "data-qa": "dt-chip",
       "aria-labelledby": t.ariaLabel ? void 0 : `${t.id}-content`,
       "aria-label": t.ariaLabel
-    }, $(i.chipListeners)), {
+    }, M(i.chipListeners)), {
       default: u(() => [
         n.hasSlotContent(e.$slots.icon) ? (a(), r("span", Fa, [
           c(e.$slots, "icon")
@@ -5736,7 +5735,7 @@ function Ga(e, s, t, o, n, i) {
           key: 2,
           id: `${t.id}-content`,
           "data-qa": "dt-chip-label",
-          class: _(["d-truncate", "d-chip__text", t.contentClass])
+          class: b(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           c(e.$slots, "default")
         ], 10, ja)) : p("", !0)
@@ -5759,7 +5758,7 @@ function Ga(e, s, t, o, n, i) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Vt = {
+const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Ht = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
@@ -5771,8 +5770,8 @@ const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Vt = {
   success: "d-select__input--success"
 }, Ua = (e) => !e.index || typeof e.index == "number", Za = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, Ya = (e) => e.label ? typeof e.label == "string" : !1, Qa = (e) => e ? e.every((s) => !(!Ua(s) || !Za(s) || !Ya(s))) : !0, Xa = {
   name: "DtSelectMenu",
-  components: { DtValidationMessages: fe },
-  mixins: [et],
+  components: { DtValidationMessages: me },
+  mixins: [Qe],
   inheritAttrs: !1,
   props: {
     /**
@@ -5809,7 +5808,7 @@ const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Vt = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(Vt).includes(e)
+      validator: (e) => Object.keys(Ht).includes(e)
     },
     /**
      * Used to customize the label container
@@ -5887,11 +5886,11 @@ const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Vt = {
   ],
   data() {
     return {
-      LABEL_SIZE_MODIFIERS: Hs,
-      DESCRIPTION_SIZE_MODIFIERS: Vs,
-      SELECT_SIZE_MODIFIERS: Vt,
+      LABEL_SIZE_MODIFIERS: xs,
+      DESCRIPTION_SIZE_MODIFIERS: Rs,
+      SELECT_SIZE_MODIFIERS: Ht,
       SELECT_STATE_MODIFIERS: Wa,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -5908,7 +5907,7 @@ const ls = /* @__PURE__ */ v(Va, [["render", Ga]]), Vt = {
       };
     },
     state() {
-      return Ye(this.formattedMessages);
+      return We(this.formattedMessages);
     },
     selectKey() {
       return F();
@@ -5970,7 +5969,7 @@ function io(e, s, t, o, n, i) {
         ])
       ], 16, eo)) : p("", !0),
       m("div", {
-        class: _([
+        class: b([
           "d-select",
           n.SELECT_SIZE_MODIFIERS[t.size],
           t.selectClass,
@@ -5986,9 +5985,9 @@ function io(e, s, t, o, n, i) {
         }, e.$attrs, {
           "data-qa": "dt-select",
           disabled: t.disabled
-        }, $(i.selectListeners, !0)), [
+        }, M(i.selectListeners, !0)), [
           c(e.$slots, "default", {}, () => [
-            (a(!0), r(Q, null, ne(t.options, (h) => (a(), r("option", C({
+            (a(!0), r(X, null, ie(t.options, (h) => (a(), r("option", C({
               key: i.getOptionKey(h.value),
               value: h.value,
               class: t.optionClass
@@ -6004,14 +6003,14 @@ function io(e, s, t, o, n, i) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const ed = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], qt = 6e3, ao = {
+const Jr = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], Vt = 6e3, ao = {
   name: "DtToast",
   components: {
-    DtNoticeIcon: st,
-    DtNoticeContent: it,
-    DtNoticeAction: nt
+    DtNoticeIcon: Je,
+    DtNoticeContent: et,
+    DtNoticeAction: tt
   },
-  mixins: [ae],
+  mixins: [ne],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -6020,7 +6019,7 @@ const ed = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], qt
     titleId: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -6030,7 +6029,7 @@ const ed = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], qt
     contentId: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -6108,7 +6107,7 @@ const ed = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], qt
     duration: {
       type: Number,
       default: null,
-      validator: (e) => e >= qt
+      validator: (e) => e >= Vt
     }
   },
   emits: [
@@ -6135,7 +6134,7 @@ const ed = /* @__PURE__ */ v(Xa, [["render", io]]), no = ["status", "alert"], qt
   data() {
     return {
       isShown: !1,
-      minDuration: qt
+      minDuration: Vt
     };
   },
   computed: {
@@ -6178,7 +6177,7 @@ function ro(e, s, t, o, n, i) {
   const l = f("dt-notice-icon"), h = f("dt-notice-content"), d = f("dt-notice-action");
   return n.isShown ? (a(), r("div", {
     key: 0,
-    class: _([
+    class: b([
       "d-toast",
       i.kindClass,
       { "d-toast--important": t.important }
@@ -6224,7 +6223,7 @@ function ro(e, s, t, o, n, i) {
     ])
   ], 10, oo)) : p("", !0);
 }
-const td = /* @__PURE__ */ v(ao, [["render", ro]]), Ft = {
+const ed = /* @__PURE__ */ v(ao, [["render", ro]]), qt = {
   sm: "d-toggle--small",
   md: ""
 }, co = [!1, !0, "mixed"], uo = {
@@ -6278,7 +6277,7 @@ const td = /* @__PURE__ */ v(ao, [["render", ro]]), Ft = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(Ft).includes(e)
+      validator: (e) => Object.keys(qt).includes(e)
     },
     /**
      * Shows the icon
@@ -6316,7 +6315,7 @@ const td = /* @__PURE__ */ v(ao, [["render", ro]]), Ft = {
   data() {
     return {
       internalChecked: this.checked,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -6335,7 +6334,7 @@ const td = /* @__PURE__ */ v(ao, [["render", ro]]), Ft = {
     toggleClasses() {
       return [
         "d-toggle",
-        Ft[this.size],
+        qt[this.size],
         {
           "d-toggle--checked": this.internalChecked === !0,
           "d-toggle--disabled": this.disabled,
@@ -6395,7 +6394,7 @@ function go(e, s, t, o, n, i) {
     ], 16, po)
   ]);
 }
-const sd = /* @__PURE__ */ v(uo, [["render", go]]), ye = {
+const td = /* @__PURE__ */ v(uo, [["render", go]]), ye = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
@@ -6404,7 +6403,7 @@ const sd = /* @__PURE__ */ v(uo, [["render", go]]), ye = {
   "{cmd}": "command"
 }, _o = {
   "{plus}": "plus"
-}, id = Object.keys(ye), bo = {
+}, sd = Object.keys(ye), bo = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: R
@@ -6463,7 +6462,7 @@ const sd = /* @__PURE__ */ v(uo, [["render", go]]), ye = {
 function So(e, s, t, o, n, i) {
   const l = f("dt-icon");
   return a(), r("kbd", {
-    class: _([
+    class: b([
       "d-d-inline-flex",
       "d-ff-custom",
       "d-ai-center",
@@ -6477,20 +6476,20 @@ function So(e, s, t, o, n, i) {
     ])
   }, [
     t.screenReaderText ? (a(), r("span", yo, I(t.screenReaderText), 1)) : p("", !0),
-    (a(!0), r(Q, null, ne(i.formattedShortcutSplit, (h, d) => (a(), r(Q, null, [
+    (a(!0), r(X, null, ie(i.formattedShortcutSplit, (h, d) => (a(), r(X, null, [
       i.icons[h] ? (a(), S(l, {
         key: `${d}-${h}`,
         name: i.icons[h],
         size: "100",
         "aria-hidden": "true",
-        class: _([
+        class: b([
           t.inverted ? "d-fc-secondary-inverted" : "d-fc-tertiary",
           "d-mr2"
         ])
       }, null, 8, ["name", "class"])) : (a(), r("span", {
         key: `${d}-${h}`,
         "aria-hidden": "true",
-        class: _([
+        class: b([
           t.inverted ? "d-fc-secondary-inverted" : "d-fc-tertiary",
           "d-mr2"
         ]),
@@ -6499,7 +6498,7 @@ function So(e, s, t, o, n, i) {
     ], 64))), 256))
   ], 2);
 }
-const nd = /* @__PURE__ */ v(bo, [["render", So]]), rs = {
+const id = /* @__PURE__ */ v(bo, [["render", So]]), rs = {
   LEFT: "left",
   RIGHT: "right"
 }, Co = ["sm", "md", "lg", null], Io = {
@@ -6554,7 +6553,7 @@ const nd = /* @__PURE__ */ v(bo, [["render", So]]), rs = {
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -6569,14 +6568,14 @@ const nd = /* @__PURE__ */ v(bo, [["render", So]]), rs = {
 function wo(e, s, t, o, n, i) {
   return a(), r("div", {
     ref: "root-layout-body",
-    class: _(["d-root-layout__body", i.bodyClasses]),
+    class: b(["d-root-layout__body", i.bodyClasses]),
     "data-qa": "dt-root-layout-body"
   }, [
     n.hasSlotContent(e.$slots.sidebar) ? (a(), r("aside", {
       key: 0,
       ref: "root-layout-sidebar",
-      class: _(["d-root-layout__sidebar", { "d-root-layout__sidebar--sticky": t.fixed }, t.sidebarClass]),
-      style: ie({ "flex-basis": t.sidebarWidth }),
+      class: b(["d-root-layout__sidebar", { "d-root-layout__sidebar--sticky": t.fixed }, t.sidebarClass]),
+      style: se({ "flex-basis": t.sidebarWidth }),
       "data-qa": "dt-root-layout-sidebar"
     }, [
       c(e.$slots, "sidebar")
@@ -6584,7 +6583,7 @@ function wo(e, s, t, o, n, i) {
     n.hasSlotContent(e.$slots.content) ? (a(), r("main", {
       key: 1,
       ref: "root-layout-content",
-      class: _(["d-root-layout__content", t.contentClass]),
+      class: b(["d-root-layout__content", t.contentClass]),
       "data-qa": "dt-root-layout-content",
       tabindex: "0"
     }, [
@@ -6696,7 +6695,7 @@ const Eo = /* @__PURE__ */ v(Io, [["render", wo]]), ko = {
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -6709,13 +6708,13 @@ const Eo = /* @__PURE__ */ v(Io, [["render", wo]]), ko = {
 function Oo(e, s, t, o, n, i) {
   const l = f("dt-root-layout-body");
   return a(), r("div", {
-    class: _(["root-layout d-root-layout", { "d-root-layout--fixed": t.fixed }, i.responsiveClass]),
+    class: b(["root-layout d-root-layout", { "d-root-layout--fixed": t.fixed }, i.responsiveClass]),
     "data-qa": "dt-root-layout"
   }, [
     n.hasSlotContent(e.$slots.header) ? (a(), r("header", {
       key: 0,
-      class: _(["d-root-layout__header", { "d-root-layout__header--sticky": t.headerSticky }, t.headerClass]),
-      style: ie({ height: t.headerHeight, "min-height": t.headerHeight }),
+      class: b(["d-root-layout__header", { "d-root-layout__header--sticky": t.headerSticky }, t.headerClass]),
+      style: se({ height: t.headerHeight, "min-height": t.headerHeight }),
       "data-qa": "dt-root-layout-header"
     }, [
       c(e.$slots, "header")
@@ -6747,30 +6746,30 @@ function Oo(e, s, t, o, n, i) {
     ]), 1032, ["body-class", "content-class", "sidebar-class", "sidebar-width", "sidebar-position", "header-height", "footer-height", "fixed"]),
     n.hasSlotContent(e.$slots.footer) ? (a(), r("footer", {
       key: 1,
-      class: _(["d-root-layout__footer", t.footerClass]),
-      style: ie({ height: t.footerHeight, "min-height": t.footerHeight }),
+      class: b(["d-root-layout__footer", t.footerClass]),
+      style: se({ height: t.footerHeight, "min-height": t.footerHeight }),
       "data-qa": "dt-root-layout-footer"
     }, [
       c(e.$slots, "footer")
     ], 6)) : p("", !0)
   ], 2);
 }
-const ad = /* @__PURE__ */ v(ko, [["render", Oo]]), ce = {
+const nd = /* @__PURE__ */ v(ko, [["render", Oo]]), ue = {
   default: "column",
   column: "column",
   row: "row",
   "row-reverse": "row-reverse",
   "column-reverse": "column-reverse"
-}, ds = ["sm", "md", "lg", "xl"], ot = ["0", "100", "200", "300", "400", "500", "600"];
-function Kt(e) {
-  return e === ce.default;
+}, ds = ["sm", "md", "lg", "xl"], it = ["0", "100", "200", "300", "400", "500", "600"];
+function Ft(e) {
+  return e === ue.default;
 }
-function jt(e) {
+function Kt(e) {
   if (Ie(e) === "string")
-    return Kt(e) ? null : ce[e];
+    return Ft(e) ? null : ue[e];
   if (Ie(e) === "object") {
     const { default: s } = e;
-    return Kt(s) ? null : ce[s];
+    return Ft(s) ? null : ue[s];
   } else
     return null;
 }
@@ -6778,7 +6777,7 @@ function Ie(e) {
   return typeof e;
 }
 function Lo(e) {
-  return jt(e) ? `d-stack--${ce[jt(e)]}` : null;
+  return Kt(e) ? `d-stack--${ue[Kt(e)]}` : null;
 }
 function To(e) {
   return Ie(e) === "object" ? [
@@ -6786,19 +6785,19 @@ function To(e) {
   ] : null;
 }
 function Ao(e) {
-  return ot.includes(e) ? `d-stack--gap-${e}` : null;
+  return it.includes(e) ? `d-stack--gap-${e}` : null;
 }
 function Do(e) {
   if (Ie(e) === "string")
-    return Object.keys(ce).includes(e);
+    return Object.keys(ue).includes(e);
   if (Ie(e) === "object") {
     const { default: s } = e;
-    return Object.keys(ce).includes(s);
+    return Object.keys(ue).includes(s);
   } else
     return null;
 }
 function Po(e) {
-  return ot.includes(e);
+  return it.includes(e);
 }
 const xo = {
   name: "DtStack",
@@ -6832,8 +6831,8 @@ const xo = {
   },
   data() {
     return {
-      DT_STACK_DIRECTION: ce,
-      DT_STACK_GAP: ot,
+      DT_STACK_DIRECTION: ue,
+      DT_STACK_GAP: it,
       DT_STACK_RESPONSIVE_BREAKPOINTS: ds
     };
   },
@@ -6850,8 +6849,8 @@ const xo = {
   }
 };
 function Ro(e, s, t, o, n, i) {
-  return a(), S(X(t.as), {
-    class: _([
+  return a(), S(J(t.as), {
+    class: b([
       "d-stack",
       i.defaultDirection,
       i.stackResponsive,
@@ -6864,9 +6863,9 @@ function Ro(e, s, t, o, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const od = /* @__PURE__ */ v(xo, [["render", Ro]]);
+const ad = /* @__PURE__ */ v(xo, [["render", Ro]]);
 const cs = {
-  __name: "core-scroller",
+  __name: "core_scroller",
   props: {
     /**
        * List of items you want to display in the scroller.
@@ -6957,188 +6956,188 @@ const cs = {
       default: ""
     }
   },
-  emits: ["scroll-start", "scroll-end"],
+  emits: ["user-position"],
   setup(e, { expose: s, emit: t }) {
-    const o = e, n = je(/* @__PURE__ */ new Map()), i = je(o.items), l = je(/* @__PURE__ */ new Map()), h = _e([]), d = _e(null), y = _e(!1), w = _e(null);
-    let b = 0, L = 0, V = !1, pe = 0, Te = null, ue = null, qe = 0, fs = 0;
-    const Fe = Be(() => {
+    const o = e, n = Et(/* @__PURE__ */ new Map()), i = Et(/* @__PURE__ */ new Map()), l = pe([]), h = pe(null), d = pe(!1), y = pe(null), O = pe("top");
+    let _ = 0, L = 0, B = !1, de = 0, he = null, fe = null, Ve = 0, fs = 0;
+    const qe = Re(() => {
       if (o.itemSize === null) {
-        const T = {
+        const k = {
           "-1": { accumulator: 0 }
-        }, A = o.items, E = o.sizeField, Y = o.minItemSize;
-        let q = 1e4, ee = 0, P;
-        for (let j = 0, me = A.length; j < me; j++)
-          P = A[j][E] || Y, P < q && (q = P), ee += P, T[j] = { accumulator: ee, size: P };
-        return ue = q, T;
+        }, A = o.items, w = o.sizeField, Y = o.minItemSize;
+        let q = 1e4, ae = 0, P;
+        for (let j = 0, ge = A.length; j < ge; j++)
+          P = A[j][w] || Y, P < q && (q = P), ae += P, k[j] = { accumulator: ae, size: P };
+        return fe = q, k;
       }
       return [];
-    }), ps = Be(() => o.items.length && typeof o.items[0] != "object"), ms = Be(() => {
-      const T = {};
-      for (let A = 0, E = o.items.length; A < E; A++)
-        T[o.items[A][o.keyField]] = A;
-      return T;
+    }), ps = Re(() => o.items.length && typeof o.items[0] != "object"), ms = Re(() => {
+      const k = {};
+      for (let A = 0, w = o.items.length; A < w; A++)
+        k[o.items[A][o.keyField]] = A;
+      return k;
     });
-    Ze(i, () => {
-      Ae(!0);
-    }), Ze(Fe, () => {
-      Ae(!1);
-    }, { deep: !0 }), Is(() => {
-      ws(() => {
-        Ae(!0), y.value = !0;
+    Yt(qe, () => {
+      Te(!1);
+    }, { deep: !0 }), Bs(() => {
+      Ns(() => {
+        Te(!0), d.value = !0;
       });
     });
-    const pt = (T, A, E, Y, q) => {
-      const ee = Es({
+    const ut = (k, A, w, Y, q) => {
+      const ae = zs({
         id: fs++,
         index: A,
         used: !0,
         key: Y,
         type: q
-      }), P = ks({
-        item: E,
+      }), P = $s({
+        item: w,
         position: 0,
-        nr: ee
+        nr: ae
       });
-      return T.value.push(P), P;
-    }, Ke = (T, A = !1) => {
-      const E = l, Y = T.nr.type;
-      let q = E.get(Y);
-      q || (q = [], E.set(Y, q)), q.push(T), A || (T.nr.used = !1, T.position = -9999);
+      return k.value.push(P), P;
+    }, Fe = (k, A = !1) => {
+      const w = i, Y = k.nr.type;
+      let q = w.get(Y);
+      q || (q = [], w.set(Y, q)), q.push(k), A || (k.nr.used = !1, k.position = -9999);
     }, gs = () => {
-      const T = o.direction === "vertical";
+      const k = o.direction === "vertical";
       let A;
-      return T ? A = {
-        start: w.value.scrollTop,
-        end: w.value.scrollTop + w.value.clientHeight
+      return k ? A = {
+        start: y.value.scrollTop,
+        end: y.value.scrollTop + y.value.clientHeight
       } : A = {
-        start: w.value.scrollLeft,
-        end: w.value.scrollLeft + w.value.clientWidth
+        start: y.value.scrollLeft,
+        end: y.value.scrollLeft + y.value.clientWidth
       }, A;
     }, _s = () => {
       throw setTimeout(() => {
-        console.error("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", w), console.error("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
+        console.error("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", y), console.error("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
       }), new Error("Rendered items limit reached");
     }, bs = () => {
-      h.value.sort((T, A) => T.nr.index - A.nr.index);
-    }, Ae = (T, A = !1) => {
-      var _t, bt, yt, vt, St, Ct, It, wt;
-      const E = o.itemSize, Y = ue, q = ps.value ? null : o.keyField, ee = o.items, P = ee.length, j = Fe.value, me = n, mt = l, De = h, Cs = ms;
-      let G, N, Pe, te, oe;
+      l.value.sort((k, A) => k.nr.index - A.nr.index);
+    }, Te = (k, A = !1) => {
+      var pt, mt, gt, _t, bt, yt, vt, St;
+      const w = o.itemSize, Y = fe, q = ps.value ? null : o.keyField, ae = o.items, P = ae.length, j = qe.value, ge = n, ht = i, Ae = l, Cs = ms;
+      let G, z, De, ee, oe;
       if (!P)
-        G = N = te = oe = Pe = 0;
+        G = z = ee = oe = De = 0;
       else {
-        const O = gs();
+        const T = gs();
         if (A) {
-          let x = O.start - pe.value;
-          if (x < 0 && (x = -x), E === null && x < Y.value || x < E)
+          let x = T.start - de.value;
+          if (x < 0 && (x = -x), w === null && x < Y.value || x < w)
             return {
               continuous: !0
             };
         }
-        pe = O.start;
+        de = T.start;
         const U = o.buffer;
-        if (O.start -= U, O.end += U, E === null) {
-          let x, he = 0, ge = P - 1, Z = ~~(P / 2), Et;
+        if (T.start -= U, T.end += U, w === null) {
+          let x, _e = 0, Ct = P - 1, Z = ~~(P / 2), It;
           do
-            Et = Z, x = (_t = j[Z]) == null ? void 0 : _t.accumulator, x < O.start ? he = Z : Z < P - 1 && ((bt = j[Z + 1]) == null ? void 0 : bt.accumulator) > O.start && (ge = Z), Z = ~~((he + ge) / 2);
-          while (Z !== Et);
-          for (Z < 0 && (Z = 0), G = Z, Pe = (yt = j[P - 1]) == null ? void 0 : yt.accumulator, N = Z; N < P && ((vt = j[N]) == null ? void 0 : vt.accumulator) < O.end; N++)
+            It = Z, x = (pt = j[Z]) == null ? void 0 : pt.accumulator, x < T.start ? _e = Z : Z < P - 1 && ((mt = j[Z + 1]) == null ? void 0 : mt.accumulator) > T.start && (Ct = Z), Z = ~~((_e + Ct) / 2);
+          while (Z !== It);
+          for (Z < 0 && (Z = 0), G = Z, De = (gt = j[P - 1]) == null ? void 0 : gt.accumulator, z = Z; z < P && ((_t = j[z]) == null ? void 0 : _t.accumulator) < T.end; z++)
             ;
-          for (N === -1 ? N = ee.length - 1 : (N++, N > P && (N = P)), te = b; te < P && ((St = j[te]) == null ? void 0 : St.accumulator) < O.start; te++)
+          for (z === -1 ? z = ae.length - 1 : (z++, z > P && (z = P)), ee = _; ee < P && ((bt = j[ee]) == null ? void 0 : bt.accumulator) < T.start; ee++)
             ;
-          for (oe = te; oe < P && ((Ct = j[oe]) == null ? void 0 : Ct.accumulator) < O.end; oe++)
+          for (oe = ee; oe < P && ((yt = j[oe]) == null ? void 0 : yt.accumulator) < T.end; oe++)
             ;
         } else {
-          G = ~~(O.start / E);
+          G = ~~(T.start / w);
           const x = G % 1;
-          G -= x, N = Math.ceil(O.end / E), te = Math.max(0, Math.floor(O.start / E)), oe = Math.floor(O.end / E), G < 0 && (G = 0), N > P && (N = P), te < 0 && (te = 0), oe > P && (oe = P), Pe = Math.ceil(P / 1) * E;
+          G -= x, z = Math.ceil(T.end / w), ee = Math.max(0, Math.floor(T.start / w)), oe = Math.floor(T.end / w), G < 0 && (G = 0), z > P && (z = P), ee < 0 && (ee = 0), oe > P && (oe = P), De = Math.ceil(P / 1) * w;
         }
       }
-      N - G > 1e3 && _s(), qe = Pe;
-      let k;
-      const xe = G <= L && N >= G;
-      if (xe)
-        for (let O = 0, U = De.value.length; O < U; O++)
-          k = De.value[O], k != null && k.nr.used && (T && (k.nr.index = Cs[k.item[q]]), (k.nr.index == null || k.nr.index < G || k.nr.index >= N) && Ke(k));
-      const gt = xe ? null : /* @__PURE__ */ new Map();
-      let se, le, Re;
-      for (let O = G; O < N; O++) {
-        se = ee[O];
-        const U = q ? se == null ? void 0 : se[q] : se;
+      z - G > 1e3 && _s(), Ve = De;
+      let E;
+      const Pe = G <= L && z >= G;
+      if (Pe)
+        for (let T = 0, U = Ae.value.length; T < U; T++)
+          E = Ae.value[T], E != null && E.nr.used && (k && (E.nr.index = Cs[E.item[q]]), (E.nr.index == null || E.nr.index < G || E.nr.index >= z) && Fe(E));
+      const ft = Pe ? null : /* @__PURE__ */ new Map();
+      let te, le, xe;
+      for (let T = G; T < z; T++) {
+        te = ae[T];
+        const U = q ? te == null ? void 0 : te[q] : te;
         if (U == null)
           throw new Error(`Key is ${U} on item (keyField is '${q}')`);
-        if (k = me.get(U), !E && !((It = j[O]) != null && It.size)) {
-          k && Ke(k);
+        if (E = ge.get(U), !w && !((vt = j[T]) != null && vt.size)) {
+          E && Fe(E);
           continue;
         }
-        le = se.type;
-        let x = mt.get(le), he = !1;
-        if (!k)
-          xe ? x && x.length ? k = x.pop() : k = pt(De, O, se, U, le) : (Re = gt.get(le) || 0, (!x || Re >= x.length) && (k = pt(De, O, se, U, le), Ke(k, !0), x = mt.get(le)), k = x[Re], gt.set(le, Re + 1)), me.delete(k.nr.key), k.nr.used = !0, k.nr.index = O, k.nr.key = U, k.nr.type = le, me.set(U, k), he = !0;
-        else if (!k.nr.used && (k.nr.used = !0, he = !0, x)) {
-          const ge = x.indexOf(k);
-          ge !== -1 && x.splice(ge, 1);
+        le = te.type;
+        let x = ht.get(le);
+        if (!E)
+          Pe ? x && x.length ? E = x.pop() : E = ut(Ae, T, te, U, le) : (xe = ft.get(le) || 0, (!x || xe >= x.length) && (E = ut(Ae, T, te, U, le), Fe(E, !0), x = ht.get(le)), E = x[xe], ft.set(le, xe + 1)), ge.delete(E.nr.key), E.nr.used = !0, E.nr.index = T, E.nr.key = U, E.nr.type = le, ge.set(U, E);
+        else if (!E.nr.used && (E.nr.used = !0, x)) {
+          const _e = x.indexOf(E);
+          _e !== -1 && x.splice(_e, 1);
         }
-        k.item = se, he && (O === ee.length - 1 && t("scroll-end"), O === 0 && t("scroll-start")), E === null ? (k.position = (wt = j[O - 1]) == null ? void 0 : wt.accumulator, k.offset = 0) : (k.position = Math.floor(O) * E, k.offset = O % 1 * E);
+        E.item = te, w === null ? (E.position = (St = j[T - 1]) == null ? void 0 : St.accumulator, E.offset = 0) : (E.position = Math.floor(T) * w, E.offset = T % 1 * w);
       }
-      return b = G, L = N, clearTimeout(Te), Te = setTimeout(bs, 300), {
-        continuous: xe
+      return _ = G, L = z, clearTimeout(he), he = setTimeout(bs, 300), {
+        continuous: Pe
       };
-    }, ys = (T) => {
-      const A = o.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, E = w.value, Y = A.scroll;
-      E[Y] = T;
-    }, vs = (T) => {
-      var E;
+    }, ys = (k) => {
+      const A = o.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, w = y.value, Y = A.scroll;
+      w[Y] = k;
+    }, vs = (k) => {
+      var w;
       let A;
-      o.itemSize === null ? A = T > 0 ? (E = Fe.value[T - 1]) == null ? void 0 : E.accumulator : 0 : A = Math.floor(T) * o.itemSize, ys(A);
+      o.itemSize === null ? A = k > 0 ? (w = qe.value[k - 1]) == null ? void 0 : w.accumulator : 0 : A = Math.floor(k) * o.itemSize, ys(A);
     }, Ss = () => {
-      V || (V = !0, requestAnimationFrame(() => {
-        V = !1, Ae(!1, !0);
+      const k = y.value;
+      O.value !== "middle" && (O.value = "middle", t("user-position", "middle")), k.scrollTop === 0 && (O.value = "top", t("user-position", "top")), k.scrollTop + k.clientHeight === k.scrollHeight && (O.value = "bottom", t("user-position", "bottom")), B || (B = !0, requestAnimationFrame(() => {
+        B = !1, Te(!1, !0);
       }));
     };
     return s({
-      scrollToItem: vs
-    }), (T, A) => (a(), r("div", {
+      scrollToItem: vs,
+      _updateVisibleItems: Te
+    }), (k, A) => (a(), r("div", {
       ref_key: "scroller",
-      ref: w,
-      class: _(["vue-recycle-scroller", {
-        ready: y.value,
+      ref: y,
+      class: b(["vue-recycle-scroller", {
+        ready: d.value,
         [`direction-${e.direction}`]: !0
       }]),
       onScrollPassive: Ss
     }, [
-      (a(), S(X(e.listTag), {
+      (a(), S(J(e.listTag), {
         ref: "wrapper",
-        style: ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${Wt(qe)}px` }),
-        class: _(["vue-recycle-scroller__item-wrapper", e.listClass])
+        style: se({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${Qt(Ve)}px` }),
+        class: b(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: u(() => [
-          (a(!0), r(Q, null, ne(h.value, (E) => (a(), S(X(e.itemTag), C({
-            key: E.nr.id,
-            style: y.value ? {
-              transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${E.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${E.offset}px)`,
+          (a(!0), r(X, null, ie(l.value, (w) => (a(), S(J(e.itemTag), C({
+            key: w.nr.id,
+            style: d.value ? {
+              transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${w.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${w.offset}px)`,
               width: void 0,
               height: void 0
             } : null,
             class: ["vue-recycle-scroller__item-view", [
               e.itemClass,
               {
-                hover: !e.skipHover && d.value === E.nr.key
+                hover: !e.skipHover && h.value === w.nr.key
               }
             ]]
-          }, $(e.skipHover ? {} : {
+          }, M(e.skipHover ? {} : {
             mouseenter: () => {
-              d.value = E.nr.key;
+              h.value = w.nr.key;
             },
             mouseleave: () => {
-              d.value = null;
+              h.value = null;
             }
           })), {
             default: u(() => [
-              c(T.$slots, "default", {
-                item: E.item,
-                index: E.nr.index,
-                active: E.nr.used
+              c(k.$slots, "default", {
+                item: w.item,
+                index: w.nr.index,
+                active: w.nr.used
               })
             ]),
             _: 2
@@ -7266,7 +7265,7 @@ const cs = {
     }
   },
   render() {
-    return Os(this.tag, this.$slots.default());
+    return Ms(this.tag, this.$slots.default());
   }
 }, No = {
   name: "DynamicScroller",
@@ -7414,6 +7413,21 @@ const cs = {
     scrollToItem(e) {
       const s = this.$refs.scroller;
       s && s.scrollToItem(e);
+    },
+    scrollToBottom() {
+      if (this.$_scrollingToBottom)
+        return;
+      this.$_scrollingToBottom = !0;
+      const e = this.$el;
+      this.$nextTick(() => {
+        e.scrollTop = e.scrollHeight + 5e3;
+        const s = () => {
+          e.scrollTop = e.scrollHeight + 5e3, requestAnimationFrame(() => {
+            e.scrollTop = e.scrollHeight + 5e3, this.$_undefinedSizes === 0 ? this.$_scrollingToBottom = !1 : requestAnimationFrame(s);
+          });
+        };
+        requestAnimationFrame(s);
+      });
     }
   }
 };
@@ -7424,24 +7438,24 @@ function zo(e, s, t, o, n, i) {
     items: i.itemsWithSize,
     "min-item-size": t.minItemSize,
     direction: t.direction,
-    "key-field": "id",
+    "key-field": t.keyField,
     "list-tag": t.listTag,
     "item-tag": t.itemTag
   }, e.$attrs), {
-    default: u(({ item: d, index: y, active: w }) => [
+    default: u(({ item: d, index: y, active: O }) => [
       g(l, {
         item: d,
-        active: w,
+        active: O,
         "size-dependencies": [
           d.message
         ],
         "data-index": y
       }, {
         default: u(() => [
-          c(e.$slots, "default", ke(Xe({
+          c(e.$slots, "default", ke(Ue({
             item: d.item,
             index: y,
-            active: w,
+            active: O,
             itemWithSize: d
           })))
         ]),
@@ -7449,10 +7463,10 @@ function zo(e, s, t, o, n, i) {
       }, 1032, ["item", "active", "size-dependencies", "data-index"])
     ]),
     _: 3
-  }, 16, ["items", "min-item-size", "direction", "list-tag", "item-tag"]);
+  }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const $o = /* @__PURE__ */ v(No, [["render", zo]]), ld = {
-  __name: "DtScroller",
+const $o = /* @__PURE__ */ v(No, [["render", zo]]), od = {
+  __name: "scroller",
   props: {
     /**
         * The direction of the scroller.
@@ -7543,26 +7557,45 @@ const $o = /* @__PURE__ */ v(No, [["render", zo]]), ld = {
       default: "100%"
     }
   },
-  emits: ["scroll-start", "scroll-end"],
+  emits: [
+    /**
+     * Describe when the scroller changes from start/middle/end
+     * @param {string} position The position of the scroller.
+     * @values start, middle, end
+     */
+    "user-position"
+  ],
   setup(e, { expose: s, emit: t }) {
     const o = e;
-    Ls("emit", t);
-    const n = _e(null), i = Be(() => ({
+    Hs("emit", t);
+    const n = pe(null), i = Re(() => ({
       width: typeof o.scrollerWidth == "number" ? `${o.scrollerWidth}px` : o.scrollerWidth,
       height: typeof o.scrollerHeight == "number" ? `${o.scrollerHeight}px` : o.scrollerHeight
     }));
-    Ze(o, () => {
-      h();
+    Yt(o, () => {
+      O();
     }, { deep: !0, immediate: !0 });
-    function l(d) {
-      n.value && n.value.scrollToItem(d);
+    function l() {
+      n.value && n.value.scrollToBottom();
+    }
+    function h(_) {
+      n.value && n.value.scrollToItem(_);
+    }
+    function d() {
+      n.value && n.value._updateVisibleItems(!0);
+    }
+    function y() {
+      n.value && n.value._updateVisibleItems(!1, !0);
     }
-    function h() {
+    function O() {
       o.dynamic && !o.minItemSize && console.error("DtScroller error: 'minItemSize' is required on 'dynamic' mode."), !o.dynamic && !o.itemSize && console.error("DtScroller error: 'itemSize' is required.");
     }
     return s({
-      scrollToItem: l
-    }), (d, y) => (a(), S(X(e.dynamic ? $o : cs), {
+      scrollToBottom: l,
+      scrollToItem: h,
+      updateItems: d,
+      updateItemsFromBottom: y
+    }), (_, L) => (a(), S(J(e.dynamic ? $o : cs), {
       ref_key: "scroller",
       ref: n,
       "data-qa": "dt-scroller",
@@ -7570,33 +7603,32 @@ const $o = /* @__PURE__ */ v(No, [["render", zo]]), ld = {
       "item-size": e.itemSize,
       "min-item-size": e.minItemSize,
       direction: e.direction,
-      "key-field": "id",
+      "key-field": e.keyField,
       "list-tag": e.listTag,
       "item-tag": e.itemTag,
-      style: ie(Wt(i)),
+      style: se(Qt(i)),
       tabindex: "0",
-      onScrollStart: y[0] || (y[0] = (w) => d.$emit("scroll-start")),
-      onScrollEnd: y[1] || (y[1] = (w) => d.$emit("scroll-end"))
+      onUserPosition: L[0] || (L[0] = (B) => _.$emit("user-position", B))
     }, {
-      default: u(({ item: w, index: b, active: L }) => [
-        c(d.$slots, "default", ke(Xe({
-          item: w,
-          index: b,
-          active: L
+      default: u(({ item: B, index: de, active: he }) => [
+        c(_.$slots, "default", ke(Ue({
+          item: B,
+          index: de,
+          active: he
         })))
       ]),
       _: 3
-    }, 40, ["items", "item-size", "min-item-size", "direction", "list-tag", "item-tag", "style"]));
+    }, 40, ["items", "item-size", "min-item-size", "direction", "key-field", "list-tag", "item-tag", "style"]));
   }
 }, Mo = {
   name: "DtRecipeComboboxWithPopover",
   components: {
     DtCombobox: bn,
-    DtPopover: at,
+    DtPopover: st,
     ComboboxLoadingList: ss,
     ComboboxEmptyList: is
   },
-  mixins: [ae],
+  mixins: [ne],
   props: {
     /**
      * String to use for the input label.
@@ -7763,7 +7795,7 @@ const $o = /* @__PURE__ */ v(No, [["render", zo]]), ld = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => He.includes(e) || e instanceof HTMLElement
+      validator: (e) => Me.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -7810,7 +7842,7 @@ const $o = /* @__PURE__ */ v(No, [["render", zo]]), ld = {
       isInputFocused: !1,
       isListFocused: !1,
       externalAnchor: F(),
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -7888,27 +7920,27 @@ function Ko(e, s, t, o, n, i) {
     "list-id": t.listId,
     "data-qa": "dt-combobox"
   }, i.comboboxListeners), {
-    input: u(({ inputProps: w }) => [
+    input: u(({ inputProps: O }) => [
       m("div", {
         id: n.externalAnchor,
         ref: "input",
-        onFocusin: s[0] || (s[0] = (...b) => i.onFocusIn && i.onFocusIn(...b)),
+        onFocusin: s[0] || (s[0] = (..._) => i.onFocusIn && i.onFocusIn(..._)),
         onKeydown: [
-          s[1] || (s[1] = H((b) => i.openOnArrowKeyPress(b), ["up"])),
-          s[2] || (s[2] = H((b) => i.openOnArrowKeyPress(b), ["down"]))
+          s[1] || (s[1] = V((_) => i.openOnArrowKeyPress(_), ["up"])),
+          s[2] || (s[2] = V((_) => i.openOnArrowKeyPress(_), ["down"]))
         ]
       }, [
         c(e.$slots, "input", {
-          inputProps: w,
+          inputProps: O,
           onInput: i.handleDisplayList
         })
       ], 40, Ho)
     ]),
-    list: u(({ opened: w, listProps: b, clearHighlightIndex: L }) => [
+    list: u(({ opened: O, listProps: _, clearHighlightIndex: L }) => [
       g(d, {
         ref: "popover",
         open: n.isListShown,
-        "onUpdate:open": s[3] || (s[3] = (V) => n.isListShown = V),
+        "onUpdate:open": s[3] || (s[3] = (B) => n.isListShown = B),
         "hide-on-click": !1,
         "max-height": t.maxHeight,
         "max-width": t.maxWidth,
@@ -7928,18 +7960,18 @@ function Ko(e, s, t, o, n, i) {
         transition: t.transition,
         "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
         "visually-hidden-close": e.visuallyHiddenClose,
-        onOpened: w
+        onOpened: O
       }, Ee({
         content: u(() => [
           m("div", {
             ref: "listWrapper",
-            class: _([n.DROPDOWN_PADDING_CLASSES[t.padding], t.listClass]),
+            class: b([n.DROPDOWN_PADDING_CLASSES[t.padding], t.listClass]),
             onMouseleave: L,
             onFocusout: L
           }, [
-            t.loading ? (a(), S(l, ke(C({ key: 0 }, b)), null, 16)) : t.emptyList && t.emptyStateMessage ? (a(), S(h, C({ key: 1 }, b, { message: t.emptyStateMessage }), null, 16, ["message"])) : c(e.$slots, "list", {
+            t.loading ? (a(), S(l, ke(C({ key: 0 }, _)), null, 16)) : t.emptyList && t.emptyStateMessage ? (a(), S(h, C({ key: 1 }, _, { message: t.emptyStateMessage }), null, 16, ["message"])) : c(e.$slots, "list", {
               key: 2,
-              listProps: b
+              listProps: _
             })
           ], 42, qo)
         ]),
@@ -7985,11 +8017,11 @@ const jo = /* @__PURE__ */ v(Mo, [["render", Ko]]), Go = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
     DtRecipeComboboxWithPopover: jo,
-    DtInput: qs,
+    DtInput: Vs,
     DtChip: ls,
-    DtValidationMessages: fe
+    DtValidationMessages: me
   },
-  mixins: [ae],
+  mixins: [ne],
   props: {
     /**
      * String to use for the input label.
@@ -8026,7 +8058,7 @@ const jo = /* @__PURE__ */ v(Mo, [["render", Ko]]), Go = {
     inputMessages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ut(e)
+      validator: (e) => Gt(e)
     },
     /**
      * Show input validation message
@@ -8123,7 +8155,7 @@ const jo = /* @__PURE__ */ v(Mo, [["render", Ko]]), Go = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => He.includes(e) || e instanceof HTMLElement
+      validator: (e) => Me.includes(e) || e instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -8180,7 +8212,7 @@ const jo = /* @__PURE__ */ v(Mo, [["render", Ko]]), Go = {
       resizeWindowObserver: null,
       originalInputSize: null,
       CHIP_SIZES: Wo,
-      hasSlotContent: B
+      hasSlotContent: N
     };
   },
   computed: {
@@ -8356,23 +8388,23 @@ function tl(e, s, t, o, n, i) {
     transition: t.transition,
     onSelect: i.onComboboxSelect
   }, Ee({
-    input: u(({ onInput: w }) => [
+    input: u(({ onInput: O }) => [
       m("span", Yo, [
         m("span", Qo, [
-          (a(!0), r(Q, null, ne(t.selectedItems, (b) => (a(), S(l, C({
+          (a(!0), r(X, null, ie(t.selectedItems, (_) => (a(), S(l, C({
             ref_for: !0,
             ref: "chips",
-            key: b,
+            key: _,
             "label-class": ["d-chip__label"],
             class: ["d-mt4", "d-mx2", "d-zi-base1"],
             "close-button-props": { ariaLabel: "close" },
             size: n.CHIP_SIZES[t.size]
-          }, $(i.chipListeners), {
-            onKeyup: H((L) => i.onChipRemove(b), ["backspace"]),
-            onClose: (L) => i.onChipRemove(b)
+          }, M(i.chipListeners), {
+            onKeyup: V((L) => i.onChipRemove(_), ["backspace"]),
+            onClose: (L) => i.onChipRemove(_)
           }), {
             default: u(() => [
-              D(I(b), 1)
+              D(I(_), 1)
             ]),
             _: 2
           }, 1040, ["size", "onKeyup", "onClose"]))), 128))
@@ -8380,7 +8412,7 @@ function tl(e, s, t, o, n, i) {
         g(h, C({
           ref: "input",
           modelValue: n.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (b) => n.value = b),
+          "onUpdate:modelValue": s[0] || (s[0] = (_) => n.value = _),
           class: "d-fl-grow1",
           "aria-label": t.label,
           label: t.labelVisible ? t.label : "",
@@ -8389,7 +8421,7 @@ function tl(e, s, t, o, n, i) {
           "show-messages": t.showInputMessages,
           messages: t.inputMessages,
           size: t.size
-        }, $(i.inputListeners), { onInput: w }), null, 16, ["modelValue", "aria-label", "label", "description", "placeholder", "show-messages", "messages", "size", "onInput"]),
+        }, M(i.inputListeners), { onInput: O }), null, 16, ["modelValue", "aria-label", "label", "description", "placeholder", "show-messages", "messages", "size", "onInput"]),
         g(d, {
           "validation-messages": t.maxSelectedMessage,
           "show-messages": n.showValidationMessages
@@ -8427,7 +8459,7 @@ function tl(e, s, t, o, n, i) {
     } : void 0
   ]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
 }
-const rd = /* @__PURE__ */ v(Zo, [["render", tl]]), us = ["sm", "md", "lg", "xl"];
+const ld = /* @__PURE__ */ v(Zo, [["render", tl]]), us = ["sm", "md", "lg", "xl"];
 const sl = {
   name: "DtRecipeCallbarButton",
   components: { DtButton: K, DtTooltip: Xt },
@@ -8439,7 +8471,7 @@ const sl = {
     id: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -8564,7 +8596,7 @@ function il(e, s, t, o, n, i) {
   }, {
     anchor: u(() => [
       m("span", {
-        class: _({ "d-c-not-allowed": t.disabled })
+        class: b({ "d-c-not-allowed": t.disabled })
       }, [
         g(l, {
           importance: i.buttonImportance,
@@ -8574,7 +8606,7 @@ function il(e, s, t, o, n, i) {
           "aria-label": t.ariaLabel,
           "label-class": i.callbarButtonTextClass,
           width: i.buttonWidth,
-          class: _(i.callbarButtonClass)
+          class: b(i.callbarButtonClass)
         }, {
           default: u(() => [
             c(e.$slots, "default"),
@@ -8593,7 +8625,7 @@ function il(e, s, t, o, n, i) {
 const nl = /* @__PURE__ */ v(sl, [["render", il]]);
 const al = {
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: nl, DtPopover: at, DtButton: K, DtIcon: R },
+  components: { DtRecipeCallbarButton: nl, DtPopover: st, DtButton: K, DtIcon: R },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
     as props to be passed down to another element or component using v-bind:$attrs
@@ -8606,7 +8638,7 @@ const al = {
     id: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -8817,7 +8849,7 @@ function ll(e, s, t, o, n, i) {
           circle: "",
           importance: "clear",
           size: "lg",
-          class: _(["dt-recipe--callbar-button-with-popover--arrow", { "d-mln24": !i.isCompactMode }]),
+          class: b(["dt-recipe--callbar-button-with-popover--arrow", { "d-mln24": !i.isCompactMode }]),
           width: "2rem",
           "aria-label": t.arrowButtonLabel,
           active: n.open,
@@ -8845,11 +8877,11 @@ function ll(e, s, t, o, n, i) {
     }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "onOpened"])) : p("", !0)
   ]);
 }
-const dd = /* @__PURE__ */ v(al, [["render", ll]]), rl = {
+const rd = /* @__PURE__ */ v(al, [["render", ll]]), rl = {
   name: "DtRecipeContactInfo",
   components: {
-    DtAvatar: tt,
-    DtListItem: Me
+    DtAvatar: Xe,
+    DtListItem: $e
   },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
@@ -8863,7 +8895,7 @@ const dd = /* @__PURE__ */ v(al, [["render", ll]]), rl = {
     id: {
       type: String,
       default() {
-        return J.getUniqueString();
+        return Q.getUniqueString();
       }
     },
     /**
@@ -8947,7 +8979,7 @@ function _l(e, s, t, o, n, i) {
     left: u(() => [
       m("div", dl, [
         t.avatarList ? (a(), r("div", cl, [
-          (a(!0), r(Q, null, ne(t.avatarList, (d, y) => (a(), r("div", { key: y }, [
+          (a(!0), r(X, null, ie(t.avatarList, (d, y) => (a(), r("div", { key: y }, [
             d.src ? (a(), S(l, {
               key: 0,
               size: t.avatarSize,
@@ -9036,7 +9068,7 @@ function _l(e, s, t, o, n, i) {
     _: 3
   }, 8, ["id", "role"]);
 }
-const cd = /* @__PURE__ */ v(rl, [["render", _l]]), bl = [
+const dd = /* @__PURE__ */ v(rl, [["render", _l]]), bl = [
   "green300",
   "green100",
   "red200",
@@ -9079,7 +9111,7 @@ const yl = {
 }, vl = { class: "d-top-banner-info__left" }, Sl = { class: "d-top-banner-info__middle d-my4" }, Cl = { class: "d-top-banner-info__right d-ta-right" };
 function Il(e, s, t, o, n, i) {
   return a(), r("div", {
-    class: _(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary", i.bannerInfoClass]),
+    class: b(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary", i.bannerInfoClass]),
     "data-qa": "banner-info"
   }, [
     m("div", vl, [
@@ -9093,24 +9125,24 @@ function Il(e, s, t, o, n, i) {
     ])
   ], 2);
 }
-const ud = /* @__PURE__ */ v(yl, [["render", Il]]), lt = "promptmenu", rt = "promptcollect", dt = "promptplay", ct = "gotoexpert", Ve = "goto", ut = "branch", ht = "transfer", ft = "hangup", wl = {
-  [lt]: "keypad",
-  [rt]: "dialer",
-  [dt]: "volume-2",
-  [ct]: "expert-node",
-  [ut]: "branch",
-  [Ve]: "call-merge",
-  [ht]: "transfer",
-  [ft]: "phone-hang-up"
-}, hd = {
-  [lt]: "Menu",
-  [rt]: "Collect",
-  [dt]: "Play",
-  [ct]: "Expert",
-  [ut]: "Branch",
-  [Ve]: "Go-to",
-  [ht]: "Transfer",
-  [ft]: "Hangup"
+const cd = /* @__PURE__ */ v(yl, [["render", Il]]), nt = "promptmenu", at = "promptcollect", ot = "promptplay", lt = "gotoexpert", He = "goto", rt = "branch", dt = "transfer", ct = "hangup", wl = {
+  [nt]: "keypad",
+  [at]: "dialer",
+  [ot]: "volume-2",
+  [lt]: "expert-node",
+  [rt]: "branch",
+  [He]: "call-merge",
+  [dt]: "transfer",
+  [ct]: "phone-hang-up"
+}, ud = {
+  [nt]: "Menu",
+  [at]: "Collect",
+  [ot]: "Play",
+  [lt]: "Expert",
+  [rt]: "Branch",
+  [He]: "Go-to",
+  [dt]: "Transfer",
+  [ct]: "Hangup"
 }, re = {
   PROMPT: {
     normal: "d-bc-blue-200",
@@ -9125,14 +9157,14 @@ const ud = /* @__PURE__ */ v(yl, [["render", Il]]), lt = "promptmenu", rt = "pro
     selected: "d-bc-red-200"
   }
 }, El = {
-  [lt]: re.PROMPT,
-  [rt]: re.PROMPT,
-  [dt]: re.PROMPT,
-  [ct]: re.LOGIC,
-  [ut]: re.LOGIC,
-  [Ve]: re.LOGIC,
-  [ht]: re.TERMINAL,
-  [ft]: re.TERMINAL
+  [nt]: re.PROMPT,
+  [at]: re.PROMPT,
+  [ot]: re.PROMPT,
+  [lt]: re.LOGIC,
+  [rt]: re.LOGIC,
+  [He]: re.LOGIC,
+  [dt]: re.TERMINAL,
+  [ct]: re.TERMINAL
 };
 const kl = {
   name: "DtRecipeIvrNode",
@@ -9207,7 +9239,7 @@ const kl = {
       return this.isSelected ? s : e;
     },
     isGotoNode() {
-      return this.nodeType === Ve;
+      return this.nodeType === He;
     }
   },
   methods: {
@@ -9221,17 +9253,17 @@ const kl = {
 }, Tl = { class: "d-w164" };
 function Al(e, s, t, o, n, i) {
   const l = f("dt-icon"), h = f("dt-button"), d = f("dt-dropdown"), y = f("dt-card");
-  return a(), r("div", C({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, $(i.nodeListeners, !0)), [
+  return a(), r("div", C({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, M(i.nodeListeners, !0)), [
     t.dtmfKey ? (a(), r("div", {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
-      class: _(["ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-white d-fs-200", { "d-mbn16": t.isSelected }])
+      class: b(["ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-white d-fs-200", { "d-mbn16": t.isSelected }])
     }, I(t.dtmfKey), 3)) : p("", !0),
     e.$slots.connector ? c(e.$slots, "connector", { key: 1 }) : p("", !0),
     !t.dtmfKey && !e.$slots.connector ? (a(), r("div", {
       key: 2,
       "data-qa": "dt-top-connector",
-      class: _(["ivr-connector d-w8 d-h8 d-bar-circle d-mbn4", { "d-mbn8": t.isSelected }])
+      class: b(["ivr-connector d-w8 d-h8 d-bar-circle d-mbn4", { "d-mbn8": t.isSelected }])
     }, null, 2)) : p("", !0),
     g(y, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
@@ -9261,7 +9293,7 @@ function Al(e, s, t, o, n, i) {
               g(l, {
                 name: i.nodeIcon,
                 size: "200",
-                class: _(["", { ivr_node__goto_icon: i.isGotoNode }])
+                class: b(["", { ivr_node__goto_icon: i.isGotoNode }])
               }, null, 8, ["name", "class"])
             ]),
             _: 1
@@ -9270,7 +9302,7 @@ function Al(e, s, t, o, n, i) {
         ]),
         g(d, {
           open: n.isOpen,
-          "onUpdate:open": s[0] || (s[0] = (w) => n.isOpen = w),
+          "onUpdate:open": s[0] || (s[0] = (O) => n.isOpen = O),
           placement: "bottom"
         }, {
           anchor: u(() => [
@@ -9289,9 +9321,9 @@ function Al(e, s, t, o, n, i) {
               _: 1
             }, 8, ["aria-label", "onClick"])
           ]),
-          list: u(({ close: w }) => [
+          list: u(({ close: O }) => [
             m("div", Tl, [
-              c(e.$slots, "menuItems", { close: w })
+              c(e.$slots, "menuItems", { close: O })
             ])
           ]),
           _: 3
@@ -9304,7 +9336,7 @@ function Al(e, s, t, o, n, i) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const fd = /* @__PURE__ */ v(kl, [["render", Al]]);
+const hd = /* @__PURE__ */ v(kl, [["render", Al]]);
 const Dl = {
   name: "DtRecipeGroupedChip",
   components: {
@@ -9312,7 +9344,7 @@ const Dl = {
   },
   data() {
     return {
-      hasSlotContent: B
+      hasSlotContent: N
     };
   }
 }, Pl = {
@@ -9381,7 +9413,7 @@ function zl(e, s, t, o, n, i) {
     })
   ]);
 }
-const pd = /* @__PURE__ */ v(Dl, [["render", zl]]);
+const fd = /* @__PURE__ */ v(Dl, [["render", zl]]);
 const $l = {
   name: "DtRecipeSettingsMenuButton",
   components: {
@@ -9445,7 +9477,7 @@ function Ml(e, s, t, o, n, i) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const md = /* @__PURE__ */ v($l, [["render", Ml], ["__scopeId", "data-v-7712e6e1"]]), z = {
+const pd = /* @__PURE__ */ v($l, [["render", Ml], ["__scopeId", "data-v-7712e6e1"]]), $ = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -9459,19 +9491,19 @@ const md = /* @__PURE__ */ v($l, [["render", Ml], ["__scopeId", "data-v-7712e6e1
   ASSIGNED: "assigned",
   DIGITAL: "digital"
 }, Hl = {
-  [z.INBOX]: "inbox",
-  [z.CONTACTS]: "contacts",
-  [z.CHANNELS]: "hash",
-  [z.THREADS]: "thread",
-  [z.LOCKED_CHANNEL]: "lock",
-  [z.QUICK_START]: "sparkle",
-  [z.COACHING_GROUP]: "users",
-  [z.COACHING_CENTER]: "external-link",
+  [$.INBOX]: "inbox",
+  [$.CONTACTS]: "contacts",
+  [$.CHANNELS]: "hash",
+  [$.THREADS]: "thread",
+  [$.LOCKED_CHANNEL]: "lock",
+  [$.QUICK_START]: "sparkle",
+  [$.COACHING_GROUP]: "users",
+  [$.COACHING_CENTER]: "external-link",
   "locked channel unread": "lock-filled",
   "channel unread": "hash-bold",
-  [z.ASSIGNED]: "at-sign",
-  [z.DIGITAL]: "message"
-}, Ne = {
+  [$.ASSIGNED]: "at-sign",
+  [$.DIGITAL]: "message"
+}, Be = {
   "magenta-200": "d-bgc-magenta-200",
   "green-200": "d-bgc-green-200",
   "gold-300": "d-bgc-gold-300",
@@ -9482,7 +9514,7 @@ const md = /* @__PURE__ */ v($l, [["render", Ml], ["__scopeId", "data-v-7712e6e1
   "purple-100": "d-bgc-purple-100",
   "magenta-400": "d-bgc-magenta-400",
   "magenta-100": "d-bgc-magenta-100"
-}, Vl = "If type is contact center, color must be oneof the following:" + Object.keys(Ne).join(", "), ql = [
+}, Vl = "If type is contact center, color must be oneof the following:" + Object.keys(Be).join(", "), ql = [
   "300",
   "200"
 ], Fl = {}, Kl = {
@@ -9494,7 +9526,7 @@ const md = /* @__PURE__ */ v($l, [["render", Ml], ["__scopeId", "data-v-7712e6e1
   height: "358",
   viewBox: "0 0 358 358",
   fill: "none"
-}, jl = /* @__PURE__ */ Ts('<circle cx="179" cy="179" r="179" fill="url(#paint0_linear_4_44)"></circle><path d="M179 268.5v-11.933V268.5Zm86.517 0v11.933h19.308l-8.635-17.27-10.673 5.337Zm-16.73-33.459-9.3-7.478-4.797 5.967 3.424 6.848 10.673-5.337ZM179 101.433c42.839 0 77.567 34.728 77.567 77.567h23.866c0-56.02-45.413-101.433-101.433-101.433v23.866ZM101.433 179c0-42.839 34.728-77.567 77.567-77.567V77.567C122.98 77.567 77.567 122.98 77.567 179h23.866ZM179 256.567c-42.839 0-77.567-34.728-77.567-77.567H77.567c0 56.02 45.413 101.433 101.433 101.433v-23.866Zm86.517 0H179v23.866h86.517v-23.866Zm-27.403-16.189 16.729 33.459 21.347-10.674-16.729-33.459-21.347 10.674ZM256.567 179c0 18.396-6.39 35.268-17.08 48.563l18.6 14.955c13.975-17.38 22.346-39.488 22.346-63.518h-23.866Z" fill="white"></path><path d="M226.733 202.867c-6.527 5.701-13.942 10.11-22.243 13.226-8.302 3.116-16.781 4.674-25.437 4.674-8.727 0-17.241-1.558-25.543-4.674-8.301-3.116-15.716-7.525-22.243-13.226v-11.934c4.399 2.652 9.365 4.939 14.9 6.862a112.163 112.163 0 0 0 16.815 4.674c5.748 1.127 11.105 1.69 16.071 1.69 5.038 0 10.395-.563 16.071-1.69a112.209 112.209 0 0 0 16.816-4.674c5.534-1.923 10.465-4.21 14.793-6.862v11.934Z" fill="white"></path><defs><linearGradient id="paint0_linear_4_44" x1="0" y1="0" x2="358" y2="358" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"></stop><stop offset="1" stop-color="#F9008E"></stop></linearGradient></defs>', 4), Gl = [
+}, jl = /* @__PURE__ */ qs('<circle cx="179" cy="179" r="179" fill="url(#paint0_linear_4_44)"></circle><path d="M179 268.5v-11.933V268.5Zm86.517 0v11.933h19.308l-8.635-17.27-10.673 5.337Zm-16.73-33.459-9.3-7.478-4.797 5.967 3.424 6.848 10.673-5.337ZM179 101.433c42.839 0 77.567 34.728 77.567 77.567h23.866c0-56.02-45.413-101.433-101.433-101.433v23.866ZM101.433 179c0-42.839 34.728-77.567 77.567-77.567V77.567C122.98 77.567 77.567 122.98 77.567 179h23.866ZM179 256.567c-42.839 0-77.567-34.728-77.567-77.567H77.567c0 56.02 45.413 101.433 101.433 101.433v-23.866Zm86.517 0H179v23.866h86.517v-23.866Zm-27.403-16.189 16.729 33.459 21.347-10.674-16.729-33.459-21.347 10.674ZM256.567 179c0 18.396-6.39 35.268-17.08 48.563l18.6 14.955c13.975-17.38 22.346-39.488 22.346-63.518h-23.866Z" fill="white"></path><path d="M226.733 202.867c-6.527 5.701-13.942 10.11-22.243 13.226-8.302 3.116-16.781 4.674-25.437 4.674-8.727 0-17.241-1.558-25.543-4.674-8.301-3.116-15.716-7.525-22.243-13.226v-11.934c4.399 2.652 9.365 4.939 14.9 6.862a112.163 112.163 0 0 0 16.815 4.674c5.748 1.127 11.105 1.69 16.071 1.69 5.038 0 10.395-.563 16.071-1.69a112.209 112.209 0 0 0 16.816-4.674c5.534-1.923 10.465-4.21 14.793-6.862v11.934Z" fill="white"></path><defs><linearGradient id="paint0_linear_4_44" x1="0" y1="0" x2="358" y2="358" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"></stop><stop offset="1" stop-color="#F9008E"></stop></linearGradient></defs>', 4), Gl = [
   jl
 ];
 function Wl(e, s) {
@@ -9519,13 +9551,13 @@ const Ul = /* @__PURE__ */ v(Fl, [["render", Wl]]), Zl = {
   },
   computed: {
     isIconType() {
-      return ![z.DIALBOT, z.CONTACT_CENTER].includes(this.type);
+      return ![$.DIALBOT, $.CONTACT_CENTER].includes(this.type);
     },
     isContactCenterType() {
-      return this.type === z.CONTACT_CENTER;
+      return this.type === $.CONTACT_CENTER;
     },
     isDialbotType() {
-      return this.type === z.DIALBOT;
+      return this.type === $.DIALBOT;
     },
     getIconName() {
       return Hl[this.type];
@@ -9533,7 +9565,7 @@ const Ul = /* @__PURE__ */ v(Fl, [["render", Wl]]), Zl = {
     contactCenterIconClasses() {
       return [
         "dt-leftbar-row__icon-cc",
-        Ne[this.color]
+        Be[this.color]
       ];
     },
     dialbotClasses() {
@@ -9555,10 +9587,10 @@ function Yl(e, s, t, o, n, i) {
     size: t.iconSize
   }, null, 8, ["name", "size"])) : i.isContactCenterType ? (a(), r("div", {
     key: 1,
-    class: _(i.contactCenterIconClasses)
+    class: b(i.contactCenterIconClasses)
   }, null, 2)) : i.isDialbotType ? (a(), r("div", {
     key: 2,
-    class: _(i.dialbotClasses),
+    class: b(i.dialbotClasses),
     "data-qa": "general-row-dialbot"
   }, [
     g(h, { class: "d-svg--size24" })
@@ -9584,7 +9616,7 @@ const Xl = {
     type: {
       type: String,
       default: "inbox",
-      validator: (e) => Object.values(z).includes(e)
+      validator: (e) => Object.values($).includes(e)
     },
     /**
      * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
@@ -9607,7 +9639,7 @@ const Xl = {
     color: {
       type: String,
       default: null,
-      validator: (e) => Object.keys(Ne).includes(e)
+      validator: (e) => Object.keys(Be).includes(e)
     },
     /**
      * Styles the row with an increased font weight to convey it has unreads. This must be true to see
@@ -9726,11 +9758,11 @@ const Xl = {
     },
     getIcon() {
       switch (this.type) {
-        case z.CHANNELS:
+        case $.CHANNELS:
           if (this.hasUnreads)
             return "channel unread";
           break;
-        case z.LOCKED_CHANNEL:
+        case $.LOCKED_CHANNEL:
           if (this.hasUnreads)
             return "locked channel unread";
           break;
@@ -9738,7 +9770,7 @@ const Xl = {
       return this.type;
     },
     generalRowListeners() {
-      return Je(this.$attrs);
+      return Ye(this.$attrs);
     },
     getAriaLabel() {
       return this.ariaLabel ? this.ariaLabel : `${this.description} ${this.unreadCountTooltip} ${this.dndTextTooltip}`;
@@ -9755,7 +9787,7 @@ const Xl = {
   },
   methods: {
     validateProps() {
-      this.type === z.CONTACT_CENTER && !Object.keys(Ne).includes(this.color) && console.error(Vl);
+      this.type === $.CONTACT_CENTER && !Object.keys(Be).includes(this.color) && console.error(Vl);
     }
   }
 }, Jl = ["data-qa", "aria-label", "title"], er = { class: "dt-leftbar-row__alpha" }, tr = {
@@ -9774,9 +9806,9 @@ const Xl = {
   "data-qa": "dt-leftbar-row-action"
 };
 function ur(e, s, t, o, n, i) {
-  const l = f("dt-recipe-leftbar-general-row-icon"), h = f("dt-emoji-text-wrapper"), d = f("dt-tooltip"), y = f("dt-icon"), w = f("dt-badge"), b = f("dt-button");
+  const l = f("dt-recipe-leftbar-general-row-icon"), h = f("dt-emoji-text-wrapper"), d = f("dt-tooltip"), y = f("dt-icon"), O = f("dt-badge"), _ = f("dt-button");
   return a(), r("div", {
-    class: _(i.leftbarGeneralRowClasses),
+    class: b(i.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
   }, [
     m("a", C({
@@ -9831,7 +9863,7 @@ function ur(e, s, t, o, n, i) {
           placement: "top"
         }, {
           anchor: u(() => [
-            g(w, {
+            g(O, {
               kind: "count",
               type: "bulletin",
               "data-qa": "dt-leftbar-row-unread-badge"
@@ -9852,7 +9884,7 @@ function ur(e, s, t, o, n, i) {
         placement: "top"
       }, {
         anchor: u(() => [
-          g(b, {
+          g(_, {
             class: "dt-leftbar-row__action-button",
             "data-qa": "dt-leftbar-row-action-call-button",
             circle: "",
@@ -9967,10 +9999,10 @@ function fr(e, s, t, o, n, i) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const gd = /* @__PURE__ */ v(hr, [["render", fr]]), pr = {
+const md = /* @__PURE__ */ v(hr, [["render", fr]]), pr = {
   name: "DtRecipeGroupRow",
   components: {
-    DtAvatar: tt,
+    DtAvatar: Xe,
     DtIcon: R,
     DtRecipeGeneralRow: hs,
     DtEmojiTextWrapper: Jt
@@ -10112,7 +10144,7 @@ const gd = /* @__PURE__ */ v(hr, [["render", fr]]), pr = {
       }
     },
     contactRowListeners() {
-      return Je(this.$attrs);
+      return Ye(this.$attrs);
     },
     avatarInitial() {
       var e;
@@ -10132,8 +10164,8 @@ function _r(e, s, t, o, n, i) {
     "is-typing": t.isTyping,
     "call-button-tooltip": t.callButtonTooltip,
     "unread-count-tooltip": t.unreadCountTooltip
-  }, e.$attrs, $(i.contactRowListeners), {
-    onCall: s[0] || (s[0] = (w) => e.$emit("call", w))
+  }, e.$attrs, M(i.contactRowListeners), {
+    onCall: s[0] || (s[0] = (O) => e.$emit("call", O))
   }), {
     left: u(() => [
       g(h, {
@@ -10151,7 +10183,7 @@ function _r(e, s, t, o, n, i) {
             key: 1,
             name: "user",
             size: "200"
-          })) : (a(), r(Q, { key: 2 }, [
+          })) : (a(), r(X, { key: 2 }, [
             D(I(i.avatarInitial), 1)
           ], 64))
         ]),
@@ -10173,7 +10205,7 @@ function _r(e, s, t, o, n, i) {
         t.presenceText ? (a(), r("span", {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
-          class: _(["dt-leftbar-row__meta-context", i.presenceColorClass])
+          class: b(["dt-leftbar-row__meta-context", i.presenceColorClass])
         }, I(t.presenceText), 3)) : p("", !0),
         t.userStatus ? (a(), S(d, {
           key: 1,
@@ -10192,7 +10224,7 @@ function _r(e, s, t, o, n, i) {
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const _d = /* @__PURE__ */ v(pr, [["render", _r]]), br = ["up", "down"], yr = ["mentions", "messages"];
+const gd = /* @__PURE__ */ v(pr, [["render", _r]]), br = ["up", "down"], yr = ["mentions", "messages"];
 const vr = {
   name: "DtRecipeUnreadPill",
   components: {
@@ -10241,7 +10273,7 @@ function Cr(e, s, t, o, n, i) {
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
     "data-qa": "dt-leftbar-unread-pill"
-  }, $(i.unreadChipListeners, !0)), [
+  }, M(i.unreadChipListeners, !0)), [
     g(l, {
       name: `arrow-${t.direction}`,
       size: "300"
@@ -10251,13 +10283,13 @@ function Cr(e, s, t, o, n, i) {
     ])
   ], 16);
 }
-const bd = /* @__PURE__ */ v(vr, [["render", Cr]]);
+const _d = /* @__PURE__ */ v(vr, [["render", Cr]]);
 const Ir = {
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: tt,
-    DtLazyShow: ze,
-    DtListItem: Me
+    DtAvatar: Xe,
+    DtLazyShow: Ne,
+    DtListItem: $e
   },
   inheritAttrs: !1,
   props: {
@@ -10370,7 +10402,7 @@ function Dr(e, s, t, o, n, i) {
   }, e.$attrs, {
     class: ["d-w100p", "d-box-border", "d-ps-relative", "d-px8", { "d-bgc-secondary-opaque": t.isActive }],
     "data-qa": "feed-item-row"
-  }, $(i.feedListeners)), {
+  }, M(i.feedListeners)), {
     left: u(() => [
       t.showHeader ? (a(), S(l, {
         key: 0,
@@ -10431,7 +10463,7 @@ function Dr(e, s, t, o, n, i) {
     _: 3
   }, 16, ["class"]);
 }
-const yd = /* @__PURE__ */ v(Ir, [["render", Dr]]), Pr = {
+const bd = /* @__PURE__ */ v(Ir, [["render", Dr]]), Pr = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -10462,149 +10494,149 @@ function Rr(e, s, t, o, n, i) {
     class: "d-ba d-bar-pill d-baw1 d-bc-black-300 d-px16 d-py4 d-fs-100"
   }, I(t.dateTimeDisplay), 9, xr);
 }
-const vd = /* @__PURE__ */ v(Pr, [["render", Rr]]);
+const yd = /* @__PURE__ */ v(Pr, [["render", Rr]]);
 export {
-  Ot as AVATAR_KIND_MODIFIERS,
-  We as AVATAR_SIZE_MODIFIERS,
-  xt as BADGE_DECORATION_MODIFIERS,
-  Pt as BADGE_KIND_MODIFIERS,
-  Dt as BADGE_TYPE_MODIFIERS,
+  kt as AVATAR_KIND_MODIFIERS,
+  je as AVATAR_SIZE_MODIFIERS,
+  Pt as BADGE_DECORATION_MODIFIERS,
+  Dt as BADGE_KIND_MODIFIERS,
+  At as BADGE_TYPE_MODIFIERS,
   Pi as BREADCRUMBS_INVERTED_MODIFIER,
   Di as BREADCRUMB_ITEM_SELECTED_MODIFIER,
-  Rt as BUTTON_GROUP_ALIGNMENT,
+  xt as BUTTON_GROUP_ALIGNMENT,
   us as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
-  Ht as CHIP_SIZE_MODIFIERS,
+  Mt as CHIP_SIZE_MODIFIERS,
   bl as COLOR_CODES,
-  Id as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  wd as DESCRIPTION_SIZE_TYPES,
-  tt as DtAvatar,
+  Cd as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  Id as DESCRIPTION_SIZE_TYPES,
+  Xe as DtAvatar,
   ci as DtBadge,
-  zr as DtBanner,
+  Nr as DtBanner,
   $i as DtBreadcrumbItem,
-  $r as DtBreadcrumbs,
+  zr as DtBreadcrumbs,
   K as DtButton,
-  Mr as DtButtonGroup,
+  $r as DtButtonGroup,
   Gi as DtCard,
-  Yt as DtCheckableInputMixin,
-  Xr as DtCheckbox,
-  Jr as DtCheckboxGroup,
+  Ut as DtCheckableInputMixin,
+  Qr as DtCheckbox,
+  Xr as DtCheckboxGroup,
   ls as DtChip,
-  Hr as DtCodeblock,
-  Vr as DtCollapsible,
+  Mr as DtCodeblock,
+  Hr as DtCollapsible,
   bn as DtCombobox,
   Hn as DtDropdown,
-  qr as DtDropdownSeparator,
-  Qt as DtGroupableInputMixin,
+  Vr as DtDropdownSeparator,
+  Zt as DtGroupableInputMixin,
   R as DtIcon,
-  Fr as DtImageViewer,
-  qs as DtInput,
+  qr as DtImageViewer,
+  Vs as DtInput,
   os as DtInputGroup,
   Yn as DtInputGroupMixin,
-  Zt as DtInputMixin,
+  Wt as DtInputMixin,
   ts as DtKeyboardListNavigationMixin,
-  nd as DtKeyboardShortcut,
-  ze as DtLazyShow,
+  id as DtKeyboardShortcut,
+  Ne as DtLazyShow,
   Bi as DtLink,
-  Me as DtListItem,
-  Wr as DtListItemGroup,
-  Gr as DtListSection,
-  jr as DtModal,
-  Kr as DtNotice,
-  Ur as DtPagination,
-  at as DtPopover,
+  $e as DtListItem,
+  Gr as DtListItemGroup,
+  jr as DtListSection,
+  Kr as DtModal,
+  Fr as DtNotice,
+  Wr as DtPagination,
+  st as DtPopover,
   Us as DtPresence,
-  Zr as DtRadio,
-  Yr as DtRadioGroup,
+  Ur as DtRadio,
+  Zr as DtRadioGroup,
   nl as DtRecipeCallbarButton,
-  dd as DtRecipeCallbarButtonWithPopover,
-  rd as DtRecipeComboboxMultiSelect,
+  rd as DtRecipeCallbarButtonWithPopover,
+  ld as DtRecipeComboboxMultiSelect,
   jo as DtRecipeComboboxWithPopover,
-  cd as DtRecipeContactInfo,
-  _d as DtRecipeContactRow,
-  yd as DtRecipeFeedItemRow,
+  dd as DtRecipeContactInfo,
+  gd as DtRecipeContactRow,
+  bd as DtRecipeFeedItemRow,
   hs as DtRecipeGeneralRow,
-  gd as DtRecipeGroupRow,
-  pd as DtRecipeGroupedChip,
-  fd as DtRecipeIvrNode,
-  md as DtRecipeSettingsMenuButton,
-  vd as DtRecipeTimePill,
-  ud as DtRecipeTopBannerInfo,
-  bd as DtRecipeUnreadPill,
-  ad as DtRootLayout,
-  ld as DtScroller,
-  ed as DtSelectMenu,
-  Bs as DtSkeleton,
-  Ed as DtSkeletonListItem,
-  kd as DtSkeletonParagraph,
-  Od as DtSkeletonShape,
-  Ld as DtSkeletonText,
-  od as DtStack,
-  Td as DtTab,
-  Ad as DtTabGroup,
-  Qr as DtTabPanel,
-  td as DtToast,
-  sd as DtToggle,
+  md as DtRecipeGroupRow,
+  fd as DtRecipeGroupedChip,
+  hd as DtRecipeIvrNode,
+  pd as DtRecipeSettingsMenuButton,
+  yd as DtRecipeTimePill,
+  cd as DtRecipeTopBannerInfo,
+  _d as DtRecipeUnreadPill,
+  nd as DtRootLayout,
+  od as DtScroller,
+  Jr as DtSelectMenu,
+  Ls as DtSkeleton,
+  wd as DtSkeletonListItem,
+  Ed as DtSkeletonParagraph,
+  kd as DtSkeletonShape,
+  Od as DtSkeletonText,
+  ad as DtStack,
+  Ld as DtTab,
+  Td as DtTabGroup,
+  Yr as DtTabPanel,
+  ed as DtToast,
+  td as DtToggle,
   Xt as DtTooltip,
-  fe as DtValidationMessages,
-  Dd as ICON_SIZE_MODIFIERS,
-  Pd as INPUT_SIZES,
-  xd as INPUT_TYPES,
-  ut as IVR_NODE_BRANCH,
-  ct as IVR_NODE_EXPERT,
-  Ve as IVR_NODE_GO_TO,
-  ft as IVR_NODE_HANGUP,
+  me as DtValidationMessages,
+  Ad as ICON_SIZE_MODIFIERS,
+  Dd as INPUT_SIZES,
+  Pd as INPUT_TYPES,
+  rt as IVR_NODE_BRANCH,
+  lt as IVR_NODE_EXPERT,
+  He as IVR_NODE_GO_TO,
+  ct as IVR_NODE_HANGUP,
   wl as IVR_NODE_ICON_TYPES,
-  hd as IVR_NODE_LABELS,
-  rt as IVR_NODE_PROMPT_COLLECT,
-  lt as IVR_NODE_PROMPT_MENU,
-  dt as IVR_NODE_PROMPT_PLAY,
-  ht as IVR_NODE_TRANSFER,
-  Ne as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  ud as IVR_NODE_LABELS,
+  at as IVR_NODE_PROMPT_COLLECT,
+  nt as IVR_NODE_PROMPT_MENU,
+  ot as IVR_NODE_PROMPT_PLAY,
+  dt as IVR_NODE_TRANSFER,
+  Be as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
   Vl as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
   Hl as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   ql as LEFTBAR_GENERAL_ROW_ICON_SIZES,
-  z as LEFTBAR_GENERAL_ROW_TYPES,
-  Ps as LINK_KIND_MODIFIERS,
-  Ds as LINK_VARIANTS,
-  zt as MODAL_KIND_MODIFIERS,
-  $t as MODAL_SIZE_MODIFIERS,
+  $ as LEFTBAR_GENERAL_ROW_TYPES,
+  Es as LINK_KIND_MODIFIERS,
+  ws as LINK_VARIANTS,
+  Nt as MODAL_KIND_MODIFIERS,
+  zt as MODAL_SIZE_MODIFIERS,
   Go as MULTI_SELECT_SIZES,
   Oe as NOTICE_KINDS,
   as as POPOVER_CONTENT_WIDTHS,
   kn as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
   Ln as POPOVER_INITIAL_FOCUS_STRINGS,
-  Nt as POPOVER_PADDING_CLASSES,
+  Bt as POPOVER_PADDING_CLASSES,
   On as POPOVER_ROLES,
   be as PRESENCE_STATES,
   Fs as PRESENCE_STATES_LIST,
   Co as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   rs as ROOT_LAYOUT_SIDEBAR_POSITIONS,
-  Vt as SELECT_SIZE_MODIFIERS,
+  Ht as SELECT_SIZE_MODIFIERS,
   Wa as SELECT_STATE_MODIFIERS,
-  id as SHORTCUTS_ALIASES_LIST,
+  sd as SHORTCUTS_ALIASES_LIST,
   ye as SHORTCUTS_ICON_ALIASES,
   _o as SHORTCUTS_ICON_SEPARATOR,
-  Rd as SKELETON_HEADING_HEIGHTS,
-  Bd as SKELETON_RIPPLE_DURATION,
-  Nd as SKELETON_SHAPES,
-  zd as SKELETON_SHAPE_SIZES,
-  $d as SKELETON_TEXT_TYPES,
-  Md as TAB_IMPORTANCE_MODIFIERS,
-  Hd as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Vd as TAB_LIST_KIND_MODIFIERS,
-  qd as TAB_LIST_SIZES,
+  xd as SKELETON_HEADING_HEIGHTS,
+  Rd as SKELETON_RIPPLE_DURATION,
+  Bd as SKELETON_SHAPES,
+  Nd as SKELETON_SHAPE_SIZES,
+  zd as SKELETON_TEXT_TYPES,
+  $d as TAB_IMPORTANCE_MODIFIERS,
+  Md as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Hd as TAB_LIST_KIND_MODIFIERS,
+  Vd as TAB_LIST_SIZES,
   no as TOAST_ROLES,
-  Fd as TOOLTIP_DELAY_MS,
-  Kd as TOOLTIP_DIRECTIONS,
-  jd as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  Gd as TOOLTIP_KIND_MODIFIERS,
-  Wd as TOOLTIP_STICKY_VALUES,
+  qd as TOOLTIP_DELAY_MS,
+  Fd as TOOLTIP_DIRECTIONS,
+  Kd as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  jd as TOOLTIP_KIND_MODIFIERS,
+  Gd as TOOLTIP_STICKY_VALUES,
   br as UNREAD_PILL_DIRECTIONS,
   yr as UNREAD_PILL_KINDS,
-  Ud as VALIDATION_MESSAGE_TYPES,
-  Zd as filterFormattedMessages,
-  kt as formatMessages,
+  Wd as VALIDATION_MESSAGE_TYPES,
+  Ud as filterFormattedMessages,
+  wt as formatMessages,
   F as getUniqueString,
-  Ye as getValidationState,
-  Ut as validationMessageValidator
+  We as getValidationState,
+  Gt as validationMessageValidator
 };