@dialpad/dialtone 9.157.0 → 9.159.0

package/dist/vue3/lib/empty-state/empty-state.js

@@ -1,4 +1,4 @@
-import { useSlots as x, computed as t, onMounted as D, createBlock as M, openBlock as o, unref as m, normalizeClass as a, withCtx as y, createElementBlock as r, createCommentVNode as c, createVNode as k, renderSlot as i, createElementVNode as O, toDisplayString as S } from "vue";
+import { useSlots as x, computed as t, onMounted as D, openBlock as o, createBlock as M, unref as m, normalizeClass as a, withCtx as y, createElementBlock as r, renderSlot as c, createCommentVNode as i, createVNode as k, createElementVNode as O, toDisplayString as S } from "vue";
 import { hasSlotContent as d } from "../../common/utils/index.js";
 import { EMPTY_STATE_SIZE_MODIFIERS as p, EMPTY_STATE_CONTENT_SIZE_MODIFIERS as g, EMPTY_STATE_HEADLINE_SIZE_MODIFIERS as N, EMPTY_STATE_BODY_SIZE_MODIFIERS as Y } from "./empty-state-constants.js";
 import E from "../stack/stack.js";
@@ -46,11 +46,11 @@ const A = {
     }, {
       default: y(() => [
         h.value ? (o(), r("span", A, [
-          i(n.$slots, "illustration")
-        ])) : c("", !0),
+          c(n.$slots, "illustration")
+        ])) : i("", !0),
         I.value ? (o(), r("span", B, [
-          i(n.$slots, "icon", { iconSize: "800" })
-        ])) : c("", !0),
+          c(n.$slots, "icon", { iconSize: "800" })
+        ])) : i("", !0),
         k(m(E), {
           gap: "450",
           class: a(["d-empty-state__content", b.value])
@@ -62,11 +62,11 @@ const A = {
             e.bodyText ? (o(), r("p", {
               key: 0,
               class: a(["d-empty-state__body-text", C.value])
-            }, S(e.bodyText), 3)) : c("", !0)
+            }, S(e.bodyText), 3)) : i("", !0)
           ]),
           _: 1
         }, 8, ["class"]),
-        i(n.$slots, "body")
+        c(n.$slots, "body")
       ]),
       _: 3
     }, 8, ["class"]));

package/dist/vue3/lib/feed-item-pill/feed-item-pill.js

@@ -1,7 +1,7 @@
 import { FEED_ITEM_PILL_BORDER_COLORS as a } from "./feed-item-pill-constants.js";
 import { DtIconChevronDown as b, DtIconChevronRight as h } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as v } from "../../localization/index.js";
-import { resolveComponent as p, createElementBlock as C, openBlock as c, normalizeClass as m, createElementVNode as l, createVNode as f, createSlots as u, withCtx as i, renderSlot as n, toDisplayString as y, createBlock as I, resolveDynamicComponent as k } from "vue";
+import { resolveComponent as p, openBlock as c, createElementBlock as C, normalizeClass as m, createElementVNode as l, createVNode as f, createSlots as u, withCtx as i, renderSlot as n, toDisplayString as y, createBlock as I, resolveDynamicComponent as k } from "vue";
 import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import E from "../collapsible/collapsible.js";
 import L from "../item-layout/item-layout.js";

package/dist/vue3/lib/feed-item-row/feed-item-row.js

@@ -2,7 +2,7 @@ import { DEFAULT_FEED_ROW_STATE as c, FEED_ROW_STATE_BACKGROUND_COLOR as _ } fro
 import k from "../../common/mixins/modal.js";
 import { DtIconUser as C } from "@dialpad/dialtone-icons/vue3";
 import { hasSlotContent as D } from "../../common/utils/index.js";
-import { resolveComponent as r, createBlock as h, openBlock as a, mergeProps as T, toHandlers as b, withCtx as n, createElementVNode as d, createElementBlock as o, createCommentVNode as i, renderSlot as s, toDisplayString as l, withDirectives as u, createVNode as f, vShow as p, createSlots as E } from "vue";
+import { resolveComponent as r, openBlock as a, createBlock as h, mergeProps as T, toHandlers as b, withCtx as n, createElementVNode as d, createElementBlock as o, renderSlot as i, toDisplayString as l, createCommentVNode as s, withDirectives as u, createVNode as f, vShow as p, createSlots as E } from "vue";
 import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import I from "../badge/badge.js";
 import B from "../list-item/list-item.js";
