@dialpad/dialtone 9.157.0 → 9.158.0

package/dist/vue3/lib/attachment-carousel/attachment-carousel.js

@@ -1,6 +1,6 @@
 import { DtIconClose as v, DtIconArrowLeft as E, DtIconArrowRight as T } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as L } from "../../localization/index.js";
-import { createElementBlock as n, openBlock as i, normalizeStyle as R, createElementVNode as h, resolveComponent as s, createVNode as c, createBlock as b, createCommentVNode as C, withCtx as f, withDirectives as A, Fragment as D, renderList as x, resolveDynamicComponent as O, vShow as w } from "vue";
+import { openBlock as i, createElementBlock as n, normalizeStyle as R, createElementVNode as h, resolveComponent as s, createVNode as c, createBlock as b, createCommentVNode as C, withCtx as f, Fragment as D, renderList as x, resolveDynamicComponent as O, withDirectives as A, vShow as w } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import I from "../button/button.js";
 import B from "../image-viewer/image-viewer.js";

package/dist/vue3/lib/avatar/avatar.js

@@ -1,8 +1,8 @@
 import { getRandomElement as g, hasSlotContent as o, getUniqueString as y } from "../../common/utils/index.js";
-import { AVATAR_GROUP_VALIDATOR as u, AVATAR_PRESENCE_STATES as m, AVATAR_RANDOM_COLORS as _, AVATAR_SIZE_MODIFIERS as d, AVATAR_ICON_SIZES as S, AVATAR_PRESENCE_SIZE_MODIFIERS as I, AVATAR_KIND_MODIFIERS as A } from "./avatar-constants.js";
+import { AVATAR_PRESENCE_STATES as u, AVATAR_GROUP_VALIDATOR as m, AVATAR_SIZE_MODIFIERS as d, AVATAR_ICON_SIZES as _, AVATAR_PRESENCE_SIZE_MODIFIERS as S, AVATAR_KIND_MODIFIERS as I, AVATAR_RANDOM_COLORS as A } from "./avatar-constants.js";
 import { ICON_SIZE_MODIFIERS as p } from "../icon/icon-constants.js";
 import { extractInitialsFromName as E } from "./utils.js";
