@dialpad/dialtone-vue 2.153.0 → 2.154.0

package/dist/lib/rich-text-editor.cjs

@@ -21,7 +21,7 @@ const History = require("@tiptap/extension-history");
 const core = require("@tiptap/core");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-1aBeR4AK.js");
 const lib_emoji = require("./emoji.cjs");
-const common_emoji = require("../chunks/index-NYFNZeHH.js");
+const common_emoji = require("../chunks/index-anN_sx1F.js");
 const state = require("@tiptap/pm/state");
 const Suggestion = require("@tiptap/suggestion");
 const dialtoneEmojis = require("@dialpad/dialtone-emojis");
@@ -35,7 +35,7 @@ const lib_avatar = require("./avatar.cjs");
 const DtIconHash = require("@dialpad/dialtone-icons/vue2/hash");
 const DtIconLock = require("@dialpad/dialtone-icons/vue2/lock");
 require("./skeleton.cjs");
-require("../chunks/icon_constants-VEA0wI5C.js");
+require("../chunks/icon_constants-QYpmdE0R.js");
 require("@dialpad/dialtone-icons/icons.json");
 require("emoji-toolkit/emoji_strategy.json");
 require("../chunks/list_item_constants-EiqkqZvP.js");
@@ -57,17 +57,19 @@ const _sfc_main$9 = {
 };
 var _sfc_render$9 = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", {
-    staticClass: "d-d-inline-block d-va-bottom d-lh0"
-  }, [_c("dt-emoji", {
-    attrs: {
-      "size": "500",
-      "code": _vm.node.attrs.code
-    }
-  })], 1);
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [_c("dt-emoji", { attrs: { "size": "500", "code": _vm.node.attrs.code } })], 1);
 };
 var _sfc_staticRenderFns$9 = [];
-var __component__$9 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$9, _sfc_render$9, _sfc_staticRenderFns$9, false, null, null, null, null);
+var __component__$9 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$9,
+  _sfc_render$9,
+  _sfc_staticRenderFns$9,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const EmojiComponent = __component__$9.exports;
 const _sfc_main$8 = {
   name: "SuggestionList",
@@ -103,9 +105,7 @@ const _sfc_main$8 = {
     }
   },
   methods: {
-    onKeyDown({
-      event
-    }) {
+    onKeyDown({ event }) {
       if (event.key === "ArrowUp") {
         this.upHandler();
         return true;
@@ -148,22 +148,13 @@ const _sfc_main$8 = {
           this.command(item);
           return;
         case "mention":
-          this.command({
-            name: item.name,
-            id: item.id,
-            avatarSrc: item.avatarSrc
-          });
+          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });
           break;
         case "channel":
-          this.command({
-            name: item.name,
-            id: item.id
-          });
+          this.command({ name: item.name, id: item.id });
           break;
         case "slash-command":
-          this.command({
-            command: item.command
-          });
+          this.command({ command: item.command });
           break;
       }
     }
@@ -171,45 +162,29 @@ const _sfc_main$8 = {
 };
 var _sfc_render$8 = function render2() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "d-popover__dialog dt-suggestion-list__container"
-  }, [_c("ul", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.items.length,
-      expression: "items.length"
-    }],
-    ref: "suggestionList",
-    staticClass: "dt-suggestion-list"
-  }, _vm._l(_vm.items, function(item, index) {
-    return _c("dt-list-item", {
-      key: item.id,
-      class: ["dt-suggestion-list--item", {
-        "dt-list-item--highlighted": index === _vm.selectedIndex
-      }],
-      attrs: {
-        "navigation-type": "arrow-keys"
-      },
-      on: {
-        "click": function($event) {
-          return _vm.selectItem(index);
-        },
-        "keydown": function($event) {
-          $event.preventDefault();
-          return _vm.onKeyDown.apply(null, arguments);
-        }
-      }
-    }, [_c(_vm.itemComponent, {
-      tag: "component",
-      attrs: {
-        "item": item
-      }
-    })], 1);
+  return _c("div", { staticClass: "d-popover__dialog dt-suggestion-list__container" }, [_c("ul", { directives: [{ name: "show", rawName: "v-show", value: _vm.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "dt-suggestion-list" }, _vm._l(_vm.items, function(item, index) {
+    return _c("dt-list-item", { key: item.id, class: [
+      "dt-suggestion-list--item",
+      { "dt-list-item--highlighted": index === _vm.selectedIndex }
+    ], attrs: { "navigation-type": "arrow-keys" }, on: { "click": function($event) {
+      return _vm.selectItem(index);
+    }, "keydown": function($event) {
+      $event.preventDefault();
+      return _vm.onKeyDown.apply(null, arguments);
+    } } }, [_c(_vm.itemComponent, { tag: "component", attrs: { "item": item } })], 1);
   }), 1)]);
 };
 var _sfc_staticRenderFns$8 = [];
-var __component__$8 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$8, _sfc_render$8, _sfc_staticRenderFns$8, false, null, null, null, null);
+var __component__$8 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$8,
+  _sfc_render$8,
+  _sfc_staticRenderFns$8,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const SuggestionList = __component__$8.exports;
 const _sfc_main$7 = {
   name: "EmojiSuggestion",
@@ -226,27 +201,24 @@ const _sfc_main$7 = {
 };
 var _sfc_render$7 = function render3() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", {
-    attrs: {
-      "direction": "row",
-      "gap": "400"
-    }
-  }, [_c("dt-emoji", {
-    attrs: {
-      "size": "200",
-      "code": _vm.item.code
-    }
-  }), _vm._v(" " + _vm._s(_vm.item.code) + " ")], 1);
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-emoji", { attrs: { "size": "200", "code": _vm.item.code } }), _vm._v(" " + _vm._s(_vm.item.code) + " ")], 1);
 };
 var _sfc_staticRenderFns$7 = [];
