@dialpad/dialtone-vue 3.69.1 → 3.70.0

package/dist/dialtone-vue.js

@@ -1,17 +1,17 @@
-import { openBlock as a, createElementBlock as l, toDisplayString as I, createCommentVNode as p, createElementVNode as _, normalizeClass as y, warn as we, resolveComponent as f, renderSlot as d, createBlock as S, mergeProps as C, createVNode as m, createTextVNode as P, withKeys as V, withModifiers as W, withCtx as c, normalizeStyle as re, Fragment as Y, renderList as ee, resolveDynamicComponent as X, toHandlers as M, createSlots as ke, normalizeProps as Ee, Transition as We, withDirectives as Se, guardReactiveProps as Ue, vShow as Ce, Teleport as jt, reactive as kt, ref as pe, computed as Re, watch as Gt, onMounted as Ss, nextTick as Cs, unref as Wt, markRaw as Is, shallowReactive as ws, h as ks, provide as Es, createStaticVNode as Os } from "vue";
-import { _ as v, D as x, g as F, a as Ls, h as $, b as K, u as J, L as Ts, c as As, I as Ds, M as Ps, d as xs, e as $e, f as Ze, T as Rs, i as Bs, j as $s, k as Ns, E as H, l as me, v as Ut, m as Et, n as Ge, o as Zt, C as Yt, G as Qt, p as Ye, q as zs, r as Ms, s as Hs, t as Qe, w as Xe, x as Vs } from "./emoji_text_wrapper-ec9bfaf1.js";
-import { z as Pd, y as xd, X as Rd, $ as Bd, Z as $d, Y as Nd, J as zd, H as Md, a5 as Hd, F as Vd, B as qd, a4 as Fd, a0 as Kd, a1 as jd, a3 as Gd, a2 as Wd, P as Ud, O as Zd, K as Yd, N as Qd, R as Xd, Q as Jd, W as ec, S as tc, U as sc, V as ic, A as nc } from "./emoji_text_wrapper-ec9bfaf1.js";
+import { openBlock as a, createElementBlock as l, toDisplayString as I, createCommentVNode as p, createElementVNode as _, normalizeClass as y, warn as we, resolveComponent as f, renderSlot as d, createBlock as S, mergeProps as C, createVNode as m, createTextVNode as P, withKeys as V, withModifiers as U, withCtx as c, normalizeStyle as re, Fragment as Y, renderList as ee, resolveDynamicComponent as X, toHandlers as M, createSlots as ke, normalizeProps as Ee, Transition as Ue, withDirectives as Se, guardReactiveProps as We, vShow as Ce, Teleport as jt, reactive as kt, ref as pe, computed as Re, watch as Gt, onMounted as Ss, nextTick as Cs, unref as Ut, markRaw as Is, shallowReactive as ws, h as ks, provide as Es, createStaticVNode as Os } from "vue";
+import { _ as v, D as x, g as q, a as Ls, h as $, b as K, u as J, L as Ts, c as As, I as Ds, M as Ps, d as xs, e as $e, f as Ze, T as Rs, i as Bs, j as $s, k as Ns, E as H, l as me, v as Wt, m as Et, n as Ge, o as Zt, C as Yt, G as Qt, p as Ye, q as zs, r as Ms, s as Hs, t as Qe, w as Xe, x as Vs } from "./emoji_text_wrapper-a6cf0407.js";
+import { z as Pd, y as xd, X as Rd, $ as Bd, Z as $d, Y as Nd, J as zd, H as Md, a5 as Hd, F as Vd, B as Fd, a4 as qd, a0 as Kd, a1 as jd, a3 as Gd, a2 as Ud, P as Wd, O as Zd, K as Yd, N as Qd, R as Xd, Q as Jd, W as ec, S as tc, U as sc, V as ic, A as nc } from "./emoji_text_wrapper-a6cf0407.js";
 const be = {
   BUSY: "busy",
   AWAY: "away",
   OFFLINE: "offline",
   ACTIVE: "active"
-}, qs = [
+}, Fs = [
   be.BUSY,
   be.AWAY,
   be.OFFLINE,
   be.ACTIVE
-], Fs = {
+], qs = {
   name: "DtPresence",
   props: {
     /**
@@ -22,7 +22,7 @@ const be = {
     presence: {
       type: String,
       default: be.ACTIVE,
-      validator: (e) => qs.includes(e)
+      validator: (e) => Fs.includes(e)
     },
     /**
      * Since Presence is a visual element, we need SRs to read out any state changes
@@ -57,7 +57,7 @@ function Gs(e, s, t, o, n, i) {
     }, null, 2)
   ], 8, Ks);
 }
-const Ws = /* @__PURE__ */ v(Fs, [["render", Gs]]), Ke = {
+const Us = /* @__PURE__ */ v(qs, [["render", Gs]]), Ke = {
   xs: "d-avatar--xs",
   sm: "d-avatar--sm",
   md: "d-avatar--md",
@@ -67,7 +67,7 @@ const Ws = /* @__PURE__ */ v(Fs, [["render", Gs]]), Ke = {
   default: "",
   icon: "d-avatar__icon",
   initials: "d-avatar__initials"
-}, Us = {
+}, Ws = {
   md: "d-avatar__presence--md",
   lg: "d-avatar__presence--lg"
 }, Lt = {
@@ -105,7 +105,7 @@ const Ws = /* @__PURE__ */ v(Fs, [["render", Gs]]), Ke = {
 ], Tt = (e) => e > 1;
 const Ys = {
   name: "DtAvatar",
-  components: { DtPresence: Ws, DtIcon: x },
+  components: { DtPresence: Us, DtIcon: x },
   inheritAttrs: !1,
   props: {
     /**
@@ -114,7 +114,7 @@ const Ys = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -219,7 +219,7 @@ const Ys = {
       kind: null,
       AVATAR_SIZE_MODIFIERS: Ke,
       AVATAR_KIND_MODIFIERS: Ot,
-      AVATAR_PRESENCE_SIZE_MODIFIERS: Us,
+      AVATAR_PRESENCE_SIZE_MODIFIERS: Ws,
       imageLoadedSuccessfully: null,
       slottedInitials: "",
       formattedInitials: "",
@@ -721,7 +721,7 @@ function yi(e, s, t, o, n, i) {
     class: "d-vi-visible-sr",
     "aria-label": t.visuallyHiddenCloseLabel,
     onClick: i.close,
-    onKeydown: V(W(i.close, ["prevent", "stop"]), ["space"])
+    onKeydown: V(U(i.close, ["prevent", "stop"]), ["space"])
   }, {
     default: c(() => [
       m(r, { name: "close" })
@@ -1274,7 +1274,7 @@ function Hi(e, s, t, o, n, i) {
     d(e.$slots, "default")
   ], 2);
 }
-const Wr = /* @__PURE__ */ v(Mi, [["render", Hi]]), Vi = {
+const Ur = /* @__PURE__ */ v(Mi, [["render", Hi]]), Vi = {
   name: "DtCard",
   props: {
     /**
@@ -1320,7 +1320,7 @@ const Wr = /* @__PURE__ */ v(Mi, [["render", Hi]]), Vi = {
     };
   }
 };
-function qi(e, s, t, o, n, i) {
+function Fi(e, s, t, o, n, i) {
   return a(), l("div", {
     class: y([
       "d-card",
@@ -1357,7 +1357,7 @@ function qi(e, s, t, o, n, i) {
     ], 2)) : p("", !0)
   ], 2);
 }
-const Fi = /* @__PURE__ */ v(Vi, [["render", qi]]), Ki = {
+const qi = /* @__PURE__ */ v(Vi, [["render", Fi]]), Ki = {
   name: "DtCodeblock",
   props: {
     text: {
@@ -1374,7 +1374,7 @@ function Gi(e, s, t, o, n, i) {
   `)
   ]);
 }
-const Ur = /* @__PURE__ */ v(Ki, [["render", Gi]]), Wi = {
+const Wr = /* @__PURE__ */ v(Ki, [["render", Gi]]), Ui = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1446,7 +1446,7 @@ const Ur = /* @__PURE__ */ v(Ki, [["render", Gi]]), Wi = {
       return s <= t.bottom + 3 * o / 4 && e >= t.top - o / 4;
     }
   }
-}, Ui = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Jt = ({
+}, Wi = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", Jt = ({
   // 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",
@@ -1471,7 +1471,7 @@ const Ur = /* @__PURE__ */ v(Ki, [["render", Gi]]), Wi = {
   // Focus the active element on keyboard navigation.
   focusOnKeyboardNavigation: w = !1
 } = {}) => ({
-  mixins: [Wi],
+  mixins: [Ui],
   data() {
     return {
       [s]: -1,
@@ -1502,7 +1502,7 @@ const Ur = /* @__PURE__ */ v(Ki, [["render", Gi]]), Wi = {
     // Gets all the list item nodes within the list element
     _getListItemNodes() {
       const b = this._getListElement();
-      return b ? Array.from(b.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(Ui, b), null);
+      return b ? Array.from(b.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(Wi, b), null);
     },
     onUpKey() {
       i && this[i](!0), this[s] > 0 ? this.setHighlightIndex(this[s] - 1) : h && this[h](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
@@ -1940,7 +1940,7 @@ const ts = /* @__PURE__ */ v(dn, [["render", un]]), ss = {
     listId: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -2159,12 +2159,12 @@ function pn(e, s, t, o, n, i) {
   const r = f("combobox-loading-list"), h = f("combobox-empty-list");
   return a(), l("div", {
     onKeydown: [
-      s[3] || (s[3] = V(W((u) => i.onKeyValidation(u, "onEscapeKey"), ["stop"]), ["esc"])),
-      s[4] || (s[4] = V(W((u) => i.onKeyValidation(u, "onEnterKey"), ["exact"]), ["enter"])),
-      s[5] || (s[5] = V(W((u) => i.onKeyValidation(u, "onUpKey"), ["stop", "prevent"]), ["up"])),
-      s[6] || (s[6] = V(W((u) => i.onKeyValidation(u, "onDownKey"), ["stop", "prevent"]), ["down"])),
-      s[7] || (s[7] = V(W((u) => i.onKeyValidation(u, "onHomeKey"), ["stop", "prevent"]), ["home"])),
-      s[8] || (s[8] = V(W((u) => i.onKeyValidation(u, "onEndKey"), ["stop", "prevent"]), ["end"]))
+      s[3] || (s[3] = V(U((u) => i.onKeyValidation(u, "onEscapeKey"), ["stop"]), ["esc"])),
+      s[4] || (s[4] = V(U((u) => i.onKeyValidation(u, "onEnterKey"), ["exact"]), ["enter"])),
+      s[5] || (s[5] = V(U((u) => i.onKeyValidation(u, "onUpKey"), ["stop", "prevent"]), ["up"])),
+      s[6] || (s[6] = V(U((u) => i.onKeyValidation(u, "onDownKey"), ["stop", "prevent"]), ["down"])),
+      s[7] || (s[7] = V(U((u) => i.onKeyValidation(u, "onHomeKey"), ["stop", "prevent"]), ["home"])),
+      s[8] || (s[8] = V(U((u) => i.onKeyValidation(u, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
     _("div", fn, [
@@ -2307,7 +2307,7 @@ const gn = {
   }
 };
 function _n(e, s, t, o, n, i) {
-  return a(), S(We, C({
+  return a(), S(Ue, C({
     appear: t.appear,
     "enter-active-class": "enter-active",
     "leave-active-class": "leave-active"
@@ -2321,7 +2321,7 @@ function _n(e, s, t, o, n, i) {
     onAfterLeave: i.afterLeave
   }), {
     default: c(() => [
-      Se((a(), S(X(t.elementType), Ee(Ue(e.$attrs)), {
+      Se((a(), S(X(t.elementType), Ee(We(e.$attrs)), {
         default: c(() => [
           n.initialized ? d(e.$slots, "default", { key: 0 }) : p("", !0)
         ]),
@@ -2367,7 +2367,7 @@ const bn = /* @__PURE__ */ v(gn, [["render", _n]]), yn = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -2451,7 +2451,7 @@ const bn = /* @__PURE__ */ v(gn, [["render", _n]]), yn = {
   },
   computed: {
     labelledBy() {
-      return this.ariaLabelledBy || !this.ariaLabel && F("DtCollapsible__anchor");
+      return this.ariaLabelledBy || !this.ariaLabel && q("DtCollapsible__anchor");
     },
     collapsibleListeners() {
       return Ze(this.$attrs);
@@ -2807,7 +2807,7 @@ const An = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -3043,7 +3043,7 @@ const An = {
       return this.isOutsideViewport && this.modal ? "calc(100vh - var(--space-300))" : this.maxHeight;
     },
     labelledBy() {
-      return this.ariaLabelledby || !this.ariaLabel && F("DtPopover__anchor");
+      return this.ariaLabelledby || !this.ariaLabel && q("DtPopover__anchor");
     }
   },
   watch: {
@@ -3270,7 +3270,7 @@ function xn(e, s, t, o, n, i) {
       _("div", {
         class: "d-modal--transparent",
         "aria-hidden": t.modal && n.isOpen ? "false" : "true",
-        onClick: s[0] || (s[0] = W(() => {
+        onClick: s[0] || (s[0] = U(() => {
         }, ["prevent", "stop"]))
       }, null, 8, Dn)
     ])) : p("", !0),
@@ -3288,8 +3288,8 @@ function xn(e, s, t, o, n, i) {
           onClickCapture: s[1] || (s[1] = (...g) => i.defaultToggleOpen && i.defaultToggleOpen(...g)),
           onContextmenu: s[2] || (s[2] = (...g) => i.onContext && i.onContext(...g)),
           onKeydown: [
-            s[3] || (s[3] = V(W((...g) => i.onArrowKeyPress && i.onArrowKeyPress(...g), ["prevent"]), ["up"])),
-            s[4] || (s[4] = V(W((...g) => i.onArrowKeyPress && i.onArrowKeyPress(...g), ["prevent"]), ["down"])),
+            s[3] || (s[3] = V(U((...g) => i.onArrowKeyPress && i.onArrowKeyPress(...g), ["prevent"]), ["up"])),
+            s[4] || (s[4] = V(U((...g) => i.onArrowKeyPress && i.onArrowKeyPress(...g), ["prevent"]), ["down"])),
             s[6] || (s[6] = V((g) => e.$emit("keydown", g), ["enter"])),
             s[7] || (s[7] = V((g) => e.$emit("keydown", g), ["space"]))
           ],
@@ -3468,7 +3468,7 @@ const Rn = {
     listId: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -3901,7 +3901,7 @@ const Yr = /* @__PURE__ */ v(zn, [["render", Hn]]), Vn = {
       this.isOpen && this.focusTrappedTabPress(e);
     }
   }
-}, qn = ["src", "alt"], Fn = ["aria-hidden"], Kn = {
+}, Fn = ["src", "alt"], qn = ["aria-hidden"], Kn = {
   "data-qa": "dt-image-viewer-full",
   class: "d-p0 d-bar0 d-wmx80p d-hmx80p",
   role: "dialog",
@@ -3922,7 +3922,7 @@ function Gn(e, s, t, o, n, i) {
           class: y(t.imageButtonClass),
           src: t.imageSrc,
           alt: t.imageAlt
-        }, null, 10, qn)
+        }, null, 10, Fn)
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
@@ -3947,7 +3947,7 @@ function Gn(e, s, t, o, n, i) {
             alt: t.imageAlt
           }, null, 8, jn)
         ]),
-        m(We, { name: "fade" }, {
+        m(Ue, { name: "fade" }, {
           default: c(() => [
             n.showCloseButton ? (a(), S(r, {
               key: 0,
@@ -3972,11 +3972,11 @@ function Gn(e, s, t, o, n, i) {
           ]),
           _: 1
         })
-      ], 16, Fn)
+      ], 16, qn)
     ])) : p("", !0)
   ]);
 }
-const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
+const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Un = {
   components: { DtValidationMessages: me },
   // provide data to slotted components
   provide() {
@@ -3992,7 +3992,7 @@ const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -4030,7 +4030,7 @@ const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
     messages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ut(e)
+      validator: (e) => Wt(e)
     },
     /**
      * Show validation messages
@@ -4117,10 +4117,10 @@ const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
   mounted() {
     !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && we("It is expected that an aria-label is provided when there is no legend.", this);
   }
-}, Un = {
+}, Wn = {
   name: "DtInputGroup",
   components: { DtValidationMessages: me },
-  mixins: [Wn],
+  mixins: [Un],
   props: {
     /**
      * A data qa tag for the input group
@@ -4192,7 +4192,7 @@ function Qn(e, s, t, o, n, i) {
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
   ], 8, Zn);
 }
-const ns = /* @__PURE__ */ v(Un, [["render", Qn]]), $t = {
+const ns = /* @__PURE__ */ v(Wn, [["render", Qn]]), $t = {
   default: "",
   danger: "d-modal--danger"
 }, Nt = {
@@ -4397,7 +4397,7 @@ const Xr = /* @__PURE__ */ v(Xn, [["render", Jn]]), ea = {
     labelledById: {
       type: String,
       default: function() {
-        return F();
+        return q();
       }
     },
     /**
@@ -4642,7 +4642,7 @@ function aa(e, s, t, o, n, i) {
           P(I(t.bannerTitle), 1)
         ])
       ], 2)) : p("", !0),
-      m(We, {
+      m(Ue, {
         appear: "",
         name: "d-modal__dialog"
       }, {
@@ -4857,7 +4857,7 @@ const ed = /* @__PURE__ */ v(oa, [["render", ha]]), fa = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -5026,7 +5026,7 @@ function va(e, s, t, o, n, i) {
       class: y(["d-px8", i.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
       "data-qa": "dt-pagination-prev",
       "aria-label": t.prevAriaLabel,
-      kind: "muted",
+      kind: i.isFirstPage ? "default" : "muted",
       importance: i.isFirstPage ? "primary" : "clear",
       disabled: i.isFirstPage,
       onClick: s[0] || (s[0] = (u) => i.changePage(n.currentPage - 1))
@@ -5038,7 +5038,7 @@ function va(e, s, t, o, n, i) {
         })
       ]),
       _: 1
-    }, 8, ["aria-label", "importance", "disabled", "class"]),
+    }, 8, ["aria-label", "kind", "importance", "disabled", "class"]),
     (a(!0), l(Y, null, ee(i.pages, (u, g) => (a(), l("div", {
       key: `page-${u}-${g}`,
       class: y({ "d-as-flex-end": isNaN(Number(u)) })
@@ -5663,7 +5663,7 @@ const od = /* @__PURE__ */ v(Da, [["render", Ba]]), ld = {
     id: {
       type: String,
       default: function() {
-        return F();
+        return q();
       }
     },
     /**
@@ -5758,8 +5758,8 @@ const od = /* @__PURE__ */ v(Da, [["render", Ba]]), ld = {
 }, Va = {
   key: 1,
   "data-qa": "dt-chip-avatar"
-}, qa = ["id"];
-function Fa(e, s, t, o, n, i) {
+}, Fa = ["id"];
+function qa(e, s, t, o, n, i) {
   const r = f("dt-icon"), h = f("dt-button");
   return a(), l("span", Ma, [
     (a(), S(X(t.interactive ? "button" : "span"), C({
@@ -5783,7 +5783,7 @@ function Fa(e, s, t, o, n, i) {
           class: y(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           d(e.$slots, "default")
-        ], 10, qa)) : p("", !0)
+        ], 10, Fa)) : p("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
@@ -5803,7 +5803,7 @@ function Fa(e, s, t, o, n, i) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const as = /* @__PURE__ */ v(za, [["render", Fa]]), Ht = {
+const as = /* @__PURE__ */ v(za, [["render", qa]]), Ht = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
@@ -5813,7 +5813,7 @@ const as = /* @__PURE__ */ v(za, [["render", Fa]]), Ht = {
   error: "d-select__input--error",
   warning: "d-select__input--warning",
   success: "d-select__input--success"
-}, ja = (e) => !e.index || typeof e.index == "number", Ga = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, Wa = (e) => e.label ? typeof e.label == "string" : !1, Ua = (e) => e ? e.every((s) => !(!ja(s) || !Ga(s) || !Wa(s))) : !0, Za = {
+}, ja = (e) => !e.index || typeof e.index == "number", Ga = (e) => e.value ? typeof e.value == "string" || typeof e.value == "number" : !1, Ua = (e) => e.label ? typeof e.label == "string" : !1, Wa = (e) => e ? e.every((s) => !(!ja(s) || !Ga(s) || !Ua(s))) : !0, Za = {
   name: "DtSelectMenu",
   components: { DtValidationMessages: me },
   mixins: [Ye],
@@ -5844,7 +5844,7 @@ const as = /* @__PURE__ */ v(za, [["render", Fa]]), Ht = {
     options: {
       type: Array,
       default: () => [],
-      validator: (e) => Ua(e)
+      validator: (e) => Wa(e)
     },
     /**
      * Controls the size of the select
@@ -5955,7 +5955,7 @@ const as = /* @__PURE__ */ v(za, [["render", Fa]]), Ht = {
       return Ge(this.formattedMessages);
     },
     selectKey() {
-      return F();
+      return q();
     },
     descriptionKey() {
       return `select-${this.selectKey}-description`;
@@ -6268,7 +6268,7 @@ function ao(e, s, t, o, n, i) {
     ])
   ], 10, io)) : p("", !0);
 }
-const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
+const dd = /* @__PURE__ */ v(so, [["render", ao]]), Ft = {
   sm: "d-toggle--small",
   md: ""
 }, oo = [!1, !0, "mixed"], lo = {
@@ -6285,7 +6285,7 @@ const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
     id: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -6322,7 +6322,7 @@ const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.keys(qt).includes(e)
+      validator: (e) => Object.keys(Ft).includes(e)
     },
     /**
      * Shows the icon
@@ -6379,7 +6379,7 @@ const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
     toggleClasses() {
       return [
         "d-toggle",
-        qt[this.size],
+        Ft[this.size],
         {
           "d-toggle--checked": this.internalChecked === !0,
           "d-toggle--disabled": this.disabled,
@@ -6517,7 +6517,7 @@ function bo(e, s, t, o, n, i) {
       "d-ba",
       "d-bar4",
       "d-fs-100",
-      t.inverted ? "d-bc-inverted-moderate" : "d-bc-default"
+      t.inverted ? "d-bc-moderate-inverted" : "d-bc-default"
     ])
   }, [
     t.screenReaderText ? (a(), l("span", go, I(t.screenReaderText), 1)) : p("", !0),
@@ -6806,15 +6806,15 @@ const fd = /* @__PURE__ */ v(Io, [["render", wo]]), ue = {
   "row-reverse": "row-reverse",
   "column-reverse": "column-reverse"
 }, ls = ["sm", "md", "lg", "xl"], nt = ["0", "100", "200", "300", "400", "500", "600"];
-function Ft(e) {
+function qt(e) {
   return e === ue.default;
 }
 function Kt(e) {
   if (Ie(e) === "string")
-    return Ft(e) ? null : ue[e];
+    return qt(e) ? null : ue[e];
   if (Ie(e) === "object") {
     const { default: s } = e;
-    return Ft(s) ? null : ue[s];
+    return qt(s) ? null : ue[s];
   } else
     return null;
 }
@@ -7005,15 +7005,15 @@ const rs = {
   setup(e, { expose: s, emit: t }) {
     const o = e, n = kt(/* @__PURE__ */ new Map()), i = kt(/* @__PURE__ */ new Map()), r = pe([]), h = pe(null), u = pe(!1), g = pe(null), w = pe("top");
     let b = 0, L = 0, B = !1, de = 0, he = null, fe = null, Ve = 0, us = 0;
-    const qe = Re(() => {
+    const Fe = Re(() => {
       if (o.itemSize === null) {
         const O = {
           "-1": { accumulator: 0 }
         }, A = o.items, k = o.sizeField, Q = o.minItemSize;
-        let q = 1e4, ne = 0, D;
+        let F = 1e4, ne = 0, D;
         for (let j = 0, ge = A.length; j < ge; j++)
-          D = A[j][k] || Q, D < q && (q = D), ne += D, O[j] = { accumulator: ne, size: D };
-        return fe = q, O;
+          D = A[j][k] || Q, D < F && (F = D), ne += D, O[j] = { accumulator: ne, size: D };
+        return fe = F, O;
       }
       return [];
     }), hs = Re(() => o.items.length && typeof o.items[0] != "object"), fs = Re(() => {
@@ -7022,30 +7022,30 @@ const rs = {
         O[o.items[A][o.keyField]] = A;
       return O;
     });
-    Gt(qe, () => {
+    Gt(Fe, () => {
       Te(!1);
     }, { deep: !0 }), Ss(() => {
       Cs(() => {
         Te(!0), u.value = !0;
       });
     });
-    const ht = (O, A, k, Q, q) => {
+    const ht = (O, A, k, Q, F) => {
       const ne = Is({
         id: us++,
         index: A,
         used: !0,
         key: Q,
-        type: q
+        type: F
       }), D = ws({
         item: k,
         position: 0,
         nr: ne
       });
       return O.value.push(D), D;
-    }, Fe = (O, A = !1) => {
+    }, qe = (O, A = !1) => {
       const k = i, Q = O.nr.type;
-      let q = k.get(Q);
-      q || (q = [], k.set(Q, q)), q.push(O), A || (O.nr.used = !1, O.position = -9999);
+      let F = k.get(Q);
+      F || (F = [], k.set(Q, F)), F.push(O), A || (O.nr.used = !1, O.position = -9999);
     }, ps = () => {
       const O = o.direction === "vertical";
       let A;
@@ -7064,7 +7064,7 @@ const rs = {
       r.value.sort((O, A) => O.nr.index - A.nr.index);
     }, Te = (O, A = !1) => {
       var mt, gt, _t, bt, yt, vt, St, Ct;
-      const k = o.itemSize, Q = fe, q = hs.value ? null : o.keyField, ne = o.items, D = ne.length, j = qe.value, ge = n, ft = i, Ae = r, vs = fs;
+      const k = o.itemSize, Q = fe, F = hs.value ? null : o.keyField, ne = o.items, D = ne.length, j = Fe.value, ge = n, ft = i, Ae = r, vs = fs;
       let G, N, De, te, ae;
       if (!D)
         G = N = te = ae = De = 0;
@@ -7078,8 +7078,8 @@ const rs = {
             };
         }
         de = T.start;
-        const U = o.buffer;
-        if (T.start -= U, T.end += U, k === null) {
+        const W = o.buffer;
+        if (T.start -= W, T.end += W, k === null) {
           let R, _e = 0, It = D - 1, Z = ~~(D / 2), wt;
           do
             wt = Z, R = (mt = j[Z]) == null ? void 0 : mt.accumulator, R < T.start ? _e = Z : Z < D - 1 && ((gt = j[Z + 1]) == null ? void 0 : gt.accumulator) > T.start && (It = Z), Z = ~~((_e + It) / 2);
@@ -7100,23 +7100,23 @@ const rs = {
       let E;
       const Pe = G <= L && N >= G;
       if (Pe)
-        for (let T = 0, U = Ae.value.length; T < U; T++)
-          E = Ae.value[T], E != null && E.nr.used && (O && (E.nr.index = vs[E.item[q]]), (E.nr.index == null || E.nr.index < G || E.nr.index >= N) && Fe(E));
+        for (let T = 0, W = Ae.value.length; T < W; T++)
+          E = Ae.value[T], E != null && E.nr.used && (O && (E.nr.index = vs[E.item[F]]), (E.nr.index == null || E.nr.index < G || E.nr.index >= N) && qe(E));
       const pt = Pe ? null : /* @__PURE__ */ new Map();
       let se, oe, xe;
       for (let T = G; T < N; T++) {
         se = ne[T];
-        const U = q ? se == null ? void 0 : se[q] : se;
-        if (U == null)
-          throw new Error(`Key is ${U} on item (keyField is '${q}')`);
-        if (E = ge.get(U), !k && !((St = j[T]) != null && St.size)) {
-          E && Fe(E);
+        const W = F ? se == null ? void 0 : se[F] : se;
+        if (W == null)
+          throw new Error(`Key is ${W} on item (keyField is '${F}')`);
+        if (E = ge.get(W), !k && !((St = j[T]) != null && St.size)) {
+          E && qe(E);
           continue;
         }
         oe = se.type;
         let R = ft.get(oe);
         if (!E)
-          Pe ? R && R.length ? E = R.pop() : E = ht(Ae, T, se, U, oe) : (xe = pt.get(oe) || 0, (!R || xe >= R.length) && (E = ht(Ae, T, se, U, oe), Fe(E, !0), R = ft.get(oe)), E = R[xe], pt.set(oe, xe + 1)), ge.delete(E.nr.key), E.nr.used = !0, E.nr.index = T, E.nr.key = U, E.nr.type = oe, ge.set(U, E);
+          Pe ? R && R.length ? E = R.pop() : E = ht(Ae, T, se, W, oe) : (xe = pt.get(oe) || 0, (!R || xe >= R.length) && (E = ht(Ae, T, se, W, oe), qe(E, !0), R = ft.get(oe)), E = R[xe], pt.set(oe, xe + 1)), ge.delete(E.nr.key), E.nr.used = !0, E.nr.index = T, E.nr.key = W, E.nr.type = oe, ge.set(W, E);
         else if (!E.nr.used && (E.nr.used = !0, R)) {
           const _e = R.indexOf(E);
           _e !== -1 && R.splice(_e, 1);
@@ -7132,7 +7132,7 @@ const rs = {
     }, bs = (O) => {
       var k;
       let A;
-      o.itemSize === null ? A = O > 0 ? (k = qe.value[O - 1]) == null ? void 0 : k.accumulator : 0 : A = Math.floor(O) * o.itemSize, _s(A);
+      o.itemSize === null ? A = O > 0 ? (k = Fe.value[O - 1]) == null ? void 0 : k.accumulator : 0 : A = Math.floor(O) * o.itemSize, _s(A);
     }, ys = () => {
       const O = g.value;
       w.value !== "middle" && (w.value = "middle", t("user-position", "middle")), O.scrollTop === 0 && (w.value = "top", t("user-position", "top")), O.scrollTop + O.clientHeight === O.scrollHeight && (w.value = "bottom", t("user-position", "bottom")), B || (B = !0, requestAnimationFrame(() => {
@@ -7153,7 +7153,7 @@ const rs = {
     }, [
       (a(), S(X(e.listTag), {
         ref: "wrapper",
-        style: re({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${Wt(Ve)}px` }),
+        style: re({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${Ut(Ve)}px` }),
         class: y(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: c(() => [
@@ -7455,6 +7455,14 @@ const rs = {
     this.vscrollData.active = !1;
   },
   methods: {
+    dynamicScrollerUpdateItems() {
+      const e = this.$refs.scroller;
+      e && e._updateVisibleItems(!0);
+    },
+    dynamicScrollerUpdateItemsFromBottom() {
+      const e = this.$refs.scroller;
+      e && e._updateVisibleItems(!1, !0);
+    },
     scrollToItem(e) {
       const s = this.$refs.scroller;
       s && s.scrollToItem(e);
@@ -7497,7 +7505,7 @@ function Ro(e, s, t, o, n, i) {
         "data-index": g
       }, {
         default: c(() => [
-          d(e.$slots, "default", Ee(Ue({
+          d(e.$slots, "default", Ee(We({
             item: u.item,
             index: g,
             active: w,
@@ -7627,10 +7635,10 @@ const Bo = /* @__PURE__ */ v(xo, [["render", Ro]]), md = {
       n.value && n.value.scrollToItem(b);
     }
     function u() {
-      n.value && n.value._updateVisibleItems(!0);
+      n.value && (o.dynamic ? n.value.dynamicScrollerUpdateItems() : n.value._updateVisibleItems(!0));
     }
     function g() {
-      n.value && n.value._updateVisibleItems(!1, !0);
+      n.value && (o.dynamic ? n.value.dynamicScrollerUpdateItemsFromBottom() : n.value._updateVisibleItems(!1, !0));
     }
     function w() {
       o.dynamic && !o.minItemSize && console.error("DtScroller error: 'minItemSize' is required on 'dynamic' mode."), !o.dynamic && !o.itemSize && console.error("DtScroller error: 'itemSize' is required.");
@@ -7651,12 +7659,12 @@ const Bo = /* @__PURE__ */ v(xo, [["render", Ro]]), md = {
       "key-field": e.keyField,
       "list-tag": e.listTag,
       "item-tag": e.itemTag,
-      style: re(Wt(i)),
+      style: re(Ut(i)),
       tabindex: "0",
       onUserPosition: L[0] || (L[0] = (B) => b.$emit("user-position", B))
     }, {
       default: c(({ item: B, index: de, active: he }) => [
-        d(b.$slots, "default", Ee(Ue({
+        d(b.$slots, "default", Ee(We({
           item: B,
           index: de,
           active: he
@@ -7723,7 +7731,7 @@ const Bo = /* @__PURE__ */ v(xo, [["render", Ro]]), md = {
     listId: {
       type: String,
       default() {
-        return F();
+        return q();
       }
     },
     /**
@@ -7886,7 +7894,7 @@ const Bo = /* @__PURE__ */ v(xo, [["render", Ro]]), md = {
       isListShown: !1,
       isInputFocused: !1,
       isListFocused: !1,
-      externalAnchor: F(),
+      externalAnchor: q(),
       hasSlotContent: $
     };
   },
@@ -8045,7 +8053,7 @@ function Vo(e, s, t, o, n, i) {
     _: 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 qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
+const Fo = /* @__PURE__ */ v($o, [["render", Vo]]), qo = {
   // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
   EXTRA_SMALL: "xs",
   SMALL: "sm",
@@ -8061,7 +8069,7 @@ const qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
 }, Go = {
   name: "DtRecipeComboboxMultiSelect",
   components: {
-    DtRecipeComboboxWithPopover: qo,
+    DtRecipeComboboxWithPopover: Fo,
     DtInput: Hs,
     DtChip: as,
     DtValidationMessages: me
@@ -8103,7 +8111,7 @@ const qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
     inputMessages: {
       type: Array,
       default: () => [],
-      validator: (e) => Ut(e)
+      validator: (e) => Wt(e)
     },
     /**
      * Show input validation message
@@ -8190,7 +8198,7 @@ const qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
     size: {
       type: String,
       default: "md",
-      validator: (e) => Object.values(Fo).includes(e)
+      validator: (e) => Object.values(qo).includes(e)
     },
     /**
      * Sets the element to which the popover is going to append to.
@@ -8407,10 +8415,10 @@ const qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
       this.maxSelected !== 0 && (this.selectedItems.length > this.maxSelected ? (this.showValidationMessages = !0, this.$emit("max-selected")) : this.showValidationMessages = !1);
     }
   }
-}, Wo = {
+}, Uo = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative d-d-block"
-}, Uo = {
+}, Wo = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2 d-pl1"
 }, Zo = { ref: "header" }, Yo = {
@@ -8434,8 +8442,8 @@ function Xo(e, s, t, o, n, i) {
     onSelect: i.onComboboxSelect
   }, ke({
     input: c(({ onInput: w }) => [
-      _("span", Wo, [
-        _("span", Uo, [
+      _("span", Uo, [
+        _("span", Wo, [
           (a(!0), l(Y, null, ee(t.selectedItems, (b) => (a(), S(r, C({
             ref_for: !0,
             ref: "chips",
@@ -8476,7 +8484,7 @@ function Xo(e, s, t, o, n, i) {
     list: c(() => [
       _("div", {
         ref: "list",
-        onMousedown: s[1] || (s[1] = W(() => {
+        onMousedown: s[1] || (s[1] = U(() => {
         }, ["prevent"]))
       }, [
         t.loading ? (a(), l("div", Yo, I(t.loadingMessage), 1)) : d(e.$slots, "list", { key: 0 })
@@ -9211,7 +9219,7 @@ const yd = /* @__PURE__ */ v(bl, [["render", Cl]]), at = "promptmenu", ot = "pro
 const kl = {
   name: "DtRecipeIvrNode",
   components: {
-    DtCard: Fi,
+    DtCard: qi,
     DtButton: K,
     DtDropdown: Nn,
     DtIcon: x
@@ -9352,7 +9360,7 @@ function Tl(e, s, t, o, n, i) {
               importance: "clear",
               kind: "muted",
               "aria-label": t.menuButtonAriaLabel,
-              onClick: W(i.openMenu, ["stop", "prevent"])
+              onClick: U(i.openMenu, ["stop", "prevent"])
             }, {
               icon: c(() => [
                 m(r, {
@@ -9559,7 +9567,7 @@ const Id = /* @__PURE__ */ v(Nl, [["render", zl], ["__scopeId", "data-v-7712e6e1
 }, Hl = "If type is contact center, color must be oneof the following:" + Object.keys(Be).join(", "), Vl = [
   "300",
   "200"
-], ql = {}, Fl = {
+], Fl = {}, ql = {
   "aria-hidden": "true",
   focusable: "false",
   "aria-label": "Dialbot",
@@ -9572,11 +9580,11 @@ const Id = /* @__PURE__ */ v(Nl, [["render", zl], ["__scopeId", "data-v-7712e6e1
   Kl
 ];
 function Gl(e, s) {
-  return a(), l("svg", Fl, jl);
+  return a(), l("svg", ql, jl);
 }
-const Wl = /* @__PURE__ */ v(ql, [["render", Gl]]), Ul = {
+const Ul = /* @__PURE__ */ v(Fl, [["render", Gl]]), Wl = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: { DtIcon: x, IconDialbot: Wl },
+  components: { DtIcon: x, IconDialbot: Ul },
   props: {
     type: {
       type: String,
@@ -9638,7 +9646,7 @@ function Zl(e, s, t, o, n, i) {
     m(h, { class: "d-svg--size24" })
   ], 2)) : p("", !0);
 }
-const Yl = /* @__PURE__ */ v(Ul, [["render", Zl]]);
+const Yl = /* @__PURE__ */ v(Wl, [["render", Zl]]);
 const Ql = {
   name: "DtRecipeGeneralRow",
   components: {
@@ -9937,7 +9945,7 @@ function cr(e, s, t, o, n, i) {
             onFocus: s[0] || (s[0] = (L) => n.actionFocused = !0),
             onBlur: s[1] || (s[1] = (L) => n.actionFocused = !1),
             onMouseleave: s[2] || (s[2] = (L) => n.actionFocused = !1),
-            onClick: s[3] || (s[3] = W((L) => e.$emit("call", L), ["stop"]))
+            onClick: s[3] || (s[3] = U((L) => e.$emit("call", L), ["stop"]))
           }, {
             icon: c(() => [
               m(g, {
@@ -10638,7 +10646,7 @@ export {
   Tt as AVATAR_GROUP_VALIDATOR,
   Kr as AVATAR_ICON_SIZES,
   Ot as AVATAR_KIND_MODIFIERS,
-  Us as AVATAR_PRESENCE_SIZE_MODIFIERS,
+  Ws as AVATAR_PRESENCE_SIZE_MODIFIERS,
   Lt as AVATAR_PRESENCE_STATES,
   Ke as AVATAR_SIZE_MODIFIERS,
   Pt as BADGE_DECORATION_MODIFIERS,
@@ -10658,13 +10666,13 @@ export {
   Bi as DtBreadcrumbItem,
   Gr as DtBreadcrumbs,
   K as DtButton,
-  Wr as DtButtonGroup,
-  Fi as DtCard,
+  Ur as DtButtonGroup,
+  qi as DtCard,
   Yt as DtCheckableInputMixin,
   od as DtCheckbox,
   ld as DtCheckboxGroup,
   as as DtChip,
-  Ur as DtCodeblock,
+  Wr as DtCodeblock,
   Zr as DtCollapsible,
   mn as DtCombobox,
   Nn as DtDropdown,
@@ -10674,7 +10682,7 @@ export {
   Qr as DtImageViewer,
   Hs as DtInput,
   ns as DtInputGroup,
-  Wn as DtInputGroupMixin,
+  Un as DtInputGroupMixin,
   Zt as DtInputMixin,
   Jt as DtKeyboardListNavigationMixin,
   hd as DtKeyboardShortcut,
@@ -10687,13 +10695,13 @@ export {
   Xr as DtNotice,
   sd as DtPagination,
   it as DtPopover,
-  Ws as DtPresence,
+  Us as DtPresence,
   id as DtRadio,
   nd as DtRadioGroup,
   tl as DtRecipeCallbarButton,
   _d as DtRecipeCallbarButtonWithPopover,
   gd as DtRecipeComboboxMultiSelect,
-  qo as DtRecipeComboboxWithPopover,
+  Fo as DtRecipeComboboxWithPopover,
   bd as DtRecipeContactInfo,
   kd as DtRecipeContactRow,
   Td as DtRecipeEmojiRow,
@@ -10724,7 +10732,7 @@ export {
   me as DtValidationMessages,
   Hd as ICON_SIZE_MODIFIERS,
   Vd as INPUT_SIZES,
-  qd as INPUT_TYPES,
+  Fd as INPUT_TYPES,
   dt as IVR_NODE_BRANCH,
   rt as IVR_NODE_EXPERT,
   He as IVR_NODE_GO_TO,
@@ -10744,7 +10752,7 @@ export {
   Ts as LINK_VARIANTS,
   $t as MODAL_KIND_MODIFIERS,
   Nt as MODAL_SIZE_MODIFIERS,
-  Fo as MULTI_SELECT_SIZES,
+  qo as MULTI_SELECT_SIZES,
   Oe as NOTICE_KINDS,
   is as POPOVER_CONTENT_WIDTHS,
   In as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
@@ -10752,7 +10760,7 @@ export {
   Bt as POPOVER_PADDING_CLASSES,
   wn as POPOVER_ROLES,
   be as PRESENCE_STATES,
-  qs as PRESENCE_STATES_LIST,
+  Fs as PRESENCE_STATES_LIST,
   Rr as REACTIONS_ATTRIBUTES,
   yo as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   os as ROOT_LAYOUT_SIDEBAR_POSITIONS,
@@ -10761,12 +10769,12 @@ export {
   ud as SHORTCUTS_ALIASES_LIST,
   ye as SHORTCUTS_ICON_ALIASES,
   po as SHORTCUTS_ICON_SEPARATOR,
-  Fd as SKELETON_HEADING_HEIGHTS,
+  qd as SKELETON_HEADING_HEIGHTS,
   Kd as SKELETON_RIPPLE_DURATION,
   jd as SKELETON_SHAPES,
   Gd as SKELETON_SHAPE_SIZES,
-  Wd as SKELETON_TEXT_TYPES,
-  Ud as TAB_IMPORTANCE_MODIFIERS,
+  Ud as SKELETON_TEXT_TYPES,
+  Wd as TAB_IMPORTANCE_MODIFIERS,
   Zd as TAB_LIST_IMPORTANCE_MODIFIERS,
   Yd as TAB_LIST_KIND_MODIFIERS,
   Qd as TAB_LIST_SIZES,
@@ -10781,7 +10789,7 @@ export {
   ic as VALIDATION_MESSAGE_TYPES,
   nc as filterFormattedMessages,
   Et as formatMessages,
-  F as getUniqueString,
+  q as getUniqueString,
   Ge as getValidationState,
-  Ut as validationMessageValidator
+  Wt as validationMessageValidator
 };