@@ -209,7 +209,7 @@ function G(e, K, t, x, J, m) {
   }, b(m.feedListeners)), {
     left: n(() => [
       t.showHeader ? (a(), o("div", O, [
-        s(e.$slots, "avatar", {}, () => [
+        i(e.$slots, "avatar", {}, () => [
           f(v, {
             "full-name": t.displayName,
             "image-src": t.avatarImageUrl,
@@ -225,8 +225,8 @@ function G(e, K, t, x, J, m) {
             } : void 0
           ]), 1032, ["full-name", "image-src", "seed"])
         ])
-      ])) : i("", !0),
-      t.showHeader ? i("", !0) : u((a(), o("span", {
+      ])) : s("", !0),
+      t.showHeader ? s("", !0) : u((a(), o("span", {
         key: 1,
         class: "d-recipe-feed-item-row__left-time",
         "data-qa": "dt-recipe-feed-item-row--left-time"
@@ -236,11 +236,11 @@ function G(e, K, t, x, J, m) {
     ]),
     bottom: n(() => [
       e.$slots.reactions ? (a(), o("div", P, [
-        s(e.$slots, "reactions")
-      ])) : i("", !0),
+        i(e.$slots, "reactions")
+      ])) : s("", !0),
       e.$slots.threading ? (a(), o("div", W, [
-        s(e.$slots, "threading")
-      ])) : i("", !0),
+        i(e.$slots, "threading")
+      ])) : s("", !0),
       u(d("div", j, [
         f(g, {
           appear: !0,
@@ -248,7 +248,7 @@ function G(e, K, t, x, J, m) {
           show: t.isActive
         }, {
           default: n(() => [
-            s(e.$slots, "menu")
+            i(e.$slots, "menu")
           ]),
           _: 3
         }, 8, ["show"])
@@ -259,21 +259,21 @@ function G(e, K, t, x, J, m) {
     default: n(() => [
       d("article", R, [
         t.showHeader ? (a(), o("div", L, [
-          s(e.$slots, "displayName", {}, () => [
+          i(e.$slots, "displayName", {}, () => [
             d("p", z, l(t.displayName), 1)
           ]),
           d("time", U, l(t.time), 1),
           t.labelText ? (a(), h(y, {
             key: 0,
             text: t.labelText
-          }, null, 8, ["text"])) : i("", !0)
-        ])) : i("", !0),
+          }, null, 8, ["text"])) : s("", !0)
+        ])) : s("", !0),
         d("span", V, [
-          s(e.$slots, "default")
+          i(e.$slots, "default")
         ]),
         m.hasAttachmentContent ? (a(), o("div", M, [
-          s(e.$slots, "attachment")
-        ])) : i("", !0)
+          i(e.$slots, "attachment")
+        ])) : s("", !0)
       ])
     ]),
     _: 3

package/dist/vue3/lib/general-row/general-row.js

@@ -3,7 +3,7 @@ import { DtIconWaveform as M, DtIconPhone as W } from "@dialpad/dialtone-icons/v
 import I from "./leftbar-general-row-icon.js";
 import { addClassStyleAttrs as q, removeClassStyleAttrs as z, returnFirstEl as b, safeConcatStrings as v, extractVueListeners as F } from "../../common/utils/index.js";
 import { DialtoneLocalization as V } from "../../localization/index.js";
-import { resolveComponent as o, resolveDirective as G, createElementBlock as h, openBlock as a, mergeProps as O, createElementVNode as i, createCommentVNode as u, toHandlers as x, withDirectives as L, renderSlot as R, createVNode as c, normalizeStyle as j, withCtx as s, createTextVNode as w, toDisplayString as m, createBlock as T, normalizeClass as S, withModifiers as P } from "vue";
+import { resolveComponent as o, resolveDirective as G, openBlock as a, createElementBlock as h, mergeProps as O, createElementVNode as i, toHandlers as x, withDirectives as L, renderSlot as R, createVNode as u, normalizeStyle as j, withCtx as s, createTextVNode as w, toDisplayString as m, createBlock as T, createCommentVNode as c, normalizeClass as S, withModifiers as P } from "vue";
 import { _ as X } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import H from "../tooltip/tooltip.js";
 import Y from "../button/button.js";
@@ -300,7 +300,7 @@ function ae(t, n, r, g, l, e) {
         ])])), [
           [A, e.typingTooltip]
         ]) : R(t.$slots, "left", { key: 1 }, () => [
-          c(_, {
+          u(_, {
             type: e.getIcon,
             color: r.color,
             "icon-size": r.iconSize,
@@ -313,7 +313,7 @@ function ae(t, n, r, g, l, e) {
         style: j(`flex-basis: ${l.labelWidth}`)
       }, [
         R(t.$slots, "label", {}, () => [
-          c(p, {
+          u(p, {
             class: "d-recipe-leftbar-row__description",
             "data-qa": "dt-recipe-leftbar-row-description",
             size: "200"
@@ -340,9 +340,9 @@ function ae(t, n, r, g, l, e) {
           }, m(r.dndText), 513)
         ]),
         _: 1
-      }, 8, ["message"])) : u("", !0),
+      }, 8, ["message"])) : c("", !0),
       r.activeVoiceChat ? L((a(), h("div", re, [
-        c(f, { size: "300" })
+        u(f, { size: "300" })
       ])), [
         [A, e.activeVoiceChatTooltip]
       ]) : e.showUnreadCount || e.showUnreadMentionCount ? (a(), T(d, {
@@ -364,7 +364,7 @@ function ae(t, n, r, g, l, e) {
               w(m(r.unreadCount), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : u("", !0),
+          }, 8, ["class"])) : c("", !0),
           e.showUnreadMentionCount ? (a(), T(E, {
             key: 1,
             kind: "count",
@@ -380,17 +380,17 @@ function ae(t, n, r, g, l, e) {
               w(m(r.unreadMentionCount), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : u("", !0)
+          }, 8, ["class"])) : c("", !0)
         ]),
         _: 1
-      }, 8, ["message"])) : u("", !0),
+      }, 8, ["message"])) : c("", !0),
       r.hasCallButton ? (a(), h("div", ne, [
-        c(d, {
+        u(d, {
           message: e.callButtonTooltip,
           placement: "top"
         }, {
           anchor: s(() => [
-            c(B, {
+            u(B, {
               class: "d-recipe-leftbar-row__action-button",
               "data-qa": "dt-recipe-leftbar-row-action-call-button",
               circle: "",
@@ -402,15 +402,15 @@ function ae(t, n, r, g, l, e) {
               onClick: n[2] || (n[2] = P((y) => t.$emit("call", y), ["stop"]))
             }, {
               icon: s(() => [
-                c(U, { size: "200" })
+                u(U, { size: "200" })
               ]),
               _: 1
             }, 8, ["aria-label"])
           ]),
           _: 1
         }, 8, ["message"])
-      ])) : u("", !0)
-    ])) : u("", !0)
+      ])) : c("", !0)
+    ])) : c("", !0)
   ], 16);
 }
 const Ce = /* @__PURE__ */ X(J, [["render", ae]]);