-var __component__$7 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$7, _sfc_render$7, _sfc_staticRenderFns$7, false, null, null, null, null);
+var __component__$7 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$7,
+  _sfc_render$7,
+  _sfc_staticRenderFns$7,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const EmojiSuggestion = __component__$7.exports;
 const hideOnEsc = {
   name: "hideOnEsc",
   defaultValue: true,
-  fn({
-    hide
-  }) {
+  fn({ hide }) {
     function onKeyDown(event) {
       if (event.keyCode === 27) {
         hide();
@@ -263,9 +235,7 @@ const hideOnEsc = {
   }
 };
 const suggestionOptions = {
-  items: ({
-    query
-  }) => {
+  items: ({ query }) => {
     if (query.length < 2) {
       return [];
     }
@@ -277,29 +247,26 @@ const suggestionOptions = {
       return false;
     });
     return filteredEmoji.map((item) => {
-      return {
-        code: item.shortname
-      };
+      return { code: item.shortname };
     });
   },
-  command: ({
-    editor,
-    range,
-    props
-  }) => {
+  command: ({ editor, range, props }) => {
     var _a, _b;
     const nodeAfter = editor.view.state.selection.$to.nodeAfter;
     const overrideSpace = (_a = nodeAfter == null ? void 0 : nodeAfter.text) == null ? void 0 : _a.startsWith(" ");
     if (overrideSpace) {
       range.to += 1;
     }
-    editor.chain().focus().insertContentAt(range, [{
-      type: "emoji",
-      attrs: props
-    }, {
-      type: "text",
-      text: " "
-    }]).run();
+    editor.chain().focus().insertContentAt(range, [
+      {
+        type: "emoji",
+        attrs: props
+      },
+      {
+        type: "text",
+        text: " "
+      }
+    ]).run();
     (_b = window.getSelection()) == null ? void 0 : _b.collapseToEnd();
   },
   render: () => {
@@ -413,19 +380,17 @@ const Emoji = core.Node.create({
     };
   },
   parseHTML() {
-    return [{
-      tag: "emoji-component"
-    }];
+    return [
+      {
+        tag: "emoji-component"
+      }
+    ];
   },
-  renderText({
-    node
-  }) {
+  renderText({ node }) {
     const unicodeEmoji = common_emoji.stringToUnicode(common_emoji.codeToEmojiData(node.attrs.code).unicode_output);
     return unicodeEmoji;
   },
-  renderHTML({
-    HTMLAttributes
-  }) {
+  renderHTML({ HTMLAttributes }) {
     return ["emoji-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addInputRules() {
@@ -463,30 +428,35 @@ const Emoji = core.Node.create({
     ];
   },
   addPasteRules() {
-    return [core.nodePasteRule({
-      find: shortCodePasteMatch,
-      type: this.type,
-      getAttributes(attrs) {
-        return {
-          code: attrs[0]
-        };
-      }
-    }), core.nodePasteRule({
-      find: common_emoji.emojiRegex,
-      type: this.type,
-      getAttributes(attrs) {
-        return {
-          code: attrs[0]
-        };
-      }
-    })];
+    return [
+      core.nodePasteRule({
+        find: shortCodePasteMatch,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      }),
+      core.nodePasteRule({
+        find: common_emoji.emojiRegex,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      })
+    ];
   },
   addProseMirrorPlugins() {
-    return [Suggestion({
-      editor: this.editor,
-      ...this.options.suggestion,
-      ...suggestionOptions
-    })];
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+        ...suggestionOptions
+      })
+    ];
   }
 });
 function getRegexMatches(text, regex, validator = () => true) {
@@ -504,7 +474,13 @@ function hasValidPrefix(text, match) {
   return !["#", "@"].includes(text.charAt(match.index)) && !["#", "@"].includes(text.charAt(match.index - 1));
 }
 function trimEndPunctiation(string) {
-  const endPunctuationRegex = new RegExp("(?:" + [`[!?.,:;'"]`, "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"), "g");
+  const endPunctuationRegex = new RegExp(
+    "(?:" + [
+      `[!?.,:;'"]`,
+      "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
+    ].join("|"),
+    "g"
+  );
   return string.replace(endPunctuationRegex, "");
 }
 function getWordAt(text, index) {
@@ -555,8 +531,18 @@ function addMarks(text, pos, from, to, tr, type) {
   let rangeFrom = from - pos - 1;
   rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;
   const rangeTo = to - pos;
-  const firstWordInRange = getWordAtUntil(text, rangeFrom, "left", partialPhoneNumberRegex);
-  const lastWordInRange = getWordAtUntil(text, rangeTo, "right", partialPhoneNumberRegex);
+  const firstWordInRange = getWordAtUntil(
+    text,
+    rangeFrom,
+    "left",
+    partialPhoneNumberRegex
+  );
+  const lastWordInRange = getWordAtUntil(
+    text,
+    rangeTo,
+    "right",
+    partialPhoneNumberRegex
+  );
   const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);
   const matches = getRegexMatches(wordsInRange, common_utils.linkRegex, hasValidPrefix);
   matches.forEach((match) => {
@@ -575,29 +561,33 @@ function autolink(options) {
       if (hasInitialized && !contentChanged) {
         return;
       }
-      const {
-        tr
-      } = newState;
-      const {
-        textContent
-      } = newState.doc;
+      const { tr } = newState;
+      const { textContent } = newState.doc;
       if (!hasInitialized) {
         addMarks(textContent, 0, 0, textContent.length, tr, options.type);
       }
       hasInitialized = true;
-      const transform = core.combineTransactionSteps(oldState.doc, [...transactions]);
+      const transform = core.combineTransactionSteps(
+        oldState.doc,
+        [...transactions]
+      );
       const changes = core.getChangedRanges(transform);
-      changes.forEach(({
-        oldRange,
-        newRange
-      }) => {
+      changes.forEach(({ oldRange, newRange }) => {
         removeMarks(newRange, newState.doc, tr, options.type);
-        const paragraphs = core.findChildrenInRange(newState.doc, newRange, (node) => node.isTextblock);
-        paragraphs.forEach(({
-          node,
-          pos
-        }) => {
-          addMarks(node.textContent, pos, oldRange.from, newRange.to, tr, options.type);
+        const paragraphs = core.findChildrenInRange(
+          newState.doc,
+          newRange,
+          (node) => node.isTextblock
+        );
+        paragraphs.forEach(({ node, pos }) => {
+          addMarks(
+            node.textContent,
+            pos,
+            oldRange.from,
+            newRange.to,
+            tr,
+            options.type
+          );
         });
       });
       return tr;
@@ -610,20 +600,23 @@ const defaultAttributes = {
 };
 const CustomLink = core.Mark.create({
   name: "CustomLink",
-  renderHTML({
-    HTMLAttributes
-  }) {
-    return ["a", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, defaultAttributes)];
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "a",
+      core.mergeAttributes(
+        this.options.HTMLAttributes,
+        HTMLAttributes,
+        defaultAttributes
+      )
+    ];
   },
-  renderText({
-    node
-  }) {
+  renderText({ node }) {
     return node.attrs.text;
   },
   addProseMirrorPlugins() {
-    return [autolink({
-      type: this.type
-    })];
+    return [
+      autolink({ type: this.type })
+    ];
   }
 });
 const _sfc_main$6 = {
@@ -641,25 +634,30 @@ const _sfc_main$6 = {
 };
 var _sfc_render$6 = function render4() {
   var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", {
-    staticClass: "d-d-inline-block"
-  }, [_c("dt-link", {
-    attrs: {
-      "kind": "mention"
-    }
-  }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
 };
 var _sfc_staticRenderFns$6 = [];
-var __component__$6 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$6, _sfc_render$6, _sfc_staticRenderFns$6, false, null, null, null, null);
+var __component__$6 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$6,
+  _sfc_render$6,
+  _sfc_staticRenderFns$6,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const MentionComponent = __component__$6.exports;
 const MentionPlugin = Mention.extend({
   addNodeView() {
     return vue2.VueNodeViewRenderer(MentionComponent);
   },
   parseHTML() {
-    return [{
-      tag: "mention-component"
-    }];
+    return [
+      {
+        tag: "mention-component"
+      }
+    ];
   },
   addAttributes() {
     return {
@@ -674,14 +672,10 @@ const MentionPlugin = Mention.extend({
       }
     };
   },
-  renderText({
-    node
-  }) {
+  renderText({ node }) {
     return `@${node.attrs.id}`;
   },
-  renderHTML({
-    HTMLAttributes
-  }) {
+  renderHTML({ HTMLAttributes }) {
     return ["mention-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   }
 }).configure({
@@ -705,16 +699,19 @@ const _sfc_main$5 = {
 };
 var _sfc_render$5 = function render5() {
   var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", {
-    staticClass: "d-d-inline-block"
-  }, [_c("dt-link", {
-    attrs: {
-      "kind": "mention"
-    }
-  }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
 };
 var _sfc_staticRenderFns$5 = [];
-var __component__$5 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$5, _sfc_render$5, _sfc_staticRenderFns$5, false, null, null, null, null);
+var __component__$5 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$5,
+  _sfc_render$5,
+  _sfc_staticRenderFns$5,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const ChannelComponent = __component__$5.exports;
 const ChannelPlugin = Mention.extend({
   name: "channel",
@@ -722,9 +719,11 @@ const ChannelPlugin = Mention.extend({
     return vue2.VueNodeViewRenderer(ChannelComponent);
   },
   parseHTML() {
-    return [{
-      tag: "channel-component"
-    }];
+    return [
+      {
+        tag: "channel-component"
+      }
+    ];
   },
   addAttributes() {
     return {
@@ -739,14 +738,10 @@ const ChannelPlugin = Mention.extend({
       }
     };
   },
-  renderText({
-    node
-  }) {
+  renderText({ node }) {
     return `#${node.attrs.id}`;
   },
-  renderHTML({
-    HTMLAttributes
-  }) {
+  renderHTML({ HTMLAttributes }) {
     return ["channel-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   }
 }).configure({
@@ -773,12 +768,19 @@ const _sfc_main$4 = {
 };
 var _sfc_render$4 = function render6() {
   var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", {
-    staticClass: "d-d-inline-block"
-  }, [_vm._v(" " + _vm._s(_vm.text) + " ")]);
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_vm._v(" " + _vm._s(_vm.text) + " ")]);
 };
 var _sfc_staticRenderFns$4 = [];
-var __component__$4 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$4, _sfc_render$4, _sfc_staticRenderFns$4, false, null, null, null, null);
+var __component__$4 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$4,
+  _sfc_render$4,
+  _sfc_staticRenderFns$4,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const SlashCommandComponent = __component__$4.exports;
 const slashCommandPasteMatch = (text, slashCommandRegex) => {
   const matches = [...text.matchAll(slashCommandRegex)];
@@ -801,9 +803,11 @@ const SlashCommandPlugin = Mention.extend({
     return vue2.VueNodeViewRenderer(SlashCommandComponent);
   },
   parseHTML() {
-    return [{
-      tag: "command-component"
-    }];
+    return [
+      {
+        tag: "command-component"
+      }
+    ];
   },
   addAttributes() {
     return {
@@ -818,47 +822,39 @@ const SlashCommandPlugin = Mention.extend({
       }
     };
   },
-  renderText({
-    node
-  }) {
+  renderText({ node }) {
     return `/${node.attrs.command}`;
   },
-  renderHTML({
-    HTMLAttributes
-  }) {
+  renderHTML({ HTMLAttributes }) {
     return ["command-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addInputRules() {
     var _a;
-    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({
-      query: ""
-    }).map((suggestion) => suggestion.command);
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" }).map((suggestion) => suggestion.command);
     const slashCommandRegex = new RegExp(`^((?:\\/)(${suggestions.join("|")})) $`);
-    return [core.nodeInputRule({
-      find: slashCommandRegex,
-      type: this.type,
-      getAttributes(attrs) {
-        return {
-          command: attrs[2]
-        };
-      }
-    })];
+    return [
+      core.nodeInputRule({
+        find: slashCommandRegex,
+        type: this.type,
+        getAttributes(attrs) {
+          return { command: attrs[2] };
+        }
+      })
+    ];
   },
   addPasteRules() {
     var _a;
-    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({
-      query: ""
-    }).map((suggestion) => suggestion.command);
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" }).map((suggestion) => suggestion.command);
     const slashCommandRegex = new RegExp(`^((?:\\/)(${suggestions.join("|")})) ?$`, "g");
-    return [core.nodePasteRule({
-      find: (text) => slashCommandPasteMatch(text, slashCommandRegex),
-      type: this.type,
-      getAttributes(attrs) {
-        return {
-          command: attrs[0].trim()
-        };
-      }
-    })];
+    return [
+      core.nodePasteRule({
+        find: (text) => slashCommandPasteMatch(text, slashCommandRegex),
+        type: this.type,
+        getAttributes(attrs) {
+          return { command: attrs[0].trim() };
+        }
+      })
+    ];
   }
 }).configure({
   suggestion: {
@@ -866,9 +862,24 @@ const SlashCommandPlugin = Mention.extend({
     pluginKey: new state.PluginKey("slashCommandSuggestion")
   }
 });
-const RICH_TEXT_EDITOR_OUTPUT_FORMATS = ["text", "json", "html"];
-const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = ["start", "end", "all"];
-const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = ["https", "http", "ftp", "ftps", "sftp", "mailto"];
+const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [
+  "text",
+  "json",
+  "html"
+];
+const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [
+  "start",
+  "end",
+  "all"
+];
+const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [
+  "https",
+  "http",
+  "ftp",
+  "ftps",
+  "sftp",
+  "mailto"
+];
 const _sfc_main$3 = {
   name: "MentionSuggestion",
   components: {
@@ -892,24 +903,19 @@ const _sfc_main$3 = {
 };
 var _sfc_render$3 = function render7() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", {
-    attrs: {
-      "direction": "row",
-      "gap": "400"
-    }
-  }, [_c("dt-avatar", {
-    attrs: {
-      "full-name": _vm.name,
-      "image-src": _vm.avatarSrc,
-      "image-alt": _vm.name,
-      "size": "xs"
-    }
-  }), _c("span", {
-    staticClass: "mention-suggestion-name"
-  }, [_vm._v(" " + _vm._s(_vm.name) + " ")])], 1);
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-avatar", { attrs: { "full-name": _vm.name, "image-src": _vm.avatarSrc, "image-alt": _vm.name, "size": "xs" } }), _c("span", { staticClass: "mention-suggestion-name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")])], 1);
 };
 var _sfc_staticRenderFns$3 = [];
-var __component__$3 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$3, _sfc_render$3, _sfc_staticRenderFns$3, false, null, "65bcbd51", null, null);
+var __component__$3 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$3,
+  _sfc_render$3,
+  _sfc_staticRenderFns$3,
+  false,
+  null,
+  "65bcbd51",
+  null,
+  null
+);
 const MentionSuggestion = __component__$3.exports;
 const mentionSuggestion = {
   // This function comes from the user and passed to the editor directly.
@@ -1005,23 +1011,19 @@ const _sfc_main$2 = {
 };
 var _sfc_render$2 = function render8() {
   var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", {
-    attrs: {
-      "direction": "row",
-      "gap": "400"
-    }
-  }, [!_vm.item.locked ? _c("dt-icon-hash", {
-    attrs: {
-      "size": "300"
-    }
-  }) : _c("dt-icon-lock", {
-    attrs: {
-      "size": "300"
-    }
-  }), _c("span", [_vm._v(_vm._s(_vm.name))])], 1);
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [!_vm.item.locked ? _c("dt-icon-hash", { attrs: { "size": "300" } }) : _c("dt-icon-lock", { attrs: { "size": "300" } }), _c("span", [_vm._v(_vm._s(_vm.name))])], 1);
 };
 var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$2, _sfc_render$2, _sfc_staticRenderFns$2, false, null, null, null, null);
+var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$2,
+  _sfc_render$2,
+  _sfc_staticRenderFns$2,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const ChannelSuggestion = __component__$2.exports;
 const channelSuggestion = {
   // This function comes from the user and passed to the editor directly.
@@ -1118,14 +1120,19 @@ const _sfc_main$1 = {
 };
 var _sfc_render$1 = function render9() {
   var _vm = this, _c = _vm._self._c;
-  return _c("div", [_c("div", {
-    staticClass: "d-body--md-compact"
-  }, [_c("span", [_vm._v("/" + _vm._s(_vm.command))]), _vm.parametersExample ? _c("span", [_vm._v(" " + _vm._s(_vm.parametersExample))]) : _vm._e()]), _c("div", {
-    staticClass: "d-body--sm d-fc-tertiary"
-  }, [_vm._v(" " + _vm._s(_vm.description) + " ")])]);
+  return _c("div", [_c("div", { staticClass: "d-body--md-compact" }, [_c("span", [_vm._v("/" + _vm._s(_vm.command))]), _vm.parametersExample ? _c("span", [_vm._v(" " + _vm._s(_vm.parametersExample))]) : _vm._e()]), _c("div", { staticClass: "d-body--sm d-fc-tertiary" }, [_vm._v(" " + _vm._s(_vm.description) + " ")])]);
 };
 var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
+var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$1,
+  _sfc_render$1,
+  _sfc_staticRenderFns$1,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const SlashCommandSuggestion = __component__$1.exports;
 const slashCommandSuggestion = {
   // This function comes from the user and passed to the editor directly.
@@ -1476,9 +1483,7 @@ const _sfc_main = {
     extensions() {
       const extensions = [Document, Paragraph, Text, History];
       if (this.link) {
-        extensions.push(TipTapLink.extend({
-          inclusive: false
-        }).configure({
+        extensions.push(TipTapLink.extend({ inclusive: false }).configure({
           HTMLAttributes: {
             class: "d-link d-wb-break-all"
           },
@@ -1510,55 +1515,42 @@ const _sfc_main = {
         extensions.push(Underline);
       }
       if (this.placeholder) {
-        extensions.push(Placeholder.configure({
-          placeholder: this.placeholder
-        }));
+        extensions.push(
+          Placeholder.configure({ placeholder: this.placeholder })
+        );
       }
       if (!this.allowLineBreaks) {
         const self = this;
-        extensions.push(HardBreak.extend({
-          addKeyboardShortcuts() {
-            return {
-              Enter: () => {
-                self.$emit("enter");
-                return true;
-              },
-              "Shift-Enter": () => {
-                this.editor.commands.setHardBreak();
-                return true;
-              }
-            };
-          }
-        }));
+        extensions.push(
+          HardBreak.extend({
+            addKeyboardShortcuts() {
+              return {
+                Enter: () => {
+                  self.$emit("enter");
+                  return true;
+                },
+                "Shift-Enter": () => {
+                  this.editor.commands.setHardBreak();
+                  return true;
+                }
+              };
+            }
+          })
+        );
       } else {
         extensions.push(HardBreak);
       }
       if (this.mentionSuggestion) {
-        const suggestionObject = {
-          ...this.mentionSuggestion,
-          ...mentionSuggestion
-        };
-        extensions.push(MentionPlugin.configure({
-          suggestion: suggestionObject
-        }));
+        const suggestionObject = { ...this.mentionSuggestion, ...mentionSuggestion };
+        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));
       }
       if (this.channelSuggestion) {
-        const suggestionObject = {
-          ...this.channelSuggestion,
-          ...channelSuggestion
-        };
-        extensions.push(ChannelPlugin.configure({
-          suggestion: suggestionObject
-        }));
+        const suggestionObject = { ...this.channelSuggestion, ...channelSuggestion };
+        extensions.push(ChannelPlugin.configure({ suggestion: suggestionObject }));
       }
       if (this.slashCommandSuggestion) {
-        const suggestionObject = {
-          ...this.slashCommandSuggestion,
-          ...slashCommandSuggestion
-        };
-        extensions.push(SlashCommandPlugin.configure({
-          suggestion: suggestionObject
-        }));
+        const suggestionObject = { ...this.slashCommandSuggestion, ...slashCommandSuggestion };
+        extensions.push(SlashCommandPlugin.configure({ suggestion: suggestionObject }));
       }
       extensions.push(Emoji);
       extensions.push(TextAlign.configure({
@@ -1597,19 +1589,13 @@ const _sfc_main = {
   watch: {
     editable(isEditable) {
       this.editor.setEditable(isEditable);
-      this.updateEditorAttributes({
-        "aria-readonly": !isEditable
-      });
+      this.updateEditorAttributes({ "aria-readonly": !isEditable });
     },
     inputClass(newClass) {
-      this.updateEditorAttributes({
-        class: newClass
-      });
+      this.updateEditorAttributes({ class: newClass });
     },
     inputAriaLabel(newLabel) {
-      this.updateEditorAttributes({
-        "aria-label": newLabel
-      });
+      this.updateEditorAttributes({ "aria-label": newLabel });
     },
     extensions() {
       this.destroyEditor();
@@ -1667,14 +1653,10 @@ const _sfc_main = {
         this.$emit("input", value);
         this.$emit("update:value", value);
       });
-      this.editor.on("focus", ({
-        event
-      }) => {
+      this.editor.on("focus", ({ event }) => {
         this.$emit("focus", event);
       });
-      this.editor.on("blur", ({
-        event
-      }) => {
+      this.editor.on("blur", ({ event }) => {
         this.$emit("blur", event);
       });
     },
@@ -1697,11 +1679,7 @@ const _sfc_main = {
       return (_a = extension.configure) == null ? void 0 : _a.call(extension, options);
     },
     updateEditorAttributes(attributes) {
-      this.editor.setOptions({
-        editorProps: {
-          attributes
-        }
-      });
+      this.editor.setOptions({ editorProps: { attributes } });
     },
     focusEditor() {
       this.editor.commands.focus();
@@ -1710,16 +1688,19 @@ const _sfc_main = {
 };
 var _sfc_render = function render10() {
   var _vm = this, _c = _vm._self._c;
-  return _c("editor-content", _vm._g({
-    staticClass: "dt-rich-text-editor",
-    attrs: {
-      "editor": _vm.editor,
-      "data-qa": "dt-rich-text-editor"
-    }
-  }, _vm.editorListeners));
+  return _c("editor-content", _vm._g({ staticClass: "dt-rich-text-editor", attrs: { "editor": _vm.editor, "data-qa": "dt-rich-text-editor" } }, _vm.editorListeners));
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null,
+  null,
+  null
+);
 const DtRichTextEditor = __component__.exports;
 exports.DtRichTextEditor = DtRichTextEditor;
 exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;