@dialpad/dialtone-vue 3.201.0 → 3.202.0

package/dist/lib/item-layout/item-layout.js

@@ -1,5 +1,5 @@
 import { hasSlotContent as u } from "../../common/utils/index.js";
-import { createBlock as r, openBlock as s, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as a, withCtx as c, createElementBlock as o, createCommentVNode as n, createElementVNode as C, renderSlot as d } from "vue";
+import { openBlock as s, createBlock as r, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as a, withCtx as c, createElementBlock as o, renderSlot as n, createCommentVNode as d, createElementVNode as C } from "vue";
 import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {
   compatConfig: { MODE: 3 },
@@ -94,8 +94,8 @@ function g(t, i, e, S, b, l) {
         "data-qa": "dt-item-layout-left-wrapper",
         class: a([e.leftClass, "d-item-layout__left"])
       }, [
-        d(t.$slots, "left")
-      ], 2)) : n("", !0),
+        n(t.$slots, "left")
+      ], 2)) : d("", !0),
       C("section", {
         "data-qa": "dt-item-layout-content-wrapper",
         class: a([e.contentClass, "d-item-layout__content"])
@@ -105,8 +105,8 @@ function g(t, i, e, S, b, l) {
           "data-qa": "dt-item-layout-title-wrapper",
           class: a([e.titleClass, "d-item-layout__title"])
         }, [
-          d(t.$slots, "default")
-        ], 2)) : n("", !0),
+          n(t.$slots, "default")
+        ], 2)) : d("", !0),
         l.hasSlotContent(t.$slots.subtitle) ? (s(), o("div", {
           key: 1,
           "data-qa": "dt-item-layout-subtitle-wrapper",
@@ -116,30 +116,30 @@ function g(t, i, e, S, b, l) {
             { "d-item-layout--subtitle--with-title": l.hasSlotContent(t.$slots.default) }
           ])
         }, [
-          d(t.$slots, "subtitle")
-        ], 2)) : n("", !0),
+          n(t.$slots, "subtitle")
+        ], 2)) : d("", !0),
         l.hasSlotContent(t.$slots.bottom) ? (s(), o("div", {
           key: 2,
           "data-qa": "dt-item-layout-bottom-wrapper",
           class: a([e.bottomClass, "d-item-layout__bottom"])
         }, [
-          d(t.$slots, "bottom")
-        ], 2)) : n("", !0)
+          n(t.$slots, "bottom")
+        ], 2)) : d("", !0)
       ], 2),
       l.hasSlotContent(t.$slots.right) ? (s(), o("section", {
         key: 1,
         "data-qa": "dt-item-layout-right-wrapper",
         class: a([e.rightClass, "d-item-layout__right"])
       }, [
-        d(t.$slots, "right")
-      ], 2)) : n("", !0),
+        n(t.$slots, "right")
+      ], 2)) : d("", !0),
       l.hasSlotContent(t.$slots.selected) ? (s(), o("section", {
         key: 2,
         "data-qa": "dt-item-layout-selected-wrapper",
         class: a([e.selectedClass, "d-item-layout__selected"])
       }, [
-        d(t.$slots, "selected")
-      ], 2)) : n("", !0)
+        n(t.$slots, "selected")
+      ], 2)) : d("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);

package/dist/lib/ivr-node/ivr-node.js

@@ -1,7 +1,7 @@
 import { DtIconListBullet as N, DtIconMoreVertical as S, DtIconPhoneHangUp as f, DtIconTransfer as E, DtIconChevronsRight as O, DtIconCallMerge as v, DtIconBranch as R, DtIconExpertNode as A, DtIconVolume2 as L, DtIconDialer as h, DtIconKeypad as y } from "@dialpad/dialtone-icons/vue3";
 import { IVR_NODE_GO_TO as T, IVR_NODE_CLASS_MAPPING as B, IVR_NODE_PROMPT_MENU as M, IVR_NODE_PROMPT_COLLECT as k, IVR_NODE_PROMPT_PLAY as P, IVR_NODE_EXPERT as g, IVR_NODE_BRANCH as w, IVR_NODE_ASSIGN as U, IVR_NODE_CUSTOMER_DATA as q, IVR_NODE_TRANSFER as G, IVR_NODE_HANGUP as K } from "./ivr-node-constants.js";
 import { DialtoneLocalization as z } from "../../localization/index.js";
-import { resolveComponent as i, createElementBlock as l, openBlock as d, mergeProps as H, toHandlers as F, createCommentVNode as s, renderSlot as _, createVNode as r, normalizeClass as m, toDisplayString as I, withCtx as n, createElementVNode as p, createBlock as X, resolveDynamicComponent as Y, withModifiers as j } from "vue";
+import { resolveComponent as i, openBlock as d, createElementBlock as l, mergeProps as H, toHandlers as F, normalizeClass as s, toDisplayString as I, createCommentVNode as _, renderSlot as m, createVNode as r, withCtx as n, createElementVNode as p, createBlock as X, resolveDynamicComponent as Y, withModifiers as j } from "vue";
 import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import J from "../dropdown/dropdown.js";
 import Q from "../button/button.js";
@@ -125,14 +125,14 @@ function ne(e, c, o, re, u, t) {
     o.dtmfKey ? (d(), l("div", {
       key: 0,
       "data-qa": "dt-top-connector-dtmf",
-      class: m(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", { "d-recipe-ivr-node__connector-dtmf--selected": o.isSelected }])
-    }, I(o.dtmfKey), 3)) : s("", !0),
-    e.$slots.connector ? _(e.$slots, "connector", { key: 1 }) : s("", !0),
+      class: s(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", { "d-recipe-ivr-node__connector-dtmf--selected": o.isSelected }])
+    }, I(o.dtmfKey), 3)) : _("", !0),
+    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : _("", !0),
     !o.dtmfKey && !e.$slots.connector ? (d(), l("div", {
       key: 2,
       "data-qa": "dt-top-connector",
-      class: m(["d-recipe-ivr-node__connector", { "d-recipe-ivr-node__connector--selected": o.isSelected }])
-    }, null, 2)) : s("", !0),
+      class: s(["d-recipe-ivr-node__connector", { "d-recipe-ivr-node__connector--selected": o.isSelected }])
+    }, null, 2)) : _("", !0),
     r(b, null, {
       header: n(() => [
         p("div", ee, [
@@ -146,7 +146,7 @@ function ne(e, c, o, re, u, t) {
             icon: n(() => [
               (d(), X(Y(t.nodeIcon), {
                 size: "200",
-                class: m(["", { "d-recipe-ivr-node__goto-icon": t.isGotoNode }])
+                class: s(["", { "d-recipe-ivr-node__goto-icon": t.isGotoNode }])
               }, null, 8, ["class"]))
             ]),
             _: 1
@@ -174,14 +174,14 @@ function ne(e, c, o, re, u, t) {
           ]),
           list: n(({ close: a }) => [
             p("div", oe, [
-              _(e.$slots, "menuItems", { close: a })
+              m(e.$slots, "menuItems", { close: a })
             ])
           ]),
           _: 3
         }, 8, ["open"])
       ]),
       content: n(() => [
-        _(e.$slots, "content")
+        m(e.$slots, "content")
       ]),
       _: 3
     })

