@dialpad/dialtone 9.139.0 → 9.140.0

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

@@ -1,61 +1,62 @@
-import { nodeViewProps as L, NodeViewWrapper as R, VueRenderer as v, VueNodeViewRenderer as O, BubbleMenu as G, EditorContent as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as ee, nodePasteRule as P, InputRule as te, mergeAttributes as b, 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 { nodeViewProps as $, NodeViewWrapper as R, VueRenderer as v, VueNodeViewRenderer as I, BubbleMenu as G, EditorContent as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { Node as ee, nodePasteRule as A, InputRule as te, mergeAttributes as b, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as se, Mark as ie, nodeInputRule as ae, Extension as ce } from "@tiptap/core";
+import de from "@tiptap/extension-blockquote";
+import le from "@tiptap/extension-code-block";
 import ue from "@tiptap/extension-code";
 import me from "@tiptap/extension-document";
 import he from "@tiptap/extension-hard-break";
-import W from "@tiptap/extension-paragraph";
-import fe from "@tiptap/extension-placeholder";
-import pe from "@tiptap/extension-bold";
+import U from "@tiptap/extension-paragraph";
+import pe from "@tiptap/extension-placeholder";
+import fe from "@tiptap/extension-bold";
 import ge from "@tiptap/extension-bullet-list";
 import _e from "@tiptap/extension-italic";
-import ye from "@tiptap/extension-link";
-import we from "@tiptap/extension-list-item";
-import ke from "@tiptap/extension-ordered-list";
-import xe from "@tiptap/extension-strike";
+import ke from "@tiptap/extension-link";
+import ye from "@tiptap/extension-list-item";
+import we from "@tiptap/extension-ordered-list";
+import Ce from "@tiptap/extension-strike";
 import be from "@tiptap/extension-underline";
-import Ce from "@tiptap/extension-text";
+import xe from "@tiptap/extension-text";
 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 Re from "@tiptap/extension-font-family";
-import { PluginKey as T, Plugin as ve } from "@tiptap/pm/state";
-import Oe from "@tiptap/suggestion";
-import { emojiPattern as q } from "regex-combined-emojis";
-import { resolveComponent as d, createBlock as h, openBlock as l, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Ie, createElementVNode as w, Fragment as Be, renderList as Me, withModifiers as $e, normalizeClass as z, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as I, createCommentVNode as x, mergeProps as Pe } from "vue";
+import $e from "@tiptap/extension-font-family";
+import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
+import ve from "@tiptap/suggestion";
+import { emojiPattern as W } from "regex-combined-emojis";
+import { resolveComponent as l, createBlock as m, openBlock as d, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Ie, createElementVNode as k, Fragment as Me, renderList as Be, withModifiers as Ne, normalizeClass as z, resolveDynamicComponent as Oe, vShow as De, createTextVNode as C, toDisplayString as h, markRaw as M, createCommentVNode as w, mergeProps as Ae } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import X from "../emoji/emoji.js";
-import { getEmojiData as je, emojiRegex as He, stringToUnicode as Ne, codeToEmojiData as H, emojiShortCodeRegex as Fe } from "../../common/emoji/index.js";
-import Ke from "../list-item/list-item.js";
-import B from "../stack/stack.js";
-import M from "tippy.js";
-import { getPhoneNumberRegex as Ve, linkRegex as Ue, warnIfUnmounted as We, returnFirstEl as F } from "../../common/utils/index.js";
-import qe from "@tiptap/extension-image";
-import N from "@tiptap/extension-mention";
+import { getEmojiData as Pe, emojiRegex as je, stringToUnicode as He, codeToEmojiData as j, emojiShortCodeRegex as Ke } from "../../common/emoji/index.js";
+import Fe from "../list-item/list-item.js";
+import E from "../stack/stack.js";
+import B from "tippy.js";
+import { getPhoneNumberRegex as Ve, linkRegex as qe, warnIfUnmounted as Ue, returnFirstEl as K } from "../../common/utils/index.js";
+import We from "@tiptap/extension-image";
+import H from "@tiptap/extension-mention";
 import J from "../link/link.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ze, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Xe } 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";
-import Qe from "deep-equal";
-import { DialtoneLocalization as Ze } from "../../localization/index.js";
-import et from "../button/button.js";
-const tt = {
+import { DtIconLock as ze } from "@dialpad/dialtone-icons/vue3";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as F, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Je } from "./rich-text-editor-constants.js";
+import Ye from "../avatar/avatar.js";
+import Ge from "@dialpad/dialtone-icons/vue3/hash";
+import Qe from "@dialpad/dialtone-icons/vue3/lock";
+import Ze from "deep-equal";
+import { DialtoneLocalization as et } from "../../localization/index.js";
+import tt from "../button/button.js";
+const nt = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: R,
     DtEmoji: X
   },
-  props: L
+  props: $
 };
