@dialpad/dialtone-vue 3.68.0 → 3.69.1

package/dist/dialtone-vue.js

@@ -1,6 +1,6 @@
-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 x, 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 P, 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 xs, d as Ps, 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-c1ed0afc.js";
-import { z as xd, y as Pd, 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-c1ed0afc.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 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";
 const be = {
   BUSY: "busy",
   AWAY: "away",
@@ -105,7 +105,7 @@ const Ws = /* @__PURE__ */ v(Fs, [["render", Gs]]), Ke = {
 ], Tt = (e) => e > 1;
 const Ys = {
   name: "DtAvatar",
-  components: { DtPresence: Ws, DtIcon: P },
+  components: { DtPresence: Ws, DtIcon: x },
   inheritAttrs: !1,
   props: {
     /**
@@ -223,8 +223,7 @@ const Ys = {
       imageLoadedSuccessfully: null,
       slottedInitials: "",
       formattedInitials: "",
-      initializing: !1,
-      internalColor: ""
+      initializing: !1
     };
   },
   computed: {
@@ -235,7 +234,7 @@ const Ys = {
         this.avatarClass,
         {
           "d-avatar--group": this.showGroup,
-          [`d-avatar--color-${this.internalColor}`]: this.kind !== "icon" && this.internalColor
+          [`d-avatar--color-${this.getColor()}`]: this.kind !== "icon"
         }
       ];
     },
@@ -261,20 +260,6 @@ const Ys = {
       return this.group ? "xs" : this.size;
     }
   },
-  watch: {
-    color: {
-      handler: function() {
-        this.getColor();
-      },
-      immediate: !0
-    },
-    seed: {
-      handler: function() {
-        this.getColor();
-      },
-      immediate: !0
-    }
-  },
   mounted() {
     this.init();
   },
@@ -331,9 +316,8 @@ const Ys = {
       var s;
       return ((s = e == null ? void 0 : e.tagName) == null ? void 0 : s.toUpperCase()) === "IMG";
     },
-    async getColor() {
-      const e = this.color ?? await Ls(Zs, this.seed);
-      this.internalColor = e;
+    getColor() {
+      return this.color ?? Ls(Zs, this.seed);
     },
     validateImageAttrsPresence() {
       const e = !this.$refs.canvas.children[0].getAttribute("src"), s = this.$refs.canvas.children[0].getAttribute("alt") === null;
@@ -403,7 +387,7 @@ const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
 }, Dt = {
   label: "",
   count: "d-badge--count"
-}, xt = {
+}, Pt = {
   "black-400": "d-badge--decorate-black-400",
   "black-500": "d-badge--decorate-black-500",
   "black-900": "d-badge--decorate-black-900",
@@ -429,7 +413,7 @@ const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
 }, ti = {
   name: "DtBadge",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -484,14 +468,14 @@ const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
     decoration: {
       type: String,
       default: void 0,
-      validator: (e) => Object.keys(xt).includes(e)
+      validator: (e) => Object.keys(Pt).includes(e)
     }
   },
   data() {
     return {
       BADGE_TYPE_MODIFIERS: At,
       BADGE_KIND_MODIFIERS: Dt,
-      BADGE_DECORATION_MODIFIERS: xt
+      BADGE_DECORATION_MODIFIERS: Pt
     };
   },
   computed: {
@@ -549,7 +533,7 @@ function oi(e, s, t, o, n, i) {
     ])) : p("", !0),
     _("span", ni, [
       d(e.$slots, "default", {}, () => [
-        x(I(t.text), 1)
+        P(I(t.text), 1)
       ])
     ]),
     t.iconRight ? (a(), l("span", ai, [
@@ -569,7 +553,7 @@ const li = /* @__PURE__ */ v(ti, [["render", oi]]), Oe = ["base", "error", "info
 ]), ci = {
   name: "DtNoticeIcon",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -655,7 +639,7 @@ function _i(e, s, t, o, n, i) {
       "data-qa": "notice-content-title"
     }, [
       d(e.$slots, "titleOverride", {}, () => [
-        x(I(t.title), 1)
+        P(I(t.title), 1)
       ])
     ], 8, mi)) : p("", !0),
     _("p", {
@@ -709,7 +693,7 @@ const tt = /* @__PURE__ */ v(fi, [["render", _i]]), ie = {
 }, bi = {
   name: "SrOnlyCloseButton",
   components: {
-    DtIcon: P,
+    DtIcon: x,
     DtButton: K
   },
   props: {
@@ -748,7 +732,7 @@ function yi(e, s, t, o, n, i) {
 const Ne = /* @__PURE__ */ v(bi, [["render", yi]]), vi = {
   name: "DtNoticeAction",
   components: {
-    DtIcon: P,
+    DtIcon: x,
     DtButton: K,
     SrOnlyCloseButton: Ne
   },
@@ -1128,10 +1112,10 @@ function Di(e, s, t, o, n, i) {
     d(e.$slots, "default")
   ], 2);
 }
-const xi = /* @__PURE__ */ v(Ai, [["render", Di]]), Pi = {
+const Pi = /* @__PURE__ */ v(Ai, [["render", Di]]), xi = {
   name: "DtBreadcrumbItem",
   components: {
-    DtLink: xi
+    DtLink: Pi
   },
   inheritAttrs: !1,
   props: {
@@ -1164,7 +1148,7 @@ const xi = /* @__PURE__ */ v(Ai, [["render", Di]]), Pi = {
   },
   computed: {
     linkKind() {
-      return this.inverted ? Ds : xs;
+      return this.inverted ? Ds : Ps;
     },
     ariaCurrent() {
       return this.selected ? "location" : void 0;
@@ -1187,14 +1171,14 @@ function Ri(e, s, t, o, n, i) {
     }, e.$attrs), {
       default: c(() => [
         d(e.$slots, "default", {}, () => [
-          x(I(t.label), 1)
+          P(I(t.label), 1)
         ])
       ]),
       _: 3
     }, 16, ["kind", "aria-current"])
   ], 2);
 }
-const Bi = /* @__PURE__ */ v(Pi, [["render", Ri]]), $i = {
+const Bi = /* @__PURE__ */ v(xi, [["render", Ri]]), $i = {
   name: "DtBreadcrumbs",
   components: {
     DtBreadcrumbItem: Bi
@@ -1257,7 +1241,7 @@ function zi(e, s, t, o, n, i) {
     ])
   ], 10, Ni);
 }
-const Gr = /* @__PURE__ */ v($i, [["render", zi]]), Pt = {
+const Gr = /* @__PURE__ */ v($i, [["render", zi]]), xt = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -1270,12 +1254,12 @@ const Gr = /* @__PURE__ */ v($i, [["render", zi]]), Pt = {
     alignment: {
       type: String,
       default: "start",
-      validator: (e) => Object.keys(Pt).includes(e)
+      validator: (e) => Object.keys(xt).includes(e)
     }
   },
   data() {
     return {
-      BUTTON_GROUP_ALIGNMENT: Pt
+      BUTTON_GROUP_ALIGNMENT: xt
     };
   }
 };
@@ -1384,9 +1368,9 @@ const Fi = /* @__PURE__ */ v(Vi, [["render", qi]]), Ki = {
 }, ji = { class: "d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary" };
 function Gi(e, s, t, o, n, i) {
   return a(), l("pre", null, [
-    x("    "),
+    P("    "),
     _("code", ji, I(t.text), 1),
-    x(`
+    P(`
   `)
   ]);
 }
@@ -1641,7 +1625,7 @@ const nn = {
   name: "DtListItem",
   components: {
     DtDefaultListItem: Rt,
-    DtIcon: P
+    DtIcon: x
   },
   /**
    * Value provided from keyboard_list_navigation.js using id prop.
@@ -1827,7 +1811,7 @@ function an(e, s, t, o, n, i) {
 }
 const ze = /* @__PURE__ */ v(nn, [["render", an]]), on = {
   name: "ComboboxLoadingList",
-  components: { DtListItem: ze, DtSkeleton: Ps }
+  components: { DtListItem: ze, DtSkeleton: xs }
 }, ln = {
   class: "d-p0 d-mt8 d-hmx332 d-of-y-auto",
   "aria-busy": "true"
@@ -2355,7 +2339,7 @@ const bn = /* @__PURE__ */ v(gn, [["render", _n]]), yn = {
     DtButton: K,
     DtCollapsibleLazyShow: bn,
     DtLazyShow: $e,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -2592,7 +2576,7 @@ const Zr = /* @__PURE__ */ v(yn, [["render", Cn]]), Bt = {
   name: "PopoverHeaderFooter",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     // eslint-disable-next-line vue/require-default-prop
@@ -3275,8 +3259,8 @@ const An = {
       });
     }
   }
-}, Dn = ["aria-hidden"], xn = ["id", "tabindex"];
-function Pn(e, s, t, o, n, i) {
+}, Dn = ["aria-hidden"], Pn = ["id", "tabindex"];
+function xn(e, s, t, o, n, i) {
   const r = f("popover-header-footer"), h = f("sr-only-close-button"), u = f("dt-lazy-show");
   return a(), l("div", null, [
     t.modal && n.isOpen ? (a(), S(jt, {
@@ -3318,7 +3302,7 @@ function Pn(e, s, t, o, n, i) {
               "aria-haspopup": t.role
             }
           })
-        ], 40, xn),
+        ], 40, Pn),
         m(u, C({
           id: t.id,
           ref: "content",
@@ -3391,7 +3375,7 @@ function Pn(e, s, t, o, n, i) {
     }, 8, ["class"]))
   ]);
 }
-const it = /* @__PURE__ */ v(An, [["render", Pn]]), ve = {
+const it = /* @__PURE__ */ v(An, [["render", xn]]), ve = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
@@ -3793,7 +3777,7 @@ const Yr = /* @__PURE__ */ v(zn, [["render", Hn]]), Vn = {
   name: "DtImageViewer",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   mixins: [Le],
   props: {
@@ -4196,7 +4180,7 @@ function Qn(e, s, t, o, n, i) {
       class: ["d-label", e.legendClass]
     }, e.legendChildProps, { "data-qa": t.dataQaGroupLegend }), [
       d(e.$slots, "legend", {}, () => [
-        x(I(e.legend), 1)
+        P(I(e.legend), 1)
       ])
     ], 16, Yn)) : p("", !0),
     d(e.$slots, "default"),
@@ -4377,7 +4361,7 @@ const Xr = /* @__PURE__ */ v(Xn, [["render", Jn]]), ea = {
   components: {
     DtLazyShow: $e,
     DtButton: K,
-    DtIcon: P,
+    DtIcon: x,
     SrOnlyCloseButton: Ne
   },
   mixins: [Le, ie],
@@ -4655,7 +4639,7 @@ function aa(e, s, t, o, n, i) {
         ])
       }, [
         d(e.$slots, "banner", {}, () => [
-          x(I(t.bannerTitle), 1)
+          P(I(t.bannerTitle), 1)
         ])
       ], 2)) : p("", !0),
       m(We, {
@@ -4856,7 +4840,7 @@ function ha(e, s, t, o, n, i) {
         onClick: i.showMoreLessClicked
       }, {
         default: c(() => [
-          x(I(i.showMoreLessText), 1)
+          P(I(i.showMoreLessText), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : p("", !0),
@@ -4915,7 +4899,7 @@ function ga(e, s, t, o, n, i) {
       class: y(["dt-dropdown-list--header", t.headingClass])
     }, [
       d(e.$slots, "headingSlot", {}, () => [
-        x(I(t.heading), 1)
+        P(I(t.heading), 1)
       ])
     ], 10, ma)) : p("", !0),
     d(e.$slots, "default")
@@ -4925,7 +4909,7 @@ const td = /* @__PURE__ */ v(fa, [["render", ga]]), _a = {
   name: "DtPagination",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -5073,7 +5057,7 @@ function va(e, s, t, o, n, i) {
         onClick: (w) => i.changePage(u)
       }, {
         default: c(() => [
-          x(I(u), 1)
+          P(I(u), 1)
         ]),
         _: 2
       }, 1032, ["aria-label", "kind", "importance", "onClick"]))
@@ -5216,7 +5200,7 @@ function Ea(e, s, t, o, n, i) {
       _("div", ka, [
         _("div", C({ class: e.labelClass }, e.labelChildProps, { "data-qa": "radio-label" }), [
           d(e.$slots, "default", {}, () => [
-            x(I(e.label), 1)
+            P(I(e.label), 1)
           ])
         ], 16),
         n.hasSlotContent(e.$slots.description) || e.description ? (a(), l("div", C({
@@ -5224,7 +5208,7 @@ function Ea(e, s, t, o, n, i) {
           class: ["d-description", e.descriptionClass]
         }, e.descriptionChildProps, { "data-qa": "radio-description" }), [
           d(e.$slots, "description", {}, () => [
-            x(I(e.description), 1)
+            P(I(e.description), 1)
           ])
         ], 16)) : p("", !0),
         m(r, C({
@@ -5479,7 +5463,7 @@ const ad = /* @__PURE__ */ v(Oa, [["render", Ta]]), Aa = {
       this.validateInputLabels(this.hasLabel, this.$attrs["aria-label"]);
     }
   }
-}, xa = { class: "d-checkbox__input" }, Pa = ["checked", "name", "value", "disabled", ".indeterminate"], Ra = {
+}, Pa = { class: "d-checkbox__input" }, xa = ["checked", "name", "value", "disabled", ".indeterminate"], Ra = {
   key: 0,
   class: "d-checkbox__copy d-checkbox__label",
   "data-qa": "checkbox-label-description-container"
@@ -5490,7 +5474,7 @@ function Ba(e, s, t, o, n, i) {
     _("div", {
       class: y(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
-      _("div", xa, [
+      _("div", Pa, [
         _("input", C({
           type: "checkbox",
           checked: e.internalChecked,
@@ -5498,7 +5482,7 @@ function Ba(e, s, t, o, n, i) {
           value: e.value,
           disabled: e.internalDisabled,
           class: ["d-checkbox", i.inputValidationClass, e.inputClass]
-        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, M(i.inputListeners, !0)), null, 16, Pa)
+        }, e.$attrs, { ".indeterminate": e.internalIndeterminate }, M(i.inputListeners, !0)), null, 16, xa)
       ]),
       i.hasLabelOrDescription ? (a(), l("div", Ra, [
         i.hasLabel ? (a(), l("div", C({
@@ -5506,7 +5490,7 @@ function Ba(e, s, t, o, n, i) {
           class: e.labelClass
         }, e.labelChildProps, { "data-qa": "checkbox-label" }), [
           d(e.$slots, "default", {}, () => [
-            x(I(e.label), 1)
+            P(I(e.label), 1)
           ])
         ], 16)) : p("", !0),
         i.hasDescription ? (a(), l("div", C({
@@ -5514,7 +5498,7 @@ function Ba(e, s, t, o, n, i) {
           class: ["d-description", e.descriptionClass]
         }, e.descriptionChildProps, { "data-qa": "checkbox-description" }), [
           d(e.$slots, "description", {}, () => [
-            x(I(e.description), 1)
+            P(I(e.description), 1)
           ])
         ], 16)) : p("", !0),
         m(r, C({
@@ -5634,7 +5618,7 @@ const od = /* @__PURE__ */ v(Da, [["render", Ba]]), ld = {
   name: "DtChip",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -6013,7 +5997,7 @@ function eo(e, s, t, o, n, i) {
         ]
       }, t.labelChildProps, { "data-qa": "dt-select-label" }), [
         d(e.$slots, "label", {}, () => [
-          x(I(t.label), 1)
+          P(I(t.label), 1)
         ])
       ], 16, Ya)) : p("", !0),
       n.hasSlotContent(e.$slots.description) || t.description ? (a(), l("div", C({
@@ -6026,7 +6010,7 @@ function eo(e, s, t, o, n, i) {
         ]
       }, t.descriptionChildProps, { "data-qa": "dt-select-description" }), [
         d(e.$slots, "description", {}, () => [
-          x(I(t.description), 1)
+          P(I(t.description), 1)
         ])
       ], 16, Qa)) : p("", !0),
       _("div", {
@@ -6264,7 +6248,7 @@ function ao(e, s, t, o, n, i) {
         ]),
         default: c(() => [
           d(e.$slots, "default", {}, () => [
-            x(I(t.message), 1)
+            P(I(t.message), 1)
           ])
         ]),
         _: 3
@@ -6467,7 +6451,7 @@ const cd = /* @__PURE__ */ v(lo, [["render", fo]]), ye = {
 }, ud = Object.keys(ye), mo = {
   name: "DtKeyboardShortcut",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -7114,12 +7098,12 @@ const rs = {
       }
       N - G > 1e3 && ms(), Ve = De;
       let E;
-      const xe = G <= L && N >= G;
-      if (xe)
+      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));
-      const pt = xe ? null : /* @__PURE__ */ new Map();
-      let se, oe, Pe;
+      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;
@@ -7132,7 +7116,7 @@ const rs = {
         oe = se.type;
         let R = ft.get(oe);
         if (!E)
-          xe ? R && R.length ? E = R.pop() : E = ht(Ae, T, se, U, oe) : (Pe = pt.get(oe) || 0, (!R || Pe >= R.length) && (E = ht(Ae, T, se, U, oe), Fe(E, !0), R = ft.get(oe)), E = R[Pe], pt.set(oe, Pe + 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, 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);
         else if (!E.nr.used && (E.nr.used = !0, R)) {
           const _e = R.indexOf(E);
           _e !== -1 && R.splice(_e, 1);
@@ -7140,7 +7124,7 @@ const rs = {
         E.item = se, k === null ? (E.position = (Ct = j[T - 1]) == null ? void 0 : Ct.accumulator, E.offset = 0) : (E.position = Math.floor(T) * k, E.offset = T % 1 * k);
       }
       return b = G, L = N, clearTimeout(he), he = setTimeout(gs, 300), {
-        continuous: xe
+        continuous: Pe
       };
     }, _s = (O) => {
       const A = o.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" }, k = g.value, Q = A.scroll;
@@ -7208,7 +7192,7 @@ const rs = {
       }, 8, ["style", "class"]))
     ], 34));
   }
-}, xo = {
+}, Po = {
   name: "DtScrollerItem",
   inject: [
     "vscrollData",
@@ -7328,11 +7312,11 @@ const rs = {
   render() {
     return ks(this.tag, this.$slots.default());
   }
-}, Po = {
+}, xo = {
   name: "DynamicScroller",
   components: {
     CoreScroller: rs,
-    DtScrollerItem: xo
+    DtScrollerItem: Po
   },
   provide() {
     return typeof ResizeObserver < "u" && (this.$_resizeObserver = new ResizeObserver((e) => {
@@ -7437,7 +7421,7 @@ const rs = {
         let g = n[u];
         typeof g > "u" && !this.$_undefinedMap[u] && (g = 0), e.push({
           item: h,
-          id: u,
+          [t]: u,
           size: g
         });
       }
@@ -7526,7 +7510,7 @@ function Ro(e, s, t, o, n, i) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const Bo = /* @__PURE__ */ v(Po, [["render", Ro]]), md = {
+const Bo = /* @__PURE__ */ v(xo, [["render", Ro]]), md = {
   __name: "scroller",
   props: {
     /**
@@ -8465,7 +8449,7 @@ function Xo(e, s, t, o, n, i) {
             onClose: (L) => i.onChipRemove(b)
           }), {
             default: c(() => [
-              x(I(b), 1)
+              P(I(b), 1)
             ]),
             _: 2
           }, 1040, ["size", "onKeyup", "onClose"]))), 128))
@@ -8686,7 +8670,7 @@ function el(e, s, t, o, n, i) {
 const tl = /* @__PURE__ */ v(Jo, [["render", el]]);
 const sl = {
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: tl, DtPopover: it, DtButton: K, DtIcon: P },
+  components: { DtRecipeCallbarButton: tl, DtPopover: it, DtButton: K, DtIcon: x },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
     as props to be passed down to another element or component using v-bind:$attrs
@@ -8942,7 +8926,7 @@ const _d = /* @__PURE__ */ v(sl, [["render", nl]]), al = {
   name: "DtRecipeContactInfo",
   components: {
     DtAvatar: Je,
-    DtIcon: P,
+    DtIcon: x,
     DtListItem: ze
   },
   /* inheritAttrs: false is generally an option we want to set on library
@@ -9230,7 +9214,7 @@ const kl = {
     DtCard: Fi,
     DtButton: K,
     DtDropdown: Nn,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -9408,10 +9392,10 @@ const Al = {
 }, Dl = {
   "data-qa": "grouped-chip",
   class: "d-d-inline-flex d-ws-nowrap d-bgc-unset"
-}, xl = {
+}, Pl = {
   key: 0,
   "data-qa": "left-grouped-chip-icon"
-}, Pl = {
+}, xl = {
   key: 0,
   "data-qa": "left-grouped-chip-content"
 }, Rl = {
@@ -9433,7 +9417,7 @@ function $l(e, s, t, o, n, i) {
       class: "d-blr-pill d-bgc-moderate-opaque d-wmx84 dt-chip-content"
     }, ke({
       default: c(() => [
-        n.hasSlotContent(e.$slots.leftContent) ? (a(), l("div", Pl, [
+        n.hasSlotContent(e.$slots.leftContent) ? (a(), l("div", xl, [
           d(e.$slots, "leftContent")
         ])) : p("", !0)
       ]),
@@ -9442,7 +9426,7 @@ function $l(e, s, t, o, n, i) {
       n.hasSlotContent(e.$slots.leftIcon) ? {
         name: "icon",
         fn: c(() => [
-          n.hasSlotContent(e.$slots.leftIcon) ? (a(), l("div", xl, [
+          n.hasSlotContent(e.$slots.leftIcon) ? (a(), l("div", Pl, [
             d(e.$slots, "leftIcon")
           ])) : p("", !0)
         ]),
@@ -9476,7 +9460,7 @@ const Nl = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   inheritAttrs: !1,
   props: {
@@ -9592,7 +9576,7 @@ function Gl(e, s) {
 }
 const Wl = /* @__PURE__ */ v(ql, [["render", Gl]]), Ul = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: { DtIcon: P, IconDialbot: Wl },
+  components: { DtIcon: x, IconDialbot: Wl },
   props: {
     type: {
       type: String,
@@ -9660,7 +9644,7 @@ const Ql = {
   components: {
     DtEmojiTextWrapper: Xe,
     DtBadge: li,
-    DtIcon: P,
+    DtIcon: x,
     DtButton: K,
     DtTooltip: Qe,
     DtRecipeLeftbarGeneralRowIcon: Yl
@@ -9848,7 +9832,7 @@ const Ql = {
       this.type === z.CONTACT_CENTER && !Object.keys(Be).includes(this.color) && console.error(Hl);
     }
   }
-}, Xl = ["data-qa", "aria-label", "title"], Jl = { class: "dt-leftbar-row__alpha" }, er = {
+}, Xl = ["data-qa", "aria-label", "title", "href"], Jl = { class: "dt-leftbar-row__alpha" }, er = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
 }, tr = /* @__PURE__ */ _("span", null, null, -1), sr = /* @__PURE__ */ _("span", null, null, -1), ir = /* @__PURE__ */ _("span", null, null, -1), nr = [
@@ -9873,7 +9857,8 @@ function cr(e, s, t, o, n, i) {
       class: "dt-leftbar-row__primary",
       "data-qa": "data-qa" in e.$attrs ? e.$attrs["data-qa"] : "dt-leftbar-row-link",
       "aria-label": i.getAriaLabel,
-      title: t.description
+      title: t.description,
+      href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
     }, e.$attrs), [
       _("div", Jl, [
         t.isTyping ? (a(), l("div", er, nr)) : d(e.$slots, "left", { key: 1 }, () => [
@@ -9893,7 +9878,7 @@ function cr(e, s, t, o, n, i) {
             size: "200"
           }, {
             default: c(() => [
-              x(I(t.description), 1)
+              P(I(t.description), 1)
             ]),
             _: 1
           })
@@ -9927,7 +9912,7 @@ function cr(e, s, t, o, n, i) {
               "data-qa": "dt-leftbar-row-unread-badge"
             }, {
               default: c(() => [
-                x(I(t.unreadCount), 1)
+                P(I(t.unreadCount), 1)
               ]),
               _: 1
             })
@@ -9971,7 +9956,7 @@ function cr(e, s, t, o, n, i) {
 const cs = /* @__PURE__ */ v(Ql, [["render", cr]]), ur = {
   name: "DtRecipeGroupRow",
   components: {
-    DtIcon: P,
+    DtIcon: x,
     DtRecipeGeneralRow: cs
   },
   inheritAttrs: !1,
@@ -10061,7 +10046,7 @@ const wd = /* @__PURE__ */ v(ur, [["render", hr]]), fr = {
   name: "DtRecipeGroupRow",
   components: {
     DtAvatar: Je,
-    DtIcon: P,
+    DtIcon: x,
     DtRecipeGeneralRow: cs,
     DtEmojiTextWrapper: Xe
   },
@@ -10242,7 +10227,7 @@ function gr(e, s, t, o, n, i) {
             name: "user",
             size: "200"
           })) : (a(), l(Y, { key: 2 }, [
-            x(I(i.avatarInitial), 1)
+            P(I(i.avatarInitial), 1)
           ], 64))
         ]),
         _: 1
@@ -10255,7 +10240,7 @@ function gr(e, s, t, o, n, i) {
         size: "200"
       }, {
         default: c(() => [
-          x(I(t.name), 1)
+          P(I(t.name), 1)
         ]),
         _: 1
       }),
@@ -10273,7 +10258,7 @@ function gr(e, s, t, o, n, i) {
           class: "dt-leftbar-row__meta-custom"
         }, {
           default: c(() => [
-            x(I(t.userStatus), 1)
+            P(I(t.userStatus), 1)
           ]),
           _: 1
         })) : p("", !0)
@@ -10286,7 +10271,7 @@ const kd = /* @__PURE__ */ v(fr, [["render", gr]]), _r = ["up", "down"], br = ["
 const yr = {
   name: "DtRecipeUnreadPill",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -10544,15 +10529,15 @@ const Od = /* @__PURE__ */ v(Cr, [["render", Ar]]), Dr = {
       }
     }
   }
-}, xr = ["dateTime"];
-function Pr(e, s, t, o, n, i) {
+}, Pr = ["dateTime"];
+function xr(e, s, t, o, n, i) {
   return a(), l("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"
-  }, I(t.dateTimeDisplay), 9, xr);
+  }, I(t.dateTimeDisplay), 9, Pr);
 }
-const Ld = /* @__PURE__ */ v(Dr, [["render", Pr]]), Rr = [
+const Ld = /* @__PURE__ */ v(Dr, [["render", xr]]), Rr = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
@@ -10636,7 +10621,7 @@ function Vr(e, s, t, o, n, i) {
           _("span", zr, [
             m(r, { size: "200" }, {
               default: c(() => [
-                x(I(w.tooltip), 1)
+                P(I(w.tooltip), 1)
               ]),
               _: 2
             }, 1024)
@@ -10656,17 +10641,17 @@ export {
   Us as AVATAR_PRESENCE_SIZE_MODIFIERS,
   Lt as AVATAR_PRESENCE_STATES,
   Ke as AVATAR_SIZE_MODIFIERS,
-  xt as BADGE_DECORATION_MODIFIERS,
+  Pt as BADGE_DECORATION_MODIFIERS,
   Dt as BADGE_KIND_MODIFIERS,
   At as BADGE_TYPE_MODIFIERS,
   Ti as BREADCRUMBS_INVERTED_MODIFIER,
   Li as BREADCRUMB_ITEM_SELECTED_MODIFIER,
-  Pt as BUTTON_GROUP_ALIGNMENT,
+  xt as BUTTON_GROUP_ALIGNMENT,
   ds as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
   Mt as CHIP_SIZE_MODIFIERS,
   _l as COLOR_CODES,
-  xd as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  Pd as DESCRIPTION_SIZE_TYPES,
+  Pd as DEFAULT_VALIDATION_MESSAGE_TYPE,
+  xd as DESCRIPTION_SIZE_TYPES,
   Je as DtAvatar,
   li as DtBadge,
   jr as DtBanner,
@@ -10685,7 +10670,7 @@ export {
   Nn as DtDropdown,
   Yr as DtDropdownSeparator,
   Qt as DtGroupableInputMixin,
-  P as DtIcon,
+  x as DtIcon,
   Qr as DtImageViewer,
   Hs as DtInput,
   ns as DtInputGroup,
@@ -10694,7 +10679,7 @@ export {
   Jt as DtKeyboardListNavigationMixin,
   hd as DtKeyboardShortcut,
   $e as DtLazyShow,
-  xi as DtLink,
+  Pi as DtLink,
   ze as DtListItem,
   td as DtListItemGroup,
   ed as DtListSection,
@@ -10724,7 +10709,7 @@ export {
   fd as DtRootLayout,
   md as DtScroller,
   rd as DtSelectMenu,
-  Ps as DtSkeleton,
+  xs as DtSkeleton,
   Rd as DtSkeletonListItem,
   Bd as DtSkeletonParagraph,
   $d as DtSkeletonShape,