package/dist/lib/keyboard-shortcut/keyboard-shortcut.js

@@ -1,5 +1,5 @@
 import { DtIconPlus as u, DtIconOption as h, DtIconCommand as w, DtIconArrowDown as _, DtIconArrowUp as f, DtIconArrowLeft as S, DtIconArrowRight as g, DtIconLayoutGrid as y } from "@dialpad/dialtone-icons/vue3";
-import { createElementBlock as c, openBlock as n, normalizeClass as s, createElementVNode as D, toDisplayString as I, Fragment as l, renderList as A, createBlock as k, createCommentVNode as b, resolveDynamicComponent as C } from "vue";
+import { openBlock as n, createElementBlock as c, normalizeClass as s, createElementVNode as D, toDisplayString as I, Fragment as l, renderList as A, createBlock as k, resolveDynamicComponent as b, createCommentVNode as C } from "vue";
 import { _ as T } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const i = {
   "{win}": y,
@@ -111,7 +111,7 @@ function O(r, t, e, R, v, a) {
   }, [
     D("span", E, I(e.screenReaderText || a.generatedScreenReaderText), 1),
     (n(!0), c(l, null, A(a.formattedShortcutSplit, (o, d) => (n(), c(l, null, [
-      a.icons[o] ? (n(), k(C(a.icons[o]), {
+      a.icons[o] ? (n(), k(b(a.icons[o]), {
         key: `icon-${d}-${o}`,
         size: "100",
         "aria-hidden": "true",
@@ -127,7 +127,7 @@ function O(r, t, e, R, v, a) {
           { "d-keyboard-shortcut__item--inverted": e.inverted }
         ]),
         innerHTML: o
-      }, null, 10, L)) : b("", !0)
+      }, null, 10, L)) : C("", !0)
     ], 64))), 256))
   ], 2);
 }

package/dist/lib/lazy-show/lazy-show.js

