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

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

@@ -1,210 +1,202 @@
-import { DtIconLink2 as E } from "@dialpad/dialtone-icons/vue";
-import f from "./message-input-button.js";
-import { DialtoneLocalization as N } from "../../localization/index.js";
-import { resolveComponent as r, openBlock as T, createBlock as B, withCtx as a, createVNode as l, createElementVNode as A, toDisplayString as u, withKeys as L, withModifiers as p, createTextVNode as d } from "vue";
-import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import v from "../stack/stack.js";
-import O from "../button/button.js";
-import S from "../input/input.js";
-import D from "../popover/popover.js";
-const x = {
-  compatConfig: { MODE: 3 },
-  name: "MessageInputLink",
-  components: {
-    DtPopover: D,
-    DtInput: S,
-    DtButton: O,
-    DtStack: v,
-    DtIconLink2: E,
-    DtRecipeMessageInputButton: f
-  },
-  props: {
-    open: {
-      type: Boolean,
-      default: !1
-    },
-    linkButtonOptions: {
-      type: Object,
-      required: !0
-    },
-    isSelectionActive: {
-      type: Function,
-      default: () => {
-      }
-    }
-  },
-  emits: ["set-link", "remove-link", "opened"],
-  data() {
-    return {
-      linkText: "",
-      linkInput: "",
-      isOpen: !1,
-      i18n: new N()
-    };
-  },
-  computed: {
-    anchorButtonLabel() {
-      return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL");
-    },
-    textInputLabel() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL");
-    },
-    linkInputLabel() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL");
-    },
-    linkInputPlaceHolder() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER");
-    },
-    removeButtonLabel() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL");
-    },
-    cancelButtonLabel() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL");
-    },
-    confirmButtonLabel() {
-      return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL");
-    }
-  },
-  watch: {
-    open: {
-      immediate: !0,
-      handler(o) {
-        this.isOpen = o;
-      }
-    }
-  },
-  methods: {
-    setInitialValues(o, t) {
-      this.linkText = o, this.linkInput = t;
-    }
-  }
-}, M = { class: "d-recipe-message-input__link-dialog-title" };
-function C(o, t, k, K, e, n) {
-  const b = r("dt-icon-link2"), c = r("dt-recipe-message-input-button"), _ = r("dt-input"), s = r("dt-button"), m = r("dt-stack"), I = r("dt-popover");
-  return T(), B(I, {
-    open: e.isOpen,
-    placement: "bottom-start",
-    "content-class": "d-recipe-message-input__link-popover",
-    "data-qa": "dt-message-input-link-popover",
-    "show-close-button": !1,
-    onOpened: t[12] || (t[12] = (i) => o.$emit("opened", i))
-  }, {
-    anchor: a(() => [
-      l(c, {
-        "aria-label": n.anchorButtonLabel["aria-label"],
-        "tooltip-text": n.anchorButtonLabel["tooltip-text"],
-        "keyboard-shortcut-text": k.linkButtonOptions.keyboardShortcutText,
-        "data-qa": "message-input-link-btn",
-        "is-active": k.isSelectionActive("link"),
-        onClick: t[0] || (t[0] = (i) => e.isOpen = !0)
-      }, {
-        icon: a(() => [
-          l(b, {
-            class: "d-recipe-message-input__button-stack-icon",
-            size: "200"
-          })
-        ]),
-        _: 1
-      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
-    ]),
-    content: a(() => [
-      l(m, { gap: "200" }, {
-        default: a(() => [
-          A("div", M, u(e.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
-          l(_, {
-            modelValue: e.linkText,
-            "onUpdate:modelValue": t[1] || (t[1] = (i) => e.linkText = i),
-            "input-aria-label": n.textInputLabel,
-            size: 100,
-            "data-qa": "dt-message-input-link-text-input",
-            label: n.textInputLabel,
-            "input-wrapper-class": "d-recipe-message-input__link-input",
-            onClick: t[2] || (t[2] = p(() => {
-            }, ["stop"])),
-            onFocus: t[3] || (t[3] = p(() => {
-            }, ["stop"])),
-            onKeydown: t[4] || (t[4] = L((i) => o.$emit("set-link", e.linkText, e.linkInput), ["enter"]))
-          }, null, 8, ["modelValue", "input-aria-label", "label"]),
-          l(_, {
-            modelValue: e.linkInput,
-            "onUpdate:modelValue": t[5] || (t[5] = (i) => e.linkInput = i),
-            "input-aria-label": n.linkInputLabel,
-            size: 100,
-            "data-qa": "dt-message-input-link-input",
-            placeholder: n.linkInputPlaceHolder,
-            label: n.linkInputLabel,
-            "input-wrapper-class": "d-recipe-message-input__link-input",
-            onClick: t[6] || (t[6] = p(() => {
-            }, ["stop"])),
-            onFocus: t[7] || (t[7] = p(() => {
-            }, ["stop"])),
-            onKeydown: t[8] || (t[8] = L((i) => o.$emit("set-link", e.linkText, e.linkInput), ["enter"]))
-          }, null, 8, ["modelValue", "input-aria-label", "placeholder", "label"]),
-          l(m, {
-            direction: "row",
-            class: "d-recipe-message-input__link-dialog-buttons"
-          }, {
-            default: a(() => [
-              l(s, {
-                "aria-label": n.removeButtonLabel,
-                title: n.removeButtonLabel,
-                importance: "clear",
-                kind: "danger",
-                size: 300,
-                "data-qa": "dt-message-input-link-remove-btn",
-                onClick: t[9] || (t[9] = (i) => o.$emit("remove-link", e.linkText, e.linkInput))
-              }, {
-                default: a(() => [
-                  d(u(n.removeButtonLabel), 1)
-                ]),
-                _: 1
-              }, 8, ["aria-label", "title"]),
-              l(m, {
-                direction: "row",
-                gap: "100"
-              }, {
-                default: a(() => [
-                  l(s, {
-                    "aria-label": n.cancelButtonLabel,
-                    title: n.cancelButtonLabel,
-                    importance: "clear",
-                    kind: "muted",
-                    size: 300,
-                    "data-qa": "dt-message-input-link-cancel-btn",
-                    onClick: t[10] || (t[10] = (i) => e.isOpen = !1)
-                  }, {
-                    default: a(() => [
-                      d(u(n.cancelButtonLabel), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["aria-label", "title"]),
-                  l(s, {
-                    size: 300,
-                    "aria-label": n.confirmButtonLabel,
-                    title: n.confirmButtonLabel,
-                    "data-qa": "dt-message-input-link-confirm-btn",
-                    onClick: t[11] || (t[11] = (i) => o.$emit("set-link", e.linkText, e.linkInput))
-                  }, {
-                    default: a(() => [
-                      d(u(n.confirmButtonLabel), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["aria-label", "title"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["open"]);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../button/button.js";
+import r from "../stack/stack.js";
+import i from "../popover/popover.js";
+import a from "../input/input.js";
+import o from "./message-input-button.js";
+import { createBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, resolveComponent as f, toDisplayString as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
+import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/conversation_view/message_input/message_input_link.vue
+var v = {
+	compatConfig: { MODE: 3 },
+	name: "MessageInputLink",
+	components: {
+		DtPopover: i,
+		DtInput: a,
+		DtButton: n,
+		DtStack: r,
+		DtIconLink2: _,
+		DtRecipeMessageInputButton: o
+	},
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		linkButtonOptions: {
+			type: Object,
+			required: !0
+		},
+		isSelectionActive: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	emits: [
+		"set-link",
+		"remove-link",
+		"opened"
+	],
+	data() {
+		return {
+			linkText: "",
+			linkInput: "",
+			isOpen: !1,
+			i18n: new t()
+		};
+	},
+	computed: {
+		anchorButtonLabel() {
+			return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL");
+		},
+		textInputLabel() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL");
+		},
+		linkInputLabel() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL");
+		},
+		linkInputPlaceHolder() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER");
+		},
+		removeButtonLabel() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL");
+		},
+		cancelButtonLabel() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL");
+		},
+		confirmButtonLabel() {
+			return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL");
+		}
+	},
+	watch: { open: {
+		immediate: !0,
+		handler(e) {
+			this.isOpen = e;
+		}
+	} },
+	methods: { setInitialValues(e, t) {
+		this.linkText = e, this.linkInput = t;
+	} }
+}, y = { class: "d-recipe-message-input__link-dialog-title" };
+function b(e, t, n, r, i, a) {
+	let o = f("dt-icon-link2"), _ = f("dt-recipe-message-input-button"), v = f("dt-input"), b = f("dt-button"), x = f("dt-stack"), S = f("dt-popover");
+	return d(), s(S, {
+		open: i.isOpen,
+		placement: "bottom-start",
+		"content-class": "d-recipe-message-input__link-popover",
+		"data-qa": "dt-message-input-link-popover",
+		"show-close-button": !1,
+		onOpened: t[12] || (t[12] = (t) => e.$emit("opened", t))
+	}, {
+		anchor: m(() => [u(_, {
+			"aria-label": a.anchorButtonLabel["aria-label"],
+			"tooltip-text": a.anchorButtonLabel["tooltip-text"],
+			"keyboard-shortcut-text": n.linkButtonOptions.keyboardShortcutText,
+			"data-qa": "message-input-link-btn",
+			"is-active": n.isSelectionActive("link"),
+			onClick: t[0] || (t[0] = (e) => i.isOpen = !0)
+		}, {
+			icon: m(() => [u(o, {
+				class: "d-recipe-message-input__button-stack-icon",
+				size: "200"
+			})]),
+			_: 1
+		}, 8, [
+			"aria-label",
+			"tooltip-text",
+			"keyboard-shortcut-text",
+			"is-active"
+		])]),
+		content: m(() => [u(x, { gap: "500" }, {
+			default: m(() => [
+				c("div", y, p(i.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
+				u(v, {
+					modelValue: i.linkText,
+					"onUpdate:modelValue": t[1] || (t[1] = (e) => i.linkText = e),
+					"input-aria-label": a.textInputLabel,
+					size: "xs",
+					"data-qa": "dt-message-input-link-text-input",
+					label: a.textInputLabel,
+					"input-wrapper-class": "d-recipe-message-input__link-input",
+					onClick: t[2] || (t[2] = g(() => {}, ["stop"])),
+					onFocus: t[3] || (t[3] = g(() => {}, ["stop"])),
+					onKeydown: t[4] || (t[4] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
+				}, null, 8, [
+					"modelValue",
+					"input-aria-label",
+					"label"
+				]),
+				u(v, {
+					modelValue: i.linkInput,
+					"onUpdate:modelValue": t[5] || (t[5] = (e) => i.linkInput = e),
+					"input-aria-label": a.linkInputLabel,
+					size: "xs",
+					"data-qa": "dt-message-input-link-input",
+					placeholder: a.linkInputPlaceHolder,
+					label: a.linkInputLabel,
+					"input-wrapper-class": "d-recipe-message-input__link-input",
+					onClick: t[6] || (t[6] = g(() => {}, ["stop"])),
+					onFocus: t[7] || (t[7] = g(() => {}, ["stop"])),
+					onKeydown: t[8] || (t[8] = h((t) => e.$emit("set-link", i.linkText, i.linkInput), ["enter"]))
+				}, null, 8, [
+					"modelValue",
+					"input-aria-label",
+					"placeholder",
+					"label"
+				]),
+				u(x, {
+					direction: "row",
+					class: "d-recipe-message-input__link-dialog-buttons"
+				}, {
+					default: m(() => [u(b, {
+						"aria-label": a.removeButtonLabel,
+						title: a.removeButtonLabel,
+						importance: "clear",
+						kind: "danger",
+						size: "md",
+						"data-qa": "dt-message-input-link-remove-btn",
+						onClick: t[9] || (t[9] = (t) => e.$emit("remove-link", i.linkText, i.linkInput))
+					}, {
+						default: m(() => [l(p(a.removeButtonLabel), 1)]),
+						_: 1
+					}, 8, ["aria-label", "title"]), u(x, {
+						direction: "row",
+						gap: "400"
+					}, {
+						default: m(() => [u(b, {
+							"aria-label": a.cancelButtonLabel,
+							title: a.cancelButtonLabel,
+							importance: "clear",
+							kind: "muted",
+							size: "md",
+							"data-qa": "dt-message-input-link-cancel-btn",
+							onClick: t[10] || (t[10] = (e) => i.isOpen = !1)
+						}, {
+							default: m(() => [l(p(a.cancelButtonLabel), 1)]),
+							_: 1
+						}, 8, ["aria-label", "title"]), u(b, {
+							size: "md",
+							"aria-label": a.confirmButtonLabel,
+							title: a.confirmButtonLabel,
+							"data-qa": "dt-message-input-link-confirm-btn",
+							onClick: t[11] || (t[11] = (t) => e.$emit("set-link", i.linkText, i.linkInput))
+						}, {
+							default: m(() => [l(p(a.confirmButtonLabel), 1)]),
+							_: 1
+						}, 8, ["aria-label", "title"])]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]),
+			_: 1
+		})]),
+		_: 1
+	}, 8, ["open"]);
 }
-const F = /* @__PURE__ */ g(x, [["render", C]]);
-export {
-  F as default
-};
-//# sourceMappingURL=message-input-link.js.map
+var x = /* @__PURE__ */ e(v, [["render", b]]);
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=message-input-link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.js","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } 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: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","DialtoneLocalization","value","linkText","linkInput","_hoisted_1","_createBlock","_component_dt_popover","$data","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_component_dt_icon_link2","_component_dt_stack","_createElementVNode","_toDisplayString","_component_dt_input","_withKeys","_component_dt_button"],"mappings":"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"}
+{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } 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: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@dialpad/dialtone-icons/vue"),L=require("./message-input-button.cjs"),m=require("../../localization/index.cjs"),t=require("vue"),O=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),x=require("../stack/stack.cjs"),T={compatConfig:{MODE:3},name:"DtRecipeMessageInputTopbar",components:{DtStack:x.default,DtIconListBullet:c.DtIconListBullet,DtIconBold:c.DtIconBold,DtIconItalic:c.DtIconItalic,DtIconStrikethrough:c.DtIconStrikethrough,DtIconListOrdered:c.DtIconListOrdered,DtIconQuote:c.DtIconQuote,DtIconCode:c.DtIconCode,DtIconCodeBlock:c.DtIconCodeBlock,DtRecipeMessageInputButton:L.default},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 m.DialtoneLocalization}},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 v(a,e,o,I,N,i){const r=t.resolveComponent("dt-icon-bold"),n=t.resolveComponent("dt-recipe-message-input-button"),s=t.resolveComponent("dt-icon-italic"),d=t.resolveComponent("dt-icon-strikethrough"),u=t.resolveComponent("dt-icon-list-bullet"),b=t.resolveComponent("dt-icon-list-ordered"),_=t.resolveComponent("dt-icon-quote"),k=t.resolveComponent("dt-icon-code"),p=t.resolveComponent("dt-icon-code-block"),B=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(B,{direction:"row",gap:"25",class:"d-recipe-message-input__button-stack"},{default:t.withCtx(()=>[t.createVNode(n,{"aria-label":i.boldButtonLabel["aria-label"],"tooltip-text":i.boldButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":o.isSelectionActive("bold"),onClick:e[0]||(e[0]=l=>a.$emit("click","bold",l))},{icon:t.withCtx(()=>[t.createVNode(r,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.italicButtonLabel["aria-label"],"tooltip-text":i.italicButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":o.isSelectionActive("italic"),onClick:e[1]||(e[1]=l=>a.$emit("click","italic",l))},{icon:t.withCtx(()=>[t.createVNode(s,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.strikeButtonLabel["aria-label"],"tooltip-text":i.strikeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":o.isSelectionActive("strike"),onClick:e[2]||(e[2]=l=>a.$emit("click","strike",l))},{icon:t.withCtx(()=>[t.createVNode(d,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[8]||(e[8]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.renderSlot(a.$slots,"link"),e[9]||(e[9]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.bulletListButtonLabel["aria-label"],"tooltip-text":i.bulletListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":o.isSelectionActive("bulletList"),onClick:e[3]||(e[3]=l=>a.$emit("click","bulletList",l))},{icon:t.withCtx(()=>[t.createVNode(u,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.orderedListButtonLabel["aria-label"],"tooltip-text":i.orderedListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":o.isSelectionActive("orderedList"),onClick:e[4]||(e[4]=l=>a.$emit("click","orderedList",l))},{icon:t.withCtx(()=>[t.createVNode(b,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[10]||(e[10]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.blockQuoteButtonLabel["aria-label"],"tooltip-text":i.blockQuoteButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":o.isSelectionActive("blockquote"),onClick:e[5]||(e[5]=l=>a.$emit("click","blockquote",l))},{icon:t.withCtx(()=>[t.createVNode(_,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),e[11]||(e[11]=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1)),t.createVNode(n,{"aria-label":i.codeButtonLabel["aria-label"],"tooltip-text":i.codeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":o.isSelectionActive("code"),onClick:e[6]||(e[6]=l=>a.$emit("click","code",l))},{icon:t.withCtx(()=>[t.createVNode(k,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(n,{"aria-label":i.codeBlockButtonLabel["aria-label"],"tooltip-text":i.codeBlockButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":o.isSelectionActive("codeBlock"),onClick:e[7]||(e[7]=l=>a.$emit("click","codeBlock",l))},{icon:t.withCtx(()=>[t.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),_:3})}const E=O._(T,[["render",v]]);exports.default=E;
-//# sourceMappingURL=message-input-topbar.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(`../../localization/index.cjs`),n=require(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.default},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.DialtoneLocalization}},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 s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`200`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{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]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{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]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(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]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.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:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=message-input-topbar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","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.cjs","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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"}