@dialpad/dialtone-vue 3.223.1 → 3.224.0-next.2

package/dist/lib/contact-info/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./contact-info.cjs`);exports.DtRecipeContactInfo=e.default;

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

@@ -1,2 +0,0 @@
-import e from "./contact-info.js";
-export { e as DtRecipeContactInfo };

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

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../avatar/avatar.cjs`),r=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),i=require(`../general-row/general-row.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtRecipeContactRow`,components:{DtAvatar:n.default,DtRecipeGeneralRow:i.default,DtEmojiTextWrapper:r.default,DtIconUser:o.DtIconUser},inheritAttrs:!1,props:{avatarSrc:{type:String,default:``},avatarPresence:{type:String,default:null},avatarSeed:{type:String,default:null},avatarColor:{type:String,default:null},presenceText:{type:String,default:``},name:{type:String,required:!0},userStatus:{type:String,default:``},muted:{type:Boolean,default:!1},unreadCount:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},noInitials:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1},hasCallButton:{type:Boolean,default:!0}},emits:[`call`],computed:{presenceFontColorClass(){return{active:`d-recipe-contact-row--active`,busy:`d-recipe-contact-row--busy`,away:`d-recipe-contact-row--away`}[this.avatarPresence]},contactRowListeners(){return e.extractVueListeners(this.$attrs)},contactDescription(){return e.safeConcatStrings([this.name,this.presenceText,this.userStatus])}}},c={class:`d-recipe-leftbar-row__status`};function l(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-user`),l=(0,a.resolveComponent)(`dt-avatar`),u=(0,a.resolveComponent)(`dt-emoji-text-wrapper`),d=(0,a.resolveComponent)(`dt-recipe-general-row`);return(0,a.openBlock)(),(0,a.createBlock)(d,(0,a.mergeProps)({"unread-count":n.unreadCount,description:o.contactDescription,"has-unreads":n.hasUnreads,selected:n.selected,"has-call-button":n.hasCallButton,muted:n.muted,"is-typing":n.isTyping},e.$attrs,{"data-qa":`contact-row`},(0,a.toHandlers)(o.contactRowListeners),{onCall:t[0]||(t[0]=t=>e.$emit(`call`,t))}),{left:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{"full-name":n.name,"image-src":n.avatarSrc,color:n.avatarColor,"image-alt":``,size:`sm`,seed:n.avatarSeed,presence:n.avatarPresence},(0,a.createSlots)({_:2},[n.noInitials?{name:`icon`,fn:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{size:`200`})]),key:`0`}:void 0]),1032,[`full-name`,`image-src`,`color`,`seed`,`presence`])]),label:(0,a.withCtx)(()=>[(0,a.createVNode)(u,{class:`d-recipe-leftbar-row__description`,"data-qa":`dt-recipe-leftbar-row-description`,size:`200`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.name),1)]),_:1}),(0,a.createElementVNode)(`div`,c,[n.presenceText?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,"data-qa":`dt-recipe-leftbar-row-presence-text`,class:(0,a.normalizeClass)([`d-recipe-leftbar-row__meta-context`,o.presenceFontColorClass])},(0,a.toDisplayString)(n.presenceText),3)):(0,a.createCommentVNode)(``,!0),n.userStatus?((0,a.openBlock)(),(0,a.createBlock)(u,{key:1,size:`100`,"element-type":`span`,"data-qa":`dt-recipe-leftbar-row-user-status`,class:`d-recipe-leftbar-row__meta-custom`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.userStatus),1)]),_:1})):(0,a.createCommentVNode)(``,!0)])]),_:1},16,[`unread-count`,`description`,`has-unreads`,`selected`,`has-call-button`,`muted`,`is-typing`])}var u=t.t(s,[[`render`,l]]);exports.default=u;
-//# sourceMappingURL=contact-row.cjs.map

package/dist/lib/contact-row/contact-row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-row.cjs","names":[],"sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"mappings":"obAuEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,SAAA,EAAA,QACA,mBAAA,EAAA,QACA,mBAAA,EAAA,QACA,WAAA,EAAA,WACD,CAED,aAAc,GAEd,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CASD,eAAgB,CACd,KAAM,OACN,QAAS,KACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,WAAY,CACV,KAAM,OACN,QAAS,GACV,CAKD,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,cAAe,CACb,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAO,CAOL,OACD,CAED,SAAU,CACR,wBAA0B,CAOxB,MAN2B,CACzB,OAAQ,+BACR,KAAM,6BACN,KAAM,6BACP,CAEyB,KAAK,iBAGjC,qBAAuB,CACrB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAGzC,oBAAsB,CACpB,OAAO,EAAA,kBAAkB,CAAC,KAAK,KAAM,KAAK,aAAc,KAAK,WAAW,CAAC,EAE5E,CACF,IA/LU,MAAM,+BAA8B,0PAmBrB,GAAA,EAAA,EAAA,YAAA,CA3DrB,eAAc,EAAA,YACd,YAAa,EAAA,mBACb,cAAa,EAAA,WACb,SAAU,EAAA,SACV,kBAAiB,EAAA,cACjB,MAAO,EAAA,MACP,YAAW,EAAA,UACJ,EAAA,OAAM,CACd,UAAQ,cAAa,EAAA,EAAA,EAAA,YACK,EAApB,oBAAmB,CAAA,CACxB,OAAI,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,OAAS,EAAM,EAAA,CAAA,CAAA,CAEhB,MAAA,EAAA,EAAA,aAkBG,EAAA,EAAA,EAAA,aAAA,EAAA,CAhBT,YAAW,EAAA,KACX,YAAW,EAAA,UACX,MAAO,EAAA,YACR,YAAU,GACV,KAAK,KACJ,KAAM,EAAA,WACN,SAAU,EAAA,yCAGH,EAAA,WAAA,MACL,4BAIC,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,+EAKP,OAAA,EAAA,EAAA,aAOe,EAAA,EAAA,EAAA,aAAA,EAAA,CALtB,MAAM,oCACN,UAAQ,oCACR,KAAK,kCAEK,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAP,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,gCAmBH,MAjBN,EAiBM,CAfI,EAAA,eAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKD,OAAA,OAJL,UAAQ,sCACP,OAAA,EAAA,EAAA,gBAAK,CAAA,qCAAyC,EAAA,uBAAsB,CAAA,wBAElE,EAAA,aAAY,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGT,EAAA,aAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAOgB,EAAA,OANtB,KAAK,MACL,eAAa,OACb,UAAQ,oCACR,MAAM,gEAEU,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAb,EAAA,WAAU,CAAA,EAAA,CAAA,CAAA"}

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

@@ -1,164 +0,0 @@
-import { extractVueListeners as e, safeConcatStrings as t } from "../../common/utils/index.js";
-import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import r from "../avatar/avatar.js";
-import i from "../emoji-text-wrapper/emoji-text-wrapper.js";
-import a from "../general-row/general-row.js";
-import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, mergeProps as p, normalizeClass as m, openBlock as h, resolveComponent as g, toDisplayString as _, toHandlers as v, withCtx as y } from "vue";
-import { DtIconUser as b } from "@dialpad/dialtone-icons/vue3";
-//#region recipes/leftbar/contact_row/contact_row.vue
-var x = {
-	compatConfig: { MODE: 3 },
-	name: "DtRecipeContactRow",
-	components: {
-		DtAvatar: r,
-		DtRecipeGeneralRow: a,
-		DtEmojiTextWrapper: i,
-		DtIconUser: b
-	},
-	inheritAttrs: !1,
-	props: {
-		avatarSrc: {
-			type: String,
-			default: ""
-		},
-		avatarPresence: {
-			type: String,
-			default: null
-		},
-		avatarSeed: {
-			type: String,
-			default: null
-		},
-		avatarColor: {
-			type: String,
-			default: null
-		},
-		presenceText: {
-			type: String,
-			default: ""
-		},
-		name: {
-			type: String,
-			required: !0
-		},
-		userStatus: {
-			type: String,
-			default: ""
-		},
-		muted: {
-			type: Boolean,
-			default: !1
-		},
-		unreadCount: {
-			type: String,
-			default: null
-		},
-		hasUnreads: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		noInitials: {
-			type: Boolean,
-			default: !1
-		},
-		isTyping: {
-			type: Boolean,
-			default: !1
-		},
-		hasCallButton: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["call"],
-	computed: {
-		presenceFontColorClass() {
-			return {
-				active: "d-recipe-contact-row--active",
-				busy: "d-recipe-contact-row--busy",
-				away: "d-recipe-contact-row--away"
-			}[this.avatarPresence];
-		},
-		contactRowListeners() {
-			return e(this.$attrs);
-		},
-		contactDescription() {
-			return t([
-				this.name,
-				this.presenceText,
-				this.userStatus
-			]);
-		}
-	}
-}, S = { class: "d-recipe-leftbar-row__status" };
-function C(e, t, n, r, i, a) {
-	let b = g("dt-icon-user"), x = g("dt-avatar"), C = g("dt-emoji-text-wrapper"), w = g("dt-recipe-general-row");
-	return h(), o(w, p({
-		"unread-count": n.unreadCount,
-		description: a.contactDescription,
-		"has-unreads": n.hasUnreads,
-		selected: n.selected,
-		"has-call-button": n.hasCallButton,
-		muted: n.muted,
-		"is-typing": n.isTyping
-	}, e.$attrs, { "data-qa": "contact-row" }, v(a.contactRowListeners), { onCall: t[0] || (t[0] = (t) => e.$emit("call", t)) }), {
-		left: y(() => [f(x, {
-			"full-name": n.name,
-			"image-src": n.avatarSrc,
-			color: n.avatarColor,
-			"image-alt": "",
-			size: "sm",
-			seed: n.avatarSeed,
-			presence: n.avatarPresence
-		}, u({ _: 2 }, [n.noInitials ? {
-			name: "icon",
-			fn: y(() => [f(b, { size: "200" })]),
-			key: "0"
-		} : void 0]), 1032, [
-			"full-name",
-			"image-src",
-			"color",
-			"seed",
-			"presence"
-		])]),
-		label: y(() => [f(C, {
-			class: "d-recipe-leftbar-row__description",
-			"data-qa": "dt-recipe-leftbar-row-description",
-			size: "200"
-		}, {
-			default: y(() => [d(_(n.name), 1)]),
-			_: 1
-		}), l("div", S, [n.presenceText ? (h(), c("span", {
-			key: 0,
-			"data-qa": "dt-recipe-leftbar-row-presence-text",
-			class: m(["d-recipe-leftbar-row__meta-context", a.presenceFontColorClass])
-		}, _(n.presenceText), 3)) : s("", !0), n.userStatus ? (h(), o(C, {
-			key: 1,
-			size: "100",
-			"element-type": "span",
-			"data-qa": "dt-recipe-leftbar-row-user-status",
-			class: "d-recipe-leftbar-row__meta-custom"
-		}, {
-			default: y(() => [d(_(n.userStatus), 1)]),
-			_: 1
-		})) : s("", !0)])]),
-		_: 1
-	}, 16, [
-		"unread-count",
-		"description",
-		"has-unreads",
-		"selected",
-		"has-call-button",
-		"muted",
-		"is-typing"
-	]);
-}
-var w = /* @__PURE__ */ n(x, [["render", C]]);
-//#endregion
-export { w as default };
-
-//# sourceMappingURL=contact-row.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"contact-row.js","names":[],"sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtAvatar } from '@/components/avatar';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;;AAuEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,UAAA;EACA,oBAAA;EACA,oBAAA;EACA;EACD;CAED,cAAc;CAEd,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EASD,gBAAgB;GACd,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,eAAe;GACb,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,OACD;CAED,UAAU;EACR,yBAA0B;AAOxB,UAN2B;IACzB,QAAQ;IACR,MAAM;IACN,MAAM;IACP,CAEyB,KAAK;;EAGjC,sBAAuB;AACrB,UAAO,EAAoB,KAAK,OAAO;;EAGzC,qBAAsB;AACpB,UAAO,EAAkB;IAAC,KAAK;IAAM,KAAK;IAAc,KAAK;IAAW,CAAC;;EAE5E;CACF,QA/LU,OAAM,gCAA8B;;;aAzC7C,EA4DwB,GA5DxB,EA4DwB;EA3DrB,gBAAc,EAAA;EACd,aAAa,EAAA;EACb,eAAa,EAAA;EACb,UAAU,EAAA;EACV,mBAAiB,EAAA;EACjB,OAAO,EAAA;EACP,aAAW,EAAA;IACJ,EAAA,QAAM,EACd,WAAQ,eAAa,EACrB,EAA0B,EAApB,oBAAmB,EAAA,EACxB,QAAI,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,QAAS,EAAM,GAAA,CAAA,EAAA;EAEhB,MAAI,QAkBD,CAjBZ,EAiBY,GAAA;GAhBT,aAAW,EAAA;GACX,aAAW,EAAA;GACX,OAAO,EAAA;GACR,aAAU;GACV,MAAK;GACJ,MAAM,EAAA;GACN,UAAU,EAAA;kBAGH,EAAA,aAAA;SACL;eAIC,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA;;;;;;;;;EAKP,OAAK,QAOU,CANxB,EAMwB,GAAA;GALtB,OAAM;GACN,WAAQ;GACR,MAAK;;oBAEK,CAAA,EAAA,EAAP,EAAA,KAAI,EAAA,EAAA,CAAA,CAAA;;MAET,EAiBM,OAjBN,GAiBM,CAfI,EAAA,gBAAA,GAAA,EADR,EAMO,QAAA;;GAJL,WAAQ;GACP,OAAK,EAAA,CAAA,sCAAyC,EAAA,uBAAsB,CAAA;OAElE,EAAA,aAAY,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGT,EAAA,cAAA,GAAA,EADR,EAQwB,GAAA;;GANtB,MAAK;GACL,gBAAa;GACb,WAAQ;GACR,OAAM;;oBAEU,CAAA,EAAA,EAAb,EAAA,WAAU,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/contact-row/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./contact-row.cjs`);exports.DtRecipeContactRow=e.default;

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

