@dialpad/dialtone-vue 3.88.0 → 3.88.1

package/dist/dialtone-vue.js

@@ -1,8 +1,8 @@
-import { _ as C, p as Xa, q as Ja, D as V, g as ee, I as en, r as tn, u as he, L as an, v as nn, w as sn, M as rn, h as ie, x as on, a as se, b as St, y as wt, E as G, z as Le, A as ka, B as ea, C as yt, F as Oa, G as Ta, H as Da, J as Ct, K as ln, N as dn, n as cn, o as It, O as kt, e as un } from "./emoji-3ea15d88.js";
-import { af as Eu, Q as xu, P as Au, m as Mu, a6 as Pu, a9 as Ru, a8 as Nu, a7 as $u, X as Bu, W as zu, ag as qu, ai as Fu, ah as Vu, U as Hu, S as Wu, ae as Uu, aa as ju, ab as Ku, ad as Gu, ac as Yu, a0 as Zu, $ as Qu, Y as Xu, Z as Ju, a2 as eh, a1 as th, a5 as ah, a3 as nh, a4 as ih, V as sh, R as rh } from "./emoji-3ea15d88.js";
-import { openBlock as o, createElementBlock as u, toDisplayString as T, createCommentVNode as S, createElementVNode as p, normalizeClass as _, resolveComponent as g, createBlock as k, resolveDynamicComponent as fe, withCtx as h, mergeProps as O, createVNode as b, renderSlot as m, createTextVNode as z, normalizeStyle as Ie, withKeys as oe, Fragment as J, renderList as ne, withModifiers as ue, normalizeProps as Ke, Transition as Ot, withDirectives as Ve, guardReactiveProps as Tt, vShow as He, toHandlers as K, Teleport as hn, warn as it, reactive as ta, ref as Z, computed as we, watch as We, onMounted as La, nextTick as fn, unref as A, markRaw as mn, shallowReactive as pn, h as gn, provide as bn, createSlots as Dt, createStaticVNode as yn, pushScopeId as _n, popScopeId as vn } from "vue";
-import { c as Ea, d as xa, e as Aa, M as st, S as Ee, N as Lt, D as rt, b as Et, f as Ma, L as ft, P as xt, g as Sn, h as wn } from "./notice-1ead279e.js";
-import { a as lh, j as dh, l as ch, i as uh, k as hh } from "./notice-1ead279e.js";
+import { _ as C, p as Xa, q as Ja, D as V, g as ee, I as en, r as tn, u as he, L as an, v as nn, w as sn, M as rn, h as ie, x as on, a as se, b as wt, y as it, E as G, z as De, A as ka, B as ea, C as _t, F as Oa, G as Ta, H as Da, J as Ct, K as ln, N as dn, n as cn, o as It, O as kt, e as un } from "./emoji-3ea15d88.js";
+import { af as xu, Q as Au, P as Mu, m as Pu, a6 as Ru, a9 as Nu, a8 as $u, a7 as Bu, X as zu, W as qu, ag as Fu, ai as Vu, ah as Hu, U as Wu, S as Uu, ae as ju, aa as Ku, ab as Gu, ad as Yu, ac as Zu, a0 as Qu, $ as Xu, Y as Ju, Z as eh, a2 as th, a1 as ah, a5 as nh, a3 as ih, a4 as sh, V as rh, R as oh } from "./emoji-3ea15d88.js";
+import { openBlock as o, createElementBlock as u, toDisplayString as T, createCommentVNode as S, createElementVNode as p, normalizeClass as _, resolveComponent as g, createBlock as k, resolveDynamicComponent as fe, withCtx as h, mergeProps as O, createVNode as b, renderSlot as m, createTextVNode as z, normalizeStyle as Le, withKeys as oe, Fragment as J, renderList as ne, withModifiers as ue, normalizeProps as Ke, Transition as Ot, withDirectives as Ve, guardReactiveProps as Tt, vShow as He, toHandlers as U, Teleport as hn, warn as st, reactive as ta, ref as Z, computed as we, watch as We, onMounted as La, nextTick as fn, unref as A, markRaw as mn, shallowReactive as pn, h as gn, provide as bn, createSlots as Dt, createStaticVNode as yn, pushScopeId as _n, popScopeId as vn } from "vue";
+import { c as Ea, d as xa, e as Aa, M as rt, S as Ee, N as Lt, D as ot, b as Et, f as Ma, L as mt, P as xt, g as Sn, h as wn } from "./notice-1ead279e.js";
+import { a as dh, j as ch, l as uh, i as hh, k as fh } from "./notice-1ead279e.js";
 import { DtEmojiTextWrapper as At } from "./emoji.js";
 const ze = {
   BUSY: "busy",
@@ -60,7 +60,7 @@ function Tn(e, a, t, s, i, n) {
     }, null, 2)
   ], 8, kn);
 }
-const Dn = /* @__PURE__ */ C(In, [["render", Tn]]), mt = {
+const Dn = /* @__PURE__ */ C(In, [["render", Tn]]), pt = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
@@ -151,7 +151,7 @@ const Rn = Mn(), Nn = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(mt).includes(e)
+      validator: (e) => Object.keys(pt).includes(e)
     },
     /**
      * Used to customize the avatar container
@@ -282,7 +282,7 @@ const Rn = Mn(), Nn = {
   ],
   data() {
     return {
-      AVATAR_SIZE_MODIFIERS: mt,
+      AVATAR_SIZE_MODIFIERS: pt,
       AVATAR_KIND_MODIFIERS: Ln,
       AVATAR_PRESENCE_SIZE_MODIFIERS: En,
       AVATAR_ICON_SIZES: xn,
@@ -298,7 +298,7 @@ const Rn = Mn(), Nn = {
     avatarClasses() {
       return [
         "d-avatar",
-        mt[this.validatedSize],
+        pt[this.validatedSize],
         this.avatarClass,
         {
           "d-avatar--group": this.showGroup,
@@ -438,7 +438,7 @@ function qn(e, a, t, s, i, n) {
     _: 1
   }, 8, ["id", "class", "aria-label", "onClick"]);
 }
-const ot = /* @__PURE__ */ C(Nn, [["render", qn]]), ia = {
+const lt = /* @__PURE__ */ C(Nn, [["render", qn]]), ia = {
   default: "",
   info: "d-badge--info",
   success: "d-badge--success",
@@ -622,7 +622,7 @@ const Pa = /* @__PURE__ */ C(Fn, [["render", Un]]), jn = {
     DtNoticeContent: xa,
     DtNoticeAction: Aa
   },
-  mixins: [st, Ee],
+  mixins: [rt, Ee],
   props: {
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -773,7 +773,7 @@ function Gn(e, a, t, s, i, n) {
   const r = g("dt-notice-icon"), l = g("dt-notice-content"), d = g("dt-notice-action");
   return o(), u("aside", {
     class: _(n.bannerClass),
-    style: Ie(n.bannerBackgroundImage),
+    style: Le(n.bannerBackgroundImage),
     onKeydown: a[1] || (a[1] = oe((...f) => n.trapFocus && n.trapFocus(...f), ["tab"]))
   }, [
     p("div", {
@@ -819,7 +819,7 @@ function Gn(e, a, t, s, i, n) {
     ], 10, Kn)
   ], 38);
 }
-const $c = /* @__PURE__ */ C(jn, [["render", Gn]]), Yn = "d-breadcrumbs__item--selected", Zn = "d-breadcrumbs--inverted", Qn = {
+const Bc = /* @__PURE__ */ C(jn, [["render", Gn]]), Yn = "d-breadcrumbs__item--selected", Zn = "d-breadcrumbs--inverted", Qn = {
   name: "DtLink",
   props: {
     /**
@@ -839,22 +839,23 @@ const $c = /* @__PURE__ */ C(jn, [["render", Gn]]), Yn = "d-breadcrumbs__item--s
       LINK_KIND_MODIFIERS: nn
     };
   }
-};
-function Xn(e, a, t, s, i, n) {
+}, Xn = ["href"];
+function Jn(e, a, t, s, i, n) {
   return o(), u("a", {
     class: _([
       "d-link",
       i.LINK_KIND_MODIFIERS[t.kind]
     ]),
-    "data-qa": "dt-link"
+    "data-qa": "dt-link",
+    href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
   }, [
     m(e.$slots, "default")
-  ], 2);
+  ], 10, Xn);
 }
-const Jn = /* @__PURE__ */ C(Qn, [["render", Xn]]), ei = {
+const ei = /* @__PURE__ */ C(Qn, [["render", Jn]]), ti = {
   name: "DtBreadcrumbItem",
   components: {
-    DtLink: Jn
+    DtLink: ei
   },
   inheritAttrs: !1,
   props: {
@@ -894,7 +895,7 @@ const Jn = /* @__PURE__ */ C(Qn, [["render", Xn]]), ei = {
     }
   }
 };
-function ti(e, a, t, s, i, n) {
+function ai(e, a, t, s, i, n) {
   const r = g("dt-link");
   return o(), u("li", {
     "data-qa": "dt-breadcrumb-item",
@@ -917,10 +918,10 @@ function ti(e, a, t, s, i, n) {
     }, 16, ["kind", "aria-current"])
   ], 2);
 }
-const ai = /* @__PURE__ */ C(ei, [["render", ti]]), ni = {
+const ni = /* @__PURE__ */ C(ti, [["render", ai]]), ii = {
   name: "DtBreadcrumbs",
   components: {
-    DtBreadcrumbItem: ai
+    DtBreadcrumbItem: ni
   },
   props: {
     /**
@@ -959,8 +960,8 @@ const ai = /* @__PURE__ */ C(ei, [["render", ti]]), ni = {
       return `breadcrumbs-item-${e}-${he.getUniqueString()}`;
     }
   }
-}, ii = ["aria-label"];
-function si(e, a, t, s, i, n) {
+}, si = ["aria-label"];
+function ri(e, a, t, s, i, n) {
   const r = g("dt-breadcrumb-item");
   return o(), u("nav", {
     "aria-label": t.ariaLabel,
@@ -978,13 +979,13 @@ function si(e, a, t, s, i, n) {
         }, l), null, 16, ["inverted"]))), 128))
       ])
     ])
-  ], 10, ii);
+  ], 10, si);
 }
-const Bc = /* @__PURE__ */ C(ni, [["render", si]]), oa = {
+const zc = /* @__PURE__ */ C(ii, [["render", ri]]), oa = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
-}, ri = {
+}, oi = {
   name: "DtButtonGroup",
   props: {
     /**
@@ -1002,7 +1003,7 @@ const Bc = /* @__PURE__ */ C(ni, [["render", si]]), oa = {
     };
   }
 };
-function oi(e, a, t, s, i, n) {
+function li(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _([
       "d-btn-group",
@@ -1013,7 +1014,7 @@ function oi(e, a, t, s, i, n) {
     m(e.$slots, "default")
   ], 2);
 }
-const zc = /* @__PURE__ */ C(ri, [["render", oi]]), li = {
+const qc = /* @__PURE__ */ C(oi, [["render", li]]), di = {
   name: "DtCard",
   props: {
     /**
@@ -1059,7 +1060,7 @@ const zc = /* @__PURE__ */ C(ri, [["render", oi]]), li = {
     };
   }
 };
-function di(e, a, t, s, i, n) {
+function ci(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _([
       "d-card",
@@ -1081,7 +1082,7 @@ function di(e, a, t, s, i, n) {
         "d-card__content",
         t.contentClass
       ]),
-      style: Ie({ "max-height": t.maxHeight })
+      style: Le({ "max-height": t.maxHeight })
     }, [
       m(e.$slots, "content")
     ], 6),
@@ -1096,7 +1097,7 @@ function di(e, a, t, s, i, n) {
     ], 2)) : S("", !0)
   ], 2);
 }
-const ci = /* @__PURE__ */ C(li, [["render", di]]), ui = {
+const ui = /* @__PURE__ */ C(di, [["render", ci]]), hi = {
   name: "DtCodeblock",
   props: {
     text: {
@@ -1104,16 +1105,16 @@ const ci = /* @__PURE__ */ C(li, [["render", di]]), ui = {
       required: !0
     }
   }
-}, hi = { class: "d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary" };
-function fi(e, a, t, s, i, n) {
+}, fi = { class: "d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary" };
+function mi(e, a, t, s, i, n) {
   return o(), u("pre", null, [
     z("    "),
-    p("code", hi, T(t.text), 1),
+    p("code", fi, T(t.text), 1),
     z(`
   `)
   ]);
 }
-const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
+const Fc = /* @__PURE__ */ C(hi, [["render", mi]]), pi = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1185,7 +1186,7 @@ const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
       return a <= t.bottom + 3 * s / 4 && e >= t.top - s / 4;
     }
   }
