@dialpad/dialtone 9.116.0 → 9.117.1

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

@@ -1,5 +1,5 @@
-import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as b, VueNodeViewRenderer as v, EditorContent as D, BubbleMenu as H, Editor as q } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as K, mergeAttributes as m, InputRule as U, nodePasteRule as R, getMarksBetween as F, combineTransactionSteps as N, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as b, VueNodeViewRenderer as w, EditorContent as D, BubbleMenu as H, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
+import { Node as q, mergeAttributes as m, InputRule as K, nodePasteRule as R, getMarksBetween as U, combineTransactionSteps as N, getChangedRanges as V, findChildrenInRange as z, Mark as W, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
 import Q from "@tiptap/extension-code";
@@ -13,32 +13,35 @@ import ie from "@tiptap/extension-italic";
 import oe from "@tiptap/extension-link";
 import se from "@tiptap/extension-list-item";
 import ae from "@tiptap/extension-ordered-list";
-import de from "@tiptap/extension-strike";
-import le from "@tiptap/extension-underline";
+import le from "@tiptap/extension-strike";
+import de from "@tiptap/extension-underline";
 import ce from "@tiptap/extension-text";
 import ue from "@tiptap/extension-text-align";
 import me from "@tiptap/extension-history";
-import { PluginKey as f, Plugin as he } from "@tiptap/pm/state";
-import fe from "@tiptap/suggestion";
+import he from "@tiptap/extension-text-style";
+import fe from "@tiptap/extension-color";
+import pe from "@tiptap/extension-font-family";
+import { PluginKey as f, Plugin as ge } from "@tiptap/pm/state";
+import _e from "@tiptap/suggestion";
 import { emojiPattern as M } from "regex-combined-emojis";
-import { n as l } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 import O from "../emoji/emoji.js";
-import { stringToUnicode as pe, codeToEmojiData as E, emojiRegex as ge, emojiShortCodeRegex as _e } from "../../common/emoji/index.js";
-import { emojisIndexed as ye } from "@dialpad/dialtone-emojis";
-import be from "../list-item/list-item.js";
-import w from "../stack/stack.js";
+import { stringToUnicode as ye, codeToEmojiData as E, emojiRegex as be, emojiShortCodeRegex as we } from "../../common/emoji/index.js";
+import { emojisIndexed as ve } from "@dialpad/dialtone-emojis";
+import xe from "../list-item/list-item.js";
+import v from "../stack/stack.js";
 import x from "tippy.js";
-import { linkRegex as ve, getPhoneNumberRegex as we, warnIfUnmounted as xe } from "../../common/utils/index.js";
-import ke from "@tiptap/extension-image";
+import { linkRegex as ke, getPhoneNumberRegex as Ce, warnIfUnmounted as Se } from "../../common/utils/index.js";
+import Re from "@tiptap/extension-image";
 import $ from "@tiptap/extension-mention";
 import B from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Ce, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Se, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as L } from "./rich-text-editor-constants.js";
-import Re from "../avatar/avatar.js";
-import Te from "@dialpad/dialtone-icons/vue2/hash";
-import Ee from "@dialpad/dialtone-icons/vue2/lock";
-import $e from "deep-equal";
-import Le from "../button/button.js";
-const Ie = {
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Te, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Ee, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as L } from "./rich-text-editor-constants.js";
+import $e from "../avatar/avatar.js";
+import Le from "@dialpad/dialtone-icons/vue2/hash";
+import Ie from "@dialpad/dialtone-icons/vue2/lock";
+import Ae from "deep-equal";
+import je from "../button/button.js";
+const Me = {
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: _,
@@ -46,18 +49,18 @@ const Ie = {
   },
   props: y
 };