@@ -1,2 +0,0 @@
-import e from "./contact-row.js";
-export { e as DtRecipeContactRow };

package/dist/lib/datepicker/formatUtils.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../localization/index.cjs`);function t(t,n=null){return new Intl.DateTimeFormat(n||e.DialtoneLocalization.getPreferredLocale(),{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}).format(t)}function n(t,n=null){return new Intl.DateTimeFormat(n||e.DialtoneLocalization.getPreferredLocale(),{year:`numeric`,month:`long`,day:`numeric`}).format(t)}function r(t,n=null,r=!0){let i=r?{weekday:`short`,year:`numeric`,month:`short`,day:`numeric`}:{year:`numeric`,month:`short`,day:`numeric`};return new Intl.DateTimeFormat(n||e.DialtoneLocalization.getPreferredLocale(),i).format(t)}function i(t,n=null,r=!1){let i=r?`short`:`long`;return new Intl.DateTimeFormat(n||e.DialtoneLocalization.getPreferredLocale(),{month:i,day:`numeric`}).format(t)}function a(t,n=null){return new Intl.DateTimeFormat(n||e.DialtoneLocalization.getPreferredLocale(),{year:`2-digit`,month:`2-digit`,day:`2-digit`}).format(t)}var o={formatLong:t,formatMedium:n,formatShort:r,formatNoYear:i,formatNumerical:a};exports.default=o,exports.formatLong=t,exports.formatMedium=n,exports.formatNoYear=i,exports.formatNumerical=a,exports.formatShort=r;
-//# sourceMappingURL=formatUtils.cjs.map

package/dist/lib/datepicker/formatUtils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatUtils.cjs","names":["DialtoneLocalization"],"sources":["../../../components/datepicker/formatUtils.js"],"sourcesContent":["import { DialtoneLocalization } from '@/localization';\n\n/**\n * Formats a date into a long format using the specified locale.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string.\n */\nexport function formatLong (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats the given date in medium format.\n *\n * @param {Date} date - The date to be formatted.\n * @param {string} [locale='default'] - The locale to be used for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string in medium format.\n */\nexport function formatMedium (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a short string representation.\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [showWeekday=true] - Whether to include the weekday in the formatted string. Defaults to true.\n * @returns {string} The formatted date string.\n */\nexport function formatShort (date, locale = null, showWeekday = true) {\n  const options = showWeekday ? { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' } : { year: 'numeric', month: 'short', day: 'numeric' };\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), options).format(date);\n}\n\n/**\n * Formats a date without the year.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [abbreviated=false] - Whether to use abbreviated month names. Defaults to false.\n * @returns {string} The formatted date without the year.\n */\nexport function formatNoYear (date, locale = null, abbreviated = false) {\n  const monthFormat = abbreviated ? 'short' : 'long';\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { month: monthFormat, day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a numerical string representation.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted numerical date string.\n */\nexport function formatNumerical (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { year: '2-digit', month: '2-digit', day: '2-digit' }).format(date);\n}\n\nexport default {\n  formatLong,\n  formatMedium,\n  formatShort,\n  formatNoYear,\n  formatNumerical,\n};\n"],"mappings":"+IASA,SAAgB,EAAY,EAAM,EAAS,KAAM,CAC/C,OAAO,IAAI,KAAK,eAAe,GAAUA,EAAAA,qBAAqB,oBAAoB,CAAE,CAAE,QAAS,OAAQ,KAAM,UAAW,MAAO,OAAQ,IAAK,UAAW,CAAC,CAAC,OAAO,EAAK,CAUvK,SAAgB,EAAc,EAAM,EAAS,KAAM,CACjD,OAAO,IAAI,KAAK,eAAe,GAAUA,EAAAA,qBAAqB,oBAAoB,CAAE,CAAE,KAAM,UAAW,MAAO,OAAQ,IAAK,UAAW,CAAC,CAAC,OAAO,EAAK,CAUtJ,SAAgB,EAAa,EAAM,EAAS,KAAM,EAAc,GAAM,CACpE,IAAM,EAAU,EAAc,CAAE,QAAS,QAAS,KAAM,UAAW,MAAO,QAAS,IAAK,UAAW,CAAG,CAAE,KAAM,UAAW,MAAO,QAAS,IAAK,UAAW,CACzJ,OAAO,IAAI,KAAK,eAAe,GAAUA,EAAAA,qBAAqB,oBAAoB,CAAE,EAAQ,CAAC,OAAO,EAAK,CAW3G,SAAgB,EAAc,EAAM,EAAS,KAAM,EAAc,GAAO,CACtE,IAAM,EAAc,EAAc,QAAU,OAC5C,OAAO,IAAI,KAAK,eAAe,GAAUA,EAAAA,qBAAqB,oBAAoB,CAAE,CAAE,MAAO,EAAa,IAAK,UAAW,CAAC,CAAC,OAAO,EAAK,CAU1I,SAAgB,EAAiB,EAAM,EAAS,KAAM,CACpD,OAAO,IAAI,KAAK,eAAe,GAAUA,EAAAA,qBAAqB,oBAAoB,CAAE,CAAE,KAAM,UAAW,MAAO,UAAW,IAAK,UAAW,CAAC,CAAC,OAAO,EAAK,CAGzJ,IAAA,EAAe,CACb,aACA,eACA,cACA,eACA,kBACD"}

package/dist/lib/datepicker/formatUtils.js

@@ -1,55 +0,0 @@
-import { DialtoneLocalization as e } from "../../localization/index.js";
-//#region components/datepicker/formatUtils.js
-function t(t, n = null) {
-	return new Intl.DateTimeFormat(n || e.getPreferredLocale(), {
-		weekday: "long",
-		year: "numeric",
-		month: "long",
-		day: "numeric"
-	}).format(t);
-}
-function n(t, n = null) {
-	return new Intl.DateTimeFormat(n || e.getPreferredLocale(), {
-		year: "numeric",
-		month: "long",
-		day: "numeric"
-	}).format(t);
-}
-function r(t, n = null, r = !0) {
-	let i = r ? {
-		weekday: "short",
-		year: "numeric",
-		month: "short",
-		day: "numeric"
-	} : {
-		year: "numeric",
-		month: "short",
-		day: "numeric"
-	};
-	return new Intl.DateTimeFormat(n || e.getPreferredLocale(), i).format(t);
-}
-function i(t, n = null, r = !1) {
-	let i = r ? "short" : "long";
-	return new Intl.DateTimeFormat(n || e.getPreferredLocale(), {
-		month: i,
-		day: "numeric"
-	}).format(t);
-}
-function a(t, n = null) {
-	return new Intl.DateTimeFormat(n || e.getPreferredLocale(), {
-		year: "2-digit",
-		month: "2-digit",
-		day: "2-digit"
-	}).format(t);
-}
-var o = {
-	formatLong: t,
-	formatMedium: n,
-	formatShort: r,
-	formatNoYear: i,
-	formatNumerical: a
-};
-//#endregion
-export { o as default, t as formatLong, n as formatMedium, i as formatNoYear, a as formatNumerical, r as formatShort };
-
-//# sourceMappingURL=formatUtils.js.map

package/dist/lib/datepicker/formatUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatUtils.js","names":[],"sources":["../../../components/datepicker/formatUtils.js"],"sourcesContent":["import { DialtoneLocalization } from '@/localization';\n\n/**\n * Formats a date into a long format using the specified locale.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string.\n */\nexport function formatLong (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats the given date in medium format.\n *\n * @param {Date} date - The date to be formatted.\n * @param {string} [locale='default'] - The locale to be used for formatting. Defaults to 'default'.\n * @returns {string} The formatted date string in medium format.\n */\nexport function formatMedium (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { year: 'numeric', month: 'long', day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a short string representation.\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [showWeekday=true] - Whether to include the weekday in the formatted string. Defaults to true.\n * @returns {string} The formatted date string.\n */\nexport function formatShort (date, locale = null, showWeekday = true) {\n  const options = showWeekday ? { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' } : { year: 'numeric', month: 'short', day: 'numeric' };\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), options).format(date);\n}\n\n/**\n * Formats a date without the year.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @param {boolean} [abbreviated=false] - Whether to use abbreviated month names. Defaults to false.\n * @returns {string} The formatted date without the year.\n */\nexport function formatNoYear (date, locale = null, abbreviated = false) {\n  const monthFormat = abbreviated ? 'short' : 'long';\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { month: monthFormat, day: 'numeric' }).format(date);\n}\n\n/**\n * Formats a date into a numerical string representation.\n *\n * @param {Date} date - The date to format.\n * @param {string} [locale='default'] - The locale to use for formatting. Defaults to 'default'.\n * @returns {string} The formatted numerical date string.\n */\nexport function formatNumerical (date, locale = null) {\n  return new Intl.DateTimeFormat(locale || DialtoneLocalization.getPreferredLocale(), { year: '2-digit', month: '2-digit', day: '2-digit' }).format(date);\n}\n\nexport default {\n  formatLong,\n  formatMedium,\n  formatShort,\n  formatNoYear,\n  formatNumerical,\n};\n"],"mappings":";;AASA,SAAgB,EAAY,GAAM,IAAS,MAAM;AAC/C,QAAO,IAAI,KAAK,eAAe,KAAU,EAAqB,oBAAoB,EAAE;EAAE,SAAS;EAAQ,MAAM;EAAW,OAAO;EAAQ,KAAK;EAAW,CAAC,CAAC,OAAO,EAAK;;AAUvK,SAAgB,EAAc,GAAM,IAAS,MAAM;AACjD,QAAO,IAAI,KAAK,eAAe,KAAU,EAAqB,oBAAoB,EAAE;EAAE,MAAM;EAAW,OAAO;EAAQ,KAAK;EAAW,CAAC,CAAC,OAAO,EAAK;;AAUtJ,SAAgB,EAAa,GAAM,IAAS,MAAM,IAAc,IAAM;CACpE,IAAM,IAAU,IAAc;EAAE,SAAS;EAAS,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,GAAG;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW;AACzJ,QAAO,IAAI,KAAK,eAAe,KAAU,EAAqB,oBAAoB,EAAE,EAAQ,CAAC,OAAO,EAAK;;AAW3G,SAAgB,EAAc,GAAM,IAAS,MAAM,IAAc,IAAO;CACtE,IAAM,IAAc,IAAc,UAAU;AAC5C,QAAO,IAAI,KAAK,eAAe,KAAU,EAAqB,oBAAoB,EAAE;EAAE,OAAO;EAAa,KAAK;EAAW,CAAC,CAAC,OAAO,EAAK;;AAU1I,SAAgB,EAAiB,GAAM,IAAS,MAAM;AACpD,QAAO,IAAI,KAAK,eAAe,KAAU,EAAqB,oBAAoB,EAAE;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW,CAAC,CAAC,OAAO,EAAK;;AAGzJ,IAAA,IAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/editor/EditorToolbarButton.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`);let n=require(`vue`);var r={name:`EditorToolbarButton`,components:{DtButton:t.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQA:{type:String,default:``},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0},label:{type:String,default:``},onClick:{type:Function,required:!0}},emits:[`shift-focus-right`,`shift-focus-left`]};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-button`),c=(0,n.resolveDirective)(`dt-tooltip`);return(0,n.withDirectives)(((0,n.openBlock)(),(0,n.createBlock)(s,{ref:`buttonRef`,active:r.isActive,"aria-label":r.tooltipMessage,"data-qa":r.dataQA,tabindex:r.tabindex,importance:`clear`,kind:`muted`,size:`xs`,onClick:r.onClick,onKeydown:[t[0]||(t[0]=(0,n.withKeys)((0,n.withModifiers)(t=>e.$emit(`shift-focus-right`),[`stop`]),[`right`])),t[1]||(t[1]=(0,n.withKeys)((0,n.withModifiers)(t=>e.$emit(`shift-focus-left`),[`stop`]),[`left`]))]},{icon:(0,n.withCtx)(()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.icon),{size:`200`})),(0,n.renderSlot)(e.$slots,`extra`)]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(r.label),1)]),_:3},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onClick`])),[[c,{message:r.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs.buttonRef?.$el}]])}var a=e.t(r,[[`render`,i]]);exports.default=a;
-//# sourceMappingURL=EditorToolbarButton.cjs.map