-function nt(e, t, o, n, r, i) {
-  const s = d("dt-emoji"), a = d("node-view-wrapper");
-  return l(), h(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+function ot(e, t, o, n, r, s) {
+  const i = l("dt-emoji"), a = l("node-view-wrapper");
+  return d(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
-      p(s, {
+      f(i, {
         size: "500",
         code: e.node.attrs.code
       }, null, 8, ["code"])
@@ -63,11 +64,11 @@ function nt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
+const rt = /* @__PURE__ */ g(nt, [["render", ot]]), st = {
   compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
-    DtListItem: Ke
+    DtListItem: Fe
   },
   props: {
     items: {
@@ -128,7 +129,7 @@ const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
           this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc });
           break;
         case "channel":
-          this.command({ name: t.name, id: t.id });
+          this.command({ name: t.name, id: t.id, locked: t.locked });
           break;
         case "slash-command":
           this.command({ command: t.command });
@@ -136,26 +137,26 @@ const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
       }
     }
   }
-}, it = { class: "d-popover__dialog d-suggestion-list__container" }, st = {
+}, it = { class: "d-popover__dialog d-suggestion-list__container" }, at = {
   ref: "suggestionList",
   class: "d-suggestion-list"
 };
-function at(e, t, o, n, r, i) {
-  const s = d("dt-list-item");
-  return l(), _("div", it, [
-    Ie(w("ul", st, [
-      (l(!0), _(Be, null, Me(o.items, (a, c) => (l(), h(s, {
+function ct(e, t, o, n, r, s) {
+  const i = l("dt-list-item");
+  return d(), _("div", it, [
+    Ie(k("ul", at, [
+      (d(!0), _(Me, null, Be(o.items, (a, c) => (d(), m(i, {
         key: a.id,
         class: z([
           "d-suggestion-list__item",
           { "d-list-item--highlighted": c === r.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (f) => i.selectItem(c),
-        onKeydown: $e(i.onKeyDown, ["prevent"])
+        onClick: (p) => s.selectItem(c),
+        onKeydown: Ne(s.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (l(), h(Ae(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (d(), m(Oe(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
@@ -164,12 +165,12 @@ function at(e, t, o, n, r, i) {
     ])
   ]);
 }
-const $ = /* @__PURE__ */ g(rt, [["render", at]]), lt = {
+const N = /* @__PURE__ */ g(st, [["render", ct]]), dt = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
     DtEmoji: X,
-    DtStack: B
+    DtStack: E
   },
   props: {
     item: {
@@ -178,23 +179,23 @@ const $ = /* @__PURE__ */ g(rt, [["render", at]]), lt = {
     }
   }
 };
-function ct(e, t, o, n, r, i) {
-  const s = d("dt-emoji"), a = d("dt-stack");
-  return l(), h(a, {
+function lt(e, t, o, n, r, s) {
+  const i = l("dt-emoji"), a = l("dt-stack");
+  return d(), m(a, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      p(s, {
+      f(i, {
         size: "200",
         code: o.item.code
       }, null, 8, ["code"]),
-      k(" " + m(o.item.code), 1)
+      C(" " + h(o.item.code), 1)
     ]),
     _: 1
   });
 }
-const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
+const ut = /* @__PURE__ */ g(dt, [["render", lt]]), O = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -210,15 +211,15 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
       }
     };
   }
-}, ut = 20, mt = (e, t, o) => {
+}, mt = 20, ht = (e, t, o) => {
   var a, c;
-  const n = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), r = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), i = n.startsWith(o), s = r.startsWith(o);
-  return i && !s ? -1 : !i && s ? 1 : n.localeCompare(r);
-}, ht = {
+  const n = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), r = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), s = n.startsWith(o), i = r.startsWith(o);
+  return s && !i ? -1 : !s && i ? 1 : n.localeCompare(r);
+}, pt = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(je());
+    const t = Object.values(Pe());
     return e = e.toLowerCase(), t.filter(
       (n) => {
         var r;
@@ -226,32 +227,32 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
           n.name,
           (r = n.shortname) == null ? void 0 : r.replaceAll(":", ""),
           ...n.keywords || []
-        ].some((i) => i && i.startsWith(e));
+        ].some((s) => s && s.startsWith(e));
       }
-    ).splice(0, ut).sort((n, r) => mt(n, r, e)).map((n) => ({ code: n.shortname }));
+    ).splice(0, mt).sort((n, r) => ht(n, r, e)).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: o }) => {
-    var i, s;
+    var s, i;
     const n = e.view.state.selection.$to.nodeAfter;
-    ((i = n == null ? void 0 : n.text) == null ? void 0 : i.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
+    ((s = n == null ? void 0 : n.text) == null ? void 0 : s.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
       {
         type: "emoji",
         attrs: o
       }
-    ]).run(), (s = window.getSelection()) == null || s.collapseToEnd();
+    ]).run(), (i = window.getSelection()) == null || i.collapseToEnd();
   },
   render: () => {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v($, {
+        e = new v(N, {
           props: {
-            itemComponent: I(dt),
+            itemComponent: M(ut),
             itemType: "emoji",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = B("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -266,7 +267,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [O]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -284,10 +285,10 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
       }
     };
   }
-}, ft = /(:\w+:)$/, pt = new RegExp(q + "$"), gt = (e) => {
-  if (e && H(e[0]))
+}, ft = /(:\w+:)$/, gt = new RegExp(W + "$"), _t = (e) => {
+  if (e && j(e[0]))
     return { text: e[2] || e[0] };
-}, _t = (e) => [...e.matchAll(Fe)].filter((o) => H(o[0])).map((o) => ({
+}, kt = (e) => [...e.matchAll(Ke)].filter((o) => j(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
@@ -303,7 +304,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return O(ot);
+    return I(rt);
   },
   addAttributes() {
     return {
@@ -320,7 +321,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     ];
   },
   renderText({ node: e }) {
-    return Ne(H(e.attrs.code).unicode_output);
+    return He(j(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", b(this.options.HTMLAttributes, e)];
@@ -329,21 +330,21 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     return [
       new te({
         find: (e) => {
-          const t = e.match(ft) || e.match(pt);
+          const t = e.match(ft) || e.match(gt);
           if (t)
-            return gt(t);
+            return _t(t);
         },
         handler: ({ state: e, range: t, match: o }) => {
-          const { tr: n } = e, r = t.from, i = t.to;
-          n.replaceWith(r, i, this.type.create({ code: o[0] }));
+          const { tr: n } = e, r = t.from, s = t.to;
+          n.replaceWith(r, s, this.type.create({ code: o[0] }));
         }
       })
     ];
   },
   addPasteRules() {
     return [
-      P({
-        find: _t,
+      A({
+        find: kt,
         type: this.type,
         getAttributes(e) {
           return {
@@ -351,8 +352,8 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
           };
         }
       }),
-      P({
-        find: He,
+      A({
+        find: je,
         type: this.type,
         getAttributes(e) {
           return {
@@ -364,12 +365,12 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
   },
   addProseMirrorPlugins() {
     return [
-      Oe({
+      ve({
         char: ":",
         pluginKey: new T("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...ht
+        ...pt
       })
     ];
   },
@@ -377,10 +378,10 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     return {
       Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
         let o = !1;
-        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;
+        const { selection: n } = t, { empty: r, anchor: s } = n;
+        return r ? (t.doc.nodesBetween(s - 1, s, (i, a) => {
+          if (i.type.name === this.name)
+            return o = !0, e.insertText("", a, a + i.nodeSize), !1;
         }), o) : !1;
       })
     };
@@ -394,10 +395,10 @@ function wt(e, t, o = () => !0) {
     o(e, r) && n.push(r);
   return n;
 }
-function kt(e, t) {
+function Ct(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function xt(e) {
+function bt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -407,7 +408,7 @@ function xt(e) {
   );
   return e.replace(t, "");
 }
-function bt(e, t) {
+function xt(e, t) {
   const o = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
     const r = e.slice(o);
@@ -423,77 +424,77 @@ function bt(e, t) {
     to: n + t
   };
 }
-function j(e, t, o, n) {
-  const r = bt(e, t);
+function P(e, t, o, n) {
+  const r = xt(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);
+  const s = o === "left" ? r.from - 1 : r.to + 1;
+  return s <= 0 || s >= e.length || s === t ? r : P(e, s, o, n);
 }
-function Ct(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)
+function Tt(e, t, o, n) {
+  const r = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), i = ne(r, s, t);
+  for (const a of i)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
 const V = Ve(1, 15);
-function U(e, t, o, n, r, i) {
+function q(e, t, o, n, r, s) {
   if (!e)
     return;
-  let s = o - t - 1;
-  s = s < 0 ? 0 : s;
-  const a = n - t, c = j(
+  let i = o - t - 1;
+  i = i < 0 ? 0 : i;
+  const a = n - t, c = P(
     e,
-    s,
+    i,
     "left",
     V
-  ), f = j(
+  ), p = P(
     e,
     a,
     "right",
     V
-  ), y = e.slice(c.from, f.to);
-  wt(y, Ue, kt).forEach((D) => {
-    const C = xt(D[0]), S = t + c.from + D.index + 1, Y = S + C.length;
-    r.addMark(S, Y, i.create());
+  ), y = e.slice(c.from, p.to);
+  wt(y, qe, Ct).forEach((D) => {
+    const x = bt(D[0]), L = t + c.from + D.index + 1, Y = L + x.length;
+    r.addMark(L, Y, s.create());
   });
 }
-function Tt(e) {
+function Et(e) {
   let t = !1;
-  return new ve({
+  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)
+      const s = o.some((y) => y.docChanged) && !n.doc.eq(r.doc);
+      if (t && !s)
         return;
-      const { tr: s } = r, { textContent: a } = r.doc;
-      t || U(a, 0, 0, a.length, s, e.type), t = !0;
+      const { tr: i } = r, { textContent: a } = r.doc;
+      t || q(a, 0, 0, a.length, i, e.type), t = !0;
       const c = oe(
         n.doc,
         [...o]
       );
-      return re(c).forEach(({ oldRange: y, newRange: E }) => {
-        Ct(E, r.doc, s, e.type), ie(
+      return re(c).forEach(({ oldRange: y, newRange: S }) => {
+        Tt(S, r.doc, i, e.type), se(
           r.doc,
-          E,
-          (C) => C.isTextblock
-        ).forEach(({ node: C, pos: S }) => {
-          U(
-            C.textContent,
-            S,
+          S,
+          (x) => x.isTextblock
+        ).forEach(({ node: x, pos: L }) => {
+          q(
+            x.textContent,
+            L,
             y.from,
-            E.to,
-            s,
+            S.to,
+            i,
             e.type
           );
         });
-      }), s;
+      }), i;
     }
   });
 }
-const Et = {
+const St = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, St = se.create({
+}, Lt = ie.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -501,7 +502,7 @@ const Et = {
       b(
         this.options.HTMLAttributes,
         e,
-        Et
+        St
       )
     ];
   },
@@ -510,10 +511,10 @@ const Et = {
   },
   addProseMirrorPlugins() {
     return [
-      Tt({ type: this.type })
+      Et({ type: this.type })
     ];
   }
-}), Lt = qe.extend({
+}), $t = We.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -537,7 +538,7 @@ const Et = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Rt = W.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Rt = U.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
@@ -551,20 +552,20 @@ const Et = {
     NodeViewWrapper: R,
     DtLink: J
   },
-  props: L,
+  props: $,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
     }
   }
 };
-function Ot(e, t, o, n, r, i) {
-  const s = d("dt-link"), a = d("node-view-wrapper");
-  return l(), h(a, { class: "d-d-inline-block" }, {
+function It(e, t, o, n, r, s) {
+  const i = l("dt-link"), a = l("node-view-wrapper");
+  return d(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
-      p(s, { kind: "mention" }, {
+      f(i, { kind: "mention" }, {
         default: u(() => [
-          k(m(i.text), 1)
+          C(h(s.text), 1)
         ]),
         _: 1
       })
@@ -572,9 +573,9 @@ function Ot(e, t, o, n, r, i) {
     _: 1
   });
 }
-const It = /* @__PURE__ */ g(vt, [["render", Ot]]), Bt = N.extend({
+const Mt = /* @__PURE__ */ g(vt, [["render", It]]), Bt = H.extend({
   addNodeView() {
-    return O(It);
+    return I(Mt);
   },
   parseHTML() {
     return [
@@ -593,6 +594,9 @@ const It = /* @__PURE__ */ g(vt, [["render", Ot]]), Bt = N.extend({
       },
       id: {
         default: ""
+      },
+      contactKey: {
+        default: ""
       }
     };
   },
@@ -607,27 +611,41 @@ const It = /* @__PURE__ */ g(vt, [["render", Ot]]), Bt = N.extend({
     char: "@",
     pluginKey: new T("mentionSuggestion")
   }
-}), Mt = {
+}), Nt = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: R,
-    DtLink: J
+    DtLink: J,
+    DtIconLock: ze,
+    DtStack: E
   },
-  props: L,
+  props: $,
   computed: {
     text() {
-      return "#" + this.$props.node.attrs.name;
+      return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
     }
   }
 };
-function $t(e, t, o, n, r, i) {
-  const s = d("dt-link"), a = d("node-view-wrapper");
-  return l(), h(a, { class: "d-d-inline-block" }, {
+function Ot(e, t, o, n, r, s) {
+  const i = l("dt-icon-lock"), a = l("dt-stack"), c = l("dt-link"), p = l("node-view-wrapper");
+  return d(), m(p, { class: "d-d-inline-block" }, {
     default: u(() => [
-      p(s, { kind: "mention" }, {
+      f(c, { kind: "mention" }, {
         default: u(() => [
-          k(m(i.text), 1)
+          f(a, {
+            direction: "row",
+            gap: "0"
+          }, {
+            default: u(() => [
+              e.$props.node.attrs.locked ? (d(), m(i, {
+                key: 0,
+                size: "200"
+              })) : w("", !0),
+              k("span", null, h(s.text), 1)
+            ]),
+            _: 1
+          })
         ]),
         _: 1
       })
@@ -635,10 +653,10 @@ function $t(e, t, o, n, r, i) {
     _: 1
   });
 }
-const At = /* @__PURE__ */ g(Mt, [["render", $t]]), Dt = N.extend({
+const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = H.extend({
   name: "channel",
   addNodeView() {
-    return O(At);
+    return I(Dt);
   },
   parseHTML() {
     return [
@@ -678,7 +696,7 @@ const At = /* @__PURE__ */ g(Mt, [["render", $t]]), Dt = N.extend({
     NodeViewWrapper: R
   },
   props: {
-    ...L
+    ...$
   },
   emits: ["selected-command"],
   computed: {
@@ -694,23 +712,23 @@ const At = /* @__PURE__ */ g(Mt, [["render", $t]]), Dt = N.extend({
     t && typeof t == "function" && t(e);
   }
 };
-function jt(e, t, o, n, r, i) {
-  const s = d("node-view-wrapper");
-  return l(), h(s, { class: "d-d-inline-block" }, {
+function jt(e, t, o, n, r, s) {
+  const i = l("node-view-wrapper");
+  return d(), m(i, { class: "d-d-inline-block" }, {
     default: u(() => [
-      k(m(i.text), 1)
+      C(h(s.text), 1)
     ]),
     _: 1
   });
 }
-const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (e, t) => [...e.matchAll(t)].map((n) => {
+const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAll(t)].map((n) => {
   let r = n[2];
   return r.endsWith(" ") || (r += " "), {
     index: n.index,
     text: r,
     match: n
   };
-}), Ft = N.extend({
+}), Ft = H.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -727,7 +745,7 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (e, t) => [...e.matchAl
     };
   },
   addNodeView() {
-    return O(Ht);
+    return I(Ht);
   },
   parseHTML() {
     return [
@@ -772,8 +790,8 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (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 [
-      P({
-        find: (n) => Nt(n, t),
+      A({
+        find: (n) => Kt(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -786,12 +804,12 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (e, t) => [...e.matchAl
     char: "/",
     pluginKey: new T("slashCommandSuggestion")
   }
-}), Kt = {
+}), Vt = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Je,
-    DtStack: B
+    DtAvatar: Ye,
+    DtStack: E
   },
   props: {
     item: {
@@ -827,51 +845,51 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Nt = (e, t) => [...e.matchAl
       return this.item.showDetails;
     }
   }
-}, Vt = { class: "d-mention-suggestion__name" }, Ut = {
+}, qt = { class: "d-mention-suggestion__name" }, Ut = {
   key: 1,
   class: "d-mention-suggestion__divider"
 }, Wt = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function qt(e, t, o, n, r, i) {
-  const s = d("dt-avatar"), a = d("dt-stack");
-  return l(), h(a, {
+function zt(e, t, o, n, r, s) {
+  const i = l("dt-avatar"), a = l("dt-stack");
+  return d(), m(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
     gap: "400"
   }, {
     default: u(() => [
-      p(s, {
-        "full-name": i.name,
-        "image-src": i.avatarSrc,
-        "image-alt": i.name,
-        "show-presence": i.showDetails,
-        presence: i.presence,
+      f(i, {
+        "full-name": s.name,
+        "image-src": s.avatarSrc,
+        "image-alt": s.name,
+        "show-presence": s.showDetails,
+        presence: s.presence,
         size: "sm"
       }, null, 8, ["full-name", "image-src", "image-alt", "show-presence", "presence"]),
-      p(a, {
+      f(a, {
         class: "d-mention-suggestion__details-container",
         gap: "100"
       }, {
         default: u(() => [
-          w("span", Vt, m(i.name), 1),
-          i.showDetails ? (l(), h(a, {
+          k("span", qt, h(s.name), 1),
+          s.showDetails ? (d(), m(a, {
             key: 0,
             direction: "row",
             gap: "300",
             class: "d-label--sm-plain"
           }, {
             default: u(() => [
-              i.presenceText ? (l(), _("span", {
+              s.presenceText ? (d(), _("span", {
                 key: 0,
-                class: z(["d-mention-suggestion__presence", [i.presenceFontColorClass]])
-              }, m(i.presenceText), 3)) : x("", !0),
-              i.status && i.presenceText ? (l(), _("div", Ut, " • ")) : x("", !0),
-              i.status ? (l(), _("div", Wt, m(i.status), 1)) : x("", !0)
+                class: z(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
+              }, h(s.presenceText), 3)) : w("", !0),
+              s.status && s.presenceText ? (d(), _("div", Ut, " • ")) : w("", !0),
+              s.status ? (d(), _("div", Wt, h(s.status), 1)) : w("", !0)
             ]),
             _: 1
-          })) : x("", !0)
+          })) : w("", !0)
         ]),
         _: 1
       })
@@ -879,7 +897,7 @@ function qt(e, t, o, n, r, i) {
     _: 1
   });
 }
-const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
+const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
   // 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 [] },
@@ -888,14 +906,14 @@ const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v($, {
+        e = new v(N, {
           props: {
-            itemComponent: I(zt),
+            itemComponent: M(Xt),
             itemType: "mention",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = B("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -910,7 +928,7 @@ const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [O]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -928,13 +946,13 @@ const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
       }
     };
   }
-}, Jt = {
+}, Yt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: B,
-    DtIconHash: Ye,
-    DtIconLock: Ge
+    DtStack: E,
+    DtIconHash: Ge,
+    DtIconLock: Qe
   },
   props: {
     item: {
@@ -948,26 +966,26 @@ const zt = /* @__PURE__ */ g(Kt, [["render", qt]]), Xt = {
     }
   }
 };
-function Yt(e, t, o, n, r, i) {
-  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
-  return l(), h(c, {
+function Gt(e, t, o, n, r, s) {
+  const i = l("dt-icon-hash"), a = l("dt-icon-lock"), c = l("dt-stack");
+  return d(), m(c, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      o.item.locked ? (l(), h(a, {
+      o.item.locked ? (d(), m(a, {
         key: 1,
         size: "300"
-      })) : (l(), h(s, {
+      })) : (d(), m(i, {
         key: 0,
         size: "300"
       })),
-      w("span", null, m(i.name), 1)
+      k("span", null, h(s.name), 1)
     ]),
     _: 1
   });
 }
-const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
+const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
   // 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 [] },
@@ -976,14 +994,14 @@ const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v($, {
+        e = new v(N, {
           props: {
-            itemComponent: I(Gt),
+            itemComponent: M(Qt),
             itemType: "channel",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = B("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -998,7 +1016,7 @@ const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [O]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1016,7 +1034,7 @@ const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
       }
     };
   }
-}, Zt = {
+}, en = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -1036,17 +1054,17 @@ const Gt = /* @__PURE__ */ g(Jt, [["render", Yt]]), Qt = {
       return this.item.parametersExample;
     }
   }
-}, en = { class: "d-body--md-compact" }, tn = { key: 0 }, nn = { class: "d-body--sm d-fc-tertiary" };
-function on(e, t, o, n, r, i) {
-  return l(), _("div", null, [
-    w("div", en, [
-      w("span", null, "/" + m(i.command), 1),
-      i.parametersExample ? (l(), _("span", tn, m(i.parametersExample), 1)) : x("", !0)
+}, tn = { class: "d-body--md-compact" }, nn = { key: 0 }, on = { class: "d-body--sm d-fc-tertiary" };
+function rn(e, t, o, n, r, s) {
+  return d(), _("div", null, [
+    k("div", tn, [
+      k("span", null, "/" + h(s.command), 1),
+      s.parametersExample ? (d(), _("span", nn, h(s.parametersExample), 1)) : w("", !0)
     ]),
-    w("div", nn, m(i.description), 1)
+    k("div", on, h(s.description), 1)
   ]);
 }
-const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
+const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
   // 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 [] },
@@ -1056,15 +1074,15 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
     let e, t, o = !1;
     return {
       onStart: (n) => {
-        e = new v($, {
+        e = new v(N, {
           parent: void 0,
           props: {
-            itemComponent: I(rn),
+            itemComponent: M(sn),
             itemType: "slash-command",
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = M("body", {
+        }), n.clientRect && (t = B("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1079,7 +1097,7 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [A]
+          plugins: [O]
         }), n.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(n) {
@@ -1097,14 +1115,14 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
       }
     };
   }
-}, an = {
+}, cn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
     EditorContent: Q,
     BubbleMenu: G,
-    DtButton: et,
-    DtStack: B
+    DtButton: tt,
+    DtStack: E
   },
   props: {
     /**
@@ -1176,20 +1194,20 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Xe.includes(e) : !0;
+        return typeof e == "string" ? Je.includes(e) : !0;
       }
     },
     /**
      * The output format that the editor uses when emitting the "@input" event.
-     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for
+     * One of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for
      * examples.
-     * @values text, json, html
+     * @values text, json, html, markdown
      */
     outputFormat: {
       type: String,
       default: "html",
       validator(e) {
-        return ze.includes(e);
+        return Xe.includes(e);
       }
     },
     /**
@@ -1397,6 +1415,12 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
      * @type {String}
      */
     "text-input",
+    /**
+     * Input event always in markdown format.
+     * @event input
+     * @type {String}
+     */
+    "markdown-input",
     /**
      * Event to sync the value with the parent
      * @event update:value
@@ -1448,11 +1472,128 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
       tippyOptions: {
         appendTo: () => {
           var e;
-          return (e = F(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
+          return (e = K(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
       },
-      i18n: new Ze()
+      i18n: new et(),
+      // JSON-to-markdown converter
+      jsonToMarkdownConverter: {
+        convertToMarkdown(e) {
+          return this.processNode(e);
+        },
+        processNodeContent(e) {
+          return e.content ? e.content.map((t) => this.processNode(t)).join("") : "";
+        },
+        processNode(e) {
+          if (!e) return "";
+          const o = {
+            doc: (n) => this.processDocNode(n),
+            paragraph: (n) => this.processParagraphNode(n),
+            text: (n) => this.processTextNode(n),
+            hardBreak: () => this.processHardBreakNode(),
+            blockquote: (n) => this.processBlockquoteNode(n),
+            bulletList: (n) => this.processBulletListNode(n),
+            orderedList: (n) => this.processOrderedListNode(n),
+            listItem: (n) => this.processListItemNode(n),
+            codeBlock: (n) => this.processCodeBlockNode(n),
+            mention: (n) => this.processMentionNode(n),
+            channel: (n) => this.processChannelNode(n),
+            "slash-commands": (n) => this.processSlashCommandsNode(n),
+            emoji: (n) => this.processEmojiNode(n)
+          }[e.type];
+          return o ? o(e) : this.processUnknownNode(e);
+        },
+        processDocNode(e) {
+          return this.processNodeContent(e);
+        },
+        processParagraphNode(e) {
+          const t = this.processNodeContent(e);
+          return t ? t + `
+` : `
+`;
+        },
+        processTextNode(e) {
+          let t = e.text || "";
+          return e.marks && (t = this.applyMarks(t, e.marks)), t;
+        },
+        processHardBreakNode() {
+          return `
+`;
+        },
+        processBlockquoteNode(e) {
+          return this.processNodeContent(e).split(`
+`).map((o) => o ? `> ${o}` : ">").join(`
+`) + `
+`;
+        },
+        processBulletListNode(e) {
+          return this.processNodeContent(e);
+        },
+        processOrderedListNode(e) {
+          return e.content ? e.content.map((t, o) => this.processNode(t).replace(/^- /, `${o + 1}. `)).join("") : "";
+        },
+        processListItemNode(e) {
+          const t = this.processNodeContent(e);
+          return t ? `- ${t.replace(/\n$/, "")}
+` : "";
+        },
+        processCodeBlockNode(e) {
+          return `\`\`\`
+${this.processNodeContent(e)}
+\`\`\``;
+        },
+        processMentionNode(e) {
+          var r, s, i;
+          const t = ((r = e.attrs) == null ? void 0 : r.name) || "", o = ((s = e.attrs) == null ? void 0 : s.id) || "", n = ((i = e.attrs) == null ? void 0 : i.contactKey) || "";
+          return `<!-- @mention: {"id": "${o}", "contactKey": "${n}", "name": "${t}"} -->`;
+        },
+        processChannelNode(e) {
+          var r, s, i;
+          const t = ((r = e.attrs) == null ? void 0 : r.name) || "", o = ((s = e.attrs) == null ? void 0 : s.id) || "", n = ((i = e.attrs) == null ? void 0 : i.locked.toString()) || "";
+          return `<!-- @channel: {"id": "${o}", "name": "${t}", "locked": "${n}"} -->`;
+        },
+        processSlashCommandsNode(e) {
+          var n, r;
+          const t = ((n = e.attrs) == null ? void 0 : n.command) || "", o = ((r = e.attrs) == null ? void 0 : r.parameters) || "";
+          return `/${t}${o ? ` ${o}` : ""}`;
+        },
+        processEmojiNode(e) {
+          var t;
+          return ((t = e.attrs) == null ? void 0 : t.code) || "";
+        },
+        processUnknownNode(e) {
+          return this.processNodeContent(e);
+        },
+        applyMarks(e, t) {
+          let o = e;
+          return [...t].sort((r, s) => {
+            const i = { link: 0, bold: 1, italic: 2, strike: 3, code: 4 };
+            return (i[r.type] || 5) - (i[s.type] || 5);
+          }).forEach((r) => {
+            var s;
+            switch (r.type) {
+              case "bold":
+                o = `**${o}**`;
+                break;
+              case "italic":
+                o = `*${o}*`;
+                break;
+              case "strike":
+                o = `~~${o}~~`;
+                break;
+              case "code":
+                o = `\`${o}\``;
+                break;
+              case "link": {
+                const i = ((s = r.attrs) == null ? void 0 : s.href) || "";
+                o = `[${o}](${i})`;
+                break;
+              }
+            }
+          }), o;
+        }
+      }
     };
   },
   computed: {
@@ -1469,15 +1610,15 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [me, Ce, Ee, he];
-      e.push(this.useDivTags ? Rt : W), this.allowBold && e.push(pe), this.allowBlockquote && e.push(ce), this.allowBulletList && (e.push(ge), e.push(we.extend({
+      const e = [me, xe, Ee, he];
+      e.push(this.useDivTags ? Rt : U), this.allowBold && e.push(fe), this.allowBlockquote && e.push(de), this.allowBulletList && (e.push(ge), e.push(ye.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), 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 })
+      })), e.push(we)), this.allowItalic && e.push(_e), this.allowStrike && e.push(Ce), this.allowUnderline && e.push(be), this.placeholder && e.push(
+        pe.configure({ placeholder: this.placeholder })
       );
-      const t = this, o = le.create({
+      const t = this, o = ce.create({
         addKeyboardShortcuts() {
           return {
             "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: r }) => [
@@ -1491,7 +1632,7 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
           };
         }
       });
-      if (e.push(o), this.link && e.push(ye.extend({
+      if (e.push(o), this.link && e.push(ke.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
@@ -1504,17 +1645,17 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: K
-      })), this.customLink && e.push(this.getExtension(St, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...Xt };
+        protocols: F
+      })), this.customLink && e.push(this.getExtension(Lt, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...Jt };
         e.push(Bt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Qt };
-        e.push(Dt.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...Zt };
+        e.push(At.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...sn };
+        const n = { ...this.slashCommandSuggestion, ...an };
         e.push(Ft.configure({
           suggestion: n,
           onSelectedCommand: (r) => {
@@ -1524,7 +1665,7 @@ const rn = /* @__PURE__ */ g(Zt, [["render", on]]), sn = {
       }
       return e.push(yt), e.push(Te.configure({
         types: ["paragraph"]
-      })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(de.extend({
+      })), this.allowCode && e.push(ue), this.allowCodeblock && e.push(le.extend({
         renderText({ node: n }) {
           return `\`\`\`
 ${n.textContent}
@@ -1534,7 +1675,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(Lt), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push(Re)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push($t), (this.allowFontFamily || this.allowFontColor) && (e.push(Se), this.allowFontColor && e.push(Le), this.allowFontFamily && e.push($e)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1574,7 +1715,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    We(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Ue(K(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1617,9 +1758,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, c, f;
-      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 && ((f = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
+      var a, c, p;
+      const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, s = o.doc.textBetween(n, r, ""), i = this.editor.state.doc.nodeAt(n);
+      return i && ((p = (c = (a = i.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : p.name) === "link" ? i.textContent : s;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1638,23 +1779,21 @@ ${n.textContent}
       const e = this.editor.getAttributes("link").href;
       window.open(e, "_blank");
     },
-    // eslint-disable-next-line complexity
-    setLink(e, t, o, n = K, r) {
-      var a, c, f;
+    setLink(e, t, o, n = F, r) {
+      var a, c, p;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((y) => y.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (f = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : f.selection;
-      this.editor.chain().focus().insertContent(t).setTextSelection({ from: s.from, to: s.from + t.length }).setLink({ href: e, class: o.class }).run();
+      const i = (p = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : p.selection;
+      this.editor.chain().focus().insertContent(t).setTextSelection({ from: i.from, to: i.from + t.length }).setLink({ href: e, class: o.class }).run();
     },
-    // eslint-disable-next-line complexity
     processValue(e, t = !0) {
       const o = this.getOutput();
-      if (!(t && Qe(e, o))) {
+      if (!(t && Ze(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${q})`, "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, { preserveWhitespace: "full" });
@@ -1666,10 +1805,10 @@ ${n.textContent}
     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;
+      const s = t.split(/\r?\n/);
+      let i = n;
+      for (let a = 0; a < s.length; a++)
+        a > 0 && (o.insert(i, e.state.schema.nodes.hardBreak.create()), i++), o.insertText(s[a], i), i += s[a].length;
       e.dispatch(o);
     },
     shouldPreserveLineBreaks(e, t) {
@@ -1737,6 +1876,8 @@ ${n.textContent}
       const n = this.editor.getText({ blockSeparator: `
 ` });
       this.$emit("text-input", n);
+      const r = this.jsonToMarkdownConverter.convertToMarkdown(t);
+      this.$emit("markdown-input", r);
     },
     /**
      * The Editor exposes event hooks that we have to map our emits into. See
@@ -1761,6 +1902,8 @@ ${n.textContent}
           return this.editor.getJSON();
         case "html":
           return this.editor.getHTML();
+        case "markdown":
+          return this.jsonToMarkdownConverter.convertToMarkdown(this.editor.getJSON());
         case "text":
         default:
           return this.editor.getText({ blockSeparator: `
@@ -1786,52 +1929,52 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, ln = { class: "d-popover__dialog" };
-function cn(e, t, o, n, r, i) {
-  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), f = d("editor-content");
-  return l(), _("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(c, {
+}, dn = { class: "d-popover__dialog" };
+function ln(e, t, o, n, r, s) {
+  const i = l("dt-button"), a = l("dt-stack"), c = l("bubble-menu"), p = l("editor-content");
+  return d(), _("div", null, [
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (d(), m(c, {
       key: 0,
       editor: r.editor,
-      "should-show": i.bubbleMenuShouldShow,
+      "should-show": s.bubbleMenuShouldShow,
       "tippy-options": r.tippyOptions,
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        w("div", ln, [
-          p(a, {
+        k("div", dn, [
+          f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
             gap: "0"
           }, {
             default: u(() => [
-              p(s, {
+              f(i, {
                 kind: "muted",
                 importance: "clear",
-                onClick: i.editLink
+                onClick: s.editLink
               }, {
                 default: u(() => [
-                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
+                  C(h(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              p(s, {
+              f(i, {
                 kind: "muted",
                 importance: "clear",
-                onClick: i.openLink
+                onClick: s.openLink
               }, {
                 default: u(() => [
-                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
+                  C(h(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              p(s, {
+              f(i, {
                 kind: "danger",
                 importance: "clear",
-                onClick: i.removeLink
+                onClick: s.removeLink
               }, {
                 default: u(() => [
-                  k(m(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
+                  C(h(r.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -1841,17 +1984,17 @@ function cn(e, t, o, n, r, i) {
         ])
       ]),
       _: 1
-    }, 8, ["editor", "should-show", "tippy-options"])) : x("", !0),
-    p(f, Pe({
+    }, 8, ["editor", "should-show", "tippy-options"])) : w("", !0),
+    f(p, Ae({
       ref: "editor",
       editor: r.editor,
       class: "d-rich-text-editor",
       "data-qa": "dt-rich-text-editor"
-    }, i.attrs), null, 16, ["editor"])
+    }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const eo = /* @__PURE__ */ g(an, [["render", cn]]);
+const no = /* @__PURE__ */ g(cn, [["render", ln]]);
 export {
-  eo as default
+  no as default
 };
 //# sourceMappingURL=rich-text-editor.js.map