@dialpad/dialtone-vue 3.94.1 → 3.94.4

package/dist/dialtone-vue.js

@@ -1,13 +1,11 @@
-import { D as Ra, a as Pa, b as $a, M as lt, S as Pe, N as Tt, c as dn, d as dt, e as cn, f as Ot, g as Na, L as _t, P as Lt, h as un, i as ct, j as hn } from "./message_input-d05b8cc1.js";
-import { o as rh, p as oh, n as lh, k as dh, l as ch, m as uh, A as hh, q as fh, v as mh, z as ph, y as gh, s as bh, u as _h, r as vh, t as yh, w as Sh, x as wh } from "./message_input-d05b8cc1.js";
-import { D as V, I as fn, M as mn, a as pn, b as J, c as $e, v as Ba, d as za, C as qa, G as Fa, e as Et, f as gn, g as bn } from "./emoji-322f7836.js";
-import { z as Ih, _ as kh, p as Dh, s as Th, r as Oh, q as Lh, l as Eh, k as Mh, E as Ah, B as xh, A as Rh, y as Ph, i as $h, h as Nh, j as Bh, L as zh, x as qh, S as Fh, t as Hh, w as Wh, u as Vh, o as Uh, n as jh, T as Kh, m as Yh } from "./emoji-322f7836.js";
-import { resolveComponent as g, openBlock as d, createElementBlock as h, normalizeClass as w, createCommentVNode as C, createVNode as b, createElementVNode as p, renderSlot as m, createTextVNode as F, toDisplayString as O, normalizeStyle as Le, withKeys as le, createBlock as L, withCtx as f, mergeProps as T, Fragment as G, renderList as Z, withModifiers as he, normalizeProps as Ge, Transition as Mt, withDirectives as De, resolveDynamicComponent as Se, guardReactiveProps as At, vShow as Te, toHandlers as U, Teleport as _n, warn as ut, reactive as da, ref as Q, computed as Ie, watch as Ke, onMounted as Ha, nextTick as vn, unref as R, markRaw as yn, shallowReactive as Sn, h as wn, provide as Cn, createSlots as xt, pushScopeId as In, popScopeId as kn } from "vue";
-import { _ as I, u as fe, h as se, g as ie, d as Rt, e as Xe, E as Y, b as ca, a as Ct, L as Dn, i as Tn, D as Pt, s as $t, j as On } from "./tooltip-4136a819.js";
-import { k as Xh, c as Qh, l as Zh, T as Jh, o as ef, m as tf, n as af, V as nf, f as sf } from "./tooltip-4136a819.js";
+import { D as Ra, a as Pa, b as $a, M as lt, S as Pe, N as Tt, c as dn, d as dt, e as cn, f as Ot, g as Na, L as _t, P as Lt, h as un, i as ct, j as hn } from "./message_input-adace257.js";
+import { o as ch, p as uh, n as hh, k as fh, l as mh, m as ph, A as gh, q as bh, v as _h, z as vh, y as yh, s as Sh, u as wh, r as Ch, t as Ih, w as kh, x as Dh } from "./message_input-adace257.js";
+import { D as V, I as fn, M as mn, a as pn, b as J, c as $e, v as Ba, d as za, C as qa, G as Fa, e as Et, f as gn, g as bn } from "./emoji-eca45193.js";
+import { z as Oh, _ as Lh, p as Eh, s as Mh, r as xh, q as Ah, l as Rh, k as Ph, E as $h, B as Nh, A as Bh, y as zh, i as qh, h as Fh, j as Hh, L as Wh, x as Vh, S as Uh, t as jh, w as Kh, u as Yh, o as Gh, n as Xh, T as Qh, m as Zh } from "./emoji-eca45193.js";
+import { resolveComponent as g, openBlock as d, createElementBlock as h, normalizeClass as w, createCommentVNode as C, createVNode as b, createElementVNode as p, renderSlot as m, createTextVNode as F, toDisplayString as O, normalizeStyle as Le, withKeys as le, createBlock as L, withCtx as f, mergeProps as T, Fragment as G, renderList as Z, withModifiers as he, normalizeProps as Ge, Transition as Mt, withDirectives as De, resolveDynamicComponent as Se, guardReactiveProps as xt, vShow as Te, toHandlers as U, Teleport as _n, warn as ut, reactive as da, ref as Q, computed as Ie, watch as Ke, onMounted as Ha, nextTick as vn, unref as R, markRaw as yn, shallowReactive as Sn, h as wn, provide as Cn, createSlots as At, createStaticVNode as In, pushScopeId as kn, popScopeId as Dn } from "vue";
+import { _ as I, u as fe, h as se, g as ie, a as Rt, e as Xe, E as Y, f as ca, b as Ct, L as Tn, c as On, D as Pt, s as $t, d as Ln } from "./tooltip-e2013b2a.js";
+import { j as ef, i as tf, l as af, T as nf, o as sf, m as rf, n as of, V as lf, k as df } from "./tooltip-e2013b2a.js";
 import { DtEmojiTextWrapper as Nt } from "./emoji.js";