package/dist/lib/editor/EditorToolbarButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbarButton.cjs","names":[],"sources":["../../../recipes/conversation_view/editor/EditorToolbarButton.vue"],"sourcesContent":["<template>\n  <dt-button\n    ref=\"buttonRef\"\n    v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top', externalAnchorElement: $refs.buttonRef?.$el }\"\n    :active=\"isActive\"\n    :aria-label=\"tooltipMessage\"\n    :data-qa=\"dataQA\"\n    :tabindex=\"tabindex\"\n    importance=\"clear\"\n    kind=\"muted\"\n    size=\"xs\"\n    @click=\"onClick\"\n    @keydown.right.stop=\"$emit('shift-focus-right')\"\n    @keydown.left.stop=\"$emit('shift-focus-left')\"\n  >\n    <template #icon>\n      <component\n        :is=\"icon\"\n        size=\"200\"\n      />\n      <slot name=\"extra\" />\n    </template>\n    {{ label }}\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EditorToolbarButton',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQA: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n\n    /**\n     * Button label text\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Click handler function\n     */\n    onClick: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"mappings":"0PA6BA,IAAK,EAAU,CACb,KAAM,sBAEN,WAAY,CACV,SAAA,EAAA,QACD,CAED,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,eAAgB,CACd,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAKD,QAAS,CACP,KAAM,SACN,SAAU,GACX,CACF,CAED,MAAO,CAIL,oBAKA,mBACD,CACF,0KAlFa,EAAA,CArBV,IAAI,YAEH,OAAQ,EAAA,SACR,aAAY,EAAA,eACZ,UAAS,EAAA,OACT,SAAU,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,QAAO,EAAA,QACP,UAAO,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GAAa,EAAA,MAAK,oBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GACN,EAAA,MAAK,mBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAEd,MAAA,EAAA,EAAA,aAIP,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAFK,EAAA,KAAI,CAAA,CACT,KAAK,MAAK,CAAA,GAAA,EAAA,EAAA,YAES,EAAA,OAAA,QAAA,CAAA,CAAA,2BAEvB,EAAA,EAAA,EAAA,iBADW,KAAA,EAAA,EAAA,iBACR,EAAA,MAAK,CAAA,EAAA,CAAA,CAAA,8EAnBiB,EAAA,eAAc,UAAA,MAAA,sBAA2C,EAAA,MAAM,WAAW,IAAG,CAAA,CAAA,CAAA"}

