@dialpad/dialtone 9.95.0 → 9.97.0

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.js

@@ -0,0 +1,193 @@
+import { DtIconLink2 } from "@dialpad/dialtone-icons/vue3";
+import DtRecipeMessageInputButton from "./message_input_button.vue.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, createCommentVNode, withModifiers, withKeys, createTextVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+import DtPopover from "../../../components/popover/popover.vue.js";
+import DtInput from "../../../components/input/input.vue.js";
+import DtButton from "../../../components/button/button.vue.js";
+import DtStack from "../../../components/stack/stack.vue.js";
+const _sfc_main = {
+  name: "MessageInputLink",
+  components: {
+    DtPopover,
+    DtInput,
+    DtButton,
+    DtStack,
+    DtIconLink2,
+    DtRecipeMessageInputButton
+  },
+  props: {
+    open: {
+      type: Boolean,
+      default: false
+    },
+    linkButtonOptions: {
+      type: Object,
+      required: true
+    },
+    isSelectionActive: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["set-link", "remove-link", "opened"],
+  data() {
+    return {
+      linkText: "",
+      linkInput: "",
+      isOpen: false
+    };
+  },
+  watch: {
+    open: {
+      immediate: true,
+      handler(value) {
+        this.isOpen = value;
+      }
+    }
+  },
+  methods: {
+    setInitialValues(linkText, linkInput) {
+      this.linkText = linkText;
+      this.linkInput = linkInput;
+    }
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "d-recipe-message-input__link-dialog-title"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_link2 = resolveComponent("dt-icon-link2");
+  const _component_dt_recipe_message_input_button = resolveComponent("dt-recipe-message-input-button");
+  const _component_dt_input = resolveComponent("dt-input");
+  const _component_dt_button = resolveComponent("dt-button");
+  const _component_dt_stack = resolveComponent("dt-stack");
+  const _component_dt_popover = resolveComponent("dt-popover");
+  return openBlock(), createBlock(_component_dt_popover, {
+    open: $data.isOpen,
+    placement: "bottom-start",
+    "content-class": "d-recipe-message-input__link-popover",
+    "visually-hidden-close": true,
+    "visually-hidden-close-label": $props.linkButtonOptions.visuallyHiddenCloseText,
+    "data-qa": "dt-message-input-link-popover",
+    "show-close-button": false,
+    onOpened: _cache[12] || (_cache[12] = ($event) => _ctx.$emit("opened", $event))
+  }, {
+    anchor: withCtx(() => [
+      createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.linkButtonOptions.ariaLabel,
+        "tooltip-text": $props.linkButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.linkButtonOptions.keyboardShortcutText,
+        "data-qa": "message-input-link-btn",
+        "is-active": $props.isSelectionActive("link"),
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.isOpen = true)
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_dt_icon_link2, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
+    ]),
+    content: withCtx(() => [
+      createVNode(_component_dt_stack, { gap: "500" }, {
+        default: withCtx(() => [
+          $props.linkButtonOptions.dialogTitle.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($props.linkButtonOptions.dialogTitle), 1)) : createCommentVNode("", true),
+          createVNode(_component_dt_input, {
+            modelValue: $data.linkText,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.linkText = $event),
+            "input-aria-label": $props.linkButtonOptions.textLabel,
+            size: "xs",
+            "data-qa": "dt-message-input-link-text-input",
+            label: $props.linkButtonOptions.textLabel,
+            "input-wrapper-class": "d-recipe-message-input__link-input",
+            onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+            }, ["stop"])),
+            onFocus: _cache[3] || (_cache[3] = withModifiers(() => {
+            }, ["stop"])),
+            onKeydown: _cache[4] || (_cache[4] = withKeys(($event) => _ctx.$emit("set-link", $data.linkText, $data.linkInput), ["enter"]))
+          }, null, 8, ["modelValue", "input-aria-label", "label"]),
+          createVNode(_component_dt_input, {
+            modelValue: $data.linkInput,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.linkInput = $event),
+            "input-aria-label": $props.linkButtonOptions.linkLabel,
+            size: "xs",
+            "data-qa": "dt-message-input-link-input",
+            placeholder: $props.linkButtonOptions.linkPlaceholder,
+            label: $props.linkButtonOptions.linkLabel,
+            "input-wrapper-class": "d-recipe-message-input__link-input",
+            onClick: _cache[6] || (_cache[6] = withModifiers(() => {
+            }, ["stop"])),
+            onFocus: _cache[7] || (_cache[7] = withModifiers(() => {
+            }, ["stop"])),
+            onKeydown: _cache[8] || (_cache[8] = withKeys(($event) => _ctx.$emit("set-link", $data.linkText, $data.linkInput), ["enter"]))
+          }, null, 8, ["modelValue", "input-aria-label", "placeholder", "label"]),
+          createVNode(_component_dt_stack, {
+            direction: "row",
+            class: "d-recipe-message-input__link-dialog-buttons"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_dt_button, {
+                "aria-label": $props.linkButtonOptions.removeLabel,
+                importance: "clear",
+                kind: "danger",
+                size: "md",
+                "data-qa": "dt-message-input-link-remove-btn",
+                onClick: _cache[9] || (_cache[9] = ($event) => _ctx.$emit("remove-link", $data.linkText, $data.linkInput))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString($props.linkButtonOptions.removeLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["aria-label"]),
+              createVNode(_component_dt_stack, {
+                direction: "row",
+                gap: "400"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_dt_button, {
+                    "aria-label": $props.linkButtonOptions.cancelLabel,
+                    importance: "clear",
+                    kind: "muted",
+                    size: "md",
+                    "data-qa": "dt-message-input-link-cancel-btn",
+                    onClick: _cache[10] || (_cache[10] = ($event) => $data.isOpen = false)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($props.linkButtonOptions.cancelLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label"]),
+                  createVNode(_component_dt_button, {
+                    size: "md",
+                    "aria-label": $props.linkButtonOptions.confirmLabel,
+                    "data-qa": "dt-message-input-link-confirm-btn",
+                    onClick: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("set-link", $data.linkText, $data.linkInput))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($props.linkButtonOptions.confirmLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["open", "visually-hidden-close-label"]);
+}
+const DtRecipeMessageInputLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtRecipeMessageInputLink as default
+};
+//# sourceMappingURL=message_input_link.vue.js.map

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_link.vue.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    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\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          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\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=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\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=\"linkButtonOptions.removeLabel\"\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            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\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';\nexport default {\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    };\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":["_createBlock","_createVNode","_withCtx","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_withModifiers","_withKeys","_createTextVNode"],"mappings":"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"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.cjs

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue3 = require("@dialpad/dialtone-icons/vue3");
+const message_input_button = require("./message_input_button.vue.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const stack = require("../../../components/stack/stack.vue.cjs");
+const _sfc_main = {
+  name: "DtRecipeMesageInputTopbar",
+  components: {
+    DtStack: stack.default,
+    DtIconListBullet: vue3.DtIconListBullet,
+    DtIconBold: vue3.DtIconBold,
+    DtIconItalic: vue3.DtIconItalic,
+    DtIconStrikethrough: vue3.DtIconStrikethrough,
+    DtIconListOrdered: vue3.DtIconListOrdered,
+    DtIconQuote: vue3.DtIconQuote,
+    DtIconCode: vue3.DtIconCode,
+    DtIconCodeBlock: vue3.DtIconCodeBlock,
+    DtRecipeMessageInputButton: message_input_button.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"]
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "d-recipe-message-input--button-group-divider" }, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_bold = vue.resolveComponent("dt-icon-bold");
+  const _component_dt_recipe_message_input_button = vue.resolveComponent("dt-recipe-message-input-button");
+  const _component_dt_icon_italic = vue.resolveComponent("dt-icon-italic");
+  const _component_dt_icon_strikethrough = vue.resolveComponent("dt-icon-strikethrough");
+  const _component_dt_icon_list_bullet = vue.resolveComponent("dt-icon-list-bullet");
+  const _component_dt_icon_list_ordered = vue.resolveComponent("dt-icon-list-ordered");
+  const _component_dt_icon_quote = vue.resolveComponent("dt-icon-quote");
+  const _component_dt_icon_code = vue.resolveComponent("dt-icon-code");
+  const _component_dt_icon_code_block = vue.resolveComponent("dt-icon-code-block");
+  const _component_dt_stack = vue.resolveComponent("dt-stack");
+  return vue.openBlock(), vue.createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "200",
+    class: "d-recipe-message-input__button-stack"
+  }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.boldButtonOptions.ariaLabel,
+        "tooltip-text": $props.boldButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.boldButtonOptions.keyboardShortcutText,
+        "data-qa": "bold",
+        "is-active": $props.isSelectionActive("bold"),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", "bold", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_bold, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.italicButtonOptions.ariaLabel,
+        "tooltip-text": $props.italicButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.italicButtonOptions.keyboardShortcutText,
+        "data-qa": "italic",
+        "is-active": $props.isSelectionActive("italic"),
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", "italic", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_italic, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.strikeButtonOptions.ariaLabel,
+        "tooltip-text": $props.strikeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.strikeButtonOptions.keyboardShortcutText,
+        "data-qa": "strikethrough",
+        "is-active": $props.isSelectionActive("strike"),
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", "strike", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_strikethrough, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_1,
+      vue.renderSlot(_ctx.$slots, "link"),
+      _hoisted_2,
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.bulletListButtonOptions.ariaLabel,
+        "tooltip-text": $props.bulletListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.bulletListButtonOptions.keyboardShortcutText,
+        "data-qa": "bullet-list",
+        "is-active": $props.isSelectionActive("bulletList"),
+        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", "bulletList", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_list_bullet, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.orderedListButtonOptions.ariaLabel,
+        "tooltip-text": $props.orderedListButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.orderedListButtonOptions.keyboardShortcutText,
+        "data-qa": "ordered-list",
+        "is-active": $props.isSelectionActive("orderedList"),
+        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", "orderedList", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_list_ordered, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_3,
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.blockQuoteButtonOptions.ariaLabel,
+        "tooltip-text": $props.blockQuoteButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.blockQuoteButtonOptions.keyboardShortcutText,
+        "data-qa": "blockquote",
+        "is-active": $props.isSelectionActive("blockquote"),
+        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click", "blockquote", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_quote, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      _hoisted_4,
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.codeButtonOptions.ariaLabel,
+        "tooltip-text": $props.codeButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.codeButtonOptions.keyboardShortcutText,
+        "data-qa": "code",
+        "is-active": $props.isSelectionActive("code"),
+        onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("click", "code", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_code, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"]),
+      vue.createVNode(_component_dt_recipe_message_input_button, {
+        "aria-label": $props.codeBlockButtonOptions.ariaLabel,
+        "tooltip-text": $props.codeBlockButtonOptions.tooltipText,
+        "keyboard-shortcut-text": $props.codeBlockButtonOptions.keyboardShortcutText,
+        "data-qa": "code-block",
+        "is-active": $props.isSelectionActive("codeBlock"),
+        onClick: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("click", "codeBlock", $event))
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(_component_dt_icon_code_block, {
+            class: "d-recipe-message-input__button-stack-icon",
+            size: "200"
+          })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "tooltip-text", "keyboard-shortcut-text", "is-active"])
+    ]),
+    _: 3
+  });
+}
+const DtRecipeMessageInputTopbar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = DtRecipeMessageInputTopbar;
+//# sourceMappingURL=message_input_topbar.vue.cjs.map

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_input_topbar.vue.cjs","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=\"boldButtonOptions.ariaLabel\"\n      :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonOptions.ariaLabel\"\n      :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonOptions.ariaLabel\"\n      :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n      :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonOptions.ariaLabel\"\n      :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n      :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n      :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n  DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n  DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n  name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}