-import { resolveComponent as C, createBlock as h, openBlock as r, resolveDynamicComponent as O, normalizeStyle as k, normalizeClass as l, withCtx as R, createElementVNode as b, createElementBlock as s, createCommentVNode as n, renderSlot as f, toDisplayString as c, mergeProps as T } from "vue";
+import { resolveComponent as C, openBlock as r, createBlock as h, resolveDynamicComponent as O, normalizeStyle as k, normalizeClass as l, withCtx as R, createElementVNode as b, createElementBlock as s, renderSlot as f, toDisplayString as c, createCommentVNode as n, mergeProps as T } from "vue";
 import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import N from "../presence/presence.js";
 const L = {
@@ -74,8 +74,8 @@ const L = {
      */
     presence: {
       type: String,
-      default: m.NONE,
-      validator: (e) => Object.values(m).includes(e)
+      default: u.NONE,
+      validator: (e) => Object.values(u).includes(e)
     },
     /**
      * A set of props to be passed into the presence component.
@@ -92,7 +92,7 @@ const L = {
     group: {
       type: Number,
       default: void 0,
-      validator: (e) => u(e)
+      validator: (e) => m(e)
     },
     /**
      * The text that overlays the avatar
@@ -169,9 +169,9 @@ const L = {
   data() {
     return {
       AVATAR_SIZE_MODIFIERS: d,
-      AVATAR_KIND_MODIFIERS: A,
-      AVATAR_PRESENCE_SIZE_MODIFIERS: I,
-      AVATAR_ICON_SIZES: S,
+      AVATAR_KIND_MODIFIERS: I,
+      AVATAR_PRESENCE_SIZE_MODIFIERS: S,
+      AVATAR_ICON_SIZES: _,
       imageLoadedSuccessfully: null,
       formattedInitials: "",
       initializing: !1,
@@ -209,7 +209,7 @@ const L = {
       ];
     },
     showGroup() {
-      return u(this.group);
+      return m(this.group);
     },
     formattedGroup() {
       return this.group > 99 ? "99+" : this.group;
@@ -261,7 +261,7 @@ const L = {
       this.validatedSize === "xs" ? this.formattedInitials = "" : this.validatedSize === "sm" ? this.formattedInitials = e[0] : this.formattedInitials = e;
     },
     getColor() {
-      return this.color ?? g(_, this.seed);
+      return this.color ?? g(A, this.seed);
     },
     _loadedImageEventHandler(e) {
       this.imageLoadedSuccessfully = !0, e.classList.remove("d-d-none");

package/dist/vue3/lib/badge/badge.js

@@ -1,6 +1,6 @@
 import { BADGE_DECORATION_MODIFIERS as l, BADGE_KIND_MODIFIERS as d, BADGE_TYPE_MODIFIERS as c } from "./badge-constants.js";
 import { hasSlotContent as u } from "../../common/utils/index.js";
-import { createElementBlock as o, openBlock as a, normalizeClass as h, createCommentVNode as n, createElementVNode as f, renderSlot as r, createTextVNode as b, toDisplayString as I } from "vue";
+import { openBlock as o, createElementBlock as a, normalizeClass as h, createCommentVNode as n, renderSlot as r, createElementVNode as f, createTextVNode as b, toDisplayString as I } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { ICON_SIZE_MODIFIERS as g } from "../icon/icon-constants.js";
 const p = {
@@ -119,7 +119,7 @@ const p = {
   class: "d-badge__icon-right"
 };
 function S(e, E, t, O, i, s) {
-  return a(), o("span", {
+  return o(), a("span", {
     class: h([
       "d-badge",
       i.BADGE_TYPE_MODIFIERS[t.type],
@@ -130,8 +130,8 @@ function S(e, E, t, O, i, s) {
     ]),
     "data-qa": "dt-badge"
   }, [
-    t.decoration ? (a(), o("span", y)) : n("", !0),
-    s.hasLeftIcon ? (a(), o("span", D, [
+    t.decoration ? (o(), a("span", y)) : n("", !0),
+    s.hasLeftIcon ? (o(), a("span", D, [
       r(e.$slots, "leftIcon", { iconSize: t.iconSize })
     ])) : n("", !0),
     f("span", {
@@ -141,7 +141,7 @@ function S(e, E, t, O, i, s) {
         b(I(t.text), 1)
       ])
     ], 2),
-    s.hasRightIcon ? (a(), o("span", m, [
+    s.hasRightIcon ? (o(), a("span", m, [
       r(e.$slots, "rightIcon", { iconSize: t.iconSize })
     ])) : n("", !0)
   ], 2);

package/dist/vue3/lib/banner/banner.js

@@ -1,6 +1,6 @@
 import g from "../../common/mixins/modal.js";
 import l from "../../common/utils/index.js";
-import { resolveComponent as r, createElementBlock as p, openBlock as s, withKeys as h, normalizeStyle as y, normalizeClass as c, createElementVNode as k, createBlock as _, createCommentVNode as C, createVNode as u, withCtx as o, renderSlot as a } from "vue";
+import { resolveComponent as r, openBlock as s, createElementBlock as p, withKeys as h, normalizeStyle as y, normalizeClass as c, createElementVNode as k, createBlock as _, withCtx as o, renderSlot as a, createCommentVNode as C, createVNode as u } from "vue";
 import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import S from "../notice/notice-action.js";
 import B from "../notice/notice-content.js";

package/dist/vue3/lib/breadcrumbs/breadcrumb-item.js

@@ -1,6 +1,6 @@
 import { BREADCRUMB_ITEM_SELECTED_MODIFIER as l } from "./breadcrumbs-constants.js";
 import { addClassStyleAttrs as s, removeClassStyleAttrs as i } from "../../common/utils/index.js";
-import { resolveComponent as o, createElementBlock as m, openBlock as c, mergeProps as a, createVNode as u, withCtx as f, renderSlot as _, createTextVNode as p, toDisplayString as C } from "vue";
+import { resolveComponent as o, openBlock as m, createElementBlock as c, mergeProps as a, createVNode as u, withCtx as f, renderSlot as _, createTextVNode as p, toDisplayString as C } from "vue";
 import { _ as E } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import b from "../link/link.js";
 import { MUTED as k } from "../link/link-constants.js";
@@ -65,7 +65,7 @@ const D = {
 };
 function v(t, y, r, B, n, e) {
   const d = o("dt-link");
-  return c(), m("li", a({
+  return m(), c("li", a({
     "data-qa": "dt-breadcrumb-item",
     class: [
       r.rootClass,

package/dist/vue3/lib/breadcrumbs/breadcrumbs.js

@@ -2,7 +2,7 @@ import { BREADCRUMBS_INVERTED_MODIFIER as u } from "./breadcrumbs-constants.js";
 import c from "./breadcrumb-item.js";
 import s from "../../common/utils/index.js";
 import { DialtoneLocalization as b } from "../../localization/index.js";
-import { resolveComponent as _, createElementBlock as o, openBlock as t, normalizeClass as f, createElementVNode as B, renderSlot as p, Fragment as E, renderList as D, createBlock as I, mergeProps as R } from "vue";
+import { resolveComponent as _, openBlock as t, createElementBlock as o, normalizeClass as f, createElementVNode as B, renderSlot as p, Fragment as E, renderList as D, createBlock as I, mergeProps as R } from "vue";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const g = {
   compatConfig: { MODE: 3 },

package/dist/vue3/lib/button/button.js

@@ -1,6 +1,6 @@
-import { warn as m, createElementBlock as a, openBlock as o, mergeProps as y, toHandlers as O, createCommentVNode as u, normalizeClass as c, renderSlot as f } from "vue";
+import { warn as m, openBlock as a, createElementBlock as o, mergeProps as y, toHandlers as O, normalizeClass as u, renderSlot as c, createCommentVNode as f } from "vue";
 import { hasSlotContent as l } from "../../common/utils/index.js";
-import { BUTTON_TYPES as _, INVALID_COMBINATION as p, BUTTON_SIZE_MODIFIERS as r, BUTTON_IMPORTANCE_MODIFIERS as h, BUTTON_KIND_MODIFIERS as b, BUTTON_ICON_SIZES as k, ICON_POSITION_MODIFIERS as I } from "./button-constants.js";
+import { INVALID_COMBINATION as _, BUTTON_SIZE_MODIFIERS as r, BUTTON_IMPORTANCE_MODIFIERS as h, BUTTON_KIND_MODIFIERS as b, BUTTON_ICON_SIZES as p, ICON_POSITION_MODIFIERS as I, BUTTON_TYPES as k } from "./button-constants.js";
 import { DialtoneLocalization as S } from "../../localization/index.js";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { getLinkKindModifier as N, LINK_KIND_MODIFIERS as B } from "../link/link-constants.js";
@@ -85,7 +85,7 @@ const g = {
     type: {
       type: String,
       default: "button",
-      validator: (t) => _.includes(t)
+      validator: (t) => k.includes(t)
     },
     /**
      * Button width, accepts
@@ -191,7 +191,7 @@ const g = {
       return this.assertiveOnFocus && this.isInFocus ? "assertive" : this.$attrs.ariaLive;
     },
     iconSize() {
-      return k[this.size];
+      return p[this.size];
     }
   },
   watch: {
@@ -226,7 +226,7 @@ const g = {
     isInvalidPropCombination(t, d, e) {
       if (this.kind === "unstyled")
         return !0;
-      for (const i of p)
+      for (const i of _)
         if (t === i.circle && d === i.kind && e === i.importance)
           return console.warn(i.message), !1;
       return !0;
@@ -243,7 +243,7 @@ const g = {
   }
 }, C = ["type", "disabled", "aria-live", "aria-label"];
 function D(t, d, e, i, s, n) {
-  return o(), a("button", y({
+  return a(), o("button", y({
     class: [
       "base-button__button",
       n.buttonClasses()
@@ -255,10 +255,10 @@ function D(t, d, e, i, s, n) {
     "aria-live": n.computedAriaLive,
     "aria-label": e.loading ? s.i18n.$t("DIALTONE_LOADING") : t.$attrs["aria-label"]
   }, O(n.buttonListeners, !0)), [
-    n.shouldRenderIcon() ? (o(), a("span", {
+    n.shouldRenderIcon() ? (a(), o("span", {
       key: 0,
       "data-qa": "dt-button-icon",
-      class: c([
+      class: u([
         "base-button__icon",
         {
           "d-btn__icon": e.kind !== "unstyled",
@@ -266,19 +266,19 @@ function D(t, d, e, i, s, n) {
         }
       ])
     }, [
-      f(t.$slots, "icon", { iconSize: n.iconSize })
-    ], 2)) : u("", !0),
-    s.hasSlotContent(t.$slots.default) ? (o(), a("span", {
+      c(t.$slots, "icon", { iconSize: n.iconSize })
+    ], 2)) : f("", !0),
+    s.hasSlotContent(t.$slots.default) ? (a(), o("span", {
       key: 1,
       "data-qa": "dt-button-label",
-      class: c([
+      class: u([
         "base-button__label",
         { "d-btn__label": e.kind !== "unstyled" },
         e.labelClass
       ])
     }, [
-      f(t.$slots, "default")
-    ], 2)) : u("", !0)
+      c(t.$slots, "default")
+    ], 2)) : f("", !0)
   ], 16, C);
 }
 const R = /* @__PURE__ */ v(g, [["render", D]]);

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

@@ -1,5 +1,5 @@
 import { BUTTON_GROUP_ALIGNMENT as o } from "./button-group-constants.js";
-import { createElementBlock as n, openBlock as a, normalizeClass as s, renderSlot as l } from "vue";
+import { openBlock as n, createElementBlock as a, normalizeClass as s, renderSlot as l } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   compatConfig: { MODE: 3 },
@@ -21,7 +21,7 @@ const c = {
   }
 };
 function i(t, u, e, m, r, _) {
-  return a(), n("div", {
+  return n(), a("div", {
     class: s([
       "d-btn-group",
       r.BUTTON_GROUP_ALIGNMENT[e.alignment]

package/dist/vue3/lib/button-group/buttons-decorator.js

@@ -1,4 +1,4 @@
-import { resolveComponent as a, createElementBlock as m, openBlock as i, createVNode as e, withCtx as n, createTextVNode as r, toDisplayString as p } from "vue";
+import { resolveComponent as a, openBlock as m, createElementBlock as i, createVNode as e, withCtx as n, createTextVNode as r, toDisplayString as p } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import c from "../button/button.js";
 const d = {
@@ -8,7 +8,7 @@ const d = {
 };
 function u(f, t, l, _, x, C) {
   const o = a("dt-button");
-  return i(), m("div", null, [
+  return m(), i("div", null, [
     e(o, { importance: "primary" }, {
       default: n(() => [...t[0] || (t[0] = [
         r(p("Confirm"), -1)

package/dist/vue3/lib/callbar-button/callbar-button.js

@@ -1,6 +1,6 @@
 import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as d } from "./callbar-button-constants.js";
 import c, { addClassStyleAttrs as u, removeClassStyleAttrs as b, extractVueListeners as p } from "../../common/utils/index.js";
-import { resolveComponent as i, createBlock as f, openBlock as m, mergeProps as o, withCtx as l, renderSlot as r, createTextVNode as h, toDisplayString as y, createElementVNode as B, normalizeClass as C, createVNode as _, toHandlers as S } from "vue";
+import { resolveComponent as i, openBlock as f, createBlock as m, mergeProps as o, withCtx as l, renderSlot as r, createTextVNode as h, toDisplayString as y, createElementVNode as B, normalizeClass as C, createVNode as _, toHandlers as S } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import T from "../tooltip/tooltip.js";
 import v from "../button/button.js";
@@ -183,7 +183,7 @@ const A = {
 };
 function D(t, x, e, w, L, a) {
   const n = i("dt-button"), s = i("dt-tooltip");
-  return m(), f(s, o({
+  return f(), m(s, o({
     id: e.id,
     inverted: e.invertedTooltip
   }, a.addClassStyleAttrs(t.$attrs), {

package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@dialpad/dialtone-icons/vue3"),n=require("../../common/utils/index.cjs"),p=require("../../localization/index.cjs"),t=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),w=require("../callbar-button/callbar-button-constants.cjs"),h=require("../button/button.cjs"),_=require("../dropdown/dropdown.cjs"),m=require("../callbar-button/callbar-button.cjs"),f={name:"DtRecipeCallbarButtonWithDropdown",components:{DtRecipeCallbarButton:m.default,DtDropdown:_.default,DtButton:h.default,DtIconChevronUp:u.DtIconChevronUp},inheritAttrs:!1,props:{id:{type:String,default(){return n.default.getUniqueString()}},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},placement:{type:String,default:"top"},fallbackPlacements:{type:Array,default:()=>["auto"]},disabled:{type:Boolean,default:!1},forceShowArrow:{type:Boolean,default:!1},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},onClick:{type:Function,default:null},buttonClass:{type:[String,Array,Object],default:""},textClass:{type:[String,Array,Object],default:""},buttonWidthSize:{type:String,default:"xl",validator:e=>w.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:["arrow-click","click","opened"],data(){return{open:!1,i18n:new p.DialtoneLocalization}},computed:{showArrowButton(){return this.forceShowArrow||!this.disabled},isCompactMode(){return this.buttonWidthSize==="sm"||this.buttonWidthSize==="md"},arrowButtonLabel(){return this.i18n.$t("DIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL")}},mounted(){n.warnIfUnmounted(n.returnFirstEl(this.$el),this.$options.name)},methods:{removeClassStyleAttrs:n.removeClassStyleAttrs,addClassStyleAttrs:n.addClassStyleAttrs,arrowClick(e){return this.$emit("arrow-click",e),this.toggleOpen()},toggleOpen(){return this.open=!this.open},syncOpenState(){this.open=this.openDropdown},buttonClick(e){this.$props.onClick?this.$emit("click",e):this.arrowClick(e)},onModalIsOpened(e){this.open=e,this.$emit("opened",e)}}};function C(e,B,o,S,a,l){const r=t.resolveComponent("dt-recipe-callbar-button"),i=t.resolveComponent("dt-icon-chevron-up"),d=t.resolveComponent("dt-button"),s=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"dt-recipe--callbar-button-with-dropdown"},l.addClassStyleAttrs(e.$attrs)),[t.createVNode(r,{active:o.active,"aria-label":o.ariaLabel,"button-class":o.buttonClass,"button-width-size":o.buttonWidthSize,danger:o.danger,disabled:o.disabled,"inverted-tooltip":o.invertedTooltip,"show-tooltip":o.showTooltip,"text-class":o.textClass,"tooltip-delay":o.tooltipDelay,"tooltip-text":o.tooltipText,class:"dt-recipe--callbar-button-with-dropdown--main-button",onClick:l.buttonClick},{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),tooltip:t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["active","aria-label","button-class","button-width-size","danger","disabled","inverted-tooltip","show-tooltip","text-class","tooltip-delay","tooltip-text","onClick"]),l.showArrowButton?(t.openBlock(),t.createBlock(s,t.mergeProps({key:0,id:o.id,"fallback-placements":o.fallbackPlacements,open:a.open,modal:!1,placement:o.placement,class:"dt-recipe--callbar-button-with-dropdown--dropdown-wrapper",padding:"none"},l.removeClassStyleAttrs(e.$attrs),{onOpened:l.onModalIsOpened}),{anchor:t.withCtx(()=>[t.createVNode(d,{active:a.open,class:t.normalizeClass(["dt-recipe--callbar-button-with-dropdown--arrow",{"dt-recipe--callbar-button-with-dropdown--arrow--large":!l.isCompactMode}]),circle:!0,importance:"clear",size:"lg","aria-label":l.arrowButtonLabel,title:l.arrowButtonLabel,width:"2rem",onClick:l.arrowClick},{icon:t.withCtx(()=>[t.createVNode(i,{class:"dt-recipe--callbar-button-with-dropdown--arrow__icon",size:"200"})]),_:1},8,["active","class","aria-label","title","onClick"])]),list:t.withCtx(({close:c})=>[t.renderSlot(e.$slots,"list",{close:c})]),_:3},16,["id","fallback-placements","open","placement","onOpened"])):t.createCommentVNode("",!0)],16)}const y=b._(f,[["render",C]]);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@dialpad/dialtone-icons/vue3"),n=require("../../common/utils/index.cjs"),p=require("../../localization/index.cjs"),t=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),w=require("../button/button.cjs"),h=require("../dropdown/dropdown.cjs"),_=require("../callbar-button/callbar-button.cjs"),m=require("../callbar-button/callbar-button-constants.cjs"),f={name:"DtRecipeCallbarButtonWithDropdown",components:{DtRecipeCallbarButton:_.default,DtDropdown:h.default,DtButton:w.default,DtIconChevronUp:u.DtIconChevronUp},inheritAttrs:!1,props:{id:{type:String,default(){return n.default.getUniqueString()}},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},placement:{type:String,default:"top"},fallbackPlacements:{type:Array,default:()=>["auto"]},disabled:{type:Boolean,default:!1},forceShowArrow:{type:Boolean,default:!1},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},onClick:{type:Function,default:null},buttonClass:{type:[String,Array,Object],default:""},textClass:{type:[String,Array,Object],default:""},buttonWidthSize:{type:String,default:"xl",validator:e=>m.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:["arrow-click","click","opened"],data(){return{open:!1,i18n:new p.DialtoneLocalization}},computed:{showArrowButton(){return this.forceShowArrow||!this.disabled},isCompactMode(){return this.buttonWidthSize==="sm"||this.buttonWidthSize==="md"},arrowButtonLabel(){return this.i18n.$t("DIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL")}},mounted(){n.warnIfUnmounted(n.returnFirstEl(this.$el),this.$options.name)},methods:{removeClassStyleAttrs:n.removeClassStyleAttrs,addClassStyleAttrs:n.addClassStyleAttrs,arrowClick(e){return this.$emit("arrow-click",e),this.toggleOpen()},toggleOpen(){return this.open=!this.open},syncOpenState(){this.open=this.openDropdown},buttonClick(e){this.$props.onClick?this.$emit("click",e):this.arrowClick(e)},onModalIsOpened(e){this.open=e,this.$emit("opened",e)}}};function C(e,B,o,S,a,l){const r=t.resolveComponent("dt-recipe-callbar-button"),i=t.resolveComponent("dt-icon-chevron-up"),d=t.resolveComponent("dt-button"),s=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"dt-recipe--callbar-button-with-dropdown"},l.addClassStyleAttrs(e.$attrs)),[t.createVNode(r,{active:o.active,"aria-label":o.ariaLabel,"button-class":o.buttonClass,"button-width-size":o.buttonWidthSize,danger:o.danger,disabled:o.disabled,"inverted-tooltip":o.invertedTooltip,"show-tooltip":o.showTooltip,"text-class":o.textClass,"tooltip-delay":o.tooltipDelay,"tooltip-text":o.tooltipText,class:"dt-recipe--callbar-button-with-dropdown--main-button",onClick:l.buttonClick},{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),tooltip:t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["active","aria-label","button-class","button-width-size","danger","disabled","inverted-tooltip","show-tooltip","text-class","tooltip-delay","tooltip-text","onClick"]),l.showArrowButton?(t.openBlock(),t.createBlock(s,t.mergeProps({key:0,id:o.id,"fallback-placements":o.fallbackPlacements,open:a.open,modal:!1,placement:o.placement,class:"dt-recipe--callbar-button-with-dropdown--dropdown-wrapper",padding:"none"},l.removeClassStyleAttrs(e.$attrs),{onOpened:l.onModalIsOpened}),{anchor:t.withCtx(()=>[t.createVNode(d,{active:a.open,class:t.normalizeClass(["dt-recipe--callbar-button-with-dropdown--arrow",{"dt-recipe--callbar-button-with-dropdown--arrow--large":!l.isCompactMode}]),circle:!0,importance:"clear",size:"lg","aria-label":l.arrowButtonLabel,title:l.arrowButtonLabel,width:"2rem",onClick:l.arrowClick},{icon:t.withCtx(()=>[t.createVNode(i,{class:"dt-recipe--callbar-button-with-dropdown--arrow__icon",size:"200"})]),_:1},8,["active","class","aria-label","title","onClick"])]),list:t.withCtx(({close:c})=>[t.renderSlot(e.$slots,"list",{close:c})]),_:3},16,["id","fallback-placements","open","placement","onOpened"])):t.createCommentVNode("",!0)],16)}const y=b._(f,[["render",C]]);exports.default=y;
 //# sourceMappingURL=callbar-button-with-dropdown.cjs.map

package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js

@@ -1,15 +1,15 @@
 import { DtIconChevronUp as f } from "@dialpad/dialtone-icons/vue3";
 import w, { addClassStyleAttrs as h, removeClassStyleAttrs as _, warnIfUnmounted as C, returnFirstEl as y } from "../../common/utils/index.js";
 import { DialtoneLocalization as B } from "../../localization/index.js";
-import { resolveComponent as a, createElementBlock as k, openBlock as d, mergeProps as c, createVNode as r, createBlock as A, createCommentVNode as g, withCtx as l, renderSlot as n, normalizeClass as S } from "vue";
+import { resolveComponent as a, openBlock as d, createElementBlock as k, mergeProps as c, createVNode as r, withCtx as l, renderSlot as n, createBlock as A, normalizeClass as g, createCommentVNode as S } from "vue";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as D } from "../callbar-button/callbar-button-constants.js";
-import O from "../button/button.js";
-import T from "../dropdown/dropdown.js";
-import L from "../callbar-button/callbar-button.js";
+import D from "../button/button.js";
+import O from "../dropdown/dropdown.js";
+import T from "../callbar-button/callbar-button.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as L } from "../callbar-button/callbar-button-constants.js";
 const z = {
   name: "DtRecipeCallbarButtonWithDropdown",
-  components: { DtRecipeCallbarButton: L, DtDropdown: T, DtButton: O, DtIconChevronUp: f },
+  components: { DtRecipeCallbarButton: T, DtDropdown: O, DtButton: D, DtIconChevronUp: f },
   /* inheritAttrs: false is generally an option we want to set on library
    components. This allows any attributes passed in that are not recognized
    as props to be passed down to another element or component using v-bind:$attrs
@@ -129,7 +129,7 @@ const z = {
     buttonWidthSize: {
       type: String,
       default: "xl",
-      validator: (t) => D.includes(t)
+      validator: (t) => L.includes(t)
     },
     /**
      * Whether the tooltip has an inverted background color.
@@ -263,7 +263,7 @@ function I(t, W, e, R, i, o) {
       anchor: l(() => [
         r(u, {
           active: i.open,
-          class: S([
+          class: g([
             "dt-recipe--callbar-button-with-dropdown--arrow",
             { "dt-recipe--callbar-button-with-dropdown--arrow--large": !o.isCompactMode }
           ]),
@@ -288,7 +288,7 @@ function I(t, W, e, R, i, o) {
         n(t.$slots, "list", { close: b })
       ]),
       _: 3
-    }, 16, ["id", "fallback-placements", "open", "placement", "onOpened"])) : g("", !0)
+    }, 16, ["id", "fallback-placements", "open", "placement", "onOpened"])) : S("", !0)
   ], 16);
 }
 const H = /* @__PURE__ */ v(z, [["render", I]]);

package/dist/vue3/lib/callbar-button-with-popover/callbar-button-with-popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@dialpad/dialtone-icons/vue3"),n=require("../../common/utils/index.cjs"),u=require("../../localization/index.cjs"),t=require("vue"),p=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../callbar-button/callbar-button-constants.cjs"),b=require("../button/button.cjs"),f=require("../popover/popover.cjs"),_=require("../callbar-button/callbar-button.cjs"),C={compatConfig:{MODE:3},name:"DtRecipeCallbarButtonWithPopover",components:{DtRecipeCallbarButton:_.default,DtPopover:f.default,DtButton:b.default,DtIconChevronUp:d.DtIconChevronUp},inheritAttrs:!1,props:{id:{type:String,default(){return n.default.getUniqueString()}},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},placement:{type:String,default:"top"},offset:{type:Array,default:()=>[0,16]},initialFocusElement:{type:String,default:"first"},showCloseButton:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},forceShowArrow:{type:Boolean,default:!1},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},onClick:{type:Function,default:null},buttonClass:{type:[String,Array,Object],default:""},textClass:{type:[String,Array,Object],default:""},buttonWidthSize:{type:String,default:"xl",validator:e=>h.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},contentClass:{type:[String,Array,Object],default:""},openPopover:{type:Boolean,default:!1},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:["arrow-click","click","opened"],data(){return{open:!1,i18n:new u.DialtoneLocalization}},computed:{showArrowButton(){return this.forceShowArrow||!this.disabled},isCompactMode(){return this.buttonWidthSize==="sm"||this.buttonWidthSize==="md"},showPopover(){return!this.openPopover||this.open?(this.syncOpenState(),!1):this.toggleOpen()},arrowButtonLabel(){return this.i18n.$t("DIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL")}},mounted(){n.warnIfUnmounted(n.returnFirstEl(this.$el),this.$options.name)},methods:{removeClassStyleAttrs:n.removeClassStyleAttrs,addClassStyleAttrs:n.addClassStyleAttrs,arrowClick(e){return this.$emit("arrow-click",e),this.toggleOpen()},toggleOpen(){return this.open=!this.open},syncOpenState(){this.open=this.openPopover},buttonClick(e){this.$props.onClick?this.$emit("click",e):this.arrowClick(e)},onModalIsOpened(e){this.open=e,this.$emit("opened",e)}}};function w(e,m,o,y,a,l){const r=t.resolveComponent("dt-recipe-callbar-button"),i=t.resolveComponent("dt-icon-chevron-up"),s=t.resolveComponent("dt-button"),c=t.resolveComponent("dt-popover");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"d-recipe-callbar-button-with-popover"},l.addClassStyleAttrs(e.$attrs)),[t.createVNode(r,{"aria-label":o.ariaLabel,disabled:o.disabled,active:o.active,danger:o.danger,"button-class":o.buttonClass,"button-width-size":o.buttonWidthSize,"text-class":o.textClass,"inverted-tooltip":o.invertedTooltip,"show-tooltip":o.showTooltip,"tooltip-text":o.tooltipText,"tooltip-delay":o.tooltipDelay,class:"d-recipe-callbar-button-with-popover--main-button",onClick:l.buttonClick},{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),tooltip:t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["aria-label","disabled","active","danger","button-class","button-width-size","text-class","inverted-tooltip","show-tooltip","tooltip-text","tooltip-delay","onClick"]),l.showArrowButton?(t.openBlock(),t.createBlock(c,t.mergeProps({key:0,id:o.id,modal:!1,open:a.open,placement:o.placement,"initial-focus-element":o.initialFocusElement,"show-close-button":o.showCloseButton,offset:o.offset,padding:"none",class:"d-recipe-callbar-button-with-popover__popover-wrapper","dialog-class":["d-recipe-callbar-button-with-popover__popover",o.contentClass]},l.removeClassStyleAttrs(e.$attrs),{"open-popover":l.showPopover,onOpened:l.onModalIsOpened}),{anchor:t.withCtx(()=>[t.createVNode(s,{active:a.open,class:t.normalizeClass(["d-recipe-callbar-button-with-popover__arrow",{"d-recipe-callbar-button-with-popover__arrow--large":!l.isCompactMode}]),circle:!0,importance:"clear",size:"lg","aria-label":l.arrowButtonLabel,title:l.arrowButtonLabel,width:"2rem",onClick:l.arrowClick},{icon:t.withCtx(()=>[t.createVNode(i,{class:"d-recipe-callbar-button-with-popover__arrow-icon",size:"200"})]),_:1},8,["active","class","aria-label","title","onClick"])]),content:t.withCtx(()=>[t.renderSlot(e.$slots,"content")]),headerContent:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent")]),footerContent:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent")]),_:3},16,["id","open","placement","initial-focus-element","show-close-button","offset","dialog-class","open-popover","onOpened"])):t.createCommentVNode("",!0)],16)}const v=p._(C,[["render",w]]);exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@dialpad/dialtone-icons/vue3"),n=require("../../common/utils/index.cjs"),u=require("../../localization/index.cjs"),t=require("vue"),p=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../button/button.cjs"),b=require("../popover/popover.cjs"),f=require("../callbar-button/callbar-button.cjs"),_=require("../callbar-button/callbar-button-constants.cjs"),C={compatConfig:{MODE:3},name:"DtRecipeCallbarButtonWithPopover",components:{DtRecipeCallbarButton:f.default,DtPopover:b.default,DtButton:h.default,DtIconChevronUp:d.DtIconChevronUp},inheritAttrs:!1,props:{id:{type:String,default(){return n.default.getUniqueString()}},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},placement:{type:String,default:"top"},offset:{type:Array,default:()=>[0,16]},initialFocusElement:{type:String,default:"first"},showCloseButton:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},forceShowArrow:{type:Boolean,default:!1},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},onClick:{type:Function,default:null},buttonClass:{type:[String,Array,Object],default:""},textClass:{type:[String,Array,Object],default:""},buttonWidthSize:{type:String,default:"xl",validator:e=>_.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},contentClass:{type:[String,Array,Object],default:""},openPopover:{type:Boolean,default:!1},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:["arrow-click","click","opened"],data(){return{open:!1,i18n:new u.DialtoneLocalization}},computed:{showArrowButton(){return this.forceShowArrow||!this.disabled},isCompactMode(){return this.buttonWidthSize==="sm"||this.buttonWidthSize==="md"},showPopover(){return!this.openPopover||this.open?(this.syncOpenState(),!1):this.toggleOpen()},arrowButtonLabel(){return this.i18n.$t("DIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL")}},mounted(){n.warnIfUnmounted(n.returnFirstEl(this.$el),this.$options.name)},methods:{removeClassStyleAttrs:n.removeClassStyleAttrs,addClassStyleAttrs:n.addClassStyleAttrs,arrowClick(e){return this.$emit("arrow-click",e),this.toggleOpen()},toggleOpen(){return this.open=!this.open},syncOpenState(){this.open=this.openPopover},buttonClick(e){this.$props.onClick?this.$emit("click",e):this.arrowClick(e)},onModalIsOpened(e){this.open=e,this.$emit("opened",e)}}};function w(e,m,o,y,a,l){const r=t.resolveComponent("dt-recipe-callbar-button"),i=t.resolveComponent("dt-icon-chevron-up"),s=t.resolveComponent("dt-button"),c=t.resolveComponent("dt-popover");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"d-recipe-callbar-button-with-popover"},l.addClassStyleAttrs(e.$attrs)),[t.createVNode(r,{"aria-label":o.ariaLabel,disabled:o.disabled,active:o.active,danger:o.danger,"button-class":o.buttonClass,"button-width-size":o.buttonWidthSize,"text-class":o.textClass,"inverted-tooltip":o.invertedTooltip,"show-tooltip":o.showTooltip,"tooltip-text":o.tooltipText,"tooltip-delay":o.tooltipDelay,class:"d-recipe-callbar-button-with-popover--main-button",onClick:l.buttonClick},{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),tooltip:t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["aria-label","disabled","active","danger","button-class","button-width-size","text-class","inverted-tooltip","show-tooltip","tooltip-text","tooltip-delay","onClick"]),l.showArrowButton?(t.openBlock(),t.createBlock(c,t.mergeProps({key:0,id:o.id,modal:!1,open:a.open,placement:o.placement,"initial-focus-element":o.initialFocusElement,"show-close-button":o.showCloseButton,offset:o.offset,padding:"none",class:"d-recipe-callbar-button-with-popover__popover-wrapper","dialog-class":["d-recipe-callbar-button-with-popover__popover",o.contentClass]},l.removeClassStyleAttrs(e.$attrs),{"open-popover":l.showPopover,onOpened:l.onModalIsOpened}),{anchor:t.withCtx(()=>[t.createVNode(s,{active:a.open,class:t.normalizeClass(["d-recipe-callbar-button-with-popover__arrow",{"d-recipe-callbar-button-with-popover__arrow--large":!l.isCompactMode}]),circle:!0,importance:"clear",size:"lg","aria-label":l.arrowButtonLabel,title:l.arrowButtonLabel,width:"2rem",onClick:l.arrowClick},{icon:t.withCtx(()=>[t.createVNode(i,{class:"d-recipe-callbar-button-with-popover__arrow-icon",size:"200"})]),_:1},8,["active","class","aria-label","title","onClick"])]),content:t.withCtx(()=>[t.renderSlot(e.$slots,"content")]),headerContent:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent")]),footerContent:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent")]),_:3},16,["id","open","placement","initial-focus-element","show-close-button","offset","dialog-class","open-popover","onOpened"])):t.createCommentVNode("",!0)],16)}const v=p._(C,[["render",w]]);exports.default=v;
 //# sourceMappingURL=callbar-button-with-popover.cjs.map

package/dist/vue3/lib/callbar-button-with-popover/callbar-button-with-popover.js

@@ -1,16 +1,16 @@
 import { DtIconChevronUp as h } from "@dialpad/dialtone-icons/vue3";
 import m, { addClassStyleAttrs as b, removeClassStyleAttrs as _, warnIfUnmounted as w, returnFirstEl as v } from "../../common/utils/index.js";
 import { DialtoneLocalization as C } from "../../localization/index.js";
-import { resolveComponent as a, createElementBlock as y, openBlock as s, mergeProps as c, createVNode as i, createBlock as g, createCommentVNode as B, withCtx as l, renderSlot as n, normalizeClass as S } from "vue";
+import { resolveComponent as a, openBlock as s, createElementBlock as y, mergeProps as c, createVNode as i, withCtx as l, renderSlot as n, createBlock as g, normalizeClass as B, createCommentVNode as S } from "vue";
 import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as k } from "../callbar-button/callbar-button-constants.js";
-import O from "../button/button.js";
-import T from "../popover/popover.js";
-import L from "../callbar-button/callbar-button.js";
+import k from "../button/button.js";
+import O from "../popover/popover.js";
+import T from "../callbar-button/callbar-button.js";
+import { CALLBAR_BUTTON_VALID_WIDTH_SIZE as L } from "../callbar-button/callbar-button-constants.js";
 const D = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeCallbarButtonWithPopover",
-  components: { DtRecipeCallbarButton: L, DtPopover: T, DtButton: O, DtIconChevronUp: h },
+  components: { DtRecipeCallbarButton: T, DtPopover: O, DtButton: k, DtIconChevronUp: h },
   /* inheritAttrs: false is generally an option we want to set on library
     components. This allows any attributes passed in that are not recognized
     as props to be passed down to another element or component using v-bind:$attrs
@@ -149,7 +149,7 @@ const D = {
     buttonWidthSize: {
       type: String,
       default: "xl",
-      validator: (t) => k.includes(t)
+      validator: (t) => L.includes(t)
     },
     /**
      * Additional class name for the popover content wrapper element.
@@ -306,7 +306,7 @@ function z(t, I, e, P, r, o) {
       anchor: l(() => [
         i(u, {
           active: r.open,
-          class: S([
+          class: B([
             "d-recipe-callbar-button-with-popover__arrow",
             { "d-recipe-callbar-button-with-popover__arrow--large": !o.isCompactMode }
           ]),
@@ -337,7 +337,7 @@ function z(t, I, e, P, r, o) {
         n(t.$slots, "footerContent")
       ]),
       _: 3
-    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "offset", "dialog-class", "open-popover", "onOpened"])) : B("", !0)
+    }, 16, ["id", "open", "placement", "initial-focus-element", "show-close-button", "offset", "dialog-class", "open-popover", "onOpened"])) : S("", !0)
   ], 16);
 }
 const j = /* @__PURE__ */ A(D, [["render", z]]);

package/dist/vue3/lib/callbox/callbox.js

@@ -2,7 +2,7 @@ import { CALLBOX_BORDER_COLORS as n, CALLBOX_BADGE_COLORS as _ } from "./callbox
 import h from "../avatar/avatar.js";
 import k from "../badge/badge.js";
 import { DtIconPause as C } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, resolveDirective as y, createElementBlock as l, openBlock as a, normalizeStyle as x, normalizeClass as s, createCommentVNode as o, createElementVNode as d, renderSlot as i, createBlock as b, createSlots as S, withCtx as m, createVNode as u, withDirectives as O, resolveDynamicComponent as D, createTextVNode as B, toDisplayString as w } from "vue";
+import { resolveComponent as r, resolveDirective as y, openBlock as a, createElementBlock as l, normalizeStyle as x, normalizeClass as s, renderSlot as i, createCommentVNode as o, createElementVNode as d, createBlock as b, createSlots as S, withCtx as m, createVNode as u, withDirectives as O, resolveDynamicComponent as D, createTextVNode as B, toDisplayString as w } from "vue";
 import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   compatConfig: { MODE: 3 },

package/dist/vue3/lib/card/card.js

@@ -1,5 +1,5 @@
 import { hasSlotContent as d } from "../../common/utils/index.js";
-import { createElementBlock as r, openBlock as o, normalizeClass as a, createCommentVNode as l, createElementVNode as c, renderSlot as s, normalizeStyle as i } from "vue";
+import { openBlock as r, createElementBlock as o, normalizeClass as a, renderSlot as s, createCommentVNode as l, createElementVNode as c, normalizeStyle as i } from "vue";
 import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {
   compatConfig: { MODE: 3 },
@@ -49,14 +49,14 @@ const m = {
   }
 };
 function C(e, h, t, u, n, y) {
-  return o(), r("div", {
+  return r(), o("div", {
     class: a([
       "d-card",
       t.containerClass
     ]),
     "data-qa": "dt-card"
   }, [
-    n.hasSlotContent(e.$slots.header) ? (o(), r("div", {
+    n.hasSlotContent(e.$slots.header) ? (r(), o("div", {
       key: 0,
       class: a([
         "d-card__header",
@@ -74,7 +74,7 @@ function C(e, h, t, u, n, y) {
     }, [
       s(e.$slots, "content")
     ], 6),
-    n.hasSlotContent(e.$slots.footer) ? (o(), r("div", {
+    n.hasSlotContent(e.$slots.footer) ? (r(), o("div", {
       key: 1,
       class: a([
         "d-card__footer",

package/dist/vue3/lib/checkbox/checkbox.js

@@ -1,7 +1,7 @@
 import { InputMixin as m, CheckableMixin as p, GroupableMixin as b, MessagesMixin as k } from "../../common/mixins/input.js";
 import { addClassStyleAttrs as f, removeClassStyleAttrs as C } from "../../common/utils/index.js";
 import { CHECKBOX_INPUT_VALIDATION_CLASSES as g } from "./checkbox-constants.js";
-import { resolveComponent as v, createElementBlock as l, openBlock as o, mergeProps as i, createElementVNode as n, createCommentVNode as r, normalizeClass as V, toHandlers as M, renderSlot as d, createTextVNode as c, toDisplayString as h, createVNode as y } from "vue";
+import { resolveComponent as v, openBlock as l, createElementBlock as o, mergeProps as i, createElementVNode as n, normalizeClass as V, toHandlers as M, renderSlot as d, createTextVNode as c, toDisplayString as h, createCommentVNode as r, createVNode as y } from "vue";
 import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import $ from "../validation-messages/validation-messages.js";
 const A = {
@@ -98,7 +98,7 @@ const A = {
 };
 function N(e, a, t, w, E, s) {
   const u = v("dt-validation-messages");
-  return o(), l("div", i({ class: e.rootClass }, s.addClassStyleAttrs(e.$attrs)), [
+  return l(), o("div", i({ class: e.rootClass }, s.addClassStyleAttrs(e.$attrs)), [
     n("label", {
       class: V(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }])
     }, [
@@ -112,7 +112,7 @@ function N(e, a, t, w, E, s) {
           class: ["d-checkbox", s.inputValidationClass, e.inputClass]
         }, s.removeClassStyleAttrs(e.$attrs), { ".indeterminate": e.internalIndeterminate }, M(s.inputListeners, !0)), null, 48, I)
       ]),
-      s.hasLabel ? (o(), l("div", i({
+      s.hasLabel ? (l(), o("div", i({
         key: 0,
         class: [e.labelClass, "d-checkbox__copy d-checkbox__label"]
       }, e.labelChildProps, { "data-qa": "checkbox-label" }), [
@@ -121,8 +121,8 @@ function N(e, a, t, w, E, s) {
         ])
       ], 16)) : r("", !0)
     ], 2),
-    e.$slots.description || e.description || s.hasMessages ? (o(), l("div", L, [
-      e.$slots.description || e.description ? (o(), l("div", i({
+    e.$slots.description || e.description || s.hasMessages ? (l(), o("div", L, [
+      e.$slots.description || e.description ? (l(), o("div", i({
         key: 0,
         class: ["d-description", e.descriptionClass]
       }, e.descriptionChildProps, { "data-qa": "checkbox-description" }), [

package/dist/vue3/lib/checkbox-group/checkboxes-decorator.js

@@ -1,4 +1,4 @@
-import { resolveComponent as r, createElementBlock as o, openBlock as t, Fragment as l, renderList as c, createBlock as s, withCtx as p, createElementVNode as u, toDisplayString as m } from "vue";
+import { resolveComponent as r, openBlock as t, createElementBlock as o, Fragment as l, renderList as c, createBlock as s, withCtx as p, createElementVNode as u, toDisplayString as m } from "vue";
 import { _ as i } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import _ from "../checkbox/checkbox.js";
 const d = {

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

@@ -2,7 +2,7 @@ import { DtIconClose as C } from "@dialpad/dialtone-icons/vue3";
 import { CHIP_CLOSE_BUTTON_SIZE_MODIFIERS as p, CHIP_SIZE_MODIFIERS as c, CHIP_ICON_SIZES as f } from "./chip-constants.js";
 import { hasSlotContent as y, getUniqueString as S } from "../../common/utils/index.js";
 import { DialtoneLocalization as k } from "../../localization/index.js";
-import { resolveComponent as r, createElementBlock as l, openBlock as a, createBlock as u, createCommentVNode as o, resolveDynamicComponent as B, mergeProps as I, toHandlers as O, withCtx as h, renderSlot as d, normalizeClass as b, createVNode as v } from "vue";
+import { resolveComponent as r, openBlock as a, createElementBlock as l, createBlock as u, resolveDynamicComponent as B, mergeProps as I, toHandlers as O, withCtx as h, renderSlot as o, createCommentVNode as d, normalizeClass as b, createVNode as v } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import z from "../button/button.js";
 const D = {
@@ -180,22 +180,22 @@ function w(e, s, t, N, n, i) {
     }, O(i.chipListeners)), {
       default: h(() => [
         n.hasSlotContent(e.$slots.icon) ? (a(), l("span", L, [
-          d(e.$slots, "icon")
+          o(e.$slots, "icon")
         ])) : n.hasSlotContent(e.$slots.avatar) ? (a(), l("span", T, [
-          d(e.$slots, "avatar")
-        ])) : o("", !0),
+          o(e.$slots, "avatar")
+        ])) : d("", !0),
         n.hasSlotContent(e.$slots.default) ? (a(), l("span", {
           key: 2,
           id: `${t.id}-content`,
           class: b(["d-chip__text", t.contentClass]),
           "data-qa": "dt-chip-label"
         }, [
-          d(e.$slots, "default")
-        ], 10, q)) : o("", !0)
+          o(e.$slots, "default")
+        ], 10, q)) : d("", !0)
       ]),
       _: 3
     }, 16, ["id", "aria-label", "aria-labelledby", "aria-disabled", "class", "type", "tabindex"])),
-    t.hideClose ? o("", !0) : (a(), u(_, {
+    t.hideClose ? d("", !0) : (a(), u(_, {
       key: 0,
       class: b(i.chipCloseButtonClasses()),
       "data-qa": "dt-chip-close",

package/dist/vue3/lib/codeblock/codeblock.js

@@ -1,4 +1,4 @@
-import { createElementBlock as r, openBlock as n, createTextVNode as t, createElementVNode as c, toDisplayString as s } from "vue";
+import { openBlock as r, createElementBlock as n, createTextVNode as t, createElementVNode as c, toDisplayString as s } from "vue";
 import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const p = {
   compatConfig: { MODE: 3 },
@@ -11,7 +11,7 @@ const p = {
   }
 }, l = { class: "d-codeblock" };
 function i(a, e, o, m, f, u) {
-  return n(), r("pre", null, [
+  return r(), n("pre", null, [
     e[0] || (e[0] = t("    ", -1)),
     c("code", l, s(o.text), 1),
     e[1] || (e[1] = t(`

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

@@ -1,4 +1,4 @@
-import { createBlock as a, openBlock as n, Transition as l, mergeProps as s, withCtx as i, withDirectives as f, resolveDynamicComponent as h, normalizeProps as c, guardReactiveProps as u, renderSlot as p, createCommentVNode as d, vShow as m } from "vue";
+import { openBlock as a, createBlock as n, Transition as l, mergeProps as s, withCtx as i, withDirectives as f, resolveDynamicComponent as h, normalizeProps as c, guardReactiveProps as u, renderSlot as p, createCommentVNode as d, vShow as m } from "vue";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const y = {
   name: "DtCollapsibleLazyShow",
@@ -111,7 +111,7 @@ const y = {
   }
 };
 function E(e, g, r, _, o, t) {
-  return n(), a(l, s({
+  return a(), n(l, s({
     appear: r.appear,
     "enter-active-class": "d-collapsible__enter-active",
     "leave-active-class": "d-collapsible__leave-active"
@@ -125,7 +125,7 @@ function E(e, g, r, _, o, t) {
     onAfterLeave: t.afterLeave
   }), {
     default: i(() => [
-      f((n(), a(h(r.elementType), c(u(e.$attrs)), {
+      f((a(), n(h(r.elementType), c(u(e.$attrs)), {
         default: i(() => [
           o.initialized ? p(e.$slots, "default", { key: 0 }) : d("", !0)
         ]),