@dialpad/dialtone 9.20.0 → 9.21.1

package/dist/vue3/dialtone-vue.js

@@ -1,11 +1,11 @@
-import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, g as Qe, h as gt, i as Wa, a as Sn, R as wn, b as Cn } from "./rich_text_editor-PlDAAo2K.js";
-import { n as Mh, o as xh, m as Bh, j as Ph, k as Rh, l as $h, A as Nh, s as Fh, t as qh, q as zh, p as Hh, P as Vh, r as Wh } from "./rich_text_editor-PlDAAo2K.js";
-import { w as V, t as j, F as kn, M as In, G as Tn, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Dn } from "./emoji-ifbDMGtx.js";
-import { W as jh, S as Kh, R as Yh, Q as Gh, T as Qh, a1 as Xh, a4 as Zh, a3 as Jh, a2 as ef, z as tf, y as af, U as nf, I as sf, Y as rf, X as of, V as lf, C as df, L as cf, a9 as uf, a5 as hf, a6 as ff, a8 as mf, a7 as pf, a0 as gf, $ as bf, Z as vf, _ as yf } from "./emoji-ifbDMGtx.js";
-import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as q, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as qe, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as bt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as On, warn as vt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as Ln, shallowReactive as En, h as An, provide as Mn, createSlots as yt, pushScopeId as xn, popScopeId as Bn } from "vue";
-import { _ as I, h as ae, u as Me, g as re, e as qt, v as at, m as _t, E as X, T as va, w as Pn, i as Rn, b as ya, a as Mt, L as $n, x as Nn, D as _e, j as Fn, y as zt, z as qn } from "./tooltip-FcHJcgMd.js";
-import { A as Sf, c as wf, B as Cf, n as kf, l as If, P as Tf, k as Df, G as Of, C as Lf, F as Ef, V as Af, f as Mf } from "./tooltip-FcHJcgMd.js";
-import { _ as Ht } from "./emoji_text_wrapper-vQeoLfQ4.js";
+import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, g as Qe, h as gt, i as Wa, a as Sn, R as wn, b as Cn } from "./rich_text_editor-_wxi33hv.js";
+import { n as Mh, o as xh, m as Bh, j as Ph, k as Rh, l as $h, A as Nh, s as Fh, t as qh, q as zh, p as Hh, P as Vh, r as Wh } from "./rich_text_editor-_wxi33hv.js";
+import { w as V, t as j, F as kn, M as In, G as Tn, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Dn } from "./emoji-VxFu3PHn.js";
+import { W as jh, S as Kh, R as Yh, Q as Gh, T as Qh, a1 as Xh, a4 as Zh, a3 as Jh, a2 as ef, z as tf, y as af, U as nf, I as sf, Y as rf, X as of, V as lf, C as df, L as cf, a9 as uf, a5 as hf, a6 as ff, a8 as mf, a7 as pf, a0 as gf, $ as bf, Z as vf, _ as yf } from "./emoji-VxFu3PHn.js";
+import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as S, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as q, toDisplayString as M, createBlock as I, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as qe, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as bt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as On, warn as vt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as Ln, shallowReactive as En, h as An, provide as Mn, createSlots as yt, pushScopeId as xn, popScopeId as Bn } from "vue";
+import { _ as T, h as ae, u as Me, g as re, e as qt, v as at, m as _t, E as X, T as va, w as Pn, i as Rn, b as ya, a as Mt, L as $n, x as Nn, D as _e, j as Fn, y as zt, z as qn } from "./tooltip-S6S4up2q.js";
+import { A as Sf, c as wf, B as Cf, n as kf, l as If, P as Tf, k as Df, G as Of, C as Lf, F as Ef, V as Af, f as Mf } from "./tooltip-S6S4up2q.js";
+import { _ as Ht } from "./emoji_text_wrapper-NMuqIG_X.js";
 const _a = {
   default: "",
   info: "d-badge--info",
@@ -161,13 +161,13 @@ function Un(e, a, t, i, s, n) {
     ]),
     "data-qa": "dt-badge"
   }, [
-    t.decoration ? (d(), u("span", Hn)) : w("", !0),
+    t.decoration ? (d(), u("span", Hn)) : S("", !0),
     t.iconLeft || t.type === "ai" ? (d(), u("span", Vn, [
       p(r, {
         name: t.iconLeft || "dialpad-ai",
         size: "200"
       }, null, 8, ["name"])
-    ])) : w("", !0),
+    ])) : S("", !0),
     b("span", {
       class: C(["d-badge__label", t.labelClass])
     }, [
@@ -180,10 +180,10 @@ function Un(e, a, t, i, s, n) {
         name: t.iconRight,
         size: "200"
       }, null, 8, ["name"])
-    ])) : w("", !0)
+    ])) : S("", !0)
   ], 2);
 }
-const Vt = /* @__PURE__ */ I(zn, [["render", Un]]), nt = ["base", "error", "info", "success", "warning"], jn = ["alert", "alertdialog", "status"], Kn = /* @__PURE__ */ new Map([
+const Vt = /* @__PURE__ */ T(zn, [["render", Un]]), nt = ["base", "error", "info", "success", "warning"], jn = ["alert", "alertdialog", "status"], Kn = /* @__PURE__ */ new Map([
   ["info", "info"],
   ["success", "check-circle"],
   ["warning", "alert-triangle"],
@@ -231,9 +231,9 @@ function Qn(e, a, t, i, s, n) {
         size: "400"
       }, null, 8, ["name"])
     ])
-  ])) : w("", !0);
+  ])) : S("", !0);
 }
-const Wt = /* @__PURE__ */ I(Yn, [["render", Qn]]), Xn = {
+const Wt = /* @__PURE__ */ T(Yn, [["render", Qn]]), Xn = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -280,7 +280,7 @@ function ti(e, a, t, i, s, n) {
       m(e.$slots, "titleOverride", {}, () => [
         q(M(t.title), 1)
       ])
-    ], 8, Jn)) : w("", !0),
+    ], 8, Jn)) : S("", !0),
     b("p", {
       id: t.contentId,
       class: "d-notice__message",
@@ -290,7 +290,7 @@ function ti(e, a, t, i, s, n) {
     ], 8, ei)
   ]);
 }
