@dialpad/dialtone-vue 3.184.2 → 3.185.1

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

@@ -1,5 +1,5 @@
-import { NodeViewWrapper as R, nodeViewProps as L, VueRenderer as v, VueNodeViewRenderer as $, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as ee, mergeAttributes as x, InputRule as te, nodePasteRule as B, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as ie, findChildrenInRange as re, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
+import { NodeViewWrapper as L, nodeViewProps as v, VueRenderer as R, VueNodeViewRenderer as $, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { Node as ee, mergeAttributes as b, InputRule as te, nodePasteRule as D, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
 import ce from "@tiptap/extension-blockquote";
 import de from "@tiptap/extension-code-block";
 import ue from "@tiptap/extension-code";
@@ -10,33 +10,33 @@ import fe from "@tiptap/extension-placeholder";
 import pe from "@tiptap/extension-bold";
 import ge from "@tiptap/extension-bullet-list";
 import _e from "@tiptap/extension-italic";
-import we from "@tiptap/extension-link";
-import ye from "@tiptap/extension-list-item";
+import ye from "@tiptap/extension-link";
+import we from "@tiptap/extension-list-item";
 import ke from "@tiptap/extension-ordered-list";
-import be from "@tiptap/extension-strike";
-import xe from "@tiptap/extension-underline";
+import xe from "@tiptap/extension-strike";
+import be from "@tiptap/extension-underline";
 import Ce from "@tiptap/extension-text";
-import Ee from "@tiptap/extension-text-align";
-import Se from "@tiptap/extension-history";
-import Te from "@tiptap/extension-text-style";
-import Re from "@tiptap/extension-color";
-import Le from "@tiptap/extension-font-family";
-import { PluginKey as E, Plugin as ve } from "@tiptap/pm/state";
+import Te from "@tiptap/extension-text-align";
+import Ee from "@tiptap/extension-history";
+import Se from "@tiptap/extension-text-style";
+import Le from "@tiptap/extension-color";
+import ve from "@tiptap/extension-font-family";
+import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
 import $e from "@tiptap/suggestion";
-import { emojiPattern as z } from "regex-combined-emojis";
-import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Ie, createElementVNode as y, Fragment as Me, renderList as Oe, normalizeClass as W, withModifiers as Ae, resolveDynamicComponent as De, vShow as je, createTextVNode as k, toDisplayString as p, markRaw as I, createCommentVNode as b, mergeProps as Be } from "vue";
+import { emojiPattern as W } from "regex-combined-emojis";
+import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as w, Fragment as Oe, renderList as Ie, normalizeClass as z, withModifiers as Pe, resolveDynamicComponent as Be, vShow as Ae, createTextVNode as k, toDisplayString as p, markRaw as M, createCommentVNode as x, mergeProps as De } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import X from "../emoji/emoji.js";
-import { stringToUnicode as Pe, codeToEmojiData as H, emojiRegex as He, emojiShortCodeRegex as Fe } from "../../common/emoji/index.js";
-import { emojisIndexed as Ve } from "@dialpad/dialtone-emojis";
-import Ke from "../list-item/list-item.js";
-import M from "../stack/stack.js";
-import O from "tippy.js";
-import { linkRegex as qe, getPhoneNumberRegex as Ne, returnFirstEl as V, warnIfUnmounted as Ue } from "../../common/utils/index.js";
-import ze from "@tiptap/extension-image";
-import F from "@tiptap/extension-mention";
+import { stringToUnicode as je, codeToEmojiData as H, emojiRegex as He, emojiShortCodeRegex as Ne } from "../../common/emoji/index.js";
+import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
+import Ve from "../list-item/list-item.js";
+import O from "../stack/stack.js";
+import I from "tippy.js";
+import { linkRegex as qe, getPhoneNumberRegex as Ke, returnFirstEl as F, warnIfUnmounted as Ue } from "../../common/utils/index.js";
+import We from "@tiptap/extension-image";
+import N from "@tiptap/extension-mention";
 import J from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as We, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ze, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as V } from "./rich-text-editor-constants.js";
 import Je from "../avatar/avatar.js";
 import Ye from "@dialpad/dialtone-icons/vue3/hash";
 import Ge from "@dialpad/dialtone-icons/vue3/lock";
@@ -46,12 +46,12 @@ const et = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: R,
+    NodeViewWrapper: L,
     DtEmoji: X
   },
-  props: L
+  props: v
 };
