@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/message-input/message-input-topbar.js

@@ -1,243 +1,265 @@
-import { DtIconCodeBlock as O, DtIconCode as T, DtIconQuote as x, DtIconListOrdered as E, DtIconStrikethrough as S, DtIconItalic as v, DtIconBold as A, DtIconListBullet as y } from "@dialpad/dialtone-icons/vue";
-import I from "./message-input-button.js";
-import { DialtoneLocalization as g } from "../../localization/index.js";
-import { resolveComponent as a, openBlock as D, createBlock as N, withCtx as n, createVNode as i, createElementVNode as r, renderSlot as f } from "vue";
-import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import h from "../stack/stack.js";
-const C = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeMessageInputTopbar",
-  components: {
-    DtStack: h,
-    DtIconListBullet: y,
-    DtIconBold: A,
-    DtIconItalic: v,
-    DtIconStrikethrough: S,
-    DtIconListOrdered: E,
-    DtIconQuote: x,
-    DtIconCode: T,
-    DtIconCodeBlock: O,
-    DtRecipeMessageInputButton: I
-  },
-  props: {
-    boldButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    italicButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    strikeButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    bulletListButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    orderedListButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    blockQuoteButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    codeButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    codeBlockButtonOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    isSelectionActive: {
-      type: Function,
-      default: () => {
-      }
-    }
-  },
-  emits: ["click"],
-  data() {
-    return {
-      i18n: new g()
-    };
-  },
-  computed: {
-    boldButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL");
-    },
-    italicButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL");
-    },
-    strikeButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL");
-    },
-    bulletListButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL");
-    },
-    orderedListButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL");
-    },
-    blockQuoteButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL");
-    },
-    codeButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL");
-    },
-    codeBlockButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL");
-    }
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../stack/stack.js";
+import r from "./message-input-button.js";
+import { createBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderSlot as c, resolveComponent as l, withCtx as u } from "vue";
+import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/conversation_view/message_input/message_input_topbar.vue
+var y = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeMessageInputTopbar",
+	components: {
+		DtStack: n,
+		DtIconListBullet: h,
+		DtIconBold: d,
+		DtIconItalic: m,
+		DtIconStrikethrough: v,
+		DtIconListOrdered: g,
+		DtIconQuote: _,
+		DtIconCode: f,
+		DtIconCodeBlock: p,
+		DtRecipeMessageInputButton: r
+	},
+	props: {
+		boldButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		italicButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		strikeButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		bulletListButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		orderedListButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		blockQuoteButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		codeButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		codeBlockButtonOptions: {
+			type: Object,
+			default: () => ({})
+		},
+		isSelectionActive: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	emits: ["click"],
+	data() {
+		return { i18n: new t() };
+	},
+	computed: {
+		boldButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL");
+		},
+		italicButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL");
+		},
+		strikeButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL");
+		},
+		bulletListButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL");
+		},
+		orderedListButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL");
+		},
+		blockQuoteButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL");
+		},
+		codeButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL");
+		},
+		codeBlockButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL");
+		}
+	}
 };