package/dist/vue3/lib/general-row/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./general-row.cjs"),R=require("./general-row-constants.cjs");exports.DtRecipeGeneralRow=_.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=R.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=R.LEFTBAR_GENERAL_ROW_TYPES;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./general-row.cjs"),E=require("./leftbar-general-row-icon.cjs"),R=require("./general-row-constants.cjs");exports.DtRecipeGeneralRow=_.default;exports.DtRecipeLeftbarGeneralRowIcon=E.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=R.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=R.LEFTBAR_GENERAL_ROW_TYPES;
 //# sourceMappingURL=index.cjs.map

package/dist/vue3/lib/general-row/index.js

@@ -1,10 +1,12 @@
 import { default as _ } from "./general-row.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as T, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as O, LEFTBAR_GENERAL_ROW_ICON_SIZES as L, LEFTBAR_GENERAL_ROW_TYPES as N } from "./general-row-constants.js";
+import { default as A } from "./leftbar-general-row-icon.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as L, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as O, LEFTBAR_GENERAL_ROW_ICON_SIZES as N, LEFTBAR_GENERAL_ROW_TYPES as o } from "./general-row-constants.js";
 export {
   _ as DtRecipeGeneralRow,
-  T as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  A as DtRecipeLeftbarGeneralRowIcon,
+  L as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
   O as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  L as LEFTBAR_GENERAL_ROW_ICON_SIZES,
-  N as LEFTBAR_GENERAL_ROW_TYPES
+  N as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  o as LEFTBAR_GENERAL_ROW_TYPES
 };
 //# sourceMappingURL=index.js.map

package/dist/vue3/lib/general-row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/vue3/lib/general-row/leftbar-general-row-icon.js

@@ -1,6 +1,6 @@
 import { DtIconCalendarClock as c, DtIconLaptop2 as r, DtIconAtSign as a, DtIconHashBold as l, DtIconLockFilled as i, DtIconExternalLink as s, DtIconUsers as C, DtIconSparkle as p, DtIconLock as I, DtIconLayoutTemplate as _, DtIconThread as D, DtIconHash as T, DtIconContacts as d, DtIconInbox as E, DtIconDialbot as u } from "@dialpad/dialtone-icons/vue3";
 import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as A, LEFTBAR_GENERAL_ROW_TYPES as e } from "./general-row-constants.js";