package/dist/lib/editor/EditorToolbarButton.js

@@ -1,73 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import t from "../button/button.js";
-import { createBlock as n, createTextVNode as r, openBlock as i, renderSlot as a, resolveComponent as o, resolveDirective as s, resolveDynamicComponent as c, toDisplayString as l, withCtx as u, withDirectives as d, withKeys as f, withModifiers as p } from "vue";
-//#region recipes/conversation_view/editor/EditorToolbarButton.vue
-var m = {
-	name: "EditorToolbarButton",
-	components: { DtButton: t },
-	props: {
-		isActive: {
-			type: Boolean,
-			default: !1
-		},
-		tooltipMessage: {
-			type: String,
-			required: !0
-		},
-		dataQA: {
-			type: String,
-			default: ""
-		},
-		tabindex: {
-			type: Number,
-			default: -1
-		},
-		icon: {
-			type: Object,
-			required: !0
-		},
-		label: {
-			type: String,
-			default: ""
-		},
-		onClick: {
-			type: Function,
-			required: !0
-		}
-	},
-	emits: ["shift-focus-right", "shift-focus-left"]
-};
-function h(e, t, m, h, g, _) {
-	let v = o("dt-button"), y = s("dt-tooltip");
-	return d((i(), n(v, {
-		ref: "buttonRef",
-		active: m.isActive,
-		"aria-label": m.tooltipMessage,
-		"data-qa": m.dataQA,
-		tabindex: m.tabindex,
-		importance: "clear",
-		kind: "muted",
-		size: "xs",
-		onClick: m.onClick,
-		onKeydown: [t[0] || (t[0] = f(p((t) => e.$emit("shift-focus-right"), ["stop"]), ["right"])), t[1] || (t[1] = f(p((t) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))]
-	}, {
-		icon: u(() => [(i(), n(c(m.icon), { size: "200" })), a(e.$slots, "extra")]),
-		default: u(() => [r(" " + l(m.label), 1)]),
-		_: 3
-	}, 8, [
-		"active",
-		"aria-label",
-		"data-qa",
-		"tabindex",
-		"onClick"
-	])), [[y, {
-		message: m.tooltipMessage,
-		placement: "top",
-		externalAnchorElement: e.$refs.buttonRef?.$el
-	}]]);
-}
-var g = /* @__PURE__ */ e(m, [["render", h]]);
-//#endregion
-export { g as default };
-
-//# sourceMappingURL=EditorToolbarButton.js.map

package/dist/lib/editor/EditorToolbarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbarButton.js","names":[],"sources":["../../../recipes/conversation_view/editor/EditorToolbarButton.vue"],"sourcesContent":["<template>\n  <dt-button\n    ref=\"buttonRef\"\n    v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top', externalAnchorElement: $refs.buttonRef?.$el }\"\n    :active=\"isActive\"\n    :aria-label=\"tooltipMessage\"\n    :data-qa=\"dataQA\"\n    :tabindex=\"tabindex\"\n    importance=\"clear\"\n    kind=\"muted\"\n    size=\"xs\"\n    @click=\"onClick\"\n    @keydown.right.stop=\"$emit('shift-focus-right')\"\n    @keydown.left.stop=\"$emit('shift-focus-left')\"\n  >\n    <template #icon>\n      <component\n        :is=\"icon\"\n        size=\"200\"\n      />\n      <slot name=\"extra\" />\n    </template>\n    {{ label }}\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EditorToolbarButton',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQA: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n\n    /**\n     * Button label text\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Click handler function\n     */\n    onClick: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n};\n</script>\n"],"mappings":";;;;AA6BA,IAAK,IAAU;CACb,MAAM;CAEN,YAAY,EACV,UAAA,GACD;CAED,OAAO;EAIL,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;GACN,UAAU;GACX;EAKD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAIL,qBAKA,mBACD;CACF;;;gBAxGC,EAsBY,GAAA;EArBV,KAAI;EAEH,QAAQ,EAAA;EACR,cAAY,EAAA;EACZ,WAAS,EAAA;EACT,UAAU,EAAA;EACX,YAAW;EACX,MAAK;EACL,MAAK;EACJ,SAAO,EAAA;EACP,WAAO,CAAA,EAAA,OAAA,EAAA,KAAA,EAAA,GAAA,MAAa,EAAA,MAAK,oBAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,EAAA,OAAA,EAAA,KAAA,EAAA,GAAA,MACN,EAAA,MAAK,mBAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EAAA;;EAEd,MAAI,QAIX,EAAA,GAAA,EAHF,EAGE,EAFK,EAAA,KAAI,EAAA,EACT,MAAK,OAAK,CAAA,GAEZ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA;mBAEvB,CAAA,EADW,MACX,EAAG,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;WAnBiB,EAAA;EAAc,WAAA;EAAA,uBAA2C,EAAA,MAAM,WAAW;EAAG,CAAA,CAAA,CAAA"}

