@dialpad/dialtone 9.125.0 → 9.126.0

package/dist/vue3/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 Ie, renderList as Oe, 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 { 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 I 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 { 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), _(Ie, null, Oe(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: I
   },
   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,9 +237,9 @@ 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
           },
@@ -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 It(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,7 +628,7 @@ function Mt(e, t, o, n, i, r) {
     _: 1
   });
 }
-const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
+const Ot = /* @__PURE__ */ g(Mt, [["render", It]]), Pt = N.extend({
   name: "channel",
   addNodeView() {
     return $(Ot);
@@ -657,20 +657,20 @@ 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: L,
+  props: v,
   emits: ["selected-command"],
   computed: {
     text() {
@@ -681,28 +681,28 @@ const Ot = /* @__PURE__ */ g(It, [["render", Mt]]), At = F.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-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,
   addNodeView() {
-    return $(Bt);
+    return $(Dt);
   },
   parseHTML() {
     return [
@@ -728,7 +728,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 +747,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 +759,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: I
   },
   props: {
     item: {
@@ -802,14 +802,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 +818,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 +830,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 +854,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,9 +863,9 @@ 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
           },
@@ -885,7 +885,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 +894,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: I,
     DtIconHash: Ye,
     DtIconLock: Ge
   },
@@ -923,7 +923,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 +937,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,9 +951,9 @@ 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
           },
@@ -973,7 +973,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 +982,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 +1012,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,10 +1031,10 @@ 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
           },
@@ -1054,7 +1054,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 +1063,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 +1079,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     EditorContent: G,
     BubbleMenu: Q,
     DtButton: Ze,
-    DtStack: M
+    DtStack: I
   },
   props: {
     /**
@@ -1104,6 +1104,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 +1151,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;
       }
     },
     /**
@@ -1409,7 +1417,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 +1437,48 @@ 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 }));
       }
-      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 +1490,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 +1530,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 +1539,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 +1559,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 +1569,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 +1590,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 +1605,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 +1699,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 +1743,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 +1764,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 +1774,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 +1784,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 +1797,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]]);