@dialpad/dialtone-vue 3.200.0 → 3.202.0

package/dist/lib/hovercard/hovercard.js

@@ -1,4 +1,4 @@
-import { ref as a, onMounted as b, nextTick as S, onBeforeUnmount as A, watch as E, createBlock as D, openBlock as M, unref as k, withCtx as s, renderSlot as i, createElementVNode as L, normalizeProps as I, guardReactiveProps as N } from "vue";
+import { ref as a, onMounted as b, nextTick as S, onBeforeUnmount as A, watch as E, openBlock as D, createBlock as M, unref as k, withCtx as s, renderSlot as i, createElementVNode as L, normalizeProps as I, guardReactiveProps as N } from "vue";
 import { getUniqueString as $ } from "../../common/utils/index.js";
 import { TOOLTIP_DELAY_MS as C, TOOLTIP_DIRECTIONS as j } from "../tooltip/tooltip-constants.js";
 import B from "../popover/popover.js";
@@ -180,7 +180,7 @@ const z = {
     function P() {
       c.value = !1, d.value || O();
     }
-    return (t, r) => (M(), D(k(B), {
+    return (t, r) => (D(), M(k(B), {
       id: e.id,
       ref_key: "popover",
       ref: p,

package/dist/lib/icon/icon.js

@@ -1,6 +1,6 @@
 import { icons as t } from "@dialpad/dialtone-icons/vue3";
 import { ICON_NAMES as i, ICON_SIZE_MODIFIERS as n } from "./icon-constants.js";
-import { createBlock as o, createCommentVNode as c, openBlock as s, resolveDynamicComponent as d } from "vue";
+import { openBlock as o, createBlock as c, resolveDynamicComponent as s, createCommentVNode as d } from "vue";
 import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {
   compatConfig: { MODE: 3 },
@@ -46,12 +46,12 @@ const m = {
   }
 };
 function u(e, p, r, f, _, a) {
-  return a.icon ? (s(), o(d(a.icon), {
+  return a.icon ? (o(), c(s(a.icon), {
     key: 0,
     size: r.size,
     "aria-label": a.iconAriaLabel,
     "data-qa": e.$attrs["data-qa"] ?? "dt-icon"
-  }, null, 8, ["size", "aria-label", "data-qa"])) : c("", !0);
+  }, null, 8, ["size", "aria-label", "data-qa"])) : d("", !0);
 }
 const C = /* @__PURE__ */ l(m, [["render", u]]);
 export {

package/dist/lib/illustration/illustration.js

@@ -1,4 +1,4 @@
-import { computed as o, createBlock as n, createCommentVNode as l, openBlock as s, resolveDynamicComponent as i } from "vue";
+import { computed as o, openBlock as n, createBlock as l, resolveDynamicComponent as s, createCommentVNode as i } from "vue";
 import { illustrations as u } from "@dialpad/dialtone-icons/vue3";
 import { ILLUSTRATION_NAMES as m } from "./illustration-constants.js";
 const f = /* @__PURE__ */ Object.assign({
@@ -17,10 +17,10 @@ const f = /* @__PURE__ */ Object.assign({
   },
   setup(t) {
     const e = t, a = o(() => u[`./src/illustrations/${e.name}.vue`]);
-    return (r, c) => a.value ? (s(), n(i(a.value), {
+    return (r, c) => a.value ? (n(), l(s(a.value), {
       key: 0,
       "data-qa": r.$attrs["data-qa"] ?? "dt-illustration"
-    }, null, 8, ["data-qa"])) : l("", !0);
+    }, null, 8, ["data-qa"])) : i("", !0);
   }
 });
 export {

package/dist/lib/image-viewer/image-viewer.js

@@ -4,7 +4,7 @@ import { EVENT_KEYNAMES as a } from "../../common/constants/index.js";
 import { DtIconClose as v } from "@dialpad/dialtone-icons/vue3";
 import w from "../../shared/sr_only_close_button.js";
 import { DialtoneLocalization as C } from "../../localization/index.js";
-import { resolveComponent as u, createElementBlock as B, openBlock as l, createVNode as c, createBlock as m, createCommentVNode as b, withCtx as d, createElementVNode as n, normalizeClass as k, Teleport as O, mergeProps as T, toHandlers as y, Transition as E } from "vue";
+import { resolveComponent as u, openBlock as l, createElementBlock as B, createVNode as c, withCtx as m, createElementVNode as n, normalizeClass as b, createBlock as d, Teleport as k, mergeProps as O, toHandlers as T, Transition as y, createCommentVNode as E } from "vue";
 import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import A from "../button/button.js";
 const q = {
@@ -160,24 +160,24 @@ function I(e, t, o, V, i, s) {
       importance: "clear",
       onClick: s.openModal
     }, {
-      default: d(() => [
+      default: m(() => [
         n("img", {
-          class: k(o.imageButtonClass),
+          class: b(o.imageButtonClass),
           src: o.imageSrc,
           alt: o.imageAlt
         }, null, 10, D)
       ]),
       _: 1
     }, 8, ["aria-label", "onClick"]),
-    i.isOpen ? (l(), m(O, {
+    i.isOpen ? (l(), d(k, {
       key: 0,
       to: o.appendTo
     }, [
-      n("div", T({
+      n("div", O({
         "aria-hidden": i.isOpen ? "false" : "true",
         class: "d-modal",
         "data-qa": "dt-modal"
-      }, y(s.modalListeners, !0), {
+      }, T(s.modalListeners, !0), {
         onMouseover: t[0] || (t[0] = (r) => i.showCloseButton = !0),
         onMouseleave: t[1] || (t[1] = (r) => i.showCloseButton = !1),
         onFocusin: t[2] || (t[2] = (r) => i.showCloseButton = !0),
@@ -190,9 +190,9 @@ function I(e, t, o, V, i, s) {
             alt: o.imageAlt
           }, null, 8, N)
         ]),
-        c(E, { name: "fade" }, {
-          default: d(() => [
-            i.showCloseButton ? (l(), m(p, {
+        c(y, { name: "fade" }, {
+          default: m(() => [
+            i.showCloseButton ? (l(), d(p, {
               key: 0,
               ref: "closeImage",
               "data-qa": "dt-image-viewer-close-btn",
@@ -205,14 +205,14 @@ function I(e, t, o, V, i, s) {
               title: s.closeButtonTitle,
               onClick: s.close
             }, {
-              icon: d(() => [
+              icon: m(() => [
                 c(f, {
                   class: "d-image-viewer__close-button",
                   size: "400"
                 })
               ]),
               _: 1
-            }, 8, ["aria-label", "title", "onClick"])) : (l(), m(_, {
+            }, 8, ["aria-label", "title", "onClick"])) : (l(), d(_, {
               key: 1,
               onClose: s.close
             }, null, 8, ["onClose"]))
@@ -220,7 +220,7 @@ function I(e, t, o, V, i, s) {
           _: 1
         })
       ], 16, L)
-    ], 8, ["to"])) : b("", !0)
+    ], 8, ["to"])) : E("", !0)
   ]);
 }
 const G = /* @__PURE__ */ S(q, [["render", I]]);

package/dist/lib/input/input.js

@@ -2,7 +2,7 @@ import { VALIDATION_MESSAGE_TYPES as C, DESCRIPTION_SIZE_TYPES as b } from "../.
 import { INPUT_TYPES as o, DESCRIPTION_SIZE_CLASSES as I, LABEL_SIZE_CLASSES as _, INPUT_STATE_CLASSES as E, INPUT_SIZE_CLASSES as V, INPUT_SIZES as m, INPUT_ICON_SIZES as z } from "./input-constants.js";
 import { addClassStyleAttrs as M, removeClassStyleAttrs as P, getValidationState as T, getUniqueString as A, hasSlotContent as N } from "../../common/utils/index.js";
 import { MessagesMixin as w } from "../../common/mixins/input.js";
-import { resolveComponent as x, createElementBlock as a, openBlock as n, mergeProps as h, createElementVNode as p, createVNode as O, renderSlot as c, createCommentVNode as g, normalizeClass as f, toDisplayString as S, createTextVNode as B, toHandlers as y } from "vue";
+import { resolveComponent as x, openBlock as a, createElementBlock as n, mergeProps as h, createElementVNode as p, renderSlot as c, normalizeClass as f, toDisplayString as S, createCommentVNode as g, createTextVNode as O, toHandlers as y, createVNode as B } from "vue";
 import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import q from "../validation-messages/validation-messages.js";
 const j = {
@@ -374,7 +374,7 @@ const j = {
 }, W = ["read-only"], Z = ["name", "disabled", "autocomplete", "maxlength"], K = ["value", "name", "type", "disabled", "autocomplete", "maxlength"];
 function Y(t, s, i, r, u, e) {
   const d = x("dt-validation-messages");
-  return n(), a("div", h({
+  return a(), n("div", h({
     ref: "container",
     class: [i.rootClass, "d-input__root", { "d-input--hidden": i.hidden }]
   }, e.addClassStyleAttrs(t.$attrs), { "data-qa": "dt-input" }), [
@@ -384,7 +384,7 @@ function Y(t, s, i, r, u, e) {
       "data-qa": "dt-input-label-wrapper"
     }, [
       c(t.$slots, "labelSlot", {}, () => [
-        i.labelVisible && i.label ? (n(), a("div", {
+        i.labelVisible && i.label ? (a(), n("div", {
           key: 0,
           ref: "label",
           "data-qa": "dt-input-label",
@@ -395,7 +395,7 @@ function Y(t, s, i, r, u, e) {
           ])
         }, S(i.label), 3)) : g("", !0)
       ]),
-      u.hasSlotContent(t.$slots.description) || i.description || e.shouldValidateLength ? (n(), a("div", {
+      u.hasSlotContent(t.$slots.description) || i.description || e.shouldValidateLength ? (a(), n("div", {
         key: 0,
         id: e.descriptionKey,
         ref: "description",
@@ -406,12 +406,12 @@ function Y(t, s, i, r, u, e) {
         ]),
         "data-qa": "dt-input-description"
       }, [
-        u.hasSlotContent(t.$slots.description) || i.description ? (n(), a("div", R, [
+        u.hasSlotContent(t.$slots.description) || i.description ? (a(), n("div", R, [
           c(t.$slots, "description", {}, () => [
-            B(S(i.description), 1)
+            O(S(i.description), 1)
           ])
         ])) : g("", !0),
-        e.shouldValidateLength ? (n(), a("div", U, S(e.validationProps.length.description), 1)) : g("", !0)
+        e.shouldValidateLength ? (a(), n("div", U, S(e.validationProps.length.description), 1)) : g("", !0)
       ], 10, F)) : g("", !0),
       p("div", {
         class: f(e.inputWrapperClasses()),
@@ -424,7 +424,7 @@ function Y(t, s, i, r, u, e) {
         }, [
           c(t.$slots, "leftIcon", { iconSize: e.iconSize })
         ], 32),
-        e.isTextarea ? (n(), a("textarea", h({
+        e.isTextarea ? (a(), n("textarea", h({
           key: 0,
           ref: "input",
           name: i.name,
@@ -433,7 +433,7 @@ function Y(t, s, i, r, u, e) {
           class: e.inputClasses(),
           maxlength: e.shouldLimitMaxLength ? e.validationProps.length.max : null,
           "data-qa": "dt-input-input"
-        }, e.removeClassStyleAttrs(t.$attrs), y(e.inputListeners, !0)), null, 16, Z)) : (n(), a("input", h({
+        }, e.removeClassStyleAttrs(t.$attrs), y(e.inputListeners, !0)), null, 16, Z)) : (a(), n("input", h({
           key: 1,
           ref: "input",
           value: i.modelValue,
@@ -457,7 +457,7 @@ function Y(t, s, i, r, u, e) {
         ], 32)
       ], 10, W)
     ], 8, k),
-    O(d, h({
+    B(d, h({
       "validation-messages": e.validationMessages,
       "show-messages": t.showMessages,
       class: t.messagesClass

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

@@ -1,6 +1,6 @@
 import { InputGroupMixin as i } from "../../common/mixins/input-group.js";
 import { hasSlotContent as p } from "../../common/utils/index.js";
-import { resolveComponent as u, createElementBlock as t, openBlock as o, createCommentVNode as g, renderSlot as n, createVNode as m, mergeProps as r, createTextVNode as f, toDisplayString as h } from "vue";
+import { resolveComponent as u, openBlock as t, createElementBlock as o, mergeProps as n, renderSlot as r, createTextVNode as g, toDisplayString as m, createCommentVNode as f, createVNode as h } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import v from "../validation-messages/validation-messages.js";
 const C = {
@@ -61,20 +61,20 @@ const C = {
 }, G = ["data-qa"], M = ["data-qa"];
 function _(e, s, a, S, d, V) {
   const l = u("dt-validation-messages");
-  return o(), t("fieldset", {
+  return t(), o("fieldset", {
     class: "d-input-group__fieldset",
     "data-qa": a.dataQaGroup
   }, [
-    d.hasSlotContent(e.$slots.legend) || e.legend ? (o(), t("legend", r({
+    d.hasSlotContent(e.$slots.legend) || e.legend ? (t(), o("legend", n({
       key: 0,
       class: ["d-label", e.legendClass]
     }, e.legendChildProps, { "data-qa": a.dataQaGroupLegend }), [
-      n(e.$slots, "legend", {}, () => [
-        f(h(e.legend), 1)
+      r(e.$slots, "legend", {}, () => [
+        g(m(e.legend), 1)
       ])
-    ], 16, M)) : g("", !0),
-    n(e.$slots, "default"),
-    m(l, r({
+    ], 16, M)) : f("", !0),
+    r(e.$slots, "default"),
+    h(l, n({
       "validation-messages": e.formattedMessages,
       "show-messages": e.showMessages,
       class: e.messagesClass,

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";