@dialpad/dialtone-vue 3.68.0 → 3.69.0

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 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";
 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)) : p("", !0),
+    t.srText ? (a(), l("span", js, I(t.srText), 1)) : f("", !0),
     _("div", {
       class: y(["d-presence__inner", {
         "d-presence__inner--active": t.presence === "active",
@@ -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;
@@ -355,7 +339,7 @@ const Ys = {
   "data-qa": "dt-avatar-count"
 };
 function ei(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-presence");
+  const r = p("dt-icon"), h = p("dt-presence");
   return a(), l("div", {
     id: t.id,
     class: y(i.avatarClasses),
@@ -365,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 }) : p("", !0),
+      i.showDefaultSlot ? d(e.$slots, "default", { key: 0 }) : f("", !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)) : p("", !0)
+      }, I(n.formattedInitials), 3)) : f("", !0)
     ], 2),
     t.overlayIcon || t.overlayText ? (a(), l("div", {
       key: 0,
@@ -379,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)) : p("", !0)
-    ], 2)) : p("", !0),
-    i.showGroup ? (a(), l("span", Js, I(i.formattedGroup), 1)) : p("", !0),
+      }, 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),
     t.presence && !i.showGroup ? (a(), S(h, C({
       key: 2,
       presence: t.presence,
@@ -389,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"])) : p("", !0)
+    }, t.presenceProps, { "data-qa": "dt-presence" }), null, 16, ["presence", "class"])) : f("", !0)
   ], 10, Qs);
 }
 const Je = /* @__PURE__ */ v(Ys, [["render", ei]]), At = {
@@ -530,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 = f("dt-icon");
+  const r = p("dt-icon");
   return a(), l("span", {
     class: y([
       "d-badge",
@@ -540,13 +524,13 @@ function oi(e, s, t, o, n, i) {
     ]),
     "data-qa": "dt-badge"
   }, [
-    t.decoration ? (a(), l("span", si)) : p("", !0),
+    t.decoration ? (a(), l("span", si)) : f("", !0),
     t.iconLeft || t.type === "ai" ? (a(), l("span", ii, [
       m(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
       }, null, 8, ["name"])
-    ])) : p("", !0),
+    ])) : f("", !0),
     _("span", ni, [
       d(e.$slots, "default", {}, () => [
         x(I(t.text), 1)
@@ -557,7 +541,7 @@ function oi(e, s, t, o, n, i) {
         name: t.iconRight,
         size: "200"
       }, null, 8, ["name"])
-    ])) : p("", !0)
+    ])) : f("", !0)
   ], 2);
 }
 const li = /* @__PURE__ */ v(ti, [["render", oi]]), Oe = ["base", "error", "info", "success", "warning"], ri = ["alert", "alertdialog", "status"], di = /* @__PURE__ */ new Map([
@@ -600,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 = f("dt-icon");
+  const r = p("dt-icon");
   return i.defaultIcon || n.hasSlotContent(e.$slots.default) ? (a(), l("div", ui, [
     d(e.$slots, "default", {}, () => [
       m(r, {
@@ -608,9 +592,9 @@ function hi(e, s, t, o, n, i) {
         size: "400"
       }, null, 8, ["name"])
     ])
-  ])) : p("", !0);
+  ])) : f("", !0);
 }
-const et = /* @__PURE__ */ v(ci, [["render", hi]]), fi = {
+const et = /* @__PURE__ */ v(ci, [["render", hi]]), pi = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -642,12 +626,12 @@ const et = /* @__PURE__ */ v(ci, [["render", hi]]), fi = {
       hasSlotContent: $
     };
   }