-const Ut = /* @__PURE__ */ I(Xn, [["render", ti]]), ai = {
+const Ut = /* @__PURE__ */ T(Xn, [["render", ti]]), ai = {
   name: "DtNoticeAction",
   components: {
     DtIcon: V,
@@ -313,6 +313,14 @@ const Ut = /* @__PURE__ */ I(Xn, [["render", ti]]), ai = {
     hideClose: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -345,9 +353,9 @@ const Ut = /* @__PURE__ */ I(Xn, [["render", ti]]), ai = {
 function ii(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-button"), o = g("sr-only-close-button");
   return d(), u("div", ni, [
-    m(e.$slots, "default"),
-    t.hideClose ? w("", !0) : (d(), D(l, A({
-      key: 0,
+    t.hideAction ? S("", !0) : m(e.$slots, "default", { key: 0 }),
+    t.hideClose ? S("", !0) : (d(), I(l, A({
+      key: 1,
       ref: "closeButton",
       "data-qa": "dt-notice-action-close-button",
       size: "sm",
@@ -363,14 +371,14 @@ function ii(e, a, t, i, s, n) {
       ]),
       _: 1
     }, 16, ["aria-label", "onClick"])),
-    e.showVisuallyHiddenClose ? (d(), D(o, {
-      key: 1,
+    e.showVisuallyHiddenClose ? (d(), I(o, {
+      key: 2,
       "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
       onClose: n.close
-    }, null, 8, ["visually-hidden-close-label", "onClose"])) : w("", !0)
+    }, null, 8, ["visually-hidden-close-label", "onClose"])) : S("", !0)
   ]);
 }
-const jt = /* @__PURE__ */ I(ai, [["render", ii]]), si = {
+const jt = /* @__PURE__ */ T(ai, [["render", ii]]), si = {
   name: "DtNotice",
   components: {
     DtNoticeIcon: Wt,
@@ -449,6 +457,22 @@ const jt = /* @__PURE__ */ I(ai, [["render", ii]]), si = {
     hideClose: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -488,12 +512,15 @@ function ri(e, a, t, i, s, n) {
     class: C(n.noticeClass),
     "data-qa": "notice"
   }, [
-    p(r, { kind: t.kind }, {
+    t.hideIcon ? S("", !0) : (d(), I(r, {
+      key: 0,
+      kind: t.kind
+    }, {
       default: c(() => [
         m(e.$slots, "icon")
       ]),
       _: 3
-    }, 8, ["kind"]),
+    }, 8, ["kind"])),
     p(l, {
       "title-id": t.titleId,
       "content-id": t.contentId,
@@ -509,6 +536,7 @@ function ri(e, a, t, i, s, n) {
       _: 3
     }, 8, ["title-id", "content-id", "title", "role"]),
     p(o, {
+      "hide-action": t.hideAction,
       "hide-close": t.hideClose,
       "close-button-props": t.closeButtonProps,
       "visually-hidden-close": e.visuallyHiddenClose,
@@ -519,10 +547,10 @@ function ri(e, a, t, i, s, n) {
         m(e.$slots, "action")
       ]),
       _: 3
-    }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+    }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
   ], 2);
 }
-const xu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
+const xu = /* @__PURE__ */ T(si, [["render", ri]]), oi = {
   name: "DtBanner",
   components: {
     DtNoticeIcon: Wt,
@@ -596,6 +624,7 @@ const xu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
     },
     /**
      * Hides the close button from the notice
+     * @values true, false
      */
     hideClose: {
       type: Boolean,
@@ -609,6 +638,14 @@ const xu = /* @__PURE__ */ I(si, [["render", ri]]), oi = {
       type: Boolean,
       default: !1
     },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Inner dialog class
      */
@@ -689,7 +726,7 @@ function di(e, a, t, i, s, n) {
       "aria-labelledby": t.titleId,
       "aria-describedby": t.contentId
     }, [
-      t.hideIcon ? w("", !0) : (d(), D(r, {
+      t.hideIcon ? S("", !0) : (d(), I(r, {
         key: 0,
         kind: t.kind
       }, {
@@ -712,6 +749,7 @@ function di(e, a, t, i, s, n) {
         _: 3
       }, 8, ["title-id", "content-id", "title"]),
       p(o, {
+        "hide-action": t.hideAction,
         "hide-close": t.hideClose,
         "close-button-props": t.closeButtonProps,
         "visually-hidden-close": e.visuallyHiddenClose,
@@ -722,11 +760,11 @@ function di(e, a, t, i, s, n) {
           m(e.$slots, "action")
         ]),
         _: 3
-      }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+      }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
     ], 10, li)
   ], 38);
 }
-const Bu = /* @__PURE__ */ I(oi, [["render", di]]), ci = "d-breadcrumbs__item--selected", ui = "d-breadcrumbs--inverted", hi = {
+const Bu = /* @__PURE__ */ T(oi, [["render", di]]), ci = "d-breadcrumbs__item--selected", ui = "d-breadcrumbs--inverted", hi = {
   name: "DtBreadcrumbItem",
   components: {
     DtLink: yn
@@ -792,7 +830,7 @@ function fi(e, a, t, i, s, n) {
     }, 16, ["kind", "aria-current"])
   ], 2);
 }
-const mi = /* @__PURE__ */ I(hi, [["render", fi]]), pi = {
+const mi = /* @__PURE__ */ T(hi, [["render", fi]]), pi = {
   name: "DtBreadcrumbs",
   components: {
     DtBreadcrumbItem: mi
@@ -847,7 +885,7 @@ function bi(e, a, t, i, s, n) {
   }, [
     b("ol", null, [
       m(e.$slots, "default", {}, () => [
-        (d(!0), u(Q, null, J(t.breadcrumbs, (l, o) => (d(), D(r, A({
+        (d(!0), u(Q, null, J(t.breadcrumbs, (l, o) => (d(), I(r, A({
           key: n.getBreadcrumbItemKey(o),
           inverted: t.inverted
         }, l), null, 16, ["inverted"]))), 128))
@@ -855,7 +893,7 @@ function bi(e, a, t, i, s, n) {
     ])
   ], 10, gi);
 }
-const Pu = /* @__PURE__ */ I(pi, [["render", bi]]), Ca = {
+const Pu = /* @__PURE__ */ T(pi, [["render", bi]]), Ca = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
@@ -888,7 +926,7 @@ function yi(e, a, t, i, s, n) {
     m(e.$slots, "default")
   ], 2);
 }
-const Ru = /* @__PURE__ */ I(vi, [["render", yi]]), _i = {
+const Ru = /* @__PURE__ */ T(vi, [["render", yi]]), _i = {
   name: "DtCard",
   props: {
     /**
@@ -950,7 +988,7 @@ function Si(e, a, t, i, s, n) {
       ])
     }, [
       m(e.$slots, "header")
-    ], 2)) : w("", !0),
+    ], 2)) : S("", !0),
     b("div", {
       class: C([
         "d-card__content",
@@ -968,10 +1006,10 @@ function Si(e, a, t, i, s, n) {
       ])
     }, [
       m(e.$slots, "footer")
-    ], 2)) : w("", !0)
+    ], 2)) : S("", !0)
   ], 2);
 }
-const wi = /* @__PURE__ */ I(_i, [["render", Si]]), Ci = {
+const wi = /* @__PURE__ */ T(_i, [["render", Si]]), Ci = {
   name: "DtCodeblock",
   props: {
     text: {
@@ -988,7 +1026,7 @@ function Ii(e, a, t, i, s, n) {
   `)
   ]);
 }
-const $u = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
+const $u = /* @__PURE__ */ T(Ci, [["render", Ii]]), Ti = {
   methods: {
     /**
      * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
@@ -1131,11 +1169,11 @@ const $u = /* @__PURE__ */ I(Ci, [["render", Ii]]), Ti = {
       this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
     onNavigationKey(f) {
-      const y = this._getListItemNodes(), _ = y.filter((T) => T.textContent.trim().toLowerCase().startsWith(f.toLowerCase()));
+      const y = this._getListItemNodes(), _ = y.filter((D) => D.textContent.trim().toLowerCase().startsWith(f.toLowerCase()));
       if (_.length <= 0)
         return;
-      const S = _.findIndex((T) => this[a] === y.indexOf(T)), N = y.indexOf(
-        S < _.length - 1 ? _[S + 1] : _[0]
+      const w = _.findIndex((D) => this[a] === y.indexOf(D)), N = y.indexOf(
+        w < _.length - 1 ? _[w + 1] : _[0]
       );
       this.setHighlightIndex(N), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
     },
@@ -1205,7 +1243,7 @@ function Ei(e, a, t, i, s, n) {
     }, 1024)), 64))
   ]);
 }
-const Za = /* @__PURE__ */ I(Oi, [["render", Ei]]), Ai = {
+const Za = /* @__PURE__ */ T(Oi, [["render", Ei]]), Ai = {
   name: "ComboboxEmptyList",
   components: { DtListItem: $t },
   props: {
@@ -1248,7 +1286,7 @@ function xi(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Ja = /* @__PURE__ */ I(Ai, [["render", xi]]), en = {
+const Ja = /* @__PURE__ */ T(Ai, [["render", xi]]), en = {
   EXTRA_SMALL: "xs",
   SMALL: "sm",
   DEFAULT: "md",
@@ -1548,7 +1586,7 @@ function Ri(e, a, t, i, s, n) {
       onFocusout: a[1] || (a[1] = (...o) => n.clearHighlightIndex && n.clearHighlightIndex(...o)),
       onMousemoveCapture: a[2] || (a[2] = (...o) => n.onMouseHighlight && n.onMouseHighlight(...o))
     }, [
-      t.loading && !t.listRenderedOutside ? (d(), D(r, qe(A({ key: 0 }, n.listProps)), null, 16)) : t.emptyList && (t.emptyStateMessage || s.hasSlotContent(e.$slots.emptyListItem)) && !t.listRenderedOutside ? (d(), D(l, A({ key: 1 }, n.listProps, {
+      t.loading && !t.listRenderedOutside ? (d(), I(r, qe(A({ key: 0 }, n.listProps)), null, 16)) : t.emptyList && (t.emptyStateMessage || s.hasSlotContent(e.$slots.emptyListItem)) && !t.listRenderedOutside ? (d(), I(l, A({ key: 1 }, n.listProps, {
         message: t.emptyStateMessage,
         "item-class": t.emptyStateClass
       }), {
@@ -1562,10 +1600,10 @@ function Ri(e, a, t, i, s, n) {
         opened: n.onOpen,
         clearHighlightIndex: n.clearHighlightIndex
       })
-    ], 544)) : w("", !0)
+    ], 544)) : S("", !0)
   ], 32);
 }
-const $i = /* @__PURE__ */ I(Bi, [["render", Ri]]), Ni = {
+const $i = /* @__PURE__ */ T(Bi, [["render", Ri]]), Ni = {
   name: "DtCollapsibleLazyShow",
   inheritAttrs: !1,
   /******************
@@ -1676,7 +1714,7 @@ const $i = /* @__PURE__ */ I(Bi, [["render", Ri]]), Ni = {
   }
 };
 function Fi(e, a, t, i, s, n) {
-  return d(), D(Ft, A({
+  return d(), I(Ft, A({
     appear: t.appear,
     "enter-active-class": "enter-active",
     "leave-active-class": "leave-active"
@@ -1690,9 +1728,9 @@ function Fi(e, a, t, i, s, n) {
     onAfterLeave: n.afterLeave
   }), {
     default: c(() => [
-      Ee((d(), D(Se(t.elementType), qe(bt(e.$attrs)), {
+      Ee((d(), I(Se(t.elementType), qe(bt(e.$attrs)), {
         default: c(() => [
-          s.initialized ? m(e.$slots, "default", { key: 0 }) : w("", !0)
+          s.initialized ? m(e.$slots, "default", { key: 0 }) : S("", !0)
         ]),
         _: 3
       }, 16)), [
@@ -1702,7 +1740,7 @@ function Fi(e, a, t, i, s, n) {
     _: 3
   }, 16, ["appear", "css", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const qi = /* @__PURE__ */ I(Ni, [["render", Fi]]), zi = {
+const qi = /* @__PURE__ */ T(Ni, [["render", Fi]]), zi = {
   name: "DtCollapsible",
   components: {
     DtButton: j,
@@ -1857,7 +1895,7 @@ const qi = /* @__PURE__ */ I(Ni, [["render", Fi]]), zi = {
 }, Hi = ["id"], Vi = ["title"];
 function Wi(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-button"), o = g("dt-collapsible-lazy-show");
-  return d(), D(Se(t.elementType), A({ ref: "collapsible" }, K(n.collapsibleListeners)), {
+  return d(), I(Se(t.elementType), A({ ref: "collapsible" }, K(n.collapsibleListeners)), {
     default: c(() => [
       b("div", {
         id: !t.ariaLabelledBy && n.labelledBy,
@@ -1925,7 +1963,7 @@ function Wi(e, a, t, i, s, n) {
     _: 3
   }, 16);
 }
-const Ui = /* @__PURE__ */ I(zi, [["render", Wi]]), ji = ["row", "column"], Ki = (e) => e.term ? typeof e.term == "string" : !1, Yi = (e) => e.description ? typeof e.description == "string" : !1, Gi = (e) => Array.isArray(e) ? e.every((a) => !(typeof a != "object" || !Ki(a) || !Yi(a))) : !1, Qi = {
+const Ui = /* @__PURE__ */ T(zi, [["render", Wi]]), ji = ["row", "column"], Ki = (e) => e.term ? typeof e.term == "string" : !1, Yi = (e) => e.description ? typeof e.description == "string" : !1, Gi = (e) => Array.isArray(e) ? e.every((a) => !(typeof a != "object" || !Ki(a) || !Yi(a))) : !1, Qi = {
   name: "DtDescriptionList",
   props: {
     /**
@@ -2001,7 +2039,7 @@ function Xi(e, a, t, i, s, n) {
     ], 64))), 128))
   ], 2);
 }
-const Nu = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
+const Nu = /* @__PURE__ */ T(Qi, [["render", Xi]]), Xe = {
   none: void 0,
   small: "d-py0",
   large: "d-py4"
@@ -2343,7 +2381,7 @@ const Nu = /* @__PURE__ */ I(Qi, [["render", Xi]]), Xe = {
 }, Ji = ["id"];
 function es(e, a, t, i, s, n) {
   const r = g("sr-only-close-button"), l = g("dt-popover");
-  return d(), D(l, A({
+  return d(), I(l, A({
     ref: "popover",
     "content-width": t.contentWidth,
     open: t.open,
@@ -2375,18 +2413,18 @@ function es(e, a, t, i, s, n) {
         onMousemoveCapture: a[1] || (a[1] = (...h) => n.onMouseHighlight && n.onMouseHighlight(...h))
       }, [
         m(e.$slots, "list", { close: o }),
-        e.showVisuallyHiddenClose ? (d(), D(r, {
+        e.showVisuallyHiddenClose ? (d(), I(r, {
           key: 0,
           "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
           tabindex: n.isArrowKeyNav ? -1 : 0,
           onClose: o
-        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : w("", !0)
+        }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : S("", !0)
       ], 42, Ji)
     ]),
     _: 3
   }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "append-to", "modal", "max-height", "max-width", "open-with-arrow-keys", "open-on-context", "tether", "transition"]);
 }
-const ts = /* @__PURE__ */ I(Zi, [["render", es]]), as = {
+const ts = /* @__PURE__ */ T(Zi, [["render", es]]), as = {
   name: "DtDropdownSeparator"
 }, ns = {
   "aria-hidden": "true",
@@ -2395,7 +2433,7 @@ const ts = /* @__PURE__ */ I(Zi, [["render", es]]), as = {
 function is(e, a, t, i, s, n) {
   return d(), u("li", ns);
 }
-const Fu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
+const Fu = /* @__PURE__ */ T(as, [["render", is]]), ss = function() {
   const e = Z(null);
   let a, t, i = null, s = null;
   function n(o) {
@@ -2530,7 +2568,7 @@ const Fu = /* @__PURE__ */ I(as, [["render", is]]), ss = function() {
   emits: ["opened"],
   setup(e) {
     const a = At(ss());
-    return (t, i) => (d(), D(L(tt), {
+    return (t, i) => (d(), I(L(tt), {
       id: e.id,
       placement: e.placement,
       "content-class": e.contentClass,
@@ -2716,7 +2754,7 @@ function us(e, a, t, i, s, n) {
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
-    s.isOpen ? (d(), D(On, {
+    s.isOpen ? (d(), I(On, {
       key: 0,
       to: "body"
     }, [
@@ -2739,7 +2777,7 @@ function us(e, a, t, i, s, n) {
         ]),
         p(Ft, { name: "fade" }, {
           default: c(() => [
-            s.showCloseButton ? (d(), D(r, {
+            s.showCloseButton ? (d(), I(r, {
               key: 0,
               ref: "closeImage",
               "data-qa": "dt-image-viewer-close-btn",
@@ -2759,15 +2797,15 @@ function us(e, a, t, i, s, n) {
                 })
               ]),
               _: 1
-            }, 8, ["aria-label", "onClick"])) : w("", !0)
+            }, 8, ["aria-label", "onClick"])) : S("", !0)
           ]),
           _: 1
         })
       ], 16, ls)
-    ])) : w("", !0)
+    ])) : S("", !0)
   ]);
 }
-const hs = /* @__PURE__ */ I(rs, [["render", us]]), fs = {
+const hs = /* @__PURE__ */ T(rs, [["render", us]]), fs = {
   components: { DtValidationMessages: Fe },
   // provide data to slotted components
   provide() {
@@ -2976,7 +3014,7 @@ function bs(e, a, t, i, s, n) {
       m(e.$slots, "legend", {}, () => [
         q(M(e.legend), 1)
       ])
-    ], 16, gs)) : w("", !0),
+    ], 16, gs)) : S("", !0),
     m(e.$slots, "default"),
     p(r, A({
       "validation-messages": e.formattedMessages,
@@ -2986,7 +3024,7 @@ function bs(e, a, t, i, s, n) {
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
   ], 8, ps);
 }
-const tn = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
+const tn = /* @__PURE__ */ T(ms, [["render", bs]]), ka = {
   default: "",
   danger: "d-modal--danger"
 }, Ia = {
@@ -3258,7 +3296,7 @@ const tn = /* @__PURE__ */ I(ms, [["render", bs]]), ka = {
 };
 function Cs(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-button"), o = g("sr-only-close-button"), h = g("dt-lazy-show");
-  return d(), D(h, A({
+  return d(), I(h, A({
     transition: "d-zoom",
     show: t.show,
     class: [
@@ -3283,7 +3321,7 @@ function Cs(e, a, t, i, s, n) {
         m(e.$slots, "banner", {}, () => [
           q(M(t.bannerTitle), 1)
         ])
-      ], 2)) : w("", !0),
+      ], 2)) : S("", !0),
       p(Ft, {
         appear: "",
         name: "d-modal__dialog"
@@ -3332,8 +3370,8 @@ function Cs(e, a, t, i, s, n) {
             }, M(t.copy), 3)),
             n.hasFooterSlot ? (d(), u("footer", ws, [
               m(e.$slots, "footer")
-            ])) : w("", !0),
-            t.hideClose ? w("", !0) : (d(), D(l, A({
+            ])) : S("", !0),
+            t.hideClose ? S("", !0) : (d(), I(l, A({
               key: 5,
               class: "d-modal__close",
               circle: "",
@@ -3349,11 +3387,11 @@ function Cs(e, a, t, i, s, n) {
               ]),
               _: 1
             }, 16, ["aria-label", "onClick"])),
-            e.showVisuallyHiddenClose ? (d(), D(o, {
+            e.showVisuallyHiddenClose ? (d(), I(o, {
               key: 6,
               "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
               onClose: n.close
-            }, null, 8, ["visually-hidden-close-label", "onClose"])) : w("", !0)
+            }, null, 8, ["visually-hidden-close-label", "onClose"])) : S("", !0)
           ], 10, ys), [
             [Ae, t.show]
           ])
@@ -3364,7 +3402,7 @@ function Cs(e, a, t, i, s, n) {
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-const zu = /* @__PURE__ */ I(vs, [["render", Cs]]), ks = {
+const zu = /* @__PURE__ */ T(vs, [["render", Cs]]), ks = {
   name: "DtListItemGroup",
   props: {
     /**
@@ -3417,11 +3455,11 @@ function Ds(e, a, t, i, s, n) {
       m(e.$slots, "headingSlot", {}, () => [
         q(M(t.heading), 1)
       ])
-    ], 10, Ts)) : w("", !0),
+    ], 10, Ts)) : S("", !0),
     m(e.$slots, "default")
   ], 10, Is);
 }
-const Hu = /* @__PURE__ */ I(ks, [["render", Ds]]), Os = {
+const Hu = /* @__PURE__ */ T(ks, [["render", Ds]]), Os = {
   name: "DtPagination",
   components: {
     DtButton: j,
@@ -3564,7 +3602,7 @@ function As(e, a, t, i, s, n) {
           name: "more-horizontal",
           size: "300"
         })
-      ])) : (d(), D(l, {
+      ])) : (d(), I(l, {
         key: 1,
         "aria-label": t.pageNumberAriaLabel(o),
         kind: s.currentPage === o ? "default" : "muted",
@@ -3597,7 +3635,7 @@ function As(e, a, t, i, s, n) {
     }, 8, ["aria-label", "disabled", "importance", "class"])
   ], 8, Ls);
 }
-const Vu = /* @__PURE__ */ I(Os, [["render", As]]), Ms = {
+const Vu = /* @__PURE__ */ T(Os, [["render", As]]), Ms = {
   warning: "d-radio--warning",
   error: "d-radio--error",
   success: "d-radio--success"
@@ -3727,7 +3765,7 @@ function $s(e, a, t, i, s, n) {
             m(e.$slots, "description", {}, () => [
               q(M(e.description), 1)
             ])
-          ], 16)) : w("", !0),
+          ], 16)) : S("", !0),
           p(r, A({
             "validation-messages": e.formattedMessages,
             "show-messages": e.showMessages,
@@ -3738,7 +3776,7 @@ function $s(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Wu = /* @__PURE__ */ I(xs, [["render", $s]]), Uu = {
+const Wu = /* @__PURE__ */ T(xs, [["render", $s]]), Uu = {
   name: "DtRadioGroup",
   extends: tn,
   props: {
@@ -3892,7 +3930,7 @@ function qs(e, a, t, i, s, n) {
     [Ae, !n.hidePanel]
   ]);
 }
-const ju = /* @__PURE__ */ I(Ns, [["render", qs]]), zs = {
+const ju = /* @__PURE__ */ T(Ns, [["render", qs]]), zs = {
   error: "d-checkbox--error",
   warning: "d-checkbox--warning",
   success: "d-checkbox--success"
@@ -4006,7 +4044,7 @@ function js(e, a, t, i, s, n) {
             m(e.$slots, "default", {}, () => [
               q(M(e.label), 1)
             ])
-          ], 16)) : w("", !0),
+          ], 16)) : S("", !0),
           n.hasDescription ? (d(), u("div", A({
             key: 1,
             class: ["d-description", e.descriptionClass]
@@ -4014,18 +4052,18 @@ function js(e, a, t, i, s, n) {
             m(e.$slots, "description", {}, () => [
               q(M(e.description), 1)
             ])
-          ], 16)) : w("", !0),
+          ], 16)) : S("", !0),
           p(r, A({
             "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"])
-        ])) : w("", !0)
+        ])) : S("", !0)
       ], 2)
     ])
   ]);
 }
-const Ku = /* @__PURE__ */ I(Hs, [["render", js]]), Yu = {
+const Ku = /* @__PURE__ */ T(Hs, [["render", js]]), Yu = {
   name: "DtCheckboxGroup",
   extends: tn,
   model: {
@@ -4277,7 +4315,7 @@ const Ku = /* @__PURE__ */ I(Hs, [["render", js]]), Yu = {
 function er(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-button");
   return d(), u("span", Qs, [
-    (d(), D(Se(t.interactive ? "button" : "span"), A({
+    (d(), I(Se(t.interactive ? "button" : "span"), A({
       id: t.id,
       type: t.interactive && "button",
       class: n.chipClasses(),
@@ -4290,7 +4328,7 @@ function er(e, a, t, i, s, n) {
           m(e.$slots, "icon")
         ])) : s.hasSlotContent(e.$slots.avatar) ? (d(), u("span", Zs, [
           m(e.$slots, "avatar")
-        ])) : w("", !0),
+        ])) : S("", !0),
         s.hasSlotContent(e.$slots.default) ? (d(), u("span", {
           key: 2,
           id: `${t.id}-content`,
@@ -4298,11 +4336,11 @@ function er(e, a, t, i, s, n) {
           class: C(["d-chip__text", t.contentClass])
         }, [
           m(e.$slots, "default")
-        ], 10, Js)) : w("", !0)
+        ], 10, Js)) : S("", !0)
       ]),
       _: 3
     }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])),
-    t.hideClose ? w("", !0) : (d(), D(l, A({ key: 0 }, t.closeButtonProps, {
+    t.hideClose ? S("", !0) : (d(), I(l, A({ key: 0 }, t.closeButtonProps, {
       class: n.chipCloseButtonClasses(),
       "data-qa": "dt-chip-close",
       "aria-label": t.closeButtonProps.ariaLabel,
@@ -4318,7 +4356,7 @@ function er(e, a, t, i, s, n) {
     }, 16, ["class", "aria-label"]))
   ]);
 }
-const an = /* @__PURE__ */ I(Gs, [["render", er]]), Oa = {
+const an = /* @__PURE__ */ T(Gs, [["render", er]]), Oa = {
   xs: "d-select--xs",
   sm: "d-select--sm",
   md: "",
@@ -4522,7 +4560,7 @@ function ur(e, a, t, i, s, n) {
         m(e.$slots, "label", {}, () => [
           q(M(t.label), 1)
         ])
-      ], 16, or)) : w("", !0),
+      ], 16, or)) : S("", !0),
       s.hasSlotContent(e.$slots.description) || t.description ? (d(), u("div", A({
         key: 1,
         id: n.descriptionKey,
@@ -4535,7 +4573,7 @@ function ur(e, a, t, i, s, n) {
         m(e.$slots, "description", {}, () => [
           q(M(t.description), 1)
         ])
-      ], 16, lr)) : w("", !0),
+      ], 16, lr)) : S("", !0),
       b("div", {
         class: C([
           "d-select",
@@ -4572,7 +4610,7 @@ function ur(e, a, t, i, s, n) {
     }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
   ]);
 }
-const Gu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La = 6e3, fr = {
+const Gu = /* @__PURE__ */ T(rr, [["render", ur]]), hr = ["status", "alert"], La = 6e3, fr = {
   name: "DtToast",
   components: {
     DtNoticeIcon: Wt,
@@ -4668,6 +4706,22 @@ const Gu = /* @__PURE__ */ I(rr, [["render", ur]]), hr = ["status", "alert"], La
       type: Boolean,
       default: !1
     },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * The duration in ms the toast will display before disappearing.
      * The toast won't disappear if the duration is not provided.
@@ -4755,12 +4809,15 @@ function gr(e, a, t, i, s, n) {
     "aria-hidden": (!s.isShown).toString()
   }, [
     b("div", pr, [
-      p(r, { kind: t.kind }, {
+      t.hideIcon ? S("", !0) : (d(), I(r, {
+        key: 0,
+        kind: t.kind
+      }, {
         default: c(() => [
           m(e.$slots, "icon")
         ]),
         _: 3
-      }, 8, ["kind"]),
+      }, 8, ["kind"])),
       p(l, {
         "title-id": t.titleId,
         "content-id": t.contentId,
@@ -4778,6 +4835,7 @@ function gr(e, a, t, i, s, n) {
         _: 3
       }, 8, ["title-id", "content-id", "title", "role"]),
       p(o, {
+        "hide-action": t.hideAction,
         "hide-close": t.hideClose,
         "close-button-props": t.closeButtonProps,
         "visually-hidden-close": e.visuallyHiddenClose,
@@ -4788,11 +4846,11 @@ function gr(e, a, t, i, s, n) {
           m(e.$slots, "action")
         ]),
         _: 3
-      }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
+      }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
     ])
-  ], 10, mr)) : w("", !0);
+  ], 10, mr)) : S("", !0);
 }
-const Qu = /* @__PURE__ */ I(fr, [["render", gr]]), Ea = {
+const Qu = /* @__PURE__ */ T(fr, [["render", gr]]), Ea = {
   sm: "d-toggle--small",
   md: ""
 }, br = [!1, !0, "mixed"], vr = {
@@ -4949,7 +5007,7 @@ function Cr(e, a, t, i, s, n) {
       for: t.id
     }, t.labelChildProps, { "data-qa": "toggle-label" }), [
       m(e.$slots, "default")
-    ], 16, _r)) : w("", !0),
+    ], 16, _r)) : S("", !0),
     b("button", A({
       id: t.id,
       role: n.toggleRole,
@@ -4959,11 +5017,11 @@ function Cr(e, a, t, i, s, n) {
       "aria-disabled": t.disabled.toString(),
       class: n.toggleClasses
     }, n.inputListeners), [
-      t.showIcon ? (d(), u("span", wr)) : w("", !0)
+      t.showIcon ? (d(), u("span", wr)) : S("", !0)
     ], 16, Sr)
   ]);
 }
-const Xu = /* @__PURE__ */ I(vr, [["render", Cr]]), Ge = {
+const Xu = /* @__PURE__ */ T(vr, [["render", Cr]]), Ge = {
   "{win}": "layout-grid",
   "{arrow-right}": "arrow-right",
   "{arrow-left}": "arrow-left",
@@ -5036,9 +5094,9 @@ function Or(e, a, t, i, s, n) {
       { "d-keyboard-shortcut--inverted": t.inverted }
     ])
   }, [
-    t.screenReaderText ? (d(), u("span", Tr, M(t.screenReaderText), 1)) : w("", !0),
+    t.screenReaderText ? (d(), u("span", Tr, M(t.screenReaderText), 1)) : S("", !0),
     (d(!0), u(Q, null, J(n.formattedShortcutSplit, (l, o) => (d(), u(Q, null, [
-      n.icons[l] ? (d(), D(r, {
+      n.icons[l] ? (d(), I(r, {
         key: `${o}-${l}`,
         name: n.icons[l],
         size: "100",
@@ -5059,7 +5117,7 @@ function Or(e, a, t, i, s, n) {
     ], 64))), 256))
   ], 2);
 }
-const Ju = /* @__PURE__ */ I(Ir, [["render", Or]]), Aa = {
+const Ju = /* @__PURE__ */ T(Ir, [["render", Or]]), Aa = {
   LEFT: "left",
   RIGHT: "right"
 }, Lr = ["sm", "md", "lg", null], Er = {
@@ -5207,7 +5265,7 @@ function Ar(e, a, t, i, s, n) {
     ], 2)
   ], 2);
 }
-const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
+const eh = /* @__PURE__ */ T(Er, [["render", Ar]]), nn = {
   __name: "core_scroller",
   props: {
     /**
@@ -5302,7 +5360,7 @@ const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
   emits: ["user-position"],
   setup(e, { expose: a, emit: t }) {
     const i = e, s = t, n = At(/* @__PURE__ */ new Map()), r = At(/* @__PURE__ */ new Map()), l = Z([]), o = Z(null), h = Z(!1), v = Z(null), f = Z("top");
-    let y = 0, _ = 0, S = !1, N = 0, T = null, k = null, W = 0, ne = 0;
+    let y = 0, _ = 0, w = !1, N = 0, D = null, k = null, W = 0, ne = 0;
     const ke = Oe(() => {
       if (i.itemSize === null) {
         const x = {
@@ -5421,7 +5479,7 @@ const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
         }
         P.item = fe, B === null ? (P.position = (pa = ie[F - 1]) == null ? void 0 : pa.accumulator, P.offset = 0) : (P.position = Math.floor(F) * B, P.offset = F % 1 * B);
       }
-      return y = se, _ = Y, clearTimeout(T), T = setTimeout(kt, 300), {
+      return y = se, _ = Y, clearTimeout(D), D = setTimeout(kt, 300), {
         continuous: rt
       };
     }, It = (x) => {
@@ -5433,8 +5491,8 @@ const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
       i.itemSize === null ? R = x > 0 ? (B = ke.value[x - 1]) == null ? void 0 : B.accumulator : 0 : R = Math.floor(x) * i.itemSize, It(R);
     }, ee = () => {
       const x = v.value;
-      f.value !== "middle" && (f.value = "middle", s("user-position", "middle")), x.scrollTop === 0 && (f.value = "top", s("user-position", "top")), x.scrollTop + x.clientHeight === x.scrollHeight && (f.value = "bottom", s("user-position", "bottom")), S || (S = !0, requestAnimationFrame(() => {
-        S = !1, Re(!1, !0);
+      f.value !== "middle" && (f.value = "middle", s("user-position", "middle")), x.scrollTop === 0 && (f.value = "top", s("user-position", "top")), x.scrollTop + x.clientHeight === x.scrollHeight && (f.value = "bottom", s("user-position", "bottom")), w || (w = !0, requestAnimationFrame(() => {
+        w = !1, Re(!1, !0);
       }));
     };
     return a({
@@ -5449,13 +5507,13 @@ const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
       }]),
       onScrollPassive: ee
     }, [
-      (d(), D(Se(e.listTag), {
+      (d(), I(Se(e.listTag), {
         ref: "wrapper",
         style: Ce({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: `${L(W)}px` }),
         class: C(["vue-recycle-scroller__item-wrapper", e.listClass])
       }, {
         default: c(() => [
-          (d(!0), u(Q, null, J(l.value, (B) => (d(), D(Se(e.itemTag), A({
+          (d(!0), u(Q, null, J(l.value, (B) => (d(), I(Se(e.itemTag), A({
             key: B.nr.id,
             style: h.value ? {
               transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${B.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${B.offset}px)`,
@@ -5784,7 +5842,7 @@ const eh = /* @__PURE__ */ I(Er, [["render", Ar]]), nn = {
 };
 function Br(e, a, t, i, s, n) {
   const r = g("dt-scroller-item"), l = g("core-scroller");
-  return d(), D(l, A({
+  return d(), I(l, A({
     ref: "scroller",
     items: n.itemsWithSize,
     "min-item-size": t.minItemSize,
@@ -5816,7 +5874,7 @@ function Br(e, a, t, i, s, n) {
     _: 3
   }, 16, ["items", "min-item-size", "direction", "key-field", "list-tag", "item-tag"]);
 }
-const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), th = {
+const Pr = /* @__PURE__ */ T(xr, [["render", Br]]), th = {
   __name: "DtScroller",
   props: {
     /**
@@ -5946,7 +6004,7 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), th = {
       scrollToItem: o,
       updateItems: h,
       updateItemsFromBottom: v
-    }), (y, _) => (d(), D(Se(e.dynamic ? Pr : nn), {
+    }), (y, _) => (d(), I(Se(e.dynamic ? Pr : nn), {
       ref_key: "scroller",
       ref: n,
       "data-qa": "dt-scroller",
@@ -5959,13 +6017,13 @@ const Pr = /* @__PURE__ */ I(xr, [["render", Br]]), th = {
       "item-tag": e.itemTag,
       style: Ce(r.value),
       tabindex: "0",
-      onUserPosition: _[0] || (_[0] = (S) => y.$emit("user-position", S))
+      onUserPosition: _[0] || (_[0] = (w) => y.$emit("user-position", w))
     }, {
-      default: c(({ item: S, index: N, active: T }) => [
+      default: c(({ item: w, index: N, active: D }) => [
         m(y.$slots, "default", qe(bt({
-          item: S,
+          item: w,
           index: N,
-          active: T
+          active: D
         })))
       ]),
       _: 3
@@ -6015,7 +6073,7 @@ function St(e, a) {
 function Ue(e, a) {
   if (O(2, arguments), !a || Ne(a) !== "object")
     return /* @__PURE__ */ new Date(NaN);
-  var t = a.years ? z(a.years) : 0, i = a.months ? z(a.months) : 0, s = a.weeks ? z(a.weeks) : 0, n = a.days ? z(a.days) : 0, r = a.hours ? z(a.hours) : 0, l = a.minutes ? z(a.minutes) : 0, o = a.seconds ? z(a.seconds) : 0, h = E(e), v = i || t ? St(h, i + t * 12) : h, f = n || s ? ze(v, n + s * 7) : v, y = l + r * 60, _ = o + y * 60, S = _ * 1e3, N = new Date(f.getTime() + S);
+  var t = a.years ? z(a.years) : 0, i = a.months ? z(a.months) : 0, s = a.weeks ? z(a.weeks) : 0, n = a.days ? z(a.days) : 0, r = a.hours ? z(a.hours) : 0, l = a.minutes ? z(a.minutes) : 0, o = a.seconds ? z(a.seconds) : 0, h = E(e), v = i || t ? St(h, i + t * 12) : h, f = n || s ? ze(v, n + s * 7) : v, y = l + r * 60, _ = o + y * 60, w = _ * 1e3, N = new Date(f.getTime() + w);
   return N;
 }
 function $r(e, a) {
@@ -6033,8 +6091,8 @@ function xt(e, a) {
   var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var y = E(e), _ = y.getDay(), S = (_ < f ? 7 : 0) + _ - f;
-  return y.setDate(y.getDate() - S), y.setHours(0, 0, 0, 0), y;
+  var y = E(e), _ = y.getDay(), w = (_ < f ? 7 : 0) + _ - f;
+  return y.setDate(y.getDate() - w), y.setHours(0, 0, 0, 0), y;
 }
 function Je(e) {
   var a = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
@@ -6207,8 +6265,8 @@ function ft(e, a) {
   var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.weekStartsOn) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : v.weekStartsOn) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var y = E(e), _ = y.getUTCDay(), S = (_ < f ? 7 : 0) + _ - f;
-  return y.setUTCDate(y.getUTCDate() - S), y.setUTCHours(0, 0, 0, 0), y;
+  var y = E(e), _ = y.getUTCDay(), w = (_ < f ? 7 : 0) + _ - f;
+  return y.setUTCDate(y.getUTCDate() - w), y.setUTCHours(0, 0, 0, 0), y;
 }
 function un(e, a) {
   var t, i, s, n, r, l, o, h;
@@ -6216,11 +6274,11 @@ function un(e, a) {
   var v = E(e), f = v.getUTCFullYear(), y = Be(), _ = z((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : y.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = y.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
   if (!(_ >= 1 && _ <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var S = /* @__PURE__ */ new Date(0);
-  S.setUTCFullYear(f + 1, 0, _), S.setUTCHours(0, 0, 0, 0);
-  var N = ft(S, a), T = /* @__PURE__ */ new Date(0);
-  T.setUTCFullYear(f, 0, _), T.setUTCHours(0, 0, 0, 0);
-  var k = ft(T, a);
+  var w = /* @__PURE__ */ new Date(0);
+  w.setUTCFullYear(f + 1, 0, _), w.setUTCHours(0, 0, 0, 0);
+  var N = ft(w, a), D = /* @__PURE__ */ new Date(0);
+  D.setUTCFullYear(f, 0, _), D.setUTCHours(0, 0, 0, 0);
+  var k = ft(D, a);
   return v.getTime() >= N.getTime() ? f + 1 : v.getTime() >= k.getTime() ? f : f - 1;
 }
 function oo(e, a) {
@@ -6228,8 +6286,8 @@ function oo(e, a) {
   O(1, arguments);
   var v = Be(), f = z((t = (i = (s = (n = a == null ? void 0 : a.firstWeekContainsDate) !== null && n !== void 0 ? n : a == null || (r = a.locale) === null || r === void 0 || (l = r.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : v.firstWeekContainsDate) !== null && i !== void 0 ? i : (o = v.locale) === null || o === void 0 || (h = o.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), y = un(e, a), _ = /* @__PURE__ */ new Date(0);
   _.setUTCFullYear(y, 0, f), _.setUTCHours(0, 0, 0, 0);
-  var S = ft(_, a);
-  return S;
+  var w = ft(_, a);
+  return w;
 }
 var lo = 6048e5;
 function co(e, a) {
@@ -7343,12 +7401,12 @@ var il = {
 const Gt = il;
 var sl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, rl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ol = /^'([^]*?)'?$/, ll = /''/g, dl = /[a-zA-Z]/;
 function fn(e, a, t) {
-  var i, s, n, r, l, o, h, v, f, y, _, S, N, T, k, W, ne, ke;
+  var i, s, n, r, l, o, h, v, f, y, _, w, N, D, k, W, ne, ke;
   O(2, arguments);
   var Ct = String(a), Ie = Be(), me = (i = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : Ie.locale) !== null && i !== void 0 ? i : Gt, Te = z((n = (r = (l = (o = t == null ? void 0 : t.firstWeekContainsDate) !== null && o !== void 0 ? o : t == null || (h = t.locale) === null || h === void 0 || (v = h.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && l !== void 0 ? l : Ie.firstWeekContainsDate) !== null && r !== void 0 ? r : (f = Ie.locale) === null || f === void 0 || (y = f.options) === null || y === void 0 ? void 0 : y.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
   if (!(Te >= 1 && Te <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var He = z((_ = (S = (N = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Ie.weekStartsOn) !== null && S !== void 0 ? S : (ne = Ie.locale) === null || ne === void 0 || (ke = ne.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
+  var He = z((_ = (w = (N = (D = t == null ? void 0 : t.weekStartsOn) !== null && D !== void 0 ? D : t == null || (k = t.locale) === null || k === void 0 || (W = k.options) === null || W === void 0 ? void 0 : W.weekStartsOn) !== null && N !== void 0 ? N : Ie.weekStartsOn) !== null && w !== void 0 ? w : (ne = Ie.locale) === null || ne === void 0 || (ke = ne.options) === null || ke === void 0 ? void 0 : ke.weekStartsOn) !== null && _ !== void 0 ? _ : 0);
   if (!(He >= 0 && He <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!me.localize)
@@ -7414,7 +7472,7 @@ function ml(e, a, t) {
     comparison: l
   }), h, v;
   l > 0 ? (h = E(a), v = E(e)) : (h = E(e), v = E(a));
-  var f = dn(v, h), y = (Je(v) - Je(h)) / 1e3, _ = Math.round((f - y) / 60), S;
+  var f = dn(v, h), y = (Je(v) - Je(h)) / 1e3, _ = Math.round((f - y) / 60), w;
   if (_ < 2)
     return t != null && t.includeSeconds ? f < 5 ? r.formatDistance("lessThanXSeconds", 5, o) : f < 10 ? r.formatDistance("lessThanXSeconds", 10, o) : f < 20 ? r.formatDistance("lessThanXSeconds", 20, o) : f < 40 ? r.formatDistance("halfAMinute", 0, o) : f < 60 ? r.formatDistance("lessThanXMinutes", 1, o) : r.formatDistance("xMinutes", 1, o) : _ === 0 ? r.formatDistance("lessThanXMinutes", 1, o) : r.formatDistance("xMinutes", _, o);
   if (_ < 45)
@@ -7428,16 +7486,16 @@ function ml(e, a, t) {
     if (_ < hl)
       return r.formatDistance("xDays", 1, o);
     if (_ < Et) {
-      var T = Math.round(_ / Na);
-      return r.formatDistance("xDays", T, o);
+      var D = Math.round(_ / Na);
+      return r.formatDistance("xDays", D, o);
     } else if (_ < fl)
-      return S = Math.round(_ / Et), r.formatDistance("aboutXMonths", S, o);
+      return w = Math.round(_ / Et), r.formatDistance("aboutXMonths", w, o);
   }
-  if (S = ln(v, h), S < 12) {
+  if (w = ln(v, h), w < 12) {
     var k = Math.round(_ / Et);
     return r.formatDistance("xMonths", k, o);
   } else {
-    var W = S % 12, ne = Math.floor(S / 12);
+    var W = w % 12, ne = Math.floor(w / 12);
     return W < 3 ? r.formatDistance("aboutXYears", ne, o) : W < 9 ? r.formatDistance("overXYears", ne, o) : r.formatDistance("almostXYears", ne + 1, o);
   }
 }
@@ -7449,11 +7507,11 @@ function gl(e, a) {
   var l = Be(), o = (t = (i = a == null ? void 0 : a.locale) !== null && i !== void 0 ? i : l.locale) !== null && t !== void 0 ? t : Gt, h = (s = a == null ? void 0 : a.format) !== null && s !== void 0 ? s : pl, v = (n = a == null ? void 0 : a.zero) !== null && n !== void 0 ? n : !1, f = (r = a == null ? void 0 : a.delimiter) !== null && r !== void 0 ? r : " ";
   if (!o.formatDistance)
     return "";
-  var y = h.reduce(function(_, S) {
-    var N = "x".concat(S.replace(/(^.)/, function(k) {
+  var y = h.reduce(function(_, w) {
+    var N = "x".concat(w.replace(/(^.)/, function(k) {
       return k.toUpperCase();
-    })), T = e[S];
-    return typeof T == "number" && (v || e[S]) ? _.concat(o.formatDistance(N, T)) : _;
+    })), D = e[w];
+    return typeof D == "number" && (v || e[w]) ? _.concat(o.formatDistance(N, D)) : _;
   }, []).join(f);
   return y;
 }
@@ -7639,13 +7697,13 @@ function Rl(e, a) {
     const W = Ol(e.selectedDate, { month: t.value, year: i.value }), ne = k === 1 ? St(W, 1) : pn(W, 1);
     t.value = dt(ne);
   }
-  function S(k) {
+  function w(k) {
     i.value = i.value + k;
   }
   function N() {
     _(1);
   }
-  function T() {
+  function D() {
     _(-1);
   }
   return {
@@ -7656,9 +7714,9 @@ function Rl(e, a) {
     focusMonthYearPicker: v,
     handleKeyDown: f,
     changeMonth: _,
-    changeYear: S,
+    changeYear: w,
     goToNextMonth: N,
-    goToPrevMonth: T
+    goToPrevMonth: D
   };
 }
 const $l = {
@@ -7734,15 +7792,15 @@ const $l = {
       changeMonth: f,
       changeYear: y,
       goToNextMonth: _,
-      goToPrevMonth: S
+      goToPrevMonth: w
     } = Rl(i, s);
     return Qa(() => {
       h();
     }), a({
       focusMonthYearPicker: h,
       goToNextMonth: _,
-      goToPrevMonth: S
-    }), (N, T) => (d(), D(L(Qe), {
+      goToPrevMonth: w
+    }), (N, D) => (d(), I(L(Qe), {
       direction: "row",
       class: "d-datepicker__month-year",
       gap: "300"
@@ -7772,8 +7830,8 @@ const $l = {
                   class: "d-datepicker__nav-btn",
                   type: "button",
                   "aria-label": `${e.changeToLabel} ${e.prevYearLabel} ${L(r) - 1}`,
-                  onClick: T[0] || (T[0] = (k) => L(y)(-1)),
-                  onKeydown: T[1] || (T[1] = (k) => L(v)(k))
+                  onClick: D[0] || (D[0] = (k) => L(y)(-1)),
+                  onKeydown: D[1] || (D[1] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
                     p(L(V), {
@@ -7803,8 +7861,8 @@ const $l = {
                   class: "d-datepicker__nav-btn",
                   type: "button",
                   "aria-label": `${e.changeToLabel} ${e.prevMonthLabel} ${L(l)(L(n) - 1, L(Ot), e.locale)}`,
-                  onClick: T[2] || (T[2] = (k) => L(f)(-1)),
-                  onKeydown: T[3] || (T[3] = (k) => L(v)(k))
+                  onClick: D[2] || (D[2] = (k) => L(f)(-1)),
+                  onKeydown: D[3] || (D[3] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
                     p(L(V), {
@@ -7845,8 +7903,8 @@ const $l = {
                   class: "d-datepicker__nav-btn",
                   type: "button",
                   "aria-label": `${e.changeToLabel} ${e.nextMonthLabel} ${L(l)(L(n) + 1, L(Ot), e.locale)}`,
-                  onClick: T[4] || (T[4] = (k) => L(f)(1)),
-                  onKeydown: T[5] || (T[5] = (k) => L(v)(k))
+                  onClick: D[4] || (D[4] = (k) => L(f)(1)),
+                  onKeydown: D[5] || (D[5] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
                     p(L(V), {
@@ -7876,8 +7934,8 @@ const $l = {
                   class: "d-datepicker__nav-btn",
                   type: "button",
                   "aria-label": `${e.changeToLabel} ${e.nextYearLabel} ${L(r) + 1}`,
-                  onClick: T[6] || (T[6] = (k) => L(y)(1)),
-                  onKeydown: T[7] || (T[7] = (k) => L(v)(k))
+                  onClick: D[6] || (D[6] = (k) => L(y)(1)),
+                  onKeydown: D[7] || (D[7] = (k) => L(v)(k))
                 }, {
                   default: c(() => [
                     p(L(V), {
@@ -7907,7 +7965,7 @@ function Fl(e, a) {
     return `${e.selectDayLabel} ${y.text} ${fn(y.value, Rr)} ${Bt(y.value)}`;
   }
   function l(y, _) {
-    !s.value.some((S) => S.el === y) && _.currentMonth && s.value.push({ el: y, day: _ });
+    !s.value.some((w) => w.el === y) && _.currentMonth && s.value.push({ el: y, day: _ });
   }
   function o(y) {
     switch (y.key) {
@@ -7916,9 +7974,9 @@ function Fl(e, a) {
         try {
           s.value[i.value].el.$el.focus();
         } catch {
-          const S = Pl(s.value[i.value + 7].day.value);
+          const w = Pl(s.value[i.value + 7].day.value);
           a("go-to-prev-month"), Ye(() => {
-            s.value[S - 1].el.$el.focus(), i.value += S - 1;
+            s.value[w - 1].el.$el.focus(), i.value += w - 1;
           });
         }
         break;
@@ -7927,9 +7985,9 @@ function Fl(e, a) {
         try {
           s.value[i.value].el.$el.focus();
         } catch {
-          const S = Bl(s.value[i.value - 7].day.value);
+          const w = Bl(s.value[i.value - 7].day.value);
           a("go-to-next-month"), Ye(() => {
-            s.value[S - 1].el.$el.focus(), i.value += S - 1;
+            s.value[w - 1].el.$el.focus(), i.value += w - 1;
           });
         }
         break;
@@ -8037,22 +8095,22 @@ const ql = {
     }), (y, _) => (d(), u("table", ql, [
       b("thead", null, [
         b("tr", null, [
-          (d(!0), u(Q, null, J(L(r), (S) => (d(), u("th", {
-            key: S,
+          (d(!0), u(Q, null, J(L(r), (w) => (d(), u("th", {
+            key: w,
             scope: "col",
             class: "d-datepicker__cell d-datepicker__cell--header"
           }, [
             b("span", {
               class: "d-datepicker__weekday",
-              title: S,
-              "aria-label": S
-            }, M(S), 9, zl)
+              title: w,
+              "aria-label": w
+            }, M(w), 9, zl)
           ]))), 128))
         ])
       ]),
       b("tbody", null, [
-        (d(!0), u(Q, null, J(e.calendarDays, (S, N) => (d(), u("tr", { key: N }, [
-          (d(!0), u(Q, null, J(S.days, (T, k) => (d(), u("td", {
+        (d(!0), u(Q, null, J(e.calendarDays, (w, N) => (d(), u("tr", { key: N }, [
+          (d(!0), u(Q, null, J(w.days, (D, k) => (d(), u("td", {
             key: N + k,
             class: "d-datepicker__cell",
             role: "listbox"
@@ -8060,25 +8118,25 @@ const ql = {
             p(L(j), {
               ref_for: !0,
               ref: (W) => {
-                W && L(o)(W, T);
+                W && L(o)(W, D);
               },
               class: C(["d-datepicker__day", {
-                "d-datepicker__day--disabled": !T.currentMonth,
-                "d-datepicker__day--selected": L(n) ? T.text === L(n) && T.currentMonth : T.selected
+                "d-datepicker__day--disabled": !D.currentMonth,
+                "d-datepicker__day--selected": L(n) ? D.text === L(n) && D.currentMonth : D.selected
               }]),
               circle: !0,
               size: "sm",
               importance: "clear",
-              disabled: !T.currentMonth,
+              disabled: !D.currentMonth,
               type: "button",
-              "aria-selected": L(n) ? T.text === L(n) && T.currentMonth : T.selected,
-              "aria-label": L(l)(T),
+              "aria-selected": L(n) ? D.text === L(n) && D.currentMonth : D.selected,
+              "aria-label": L(l)(D),
               role: "option",
-              onClick: (W) => L(f)(T),
+              onClick: (W) => L(f)(D),
               onKeydown: _[0] || (_[0] = (W) => L(h)(W))
             }, {
               default: c(() => [
-                q(M(T.text), 1)
+                q(M(D.text), 1)
               ]),
               _: 2
             }, 1032, ["disabled", "class", "aria-selected", "aria-label", "onClick"])
@@ -8189,7 +8247,7 @@ const ql = {
     function t(i) {
       a.value = i;
     }
-    return (i, s) => (d(), D(L(Qe), {
+    return (i, s) => (d(), I(L(Qe), {
       class: "d-datepicker",
       gap: "400"
     }, {
@@ -8529,7 +8587,7 @@ const Ul = {
 }, jl = ["id"], Kl = { ref: "header" }, Yl = ["onMouseleave", "onFocusout"], Gl = { ref: "footer" };
 function Ql(e, a, t, i, s, n) {
   const r = g("combobox-loading-list"), l = g("combobox-empty-list"), o = g("dt-popover"), h = g("dt-combobox");
-  return d(), D(h, A({
+  return d(), I(h, A({
     ref: "combobox",
     loading: t.loading,
     label: t.label,
@@ -8594,7 +8652,7 @@ function Ql(e, a, t, i, s, n) {
             onMouseleave: y,
             onFocusout: y
           }, [
-            t.loading ? (d(), D(r, qe(A({ key: 0 }, f)), null, 16)) : t.emptyList && t.emptyStateMessage ? (d(), D(l, A({ key: 1 }, f, { message: t.emptyStateMessage }), null, 16, ["message"])) : m(e.$slots, "list", {
+            t.loading ? (d(), I(r, qe(A({ key: 0 }, f)), null, 16)) : t.emptyList && t.emptyStateMessage ? (d(), I(l, A({ key: 1 }, f, { message: t.emptyStateMessage }), null, 16, ["message"])) : m(e.$slots, "list", {
               key: 2,
               listProps: f
             })
@@ -8625,7 +8683,7 @@ function Ql(e, a, t, i, s, n) {
     _: 3
   }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id"]);
 }
-const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
+const Xl = /* @__PURE__ */ T(Ul, [["render", Ql]]), Zl = {
   // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
   EXTRA_SMALL: "xs",
   SMALL: "sm",
@@ -9000,7 +9058,7 @@ const Xl = /* @__PURE__ */ I(Ul, [["render", Ql]]), Zl = {
 }, rd = { ref: "footer" };
 function od(e, a, t, i, s, n) {
   const r = g("dt-chip"), l = g("dt-input"), o = g("dt-validation-messages"), h = g("dt-recipe-combobox-with-popover");
-  return d(), D(h, {
+  return d(), I(h, {
     ref: "comboboxWithPopover",
     label: t.label,
     "show-list": t.showList,
@@ -9017,7 +9075,7 @@ function od(e, a, t, i, s, n) {
     input: c(({ onInput: v }) => [
       b("span", ad, [
         b("span", nd, [
-          (d(!0), u(Q, null, J(t.selectedItems, (f) => (d(), D(r, A({
+          (d(!0), u(Q, null, J(t.selectedItems, (f) => (d(), I(r, A({
             ref_for: !0,
             ref: "chips",
             key: f,
@@ -9085,7 +9143,7 @@ function od(e, a, t, i, s, n) {
     } : void 0
   ]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
 }
-const lh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-d1f21523"]]), gn = ["sm", "md", "lg", "xl"], ld = {
+const lh = /* @__PURE__ */ T(td, [["render", od], ["__scopeId", "data-v-d1f21523"]]), gn = ["sm", "md", "lg", "xl"], ld = {
   name: "DtRecipeCallbarButton",
   components: { DtButton: j, DtTooltip: _e },
   inheritAttrs: !1,
@@ -9229,7 +9287,7 @@ const lh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-d1f21523
 };
 function dd(e, a, t, i, s, n) {
   const r = g("dt-button"), l = g("dt-tooltip");
-  return d(), D(l, {
+  return d(), I(l, {
     id: t.id,
     offset: [0, 8]
   }, {
@@ -9263,7 +9321,7 @@ function dd(e, a, t, i, s, n) {
     _: 3
   }, 8, ["id"]);
 }
-const cd = /* @__PURE__ */ I(ld, [["render", dd]]), ud = {
+const cd = /* @__PURE__ */ T(ld, [["render", dd]]), ud = {
   name: "DtRecipeCallbarButtonWithPopover",
   components: { DtRecipeCallbarButton: cd, DtPopover: tt, DtButton: j, DtIcon: V },
   /* inheritAttrs: false is generally an option we want to set on library
@@ -9491,7 +9549,7 @@ function fd(e, a, t, i, s, n) {
       ]),
       _: 3
     }, 8, ["aria-label", "disabled", "active", "danger", "button-class", "button-width-size", "text-class", "onClick"]),
-    n.showArrowButton ? (d(), D(h, A({
+    n.showArrowButton ? (d(), I(h, A({
       key: 0,
       id: t.id,
       modal: !1,
@@ -9542,10 +9600,10 @@ function fd(e, a, t, i, s, n) {
         m(e.$slots, "footerContent")
       ]),
       _: 3
-    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : w("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "dialog-class", "open-popover", "onOpened"])) : S("", !0)
   ]);
 }
-const dh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
+const dh = /* @__PURE__ */ T(ud, [["render", fd]]), md = {
   name: "DtRecipeContactInfo",
   components: {
     DtAvatar: gt,
@@ -9653,7 +9711,7 @@ const dh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
 }, bd = { "data-qa": "contact-info-header" }, vd = { "data-qa": "contact-info-subtitle" }, yd = { "data-qa": "contact-info-bottom" }, _d = { "data-qa": "contact-info-right" };
 function Sd(e, a, t, i, s, n) {
   const r = g("dt-avatar"), l = g("dt-item-layout");
-  return d(), D(l, {
+  return d(), I(l, {
     role: t.role,
     "data-qa": "contact-info",
     class: "dt-contact-info"
@@ -9680,7 +9738,7 @@ function Sd(e, a, t, i, s, n) {
           onClick: a[0] || (a[0] = (...o) => n.avatarClick && n.avatarClick(...o))
         }, [
           t.avatarList ? (d(), u("span", gd, [
-            (d(!0), u(Q, null, J(t.avatarList, (o, h) => (d(), D(r, {
+            (d(!0), u(Q, null, J(t.avatarList, (o, h) => (d(), I(r, {
               key: h,
               size: t.avatarSize,
               seed: o.seed,
@@ -9692,7 +9750,7 @@ function Sd(e, a, t, i, s, n) {
               "overlay-text": o.text,
               "avatar-class": [{ "d-mln24": h > 0, "d-bc-brand": !!o.halo }]
             }, null, 8, ["size", "seed", "full-name", "image-src", "icon-name", "overlay-icon", "overlay-text", "avatar-class"]))), 128))
-          ])) : (d(), D(r, {
+          ])) : (d(), I(r, {
             key: 1,
             size: t.avatarSize,
             "full-name": t.avatarFullName,
@@ -9726,7 +9784,7 @@ function Sd(e, a, t, i, s, n) {
     } : void 0
   ]), 1032, ["role"]);
 }
-const ch = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-a3c913d1"]]), wd = [
+const ch = /* @__PURE__ */ T(md, [["render", Sd], ["__scopeId", "data-v-a3c913d1"]]), wd = [
   "green300",
   "green100",
   "red200",
@@ -9785,7 +9843,7 @@ function Dd(e, a, t, i, s, n) {
     ])
   ], 2);
 }
-const uh = /* @__PURE__ */ I(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "promptcollect", Jt = "promptplay", ea = "gotoexpert", wt = "goto", ta = "branch", aa = "transfer", na = "hangup", Od = {
+const uh = /* @__PURE__ */ T(Cd, [["render", Dd]]), Xt = "promptmenu", Zt = "promptcollect", Jt = "promptplay", ea = "gotoexpert", wt = "goto", ta = "branch", aa = "transfer", na = "hangup", Od = {
   [Xt]: "keypad",
   [Zt]: "dialer",
   [Jt]: "volume-2",
@@ -9917,13 +9975,13 @@ function Bd(e, a, t, i, s, n) {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
       class: C(["ivr-connector ivr-connector--dtmf", { "ivr-connector--dtmf--selected": t.isSelected }])
-    }, M(t.dtmfKey), 3)) : w("", !0),
-    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : w("", !0),
+    }, M(t.dtmfKey), 3)) : S("", !0),
+    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : S("", !0),
     !t.dtmfKey && !e.$slots.connector ? (d(), u("div", {
       key: 2,
       "data-qa": "dt-top-connector",
       class: C(["ivr-connector", { "ivr-connector--selected": t.isSelected }])
-    }, null, 2)) : w("", !0),
+    }, null, 2)) : S("", !0),
     p(h, {
       "content-class": "d-bt d-bc-black-300 d-px12 d-pt8 d-pb12",
       "container-class": [
@@ -9995,7 +10053,7 @@ function Bd(e, a, t, i, s, n) {
     }, 8, ["container-class", "header-class"])
   ], 16);
 }
-const fh = /* @__PURE__ */ I(Ed, [["render", Bd]]), Pd = {
+const fh = /* @__PURE__ */ T(Ed, [["render", Bd]]), Pd = {
   name: "DtRecipeGroupedChip",
   components: {
     DtChip: an
@@ -10035,7 +10093,7 @@ function zd(e, a, t, i, s, n) {
       default: c(() => [
         s.hasSlotContent(e.$slots.leftContent) ? (d(), u("div", Nd, [
           m(e.$slots, "leftContent")
-        ])) : w("", !0)
+        ])) : S("", !0)
       ]),
       _: 2
     }, [
@@ -10044,7 +10102,7 @@ function zd(e, a, t, i, s, n) {
         fn: c(() => [
           s.hasSlotContent(e.$slots.leftIcon) ? (d(), u("div", $d, [
             m(e.$slots, "leftIcon")
-          ])) : w("", !0)
+          ])) : S("", !0)
         ]),
         key: "0"
       } : void 0
@@ -10060,18 +10118,18 @@ function zd(e, a, t, i, s, n) {
       icon: c(() => [
         s.hasSlotContent(e.$slots.rightIcon) ? (d(), u("div", Fd, [
           m(e.$slots, "rightIcon")
-        ])) : w("", !0)
+        ])) : S("", !0)
       ]),
       default: c(() => [
         s.hasSlotContent(e.$slots.rightContent) ? (d(), u("div", qd, [
           m(e.$slots, "rightContent")
-        ])) : w("", !0)
+        ])) : S("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const mh = /* @__PURE__ */ I(Pd, [["render", zd]]), Hd = {
+const mh = /* @__PURE__ */ T(Pd, [["render", zd]]), Hd = {
   name: "DtRecipeSettingsMenuButton",
   components: {
     DtButton: j,
@@ -10099,7 +10157,7 @@ const mh = /* @__PURE__ */ I(Pd, [["render", zd]]), Hd = {
 };
 function Vd(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-button");
-  return t.updateAvailable ? (d(), D(l, A({
+  return t.updateAvailable ? (d(), I(l, A({
     key: 0,
     importance: "outlined",
     size: "xs",
@@ -10117,7 +10175,7 @@ function Vd(e, a, t, i, s, n) {
       m(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
-  }, 16, ["aria-label"])) : (d(), D(l, A({
+  }, 16, ["aria-label"])) : (d(), I(l, A({
     key: 1,
     importance: "clear",
     kind: "inverted",
@@ -10133,7 +10191,7 @@ function Vd(e, a, t, i, s, n) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const ph = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3"]]), G = {
+const ph = /* @__PURE__ */ T(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3"]]), G = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -10221,7 +10279,7 @@ const ph = /* @__PURE__ */ I(Hd, [["render", Vd], ["__scopeId", "data-v-b0dfa8b3
 };
 function Yd(e, a, t, i, s, n) {
   const r = g("dt-icon");
-  return n.isIconType ? (d(), D(r, {
+  return n.isIconType ? (d(), I(r, {
     key: 0,
     name: n.getIconName,
     size: t.iconSize
@@ -10237,9 +10295,9 @@ function Yd(e, a, t, i, s, n) {
       name: "dialbot",
       size: "500"
     })
-  ], 2)) : w("", !0);
+  ], 2)) : S("", !0);
 }
-const Gd = /* @__PURE__ */ I(Kd, [["render", Yd]]), Qd = {
+const Gd = /* @__PURE__ */ T(Kd, [["render", Yd]]), Qd = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: Ht,
@@ -10511,7 +10569,7 @@ function oc(e, a, t, i, s, n) {
       ], 4)
     ], 16, Xd),
     n.hasActions ? (d(), u("div", ic, [
-      t.dndText ? (d(), D(o, {
+      t.dndText ? (d(), I(o, {
         key: 0,
         placement: "top",
         message: t.dndTextTooltip
@@ -10524,13 +10582,13 @@ function oc(e, a, t, i, s, n) {
           }, M(t.dndText), 513)
         ]),
         _: 1
-      }, 8, ["message"])) : w("", !0),
+      }, 8, ["message"])) : S("", !0),
       t.activeVoiceChat ? (d(), u("div", sc, [
         p(h, {
           size: "300",
           name: "waveform"
         })
-      ])) : n.showUnreadCount ? (d(), D(o, {
+      ])) : n.showUnreadCount ? (d(), I(o, {
         key: 2,
         message: t.unreadCountTooltip,
         placement: "top"
@@ -10549,7 +10607,7 @@ function oc(e, a, t, i, s, n) {
           })
         ]),
         _: 1
-      }, 8, ["message"])) : w("", !0),
+      }, 8, ["message"])) : S("", !0),
       t.hasCallButton ? (d(), u("div", rc, [
         p(o, {
           message: t.callButtonTooltip,
@@ -10578,11 +10636,11 @@ function oc(e, a, t, i, s, n) {
           ]),
           _: 1
         }, 8, ["message"])
-      ])) : w("", !0)
-    ])) : w("", !0)
+      ])) : S("", !0)
+    ])) : S("", !0)
   ], 2);
 }
-const bn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6"]]), lc = {
+const bn = /* @__PURE__ */ T(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6"]]), lc = {
   name: "DtRecipeGroupRow",
   components: {
     DtIcon: V,
@@ -10653,7 +10711,7 @@ const bn = /* @__PURE__ */ I(Qd, [["render", oc], ["__scopeId", "data-v-49d75ce6
 };
 function dc(e, a, t, i, s, n) {
   const r = g("dt-icon"), l = g("dt-recipe-general-row");
-  return d(), D(l, A({
+  return d(), I(l, A({
     description: t.names,
     "aria-label": n.ariaLabel,
     "unread-count": t.unreadCount,
@@ -10671,7 +10729,7 @@ function dc(e, a, t, i, s, n) {
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }
-const gh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
+const gh = /* @__PURE__ */ T(lc, [["render", dc]]), cc = {
   name: "DtRecipeContactRow",
   components: {
     DtAvatar: gt,
@@ -10827,7 +10885,7 @@ const gh = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
 }, uc = { class: "dt-leftbar-row__status" };
 function hc(e, a, t, i, s, n) {
   const r = g("dt-avatar"), l = g("dt-emoji-text-wrapper"), o = g("dt-recipe-general-row");
-  return d(), D(o, A({
+  return d(), I(o, A({
     "unread-count": t.unreadCount,
     description: n.contactDescription,
     "has-unreads": t.hasUnreads,
@@ -10868,8 +10926,8 @@ function hc(e, a, t, i, s, n) {
           key: 0,
           "data-qa": "dt-leftbar-row-presence-text",
           class: C(["dt-leftbar-row__meta-context", n.presenceColorClass])
-        }, M(t.presenceText), 3)) : w("", !0),
-        t.userStatus ? (d(), D(l, {
+        }, M(t.presenceText), 3)) : S("", !0),
+        t.userStatus ? (d(), I(l, {
           key: 1,
           size: "100",
           "element-type": "span",
@@ -10880,13 +10938,13 @@ function hc(e, a, t, i, s, n) {
             q(M(t.userStatus), 1)
           ]),
           _: 1
-        })) : w("", !0)
+        })) : S("", !0)
       ])
     ]),
     _: 1
   }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
 }
-const bh = /* @__PURE__ */ I(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], pc = {
+const bh = /* @__PURE__ */ T(cc, [["render", hc]]), fc = ["up", "down"], mc = ["mentions", "messages"], pc = {
   name: "DtRecipeUnreadPill",
   components: {
     DtIcon: V
@@ -10944,7 +11002,7 @@ function bc(e, a, t, i, s, n) {
     ])
   ], 16);
 }
-const vh = /* @__PURE__ */ I(pc, [["render", bc]]), Fa = {
+const vh = /* @__PURE__ */ T(pc, [["render", bc]]), Fa = {
   NORMAL: "",
   SEARCHED: "dt-feed-item-row--state-searched",
   ERROR: "dt-feed-item-row--state-error"
@@ -11128,7 +11186,7 @@ const vh = /* @__PURE__ */ I(pc, [["render", bc]]), Fa = {
 };
 function Lc(e, a, t, i, s, n) {
   const r = g("dt-avatar"), l = g("dt-badge"), o = g("dt-lazy-show"), h = g("dt-list-item");
-  return d(), D(h, A({
+  return d(), I(h, A({
     ref: "FeedItemRef",
     "navigation-type": "none"
   }, e.$attrs, {
@@ -11145,8 +11203,8 @@ function Lc(e, a, t, i, s, n) {
             seed: t.avatarSeed
           }, null, 8, ["full-name", "image-src", "seed"])
         ], !0)
-      ])) : w("", !0),
-      t.showHeader ? w("", !0) : Ee((d(), u("span", {
+      ])) : S("", !0),
+      t.showHeader ? S("", !0) : Ee((d(), u("span", {
         key: 1,
         class: "dt-feed-item-row__left-time",
         "data-qa": "dt-feed-item-row--left-time"
@@ -11157,10 +11215,10 @@ function Lc(e, a, t, i, s, n) {
     bottom: c(() => [
       e.$slots.reactions ? (d(), u("div", Tc, [
         m(e.$slots, "reactions", {}, void 0, !0)
-      ])) : w("", !0),
+      ])) : S("", !0),
       e.$slots.threading ? (d(), u("div", Dc, [
         m(e.$slots, "threading", {}, void 0, !0)
-      ])) : w("", !0)
+      ])) : S("", !0)
     ]),
     right: c(() => [
       Ee(b("div", Oc, [
@@ -11183,23 +11241,23 @@ function Lc(e, a, t, i, s, n) {
         t.showHeader ? (d(), u("div", Sc, [
           b("p", wc, M(t.displayName), 1),
           b("time", Cc, M(t.time), 1),
-          t.labelText ? (d(), D(l, {
+          t.labelText ? (d(), I(l, {
             key: 0,
             text: t.labelText
-          }, null, 8, ["text"])) : w("", !0)
-        ])) : w("", !0),
+          }, null, 8, ["text"])) : S("", !0)
+        ])) : S("", !0),
         b("span", kc, [
           m(e.$slots, "default", {}, void 0, !0)
         ]),
         e.$slots.attachment ? (d(), u("div", Ic, [
           m(e.$slots, "attachment", {}, void 0, !0)
-        ])) : w("", !0)
+        ])) : S("", !0)
       ])
     ]),
     _: 3
   }, 16, ["class"]);
 }
-const yh = /* @__PURE__ */ I(vc, [["render", Lc], ["__scopeId", "data-v-caef606e"]]), qa = {
+const yh = /* @__PURE__ */ T(vc, [["render", Lc], ["__scopeId", "data-v-e051d17d"]]), qa = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"
@@ -11341,7 +11399,7 @@ function Pc(e, a, t, i, s, n) {
     ])
   ], 2);
 }
-const _h = /* @__PURE__ */ I(Ec, [["render", Pc], ["__scopeId", "data-v-ebc5dd1f"]]), Rc = {
+const _h = /* @__PURE__ */ T(Ec, [["render", Pc], ["__scopeId", "data-v-dab5b252"]]), Rc = {
   name: "DtRecipeTimePill",
   props: {
     /**
@@ -11372,7 +11430,7 @@ function Nc(e, a, t, i, s, n) {
     class: "dt-time-pill"
   }, M(t.dateTimeDisplay), 9, $c);
 }
-const Sh = /* @__PURE__ */ I(Rc, [["render", Nc]]), Fc = [
+const Sh = /* @__PURE__ */ T(Rc, [["render", Nc]]), Fc = [
   "emojiUnicodeOrShortname",
   "isSelected",
   "ariaLabel",
@@ -11464,7 +11522,7 @@ function jc(e, a, t, i, s, n) {
     m(e.$slots, "picker")
   ]);
 }
-const wh = /* @__PURE__ */ I(qc, [["render", jc]]), Kc = {
+const wh = /* @__PURE__ */ T(qc, [["render", jc]]), Kc = {
   name: "DtProgressBar",
   props: {
     progressbarAriaLabel: {
@@ -11520,7 +11578,7 @@ function Xc(e, a, t, i, s, n) {
     ], 4))
   ], 8, Yc);
 }
-const Zc = /* @__PURE__ */ I(Kc, [["render", Xc]]), Jc = {
+const Zc = /* @__PURE__ */ T(Kc, [["render", Xc]]), Jc = {
   name: "DtImageCarousel",
   components: {
     DtImageViewer: hs,
@@ -11576,12 +11634,12 @@ function au(e, a, t, i, s, n) {
       "aria-label": t.clickToOpenAriaLabel
     }, null, 8, ["image-src", "image-alt", "close-aria-label", "aria-label"]),
     b("div", tu, [
-      t.mediaItem.isUploading ? (d(), D(l, {
+      t.mediaItem.isUploading ? (d(), I(l, {
         key: 0,
         class: "dt-attachment-image__progress-bar",
         progress: t.mediaItem.progress,
         "progressbar-aria-label": t.progressbarAriaLabel
-      }, null, 8, ["progress", "progressbar-aria-label"])) : w("", !0),
+      }, null, 8, ["progress", "progressbar-aria-label"])) : S("", !0),
       p(h, {
         id: `closeButton-${t.index}`,
         tabindex: "0",
@@ -11603,7 +11661,7 @@ function au(e, a, t, i, s, n) {
     ])
   ]);
 }
-const nu = /* @__PURE__ */ I(Jc, [["render", au]]), iu = 64, su = {
+const nu = /* @__PURE__ */ T(Jc, [["render", au]]), iu = 64, su = {
   name: "DtRecipeAttachmentCarousel",
   components: {
     DtButton: j,
@@ -11724,7 +11782,7 @@ function ou(e, a, t, i, s, n) {
       class: "dt-attachment-carousel__media-list",
       onScroll: a[0] || (a[0] = (...o) => n.handleScroll && n.handleScroll(...o))
     }, [
-      (d(!0), u(Q, null, J(n.filteredMediaList, (o, h) => (d(), D(Se(n.mediaComponent(o.type)), {
+      (d(!0), u(Q, null, J(n.filteredMediaList, (o, h) => (d(), I(Se(n.mediaComponent(o.type)), {
         key: `media-${h}`,
         index: h,
         "media-item": o,
@@ -11734,7 +11792,7 @@ function ou(e, a, t, i, s, n) {
         onRemoveMedia: (v) => n.removeMediaItem(h),
         onFocusin: n.onItemFocus
       }, null, 40, ["index", "media-item", "close-aria-label", "click-to-open-aria-label", "progressbar-aria-label", "onRemoveMedia", "onFocusin"]))), 128))
-    ], 544)) : w("", !0),
+    ], 544)) : S("", !0),
     Ee(p(l, {
       tabindex: "-1",
       "aria-label": t.leftArrowAriaLabel,
@@ -11775,7 +11833,7 @@ function ou(e, a, t, i, s, n) {
     ])
   ]);
 }
-const Ch = /* @__PURE__ */ I(su, [["render", ou]]), lu = [
+const Ch = /* @__PURE__ */ T(su, [["render", ou]]), lu = [
   /^https?:\/\//,
   /^http?:\/\//,
   /^ftp?:\/\//,
@@ -12197,32 +12255,32 @@ function mu(e, a, t, i, s, n) {
       class: "d-p8 dt-editor--top-bar-background"
     }, {
       default: c(() => [
-        (d(!0), u(Q, null, J(n.buttonGroups, (_) => (d(), D(h, {
+        (d(!0), u(Q, null, J(n.buttonGroups, (_) => (d(), I(h, {
           key: _.key,
           direction: "row",
           gap: "300"
         }, {
           default: c(() => [
-            (d(!0), u(Q, null, J(_.buttonGroup, (S) => (d(), D(o, {
-              key: `${_.key}-${JSON.stringify(S.selector)}`,
-              message: S.tooltipMessage,
+            (d(!0), u(Q, null, J(_.buttonGroup, (w) => (d(), I(o, {
+              key: `${_.key}-${JSON.stringify(w.selector)}`,
+              message: w.tooltipMessage,
               placement: "top"
             }, {
               anchor: c(() => {
-                var N, T;
+                var N, D;
                 return [
                   p(l, {
-                    "data-qa": S.dataQA,
+                    "data-qa": w.dataQA,
                     importance: "clear",
                     kind: "muted",
-                    active: (T = (N = e.$refs.richTextEditor) == null ? void 0 : N.editor) == null ? void 0 : T.isActive(S.selector),
+                    active: (D = (N = e.$refs.richTextEditor) == null ? void 0 : N.editor) == null ? void 0 : D.isActive(w.selector),
                     size: "xs",
-                    "aria-label": S.tooltipMessage,
-                    onClick: (k) => S.onClick()
+                    "aria-label": w.tooltipMessage,
+                    onClick: (k) => w.onClick()
                   }, {
                     icon: c(() => [
                       p(r, {
-                        name: S.iconName,
+                        name: w.iconName,
                         size: "200",
                         class: "d-fw-bold"
                       }, null, 8, ["name"])
@@ -12237,7 +12295,7 @@ function mu(e, a, t, i, s, n) {
           ]),
           _: 2
         }, 1024))), 128)),
-        n.linkButton.showBtn ? (d(), D(h, {
+        n.linkButton.showBtn ? (d(), I(h, {
           key: 0,
           direction: "row",
           gap: "300"
@@ -12257,20 +12315,20 @@ function mu(e, a, t, i, s, n) {
               onOpened: n.updateInput
             }, {
               anchor: c(() => [
-                (d(), D(o, {
+                (d(), I(o, {
                   key: n.linkButton.key,
                   message: n.linkButton.tooltipMessage,
                   placement: "top"
                 }, {
                   anchor: c(() => {
-                    var _, S;
+                    var _, w;
                     return [
                       p(l, {
                         "data-qa": n.linkButton.dataQA,
                         importance: "clear",
                         kind: "muted",
                         class: "d-ol-none",
-                        active: (S = (_ = e.$refs.richTextEditor) == null ? void 0 : _.editor) == null ? void 0 : S.isActive(n.linkButton.selector),
+                        active: (w = (_ = e.$refs.richTextEditor) == null ? void 0 : _.editor) == null ? void 0 : w.isActive(n.linkButton.selector),
                         size: "xs",
                         "aria-label": n.linkButton.tooltipMessage,
                         onClick: a[0] || (a[0] = (N) => n.linkButton.onClick())
@@ -12290,7 +12348,7 @@ function mu(e, a, t, i, s, n) {
                 }, 8, ["message"]))
               ]),
               content: c(() => [
-                t.showAddLink.setLinkTitle.length > 0 ? (d(), u("span", hu, M(t.showAddLink.setLinkTitle), 1)) : w("", !0),
+                t.showAddLink.setLinkTitle.length > 0 ? (d(), u("span", hu, M(t.showAddLink.setLinkTitle), 1)) : S("", !0),
                 p(v, {
                   modelValue: s.linkInput,
                   "onUpdate:modelValue": a[1] || (a[1] = (_) => s.linkInput = _),
@@ -12354,7 +12412,7 @@ function mu(e, a, t, i, s, n) {
             }, 8, ["open", "onClick", "onOpened"])
           ]),
           _: 1
-        })) : w("", !0)
+        })) : S("", !0)
       ]),
       _: 1
     }),
@@ -12383,7 +12441,7 @@ function mu(e, a, t, i, s, n) {
     ], 4)
   ]);
 }
-const kh = /* @__PURE__ */ I(cu, [["render", mu]]), za = {
+const kh = /* @__PURE__ */ T(cu, [["render", mu]]), za = {
   warning: "dt-recipe-callbox-badge--warning"
 }, Ha = {
   default: "dt-recipe-callbox--border-default",
@@ -12519,13 +12577,13 @@ function ku(e, a, t, i, s, n) {
   return d(), u("div", gu, [
     e.$slots.video ? (d(), u("div", bu, [
       m(e.$slots, "video", {}, void 0, !0)
-    ])) : w("", !0),
+    ])) : S("", !0),
     b("div", {
       "data-qa": "dt-recipe-callbox--main-content",
       class: C(["dt-recipe-callbox--main-content", n.borderClass, { "dt-recipe-callbox--clickable": t.clickable }])
     }, [
       b("div", vu, [
-        n.shouldShowAvatar ? (d(), D(r, {
+        n.shouldShowAvatar ? (d(), I(r, {
           key: 0,
           "avatar-class": "dt-recipe-callbox--avatar",
           "image-src": t.avatarSrc,
@@ -12536,9 +12594,9 @@ function ku(e, a, t, i, s, n) {
           "overlay-icon": t.isOnHold ? "pause" : null,
           size: "sm",
           onClick: n.handleClick
-        }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : w("", !0),
+        }, null, 8, ["image-src", "full-name", "seed", "clickable", "overlay-icon", "onClick"])) : S("", !0),
         b("div", yu, [
-          (d(), D(Se(t.clickable ? "button" : "span"), {
+          (d(), I(Se(t.clickable ? "button" : "span"), {
             "data-qa": "dt-recipe-callbox--title",
             class: "dt-recipe-callbox--content-title",
             onClick: n.handleClick
@@ -12555,22 +12613,22 @@ function ku(e, a, t, i, s, n) {
                 text: t.badgeText
               }, null, 8, ["class", "text"])
             ], !0)
-          ])) : w("", !0),
+          ])) : S("", !0),
           e.$slots.subtitle ? (d(), u("div", Su, [
             m(e.$slots, "subtitle", {}, void 0, !0)
-          ])) : w("", !0)
+          ])) : S("", !0)
         ]),
         e.$slots.right ? (d(), u("div", wu, [
           m(e.$slots, "right", {}, void 0, !0)
-        ])) : w("", !0)
+        ])) : S("", !0)
       ]),
       e.$slots.bottom ? (d(), u("div", Cu, [
         m(e.$slots, "bottom", {}, void 0, !0)
-      ])) : w("", !0)
+      ])) : S("", !0)
     ], 2)
   ]);
 }
-const Ih = /* @__PURE__ */ I(pu, [["render", ku], ["__scopeId", "data-v-ef08f46e"]]);
+const Ih = /* @__PURE__ */ T(pu, [["render", ku], ["__scopeId", "data-v-ef08f46e"]]);
 let xe;
 function ct(e, a) {
   return sa(), fn(e, a, {