-function tt(e, t, o, n, i, r) {
+function tt(e, t, o, n, r, i) {
   const s = d("dt-emoji"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
@@ -67,7 +67,7 @@ const nt = /* @__PURE__ */ g(et, [["render", tt]]), ot = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Ke
+    DtListItem: Ve
   },
   props: {
     items: {
@@ -136,40 +136,40 @@ const nt = /* @__PURE__ */ g(et, [["render", tt]]), ot = {
       }
     }
   }
-}, it = { class: "d-popover__dialog d-suggestion-list__container" }, rt = {
+}, rt = { class: "d-popover__dialog d-suggestion-list__container" }, it = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function st(e, t, o, n, i, r) {
+function st(e, t, o, n, r, i) {
   const s = d("dt-list-item");
-  return l(), _("div", it, [
-    Ie(y("ul", rt, [
-      (l(!0), _(Me, null, Oe(o.items, (a, c) => (l(), m(s, {
+  return l(), _("div", rt, [
+    Me(w("ul", it, [
+      (l(!0), _(Oe, null, Ie(o.items, (a, c) => (l(), m(s, {
         key: a.id,
-        class: W([
+        class: z([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": c === i.selectedIndex }
+          { "d-list-item--highlighted": c === r.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (h) => r.selectItem(c),
-        onKeydown: Ae(r.onKeyDown, ["prevent"])
+        onClick: (h) => i.selectItem(c),
+        onKeydown: Pe(i.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (l(), m(De(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (l(), m(Be(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [je, o.items.length]
+      [Ae, o.items.length]
     ])
   ]);
 }
-const A = /* @__PURE__ */ g(ot, [["render", st]]), at = {
+const P = /* @__PURE__ */ g(ot, [["render", st]]), at = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
     DtEmoji: X,
-    DtStack: M
+    DtStack: O
   },
   props: {
     item: {
@@ -178,7 +178,7 @@ const A = /* @__PURE__ */ g(ot, [["render", st]]), at = {
     }
   }
 };
-function lt(e, t, o, n, i, r) {
+function lt(e, t, o, n, r, i) {
   const s = d("dt-emoji"), a = d("dt-stack");
   return l(), m(a, {
     direction: "row",
@@ -194,7 +194,7 @@ function lt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
+const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -214,19 +214,19 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(Ve);
+    const t = Object.values(Fe);
     return e = e.toLowerCase(), t.filter(
       (n) => [
         n.name,
         n.shortname.replaceAll(":", ""),
         ...n.keywords
-      ].some((i) => i.startsWith(e))
+      ].some((r) => r.startsWith(e))
     ).splice(0, dt).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
-    var r, s;
+    var i, s;
     const n = e.view.state.selection.$to.nodeAfter;
-    ((r = n == null ? void 0 : n.text) == null ? void 0 : r.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
+    ((i = n == null ? void 0 : n.text) == null ? void 0 : i.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
       {
         type: "emoji",
         attrs: o
@@ -237,14 +237,14 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v(A, {
+        e = new R(P, {
           props: {
-            itemComponent: I(ct),
+            itemComponent: M(ct),
             itemType: "emoji",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -259,7 +259,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [D]
+          plugins: [B]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -268,19 +268,19 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
         });
       },
       onKeyDown(n) {
-        var i;
+        var r;
         if (o)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
       },
       onExit() {
         t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
-}, mt = /(:\w+:)$/, ht = new RegExp(z + "$"), ft = (e) => {
+}, mt = /(:\w+:)$/, ht = new RegExp(W + "$"), ft = (e) => {
   if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, pt = (e) => [...e.matchAll(Fe)].filter((o) => H(o[0])).map((o) => ({
+}, pt = (e) => [...e.matchAll(Ne)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
@@ -313,10 +313,10 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
     ];
   },
   renderText({ node: e }) {
-    return Pe(H(e.attrs.code).unicode_output);
+    return je(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["emoji-component", x(this.options.HTMLAttributes, e)];
+    return ["emoji-component", b(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     return [
@@ -326,7 +326,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
           if (t)
             return ft(t);
         },
-        handler: ({ state: e, range: t, match: o, commands: n, chain: i, can: r }) => {
+        handler: ({ state: e, range: t, match: o, commands: n, chain: r, can: i }) => {
           const { tr: s } = e, a = t.from, c = t.to;
           s.replaceWith(a, c, this.type.create({ code: o[0] }));
         }
@@ -335,7 +335,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
   },
   addPasteRules() {
     return [
-      B({
+      D({
         find: pt,
         type: this.type,
         getAttributes(e) {
@@ -344,7 +344,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
           };
         }
       }),
-      B({
+      D({
         find: He,
         type: this.type,
         getAttributes(e) {
@@ -359,7 +359,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
     return [
       $e({
         char: ":",
-        pluginKey: new E("emoji"),
+        pluginKey: new T("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
         ...ut
@@ -370,8 +370,8 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
     return {
       Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
         let o = !1;
-        const { selection: n } = t, { empty: i, anchor: r } = n;
-        return i ? (t.doc.nodesBetween(r - 1, r, (s, a) => {
+        const { selection: n } = t, { empty: r, anchor: i } = n;
+        return r ? (t.doc.nodesBetween(i - 1, i, (s, a) => {
           if (s.type.name === this.name)
             return o = !0, e.insertText("", a, a + s.nodeSize), !1;
         }), o) : !1;
@@ -382,15 +382,15 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), D = {
 function _t(e, t, o = () => !0) {
   const n = [];
   t.lastIndex = 0;
-  let i;
-  for (; i = t.exec(e); )
-    o(e, i) && n.push(i);
+  let r;
+  for (; r = t.exec(e); )
+    o(e, r) && n.push(r);
   return n;
 }
-function wt(e, t) {
+function yt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function yt(e) {
+function wt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -403,11 +403,11 @@ function yt(e) {
 function kt(e, t) {
   const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
-    const i = e.slice(o);
+    const r = e.slice(o);
     return {
-      text: i,
+      text: r,
       from: o,
-      to: o + i.length
+      to: o + r.length
     };
   }
   return {
@@ -416,65 +416,65 @@ function kt(e, t) {
     to: n + t
   };
 }
-function P(e, t, o, n) {
-  const i = kt(e, t);
-  if (n.lastIndex = 0, !n.test(i.text))
-    return i;
-  const r = o === "left" ? i.from - 1 : i.to + 1;
-  return r <= 0 || r >= e.length || r === t ? i : P(e, r, o, n);
+function j(e, t, o, n) {
+  const r = kt(e, t);
+  if (n.lastIndex = 0, !n.test(r.text))
+    return r;
+  const i = o === "left" ? r.from - 1 : r.to + 1;
+  return i <= 0 || i >= e.length || i === t ? r : j(e, i, o, n);
 }
-function bt(e, t, o, n) {
-  const i = Math.max(e.from - 1, 0), r = Math.min(e.to + 1, t.content.size), s = ne(i, r, t);
+function xt(e, t, o, n) {
+  const r = Math.max(e.from - 1, 0), i = Math.min(e.to + 1, t.content.size), s = ne(r, i, t);
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const q = Ne(1, 15);
-function N(e, t, o, n, i, r) {
+const q = Ke(1, 15);
+function K(e, t, o, n, r, i) {
   if (!e)
     return;
   let s = o - t - 1;
   s = s < 0 ? 0 : s;
-  const a = n - t, c = P(
+  const a = n - t, c = j(
     e,
     s,
     "left",
     q
-  ), h = P(
+  ), h = j(
     e,
     a,
     "right",
     q
-  ), w = e.slice(c.from, h.to);
-  _t(w, qe, wt).forEach((j) => {
-    const C = yt(j[0]), T = t + c.from + j.index + 1, Y = T + C.length;
-    i.addMark(T, Y, r.create());
+  ), y = e.slice(c.from, h.to);
+  _t(y, qe, yt).forEach((A) => {
+    const C = wt(A[0]), S = t + c.from + A.index + 1, Y = S + C.length;
+    r.addMark(S, Y, i.create());
   });
 }
-function xt(e) {
+function bt(e) {
   let t = !1;
-  return new ve({
-    key: new E("autolink"),
-    appendTransaction: (o, n, i) => {
-      const r = o.some((w) => w.docChanged) && !n.doc.eq(i.doc);
-      if (t && !r)
+  return new Re({
+    key: new T("autolink"),
+    appendTransaction: (o, n, r) => {
+      const i = o.some((y) => y.docChanged) && !n.doc.eq(r.doc);
+      if (t && !i)
         return;
-      const { tr: s } = i, { textContent: a } = i.doc;
-      t || N(a, 0, 0, a.length, s, e.type), t = !0;
+      const { tr: s } = r, { textContent: a } = r.doc;
+      t || K(a, 0, 0, a.length, s, e.type), t = !0;
       const c = oe(
         n.doc,
         [...o]
       );
-      return ie(c).forEach(({ oldRange: w, newRange: S }) => {
-        bt(S, i.doc, s, e.type), re(
-          i.doc,
-          S,
+      return re(c).forEach(({ oldRange: y, newRange: E }) => {
+        xt(E, r.doc, s, e.type), ie(
+          r.doc,
+          E,
           (C) => C.isTextblock
-        ).forEach(({ node: C, pos: T }) => {
-          N(
+        ).forEach(({ node: C, pos: S }) => {
+          K(
             C.textContent,
-            T,
-            w.from,
-            S.to,
+            S,
+            y.from,
+            E.to,
             s,
             e.type
           );
@@ -486,12 +486,12 @@ function xt(e) {
 const Ct = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, Et = se.create({
+}, Tt = se.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
       "a",
-      x(
+      b(
         this.options.HTMLAttributes,
         e,
         Ct
@@ -503,10 +503,10 @@ const Ct = {
   },
   addProseMirrorPlugins() {
     return [
-      xt({ type: this.type })
+      bt({ type: this.type })
     ];
   }
-}), St = ze.extend({
+}), Et = We.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -530,34 +530,34 @@ const Ct = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Tt = U.extend({
+}).configure({ inline: !0, allowBase64: !0 }), St = U.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["div", x(this.options.HTMLAttributes, e), 0];
+    return ["div", b(this.options.HTMLAttributes, e), 0];
   }
-}), Rt = {
+}), Lt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: R,
+    NodeViewWrapper: L,
     DtLink: J
   },
-  props: L,
+  props: v,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
     }
   }
 };
-function Lt(e, t, o, n, i, r) {
+function vt(e, t, o, n, r, i) {
   const s = d("dt-link"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
         default: u(() => [
-          k(p(r.text), 1)
+          k(p(i.text), 1)
         ]),
         _: 1
       })
@@ -565,9 +565,9 @@ function Lt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const vt = /* @__PURE__ */ g(Rt, [["render", Lt]]), $t = F.extend({
+const Rt = /* @__PURE__ */ g(Lt, [["render", vt]]), $t = N.extend({
   addNodeView() {
-    return $(vt);
+    return $(Rt);
   },
   parseHTML() {
     return [
@@ -593,34 +593,34 @@ const vt = /* @__PURE__ */ g(Rt, [["render", Lt]]), $t = F.extend({
     return `@${e.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["mention-component", x(this.options.HTMLAttributes, e)];
+    return ["mention-component", b(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new E("mentionSuggestion")
+    pluginKey: new T("mentionSuggestion")
   }
-}), It = {
+}), Mt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: R,
+    NodeViewWrapper: L,
     DtLink: J
   },
-  props: L,
+  props: v,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
     }
   }
 };
-function Mt(e, t, o, n, i, r) {
+function Ot(e, t, o, n, r, i) {
   const s = d("dt-link"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(s, { kind: "mention" }, {
         default: u(() => [
-          k(p(r.text), 1)
+          k(p(i.text), 1)
         ]),
         _: 1
       })
@@ -628,10 +628,10 @@ function Mt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
+const It = /* @__PURE__ */ g(Mt, [["render", Ot]]), Pt = N.extend({
   name: "channel",
   addNodeView() {
-    return $(Ot);
+    return $(It);
   },
   parseHTML() {
     return [
@@ -657,20 +657,22 @@ const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
     return `#${e.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["channel-component", x(this.options.HTMLAttributes, e)];
+    return ["channel-component", b(this.options.HTMLAttributes, e)];
   }
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new E("channelSuggestion")
+    pluginKey: new T("channelSuggestion")
   }
-}), Dt = {
+}), Bt = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: R
+    NodeViewWrapper: L
+  },
+  props: {
+    ...v
   },
-  props: L,
   emits: ["selected-command"],
   computed: {
     text() {
@@ -678,31 +680,47 @@ const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
     }
   },
   created() {
-    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
+    var o, n, r;
+    const e = this.$props.node.attrs.command;
+    this.$emit("selected-command", e);
+    const t = (r = (n = (o = this.editor) == null ? void 0 : o.storage) == null ? void 0 : n["slash-commands"]) == null ? void 0 : r.onSelectedCommand;
+    t && typeof t == "function" && t(e);
   }
 };
-function jt(e, t, o, n, i, r) {
+function At(e, t, o, n, r, i) {
   const s = d("node-view-wrapper");
   return l(), m(s, { class: "d-d-inline-block" }, {
     default: u(() => [
-      k(p(r.text), 1)
+      k(p(i.text), 1)
     ]),
     _: 1
   });
 }
-const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAll(t)].map((n) => {
-  let i = n[2];
-  return i.endsWith(" ") || (i += " "), {
+const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAll(t)].map((n) => {
+  let r = n[2];
+  return r.endsWith(" ") || (r += " "), {
     index: n.index,
-    text: i,
+    text: r,
     match: n
   };
-}), Ht = F.extend({
+}), Ht = N.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      onSelectedCommand: null
+    };
+  },
+  addStorage() {
+    return {
+      onSelectedCommand: this.options.onSelectedCommand
+    };
+  },
   addNodeView() {
-    return $(Bt);
+    return $(Dt);
   },
   parseHTML() {
     return [
@@ -728,7 +746,7 @@ const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAl
     return `/${e.attrs.command}`;
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["command-component", x(this.options.HTMLAttributes, e)];
+    return ["command-component", b(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     var o;
@@ -747,8 +765,8 @@ const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAl
     var o;
     const e = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
-      B({
-        find: (n) => Pt(n, t),
+      D({
+        find: (n) => jt(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -759,14 +777,14 @@ const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAl
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new E("slashCommandSuggestion")
+    pluginKey: new T("slashCommandSuggestion")
   }
-}), Ft = {
+}), Nt = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
     DtAvatar: Je,
-    DtStack: M
+    DtStack: O
   },
   props: {
     item: {
@@ -802,14 +820,14 @@ const Bt = /* @__PURE__ */ g(Dt, [["render", jt]]), Pt = (e, t) => [...e.matchAl
       return this.item.showDetails;
     }
   }
-}, Vt = { class: "d-mention-suggestion__name" }, Kt = {
+}, Ft = { class: "d-mention-suggestion__name" }, Vt = {
   key: 1,
   class: "d-mention-suggestion__divider"
 }, qt = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function Nt(e, t, o, n, i, r) {
+function Kt(e, t, o, n, r, i) {
   const s = d("dt-avatar"), a = d("dt-stack");
   return l(), m(a, {
     direction: "row",
@@ -818,11 +836,11 @@ function Nt(e, t, o, n, i, r) {
   }, {
     default: u(() => [
       f(s, {
-        "full-name": r.name,
-        "image-src": r.avatarSrc,
-        "image-alt": r.name,
-        "show-presence": r.showDetails,
-        presence: r.presence,
+        "full-name": i.name,
+        "image-src": i.avatarSrc,
+        "image-alt": i.name,
+        "show-presence": i.showDetails,
+        presence: i.presence,
         size: "sm"
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
       f(a, {
@@ -830,23 +848,23 @@ function Nt(e, t, o, n, i, r) {
         gap: "100"
       }, {
         default: u(() => [
-          y("span", Vt, p(r.name), 1),
-          r.showDetails ? (l(), m(a, {
+          w("span", Ft, p(i.name), 1),
+          i.showDetails ? (l(), m(a, {
             key: 0,
             direction: "row",
             gap: "300",
             class: "d-label--sm-plain"
           }, {
             default: u(() => [
-              r.presenceText ? (l(), _("span", {
+              i.presenceText ? (l(), _("span", {
                 key: 0,
-                class: W(["d-mention-suggestion__presence", [r.presenceFontColorClass]])
-              }, p(r.presenceText), 3)) : b("", !0),
-              r.status && r.presenceText ? (l(), _("div", Kt, " • ")) : b("", !0),
-              r.status ? (l(), _("div", qt, p(r.status), 1)) : b("", !0)
+                class: z(["d-mention-suggestion__presence", [i.presenceFontColorClass]])
+              }, p(i.presenceText), 3)) : x("", !0),
+              i.status && i.presenceText ? (l(), _("div", Vt, " • ")) : x("", !0),
+              i.status ? (l(), _("div", qt, p(i.status), 1)) : x("", !0)
             ]),
             _: 1
-          })) : b("", !0)
+          })) : x("", !0)
         ]),
         _: 1
       })
@@ -854,7 +872,7 @@ function Nt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ut = /* @__PURE__ */ g(Ft, [["render", Nt]]), zt = {
+const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
@@ -863,14 +881,14 @@ const Ut = /* @__PURE__ */ g(Ft, [["render", Nt]]), zt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v(A, {
+        e = new R(P, {
           props: {
-            itemComponent: I(Ut),
+            itemComponent: M(Ut),
             itemType: "mention",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -885,7 +903,7 @@ const Ut = /* @__PURE__ */ g(Ft, [["render", Nt]]), zt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [D]
+          plugins: [B]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -894,20 +912,20 @@ const Ut = /* @__PURE__ */ g(Ft, [["render", Nt]]), zt = {
         }));
       },
       onKeyDown(n) {
-        var i;
+        var r;
         if (o)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
       },
       onExit() {
         t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
       }
     };
   }
-}, Wt = {
+}, zt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: M,
+    DtStack: O,
     DtIconHash: Ye,
     DtIconLock: Ge
   },
@@ -923,7 +941,7 @@ const Ut = /* @__PURE__ */ g(Ft, [["render", Nt]]), zt = {
     }
   }
 };
-function Xt(e, t, o, n, i, r) {
+function Xt(e, t, o, n, r, i) {
   const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
   return l(), m(c, {
     direction: "row",
@@ -937,12 +955,12 @@ function Xt(e, t, o, n, i, r) {
         key: 0,
         size: "300"
       })),
-      y("span", null, p(r.name), 1)
+      w("span", null, p(i.name), 1)
     ]),
     _: 1
   });
 }
-const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
+const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
@@ -951,14 +969,14 @@ const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v(A, {
+        e = new R(P, {
           props: {
-            itemComponent: I(Jt),
+            itemComponent: M(Jt),
             itemType: "channel",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -973,7 +991,7 @@ const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [D]
+          plugins: [B]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -982,9 +1000,9 @@ const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
         }));
       },
       onKeyDown(n) {
-        var i;
+        var r;
         if (o)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
       },
       onExit() {
         t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
@@ -1012,13 +1030,13 @@ const Jt = /* @__PURE__ */ g(Wt, [["render", Xt]]), Yt = {
     }
   }
 }, Qt = { class: "d-body--md-compact" }, Zt = { key: 0 }, en = { class: "d-body--sm d-fc-tertiary" };
-function tn(e, t, o, n, i, r) {
+function tn(e, t, o, n, r, i) {
   return l(), _("div", null, [
-    y("div", Qt, [
-      y("span", null, "/" + p(r.command), 1),
-      r.parametersExample ? (l(), _("span", Zt, p(r.parametersExample), 1)) : b("", !0)
+    w("div", Qt, [
+      w("span", null, "/" + p(i.command), 1),
+      i.parametersExample ? (l(), _("span", Zt, p(i.parametersExample), 1)) : x("", !0)
     ]),
-    y("div", en, p(r.description), 1)
+    w("div", en, p(i.description), 1)
   ]);
 }
 const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
@@ -1031,15 +1049,15 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v(A, {
+        e = new R(P, {
           parent: void 0,
           props: {
-            itemComponent: I(nn),
+            itemComponent: M(nn),
             itemType: "slash-command",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1054,7 +1072,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [D]
+          plugins: [B]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1063,9 +1081,9 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
         }));
       },
       onKeyDown(n) {
-        var i;
+        var r;
         if (o)
-          return (i = e == null ? void 0 : e.ref) == null ? void 0 : i.onKeyDown(n);
+          return (r = e == null ? void 0 : e.ref) == null ? void 0 : r.onKeyDown(n);
       },
       onExit() {
         t == null || t[0].destroy(), t = null, e == null || e.destroy(), e = null;
@@ -1079,7 +1097,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     EditorContent: G,
     BubbleMenu: Q,
     DtButton: Ze,
-    DtStack: M
+    DtStack: O
   },
   props: {
     /**
@@ -1104,6 +1122,14 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
       type: Boolean,
       default: !1
     },
+    /**
+     * When this option is false the editor will only ever paste plain text, no rich text formatting will be applied,
+     * and any HTML will be rendered as text.
+     */
+    pasteRichText: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * 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.
@@ -1143,7 +1169,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? We.includes(e) : !0;
+        return typeof e == "string" ? ze.includes(e) : !0;
       }
     },
     /**
@@ -1401,7 +1427,13 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
      * @event selected
      * @type {String}
      */
-    "selected"
+    "selected",
+    /**
+     * Event fired when a slash command is selected
+     * @event selected-command
+     * @type {String}
+     */
+    "selected-command"
   ],
   data() {
     return {
@@ -1409,7 +1441,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
       tippyOptions: {
         appendTo: () => {
           var e;
-          return (e = V(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
+          return (e = F(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
       }
@@ -1429,48 +1461,53 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [me, Ce, Se, he];
-      e.push(this.useDivTags ? Tt : U), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(ye.extend({
+      const e = [me, Ce, Ee, he];
+      e.push(this.useDivTags ? St : U), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(ke)), this.allowItalic && e.push(_e), this.allowStrike && e.push(be), this.allowUnderline && e.push(xe), this.placeholder && e.push(
+      })), e.push(ke)), this.allowItalic && e.push(_e), this.allowStrike && e.push(xe), this.allowUnderline && e.push(be), this.placeholder && e.push(
         fe.configure({ placeholder: this.placeholder })
       );
       const t = this, o = le.create({
         addKeyboardShortcuts() {
           return {
-            "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: i }) => [
-              () => i.newlineInCode(),
-              () => t.allowBulletList && i.splitListItem("listItem"),
-              () => i.createParagraphNear(),
-              () => i.liftEmptyBlock(),
-              () => i.splitBlock()
+            "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: r }) => [
+              () => r.newlineInCode(),
+              () => t.allowBulletList && r.splitListItem("listItem"),
+              () => r.createParagraphNear(),
+              () => r.liftEmptyBlock(),
+              () => r.splitBlock()
             ]), !0),
             Enter: () => t.allowLineBreaks ? !1 : (t.$emit("enter"), !0)
           };
         }
       });
-      if (e.push(o), this.link && e.push(we.extend({ inclusive: !1 }).configure({
+      if (e.push(o), this.link && e.push(ye.extend({ inclusive: !1 }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: K
-      })), this.customLink && e.push(this.getExtension(Et, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...zt };
+        protocols: V
+      })), this.customLink && e.push(this.getExtension(Tt, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...Wt };
         e.push($t.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
         const n = { ...this.channelSuggestion, ...Yt };
-        e.push(At.configure({ suggestion: n }));
+        e.push(Pt.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
         const n = { ...this.slashCommandSuggestion, ...on };
-        e.push(Ht.configure({ suggestion: n }));
+        e.push(Ht.configure({
+          suggestion: n,
+          onSelectedCommand: (r) => {
+            this.$emit("selected-command", r);
+          }
+        }));
       }
-      return e.push(gt), e.push(Ee.configure({
+      return e.push(gt), e.push(Te.configure({
         types: ["paragraph"]
       })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(de.extend({
         renderText({ node: n }) {
@@ -1482,7 +1519,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(St), (this.allowFontFamily || this.allowFontColor) && (e.push(Te), this.allowFontColor && e.push(Re), this.allowFontFamily && e.push(Le)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(Et), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push(ve)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1522,7 +1559,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ue(V(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Ue(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1531,23 +1568,17 @@ ${n.textContent}
         content: this.modelValue,
         editable: this.editable,
         extensions: this.extensions,
+        parseOptions: {
+          preserveWhitespace: "full"
+        },
         editorProps: {
           attributes: {
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handlePaste: (e, t) => {
-            if (!this.link && !this.customLink) {
-              const o = /^https?:\/\//;
-              if (!(t != null && t.clipboardData))
-                return !1;
-              const n = t.clipboardData.getData("text");
-              if (!o.test(n) || !t.clipboardData.getData("text/html"))
-                return !1;
-              const i = n.replace(/\n/g, "<br>").replace(/ {2}/g, "&nbsp;&nbsp;");
-              return this.editor.chain().focus().insertContent(i).run(), !0;
-            }
-            return !1;
+          handlePaste: (e, t, o) => {
+            const n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), i = n.getData("text/html");
+            return this.processPasteData(e, r, i);
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
@@ -1557,7 +1588,7 @@ ${n.textContent}
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: e, view: t, state: o, oldState: n, from: i, to: r }) {
+    bubbleMenuShouldShow({ editor: e, view: t, state: o, oldState: n, from: r, to: i }) {
       return e.isActive("link");
     },
     /**
@@ -1567,8 +1598,8 @@ ${n.textContent}
      */
     getSelectedLinkText(e) {
       var a, c, h;
-      const { view: t, state: o } = e, { from: n, to: i } = t.state.selection, r = o.doc.textBetween(n, i, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((h = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : h.name) === "link" ? s.textContent : r;
+      const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, i = o.doc.textBetween(n, r, ""), s = this.editor.state.doc.nodeAt(n);
+      return s && ((h = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : h.name) === "link" ? s.textContent : i;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1588,13 +1619,13 @@ ${n.textContent}
       window.open(e, "_blank");
     },
     // eslint-disable-next-line complexity
-    setLink(e, t, o, n = K, i) {
+    setLink(e, t, o, n = V, r) {
       var a, c, h;
       if (!e) {
         this.removeLink();
         return;
       }
-      n.find((w) => w.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
+      n.find((y) => y.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
       const s = (h = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : h.selection;
       this.editor.chain().focus().insertContent(t).setTextSelection({ from: s.from, to: s.from + t.length }).setLink({ href: e, class: o.class }).run();
     },
@@ -1603,15 +1634,79 @@ ${n.textContent}
       const o = this.getOutput();
       if (!(t && Qe(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${z})`, "g");
+          const n = new RegExp(`(${W})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
-        this.editor.commands.setContent(e, !1);
+        this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
       }
     },
     destroyEditor() {
       this.editor.destroy();
     },
+    insertPlainTextWithHardBreaks(e, t) {
+      const { tr: o } = e.state, { from: n, to: r } = e.state.selection;
+      o.deleteRange(n, r);
+      const i = t.split(/\r?\n/);
+      let s = n;
+      for (let a = 0; a < i.length; a++)
+        a > 0 && (o.insert(s, e.state.schema.nodes.hardBreak.create()), s++), o.insertText(i[a], s), s += i[a].length;
+      e.dispatch(o);
+    },
+    shouldPreserveLineBreaks(e, t) {
+      return this.pasteRichText ? !t && e && this.hasBlankLines(e) : !!e;
+    },
+    processPasteData(e, t, o) {
+      if (this.shouldPreserveLineBreaks(t, o))
+        return this.insertPlainTextWithHardBreaks(e, t), !0;
+      if (this.shouldHandlePreformattedHTML(o)) {
+        const n = this.extractPreformattedText(o);
+        if (n && n.includes(`
+`))
+          return this.insertPlainTextWithHardBreaks(e, n), !0;
+      }
+      return !1;
+    },
+    shouldHandlePreformattedHTML(e) {
+      return this.pasteRichText && e && this.containsPreformattedContent(e);
+    },
+    containsPreformattedContent(e) {
+      const t = document.createElement("div");
+      t.innerHTML = e;
+      const o = t.querySelectorAll("*");
+      for (const n of o)
+        if (this.hasPreWhitespace(n) && this.hasLineBreaks(n))
+          return !0;
+      return !1;
+    },
+    hasPreWhitespace(e) {
+      const t = e.getAttribute("style") || "", o = e.style.whiteSpace || "", n = o === "pre" || o === "pre-wrap", r = t.includes("white-space: pre");
+      return n || r;
+    },
+    hasLineBreaks(e) {
+      return e.textContent && e.textContent.includes(`
+`);
+    },
+    hasBlankLines(e) {
+      return e.includes(`
+
+`) || /\n\s*\n/.test(e);
+    },
+    extractPreformattedText(e) {
+      const t = document.createElement("div");
+      return t.innerHTML = e, this.walkAndExtractText(t);
+    },
+    walkAndExtractText(e) {
+      let t = "";
+      if (e.nodeType === Node.TEXT_NODE)
+        t += e.textContent;
+      else if (e.nodeType === Node.ELEMENT_NODE)
+        if (this.hasPreWhitespace(e))
+          t += e.textContent;
+        else
+          for (const o of e.childNodes)
+            t += this.walkAndExtractText(o);
+      return t;
+    },
     triggerInputChangeEvents() {
       const e = this.getOutput();
       this.$emit("input", e), this.$emit("update:modelValue", e);
@@ -1633,7 +1728,7 @@ ${n.textContent}
       }), this.editor.on("update", () => {
         var e, t;
         if (this.preventTyping && ((t = (e = this.editor.view) == null ? void 0 : e.input) == null ? void 0 : t.lastKeyCode) !== 8) {
-          this.editor.commands.setContent(this.value, !1);
+          this.editor.commands.setContent(this.modelValue, !1);
           return;
         }
         this.triggerInputChangeEvents();
@@ -1677,18 +1772,18 @@ ${n.textContent}
     }
   }
 }, sn = { class: "d-popover__dialog" };
-function an(e, t, o, n, i, r) {
+function an(e, t, o, n, r, i) {
   const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), h = d("editor-content");
   return l(), _("div", null, [
-    i.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
       key: 0,
-      editor: i.editor,
-      "should-show": r.bubbleMenuShouldShow,
-      "tippy-options": i.tippyOptions,
+      editor: r.editor,
+      "should-show": i.bubbleMenuShouldShow,
+      "tippy-options": r.tippyOptions,
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        y("div", sn, [
+        w("div", sn, [
           f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -1698,7 +1793,7 @@ function an(e, t, o, n, i, r) {
               f(s, {
                 kind: "muted",
                 importance: "clear",
-                onClick: r.editLink
+                onClick: i.editLink
               }, {
                 default: u(() => [
                   k(" Edit ")
@@ -1708,7 +1803,7 @@ function an(e, t, o, n, i, r) {
               f(s, {
                 kind: "muted",
                 importance: "clear",
-                onClick: r.openLink
+                onClick: i.openLink
               }, {
                 default: u(() => [
                   k(" Open link ")
@@ -1718,7 +1813,7 @@ function an(e, t, o, n, i, r) {
               f(s, {
                 kind: "danger",
                 importance: "clear",
-                onClick: r.removeLink
+                onClick: i.removeLink
               }, {
                 default: u(() => [
                   k(" Remove ")
@@ -1731,13 +1826,13 @@ function an(e, t, o, n, i, r) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "tippy-options"])) : b("", !0),
-    f(h, Be({
+    }, 8, ["editor", "should-show", "tippy-options"])) : x("", !0),
+    f(h, De({
       ref: "editor",
-      editor: i.editor,
+      editor: r.editor,
       class: "d-rich-text-editor",
       "data-qa": "dt-rich-text-editor"
-    }, r.attrs), null, 16, ["editor"])
+    }, i.attrs), null, 16, ["editor"])
   ]);
 }
 const Qn = /* @__PURE__ */ g(rn, [["render", an]]);