@dialpad/dialtone-vue 3.69.0 → 3.69.3

package/dist/dialtone-vue.js

@@ -1,6 +1,6 @@
-import { openBlock as a, createElementBlock as l, toDisplayString as I, createCommentVNode as f, createElementVNode as _, normalizeClass as y, warn as we, resolveComponent as p, 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 fe, 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-ec9bfaf1.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-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 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-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 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-a6cf0407.js";
 const be = {
   BUSY: "busy",
   AWAY: "away",
@@ -46,7 +46,7 @@ function Gs(e, s, t, o, n, i) {
     role: "status",
     "aria-live": e.$attrs.ariaLive || "off"
   }, [
-    t.srText ? (a(), l("span", js, I(t.srText), 1)) : f("", !0),
+    t.srText ? (a(), l("span", js, I(t.srText), 1)) : p("", !0),
     _("div", {
       class: y(["d-presence__inner", {
         "d-presence__inner--active": t.presence === "active",
@@ -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: {
     /**
@@ -339,7 +339,7 @@ const Ys = {
   "data-qa": "dt-avatar-count"
 };
 function ei(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-presence");
+  const r = f("dt-icon"), h = f("dt-presence");
   return a(), l("div", {
     id: t.id,
     class: y(i.avatarClasses),
@@ -349,11 +349,11 @@ function ei(e, s, t, o, n, i) {
       ref: "canvas",
       class: y([t.canvasClass, "d-avatar__canvas"])
     }, [
-      i.showDefaultSlot ? d(e.$slots, "default", { key: 0 }) : f("", !0),
+      i.showDefaultSlot ? d(e.$slots, "default", { key: 0 }) : p("", !0),
       i.showInitials ? (a(), l("span", {
         key: 1,
         class: y(["d-ps-absolute d-zi-base", n.AVATAR_KIND_MODIFIERS.initials])
-      }, I(n.formattedInitials), 3)) : f("", !0)
+      }, I(n.formattedInitials), 3)) : p("", !0)
     ], 2),
     t.overlayIcon || t.overlayText ? (a(), l("div", {
       key: 0,
@@ -363,9 +363,9 @@ function ei(e, s, t, o, n, i) {
         key: 0,
         class: "d-fc-white d-w100p",
         name: t.overlayIcon
-      }, null, 8, ["name"])) : t.overlayText ? (a(), l("p", Xs, I(t.overlayText), 1)) : f("", !0)
-    ], 2)) : f("", !0),
-    i.showGroup ? (a(), l("span", Js, I(i.formattedGroup), 1)) : f("", !0),
+      }, null, 8, ["name"])) : t.overlayText ? (a(), l("p", Xs, I(t.overlayText), 1)) : p("", !0)
+    ], 2)) : p("", !0),
+    i.showGroup ? (a(), l("span", Js, I(i.formattedGroup), 1)) : p("", !0),
     t.presence && !i.showGroup ? (a(), S(h, C({
       key: 2,
       presence: t.presence,
@@ -373,7 +373,7 @@ function ei(e, s, t, o, n, i) {
         "d-avatar__presence",
         n.AVATAR_PRESENCE_SIZE_MODIFIERS[t.size]
       ]]
-    }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : f("", !0)
+    }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : p("", !0)
   ], 10, Qs);
 }
 const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
@@ -387,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",
@@ -413,7 +413,7 @@ const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
 }, ti = {
   name: "DtBadge",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -468,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: {
@@ -514,7 +514,7 @@ const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
   class: "d-badge__icon-right"
 };
 function oi(e, s, t, o, n, i) {
-  const r = p("dt-icon");
+  const r = f("dt-icon");
   return a(), l("span", {
     class: y([
       "d-badge",
@@ -524,16 +524,16 @@ function oi(e, s, t, o, n, i) {
     ]),
     "data-qa": "dt-badge"
   }, [
-    t.decoration ? (a(), l("span", si)) : f("", !0),
+    t.decoration ? (a(), l("span", si)) : p("", !0),
     t.iconLeft || t.type === "ai" ? (a(), l("span", ii, [
       m(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
       }, null, 8, ["name"])
-    ])) : f("", !0),
+    ])) : p("", !0),
     _("span", ni, [
       d(e.$slots, "default", {}, () => [
-        x(I(t.text), 1)
+        P(I(t.text), 1)
       ])
     ]),
     t.iconRight ? (a(), l("span", ai, [
@@ -541,7 +541,7 @@ function oi(e, s, t, o, n, i) {
         name: t.iconRight,
         size: "200"
       }, null, 8, ["name"])
-    ])) : f("", !0)
+    ])) : p("", !0)
   ], 2);
 }
 const li = /* @__PURE__ */ v(ti, [["render", oi]]), Oe = ["base", "error", "info", "success", "warning"], ri = ["alert", "alertdialog", "status"], di = /* @__PURE__ */ new Map([
@@ -553,7 +553,7 @@ const li = /* @__PURE__ */ v(ti, [["render", oi]]), Oe = ["base", "error", "info
 ]), ci = {
   name: "DtNoticeIcon",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -584,7 +584,7 @@ const li = /* @__PURE__ */ v(ti, [["render", oi]]), Oe = ["base", "error", "info
   class: "d-notice__icon"
 };
 function hi(e, s, t, o, n, i) {
-  const r = p("dt-icon");
+  const r = f("dt-icon");
   return i.defaultIcon || n.hasSlotContent(e.$slots.default) ? (a(), l("div", ui, [
     d(e.$slots, "default", {}, () => [
       m(r, {
@@ -592,9 +592,9 @@ function hi(e, s, t, o, n, i) {
         size: "400"
       }, null, 8, ["name"])
     ])
-  ])) : f("", !0);
+  ])) : p("", !0);
 }
-const et = /* @__PURE__ */ v(ci, [["render", hi]]), pi = {
+const et = /* @__PURE__ */ v(ci, [["render", hi]]), fi = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -626,12 +626,12 @@ const et = /* @__PURE__ */ v(ci, [["render", hi]]), pi = {
       hasSlotContent: $
     };
   }
-}, fi = {
+}, pi = {
   class: "d-notice__content",
   "data-qa": "notice-content"
 }, mi = ["id"], gi = ["id"];
 function _i(e, s, t, o, n, i) {
-  return a(), l("div", fi, [
+  return a(), l("div", pi, [
     t.title || n.hasSlotContent(e.$slots.titleOverride) ? (a(), l("p", {
       key: 0,
       id: t.titleId,
@@ -639,9 +639,9 @@ 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)) : f("", !0),
+    ], 8, mi)) : p("", !0),
     _("p", {
       id: t.contentId,
       class: "d-notice__message",
@@ -651,7 +651,7 @@ function _i(e, s, t, o, n, i) {
     ], 8, gi)
   ]);
 }
-const tt = /* @__PURE__ */ v(pi, [["render", _i]]), ie = {
+const tt = /* @__PURE__ */ v(fi, [["render", _i]]), ie = {
   props: {
     /**
      * If true, a hidden close button is included for screen readers
@@ -693,7 +693,7 @@ const tt = /* @__PURE__ */ v(pi, [["render", _i]]), ie = {
 }, bi = {
   name: "SrOnlyCloseButton",
   components: {
-    DtIcon: P,
+    DtIcon: x,
     DtButton: K
   },
   props: {
@@ -714,7 +714,7 @@ const tt = /* @__PURE__ */ v(pi, [["render", _i]]), ie = {
   }
 };
 function yi(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button");
+  const r = f("dt-icon"), h = f("dt-button");
   return a(), S(h, {
     id: "sr-only-close-button",
     "data-qa": "dt-sr-only-close-button",
@@ -732,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
   },
@@ -782,10 +782,10 @@ const Ne = /* @__PURE__ */ v(bi, [["render", yi]]), vi = {
   "data-qa": "notice-content-actions"
 };
 function Ci(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button"), u = p("sr-only-close-button");
+  const r = f("dt-icon"), h = f("dt-button"), u = f("sr-only-close-button");
   return a(), l("div", Si, [
     d(e.$slots, "default"),
-    t.hideClose ? f("", !0) : (a(), S(h, C({
+    t.hideClose ? p("", !0) : (a(), S(h, C({
       key: 0,
       ref: "closeButton",
       "data-qa": "dt-notice-action-close-button",
@@ -806,7 +806,7 @@ function Ci(e, s, t, o, n, i) {
       key: 1,
       "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
       onClose: i.close
-    }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !0)
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : p("", !0)
   ]);
 }
 const st = /* @__PURE__ */ v(vi, [["render", Ci]]), Xt = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', Ii = `${Xt}:not([tabindex="-1"])`, wi = "button,[href],input,select,textarea,details,[tabindex]", Le = {
@@ -1031,7 +1031,7 @@ const st = /* @__PURE__ */ v(vi, [["render", Ci]]), Xt = ':not(:disabled):not([a
   }
 }, Ei = ["role", "aria-labelledby", "aria-describedby"];
 function Oi(e, s, t, o, n, i) {
-  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
+  const r = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
   return a(), l("aside", {
     class: y(i.bannerClass),
     style: re(i.bannerBackgroundImage),
@@ -1043,7 +1043,7 @@ function Oi(e, s, t, o, n, i) {
       "aria-labelledby": t.titleId,
       "aria-describedby": t.contentId
     }, [
-      t.hideIcon ? f("", !0) : (a(), S(r, {
+      t.hideIcon ? p("", !0) : (a(), S(r, {
         key: 0,
         kind: t.kind
       }, {
@@ -1112,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: {
@@ -1148,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;
@@ -1156,7 +1156,7 @@ const xi = /* @__PURE__ */ v(Ai, [["render", Di]]), Pi = {
   }
 };
 function Ri(e, s, t, o, n, i) {
-  const r = p("dt-link");
+  const r = f("dt-link");
   return a(), l("li", {
     "data-qa": "dt-breadcrumb-item",
     class: y([
@@ -1171,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
@@ -1222,7 +1222,7 @@ const Bi = /* @__PURE__ */ v(Pi, [["render", Ri]]), $i = {
   }
 }, Ni = ["aria-label"];
 function zi(e, s, t, o, n, i) {
-  const r = p("dt-breadcrumb-item");
+  const r = f("dt-breadcrumb-item");
   return a(), l("nav", {
     "aria-label": t.ariaLabel,
     "data-qa": "dt-breadcrumbs",
@@ -1241,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"
@@ -1254,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
     };
   }
 };
@@ -1336,7 +1336,7 @@ function qi(e, s, t, o, n, i) {
       ])
     }, [
       d(e.$slots, "header")
-    ], 2)) : f("", !0),
+    ], 2)) : p("", !0),
     _("div", {
       class: y([
         "d-card__content",
@@ -1354,7 +1354,7 @@ function qi(e, s, t, o, n, i) {
       ])
     }, [
       d(e.$slots, "footer")
-    ], 2)) : f("", !0)
+    ], 2)) : p("", !0)
   ], 2);
 }
 const Fi = /* @__PURE__ */ v(Vi, [["render", qi]]), Ki = {
@@ -1368,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(`
   `)
   ]);
 }
@@ -1517,10 +1517,10 @@ const Ur = /* @__PURE__ */ v(Ki, [["render", Gi]]), Wi = {
       this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
     onNavigationKey(b) {
-      const L = this._getListItemNodes(), B = L.filter((pe) => pe.textContent.trim().toLowerCase().startsWith(b.toLowerCase()));
+      const L = this._getListItemNodes(), B = L.filter((fe) => fe.textContent.trim().toLowerCase().startsWith(b.toLowerCase()));
       if (B.length <= 0)
         return;
-      const de = B.findIndex((pe) => this[s] === L.indexOf(pe)), he = L.indexOf(
+      const de = B.findIndex((fe) => this[s] === L.indexOf(fe)), he = L.indexOf(
         de < B.length - 1 ? B[de + 1] : B[0]
       );
       this.setHighlightIndex(he), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
@@ -1598,25 +1598,25 @@ function sn(e, s, t, o, n, i) {
   return a(), l("div", Yi, [
     n.hasSlotContent(e.$slots.left) ? (a(), l("section", Qi, [
       d(e.$slots, "left")
-    ])) : f("", !0),
+    ])) : p("", !0),
     _("section", Xi, [
       n.hasSlotContent(e.$slots.default) ? (a(), l("div", Ji, [
         d(e.$slots, "default")
-      ])) : f("", !0),
+      ])) : p("", !0),
       n.hasSlotContent(e.$slots.subtitle) ? (a(), l("div", {
         key: 1,
         "data-qa": "dt-default-list-item-subtitle-wrapper",
         class: y(["d-fs-100 d-fc-tertiary", { "d-mtn2": e.$slots.default }])
       }, [
         d(e.$slots, "subtitle")
-      ], 2)) : f("", !0),
+      ], 2)) : p("", !0),
       n.hasSlotContent(e.$slots.bottom) ? (a(), l("div", en, [
         d(e.$slots, "bottom")
-      ])) : f("", !0)
+      ])) : p("", !0)
     ]),
     n.hasSlotContent(e.$slots.right) ? (a(), l("section", tn, [
       d(e.$slots, "right")
-    ])) : f("", !0),
+    ])) : p("", !0),
     d(e.$slots, "selected")
   ]);
 }
@@ -1625,7 +1625,7 @@ const nn = {
   name: "DtListItem",
   components: {
     DtDefaultListItem: Rt,
-    DtIcon: P
+    DtIcon: x
   },
   /**
    * Value provided from keyboard_list_navigation.js using id prop.
@@ -1773,7 +1773,7 @@ const nn = {
   }
 };
 function an(e, s, t, o, n, i) {
-  const r = p("dt-icon");
+  const r = f("dt-icon");
   return a(), S(X(t.elementType), C({
     id: t.id,
     class: ["dt-list-item d-ls-none", {
@@ -1811,13 +1811,13 @@ 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"
 };
 function rn(e, s, t, o, n, i) {
-  const r = p("dt-skeleton"), h = p("dt-list-item");
+  const r = f("dt-skeleton"), h = f("dt-list-item");
   return a(), l("ol", ln, [
     (a(), l(Y, null, ee(7, (u) => m(h, {
       key: u,
@@ -1861,7 +1861,7 @@ const dn = {
   "data-qa": "dt-combobox-empty-list"
 };
 function un(e, s, t, o, n, i) {
-  const r = p("dt-list-item");
+  const r = f("dt-list-item");
   return a(), l("ol", cn, [
     d(e.$slots, "default", {}, () => [
       m(r, {
@@ -2154,9 +2154,9 @@ const ts = /* @__PURE__ */ v(dn, [["render", un]]), ss = {
       empty message.`);
     }
   }
-}, pn = { "data-qa": "dt-combobox-input-wrapper" };
-function fn(e, s, t, o, n, i) {
-  const r = p("combobox-loading-list"), h = p("combobox-empty-list");
+}, fn = { "data-qa": "dt-combobox-input-wrapper" };
+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"])),
@@ -2167,7 +2167,7 @@ function fn(e, s, t, o, n, i) {
       s[8] || (s[8] = V(W((u) => i.onKeyValidation(u, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
-    _("div", pn, [
+    _("div", fn, [
       d(e.$slots, "input", { inputProps: i.inputProps })
     ]),
     t.showList ? (a(), l("div", {
@@ -2192,10 +2192,10 @@ function fn(e, s, t, o, n, i) {
         opened: i.onOpen,
         clearHighlightIndex: i.clearHighlightIndex
       })
-    ], 544)) : f("", !0)
+    ], 544)) : p("", !0)
   ], 32);
 }
-const mn = /* @__PURE__ */ v(hn, [["render", fn]]);
+const mn = /* @__PURE__ */ v(hn, [["render", pn]]);
 const gn = {
   name: "DtCollapsibleLazyShow",
   inheritAttrs: !1,
@@ -2323,7 +2323,7 @@ function _n(e, s, t, o, n, i) {
     default: c(() => [
       Se((a(), S(X(t.elementType), Ee(Ue(e.$attrs)), {
         default: c(() => [
-          n.initialized ? d(e.$slots, "default", { key: 0 }) : f("", !0)
+          n.initialized ? d(e.$slots, "default", { key: 0 }) : p("", !0)
         ]),
         _: 3
       }, 16)), [
@@ -2339,7 +2339,7 @@ const bn = /* @__PURE__ */ v(gn, [["render", _n]]), yn = {
     DtButton: K,
     DtCollapsibleLazyShow: bn,
     DtLazyShow: $e,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -2487,7 +2487,7 @@ const bn = /* @__PURE__ */ v(gn, [["render", _n]]), yn = {
   }
 }, vn = ["id"], Sn = ["title"];
 function Cn(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button"), u = p("dt-collapsible-lazy-show");
+  const r = f("dt-icon"), h = f("dt-button"), u = f("dt-collapsible-lazy-show");
   return a(), S(X(t.elementType), C({ ref: "collapsible" }, M(i.collapsibleListeners)), {
     default: c(() => [
       _("div", {
@@ -2576,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
@@ -2634,7 +2634,7 @@ const Zr = /* @__PURE__ */ v(yn, [["render", Cn]]), Bt = {
   }
 };
 function Ln(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button");
+  const r = f("dt-icon"), h = f("dt-button");
   return a(), l("div", {
     "data-qa": "dt-popover-header-footer",
     class: y({
@@ -2648,7 +2648,7 @@ function Ln(e, s, t, o, n, i) {
       class: y(["d-to-ellipsis", "d-w100p", t.contentClass])
     }, [
       d(e.$slots, "content")
-    ], 2)) : f("", !0),
+    ], 2)) : p("", !0),
     t.showCloseButton ? (a(), S(h, C({
       key: 1,
       ref: "popover__close-button",
@@ -2667,7 +2667,7 @@ function Ln(e, s, t, o, n, i) {
         })
       ]),
       _: 1
-    }, 16)) : f("", !0)
+    }, 16)) : p("", !0)
   ], 2);
 }
 const Tn = /* @__PURE__ */ v(On, [["render", Ln]]);
@@ -3259,9 +3259,9 @@ const An = {
       });
     }
   }
-}, Dn = ["aria-hidden"], xn = ["id", "tabindex"];
-function Pn(e, s, t, o, n, i) {
-  const r = p("popover-header-footer"), h = p("sr-only-close-button"), u = p("dt-lazy-show");
+}, 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, {
       key: 0,
@@ -3273,7 +3273,7 @@ function Pn(e, s, t, o, n, i) {
         onClick: s[0] || (s[0] = W(() => {
         }, ["prevent", "stop"]))
       }, null, 8, Dn)
-    ])) : f("", !0),
+    ])) : p("", !0),
     (a(), S(X(t.elementType), {
       ref: "popover",
       class: y(["d-popover", { "d-popover__anchor--opened": n.isOpen }]),
@@ -3302,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",
@@ -3338,7 +3338,7 @@ function Pn(e, s, t, o, n, i) {
                 d(e.$slots, "headerContent", { close: i.closePopover })
               ]),
               _: 3
-            }, 8, ["class", "content-class", "show-close-button", "close-button-props", "onClose"])) : f("", !0),
+            }, 8, ["class", "content-class", "show-close-button", "close-button-props", "onClose"])) : p("", !0),
             _("div", {
               ref: "popover__content",
               "data-qa": "dt-popover-content",
@@ -3361,12 +3361,12 @@ function Pn(e, s, t, o, n, i) {
                 d(e.$slots, "footerContent", { close: i.closePopover })
               ]),
               _: 3
-            }, 8, ["class", "content-class"])) : f("", !0),
+            }, 8, ["class", "content-class"])) : p("", !0),
             e.showVisuallyHiddenClose ? (a(), S(h, {
               key: 2,
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: i.closePopover
-            }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : p("", !0)
           ]),
           _: 3
         }, 16, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "appear", "class", "style", "css", "tabindex"])
@@ -3375,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"
@@ -3719,7 +3719,7 @@ const Rn = {
   }
 }, Bn = ["id"];
 function $n(e, s, t, o, n, i) {
-  const r = p("sr-only-close-button"), h = p("dt-popover");
+  const r = f("sr-only-close-button"), h = f("dt-popover");
   return a(), S(h, C({
     ref: "popover",
     "content-width": t.contentWidth,
@@ -3757,7 +3757,7 @@ function $n(e, s, t, o, n, i) {
           "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
           tabindex: i.isArrowKeyNav ? -1 : 0,
           onClose: u
-        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : f("", !0)
+        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : p("", !0)
       ], 42, Bn)
     ]),
     _: 3
@@ -3777,7 +3777,7 @@ const Yr = /* @__PURE__ */ v(zn, [["render", Hn]]), Vn = {
   name: "DtImageViewer",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   mixins: [Le],
   props: {
@@ -3908,7 +3908,7 @@ const Yr = /* @__PURE__ */ v(zn, [["render", Hn]]), Vn = {
   "aria-modal": "true"
 }, jn = ["src", "alt"];
 function Gn(e, s, t, o, n, i) {
-  const r = p("dt-button"), h = p("dt-icon");
+  const r = f("dt-button"), h = f("dt-icon");
   return a(), l("div", null, [
     m(r, {
       "data-qa": "dt-image-viewer-preview",
@@ -3968,12 +3968,12 @@ function Gn(e, s, t, o, n, i) {
                 })
               ]),
               _: 1
-            }, 8, ["aria-label", "onClick"])) : f("", !0)
+            }, 8, ["aria-label", "onClick"])) : p("", !0)
           ]),
           _: 1
         })
       ], 16, Fn)
-    ])) : f("", !0)
+    ])) : p("", !0)
   ]);
 }
 const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
@@ -4173,16 +4173,16 @@ const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
   }
 }, Zn = ["data-qa"], Yn = ["data-qa"];
 function Qn(e, s, t, o, n, i) {
-  const r = p("dt-validation-messages");
+  const r = f("dt-validation-messages");
   return a(), l("fieldset", { "data-qa": t.dataQaGroup }, [
     n.hasSlotContent(e.$slots.legend) || e.legend ? (a(), l("legend", C({
       key: 0,
       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)) : f("", !0),
+    ], 16, Yn)) : p("", !0),
     d(e.$slots, "default"),
     m(r, C({
       "validation-messages": e.formattedMessages,
@@ -4317,7 +4317,7 @@ const ns = /* @__PURE__ */ v(Un, [["render", Qn]]), $t = {
   }
 };
 function Jn(e, s, t, o, n, i) {
-  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
+  const r = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
   return a(), l("aside", {
     class: y(i.noticeClass),
     "data-qa": "notice"
@@ -4361,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],
@@ -4615,7 +4615,7 @@ const Xr = /* @__PURE__ */ v(Xn, [["render", Jn]]), ea = {
   class: "d-modal__footer"
 };
 function aa(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button"), u = p("sr-only-close-button"), g = p("dt-lazy-show");
+  const r = f("dt-icon"), h = f("dt-button"), u = f("sr-only-close-button"), g = f("dt-lazy-show");
   return a(), S(g, C({
     transition: "d-zoom",
     show: t.show,
@@ -4639,9 +4639,9 @@ function aa(e, s, t, o, n, i) {
         ])
       }, [
         d(e.$slots, "banner", {}, () => [
-          x(I(t.bannerTitle), 1)
+          P(I(t.bannerTitle), 1)
         ])
-      ], 2)) : f("", !0),
+      ], 2)) : p("", !0),
       m(We, {
         appear: "",
         name: "d-modal__dialog"
@@ -4690,8 +4690,8 @@ function aa(e, s, t, o, n, i) {
             }, I(t.copy), 3)),
             i.hasFooterSlot ? (a(), l("footer", na, [
               d(e.$slots, "footer")
-            ])) : f("", !0),
-            t.hideClose ? f("", !0) : (a(), S(h, C({
+            ])) : p("", !0),
+            t.hideClose ? p("", !0) : (a(), S(h, C({
               key: 5,
               class: "d-modal__close",
               circle: "",
@@ -4711,7 +4711,7 @@ function aa(e, s, t, o, n, i) {
               key: 6,
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: i.close
-            }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : p("", !0)
           ], 10, ta), [
             [Ce, t.show]
           ])
@@ -4800,7 +4800,7 @@ const oa = {
   }
 }, la = ["id", "aria-labelledby"], ra = ["id"], da = ["id"], ca = ["id"], ua = { class: "d-d-flex" };
 function ha(e, s, t, o, n, i) {
-  const r = p("vnodes"), h = p("dt-button");
+  const r = f("vnodes"), h = f("dt-button");
   return a(), l("div", {
     id: t.id,
     role: "group",
@@ -4819,7 +4819,7 @@ function ha(e, s, t, o, n, i) {
       key: 0,
       id: `${t.id}-list-section-header`,
       class: "d-pl12 d-mt6"
-    }, I(t.header), 9, ra)) : f("", !0),
+    }, I(t.header), 9, ra)) : p("", !0),
     !i.isCollapsible || n.showAll ? (a(), l("ol", {
       key: 1,
       id: `${t.id}-list-section-content`
@@ -4840,15 +4840,15 @@ 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"])) : f("", !0),
+      }, 8, ["id", "onClick"])) : p("", !0),
       d(e.$slots, "footer")
     ])
   ], 10, la);
 }
-const ed = /* @__PURE__ */ v(oa, [["render", ha]]), pa = {
+const ed = /* @__PURE__ */ v(oa, [["render", ha]]), fa = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -4882,7 +4882,7 @@ const ed = /* @__PURE__ */ v(oa, [["render", ha]]), pa = {
       default: ""
     }
   }
-}, fa = ["id", "aria-labelledby"], ma = ["id"];
+}, pa = ["id", "aria-labelledby"], ma = ["id"];
 function ga(e, s, t, o, n, i) {
   return a(), l("ul", {
     id: t.id,
@@ -4899,17 +4899,17 @@ 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)) : f("", !0),
+    ], 10, ma)) : p("", !0),
     d(e.$slots, "default")
-  ], 10, fa);
+  ], 10, pa);
 }
-const td = /* @__PURE__ */ v(pa, [["render", ga]]), _a = {
+const td = /* @__PURE__ */ v(fa, [["render", ga]]), _a = {
   name: "DtPagination",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -5017,7 +5017,7 @@ const td = /* @__PURE__ */ v(pa, [["render", ga]]), _a = {
   "data-qa": "dt-pagination-separator"
 };
 function va(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button");
+  const r = f("dt-icon"), h = f("dt-button");
   return a(), l("nav", {
     "aria-label": t.ariaLabel,
     class: "d-d-flex d-fd-row d-gg4 d-ai-center"
@@ -5057,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"]))
@@ -5182,7 +5182,7 @@ const sd = /* @__PURE__ */ v(_a, [["render", va]]), Sa = {
   "data-qa": "radio-label-description-container"
 };
 function Ea(e, s, t, o, n, i) {
-  const r = p("dt-validation-messages");
+  const r = f("dt-validation-messages");
   return a(), l("label", null, [
     _("div", {
       class: y(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
@@ -5200,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({
@@ -5208,9 +5208,9 @@ 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)) : f("", !0),
+        ], 16)) : p("", !0),
         m(r, C({
           "validation-messages": e.formattedMessages,
           "show-messages": e.showMessages,
@@ -5463,18 +5463,18 @@ 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"
 };
 function Ba(e, s, t, o, n, i) {
-  const r = p("dt-validation-messages");
+  const r = f("dt-validation-messages");
   return a(), l("label", null, [
     _("div", {
       class: y(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
-      _("div", xa, [
+      _("div", Pa, [
         _("input", C({
           type: "checkbox",
           checked: e.internalChecked,
@@ -5482,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({
@@ -5490,23 +5490,23 @@ 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)) : f("", !0),
+        ], 16)) : p("", !0),
         i.hasDescription ? (a(), l("div", C({
           key: 1,
           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)) : f("", !0),
+        ], 16)) : p("", !0),
         m(r, C({
           "validation-messages": e.formattedMessages,
           "show-messages": e.showMessages,
           class: e.messagesClass
         }, e.messagesChildProps, { "data-qa": "dt-checkbox-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
-      ])) : f("", !0)
+      ])) : p("", !0)
     ], 2)
   ]);
 }
@@ -5618,7 +5618,7 @@ const od = /* @__PURE__ */ v(Da, [["render", Ba]]), ld = {
   name: "DtChip",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -5760,7 +5760,7 @@ const od = /* @__PURE__ */ v(Da, [["render", Ba]]), ld = {
   "data-qa": "dt-chip-avatar"
 }, qa = ["id"];
 function Fa(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button");
+  const r = f("dt-icon"), h = f("dt-button");
   return a(), l("span", Ma, [
     (a(), S(X(t.interactive ? "button" : "span"), C({
       id: t.id,
@@ -5775,7 +5775,7 @@ function Fa(e, s, t, o, n, i) {
           d(e.$slots, "icon")
         ])) : n.hasSlotContent(e.$slots.avatar) ? (a(), l("span", Va, [
           d(e.$slots, "avatar")
-        ])) : f("", !0),
+        ])) : p("", !0),
         n.hasSlotContent(e.$slots.default) ? (a(), l("span", {
           key: 2,
           id: `${t.id}-content`,
@@ -5783,11 +5783,11 @@ function Fa(e, s, t, o, n, i) {
           class: y(["d-truncate", "d-chip__text", t.contentClass])
         }, [
           d(e.$slots, "default")
-        ], 10, qa)) : f("", !0)
+        ], 10, qa)) : p("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
-    t.hideClose ? f("", !0) : (a(), S(h, C({ key: 0 }, t.closeButtonProps, {
+    t.hideClose ? p("", !0) : (a(), S(h, C({ key: 0 }, t.closeButtonProps, {
       class: i.chipCloseButtonClasses(),
       "data-qa": "dt-chip-close",
       "aria-label": t.closeButtonProps.ariaLabel,
@@ -5984,7 +5984,7 @@ const as = /* @__PURE__ */ v(za, [["render", Fa]]), Ht = {
   }
 }, Ya = ["aria-details"], Qa = ["id"], Xa = ["disabled"], Ja = ["value"];
 function eo(e, s, t, o, n, i) {
-  const r = p("dt-validation-messages");
+  const r = f("dt-validation-messages");
   return a(), l("div", null, [
     _("label", null, [
       n.hasSlotContent(e.$slots.label) || t.label ? (a(), l("div", C({
@@ -5997,9 +5997,9 @@ 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)) : f("", !0),
+      ], 16, Ya)) : p("", !0),
       n.hasSlotContent(e.$slots.description) || t.description ? (a(), l("div", C({
         key: 1,
         id: i.descriptionKey,
@@ -6010,9 +6010,9 @@ 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)) : f("", !0),
+      ], 16, Qa)) : p("", !0),
       _("div", {
         class: y([
           "d-select",
@@ -6219,7 +6219,7 @@ const rd = /* @__PURE__ */ v(Za, [["render", eo]]), to = ["status", "alert"], Vt
   }
 }, io = ["aria-hidden"], no = { class: "d-toast__dialog" };
 function ao(e, s, t, o, n, i) {
-  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
+  const r = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
   return n.isShown ? (a(), l("div", {
     key: 0,
     class: y([
@@ -6248,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
@@ -6266,7 +6266,7 @@ function ao(e, s, t, o, n, i) {
         _: 3
       }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
     ])
-  ], 10, io)) : f("", !0);
+  ], 10, io)) : p("", !0);
 }
 const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
   sm: "d-toggle--small",
@@ -6417,7 +6417,7 @@ const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
   key: 0,
   class: "d-toggle__inner"
 };
-function po(e, s, t, o, n, i) {
+function fo(e, s, t, o, n, i) {
   return a(), l("div", ro, [
     n.hasSlotContent(e.$slots.default) ? (a(), l("label", C({
       key: 0,
@@ -6425,7 +6425,7 @@ function po(e, s, t, o, n, i) {
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       d(e.$slots, "default")
-    ], 16, co)) : f("", !0),
+    ], 16, co)) : p("", !0),
     _("button", C({
       id: t.id,
       role: i.toggleRole,
@@ -6435,23 +6435,23 @@ function po(e, s, t, o, n, i) {
       "aria-disabled": t.disabled.toString(),
       class: i.toggleClasses
     }, i.inputListeners), [
-      t.showIcon ? (a(), l("span", ho)) : f("", !0)
+      t.showIcon ? (a(), l("span", ho)) : p("", !0)
     ], 16, uo)
   ]);
 }
-const cd = /* @__PURE__ */ v(lo, [["render", po]]), ye = {
+const cd = /* @__PURE__ */ v(lo, [["render", fo]]), ye = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
   "{arrow-up}": "arrow-up",
   "{arrow-down}": "arrow-down",
   "{cmd}": "command"
-}, fo = {
+}, po = {
   "{plus}": "plus"
 }, ud = Object.keys(ye), mo = {
   name: "DtKeyboardShortcut",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -6486,7 +6486,7 @@ const cd = /* @__PURE__ */ v(lo, [["render", po]]), ye = {
   },
   computed: {
     icons() {
-      return { ...ye, ...fo };
+      return { ...ye, ...po };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -6505,7 +6505,7 @@ const cd = /* @__PURE__ */ v(lo, [["render", po]]), ye = {
   class: "sr-only"
 }, _o = ["innerHTML"];
 function bo(e, s, t, o, n, i) {
-  const r = p("dt-icon");
+  const r = f("dt-icon");
   return a(), l("kbd", {
     class: y([
       "d-d-inline-flex",
@@ -6517,10 +6517,10 @@ 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)) : f("", !0),
+    t.screenReaderText ? (a(), l("span", go, I(t.screenReaderText), 1)) : p("", !0),
     (a(!0), l(Y, null, ee(i.formattedShortcutSplit, (h, u) => (a(), l(Y, null, [
       i.icons[h] ? (a(), S(r, {
         key: `${u}-${h}`,
@@ -6624,7 +6624,7 @@ function So(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-sidebar"
     }, [
       d(e.$slots, "sidebar")
-    ], 6)) : f("", !0),
+    ], 6)) : p("", !0),
     n.hasSlotContent(e.$slots.content) ? (a(), l("main", {
       key: 1,
       ref: "root-layout-content",
@@ -6633,7 +6633,7 @@ function So(e, s, t, o, n, i) {
       tabindex: "0"
     }, [
       d(e.$slots, "content")
-    ], 2)) : f("", !0)
+    ], 2)) : p("", !0)
   ], 2);
 }
 const Co = /* @__PURE__ */ v(vo, [["render", So]]), Io = {
@@ -6751,7 +6751,7 @@ const Co = /* @__PURE__ */ v(vo, [["render", So]]), Io = {
   }
 };
 function wo(e, s, t, o, n, i) {
-  const r = p("dt-root-layout-body");
+  const r = f("dt-root-layout-body");
   return a(), l("div", {
     class: y(["root-layout d-root-layout", { "d-root-layout--fixed": t.fixed }, i.responsiveClass]),
     "data-qa": "dt-root-layout"
@@ -6763,7 +6763,7 @@ function wo(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-header"
     }, [
       d(e.$slots, "header")
-    ], 6)) : f("", !0),
+    ], 6)) : p("", !0),
     m(r, {
       "body-class": t.bodyClass,
       "content-class": t.contentClass,
@@ -6796,10 +6796,10 @@ function wo(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-footer"
     }, [
       d(e.$slots, "footer")
-    ], 6)) : f("", !0)
+    ], 6)) : p("", !0)
   ], 2);
 }
-const pd = /* @__PURE__ */ v(Io, [["render", wo]]), ue = {
+const fd = /* @__PURE__ */ v(Io, [["render", wo]]), ue = {
   default: "column",
   column: "column",
   row: "row",
@@ -6908,7 +6908,7 @@ function Do(e, s, t, o, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const fd = /* @__PURE__ */ v(Ao, [["render", Do]]);
+const pd = /* @__PURE__ */ v(Ao, [["render", Do]]);
 const rs = {
   __name: "core_scroller",
   props: {
@@ -7003,8 +7003,8 @@ const rs = {
   },
   emits: ["user-position"],
   setup(e, { expose: s, emit: t }) {
-    const o = e, n = kt(/* @__PURE__ */ new Map()), i = kt(/* @__PURE__ */ new Map()), r = fe([]), h = fe(null), u = fe(!1), g = fe(null), w = fe("top");
-    let b = 0, L = 0, B = !1, de = 0, he = null, pe = null, Ve = 0, us = 0;
+    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(() => {
       if (o.itemSize === null) {
         const O = {
@@ -7013,10 +7013,10 @@ const rs = {
         let q = 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 pe = q, O;
+        return fe = q, O;
       }
       return [];
-    }), hs = Re(() => o.items.length && typeof o.items[0] != "object"), ps = Re(() => {
+    }), hs = Re(() => o.items.length && typeof o.items[0] != "object"), fs = Re(() => {
       const O = {};
       for (let A = 0, k = o.items.length; A < k; A++)
         O[o.items[A][o.keyField]] = A;
@@ -7046,7 +7046,7 @@ const rs = {
       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);
-    }, fs = () => {
+    }, ps = () => {
       const O = o.direction === "vertical";
       let A;
       return O ? A = {
@@ -7064,12 +7064,12 @@ 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 = pe, q = hs.value ? null : o.keyField, ne = o.items, D = ne.length, j = qe.value, ge = n, pt = i, Ae = r, vs = ps;
+      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;
       let G, N, De, te, ae;
       if (!D)
         G = N = te = ae = De = 0;
       else {
-        const T = fs();
+        const T = ps();
         if (A) {
           let R = T.start - de.value;
           if (R < 0 && (R = -R), k === null && R < Q.value || R < k)
@@ -7098,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 ft = 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;
@@ -7114,9 +7114,9 @@ const rs = {
           continue;
         }
         oe = se.type;
-        let R = pt.get(oe);
+        let R = ft.get(oe);
         if (!E)
-          xe ? R && R.length ? E = R.pop() : E = ht(Ae, T, se, U, oe) : (Pe = ft.get(oe) || 0, (!R || Pe >= R.length) && (E = ht(Ae, T, se, U, oe), Fe(E, !0), R = pt.get(oe)), E = R[Pe], ft.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);
@@ -7124,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;
@@ -7192,7 +7192,7 @@ const rs = {
       }, 8, ["style", "class"]))
     ], 34));
   }
-}, xo = {
+}, Po = {
   name: "DtScrollerItem",
   inject: [
     "vscrollData",
@@ -7312,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) => {
@@ -7421,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
         });
       }
@@ -7477,7 +7477,7 @@ const rs = {
   }
 };
 function Ro(e, s, t, o, n, i) {
-  const r = p("dt-scroller-item"), h = p("core-scroller");
+  const r = f("dt-scroller-item"), h = f("core-scroller");
   return a(), S(h, C({
     ref: "scroller",
     items: i.itemsWithSize,
@@ -7510,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: {
     /**
@@ -7613,7 +7613,7 @@ const Bo = /* @__PURE__ */ v(Po, [["render", Ro]]), md = {
   setup(e, { expose: s, emit: t }) {
     const o = e;
     Es("emit", t);
-    const n = fe(null), i = Re(() => ({
+    const n = pe(null), i = Re(() => ({
       width: typeof o.scrollerWidth == "number" ? `${o.scrollerWidth}px` : o.scrollerWidth,
       height: typeof o.scrollerHeight == "number" ? `${o.scrollerHeight}px` : o.scrollerHeight
     }));
@@ -7948,7 +7948,7 @@ const Bo = /* @__PURE__ */ v(Po, [["render", Ro]]), md = {
   }
 }, No = ["id"], zo = { ref: "header" }, Mo = ["onMouseleave", "onFocusout"], Ho = { ref: "footer" };
 function Vo(e, s, t, o, n, i) {
-  const r = p("combobox-loading-list"), h = p("combobox-empty-list"), u = p("dt-popover"), g = p("dt-combobox");
+  const r = f("combobox-loading-list"), h = f("combobox-empty-list"), u = f("dt-popover"), g = f("dt-combobox");
   return a(), S(g, C({
     ref: "combobox",
     loading: t.loading,
@@ -8418,7 +8418,7 @@ const qo = /* @__PURE__ */ v($o, [["render", Vo]]), Fo = {
   class: "d-ta-center d-py16"
 }, Qo = { ref: "footer" };
 function Xo(e, s, t, o, n, i) {
-  const r = p("dt-chip"), h = p("dt-input"), u = p("dt-validation-messages"), g = p("dt-recipe-combobox-with-popover");
+  const r = f("dt-chip"), h = f("dt-input"), u = f("dt-validation-messages"), g = f("dt-recipe-combobox-with-popover");
   return a(), S(g, {
     ref: "comboboxWithPopover",
     label: t.label,
@@ -8449,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))
@@ -8634,7 +8634,7 @@ const Jo = {
   }
 };
 function el(e, s, t, o, n, i) {
-  const r = p("dt-button"), h = p("dt-tooltip");
+  const r = f("dt-button"), h = f("dt-tooltip");
   return a(), S(h, {
     id: t.id,
     offset: [0, 8]
@@ -8670,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
@@ -8852,7 +8852,7 @@ const sl = {
   }
 }, il = { class: "d-d-flex d-ai-center" };
 function nl(e, s, t, o, n, i) {
-  const r = p("dt-recipe-callbar-button"), h = p("dt-icon"), u = p("dt-button"), g = p("dt-popover");
+  const r = f("dt-recipe-callbar-button"), h = f("dt-icon"), u = f("dt-button"), g = f("dt-popover");
   return a(), l("div", il, [
     m(r, {
       "aria-label": t.ariaLabel,
@@ -8919,14 +8919,14 @@ function nl(e, s, t, o, n, i) {
         d(e.$slots, "footerContent")
       ]),
       _: 3
-    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "onOpened"])) : f("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "onOpened"])) : p("", !0)
   ]);
 }
 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
@@ -9027,9 +9027,9 @@ const _d = /* @__PURE__ */ v(sl, [["render", nl]]), al = {
 }, ll = {
   key: 0,
   class: "d-mrn4 d-d-flex d-fd-row"
-}, rl = ["src", "alt"], dl = { key: 1 }, cl = ["src", "initials", "seed", "alt"], ul = { key: 1 }, hl = { "data-qa": "contact-info-header" }, pl = { "data-qa": "contact-info-subtitle" }, fl = { "data-qa": "contact-info-bottom" }, ml = { "data-qa": "contact-info-right" };
+}, rl = ["src", "alt"], dl = { key: 1 }, cl = ["src", "initials", "seed", "alt"], ul = { key: 1 }, hl = { "data-qa": "contact-info-header" }, fl = { "data-qa": "contact-info-subtitle" }, pl = { "data-qa": "contact-info-bottom" }, ml = { "data-qa": "contact-info-right" };
 function gl(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-avatar"), u = p("dt-list-item");
+  const r = f("dt-icon"), h = f("dt-avatar"), u = f("dt-list-item");
   return a(), S(u, {
     id: t.id,
     role: t.role,
@@ -9085,7 +9085,7 @@ function gl(e, s, t, o, n, i) {
           ]),
           _: 1
         }, 8, ["size", "initials", "seed", "presence"]))
-      ])) : f("", !0)
+      ])) : p("", !0)
     ]),
     default: c(() => [
       _("div", hl, [
@@ -9093,12 +9093,12 @@ function gl(e, s, t, o, n, i) {
       ])
     ]),
     subtitle: c(() => [
-      _("div", pl, [
+      _("div", fl, [
         d(e.$slots, "subtitle")
       ])
     ]),
     bottom: c(() => [
-      _("div", fl, [
+      _("div", pl, [
         d(e.$slots, "bottom")
       ])
     ]),
@@ -9214,7 +9214,7 @@ const kl = {
     DtCard: Fi,
     DtButton: K,
     DtDropdown: Nn,
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -9294,19 +9294,19 @@ const kl = {
   "data-qa": "ivr-node-label"
 }, Ll = { class: "d-w164" };
 function Tl(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button"), u = p("dt-dropdown"), g = p("dt-card");
+  const r = f("dt-icon"), h = f("dt-button"), u = f("dt-dropdown"), g = f("dt-card");
   return a(), l("div", C({ class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width" }, M(i.nodeListeners, !0)), [
     t.dtmfKey ? (a(), l("div", {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
       class: y(["ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-white d-fs-200", { "d-mbn16": t.isSelected }])
-    }, I(t.dtmfKey), 3)) : f("", !0),
-    e.$slots.connector ? d(e.$slots, "connector", { key: 1 }) : f("", !0),
+    }, I(t.dtmfKey), 3)) : p("", !0),
+    e.$slots.connector ? d(e.$slots, "connector", { key: 1 }) : p("", !0),
     !t.dtmfKey && !e.$slots.connector ? (a(), l("div", {
       key: 2,
       "data-qa": "dt-top-connector",
       class: y(["ivr-connector d-w8 d-h8 d-bar-circle d-mbn4", { "d-mbn8": t.isSelected }])
-    }, null, 2)) : f("", !0),
+    }, null, 2)) : p("", !0),
     m(g, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
       "container-class": [
@@ -9392,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 = {
@@ -9406,7 +9406,7 @@ const Al = {
   "data-qa": "right-grouped-chip-content"
 };
 function $l(e, s, t, o, n, i) {
-  const r = p("dt-chip");
+  const r = f("dt-chip");
   return a(), l("div", Dl, [
     m(r, {
       "hide-close": !0,
@@ -9417,18 +9417,18 @@ 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")
-        ])) : f("", !0)
+        ])) : p("", !0)
       ]),
       _: 2
     }, [
       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")
-          ])) : f("", !0)
+          ])) : p("", !0)
         ]),
         key: "0"
       } : void 0
@@ -9444,12 +9444,12 @@ function $l(e, s, t, o, n, i) {
       icon: c(() => [
         n.hasSlotContent(e.$slots.rightIcon) ? (a(), l("div", Rl, [
           d(e.$slots, "rightIcon")
-        ])) : f("", !0)
+        ])) : p("", !0)
       ]),
       default: c(() => [
         n.hasSlotContent(e.$slots.rightContent) ? (a(), l("div", Bl, [
           d(e.$slots, "rightContent")
-        ])) : f("", !0)
+        ])) : p("", !0)
       ]),
       _: 3
     })
@@ -9460,7 +9460,7 @@ const Nl = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: K,
-    DtIcon: P
+    DtIcon: x
   },
   inheritAttrs: !1,
   props: {
@@ -9483,7 +9483,7 @@ const Nl = {
   }
 };
 function zl(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-button");
+  const r = f("dt-icon"), h = f("dt-button");
   return t.updateAvailable ? (a(), S(h, C({
     key: 0,
     importance: "outlined",
@@ -9576,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,
@@ -9622,7 +9622,7 @@ const Wl = /* @__PURE__ */ v(ql, [["render", Gl]]), Ul = {
   }
 };
 function Zl(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("icon-dialbot");
+  const r = f("dt-icon"), h = f("icon-dialbot");
   return i.isIconType ? (a(), S(r, {
     key: 0,
     name: i.getIconName,
@@ -9636,7 +9636,7 @@ function Zl(e, s, t, o, n, i) {
     "data-qa": "general-row-dialbot"
   }, [
     m(h, { class: "d-svg--size24" })
-  ], 2)) : f("", !0);
+  ], 2)) : p("", !0);
 }
 const Yl = /* @__PURE__ */ v(Ul, [["render", Zl]]);
 const Ql = {
@@ -9644,7 +9644,7 @@ const Ql = {
   components: {
     DtEmojiTextWrapper: Xe,
     DtBadge: li,
-    DtIcon: P,
+    DtIcon: x,
     DtButton: K,
     DtTooltip: Qe,
     DtRecipeLeftbarGeneralRowIcon: Yl
@@ -9832,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 = [
@@ -9848,7 +9848,7 @@ const Ql = {
   "data-qa": "dt-leftbar-row-action"
 };
 function cr(e, s, t, o, n, i) {
-  const r = p("dt-recipe-leftbar-general-row-icon"), h = p("dt-emoji-text-wrapper"), u = p("dt-tooltip"), g = p("dt-icon"), w = p("dt-badge"), b = p("dt-button");
+  const r = f("dt-recipe-leftbar-general-row-icon"), h = f("dt-emoji-text-wrapper"), u = f("dt-tooltip"), g = f("dt-icon"), w = f("dt-badge"), b = f("dt-button");
   return a(), l("div", {
     class: y(i.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
@@ -9857,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 }, () => [
@@ -9877,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
           })
@@ -9893,7 +9894,7 @@ function cr(e, s, t, o, n, i) {
             _("div", lr, I(t.dndText), 1)
           ]),
           _: 1
-        }, 8, ["message"])) : f("", !0),
+        }, 8, ["message"])) : p("", !0),
         t.activeVoiceChat ? (a(), l("div", rr, [
           m(g, {
             size: "300",
@@ -9911,13 +9912,13 @@ 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
             })
           ]),
           _: 1
-        }, 8, ["message"])) : f("", !0)
+        }, 8, ["message"])) : p("", !0)
       ])
     ], 16, Xl),
     t.hasCallButton ? (a(), l("div", dr, [
@@ -9949,13 +9950,13 @@ function cr(e, s, t, o, n, i) {
         ]),
         _: 1
       }, 8, ["message"])
-    ])) : f("", !0)
+    ])) : p("", !0)
   ], 2);
 }
 const cs = /* @__PURE__ */ v(Ql, [["render", cr]]), ur = {
   name: "DtRecipeGroupRow",
   components: {
-    DtIcon: P,
+    DtIcon: x,
     DtRecipeGeneralRow: cs
   },
   inheritAttrs: !1,
@@ -10022,7 +10023,7 @@ const cs = /* @__PURE__ */ v(Ql, [["render", cr]]), ur = {
   ]
 };
 function hr(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-recipe-general-row");
+  const r = f("dt-icon"), h = f("dt-recipe-general-row");
   return a(), S(h, C({
     description: t.names,
     "aria-label": `${t.groupCountText} ${t.names}`,
@@ -10041,11 +10042,11 @@ function hr(e, s, t, o, n, i) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const wd = /* @__PURE__ */ v(ur, [["render", hr]]), pr = {
+const wd = /* @__PURE__ */ v(ur, [["render", hr]]), fr = {
   name: "DtRecipeGroupRow",
   components: {
     DtAvatar: Je,
-    DtIcon: P,
+    DtIcon: x,
     DtRecipeGeneralRow: cs,
     DtEmojiTextWrapper: Xe
   },
@@ -10193,9 +10194,9 @@ const wd = /* @__PURE__ */ v(ur, [["render", hr]]), pr = {
       return ((e = this.name) == null ? void 0 : e[0]) ?? "";
     }
   }
-}, fr = ["src"], mr = { class: "dt-leftbar-row__status" };
+}, pr = ["src"], mr = { class: "dt-leftbar-row__status" };
 function gr(e, s, t, o, n, i) {
-  const r = p("dt-icon"), h = p("dt-avatar"), u = p("dt-emoji-text-wrapper"), g = p("dt-recipe-general-row");
+  const r = f("dt-icon"), h = f("dt-avatar"), u = f("dt-emoji-text-wrapper"), g = f("dt-recipe-general-row");
   return a(), S(g, C({
     "unread-count": t.unreadCount,
     description: `${t.name} ${t.presenceText} ${t.userStatus}`,
@@ -10221,12 +10222,12 @@ function gr(e, s, t, o, n, i) {
             "data-qa": "dt-avatar-image",
             src: t.avatarSrc,
             alt: ""
-          }, null, 8, fr)) : t.noInitials ? (a(), S(r, {
+          }, null, 8, pr)) : t.noInitials ? (a(), S(r, {
             key: 1,
             name: "user",
             size: "200"
           })) : (a(), l(Y, { key: 2 }, [
-            x(I(i.avatarInitial), 1)
+            P(I(i.avatarInitial), 1)
           ], 64))
         ]),
         _: 1
@@ -10239,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
       }),
@@ -10248,7 +10249,7 @@ function gr(e, s, t, o, n, i) {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
           class: y(["dt-leftbar-row__meta-context", i.presenceColorClass])
-        }, I(t.presenceText), 3)) : f("", !0),
+        }, I(t.presenceText), 3)) : p("", !0),
         t.userStatus ? (a(), S(u, {
           key: 1,
           size: "100",
@@ -10257,20 +10258,20 @@ 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
-        })) : f("", !0)
+        })) : p("", !0)
       ])
     ]),
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const kd = /* @__PURE__ */ v(pr, [["render", gr]]), _r = ["up", "down"], br = ["mentions", "messages"];
+const kd = /* @__PURE__ */ v(fr, [["render", gr]]), _r = ["up", "down"], br = ["mentions", "messages"];
 const yr = {
   name: "DtRecipeUnreadPill",
   components: {
-    DtIcon: P
+    DtIcon: x
   },
   props: {
     /**
@@ -10310,7 +10311,7 @@ const yr = {
   }
 }, vr = { "data-qa": "dt-leftbar-unread-pill__label" };
 function Sr(e, s, t, o, n, i) {
-  const r = p("dt-icon");
+  const r = f("dt-icon");
   return a(), l("button", C({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
@@ -10437,7 +10438,7 @@ const Cr = {
   class: "d-ps-absolute d-tn16 d-r12"
 };
 function Ar(e, s, t, o, n, i) {
-  const r = p("dt-avatar"), h = p("dt-lazy-show"), u = p("dt-list-item");
+  const r = f("dt-avatar"), h = f("dt-lazy-show"), u = f("dt-list-item");
   return a(), S(u, C({
     ref: "FeedItemRef",
     "navigation-type": "none"
@@ -10457,11 +10458,11 @@ function Ar(e, s, t, o, n, i) {
             "data-qa": "feed-item-row-avatar-img",
             alt: "",
             src: t.avatarImageUrl
-          }, null, 8, Ir)) : f("", !0)
+          }, null, 8, Ir)) : p("", !0)
         ]),
         _: 1
-      }, 8, ["initials"])) : f("", !0),
-      t.showHeader ? f("", !0) : Se((a(), l("div", {
+      }, 8, ["initials"])) : p("", !0),
+      t.showHeader ? p("", !0) : Se((a(), l("div", {
         key: 1,
         class: "d-fs-100 d-fw-normal d-ws-nowrap d-lh-100 d-fc-tertiary d-mb6",
         "data-qa": "feed-item-row-left-time"
@@ -10496,7 +10497,7 @@ function Ar(e, s, t, o, n, i) {
         t.showHeader ? (a(), l("div", wr, [
           _("p", kr, I(t.displayName), 1),
           _("time", Er, I(t.time), 1)
-        ])) : f("", !0),
+        ])) : p("", !0),
         _("span", Or, [
           d(e.$slots, "default")
         ])
@@ -10528,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",
@@ -10578,7 +10579,7 @@ const Ld = /* @__PURE__ */ v(Dr, [["render", Pr]]), Rr = [
   }
 }, $r = { class: "d-d-flex d-fw-wrap" }, Nr = ["reaction"], zr = { "aria-hidden": "true" }, Mr = { class: "d-mr4" }, Hr = { class: "d-fw-bold d-fs-100" };
 function Vr(e, s, t, o, n, i) {
-  const r = p("dt-emoji-text-wrapper"), h = p("dt-emoji"), u = p("dt-button"), g = p("dt-tooltip");
+  const r = f("dt-emoji-text-wrapper"), h = f("dt-emoji"), u = f("dt-button"), g = f("dt-tooltip");
   return a(), l("span", $r, [
     (a(!0), l(Y, null, ee(t.reactions, (w) => (a(), l("span", {
       key: w.unicodeOutput,
@@ -10620,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)
@@ -10640,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,
@@ -10669,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,
@@ -10678,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,
@@ -10705,15 +10706,15 @@ export {
   Ld as DtRecipeTimePill,
   yd as DtRecipeTopBannerInfo,
   Ed as DtRecipeUnreadPill,
-  pd as DtRootLayout,
+  fd as DtRootLayout,
   md as DtScroller,
   rd as DtSelectMenu,
-  Ps as DtSkeleton,
+  xs as DtSkeleton,
   Rd as DtSkeletonListItem,
   Bd as DtSkeletonParagraph,
   $d as DtSkeletonShape,
   Nd as DtSkeletonText,
-  fd as DtStack,
+  pd as DtStack,
   zd as DtTab,
   Md as DtTabGroup,
   ad as DtTabPanel,
@@ -10759,7 +10760,7 @@ export {
   Ka as SELECT_STATE_MODIFIERS,
   ud as SHORTCUTS_ALIASES_LIST,
   ye as SHORTCUTS_ICON_ALIASES,
-  fo as SHORTCUTS_ICON_SEPARATOR,
+  po as SHORTCUTS_ICON_SEPARATOR,
   Fd as SKELETON_HEADING_HEIGHTS,
   Kd as SKELETON_RIPPLE_DURATION,
   jd as SKELETON_SHAPES,