-}, pi = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Ra = ({
+}, gi = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Ra = ({
   // Role of the list items in the component. This is used to identify the list items
   // so you must update this if the role of your list items is anything other than 'option'
   listItemRole: e = "option",
@@ -1210,7 +1211,7 @@ const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
   // Focus the active element on keyboard navigation.
   focusOnKeyboardNavigation: y = !1
 } = {}) => ({
-  mixins: [mi],
+  mixins: [pi],
   data() {
     return {
       [a]: -1,
@@ -1241,7 +1242,7 @@ const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
     // Gets all the list item nodes within the list element
     _getListItemNodes() {
       const c = this._getListElement();
-      return c ? Array.from(c.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(pi, c), null);
+      return c ? Array.from(c.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(gi, c), null);
     },
     onUpKey() {
       n && this[n](!0), this[a] > 0 ? this.setHighlightIndex(this[a] - 1) : l && this[l](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
@@ -1305,16 +1306,16 @@ const qc = /* @__PURE__ */ C(ui, [["render", fi]]), mi = {
       c && c.focus();
     }
   }
-}), gi = {
+}), bi = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: rt, DtSkeleton: on }
-}, bi = {
+  components: { DtListItem: ot, DtSkeleton: on }
+}, yi = {
   class: "d-p0 d-mt8 d-hmx332 d-of-y-auto",
   "aria-busy": "true"
 };
-function yi(e, a, t, s, i, n) {
+function _i(e, a, t, s, i, n) {
   const r = g("dt-skeleton"), l = g("dt-list-item");
-  return o(), u("ol", bi, [
+  return o(), u("ol", yi, [
     (o(), u(J, null, ne(7, (d) => b(l, {
       key: d,
       role: "option",
@@ -1330,10 +1331,10 @@ function yi(e, a, t, s, i, n) {
     }, 1024)), 64))
   ]);
 }
-const Na = /* @__PURE__ */ C(gi, [["render", yi]]);
-const _i = {
+const Na = /* @__PURE__ */ C(bi, [["render", _i]]);
+const vi = {
   name: "ComboboxEmptyList",
-  components: { DtListItem: rt },
+  components: { DtListItem: ot },
   props: {
     /**
      * Message to display when list is empty
@@ -1352,13 +1353,13 @@ const _i = {
       default: ""
     }
   }
-}, vi = {
+}, Si = {
   class: "d-p0",
   "data-qa": "dt-combobox-empty-list"
 };
-function Si(e, a, t, s, i, n) {
+function wi(e, a, t, s, i, n) {
   const r = g("dt-list-item");
-  return o(), u("ol", vi, [
+  return o(), u("ol", Si, [
     m(e.$slots, "default", {}, () => [
       b(r, {
         role: "option",
@@ -1374,13 +1375,13 @@ function Si(e, a, t, s, i, n) {
     ])
   ]);
 }
-const $a = /* @__PURE__ */ C(_i, [["render", Si]]), Ba = {
+const $a = /* @__PURE__ */ C(vi, [["render", wi]]), Ba = {
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md",
   LARGE: "lg",
   EXTRA_LARGE: "xl"
-}, wi = {
+}, Ci = {
   name: "DtCombobox",
   components: {
     ComboboxLoadingList: Na,
@@ -1650,8 +1651,8 @@ const $a = /* @__PURE__ */ C(_i, [["render", Si]]), Ba = {
       empty message.`);
     }
   }
-}, Ci = { "data-qa": "dt-combobox-input-wrapper" };
-function Ii(e, a, t, s, i, n) {
+}, Ii = { "data-qa": "dt-combobox-input-wrapper" };
+function ki(e, a, t, s, i, n) {
   const r = g("combobox-loading-list"), l = g("combobox-empty-list");
   return o(), u("div", {
     onKeydown: [
@@ -1663,7 +1664,7 @@ function Ii(e, a, t, s, i, n) {
       a[8] || (a[8] = oe(ue((d) => n.onKeyValidation(d, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
-    p("div", Ci, [
+    p("div", Ii, [
       m(e.$slots, "input", { inputProps: n.inputProps })
     ]),
     t.showList ? (o(), u("div", {
@@ -1691,8 +1692,8 @@ function Ii(e, a, t, s, i, n) {
     ], 544)) : S("", !0)
   ], 32);
 }
-const ki = /* @__PURE__ */ C(wi, [["render", Ii]]);
-const Oi = {
+const Oi = /* @__PURE__ */ C(Ci, [["render", ki]]);
+const Ti = {
   name: "DtCollapsibleLazyShow",
   inheritAttrs: !1,
   /******************
@@ -1802,7 +1803,7 @@ const Oi = {
     }
   }
 };
-function Ti(e, a, t, s, i, n) {
+function Di(e, a, t, s, i, n) {
   return o(), k(Ot, O({
     appear: t.appear,
     "enter-active-class": "enter-active",
@@ -1829,12 +1830,12 @@ function Ti(e, a, t, s, i, n) {
     _: 3
   }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
+const Li = /* @__PURE__ */ C(Ti, [["render", Di]]), Ei = {
   name: "DtCollapsible",
   components: {
     DtButton: se,
-    DtCollapsibleLazyShow: Di,
-    DtLazyShow: St,
+    DtCollapsibleLazyShow: Li,
+    DtLazyShow: wt,
     DtIcon: V
   },
   props: {
@@ -1950,7 +1951,7 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
       return this.ariaLabelledBy || !this.ariaLabel && ee("DtCollapsible__anchor");
     },
     collapsibleListeners() {
-      return wt(this.$attrs);
+      return it(this.$attrs);
     }
   },
   watch: {
@@ -1981,10 +1982,10 @@ const Di = /* @__PURE__ */ C(Oi, [["render", Ti]]), Li = {
       !this.anchorText && !ie(this.$slots.anchor) && console.error("anchor text and anchor slot content cannot both be falsy");
     }
   }
-}, Ei = ["id"], xi = ["title"];
-function Ai(e, a, t, s, i, n) {
+}, xi = ["id"], Ai = ["title"];
+function Mi(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button"), d = g("dt-collapsible-lazy-show");
-  return o(), k(fe(t.elementType), O({ ref: "collapsible" }, K(n.collapsibleListeners)), {
+  return o(), k(fe(t.elementType), O({ ref: "collapsible" }, U(n.collapsibleListeners)), {
     default: h(() => [
       p("div", {
         id: !t.ariaLabelledBy && n.labelledBy,
@@ -2006,7 +2007,7 @@ function Ai(e, a, t, s, i, n) {
             kind: "muted",
             "aria-controls": t.id,
             "aria-expanded": `${i.isOpen}`,
-            style: Ie({
+            style: Le({
               width: t.maxWidth
             }),
             onClick: n.defaultToggleOpen
@@ -2019,12 +2020,12 @@ function Ai(e, a, t, s, i, n) {
               p("span", {
                 class: "d-mr-auto d-truncate",
                 title: t.anchorText
-              }, T(t.anchorText), 9, xi)
+              }, T(t.anchorText), 9, Ai)
             ]),
             _: 1
           }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])
         ])
-      ], 10, Ei),
+      ], 10, xi),
       b(d, O({
         id: t.id,
         ref: "contentWrapper",
@@ -2043,7 +2044,7 @@ function Ai(e, a, t, s, i, n) {
         },
         tabindex: "-1",
         appear: ""
-      }, K(n.collapsibleListeners), {
+      }, U(n.collapsibleListeners), {
         onAfterLeave: n.onLeaveTransitionComplete,
         onAfterEnter: n.onEnterTransitionComplete
       }), {
@@ -2056,12 +2057,12 @@ function Ai(e, a, t, s, i, n) {
     _: 3
   }, 16);
 }
-const Mi = /* @__PURE__ */ C(Li, [["render", Ai]]), Fe = {
+const Pi = /* @__PURE__ */ C(Ei, [["render", Mi]]), Fe = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
 };
-const Pi = {
+const Ri = {
   name: "DtDropdown",
   components: {
     DtPopover: Et,
@@ -2161,8 +2162,8 @@ const Pi = {
      */
     navigationType: {
       type: String,
-      default: ft.ARROW_KEYS,
-      validator: (e) => Object.values(ft).includes(e)
+      default: mt.ARROW_KEYS,
+      validator: (e) => Object.values(mt).includes(e)
     },
     /**
      * If the dropdown does not fit in the direction described by "placement",
@@ -2276,7 +2277,7 @@ const Pi = {
   ],
   data() {
     return {
-      LIST_ITEM_NAVIGATION_TYPES: ft,
+      LIST_ITEM_NAVIGATION_TYPES: mt,
       DROPDOWN_PADDING_CLASSES: Fe,
       openedWithKeyboard: !1,
       isOpen: null
@@ -2398,8 +2399,8 @@ const Pi = {
         return e.stopPropagation(), e.preventDefault(), this.onNavigationKey(e.key);
     }
   }
-}, Ri = ["id"];
-function Ni(e, a, t, s, i, n) {
+}, Ni = ["id"];
+function $i(e, a, t, s, i, n) {
   const r = g("sr-only-close-button"), l = g("dt-popover");
   return o(), k(l, O({
     ref: "popover",
@@ -2419,7 +2420,7 @@ function Ni(e, a, t, s, i, n) {
   }, e.$attrs, {
     tether: t.tether,
     transition: t.transition
-  }, K(n.dropdownListeners)), {
+  }, U(n.dropdownListeners)), {
     anchor: h(({ attrs: d }) => [
       m(e.$slots, "anchor", O({ ref: "anchor" }, d))
     ]),
@@ -2439,28 +2440,28 @@ function Ni(e, a, t, s, i, n) {
           tabindex: n.isArrowKeyNav ? -1 : 0,
           onClose: d
         }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : S("", !0)
-      ], 42, Ri)
+      ], 42, Ni)
     ]),
     _: 3
   }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "append-to", "modal", "max-height", "max-width", "open-with-arrow-keys", "open-on-context", "tether", "transition"]);
 }
-const $i = /* @__PURE__ */ C(Pi, [["render", Ni]]);
-const Bi = {
+const Bi = /* @__PURE__ */ C(Ri, [["render", $i]]);
+const zi = {
   name: "DtDropdownSeparator"
-}, zi = {
+}, qi = {
   "aria-hidden": "true",
   class: "dt-list-separator d-my4 d-mxn4"
 };
-function qi(e, a, t, s, i, n) {
-  return o(), u("li", zi);
+function Fi(e, a, t, s, i, n) {
+  return o(), u("li", qi);
 }
-const Fc = /* @__PURE__ */ C(Bi, [["render", qi]]), Fi = {
+const Vc = /* @__PURE__ */ C(zi, [["render", Fi]]), Vi = {
   name: "DtImageViewer",
   components: {
     DtButton: se,
     DtIcon: V
   },
-  mixins: [st],
+  mixins: [rt],
   props: {
     /**
      * Controls whether the image modal is shown. Leaving this null will have the image modal
@@ -2582,13 +2583,13 @@ const Fc = /* @__PURE__ */ C(Bi, [["render", qi]]), Fi = {
       this.isOpen && this.focusTrappedTabPress(e);
     }
   }
-}, Vi = ["src", "alt"], Hi = ["aria-hidden"], Wi = {
+}, Hi = ["src", "alt"], Wi = ["aria-hidden"], Ui = {
   "data-qa": "dt-image-viewer-full",
   class: "d-p0 d-bar0 d-wmx80p d-hmx80p",
   role: "dialog",
   "aria-modal": "true"
-}, Ui = ["src", "alt"];
-function ji(e, a, t, s, i, n) {
+}, ji = ["src", "alt"];
+function Ki(e, a, t, s, i, n) {
   const r = g("dt-button"), l = g("dt-icon");
   return o(), u("div", null, [
     b(r, {
@@ -2603,7 +2604,7 @@ function ji(e, a, t, s, i, n) {
           class: _(t.imageButtonClass),
           src: t.imageSrc,
           alt: t.imageAlt
-        }, null, 10, Vi)
+        }, null, 10, Hi)
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
@@ -2615,18 +2616,18 @@ function ji(e, a, t, s, i, n) {
         "aria-hidden": i.isOpen ? "false" : "true",
         class: "d-modal",
         "data-qa": "dt-modal"
-      }, K(n.modalListeners, !0), {
+      }, U(n.modalListeners, !0), {
         onMouseover: a[0] || (a[0] = (d) => i.showCloseButton = !0),
         onMouseleave: a[1] || (a[1] = (d) => i.showCloseButton = !1),
         onFocusin: a[2] || (a[2] = (d) => i.showCloseButton = !0),
         onFocusout: a[3] || (a[3] = (d) => i.showCloseButton = !1)
       }), [
-        p("div", Wi, [
+        p("div", Ui, [
           p("img", {
             class: "d-wmx100p d-hmx100p",
             src: t.imageSrc,
             alt: t.imageAlt
-          }, null, 8, Ui)
+          }, null, 8, ji)
         ]),
         b(Ot, { name: "fade" }, {
           default: h(() => [
@@ -2654,12 +2655,12 @@ function ji(e, a, t, s, i, n) {
           ]),
           _: 1
         })
-      ], 16, Hi)
+      ], 16, Wi)
     ])) : S("", !0)
   ]);
 }
-const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
-  components: { DtValidationMessages: Le },
+const Hc = /* @__PURE__ */ C(Vi, [["render", Ki]]), Gi = {
+  components: { DtValidationMessages: De },
   // provide data to slotted components
   provide() {
     return {
@@ -2767,7 +2768,7 @@ const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
       provideObj: {
         name: this.name,
         disabled: this.disabled,
-        validationState: yt(e)
+        validationState: _t(e)
       }
     };
   },
@@ -2776,7 +2777,7 @@ const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
       return ea(this.messages);
     },
     validationState() {
-      return yt(this.formattedMessages);
+      return _t(this.formattedMessages);
     }
   },
   watch: {
@@ -2797,12 +2798,12 @@ const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
     }
   },
   mounted() {
-    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && it("It is expected that an aria-label is provided when there is no legend.", this);
+    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && st("It is expected that an aria-label is provided when there is no legend.", this);
   }
-}, Gi = {
+}, Yi = {
   name: "DtInputGroup",
-  components: { DtValidationMessages: Le },
-  mixins: [Ki],
+  components: { DtValidationMessages: De },
+  mixins: [Gi],
   props: {
     /**
      * A data qa tag for the input group
@@ -2853,8 +2854,8 @@ const Vc = /* @__PURE__ */ C(Fi, [["render", ji]]), Ki = {
       return `input-group-message-${e}-${a}-${this.id}`;
     }
   }
-}, Yi = ["data-qa"], Zi = ["data-qa"];
-function Qi(e, a, t, s, i, n) {
+}, Zi = ["data-qa"], Qi = ["data-qa"];
+function Xi(e, a, t, s, i, n) {
   const r = g("dt-validation-messages");
   return o(), u("fieldset", { "data-qa": t.dataQaGroup }, [
     i.hasSlotContent(e.$slots.legend) || e.legend ? (o(), u("legend", O({
@@ -2864,7 +2865,7 @@ function Qi(e, a, t, s, i, n) {
       m(e.$slots, "legend", {}, () => [
         z(T(e.legend), 1)
       ])
-    ], 16, Zi)) : S("", !0),
+    ], 16, Qi)) : S("", !0),
     m(e.$slots, "default"),
     b(r, O({
       "validation-messages": e.formattedMessages,
@@ -2872,9 +2873,9 @@ function Qi(e, a, t, s, i, n) {
       class: e.messagesClass,
       "data-qa": t.dataQaGroupMessages
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
-  ], 8, Yi);
+  ], 8, Zi);
 }
-const za = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
+const za = /* @__PURE__ */ C(Yi, [["render", Xi]]), la = {
   default: "",
   danger: "d-modal--danger"
 }, da = {
@@ -2886,15 +2887,15 @@ const za = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
   success: "d-modal__banner--success",
   warning: "d-modal__banner--warning",
   base: "d-modal__banner--general"
-}, Xi = {
+}, Ji = {
   name: "DtModal",
   components: {
-    DtLazyShow: St,
+    DtLazyShow: wt,
     DtButton: se,
     DtIcon: V,
     SrOnlyCloseButton: Ma
   },
-  mixins: [st, Ee],
+  mixins: [rt, Ee],
   props: {
     /**
      * A set of props to be passed into the modal's close button.
@@ -3140,11 +3141,11 @@ const za = /* @__PURE__ */ C(Gi, [["render", Qi]]), la = {
         need to be set so the component always includes a close button`);
     }
   }
-}, Ji = ["aria-describedby", "aria-labelledby"], es = ["id"], ts = ["id"], as = {
+}, es = ["aria-describedby", "aria-labelledby"], ts = ["id"], as = ["id"], ns = {
   key: 4,
   class: "d-modal__footer"
 };
-function ns(e, a, t, s, i, n) {
+function is(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button"), d = g("sr-only-close-button"), f = g("dt-lazy-show");
   return o(), k(f, O({
     transition: "d-zoom",
@@ -3157,7 +3158,7 @@ function ns(e, a, t, s, i, n) {
     ],
     "data-qa": "dt-modal",
     "aria-hidden": n.open
-  }, K(n.modalListeners)), {
+  }, U(n.modalListeners)), {
     default: h(() => [
       t.show && (i.hasSlotContent(e.$slots.banner) || t.bannerTitle) ? (o(), u("div", {
         key: 0,
@@ -3195,12 +3196,12 @@ function ns(e, a, t, s, i, n) {
               "data-qa": "dt-modal-title"
             }, [
               m(e.$slots, "header")
-            ], 8, es)) : (o(), u("h2", {
+            ], 8, ts)) : (o(), u("h2", {
               key: 1,
               id: t.labelledById,
               class: "d-modal__header",
               "data-qa": "dt-modal-title"
-            }, T(t.title), 9, ts)),
+            }, T(t.title), 9, as)),
             i.hasSlotContent(e.$slots.default) ? (o(), u("div", {
               key: 2,
               class: _([
@@ -3218,7 +3219,7 @@ function ns(e, a, t, s, i, n) {
               ]),
               "data-qa": "dt-modal-copy"
             }, T(t.copy), 3)),
-            n.hasFooterSlot ? (o(), u("footer", as, [
+            n.hasFooterSlot ? (o(), u("footer", ns, [
               m(e.$slots, "footer")
             ])) : S("", !0),
             t.hideClose ? S("", !0) : (o(), k(l, O({
@@ -3242,7 +3243,7 @@ function ns(e, a, t, s, i, n) {
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: n.close
             }, null, 8, ["visually-hidden-close-label", "onClose"])) : S("", !0)
-          ], 10, Ji), [
+          ], 10, es), [
             [He, t.show]
           ])
         ]),
@@ -3252,8 +3253,8 @@ function ns(e, a, t, s, i, n) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const Hc = /* @__PURE__ */ C(Xi, [["render", ns]]);
-const is = {
+const Wc = /* @__PURE__ */ C(Ji, [["render", is]]);
+const ss = {
   name: "ListSection",
   components: {
     // little trick to render vnode objects via a render function
@@ -3328,8 +3329,8 @@ const is = {
       this.showAll = !this.showAll;
     }
   }
-}, ss = ["id", "aria-labelledby"], rs = ["id"], os = ["id"], ls = ["id"], ds = { class: "d-d-flex" };
-function cs(e, a, t, s, i, n) {
+}, rs = ["id", "aria-labelledby"], os = ["id"], ls = ["id"], ds = ["id"], cs = { class: "d-d-flex" };
+function us(e, a, t, s, i, n) {
   const r = g("vnodes"), l = g("dt-button");
   return o(), u("div", {
     id: t.id,
@@ -3349,19 +3350,19 @@ function cs(e, a, t, s, i, n) {
       key: 0,
       id: `${t.id}-list-section-header`,
       class: "d-pl12 d-mt6"
-    }, T(t.header), 9, rs)) : S("", !0),
+    }, T(t.header), 9, os)) : S("", !0),
     !n.isCollapsible || i.showAll ? (o(), u("ol", {
       key: 1,
       id: `${t.id}-list-section-content`
     }, [
       m(e.$slots, "default")
-    ], 8, os)) : (o(), u("ol", {
+    ], 8, ls)) : (o(), u("ol", {
       key: 2,
       id: `${t.id}-list-section-content`
     }, [
       b(r, { vnodes: n.displayedItems }, null, 8, ["vnodes"])
-    ], 8, ls)),
-    p("div", ds, [
+    ], 8, ds)),
+    p("div", cs, [
       n.isCollapsible ? (o(), k(l, {
         key: 0,
         id: `${t.id}-list-section-show-more-less`,
@@ -3376,9 +3377,9 @@ function cs(e, a, t, s, i, n) {
       }, 8, ["id", "onClick"])) : S("", !0),
       m(e.$slots, "footer")
     ])
-  ], 10, ss);
+  ], 10, rs);
 }
-const Wc = /* @__PURE__ */ C(is, [["render", cs]]), us = {
+const Uc = /* @__PURE__ */ C(ss, [["render", us]]), hs = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3412,8 +3413,8 @@ const Wc = /* @__PURE__ */ C(is, [["render", cs]]), us = {
       default: ""
     }
   }
-}, hs = ["id", "aria-labelledby"], fs = ["id"];
-function ms(e, a, t, s, i, n) {
+}, fs = ["id", "aria-labelledby"], ms = ["id"];
+function ps(e, a, t, s, i, n) {
   return o(), u("ul", {
     id: t.id,
     class: _(["d-ps-relative", "d-px0", t.listClass]),
@@ -3431,11 +3432,11 @@ function ms(e, a, t, s, i, n) {
       m(e.$slots, "headingSlot", {}, () => [
         z(T(t.heading), 1)
       ])
-    ], 10, fs)) : S("", !0),
+    ], 10, ms)) : S("", !0),
     m(e.$slots, "default")
-  ], 10, hs);
+  ], 10, fs);
 }