-}, pi = {
+}, fi = {
   class: "d-notice__content",
   "data-qa": "notice-content"
 }, mi = ["id"], gi = ["id"];
 function _i(e, s, t, o, n, i) {
-  return a(), l("div", pi, [
+  return a(), l("div", fi, [
     t.title || n.hasSlotContent(e.$slots.titleOverride) ? (a(), l("p", {
       key: 0,
       id: t.titleId,
@@ -657,7 +641,7 @@ function _i(e, s, t, o, n, i) {
       d(e.$slots, "titleOverride", {}, () => [
         x(I(t.title), 1)
       ])
-    ], 8, mi)) : p("", !0),
+    ], 8, mi)) : f("", !0),
     _("p", {
       id: t.contentId,
       class: "d-notice__message",
@@ -667,7 +651,7 @@ function _i(e, s, t, o, n, i) {
     ], 8, gi)
   ]);
 }
-const tt = /* @__PURE__ */ v(fi, [["render", _i]]), ie = {
+const tt = /* @__PURE__ */ v(pi, [["render", _i]]), ie = {
   props: {
     /**
      * If true, a hidden close button is included for screen readers
@@ -730,7 +714,7 @@ const tt = /* @__PURE__ */ v(fi, [["render", _i]]), ie = {
   }
 };
 function yi(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-button");
+  const r = p("dt-icon"), h = p("dt-button");
   return a(), S(h, {
     id: "sr-only-close-button",
     "data-qa": "dt-sr-only-close-button",
@@ -798,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 = f("dt-icon"), h = f("dt-button"), u = f("sr-only-close-button");
+  const r = p("dt-icon"), h = p("dt-button"), u = p("sr-only-close-button");
   return a(), l("div", Si, [
     d(e.$slots, "default"),
-    t.hideClose ? p("", !0) : (a(), S(h, C({
+    t.hideClose ? f("", !0) : (a(), S(h, C({
       key: 0,
       ref: "closeButton",
       "data-qa": "dt-notice-action-close-button",
@@ -822,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"])) : p("", !0)
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !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 = {
@@ -1047,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 = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
+  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
   return a(), l("aside", {
     class: y(i.bannerClass),
     style: re(i.bannerBackgroundImage),
@@ -1059,7 +1043,7 @@ function Oi(e, s, t, o, n, i) {
       "aria-labelledby": t.titleId,
       "aria-describedby": t.contentId
     }, [
-      t.hideIcon ? p("", !0) : (a(), S(r, {
+      t.hideIcon ? f("", !0) : (a(), S(r, {
         key: 0,
         kind: t.kind
       }, {
@@ -1172,7 +1156,7 @@ const xi = /* @__PURE__ */ v(Ai, [["render", Di]]), Pi = {
   }
 };
 function Ri(e, s, t, o, n, i) {
-  const r = f("dt-link");
+  const r = p("dt-link");
   return a(), l("li", {
     "data-qa": "dt-breadcrumb-item",
     class: y([
@@ -1238,7 +1222,7 @@ const Bi = /* @__PURE__ */ v(Pi, [["render", Ri]]), $i = {
   }
 }, Ni = ["aria-label"];
 function zi(e, s, t, o, n, i) {
-  const r = f("dt-breadcrumb-item");
+  const r = p("dt-breadcrumb-item");
   return a(), l("nav", {
     "aria-label": t.ariaLabel,
     "data-qa": "dt-breadcrumbs",
@@ -1352,7 +1336,7 @@ function qi(e, s, t, o, n, i) {
       ])
     }, [
       d(e.$slots, "header")
-    ], 2)) : p("", !0),
+    ], 2)) : f("", !0),
     _("div", {
       class: y([
         "d-card__content",
@@ -1370,7 +1354,7 @@ function qi(e, s, t, o, n, i) {
       ])
     }, [
       d(e.$slots, "footer")
-    ], 2)) : p("", !0)
+    ], 2)) : f("", !0)
   ], 2);
 }
 const Fi = /* @__PURE__ */ v(Vi, [["render", qi]]), Ki = {
@@ -1533,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((fe) => fe.textContent.trim().toLowerCase().startsWith(b.toLowerCase()));
+      const L = this._getListItemNodes(), B = L.filter((pe) => pe.textContent.trim().toLowerCase().startsWith(b.toLowerCase()));
       if (B.length <= 0)
         return;
-      const de = B.findIndex((fe) => this[s] === L.indexOf(fe)), he = L.indexOf(
+      const de = B.findIndex((pe) => this[s] === L.indexOf(pe)), he = L.indexOf(
         de < B.length - 1 ? B[de + 1] : B[0]
       );
       this.setHighlightIndex(he), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
@@ -1614,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")
-    ])) : p("", !0),
+    ])) : f("", !0),
     _("section", Xi, [
       n.hasSlotContent(e.$slots.default) ? (a(), l("div", Ji, [
         d(e.$slots, "default")
-      ])) : p("", !0),
+      ])) : f("", !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)) : p("", !0),
+      ], 2)) : f("", !0),
       n.hasSlotContent(e.$slots.bottom) ? (a(), l("div", en, [
         d(e.$slots, "bottom")
-      ])) : p("", !0)
+      ])) : f("", !0)
     ]),
     n.hasSlotContent(e.$slots.right) ? (a(), l("section", tn, [
       d(e.$slots, "right")
-    ])) : p("", !0),
+    ])) : f("", !0),
     d(e.$slots, "selected")
   ]);
 }