package/dist/lib/editor/EditorToolbarDropdownButton.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`),n=require(`../dropdown/dropdown.cjs`);let r=require(`vue`);var i={name:`EditorToolbardropdownButton`,components:{DtButton:t.default,DtDropdown:n.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQa:{type:String,default:``},dropdownDataQa:{type:String,default:``},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0}},emits:[`shift-focus-right`,`shift-focus-left`],data(){return{pendingCallback:null}},methods:{onDropdownOpened(e){!e&&typeof this.pendingCallback==`function`&&(this.pendingCallback(),this.pendingCallback=null)}}};function a(e,t,n,i,a,o){let s=(0,r.resolveComponent)(`dt-button`),c=(0,r.resolveComponent)(`dt-dropdown`),l=(0,r.resolveDirective)(`dt-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(c,{"data-qa":n.dropdownDataQa||`${n.dataQa}-dropdown`,padding:`small`,"navigation-type":`arrow-keys`,placement:`bottom-start`,onOpened:o.onDropdownOpened},{anchor:(0,r.withCtx)(({attrs:i})=>[(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createBlock)(s,(0,r.mergeProps)({ref:`buttonRef`},i,{active:n.isActive,"aria-label":n.tooltipMessage,"data-qa":n.dataQa,tabindex:n.tabindex,importance:`clear`,kind:`muted`,size:`xs`,onKeydown:[t[0]||(t[0]=(0,r.withKeys)((0,r.withModifiers)(t=>e.$emit(`shift-focus-right`),[`stop`]),[`right`])),t[1]||(t[1]=(0,r.withKeys)((0,r.withModifiers)(t=>e.$emit(`shift-focus-left`),[`stop`]),[`left`]))]}),{icon:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(n.icon),{size:`200`}))]),_:1},16,[`active`,`aria-label`,`data-qa`,`tabindex`])),[[l,{message:n.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs.buttonRef?.$el}]])]),list:(0,r.withCtx)(({close:t})=>[(0,r.renderSlot)(e.$slots,`list`,{close:e=>{a.pendingCallback=e,t()}})]),_:3},8,[`data-qa`,`onOpened`])}var o=e.t(i,[[`render`,a]]);exports.default=o;
-//# sourceMappingURL=EditorToolbarDropdownButton.cjs.map

