@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/editor/EditorToolbarDropdownButton.js

@@ -1,126 +1,87 @@
-import { resolveComponent as l, resolveDirective as w, openBlock as i, createBlock as d, withCtx as r, renderSlot as h, withDirectives as v, mergeProps as y, withKeys as s, withModifiers as p, resolveDynamicComponent as _ } from "vue";
-import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import k from "../dropdown/dropdown.js";
-import C from "../button/button.js";
-const q = {
-  name: "EditorToolbardropdownButton",
-  components: {
-    DtButton: C,
-    DtDropdown: k
-  },
-  props: {
-    /**
-     * Whether the button is active
-     */
-    isActive: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Tooltip message
-     */
-    tooltipMessage: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Data QA attribute for testing
-     */
-    dataQa: {
-      type: String,
-      default: ""
-    },
-    /**
-     * dropdown specific data QA attribute
-     */
-    dropdownDataQa: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Tab index for keyboard navigation
-     */
-    tabindex: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * Icon component
-     */
-    icon: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: [
-    /**
-     * Emitted when right arrow key is pressed
-     */
-    "shift-focus-right",
-    /**
-     * Emitted when left arrow key is pressed
-     */
-    "shift-focus-left"
-  ],
-  data() {
-    return {
-      pendingCallback: null
-    };
-  },
-  methods: {
-    // Wait until the dropdown is fully closed so the modal's anchor focus
-    // completes first, then the callback can override it (e.g. to focus the editor).
-    onDropdownOpened(e) {
-      !e && typeof this.pendingCallback == "function" && (this.pendingCallback(), this.pendingCallback = null);
-    }
-  }
+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 x(e, o, t, B, c, f) {
-  const m = l("dt-button"), u = l("dt-dropdown"), b = w("dt-tooltip");
-  return i(), d(u, {
-    "data-qa": t.dropdownDataQa || `${t.dataQa}-dropdown`,
-    padding: "small",
-    "navigation-type": "arrow-keys",
-    placement: "bottom-start",
-    onOpened: f.onDropdownOpened
-  }, {
-    anchor: r(({ attrs: a }) => {
-      var n;
-      return [
-        v((i(), d(m, y({ ref: "buttonRef" }, a, {
-          active: t.isActive,
-          "aria-label": t.tooltipMessage,
-          "data-qa": t.dataQa,
-          tabindex: t.tabindex,
-          importance: "clear",
-          kind: "muted",
-          size: "xs",
-          onKeydown: [
-            o[0] || (o[0] = s(p((g) => e.$emit("shift-focus-right"), ["stop"]), ["right"])),
-            o[1] || (o[1] = s(p((g) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))
-          ]
-        }), {
-          icon: r(() => [
-            (i(), d(_(t.icon), { size: "200" }))
-          ]),
-          _: 1
-        }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
-          [b, { message: t.tooltipMessage, placement: "top", externalAnchorElement: (n = e.$refs.buttonRef) == null ? void 0 : n.$el }]
-        ])
-      ];
-    }),
-    list: r(({ close: a }) => [
-      h(e.$slots, "list", {
-        close: (n) => {
-          c.pendingCallback = n, a();
-        }
-      })
-    ]),
-    _: 3
-  }, 8, ["data-qa", "onOpened"]);
+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"]);
 }
-const A = /* @__PURE__ */ D(q, [["render", x]]);
-export {
-  A as default
-};
-//# sourceMappingURL=EditorToolbarDropdownButton.js.map
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=EditorToolbarDropdownButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbarDropdownButton.js","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"],"names":["_sfc_main","DtButton","DtDropdown","isOpen","_createBlock","_component_dt_dropdown","$props","$options","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","_directive_dt_tooltip","_a","dropdownClose","_renderSlot","cb","$data"],"mappings":";;;;AA4CA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,YAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,iBAAiB;AAAA;EAErB;AAAA,EAEA,SAAS;AAAA;AAAA;AAAA,IAGP,iBAAkBC,GAAQ;AACxB,MAAI,CAACA,KAAU,OAAO,KAAK,mBAAoB,eAC7C,KAAK,gBAAe,GACpB,KAAK,kBAAkB;AAAA,IAE3B;AAAA;AAEJ;;;cAjIEC,EAoCcC,GAAA;AAAA,IAnCX,WAASC,EAAA,kBAAc,GAAOA,EAAA,MAAM;AAAA,IACrC,SAAQ;AAAA,IACR,mBAAgB;AAAA,IAChB,WAAU;AAAA,IACT,UAAQC,EAAA;AAAA;IAEE,QAAMC,EACf,CAoBY,EArBO,OAAAC,QAAK;;AAAA;AAAA,QACxBC,GAAAC,KAAAP,EAoBYQ,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,UACZ,QAAQH,EAAA;AAAA,UACR,cAAYA,EAAA;AAAA,UACZ,WAASA,EAAA;AAAA,UACT,UAAUA,EAAA;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,WAAO;AAAA,uCAAaQ,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,uCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEd,QACT,MAGE;AAAA,aAHFH,EAAA,GAAAP,EAGEW,EAFKT,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;UAfW,CAAAU,GAAA,EAAA,SAAAV,EAAA,gBAAc,WAAA,OAAA,wBAA2CW,IAAAH,EAAA,MAAM,cAAN,gBAAAG,EAAiB,IAAG,CAAA;AAAA;;;IAoB/F,MAAIT,EACb,CAGE,EAAA,OAJsBU,EAAa,MAAA;AAAA,MACrCC,EAGEL,EAAA,QAAA,QAAA;AAAA,QADC,QAAQM,MAAE;AAAO,UAAAC,oBAAkBD,GAAIF,EAAa;AAAA,QAAA;AAAA;;;;;;"}
+{"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 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),f=require("../popover/popover.cjs"),v=require("../button/button.cjs"),b={name:"EditorToolbarPopoverButton",components:{DtButton:v.default,DtPopover:f.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(o){!o&&typeof this.pendingCallback=="function"&&(this.pendingCallback(),this.pendingCallback=null)}}};function m(o,n,t,h,r,l){const s=e.resolveComponent("dt-button"),d=e.resolveComponent("dt-popover"),p=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createBlock(d,{"data-qa":t.popoverDataQa||`${t.dataQa}-popover`,padding:"small","navigation-type":"arrow-keys",placement:"bottom-start","open-with-arrow-keys":!0,onOpened:l.onPopoverOpened},{anchor:e.withCtx(({attrs:a})=>{var i;return[e.withDirectives((e.openBlock(),e.createBlock(s,e.mergeProps({ref:"buttonRef"},a,{active:t.isActive,"aria-label":t.tooltipMessage,"data-qa":t.dataQa,tabindex:t.tabindex,importance:"clear",kind:"muted",size:"xs",onKeydown:[n[0]||(n[0]=e.withKeys(e.withModifiers(c=>o.$emit("shift-focus-right"),["stop"]),["right"])),n[1]||(n[1]=e.withKeys(e.withModifiers(c=>o.$emit("shift-focus-left"),["stop"]),["left"]))]}),{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{size:"200"}))]),_:1},16,["active","aria-label","data-qa","tabindex"])),[[p,{message:t.tooltipMessage,placement:"top",externalAnchorElement:(i=o.$refs.buttonRef)==null?void 0:i.$el}]])]}),content:e.withCtx(({close:a})=>[e.renderSlot(o.$slots,"content",{close:i=>{r.pendingCallback=i,a()}})]),_:3},8,["data-qa","onOpened"])}const g=u._(b,[["render",m]]);exports.default=g;
-//# sourceMappingURL=EditorToolbarPopoverButton.cjs.map
+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 +1 @@
-{"version":3,"file":"EditorToolbarPopoverButton.cjs","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"],"names":["_sfc_main","DtButton","DtPopover","isOpen","_createBlock","_component_dt_popover","$props","$options","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","_directive_dt_tooltip","_a","popoverClose","_renderSlot","cb","$data"],"mappings":"mQA6CKA,EAAU,CACb,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,UAAAC,EAAAA,SAGF,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,IAMX,eAAgB,CACd,KAAM,OACN,SAAU,IAMZ,OAAQ,CACN,KAAM,OACN,QAAS,IAMX,cAAe,CACb,KAAM,OACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,SAAU,KAId,MAAO,CAIL,oBAKA,oBAGF,MAAQ,CACN,MAAO,CACL,gBAAiB,KAErB,EAEA,QAAS,CAGP,gBAAiBC,EAAQ,CACnB,CAACA,GAAU,OAAO,KAAK,iBAAoB,aAC7C,KAAK,gBAAe,EACpB,KAAK,gBAAkB,KAE3B,EAEJ,6JAlIEC,EAAAA,YAqCaC,EAAA,CApCV,UAASC,EAAA,eAAa,GAAOA,EAAA,MAAM,WACpC,QAAQ,QACR,kBAAgB,aAChB,UAAU,eACT,uBAAsB,GACtB,SAAQC,EAAA,kBAEE,OAAMC,EAAAA,QACf,CAoBY,CArBO,MAAAC,KAAK,OAAA,OACxBC,kBAAAC,EAAAA,YAAAP,EAAAA,YAoBYQ,EApBZC,EAAAA,WAoBY,CAnBV,IAAI,WAAW,EAEPJ,EAAK,CACZ,OAAQH,EAAA,SACR,aAAYA,EAAA,eACZ,UAASA,EAAA,OACT,SAAUA,EAAA,SACX,WAAW,QACX,KAAK,QACL,KAAK,KACJ,UAAO,2CAAaQ,EAAA,MAAK,mBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6CACNA,EAAA,MAAK,kBAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,OAEd,eACT,IAGE,EAHFH,YAAA,EAAAP,EAAAA,YAGEW,0BAFKT,EAAA,IAAI,EAAA,CACT,KAAK,MAAK,6DAfW,CAAAU,EAAA,CAAA,QAAAV,EAAA,eAAc,UAAA,MAAA,uBAA2CW,EAAAH,EAAA,MAAM,YAAN,YAAAG,EAAiB,GAAG,CAAA,OAoB/F,QAAOT,EAAAA,QAChB,CAGE,CAAA,MAJyBU,CAAY,IAAA,CACvCC,aAGEL,EAAA,OAAA,UAAA,CADC,MAAQM,GAAE,CAAOC,kBAAkBD,EAAIF,EAAY,CAAA"}
+{"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"}

package/dist/lib/editor/EditorToolbarPopoverButton.js

@@ -1,127 +1,88 @@
-import { resolveComponent as s, resolveDirective as g, openBlock as i, createBlock as r, withCtx as l, renderSlot as h, withDirectives as y, mergeProps as _, withKeys as d, withModifiers as p, resolveDynamicComponent as k } from "vue";
-import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import C from "../popover/popover.js";
-import D from "../button/button.js";
-const q = {
-  name: "EditorToolbarPopoverButton",
-  components: {
-    DtButton: D,
-    DtPopover: C
-  },
-  props: {
-    /**
-     * Whether the button is active
-     */
-    isActive: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Tooltip message
-     */
-    tooltipMessage: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Data QA attribute for testing
-     */
-    dataQa: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Popover specific data QA attribute
-     */
-    popoverDataQa: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Tab index for keyboard navigation
-     */
-    tabindex: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * Icon component
-     */
-    icon: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: [
-    /**
-     * Emitted when right arrow key is pressed
-     */
-    "shift-focus-right",
-    /**
-     * Emitted when left arrow key is pressed
-     */
-    "shift-focus-left"
-  ],
-  data() {
-    return {
-      pendingCallback: null
-    };
-  },
-  methods: {
-    // Wait until the dropdown is fully closed so the modal's anchor focus
-    // completes first, then the callback can override it (e.g. to focus the editor).
-    onPopoverOpened(e) {
-      !e && typeof this.pendingCallback == "function" && (this.pendingCallback(), this.pendingCallback = null);
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../button/button.js";
+import n from "../popover/popover.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/EditorToolbarPopoverButton.vue
+var m = {
+	name: "EditorToolbarPopoverButton",
+	components: {
+		DtButton: t,
+		DtPopover: n
+	},
+	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 x(e, o, t, B, c, f) {
-  const m = s("dt-button"), u = s("dt-popover"), v = g("dt-tooltip");
-  return i(), r(u, {
-    "data-qa": t.popoverDataQa || `${t.dataQa}-popover`,
-    padding: "small",
-    "navigation-type": "arrow-keys",
-    placement: "bottom-start",
-    "open-with-arrow-keys": !0,
-    onOpened: f.onPopoverOpened
-  }, {
-    anchor: l(({ attrs: a }) => {
-      var n;
-      return [
-        y((i(), r(m, _({ ref: "buttonRef" }, a, {
-          active: t.isActive,
-          "aria-label": t.tooltipMessage,
-          "data-qa": t.dataQa,
-          tabindex: t.tabindex,
-          importance: "clear",
-          kind: "muted",
-          size: "xs",
-          onKeydown: [
-            o[0] || (o[0] = d(p((b) => e.$emit("shift-focus-right"), ["stop"]), ["right"])),
-            o[1] || (o[1] = d(p((b) => e.$emit("shift-focus-left"), ["stop"]), ["left"]))
-          ]
-        }), {
-          icon: l(() => [
-            (i(), r(k(t.icon), { size: "200" }))
-          ]),
-          _: 1
-        }, 16, ["active", "aria-label", "data-qa", "tabindex"])), [
-          [v, { message: t.tooltipMessage, placement: "top", externalAnchorElement: (n = e.$refs.buttonRef) == null ? void 0 : n.$el }]
-        ])
-      ];
-    }),
-    content: l(({ close: a }) => [
-      h(e.$slots, "content", {
-        close: (n) => {
-          c.pendingCallback = n, a();
-        }
-      })
-    ]),
-    _: 3
-  }, 8, ["data-qa", "onOpened"]);
+function h(e, t, n, m, h, g) {
+	let _ = s("dt-button"), v = s("dt-popover"), y = c("dt-tooltip");
+	return a(), r(v, {
+		"data-qa": n.popoverDataQa || `${n.dataQa}-popover`,
+		padding: "small",
+		"navigation-type": "arrow-keys",
+		placement: "bottom-start",
+		"open-with-arrow-keys": !0,
+		onOpened: g.onPopoverOpened
+	}, {
+		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
+		}]])]),
+		content: u(({ close: t }) => [o(e.$slots, "content", { close: (e) => {
+			h.pendingCallback = e, t();
+		} })]),
+		_: 3
+	}, 8, ["data-qa", "onOpened"]);
 }
-const S = /* @__PURE__ */ w(q, [["render", x]]);
-export {
-  S as default
-};
-//# sourceMappingURL=EditorToolbarPopoverButton.js.map
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=EditorToolbarPopoverButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbarPopoverButton.js","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"],"names":["_sfc_main","DtButton","DtPopover","isOpen","_createBlock","_component_dt_popover","$props","$options","_withCtx","attrs","_withDirectives","_openBlock","_component_dt_button","_mergeProps","_ctx","_resolveDynamicComponent","_directive_dt_tooltip","_a","popoverClose","_renderSlot","cb","$data"],"mappings":";;;;AA6CA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,iBAAiB;AAAA;EAErB;AAAA,EAEA,SAAS;AAAA;AAAA;AAAA,IAGP,gBAAiBC,GAAQ;AACvB,MAAI,CAACA,KAAU,OAAO,KAAK,mBAAoB,eAC7C,KAAK,gBAAe,GACpB,KAAK,kBAAkB;AAAA,IAE3B;AAAA;AAEJ;;;cAlIEC,EAqCaC,GAAA;AAAA,IApCV,WAASC,EAAA,iBAAa,GAAOA,EAAA,MAAM;AAAA,IACpC,SAAQ;AAAA,IACR,mBAAgB;AAAA,IAChB,WAAU;AAAA,IACT,wBAAsB;AAAA,IACtB,UAAQC,EAAA;AAAA;IAEE,QAAMC,EACf,CAoBY,EArBO,OAAAC,QAAK;;AAAA;AAAA,QACxBC,GAAAC,KAAAP,EAoBYQ,GApBZC,EAoBY,EAnBV,KAAI,YAAW,GAEPJ,GAAK;AAAA,UACZ,QAAQH,EAAA;AAAA,UACR,cAAYA,EAAA;AAAA,UACZ,WAASA,EAAA;AAAA,UACT,UAAUA,EAAA;AAAA,UACX,YAAW;AAAA,UACX,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,WAAO;AAAA,uCAAaQ,EAAA,MAAK,mBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,uCACNA,EAAA,MAAK,kBAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEd,QACT,MAGE;AAAA,aAHFH,EAAA,GAAAP,EAGEW,EAFKT,EAAA,IAAI,GAAA,EACT,MAAK,OAAK;AAAA;;;UAfW,CAAAU,GAAA,EAAA,SAAAV,EAAA,gBAAc,WAAA,OAAA,wBAA2CW,IAAAH,EAAA,MAAM,cAAN,gBAAAG,EAAiB,IAAG,CAAA;AAAA;;;IAoB/F,SAAOT,EAChB,CAGE,EAAA,OAJyBU,EAAY,MAAA;AAAA,MACvCC,EAGEL,EAAA,QAAA,WAAA;AAAA,QADC,QAAQM,MAAE;AAAO,UAAAC,oBAAkBD,GAAIF,EAAY;AAAA,QAAA;AAAA;;;;;;"}
+{"version":3,"file":"EditorToolbarPopoverButton.js","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":";;;;;AA6CA,IAAK,IAAU;CACb,MAAM;CAEN,YAAY;EACV,UAAA;EACA,WAAA;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,eAAe;GACb,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,gBAAiB,GAAQ;AACvB,EAAI,CAAC,KAAU,OAAO,KAAK,mBAAoB,eAC7C,KAAK,iBAAiB,EACtB,KAAK,kBAAkB;IAG5B;CACF;;;aAlIC,EAqCa,GAAA;EApCV,WAAS,EAAA,iBAAa,GAAO,EAAA,OAAM;EACpC,SAAQ;EACR,mBAAgB;EAChB,WAAU;EACT,wBAAsB;EACtB,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,SAAO,GAId,EAAA,OAJyB,QAAY,CACvC,EAGE,EAAA,QAAA,WAAA,EADC,QAAQ,MAAE;AAA6B,GAAtB,EAAA,kBAAkB,GAAI,GAAY"}

package/dist/lib/editor/editor-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=[/^https?:\/\//,/^http?:\/\//,/^ftp?:\/\//,/^ftps?:\/\//,/^ftps?:\/\//,/mailto:([^?]*)/],O="https://",_="#000000",T={EDITOR_SUPPORTED_LINK_PROTOCOLS:t,EDITOR_DEFAULT_LINK_PREFIX:O,EDITOR_DEFAULT_FONT_COLOR:_};exports.EDITOR_DEFAULT_FONT_COLOR=_;exports.EDITOR_DEFAULT_LINK_PREFIX=O;exports.EDITOR_SUPPORTED_LINK_PROTOCOLS=t;exports.default=T;
-//# sourceMappingURL=editor-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[/^https?:\/\//,/^http?:\/\//,/^ftp?:\/\//,/^ftps?:\/\//,/^ftps?:\/\//,/mailto:([^?]*)/],t=`https://`,n=`#000000`,r={EDITOR_SUPPORTED_LINK_PROTOCOLS:e,EDITOR_DEFAULT_LINK_PREFIX:t,EDITOR_DEFAULT_FONT_COLOR:n};exports.EDITOR_DEFAULT_FONT_COLOR=n,exports.EDITOR_DEFAULT_LINK_PREFIX=t,exports.EDITOR_SUPPORTED_LINK_PROTOCOLS=e,exports.default=r;
+//# sourceMappingURL=editor-constants.cjs.map

package/dist/lib/editor/editor-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor-constants.cjs","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","EDITOR_DEFAULT_FONT_COLOR","editor_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,eACA,cACA,aACA,cACA,cACA,gBACF,EAEaC,EAA6B,WAE7BC,EAA4B,UAEzCC,EAAe,CACb,gCAAAH,EACA,2BAAAC,EACA,0BAAAC,CACF"}
+{"version":3,"file":"editor-constants.cjs","names":[],"sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"mappings":"+FAAA,IAAa,EAAkC,CAC7C,eACA,cACA,aACA,cACA,cACA,iBACD,CAEY,EAA6B,WAE7B,EAA4B,UAEzC,EAAe,CACb,kCACA,6BACA,4BACD"}

package/dist/lib/editor/editor-constants.js

@@ -1,19 +1,17 @@
-const t = [
-  /^https?:\/\//,
-  /^http?:\/\//,
-  /^ftp?:\/\//,
-  /^ftps?:\/\//,
-  /^ftps?:\/\//,
-  /mailto:([^?]*)/
-], s = "https://", O = "#000000", _ = {
-  EDITOR_SUPPORTED_LINK_PROTOCOLS: t,
-  EDITOR_DEFAULT_LINK_PREFIX: s,
-  EDITOR_DEFAULT_FONT_COLOR: O
+//#region recipes/conversation_view/editor/editor_constants.js
+var e = [
+	/^https?:\/\//,
+	/^http?:\/\//,
+	/^ftp?:\/\//,
+	/^ftps?:\/\//,
+	/^ftps?:\/\//,
+	/mailto:([^?]*)/
+], t = "https://", n = "#000000", r = {
+	EDITOR_SUPPORTED_LINK_PROTOCOLS: e,
+	EDITOR_DEFAULT_LINK_PREFIX: t,
+	EDITOR_DEFAULT_FONT_COLOR: n
 };
-export {
-  O as EDITOR_DEFAULT_FONT_COLOR,
-  s as EDITOR_DEFAULT_LINK_PREFIX,
-  t as EDITOR_SUPPORTED_LINK_PROTOCOLS,
-  _ as default
-};
-//# sourceMappingURL=editor-constants.js.map
+//#endregion
+export { n as EDITOR_DEFAULT_FONT_COLOR, t as EDITOR_DEFAULT_LINK_PREFIX, e as EDITOR_SUPPORTED_LINK_PROTOCOLS, r as default };
+
+//# sourceMappingURL=editor-constants.js.map

package/dist/lib/editor/editor-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-constants.js","sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"names":["EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","EDITOR_DEFAULT_FONT_COLOR","editor_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA6B,YAE7BC,IAA4B,WAEzCC,IAAe;AAAA,EACb,iCAAAH;AAAA,EACA,4BAAAC;AAAA,EACA,2BAAAC;AACF;"}
+{"version":3,"file":"editor-constants.js","names":[],"sources":["../../../recipes/conversation_view/editor/editor_constants.js"],"sourcesContent":["export const EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  /^https?:\\/\\//,\n  /^http?:\\/\\//,\n  /^ftp?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /^ftps?:\\/\\//,\n  /mailto:([^?]*)/,\n];\n\nexport const EDITOR_DEFAULT_LINK_PREFIX = 'https://';\n\nexport const EDITOR_DEFAULT_FONT_COLOR = '#000000';\n\nexport default {\n  EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  EDITOR_DEFAULT_LINK_PREFIX,\n  EDITOR_DEFAULT_FONT_COLOR,\n};\n"],"mappings":";AAAA,IAAa,IAAkC;CAC7C;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAA6B,YAE7B,IAA4B,WAEzC,IAAe;CACb;CACA;CACA;CACD"}