-function q(c, t, e, M, z, o) {
-  const u = a("dt-icon-bold"), s = a("dt-recipe-message-input-button"), d = a("dt-icon-italic"), b = a("dt-icon-strikethrough"), _ = a("dt-icon-list-bullet"), k = a("dt-icon-list-ordered"), p = a("dt-icon-quote"), B = a("dt-icon-code"), L = a("dt-icon-code-block"), m = a("dt-stack");
-  return D(), N(m, {
-    direction: "row",
-    gap: "25",
-    class: "d-recipe-message-input__button-stack"
-  }, {
-    default: n(() => [
-      i(s, {
-        "aria-label": o.boldButtonLabel["aria-label"],
-        "tooltip-text": o.boldButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.boldButtonOptions.keyboardShortcutText,
-        "data-qa": "bold",
-        "is-active": e.isSelectionActive("bold"),
-        onClick: t[0] || (t[0] = (l) => c.$emit("click", "bold", l))
-      }, {
-        icon: n(() => [
-          i(u, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      i(s, {
-        "aria-label": o.italicButtonLabel["aria-label"],
-        "tooltip-text": o.italicButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.italicButtonOptions.keyboardShortcutText,
-        "data-qa": "italic",
-        "is-active": e.isSelectionActive("italic"),
-        onClick: t[1] || (t[1] = (l) => c.$emit("click", "italic", l))
-      }, {
-        icon: n(() => [
-          i(d, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      i(s, {
-        "aria-label": o.strikeButtonLabel["aria-label"],
-        "tooltip-text": o.strikeButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.strikeButtonOptions.keyboardShortcutText,
-        "data-qa": "strikethrough",
-        "is-active": e.isSelectionActive("strike"),
-        onClick: t[2] || (t[2] = (l) => c.$emit("click", "strike", l))
-      }, {
-        icon: n(() => [
-          i(b, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      t[8] || (t[8] = r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-      f(c.$slots, "link"),
-      t[9] || (t[9] = r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-      i(s, {
-        "aria-label": o.bulletListButtonLabel["aria-label"],
-        "tooltip-text": o.bulletListButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.bulletListButtonOptions.keyboardShortcutText,
-        "data-qa": "bullet-list",
-        "is-active": e.isSelectionActive("bulletList"),
-        onClick: t[3] || (t[3] = (l) => c.$emit("click", "bulletList", l))
-      }, {
-        icon: n(() => [
-          i(_, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      i(s, {
-        "aria-label": o.orderedListButtonLabel["aria-label"],
-        "tooltip-text": o.orderedListButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.orderedListButtonOptions.keyboardShortcutText,
-        "data-qa": "ordered-list",
-        "is-active": e.isSelectionActive("orderedList"),
-        onClick: t[4] || (t[4] = (l) => c.$emit("click", "orderedList", l))
-      }, {
-        icon: n(() => [
-          i(k, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      t[10] || (t[10] = r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-      i(s, {
-        "aria-label": o.blockQuoteButtonLabel["aria-label"],
-        "tooltip-text": o.blockQuoteButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.blockQuoteButtonOptions.keyboardShortcutText,
-        "data-qa": "blockquote",
-        "is-active": e.isSelectionActive("blockquote"),
-        onClick: t[5] || (t[5] = (l) => c.$emit("click", "blockquote", l))
-      }, {
-        icon: n(() => [
-          i(p, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      t[11] || (t[11] = r("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
-      i(s, {
-        "aria-label": o.codeButtonLabel["aria-label"],
-        "tooltip-text": o.codeButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.codeButtonOptions.keyboardShortcutText,
-        "data-qa": "code",
-        "is-active": e.isSelectionActive("code"),
-        onClick: t[6] || (t[6] = (l) => c.$emit("click", "code", l))
-      }, {
-        icon: n(() => [
-          i(B, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
-      i(s, {
-        "aria-label": o.codeBlockButtonLabel["aria-label"],
-        "tooltip-text": o.codeBlockButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": e.codeBlockButtonOptions.keyboardShortcutText,
-        "data-qa": "code-block",
-        "is-active": e.isSelectionActive("codeBlock"),
-        onClick: t[7] || (t[7] = (l) => c.$emit("click", "codeBlock", l))
-      }, {
-        icon: n(() => [
-          i(L, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
-    ]),
-    _: 3
-  });
+function b(e, t, n, r, d, f) {
+	let p = l("dt-icon-bold"), m = l("dt-recipe-message-input-button"), h = l("dt-icon-italic"), g = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), v = l("dt-icon-list-ordered"), y = l("dt-icon-quote"), b = l("dt-icon-code"), x = l("dt-icon-code-block"), S = l("dt-stack");
+	return s(), i(S, {
+		direction: "row",
+		gap: "200",
+		class: "d-recipe-message-input__button-stack"
+	}, {
+		default: u(() => [
+			o(m, {
+				"aria-label": f.boldButtonLabel["aria-label"],
+				"tooltip-text": f.boldButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.boldButtonOptions.keyboardShortcutText,
+				"data-qa": "bold",
+				"is-active": n.isSelectionActive("bold"),
+				onClick: t[0] || (t[0] = (t) => e.$emit("click", "bold", t))
+			}, {
+				icon: u(() => [o(p, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			o(m, {
+				"aria-label": f.italicButtonLabel["aria-label"],
+				"tooltip-text": f.italicButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.italicButtonOptions.keyboardShortcutText,
+				"data-qa": "italic",
+				"is-active": n.isSelectionActive("italic"),
+				onClick: t[1] || (t[1] = (t) => e.$emit("click", "italic", t))
+			}, {
+				icon: u(() => [o(h, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			o(m, {
+				"aria-label": f.strikeButtonLabel["aria-label"],
+				"tooltip-text": f.strikeButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.strikeButtonOptions.keyboardShortcutText,
+				"data-qa": "strikethrough",
+				"is-active": n.isSelectionActive("strike"),
+				onClick: t[2] || (t[2] = (t) => e.$emit("click", "strike", t))
+			}, {
+				icon: u(() => [o(g, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			t[8] || (t[8] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
+			c(e.$slots, "link"),
+			t[9] || (t[9] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
+			o(m, {
+				"aria-label": f.bulletListButtonLabel["aria-label"],
+				"tooltip-text": f.bulletListButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.bulletListButtonOptions.keyboardShortcutText,
+				"data-qa": "bullet-list",
+				"is-active": n.isSelectionActive("bulletList"),
+				onClick: t[3] || (t[3] = (t) => e.$emit("click", "bulletList", t))
+			}, {
+				icon: u(() => [o(_, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			o(m, {
+				"aria-label": f.orderedListButtonLabel["aria-label"],
+				"tooltip-text": f.orderedListButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.orderedListButtonOptions.keyboardShortcutText,
+				"data-qa": "ordered-list",
+				"is-active": n.isSelectionActive("orderedList"),
+				onClick: t[4] || (t[4] = (t) => e.$emit("click", "orderedList", t))
+			}, {
+				icon: u(() => [o(v, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			t[10] || (t[10] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
+			o(m, {
+				"aria-label": f.blockQuoteButtonLabel["aria-label"],
+				"tooltip-text": f.blockQuoteButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.blockQuoteButtonOptions.keyboardShortcutText,
+				"data-qa": "blockquote",
+				"is-active": n.isSelectionActive("blockquote"),
+				onClick: t[5] || (t[5] = (t) => e.$emit("click", "blockquote", t))
+			}, {
+				icon: u(() => [o(y, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			t[11] || (t[11] = a("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1)),
+			o(m, {
+				"aria-label": f.codeButtonLabel["aria-label"],
+				"tooltip-text": f.codeButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.codeButtonOptions.keyboardShortcutText,
+				"data-qa": "code",
+				"is-active": n.isSelectionActive("code"),
+				onClick: t[6] || (t[6] = (t) => e.$emit("click", "code", t))
+			}, {
+				icon: u(() => [o(b, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			]),
+			o(m, {
+				"aria-label": f.codeBlockButtonLabel["aria-label"],
+				"tooltip-text": f.codeBlockButtonLabel["tooltip-text"],
+				"keyboard-shortcut-text": n.codeBlockButtonOptions.keyboardShortcutText,
+				"data-qa": "code-block",
+				"is-active": n.isSelectionActive("codeBlock"),
+				onClick: t[7] || (t[7] = (t) => e.$emit("click", "codeBlock", t))
+			}, {
+				icon: u(() => [o(x, {
+					class: "d-recipe-message-input__button-stack-icon",
+					size: "200"
+				})]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"tooltip-text",
+				"keyboard-shortcut-text",
+				"is-active"
+			])
+		]),
+		_: 3
+	});
 }
-const K = /* @__PURE__ */ U(C, [["render", q]]);
-export {
-  K as default
-};
-//# sourceMappingURL=message-input-topbar.js.map
+var x = /* @__PURE__ */ e(y, [["render", b]]);
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=message-input-topbar.js.map

package/dist/lib/message-input/message-input-topbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.js","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization","_createBlock","_component_dt_stack","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_cache","$event","_ctx","_component_dt_icon_bold","_component_dt_icon_italic","_component_dt_icon_strikethrough","_createElementVNode","_renderSlot","_component_dt_icon_list_bullet","_component_dt_icon_list_ordered","_component_dt_icon_quote","_component_dt_icon_code","_component_dt_icon_code_block"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}