-var Ae = function() {
+var Oe = function() {
   var t = this, r = t._self._c;
   return r("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [r("dt-emoji", { attrs: { size: "500", code: t.node.attrs.code } })], 1);
-}, je = [], Me = /* @__PURE__ */ l(
-  Ie,
-  Ae,
-  je
+}, Be = [], Pe = /* @__PURE__ */ d(
+  Me,
+  Oe,
+  Be
 );
-const Oe = Me.exports, Be = {
+const De = Pe.exports, He = {
   name: "SuggestionList",
   components: {
-    DtListItem: be
+    DtListItem: xe
   },
   props: {
     items: {
@@ -127,7 +130,7 @@ const Oe = Me.exports, Be = {
     }
   }
 };
-var Pe = function() {
+var Fe = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [r("ul", { directives: [{ name: "show", rawName: "v-show", value: t.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, t._l(t.items, function(n, i) {
     return r("dt-list-item", { key: n.id, class: [
@@ -139,16 +142,16 @@ var Pe = function() {
       return s.preventDefault(), t.onKeyDown.apply(null, arguments);
     } } }, [r(t.itemComponent, { tag: "component", attrs: { item: n } })], 1);
   }), 1)]);
-}, De = [], He = /* @__PURE__ */ l(
-  Be,
-  Pe,
-  De
+}, qe = [], Ke = /* @__PURE__ */ d(
+  He,
+  Fe,
+  qe
 );
-const k = He.exports, qe = {
+const k = Ke.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: O,
-    DtStack: w
+    DtStack: v
   },
   props: {
     item: {
@@ -157,15 +160,15 @@ const k = He.exports, qe = {
     }
   }
 };
-var Ke = function() {
+var Ne = function() {
   var t = this, r = t._self._c;
   return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-emoji", { attrs: { size: "200", code: t.item.code } }), t._v(" " + t._s(t.item.code) + " ")], 1);
-}, Ue = [], Fe = /* @__PURE__ */ l(
-  qe,
-  Ke,
-  Ue
+}, Ve = [], ze = /* @__PURE__ */ d(
+  Ue,
+  Ne,
+  Ve
 );
-const Ne = Fe.exports, C = {
+const We = ze.exports, C = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -181,18 +184,18 @@ const Ne = Fe.exports, C = {
       }
     };
   }
-}, Ve = 20, ze = {
+}, Xe = 20, Je = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(ye);
+    const t = Object.values(ve);
     return e = e.toLowerCase(), t.filter(
       (n) => [
         n.name,
         n.shortname.replaceAll(":", ""),
         ...n.keywords
       ].some((i) => i.startsWith(e))
-    ).splice(0, Ve).map((n) => ({ code: n.shortname }));
+    ).splice(0, Xe).map((n) => ({ code: n.shortname }));
   },
   command: ({ editor: e, range: t, props: r }) => {
     var s, o;
@@ -211,7 +214,7 @@ const Ne = Fe.exports, C = {
         e = new b(k, {
           parent: void 0,
           propsData: {
-            itemComponent: Ne,
+            itemComponent: We,
             itemType: "emoji",
             ...n
           },
@@ -249,14 +252,14 @@ const Ne = Fe.exports, C = {
       }
     };
   }
-}, We = /(:\w+:)$/, Xe = new RegExp(M + "$"), Je = (e) => {
+}, Ye = /(:\w+:)$/, Ge = new RegExp(M + "$"), Qe = (e) => {
   if (e && E(e[0]))
     return { text: e[2] || e[0] };
-}, Ye = (e) => [...e.matchAll(_e)].filter((r) => E(r[0])).map((r) => ({
+}, Ze = (e) => [...e.matchAll(we)].filter((r) => E(r[0])).map((r) => ({
   index: r.index,
   text: r[0],
   match: r
-})), Ge = K.create({
+})), et = q.create({
   name: "emoji",
   addOptions() {
     return {
@@ -268,7 +271,7 @@ const Ne = Fe.exports, C = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return v(Oe);
+    return w(De);
   },
   addAttributes() {
     return {
@@ -285,22 +288,22 @@ const Ne = Fe.exports, C = {
     ];
   },
   renderText({ node: e }) {
-    return pe(E(e.attrs.code).unicode_output);
+    return ye(E(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", m(this.options.HTMLAttributes, e)];
   },
   addInputRules() {
     return [
-      new U({
+      new K({
         find: (e) => {
-          const t = e.match(We) || e.match(Xe);
+          const t = e.match(Ye) || e.match(Ge);
           if (t)
-            return Je(t);
+            return Qe(t);
         },
         handler: ({ state: e, range: t, match: r, commands: n, chain: i, can: s }) => {
-          const { tr: o } = e, a = t.from, d = t.to;
-          o.replaceWith(a, d, this.type.create({ code: r[0] }));
+          const { tr: o } = e, a = t.from, l = t.to;
+          o.replaceWith(a, l, this.type.create({ code: r[0] }));
         }
       })
     ];
@@ -308,7 +311,7 @@ const Ne = Fe.exports, C = {
   addPasteRules() {
     return [
       R({
-        find: Ye,
+        find: Ze,
         type: this.type,
         getAttributes(e) {
           return {
@@ -317,7 +320,7 @@ const Ne = Fe.exports, C = {
         }
       }),
       R({
-        find: ge,
+        find: be,
         type: this.type,
         getAttributes(e) {
           return {
@@ -329,12 +332,12 @@ const Ne = Fe.exports, C = {
   },
   addProseMirrorPlugins() {
     return [
-      fe({
+      _e({
         char: ":",
         pluginKey: new f("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...ze
+        ...Je
       })
     ];
   },
@@ -351,7 +354,7 @@ const Ne = Fe.exports, C = {
     };
   }
 });
-function Qe(e, t, r = () => !0) {
+function tt(e, t, r = () => !0) {
   const n = [];
   t.lastIndex = 0;
   let i;
@@ -359,10 +362,10 @@ function Qe(e, t, r = () => !0) {
     r(e, i) && n.push(i);
   return n;
 }
-function Ze(e, t) {
+function nt(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
-function et(e) {
+function rt(e) {
   const t = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -372,7 +375,7 @@ function et(e) {
   );
   return e.replace(t, "");
 }
-function tt(e, t) {
+function it(e, t) {
   const r = e.slice(0, t + 1).search(/\S+\s*$/), n = e.slice(t).search(/\s/);
   if (n < 0) {
     const i = e.slice(r);
@@ -389,24 +392,24 @@ function tt(e, t) {
   };
 }
 function T(e, t, r, n) {
-  const i = tt(e, t);
+  const i = it(e, t);
   if (n.lastIndex = 0, !n.test(i.text))
     return i;
   const s = r === "left" ? i.from - 1 : i.to + 1;
   return s <= 0 || s >= e.length || s === t ? i : T(e, s, r, n);
 }
-function nt(e, t, r, n) {
-  const i = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), o = F(i, s, t);
+function ot(e, t, r, n) {
+  const i = Math.max(e.from - 1, 0), s = Math.min(e.to + 1, t.content.size), o = U(i, s, t);
   for (const a of o)
     a.mark.type === n && r.removeMark(a.from, a.to, n);
 }
-const I = we(1, 15);
+const I = Ce(1, 15);
 function A(e, t, r, n, i, s) {
   if (!e)
     return;
   let o = r - t - 1;
   o = o < 0 ? 0 : o;
-  const a = n - t, d = T(
+  const a = n - t, l = T(
     e,
     o,
     "left",
@@ -416,15 +419,15 @@ function A(e, t, r, n, i, s) {
     a,
     "right",
     I
-  ), u = e.slice(d.from, c.to);
-  Qe(u, ve, Ze).forEach((S) => {
-    const h = et(S[0]), g = t + d.from + S.index + 1, P = g + h.length;
+  ), u = e.slice(l.from, c.to);
+  tt(u, ke, nt).forEach((S) => {
+    const h = rt(S[0]), g = t + l.from + S.index + 1, P = g + h.length;
     i.addMark(g, P, s.create());
   });
 }
-function rt(e) {
+function st(e) {
   let t = !1;
-  return new he({
+  return new ge({
     key: new f("autolink"),
     appendTransaction: (r, n, i) => {
       const s = r.some((u) => u.docChanged) && !n.doc.eq(i.doc);
@@ -432,12 +435,12 @@ function rt(e) {
         return;
       const { tr: o } = i, { textContent: a } = i.doc;
       t || A(a, 0, 0, a.length, o, e.type), t = !0;
-      const d = N(
+      const l = N(
         n.doc,
         [...r]
       );
-      return V(d).forEach(({ oldRange: u, newRange: p }) => {
-        nt(p, i.doc, o, e.type), z(
+      return V(l).forEach(({ oldRange: u, newRange: p }) => {
+        ot(p, i.doc, o, e.type), z(
           i.doc,
           p,
           (h) => h.isTextblock
@@ -455,10 +458,10 @@ function rt(e) {
     }
   });
 }
-const it = {
+const at = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, ot = W.create({
+}, lt = W.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -466,7 +469,7 @@ const it = {
       m(
         this.options.HTMLAttributes,
         e,
-        it
+        at
       )
     ];
   },
@@ -475,10 +478,10 @@ const it = {
   },
   addProseMirrorPlugins() {
     return [
-      rt({ type: this.type })
+      st({ type: this.type })
     ];
   }
-}), st = ke.extend({
+}), dt = Re.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -502,14 +505,14 @@ const it = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), at = j.extend({
+}).configure({ inline: !0, allowBase64: !0 }), ct = j.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", m(this.options.HTMLAttributes, e), 0];
   }
-}), dt = {
+}), ut = {
   name: "MentionComponent",
   components: {
     NodeViewWrapper: _,
@@ -522,17 +525,17 @@ const it = {
     }
   }
 };
-var lt = function() {
+var mt = function() {
   var t = this, r = t._self._c;
   return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, ct = [], ut = /* @__PURE__ */ l(
-  dt,
-  lt,
-  ct
+}, ht = [], ft = /* @__PURE__ */ d(
+  ut,
+  mt,
+  ht
 );
-const mt = ut.exports, ht = $.extend({
+const pt = ft.exports, gt = $.extend({
   addNodeView() {
-    return v(mt);
+    return w(pt);
   },
   parseHTML() {
     return [
@@ -565,7 +568,7 @@ const mt = ut.exports, ht = $.extend({
     char: "@",
     pluginKey: new f("mentionSuggestion")
   }
-}), ft = {
+}), _t = {
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: _,
@@ -578,18 +581,18 @@ const mt = ut.exports, ht = $.extend({
     }
   }
 };
-var pt = function() {
+var yt = function() {
   var t = this, r = t._self._c;
   return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [r("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, gt = [], _t = /* @__PURE__ */ l(
-  ft,
-  pt,
-  gt
+}, bt = [], wt = /* @__PURE__ */ d(
+  _t,
+  yt,
+  bt
 );
-const yt = _t.exports, bt = $.extend({
+const vt = wt.exports, xt = $.extend({
   name: "channel",
   addNodeView() {
-    return v(yt);
+    return w(vt);
   },
   parseHTML() {
     return [
@@ -622,7 +625,7 @@ const yt = _t.exports, bt = $.extend({
     char: "#",
     pluginKey: new f("channelSuggestion")
   }
-}), vt = {
+}), kt = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: _
@@ -638,27 +641,27 @@ const yt = _t.exports, bt = $.extend({
     this.$parent.$emit("selected-command", this.$props.node.attrs.command);
   }
 };
-var wt = function() {
+var Ct = function() {
   var t = this, r = t._self._c;
   return r("node-view-wrapper", { staticClass: "d-d-inline-block" }, [t._v(" " + t._s(t.text) + " ")]);
-}, xt = [], kt = /* @__PURE__ */ l(
-  vt,
-  wt,
-  xt
+}, St = [], Rt = /* @__PURE__ */ d(
+  kt,
+  Ct,
+  St
 );
-const Ct = kt.exports, St = (e, t) => [...e.matchAll(t)].map((n) => {
+const Tt = Rt.exports, Et = (e, t) => [...e.matchAll(t)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
     text: i,
     match: n
   };
-}), Rt = $.extend({
+}), $t = $.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
   addNodeView() {
-    return v(Ct);
+    return w(Tt);
   },
   parseHTML() {
     return [
@@ -704,7 +707,7 @@ const Ct = kt.exports, St = (e, t) => [...e.matchAll(t)].map((n) => {
     const e = (r = this.options.suggestion) == null ? void 0 : r.items({ query: "" }).map((n) => n.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       R({
-        find: (n) => St(n, t),
+        find: (n) => Et(n, t),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -717,11 +720,11 @@ const Ct = kt.exports, St = (e, t) => [...e.matchAll(t)].map((n) => {
     char: "/",
     pluginKey: new f("slashCommandSuggestion")
   }
-}), Tt = {
+}), Lt = {
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Re,
-    DtStack: w
+    DtAvatar: $e,
+    DtStack: v
   },
   props: {
     item: {
@@ -738,15 +741,15 @@ const Ct = kt.exports, St = (e, t) => [...e.matchAll(t)].map((n) => {
     }
   }
 };
-var Et = function() {
+var It = function() {
   var t = this, r = t._self._c;
   return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-avatar", { attrs: { "full-name": t.name, "image-src": t.avatarSrc, "image-alt": t.name, size: "xs" } }), r("span", { staticClass: "d-mention-suggestion__name" }, [t._v(" " + t._s(t.name) + " ")])], 1);
-}, $t = [], Lt = /* @__PURE__ */ l(
-  Tt,
-  Et,
-  $t
+}, At = [], jt = /* @__PURE__ */ d(
+  Lt,
+  It,
+  At
 );
-const It = Lt.exports, At = {
+const Mt = jt.exports, Ot = {
   // 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 [] },
@@ -758,7 +761,7 @@ const It = Lt.exports, At = {
         e = new b(k, {
           parent: void 0,
           propsData: {
-            itemComponent: It,
+            itemComponent: Mt,
             itemType: "mention",
             ...n
           },
@@ -796,12 +799,12 @@ const It = Lt.exports, At = {
       }
     };
   }
-}, jt = {
+}, Bt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: w,
-    DtIconHash: Te,
-    DtIconLock: Ee
+    DtStack: v,
+    DtIconHash: Le,
+    DtIconLock: Ie
   },
   props: {
     item: {
@@ -815,15 +818,15 @@ const It = Lt.exports, At = {
     }
   }
 };
-var Mt = function() {
+var Pt = function() {
   var t = this, r = t._self._c;
   return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t.item.locked ? r("dt-icon-lock", { attrs: { size: "300" } }) : r("dt-icon-hash", { attrs: { size: "300" } }), r("span", [t._v(t._s(t.name))])], 1);
-}, Ot = [], Bt = /* @__PURE__ */ l(
-  jt,
-  Mt,
-  Ot
+}, Dt = [], Ht = /* @__PURE__ */ d(
+  Bt,
+  Pt,
+  Dt
 );
-const Pt = Bt.exports, Dt = {
+const Ft = Ht.exports, qt = {
   // 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 [] },
@@ -835,7 +838,7 @@ const Pt = Bt.exports, Dt = {
         e = new b(k, {
           parent: void 0,
           propsData: {
-            itemComponent: Pt,
+            itemComponent: Ft,
             itemType: "channel",
             ...n
           },
@@ -873,7 +876,7 @@ const Pt = Bt.exports, Dt = {
       }
     };
   }
-}, Ht = {
+}, Kt = {
   name: "SlashCommandSuggestion",
   props: {
     item: {
@@ -893,15 +896,15 @@ const Pt = Bt.exports, Dt = {
     }
   }
 };
-var qt = function() {
+var Ut = function() {
   var t = this, r = t._self._c;
   return r("div", [r("div", { staticClass: "d-body--md-compact" }, [r("span", [t._v("/" + t._s(t.command))]), t.parametersExample ? r("span", [t._v(" " + t._s(t.parametersExample))]) : t._e()]), r("div", { staticClass: "d-body--sm d-fc-tertiary" }, [t._v(" " + t._s(t.description) + " ")])]);
-}, Kt = [], Ut = /* @__PURE__ */ l(
-  Ht,
-  qt,
-  Kt
+}, Nt = [], Vt = /* @__PURE__ */ d(
+  Kt,
+  Ut,
+  Nt
 );
-const Ft = Ut.exports, Nt = {
+const zt = Vt.exports, 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 [] },
@@ -914,7 +917,7 @@ const Ft = Ut.exports, Nt = {
         e = new b(k, {
           parent: void 0,
           propsData: {
-            itemComponent: Ft,
+            itemComponent: zt,
             itemType: "slash-command",
             ...n
           },
@@ -952,13 +955,13 @@ const Ft = Ut.exports, Nt = {
       }
     };
   }
-}, Vt = {
+}, Xt = {
   name: "DtRichTextEditor",
   components: {
     EditorContent: D,
     BubbleMenu: H,
-    DtButton: Le,
-    DtStack: w
+    DtButton: je,
+    DtStack: v
   },
   props: {
     /**
@@ -1022,7 +1025,7 @@ const Ft = Ut.exports, Nt = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Ce.includes(e) : !0;
+        return typeof e == "string" ? Te.includes(e) : !0;
       }
     },
     /**
@@ -1035,7 +1038,7 @@ const Ft = Ut.exports, Nt = {
       type: String,
       default: "html",
       validator(e) {
-        return Se.includes(e);
+        return Ee.includes(e);
       }
     },
     /**
@@ -1180,6 +1183,20 @@ const Ft = Ut.exports, Nt = {
       type: Boolean,
       default: !1
     },
+    /**
+     * Whether the input allows color to be introduced in the text.
+     */
+    allowFontColor: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the input allows different font-families to be introduced in the text.
+     */
+    allowFontFamily: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Additional TipTap extensions to be added to the editor.
      */
@@ -1295,11 +1312,11 @@ const Ft = Ut.exports, Nt = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [Z, ce, me, te];
-      e.push(this.useDivTags ? at : j), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(se.extend({
+      e.push(this.useDivTags ? ct : j), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(se.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
-      })), e.push(ae)), this.allowItalic && e.push(ie), this.allowStrike && e.push(de), this.allowUnderline && e.push(le), this.placeholder && e.push(
+      })), e.push(ae)), this.allowItalic && e.push(ie), this.allowStrike && e.push(le), this.allowUnderline && e.push(de), this.placeholder && e.push(
         ee.configure({ placeholder: this.placeholder })
       );
       const t = this, r = J.create({
@@ -1323,19 +1340,19 @@ const Ft = Ut.exports, Nt = {
         openOnClick: !1,
         autolink: !0,
         protocols: L
-      })), this.customLink && e.push(this.getExtension(ot, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...At };
-        e.push(ht.configure({ suggestion: n }));
+      })), this.customLink && e.push(this.getExtension(lt, this.customLink)), this.mentionSuggestion) {
+        const n = { ...this.mentionSuggestion, ...Ot };
+        e.push(gt.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ...Dt };
-        e.push(bt.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...qt };
+        e.push(xt.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...Nt };
-        e.push(Rt.configure({ suggestion: n }));
+        const n = { ...this.slashCommandSuggestion, ...Wt };
+        e.push($t.configure({ suggestion: n }));
       }
-      return e.push(Ge), e.push(ue.configure({
+      return e.push(et), e.push(ue.configure({
         types: ["paragraph"],
         defaultAlignment: "left"
       })), this.allowCode && e.push(Q), this.allowCodeblock && e.push(G.extend({
@@ -1348,7 +1365,7 @@ ${n.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(st), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(dt), (this.allowFontFamily || this.allowFontColor) && (e.push(he), this.allowFontColor && e.push(fe), this.allowFontFamily && e.push(pe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1388,11 +1405,11 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    xe(this.$el, this.$options.name), this.processValue(this.value, !1);
+    Se(this.$el, this.$options.name), this.processValue(this.value, !1);
   },
   methods: {
     createEditor() {
-      this.editor = new q({
+      this.editor = new F({
         autofocus: this.autoFocus,
         content: this.value,
         editable: this.editable,
@@ -1432,9 +1449,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, d, c;
+      var a, l, c;
       const { view: t, state: r } = e, { from: n, to: i } = t.state.selection, s = r.doc.textBetween(n, i, ""), o = this.editor.state.doc.nodeAt(n);
-      return o && ((c = (d = (a = o.marks) == null ? void 0 : a.at(0)) == null ? void 0 : d.type) == null ? void 0 : c.name) === "link" ? o.textContent : s;
+      return o && ((c = (l = (a = o.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : c.name) === "link" ? o.textContent : s;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1455,19 +1472,19 @@ ${n.textContent}
     },
     // eslint-disable-next-line complexity
     setLink(e, t, r, n = L, i) {
-      var a, d, c;
+      var a, l, c;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((u) => u.test(e)) || (e = `${i}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const o = (c = (d = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : d.state) == null ? void 0 : c.selection;
+      const o = (c = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : c.selection;
       this.editor.chain().focus().insertContent(t).setTextSelection({ from: o.from, to: o.from + t.length }).setLink({ href: e, class: r.class }).run();
     },
     // eslint-disable-next-line complexity
     processValue(e, t = !0) {
       const r = this.getOutput();
-      if (!(t && $e(e, r))) {
+      if (!(t && Ae(e, r))) {
         if (typeof e == "string" && this.outputFormat === "text") {
           const n = new RegExp(`(${M})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
@@ -1543,16 +1560,16 @@ ${n.textContent}
     }
   }
 };
-var zt = function() {
+var Jt = function() {
   var t = this, r = t._self._c;
   return r("div", [t.editor && t.link && !t.hideLinkBubbleMenu ? r("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: t.editor, "should-show": t.bubbleMenuShouldShow, "tippy-options": t.tippyOptions } }, [r("div", { staticClass: "d-popover__dialog" }, [r("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.editLink } }, [t._v(" Edit ")]), r("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.openLink } }, [t._v(" Open link ")]), r("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: t.removeLink } }, [t._v(" Remove ")])], 1)], 1)]) : t._e(), r("editor-content", t._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: t.editor, "data-qa": "dt-rich-text-editor" } }, t.editorListeners))], 1);
-}, Wt = [], Xt = /* @__PURE__ */ l(
-  Vt,
-  zt,
-  Wt
+}, Yt = [], Gt = /* @__PURE__ */ d(
+  Xt,
+  Jt,
+  Yt
 );
-const Bn = Xt.exports;
+const Kn = Gt.exports;
 export {
-  Bn as default
+  Kn as default
 };
 //# sourceMappingURL=rich-text-editor.js.map