package/dist/lib/editor/EditorToolbarDropdownButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbarDropdownButton.cjs","names":[],"sources":["../../../recipes/conversation_view/editor/EditorToolbarDropdownButton.vue"],"sourcesContent":["<template>\n  <dt-dropdown\n    :data-qa=\"dropdownDataQa || `${dataQa}-dropdown`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n    @opened=\"onDropdownOpened\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top', externalAnchorElement: $refs.buttonRef?.$el }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #list=\"{ close: dropdownClose }\">\n      <slot\n        name=\"list\"\n        :close=\"(cb) => { pendingCallback = cb; dropdownClose(); }\"\n      />\n    </template>\n  </dt-dropdown>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\n\nexport default {\n  name: 'EditorToolbardropdownButton',\n\n  components: {\n    DtButton,\n    DtDropdown,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * dropdown specific data QA attribute\n     */\n    dropdownDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n\n  data () {\n    return {\n      pendingCallback: null,\n    };\n  },\n\n  methods: {\n    // Wait until the dropdown is fully closed so the modal's anchor focus\n    // completes first, then the callback can override it (e.g. to focus the editor).\n    onDropdownOpened (isOpen) {\n      if (!isOpen && typeof this.pendingCallback === 'function') {\n        this.pendingCallback();\n        this.pendingCallback = null;\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"gSA4CA,IAAK,EAAU,CACb,KAAM,8BAEN,WAAY,CACV,SAAA,EAAA,QACA,WAAA,EAAA,QACD,CAED,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,eAAgB,CACd,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAKD,eAAgB,CACd,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAIL,oBAKA,mBACD,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,KAClB,EAGH,QAAS,CAGP,iBAAkB,EAAQ,CACpB,CAAC,GAAU,OAAO,KAAK,iBAAoB,aAC7C,KAAK,iBAAiB,CACtB,KAAK,gBAAkB,OAG5B,CACF,4LA7Fe,EAAA,CAnCX,UAAS,EAAA,gBAAc,GAAO,EAAA,OAAM,WACrC,QAAQ,QACR,kBAAgB,aAChB,UAAU,eACT,SAAQ,EAAA,mBAEE,QAAA,EAAA,EAAA,UAqBG,CArBO,WAAK,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAqBZ,GAAA,EAAA,EAAA,YAAA,CAnBV,IAAI,YAAW,CAEP,EAAK,CACZ,OAAQ,EAAA,SACR,aAAY,EAAA,eACZ,UAAS,EAAA,OACT,SAAU,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,UAAO,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GAAa,EAAA,MAAK,oBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GACN,EAAA,MAAK,mBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,IAEd,MAAA,EAAA,EAAA,aAIP,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAFK,EAAA,KAAI,CAAA,CACT,KAAK,MAAK,CAAA,EAAA,CAAA,qEAfW,EAAA,eAAc,UAAA,MAAA,sBAA2C,EAAA,MAAM,WAAW,IAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAoB/F,MAAA,EAAA,EAAA,UAIP,CAAA,MAJsB,KAAa,EAAA,EAAA,EAAA,YAInC,EAAA,OAAA,OAAA,CADC,MAAQ,GAAE,CAAO,EAAA,gBAAkB,EAAI,GAAa"}

package/dist/lib/editor/EditorToolbarDropdownButton.js

