@dialpad/dialtone-vue 3.145.0 → 3.146.0

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

@@ -20,7 +20,7 @@ import { Node, mergeAttributes, nodeInputRule, nodePasteRule, getMarksBetween, c
 import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, withModifiers, resolveDynamicComponent, vShow, createTextVNode, toDisplayString, markRaw, createCommentVNode, mergeProps } from "vue";
 import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
 import { DtEmoji } from "./emoji.js";
-import { stringToUnicode, codeToEmojiData, emojiRegex, emojiPattern, emojiShortCodeRegex } from "../chunks/index-GVD15GIB.js";
+import { stringToUnicode, codeToEmojiData, emojiRegex, emojiPattern, emojiShortCodeRegex } from "../chunks/index-dfdrE-3M.js";
 import { PluginKey, Plugin } from "@tiptap/pm/state";
 import Suggestion from "@tiptap/suggestion";
 import { emojisIndexed } from "@dialpad/dialtone-emojis";
@@ -34,7 +34,7 @@ import { DtAvatar } from "./avatar.js";
 import DtIconHash from "@dialpad/dialtone-icons/vue3/hash";
 import DtIconLock from "@dialpad/dialtone-icons/vue3/lock";
 import "./skeleton.js";
-import "../chunks/icon_constants-Dy4MEUJL.js";
+import "../chunks/icon_constants-gIQj4mf7.js";
 import "@dialpad/dialtone-icons/icons.json";
 import "../chunks/list_item_constants-u1xcN9Dd.js";
 import "./item-layout.js";
@@ -55,13 +55,13 @@ const _sfc_main$9 = {
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_emoji = resolveComponent("dt-emoji");
   const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
-  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
-    default: withCtx(() => [
-      createVNode(_component_dt_emoji, {
-        size: "500",
-        code: _ctx.node.attrs.code
-      }, null, 8, ["code"])
-    ]),
+  return openBlock(), createBlock(_component_node_view_wrapper, {
+    class: "d-d-inline-block d-va-bottom d-lh0"
+  }, {
+    default: withCtx(() => [createVNode(_component_dt_emoji, {
+      size: "500",
+      code: _ctx.node.attrs.code
+    }, null, 8, ["code"])]),
     _: 1
   });
 }
@@ -100,7 +100,9 @@ const _sfc_main$8 = {
     }
   },
   methods: {
-    onKeyDown({ event }) {
+    onKeyDown({
+      event
+    }) {
       if (event.key === "ArrowUp") {
         this.upHandler();
         return true;
@@ -143,48 +145,52 @@ 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;
       }
     }
   }
 };
-const _hoisted_1$1 = { class: "d-popover__dialog dt-suggestion-list__container" };
+const _hoisted_1$2 = {
+  class: "d-popover__dialog dt-suggestion-list__container"
+};
 const _hoisted_2$1 = {
   ref: "suggestionList",
   class: "dt-suggestion-list"
 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_list_item = resolveComponent("dt-list-item");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
-    withDirectives(createElementVNode("ul", _hoisted_2$1, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (item, index) => {
-        return openBlock(), createBlock(_component_dt_list_item, {
-          key: item.id,
-          class: normalizeClass([
-            "dt-suggestion-list--item",
-            { "dt-list-item--highlighted": index === $data.selectedIndex }
-          ]),
-          "navigation-type": "arrow-keys",
-          onClick: ($event) => $options.selectItem(index),
-          onKeydown: withModifiers($options.onKeyDown, ["prevent"])
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent($props.itemComponent), { item }, null, 8, ["item"]))
-          ]),
-          _: 2
-        }, 1032, ["class", "onClick", "onKeydown"]);
-      }), 128))
-    ], 512), [
-      [vShow, $props.items.length]
-    ])
-  ]);
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [withDirectives(createElementVNode("ul", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (item, index) => {
+    return openBlock(), createBlock(_component_dt_list_item, {
+      key: item.id,
+      class: normalizeClass(["dt-suggestion-list--item", {
+        "dt-list-item--highlighted": index === $data.selectedIndex
+      }]),
+      "navigation-type": "arrow-keys",
+      onClick: ($event) => $options.selectItem(index),
+      onKeydown: withModifiers($options.onKeyDown, ["prevent"])
+    }, {
+      default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent($props.itemComponent), {
+        item
+      }, null, 8, ["item"]))]),
+      _: 2
+    }, 1032, ["class", "onClick", "onKeydown"]);
+  }), 128))], 512), [[vShow, $props.items.length]])]);
 }
 const SuggestionList = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 const _sfc_main$7 = {
@@ -207,13 +213,10 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     direction: "row",
     gap: "400"
   }, {
-    default: withCtx(() => [
-      createVNode(_component_dt_emoji, {
-        size: "200",
-        code: $props.item.code
-      }, null, 8, ["code"]),
-      createTextVNode(" " + toDisplayString($props.item.code), 1)
-    ]),
+    default: withCtx(() => [createVNode(_component_dt_emoji, {
+      size: "200",
+      code: $props.item.code
+    }, null, 8, ["code"]), createTextVNode(" " + toDisplayString($props.item.code), 1)]),
     _: 1
   });
 }