-const Uc = /* @__PURE__ */ C(us, [["render", ms]]), ps = {
+const jc = /* @__PURE__ */ C(hs, [["render", ps]]), gs = {
   name: "DtPagination",
   components: {
     DtButton: se,
@@ -3541,12 +3542,12 @@ const Uc = /* @__PURE__ */ C(us, [["render", ms]]), ps = {
       this.currentPage = e, this.$emit("change", this.currentPage);
     }
   }
-}, gs = ["aria-label"], bs = {
+}, bs = ["aria-label"], ys = {
   key: 0,
   class: "d-fc-tertiary d-w24 d-ta-center",
   "data-qa": "dt-pagination-separator"
 };
-function ys(e, a, t, s, i, n) {
+function _s(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button");
   return o(), u("nav", {
     "aria-label": t.ariaLabel,
@@ -3573,7 +3574,7 @@ function ys(e, a, t, s, i, n) {
       key: `page-${d}-${f}`,
       class: _({ "d-as-flex-end": isNaN(Number(d)) })
     }, [
-      isNaN(Number(d)) ? (o(), u("div", bs, [
+      isNaN(Number(d)) ? (o(), u("div", ys, [
         b(r, {
           name: "more-horizontal",
           size: "300"
@@ -3609,15 +3610,15 @@ function ys(e, a, t, s, i, n) {
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "importance", "class"])
-  ], 8, gs);
+  ], 8, bs);
 }
-const jc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
+const Kc = /* @__PURE__ */ C(gs, [["render", _s]]), vs = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
-}, vs = {
+}, Ss = {
   name: "DtRadio",
-  components: { DtValidationMessages: Le },
+  components: { DtValidationMessages: De },
   mixins: [Oa, Ta, Da, Ct],
   inheritAttrs: !1,
   props: {
@@ -3673,7 +3674,7 @@ const jc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
   },
   computed: {
     inputValidationClass() {
-      return _s[this.internalValidationState];
+      return vs[this.internalValidationState];
     },
     radioGroupValue() {
       var e;
@@ -3707,17 +3708,17 @@ const jc = /* @__PURE__ */ C(ps, [["render", ys]]), _s = {
       e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("input", e));
     }
   }
-}, Ss = { class: "d-radio__input" }, ws = ["checked", "name", "value", "disabled"], Cs = {
+}, ws = { class: "d-radio__input" }, Cs = ["checked", "name", "value", "disabled"], Is = {
   class: "d-radio__copy d-radio__label",
   "data-qa": "radio-label-description-container"
 };
-function Is(e, a, t, s, i, n) {
+function ks(e, a, t, s, i, n) {
   const r = g("dt-validation-messages");
   return o(), u("label", null, [
     p("div", {
       class: _(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
     }, [
-      p("div", Ss, [
+      p("div", ws, [
         p("input", O({
           checked: e.internalChecked,
           name: e.internalName,
@@ -3725,9 +3726,9 @@ function Is(e, a, t, s, i, n) {
           disabled: e.internalDisabled,
           type: "radio",
           class: ["d-radio", n.inputValidationClass, e.inputClass]
-        }, e.$attrs, K(n.inputListeners, !0)), null, 16, ws)
+        }, e.$attrs, U(n.inputListeners, !0)), null, 16, Cs)
       ]),
-      p("div", Cs, [
+      p("div", Is, [
         p("div", O({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
           m(e.$slots, "default", {}, () => [
             z(T(e.label), 1)
@@ -3750,7 +3751,7 @@ function Is(e, a, t, s, i, n) {
     ], 2)
   ]);
 }
-const Kc = /* @__PURE__ */ C(vs, [["render", Is]]), Gc = {
+const Gc = /* @__PURE__ */ C(Ss, [["render", ks]]), Yc = {
   name: "DtRadioGroup",
   extends: za,
   props: {
@@ -3826,9 +3827,9 @@ const Kc = /* @__PURE__ */ C(vs, [["render", Is]]), Gc = {
       return `radio-group-message-${e}-${a}-${this.id}`;
     }
   }
-}, ks = {
+}, Os = {
   name: "DtTabPanel",
-  mixins: [st],
+  mixins: [rt],
   inject: ["groupContext"],
   props: {
     /**
@@ -3888,8 +3889,8 @@ const Kc = /* @__PURE__ */ C(vs, [["render", Is]]), Gc = {
       return t;
     }
   }
-}, Os = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
-function Ts(e, a, t, s, i, n) {
+}, Ts = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
+function Ds(e, a, t, s, i, n) {
   return Ve((o(), u("div", {
     id: `dt-panel-${t.id}`,
     role: "tabpanel",
@@ -3905,17 +3906,17 @@ function Ts(e, a, t, s, i, n) {
     "data-qa": "dt-tab-panel"
   }, [
     m(e.$slots, "default")
-  ], 10, Os)), [
+  ], 10, Ts)), [
     [He, !t.hidden]
   ]);
 }
-const Yc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
+const Zc = /* @__PURE__ */ C(Os, [["render", Ds]]), Ls = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
-}, Ls = {
+}, Es = {
   name: "DtCheckbox",
-  components: { DtValidationMessages: Le },
+  components: { DtValidationMessages: De },
   mixins: [Oa, Ta, Da, Ct],
   inheritAttrs: !1,
   emits: [
@@ -3943,7 +3944,7 @@ const Yc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
   ],
   computed: {
     inputValidationClass() {
-      return Ds[this.internalValidationState];
+      return Ls[this.internalValidationState];
     },
     checkboxGroupValueChecked() {
       var e, a;
@@ -3993,18 +3994,18 @@ const Yc = /* @__PURE__ */ C(ks, [["render", Ts]]), Ds = {
       this.validateInputLabels(this.hasLabel, this.$attrs["aria-label"]);
     }
   }
-}, Es = { class: "d-checkbox__input" }, xs = ["checked", "name", "value", "disabled", ".indeterminate"], As = {
+}, xs = { class: "d-checkbox__input" }, As = ["checked", "name", "value", "disabled", ".indeterminate"], Ms = {
   key: 0,
   class: "d-checkbox__copy d-checkbox__label",
   "data-qa": "checkbox-label-description-container"
 };
-function Ms(e, a, t, s, i, n) {
+function Ps(e, a, t, s, i, n) {
   const r = g("dt-validation-messages");
   return o(), u("label", null, [
     p("div", {
       class: _(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
-      p("div", Es, [
+      p("div", xs, [
         p("input", O({
           type: "checkbox",
           checked: e.internalChecked,
@@ -4012,9 +4013,9 @@ function Ms(e, a, t, s, i, n) {
           value: e.value,
           disabled: e.internalDisabled,
           class: ["d-checkbox", n.inputValidationClass, e.inputClass]
-        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, K(n.inputListeners, !0)), null, 16, xs)
+        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, U(n.inputListeners, !0)), null, 16, As)
       ]),
-      n.hasLabelOrDescription ? (o(), u("div", As, [
+      n.hasLabelOrDescription ? (o(), u("div", Ms, [
         n.hasLabel ? (o(), u("div", O({
           key: 0,
           class: e.labelClass
@@ -4040,7 +4041,7 @@ function Ms(e, a, t, s, i, n) {
     ], 2)
   ]);
 }
-const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
+const Qc = /* @__PURE__ */ C(Es, [["render", Ps]]), Xc = {
   name: "DtCheckboxGroup",
   extends: za,
   model: {
@@ -4053,7 +4054,7 @@ const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
     value: {
       type: [],
       default: null,
-      validator: (e) => e ? (it(
+      validator: (e) => e ? (st(
         "Component uses selectedValues to initialize the model, value is not supported by this component",
         globalThis
       ), !1) : !0
@@ -4136,15 +4137,15 @@ const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
   xs: "d-chip__label--xs",
   sm: "d-chip__label--sm",
   md: ""
-}, Ps = {
+}, Rs = {
   xs: "d-chip__close--xs",
   sm: "d-chip__close--sm",
   md: ""
-}, Rs = {
+}, Ns = {
   xs: "200",
   sm: "200",
   md: "200"
-}, Ns = {
+}, $s = {
   name: "DtChip",
   components: {
     DtButton: se,
@@ -4260,7 +4261,7 @@ const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
       };
     },
     closeButtonIconSize() {
-      return Rs[this.size];
+      return Ns[this.size];
     }
   },
   methods: {
@@ -4274,24 +4275,24 @@ const Zc = /* @__PURE__ */ C(Ls, [["render", Ms]]), Qc = {
     chipCloseButtonClasses() {
       return [
         "d-chip__close",
-        Ps[this.size]
+        Rs[this.size]
       ];
     },
     onClose() {
       this.hideClose || this.$emit("close");
     }
   }
-}, $s = { class: "d-chip" }, Bs = {
+}, Bs = { class: "d-chip" }, zs = {
   key: 0,
   "data-qa": "dt-chip-icon",
   class: "d-chip__icon"
-}, zs = {
+}, qs = {
   key: 1,
   "data-qa": "dt-chip-avatar"
-}, qs = ["id"];
-function Fs(e, a, t, s, i, n) {
+}, Fs = ["id"];
+function Vs(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button");
-  return o(), u("span", $s, [
+  return o(), u("span", Bs, [
     (o(), k(fe(t.interactive ? "button" : "span"), O({
       id: t.id,
       type: t.interactive && "button",
@@ -4299,11 +4300,11 @@ function Fs(e, a, t, s, i, n) {
       "data-qa": "dt-chip",
       "aria-labelledby": t.ariaLabel ? void 0 : `${t.id}-content`,
       "aria-label": t.ariaLabel
-    }, K(n.chipListeners)), {
+    }, U(n.chipListeners)), {
       default: h(() => [
-        i.hasSlotContent(e.$slots.icon) ? (o(), u("span", Bs, [
+        i.hasSlotContent(e.$slots.icon) ? (o(), u("span", zs, [
           m(e.$slots, "icon")
-        ])) : i.hasSlotContent(e.$slots.avatar) ? (o(), u("span", zs, [
+        ])) : i.hasSlotContent(e.$slots.avatar) ? (o(), u("span", qs, [
           m(e.$slots, "avatar")
         ])) : S("", !0),
         i.hasSlotContent(e.$slots.default) ? (o(), u("span", {
@@ -4313,7 +4314,7 @@ function Fs(e, a, t, s, i, n) {
           class: _(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           m(e.$slots, "default")
-        ], 10, qs)) : S("", !0)
+        ], 10, Fs)) : S("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
@@ -4333,19 +4334,19 @@ function Fs(e, a, t, s, i, n) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
+const qa = /* @__PURE__ */ C($s, [["render", Vs]]), ha = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
   lg: "d-select--lg",
   xl: "d-select--xl"
-}, Vs = {
+}, Hs = {
   error: "d-select__input--error",
   warning: "d-select__input--warning",
   success: "d-select__input--success"
-}, Hs = (e) => !e.index || typeof e.index == "number", Ws = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, Us = (e) => e.label ? typeof e.label == "string" : !1, js = (e) => e ? e.every((a) => !(!Hs(a) || !Ws(a) || !Us(a))) : !0, Ks = {
+}, Ws = (e) => !e.index || typeof e.index == "number", Us = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, js = (e) => e.label ? typeof e.label == "string" : !1, Ks = (e) => e ? e.every((a) => !(!Ws(a) || !Us(a) || !js(a))) : !0, Gs = {
   name: "DtSelectMenu",
-  components: { DtValidationMessages: Le },
+  components: { DtValidationMessages: De },
   mixins: [Ct],
   inheritAttrs: !1,
   props: {
@@ -4374,7 +4375,7 @@ const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
     options: {
       type: Array,
       default: () => [],
-      validator: (e) => js(e)
+      validator: (e) => Ks(e)
     },
     /**
      * Controls the size of the select
@@ -4464,7 +4465,7 @@ const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
       LABEL_SIZE_MODIFIERS: ln,
       DESCRIPTION_SIZE_MODIFIERS: dn,
       SELECT_SIZE_MODIFIERS: ha,
-      SELECT_STATE_MODIFIERS: Vs,
+      SELECT_STATE_MODIFIERS: Hs,
       hasSlotContent: ie
     };
   },
@@ -4482,7 +4483,7 @@ const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
       };
     },
     state() {
-      return yt(this.formattedMessages);
+      return _t(this.formattedMessages);
     },
     selectKey() {
       return ee();
@@ -4509,11 +4510,11 @@ const qa = /* @__PURE__ */ C(Ns, [["render", Fs]]), ha = {
     },
     validateOptionsPresence() {
       var e;
-      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && it("Options are expected to be provided via prop or slot", this);
+      ((e = this.options) == null ? void 0 : e.length) < 1 && !this.$slots.default && st("Options are expected to be provided via prop or slot", this);
     }
   }
-}, Gs = ["aria-details"], Ys = ["id"], Zs = ["disabled"], Qs = ["value"];
-function Xs(e, a, t, s, i, n) {
+}, Ys = ["aria-details"], Zs = ["id"], Qs = ["disabled"], Xs = ["value"];
+function Js(e, a, t, s, i, n) {
   const r = g("dt-validation-messages");
   return o(), u("div", null, [
     p("label", null, [
@@ -4529,7 +4530,7 @@ function Xs(e, a, t, s, i, n) {
         m(e.$slots, "label", {}, () => [
           z(T(t.label), 1)
         ])
-      ], 16, Gs)) : S("", !0),
+      ], 16, Ys)) : S("", !0),
       i.hasSlotContent(e.$slots.description) || t.description ? (o(), u("div", O({
         key: 1,
         id: n.descriptionKey,
@@ -4542,7 +4543,7 @@ function Xs(e, a, t, s, i, n) {
         m(e.$slots, "description", {}, () => [
           z(T(t.description), 1)
         ])
-      ], 16, Ys)) : S("", !0),
+      ], 16, Zs)) : S("", !0),
       p("div", {
         class: _([
           "d-select",
@@ -4560,15 +4561,15 @@ function Xs(e, a, t, s, i, n) {
         }, e.$attrs, {
           "data-qa": "dt-select",
           disabled: t.disabled
-        }, K(n.selectListeners, !0)), [
+        }, U(n.selectListeners, !0)), [
           m(e.$slots, "default", {}, () => [
             (o(!0), u(J, null, ne(t.options, (l) => (o(), u("option", O({
               key: n.getOptionKey(l.value),
               value: l.value,
               class: t.optionClass
-            }, t.optionChildProps), T(l.label), 17, Qs))), 128))
+            }, t.optionChildProps), T(l.label), 17, Xs))), 128))
           ])
-        ], 16, Zs)
+        ], 16, Qs)
       ], 2)
     ]),
     b(r, O({
@@ -4578,7 +4579,7 @@ function Xs(e, a, t, s, i, n) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const Xc = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa = 6e3, er = {
+const Jc = /* @__PURE__ */ C(Gs, [["render", Js]]), er = ["status", "alert"], fa = 6e3, tr = {
   name: "DtToast",
   components: {
     DtNoticeIcon: Ea,
@@ -4629,7 +4630,7 @@ const Xc = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa
     role: {
       type: String,
       default: "status",
-      validator: (e) => Js.includes(e)
+      validator: (e) => er.includes(e)
     },
     /**
      * Severity level of the toast, sets the icon and background
@@ -4747,8 +4748,8 @@ const Xc = /* @__PURE__ */ C(Ks, [["render", Xs]]), Js = ["status", "alert"], fa
       }, this.duration));
     }
   }
-}, tr = ["aria-hidden"], ar = { class: "d-toast__dialog" };
-function nr(e, a, t, s, i, n) {
+}, ar = ["aria-hidden"], nr = { class: "d-toast__dialog" };
+function ir(e, a, t, s, i, n) {
   const r = g("dt-notice-icon"), l = g("dt-notice-content"), d = g("dt-notice-action");
   return i.isShown ? (o(), u("div", {
     key: 0,
@@ -4760,7 +4761,7 @@ function nr(e, a, t, s, i, n) {
     "data-qa": "dt-toast",
     "aria-hidden": (!i.isShown).toString()
   }, [
-    p("div", ar, [
+    p("div", nr, [
       b(r, { kind: t.kind }, {
         default: h(() => [
           m(e.$slots, "icon")
@@ -4796,12 +4797,12 @@ function nr(e, a, t, s, i, n) {
         _: 3
       }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
     ])
-  ], 10, tr)) : S("", !0);
+  ], 10, ar)) : S("", !0);
 }
-const Jc = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
+const eu = /* @__PURE__ */ C(tr, [["render", ir]]), ma = {
   sm: "d-toggle--small",
   md: ""
-}, ir = [!1, !0, "mixed"], sr = {
+}, sr = [!1, !0, "mixed"], rr = {
   name: "DtToggle",
   inheritAttrs: !1,
   model: {
@@ -4834,7 +4835,7 @@ const Jc = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
     checked: {
       type: [Boolean, String],
       default: !1,
-      validator: (e) => ir.includes(e)
+      validator: (e) => sr.includes(e)
     },
     /**
      * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
@@ -4937,25 +4938,25 @@ const Jc = /* @__PURE__ */ C(er, [["render", nr]]), ma = {
       this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
     },
     validateInputLabels(e, a) {
-      !e && !a && it(
+      !e && !a && st(
         "You must provide an aria-label when there is no label passed",
         this
       );
     }
   }
-}, rr = { class: "d-d-flex d-ai-center" }, or = ["for"], lr = ["id", "role", "aria-checked", "disabled", "aria-disabled"], dr = {
+}, or = { class: "d-d-flex d-ai-center" }, lr = ["for"], dr = ["id", "role", "aria-checked", "disabled", "aria-disabled"], cr = {
   key: 0,
   class: "d-toggle__inner"
 };
-function cr(e, a, t, s, i, n) {
-  return o(), u("div", rr, [
+function ur(e, a, t, s, i, n) {
+  return o(), u("div", or, [
     i.hasSlotContent(e.$slots.default) ? (o(), u("label", O({
       key: 0,
       class: t.labelClass,
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       m(e.$slots, "default")
-    ], 16, or)) : S("", !0),
+    ], 16, lr)) : S("", !0),
     p("button", O({
       id: t.id,
       role: n.toggleRole,
@@ -4965,20 +4966,20 @@ function cr(e, a, t, s, i, n) {
       "aria-disabled": t.disabled.toString(),
       class: n.toggleClasses
     }, n.inputListeners), [
-      t.showIcon ? (o(), u("span", dr)) : S("", !0)
-    ], 16, lr)
+      t.showIcon ? (o(), u("span", cr)) : S("", !0)
+    ], 16, dr)
   ]);
 }
-const eu = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
+const tu = /* @__PURE__ */ C(rr, [["render", ur]]), qe = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
   "{arrow-up}": "arrow-up",
   "{arrow-down}": "arrow-down",
   "{cmd}": "command"
-}, ur = {
+}, hr = {
   "{plus}": "plus"
-}, tu = Object.keys(qe), hr = {
+}, au = Object.keys(qe), fr = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: V
@@ -5016,7 +5017,7 @@ const eu = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
   },
   computed: {
     icons() {
-      return { ...qe, ...ur };
+      return { ...qe, ...hr };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -5030,11 +5031,11 @@ const eu = /* @__PURE__ */ C(sr, [["render", cr]]), qe = {
       return this.formattedShortcut.split(a).filter(Boolean);
     }
   }
-}, fr = {
+}, mr = {
   key: 0,
   class: "sr-only"
-}, mr = ["innerHTML"];
-function pr(e, a, t, s, i, n) {
+}, pr = ["innerHTML"];
+function gr(e, a, t, s, i, n) {
   const r = g("dt-icon");
   return o(), u("kbd", {
     class: _([
@@ -5050,7 +5051,7 @@ function pr(e, a, t, s, i, n) {
       t.inverted ? "d-bc-moderate-inverted" : "d-bc-default"
     ])
   }, [
-    t.screenReaderText ? (o(), u("span", fr, T(t.screenReaderText), 1)) : S("", !0),
+    t.screenReaderText ? (o(), u("span", mr, T(t.screenReaderText), 1)) : S("", !0),
     (o(!0), u(J, null, ne(n.formattedShortcutSplit, (l, d) => (o(), u(J, null, [
       n.icons[l] ? (o(), k(r, {
         key: `${d}-${l}`,
@@ -5069,14 +5070,14 @@ function pr(e, a, t, s, i, n) {
           "d-mr2"
         ]),
         innerHTML: l
-      }, null, 10, mr))
+      }, null, 10, pr))
     ], 64))), 256))
   ], 2);
 }
-const au = /* @__PURE__ */ C(hr, [["render", pr]]), pa = {
+const nu = /* @__PURE__ */ C(fr, [["render", gr]]), pa = {
   LEFT: "left",
   RIGHT: "right"
-}, gr = ["sm", "md", "lg", null], br = {
+}, br = ["sm", "md", "lg", null], yr = {
   name: "DtRootLayout",
   props: {
     /**
@@ -5132,8 +5133,7 @@ const au = /* @__PURE__ */ C(hr, [["render", pr]]), pa = {
       default: ""
     },
     /**
-     * The width of the sidebar
-     * Possible units rem|px|%|em
+     * DEPRECATED: set the height of the inner element instead.
      */
     sidebarWidth: {
       type: String,
@@ -5170,7 +5170,7 @@ const au = /* @__PURE__ */ C(hr, [["render", pr]]), pa = {
     responsiveBreakpoint: {
       type: String,
       default: null,
-      validator: (e) => gr.includes(e)
+      validator: (e) => br.includes(e)
     }
   },
   computed: {
@@ -5186,7 +5186,7 @@ const au = /* @__PURE__ */ C(hr, [["render", pr]]), pa = {
     }
   }
 };
-function yr(e, a, t, s, i, n) {
+function _r(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _(["root-layout d-root-layout", { "d-root-layout--fixed": t.fixed }, n.responsiveClass]),
     "data-qa": "dt-root-layout"
@@ -5205,11 +5205,10 @@ function yr(e, a, t, s, i, n) {
       p("aside", {
         ref: "root-layout-sidebar",
         class: _(["d-root-layout__sidebar", { "d-root-layout__sidebar--sticky": t.fixed }, t.sidebarClass]),
-        style: Ie({ "flex-basis": t.sidebarWidth }),
         "data-qa": "dt-root-layout-sidebar"
       }, [
         m(e.$slots, "sidebar")
-      ], 6),
+      ], 2),
       p("main", {
         ref: "root-layout-content",
         class: _(["d-root-layout__content", t.contentClass]),
@@ -5227,7 +5226,7 @@ function yr(e, a, t, s, i, n) {
     ], 2)
   ], 2);
 }
-const nu = /* @__PURE__ */ C(br, [["render", yr]]), Ce = {
+const iu = /* @__PURE__ */ C(yr, [["render", _r]]), Ce = {
   default: "column",
   column: "column",
   row: "row",
@@ -5249,18 +5248,18 @@ function ba(e) {
 function Ue(e) {
   return typeof e;
 }
-function _r(e) {
+function vr(e) {
   return ba(e) ? `d-stack--${Ce[ba(e)]}` : null;
 }
-function vr(e) {
+function Sr(e) {
   return Ue(e) === "object" ? [
     ...Fa.map((a) => e[a] ? `d-stack--${a}--${e[a]}` : null)
   ] : null;
 }
-function Sr(e) {
+function wr(e) {
   return Mt.includes(e) ? `d-stack--gap-${e}` : null;
 }
-function wr(e) {
+function Cr(e) {
   if (Ue(e) === "string")
     return Object.keys(Ce).includes(e);
   if (Ue(e) === "object") {
@@ -5269,10 +5268,10 @@ function wr(e) {
   } else
     return null;
 }
-function Cr(e) {
+function Ir(e) {
   return Mt.includes(e);
 }
-const Ir = {
+const kr = {
   name: "DtStack",
   props: {
     /**
@@ -5286,7 +5285,7 @@ const Ir = {
     direction: {
       type: [String, Object],
       default: "column",
-      validator: (e) => wr(e)
+      validator: (e) => Cr(e)
     },
     /**
      * Set this prop to render stack as a specific HTML element.
@@ -5302,7 +5301,7 @@ const Ir = {
     gap: {
       type: String,
       default: "0",
-      validator: (e) => Cr(e)
+      validator: (e) => Ir(e)
     }
   },
   data() {
@@ -5314,17 +5313,17 @@ const Ir = {
   },
   computed: {
     stackGap() {
-      return Sr(this.gap);
+      return wr(this.gap);
     },
     defaultDirection() {
-      return _r(this.direction);
+      return vr(this.direction);
     },
     stackResponsive() {
-      return vr(this.direction);
+      return Sr(this.direction);
     }
   }
 };
-function kr(e, a, t, s, i, n) {
+function Or(e, a, t, s, i, n) {
   return o(), k(fe(t.as), {
     class: _([
       "d-stack",
@@ -5339,7 +5338,7 @@ function kr(e, a, t, s, i, n) {
     _: 3
   }, 8, ["class"]);
 }
-const iu = /* @__PURE__ */ C(Ir, [["render", kr]]);
+const su = /* @__PURE__ */ C(kr, [["render", Or]]);
 const Va = {
   __name: "core_scroller",
   props: {
@@ -5435,7 +5434,7 @@ const Va = {
   emits: ["user-position"],
   setup(e, { expose: a, emit: t }) {
     const s = e, i = ta(/* @__PURE__ */ new Map()), n = ta(/* @__PURE__ */ new Map()), r = Z([]), l = Z(null), d = Z(!1), f = Z(null), y = Z("top");
-    let c = 0, w = 0, v = !1, I = 0, E = null, B = null, U = 0, xe = 0;
+    let c = 0, w = 0, v = !1, I = 0, E = null, B = null, j = 0, xe = 0;
     const ve = we(() => {
       if (s.itemSize === null) {
         const D = {
@@ -5447,17 +5446,17 @@ const Va = {
         return B = Y, D;
       }
       return [];
-    }), Ae = we(() => s.items.length && typeof s.items[0] != "object"), dt = we(() => {
+    }), Ae = we(() => s.items.length && typeof s.items[0] != "object"), ct = we(() => {
       const D = {};
       for (let x = 0, L = s.items.length; x < L; x++)
         D[s.items[x][s.keyField]] = x;
       return D;
     });
     We(ve, () => {
-      Te(!1);
+      Oe(!1);
     }, { deep: !0 }), La(() => {
       fn(() => {
-        Te(!0), d.value = !0;
+        Oe(!0), d.value = !0;
       });
     });
     const me = (D, x, L, re, Y) => {
@@ -5491,11 +5490,11 @@ const Va = {
       throw setTimeout(() => {
         console.error("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", f), 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");
-    }, Oe = () => {
+    }, ke = () => {
       r.value.sort((D, x) => D.nr.index - x.nr.index);
-    }, Te = (D, x = !1) => {
+    }, Oe = (D, x = !1) => {
       var Wt, Ut, jt, Kt, Gt, Yt, Zt, Qt;
-      const L = s.itemSize, re = B, Y = Ae.value ? null : s.keyField, pe = s.items, $ = pe.length, Q = ve.value, Re = i, Vt = n, Ye = r, Qa = dt;
+      const L = s.itemSize, re = B, Y = Ae.value ? null : s.keyField, pe = s.items, $ = pe.length, Q = ve.value, Re = i, Vt = n, Ye = r, Qa = ct;
       let X, H, Ze, de, ge;
       if (!$)
         X = H = de = ge = Ze = 0;
@@ -5527,7 +5526,7 @@ const Va = {
           X -= q, H = Math.ceil(R.end / L), de = Math.max(0, Math.floor(R.start / L)), ge = Math.floor(R.end / L), X < 0 && (X = 0), H > $ && (H = $), de < 0 && (de = 0), ge > $ && (ge = $), Ze = Math.ceil($ / 1) * L;
         }
       }
-      H - X > 1e3 && Pe(), U = Ze;
+      H - X > 1e3 && Pe(), j = Ze;
       let M;
       const Qe = X <= w && H >= X;
       if (Qe)
@@ -5554,25 +5553,25 @@ const Va = {
         }
         M.item = ce, L === null ? (M.position = (Qt = Q[R - 1]) == null ? void 0 : Qt.accumulator, M.offset = 0) : (M.position = Math.floor(R) * L, M.offset = R % 1 * L);
       }
-      return c = X, w = H, clearTimeout(E), E = setTimeout(Oe, 300), {
+      return c = X, w = H, clearTimeout(E), E = setTimeout(ke, 300), {
         continuous: Qe
       };
-    }, ct = (D) => {
+    }, ut = (D) => {
       const x = s.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, L = f.value, re = x.scroll;
       L[re] = D;
-    }, ut = (D) => {
+    }, ht = (D) => {
       var L;
       let x;
-      s.itemSize === null ? x = D > 0 ? (L = ve.value[D - 1]) == null ? void 0 : L.accumulator : 0 : x = Math.floor(D) * s.itemSize, ct(x);
-    }, ht = () => {
+      s.itemSize === null ? x = D > 0 ? (L = ve.value[D - 1]) == null ? void 0 : L.accumulator : 0 : x = Math.floor(D) * s.itemSize, ut(x);
+    }, ft = () => {
       const D = f.value;
       y.value !== "middle" && (y.value = "middle", t("user-position", "middle")), D.scrollTop === 0 && (y.value = "top", t("user-position", "top")), D.scrollTop + D.clientHeight === D.scrollHeight && (y.value = "bottom", t("user-position", "bottom")), v || (v = !0, requestAnimationFrame(() => {
-        v = !1, Te(!1, !0);
+        v = !1, Oe(!1, !0);
       }));
     };
     return a({
-      scrollToItem: ut,
-      _updateVisibleItems: Te
+      scrollToItem: ht,
+      _updateVisibleItems: Oe
     }), (D, x) => (o(), u("div", {
       ref_key: "scroller",
       ref: f,
@@ -5580,11 +5579,11 @@ const Va = {
         ready: d.value,
         [`direction-${e.direction}`]: !0
       }]),
-      onScrollPassive: ht
+      onScrollPassive: ft
     }, [
       (o(), k(fe(e.listTag), {
         ref: "wrapper",
-        style: Ie({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${A(U)}px` }),
+        style: Le({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${A(j)}px` }),
         class: _(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: h(() => [
@@ -5601,7 +5600,7 @@ const Va = {
                 hover: !e.skipHover && l.value === L.nr.key
               }
             ]]
-          }, K(e.skipHover ? {} : {
+          }, U(e.skipHover ? {} : {
             mouseenter: () => {
               l.value = L.nr.key;
             },
@@ -5623,7 +5622,7 @@ const Va = {
       }, 8, ["style", "class"]))
     ], 34));
   }
-}, Or = {
+}, Tr = {
   name: "DtScrollerItem",
   inject: [
     "vscrollData",
@@ -5743,11 +5742,11 @@ const Va = {
   render() {
     return gn(this.tag, this.$slots.default());
   }
-}, Tr = {
+}, Dr = {
   name: "DynamicScroller",
   components: {
     CoreScroller: Va,
-    DtScrollerItem: Or
+    DtScrollerItem: Tr
   },
   provide() {
     return typeof ResizeObserver < "u" && (this.$_resizeObserver = new ResizeObserver((e) => {
@@ -5915,7 +5914,7 @@ const Va = {
     }
   }
 };
-function Dr(e, a, t, s, i, n) {
+function Lr(e, a, t, s, i, n) {
   const r = g("dt-scroller-item"), l = g("core-scroller");
   return o(), k(l, O({
     ref: "scroller",
@@ -5949,7 +5948,7 @@ function Dr(e, a, t, s, i, n) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const Lr = /* @__PURE__ */ C(Tr, [["render", Dr]]), su = {
+const Er = /* @__PURE__ */ C(Dr, [["render", Lr]]), ru = {
   __name: "DtScroller",
   props: {
     /**
@@ -6079,7 +6078,7 @@ const Lr = /* @__PURE__ */ C(Tr, [["render", Dr]]), su = {
       scrollToItem: l,
       updateItems: d,
       updateItemsFromBottom: f
-    }), (c, w) => (o(), k(fe(e.dynamic ? Lr : Va), {
+    }), (c, w) => (o(), k(fe(e.dynamic ? Er : Va), {
       ref_key: "scroller",
       ref: i,
       "data-qa": "dt-scroller",
@@ -6090,7 +6089,7 @@ const Lr = /* @__PURE__ */ C(Tr, [["render", Dr]]), su = {
       "key-field": e.keyField,
       "list-tag": e.listTag,
       "item-tag": e.itemTag,
-      style: Ie(n.value),
+      style: Le(n.value),
       tabindex: "0",
       onUserPosition: w[0] || (w[0] = (v) => c.$emit("user-position", v))
     }, {
@@ -6113,7 +6112,7 @@ function je(e) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
   }, je(e);
 }
-function j(e) {
+function K(e) {
   if (e === null || e === !0 || e === !1)
     return NaN;
   var a = Number(e);
@@ -6130,12 +6129,12 @@ function F(e) {
 }
 function Wa(e, a) {
   N(2, arguments);
-  var t = F(e), s = j(a);
+  var t = F(e), s = K(a);
   return isNaN(s) ? /* @__PURE__ */ new Date(NaN) : (s && t.setDate(t.getDate() + s), t);
 }
 function Ua(e, a) {
   N(2, arguments);
-  var t = F(e), s = j(a);
+  var t = F(e), s = K(a);
   if (isNaN(s))
     return /* @__PURE__ */ new Date(NaN);
   if (!s)
@@ -6145,49 +6144,49 @@ function Ua(e, a) {
   var r = n.getDate();
   return i >= r ? n : (t.setFullYear(n.getFullYear(), n.getMonth(), i), t);
 }
-function Er(e, a) {
+function xr(e, a) {
   N(2, arguments);
-  var t = F(e).getTime(), s = j(a);
+  var t = F(e).getTime(), s = K(a);
   return new Date(t + s);
 }
-var xr = {};
+var Ar = {};
 function Ge() {
-  return xr;
+  return Ar;
 }
-function Ar(e, a) {
+function Mr(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = Ge(), c = j((t = (s = (i = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
+  var y = Ge(), c = K((t = (s = (i = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(c >= 0 && c <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var w = F(e), v = w.getDay(), I = (v < c ? 7 : 0) + v - c;
   return w.setDate(w.getDate() - I), w.setHours(0, 0, 0, 0), w;
 }
-function Mr(e) {
+function Pr(e) {
   var a = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
   return a.setUTCFullYear(e.getFullYear()), e.getTime() - a.getTime();
 }
-function Pr(e) {
+function Rr(e) {
   return N(1, arguments), e instanceof Date || je(e) === "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function Rr(e) {
-  if (N(1, arguments), !Pr(e) && typeof e != "number")
+function Nr(e) {
+  if (N(1, arguments), !Rr(e) && typeof e != "number")
     return !1;
   var a = F(e);
   return !isNaN(Number(a));
 }
-function Nr(e, a) {
+function $r(e, a) {
   N(2, arguments);
-  var t = j(a);
-  return Er(e, -t);
+  var t = K(a);
+  return xr(e, -t);
 }
-var $r = 864e5;
-function Br(e) {
+var Br = 864e5;
+function zr(e) {
   N(1, arguments);
   var a = F(e), t = a.getTime();
   a.setUTCMonth(0, 1), a.setUTCHours(0, 0, 0, 0);
   var s = a.getTime(), i = t - s;
-  return Math.floor(i / $r) + 1;
+  return Math.floor(i / Br) + 1;
 }
 function tt(e) {
   N(1, arguments);
@@ -6203,23 +6202,23 @@ function ja(e) {
   var r = tt(n);
   return a.getTime() >= i.getTime() ? t + 1 : a.getTime() >= r.getTime() ? t : t - 1;
 }
-function zr(e) {
+function qr(e) {
   N(1, arguments);
   var a = ja(e), t = /* @__PURE__ */ new Date(0);
   t.setUTCFullYear(a, 0, 4), t.setUTCHours(0, 0, 0, 0);
   var s = tt(t);
   return s;
 }
-var qr = 6048e5;
-function Fr(e) {
+var Fr = 6048e5;
+function Vr(e) {
   N(1, arguments);
-  var a = F(e), t = tt(a).getTime() - zr(a).getTime();
-  return Math.round(t / qr) + 1;
+  var a = F(e), t = tt(a).getTime() - qr(a).getTime();
+  return Math.round(t / Fr) + 1;
 }
 function at(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = Ge(), c = j((t = (s = (i = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
+  var y = Ge(), c = K((t = (s = (i = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && i !== void 0 ? i : y.weekStartsOn) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(c >= 0 && c <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var w = F(e), v = w.getUTCDay(), I = (v < c ? 7 : 0) + v - c;
@@ -6228,36 +6227,36 @@ function at(e, a) {
 function Ka(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = F(e), c = y.getUTCFullYear(), w = Ge(), v = j((t = (s = (i = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && i !== void 0 ? i : w.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = w.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
+  var y = F(e), c = y.getUTCFullYear(), w = Ge(), v = K((t = (s = (i = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && i !== void 0 ? i : w.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = w.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
   if (!(v >= 1 && v <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var I = /* @__PURE__ */ new Date(0);
   I.setUTCFullYear(c + 1, 0, v), I.setUTCHours(0, 0, 0, 0);
   var E = at(I, a), B = /* @__PURE__ */ new Date(0);
   B.setUTCFullYear(c, 0, v), B.setUTCHours(0, 0, 0, 0);
-  var U = at(B, a);
-  return y.getTime() >= E.getTime() ? c + 1 : y.getTime() >= U.getTime() ? c : c - 1;
+  var j = at(B, a);
+  return y.getTime() >= E.getTime() ? c + 1 : y.getTime() >= j.getTime() ? c : c - 1;
 }
-function Vr(e, a) {
+function Hr(e, a) {
   var t, s, i, n, r, l, d, f;
   N(1, arguments);
-  var y = Ge(), c = j((t = (s = (i = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && i !== void 0 ? i : y.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), w = Ka(e, a), v = /* @__PURE__ */ new Date(0);
+  var y = Ge(), c = K((t = (s = (i = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && i !== void 0 ? i : y.firstWeekContainsDate) !== null && s !== void 0 ? s : (d = y.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), w = Ka(e, a), v = /* @__PURE__ */ new Date(0);
   v.setUTCFullYear(w, 0, c), v.setUTCHours(0, 0, 0, 0);
   var I = at(v, a);
   return I;
 }
-var Hr = 6048e5;
-function Wr(e, a) {
+var Wr = 6048e5;
+function Ur(e, a) {
   N(1, arguments);
-  var t = F(e), s = at(t, a).getTime() - Vr(t, a).getTime();
-  return Math.round(s / Hr) + 1;
+  var t = F(e), s = at(t, a).getTime() - Hr(t, a).getTime();
+  return Math.round(s / Wr) + 1;
 }
 function P(e, a) {
   for (var t = e < 0 ? "-" : "", s = Math.abs(e).toString(); s.length < a; )
     s = "0" + s;
   return t + s;
 }
-var Ur = {
+var jr = {
   // Year
   y: function(a, t) {
     var s = a.getUTCFullYear(), i = s > 0 ? s : 1 - s;
@@ -6310,8 +6309,8 @@ var Ur = {
     return P(n, t.length);
   }
 };
-const ye = Ur;
-var De = {
+const ye = jr;
+var Te = {
   am: "am",
   pm: "pm",
   midnight: "midnight",
@@ -6320,7 +6319,7 @@ var De = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, jr = {
+}, Kr = {
   // Era
   G: function(a, t, s) {
     var i = a.getUTCFullYear() > 0 ? 1 : 0;
@@ -6502,14 +6501,14 @@ var De = {
   },
   // Local week of year
   w: function(a, t, s, i) {
-    var n = Wr(a, i);
+    var n = Ur(a, i);
     return t === "wo" ? s.ordinalNumber(n, {
       unit: "week"
     }) : P(n, t.length);
   },
   // ISO week of year
   I: function(a, t, s) {
-    var i = Fr(a);
+    var i = Vr(a);
     return t === "Io" ? s.ordinalNumber(i, {
       unit: "week"
     }) : P(i, t.length);
@@ -6522,7 +6521,7 @@ var De = {
   },
   // Day of year
   D: function(a, t, s) {
-    var i = Br(a);
+    var i = zr(a);
     return t === "Do" ? s.ordinalNumber(i, {
       unit: "dayOfYear"
     }) : P(i, t.length);
@@ -6692,7 +6691,7 @@ var De = {
   // AM, PM, midnight, noon
   b: function(a, t, s) {
     var i = a.getUTCHours(), n;
-    switch (i === 12 ? n = De.noon : i === 0 ? n = De.midnight : n = i / 12 >= 1 ? "pm" : "am", t) {
+    switch (i === 12 ? n = Te.noon : i === 0 ? n = Te.midnight : n = i / 12 >= 1 ? "pm" : "am", t) {
       case "b":
       case "bb":
         return s.dayPeriod(n, {
@@ -6720,7 +6719,7 @@ var De = {
   // in the morning, in the afternoon, in the evening, at night
   B: function(a, t, s) {
     var i = a.getUTCHours(), n;
-    switch (i >= 17 ? n = De.evening : i >= 12 ? n = De.afternoon : i >= 4 ? n = De.morning : n = De.night, t) {
+    switch (i >= 17 ? n = Te.evening : i >= 12 ? n = Te.afternoon : i >= 4 ? n = Te.morning : n = Te.night, t) {
       case "B":
       case "BB":
       case "BBB":
@@ -6874,7 +6873,7 @@ function Se(e, a) {
   var t = a || "", s = e > 0 ? "-" : "+", i = Math.abs(e), n = P(Math.floor(i / 60), 2), r = P(i % 60, 2);
   return s + n + t + r;
 }
-const Kr = jr;
+const Gr = Kr;
 var va = function(a, t) {
   switch (a) {
     case "P":
@@ -6915,7 +6914,7 @@ var va = function(a, t) {
         width: "full"
       });
   }
-}, Gr = function(a, t) {
+}, Yr = function(a, t) {
   var s = a.match(/(P+)(p+)?/) || [], i = s[1], n = s[2];
   if (!n)
     return va(a, t);
@@ -6944,18 +6943,18 @@ var va = function(a, t) {
       break;
   }
   return r.replace("{{date}}", va(i, t)).replace("{{time}}", Ga(n, t));
-}, Yr = {
+}, Zr = {
   p: Ga,
-  P: Gr
+  P: Yr
 };
-const Zr = Yr;
-var Qr = ["D", "DD"], Xr = ["YY", "YYYY"];
-function Jr(e) {
-  return Qr.indexOf(e) !== -1;
-}
+const Qr = Zr;
+var Xr = ["D", "DD"], Jr = ["YY", "YYYY"];
 function eo(e) {
   return Xr.indexOf(e) !== -1;
 }
+function to(e) {
+  return Jr.indexOf(e) !== -1;
+}
 function Sa(e, a, t) {
   if (e === "YYYY")
     throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(a, "`) for formatting years to the input `").concat(t, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
@@ -6966,7 +6965,7 @@ function Sa(e, a, t) {
   if (e === "DD")
     throw new RangeError("Use `dd` instead of `DD` (in `".concat(a, "`) for formatting days of the month to the input `").concat(t, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
 }
-var to = {
+var ao = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -7028,58 +7027,58 @@ var to = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, ao = function(a, t, s) {
-  var i, n = to[a];
+}, no = function(a, t, s) {
+  var i, n = ao[a];
   return typeof n == "string" ? i = n : t === 1 ? i = n.one : i = n.other.replace("{{count}}", t.toString()), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "in " + i : i + " ago" : i;
 };
-const no = ao;
-function pt(e) {
+const io = no;
+function gt(e) {
   return function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.width ? String(a.width) : e.defaultWidth, s = e.formats[t] || e.formats[e.defaultWidth];
     return s;
   };
 }
-var io = {
+var so = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, so = {
+}, ro = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, ro = {
+}, oo = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, oo = {
-  date: pt({
-    formats: io,
-    defaultWidth: "full"
-  }),
-  time: pt({
+}, lo = {
+  date: gt({
     formats: so,
     defaultWidth: "full"
   }),
-  dateTime: pt({
+  time: gt({
     formats: ro,
     defaultWidth: "full"
+  }),
+  dateTime: gt({
+    formats: oo,
+    defaultWidth: "full"
   })
 };
-const lo = oo;
-var co = {
+const co = lo;
+var uo = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, uo = function(a, t, s, i) {
-  return co[a];
+}, ho = function(a, t, s, i) {
+  return uo[a];
 };
-const ho = uo;
+const fo = ho;
 function $e(e) {
   return function(a, t) {
     var s = t != null && t.context ? String(t.context) : "standalone", i;
@@ -7094,24 +7093,24 @@ function $e(e) {
     return i[f];
   };
 }
-var fo = {
+var mo = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, mo = {
+}, po = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, po = {
+}, go = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
-}, go = {
+}, bo = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
   wide: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
-}, bo = {
+}, yo = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7142,7 +7141,7 @@ var fo = {
     evening: "evening",
     night: "night"
   }
-}, yo = {
+}, _o = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7173,7 +7172,7 @@ var fo = {
     evening: "in the evening",
     night: "at night"
   }
-}, _o = function(a, t) {
+}, vo = function(a, t) {
   var s = Number(a), i = s % 100;
   if (i > 20 || i < 10)
     switch (i % 10) {
@@ -7185,43 +7184,43 @@ var fo = {
         return s + "rd";
     }
   return s + "th";
-}, vo = {
-  ordinalNumber: _o,
+}, So = {
+  ordinalNumber: vo,
   era: $e({
-    values: fo,
+    values: mo,
     defaultWidth: "wide"
   }),
   quarter: $e({
-    values: mo,
+    values: po,
     defaultWidth: "wide",
     argumentCallback: function(a) {
       return a - 1;
     }
   }),
   month: $e({
-    values: po,
+    values: go,
     defaultWidth: "wide"
   }),
   day: $e({
-    values: go,
+    values: bo,
     defaultWidth: "wide"
   }),
   dayPeriod: $e({
-    values: bo,
+    values: yo,
     defaultWidth: "wide",
-    formattingValues: yo,
+    formattingValues: _o,
     defaultFormattingWidth: "wide"
   })
 };
-const So = vo;
+const wo = So;
 function Be(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = t.width, i = s && e.matchPatterns[s] || e.matchPatterns[e.defaultMatchWidth], n = a.match(i);
     if (!n)
       return null;
-    var r = n[0], l = s && e.parsePatterns[s] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(l) ? Co(l, function(c) {
+    var r = n[0], l = s && e.parsePatterns[s] || e.parsePatterns[e.defaultParseWidth], d = Array.isArray(l) ? Io(l, function(c) {
       return c.test(r);
-    }) : wo(l, function(c) {
+    }) : Co(l, function(c) {
       return c.test(r);
     }), f;
     f = e.valueCallback ? e.valueCallback(d) : d, f = t.valueCallback ? t.valueCallback(f) : f;
@@ -7232,17 +7231,17 @@ function Be(e) {
     };
   };
 }
-function wo(e, a) {
+function Co(e, a) {
   for (var t in e)
     if (e.hasOwnProperty(t) && a(e[t]))
       return t;
 }
-function Co(e, a) {
+function Io(e, a) {
   for (var t = 0; t < e.length; t++)
     if (a(e[t]))
       return t;
 }
-function Io(e) {
+function ko(e) {
   return function(a) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = a.match(e.matchPattern);
     if (!s)
@@ -7259,37 +7258,37 @@ function Io(e) {
     };
   };
 }
-var ko = /^(\d+)(th|st|nd|rd)?/i, Oo = /\d+/i, To = {
+var Oo = /^(\d+)(th|st|nd|rd)?/i, To = /\d+/i, Do = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, Do = {
-  any: [/^b/i, /^(a|c)/i]
 }, Lo = {
+  any: [/^b/i, /^(a|c)/i]
+}, Eo = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, Eo = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, xo = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Ao = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, Ao = {
+}, Mo = {
   narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
   any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
-}, Mo = {
+}, Po = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, Po = {
+}, Ro = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-}, Ro = {
+}, No = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, No = {
+}, $o = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -7300,116 +7299,116 @@ var ko = /^(\d+)(th|st|nd|rd)?/i, Oo = /\d+/i, To = {
     evening: /evening/i,
     night: /night/i
   }
-}, $o = {
-  ordinalNumber: Io({
-    matchPattern: ko,
-    parsePattern: Oo,
+}, Bo = {
+  ordinalNumber: ko({
+    matchPattern: Oo,
+    parsePattern: To,
     valueCallback: function(a) {
       return parseInt(a, 10);
     }
   }),
   era: Be({
-    matchPatterns: To,
+    matchPatterns: Do,
     defaultMatchWidth: "wide",
-    parsePatterns: Do,
+    parsePatterns: Lo,
     defaultParseWidth: "any"
   }),
   quarter: Be({
-    matchPatterns: Lo,
+    matchPatterns: Eo,
     defaultMatchWidth: "wide",
-    parsePatterns: Eo,
+    parsePatterns: xo,
     defaultParseWidth: "any",
     valueCallback: function(a) {
       return a + 1;
     }
   }),
   month: Be({
-    matchPatterns: xo,
+    matchPatterns: Ao,
     defaultMatchWidth: "wide",
-    parsePatterns: Ao,
+    parsePatterns: Mo,
     defaultParseWidth: "any"
   }),
   day: Be({
-    matchPatterns: Mo,
+    matchPatterns: Po,
     defaultMatchWidth: "wide",
-    parsePatterns: Po,
+    parsePatterns: Ro,
     defaultParseWidth: "any"
   }),
   dayPeriod: Be({
-    matchPatterns: Ro,
+    matchPatterns: No,
     defaultMatchWidth: "any",
-    parsePatterns: No,
+    parsePatterns: $o,
     defaultParseWidth: "any"
   })
 };
-const Bo = $o;
-var zo = {
+const zo = Bo;
+var qo = {
   code: "en-US",
-  formatDistance: no,
-  formatLong: lo,
-  formatRelative: ho,
-  localize: So,
-  match: Bo,
+  formatDistance: io,
+  formatLong: co,
+  formatRelative: fo,
+  localize: wo,
+  match: zo,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-const qo = zo;
-var Fo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Vo = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ho = /^'([^]*?)'?$/, Wo = /''/g, Uo = /[a-zA-Z]/;
-function ke(e, a, t) {
-  var s, i, n, r, l, d, f, y, c, w, v, I, E, B, U, xe, ve, Ae;
+const Fo = qo;
+var Vo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ho = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Wo = /^'([^]*?)'?$/, Uo = /''/g, jo = /[a-zA-Z]/;
+function Ie(e, a, t) {
+  var s, i, n, r, l, d, f, y, c, w, v, I, E, B, j, xe, ve, Ae;
   N(2, arguments);
-  var dt = String(a), me = Ge(), le = (s = (i = t == null ? void 0 : t.locale) !== null && i !== void 0 ? i : me.locale) !== null && s !== void 0 ? s : qo, Me = j((n = (r = (l = (d = t == null ? void 0 : t.firstWeekContainsDate) !== null && d !== void 0 ? d : t == null || (f = t.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && l !== void 0 ? l : me.firstWeekContainsDate) !== null && r !== void 0 ? r : (c = me.locale) === null || c === void 0 || (w = c.options) === null || w === void 0 ? void 0 : w.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
+  var ct = String(a), me = Ge(), le = (s = (i = t == null ? void 0 : t.locale) !== null && i !== void 0 ? i : me.locale) !== null && s !== void 0 ? s : Fo, Me = K((n = (r = (l = (d = t == null ? void 0 : t.firstWeekContainsDate) !== null && d !== void 0 ? d : t == null || (f = t.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && l !== void 0 ? l : me.firstWeekContainsDate) !== null && r !== void 0 ? r : (c = me.locale) === null || c === void 0 || (w = c.options) === null || w === void 0 ? void 0 : w.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
   if (!(Me >= 1 && Me <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var Pe = j((v = (I = (E = (B = t == null ? void 0 : t.weekStartsOn) !== null && B !== void 0 ? B : t == null || (U = t.locale) === null || U === void 0 || (xe = U.options) === null || xe === void 0 ? void 0 : xe.weekStartsOn) !== null && E !== void 0 ? E : me.weekStartsOn) !== null && I !== void 0 ? I : (ve = me.locale) === null || ve === void 0 || (Ae = ve.options) === null || Ae === void 0 ? void 0 : Ae.weekStartsOn) !== null && v !== void 0 ? v : 0);
+  var Pe = K((v = (I = (E = (B = t == null ? void 0 : t.weekStartsOn) !== null && B !== void 0 ? B : t == null || (j = t.locale) === null || j === void 0 || (xe = j.options) === null || xe === void 0 ? void 0 : xe.weekStartsOn) !== null && E !== void 0 ? E : me.weekStartsOn) !== null && I !== void 0 ? I : (ve = me.locale) === null || ve === void 0 || (Ae = ve.options) === null || Ae === void 0 ? void 0 : Ae.weekStartsOn) !== null && v !== void 0 ? v : 0);
   if (!(Pe >= 0 && Pe <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!le.localize)
     throw new RangeError("locale must contain localize property");
   if (!le.formatLong)
     throw new RangeError("locale must contain formatLong property");
-  var Oe = F(e);
-  if (!Rr(Oe))
+  var ke = F(e);
+  if (!Nr(ke))
     throw new RangeError("Invalid time value");
-  var Te = Mr(Oe), ct = Nr(Oe, Te), ut = {
+  var Oe = Pr(ke), ut = $r(ke, Oe), ht = {
     firstWeekContainsDate: Me,
     weekStartsOn: Pe,
     locale: le,
-    _originalDate: Oe
-  }, ht = dt.match(Vo).map(function(D) {
+    _originalDate: ke
+  }, ft = ct.match(Ho).map(function(D) {
     var x = D[0];
     if (x === "p" || x === "P") {
-      var L = Zr[x];
+      var L = Qr[x];
       return L(D, le.formatLong);
     }
     return D;
-  }).join("").match(Fo).map(function(D) {
+  }).join("").match(Vo).map(function(D) {
     if (D === "''")
       return "'";
     var x = D[0];
     if (x === "'")
-      return jo(D);
-    var L = Kr[x];
+      return Ko(D);
+    var L = Gr[x];
     if (L)
-      return !(t != null && t.useAdditionalWeekYearTokens) && eo(D) && Sa(D, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && Jr(D) && Sa(D, a, String(e)), L(ct, D, le.localize, ut);
-    if (x.match(Uo))
+      return !(t != null && t.useAdditionalWeekYearTokens) && to(D) && Sa(D, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && eo(D) && Sa(D, a, String(e)), L(ut, D, le.localize, ht);
+    if (x.match(jo))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + x + "`");
     return D;
   }).join("");
-  return ht;
-}
-function jo(e) {
-  var a = e.match(Ho);
-  return a ? a[1].replace(Wo, "'") : e;
+  return ft;
 }
 function Ko(e) {
+  var a = e.match(Wo);
+  return a ? a[1].replace(Uo, "'") : e;
+}
+function Go(e) {
   N(1, arguments);
   var a = F(e), t = a.getDate();
   return t;
 }
-function Go(e) {
+function Yo(e) {
   N(1, arguments);
   var a = F(e), t = a.getFullYear(), s = a.getMonth(), i = /* @__PURE__ */ new Date(0);
   return i.setFullYear(t, s + 1, 0), i.setHours(0, 0, 0, 0), i.getDate();
@@ -7419,34 +7418,34 @@ function et(e) {
   var a = F(e), t = a.getMonth();
   return t;
 }
-function _t(e) {
+function vt(e) {
   return N(1, arguments), F(e).getFullYear();
 }
-function Yo(e, a) {
+function Zo(e, a) {
   N(2, arguments);
   var t = F(e), s = F(a);
   return t.getTime() === s.getTime();
 }
-function Zo(e, a) {
+function Qo(e, a) {
   N(2, arguments);
-  var t = F(e), s = j(a), i = t.getFullYear(), n = t.getDate(), r = /* @__PURE__ */ new Date(0);
+  var t = F(e), s = K(a), i = t.getFullYear(), n = t.getDate(), r = /* @__PURE__ */ new Date(0);
   r.setFullYear(i, s, 15), r.setHours(0, 0, 0, 0);
-  var l = Go(r);
+  var l = Yo(r);
   return t.setMonth(s, Math.min(n, l)), t;
 }
-function Qo(e, a) {
+function Xo(e, a) {
   if (N(2, arguments), je(a) !== "object" || a === null)
     throw new RangeError("values parameter must be an object");
   var t = F(e);
-  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Zo(t, a.month)), a.date != null && t.setDate(j(a.date)), a.hours != null && t.setHours(j(a.hours)), a.minutes != null && t.setMinutes(j(a.minutes)), a.seconds != null && t.setSeconds(j(a.seconds)), a.milliseconds != null && t.setMilliseconds(j(a.milliseconds)), t);
+  return isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : (a.year != null && t.setFullYear(a.year), a.month != null && (t = Qo(t, a.month)), a.date != null && t.setDate(K(a.date)), a.hours != null && t.setHours(K(a.hours)), a.minutes != null && t.setMinutes(K(a.minutes)), a.seconds != null && t.setSeconds(K(a.seconds)), a.milliseconds != null && t.setMilliseconds(K(a.milliseconds)), t);
 }
-function Xo(e, a) {
+function Jo(e, a) {
   N(2, arguments);
-  var t = j(a);
+  var t = K(a);
   return Ua(e, -t);
 }
-const vt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Jo = (e, a, t) => {
-  const s = vt(JSON.parse(JSON.stringify(e))), i = [];
+const St = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), el = (e, a, t) => {
+  const s = St(JSON.parse(JSON.stringify(e))), i = [];
   for (let n = 0; n < 7; n++) {
     const r = Wa(s, n), l = et(r) !== a;
     i.push({
@@ -7459,23 +7458,23 @@ const vt = (e) => e ? new Date(e) : /* @__PURE__ */ new Date(), Jo = (e, a, t) =
     });
   }
   return i;
-}, el = (e, a) => !e || !a ? !1 : Yo(e, a), tl = (e, a, t) => {
-  const s = [], i = vt(new Date(a, e)), n = vt(new Date(a, e + 1, 0)), l = Ar(i, { weekStartsOn: Ha }), d = (f) => {
-    const y = Jo(f, e, t);
+}, tl = (e, a) => !e || !a ? !1 : Zo(e, a), al = (e, a, t) => {
+  const s = [], i = St(new Date(a, e)), n = St(new Date(a, e + 1, 0)), l = Mr(i, { weekStartsOn: Ha }), d = (f) => {
+    const y = el(f, e, t);
     if (s.push({ days: y }), !s[s.length - 1].days.some(
-      (c) => el(c.value, n)
+      (c) => tl(c.value, n)
     )) {
       const c = Wa(f, 7);
       d(c);
     }
   };
   return d(l), s;
-}, al = (e, a) => {
+}, nl = (e, a) => {
   const t = [1, 2, 3, 4, 5, 6, 7].map((n) => new Intl.DateTimeFormat(e, { weekday: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`2017-01-0${n}T00:00:00+00:00`)).slice(0, 2)), s = t.slice(0, a), i = t.slice(a + 1, t.length);
   return [t[a]].concat(...i).concat(...s);
-}, nl = (e, a) => ke(new Date(2e3, e, 1), a);
-function il(e, a) {
-  const t = Z(et(e.selectedDate)), s = Z(_t(e.selectedDate)), i = Z(null), n = Z(0), r = Z([]), l = we(() => tl(t.value, s.value, i.value)), d = we(() => (E, B) => nl(E, B));
+}, il = (e, a) => Ie(new Date(2e3, e, 1), a);
+function sl(e, a) {
+  const t = Z(et(e.selectedDate)), s = Z(vt(e.selectedDate)), i = Z(null), n = Z(0), r = Z([]), l = we(() => al(t.value, s.value, i.value)), d = we(() => (E, B) => il(E, B));
   We(t, () => {
     w(), a("calendar-days", l.value);
   }, { immediate: !0 }), We(s, () => {
@@ -7507,12 +7506,12 @@ function il(e, a) {
     }
   }
   function w() {
-    const E = _t(e.selectedDate), B = et(e.selectedDate);
-    E !== s.value || B !== t.value ? i.value = null : i.value = Ko(e.selectedDate);
+    const E = vt(e.selectedDate), B = et(e.selectedDate);
+    E !== s.value || B !== t.value ? i.value = null : i.value = Go(e.selectedDate);
   }
   function v(E) {
-    const B = Qo(e.selectedDate, { month: t.value, year: s.value }), U = ++E ? Ua(B, 1) : Xo(B, 1);
-    t.value = et(U);
+    const B = Xo(e.selectedDate, { month: t.value, year: s.value }), j = ++E ? Ua(B, 1) : Jo(B, 1);
+    t.value = et(j);
   }
   function I(E) {
     s.value = s.value + E;
@@ -7528,7 +7527,7 @@ function il(e, a) {
     changeYear: I
   };
 }
-const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol = ["aria-label"], ll = ["aria-label"], dl = ["aria-label"], cl = {
+const rl = { class: "d-datepicker__month-year-picker" }, ol = ["aria-label"], ll = ["aria-label"], dl = ["aria-label"], cl = ["aria-label"], ul = {
   __name: "month-year-picker",
   props: {
     prevMonthLabel: {
@@ -7587,12 +7586,12 @@ const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol
       handleKeyDown: f,
       changeMonth: y,
       changeYear: c
-    } = il(s, t);
+    } = sl(s, t);
     return La(() => {
       d();
     }), a({
       focusMonthYearPicker: d
-    }), (w, v) => (o(), u("div", sl, [
+    }), (w, v) => (o(), u("div", rl, [
       p("div", null, [
         p("button", {
           id: "prevYearButton",
@@ -7608,7 +7607,7 @@ const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol
             name: "chevrons-left",
             size: "400"
           })
-        ], 40, rl),
+        ], 40, ol),
         p("button", {
           id: "prevMonthButton",
           ref: (I) => {
@@ -7623,7 +7622,7 @@ const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol
             name: "chevron-left",
             size: "300"
           })
-        ], 40, ol)
+        ], 40, ll)
       ]),
       p("div", null, [
         p("p", null, T(A(r)(A(i), A(Je))) + " " + T(A(n)), 1)
@@ -7643,7 +7642,7 @@ const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol
             name: "chevron-right",
             size: "300"
           })
-        ], 40, ll),
+        ], 40, dl),
         p("button", {
           id: "nextYearButton",
           ref: (I) => {
@@ -7658,18 +7657,18 @@ const sl = { class: "d-datepicker__month-year-picker" }, rl = ["aria-label"], ol
             name: "chevrons-right",
             size: "300"
           })
-        ], 40, dl)
+        ], 40, cl)
       ])
     ]));
   }
 };
-function ul(e, a) {
-  const t = Z(null), s = Z(0), i = Z([]), n = we(() => al(e.locale, Ha));
+function hl(e, a) {
+  const t = Z(null), s = Z(0), i = Z([]), n = we(() => nl(e.locale, Ha));
   We(() => e.calendarDays, () => {
     s.value = 0, i.value = [], t.value = null;
   });
   function r(c) {
-    return `${e.selectDayLabel} ${c.text} ${ke(c.value, Je)} ${_t(c.value)}`;
+    return `${e.selectDayLabel} ${c.text} ${Ie(c.value, Je)} ${vt(c.value)}`;
   }
   function l(c, w) {
     !i.value.includes(c) && w && i.value.push(c);
@@ -7722,7 +7721,7 @@ function ul(e, a) {
     selectDay: y
   };
 }
-const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__week-day" }, ml = ["aria-label", "onClick"], pl = {
+const fl = { class: "d-datepicker__calendar" }, ml = { class: "d-datepicker__week-day" }, pl = ["aria-label", "onClick"], gl = {
   __name: "calendar",
   props: {
     calendarDays: {
@@ -7768,11 +7767,11 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
       handleKeyDown: d,
       focusFirstDay: f,
       selectDay: y
-    } = ul(s, t);
+    } = hl(s, t);
     return a({
       focusFirstDay: f
-    }), (c, w) => (o(), u("div", hl, [
-      p("div", fl, [
+    }), (c, w) => (o(), u("div", fl, [
+      p("div", ml, [
         (o(!0), u(J, null, ne(A(n), (v) => (o(), u("div", { key: v }, [
           p("p", null, T(v), 1)
         ]))), 128))
@@ -7784,8 +7783,8 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
         (o(!0), u(J, null, ne(v.days, (E, B) => (o(), u("button", {
           key: I + B,
           ref_for: !0,
-          ref: (U) => {
-            U && A(l)(U, E.currentMonth);
+          ref: (j) => {
+            j && A(l)(j, E.currentMonth);
           },
           class: _(["d-datepicker__day", {
             "d-datepicker__day--disabled": !E.currentMonth,
@@ -7793,13 +7792,13 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
           }]),
           type: "button",
           "aria-label": A(r)(E),
-          onClick: (U) => A(y)(E),
-          onKeydown: w[0] || (w[0] = (U) => A(d)(U))
-        }, T(E.text), 43, ml))), 128))
+          onClick: (j) => A(y)(E),
+          onKeydown: w[0] || (w[0] = (j) => A(d)(j))
+        }, T(E.text), 43, pl))), 128))
       ]))), 128))
     ]));
   }
-}, gl = { class: "d-datepicker" }, bl = { class: "d-datepicker--header" }, yl = { class: "d-datepicker--body" }, ru = {
+}, bl = { class: "d-datepicker" }, yl = { class: "d-datepicker--header" }, _l = { class: "d-datepicker--body" }, ou = {
   __name: "DtDatepicker",
   props: {
     /**
@@ -7901,9 +7900,9 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
     function t(s) {
       a.value = s;
     }
-    return (s, i) => (o(), u("div", gl, [
-      p("div", bl, [
-        b(cl, {
+    return (s, i) => (o(), u("div", bl, [
+      p("div", yl, [
+        b(ul, {
           ref: "monthYearPicker",
           "prev-month-label": e.prevMonthLabel,
           "next-month-label": e.nextMonthLabel,
@@ -7916,8 +7915,8 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
           onCloseDatepicker: i[1] || (i[1] = (n) => s.$emit("close-datepicker"))
         }, null, 8, ["prev-month-label", "next-month-label", "prev-year-label", "next-year-label", "change-to-label", "selected-date"])
       ]),
-      p("div", yl, [
-        b(pl, {
+      p("div", _l, [
+        b(gl, {
           ref: "calendar",
           locale: e.locale,
           "calendar-days": a.value,
@@ -7930,25 +7929,25 @@ const hl = { class: "d-datepicker__calendar" }, fl = { class: "d-datepicker__wee
     ]));
   }
 };
-function ou(e) {
-  return ke(e, "EEEE, MMMM d, yyyy");
-}
 function lu(e) {
-  return ke(e, "MMMM d, yyyy");
+  return Ie(e, "EEEE, MMMM d, yyyy");
+}
+function du(e) {
+  return Ie(e, "MMMM d, yyyy");
 }
-function du(e, a = !0) {
-  return ke(e, a ? "EEE, MMM d, yyyy" : "MMM d, yyyy");
+function cu(e, a = !0) {
+  return Ie(e, a ? "EEE, MMM d, yyyy" : "MMM d, yyyy");
 }
-function cu(e, a = !1) {
-  return ke(e, a ? "MMM d" : "MMMM d");
+function uu(e, a = !1) {
+  return Ie(e, a ? "MMM d" : "MMMM d");
 }
-function uu(e) {
-  return ke(e, "MM/dd/yy");
+function hu(e) {
+  return Ie(e, "MM/dd/yy");
 }
-const _l = {
+const vl = {
   name: "DtRecipeComboboxWithPopover",
   components: {
-    DtCombobox: ki,
+    DtCombobox: Oi,
     DtPopover: Et,
     ComboboxLoadingList: Na,
     ComboboxEmptyList: $a
@@ -8226,8 +8225,8 @@ const _l = {
       this.showList !== null || this.isListShown || !this.openWithArrowKeys || this.showComboboxList();
     }
   }
-}, vl = ["id"], Sl = { ref: "header" }, wl = ["onMouseleave", "onFocusout"], Cl = { ref: "footer" };
-function Il(e, a, t, s, i, n) {
+}, Sl = ["id"], wl = { ref: "header" }, Cl = ["onMouseleave", "onFocusout"], Il = { ref: "footer" };
+function kl(e, a, t, s, i, n) {
   const r = g("combobox-loading-list"), l = g("combobox-empty-list"), d = g("dt-popover"), f = g("dt-combobox");
   return o(), k(f, O({
     ref: "combobox",
@@ -8259,7 +8258,7 @@ function Il(e, a, t, s, i, n) {
           inputProps: y,
           onInput: n.handleDisplayList
         })
-      ], 40, vl)
+      ], 40, Sl)
     ]),
     list: h(({ opened: y, listProps: c, clearHighlightIndex: w }) => [
       b(d, {
@@ -8298,14 +8297,14 @@ function Il(e, a, t, s, i, n) {
               key: 2,
               listProps: c
             })
-          ], 42, wl)
+          ], 42, Cl)
         ]),
         _: 2
       }, [
         i.hasSlotContent(e.$slots.header) ? {
           name: "headerContent",
           fn: h(() => [
-            p("div", Sl, [
+            p("div", wl, [
               m(e.$slots, "header")
             ], 512)
           ]),
@@ -8314,7 +8313,7 @@ function Il(e, a, t, s, i, n) {
         i.hasSlotContent(e.$slots.footer) ? {
           name: "footerContent",
           fn: h(() => [
-            p("div", Cl, [
+            p("div", Il, [
               m(e.$slots, "footer")
             ], 512)
           ]),
@@ -8325,26 +8324,26 @@ function Il(e, a, t, s, i, n) {
     _: 3
   }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id"]);
 }
-const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
+const Ol = /* @__PURE__ */ C(vl, [["render", kl]]), Tl = {
   // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md"
-}, Tl = {
+}, Dl = {
   xs: "xs",
   sm: "xs",
   md: "sm"
-}, Dl = {
+}, Ll = {
   xs: 1.4,
   sm: 0.4,
   md: 0.2
-}, Ll = {
+}, El = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
-    DtRecipeComboboxWithPopover: kl,
+    DtRecipeComboboxWithPopover: Ol,
     DtInput: cn,
     DtChip: qa,
-    DtValidationMessages: Le
+    DtValidationMessages: De
   },
   mixins: [Ee],
   props: {
@@ -8470,7 +8469,7 @@ const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.values(Ol).includes(e)
+      validator: (e) => Object.values(Tl).includes(e)
     },
     /**
      * Sets the element to which the popover is going to append to.
@@ -8536,7 +8535,7 @@ const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
       initialInputPadding: {},
       resizeWindowObserver: null,
       originalInputSize: null,
-      CHIP_SIZES: Tl,
+      CHIP_SIZES: Dl,
       hasSlotContent: ie
     };
   },
@@ -8662,7 +8661,7 @@ const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
       if (!e)
         return;
       const a = this.$refs.inputSlotWrapper, t = e.getBoundingClientRect().top - a.getBoundingClientRect().top, s = this.$refs.chipsWrapper;
-      s.style.top = t - Dl[this.size] + "px";
+      s.style.top = t - Ll[this.size] + "px";
     },
     setInputPadding() {
       const e = this.getLastChip(), a = this.getInput(), t = this.$refs.chipsWrapper;
@@ -8688,17 +8687,17 @@ const kl = /* @__PURE__ */ C(_l, [["render", Il]]), Ol = {
       this.maxSelected !== 0 && (this.selectedItems.length > this.maxSelected ? (this.showValidationMessages = !0, this.$emit("max-selected")) : this.showValidationMessages = !1);
     }
   }
-}, El = {
+}, xl = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative d-d-block"
-}, xl = {
+}, Al = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2 d-pl1"
-}, Al = { ref: "header" }, Ml = {
+}, Ml = { ref: "header" }, Pl = {
   key: 1,
   class: "d-ta-center d-py16"
-}, Pl = { ref: "footer" };
-function Rl(e, a, t, s, i, n) {
+}, Rl = { ref: "footer" };
+function Nl(e, a, t, s, i, n) {
   const r = g("dt-chip"), l = g("dt-input"), d = g("dt-validation-messages"), f = g("dt-recipe-combobox-with-popover");
   return o(), k(f, {
     ref: "comboboxWithPopover",
@@ -8715,8 +8714,8 @@ function Rl(e, a, t, s, i, n) {
     onSelect: n.onComboboxSelect
   }, Dt({
     input: h(({ onInput: y }) => [
-      p("span", El, [
-        p("span", xl, [
+      p("span", xl, [
+        p("span", Al, [
           (o(!0), u(J, null, ne(t.selectedItems, (c) => (o(), k(r, O({
             ref_for: !0,
             ref: "chips",
@@ -8725,7 +8724,7 @@ function Rl(e, a, t, s, i, n) {
             class: ["d-mt4", "d-mx2", "d-zi-base1"],
             "close-button-props": { ariaLabel: "close" },
             size: i.CHIP_SIZES[t.size]
-          }, K(n.chipListeners), {
+          }, U(n.chipListeners), {
             onKeyup: oe((w) => n.onChipRemove(c), ["backspace"]),
             onClose: (w) => n.onChipRemove(c)
           }), {
@@ -8747,7 +8746,7 @@ function Rl(e, a, t, s, i, n) {
           "show-messages": t.showInputMessages,
           messages: t.inputMessages,
           size: t.size
-        }, K(n.inputListeners), { onInput: y }), null, 16, ["modelValue", "aria-label", "label", "description", "placeholder", "show-messages", "messages", "size", "onInput"]),
+        }, U(n.inputListeners), { onInput: y }), null, 16, ["modelValue", "aria-label", "label", "description", "placeholder", "show-messages", "messages", "size", "onInput"]),
         b(d, {
           "validation-messages": t.maxSelectedMessage,
           "show-messages": i.showValidationMessages
@@ -8760,7 +8759,7 @@ function Rl(e, a, t, s, i, n) {
         onMousedown: a[1] || (a[1] = ue(() => {
         }, ["prevent"]))
       }, [
-        t.loading ? (o(), u("div", Ml, T(t.loadingMessage), 1)) : m(e.$slots, "list", { key: 0 })
+        t.loading ? (o(), u("div", Pl, T(t.loadingMessage), 1)) : m(e.$slots, "list", { key: 0 })
       ], 544)
     ]),
     _: 2
@@ -8768,7 +8767,7 @@ function Rl(e, a, t, s, i, n) {
     i.hasSlotContent(e.$slots.header) ? {
       name: "header",
       fn: h(() => [
-        p("div", Al, [
+        p("div", Ml, [
           m(e.$slots, "header")
         ], 512)
       ]),
@@ -8777,7 +8776,7 @@ function Rl(e, a, t, s, i, n) {
     i.hasSlotContent(e.$slots.footer) ? {
       name: "footer",
       fn: h(() => [
-        p("div", Pl, [
+        p("div", Rl, [
           m(e.$slots, "footer")
         ], 512)
       ]),
@@ -8785,11 +8784,11 @@ function Rl(e, a, t, s, i, n) {
     } : 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 hu = /* @__PURE__ */ C(Ll, [["render", Rl]]), Ya = ["sm", "md", "lg", "xl"];
-const Nl = {
+const fu = /* @__PURE__ */ C(El, [["render", Nl]]), Ya = ["sm", "md", "lg", "xl"];
+const $l = {
   name: "DtRecipeCallbarButton",
   components: { DtButton: se, DtTooltip: It },
-  inheritAttrs: !0,
+  inheritAttrs: !1,
   props: {
     /**
      * Id for the item.
@@ -8877,6 +8876,15 @@ const Nl = {
       default: ""
     }
   },
+  emits: [
+    /**
+     * Native click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
   computed: {
     callbarButtonClass() {
       return [
@@ -8885,7 +8893,6 @@ const Nl = {
         "d-px0",
         {
           "dt-recipe-callbar-button--circle": this.circle,
-          "d-btn--icon-only": this.circle,
           "dt-recipe-callbar-button--active": this.active,
           "dt-recipe-callbar-button--danger": this.danger,
           "d-btn--disabled d-bgc-transparent": this.disabled,
@@ -8911,10 +8918,16 @@ const Nl = {
     },
     buttonImportance() {
       return this.importance ? this.importance : this.circle ? "outlined" : "clear";
+    },
+    callbarButtonListeners() {
+      return {
+        ...it(this.$attrs),
+        click: (e) => this.$emit("click", e)
+      };
     }
   }
 };
-function $l(e, a, t, s, i, n) {
+function Bl(e, a, t, s, i, n) {
   const r = g("dt-button"), l = g("dt-tooltip");
   return o(), k(l, {
     id: t.id,
@@ -8924,7 +8937,7 @@ function $l(e, a, t, s, i, n) {
       p("span", {
         class: _({ "d-c-not-allowed": t.disabled })
       }, [
-        b(r, {
+        b(r, O({
           importance: n.buttonImportance,
           kind: "muted",
           "icon-position": "top",
@@ -8932,14 +8945,16 @@ function $l(e, a, t, s, i, n) {
           "aria-label": t.ariaLabel,
           "label-class": n.callbarButtonTextClass,
           width: n.buttonWidth,
-          class: _(n.callbarButtonClass)
-        }, {
-          default: h(() => [
-            m(e.$slots, "default"),
+          class: n.callbarButtonClass
+        }, e.$attrs, U(n.callbarButtonListeners)), {
+          icon: h(() => [
             m(e.$slots, "icon")
           ]),
+          default: h(() => [
+            m(e.$slots, "default")
+          ]),
           _: 3
-        }, 8, ["importance", "aria-disabled", "aria-label", "label-class", "width", "class"])
+        }, 16, ["importance", "aria-disabled", "aria-label", "label-class", "width", "class"])
       ], 2)
     ]),
     default: h(() => [
@@ -8948,10 +8963,10 @@ function $l(e, a, t, s, i, n) {
     _: 3
   }, 8, ["id"]);
 }
-const Bl = /* @__PURE__ */ C(Nl, [["render", $l]]);
-const zl = {
+const zl = /* @__PURE__ */ C($l, [["render", Bl]]);
+const ql = {
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: Bl, DtPopover: Et, DtButton: se, DtIcon: V },
+  components: { DtRecipeCallbarButton: zl, DtPopover: Et, DtButton: se, DtIcon: V },
   /* 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
@@ -9151,10 +9166,10 @@ const zl = {
       this.open = e, this.$emit("opened", e);
     }
   }
-}, ql = { class: "d-d-flex d-ai-center" };
-function Fl(e, a, t, s, i, n) {
+}, Fl = { class: "d-d-flex d-ai-center" };
+function Vl(e, a, t, s, i, n) {
   const r = g("dt-recipe-callbar-button"), l = g("dt-icon"), d = g("dt-button"), f = g("dt-popover");
-  return o(), u("div", ql, [
+  return o(), u("div", Fl, [
     b(r, {
       "aria-label": t.ariaLabel,
       disabled: t.disabled,
@@ -9228,12 +9243,12 @@ function Fl(e, a, t, s, i, n) {
     }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : S("", !0)
   ]);
 }
-const fu = /* @__PURE__ */ C(zl, [["render", Fl]]);
-const Vl = {
+const mu = /* @__PURE__ */ C(ql, [["render", Vl]]);
+const Hl = {
   name: "DtRecipeContactInfo",
   components: {
-    DtAvatar: ot,
-    DtListItem: rt
+    DtAvatar: lt,
+    DtListItem: ot
   },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
@@ -9340,11 +9355,11 @@ const Vl = {
       this.$emit("avatar-click");
     }
   }
-}, Hl = ["aria-labelledby"], Wl = {
+}, Wl = ["aria-labelledby"], Ul = {
   key: 0,
   class: "dt-contact-info--avatars d-mrn4 d-d-flex d-fd-row"
-}, Ul = { "data-qa": "contact-info-header" }, jl = { "data-qa": "contact-info-subtitle" }, Kl = { "data-qa": "contact-info-bottom" }, Gl = { "data-qa": "contact-info-right" };
-function Yl(e, a, t, s, i, n) {
+}, jl = { "data-qa": "contact-info-header" }, Kl = { "data-qa": "contact-info-subtitle" }, Gl = { "data-qa": "contact-info-bottom" }, Yl = { "data-qa": "contact-info-right" };
+function Zl(e, a, t, s, i, n) {
   const r = g("dt-avatar"), l = g("dt-list-item");
   return o(), k(l, {
     id: t.id,
@@ -9361,7 +9376,7 @@ function Yl(e, a, t, s, i, n) {
         "aria-labelledby": t.avatarAriaLabel,
         onClick: a[0] || (a[0] = (...d) => n.avatarClick && n.avatarClick(...d))
       }, [
-        t.avatarList ? (o(), u("span", Wl, [
+        t.avatarList ? (o(), u("span", Ul, [
           (o(!0), u(J, null, ne(t.avatarList, (d, f) => (o(), k(r, {
             key: f,
             size: t.avatarSize,
@@ -9382,32 +9397,32 @@ function Yl(e, a, t, s, i, n) {
           seed: t.avatarSeed,
           presence: t.presence
         }, null, 8, ["size", "full-name", "image-src", "icon-name", "seed", "presence"]))
-      ], 8, Hl)) : S("", !0)
+      ], 8, Wl)) : S("", !0)
     ]),
     default: h(() => [
-      p("div", Ul, [
+      p("div", jl, [
         m(e.$slots, "header", {}, void 0, !0)
       ])
     ]),
     subtitle: h(() => [
-      p("div", jl, [
+      p("div", Kl, [
         m(e.$slots, "subtitle", {}, void 0, !0)
       ])
     ]),
     bottom: h(() => [
-      p("div", Kl, [
+      p("div", Gl, [
         m(e.$slots, "bottom", {}, void 0, !0)
       ])
     ]),
     right: h(() => [
-      p("div", Gl, [
+      p("div", Yl, [
         m(e.$slots, "right", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 8, ["id", "role"]);
 }
-const mu = /* @__PURE__ */ C(Vl, [["render", Yl], ["__scopeId", "data-v-3d0f9d2e"]]), Zl = [
+const pu = /* @__PURE__ */ C(Hl, [["render", Zl], ["__scopeId", "data-v-3d0f9d2e"]]), Ql = [
   "green300",
   "green100",
   "red200",
@@ -9417,7 +9432,7 @@ const mu = /* @__PURE__ */ C(Vl, [["render", Yl], ["__scopeId", "data-v-3d0f9d2e
   "black100",
   "white"
 ];
-const Ql = {
+const Xl = {
   name: "DtRecipeTopBannerInfo",
   props: {
     /**
@@ -9427,7 +9442,7 @@ const Ql = {
       type: String,
       default: "green300",
       validator: function(e) {
-        return Zl.includes(e);
+        return Ql.includes(e);
       }
     }
   },
@@ -9447,39 +9462,39 @@ const Ql = {
       }[this.colorCode]];
     }
   }
-}, Xl = { class: "d-top-banner-info__left" }, Jl = { class: "d-top-banner-info__middle d-my4" }, ed = { class: "d-top-banner-info__right d-ta-right" };
-function td(e, a, t, s, i, n) {
+}, Jl = { class: "d-top-banner-info__left" }, ed = { class: "d-top-banner-info__middle d-my4" }, td = { class: "d-top-banner-info__right d-ta-right" };
+function ad(e, a, t, s, i, n) {
   return o(), u("div", {
     class: _(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary", n.bannerInfoClass]),
     "data-qa": "banner-info"
   }, [
-    p("div", Xl, [
+    p("div", Jl, [
       m(e.$slots, "left")
     ]),
-    p("div", Jl, [
+    p("div", ed, [
       m(e.$slots, "default")
     ]),
-    p("div", ed, [
+    p("div", td, [
       m(e.$slots, "right")
     ])
   ], 2);
 }
-const pu = /* @__PURE__ */ C(Ql, [["render", td]]), Pt = "promptmenu", Rt = "promptcollect", Nt = "promptplay", $t = "gotoexpert", lt = "goto", Bt = "branch", zt = "transfer", qt = "hangup", ad = {
+const gu = /* @__PURE__ */ C(Xl, [["render", ad]]), Pt = "promptmenu", Rt = "promptcollect", Nt = "promptplay", $t = "gotoexpert", dt = "goto", Bt = "branch", zt = "transfer", qt = "hangup", nd = {
   [Pt]: "keypad",
   [Rt]: "dialer",
   [Nt]: "volume-2",
   [$t]: "expert-node",
   [Bt]: "branch",
-  [lt]: "call-merge",
+  [dt]: "call-merge",
   [zt]: "transfer",
   [qt]: "phone-hang-up"
-}, gu = {
+}, bu = {
   [Pt]: "Menu",
   [Rt]: "Collect",
   [Nt]: "Play",
   [$t]: "Expert",
   [Bt]: "Branch",
-  [lt]: "Go-to",
+  [dt]: "Go-to",
   [zt]: "Transfer",
   [qt]: "Hangup"
 }, _e = {
@@ -9495,22 +9510,22 @@ const pu = /* @__PURE__ */ C(Ql, [["render", td]]), Pt = "promptmenu", Rt = "pro
     normal: "d-bc-red-100",
     selected: "d-bc-red-200"
   }
-}, nd = {
+}, id = {
   [Pt]: _e.PROMPT,
   [Rt]: _e.PROMPT,
   [Nt]: _e.PROMPT,
   [$t]: _e.LOGIC,
   [Bt]: _e.LOGIC,
-  [lt]: _e.LOGIC,
+  [dt]: _e.LOGIC,
   [zt]: _e.TERMINAL,
   [qt]: _e.TERMINAL
 };
-const id = {
+const sd = {
   name: "DtRecipeIvrNode",
   components: {
-    DtCard: ci,
+    DtCard: ui,
     DtButton: se,
-    DtDropdown: $i,
+    DtDropdown: Bi,
     DtIcon: V
   },
   props: {
@@ -9571,14 +9586,14 @@ const id = {
       };
     },
     nodeIcon() {
-      return ad[this.nodeType];
+      return nd[this.nodeType];
     },
     headerColor() {
-      const { normal: e, selected: a } = nd[this.nodeType];
+      const { normal: e, selected: a } = id[this.nodeType];
       return this.isSelected ? a : e;
     },
     isGotoNode() {
-      return this.nodeType === lt;
+      return this.nodeType === dt;
     }
   },
   methods: {
@@ -9586,13 +9601,13 @@ const id = {
       this.isOpen = !0;
     }
   }
-}, sd = { class: "d-d-flex d-ai-center" }, rd = {
+}, rd = { class: "d-d-flex d-ai-center" }, od = {
   class: "d-fs-200 d-fw-bold",
   "data-qa": "ivr-node-label"
-}, od = { class: "d-w164" };
-function ld(e, a, t, s, i, n) {
+}, ld = { class: "d-w164" };
+function dd(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button"), d = g("dt-dropdown"), f = g("dt-card");
-  return o(), u("div", O({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, K(n.nodeListeners, !0)), [
+  return o(), u("div", O({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, U(n.nodeListeners, !0)), [
     t.dtmfKey ? (o(), u("div", {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
@@ -9621,7 +9636,7 @@ function ld(e, a, t, s, i, n) {
       ]
     }, {
       header: h(() => [
-        p("div", sd, [
+        p("div", rd, [
           b(l, {
             "aria-label": t.nodeType,
             importance: "clear",
@@ -9637,7 +9652,7 @@ function ld(e, a, t, s, i, n) {
             ]),
             _: 1
           }, 8, ["aria-label"]),
-          p("p", rd, T(t.nodeLabel), 1)
+          p("p", od, T(t.nodeLabel), 1)
         ]),
         b(d, {
           open: i.isOpen,
@@ -9661,7 +9676,7 @@ function ld(e, a, t, s, i, n) {
             }, 8, ["aria-label", "onClick"])
           ]),
           list: h(({ close: y }) => [
-            p("div", od, [
+            p("div", ld, [
               m(e.$slots, "menuItems", { close: y })
             ])
           ]),
@@ -9675,8 +9690,8 @@ function ld(e, a, t, s, i, n) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const bu = /* @__PURE__ */ C(id, [["render", ld]]);
-const dd = {
+const yu = /* @__PURE__ */ C(sd, [["render", dd]]);
+const cd = {
   name: "DtRecipeGroupedChip",
   components: {
     DtChip: qa
@@ -9686,25 +9701,25 @@ const dd = {
       hasSlotContent: ie
     };
   }
-}, cd = {
+}, ud = {
   "data-qa": "grouped-chip",
   class: "d-d-inline-flex d-ws-nowrap d-bgc-unset"
-}, ud = {
+}, hd = {
   key: 0,
   "data-qa": "left-grouped-chip-icon"
-}, hd = {
+}, fd = {
   key: 0,
   "data-qa": "left-grouped-chip-content"
-}, fd = {
+}, md = {
   key: 0,
   "data-qa": "right-grouped-chip-icon"
-}, md = {
+}, pd = {
   key: 0,
   "data-qa": "right-grouped-chip-content"
 };
-function pd(e, a, t, s, i, n) {
+function gd(e, a, t, s, i, n) {
   const r = g("dt-chip");
-  return o(), u("div", cd, [
+  return o(), u("div", ud, [
     b(r, {
       "hide-close": !0,
       interactive: !1,
@@ -9714,7 +9729,7 @@ function pd(e, a, t, s, i, n) {
       class: "d-blr-pill d-bgc-moderate-opaque d-wmx84 dt-chip-content"
     }, Dt({
       default: h(() => [
-        i.hasSlotContent(e.$slots.leftContent) ? (o(), u("div", hd, [
+        i.hasSlotContent(e.$slots.leftContent) ? (o(), u("div", fd, [
           m(e.$slots, "leftContent")
         ])) : S("", !0)
       ]),
@@ -9723,7 +9738,7 @@ function pd(e, a, t, s, i, n) {
       i.hasSlotContent(e.$slots.leftIcon) ? {
         name: "icon",
         fn: h(() => [
-          i.hasSlotContent(e.$slots.leftIcon) ? (o(), u("div", ud, [
+          i.hasSlotContent(e.$slots.leftIcon) ? (o(), u("div", hd, [
             m(e.$slots, "leftIcon")
           ])) : S("", !0)
         ]),
@@ -9739,12 +9754,12 @@ function pd(e, a, t, s, i, n) {
       class: "d-brr-pill d-bgc-purple-200 d-wmx84 dt-chip-content"
     }, {
       icon: h(() => [
-        i.hasSlotContent(e.$slots.rightIcon) ? (o(), u("div", fd, [
+        i.hasSlotContent(e.$slots.rightIcon) ? (o(), u("div", md, [
           m(e.$slots, "rightIcon")
         ])) : S("", !0)
       ]),
       default: h(() => [
-        i.hasSlotContent(e.$slots.rightContent) ? (o(), u("div", md, [
+        i.hasSlotContent(e.$slots.rightContent) ? (o(), u("div", pd, [
           m(e.$slots, "rightContent")
         ])) : S("", !0)
       ]),
@@ -9752,8 +9767,8 @@ function pd(e, a, t, s, i, n) {
     })
   ]);
 }
-const yu = /* @__PURE__ */ C(dd, [["render", pd]]);
-const gd = {
+const _u = /* @__PURE__ */ C(cd, [["render", gd]]);
+const bd = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: se,
@@ -9779,7 +9794,7 @@ const gd = {
     }
   }
 };
-function bd(e, a, t, s, i, n) {
+function yd(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-button");
   return t.updateAvailable ? (o(), k(l, O({
     key: 0,
@@ -9815,7 +9830,7 @@ function bd(e, a, t, s, i, n) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const _u = /* @__PURE__ */ C(gd, [["render", bd], ["__scopeId", "data-v-b0dfa8b3"]]), W = {
+const vu = /* @__PURE__ */ C(bd, [["render", yd], ["__scopeId", "data-v-b0dfa8b3"]]), W = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -9828,7 +9843,7 @@ const _u = /* @__PURE__ */ C(gd, [["render", bd], ["__scopeId", "data-v-b0dfa8b3
   DIALBOT: "dialbot",
   ASSIGNED: "assigned",
   DIGITAL: "digital"
-}, yd = {
+}, _d = {
   [W.INBOX]: "inbox",
   [W.CONTACTS]: "contacts",
   [W.CHANNELS]: "hash",
@@ -9853,10 +9868,10 @@ const _u = /* @__PURE__ */ C(gd, [["render", bd], ["__scopeId", "data-v-b0dfa8b3
   "magenta-400": "d-bgc-magenta-400",
   "magenta-100": "d-bgc-magenta-100",
   "black-300": "d-bgc-black-300"
-}, _d = "If type is contact center, color must be oneof the following:" + Object.keys(nt).join(", "), vd = [
+}, vd = "If type is contact center, color must be oneof the following:" + Object.keys(nt).join(", "), Sd = [
   "300",
   "200"
-], Sd = {}, wd = {
+], wd = {}, Cd = {
   "aria-hidden": "true",
   focusable: "false",
   "aria-label": "Dialbot",
@@ -9865,15 +9880,15 @@ const _u = /* @__PURE__ */ C(gd, [["render", bd], ["__scopeId", "data-v-b0dfa8b3
   height: "358",
   viewBox: "0 0 358 358",
   fill: "none"
-}, Cd = /* @__PURE__ */ yn('<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), Id = [
-  Cd
+}, Id = /* @__PURE__ */ yn('<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), kd = [
+  Id
 ];
-function kd(e, a) {
-  return o(), u("svg", wd, Id);
+function Od(e, a) {
+  return o(), u("svg", Cd, kd);
 }
-const Od = /* @__PURE__ */ C(Sd, [["render", kd]]), Td = {
+const Td = /* @__PURE__ */ C(wd, [["render", Od]]), Dd = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: { DtIcon: V, IconDialbot: Od },
+  components: { DtIcon: V, IconDialbot: Td },
   props: {
     type: {
       type: String,
@@ -9899,7 +9914,7 @@ const Od = /* @__PURE__ */ C(Sd, [["render", kd]]), Td = {
       return this.type === W.DIALBOT;
     },
     getIconName() {
-      return yd[this.type];
+      return _d[this.type];
     },
     contactCenterIconClasses() {
       return [
@@ -9918,7 +9933,7 @@ const Od = /* @__PURE__ */ C(Sd, [["render", kd]]), Td = {
     }
   }
 };
-function Dd(e, a, t, s, i, n) {
+function Ld(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("icon-dialbot");
   return n.isIconType ? (o(), k(r, {
     key: 0,
@@ -9935,8 +9950,8 @@ function Dd(e, a, t, s, i, n) {
     b(l, { class: "d-svg--size24" })
   ], 2)) : S("", !0);
 }
-const Ld = /* @__PURE__ */ C(Td, [["render", Dd]]);
-const Ed = {
+const Ed = /* @__PURE__ */ C(Dd, [["render", Ld]]);
+const xd = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: At,
@@ -9944,7 +9959,7 @@ const Ed = {
     DtIcon: V,
     DtButton: se,
     DtTooltip: It,
-    DtRecipeLeftbarGeneralRowIcon: Ld
+    DtRecipeLeftbarGeneralRowIcon: Ed
   },
   inheritAttrs: !1,
   props: {
@@ -10065,7 +10080,7 @@ const Ed = {
     iconSize: {
       type: String,
       default: "300",
-      validator: (e) => vd.includes(e)
+      validator: (e) => Sd.includes(e)
     }
   },
   emits: [
@@ -10111,7 +10126,7 @@ const Ed = {
       return this.type;
     },
     generalRowListeners() {
-      return wt(this.$attrs);
+      return it(this.$attrs);
     },
     getAriaLabel() {
       return this.ariaLabel ? this.ariaLabel : kt([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
@@ -10140,7 +10155,7 @@ const Ed = {
   },
   methods: {
     validateProps() {
-      this.type === W.CONTACT_CENTER && !Object.keys(nt).includes(this.color) && console.error(_d);
+      this.type === W.CONTACT_CENTER && !Object.keys(nt).includes(this.color) && console.error(vd);
     },
     adjustLabelWidth() {
       var i, n, r, l, d, f;
@@ -10148,25 +10163,25 @@ const Ed = {
       this.labelWidth = e - (a + t + s) + "px";
     }
   }
-}, Ft = (e) => (_n("data-v-7580a758"), e = e(), vn(), e), xd = ["data-qa", "aria-label", "title", "href"], Ad = { class: "dt-leftbar-row__alpha" }, Md = {
+}, Ft = (e) => (_n("data-v-49d75ce6"), e = e(), vn(), e), Ad = ["data-qa", "aria-label", "title", "href"], Md = { class: "dt-leftbar-row__alpha" }, Pd = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
-}, Pd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Rd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Nd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), $d = [
-  Pd,
+}, Rd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Nd = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), $d = /* @__PURE__ */ Ft(() => /* @__PURE__ */ p("span", null, null, -1)), Bd = [
   Rd,
-  Nd
-], Bd = {
+  Nd,
+  $d
+], zd = {
   key: 0,
   class: "dt-leftbar-row__omega"
-}, zd = {
+}, qd = {
   key: 1,
   class: "dt-leftbar-row__active-voice"
-}, qd = {
+}, Fd = {
   key: 3,
   class: "dt-leftbar-row__action",
   "data-qa": "dt-leftbar-row-action"
 };
-function Fd(e, a, t, s, i, n) {
+function Vd(e, a, t, s, i, n) {
   const r = g("dt-recipe-leftbar-general-row-icon"), l = g("dt-emoji-text-wrapper"), d = g("dt-tooltip"), f = g("dt-icon"), y = g("dt-badge"), c = g("dt-button");
   return o(), u("div", {
     class: _(n.leftbarGeneralRowClasses),
@@ -10178,9 +10193,9 @@ function Fd(e, a, t, s, i, n) {
       "aria-label": n.getAriaLabel,
       title: t.description,
       href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
-    }, e.$attrs, K(n.generalRowListeners, !0)), [
-      p("div", Ad, [
-        t.isTyping ? (o(), u("div", Md, $d)) : m(e.$slots, "left", { key: 1 }, () => [
+    }, e.$attrs, U(n.generalRowListeners, !0)), [
+      p("div", Md, [
+        t.isTyping ? (o(), u("div", Pd, Bd)) : m(e.$slots, "left", { key: 1 }, () => [
           b(r, {
             type: n.getIcon,
             color: t.color,
@@ -10191,7 +10206,7 @@ function Fd(e, a, t, s, i, n) {
       ]),
       p("div", {
         class: "dt-leftbar-row__label",
-        style: Ie(`flex-basis: ${i.labelWidth}`)
+        style: Le(`flex-basis: ${i.labelWidth}`)
       }, [
         m(e.$slots, "label", {}, () => [
           b(l, {
@@ -10206,8 +10221,8 @@ function Fd(e, a, t, s, i, n) {
           })
         ], !0)
       ], 4)
-    ], 16, xd),
-    n.hasActions ? (o(), u("div", Bd, [
+    ], 16, Ad),
+    n.hasActions ? (o(), u("div", zd, [
       t.dndText ? (o(), k(d, {
         key: 0,
         placement: "top",
@@ -10222,10 +10237,10 @@ function Fd(e, a, t, s, i, n) {
         ]),
         _: 1
       }, 8, ["message"])) : S("", !0),
-      t.activeVoiceChat ? (o(), u("div", zd, [
+      t.activeVoiceChat ? (o(), u("div", qd, [
         b(f, {
           size: "300",
-          name: "activity"
+          name: "waveform"
         })
       ])) : n.showUnreadCount ? (o(), k(d, {
         key: 2,
@@ -10247,7 +10262,7 @@ function Fd(e, a, t, s, i, n) {
         ]),
         _: 1
       }, 8, ["message"])) : S("", !0),
-      t.hasCallButton ? (o(), u("div", qd, [
+      t.hasCallButton ? (o(), u("div", Fd, [
         b(d, {
           message: t.callButtonTooltip,
           placement: "top"
@@ -10279,7 +10294,7 @@ function Fd(e, a, t, s, i, n) {
     ])) : S("", !0)
   ], 2);
 }
-const Za = /* @__PURE__ */ C(Ed, [["render", Fd], ["__scopeId", "data-v-7580a758"]]), Vd = {
+const Za = /* @__PURE__ */ C(xd, [["render", Vd], ["__scopeId", "data-v-49d75ce6"]]), Hd = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: V,
@@ -10353,7 +10368,7 @@ const Za = /* @__PURE__ */ C(Ed, [["render", Fd], ["__scopeId", "data-v-7580a758
     }
   }
 };
-function Hd(e, a, t, s, i, n) {
+function Wd(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-recipe-general-row");
   return o(), k(l, O({
     description: t.names,
@@ -10373,10 +10388,10 @@ function Hd(e, a, t, s, i, n) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const vu = /* @__PURE__ */ C(Vd, [["render", Hd]]), Wd = {
+const Su = /* @__PURE__ */ C(Hd, [["render", Wd]]), Ud = {
   name: "DtRecipeContactRow",
   components: {
-    DtAvatar: ot,
+    DtAvatar: lt,
     DtRecipeGeneralRow: Za,
     DtEmojiTextWrapper: At
   },
@@ -10525,7 +10540,7 @@ const vu = /* @__PURE__ */ C(Vd, [["render", Hd]]), Wd = {
       }
     },
     contactRowListeners() {
-      return wt(this.$attrs);
+      return it(this.$attrs);
     },
     contactDescription() {
       return kt([this.name, this.presenceText, this.userStatus]);
@@ -10534,8 +10549,8 @@ const vu = /* @__PURE__ */ C(Vd, [["render", Hd]]), Wd = {
       return this.noInitials ? "user" : null;
     }
   }
-}, Ud = { class: "dt-leftbar-row__status" };
-function jd(e, a, t, s, i, n) {
+}, jd = { class: "dt-leftbar-row__status" };
+function Kd(e, a, t, s, i, n) {
   const r = g("dt-avatar"), l = g("dt-emoji-text-wrapper"), d = g("dt-recipe-general-row");
   return o(), k(d, O({
     "unread-count": t.unreadCount,
@@ -10547,7 +10562,7 @@ function jd(e, a, t, s, i, n) {
     "is-typing": t.isTyping,
     "call-button-tooltip": t.callButtonTooltip,
     "unread-count-tooltip": t.unreadCountTooltip
-  }, e.$attrs, K(n.contactRowListeners), {
+  }, e.$attrs, U(n.contactRowListeners), {
     onCall: a[0] || (a[0] = (f) => e.$emit("call", f))
   }), {
     left: h(() => [
@@ -10573,7 +10588,7 @@ function jd(e, a, t, s, i, n) {
         ]),
         _: 1
       }),
-      p("div", Ud, [
+      p("div", jd, [
         t.presenceText ? (o(), u("span", {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
@@ -10596,8 +10611,8 @@ function jd(e, a, t, s, i, n) {
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const Su = /* @__PURE__ */ C(Wd, [["render", jd]]), Kd = ["up", "down"], Gd = ["mentions", "messages"];
-const Yd = {
+const wu = /* @__PURE__ */ C(Ud, [["render", Kd]]), Gd = ["up", "down"], Yd = ["mentions", "messages"];
+const Zd = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10610,7 +10625,7 @@ const Yd = {
     kind: {
       type: String,
       required: !0,
-      validator: (e) => Gd.includes(e)
+      validator: (e) => Yd.includes(e)
     },
     /**
      * The direction of the arrow icon
@@ -10619,7 +10634,7 @@ const Yd = {
     direction: {
       type: String,
       required: !0,
-      validator: (e) => Kd.includes(e)
+      validator: (e) => Gd.includes(e)
     }
   },
   emits: [
@@ -10638,34 +10653,34 @@ const Yd = {
       };
     }
   }
-}, Zd = { "data-qa": "dt-leftbar-unread-pill__label" };
-function Qd(e, a, t, s, i, n) {
+}, Qd = { "data-qa": "dt-leftbar-unread-pill__label" };
+function Xd(e, a, t, s, i, n) {
   const r = g("dt-icon");
   return o(), u("button", O({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
     "data-qa": "dt-leftbar-unread-pill"
-  }, K(n.unreadChipListeners, !0)), [
+  }, U(n.unreadChipListeners, !0)), [
     b(r, {
       name: `arrow-${t.direction}`,
       size: "300"
     }, null, 8, ["name"]),
-    p("span", Zd, [
+    p("span", Qd, [
       m(e.$slots, "default")
     ])
   ], 16);
 }
-const wu = /* @__PURE__ */ C(Yd, [["render", Qd]]), gt = {
+const Cu = /* @__PURE__ */ C(Zd, [["render", Xd]]), bt = {
   NORMAL: "",
   SEARCHED: "d-bgc-warning-subtle",
   ERROR: "d-bgc-critical-subtle"
-}, bt = "NORMAL";
-const Xd = {
+}, yt = "NORMAL";
+const Jd = {
   name: "DtRecipeFeedItemRow",
   components: {
-    DtAvatar: ot,
-    DtLazyShow: St,
-    DtListItem: rt
+    DtAvatar: lt,
+    DtLazyShow: wt,
+    DtListItem: ot
   },
   inheritAttrs: !1,
   props: {
@@ -10725,8 +10740,8 @@ const Xd = {
      */
     state: {
       type: String,
-      default: bt,
-      validator: (e) => Object.keys(gt).includes(e)
+      default: yt,
+      validator: (e) => Object.keys(bt).includes(e)
     }
   },
   emits: [
@@ -10765,8 +10780,8 @@ const Xd = {
         "d-box-border",
         "d-ps-relative",
         "d-px8",
-        { "d-bgc-secondary-opaque": this.isActive && this.state === bt },
-        gt[this.state],
+        { "d-bgc-secondary-opaque": this.isActive && this.state === yt },
+        bt[this.state],
         "dt-feed-item-row",
         "d-t",
         "d-tp-bgc"
@@ -10781,24 +10796,24 @@ const Xd = {
       this.$emit("hover", e);
     },
     fade() {
-      this.state === bt || this.faded === !0 || (this.$refs.FeedItemRef.$el.classList.remove(gt[this.state]), this.faded = !0);
+      this.state === yt || this.faded === !0 || (this.$refs.FeedItemRef.$el.classList.remove(bt[this.state]), this.faded = !0);
     }
   }
-}, Jd = {
+}, ec = {
   key: 0,
   "data-qa": "dt-feed-item-row--header",
   class: "d-d-flex d-ai-center"
-}, ec = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, tc = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, ac = {
+}, tc = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, ac = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, nc = {
   class: "content-text-wrapper-class",
   "data-qa": "dt-feed-item-row--content"
-}, nc = {
+}, ic = {
   class: "d-d-flex d-fw-wrap",
   "data-qa": "dt-feed-item-row--reactions"
-}, ic = {
+}, sc = {
   "data-qa": "dt-feed-item-row--menu",
   class: "d-ps-absolute d-tn24 d-r12"
 };
-function sc(e, a, t, s, i, n) {
+function rc(e, a, t, s, i, n) {
   const r = g("dt-avatar"), l = g("dt-lazy-show"), d = g("dt-list-item");
   return o(), k(d, O({
     ref: "FeedItemRef",
@@ -10806,7 +10821,7 @@ function sc(e, a, t, s, i, n) {
   }, e.$attrs, {
     class: n.listItemClasses,
     "data-qa": "dt-feed-item-row"
-  }, K(n.feedListeners)), {
+  }, U(n.feedListeners)), {
     left: h(() => [
       t.showHeader ? (o(), k(r, {
         key: 0,
@@ -10823,13 +10838,13 @@ function sc(e, a, t, s, i, n) {
       ])
     ]),
     bottom: h(() => [
-      p("div", nc, [
+      p("div", ic, [
         m(e.$slots, "reactions", {}, void 0, !0)
       ]),
       m(e.$slots, "threading", {}, void 0, !0)
     ]),
     right: h(() => [
-      Ve(p("div", ic, [
+      Ve(p("div", sc, [
         b(l, {
           appear: !0,
           transition: "fade",
@@ -10846,11 +10861,11 @@ function sc(e, a, t, s, i, n) {
     ]),
     default: h(() => [
       p("article", null, [
-        t.showHeader ? (o(), u("div", Jd, [
-          p("p", ec, T(t.displayName), 1),
-          p("time", tc, T(t.time), 1)
+        t.showHeader ? (o(), u("div", ec, [
+          p("p", tc, T(t.displayName), 1),
+          p("time", ac, T(t.time), 1)
         ])) : S("", !0),
-        p("span", ac, [
+        p("span", nc, [
           m(e.$slots, "default", {}, void 0, !0)
         ])
       ])
@@ -10858,14 +10873,14 @@ function sc(e, a, t, s, i, n) {
     _: 3
   }, 16, ["class"]);
 }
-const Cu = /* @__PURE__ */ C(Xd, [["render", sc], ["__scopeId", "data-v-de44d2c0"]]), wa = {
+const Iu = /* @__PURE__ */ C(Jd, [["render", rc], ["__scopeId", "data-v-de44d2c0"]]), wa = {
   default: "dt-feed-item-pill--border-default",
   ai: "dt-feed-item-pill--border-ai",
   critical: "dt-feed-item-pill--border-critical"
 };
-const rc = {
+const oc = {
   name: "DtRecipeFeedItemPill",
-  components: { DtItemLayout: wn, DtIcon: V, DtCollapsible: Mi },
+  components: { DtItemLayout: wn, DtIcon: V, DtCollapsible: Pi },
   props: {
     /**
      * Accepts a DtIcon name to be shown in the left
@@ -10941,13 +10956,13 @@ const rc = {
       this.toggleable && (this.expanded = !this.expanded);
     }
   }
-}, oc = { class: "d-p8 d-bgc-secondary" }, lc = ["aria-label"], dc = { class: "d-fw-bold" }, cc = { class: "d-jc-center d-d-flex" };
-function uc(e, a, t, s, i, n) {
+}, lc = { class: "d-p8 d-bgc-secondary" }, dc = ["aria-label"], cc = { class: "d-fw-bold" }, uc = { class: "d-jc-center d-d-flex" };
+function hc(e, a, t, s, i, n) {
   const r = g("dt-icon"), l = g("dt-item-layout"), d = g("dt-collapsible");
   return o(), u("div", {
     class: _(["dt-feed-item-pill--border", n.borderClass, t.wrapperClass])
   }, [
-    p("div", oc, [
+    p("div", lc, [
       b(d, { open: i.expanded }, {
         anchor: h(() => [
           p("button", {
@@ -10979,14 +10994,14 @@ function uc(e, a, t, s, i, n) {
                 m(e.$slots, "right", {}, void 0, !0)
               ]),
               default: h(() => [
-                p("span", dc, T(t.title), 1)
+                p("span", cc, T(t.title), 1)
               ]),
               _: 3
             })
-          ], 42, lc)
+          ], 42, dc)
         ]),
         content: h(() => [
-          p("div", cc, [
+          p("div", uc, [
             m(e.$slots, "content", {}, void 0, !0)
           ])
         ]),
@@ -10995,7 +11010,7 @@ function uc(e, a, t, s, i, n) {
     ])
   ], 2);
 }
-const Iu = /* @__PURE__ */ C(rc, [["render", uc], ["__scopeId", "data-v-59051987"]]), hc = {
+const ku = /* @__PURE__ */ C(oc, [["render", hc], ["__scopeId", "data-v-59051987"]]), fc = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -11018,22 +11033,22 @@ const Iu = /* @__PURE__ */ C(rc, [["render", uc], ["__scopeId", "data-v-59051987
       }
     }
   }
-}, fc = ["dateTime"];
-function mc(e, a, t, s, i, n) {
+}, mc = ["dateTime"];
+function pc(e, a, t, s, i, n) {
   return o(), u("time", {
     "data-qa": "dt-time-pill",
     dateTime: t.dateTime,
     class: "d-ba d-bar-pill d-baw1 d-bc-black-300 d-px16 d-py4 d-fs-100"
-  }, T(t.dateTimeDisplay), 9, fc);
+  }, T(t.dateTimeDisplay), 9, mc);
 }
-const ku = /* @__PURE__ */ C(hc, [["render", mc]]), pc = [
+const Ou = /* @__PURE__ */ C(fc, [["render", pc]]), gc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
   "tooltip",
   "num"
 ];
-const gc = {
+const bc = {
   name: "DtRecipeEmojiRow",
   components: { DtTooltip: It, DtButton: se, DtEmoji: un, DtEmojiTextWrapper: At },
   mixins: [],
@@ -11046,7 +11061,7 @@ const gc = {
       default: () => [],
       validator: (e) => {
         for (const a of e)
-          if (!pc.every((s) => a[s] !== void 0))
+          if (!gc.every((s) => a[s] !== void 0))
             return !1;
         return !0;
       }
@@ -11067,10 +11082,10 @@ const gc = {
       });
     }
   }
-}, bc = { class: "dt-emoji-row" }, yc = ["reaction"], _c = { "aria-hidden": "true" }, vc = { class: "d-mr4 d-d-inline-flex" }, Sc = { class: "d-fw-bold d-fs-100" };
-function wc(e, a, t, s, i, n) {
+}, yc = { class: "dt-emoji-row" }, _c = ["reaction"], vc = { "aria-hidden": "true" }, Sc = { class: "d-mr4 d-d-inline-flex" }, wc = { class: "d-fw-bold d-fs-100" };
+function Cc(e, a, t, s, i, n) {
   const r = g("dt-emoji-text-wrapper"), l = g("dt-emoji"), d = g("dt-button"), f = g("dt-tooltip");
-  return o(), u("span", bc, [
+  return o(), u("span", yc, [
     (o(!0), u(J, null, ne(t.reactions, (y) => (o(), u("span", {
       key: y.unicodeOutput,
       reaction: y,
@@ -11092,19 +11107,19 @@ function wc(e, a, t, s, i, n) {
             onClick: (w) => n.emojiClicked(y)
           }, {
             default: h(() => [
-              p("span", vc, [
+              p("span", Sc, [
                 b(l, {
                   size: "200",
                   code: y.emojiUnicodeOrShortname
                 }, null, 8, ["code"])
               ]),
-              p("span", Sc, T(y.num), 1)
+              p("span", wc, T(y.num), 1)
             ]),
             _: 2
           }, 1032, ["class", "aria-label", "attrs", "onClick"])
         ]),
         default: h(() => [
-          p("span", _c, [
+          p("span", vc, [
             b(r, { size: "200" }, {
               default: h(() => [
                 z(T(y.tooltip), 1)
@@ -11115,19 +11130,19 @@ function wc(e, a, t, s, i, n) {
         ]),
         _: 2
       }, 1032, ["onShown"])
-    ], 8, yc))), 128))
+    ], 8, _c))), 128))
   ]);
 }
-const Ou = /* @__PURE__ */ C(gc, [["render", wc]]), Ca = {
+const Tu = /* @__PURE__ */ C(bc, [["render", Cc]]), Ca = {
   warning: "dt-recipe-callbox-badge--warning"
 }, Ia = {
   default: "dt-recipe-callbox--border-default",
   ai: "dt-recipe-callbox--border-ai",
   critical: "dt-recipe-callbox--border-critical"
 };
-const Cc = {
+const Ic = {
   name: "DtRecipeCallbox",
-  components: { DtBadge: Pa, DtAvatar: ot },
+  components: { DtBadge: Pa, DtAvatar: lt },
   inheritAttrs: !1,
   props: {
     /**
@@ -11226,41 +11241,41 @@ const Cc = {
       this.clickable && this.$emit("click", e);
     }
   }
-}, Ic = {
+}, kc = {
   "data-qa": "dt-recipe-callbox",
   class: "dt-recipe-callbox"
-}, kc = {
+}, Oc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--video-wrapper",
   class: "dt-recipe-callbox--video"
-}, Oc = { class: "dt-recipe-callbox--main-content-top" }, Tc = { class: "dt-recipe-callbox--content" }, Dc = {
+}, Tc = { class: "dt-recipe-callbox--main-content-top" }, Dc = { class: "dt-recipe-callbox--content" }, Lc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--badge-wrapper",
   class: "dt-recipe-callbox--content-badge"
-}, Lc = {
+}, Ec = {
   key: 1,
   "data-qa": "dt-recipe-callbox--subtitle-wrapper",
   class: "dt-recipe-callbox--content-subtitle"
-}, Ec = {
+}, xc = {
   key: 1,
   "data-qa": "dt-recipe-callbox--right-wrapper",
   class: "dt-recipe-callbox--right"
-}, xc = {
+}, Ac = {
   key: 0,
   "data-qa": "dt-recipe-callbox--bottom-wrapper",
   class: "dt-recipe-callbox--main-content-bottom"
 };
-function Ac(e, a, t, s, i, n) {
+function Mc(e, a, t, s, i, n) {
   const r = g("dt-avatar"), l = g("dt-badge");
-  return o(), u("div", Ic, [
-    e.$slots.video ? (o(), u("div", kc, [
+  return o(), u("div", kc, [
+    e.$slots.video ? (o(), u("div", Oc, [
       m(e.$slots, "video", {}, void 0, !0)
     ])) : S("", !0),
     p("div", {
       "data-qa": "dt-recipe-callbox--main-content",
       class: _(["dt-recipe-callbox--main-content", n.borderClass, { "dt-recipe-callbox--clickable": t.clickable }])
     }, [
-      p("div", Oc, [
+      p("div", Tc, [
         n.shouldShowAvatar ? (o(), k(r, {
           key: 0,
           "avatar-class": "dt-recipe-callbox--avatar",
@@ -11272,7 +11287,7 @@ function Ac(e, a, t, s, i, n) {
           size: "sm",
           onClick: n.handleClick
         }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : S("", !0),
-        p("div", Tc, [
+        p("div", Dc, [
           (o(), k(fe(t.clickable ? "button" : "span"), {
             "data-qa": "dt-recipe-callbox--title",
             class: "dt-recipe-callbox--content-title",
@@ -11283,7 +11298,7 @@ function Ac(e, a, t, s, i, n) {
             ]),
             _: 1
           }, 8, ["onClick"])),
-          e.$slots.badge || t.badgeText ? (o(), u("div", Dc, [
+          e.$slots.badge || t.badgeText ? (o(), u("div", Lc, [
             m(e.$slots, "badge", {}, () => [
               b(l, {
                 class: _(n.badgeClass),
@@ -11291,21 +11306,21 @@ function Ac(e, a, t, s, i, n) {
               }, null, 8, ["class", "text"])
             ], !0)
           ])) : S("", !0),
-          e.$slots.subtitle ? (o(), u("div", Lc, [
+          e.$slots.subtitle ? (o(), u("div", Ec, [
             m(e.$slots, "subtitle", {}, void 0, !0)
           ])) : S("", !0)
         ]),
-        e.$slots.right ? (o(), u("div", Ec, [
+        e.$slots.right ? (o(), u("div", xc, [
           m(e.$slots, "right", {}, void 0, !0)
         ])) : S("", !0)
       ]),
-      e.$slots.bottom ? (o(), u("div", xc, [
+      e.$slots.bottom ? (o(), u("div", Ac, [
         m(e.$slots, "bottom", {}, void 0, !0)
       ])) : S("", !0)
     ], 2)
   ]);
 }
-const Tu = /* @__PURE__ */ C(Cc, [["render", Ac], ["__scopeId", "data-v-66800ae7"]]);
+const Du = /* @__PURE__ */ C(Ic, [["render", Mc], ["__scopeId", "data-v-66800ae7"]]);
 export {
   An as AVATAR_COLORS,
   na as AVATAR_GROUP_VALIDATOR,
@@ -11313,7 +11328,7 @@ export {
   Ln as AVATAR_KIND_MODIFIERS,
   En as AVATAR_PRESENCE_SIZE_MODIFIERS,
   aa as AVATAR_PRESENCE_STATES,
-  mt as AVATAR_SIZE_MODIFIERS,
+  pt as AVATAR_SIZE_MODIFIERS,
   ra as BADGE_DECORATION_MODIFIERS,
   sa as BADGE_KIND_MODIFIERS,
   ia as BADGE_TYPE_MODIFIERS,
@@ -11323,156 +11338,156 @@ export {
   Ya as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
   Ca as CALLBOX_BADGE_COLORS,
   Ia as CALLBOX_BORDER_COLORS,
-  Eu as CDN_URL,
+  xu as CDN_URL,
   ua as CHIP_SIZE_MODIFIERS,
-  Zl as COLOR_CODES,
-  xu as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Au as DESCRIPTION_SIZE_TYPES,
-  ot as DtAvatar,
+  Ql as COLOR_CODES,
+  Au as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  Mu as DESCRIPTION_SIZE_TYPES,
+  lt as DtAvatar,
   Pa as DtBadge,
-  $c as DtBanner,
-  ai as DtBreadcrumbItem,
-  Bc as DtBreadcrumbs,
+  Bc as DtBanner,
+  ni as DtBreadcrumbItem,
+  zc as DtBreadcrumbs,
   se as DtButton,
-  zc as DtButtonGroup,
-  ci as DtCard,
+  qc as DtButtonGroup,
+  ui as DtCard,
   Ta as DtCheckableInputMixin,
-  Zc as DtCheckbox,
-  Qc as DtCheckboxGroup,
+  Qc as DtCheckbox,
+  Xc as DtCheckboxGroup,
   qa as DtChip,
-  qc as DtCodeblock,
-  Mi as DtCollapsible,
-  ki as DtCombobox,
-  ru as DtDatepicker,
-  $i as DtDropdown,
-  Fc as DtDropdownSeparator,
-  Mu as DtEmojiPicker,
+  Fc as DtCodeblock,
+  Pi as DtCollapsible,
+  Oi as DtCombobox,
+  ou as DtDatepicker,
+  Bi as DtDropdown,
+  Vc as DtDropdownSeparator,
+  Pu as DtEmojiPicker,
   Da as DtGroupableInputMixin,
   V as DtIcon,
-  Vc as DtImageViewer,
+  Hc as DtImageViewer,
   cn as DtInput,
   za as DtInputGroup,
-  Ki as DtInputGroupMixin,
+  Gi as DtInputGroupMixin,
   Oa as DtInputMixin,
   wn as DtItemLayout,
   Ra as DtKeyboardListNavigationMixin,
-  au as DtKeyboardShortcut,
-  St as DtLazyShow,
-  Jn as DtLink,
-  rt as DtListItem,
-  Uc as DtListItemGroup,
-  Wc as DtListSection,
-  Hc as DtModal,
-  lh as DtNotice,
-  jc as DtPagination,
+  nu as DtKeyboardShortcut,
+  wt as DtLazyShow,
+  ei as DtLink,
+  ot as DtListItem,
+  jc as DtListItemGroup,
+  Uc as DtListSection,
+  Wc as DtModal,
+  dh as DtNotice,
+  Kc as DtPagination,
   Et as DtPopover,
   Dn as DtPresence,
-  Kc as DtRadio,
-  Gc as DtRadioGroup,
-  Bl as DtRecipeCallbarButton,
-  fu as DtRecipeCallbarButtonWithPopover,
-  Tu as DtRecipeCallbox,
-  hu as DtRecipeComboboxMultiSelect,
-  kl as DtRecipeComboboxWithPopover,
-  mu as DtRecipeContactInfo,
-  Su as DtRecipeContactRow,
-  Ou as DtRecipeEmojiRow,
-  Iu as DtRecipeFeedItemPill,
-  Cu as DtRecipeFeedItemRow,
+  Gc as DtRadio,
+  Yc as DtRadioGroup,
+  zl as DtRecipeCallbarButton,
+  mu as DtRecipeCallbarButtonWithPopover,
+  Du as DtRecipeCallbox,
+  fu as DtRecipeComboboxMultiSelect,
+  Ol as DtRecipeComboboxWithPopover,
+  pu as DtRecipeContactInfo,
+  wu as DtRecipeContactRow,
+  Tu as DtRecipeEmojiRow,
+  ku as DtRecipeFeedItemPill,
+  Iu as DtRecipeFeedItemRow,
   Za as DtRecipeGeneralRow,
-  vu as DtRecipeGroupRow,
-  yu as DtRecipeGroupedChip,
-  bu as DtRecipeIvrNode,
-  _u as DtRecipeSettingsMenuButton,
-  ku as DtRecipeTimePill,
-  pu as DtRecipeTopBannerInfo,
-  wu as DtRecipeUnreadPill,
-  nu as DtRootLayout,
-  su as DtScroller,
-  Xc as DtSelectMenu,
+  Su as DtRecipeGroupRow,
+  _u as DtRecipeGroupedChip,
+  yu as DtRecipeIvrNode,
+  vu as DtRecipeSettingsMenuButton,
+  Ou as DtRecipeTimePill,
+  gu as DtRecipeTopBannerInfo,
+  Cu as DtRecipeUnreadPill,
+  iu as DtRootLayout,
+  ru as DtScroller,
+  Jc as DtSelectMenu,
   on as DtSkeleton,
-  Pu as DtSkeletonListItem,
-  Ru as DtSkeletonParagraph,
-  Nu as DtSkeletonShape,
-  $u as DtSkeletonText,
-  iu as DtStack,
-  Bu as DtTab,
-  zu as DtTabGroup,
-  Yc as DtTabPanel,
-  Jc as DtToast,
-  eu as DtToggle,
+  Ru as DtSkeletonListItem,
+  Nu as DtSkeletonParagraph,
+  $u as DtSkeletonShape,
+  Bu as DtSkeletonText,
+  su as DtStack,
+  zu as DtTab,
+  qu as DtTabGroup,
+  Zc as DtTabPanel,
+  eu as DtToast,
+  tu as DtToggle,
   It as DtTooltip,
-  Le as DtValidationMessages,
-  qu as EMOJIS_PER_ROW,
-  Fu as EMOJI_CATEGORIES,
-  Vu as EMOJI_SKIN_TONE_MODIFIERS,
+  De as DtValidationMessages,
+  Fu as EMOJIS_PER_ROW,
+  Vu as EMOJI_CATEGORIES,
+  Hu as EMOJI_SKIN_TONE_MODIFIERS,
   wa as FEED_ITEM_PILL_BORDER_COLORS,
   en as ICON_SIZE_MODIFIERS,
-  Hu as INPUT_SIZES,
-  Wu as INPUT_TYPES,
+  Wu as INPUT_SIZES,
+  Uu as INPUT_TYPES,
   Bt as IVR_NODE_BRANCH,
   $t as IVR_NODE_EXPERT,
-  lt as IVR_NODE_GO_TO,
+  dt as IVR_NODE_GO_TO,
   qt as IVR_NODE_HANGUP,
-  ad as IVR_NODE_ICON_TYPES,
-  gu as IVR_NODE_LABELS,
+  nd as IVR_NODE_ICON_TYPES,
+  bu as IVR_NODE_LABELS,
   Rt as IVR_NODE_PROMPT_COLLECT,
   Pt as IVR_NODE_PROMPT_MENU,
   Nt as IVR_NODE_PROMPT_PLAY,
   zt as IVR_NODE_TRANSFER,
   nt as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  _d as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  yd as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
-  vd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  vd as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  _d as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
+  Sd as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   W as LEFTBAR_GENERAL_ROW_TYPES,
   nn as LINK_KIND_MODIFIERS,
   an as LINK_VARIANTS,
   ca as MODAL_BANNER_KINDS,
   la as MODAL_KIND_MODIFIERS,
   da as MODAL_SIZE_MODIFIERS,
-  Ol as MULTI_SELECT_SIZES,
+  Tl as MULTI_SELECT_SIZES,
   Lt as NOTICE_KINDS,
   Sn as POPOVER_CONTENT_WIDTHS,
-  dh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  ch as POPOVER_INITIAL_FOCUS_STRINGS,
-  uh as POPOVER_PADDING_CLASSES,
-  hh as POPOVER_ROLES,
+  ch as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  uh as POPOVER_INITIAL_FOCUS_STRINGS,
+  hh as POPOVER_PADDING_CLASSES,
+  fh as POPOVER_ROLES,
   ze as PRESENCE_STATES,
   Cn as PRESENCE_STATES_LIST,
-  pc as REACTIONS_ATTRIBUTES,
-  gr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
+  gc as REACTIONS_ATTRIBUTES,
+  br as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   pa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
   ha as SELECT_SIZE_MODIFIERS,
-  Vs as SELECT_STATE_MODIFIERS,
-  tu as SHORTCUTS_ALIASES_LIST,
+  Hs as SELECT_STATE_MODIFIERS,
+  au as SHORTCUTS_ALIASES_LIST,
   qe as SHORTCUTS_ICON_ALIASES,
-  ur as SHORTCUTS_ICON_SEPARATOR,
-  Uu as SKELETON_HEADING_HEIGHTS,
-  ju as SKELETON_RIPPLE_DURATION,
-  Ku as SKELETON_SHAPES,
-  Gu as SKELETON_SHAPE_SIZES,
-  Yu as SKELETON_TEXT_TYPES,
-  Zu as TAB_IMPORTANCE_MODIFIERS,
-  Qu as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Xu as TAB_LIST_KIND_MODIFIERS,
-  Ju as TAB_LIST_SIZES,
-  Js as TOAST_ROLES,
-  eh as TOOLTIP_DELAY_MS,
-  th as TOOLTIP_DIRECTIONS,
-  ah as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  nh as TOOLTIP_KIND_MODIFIERS,
-  ih as TOOLTIP_STICKY_VALUES,
-  Kd as UNREAD_PILL_DIRECTIONS,
-  Gd as UNREAD_PILL_KINDS,
-  sh as VALIDATION_MESSAGE_TYPES,
-  rh as filterFormattedMessages,
-  ou as formatLong,
-  lu as formatMedium,
+  hr as SHORTCUTS_ICON_SEPARATOR,
+  ju as SKELETON_HEADING_HEIGHTS,
+  Ku as SKELETON_RIPPLE_DURATION,
+  Gu as SKELETON_SHAPES,
+  Yu as SKELETON_SHAPE_SIZES,
+  Zu as SKELETON_TEXT_TYPES,
+  Qu as TAB_IMPORTANCE_MODIFIERS,
+  Xu as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Ju as TAB_LIST_KIND_MODIFIERS,
+  eh as TAB_LIST_SIZES,
+  er as TOAST_ROLES,
+  th as TOOLTIP_DELAY_MS,
+  ah as TOOLTIP_DIRECTIONS,
+  nh as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  ih as TOOLTIP_KIND_MODIFIERS,
+  sh as TOOLTIP_STICKY_VALUES,
+  Gd as UNREAD_PILL_DIRECTIONS,
+  Yd as UNREAD_PILL_KINDS,
+  rh as VALIDATION_MESSAGE_TYPES,
+  oh as filterFormattedMessages,
+  lu as formatLong,
+  du as formatMedium,
   ea as formatMessages,
-  cu as formatNoYear,
-  uu as formatNumerical,
-  du as formatShort,
+  uu as formatNoYear,
+  hu as formatNumerical,
+  cu as formatShort,
   ee as getUniqueString,
-  yt as getValidationState,
+  _t as getValidationState,
   ka as validationMessageValidator
 };