@@ -1,87 +0,0 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import t from "../button/button.js";
-import n from "../dropdown/dropdown.js";
-import { createBlock as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, resolveDirective as c, resolveDynamicComponent as l, withCtx as u, withDirectives as d, withKeys as f, withModifiers as p } from "vue";
-//#region recipes/conversation_view/editor/EditorToolbarDropdownButton.vue
-var m = {
-	name: "EditorToolbardropdownButton",
-	components: {
-		DtButton: t,
-		DtDropdown: n
-	},
-	props: {
-		isActive: {
-			type: Boolean,
-			default: !1
-		},
-		tooltipMessage: {
-			type: String,
-			required: !0
-		},
-		dataQa: {
-			type: String,
-			default: ""
-		},
-		dropdownDataQa: {
-			type: String,
-			default: ""
-		},
-		tabindex: {
-			type: Number,
-			default: -1
-		},
-		icon: {
-			type: Object,
-			required: !0
-		}
-	},
-	emits: ["shift-focus-right", "shift-focus-left"],
-	data() {
-		return { pendingCallback: null };
-	},
-	methods: { onDropdownOpened(e) {
-		!e && typeof this.pendingCallback == "function" && (this.pendingCallback(), this.pendingCallback = null);
-	} }
-};
-function h(e, t, n, m, h, g) {
-	let _ = s("dt-button"), v = s("dt-dropdown"), y = c("dt-tooltip");
-	return a(), r(v, {
-		"data-qa": n.dropdownDataQa || `${n.dataQa}-dropdown`,
-		padding: "small",
-		"navigation-type": "arrow-keys",
-		placement: "bottom-start",
-		onOpened: g.onDropdownOpened
-	}, {
-		anchor: u(({ attrs: o }) => [d((a(), r(_, i({ ref: "buttonRef" }, o, {
-			active: n.isActive,
-			"aria-label": n.tooltipMessage,
-			"data-qa": n.dataQa,
-			tabindex: n.tabindex,
-			importance: "clear",
-			kind: "muted",
-			size: "xs",
-			onKeydown: [t[0] || (t[0] = f(p((t) => e.$emit("shift-focus-right"), ["stop"]), ["right"])), t[1] || (t[1] = f(p((t) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))]
-		}), {
-			icon: u(() => [(a(), r(l(n.icon), { size: "200" }))]),
-			_: 1
-		}, 16, [
-			"active",
-			"aria-label",
-			"data-qa",
-			"tabindex"
-		])), [[y, {
-			message: n.tooltipMessage,
-			placement: "top",
-			externalAnchorElement: e.$refs.buttonRef?.$el
-		}]])]),
-		list: u(({ close: t }) => [o(e.$slots, "list", { close: (e) => {
-			h.pendingCallback = e, t();
-		} })]),
-		_: 3
-	}, 8, ["data-qa", "onOpened"]);
-}
-var g = /* @__PURE__ */ e(m, [["render", h]]);
-//#endregion
-export { g as default };
-
-//# sourceMappingURL=EditorToolbarDropdownButton.js.map

package/dist/lib/editor/EditorToolbarDropdownButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbarDropdownButton.js","names":[],"sources":["../../../recipes/conversation_view/editor/EditorToolbarDropdownButton.vue"],"sourcesContent":["<template>\n  <dt-dropdown\n    :data-qa=\"dropdownDataQa || `${dataQa}-dropdown`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n    @opened=\"onDropdownOpened\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top', externalAnchorElement: $refs.buttonRef?.$el }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #list=\"{ close: dropdownClose }\">\n      <slot\n        name=\"list\"\n        :close=\"(cb) => { pendingCallback = cb; dropdownClose(); }\"\n      />\n    </template>\n  </dt-dropdown>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\n\nexport default {\n  name: 'EditorToolbardropdownButton',\n\n  components: {\n    DtButton,\n    DtDropdown,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * dropdown specific data QA attribute\n     */\n    dropdownDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n\n  data () {\n    return {\n      pendingCallback: null,\n    };\n  },\n\n  methods: {\n    // Wait until the dropdown is fully closed so the modal's anchor focus\n    // completes first, then the callback can override it (e.g. to focus the editor).\n    onDropdownOpened (isOpen) {\n      if (!isOpen && typeof this.pendingCallback === 'function') {\n        this.pendingCallback();\n        this.pendingCallback = null;\n      }\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AA4CA,IAAK,IAAU;CACb,MAAM;CAEN,YAAY;EACV,UAAA;EACA,YAAA;EACD;CAED,OAAO;EAIL,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;GACN,UAAU;GACX;EAKD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAIL,qBAKA,mBACD;CAED,OAAQ;AACN,SAAO,EACL,iBAAiB,MAClB;;CAGH,SAAS,EAGP,iBAAkB,GAAQ;AACxB,EAAI,CAAC,KAAU,OAAO,KAAK,mBAAoB,eAC7C,KAAK,iBAAiB,EACtB,KAAK,kBAAkB;IAG5B;CACF;;;aAjIC,EAoCc,GAAA;EAnCX,WAAS,EAAA,kBAAc,GAAO,EAAA,OAAM;EACrC,SAAQ;EACR,mBAAgB;EAChB,WAAU;EACT,UAAQ,EAAA;;EAEE,QAAM,GAqBH,EArBO,eAAK,CAAA,GAAA,GAAA,EACxB,EAoBY,GApBZ,EAoBY,EAnBV,KAAI,aAAW,EAEP,GAAK;GACZ,QAAQ,EAAA;GACR,cAAY,EAAA;GACZ,WAAS,EAAA;GACT,UAAU,EAAA;GACX,YAAW;GACX,MAAK;GACL,MAAK;GACJ,WAAO,CAAA,EAAA,OAAA,EAAA,KAAA,EAAA,GAAA,MAAa,EAAA,MAAK,oBAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,EAAA,OAAA,EAAA,KAAA,EAAA,GAAA,MACN,EAAA,MAAK,mBAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EAAA;;GAEd,MAAI,QAIX,EAAA,GAAA,EAHF,EAGE,EAFK,EAAA,KAAI,EAAA,EACT,MAAK,OAAK,CAAA,EAAA,CAAA;;;;;;;;YAfW,EAAA;GAAc,WAAA;GAAA,uBAA2C,EAAA,MAAM,WAAW;GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;EAoB/F,MAAI,GAIX,EAAA,OAJsB,QAAa,CACrC,EAGE,EAAA,QAAA,QAAA,EADC,QAAQ,MAAE;AAA6B,GAAtB,EAAA,kBAAkB,GAAI,GAAa"}