-import { resolveComponent as y, createBlock as L, createElementBlock as o, createCommentVNode as R, openBlock as n, resolveDynamicComponent as f, normalizeClass as O, createVNode as S } from "vue";
+import { resolveComponent as y, openBlock as n, createBlock as L, resolveDynamicComponent as R, createElementBlock as o, normalizeClass as f, createVNode as O, createCommentVNode as S } from "vue";
 import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const k = /* @__PURE__ */ new Map([
   [e.INBOX, E],
@@ -78,15 +78,15 @@ const k = /* @__PURE__ */ new Map([
 };
 function B(G, H, m, w, z, t) {
   const N = y("dt-icon-dialbot");
-  return t.isIconType ? (n(), L(f(t.getIconName), {
+  return t.isIconType ? (n(), L(R(t.getIconName), {
     key: 0,
     size: m.iconSize
   }, null, 8, ["size"])) : t.isContactCenterType ? (n(), o("div", {
     key: 1,
-    class: O(t.contactCenterIconClasses)
+    class: f(t.contactCenterIconClasses)
   }, null, 2)) : t.isDialbotType ? (n(), o("div", g, [
-    S(N, { size: "500" })
-  ])) : R("", !0);
+    O(N, { size: "500" })
+  ])) : S("", !0);
 }
 const P = /* @__PURE__ */ h(b, [["render", B]]);
 export {

package/dist/vue3/lib/group-row/group-row.js

@@ -1,7 +1,7 @@
 import { DtIconUsers as u } from "@dialpad/dialtone-icons/vue3";
 import { extractVueListeners as s, safeConcatStrings as n } from "../../common/utils/index.js";
 import { DialtoneLocalization as d } from "../../localization/index.js";
-import { resolveComponent as o, createBlock as c, openBlock as l, mergeProps as p, toHandlers as _, withCtx as m, createVNode as C } from "vue";
+import { resolveComponent as o, openBlock as c, createBlock as l, mergeProps as p, toHandlers as _, withCtx as m, createVNode as C } from "vue";
 import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import T from "../general-row/general-row.js";
 const f = {
@@ -96,7 +96,7 @@ const f = {
 };
 function g(r, N, t, E, y, e) {
   const i = o("dt-icon-users"), a = o("dt-recipe-general-row");
-  return l(), c(a, p({
+  return c(), l(a, p({
     description: t.names,
     "aria-label": e.ariaLabel,
     "unread-count": t.unreadCount,

package/dist/vue3/lib/grouped-chip/grouped-chip.js

@@ -1,5 +1,5 @@
 import { hasSlotContent as d } from "../../common/utils/index.js";
-import { resolveComponent as h, createElementBlock as o, openBlock as n, createVNode as p, createSlots as l, withCtx as i, createCommentVNode as r, renderSlot as s } from "vue";
+import { resolveComponent as h, openBlock as o, createElementBlock as n, createVNode as p, createSlots as l, withCtx as i, renderSlot as r, createCommentVNode as s } from "vue";
 import { _ as a } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import u from "../chip/chip.js";
 const f = {
@@ -31,7 +31,7 @@ const f = {
 };
 function S(e, $, k, q, t, y) {
   const c = h("dt-chip");
-  return n(), o("div", _, [
+  return o(), n("div", _, [
     p(c, {
       "hide-close": !0,
       interactive: !1,
@@ -40,18 +40,18 @@ function S(e, $, k, q, t, y) {
       class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"
     }, l({
       default: i(() => [
-        t.hasSlotContent(e.$slots.leftContent) ? (n(), o("div", m, [
-          s(e.$slots, "leftContent")
-        ])) : r("", !0)
+        t.hasSlotContent(e.$slots.leftContent) ? (o(), n("div", m, [
+          r(e.$slots, "leftContent")
+        ])) : s("", !0)
       ]),
       _: 2
     }, [
       t.hasSlotContent(e.$slots.leftIcon) ? {
         name: "icon",
         fn: i(() => [
-          t.hasSlotContent(e.$slots.leftIcon) ? (n(), o("div", g, [
-            s(e.$slots, "leftIcon")
-          ])) : r("", !0)
+          t.hasSlotContent(e.$slots.leftIcon) ? (o(), n("div", g, [
+            r(e.$slots, "leftIcon")
+          ])) : s("", !0)
         ]),
         key: "0"
       } : void 0
@@ -64,14 +64,14 @@ function S(e, $, k, q, t, y) {
       class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"
     }, {
       icon: i(() => [
-        t.hasSlotContent(e.$slots.rightIcon) ? (n(), o("div", C, [
-          s(e.$slots, "rightIcon")
-        ])) : r("", !0)
+        t.hasSlotContent(e.$slots.rightIcon) ? (o(), n("div", C, [
+          r(e.$slots, "rightIcon")
+        ])) : s("", !0)
       ]),
       default: i(() => [
-        t.hasSlotContent(e.$slots.rightContent) ? (n(), o("div", v, [
-          s(e.$slots, "rightContent")
-        ])) : r("", !0)
+        t.hasSlotContent(e.$slots.rightContent) ? (o(), n("div", v, [
+          r(e.$slots, "rightContent")
+        ])) : s("", !0)
       ]),
       _: 3
     })

package/dist/vue3/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/vue3/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/vue3/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/vue3/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/vue3/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/vue3/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,