-import Ln from "@dialpad/dialtone/lib/dist/vue/icons/IconDialbot.vue";
-import "@dialpad/dialtone-icons/dist/icons.json";
 const ua = {
   default: "",
   info: "d-badge--info",
@@ -145,10 +143,10 @@ const ua = {
 }, Mn = {
   key: 0,
   class: "d-badge__decorative"
-}, An = {
+}, xn = {
   key: 1,
   class: "d-badge__icon-left"
-}, xn = {
+}, An = {
   key: 2,
   class: "d-badge__icon-right"
 };
@@ -164,7 +162,7 @@ function Rn(e, a, t, n, s, i) {
     "data-qa": "dt-badge"
   }, [
     t.decoration ? (d(), h("span", Mn)) : C("", !0),
-    t.iconLeft || t.type === "ai" ? (d(), h("span", An, [
+    t.iconLeft || t.type === "ai" ? (d(), h("span", xn, [
       b(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
@@ -177,7 +175,7 @@ function Rn(e, a, t, n, s, i) {
         F(O(t.text), 1)
       ])
     ], 2),
-    t.iconRight ? (d(), h("span", xn, [
+    t.iconRight ? (d(), h("span", An, [
       b(r, {
         name: t.iconRight,
         size: "200"
@@ -389,7 +387,7 @@ function Nn(e, a, t, n, s, i) {
     ], 10, $n)
   ], 38);
 }
-const du = /* @__PURE__ */ I(Pn, [["render", Nn]]), Bn = "d-breadcrumbs__item--selected", zn = "d-breadcrumbs--inverted", qn = {
+const fu = /* @__PURE__ */ I(Pn, [["render", Nn]]), Bn = "d-breadcrumbs__item--selected", zn = "d-breadcrumbs--inverted", qn = {
   name: "DtBreadcrumbItem",
   components: {
     DtLink: dn
@@ -518,7 +516,7 @@ function Un(e, a, t, n, s, i) {
     ])
   ], 10, Vn);
 }
-const cu = /* @__PURE__ */ I(Wn, [["render", Un]]), ma = {
+const mu = /* @__PURE__ */ I(Wn, [["render", Un]]), ma = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -551,7 +549,7 @@ function Kn(e, a, t, n, s, i) {
     m(e.$slots, "default")
   ], 2);
 }
-const uu = /* @__PURE__ */ I(jn, [["render", Kn]]), Yn = {
+const pu = /* @__PURE__ */ I(jn, [["render", Kn]]), Yn = {
   name: "DtCard",
   props: {
     /**
@@ -651,7 +649,7 @@ function Jn(e, a, t, n, s, i) {
   `)
   ]);
 }
-const hu = /* @__PURE__ */ I(Qn, [["render", Jn]]), ei = {
+const gu = /* @__PURE__ */ I(Qn, [["render", Jn]]), ei = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1355,7 +1353,7 @@ function fi(e, a, t, n, s, i) {
     onAfterLeave: i.afterLeave
   }), {
     default: f(() => [
-      De((d(), L(Se(t.elementType), Ge(At(e.$attrs)), {
+      De((d(), L(Se(t.elementType), Ge(xt(e.$attrs)), {
         default: f(() => [
           s.initialized ? m(e.$slots, "default", { key: 0 }) : C("", !0)
         ]),
@@ -1671,7 +1669,7 @@ function ki(e, a, t, n, s, i) {
     ], 64))), 128))
   ], 2);
 }
-const fu = /* @__PURE__ */ I(Ii, [["render", ki]]), je = {
+const bu = /* @__PURE__ */ I(Ii, [["render", ki]]), je = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
@@ -2066,10 +2064,10 @@ const Ei = {
   "aria-hidden": "true",
   class: "dt-list-separator d-my4 d-mxn4"
 };
-function Ai(e, a, t, n, s, i) {
+function xi(e, a, t, n, s, i) {
   return d(), h("li", Mi);
 }
-const mu = /* @__PURE__ */ I(Ei, [["render", Ai]]), xi = {
+const _u = /* @__PURE__ */ I(Ei, [["render", xi]]), Ai = {
   name: "DtImageViewer",
   components: {
     DtButton: J,
@@ -2273,7 +2271,7 @@ function Bi(e, a, t, n, s, i) {
     ])) : C("", !0)
   ]);
 }
-const zi = /* @__PURE__ */ I(xi, [["render", Bi]]), qi = {
+const zi = /* @__PURE__ */ I(Ai, [["render", Bi]]), qi = {
   components: { DtValidationMessages: $e },
   // provide data to slotted components
   provide() {
@@ -2870,7 +2868,7 @@ function Xi(e, a, t, n, s, i) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const pu = /* @__PURE__ */ I(Ui, [["render", Xi]]);
+const vu = /* @__PURE__ */ I(Ui, [["render", Xi]]);
 const Qi = {
   name: "ListSection",
   components: {
@@ -2996,7 +2994,7 @@ function ns(e, a, t, n, s, i) {
     ])
   ], 10, Zi);
 }
-const gu = /* @__PURE__ */ I(Qi, [["render", ns]]), is = {
+const yu = /* @__PURE__ */ I(Qi, [["render", ns]]), is = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3053,7 +3051,7 @@ function os(e, a, t, n, s, i) {
     m(e.$slots, "default")
   ], 10, ss);
 }
-const bu = /* @__PURE__ */ I(is, [["render", os]]), ls = {
+const Su = /* @__PURE__ */ I(is, [["render", os]]), ls = {
   name: "DtPagination",
   components: {
     DtButton: J,
@@ -3229,7 +3227,7 @@ function us(e, a, t, n, s, i) {
     }, 8, ["aria-label", "disabled", "importance", "class"])
   ], 8, ds);
 }
-const _u = /* @__PURE__ */ I(ls, [["render", us]]), hs = {
+const wu = /* @__PURE__ */ I(ls, [["render", us]]), hs = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
@@ -3370,7 +3368,7 @@ function bs(e, a, t, n, s, i) {
     ])
   ]);
 }
-const vu = /* @__PURE__ */ I(fs, [["render", bs]]), yu = {
+const Cu = /* @__PURE__ */ I(fs, [["render", bs]]), Iu = {
   name: "DtRadioGroup",
   extends: Ya,
   props: {
@@ -3529,7 +3527,7 @@ function ys(e, a, t, n, s, i) {
     [Te, !t.hidden]
   ]);
 }
-const Su = /* @__PURE__ */ I(_s, [["render", ys]]), Ss = {
+const ku = /* @__PURE__ */ I(_s, [["render", ys]]), Ss = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
@@ -3662,7 +3660,7 @@ function Ds(e, a, t, n, s, i) {
     ])
   ]);
 }
-const wu = /* @__PURE__ */ I(ws, [["render", Ds]]), Cu = {
+const Du = /* @__PURE__ */ I(ws, [["render", Ds]]), Tu = {
   name: "DtCheckboxGroup",
   extends: Ya,
   model: {
@@ -3907,10 +3905,10 @@ const wu = /* @__PURE__ */ I(ws, [["render", Ds]]), Cu = {
   key: 0,
   "data-qa": "dt-chip-icon",
   class: "d-chip__icon"
-}, As = {
+}, xs = {
   key: 1,
   "data-qa": "dt-chip-avatar"
-}, xs = ["id"];
+}, As = ["id"];
 function Rs(e, a, t, n, s, i) {
   const r = g("dt-icon"), l = g("dt-button");
   return d(), h("span", Es, [
@@ -3925,7 +3923,7 @@ function Rs(e, a, t, n, s, i) {
       default: f(() => [
         s.hasSlotContent(e.$slots.icon) ? (d(), h("span", Ms, [
           m(e.$slots, "icon")
-        ])) : s.hasSlotContent(e.$slots.avatar) ? (d(), h("span", As, [
+        ])) : s.hasSlotContent(e.$slots.avatar) ? (d(), h("span", xs, [
           m(e.$slots, "avatar")
         ])) : C("", !0),
         s.hasSlotContent(e.$slots.default) ? (d(), h("span", {
@@ -3935,7 +3933,7 @@ function Rs(e, a, t, n, s, i) {
           class: w(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           m(e.$slots, "default")
-        ], 10, xs)) : C("", !0)
+        ], 10, As)) : C("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
@@ -4083,8 +4081,8 @@ const Ga = /* @__PURE__ */ I(Ls, [["render", Rs]]), va = {
   ],
   data() {
     return {
-      LABEL_SIZE_MODIFIERS: Dn,
-      DESCRIPTION_SIZE_MODIFIERS: Tn,
+      LABEL_SIZE_MODIFIERS: Tn,
+      DESCRIPTION_SIZE_MODIFIERS: On,
       SELECT_SIZE_MODIFIERS: va,
       SELECT_STATE_MODIFIERS: Ps,
       hasSlotContent: se
@@ -4116,8 +4114,16 @@ const Ga = /* @__PURE__ */ I(Ls, [["render", Rs]]), va = {
       return this.$slots.description || this.description ? this.descriptionKey : this.$attrs["aria-details"];
     }
   },
+  watch: {
+    // whenever question changes, this function will run
+    options() {
+      this.$nextTick(() => {
+        this.emitValue(this.$refs.selectElement.value, null);
+      });
+    }
+  },
   mounted() {
-    this.validateOptionsPresence();
+    this.emitValue(this.$refs.selectElement.value, null), this.validateOptionsPresence();
   },
   beforeUpdate() {
     this.validateOptionsPresence();
@@ -4175,6 +4181,7 @@ function Us(e, a, t, n, s, i) {
         "data-qa": "dt-select-wrapper"
       }, [
         p("select", T({
+          ref: "selectElement",
           class: [
             "d-select__input",
             s.SELECT_STATE_MODIFIERS[i.state]
@@ -4200,7 +4207,7 @@ function Us(e, a, t, n, s, i) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const Iu = /* @__PURE__ */ I(qs, [["render", Us]]), js = ["status", "alert"], ya = 6e3, Ks = {
+const Ou = /* @__PURE__ */ I(qs, [["render", Us]]), js = ["status", "alert"], ya = 6e3, Ks = {
   name: "DtToast",
   components: {
     DtNoticeIcon: Ra,
@@ -4420,7 +4427,7 @@ function Xs(e, a, t, n, s, i) {
     ])
   ], 10, Ys)) : C("", !0);
 }
-const ku = /* @__PURE__ */ I(Ks, [["render", Xs]]), Sa = {
+const Lu = /* @__PURE__ */ I(Ks, [["render", Xs]]), Sa = {
   sm: "d-toggle--small",
   md: ""
 }, Qs = [!1, !0, "mixed"], Zs = {
@@ -4591,7 +4598,7 @@ function nr(e, a, t, n, s, i) {
     ], 16, tr)
   ]);
 }
-const Du = /* @__PURE__ */ I(Zs, [["render", nr]]), Ue = {
+const Eu = /* @__PURE__ */ I(Zs, [["render", nr]]), Ue = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
@@ -4600,7 +4607,7 @@ const Du = /* @__PURE__ */ I(Zs, [["render", nr]]), Ue = {
   "{cmd}": "command"
 }, ir = {
   "{plus}": "plus"
-}, Tu = Object.keys(Ue), sr = {
+}, Mu = Object.keys(Ue), sr = {
   name: "DtKeyboardShortcut",
   components: {
     DtIcon: V
@@ -4695,7 +4702,7 @@ function lr(e, a, t, n, s, i) {
     ], 64))), 256))
   ], 2);
 }
-const Ou = /* @__PURE__ */ I(sr, [["render", lr]]), wa = {
+const xu = /* @__PURE__ */ I(sr, [["render", lr]]), wa = {
   LEFT: "left",
   RIGHT: "right"
 }, dr = ["sm", "md", "lg", null], cr = {
@@ -4843,7 +4850,7 @@ function ur(e, a, t, n, s, i) {
     ], 2)
   ], 2);
 }
-const Lu = /* @__PURE__ */ I(cr, [["render", ur]]);
+const Au = /* @__PURE__ */ I(cr, [["render", ur]]);
 const Xa = {
   __name: "core_scroller",
   props: {
@@ -4944,77 +4951,77 @@ const Xa = {
       if (n.itemSize === null) {
         const E = {
           "-1": { accumulator: 0 }
-        }, x = n.items, A = n.sizeField, oe = n.minItemSize;
+        }, A = n.items, x = n.sizeField, oe = n.minItemSize;
         let X = 1e4, ge = 0, q;
-        for (let ee = 0, qe = x.length; ee < qe; ee++)
-          q = x[ee][A] || oe, q < X && (X = q), ge += q, E[ee] = { accumulator: ge, size: q };
+        for (let ee = 0, qe = A.length; ee < qe; ee++)
+          q = A[ee][x] || oe, q < X && (X = q), ge += q, E[ee] = { accumulator: ge, size: q };
         return N = X, E;
       }
       return [];
     }), Ne = Ie(() => n.items.length && typeof n.items[0] != "object"), mt = Ie(() => {
       const E = {};
-      for (let x = 0, A = n.items.length; x < A; x++)
-        E[n.items[x][n.keyField]] = x;
+      for (let A = 0, x = n.items.length; A < x; A++)
+        E[n.items[A][n.keyField]] = A;
       return E;
     });
     Ke(re, () => {
-      Ae(!1);
+      xe(!1);
     }, { deep: !0 }), Ha(() => {
       vn(() => {
-        Ae(!0), o.value = !0;
+        xe(!0), o.value = !0;
       });
     });
-    const pe = (E, x, A, oe, X) => {
+    const pe = (E, A, x, oe, X) => {
       const ge = yn({
         id: me++,
-        index: x,
+        index: A,
         used: !0,
         key: oe,
         type: X
       }), q = Sn({
-        item: A,
+        item: x,
         position: 0,
         nr: ge
       });
       return E.value.push(q), q;
-    }, de = (E, x = !1) => {
-      const A = i, oe = E.nr.type;
-      let X = A.get(oe);
-      X || (X = [], A.set(oe, X)), X.push(E), x || (E.nr.used = !1, E.position = -9999);
+    }, de = (E, A = !1) => {
+      const x = i, oe = E.nr.type;
+      let X = x.get(oe);
+      X || (X = [], x.set(oe, X)), X.push(E), A || (E.nr.used = !1, E.position = -9999);
     }, Be = () => {
       const E = n.direction === "vertical";
-      let x;
-      return E ? x = {
+      let A;
+      return E ? A = {
         start: u.value.scrollTop,
         end: u.value.scrollTop + u.value.clientHeight
-      } : x = {
+      } : A = {
         start: u.value.scrollLeft,
         end: u.value.scrollLeft + u.value.clientWidth
-      }, x;
+      }, A;
     }, ze = () => {
       throw setTimeout(() => {
         console.error("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", u), 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");
     }, Me = () => {
-      r.value.sort((E, x) => E.nr.index - x.nr.index);
-    }, Ae = (E, x = !1) => {
+      r.value.sort((E, A) => E.nr.index - A.nr.index);
+    }, xe = (E, A = !1) => {
       var Jt, ea, ta, aa, na, ia, sa, ra;
-      const A = n.itemSize, oe = N, X = Ne.value ? null : n.keyField, ge = n.items, q = ge.length, ee = re.value, qe = s, Qt = i, Qe = r, ln = mt;
+      const x = n.itemSize, oe = N, X = Ne.value ? null : n.keyField, ge = n.items, q = ge.length, ee = re.value, qe = s, Qt = i, Qe = r, ln = mt;
       let te, j, Ze, ce, be;
       if (!q)
         te = j = ce = be = Ze = 0;
       else {
         const B = Be();
-        if (x) {
+        if (A) {
           let W = B.start - S.value;
-          if (W < 0 && (W = -W), A === null && W < oe.value || W < A)
+          if (W < 0 && (W = -W), x === null && W < oe.value || W < x)
             return {
               continuous: !0
             };
         }
         S = B.start;
         const ae = n.buffer;
-        if (B.start -= ae, B.end += ae, A === null) {
+        if (B.start -= ae, B.end += ae, x === null) {
           let W, Fe = 0, oa = q - 1, ne = ~~(q / 2), la;
           do
             la = ne, W = (Jt = ee[ne]) == null ? void 0 : Jt.accumulator, W < B.start ? Fe = ne : ne < q - 1 && ((ea = ee[ne + 1]) == null ? void 0 : ea.accumulator) > B.start && (oa = ne), ne = ~~((Fe + oa) / 2);
@@ -5026,9 +5033,9 @@ const Xa = {
           for (be = ce; be < q && ((ia = ee[be]) == null ? void 0 : ia.accumulator) < B.end; be++)
             ;
         } else {
-          te = ~~(B.start / A);
+          te = ~~(B.start / x);
           const W = te % 1;
-          te -= W, j = Math.ceil(B.end / A), ce = Math.max(0, Math.floor(B.start / A)), be = Math.floor(B.end / A), te < 0 && (te = 0), j > q && (j = q), ce < 0 && (ce = 0), be > q && (be = q), Ze = Math.ceil(q / 1) * A;
+          te -= W, j = Math.ceil(B.end / x), ce = Math.max(0, Math.floor(B.start / x)), be = Math.floor(B.end / x), te < 0 && (te = 0), j > q && (j = q), ce < 0 && (ce = 0), be > q && (be = q), Ze = Math.ceil(q / 1) * x;
         }
       }
       j - te > 1e3 && ze(), H = Ze;
@@ -5044,7 +5051,7 @@ const Xa = {
         const ae = X ? ue == null ? void 0 : ue[X] : ue;
         if (ae == null)
           throw new Error(`Key is ${ae} on item (keyField is '${X}')`);
-        if (P = qe.get(ae), !A && !((sa = ee[B]) != null && sa.size)) {
+        if (P = qe.get(ae), !x && !((sa = ee[B]) != null && sa.size)) {
           P && de(P);
           continue;
         }
@@ -5056,28 +5063,28 @@ const Xa = {
           const Fe = W.indexOf(P);
           Fe !== -1 && W.splice(Fe, 1);
         }
-        P.item = ue, A === null ? (P.position = (ra = ee[B - 1]) == null ? void 0 : ra.accumulator, P.offset = 0) : (P.position = Math.floor(B) * A, P.offset = B % 1 * A);
+        P.item = ue, x === null ? (P.position = (ra = ee[B - 1]) == null ? void 0 : ra.accumulator, P.offset = 0) : (P.position = Math.floor(B) * x, P.offset = B % 1 * x);
       }
       return c = te, y = j, clearTimeout(M), M = setTimeout(Me, 300), {
         continuous: Je
       };
     }, pt = (E) => {
-      const x = n.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, A = u.value, oe = x.scroll;
-      A[oe] = E;
+      const A = n.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, x = u.value, oe = A.scroll;
+      x[oe] = E;
     }, gt = (E) => {
-      var A;
-      let x;
-      n.itemSize === null ? x = E > 0 ? (A = re.value[E - 1]) == null ? void 0 : A.accumulator : 0 : x = Math.floor(E) * n.itemSize, pt(x);
+      var x;
+      let A;
+      n.itemSize === null ? A = E > 0 ? (x = re.value[E - 1]) == null ? void 0 : x.accumulator : 0 : A = Math.floor(E) * n.itemSize, pt(A);
     }, bt = () => {
       const E = u.value;
       v.value !== "middle" && (v.value = "middle", t("user-position", "middle")), E.scrollTop === 0 && (v.value = "top", t("user-position", "top")), E.scrollTop + E.clientHeight === E.scrollHeight && (v.value = "bottom", t("user-position", "bottom")), _ || (_ = !0, requestAnimationFrame(() => {
-        _ = !1, Ae(!1, !0);
+        _ = !1, xe(!1, !0);
       }));
     };
     return a({
       scrollToItem: gt,
-      _updateVisibleItems: Ae
-    }), (E, x) => (d(), h("div", {
+      _updateVisibleItems: xe
+    }), (E, A) => (d(), h("div", {
       ref_key: "scroller",
       ref: u,
       class: w(["vue-recycle-scroller", {
@@ -5092,22 +5099,22 @@ const Xa = {
         class: w(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: f(() => [
-          (d(!0), h(G, null, Z(r.value, (A) => (d(), L(Se(e.itemTag), T({
-            key: A.nr.id,
+          (d(!0), h(G, null, Z(r.value, (x) => (d(), L(Se(e.itemTag), T({
+            key: x.nr.id,
             style: o.value ? {
-              transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${A.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${A.offset}px)`,
+              transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${x.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${x.offset}px)`,
               width: void 0,
               height: void 0
             } : null,
             class: ["vue-recycle-scroller__item-view", [
               e.itemClass,
               {
-                hover: !e.skipHover && l.value === A.nr.key
+                hover: !e.skipHover && l.value === x.nr.key
               }
             ]]
           }, U(e.skipHover ? {} : {
             mouseenter: () => {
-              l.value = A.nr.key;
+              l.value = x.nr.key;
             },
             mouseleave: () => {
               l.value = null;
@@ -5115,9 +5122,9 @@ const Xa = {
           })), {
             default: f(() => [
               m(E.$slots, "default", {
-                item: A.item,
-                index: A.nr.index,
-                active: A.nr.used
+                item: x.item,
+                index: x.nr.index,
+                active: x.nr.used
               })
             ]),
             _: 2
@@ -5440,7 +5447,7 @@ function mr(e, a, t, n, s, i) {
         "data-index": u
       }, {
         default: f(() => [
-          m(e.$slots, "default", Ge(At({
+          m(e.$slots, "default", Ge(xt({
             item: o.item,
             index: u,
             active: v,
@@ -5453,7 +5460,7 @@ function mr(e, a, t, n, s, i) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const pr = /* @__PURE__ */ I(fr, [["render", mr]]), Eu = {
+const pr = /* @__PURE__ */ I(fr, [["render", mr]]), Ru = {
   __name: "DtScroller",
   props: {
     /**
@@ -5599,7 +5606,7 @@ const pr = /* @__PURE__ */ I(fr, [["render", mr]]), Eu = {
       onUserPosition: y[0] || (y[0] = (_) => c.$emit("user-position", _))
     }, {
       default: f(({ item: _, index: S, active: M }) => [
-        m(c.$slots, "default", Ge(At({
+        m(c.$slots, "default", Ge(xt({
           item: _,
           index: S,
           active: M
@@ -5764,7 +5771,7 @@ function Mr(e) {
   var a = D(e), t = a.getMonth();
   return a.setFullYear(a.getFullYear(), t + 1, 0), a.setHours(23, 59, 59, 999), a;
 }
-function Ar(e) {
+function xr(e) {
   k(1, arguments);
   var a = D(e);
   return Er(a).getTime() === Mr(a).getTime();
@@ -5777,7 +5784,7 @@ function Ja(e, a) {
   else {
     t.getMonth() === 1 && t.getDate() > 27 && t.setDate(30), t.setMonth(t.getMonth() - s * i);
     var l = ke(t, n) === -s;
-    Ar(D(e)) && i === 1 && ke(e, n) === 1 && (l = !1), r = s * (i - Number(l));
+    xr(D(e)) && i === 1 && ke(e, n) === 1 && (l = !1), r = s * (i - Number(l));
   }
   return r === 0 ? 0 : r;
 }
@@ -5786,7 +5793,7 @@ function en(e, a, t) {
   var n = zt(e, a) / 1e3;
   return qt(t == null ? void 0 : t.roundingMethod)(n);
 }
-function xr(e, a) {
+function Ar(e, a) {
   k(2, arguments);
   var t = D(e), n = D(a), s = ke(t, n), i = Math.abs(kr(t, n));
   t.setFullYear(1584), n.setFullYear(1584);
@@ -5928,7 +5935,7 @@ var Wr = {
   }
 };
 const ve = Wr;
-var xe = {
+var Ae = {
   am: "am",
   pm: "pm",
   midnight: "midnight",
@@ -6309,7 +6316,7 @@ var xe = {
   // AM, PM, midnight, noon
   b: function(a, t, n) {
     var s = a.getUTCHours(), i;
-    switch (s === 12 ? i = xe.noon : s === 0 ? i = xe.midnight : i = s / 12 >= 1 ? "pm" : "am", t) {
+    switch (s === 12 ? i = Ae.noon : s === 0 ? i = Ae.midnight : i = s / 12 >= 1 ? "pm" : "am", t) {
       case "b":
       case "bb":
         return n.dayPeriod(i, {
@@ -6337,7 +6344,7 @@ var xe = {
   // in the morning, in the afternoon, in the evening, at night
   B: function(a, t, n) {
     var s = a.getUTCHours(), i;
-    switch (s >= 17 ? i = xe.evening : s >= 12 ? i = xe.afternoon : s >= 4 ? i = xe.morning : i = xe.night, t) {
+    switch (s >= 17 ? i = Ae.evening : s >= 12 ? i = Ae.afternoon : s >= 4 ? i = Ae.morning : i = Ae.night, t) {
       case "B":
       case "BB":
       case "BBB":
@@ -6900,10 +6907,10 @@ var Co = /^(\d+)(th|st|nd|rd)?/i, Io = /\d+/i, ko = {
   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
-}, Ao = {
+}, xo = {
   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]
-}, xo = {
+}, Ao = {
   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
 }, Ro = {
@@ -6949,11 +6956,11 @@ var Co = /^(\d+)(th|st|nd|rd)?/i, Io = /\d+/i, ko = {
   day: Ve({
     matchPatterns: Mo,
     defaultMatchWidth: "wide",
-    parsePatterns: Ao,
+    parsePatterns: xo,
     defaultParseWidth: "any"
   }),
   dayPeriod: Ve({
-    matchPatterns: xo,
+    matchPatterns: Ao,
     defaultMatchWidth: "any",
     parsePatterns: Ro,
     defaultParseWidth: "any"
@@ -6990,29 +6997,29 @@ function we(e, a, t) {
   var Me = D(e);
   if (!Cr(Me))
     throw new RangeError("Invalid time value");
-  var Ae = Ye(Me), pt = Rr(Me, Ae), gt = {
+  var xe = Ye(Me), pt = Rr(Me, xe), gt = {
     firstWeekContainsDate: Be,
     weekStartsOn: ze,
     locale: de,
     _originalDate: Me
   }, bt = mt.match(zo).map(function(E) {
-    var x = E[0];
-    if (x === "p" || x === "P") {
-      var A = Yr[x];
-      return A(E, de.formatLong);
+    var A = E[0];
+    if (A === "p" || A === "P") {
+      var x = Yr[A];
+      return x(E, de.formatLong);
     }
     return E;
   }).join("").match(Bo).map(function(E) {
     if (E === "''")
       return "'";
-    var x = E[0];
-    if (x === "'")
+    var A = E[0];
+    if (A === "'")
       return Wo(E);
-    var A = Ur[x];
-    if (A)
-      return !(t != null && t.useAdditionalWeekYearTokens) && Zr(E) && Oa(E, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && Qr(E) && Oa(E, a, String(e)), A(pt, E, de.localize, gt);
-    if (x.match(Ho))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + x + "`");
+    var x = Ur[A];
+    if (x)
+      return !(t != null && t.useAdditionalWeekYearTokens) && Zr(E) && Oa(E, a, String(e)), !(t != null && t.useAdditionalDayOfYearTokens) && Qr(E) && Oa(E, a, String(e)), x(pt, E, de.localize, gt);
+    if (A.match(Ho))
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + A + "`");
     return E;
   }).join("");
   return bt;
@@ -7115,7 +7122,7 @@ function Zo(e) {
   if (isNaN(t.getTime()))
     throw new RangeError("End Date is invalid");
   var n = {};
-  n.years = Math.abs(xr(t, a));
+  n.years = Math.abs(Ar(t, a));
   var s = ke(t, a), i = He(a, {
     years: s * n.years
   });
@@ -7541,7 +7548,7 @@ const Cl = { class: "d-datepicker__calendar" }, Il = { class: "d-datepicker__wee
       ]))), 128))
     ]));
   }
-}, Tl = { class: "d-datepicker" }, Ol = { class: "d-datepicker--header" }, Ll = { class: "d-datepicker--body" }, Mu = {
+}, Tl = { class: "d-datepicker" }, Ol = { class: "d-datepicker--header" }, Ll = { class: "d-datepicker--body" }, Pu = {
   __name: "DtDatepicker",
   props: {
     /**
@@ -7672,19 +7679,19 @@ const Cl = { class: "d-datepicker__calendar" }, Il = { class: "d-datepicker__wee
     ]));
   }
 };
-function Au(e) {
+function $u(e) {
   return we(e, "EEEE, MMMM d, yyyy");
 }
-function xu(e) {
+function Nu(e) {
   return we(e, "MMMM d, yyyy");
 }
-function Ru(e, a = !0) {
+function Bu(e, a = !0) {
   return we(e, a ? "EEE, MMM d, yyyy" : "MMM d, yyyy");
 }
-function Pu(e, a = !1) {
+function zu(e, a = !1) {
   return we(e, a ? "MMM d" : "MMMM d");
 }
-function $u(e) {
+function qu(e) {
   return we(e, "MM/dd/yy");
 }
 const El = {
@@ -7968,7 +7975,7 @@ const El = {
       this.showList !== null || this.isListShown || !this.openWithArrowKeys || this.showComboboxList();
     }
   }
-}, Ml = ["id"], Al = { ref: "header" }, xl = ["onMouseleave", "onFocusout"], Rl = { ref: "footer" };
+}, Ml = ["id"], xl = { ref: "header" }, Al = ["onMouseleave", "onFocusout"], Rl = { ref: "footer" };
 function Pl(e, a, t, n, s, i) {
   const r = g("combobox-loading-list"), l = g("combobox-empty-list"), o = g("dt-popover"), u = g("dt-combobox");
   return d(), L(u, T({
@@ -8028,7 +8035,7 @@ function Pl(e, a, t, n, s, i) {
         "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
         "visually-hidden-close": e.visuallyHiddenClose,
         onOpened: v
-      }, xt({
+      }, At({
         content: f(() => [
           p("div", {
             ref: "listWrapper",
@@ -8040,14 +8047,14 @@ function Pl(e, a, t, n, s, i) {
               key: 2,
               listProps: c
             })
-          ], 42, xl)
+          ], 42, Al)
         ]),
         _: 2
       }, [
         s.hasSlotContent(e.$slots.header) ? {
           name: "headerContent",
           fn: f(() => [
-            p("div", Al, [
+            p("div", xl, [
               m(e.$slots, "header")
             ], 512)
           ]),
@@ -8455,7 +8462,7 @@ function jl(e, a, t, n, s, i) {
     "append-to": t.appendTo,
     transition: t.transition,
     onSelect: i.onComboboxSelect
-  }, xt({
+  }, At({
     input: f(({ onInput: v }) => [
       p("span", Fl, [
         p("span", Hl, [
@@ -8527,7 +8534,7 @@ function jl(e, a, t, n, s, i) {
     } : void 0
   ]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
 }
-const Nu = /* @__PURE__ */ I(ql, [["render", jl]]), rn = ["sm", "md", "lg", "xl"];
+const Fu = /* @__PURE__ */ I(ql, [["render", jl]]), rn = ["sm", "md", "lg", "xl"];
 const Kl = {
   name: "DtRecipeCallbarButton",
   components: { DtButton: J, DtTooltip: Pt },
@@ -8986,7 +8993,7 @@ function Zl(e, a, t, n, s, i) {
     }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : C("", !0)
   ]);
 }
-const Bu = /* @__PURE__ */ I(Xl, [["render", Zl]]);
+const Hu = /* @__PURE__ */ I(Xl, [["render", Zl]]);
 const Jl = {
   name: "DtRecipeContactInfo",
   components: {
@@ -9165,7 +9172,7 @@ function rd(e, a, t, n, s, i) {
     _: 3
   }, 8, ["id", "role"]);
 }
-const zu = /* @__PURE__ */ I(Jl, [["render", rd], ["__scopeId", "data-v-3d0f9d2e"]]), od = [
+const Wu = /* @__PURE__ */ I(Jl, [["render", rd], ["__scopeId", "data-v-3d0f9d2e"]]), od = [
   "green300",
   "green100",
   "red200",
@@ -9222,7 +9229,7 @@ function hd(e, a, t, n, s, i) {
     ])
   ], 2);
 }
-const qu = /* @__PURE__ */ I(ld, [["render", hd]]), Ht = "promptmenu", Wt = "promptcollect", Vt = "promptplay", Ut = "gotoexpert", ft = "goto", jt = "branch", Kt = "transfer", Yt = "hangup", fd = {
+const Vu = /* @__PURE__ */ I(ld, [["render", hd]]), Ht = "promptmenu", Wt = "promptcollect", Vt = "promptplay", Ut = "gotoexpert", ft = "goto", jt = "branch", Kt = "transfer", Yt = "hangup", fd = {
   [Ht]: "keypad",
   [Wt]: "dialer",
   [Vt]: "volume-2",
@@ -9231,7 +9238,7 @@ const qu = /* @__PURE__ */ I(ld, [["render", hd]]), Ht = "promptmenu", Wt = "pro
   [ft]: "call-merge",
   [Kt]: "transfer",
   [Yt]: "phone-hang-up"
-}, Fu = {
+}, Uu = {
   [Ht]: "Menu",
   [Wt]: "Collect",
   [Vt]: "Play",
@@ -9433,7 +9440,7 @@ function vd(e, a, t, n, s, i) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const Hu = /* @__PURE__ */ I(pd, [["render", vd]]);
+const ju = /* @__PURE__ */ I(pd, [["render", vd]]);
 const yd = {
   name: "DtRecipeGroupedChip",
   components: {
@@ -9470,7 +9477,7 @@ function Dd(e, a, t, n, s, i) {
       size: "xs",
       "grouped-chip": !0,
       class: "d-blr-pill d-bgc-moderate-opaque d-wmx84 dt-chip-content"
-    }, xt({
+    }, At({
       default: f(() => [
         s.hasSlotContent(e.$slots.leftContent) ? (d(), h("div", Cd, [
           m(e.$slots, "leftContent")
@@ -9510,7 +9517,7 @@ function Dd(e, a, t, n, s, i) {
     })
   ]);
 }
-const Wu = /* @__PURE__ */ I(yd, [["render", Dd]]);
+const Ku = /* @__PURE__ */ I(yd, [["render", Dd]]);
 const Td = {
   name: "DtRecipeSettingsMenuButton",
   components: {
@@ -9573,7 +9580,7 @@ function Od(e, a, t, n, s, i) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const Vu = /* @__PURE__ */ I(Td, [["render", Od], ["__scopeId", "data-v-b0dfa8b3"]]), K = {
+const Yu = /* @__PURE__ */ I(Td, [["render", Od], ["__scopeId", "data-v-b0dfa8b3"]]), K = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -9614,9 +9621,24 @@ const Vu = /* @__PURE__ */ I(Td, [["render", Od], ["__scopeId", "data-v-b0dfa8b3
 }, Ed = "If type is contact center, color must be oneof the following:" + Object.keys(ot).join(", "), Md = [
   "300",
   "200"
-], Ad = {
+], xd = {}, Ad = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Dialbot",
+  class: "d-svg d-svg--native d-svg__dialbot",
+  width: "358",
+  height: "358",
+  viewBox: "0 0 358 358",
+  fill: "none"
+}, Rd = /* @__PURE__ */ In('<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), Pd = [
+  Rd
+];
+function $d(e, a) {
+  return d(), h("svg", Ad, Pd);
+}
+const Nd = /* @__PURE__ */ I(xd, [["render", $d]]), Bd = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: { DtIcon: V, IconDialbot: Ln },
+  components: { DtIcon: V, IconDialbot: Nd },
   props: {
     type: {
       type: String,
@@ -9661,7 +9683,7 @@ const Vu = /* @__PURE__ */ I(Td, [["render", Od], ["__scopeId", "data-v-b0dfa8b3
     }
   }
 };
-function xd(e, a, t, n, s, i) {
+function zd(e, a, t, n, s, i) {
   const r = g("dt-icon"), l = g("icon-dialbot");
   return i.isIconType ? (d(), L(r, {
     key: 0,
@@ -9678,8 +9700,8 @@ function xd(e, a, t, n, s, i) {
     b(l, { class: "d-svg--size24" })
   ], 2)) : C("", !0);
 }
-const Rd = /* @__PURE__ */ I(Ad, [["render", xd]]);
-const Pd = {
+const qd = /* @__PURE__ */ I(Bd, [["render", zd]]);
+const Fd = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: Nt,
@@ -9687,7 +9709,7 @@ const Pd = {
     DtIcon: V,
     DtButton: J,
     DtTooltip: Pt,
-    DtRecipeLeftbarGeneralRowIcon: Rd
+    DtRecipeLeftbarGeneralRowIcon: qd
   },
   inheritAttrs: !1,
   props: {
@@ -9891,25 +9913,25 @@ const Pd = {
       this.labelWidth = e - (a + t + n) + "px";
     }
   }
-}, Gt = (e) => (In("data-v-49d75ce6"), e = e(), kn(), e), $d = ["data-qa", "aria-label", "title", "href"], Nd = { class: "dt-leftbar-row__alpha" }, Bd = {
+}, Gt = (e) => (kn("data-v-49d75ce6"), e = e(), Dn(), e), Hd = ["data-qa", "aria-label", "title", "href"], Wd = { class: "dt-leftbar-row__alpha" }, Vd = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
-}, zd = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), qd = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), Fd = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), Hd = [
-  zd,
-  qd,
-  Fd
-], Wd = {
+}, Ud = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), jd = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), Kd = /* @__PURE__ */ Gt(() => /* @__PURE__ */ p("span", null, null, -1)), Yd = [
+  Ud,
+  jd,
+  Kd
+], Gd = {
   key: 0,
   class: "dt-leftbar-row__omega"
-}, Vd = {
+}, Xd = {
   key: 1,
   class: "dt-leftbar-row__active-voice"
-}, Ud = {
+}, Qd = {
   key: 3,
   class: "dt-leftbar-row__action",
   "data-qa": "dt-leftbar-row-action"
 };
-function jd(e, a, t, n, s, i) {
+function Zd(e, a, t, n, s, i) {
   const r = g("dt-recipe-leftbar-general-row-icon"), l = g("dt-emoji-text-wrapper"), o = g("dt-tooltip"), u = g("dt-icon"), v = g("dt-badge"), c = g("dt-button");
   return d(), h("div", {
     class: w(i.leftbarGeneralRowClasses),
@@ -9922,8 +9944,8 @@ function jd(e, a, t, n, s, i) {
       title: t.description,
       href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
     }, e.$attrs, U(i.generalRowListeners, !0)), [
-      p("div", Nd, [
-        t.isTyping ? (d(), h("div", Bd, Hd)) : m(e.$slots, "left", { key: 1 }, () => [
+      p("div", Wd, [
+        t.isTyping ? (d(), h("div", Vd, Yd)) : m(e.$slots, "left", { key: 1 }, () => [
           b(r, {
             type: i.getIcon,
             color: t.color,
@@ -9949,8 +9971,8 @@ function jd(e, a, t, n, s, i) {
           })
         ], !0)
       ], 4)
-    ], 16, $d),
-    i.hasActions ? (d(), h("div", Wd, [
+    ], 16, Hd),
+    i.hasActions ? (d(), h("div", Gd, [
       t.dndText ? (d(), L(o, {
         key: 0,
         placement: "top",
@@ -9965,7 +9987,7 @@ function jd(e, a, t, n, s, i) {
         ]),
         _: 1
       }, 8, ["message"])) : C("", !0),
-      t.activeVoiceChat ? (d(), h("div", Vd, [
+      t.activeVoiceChat ? (d(), h("div", Xd, [
         b(u, {
           size: "300",
           name: "waveform"
@@ -9990,7 +10012,7 @@ function jd(e, a, t, n, s, i) {
         ]),
         _: 1
       }, 8, ["message"])) : C("", !0),
-      t.hasCallButton ? (d(), h("div", Ud, [
+      t.hasCallButton ? (d(), h("div", Qd, [
         b(o, {
           message: t.callButtonTooltip,
           placement: "top"
@@ -10022,7 +10044,7 @@ function jd(e, a, t, n, s, i) {
     ])) : C("", !0)
   ], 2);
 }
-const on = /* @__PURE__ */ I(Pd, [["render", jd], ["__scopeId", "data-v-49d75ce6"]]), Kd = {
+const on = /* @__PURE__ */ I(Fd, [["render", Zd], ["__scopeId", "data-v-49d75ce6"]]), Jd = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: V,
@@ -10091,7 +10113,7 @@ const on = /* @__PURE__ */ I(Pd, [["render", jd], ["__scopeId", "data-v-49d75ce6
     }
   }
 };
-function Yd(e, a, t, n, s, i) {
+function ec(e, a, t, n, s, i) {
   const r = g("dt-icon"), l = g("dt-recipe-general-row");
   return d(), L(l, T({
     description: t.names,
@@ -10111,7 +10133,7 @@ function Yd(e, a, t, n, s, i) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const Uu = /* @__PURE__ */ I(Kd, [["render", Yd]]), Gd = {
+const Gu = /* @__PURE__ */ I(Jd, [["render", ec]]), tc = {
   name: "DtRecipeContactRow",
   components: {
     DtAvatar: ct,
@@ -10272,8 +10294,8 @@ const Uu = /* @__PURE__ */ I(Kd, [["render", Yd]]), Gd = {
       return this.noInitials ? "user" : null;
     }
   }
-}, Xd = { class: "dt-leftbar-row__status" };
-function Qd(e, a, t, n, s, i) {
+}, ac = { class: "dt-leftbar-row__status" };
+function nc(e, a, t, n, s, i) {
   const r = g("dt-avatar"), l = g("dt-emoji-text-wrapper"), o = g("dt-recipe-general-row");
   return d(), L(o, T({
     "unread-count": t.unreadCount,
@@ -10311,7 +10333,7 @@ function Qd(e, a, t, n, s, i) {
         ]),
         _: 1
       }),
-      p("div", Xd, [
+      p("div", ac, [
         t.presenceText ? (d(), h("span", {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
@@ -10334,8 +10356,8 @@ function Qd(e, a, t, n, s, i) {
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const ju = /* @__PURE__ */ I(Gd, [["render", Qd]]), Zd = ["up", "down"], Jd = ["mentions", "messages"];
-const ec = {
+const Xu = /* @__PURE__ */ I(tc, [["render", nc]]), ic = ["up", "down"], sc = ["mentions", "messages"];
+const rc = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10348,7 +10370,7 @@ const ec = {
     kind: {
       type: String,
       required: !0,
-      validator: (e) => Jd.includes(e)
+      validator: (e) => sc.includes(e)
     },
     /**
      * The direction of the arrow icon
@@ -10357,7 +10379,7 @@ const ec = {
     direction: {
       type: String,
       required: !0,
-      validator: (e) => Zd.includes(e)
+      validator: (e) => ic.includes(e)
     }
   },
   emits: [
@@ -10376,8 +10398,8 @@ const ec = {
       };
     }
   }
-}, tc = { "data-qa": "dt-leftbar-unread-pill__label" };
-function ac(e, a, t, n, s, i) {
+}, oc = { "data-qa": "dt-leftbar-unread-pill__label" };
+function lc(e, a, t, n, s, i) {
   const r = g("dt-icon");
   return d(), h("button", T({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
@@ -10388,17 +10410,17 @@ function ac(e, a, t, n, s, i) {
       name: `arrow-${t.direction}`,
       size: "300"
     }, null, 8, ["name"]),
-    p("span", tc, [
+    p("span", oc, [
       m(e.$slots, "default")
     ])
   ], 16);
 }
-const Ku = /* @__PURE__ */ I(ec, [["render", ac]]), St = {
+const Qu = /* @__PURE__ */ I(rc, [["render", lc]]), St = {
   NORMAL: "",
   SEARCHED: "d-bgc-warning-subtle",
   ERROR: "d-bgc-critical-subtle"
 }, wt = "NORMAL";
-const nc = {
+const dc = {
   name: "DtRecipeFeedItemRow",
   components: {
     DtAvatar: ct,
@@ -10522,21 +10544,21 @@ const nc = {
       this.state === wt || this.faded === !0 || (this.$refs.FeedItemRef.$el.classList.remove(St[this.state]), this.faded = !0);
     }
   }
-}, ic = {
+}, cc = {
   key: 0,
   "data-qa": "dt-feed-item-row--header",
   class: "d-d-flex d-ai-center"
-}, sc = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, rc = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, oc = {
+}, uc = { class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap" }, hc = { class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0" }, fc = {
   class: "content-text-wrapper-class",
   "data-qa": "dt-feed-item-row--content"
-}, lc = {
+}, mc = {
   class: "d-d-flex d-fw-wrap",
   "data-qa": "dt-feed-item-row--reactions"
-}, dc = {
+}, pc = {
   "data-qa": "dt-feed-item-row--menu",
   class: "d-ps-absolute d-tn24 d-r12"
 };
-function cc(e, a, t, n, s, i) {
+function gc(e, a, t, n, s, i) {
   const r = g("dt-avatar"), l = g("dt-lazy-show"), o = g("dt-list-item");
   return d(), L(o, T({
     ref: "FeedItemRef",
@@ -10562,13 +10584,13 @@ function cc(e, a, t, n, s, i) {
       ])
     ]),
     bottom: f(() => [
-      p("div", lc, [
+      p("div", mc, [
         m(e.$slots, "reactions", {}, void 0, !0)
       ]),
       m(e.$slots, "threading", {}, void 0, !0)
     ]),
     right: f(() => [
-      De(p("div", dc, [
+      De(p("div", pc, [
         b(l, {
           appear: !0,
           transition: "fade",
@@ -10585,11 +10607,11 @@ function cc(e, a, t, n, s, i) {
     ]),
     default: f(() => [
       p("article", null, [
-        t.showHeader ? (d(), h("div", ic, [
-          p("p", sc, O(t.displayName), 1),
-          p("time", rc, O(t.time), 1)
+        t.showHeader ? (d(), h("div", cc, [
+          p("p", uc, O(t.displayName), 1),
+          p("time", hc, O(t.time), 1)
         ])) : C("", !0),
-        p("span", oc, [
+        p("span", fc, [
           m(e.$slots, "default", {}, void 0, !0)
         ])
       ])
@@ -10597,12 +10619,12 @@ function cc(e, a, t, n, s, i) {
     _: 3
   }, 16, ["class"]);
 }
-const Yu = /* @__PURE__ */ I(nc, [["render", cc], ["__scopeId", "data-v-1219f3b4"]]), Ea = {
+const Zu = /* @__PURE__ */ I(dc, [["render", gc], ["__scopeId", "data-v-1219f3b4"]]), Ea = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
 };
-const uc = {
+const bc = {
   name: "DtRecipeFeedItemPill",
   components: { DtItemLayout: hn, DtIcon: V, DtCollapsible: vi },
   props: {
@@ -10684,13 +10706,13 @@ const uc = {
       this.toggleable && (this.expanded = !this.expanded);
     }
   }
-}, hc = { class: "dt-recipe-feed-item-pill__wrapper" }, fc = ["aria-label"], mc = { class: "dt-recipe-feed-item-pill__title" }, pc = { class: "dt-recipe-feed-item-pill__content" };
-function gc(e, a, t, n, s, i) {
+}, _c = { class: "dt-recipe-feed-item-pill__wrapper" }, vc = ["aria-label"], yc = { class: "dt-recipe-feed-item-pill__title" }, Sc = { class: "dt-recipe-feed-item-pill__content" };
+function wc(e, a, t, n, s, i) {
   const r = g("dt-icon"), l = g("dt-item-layout"), o = g("dt-collapsible");
   return d(), h("div", {
     class: w(["dt-recipe-feed-item-pill__border", i.borderClass, t.wrapperClass])
   }, [
-    p("div", hc, [
+    p("div", _c, [
       b(o, { open: s.expanded }, {
         anchor: f(() => [
           p("button", {
@@ -10723,15 +10745,15 @@ function gc(e, a, t, n, s, i) {
               ]),
               default: f(() => [
                 m(e.$slots, "title", {}, () => [
-                  p("span", mc, O(t.title), 1)
+                  p("span", yc, O(t.title), 1)
                 ], !0)
               ]),
               _: 3
             })
-          ], 42, fc)
+          ], 42, vc)
         ]),
         content: f(() => [
-          p("div", pc, [
+          p("div", Sc, [
             m(e.$slots, "content", {}, void 0, !0)
           ])
         ]),
@@ -10740,7 +10762,7 @@ function gc(e, a, t, n, s, i) {
     ])
   ], 2);
 }
-const Gu = /* @__PURE__ */ I(uc, [["render", gc], ["__scopeId", "data-v-2e98d8f9"]]), bc = {
+const Ju = /* @__PURE__ */ I(bc, [["render", wc], ["__scopeId", "data-v-2e98d8f9"]]), Cc = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -10763,22 +10785,22 @@ const Gu = /* @__PURE__ */ I(uc, [["render", gc], ["__scopeId", "data-v-2e98d8f9
       }
     }
   }
-}, _c = ["dateTime"];
-function vc(e, a, t, n, s, i) {
+}, Ic = ["dateTime"];
+function kc(e, a, t, n, s, i) {
   return d(), h("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"
-  }, O(t.dateTimeDisplay), 9, _c);
+  }, O(t.dateTimeDisplay), 9, Ic);
 }
-const Xu = /* @__PURE__ */ I(bc, [["render", vc]]), yc = [
+const eh = /* @__PURE__ */ I(Cc, [["render", kc]]), Dc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
   "tooltip",
   "num"
 ];
-const Sc = {
+const Tc = {
   name: "DtRecipeEmojiRow",
   components: { DtTooltip: Pt, DtButton: J, DtEmoji: bn, DtEmojiTextWrapper: Nt },
   mixins: [],
@@ -10791,7 +10813,7 @@ const Sc = {
       default: () => [],
       validator: (e) => {
         for (const a of e)
-          if (!yc.every((n) => a[n] !== void 0))
+          if (!Dc.every((n) => a[n] !== void 0))
             return !1;
         return !0;
       }
@@ -10812,10 +10834,10 @@ const Sc = {
       });
     }
   }
-}, wc = { class: "dt-emoji-row" }, Cc = ["reaction"], Ic = { "aria-hidden": "true" }, kc = { class: "d-mr4 d-d-inline-flex" }, Dc = { class: "d-fw-bold d-fs-100" };
-function Tc(e, a, t, n, s, i) {
+}, Oc = { class: "dt-emoji-row" }, Lc = ["reaction"], Ec = { "aria-hidden": "true" }, Mc = { class: "d-mr4 d-d-inline-flex" }, xc = { class: "d-fw-bold d-fs-100" };
+function Ac(e, a, t, n, s, i) {
   const r = g("dt-emoji-text-wrapper"), l = g("dt-emoji"), o = g("dt-button"), u = g("dt-tooltip");
-  return d(), h("span", wc, [
+  return d(), h("span", Oc, [
     (d(!0), h(G, null, Z(t.reactions, (v) => (d(), h("span", {
       key: v.unicodeOutput,
       reaction: v,
@@ -10837,19 +10859,19 @@ function Tc(e, a, t, n, s, i) {
             onClick: (y) => i.emojiClicked(v)
           }, {
             default: f(() => [
-              p("span", kc, [
+              p("span", Mc, [
                 b(l, {
                   size: "200",
                   code: v.emojiUnicodeOrShortname
                 }, null, 8, ["code"])
               ]),
-              p("span", Dc, O(v.num), 1)
+              p("span", xc, O(v.num), 1)
             ]),
             _: 2
           }, 1032, ["class", "aria-label", "attrs", "onClick"])
         ]),
         default: f(() => [
-          p("span", Ic, [
+          p("span", Ec, [
             b(r, { size: "200" }, {
               default: f(() => [
                 F(O(v.tooltip), 1)
@@ -10860,11 +10882,11 @@ function Tc(e, a, t, n, s, i) {
         ]),
         _: 2
       }, 1032, ["onShown"])
-    ], 8, Cc))), 128))
+    ], 8, Lc))), 128))
   ]);
 }
-const Qu = /* @__PURE__ */ I(Sc, [["render", Tc]]);
-const Oc = {
+const th = /* @__PURE__ */ I(Tc, [["render", Ac]]);
+const Rc = {
   name: "DtProgressBar",
   props: {
     progressbarAriaLabel: {
@@ -10890,19 +10912,19 @@ const Oc = {
   mounted() {
     this.circleCircumference = this.$refs.progressbarCircle.getTotalLength();
   }
-}, Lc = ["aria-label", "aria-valuenow"], Ec = {
+}, Pc = ["aria-label", "aria-valuenow"], $c = {
   ref: "progressbarCircle",
   r: "8",
   cx: "12",
   cy: "12",
   class: "progress-bar__circle"
-}, Mc = /* @__PURE__ */ p("circle", {
+}, Nc = /* @__PURE__ */ p("circle", {
   r: "8",
   cx: "12",
   cy: "12",
   class: "progress-bar__circle"
 }, null, -1);
-function Ac(e, a, t, n, s, i) {
+function Bc(e, a, t, n, s, i) {
   return d(), h("div", {
     role: "progressbar",
     "aria-label": t.progressbarAriaLabel,
@@ -10915,19 +10937,19 @@ function Ac(e, a, t, n, s, i) {
       class: "progress-bar d-w24 d-h24",
       style: Le(i.cssVars)
     }, [
-      p("circle", Ec, null, 512),
-      Mc
+      p("circle", $c, null, 512),
+      Nc
     ], 4))
-  ], 8, Lc);
+  ], 8, Pc);
 }
-const xc = /* @__PURE__ */ I(Oc, [["render", Ac]]);
-const Rc = {
+const zc = /* @__PURE__ */ I(Rc, [["render", Bc]]);
+const qc = {
   name: "DtImageCarousel",
   components: {
     DtImageViewer: zi,
     DtButton: J,
     DtIcon: V,
-    DtProgressBar: xc
+    DtProgressBar: zc
   },
   props: {
     mediaItem: {
@@ -10965,10 +10987,10 @@ const Rc = {
       this.$emit("remove-media", e);
     }
   }
-}, Pc = { class: "dt-attachment-image" }, $c = { class: "dt-attachment-image__top-right" };
-function Nc(e, a, t, n, s, i) {
+}, Fc = { class: "dt-attachment-image" }, Hc = { class: "dt-attachment-image__top-right" };
+function Wc(e, a, t, n, s, i) {
   const r = g("dt-image-viewer"), l = g("dt-progress-bar"), o = g("dt-icon"), u = g("dt-button");
-  return d(), h("li", Pc, [
+  return d(), h("li", Fc, [
     b(r, {
       "image-button-class": "dt-attachment-image__image-viewer",
       "image-src": t.mediaItem.path,
@@ -10976,7 +10998,7 @@ function Nc(e, a, t, n, s, i) {
       "close-aria-label": t.closeAriaLabel,
       "aria-label": t.clickToOpenAriaLabel
     }, null, 8, ["image-src", "image-alt", "close-aria-label", "aria-label"]),
-    p("div", $c, [
+    p("div", Hc, [
       t.mediaItem.isUploading ? (d(), L(l, {
         key: 0,
         class: "dt-attachment-image__progress-bar",
@@ -11004,13 +11026,13 @@ function Nc(e, a, t, n, s, i) {
     ])
   ]);
 }
-const Bc = /* @__PURE__ */ I(Rc, [["render", Nc]]);
-const zc = 64, qc = {
+const Vc = /* @__PURE__ */ I(qc, [["render", Wc]]);
+const Uc = 64, jc = {
   name: "DtRecipeAttachmentCarousel",
   components: {
     DtButton: J,
     DtIcon: V,
-    DtImageCarousel: Bc
+    DtImageCarousel: Vc
   },
   mixins: [],
   /* inheritAttrs: false is generally an option we want to set on library
@@ -11091,7 +11113,7 @@ const zc = 64, qc = {
       }
     },
     removeMediaItem(e) {
-      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + zc, this.$emit("remove-media", e);
+      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Uc, this.$emit("remove-media", e);
     },
     closeButton(e, a) {
       this.showCloseButton[a] = e;
@@ -11113,13 +11135,13 @@ const zc = 64, qc = {
       });
     }
   }
-}, Fc = {
+}, Kc = {
   class: "dt-attachment-carousel",
   role: "presentation"
 };
-function Hc(e, a, t, n, s, i) {
+function Yc(e, a, t, n, s, i) {
   const r = g("dt-icon"), l = g("dt-button");
-  return d(), h("div", Fc, [
+  return d(), h("div", Kc, [
     t.mediaList.length > 0 ? (d(), h("ul", {
       key: 0,
       ref: "carousel",
@@ -11177,14 +11199,14 @@ function Hc(e, a, t, n, s, i) {
     ])
   ]);
 }
-const Zu = /* @__PURE__ */ I(qc, [["render", Hc]]), Ma = {
+const ah = /* @__PURE__ */ I(jc, [["render", Yc]]), Ma = {
   warning: "dt-recipe-callbox-badge--warning"
-}, Aa = {
+}, xa = {
   default: "dt-recipe-callbox--border-default",
   ai: "dt-recipe-callbox--border-ai",
   critical: "dt-recipe-callbox--border-critical"
 };
-const Wc = {
+const Gc = {
   name: "DtRecipeCallbox",
   components: { DtBadge: Wa, DtAvatar: ct },
   inheritAttrs: !1,
@@ -11242,7 +11264,7 @@ const Wc = {
     borderColor: {
       type: String,
       default: "default",
-      validator: (e) => Object.keys(Aa).includes(e)
+      validator: (e) => Object.keys(xa).includes(e)
     },
     /**
      * Makes the callbox avatar and title clickable,
@@ -11277,7 +11299,7 @@ const Wc = {
       return Ma[this.badgeColor];
     },
     borderClass() {
-      return Aa[this.borderColor];
+      return xa[this.borderColor];
     }
   },
   methods: {
@@ -11285,41 +11307,41 @@ const Wc = {
       this.clickable && this.$emit("click", e);
     }
   }
-}, Vc = {
+}, Xc = {
   "data-qa": "dt-recipe-callbox",
   class: "dt-recipe-callbox"
-}, Uc = {
+}, Qc = {
   key: 0,
   "data-qa": "dt-recipe-callbox--video-wrapper",
   class: "dt-recipe-callbox--video"
-}, jc = { class: "dt-recipe-callbox--main-content-top" }, Kc = { class: "dt-recipe-callbox--content" }, Yc = {
+}, Zc = { class: "dt-recipe-callbox--main-content-top" }, Jc = { class: "dt-recipe-callbox--content" }, eu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--badge-wrapper",
   class: "dt-recipe-callbox--content-badge"
-}, Gc = {
+}, tu = {
   key: 1,
   "data-qa": "dt-recipe-callbox--subtitle-wrapper",
   class: "dt-recipe-callbox--content-subtitle"
-}, Xc = {
+}, au = {
   key: 1,
   "data-qa": "dt-recipe-callbox--right-wrapper",
   class: "dt-recipe-callbox--right"
-}, Qc = {
+}, nu = {
   key: 0,
   "data-qa": "dt-recipe-callbox--bottom-wrapper",
   class: "dt-recipe-callbox--main-content-bottom"
 };
-function Zc(e, a, t, n, s, i) {
+function iu(e, a, t, n, s, i) {
   const r = g("dt-avatar"), l = g("dt-badge");
-  return d(), h("div", Vc, [
-    e.$slots.video ? (d(), h("div", Uc, [
+  return d(), h("div", Xc, [
+    e.$slots.video ? (d(), h("div", Qc, [
       m(e.$slots, "video", {}, void 0, !0)
     ])) : C("", !0),
     p("div", {
       "data-qa": "dt-recipe-callbox--main-content",
       class: w(["dt-recipe-callbox--main-content", i.borderClass, { "dt-recipe-callbox--clickable": t.clickable }])
     }, [
-      p("div", jc, [
+      p("div", Zc, [
         i.shouldShowAvatar ? (d(), L(r, {
           key: 0,
           "avatar-class": "dt-recipe-callbox--avatar",
@@ -11331,7 +11353,7 @@ function Zc(e, a, t, n, s, i) {
           size: "sm",
           onClick: i.handleClick
         }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : C("", !0),
-        p("div", Kc, [
+        p("div", Jc, [
           (d(), L(Se(t.clickable ? "button" : "span"), {
             "data-qa": "dt-recipe-callbox--title",
             class: "dt-recipe-callbox--content-title",
@@ -11342,7 +11364,7 @@ function Zc(e, a, t, n, s, i) {
             ]),
             _: 1
           }, 8, ["onClick"])),
-          e.$slots.badge || t.badgeText ? (d(), h("div", Yc, [
+          e.$slots.badge || t.badgeText ? (d(), h("div", eu, [
             m(e.$slots, "badge", {}, () => [
               b(l, {
                 class: w(i.badgeClass),
@@ -11350,75 +11372,75 @@ function Zc(e, a, t, n, s, i) {
               }, null, 8, ["class", "text"])
             ], !0)
           ])) : C("", !0),
-          e.$slots.subtitle ? (d(), h("div", Gc, [
+          e.$slots.subtitle ? (d(), h("div", tu, [
             m(e.$slots, "subtitle", {}, void 0, !0)
           ])) : C("", !0)
         ]),
-        e.$slots.right ? (d(), h("div", Xc, [
+        e.$slots.right ? (d(), h("div", au, [
           m(e.$slots, "right", {}, void 0, !0)
         ])) : C("", !0)
       ]),
-      e.$slots.bottom ? (d(), h("div", Qc, [
+      e.$slots.bottom ? (d(), h("div", nu, [
         m(e.$slots, "bottom", {}, void 0, !0)
       ])) : C("", !0)
     ], 2)
   ]);
 }
-const Ju = /* @__PURE__ */ I(Wc, [["render", Zc], ["__scopeId", "data-v-66800ae7"]]);
+const nh = /* @__PURE__ */ I(Gc, [["render", iu], ["__scopeId", "data-v-66800ae7"]]);
 let Oe;
 function nt(e, a) {
   return Xt(), we(e, a, {
     locale: Oe
   });
 }
-function Jc(e, a) {
+function su(e, a) {
   return Xt(), Go(e, {
     locale: Oe,
     format: a
   });
 }
-function eu(e, a) {
+function ru(e, a) {
   return Xt(), Ko(e, a, {
     locale: Oe
   });
 }
-function tu() {
+function ou() {
   return Oe !== void 0;
 }
 function Xt() {
-  if (!tu())
+  if (!ou())
     throw new Error("Locale not set, please call setDateLocale(locale) and pass in a datefns locale object as the locale param before calling this function");
 }
-function eh(e) {
+function ih(e) {
   Oe = e;
 }
-function th(e) {
+function sh(e) {
   return nt(e, "MMMM d, y");
 }
-function ah(e) {
+function rh(e) {
   if (e < 60)
-    return eu(0, 29 * 1e3);
+    return ru(0, 29 * 1e3);
   const a = Zo({
     start: 0,
     end: e * 1e3
   });
-  return Jc(a, ["hours", "minutes"]);
+  return su(a, ["hours", "minutes"]);
 }
-function xa(e) {
+function Aa(e) {
   const a = new Intl.RelativeTimeFormat(Oe.code, { numeric: "auto" });
-  return On(a.formatToParts(e, "day")[0].value, Oe.code);
+  return Ln(a.formatToParts(e, "day")[0].value, Oe.code);
 }
-function nh(e) {
-  return il(e) ? xa(0) : rl(e) ? xa(-1) : al(e) ? nt(e, "EEEE") : nl(e) ? nt(e, "EEEE, MMMM d") : nt(e, "MMMM d, y");
+function oh(e) {
+  return il(e) ? Aa(0) : rl(e) ? Aa(-1) : al(e) ? nt(e, "EEEE") : nl(e) ? nt(e, "EEEE, MMMM d") : nt(e, "MMMM d, y");
 }
 export {
-  rh as AVATAR_COLORS,
-  oh as AVATAR_GROUP_VALIDATOR,
-  lh as AVATAR_ICON_SIZES,
-  dh as AVATAR_KIND_MODIFIERS,
-  ch as AVATAR_PRESENCE_SIZE_MODIFIERS,
-  uh as AVATAR_PRESENCE_STATES,
-  hh as AVATAR_SIZE_MODIFIERS,
+  ch as AVATAR_COLORS,
+  uh as AVATAR_GROUP_VALIDATOR,
+  hh as AVATAR_ICON_SIZES,
+  fh as AVATAR_KIND_MODIFIERS,
+  mh as AVATAR_PRESENCE_SIZE_MODIFIERS,
+  ph as AVATAR_PRESENCE_STATES,
+  gh as AVATAR_SIZE_MODIFIERS,
   fa as BADGE_DECORATION_MODIFIERS,
   ha as BADGE_KIND_MODIFIERS,
   ua as BADGE_TYPE_MODIFIERS,
@@ -11427,33 +11449,33 @@ export {
   ma as BUTTON_GROUP_ALIGNMENT,
   rn as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
   Ma as CALLBOX_BADGE_COLORS,
-  Aa as CALLBOX_BORDER_COLORS,
-  Ih as CDN_URL,
+  xa as CALLBOX_BORDER_COLORS,
+  Oh as CDN_URL,
   _a as CHIP_SIZE_MODIFIERS,
   od as COLOR_CODES,
-  Xh as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Qh as DESCRIPTION_SIZE_TYPES,
+  ef as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  tf as DESCRIPTION_SIZE_TYPES,
   yi as DT_DESCRIPTION_LIST_DIRECTION,
   ct as DtAvatar,
   Wa as DtBadge,
-  du as DtBanner,
+  fu as DtBanner,
   Hn as DtBreadcrumbItem,
-  cu as DtBreadcrumbs,
+  mu as DtBreadcrumbs,
   J as DtButton,
-  uu as DtButtonGroup,
+  pu as DtButtonGroup,
   Xn as DtCard,
   qa as DtCheckableInputMixin,
-  wu as DtCheckbox,
-  Cu as DtCheckboxGroup,
+  Du as DtCheckbox,
+  Tu as DtCheckboxGroup,
   Ga as DtChip,
-  hu as DtCodeblock,
+  gu as DtCodeblock,
   vi as DtCollapsible,
   ui as DtCombobox,
-  Mu as DtDatepicker,
-  fu as DtDescriptionList,
+  Pu as DtDatepicker,
+  bu as DtDescriptionList,
   Li as DtDropdown,
-  mu as DtDropdownSeparator,
-  kh as DtEmojiPicker,
+  _u as DtDropdownSeparator,
+  Lh as DtEmojiPicker,
   Fa as DtGroupableInputMixin,
   V as DtIcon,
   zi as DtImageViewer,
@@ -11463,68 +11485,68 @@ export {
   za as DtInputMixin,
   hn as DtItemLayout,
   Va as DtKeyboardListNavigationMixin,
-  Ou as DtKeyboardShortcut,
+  xu as DtKeyboardShortcut,
   Rt as DtLazyShow,
   dn as DtLink,
   dt as DtListItem,
-  bu as DtListItemGroup,
-  gu as DtListSection,
-  pu as DtModal,
-  fh as DtNotice,
-  _u as DtPagination,
+  Su as DtListItemGroup,
+  yu as DtListSection,
+  vu as DtModal,
+  bh as DtNotice,
+  wu as DtPagination,
   Ot as DtPopover,
-  mh as DtPresence,
-  vu as DtRadio,
-  yu as DtRadioGroup,
-  Zu as DtRecipeAttachmentCarousel,
+  _h as DtPresence,
+  Cu as DtRadio,
+  Iu as DtRadioGroup,
+  ah as DtRecipeAttachmentCarousel,
   Gl as DtRecipeCallbarButton,
-  Bu as DtRecipeCallbarButtonWithPopover,
-  Ju as DtRecipeCallbox,
-  Nu as DtRecipeComboboxMultiSelect,
+  Hu as DtRecipeCallbarButtonWithPopover,
+  nh as DtRecipeCallbox,
+  Fu as DtRecipeComboboxMultiSelect,
   $l as DtRecipeComboboxWithPopover,
-  zu as DtRecipeContactInfo,
-  ju as DtRecipeContactRow,
-  Qu as DtRecipeEmojiRow,
-  Gu as DtRecipeFeedItemPill,
-  Yu as DtRecipeFeedItemRow,
+  Wu as DtRecipeContactInfo,
+  Xu as DtRecipeContactRow,
+  th as DtRecipeEmojiRow,
+  Ju as DtRecipeFeedItemPill,
+  Zu as DtRecipeFeedItemRow,
   on as DtRecipeGeneralRow,
-  Uu as DtRecipeGroupRow,
-  Wu as DtRecipeGroupedChip,
-  Hu as DtRecipeIvrNode,
-  ph as DtRecipeMessageInput,
-  Vu as DtRecipeSettingsMenuButton,
-  Xu as DtRecipeTimePill,
-  qu as DtRecipeTopBannerInfo,
-  Ku as DtRecipeUnreadPill,
-  Lu as DtRootLayout,
-  Eu as DtScroller,
-  Iu as DtSelectMenu,
+  Gu as DtRecipeGroupRow,
+  Ku as DtRecipeGroupedChip,
+  ju as DtRecipeIvrNode,
+  vh as DtRecipeMessageInput,
+  Yu as DtRecipeSettingsMenuButton,
+  eh as DtRecipeTimePill,
+  Vu as DtRecipeTopBannerInfo,
+  Qu as DtRecipeUnreadPill,
+  Au as DtRootLayout,
+  Ru as DtScroller,
+  Ou as DtSelectMenu,
   pn as DtSkeleton,
-  Dh as DtSkeletonListItem,
-  Th as DtSkeletonParagraph,
-  Oh as DtSkeletonShape,
-  Lh as DtSkeletonText,
-  gh as DtStack,
-  Eh as DtTab,
-  Mh as DtTabGroup,
-  Su as DtTabPanel,
-  ku as DtToast,
-  Du as DtToggle,
+  Eh as DtSkeletonListItem,
+  Mh as DtSkeletonParagraph,
+  xh as DtSkeletonShape,
+  Ah as DtSkeletonText,
+  yh as DtStack,
+  Rh as DtTab,
+  Ph as DtTabGroup,
+  ku as DtTabPanel,
+  Lu as DtToast,
+  Eu as DtToggle,
   Pt as DtTooltip,
   $e as DtValidationMessages,
-  Ah as EMOJIS_PER_ROW,
-  xh as EMOJI_CATEGORIES,
-  Rh as EMOJI_SKIN_TONE_MODIFIERS,
+  $h as EMOJIS_PER_ROW,
+  Nh as EMOJI_CATEGORIES,
+  Bh as EMOJI_SKIN_TONE_MODIFIERS,
   Ea as FEED_ITEM_PILL_BORDER_COLORS,
-  Ph as ICON_SIZE_MODIFIERS,
-  $h as INPUT_SIZES,
-  Nh as INPUT_TYPES,
+  zh as ICON_SIZE_MODIFIERS,
+  qh as INPUT_SIZES,
+  Fh as INPUT_TYPES,
   jt as IVR_NODE_BRANCH,
   Ut as IVR_NODE_EXPERT,
   ft as IVR_NODE_GO_TO,
   Yt as IVR_NODE_HANGUP,
   fd as IVR_NODE_ICON_TYPES,
-  Fu as IVR_NODE_LABELS,
+  Uu as IVR_NODE_LABELS,
   Wt as IVR_NODE_PROMPT_COLLECT,
   Ht as IVR_NODE_PROMPT_MENU,
   Vt as IVR_NODE_PROMPT_PLAY,
@@ -11534,58 +11556,58 @@ export {
   Ld as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   Md as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   K as LEFTBAR_GENERAL_ROW_TYPES,
-  Bh as LINK_KIND_MODIFIERS,
-  zh as LINK_VARIANTS,
+  Hh as LINK_KIND_MODIFIERS,
+  Wh as LINK_VARIANTS,
   ba as MODAL_BANNER_KINDS,
   pa as MODAL_KIND_MODIFIERS,
   ga as MODAL_SIZE_MODIFIERS,
   Nl as MULTI_SELECT_SIZES,
   Tt as NOTICE_KINDS,
   un as POPOVER_CONTENT_WIDTHS,
-  bh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
-  _h as POPOVER_INITIAL_FOCUS_STRINGS,
-  vh as POPOVER_PADDING_CLASSES,
-  yh as POPOVER_ROLES,
-  Sh as PRESENCE_STATES,
-  wh as PRESENCE_STATES_LIST,
-  yc as REACTIONS_ATTRIBUTES,
+  Sh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+  wh as POPOVER_INITIAL_FOCUS_STRINGS,
+  Ch as POPOVER_PADDING_CLASSES,
+  Ih as POPOVER_ROLES,
+  kh as PRESENCE_STATES,
+  Dh as PRESENCE_STATES_LIST,
+  Dc as REACTIONS_ATTRIBUTES,
   dr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   wa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
   va as SELECT_SIZE_MODIFIERS,
   Ps as SELECT_STATE_MODIFIERS,
-  Tu as SHORTCUTS_ALIASES_LIST,
+  Mu as SHORTCUTS_ALIASES_LIST,
   Ue as SHORTCUTS_ICON_ALIASES,
   ir as SHORTCUTS_ICON_SEPARATOR,
-  qh as SKELETON_HEADING_HEIGHTS,
-  Fh as SKELETON_RIPPLE_DURATION,
-  Hh as SKELETON_SHAPES,
-  Wh as SKELETON_SHAPE_SIZES,
-  Vh as SKELETON_TEXT_TYPES,
-  Uh as TAB_IMPORTANCE_MODIFIERS,
-  jh as TAB_LIST_IMPORTANCE_MODIFIERS,
-  Kh as TAB_LIST_KIND_MODIFIERS,
-  Yh as TAB_LIST_SIZES,
+  Vh as SKELETON_HEADING_HEIGHTS,
+  Uh as SKELETON_RIPPLE_DURATION,
+  jh as SKELETON_SHAPES,
+  Kh as SKELETON_SHAPE_SIZES,
+  Yh as SKELETON_TEXT_TYPES,
+  Gh as TAB_IMPORTANCE_MODIFIERS,
+  Xh as TAB_LIST_IMPORTANCE_MODIFIERS,
+  Qh as TAB_LIST_KIND_MODIFIERS,
+  Zh as TAB_LIST_SIZES,
   js as TOAST_ROLES,
-  Zh as TOOLTIP_DELAY_MS,
-  Jh as TOOLTIP_DIRECTIONS,
-  ef as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
-  tf as TOOLTIP_KIND_MODIFIERS,
-  af as TOOLTIP_STICKY_VALUES,
-  Zd as UNREAD_PILL_DIRECTIONS,
-  Jd as UNREAD_PILL_KINDS,
-  nf as VALIDATION_MESSAGE_TYPES,
-  ah as durationInHHMM,
-  sf as filterFormattedMessages,
-  Au as formatLong,
-  xu as formatMedium,
+  af as TOOLTIP_DELAY_MS,
+  nf as TOOLTIP_DIRECTIONS,
+  sf as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
+  rf as TOOLTIP_KIND_MODIFIERS,
+  of as TOOLTIP_STICKY_VALUES,
+  ic as UNREAD_PILL_DIRECTIONS,
+  sc as UNREAD_PILL_KINDS,
+  lf as VALIDATION_MESSAGE_TYPES,
+  rh as durationInHHMM,
+  df as filterFormattedMessages,
+  $u as formatLong,
+  Nu as formatMedium,
   ca as formatMessages,
-  Pu as formatNoYear,
-  $u as formatNumerical,
-  Ru as formatShort,
-  th as getDateMedium,
+  zu as formatNoYear,
+  qu as formatNumerical,
+  Bu as formatShort,
+  sh as getDateMedium,
   ie as getUniqueString,
   Ct as getValidationState,
-  nh as relativeDate,
-  eh as setDateLocale,
+  oh as relativeDate,
+  ih as setDateLocale,
   Ba as validationMessageValidator
 };