package/dist/lib/editor/EditorToolbarPopoverButton.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`),n=require(`../popover/popover.cjs`);let r=require(`vue`);var i={name:`EditorToolbarPopoverButton`,components:{DtButton:t.default,DtPopover:n.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQa:{type:String,default:``},popoverDataQa:{type:String,default:``},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0}},emits:[`shift-focus-right`,`shift-focus-left`],data(){return{pendingCallback:null}},methods:{onPopoverOpened(e){!e&&typeof this.pendingCallback==`function`&&(this.pendingCallback(),this.pendingCallback=null)}}};function a(e,t,n,i,a,o){let s=(0,r.resolveComponent)(`dt-button`),c=(0,r.resolveComponent)(`dt-popover`),l=(0,r.resolveDirective)(`dt-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(c,{"data-qa":n.popoverDataQa||`${n.dataQa}-popover`,padding:`small`,"navigation-type":`arrow-keys`,placement:`bottom-start`,"open-with-arrow-keys":!0,onOpened:o.onPopoverOpened},{anchor:(0,r.withCtx)(({attrs:i})=>[(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createBlock)(s,(0,r.mergeProps)({ref:`buttonRef`},i,{active:n.isActive,"aria-label":n.tooltipMessage,"data-qa":n.dataQa,tabindex:n.tabindex,importance:`clear`,kind:`muted`,size:`xs`,onKeydown:[t[0]||(t[0]=(0,r.withKeys)((0,r.withModifiers)(t=>e.$emit(`shift-focus-right`),[`stop`]),[`right`])),t[1]||(t[1]=(0,r.withKeys)((0,r.withModifiers)(t=>e.$emit(`shift-focus-left`),[`stop`]),[`left`]))]}),{icon:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(n.icon),{size:`200`}))]),_:1},16,[`active`,`aria-label`,`data-qa`,`tabindex`])),[[l,{message:n.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs.buttonRef?.$el}]])]),content:(0,r.withCtx)(({close:t})=>[(0,r.renderSlot)(e.$slots,`content`,{close:e=>{a.pendingCallback=e,t()}})]),_:3},8,[`data-qa`,`onOpened`])}var o=e.t(i,[[`render`,a]]);exports.default=o;
-//# sourceMappingURL=EditorToolbarPopoverButton.cjs.map

package/dist/lib/editor/EditorToolbarPopoverButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbarPopoverButton.cjs","names":[],"sources":["../../../recipes/conversation_view/editor/EditorToolbarPopoverButton.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :data-qa=\"popoverDataQa || `${dataQa}-popover`\"\n    padding=\"small\"\n    navigation-type=\"arrow-keys\"\n    placement=\"bottom-start\"\n    :open-with-arrow-keys=\"true\"\n    @opened=\"onPopoverOpened\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <dt-button\n        ref=\"buttonRef\"\n        v-dt-tooltip=\"{ message: tooltipMessage, placement: 'top', externalAnchorElement: $refs.buttonRef?.$el }\"\n        v-bind=\"attrs\"\n        :active=\"isActive\"\n        :aria-label=\"tooltipMessage\"\n        :data-qa=\"dataQa\"\n        :tabindex=\"tabindex\"\n        importance=\"clear\"\n        kind=\"muted\"\n        size=\"xs\"\n        @keydown.right.stop=\"$emit('shift-focus-right')\"\n        @keydown.left.stop=\"$emit('shift-focus-left')\"\n      >\n        <template #icon>\n          <component\n            :is=\"icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </template>\n    <template #content=\"{ close: popoverClose }\">\n      <slot\n        name=\"content\"\n        :close=\"(cb) => { pendingCallback = cb; popoverClose(); }\"\n      />\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\n\nexport default {\n  name: 'EditorToolbarPopoverButton',\n\n  components: {\n    DtButton,\n    DtPopover,\n  },\n\n  props: {\n    /**\n     * Whether the button is active\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Tooltip message\n     */\n    tooltipMessage: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Data QA attribute for testing\n     */\n    dataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Popover specific data QA attribute\n     */\n    popoverDataQa: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabindex: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Icon component\n     */\n    icon: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when right arrow key is pressed\n     */\n    'shift-focus-right',\n\n    /**\n     * Emitted when left arrow key is pressed\n     */\n    'shift-focus-left',\n  ],\n\n  data () {\n    return {\n      pendingCallback: null,\n    };\n  },\n\n  methods: {\n    // Wait until the dropdown is fully closed so the modal's anchor focus\n    // completes first, then the callback can override it (e.g. to focus the editor).\n    onPopoverOpened (isOpen) {\n      if (!isOpen && typeof this.pendingCallback === 'function') {\n        this.pendingCallback();\n        this.pendingCallback = null;\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"8RA6CA,IAAK,EAAU,CACb,KAAM,6BAEN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACD,CAED,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,eAAgB,CACd,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAKD,cAAe,CACb,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,OACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAIL,oBAKA,mBACD,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,KAClB,EAGH,QAAS,CAGP,gBAAiB,EAAQ,CACnB,CAAC,GAAU,OAAO,KAAK,iBAAoB,aAC7C,KAAK,iBAAiB,CACtB,KAAK,gBAAkB,OAG5B,CACF,2LA7Fc,EAAA,CApCV,UAAS,EAAA,eAAa,GAAO,EAAA,OAAM,UACpC,QAAQ,QACR,kBAAgB,aAChB,UAAU,eACT,uBAAsB,GACtB,SAAQ,EAAA,kBAEE,QAAA,EAAA,EAAA,UAqBG,CArBO,WAAK,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAqBZ,GAAA,EAAA,EAAA,YAAA,CAnBV,IAAI,YAAW,CAEP,EAAK,CACZ,OAAQ,EAAA,SACR,aAAY,EAAA,eACZ,UAAS,EAAA,OACT,SAAU,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,UAAO,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GAAa,EAAA,MAAK,oBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAAA,GACN,EAAA,MAAK,mBAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,IAEd,MAAA,EAAA,EAAA,aAIP,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAFK,EAAA,KAAI,CAAA,CACT,KAAK,MAAK,CAAA,EAAA,CAAA,qEAfW,EAAA,eAAc,UAAA,MAAA,sBAA2C,EAAA,MAAM,WAAW,IAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAoB/F,SAAA,EAAA,EAAA,UAIP,CAAA,MAJyB,KAAY,EAAA,EAAA,EAAA,YAIrC,EAAA,OAAA,UAAA,CADC,MAAQ,GAAE,CAAO,EAAA,gBAAkB,EAAI,GAAY"}