@@ -1789,7 +1773,7 @@ const nn = {
   }
 };
 function an(e, s, t, o, n, i) {
-  const r = f("dt-icon");
+  const r = p("dt-icon");
   return a(), S(X(t.elementType), C({
     id: t.id,
     class: ["dt-list-item d-ls-none", {
@@ -1833,7 +1817,7 @@ const ze = /* @__PURE__ */ v(nn, [["render", an]]), on = {
   "aria-busy": "true"
 };
 function rn(e, s, t, o, n, i) {
-  const r = f("dt-skeleton"), h = f("dt-list-item");
+  const r = p("dt-skeleton"), h = p("dt-list-item");
   return a(), l("ol", ln, [
     (a(), l(Y, null, ee(7, (u) => m(h, {
       key: u,
@@ -1877,7 +1861,7 @@ const dn = {
   "data-qa": "dt-combobox-empty-list"
 };
 function un(e, s, t, o, n, i) {
-  const r = f("dt-list-item");
+  const r = p("dt-list-item");
   return a(), l("ol", cn, [
     d(e.$slots, "default", {}, () => [
       m(r, {
@@ -2170,9 +2154,9 @@ const ts = /* @__PURE__ */ v(dn, [["render", un]]), ss = {
       empty message.`);
     }
   }
-}, 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");
+}, 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");
   return a(), l("div", {
     onKeydown: [
       s[3] || (s[3] = V(W((u) => i.onKeyValidation(u, "onEscapeKey"), ["stop"]), ["esc"])),
@@ -2183,7 +2167,7 @@ function pn(e, s, t, o, n, i) {
       s[8] || (s[8] = V(W((u) => i.onKeyValidation(u, "onEndKey"), ["stop", "prevent"]), ["end"]))
     ]
   }, [
-    _("div", fn, [
+    _("div", pn, [
       d(e.$slots, "input", { inputProps: i.inputProps })
     ]),
     t.showList ? (a(), l("div", {
@@ -2208,10 +2192,10 @@ function pn(e, s, t, o, n, i) {
         opened: i.onOpen,
         clearHighlightIndex: i.clearHighlightIndex
       })
-    ], 544)) : p("", !0)
+    ], 544)) : f("", !0)
   ], 32);
 }
-const mn = /* @__PURE__ */ v(hn, [["render", pn]]);
+const mn = /* @__PURE__ */ v(hn, [["render", fn]]);
 const gn = {
   name: "DtCollapsibleLazyShow",
   inheritAttrs: !1,
@@ -2339,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 }) : p("", !0)
+          n.initialized ? d(e.$slots, "default", { key: 0 }) : f("", !0)
         ]),
         _: 3
       }, 16)), [
@@ -2503,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 = f("dt-icon"), h = f("dt-button"), u = f("dt-collapsible-lazy-show");
+  const r = p("dt-icon"), h = p("dt-button"), u = p("dt-collapsible-lazy-show");
   return a(), S(X(t.elementType), C({ ref: "collapsible" }, M(i.collapsibleListeners)), {
     default: c(() => [
       _("div", {
@@ -2650,7 +2634,7 @@ const Zr = /* @__PURE__ */ v(yn, [["render", Cn]]), Bt = {
   }
 };
 function Ln(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-button");
+  const r = p("dt-icon"), h = p("dt-button");
   return a(), l("div", {
     "data-qa": "dt-popover-header-footer",
     class: y({
@@ -2664,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)) : p("", !0),
+    ], 2)) : f("", !0),
     t.showCloseButton ? (a(), S(h, C({
       key: 1,
       ref: "popover__close-button",
@@ -2683,7 +2667,7 @@ function Ln(e, s, t, o, n, i) {
         })
       ]),
       _: 1
-    }, 16)) : p("", !0)
+    }, 16)) : f("", !0)
   ], 2);
 }
 const Tn = /* @__PURE__ */ v(On, [["render", Ln]]);
@@ -3277,7 +3261,7 @@ const An = {
   }
 }, Dn = ["aria-hidden"], xn = ["id", "tabindex"];
 function Pn(e, s, t, o, n, i) {
-  const r = f("popover-header-footer"), h = f("sr-only-close-button"), u = f("dt-lazy-show");
+  const r = p("popover-header-footer"), h = p("sr-only-close-button"), u = p("dt-lazy-show");
   return a(), l("div", null, [
     t.modal && n.isOpen ? (a(), S(jt, {
       key: 0,
@@ -3289,7 +3273,7 @@ function Pn(e, s, t, o, n, i) {
         onClick: s[0] || (s[0] = W(() => {
         }, ["prevent", "stop"]))
       }, null, 8, Dn)
-    ])) : p("", !0),
+    ])) : f("", !0),
     (a(), S(X(t.elementType), {
       ref: "popover",
       class: y(["d-popover", { "d-popover__anchor--opened": n.isOpen }]),
@@ -3354,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"])) : p("", !0),
+            }, 8, ["class", "content-class", "show-close-button", "close-button-props", "onClose"])) : f("", !0),
             _("div", {
               ref: "popover__content",
               "data-qa": "dt-popover-content",
@@ -3377,12 +3361,12 @@ function Pn(e, s, t, o, n, i) {
                 d(e.$slots, "footerContent", { close: i.closePopover })
               ]),
               _: 3
-            }, 8, ["class", "content-class"])) : p("", !0),
+            }, 8, ["class", "content-class"])) : f("", !0),
             e.showVisuallyHiddenClose ? (a(), S(h, {
               key: 2,
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: i.closePopover
-            }, null, 8, ["visually-hidden-close-label", "onClose"])) : p("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !0)
           ]),
           _: 3
         }, 16, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "appear", "class", "style", "css", "tabindex"])
@@ -3735,7 +3719,7 @@ const Rn = {
   }
 }, Bn = ["id"];
 function $n(e, s, t, o, n, i) {
-  const r = f("sr-only-close-button"), h = f("dt-popover");
+  const r = p("sr-only-close-button"), h = p("dt-popover");
   return a(), S(h, C({
     ref: "popover",
     "content-width": t.contentWidth,
@@ -3773,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"])) : p("", !0)
+        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : f("", !0)
       ], 42, Bn)
     ]),
     _: 3
@@ -3924,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 = f("dt-button"), h = f("dt-icon");
+  const r = p("dt-button"), h = p("dt-icon");
   return a(), l("div", null, [
     m(r, {
       "data-qa": "dt-image-viewer-preview",
@@ -3984,12 +3968,12 @@ function Gn(e, s, t, o, n, i) {
                 })
               ]),
               _: 1
-            }, 8, ["aria-label", "onClick"])) : p("", !0)
+            }, 8, ["aria-label", "onClick"])) : f("", !0)
           ]),
           _: 1
         })
       ], 16, Fn)
-    ])) : p("", !0)
+    ])) : f("", !0)
   ]);
 }
 const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
@@ -4189,7 +4173,7 @@ const Qr = /* @__PURE__ */ v(Vn, [["render", Gn]]), Wn = {
   }
 }, Zn = ["data-qa"], Yn = ["data-qa"];
 function Qn(e, s, t, o, n, i) {
-  const r = f("dt-validation-messages");
+  const r = p("dt-validation-messages");
   return a(), l("fieldset", { "data-qa": t.dataQaGroup }, [
     n.hasSlotContent(e.$slots.legend) || e.legend ? (a(), l("legend", C({
       key: 0,
@@ -4198,7 +4182,7 @@ function Qn(e, s, t, o, n, i) {
       d(e.$slots, "legend", {}, () => [
         x(I(e.legend), 1)
       ])
-    ], 16, Yn)) : p("", !0),
+    ], 16, Yn)) : f("", !0),
     d(e.$slots, "default"),
     m(r, C({
       "validation-messages": e.formattedMessages,
@@ -4333,7 +4317,7 @@ const ns = /* @__PURE__ */ v(Un, [["render", Qn]]), $t = {
   }
 };
 function Jn(e, s, t, o, n, i) {
-  const r = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
+  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
   return a(), l("aside", {
     class: y(i.noticeClass),
     "data-qa": "notice"
@@ -4631,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 = f("dt-icon"), h = f("dt-button"), u = f("sr-only-close-button"), g = f("dt-lazy-show");
+  const r = p("dt-icon"), h = p("dt-button"), u = p("sr-only-close-button"), g = p("dt-lazy-show");
   return a(), S(g, C({
     transition: "d-zoom",
     show: t.show,
@@ -4657,7 +4641,7 @@ function aa(e, s, t, o, n, i) {
         d(e.$slots, "banner", {}, () => [
           x(I(t.bannerTitle), 1)
         ])
-      ], 2)) : p("", !0),
+      ], 2)) : f("", !0),
       m(We, {
         appear: "",
         name: "d-modal__dialog"
@@ -4706,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")
-            ])) : p("", !0),
-            t.hideClose ? p("", !0) : (a(), S(h, C({
+            ])) : f("", !0),
+            t.hideClose ? f("", !0) : (a(), S(h, C({
               key: 5,
               class: "d-modal__close",
               circle: "",
@@ -4727,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"])) : p("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : f("", !0)
           ], 10, ta), [
             [Ce, t.show]
           ])
@@ -4816,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 = f("vnodes"), h = f("dt-button");
+  const r = p("vnodes"), h = p("dt-button");
   return a(), l("div", {
     id: t.id,
     role: "group",
@@ -4835,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)) : p("", !0),
+    }, I(t.header), 9, ra)) : f("", !0),
     !i.isCollapsible || n.showAll ? (a(), l("ol", {
       key: 1,
       id: `${t.id}-list-section-content`
@@ -4859,12 +4843,12 @@ function ha(e, s, t, o, n, i) {
           x(I(i.showMoreLessText), 1)
         ]),
         _: 1
-      }, 8, ["id", "onClick"])) : p("", !0),
+      }, 8, ["id", "onClick"])) : f("", !0),
       d(e.$slots, "footer")
     ])
   ], 10, la);
 }
-const ed = /* @__PURE__ */ v(oa, [["render", ha]]), fa = {
+const ed = /* @__PURE__ */ v(oa, [["render", ha]]), pa = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -4898,7 +4882,7 @@ const ed = /* @__PURE__ */ v(oa, [["render", ha]]), fa = {
       default: ""
     }
   }
-}, pa = ["id", "aria-labelledby"], ma = ["id"];
+}, fa = ["id", "aria-labelledby"], ma = ["id"];
 function ga(e, s, t, o, n, i) {
   return a(), l("ul", {
     id: t.id,
@@ -4917,11 +4901,11 @@ function ga(e, s, t, o, n, i) {
       d(e.$slots, "headingSlot", {}, () => [
         x(I(t.heading), 1)
       ])
-    ], 10, ma)) : p("", !0),
+    ], 10, ma)) : f("", !0),
     d(e.$slots, "default")
-  ], 10, pa);
+  ], 10, fa);
 }
-const td = /* @__PURE__ */ v(fa, [["render", ga]]), _a = {
+const td = /* @__PURE__ */ v(pa, [["render", ga]]), _a = {
   name: "DtPagination",
   components: {
     DtButton: K,
@@ -5033,7 +5017,7 @@ const td = /* @__PURE__ */ v(fa, [["render", ga]]), _a = {
   "data-qa": "dt-pagination-separator"
 };
 function va(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-button");
+  const r = p("dt-icon"), h = p("dt-button");
   return a(), l("nav", {
     "aria-label": t.ariaLabel,
     class: "d-d-flex d-fd-row d-gg4 d-ai-center"
@@ -5198,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 = f("dt-validation-messages");
+  const r = p("dt-validation-messages");
   return a(), l("label", null, [
     _("div", {
       class: y(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
@@ -5226,7 +5210,7 @@ function Ea(e, s, t, o, n, i) {
           d(e.$slots, "description", {}, () => [
             x(I(e.description), 1)
           ])
-        ], 16)) : p("", !0),
+        ], 16)) : f("", !0),
         m(r, C({
           "validation-messages": e.formattedMessages,
           "show-messages": e.showMessages,
@@ -5485,7 +5469,7 @@ const ad = /* @__PURE__ */ v(Oa, [["render", Ta]]), Aa = {
   "data-qa": "checkbox-label-description-container"
 };
 function Ba(e, s, t, o, n, i) {
-  const r = f("dt-validation-messages");
+  const r = p("dt-validation-messages");
   return a(), l("label", null, [
     _("div", {
       class: y(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
@@ -5508,7 +5492,7 @@ function Ba(e, s, t, o, n, i) {
           d(e.$slots, "default", {}, () => [
             x(I(e.label), 1)
           ])
-        ], 16)) : p("", !0),
+        ], 16)) : f("", !0),
         i.hasDescription ? (a(), l("div", C({
           key: 1,
           class: ["d-description", e.descriptionClass]
@@ -5516,13 +5500,13 @@ function Ba(e, s, t, o, n, i) {
           d(e.$slots, "description", {}, () => [
             x(I(e.description), 1)
           ])
-        ], 16)) : p("", !0),
+        ], 16)) : f("", !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"])
-      ])) : p("", !0)
+      ])) : f("", !0)
     ], 2)
   ]);
 }
@@ -5776,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 = f("dt-icon"), h = f("dt-button");
+  const r = p("dt-icon"), h = p("dt-button");
   return a(), l("span", Ma, [
     (a(), S(X(t.interactive ? "button" : "span"), C({
       id: t.id,
@@ -5791,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")
-        ])) : p("", !0),
+        ])) : f("", !0),
         n.hasSlotContent(e.$slots.default) ? (a(), l("span", {
           key: 2,
           id: `${t.id}-content`,
@@ -5799,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)) : p("", !0)
+        ], 10, qa)) : f("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
-    t.hideClose ? p("", !0) : (a(), S(h, C({ key: 0 }, t.closeButtonProps, {
+    t.hideClose ? f("", !0) : (a(), S(h, C({ key: 0 }, t.closeButtonProps, {
       class: i.chipCloseButtonClasses(),
       "data-qa": "dt-chip-close",
       "aria-label": t.closeButtonProps.ariaLabel,
@@ -6000,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 = f("dt-validation-messages");
+  const r = p("dt-validation-messages");
   return a(), l("div", null, [
     _("label", null, [
       n.hasSlotContent(e.$slots.label) || t.label ? (a(), l("div", C({
@@ -6015,7 +5999,7 @@ function eo(e, s, t, o, n, i) {
         d(e.$slots, "label", {}, () => [
           x(I(t.label), 1)
         ])
-      ], 16, Ya)) : p("", !0),
+      ], 16, Ya)) : f("", !0),
       n.hasSlotContent(e.$slots.description) || t.description ? (a(), l("div", C({
         key: 1,
         id: i.descriptionKey,
@@ -6028,7 +6012,7 @@ function eo(e, s, t, o, n, i) {
         d(e.$slots, "description", {}, () => [
           x(I(t.description), 1)
         ])
-      ], 16, Qa)) : p("", !0),
+      ], 16, Qa)) : f("", !0),
       _("div", {
         class: y([
           "d-select",
@@ -6235,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 = f("dt-notice-icon"), h = f("dt-notice-content"), u = f("dt-notice-action");
+  const r = p("dt-notice-icon"), h = p("dt-notice-content"), u = p("dt-notice-action");
   return n.isShown ? (a(), l("div", {
     key: 0,
     class: y([
@@ -6282,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)) : p("", !0);
+  ], 10, io)) : f("", !0);
 }
 const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
   sm: "d-toggle--small",
@@ -6433,7 +6417,7 @@ const dd = /* @__PURE__ */ v(so, [["render", ao]]), qt = {
   key: 0,
   class: "d-toggle__inner"
 };
-function fo(e, s, t, o, n, i) {
+function po(e, s, t, o, n, i) {
   return a(), l("div", ro, [
     n.hasSlotContent(e.$slots.default) ? (a(), l("label", C({
       key: 0,
@@ -6441,7 +6425,7 @@ function fo(e, s, t, o, n, i) {
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       d(e.$slots, "default")
-    ], 16, co)) : p("", !0),
+    ], 16, co)) : f("", !0),
     _("button", C({
       id: t.id,
       role: i.toggleRole,
@@ -6451,18 +6435,18 @@ function fo(e, s, t, o, n, i) {
       "aria-disabled": t.disabled.toString(),
       class: i.toggleClasses
     }, i.inputListeners), [
-      t.showIcon ? (a(), l("span", ho)) : p("", !0)
+      t.showIcon ? (a(), l("span", ho)) : f("", !0)
     ], 16, uo)
   ]);
 }
-const cd = /* @__PURE__ */ v(lo, [["render", fo]]), ye = {
+const cd = /* @__PURE__ */ v(lo, [["render", po]]), ye = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
   "{arrow-up}": "arrow-up",
   "{arrow-down}": "arrow-down",
   "{cmd}": "command"
-}, po = {
+}, fo = {
   "{plus}": "plus"
 }, ud = Object.keys(ye), mo = {
   name: "DtKeyboardShortcut",
@@ -6502,7 +6486,7 @@ const cd = /* @__PURE__ */ v(lo, [["render", fo]]), ye = {
   },
   computed: {
     icons() {
-      return { ...ye, ...po };
+      return { ...ye, ...fo };
     },
     shortcutWithSeparator() {
       return this.shortcut.replace(this.separator, "{plus}");
@@ -6521,7 +6505,7 @@ const cd = /* @__PURE__ */ v(lo, [["render", fo]]), ye = {
   class: "sr-only"
 }, _o = ["innerHTML"];
 function bo(e, s, t, o, n, i) {
-  const r = f("dt-icon");
+  const r = p("dt-icon");
   return a(), l("kbd", {
     class: y([
       "d-d-inline-flex",
@@ -6536,7 +6520,7 @@ function bo(e, s, t, o, n, i) {
       t.inverted ? "d-bc-inverted-moderate" : "d-bc-default"
     ])
   }, [
-    t.screenReaderText ? (a(), l("span", go, I(t.screenReaderText), 1)) : p("", !0),
+    t.screenReaderText ? (a(), l("span", go, I(t.screenReaderText), 1)) : f("", !0),
     (a(!0), l(Y, null, ee(i.formattedShortcutSplit, (h, u) => (a(), l(Y, null, [
       i.icons[h] ? (a(), S(r, {
         key: `${u}-${h}`,
@@ -6640,7 +6624,7 @@ function So(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-sidebar"
     }, [
       d(e.$slots, "sidebar")
-    ], 6)) : p("", !0),
+    ], 6)) : f("", !0),
     n.hasSlotContent(e.$slots.content) ? (a(), l("main", {
       key: 1,
       ref: "root-layout-content",
@@ -6649,7 +6633,7 @@ function So(e, s, t, o, n, i) {
       tabindex: "0"
     }, [
       d(e.$slots, "content")
-    ], 2)) : p("", !0)
+    ], 2)) : f("", !0)
   ], 2);
 }
 const Co = /* @__PURE__ */ v(vo, [["render", So]]), Io = {
@@ -6767,7 +6751,7 @@ const Co = /* @__PURE__ */ v(vo, [["render", So]]), Io = {
   }
 };
 function wo(e, s, t, o, n, i) {
-  const r = f("dt-root-layout-body");
+  const r = p("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"
@@ -6779,7 +6763,7 @@ function wo(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-header"
     }, [
       d(e.$slots, "header")
-    ], 6)) : p("", !0),
+    ], 6)) : f("", !0),
     m(r, {
       "body-class": t.bodyClass,
       "content-class": t.contentClass,
@@ -6812,10 +6796,10 @@ function wo(e, s, t, o, n, i) {
       "data-qa": "dt-root-layout-footer"
     }, [
       d(e.$slots, "footer")
-    ], 6)) : p("", !0)
+    ], 6)) : f("", !0)
   ], 2);
 }
-const fd = /* @__PURE__ */ v(Io, [["render", wo]]), ue = {
+const pd = /* @__PURE__ */ v(Io, [["render", wo]]), ue = {
   default: "column",
   column: "column",
   row: "row",
@@ -6924,7 +6908,7 @@ function Do(e, s, t, o, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const pd = /* @__PURE__ */ v(Ao, [["render", Do]]);
+const fd = /* @__PURE__ */ v(Ao, [["render", Do]]);
 const rs = {
   __name: "core_scroller",
   props: {
@@ -7019,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 = 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 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 qe = Re(() => {
       if (o.itemSize === null) {
         const O = {
@@ -7029,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 fe = q, O;
+        return pe = q, O;
       }
       return [];
-    }), hs = Re(() => o.items.length && typeof o.items[0] != "object"), fs = Re(() => {
+    }), hs = Re(() => o.items.length && typeof o.items[0] != "object"), ps = Re(() => {
       const O = {};
       for (let A = 0, k = o.items.length; A < k; A++)
         O[o.items[A][o.keyField]] = A;
@@ -7062,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);
-    }, ps = () => {
+    }, fs = () => {
       const O = o.direction === "vertical";
       let A;
       return O ? A = {
@@ -7080,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 = fe, q = hs.value ? null : o.keyField, ne = o.items, D = ne.length, j = qe.value, ge = n, ft = i, Ae = r, vs = fs;
+      const k = o.itemSize, Q = pe, q = hs.value ? null : o.keyField, ne = o.items, D = ne.length, j = qe.value, ge = n, pt = i, Ae = r, vs = ps;
       let G, N, De, te, ae;
       if (!D)
         G = N = te = ae = De = 0;
       else {
-        const T = ps();
+        const T = fs();
         if (A) {
           let R = T.start - de.value;
           if (R < 0 && (R = -R), k === null && R < Q.value || R < k)
@@ -7118,7 +7102,7 @@ const rs = {
       if (xe)
         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();
+      const ft = xe ? null : /* @__PURE__ */ new Map();
       let se, oe, Pe;
       for (let T = G; T < N; T++) {
         se = ne[T];
@@ -7130,9 +7114,9 @@ const rs = {
           continue;
         }
         oe = se.type;
-        let R = ft.get(oe);
+        let R = pt.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);
+          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);
         else if (!E.nr.used && (E.nr.used = !0, R)) {
           const _e = R.indexOf(E);
           _e !== -1 && R.splice(_e, 1);
@@ -7493,7 +7477,7 @@ const rs = {
   }
 };
 function Ro(e, s, t, o, n, i) {
-  const r = f("dt-scroller-item"), h = f("core-scroller");
+  const r = p("dt-scroller-item"), h = p("core-scroller");
   return a(), S(h, C({
     ref: "scroller",
     items: i.itemsWithSize,
@@ -7629,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 = pe(null), i = Re(() => ({
+    const n = fe(null), i = Re(() => ({
       width: typeof o.scrollerWidth == "number" ? `${o.scrollerWidth}px` : o.scrollerWidth,
       height: typeof o.scrollerHeight == "number" ? `${o.scrollerHeight}px` : o.scrollerHeight
     }));
@@ -7964,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 = f("combobox-loading-list"), h = f("combobox-empty-list"), u = f("dt-popover"), g = f("dt-combobox");
+  const r = p("combobox-loading-list"), h = p("combobox-empty-list"), u = p("dt-popover"), g = p("dt-combobox");
   return a(), S(g, C({
     ref: "combobox",
     loading: t.loading,
@@ -8434,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 = f("dt-chip"), h = f("dt-input"), u = f("dt-validation-messages"), g = f("dt-recipe-combobox-with-popover");
+  const r = p("dt-chip"), h = p("dt-input"), u = p("dt-validation-messages"), g = p("dt-recipe-combobox-with-popover");
   return a(), S(g, {
     ref: "comboboxWithPopover",
     label: t.label,
@@ -8650,7 +8634,7 @@ const Jo = {
   }
 };
 function el(e, s, t, o, n, i) {
-  const r = f("dt-button"), h = f("dt-tooltip");
+  const r = p("dt-button"), h = p("dt-tooltip");
   return a(), S(h, {
     id: t.id,
     offset: [0, 8]
@@ -8868,7 +8852,7 @@ const sl = {
   }
 }, il = { class: "d-d-flex d-ai-center" };
 function nl(e, s, t, o, n, i) {
-  const r = f("dt-recipe-callbar-button"), h = f("dt-icon"), u = f("dt-button"), g = f("dt-popover");
+  const r = p("dt-recipe-callbar-button"), h = p("dt-icon"), u = p("dt-button"), g = p("dt-popover");
   return a(), l("div", il, [
     m(r, {
       "aria-label": t.ariaLabel,
@@ -8935,7 +8919,7 @@ 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"])) : p("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "onOpened"])) : f("", !0)
   ]);
 }
 const _d = /* @__PURE__ */ v(sl, [["render", nl]]), al = {
@@ -9043,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" }, fl = { "data-qa": "contact-info-subtitle" }, pl = { "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" }, pl = { "data-qa": "contact-info-subtitle" }, fl = { "data-qa": "contact-info-bottom" }, ml = { "data-qa": "contact-info-right" };
 function gl(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-avatar"), u = f("dt-list-item");
+  const r = p("dt-icon"), h = p("dt-avatar"), u = p("dt-list-item");
   return a(), S(u, {
     id: t.id,
     role: t.role,
@@ -9101,7 +9085,7 @@ function gl(e, s, t, o, n, i) {
           ]),
           _: 1
         }, 8, ["size", "initials", "seed", "presence"]))
-      ])) : p("", !0)
+      ])) : f("", !0)
     ]),
     default: c(() => [
       _("div", hl, [
@@ -9109,12 +9093,12 @@ function gl(e, s, t, o, n, i) {
       ])
     ]),
     subtitle: c(() => [
-      _("div", fl, [
+      _("div", pl, [
         d(e.$slots, "subtitle")
       ])
     ]),
     bottom: c(() => [
-      _("div", pl, [
+      _("div", fl, [
         d(e.$slots, "bottom")
       ])
     ]),
@@ -9310,19 +9294,19 @@ const kl = {
   "data-qa": "ivr-node-label"
 }, Ll = { class: "d-w164" };
 function Tl(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-button"), u = f("dt-dropdown"), g = f("dt-card");
+  const r = p("dt-icon"), h = p("dt-button"), u = p("dt-dropdown"), g = p("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)) : p("", !0),
-    e.$slots.connector ? d(e.$slots, "connector", { key: 1 }) : p("", !0),
+    }, I(t.dtmfKey), 3)) : f("", !0),
+    e.$slots.connector ? d(e.$slots, "connector", { key: 1 }) : f("", !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)) : p("", !0),
+    }, null, 2)) : f("", !0),
     m(g, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
       "container-class": [
@@ -9422,7 +9406,7 @@ const Al = {
   "data-qa": "right-grouped-chip-content"
 };
 function $l(e, s, t, o, n, i) {
-  const r = f("dt-chip");
+  const r = p("dt-chip");
   return a(), l("div", Dl, [
     m(r, {
       "hide-close": !0,
@@ -9435,7 +9419,7 @@ function $l(e, s, t, o, n, i) {
       default: c(() => [
         n.hasSlotContent(e.$slots.leftContent) ? (a(), l("div", Pl, [
           d(e.$slots, "leftContent")
-        ])) : p("", !0)
+        ])) : f("", !0)
       ]),
       _: 2
     }, [
@@ -9444,7 +9428,7 @@ function $l(e, s, t, o, n, i) {
         fn: c(() => [
           n.hasSlotContent(e.$slots.leftIcon) ? (a(), l("div", xl, [
             d(e.$slots, "leftIcon")
-          ])) : p("", !0)
+          ])) : f("", !0)
         ]),
         key: "0"
       } : void 0
@@ -9460,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")
-        ])) : p("", !0)
+        ])) : f("", !0)
       ]),
       default: c(() => [
         n.hasSlotContent(e.$slots.rightContent) ? (a(), l("div", Bl, [
           d(e.$slots, "rightContent")
-        ])) : p("", !0)
+        ])) : f("", !0)
       ]),
       _: 3
     })
@@ -9499,7 +9483,7 @@ const Nl = {
   }
 };
 function zl(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-button");
+  const r = p("dt-icon"), h = p("dt-button");
   return t.updateAvailable ? (a(), S(h, C({
     key: 0,
     importance: "outlined",
@@ -9638,7 +9622,7 @@ const Wl = /* @__PURE__ */ v(ql, [["render", Gl]]), Ul = {
   }
 };
 function Zl(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("icon-dialbot");
+  const r = p("dt-icon"), h = p("icon-dialbot");
   return i.isIconType ? (a(), S(r, {
     key: 0,
     name: i.getIconName,
@@ -9652,7 +9636,7 @@ function Zl(e, s, t, o, n, i) {
     "data-qa": "general-row-dialbot"
   }, [
     m(h, { class: "d-svg--size24" })
-  ], 2)) : p("", !0);
+  ], 2)) : f("", !0);
 }
 const Yl = /* @__PURE__ */ v(Ul, [["render", Zl]]);
 const Ql = {
@@ -9864,7 +9848,7 @@ const Ql = {
   "data-qa": "dt-leftbar-row-action"
 };
 function cr(e, s, t, o, n, i) {
-  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");
+  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");
   return a(), l("div", {
     class: y(i.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
@@ -9909,7 +9893,7 @@ function cr(e, s, t, o, n, i) {
             _("div", lr, I(t.dndText), 1)
           ]),
           _: 1
-        }, 8, ["message"])) : p("", !0),
+        }, 8, ["message"])) : f("", !0),
         t.activeVoiceChat ? (a(), l("div", rr, [
           m(g, {
             size: "300",
@@ -9933,7 +9917,7 @@ function cr(e, s, t, o, n, i) {
             })
           ]),
           _: 1
-        }, 8, ["message"])) : p("", !0)
+        }, 8, ["message"])) : f("", !0)
       ])
     ], 16, Xl),
     t.hasCallButton ? (a(), l("div", dr, [
@@ -9965,7 +9949,7 @@ function cr(e, s, t, o, n, i) {
         ]),
         _: 1
       }, 8, ["message"])
-    ])) : p("", !0)
+    ])) : f("", !0)
   ], 2);
 }
 const cs = /* @__PURE__ */ v(Ql, [["render", cr]]), ur = {
@@ -10038,7 +10022,7 @@ const cs = /* @__PURE__ */ v(Ql, [["render", cr]]), ur = {
   ]
 };
 function hr(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-recipe-general-row");
+  const r = p("dt-icon"), h = p("dt-recipe-general-row");
   return a(), S(h, C({
     description: t.names,
     "aria-label": `${t.groupCountText} ${t.names}`,
@@ -10057,7 +10041,7 @@ 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]]), fr = {
+const wd = /* @__PURE__ */ v(ur, [["render", hr]]), pr = {
   name: "DtRecipeGroupRow",
   components: {
     DtAvatar: Je,
@@ -10209,9 +10193,9 @@ const wd = /* @__PURE__ */ v(ur, [["render", hr]]), fr = {
       return ((e = this.name) == null ? void 0 : e[0]) ?? "";
     }
   }
-}, pr = ["src"], mr = { class: "dt-leftbar-row__status" };
+}, fr = ["src"], mr = { class: "dt-leftbar-row__status" };
 function gr(e, s, t, o, n, i) {
-  const r = f("dt-icon"), h = f("dt-avatar"), u = f("dt-emoji-text-wrapper"), g = f("dt-recipe-general-row");
+  const r = p("dt-icon"), h = p("dt-avatar"), u = p("dt-emoji-text-wrapper"), g = p("dt-recipe-general-row");
   return a(), S(g, C({
     "unread-count": t.unreadCount,
     description: `${t.name} ${t.presenceText} ${t.userStatus}`,
@@ -10237,7 +10221,7 @@ function gr(e, s, t, o, n, i) {
             "data-qa": "dt-avatar-image",
             src: t.avatarSrc,
             alt: ""
-          }, null, 8, pr)) : t.noInitials ? (a(), S(r, {
+          }, null, 8, fr)) : t.noInitials ? (a(), S(r, {
             key: 1,
             name: "user",
             size: "200"
@@ -10264,7 +10248,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)) : p("", !0),
+        }, I(t.presenceText), 3)) : f("", !0),
         t.userStatus ? (a(), S(u, {
           key: 1,
           size: "100",
@@ -10276,13 +10260,13 @@ function gr(e, s, t, o, n, i) {
             x(I(t.userStatus), 1)
           ]),
           _: 1
-        })) : p("", !0)
+        })) : f("", !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(fr, [["render", gr]]), _r = ["up", "down"], br = ["mentions", "messages"];
+const kd = /* @__PURE__ */ v(pr, [["render", gr]]), _r = ["up", "down"], br = ["mentions", "messages"];
 const yr = {
   name: "DtRecipeUnreadPill",
   components: {
@@ -10326,7 +10310,7 @@ const yr = {
   }
 }, vr = { "data-qa": "dt-leftbar-unread-pill__label" };
 function Sr(e, s, t, o, n, i) {
-  const r = f("dt-icon");
+  const r = p("dt-icon");
   return a(), l("button", C({
     class: ["dt-leftbar-unread-pill", `dt-leftbar-unread-pill--${t.kind}`],
     type: "button",
@@ -10453,7 +10437,7 @@ const Cr = {
   class: "d-ps-absolute d-tn16 d-r12"
 };
 function Ar(e, s, t, o, n, i) {
-  const r = f("dt-avatar"), h = f("dt-lazy-show"), u = f("dt-list-item");
+  const r = p("dt-avatar"), h = p("dt-lazy-show"), u = p("dt-list-item");
   return a(), S(u, C({
     ref: "FeedItemRef",
     "navigation-type": "none"
@@ -10473,11 +10457,11 @@ function Ar(e, s, t, o, n, i) {
             "data-qa": "feed-item-row-avatar-img",
             alt: "",
             src: t.avatarImageUrl
-          }, null, 8, Ir)) : p("", !0)
+          }, null, 8, Ir)) : f("", !0)
         ]),
         _: 1
-      }, 8, ["initials"])) : p("", !0),
-      t.showHeader ? p("", !0) : Se((a(), l("div", {
+      }, 8, ["initials"])) : f("", !0),
+      t.showHeader ? f("", !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"
@@ -10512,7 +10496,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)
-        ])) : p("", !0),
+        ])) : f("", !0),
         _("span", Or, [
           d(e.$slots, "default")
         ])
@@ -10594,7 +10578,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 = f("dt-emoji-text-wrapper"), h = f("dt-emoji"), u = f("dt-button"), g = f("dt-tooltip");
+  const r = p("dt-emoji-text-wrapper"), h = p("dt-emoji"), u = p("dt-button"), g = p("dt-tooltip");
   return a(), l("span", $r, [
     (a(!0), l(Y, null, ee(t.reactions, (w) => (a(), l("span", {
       key: w.unicodeOutput,
@@ -10721,7 +10705,7 @@ export {
   Ld as DtRecipeTimePill,
   yd as DtRecipeTopBannerInfo,
   Ed as DtRecipeUnreadPill,
-  fd as DtRootLayout,
+  pd as DtRootLayout,
   md as DtScroller,
   rd as DtSelectMenu,
   Ps as DtSkeleton,
@@ -10729,7 +10713,7 @@ export {
   Bd as DtSkeletonParagraph,
   $d as DtSkeletonShape,
   Nd as DtSkeletonText,
-  pd as DtStack,
+  fd as DtStack,
   zd as DtTab,
   Md as DtTabGroup,
   ad as DtTabPanel,
@@ -10775,7 +10759,7 @@ export {
   Ka as SELECT_STATE_MODIFIERS,
   ud as SHORTCUTS_ALIASES_LIST,
   ye as SHORTCUTS_ICON_ALIASES,
-  po as SHORTCUTS_ICON_SEPARATOR,
+  fo as SHORTCUTS_ICON_SEPARATOR,
   Fd as SKELETON_HEADING_HEIGHTS,
   Kd as SKELETON_RIPPLE_DURATION,
   jd as SKELETON_SHAPES,