@@ -1,4 +1,4 @@
-import { createBlock as r, openBlock as n, Transition as o, mergeProps as s, withCtx as l, withDirectives as d, createElementVNode as p, normalizeProps as c, guardReactiveProps as f, renderSlot as u, createCommentVNode as h, vShow as m } from "vue";
+import { openBlock as r, createBlock as n, Transition as o, mergeProps as s, withCtx as l, withDirectives as d, createElementVNode as p, normalizeProps as c, guardReactiveProps as f, renderSlot as u, createCommentVNode as h, vShow as m } from "vue";
 import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const S = {
   compatConfig: { MODE: 3 },
@@ -61,7 +61,7 @@ const S = {
   }
 };
 function _(e, z, t, y, a, i) {
-  return n(), r(o, s({
+  return r(), n(o, s({
     name: t.transition,
     appear: t.appear
   }, e.$attrs, { css: i.isCSSEnabled }), {

package/dist/lib/link/link.js

@@ -1,5 +1,5 @@
 import { getLinkKindModifier as r, LINK_KIND_MODIFIERS as n, LINK_VARIANTS as a } from "./link-constants.js";
-import { createElementBlock as s, openBlock as i, normalizeClass as o, renderSlot as d } from "vue";
+import { openBlock as s, createElementBlock as i, normalizeClass as o, renderSlot as d } from "vue";
 import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const f = {
   compatConfig: { MODE: 3 },
@@ -41,7 +41,7 @@ const f = {
   }
 }, p = ["href"];
 function c(e, m, k, u, _, t) {
-  return i(), s("a", {
+  return s(), i("a", {
     class: o(t.getLinkClasses()),
     "data-qa": "dt-link",
     href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"

package/dist/lib/list-item/list-item.js

@@ -1,7 +1,7 @@
 import { LIST_ITEM_NAVIGATION_TYPES as s, LIST_ITEM_TYPES as l } from "./list-item-constants.js";
 import h from "../../common/utils/index.js";
 import { DtIconCheck as g } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, createBlock as n, openBlock as d, resolveDynamicComponent as f, mergeProps as _, toHandlers as p, withCtx as a, renderSlot as m, normalizeClass as y, createSlots as v, renderList as T, createVNode as b } from "vue";
+import { resolveComponent as r, openBlock as n, createBlock as d, resolveDynamicComponent as f, mergeProps as _, toHandlers as p, withCtx as a, normalizeClass as y, createSlots as v, renderList as T, renderSlot as m, createVNode as b } from "vue";
 import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import k from "../item-layout/item-layout.js";
 const L = ["listitem", "menuitem", "option"], S = {
@@ -158,7 +158,7 @@ const L = ["listitem", "menuitem", "option"], S = {
 };
 function H(e, C, i, D, E, t) {
   const c = r("dt-icon-check"), u = r("dt-item-layout");
-  return d(), n(f(i.elementType), _({
+  return n(), d(f(i.elementType), _({
     id: i.id,
     class: [
       "d-list-item",
@@ -173,7 +173,7 @@ function H(e, C, i, D, E, t) {
     "aria-selected": i.role === "listitem" ? void 0 : t.isHighlighted
   }, p(t.listItemListeners)), {
     default: a(() => [
-      t.isDefaultType ? (d(), n(u, {
+      t.isDefaultType ? (n(), d(u, {
         key: 0,
         unstyled: "",
         class: y(["d-list-item__wrapper", i.wrapperClass]),

package/dist/lib/list-item-group/list-item-group.js

@@ -1,5 +1,5 @@
 import { getUniqueString as n } from "../../common/utils/index.js";
-import { createElementBlock as a, openBlock as i, normalizeClass as d, createCommentVNode as l, renderSlot as r, createTextVNode as o, toDisplayString as s } from "vue";
+import { openBlock as a, createElementBlock as i, normalizeClass as d, renderSlot as r, createTextVNode as l, toDisplayString as o, createCommentVNode as s } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   compatConfig: { MODE: 3 },
@@ -38,14 +38,14 @@ const c = {
   }
 }, u = ["id", "aria-labelledby"], m = ["id"];
 function f(t, p, e, h, _, y) {
-  return i(), a("ul", {
+  return a(), i("ul", {
     id: e.id,
     class: d(["d-list-item-group", e.listClass]),
     role: "group",
     "data-qa": "dt-dropdown-list-wrapper",
     "aria-labelledby": `${e.id}-heading`
   }, [
-    e.heading ? (i(), a("li", {
+    e.heading ? (a(), i("li", {
       key: 0,
       id: `${e.id}-heading`,
       role: "presentation",
@@ -53,9 +53,9 @@ function f(t, p, e, h, _, y) {
       class: d(["dt-dropdown-list--header", e.headingClass])
     }, [
       r(t.$slots, "headingSlot", {}, () => [
-        o(s(e.heading), 1)
+        l(o(e.heading), 1)
       ])
-    ], 10, m)) : l("", !0),
+    ], 10, m)) : s("", !0),
     r(t.$slots, "default")
   ], 10, u);
 }

package/dist/lib/loader/loader.js

@@ -1,5 +1,5 @@
 import { DtIconLoading as t } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as n, createElementBlock as r, openBlock as d, createVNode as i } from "vue";
+import { resolveComponent as n, openBlock as r, createElementBlock as d, createVNode as i } from "vue";
 import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { ICON_SIZE_MODIFIERS as c } from "../icon/icon-constants.js";
 const s = {
@@ -29,7 +29,7 @@ const s = {
 }, _ = ["aria-label"];
 function m(e, p, o, f, u, g) {
   const a = n("dt-icon-loading");
-  return d(), r("div", {
+  return r(), d("div", {
     class: "d-loader",
     "aria-label": o.ariaLabel || "loading",
     "data-qa": "dt-loader"

package/dist/lib/message-input/message-input-button.js

@@ -1,4 +1,4 @@
-import { resolveComponent as e, createBlock as n, openBlock as i, withCtx as o, createVNode as c, createElementVNode as p, createCommentVNode as _, toDisplayString as f, renderSlot as k } from "vue";
+import { resolveComponent as e, openBlock as n, createBlock as i, withCtx as o, createVNode as c, createElementVNode as p, toDisplayString as _, createCommentVNode as f, renderSlot as k } from "vue";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import b from "../keyboard-shortcut/keyboard-shortcut.js";
 import S from "../stack/stack.js";
@@ -39,7 +39,7 @@ const x = {
 };
 function D(r, a, t, v, B, T) {
   const d = e("dt-button"), l = e("dt-keyboard-shortcut"), u = e("dt-stack"), s = e("dt-tooltip");
-  return i(), n(s, null, {
+  return n(), i(s, null, {
     anchor: o(() => [
       c(d, {
         "data-qa": t.dataQa,
@@ -59,12 +59,12 @@ function D(r, a, t, v, B, T) {
     default: o(() => [
       c(u, { gap: "200" }, {
         default: o(() => [
-          p("p", null, f(t.tooltipText), 1),
-          t.keyboardShortcutText ? (i(), n(l, {
+          p("p", null, _(t.tooltipText), 1),
+          t.keyboardShortcutText ? (n(), i(l, {
             key: 0,
             inverted: "",
             shortcut: t.keyboardShortcutText
-          }, null, 8, ["shortcut"])) : _("", !0)
+          }, null, 8, ["shortcut"])) : f("", !0)
         ]),
         _: 1
       })

package/dist/lib/message-input/message-input-link.js

@@ -1,7 +1,7 @@
 import { DtIconLink2 as E } from "@dialpad/dialtone-icons/vue3";
 import f from "./message-input-button.js";
 import { DialtoneLocalization as N } from "../../localization/index.js";
-import { resolveComponent as r, createBlock as T, openBlock as B, withCtx as a, createVNode as l, createElementVNode as A, toDisplayString as u, withKeys as L, withModifiers as p, createTextVNode as d } from "vue";
+import { resolveComponent as r, openBlock as T, createBlock as B, withCtx as a, createVNode as l, createElementVNode as A, toDisplayString as u, withKeys as L, withModifiers as p, createTextVNode as d } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import v from "../stack/stack.js";
 import O from "../button/button.js";
@@ -81,7 +81,7 @@ const D = {
 }, M = { class: "d-recipe-message-input__link-dialog-title" };
 function C(o, t, k, K, e, n) {
   const b = r("dt-icon-link2"), c = r("dt-recipe-message-input-button"), _ = r("dt-input"), s = r("dt-button"), m = r("dt-stack"), I = r("dt-popover");
-  return B(), T(I, {
+  return T(), B(I, {
     open: e.isOpen,
     placement: "bottom-start",
     "content-class": "d-recipe-message-input__link-popover",

package/dist/lib/message-input/message-input-topbar.js

@@ -1,7 +1,7 @@
 import { DtIconCodeBlock as O, DtIconCode as T, DtIconQuote as x, DtIconListOrdered as E, DtIconStrikethrough as S, DtIconItalic as v, DtIconBold as A, DtIconListBullet as y } from "@dialpad/dialtone-icons/vue3";
 import I from "./message-input-button.js";
 import { DialtoneLocalization as g } from "../../localization/index.js";
-import { resolveComponent as a, createBlock as D, openBlock as N, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as f } from "vue";
+import { resolveComponent as a, openBlock as D, createBlock as N, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as f } from "vue";
 import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import h from "../stack/stack.js";
 const C = {
@@ -93,7 +93,7 @@ const C = {
 };
 function q(c, t, e, M, z, o) {
   const u = a("dt-icon-bold"), s = a("dt-recipe-message-input-button"), d = a("dt-icon-italic"), b = a("dt-icon-strikethrough"), _ = a("dt-icon-list-bullet"), k = a("dt-icon-list-ordered"), p = a("dt-icon-quote"), B = a("dt-icon-code"), L = a("dt-icon-code-block"), m = a("dt-stack");
-  return N(), D(m, {
+  return D(), N(m, {
     direction: "row",
     gap: "200",
     class: "d-recipe-message-input__button-stack"

package/dist/lib/message-input/message-input.js

@@ -4,7 +4,7 @@ import { Node as H, mergeAttributes as G } from "@tiptap/core";
 import { nodeViewProps as K, NodeViewWrapper as W, VueNodeViewRenderer as X } from "../../node_modules/@tiptap/vue-3.js";
 import { DtIconVideo as Q, DtIconClose as J, DtIconSend as Y, DtIconSatisfied as Z, DtIconVerySatisfied as $, DtIconImage as ee } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as v } from "../../localization/index.js";
-import { resolveComponent as l, createBlock as u, openBlock as r, withCtx as a, createVNode as c, createTextVNode as te, toDisplayString as T, createElementVNode as m, resolveDirective as w, createElementBlock as y, mergeProps as _, withModifiers as E, renderSlot as p, createCommentVNode as g, withDirectives as k, normalizeStyle as ie, vShow as ne, normalizeClass as oe, createSlots as se } from "vue";
+import { resolveComponent as l, openBlock as r, createBlock as u, withCtx as a, createVNode as c, createTextVNode as te, toDisplayString as T, createElementVNode as m, resolveDirective as w, createElementBlock as y, mergeProps as _, withModifiers as E, renderSlot as p, createCommentVNode as g, withDirectives as k, normalizeStyle as ie, vShow as ne, normalizeClass as oe, createSlots as se } from "vue";
 import { _ as C } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import P from "../button/button.js";
 import le from "../item-layout/item-layout.js";

package/dist/lib/modal/modal.js

@@ -5,7 +5,7 @@ import { disableRootScrolling as O, returnFirstEl as g, enableRootScrolling as B
 import { EVENT_KEYNAMES as d } from "../../common/constants/index.js";
 import A from "../../shared/sr_only_close_button.js";
 import { DialtoneLocalization as N } from "../../localization/index.js";
-import { resolveComponent as r, createBlock as u, openBlock as a, Teleport as R, createVNode as h, mergeProps as L, toHandlers as v, withCtx as f, createElementBlock as n, createCommentVNode as S, normalizeClass as c, renderSlot as m, createTextVNode as z, toDisplayString as _, Transition as K, withDirectives as q, createElementVNode as j, vShow as H } from "vue";
+import { resolveComponent as r, openBlock as a, createBlock as u, Teleport as R, createVNode as h, mergeProps as L, toHandlers as v, withCtx as f, createElementBlock as n, normalizeClass as c, renderSlot as m, createTextVNode as z, toDisplayString as _, createCommentVNode as S, Transition as K, withDirectives as q, createElementVNode as j, vShow as H } from "vue";
 import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import P from "../button/button.js";
 import U from "../lazy-show/lazy-show.js";

package/dist/lib/motion-text/motion-text.js

@@ -1,5 +1,5 @@
-import { MOTION_TEXT_SPEEDS as y, MOTION_TEXT_ANIMATION_MODES as M, MOTION_TEXT_TIMING_PRESETS as w } from "./motion-text-constants.js";
-import { createElementBlock as h, openBlock as s, normalizeStyle as u, normalizeClass as A, createCommentVNode as l, toDisplayString as f, Fragment as p, createTextVNode as W, renderSlot as T, renderList as g, createBlock as C, Transition as _, withCtx as x } from "vue";
+import { MOTION_TEXT_TIMING_PRESETS as y, MOTION_TEXT_SPEEDS as M, MOTION_TEXT_ANIMATION_MODES as w } from "./motion-text-constants.js";
+import { openBlock as s, createElementBlock as h, normalizeStyle as u, normalizeClass as A, toDisplayString as f, createCommentVNode as l, Fragment as p, createTextVNode as W, renderSlot as T, renderList as g, createBlock as C, Transition as _, withCtx as x } from "vue";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const S = {
   compatConfig: { MODE: 3 },
@@ -21,7 +21,7 @@ const S = {
     animationMode: {
       type: String,
       default: "gradient-in",
-      validator: (t) => M.includes(t)
+      validator: (t) => w.includes(t)
     },
     /**
      * Animation speed using t-shirt sizing.
@@ -30,7 +30,7 @@ const S = {
     speed: {
       type: String,
       default: "md",
-      validator: (t) => y.includes(t)
+      validator: (t) => M.includes(t)
     },
     /**
      * Whether to start animation automatically when component is mounted.
@@ -112,7 +112,7 @@ const S = {
      * Get timing preset based on speed prop
      */
     timing() {
-      return w[this.speed];
+      return y[this.speed];
     },
     /**
      * Computed styles with timing CSS variables

package/dist/lib/notice/notice-action.js

@@ -1,7 +1,7 @@
 import { DtIconClose as r } from "@dialpad/dialtone-icons/vue3";
 import m from "../../shared/sr_only_close_button.js";
 import { DialtoneLocalization as d } from "../../localization/index.js";
-import { resolveComponent as o, createElementBlock as u, openBlock as n, renderSlot as _, createCommentVNode as f, createBlock as l, withCtx as p, createVNode as h } from "vue";
+import { resolveComponent as o, openBlock as n, createElementBlock as u, renderSlot as _, createCommentVNode as f, createBlock as l, withCtx as p, createVNode as h } from "vue";
 import { _ as C } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import B from "../button/button.js";
 const b = {

package/dist/lib/notice/notice-content.js

@@ -1,5 +1,5 @@
 import { hasSlotContent as a } from "../../common/utils/index.js";
-import { createElementBlock as n, openBlock as o, createCommentVNode as c, createElementVNode as s, renderSlot as i, createTextVNode as r, toDisplayString as l } from "vue";
+import { openBlock as n, createElementBlock as o, renderSlot as i, createTextVNode as c, toDisplayString as s, createCommentVNode as r, createElementVNode as l } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const f = {
   compatConfig: { MODE: 3 },
@@ -39,18 +39,18 @@ const f = {
   "data-qa": "notice-content"
 }, u = ["id"], p = ["id"];
 function g(e, S, t, h, d, C) {
-  return o(), n("div", m, [
-    t.title || d.hasSlotContent(e.$slots.titleOverride) ? (o(), n("p", {
+  return n(), o("div", m, [
+    t.title || d.hasSlotContent(e.$slots.titleOverride) ? (n(), o("p", {
       key: 0,
       id: t.titleId,
       class: "d-notice__title",
       "data-qa": "notice-content-title"
     }, [
       i(e.$slots, "titleOverride", {}, () => [
-        r(l(t.title), 1)
+        c(s(t.title), 1)
       ])
-    ], 8, u)) : c("", !0),
-    s("p", {
+    ], 8, u)) : r("", !0),
+    l("p", {
       id: t.contentId,
       class: "d-notice__message",
       "data-qa": "notice-content-message"

package/dist/lib/notice/notice-icon.js

@@ -1,7 +1,7 @@
 import { DtIconBell as n, DtIconAlertCircle as r, DtIconAlertTriangle as c, DtIconCheckCircle as a, DtIconInfo as s } from "@dialpad/dialtone-icons/vue3";
 import { NOTICE_KINDS as l } from "./notice-constants.js";
 import { hasSlotContent as d } from "../../common/utils/index.js";
-import { createElementBlock as m, createCommentVNode as f, openBlock as o, renderSlot as p, createBlock as u, resolveDynamicComponent as I } from "vue";
+import { openBlock as o, createElementBlock as m, renderSlot as f, createBlock as p, resolveDynamicComponent as u, createCommentVNode as I } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const D = /* @__PURE__ */ new Map([
   ["info", s],
@@ -49,10 +49,10 @@ const D = /* @__PURE__ */ new Map([
 };
 function h(e, g, N, S, i, t) {
   return t.defaultIcon || i.hasSlotContent(e.$slots.default) ? (o(), m("div", k, [
-    p(e.$slots, "default", {}, () => [
-      (o(), u(I(t.defaultIcon), { size: "400" }))
+    f(e.$slots, "default", {}, () => [
+      (o(), p(u(t.defaultIcon), { size: "400" }))
     ])
-  ])) : f("", !0);
+  ])) : I("", !0);
 }
 const $ = /* @__PURE__ */ _(C, [["render", h]]);
 export {

package/dist/lib/notice/notice.js

@@ -2,7 +2,7 @@ import u from "./notice-icon.js";
 import m from "./notice-content.js";
 import _ from "./notice-action.js";
 import { NOTICE_KINDS as p, NOTICE_ROLES as h } from "./notice-constants.js";
-import { resolveComponent as i, createElementBlock as C, openBlock as d, normalizeClass as y, createBlock as k, createCommentVNode as I, createVNode as l, withCtx as n, renderSlot as o } from "vue";
+import { resolveComponent as i, openBlock as d, createElementBlock as C, normalizeClass as y, createBlock as k, withCtx as n, renderSlot as o, createCommentVNode as I, createVNode as l } from "vue";
 import { _ as N } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const g = {
   compatConfig: { MODE: 3 },

package/dist/lib/pagination/pagination.js

@@ -1,6 +1,6 @@
 import { DtIconMoreHorizontal as b, DtIconChevronRight as p, DtIconChevronLeft as N } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as A } from "../../localization/index.js";
-import { resolveComponent as g, withDirectives as f, createElementBlock as u, openBlock as l, createVNode as c, withCtx as d, Fragment as I, renderList as E, normalizeClass as v, createBlock as L, createTextVNode as T, toDisplayString as x, vShow as D } from "vue";
+import { resolveComponent as g, withDirectives as f, openBlock as l, createElementBlock as u, createVNode as c, withCtx as d, Fragment as I, renderList as E, normalizeClass as v, createBlock as L, createTextVNode as T, toDisplayString as x, vShow as D } from "vue";
 import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import O from "../button/button.js";
 const G = {

package/dist/lib/popover/popover-constants.js

@@ -1,4 +1,4 @@
-import { TIPPY_STICKY_VALUES as o, BASE_TIPPY_DIRECTIONS as n } from "./tippy-utils.js";
+import { BASE_TIPPY_DIRECTIONS as o, TIPPY_STICKY_VALUES as n } from "./tippy-utils.js";
 const O = {
   none: void 0,
   small: "d-p4",
@@ -10,9 +10,9 @@ const O = {
   medium: "d-pl8",
   large: "d-pl16"
 }, _ = ["dialog", "menu", "listbox", "tree", "grid"], E = ["", "anchor"], t = ["none", "dialog", "first"], S = ["parent", "body", "root"], e = [
-  ...o
-], d = [
   ...n
+], d = [
+  ...o
 ], I = {
   POPOVER_PADDING_CLASSES: O,
   POPOVER_HEADER_FOOTER_PADDING_CLASSES: P,

package/dist/lib/popover/popover-header-footer.js

@@ -1,7 +1,7 @@
 import { DtIconClose as _ } from "@dialpad/dialtone-icons/vue3";
-import { returnFirstEl as u, hasSlotContent as f } from "../../common/utils/index.js";
+import { hasSlotContent as u, returnFirstEl as f } from "../../common/utils/index.js";
 import { DialtoneLocalization as m } from "../../localization/index.js";
-import { resolveComponent as l, createElementBlock as s, openBlock as n, normalizeClass as r, createCommentVNode as c, createBlock as v, renderSlot as h, withCtx as C, createVNode as y } from "vue";
+import { resolveComponent as l, openBlock as n, createElementBlock as s, normalizeClass as r, renderSlot as v, createCommentVNode as c, createBlock as h, withCtx as C, createVNode as y } from "vue";
 import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import b from "../button/button.js";
 const k = {
@@ -46,7 +46,7 @@ const k = {
   ],
   data() {
     return {
-      hasSlotContent: f,
+      hasSlotContent: u,
       i18n: new m()
     };
   },
@@ -58,7 +58,7 @@ const k = {
   methods: {
     focusCloseButton() {
       var o;
-      const e = u((o = this.$refs["popover__close-button"]) == null ? void 0 : o.$el);
+      const e = f((o = this.$refs["popover__close-button"]) == null ? void 0 : o.$el);
       e == null || e.focus();
     }
   }
@@ -80,9 +80,9 @@ function S(e, o, t, T, d, a) {
         "d-popover__footer__content": t.type === "footer"
       }, t.contentClass])
     }, [
-      h(e.$slots, "content")
+      v(e.$slots, "content")
     ], 2)) : c("", !0),
-    t.showCloseButton ? (n(), v(p, {
+    t.showCloseButton ? (n(), h(p, {
       key: 1,
       ref: "popover__close-button",
       "data-qa": "dt-popover-close",

package/dist/lib/popover/popover.js

@@ -1,10 +1,10 @@
-import { POPOVER_CONTENT_WIDTHS as w, POPOVER_HEADER_FOOTER_PADDING_CLASSES as P, POPOVER_PADDING_CLASSES as O, POPOVER_APPEND_TO_VALUES as S, POPOVER_INITIAL_FOCUS_STRINGS as A, POPOVER_STICKY_VALUES as _, POPOVER_ROLES as L } from "./popover-constants.js";
+import { POPOVER_HEADER_FOOTER_PADDING_CLASSES as w, POPOVER_PADDING_CLASSES as O, POPOVER_APPEND_TO_VALUES as P, POPOVER_INITIAL_FOCUS_STRINGS as S, POPOVER_STICKY_VALUES as A, POPOVER_CONTENT_WIDTHS as _, POPOVER_ROLES as L } from "./popover-constants.js";
 import { returnFirstEl as l, enableRootScrolling as T, disableRootScrolling as k, isOutOfViewPort as M, warnIfUnmounted as x, getUniqueString as b, hasSlotContent as I } from "../../common/utils/index.js";
 import B from "../../common/mixins/modal.js";
 import { createTippyPopover as N, getPopperOptions as V } from "./tippy-utils.js";
 import D from "./popover-header-footer.js";
 import q from "../../shared/sr_only_close_button.js";
-import { resolveComponent as y, createElementBlock as F, openBlock as a, createBlock as h, createCommentVNode as c, Teleport as H, createElementVNode as E, withModifiers as g, resolveDynamicComponent as W, normalizeClass as f, withCtx as m, createVNode as z, withKeys as p, renderSlot as v, mergeProps as K, toHandlers as G } from "vue";
+import { resolveComponent as y, openBlock as a, createElementBlock as F, createBlock as h, Teleport as H, createElementVNode as E, withModifiers as g, createCommentVNode as c, resolveDynamicComponent as W, normalizeClass as f, withCtx as m, withKeys as p, renderSlot as v, createVNode as z, mergeProps as K, toHandlers as G } from "vue";
 import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import j from "../lazy-show/lazy-show.js";
 const R = {
@@ -106,7 +106,7 @@ const R = {
     contentWidth: {
       type: String,
       default: "",
-      validator: (e) => w.includes(e)
+      validator: (e) => _.includes(e)
     },
     /**
      * Whether to apply transition on initial render in the content lazy show component.
@@ -240,7 +240,7 @@ const R = {
     sticky: {
       type: [Boolean, String],
       default: !1,
-      validator: (e) => _.includes(e)
+      validator: (e) => A.includes(e)
     },
     /**
      * Determines maximum height for the popover before overflow.
@@ -298,7 +298,7 @@ const R = {
     initialFocusElement: {
       type: [String, HTMLElement],
       default: "first",
-      validator: (e) => A.includes(e) || e instanceof HTMLElement || e.startsWith("#")
+      validator: (e) => S.includes(e) || e instanceof HTMLElement || e.startsWith("#")
     },
     /**
      * If the popover should open pressing up or down arrow key on the anchor element.
@@ -319,7 +319,7 @@ const R = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (e) => S.includes(e) || e instanceof HTMLElement
+      validator: (e) => P.includes(e) || e instanceof HTMLElement
     }
   },
   emits: [
@@ -370,7 +370,7 @@ const R = {
   data() {
     return {
       POPOVER_PADDING_CLASSES: O,
-      POPOVER_HEADER_FOOTER_PADDING_CLASSES: P,
+      POPOVER_HEADER_FOOTER_PADDING_CLASSES: w,
       intersectionObserver: null,
       mutationObserver: null,
       isOutsideViewport: !1,

package/dist/lib/presence/presence.js

@@ -1,5 +1,5 @@
 import { PRESENCE_STATES as s, PRESENCE_STATES_LIST as a } from "./presence-constants.js";
-import { createElementBlock as t, openBlock as r, createCommentVNode as c, createElementVNode as i, toDisplayString as o, normalizeClass as l } from "vue";
+import { openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as i, createElementVNode as o, normalizeClass as l } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const d = {
   compatConfig: { MODE: 3 },
@@ -31,14 +31,14 @@ const d = {
   class: "sr-only"
 };
 function m(n, u, e, E, S, y) {
-  return r(), t("div", {
+  return t(), r("div", {
     class: "d-presence",
     "data-qa": "dt-presence",
     role: "status",
     "aria-live": n.$attrs.ariaLive || "off"
   }, [
-    e.srText ? (r(), t("span", f, o(e.srText), 1)) : c("", !0),
-    i("div", {
+    e.srText ? (t(), r("span", f, c(e.srText), 1)) : i("", !0),
+    o("div", {
       class: l(["d-presence__inner", {
         "d-presence__inner--active": e.presence === "active",
         "d-presence__inner--away": e.presence === "away",