@dialpad/dialtone-vue 3.201.0 → 3.202.0

package/dist/lib/collapsible/collapsible.js

@@ -1,7 +1,7 @@
 import { hasSlotContent as b, extractVueListeners as g, getUniqueString as s } from "../../common/utils/index.js";
 import C from "./collapsible-lazy-show.js";
 import { DtIconChevronRight as x, DtIconChevronDown as S } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as a, createBlock as o, openBlock as i, resolveDynamicComponent as v, mergeProps as c, toHandlers as d, withCtx as r, createElementVNode as h, createVNode as p, normalizeClass as L, renderSlot as m, normalizeStyle as O, toDisplayString as T } from "vue";
+import { resolveComponent as a, openBlock as o, createBlock as i, resolveDynamicComponent as v, mergeProps as c, toHandlers as d, withCtx as r, createElementVNode as h, normalizeClass as L, renderSlot as p, createVNode as m, normalizeStyle as O, toDisplayString as T } from "vue";
 import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import D from "../lazy-show/lazy-show.js";
 import B from "../button/button.js";
@@ -162,21 +162,21 @@ const z = {
 }, A = ["id"], E = ["title"];
 function k(n, W, e, H, l, t) {
   const u = a("dt-icon-chevron-down"), f = a("dt-icon-chevron-right"), y = a("dt-button"), _ = a("dt-collapsible-lazy-show");
-  return i(), o(v(e.elementType), c({ ref: "collapsible" }, d(t.collapsibleListeners)), {
+  return o(), i(v(e.elementType), c({ ref: "collapsible" }, d(t.collapsibleListeners)), {
     default: r(() => [
       h("div", {
         id: !e.ariaLabelledBy && t.labelledBy,
         ref: "anchor",
         class: L(e.anchorClass)
       }, [
-        m(n.$slots, "anchor", {
+        p(n.$slots, "anchor", {
           attrs: {
             "aria-controls": e.id,
             "aria-expanded": l.isOpen.toString(),
             role: "button"
           }
         }, () => [
-          p(y, {
+          m(y, {
             importance: "clear",
             kind: "muted",
             "aria-controls": e.id,
@@ -187,11 +187,11 @@ function k(n, W, e, H, l, t) {
             onClick: t.defaultToggleOpen
           }, {
             default: r(() => [
-              l.isOpen ? (i(), o(u, {
+              l.isOpen ? (o(), i(u, {
                 key: 0,
                 class: "d-collapsible__icon",
                 size: "300"
-              })) : (i(), o(f, {
+              })) : (o(), i(f, {
                 key: 1,
                 class: "d-collapsible__icon",
                 size: "300"
@@ -205,7 +205,7 @@ function k(n, W, e, H, l, t) {
           }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])
         ])
       ], 10, A),
-      p(_, c({
+      m(_, c({
         id: e.id,
         ref: "contentWrapper",
         "aria-hidden": `${!l.isOpen}`,
@@ -226,7 +226,7 @@ function k(n, W, e, H, l, t) {
         onAfterEnter: t.onEnterTransitionComplete
       }), {
         default: r(() => [
-          m(n.$slots, "content")
+          p(n.$slots, "content")
         ]),
         _: 3
       }, 16, ["id", "aria-hidden", "aria-labelledby", "aria-label", "show", "element-type", "class", "style", "onAfterLeave", "onAfterEnter"])

package/dist/lib/combobox/combobox-empty-list.js

@@ -1,4 +1,4 @@
-import { resolveComponent as s, createElementBlock as m, openBlock as n, renderSlot as a, createVNode as i, normalizeClass as r, withCtx as l, createElementVNode as c, toDisplayString as p } from "vue";
+import { resolveComponent as s, openBlock as m, createElementBlock as n, renderSlot as a, createVNode as i, normalizeClass as r, withCtx as l, createElementVNode as c, toDisplayString as p } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import d from "../list-item/list-item.js";
 const b = {
@@ -28,7 +28,7 @@ const b = {
 };
 function u(e, y, t, x, C, g) {
   const o = s("dt-list-item");
-  return n(), m("ol", f, [
+  return m(), n("ol", f, [
     a(e.$slots, "default", {}, () => [
       i(o, {
         role: "option",

package/dist/lib/combobox/combobox-loading-list.js

@@ -1,4 +1,4 @@
-import { resolveComponent as t, createElementBlock as o, openBlock as e, Fragment as m, renderList as c, createVNode as n, withCtx as _ } from "vue";
+import { resolveComponent as t, openBlock as o, createElementBlock as e, Fragment as m, renderList as c, createVNode as n, withCtx as _ } from "vue";
 import { _ as a } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import p from "../skeleton/skeleton.js";
 import l from "../list-item/list-item.js";
@@ -11,8 +11,8 @@ const d = {
 };
 function u(b, x, k, L, g, y) {
   const s = t("dt-skeleton"), r = t("dt-list-item");
-  return e(), o("ol", f, [
-    (e(), o(m, null, c(7, (i) => n(r, {
+  return o(), e("ol", f, [
+    (o(), e(m, null, c(7, (i) => n(r, {
       key: i,
       role: "option",
       "navigation-type": "none"

package/dist/lib/combobox/combobox.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./combobox-loading-list.cjs"),g=require("./combobox-empty-list.cjs"),l=require("../../common/utils/index.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../../common/mixins/keyboard-list-navigation.cjs"),p=require("./combobox-constants.cjs"),y={compatConfig:{MODE:3},name:"DtCombobox",components:{ComboboxLoadingList:a.default,ComboboxEmptyList:g.default},mixins:[m.default({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl"})],props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:i=>Object.values(p.COMBOBOX_LABEL_SIZES).includes(i)},description:{type:String,default:""},listId:{type:String,default(){return l.getUniqueString()}},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},showList:{type:Boolean,default:!1},listRenderedOutside:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},emptyStateClass:{type:[String,Object,Array],default:""},clickOnSelect:{type:Boolean,default:!1}},emits:["select","escape","highlight","opened"],data(){return{outsideRenderedListRef:null,hasSlotContent:l.hasSlotContent}},computed:{inputProps(){return{label:this.label,labelVisible:this.labelVisible,size:this.size,description:this.description,role:"combobox","aria-label":this.label,"aria-expanded":this.showList.toString(),"aria-owns":this.listId,"aria-haspopup":"listbox","aria-activedescendant":this.activeItemId,"aria-controls":this.listId}},listProps(){return{role:"listbox",id:this.listId,class:"d-ps-relative","aria-label":this.label}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemId(){if(!(!this.showList||this.highlightIndex<0||this.loading))return this.highlightId},activeItemEl(){return this.highlightId?this.getListElement().querySelector("#"+this.highlightId):""}},watch:{showList(i){this.listRenderedOutside||(this.setInitialHighlightIndex(),this.$emit("opened",i)),!i&&this.outsideRenderedListRef&&(this.outsideRenderedListRef.removeEventListener("mousemove",this.onMouseHighlight),this.outsideRenderedListRef=null)},loading(){this.$nextTick(()=>{this.setInitialHighlightIndex()})},$props:{deep:!0,immediate:!0,handler(){this.validateEmptyListProps()}}},created(){this.validateEmptyListProps()},methods:{onMouseHighlight(i){if(this.loading)return;const t=i.target.closest("li");t&&this.highlightId!==t.id&&this.setHighlightId(t.id)},getListElement(){var i;return this.outsideRenderedListRef??((i=this.$refs.listWrapper)==null?void 0:i.querySelector(`#${this.listId}`))},clearHighlightIndex(){this.showList&&this.setHighlightIndex(-1)},afterHighlight(){this.loading||this.$emit("highlight",this.highlightIndex)},onEnterKey(){var i;this.loading||this.emptyList||this.highlightIndex>=0&&(this.$emit("select",this.highlightIndex),this.clickOnSelect&&((i=this.activeItemEl)==null||i.click()))},onEscapeKey(){this.$emit("escape")},onOpen(i,t){var n;this.outsideRenderedListRef=t,(n=this.outsideRenderedListRef)==null||n.addEventListener("mousemove",this.onMouseHighlight),this.$emit("opened",i),i&&this.setInitialHighlightIndex()},onKeyValidation(i,t){!this.showList||!this.getListElement()||this[t](i)},setInitialHighlightIndex(){this.showList&&this.$nextTick(()=>{this.setHighlightIndex(this.loading?-1:0)})},validateEmptyListProps(){this.$slots.emptyListItem||this.emptyList&&!this.emptyStateMessage&&console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./combobox-loading-list.cjs"),g=require("./combobox-empty-list.cjs"),l=require("../../common/utils/index.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("./combobox-constants.cjs"),p=require("../../common/mixins/keyboard-list-navigation.cjs"),y={compatConfig:{MODE:3},name:"DtCombobox",components:{ComboboxLoadingList:a.default,ComboboxEmptyList:g.default},mixins:[p.default({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl"})],props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:i=>Object.values(m.COMBOBOX_LABEL_SIZES).includes(i)},description:{type:String,default:""},listId:{type:String,default(){return l.getUniqueString()}},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},showList:{type:Boolean,default:!1},listRenderedOutside:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},emptyStateClass:{type:[String,Object,Array],default:""},clickOnSelect:{type:Boolean,default:!1}},emits:["select","escape","highlight","opened"],data(){return{outsideRenderedListRef:null,hasSlotContent:l.hasSlotContent}},computed:{inputProps(){return{label:this.label,labelVisible:this.labelVisible,size:this.size,description:this.description,role:"combobox","aria-label":this.label,"aria-expanded":this.showList.toString(),"aria-owns":this.listId,"aria-haspopup":"listbox","aria-activedescendant":this.activeItemId,"aria-controls":this.listId}},listProps(){return{role:"listbox",id:this.listId,class:"d-ps-relative","aria-label":this.label}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemId(){if(!(!this.showList||this.highlightIndex<0||this.loading))return this.highlightId},activeItemEl(){return this.highlightId?this.getListElement().querySelector("#"+this.highlightId):""}},watch:{showList(i){this.listRenderedOutside||(this.setInitialHighlightIndex(),this.$emit("opened",i)),!i&&this.outsideRenderedListRef&&(this.outsideRenderedListRef.removeEventListener("mousemove",this.onMouseHighlight),this.outsideRenderedListRef=null)},loading(){this.$nextTick(()=>{this.setInitialHighlightIndex()})},$props:{deep:!0,immediate:!0,handler(){this.validateEmptyListProps()}}},created(){this.validateEmptyListProps()},methods:{onMouseHighlight(i){if(this.loading)return;const t=i.target.closest("li");t&&this.highlightId!==t.id&&this.setHighlightId(t.id)},getListElement(){var i;return this.outsideRenderedListRef??((i=this.$refs.listWrapper)==null?void 0:i.querySelector(`#${this.listId}`))},clearHighlightIndex(){this.showList&&this.setHighlightIndex(-1)},afterHighlight(){this.loading||this.$emit("highlight",this.highlightIndex)},onEnterKey(){var i;this.loading||this.emptyList||this.highlightIndex>=0&&(this.$emit("select",this.highlightIndex),this.clickOnSelect&&((i=this.activeItemEl)==null||i.click()))},onEscapeKey(){this.$emit("escape")},onOpen(i,t){var n;this.outsideRenderedListRef=t,(n=this.outsideRenderedListRef)==null||n.addEventListener("mousemove",this.onMouseHighlight),this.$emit("opened",i),i&&this.setInitialHighlightIndex()},onKeyValidation(i,t){!this.showList||!this.getListElement()||this[t](i)},setInitialHighlightIndex(){this.showList&&this.$nextTick(()=>{this.setHighlightIndex(this.loading?-1:0)})},validateEmptyListProps(){this.$slots.emptyListItem||this.emptyList&&!this.emptyStateMessage&&console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
       empty message.`)}}},f={"data-qa":"dt-combobox-input-wrapper"};function c(i,t,n,L,r,s){const d=e.resolveComponent("combobox-loading-list"),h=e.resolveComponent("combobox-empty-list");return e.openBlock(),e.createElementBlock("div",{onKeydown:[t[3]||(t[3]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onEscapeKey"),["stop"]),["esc"])),t[4]||(t[4]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onEnterKey"),["exact"]),["enter"])),t[5]||(t[5]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onUpKey"),["stop","prevent"]),["up"])),t[6]||(t[6]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onDownKey"),["stop","prevent"]),["down"])),t[7]||(t[7]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onHomeKey"),["stop","prevent"]),["home"])),t[8]||(t[8]=e.withKeys(e.withModifiers(o=>s.onKeyValidation(o,"onEndKey"),["stop","prevent"]),["end"]))]},[e.createElementVNode("div",f,[e.renderSlot(i.$slots,"input",{inputProps:s.inputProps})]),n.showList?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"listWrapper","data-qa":"dt-combobox-list-wrapper",onMouseleave:t[0]||(t[0]=(...o)=>s.clearHighlightIndex&&s.clearHighlightIndex(...o)),onFocusout:t[1]||(t[1]=(...o)=>s.clearHighlightIndex&&s.clearHighlightIndex(...o)),onMousemoveCapture:t[2]||(t[2]=(...o)=>s.onMouseHighlight&&s.onMouseHighlight(...o))},[n.loading&&!n.listRenderedOutside?(e.openBlock(),e.createBlock(d,e.normalizeProps(e.mergeProps({key:0},s.listProps)),null,16)):n.emptyList&&(n.emptyStateMessage||r.hasSlotContent(i.$slots.emptyListItem))&&!n.listRenderedOutside?(e.openBlock(),e.createBlock(h,e.mergeProps({key:1},s.listProps,{message:n.emptyStateMessage,"item-class":n.emptyStateClass}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"emptyListItem")]),_:3},16,["message","item-class"])):e.renderSlot(i.$slots,"list",{key:2,listProps:s.listProps,opened:s.onOpen,clearHighlightIndex:s.clearHighlightIndex})],544)):e.createCommentVNode("",!0)],32)}const b=u._(y,[["render",c]]);exports.default=b;
 //# sourceMappingURL=combobox.cjs.map

package/dist/lib/combobox/combobox.js

@@ -1,10 +1,10 @@
 import y from "./combobox-loading-list.js";
 import I from "./combobox-empty-list.js";
 import { hasSlotContent as L, getUniqueString as b } from "../../common/utils/index.js";
-import { resolveComponent as h, createElementBlock as a, openBlock as d, withKeys as l, withModifiers as o, createElementVNode as c, createCommentVNode as x, renderSlot as r, createBlock as g, normalizeProps as v, mergeProps as m, withCtx as E } from "vue";
+import { resolveComponent as h, openBlock as d, createElementBlock as a, withKeys as l, withModifiers as o, createElementVNode as c, renderSlot as r, createBlock as g, normalizeProps as x, mergeProps as m, withCtx as v, createCommentVNode as E } from "vue";
 import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import S from "../../common/mixins/keyboard-list-navigation.js";
-import { COMBOBOX_LABEL_SIZES as H } from "./combobox-constants.js";
+import { COMBOBOX_LABEL_SIZES as S } from "./combobox-constants.js";
+import H from "../../common/mixins/keyboard-list-navigation.js";
 const K = {
   compatConfig: { MODE: 3 },
   name: "DtCombobox",
@@ -13,7 +13,7 @@ const K = {
     ComboboxEmptyList: I
   },
   mixins: [
-    S({
+    H({
       indexKey: "highlightIndex",
       idKey: "highlightId",
       listElementKey: "getListElement",
@@ -46,7 +46,7 @@ const K = {
     size: {
       type: String,
       default: null,
-      validator: (e) => Object.values(H).includes(e)
+      validator: (e) => Object.values(S).includes(e)
     },
     /**
      * Description for the input
@@ -299,11 +299,11 @@ function w(e, t, n, R, p, i) {
       onFocusout: t[1] || (t[1] = (...s) => i.clearHighlightIndex && i.clearHighlightIndex(...s)),
       onMousemoveCapture: t[2] || (t[2] = (...s) => i.onMouseHighlight && i.onMouseHighlight(...s))
     }, [
-      n.loading && !n.listRenderedOutside ? (d(), g(u, v(m({ key: 0 }, i.listProps)), null, 16)) : n.emptyList && (n.emptyStateMessage || p.hasSlotContent(e.$slots.emptyListItem)) && !n.listRenderedOutside ? (d(), g(f, m({ key: 1 }, i.listProps, {
+      n.loading && !n.listRenderedOutside ? (d(), g(u, x(m({ key: 0 }, i.listProps)), null, 16)) : n.emptyList && (n.emptyStateMessage || p.hasSlotContent(e.$slots.emptyListItem)) && !n.listRenderedOutside ? (d(), g(f, m({ key: 1 }, i.listProps, {
         message: n.emptyStateMessage,
         "item-class": n.emptyStateClass
       }), {
-        default: E(() => [
+        default: v(() => [
           r(e.$slots, "emptyListItem")
         ]),
         _: 3
@@ -313,7 +313,7 @@ function w(e, t, n, R, p, i) {
         opened: i.onOpen,
         clearHighlightIndex: i.clearHighlightIndex
       })
-    ], 544)) : x("", !0)
+    ], 544)) : E("", !0)
   ], 32);
 }
 const z = /* @__PURE__ */ O(K, [["render", w]]);

package/dist/lib/combobox-multi-select/combobox-multi-select.js

@@ -6,7 +6,7 @@ import { validationMessageValidator as M } from "../../common/validators/index.j
 import { extractNonListeners as B, returnFirstEl as d, extractVueListeners as O, hasSlotContent as T } from "../../common/utils/index.js";
 import { POPOVER_APPEND_TO_VALUES as P } from "../popover/popover-constants.js";
 import { CHIP_TOP_POSITION as F, CHIP_SIZES as k, MULTI_SELECT_SIZES as H } from "./combobox-multi-select-constants.js";
-import { resolveComponent as p, createBlock as f, openBlock as u, mergeProps as g, createSlots as R, withCtx as r, createElementVNode as h, withModifiers as V, renderSlot as m, createElementBlock as b, toDisplayString as C, createVNode as y, normalizeClass as z, Fragment as E, renderList as D, toHandlers as K, withKeys as N, createTextVNode as A } from "vue";
+import { resolveComponent as p, openBlock as u, createBlock as f, mergeProps as g, createSlots as R, withCtx as r, createElementVNode as h, withModifiers as V, renderSlot as m, createElementBlock as b, toDisplayString as C, normalizeClass as z, Fragment as E, renderList as D, toHandlers as K, withKeys as N, createTextVNode as A, createVNode as y } from "vue";
 import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const j = {
   compatConfig: { MODE: 3 },

package/dist/lib/combobox-with-popover/combobox-with-popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("../combobox/combobox-loading-list.cjs"),y=require("../combobox/combobox-empty-list.cjs"),u=require("../../common/utils/index.cjs"),t=require("vue"),L=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),h=require("../popover/popover-constants.cjs"),_=require("../popover/popover.cjs"),x=require("../combobox/combobox.cjs"),m=require("../dropdown/dropdown-constants.cjs"),w=require("../combobox/combobox-constants.cjs"),C={compatConfig:{MODE:3},name:"DtRecipeComboboxWithPopover",components:{DtCombobox:x.default,DtPopover:_.default,ComboboxLoadingList:S.default,ComboboxEmptyList:y.default},props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:e=>Object.values(w.COMBOBOX_LABEL_SIZES).includes(e)},description:{type:String,default:""},showList:{type:Boolean,default:null},listId:{type:String,default(){return u.getUniqueString()}},listClass:{type:[String,Array,Object],default:""},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},padding:{type:String,default:"small",validator:e=>Object.keys(m.DROPDOWN_PADDING_CLASSES).some(n=>n===e)},contentWidth:{type:String,default:null,validator:e=>h.POPOVER_CONTENT_WIDTHS.includes(e)},openWithArrowKeys:{type:Boolean,default:!1},popoverOffset:{type:Array,default:()=>[0,4]},popoverSticky:{type:[Boolean,String],default:!1},hasSuggestionList:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>h.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},transition:{type:String,default:"fade"}},emits:["select","escape","highlight","opened"],data(){return{DROPDOWN_PADDING_CLASSES:m.DROPDOWN_PADDING_CLASSES,isListShown:!1,isInputFocused:!1,isListFocused:!1,externalAnchor:u.getUniqueString(),hasSlotContent:u.hasSlotContent}},computed:{comboboxListeners(){return{...this.$attrs,onSelect:this.onSelect,onEscape:this.onEscape,onHighlight:this.onHighlight}}},watch:{showList:{handler:function(e){e!==null&&(this.isListShown=e)},immediate:!0},isListShown(e){e?window.addEventListener("mousedown",this.onFocusOut):window.removeEventListener("mousedown",this.onFocusOut),this.onOpened(e)}},methods:{handleDisplayList(e){!this.hasSuggestionList&&e&&this.showComboboxList(),!this.hasSuggestionList&&!e&&this.closeComboboxList()},showComboboxList(){this.showList==null&&(this.isListShown=!0)},closeComboboxList(){this.showList==null&&(this.isListShown=!1)},onSelect(e){this.loading||(this.$emit("select",e),this.hasSuggestionList||this.closeComboboxList())},onEscape(){this.$emit("escape"),this.closeComboboxList()},onHighlight(e){this.loading||this.$emit("highlight",e)},onOpened(e){this.$emit("opened",e)},onFocusIn(e){var n;this.hasSuggestionList&&e&&((n=this.$refs.input)==null?void 0:n.querySelector("input"))===e.target&&this.showComboboxList()},onFocusOut(e){var r,i,s;const n=(i=(r=this.$refs.popover)==null?void 0:r.tip)==null?void 0:i.popper,o=this.$refs.input;(s=e.composedPath())!=null&&s.some(a=>[n,o].includes(a))||this.closeComboboxList()},openOnArrowKeyPress(){this.showList!==null||this.isListShown||!this.openWithArrowKeys||this.showComboboxList()}}},v=["id"],O={ref:"header"},E=["onMouseleave","onFocusout"],P={ref:"footer"};function D(e,n,o,r,i,s){const a=t.resolveComponent("combobox-loading-list"),p=t.resolveComponent("combobox-empty-list"),b=t.resolveComponent("dt-popover"),f=t.resolveComponent("dt-combobox");return t.openBlock(),t.createBlock(f,t.mergeProps({ref:"combobox",loading:o.loading,label:o.label,"label-visible":o.labelVisible,size:o.size,description:o.description,"empty-list":o.emptyList,"empty-state-message":o.emptyStateMessage,"show-list":i.isListShown,"on-beginning-of-list":o.onBeginningOfList,"on-end-of-list":o.onEndOfList,"list-rendered-outside":!0,"list-id":o.listId,"data-qa":"dt-combobox"},s.comboboxListeners),{input:t.withCtx(({inputProps:d})=>[t.createElementVNode("div",{id:i.externalAnchor,ref:"input",onFocusin:n[0]||(n[0]=(...l)=>s.onFocusIn&&s.onFocusIn(...l)),onKeydown:[n[1]||(n[1]=t.withKeys(l=>s.openOnArrowKeyPress(l),["up"])),n[2]||(n[2]=t.withKeys(l=>s.openOnArrowKeyPress(l),["down"]))]},[t.renderSlot(e.$slots,"input",{inputProps:d,onInput:s.handleDisplayList})],40,v)]),list:t.withCtx(({opened:d,listProps:l,clearHighlightIndex:c})=>[t.createVNode(b,{ref:"popover",open:i.isListShown,"onUpdate:open":n[3]||(n[3]=g=>i.isListShown=g),"hide-on-click":!1,"max-height":o.maxHeight,"max-width":o.maxWidth,offset:o.popoverOffset,sticky:o.popoverSticky,placement:"bottom-start","initial-focus-element":"none",padding:"none",role:"listbox","external-anchor":i.externalAnchor,"content-width":o.contentWidth,"content-appear":!0,"content-tabindex":null,modal:!1,"auto-focus":!1,"append-to":o.appendTo,transition:o.transition,onOpened:d},t.createSlots({content:t.withCtx(()=>[t.createElementVNode("div",{ref:"listWrapper",class:t.normalizeClass(["d-recipe-combobox-with-popover__list",i.DROPDOWN_PADDING_CLASSES[o.padding],o.listClass]),onMouseleave:c,onFocusout:c},[o.loading?(t.openBlock(),t.createBlock(a,t.normalizeProps(t.mergeProps({key:0},l)),null,16)):o.emptyList&&o.emptyStateMessage?(t.openBlock(),t.createBlock(p,t.mergeProps({key:1},l,{message:o.emptyStateMessage}),null,16,["message"])):t.renderSlot(e.$slots,"list",{key:2,listProps:l})],42,E)]),_:2},[i.hasSlotContent(e.$slots.header)?{name:"headerContent",fn:t.withCtx(()=>[t.createElementVNode("div",O,[t.renderSlot(e.$slots,"header")],512)]),key:"0"}:void 0,i.hasSlotContent(e.$slots.footer)?{name:"footerContent",fn:t.withCtx(()=>[t.createElementVNode("div",P,[t.renderSlot(e.$slots,"footer")],512)]),key:"1"}:void 0]),1032,["open","max-height","max-width","offset","sticky","external-anchor","content-width","append-to","transition","onOpened"])]),_:3},16,["loading","label","label-visible","size","description","empty-list","empty-state-message","show-list","on-beginning-of-list","on-end-of-list","list-id"])}const A=L._(C,[["render",D]]);exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("../combobox/combobox-loading-list.cjs"),y=require("../combobox/combobox-empty-list.cjs"),u=require("../../common/utils/index.cjs"),t=require("vue"),L=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),_=require("../popover/popover.cjs"),x=require("../combobox/combobox.cjs"),h=require("../dropdown/dropdown-constants.cjs"),m=require("../popover/popover-constants.cjs"),w=require("../combobox/combobox-constants.cjs"),C={compatConfig:{MODE:3},name:"DtRecipeComboboxWithPopover",components:{DtCombobox:x.default,DtPopover:_.default,ComboboxLoadingList:S.default,ComboboxEmptyList:y.default},props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:e=>Object.values(w.COMBOBOX_LABEL_SIZES).includes(e)},description:{type:String,default:""},showList:{type:Boolean,default:null},listId:{type:String,default(){return u.getUniqueString()}},listClass:{type:[String,Array,Object],default:""},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},padding:{type:String,default:"small",validator:e=>Object.keys(h.DROPDOWN_PADDING_CLASSES).some(n=>n===e)},contentWidth:{type:String,default:null,validator:e=>m.POPOVER_CONTENT_WIDTHS.includes(e)},openWithArrowKeys:{type:Boolean,default:!1},popoverOffset:{type:Array,default:()=>[0,4]},popoverSticky:{type:[Boolean,String],default:!1},hasSuggestionList:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>m.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},transition:{type:String,default:"fade"}},emits:["select","escape","highlight","opened"],data(){return{DROPDOWN_PADDING_CLASSES:h.DROPDOWN_PADDING_CLASSES,isListShown:!1,isInputFocused:!1,isListFocused:!1,externalAnchor:u.getUniqueString(),hasSlotContent:u.hasSlotContent}},computed:{comboboxListeners(){return{...this.$attrs,onSelect:this.onSelect,onEscape:this.onEscape,onHighlight:this.onHighlight}}},watch:{showList:{handler:function(e){e!==null&&(this.isListShown=e)},immediate:!0},isListShown(e){e?window.addEventListener("mousedown",this.onFocusOut):window.removeEventListener("mousedown",this.onFocusOut),this.onOpened(e)}},methods:{handleDisplayList(e){!this.hasSuggestionList&&e&&this.showComboboxList(),!this.hasSuggestionList&&!e&&this.closeComboboxList()},showComboboxList(){this.showList==null&&(this.isListShown=!0)},closeComboboxList(){this.showList==null&&(this.isListShown=!1)},onSelect(e){this.loading||(this.$emit("select",e),this.hasSuggestionList||this.closeComboboxList())},onEscape(){this.$emit("escape"),this.closeComboboxList()},onHighlight(e){this.loading||this.$emit("highlight",e)},onOpened(e){this.$emit("opened",e)},onFocusIn(e){var n;this.hasSuggestionList&&e&&((n=this.$refs.input)==null?void 0:n.querySelector("input"))===e.target&&this.showComboboxList()},onFocusOut(e){var r,i,s;const n=(i=(r=this.$refs.popover)==null?void 0:r.tip)==null?void 0:i.popper,o=this.$refs.input;(s=e.composedPath())!=null&&s.some(a=>[n,o].includes(a))||this.closeComboboxList()},openOnArrowKeyPress(){this.showList!==null||this.isListShown||!this.openWithArrowKeys||this.showComboboxList()}}},v=["id"],O={ref:"header"},E=["onMouseleave","onFocusout"],P={ref:"footer"};function D(e,n,o,r,i,s){const a=t.resolveComponent("combobox-loading-list"),p=t.resolveComponent("combobox-empty-list"),b=t.resolveComponent("dt-popover"),f=t.resolveComponent("dt-combobox");return t.openBlock(),t.createBlock(f,t.mergeProps({ref:"combobox",loading:o.loading,label:o.label,"label-visible":o.labelVisible,size:o.size,description:o.description,"empty-list":o.emptyList,"empty-state-message":o.emptyStateMessage,"show-list":i.isListShown,"on-beginning-of-list":o.onBeginningOfList,"on-end-of-list":o.onEndOfList,"list-rendered-outside":!0,"list-id":o.listId,"data-qa":"dt-combobox"},s.comboboxListeners),{input:t.withCtx(({inputProps:d})=>[t.createElementVNode("div",{id:i.externalAnchor,ref:"input",onFocusin:n[0]||(n[0]=(...l)=>s.onFocusIn&&s.onFocusIn(...l)),onKeydown:[n[1]||(n[1]=t.withKeys(l=>s.openOnArrowKeyPress(l),["up"])),n[2]||(n[2]=t.withKeys(l=>s.openOnArrowKeyPress(l),["down"]))]},[t.renderSlot(e.$slots,"input",{inputProps:d,onInput:s.handleDisplayList})],40,v)]),list:t.withCtx(({opened:d,listProps:l,clearHighlightIndex:c})=>[t.createVNode(b,{ref:"popover",open:i.isListShown,"onUpdate:open":n[3]||(n[3]=g=>i.isListShown=g),"hide-on-click":!1,"max-height":o.maxHeight,"max-width":o.maxWidth,offset:o.popoverOffset,sticky:o.popoverSticky,placement:"bottom-start","initial-focus-element":"none",padding:"none",role:"listbox","external-anchor":i.externalAnchor,"content-width":o.contentWidth,"content-appear":!0,"content-tabindex":null,modal:!1,"auto-focus":!1,"append-to":o.appendTo,transition:o.transition,onOpened:d},t.createSlots({content:t.withCtx(()=>[t.createElementVNode("div",{ref:"listWrapper",class:t.normalizeClass(["d-recipe-combobox-with-popover__list",i.DROPDOWN_PADDING_CLASSES[o.padding],o.listClass]),onMouseleave:c,onFocusout:c},[o.loading?(t.openBlock(),t.createBlock(a,t.normalizeProps(t.mergeProps({key:0},l)),null,16)):o.emptyList&&o.emptyStateMessage?(t.openBlock(),t.createBlock(p,t.mergeProps({key:1},l,{message:o.emptyStateMessage}),null,16,["message"])):t.renderSlot(e.$slots,"list",{key:2,listProps:l})],42,E)]),_:2},[i.hasSlotContent(e.$slots.header)?{name:"headerContent",fn:t.withCtx(()=>[t.createElementVNode("div",O,[t.renderSlot(e.$slots,"header")],512)]),key:"0"}:void 0,i.hasSlotContent(e.$slots.footer)?{name:"footerContent",fn:t.withCtx(()=>[t.createElementVNode("div",P,[t.renderSlot(e.$slots,"footer")],512)]),key:"1"}:void 0]),1032,["open","max-height","max-width","offset","sticky","external-anchor","content-width","append-to","transition","onOpened"])]),_:3},16,["loading","label","label-visible","size","description","empty-list","empty-state-message","show-list","on-beginning-of-list","on-end-of-list","list-id"])}const A=L._(C,[["render",D]]);exports.default=A;
 //# sourceMappingURL=combobox-with-popover.cjs.map

package/dist/lib/combobox-with-popover/combobox-with-popover.js

@@ -1,19 +1,19 @@
 import _ from "../combobox/combobox-loading-list.js";
 import C from "../combobox/combobox-empty-list.js";
 import { hasSlotContent as v, getUniqueString as g } from "../../common/utils/index.js";
-import { resolveComponent as r, createBlock as f, openBlock as p, mergeProps as c, withCtx as l, createVNode as E, createSlots as P, createElementVNode as a, normalizeClass as A, renderSlot as d, normalizeProps as D, withKeys as y } from "vue";
+import { resolveComponent as r, openBlock as f, createBlock as p, mergeProps as c, withCtx as l, createVNode as E, createSlots as P, createElementVNode as a, normalizeClass as A, normalizeProps as D, renderSlot as d, withKeys as y } from "vue";
 import { _ as B } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { POPOVER_CONTENT_WIDTHS as k, POPOVER_APPEND_TO_VALUES as F } from "../popover/popover-constants.js";
-import W from "../popover/popover.js";
-import I from "../combobox/combobox.js";
+import k from "../popover/popover.js";
+import F from "../combobox/combobox.js";
 import { DROPDOWN_PADDING_CLASSES as S } from "../dropdown/dropdown-constants.js";
+import { POPOVER_APPEND_TO_VALUES as W, POPOVER_CONTENT_WIDTHS as I } from "../popover/popover-constants.js";
 import { COMBOBOX_LABEL_SIZES as M } from "../combobox/combobox-constants.js";
 const N = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeComboboxWithPopover",
   components: {
-    DtCombobox: I,
-    DtPopover: W,
+    DtCombobox: F,
+    DtPopover: k,
     ComboboxLoadingList: _,
     ComboboxEmptyList: C
   },
@@ -121,7 +121,7 @@ const N = {
     contentWidth: {
       type: String,
       default: null,
-      validator: (t) => k.includes(t)
+      validator: (t) => I.includes(t)
     },
     /**
      * If the list should be shown by pressing up or down arrow key on the input element.
@@ -183,7 +183,7 @@ const N = {
     appendTo: {
       type: [HTMLElement, String],
       default: "body",
-      validator: (t) => F.includes(t) || t instanceof HTMLElement
+      validator: (t) => W.includes(t) || t instanceof HTMLElement
     },
     /**
      * Named transition when the content display is toggled.
@@ -292,7 +292,7 @@ const N = {
 }, H = ["id"], K = { ref: "header" }, T = ["onMouseleave", "onFocusout"], V = { ref: "footer" };
 function z(t, o, e, m, i, n) {
   const u = r("combobox-loading-list"), L = r("combobox-empty-list"), w = r("dt-popover"), x = r("dt-combobox");
-  return p(), f(x, c({
+  return f(), p(x, c({
     ref: "combobox",
     loading: e.loading,
     label: e.label,
@@ -359,7 +359,7 @@ function z(t, o, e, m, i, n) {
             onMouseleave: b,
             onFocusout: b
           }, [
-            e.loading ? (p(), f(u, D(c({ key: 0 }, s)), null, 16)) : e.emptyList && e.emptyStateMessage ? (p(), f(L, c({ key: 1 }, s, { message: e.emptyStateMessage }), null, 16, ["message"])) : d(t.$slots, "list", {
+            e.loading ? (f(), p(u, D(c({ key: 0 }, s)), null, 16)) : e.emptyList && e.emptyStateMessage ? (f(), p(L, c({ key: 1 }, s, { message: e.emptyStateMessage }), null, 16, ["message"])) : d(t.$slots, "list", {
               key: 2,
               listProps: s
             })

package/dist/lib/contact-centers-row/contact-centers-row.js

@@ -1,7 +1,7 @@
 import { addClassStyleAttrs as S, removeClassStyleAttrs as A, returnFirstEl as u, extractVueListeners as E, safeConcatStrings as N } from "../../common/utils/index.js";
 import { DtIconChevronDown as W, DtIconHeadphones as k } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as D } from "../../localization/index.js";
-import { resolveComponent as i, createElementBlock as f, openBlock as h, mergeProps as w, createElementVNode as o, normalizeClass as T, createCommentVNode as C, toHandlers as q, createVNode as _, normalizeStyle as B, withCtx as b, createTextVNode as y, toDisplayString as v, renderSlot as L, createBlock as $, withModifiers as z } from "vue";
+import { resolveComponent as i, openBlock as h, createElementBlock as f, mergeProps as w, createElementVNode as o, normalizeClass as T, toHandlers as q, createVNode as _, normalizeStyle as B, withCtx as b, createTextVNode as C, toDisplayString as y, renderSlot as v, createBlock as $, createCommentVNode as L, withModifiers as z } from "vue";
 import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import R from "../emoji-text-wrapper/emoji-text-wrapper.js";
 import j from "../badge/badge.js";
@@ -171,14 +171,14 @@ function G(e, r, a, m, n, t) {
             size: "200"
           }, {
             default: b(() => [
-              y(v(a.description), 1)
+              C(y(a.description), 1)
             ]),
             _: 1
           })
         ], 4)
       ], 16, x),
-      a.hideActions ? C("", !0) : (h(), f("div", M, [
-        L(e.$slots, "right"),
+      a.hideActions ? L("", !0) : (h(), f("div", M, [
+        v(e.$slots, "right"),
         o("div", H, [
           t.showUnreadCount ? (h(), $(d, {
             key: 0,
@@ -188,10 +188,10 @@ function G(e, r, a, m, n, t) {
             type: "bulletin"
           }, {
             default: b(() => [
-              y(v(a.unreadCount), 1)
+              C(y(a.unreadCount), 1)
             ]),
             _: 1
-          })) : C("", !0),
+          })) : L("", !0),
           _(g, {
             class: "d-recipe-leftbar-row__action",
             "data-qa": "dt-recipe-leftbar-row-action-button",
@@ -211,7 +211,7 @@ function G(e, r, a, m, n, t) {
       ]))
     ], 2),
     o("div", F, [
-      L(e.$slots, "timer")
+      v(e.$slots, "timer")
     ])
   ], 16);
 }

package/dist/lib/contact-info/contact-info.js

@@ -1,6 +1,6 @@
 import g from "../item-layout/item-layout.js";
 import h from "../avatar/avatar.js";
-import { resolveComponent as m, createBlock as i, openBlock as n, createSlots as u, withCtx as o, createElementVNode as l, renderSlot as c, createElementBlock as _, Fragment as p, renderList as S, resolveDynamicComponent as k } from "vue";
+import { resolveComponent as m, openBlock as n, createBlock as i, createSlots as u, withCtx as o, createElementVNode as l, renderSlot as c, createElementBlock as _, Fragment as p, renderList as S, resolveDynamicComponent as k } from "vue";
 import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const C = {
   compatConfig: { MODE: 3 },

package/dist/lib/contact-row/contact-row.js

@@ -1,6 +1,6 @@
 import { safeConcatStrings as w, extractVueListeners as g } from "../../common/utils/index.js";
 import { DtIconUser as C } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as a, createBlock as d, openBlock as o, mergeProps as S, toHandlers as v, withCtx as t, createVNode as s, createElementVNode as h, createTextVNode as u, toDisplayString as c, createElementBlock as x, createCommentVNode as m, normalizeClass as b, createSlots as B } from "vue";
+import { resolveComponent as a, openBlock as o, createBlock as d, mergeProps as S, toHandlers as v, withCtx as t, createVNode as s, createTextVNode as u, toDisplayString as c, createElementVNode as h, createElementBlock as x, normalizeClass as b, createCommentVNode as m, createSlots as B } from "vue";
 import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import T from "../emoji-text-wrapper/emoji-text-wrapper.js";
 import k from "../general-row/general-row.js";

package/dist/lib/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-import { ref as E, computed as B, watch as F, onMounted as V, createBlock as G, openBlock as $, unref as e, withCtx as m, createVNode as i, createElementVNode as M, toDisplayString as P, nextTick as N, createElementBlock as g, Fragment as x, renderList as Y, normalizeClass as q, createTextVNode as W, getCurrentInstance as j } from "vue";
+import { ref as E, computed as B, watch as F, onMounted as V, openBlock as $, createBlock as G, unref as e, withCtx as m, createVNode as i, createElementVNode as M, toDisplayString as P, nextTick as N, createElementBlock as g, Fragment as x, renderList as Y, normalizeClass as q, createTextVNode as W, getCurrentInstance as j } from "vue";
 import { DtIconChevronsLeft as J, DtIconChevronLeft as Q, DtIconChevronRight as Z, DtIconChevronsRight as ee } from "@dialpad/dialtone-icons/vue3";
 import { getMonth as K, getYear as S, getDate as te, set as ae, addMonths as ne, subMonths as re } from "date-fns";
 import { getCalendarDays as le, formatMonth as oe, getWeekDayNames as se, calculateNextFocusDate as ce, calculatePrevFocusDate as ue, formatDate as ie } from "./utils.js";

package/dist/lib/datepicker/utils.js

@@ -1,4 +1,4 @@
-import { startOfWeek as y, getDay as D, addMonths as w, startOfMonth as M, addDays as f, getDate as h, endOfMonth as g, subMonths as k, getMonth as O, isEqual as W } from "date-fns";
+import { getDay as D, addMonths as y, startOfMonth as w, addDays as f, getDate as h, endOfMonth as M, subMonths as g, startOfWeek as k, getMonth as O, isEqual as W } from "date-fns";
 import { WEEK_START as x } from "./datepicker-constants.js";
 const u = (t) => t ? new Date(t) : /* @__PURE__ */ new Date(), S = (t, e, n) => {
   const s = u(JSON.parse(JSON.stringify(t))), a = [];
@@ -15,7 +15,7 @@ const u = (t) => t ? new Date(t) : /* @__PURE__ */ new Date(), S = (t, e, n) =>
   }
   return a;
 }, p = (t, e) => !t || !e ? !1 : W(t, e), N = (t, e, n) => {
-  const s = [], a = u(new Date(e, t)), o = u(new Date(e, t + 1, 0)), c = y(a, { weekStartsOn: x }), i = (d) => {
+  const s = [], a = u(new Date(e, t)), o = u(new Date(e, t + 1, 0)), c = k(a, { weekStartsOn: x }), i = (d) => {
     const m = S(d, t, n);
     if (s.push({ days: m }), !s[s.length - 1].days.some(
       (l) => p(l.value, o)
@@ -29,11 +29,11 @@ const u = (t) => t ? new Date(t) : /* @__PURE__ */ new Date(), S = (t, e, n) =>
   const n = [1, 2, 3, 4, 5, 6, 7].map((o) => new Intl.DateTimeFormat(t, { weekday: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`2017-01-0${o}T00:00:00+00:00`)).slice(0, 2)), s = n.slice(0, e), a = n.slice(e + 1, n.length);
   return [n[e]].concat(...a).concat(...s);
 }, E = (t, e, n) => new Intl.DateTimeFormat(n, { month: e }).format(new Date(2e3, t, 1)), I = (t, e, n) => new Intl.DateTimeFormat(n, { dateStyle: e }).format(new Date(t)), P = (t) => {
-  const e = new Date(t), n = D(e), s = w(e, 1), a = M(s), o = D(a), r = (n - o + 7) % 7, c = f(a, r);
+  const e = new Date(t), n = D(e), s = y(e, 1), a = w(s), o = D(a), r = (n - o + 7) % 7, c = f(a, r);
   return h(c);
 }, b = (t) => {
   const e = new Date(t), n = D(e);
-  let a = g(k(e, 1));
+  let a = M(g(e, 1));
   for (; D(a) !== n; )
     a = f(a, -1);
   return h(a);

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

@@ -1,6 +1,6 @@
 import { DT_DESCRIPTION_LIST_DIRECTION as c } from "./description-list-constants.js";
 import { itemsValidator as p } from "./description-list-validators.js";
-import { createElementBlock as s, openBlock as i, normalizeClass as a, Fragment as d, renderList as m, createElementVNode as l, toDisplayString as n } from "vue";
+import { openBlock as s, createElementBlock as i, normalizeClass as a, Fragment as d, renderList as m, createElementVNode as l, toDisplayString as n } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { DT_STACK_GAP as _ } from "../stack/stack-constants.js";
 const C = {
@@ -65,10 +65,10 @@ const C = {
   }
 };
 function f(t, g, o, y, D, e) {
-  return i(), s("dl", {
+  return s(), i("dl", {
     class: a(["d-description-list", e.getDirectionClass, e.getGapClass])
   }, [
-    (i(!0), s(d, null, m(o.items, (r) => (i(), s(d, {
+    (s(!0), i(d, null, m(o.items, (r) => (s(), i(d, {
       key: r.term
     }, [
       l("dt", {

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

@@ -1,4 +1,4 @@
-import { resolveComponent as d, createElementBlock as r, openBlock as e, createBlock as l, createCommentVNode as s, createElementVNode as o, withCtx as c, toDisplayString as i, normalizeClass as p, renderSlot as m } from "vue";
+import { resolveComponent as d, openBlock as e, createElementBlock as r, createBlock as l, withCtx as s, createElementVNode as o, toDisplayString as c, createCommentVNode as i, normalizeClass as p, renderSlot as m } from "vue";
 import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import _ from "../stack/stack.js";
 const u = {
@@ -31,11 +31,11 @@ function k(a, g, t, w, h, C) {
       align: "center",
       class: "dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12"
     }, {
-      default: c(() => [
-        o("span", null, i(t.heading), 1)
+      default: s(() => [
+        o("span", null, c(t.heading), 1)
       ]),
       _: 1
-    })) : s("", !0),
+    })) : i("", !0),
     o("ul", {
       class: p(["d-ps-relative", "d-stack2", "d-px0", t.listClass]),
       "data-qa": "dt-dropdown-list-wrapper"

package/dist/lib/dropdown/dropdown-separator.js

@@ -1,4 +1,4 @@
-import { createElementBlock as o, openBlock as t } from "vue";
+import { openBlock as o, createElementBlock as t } from "vue";
 import { _ as r } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const e = {
   compatConfig: { MODE: 3 },
@@ -8,7 +8,7 @@ const e = {
   class: "d-list-item-separator"
 };
 function n(s, c, p, i, _, d) {
-  return t(), o("li", a);
+  return o(), t("li", a);
 }
 const l = /* @__PURE__ */ r(e, [["render", n]]);
 export {

package/dist/lib/dropdown/dropdown.js

@@ -2,7 +2,7 @@ import f from "../../common/mixins/keyboard-list-navigation.js";
 import { DROPDOWN_PADDING_CLASSES as a } from "./dropdown-constants.js";
 import { getUniqueString as m } from "../../common/utils/index.js";
 import { EVENT_KEYNAMES as n } from "../../common/constants/index.js";
-import { resolveComponent as y, createBlock as c, openBlock as K, mergeProps as p, toHandlers as w, withCtx as h, renderSlot as l, createElementVNode as O, normalizeClass as E } from "vue";
+import { resolveComponent as y, openBlock as c, createBlock as K, mergeProps as p, toHandlers as w, withCtx as h, renderSlot as l, createElementVNode as O, normalizeClass as E } from "vue";
 import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { LIST_ITEM_NAVIGATION_TYPES as d } from "../list-item/list-item-constants.js";
 import b from "../popover/popover.js";
@@ -342,7 +342,7 @@ const P = {
 }, S = ["id"];
 function A(e, t, i, H, u, o) {
   const g = y("dt-popover");
-  return K(), c(g, p({
+  return c(), K(g, p({
     ref: "popover",
     "content-width": i.contentWidth,
     open: i.open,

package/dist/lib/editor/editor.js

@@ -2,7 +2,7 @@ import { EDITOR_SUPPORTED_LINK_PROTOCOLS as z, EDITOR_DEFAULT_LINK_PREFIX as J }
 import { addClassStyleAttrs as j, removeClassStyleAttrs as H } from "../../common/utils/index.js";
 import { DtIconImage as w, DtIconLink2 as O, DtIconCodeBlock as D, DtIconQuote as R, DtIconAlignJustify as x, DtIconAlignRight as y, DtIconAlignCenter as C, DtIconAlignLeft as b, DtIconListOrdered as N, DtIconListBullet as S, DtIconStrikethrough as U, DtIconUnderline as F, DtIconItalic as v, DtIconBold as Q, DtIconQuickReply as M } from "@dialpad/dialtone-icons/vue3";
 import { DialtoneLocalization as Y } from "../../localization/index.js";
-import { resolveComponent as h, createElementBlock as A, openBlock as c, mergeProps as f, createVNode as a, createElementVNode as L, withCtx as u, createBlock as B, createCommentVNode as X, Fragment as q, renderList as V, withKeys as g, withModifiers as p, createTextVNode as _, toDisplayString as k, resolveDynamicComponent as K, normalizeStyle as W } from "vue";
+import { resolveComponent as h, openBlock as c, createElementBlock as A, mergeProps as f, createVNode as a, withCtx as u, Fragment as q, renderList as V, createBlock as B, withKeys as g, withModifiers as p, createTextVNode as L, toDisplayString as k, resolveDynamicComponent as K, createElementVNode as _, createCommentVNode as X, normalizeStyle as W } from "vue";
 import { _ as Z } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import tt from "../tooltip/tooltip.js";
 import et from "../input/input.js";
@@ -670,7 +670,7 @@ function ct(t, e, o, n, r, i) {
                       (c(), B(K(l.icon), { size: "200" }))
                     ]),
                     default: u(() => [
-                      _(" " + k(l == null ? void 0 : l.label), 1)
+                      L(" " + k(l == null ? void 0 : l.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["active", "aria-label", "data-qa", "tabindex", "onClick", "onKeydown"])
@@ -678,7 +678,7 @@ function ct(t, e, o, n, r, i) {
               }),
               _: 2
             }, 1032, ["message"]))), 128)),
-            e[5] || (e[5] = L("div", { class: "d-recipe-editor__button-group-divider" }, null, -1))
+            e[5] || (e[5] = _("div", { class: "d-recipe-editor__button-group-divider" }, null, -1))
           ]),
           _: 2
         }, 1024))), 128)),
@@ -735,8 +735,8 @@ function ct(t, e, o, n, r, i) {
                 }, 8, ["message"]))
               ]),
               content: u(() => [
-                L("div", at, [
-                  L("span", null, k(i.showAddLinkButtonLabels.title), 1),
+                _("div", at, [
+                  _("span", null, k(i.showAddLinkButtonLabels.title), 1),
                   a(P, {
                     modelValue: r.linkInput,
                     "onUpdate:modelValue": e[1] || (e[1] = (s) => r.linkInput = s),
@@ -767,7 +767,7 @@ function ct(t, e, o, n, r, i) {
                       size: "sm"
                     }, i.removeLinkButtonLabels, { onClick: i.removeLink }), {
                       default: u(() => [
-                        _(k(i.removeLinkButtonLabels.title), 1)
+                        L(k(i.removeLinkButtonLabels.title), 1)
                       ]),
                       _: 1
                     }, 16, ["onClick"]),
@@ -778,7 +778,7 @@ function ct(t, e, o, n, r, i) {
                       size: "sm"
                     }, i.cancelSetLinkButtonLabels, { onClick: i.closeLinkInput }), {
                       default: u(() => [
-                        _(k(i.cancelSetLinkButtonLabels.title), 1)
+                        L(k(i.cancelSetLinkButtonLabels.title), 1)
                       ]),
                       _: 1
                     }, 16, ["onClick"]),
@@ -787,7 +787,7 @@ function ct(t, e, o, n, r, i) {
                       size: "sm"
                     }, i.confirmSetLinkButtonLabels, { onClick: i.setLink }), {
                       default: u(() => [
-                        _(k(i.confirmSetLinkButtonLabels.title), 1)
+                        L(k(i.confirmSetLinkButtonLabels.title), 1)
                       ]),
                       _: 1
                     }, 16, ["onClick"])
@@ -803,7 +803,7 @@ function ct(t, e, o, n, r, i) {
       ]),
       _: 1
     }),
-    L("div", {
+    _("div", {
       style: W({ "max-height": o.maxHeight }),
       class: "d-recipe-editor__content"
     }, [

package/dist/lib/emoji/emoji.js

@@ -1,5 +1,5 @@
 import { codeToEmojiData as c, stringToUnicode as u, emojiImageUrlSmall as j, emojiFileExtensionSmall as g, emojiImageUrlLarge as h, emojiFileExtensionLarge as f } from "../../common/emoji/index.js";
-import { resolveComponent as D, createElementBlock as S, openBlock as L, normalizeClass as o, withDirectives as n, createVNode as E, vShow as l, createElementVNode as p } from "vue";
+import { resolveComponent as D, openBlock as S, createElementBlock as L, normalizeClass as o, withDirectives as n, createVNode as E, vShow as l, createElementVNode as p } from "vue";
 import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import b from "../skeleton/skeleton.js";
 import { ICON_SIZE_MODIFIERS as s } from "../icon/icon-constants.js";
@@ -110,7 +110,7 @@ const k = {
 }, y = ["aria-label", "alt", "title", "src"];
 function z(i, t, r, I, m, e) {
   const d = D("dt-skeleton");
-  return L(), S("span", {
+  return S(), L("span", {
     class: o(["d-emoji d-icon", e.emojiSize])
   }, [
     n(E(d, {

package/dist/lib/emoji-picker/emoji-picker.js

@@ -1,4 +1,4 @@
-import { ref as S, onMounted as re, createElementBlock as I, openBlock as E, createVNode as F, unref as k, withKeys as J, withModifiers as ue, createSlots as ye, withCtx as N, computed as M, watch as K, Fragment as W, renderList as G, createBlock as Z, resolveDynamicComponent as Le, nextTick as x, onBeforeUnmount as Te, createElementVNode as A, createCommentVNode as Y, toDisplayString as z, withDirectives as te, vShow as oe, normalizeClass as ce, watchEffect as ae, createTextVNode as fe } from "vue";
+import { ref as S, onMounted as re, openBlock as E, createElementBlock as I, createVNode as F, unref as k, withKeys as J, withModifiers as ue, createSlots as ye, withCtx as N, computed as M, watch as K, Fragment as W, renderList as G, createBlock as Z, resolveDynamicComponent as Le, nextTick as x, onBeforeUnmount as Te, createElementVNode as A, toDisplayString as z, withDirectives as te, createCommentVNode as Y, vShow as oe, normalizeClass as ce, watchEffect as ae, createTextVNode as fe } from "vue";
 import { DtIconSearch as je, DtIconClose as Ie, DtIconClock as Re, DtIconSatisfied as Ae, DtIconLivingThing as $e, DtIconFood as we, DtIconObject as Oe, DtIconTransportation as De, DtIconLightbulb as Ce, DtIconHeart as Be, DtIconFlag as Fe, DtIconDialpadStar as Ke } from "@dialpad/dialtone-icons/vue3";
 import Ne from "../input/input.js";
 import de from "../button/button.js";