@@ -221,7 +224,9 @@ const EmojiSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sf
 const hideOnEsc = {
   name: "hideOnEsc",
   defaultValue: true,
-  fn({ hide }) {
+  fn({
+    hide
+  }) {
     function onKeyDown(event) {
       if (event.keyCode === 27) {
         hide();
@@ -238,7 +243,9 @@ const hideOnEsc = {
   }
 };
 const suggestionOptions = {
-  items: ({ query }) => {
+  items: ({
+    query
+  }) => {
     if (query.length < 2) {
       return [];
     }
@@ -250,26 +257,29 @@ 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: () => {
@@ -382,17 +392,19 @@ const Emoji = Node.create({
     };
   },
   parseHTML() {
-    return [
-      {
-        tag: "emoji-component"
-      }
-    ];
+    return [{
+      tag: "emoji-component"
+    }];
   },
-  renderText({ node }) {
+  renderText({
+    node
+  }) {
     const unicodeEmoji = stringToUnicode(codeToEmojiData(node.attrs.code).unicode_output);
     return unicodeEmoji;
   },
-  renderHTML({ HTMLAttributes }) {
+  renderHTML({
+    HTMLAttributes
+  }) {
     return ["emoji-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addInputRules() {
@@ -430,35 +442,30 @@ const Emoji = Node.create({
     ];
   },
   addPasteRules() {
-    return [
-      nodePasteRule({
-        find: shortCodePasteMatch,
-        type: this.type,
-        getAttributes(attrs) {
-          return {
-            code: attrs[0]
-          };
-        }
-      }),
-      nodePasteRule({
-        find: emojiRegex,
-        type: this.type,
-        getAttributes(attrs) {
-          return {
-            code: attrs[0]
-          };
-        }
-      })
-    ];
+    return [nodePasteRule({
+      find: shortCodePasteMatch,
+      type: this.type,
+      getAttributes(attrs) {
+        return {
+          code: attrs[0]
+        };
+      }
+    }), nodePasteRule({
+      find: 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) {
@@ -476,13 +483,7 @@ 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) {
@@ -533,18 +534,8 @@ 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, linkRegex, hasValidPrefix);
   matches.forEach((match) => {
@@ -563,33 +554,29 @@ 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 = combineTransactionSteps(
-        oldState.doc,
-        [...transactions]
-      );
+      const transform = combineTransactionSteps(oldState.doc, [...transactions]);
       const changes = getChangedRanges(transform);
-      changes.forEach(({ oldRange, newRange }) => {
+      changes.forEach(({
+        oldRange,
+        newRange
+      }) => {
         removeMarks(newRange, newState.doc, tr, options.type);
-        const paragraphs = findChildrenInRange(
-          newState.doc,
-          newRange,
-          (node) => node.isTextblock
-        );
-        paragraphs.forEach(({ node, pos }) => {
-          addMarks(
-            node.textContent,
-            pos,
-            oldRange.from,
-            newRange.to,
-            tr,
-            options.type
-          );
+        const paragraphs = findChildrenInRange(newState.doc, newRange, (node) => node.isTextblock);
+        paragraphs.forEach(({
+          node,
+          pos
+        }) => {
+          addMarks(node.textContent, pos, oldRange.from, newRange.to, tr, options.type);
         });
       });
       return tr;
@@ -602,24 +589,20 @@ const defaultAttributes = {
 };
 const CustomLink = Mark.create({
   name: "CustomLink",
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "a",
-      mergeAttributes(
-        this.options.HTMLAttributes,
-        HTMLAttributes,
-        defaultAttributes
-      ),
-      0
-    ];
+  renderHTML({
+    HTMLAttributes
+  }) {
+    return ["a", 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 = {
@@ -638,15 +621,15 @@ const _sfc_main$6 = {
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_link = resolveComponent("dt-link");
   const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
-  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
-    default: withCtx(() => [
-      createVNode(_component_dt_link, { kind: "mention" }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString($options.text), 1)
-        ]),
-        _: 1
-      })
-    ]),
+  return openBlock(), createBlock(_component_node_view_wrapper, {
+    class: "d-d-inline-block"
+  }, {
+    default: withCtx(() => [createVNode(_component_dt_link, {
+      kind: "mention"
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString($options.text), 1)]),
+      _: 1
+    })]),
     _: 1
   });
 }
@@ -656,11 +639,9 @@ const MentionPlugin = Mention.extend({
     return VueNodeViewRenderer(MentionComponent);
   },
   parseHTML() {
-    return [
-      {
-        tag: "mention-component"
-      }
-    ];
+    return [{
+      tag: "mention-component"
+    }];
   },
   addAttributes() {
     return {
@@ -675,11 +656,15 @@ const MentionPlugin = Mention.extend({
       }
     };
   },
-  renderText({ node }) {
+  renderText({
+    node
+  }) {
     return `@${node.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes }) {
-    return ["mention-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  renderHTML({
+    HTMLAttributes
+  }) {
+    return ["mention-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   }
 }).configure({
   suggestion: {
@@ -703,15 +688,15 @@ const _sfc_main$5 = {
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_link = resolveComponent("dt-link");
   const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
-  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
-    default: withCtx(() => [
-      createVNode(_component_dt_link, { kind: "mention" }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString($options.text), 1)
-        ]),
-        _: 1
-      })
-    ]),
+  return openBlock(), createBlock(_component_node_view_wrapper, {
+    class: "d-d-inline-block"
+  }, {
+    default: withCtx(() => [createVNode(_component_dt_link, {
+      kind: "mention"
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString($options.text), 1)]),
+      _: 1
+    })]),
     _: 1
   });
 }
@@ -722,11 +707,9 @@ const ChannelPlugin = Mention.extend({
     return VueNodeViewRenderer(ChannelComponent);
   },
   parseHTML() {
-    return [
-      {
-        tag: "channel-component"
-      }
-    ];
+    return [{
+      tag: "channel-component"
+    }];
   },
   addAttributes() {
     return {
@@ -741,11 +724,15 @@ const ChannelPlugin = Mention.extend({
       }
     };
   },
-  renderText({ node }) {
+  renderText({
+    node
+  }) {
     return `#${node.attrs.id}`;
   },
-  renderHTML({ HTMLAttributes }) {
-    return ["channel-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  renderHTML({
+    HTMLAttributes
+  }) {
+    return ["channel-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
   }
 }).configure({
   suggestion: {
@@ -771,10 +758,10 @@ const _sfc_main$4 = {
 };
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
-  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
-    default: withCtx(() => [
-      createTextVNode(toDisplayString($options.text), 1)
-    ]),
+  return openBlock(), createBlock(_component_node_view_wrapper, {
+    class: "d-d-inline-block"
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString($options.text), 1)]),
     _: 1
   });
 }
@@ -800,11 +787,9 @@ const SlashCommandPlugin = Mention.extend({
     return VueNodeViewRenderer(SlashCommandComponent);
   },
   parseHTML() {
-    return [
-      {
-        tag: "command-component"
-      }
-    ];
+    return [{
+      tag: "command-component"
+    }];
   },
   addAttributes() {
     return {
@@ -819,39 +804,47 @@ const SlashCommandPlugin = Mention.extend({
       }
     };
   },
-  renderText({ node }) {
+  renderText({
+    node
+  }) {
     return `/${node.attrs.command}`;
   },
-  renderHTML({ HTMLAttributes }) {
+  renderHTML({
+    HTMLAttributes
+  }) {
     return ["command-component", 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 [
-      nodeInputRule({
-        find: slashCommandRegex,
-        type: this.type,
-        getAttributes(attrs) {
-          return { command: attrs[2] };
-        }
-      })
-    ];
+    return [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 [
-      nodePasteRule({
-        find: (text) => slashCommandPasteMatch(text, slashCommandRegex),
-        type: this.type,
-        getAttributes(attrs) {
-          return { command: attrs[0].trim() };
-        }
-      })
-    ];
+    return [nodePasteRule({
+      find: (text) => slashCommandPasteMatch(text, slashCommandRegex),
+      type: this.type,
+      getAttributes(attrs) {
+        return {
+          command: attrs[0].trim()
+        };
+      }
+    })];
   }
 }).configure({
   suggestion: {
@@ -859,24 +852,9 @@ const SlashCommandPlugin = Mention.extend({
     pluginKey: new 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: {
@@ -898,6 +876,9 @@ const _sfc_main$3 = {
     }
   }
 };
+const _hoisted_1$1 = {
+  class: "mention-suggestion-name"
+};
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_avatar = resolveComponent("dt-avatar");
   const _component_dt_stack = resolveComponent("dt-stack");
@@ -905,19 +886,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     direction: "row",
     gap: "400"
   }, {
-    default: withCtx(() => [
-      createVNode(_component_dt_avatar, {
-        "full-name": $options.name,
-        "image-src": $options.avatarSrc,
-        "image-alt": $options.name,
-        size: "xs"
-      }, null, 8, ["full-name", "image-src", "image-alt"]),
-      createTextVNode(" " + toDisplayString($options.name), 1)
-    ]),
+    default: withCtx(() => [createVNode(_component_dt_avatar, {
+      "full-name": $options.name,
+      "image-src": $options.avatarSrc,
+      "image-alt": $options.name,
+      size: "xs"
+    }, null, 8, ["full-name", "image-src", "image-alt"]), createElementVNode("span", _hoisted_1$1, toDisplayString($options.name), 1)]),
     _: 1
   });
 }
-const MentionSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const MentionSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-65bcbd51"]]);
 const mentionSuggestion = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
@@ -1017,16 +995,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     direction: "row",
     gap: "400"
   }, {
-    default: withCtx(() => [
-      !$props.item.locked ? (openBlock(), createBlock(_component_dt_icon_hash, {
-        key: 0,
-        size: "300"
-      })) : (openBlock(), createBlock(_component_dt_icon_lock, {
-        key: 1,
-        size: "300"
-      })),
-      createElementVNode("span", null, toDisplayString($options.name), 1)
-    ]),
+    default: withCtx(() => [!$props.item.locked ? (openBlock(), createBlock(_component_dt_icon_hash, {
+      key: 0,
+      size: "300"
+    })) : (openBlock(), createBlock(_component_dt_icon_lock, {
+      key: 1,
+      size: "300"
+    })), createElementVNode("span", null, toDisplayString($options.name), 1)]),
     _: 1
   });
 }
@@ -1123,17 +1098,17 @@ const _sfc_main$1 = {
     }
   }
 };
-const _hoisted_1 = { class: "d-body--md-compact" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "d-body--sm d-fc-tertiary" };
+const _hoisted_1 = {
+  class: "d-body--md-compact"
+};
+const _hoisted_2 = {
+  key: 0
+};
+const _hoisted_3 = {
+  class: "d-body--sm d-fc-tertiary"
+};
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createElementVNode("div", _hoisted_1, [
-      createElementVNode("span", null, "/" + toDisplayString($options.command), 1),
-      $options.parametersExample ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($options.parametersExample), 1)) : createCommentVNode("", true)
-    ]),
-    createElementVNode("div", _hoisted_3, toDisplayString($options.description), 1)
-  ]);
+  return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createElementVNode("span", null, "/" + toDisplayString($options.command), 1), $options.parametersExample ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($options.parametersExample), 1)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3, toDisplayString($options.description), 1)]);
 }
 const SlashCommandSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const slashCommandSuggestion = {
@@ -1239,7 +1214,8 @@ const _sfc_main = {
       default: false
     },
     /**
-     * Whether the input allows for line breaks to be introduced in the text.
+     * Whether the input allows for line breaks to be introduced in the text by pressing enter. If this is disabled,
+     * line breaks can still be entered by pressing shift+enter.
      */
     allowLineBreaks: {
       type: Boolean,
@@ -1484,7 +1460,9 @@ 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"
           },
@@ -1516,48 +1494,55 @@ 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.first(({ commands }) => [
-                    () => commands.newlineInCode(),
-                    () => self.allowBulletList && commands.splitListItem("listItem"),
-                    () => commands.createParagraphNear(),
-                    () => commands.liftEmptyBlock(),
-                    () => commands.splitBlock()
-                  ]);
-                  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({
@@ -1596,13 +1581,19 @@ 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();
@@ -1660,10 +1651,14 @@ const _sfc_main = {
         this.$emit("input", value);
         this.$emit("update:modelValue", 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);
       });
     },
@@ -1686,7 +1681,11 @@ 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();