reactjs-tiptap-editor 0.3.30 → 0.4.0

package/lib/Mermaid.js

@@ -1,73 +1,74 @@
-import { h as $, m as X } from "./index-DI9T3iLd.js";
-import { w as Z, x as J, A as K, y as Y, z as Q, F as tt, B as et, G as rt, J as V, K as it, N as at } from "./RichTextEditor-BQN2eLD_.js";
-import { N as st, R as nt } from "./dom-dataset-Di3tIRrR.js";
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import { useState as g, useRef as ot, useCallback as y, useEffect as E, useMemo as k } from "react";
+import { q as G, m as X } from "./index-kbO3iWqL.js";
+import { t as Z, u as Y, A as J, v as K, w as Q, x as tt, B as et, y as rt, z as q, E as it, F as at } from "./RichTextEditor-DGcKEUGr.js";
+import { N as st, R as nt } from "./dom-dataset-lYeH6gfI.js";
+import { jsxs as H, jsx as o } from "react/jsx-runtime";
+import { useState as m, useRef as ot, useCallback as y, useEffect as R, useMemo as F } from "react";
 import { s as lt, i as ct } from "./shortId-WJVkrvml.js";
-import { T as dt } from "./textarea-BglwYF6b.js";
-import { I as q, i as ht, j as W } from "./index-CsK90iVd.js";
+import { T as dt } from "./textarea-aPtytkDx.js";
+import { I as V, i as ht, j as W } from "./index-LmrOdnen.js";
 const j = `graph TB
-a-->b`, ut = ({ editor: r, upload: t }) => {
-  const [e, s] = g(j), [f, b] = g(""), [x, T] = g(!1), A = ot(null), [l, c] = g(null), N = y(
-    (n) => {
-      n && import("mermaid").then((p) => {
-        c(p.default);
+a-->b`, ut = ({ editor: e, upload: t, tooltipOptions: a }) => {
+  const [r, g] = m(j), [_, N] = m(""), [p, I] = m(!1), M = ot(null), [n, S] = m(null), z = y(
+    (l) => {
+      l && import("mermaid").then((f) => {
+        S(f.default);
       });
     },
     []
-  ), _ = async (n) => {
+  ), A = async (l) => {
     try {
-      const { svg: p } = await l.render("mermaid-svg", n);
-      b(p);
+      const { svg: f } = await n.render("mermaid-svg", l);
+      N(f);
     } catch {
-      b("");
+      N("");
     }
-  }, L = () => {
-    l.initialize({
+  }, B = () => {
+    n.initialize({
       darkMode: !1,
       startOnLoad: !1,
       // fontFamily:'',
       fontSize: 12,
       theme: "base"
-    }), _(e);
+    }), A(r);
   };
-  return E(() => {
-    l && x && L();
-  }, [l, x]), E(() => {
-    l && x && _(e);
-  }, [l && e]), /* @__PURE__ */ C(
+  return R(() => {
+    n && p && B();
+  }, [n, p]), R(() => {
+    n && p && A(r);
+  }, [n && r]), /* @__PURE__ */ H(
     Z,
     {
-      onOpenChange: T,
-      open: x,
+      onOpenChange: I,
+      open: p,
       children: [
-        /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(
-          K,
+        /* @__PURE__ */ o(Y, { asChild: !0, children: /* @__PURE__ */ o(
+          J,
           {
-            action: () => T(!0),
+            action: () => I(!0),
             icon: "Mermaid",
-            tooltip: "Mermaid"
+            tooltip: "Mermaid",
+            tooltipOptions: a
           }
         ) }),
-        /* @__PURE__ */ C(Y, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+        /* @__PURE__ */ H(K, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
           /* @__PURE__ */ o(Q, { children: "Mermaid" }),
           /* @__PURE__ */ o(
             "div",
             {
-              ref: N,
+              ref: z,
               style: { height: "100%", border: "1px solid hsl(var(--border))" },
-              children: /* @__PURE__ */ C("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+              children: /* @__PURE__ */ H("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
                 /* @__PURE__ */ o(
                   dt,
                   {
                     autoFocus: !0,
                     className: "richtext-flex-1",
                     defaultValue: j,
-                    onChange: (n) => s(n.target.value),
+                    onChange: (l) => g(l.target.value),
                     placeholder: "Text",
                     required: !0,
                     rows: 10,
-                    value: e,
+                    value: r,
                     style: {
                       color: "hsl(var(--richtext-foreground))"
                     }
@@ -77,8 +78,8 @@ a-->b`, ut = ({ editor: r, upload: t }) => {
                   "div",
                   {
                     className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
-                    dangerouslySetInnerHTML: { __html: f },
-                    ref: A,
+                    dangerouslySetInnerHTML: { __html: _ },
+                    ref: M,
                     style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" }
                   }
                 )
@@ -89,29 +90,29 @@ a-->b`, ut = ({ editor: r, upload: t }) => {
             et,
             {
               onClick: async () => {
-                if (e !== "") {
-                  if (e) {
-                    const n = A.current.querySelector("svg"), { width: p, height: H } = n.getBoundingClientRect(), I = `mermaid-${lt()}.svg`;
-                    let w = ct(n.outerHTML);
+                if (r !== "") {
+                  if (r) {
+                    const l = M.current.querySelector("svg"), { width: f, height: L } = l.getBoundingClientRect(), E = `mermaid-${lt()}.svg`;
+                    let x = ct(l.outerHTML);
                     if (t) {
                       console.log({
-                        src: w
+                        src: x
                       });
-                      const R = rt(w, I);
-                      w = await t(R);
+                      const T = rt(x, E);
+                      x = await t(T);
                     }
-                    r == null || r.chain().focus().setMermaid(
+                    e == null || e.chain().focus().setMermaid(
                       {
                         type: "mermaid",
-                        src: w,
-                        alt: encodeURIComponent(e),
-                        width: p,
-                        height: H
+                        src: x,
+                        alt: encodeURIComponent(r),
+                        width: f,
+                        height: L
                       },
-                      !!e
+                      !!r
                     ).run();
                   }
-                  T(!1);
+                  I(!1);
                 }
               },
               type: "button",
@@ -122,141 +123,141 @@ a-->b`, ut = ({ editor: r, upload: t }) => {
       ]
     }
   );
-}, O = {
+}, C = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
   BOTTOM_LEFT: "bl",
   BOTTOM_RIGHT: "br"
 };
-function mt({ editor: r, node: t, updateAttributes: e, getPos: s, selected: f }) {
-  const [b, x] = g({
-    width: q,
-    height: q
-  }), [T, A] = g({
+function mt({ editor: e, node: t, updateAttributes: a, getPos: r, selected: g }) {
+  const [_, N] = m({
+    width: V,
+    height: V
+  }), [p, I] = m({
     width: 0,
     height: 0
-  }), [l] = g([
-    O.TOP_LEFT,
-    O.TOP_RIGHT,
-    O.BOTTOM_LEFT,
-    O.BOTTOM_RIGHT
-  ]), [c, N] = g(!1), [_, L] = g({
+  }), [M] = m([
+    C.TOP_LEFT,
+    C.TOP_RIGHT,
+    C.BOTTOM_LEFT,
+    C.BOTTOM_RIGHT
+  ]), [n, S] = m(!1), [z, A] = m({
     x: 0,
     y: 0,
     w: 0,
     h: 0,
     dir: ""
-  }), { align: F } = t == null ? void 0 : t.attrs, n = k(() => {
-    const { src: i, alt: h, width: u, height: M } = t == null ? void 0 : t.attrs, v = $(u) ? `${u}px` : u, a = $(M) ? `${M}px` : M;
+  }), { align: B } = t == null ? void 0 : t.attrs, b = F(() => {
+    const { src: i, alt: d, width: h, height: w } = t == null ? void 0 : t.attrs, v = G(h) ? `${h}px` : h, s = G(w) ? `${w}px` : w;
     return {
       src: i || void 0,
-      alt: h || void 0,
+      alt: d || void 0,
       style: {
         width: v || void 0,
-        height: a || void 0
+        height: s || void 0
       }
     };
-  }, [t == null ? void 0 : t.attrs]), p = k(() => {
+  }, [t == null ? void 0 : t.attrs]), l = F(() => {
     const {
       style: { width: i }
-    } = n;
+    } = b;
     return { width: i === "100%" ? i : void 0 };
-  }, [n]);
-  function H(i) {
-    A({
+  }, [b]);
+  function f(i) {
+    I({
       width: i.target.width,
       height: i.target.height
     });
   }
-  function I() {
-    r.commands.setNodeSelection(s());
+  function L() {
+    e.commands.setNodeSelection(r());
   }
-  const w = y(
-    V(() => {
-      const { width: i } = getComputedStyle(r.view.dom);
-      x((h) => ({
-        ...h,
+  const E = y(
+    q(() => {
+      const { width: i } = getComputedStyle(e.view.dom);
+      N((d) => ({
+        ...d,
         width: Number.parseInt(i, 10)
       }));
     }, W),
-    [r]
+    [e]
   );
-  function R(i, h) {
+  function x(i, d) {
     i.preventDefault(), i.stopPropagation();
-    const u = T.width, M = T.height, v = u / M;
-    let a = Number(t.attrs.width), m = Number(t.attrs.height);
-    const d = b.width;
-    a && !m ? (a = a > d ? d : a, m = Math.round(a / v)) : m && !a ? (a = Math.round(m * v), a = a > d ? d : a) : !a && !m ? (a = u > d ? d : u, m = Math.round(a / v)) : a = a > d ? d : a, N(!0), L({
+    const h = p.width, w = p.height, v = h / w;
+    let s = Number(t.attrs.width), u = Number(t.attrs.height);
+    const c = _.width;
+    s && !u ? (s = s > c ? c : s, u = Math.round(s / v)) : u && !s ? (s = Math.round(u * v), s = s > c ? c : s) : !s && !u ? (s = h > c ? c : h, u = Math.round(s / v)) : s = s > c ? c : s, S(!0), A({
       x: i.clientX,
       y: i.clientY,
-      w: a,
-      h: m,
-      dir: h
+      w: s,
+      h: u,
+      dir: d
     });
   }
-  const S = y(
-    V((i) => {
-      if (i.preventDefault(), i.stopPropagation(), !c)
+  const T = y(
+    q((i) => {
+      if (i.preventDefault(), i.stopPropagation(), !n)
         return;
-      const { x: h, w: u, dir: M } = _, v = (i.clientX - h) * (/l/.test(M) ? -1 : 1), { width: a, height: m } = t == null ? void 0 : t.attrs, d = a / m, P = it(u + v, ht, b.width), U = Math.round(P / d);
-      e({
-        width: P,
+      const { x: d, w: h, dir: w } = z, v = (i.clientX - d) * (/l/.test(w) ? -1 : 1), { width: s, height: u } = t == null ? void 0 : t.attrs, c = s / u, $ = it(h + v, ht, _.width), U = Math.round($ / c);
+      a({
+        width: $,
         height: U
       });
     }, W),
-    [c, _, b, e, t == null ? void 0 : t.attrs]
-  ), z = y(
+    [n, z, _, a, t == null ? void 0 : t.attrs]
+  ), O = y(
     (i) => {
-      i.preventDefault(), i.stopPropagation(), c && (L({
+      i.preventDefault(), i.stopPropagation(), n && (A({
         x: 0,
         y: 0,
         w: 0,
         h: 0,
         dir: ""
-      }), N(!1), I());
+      }), S(!1), L());
     },
-    [c, I]
-  ), G = y(() => {
-    document == null || document.addEventListener("mousemove", S, !0), document == null || document.addEventListener("mouseup", z, !0);
-  }, [S, z]), B = y(() => {
-    document == null || document.removeEventListener("mousemove", S, !0), document == null || document.removeEventListener("mouseup", z, !0);
-  }, [S, z]);
-  E(() => (c ? G() : B(), () => {
-    B();
-  }), [c, G, B]);
-  const D = k(() => new ResizeObserver(() => w()), [w]);
-  return E(() => (D.observe(r.view.dom), () => {
-    D.disconnect();
-  }), [r.view.dom, D]), /* @__PURE__ */ o(
+    [n, L]
+  ), P = y(() => {
+    document == null || document.addEventListener("mousemove", T, !0), document == null || document.addEventListener("mouseup", O, !0);
+  }, [T, O]), D = y(() => {
+    document == null || document.removeEventListener("mousemove", T, !0), document == null || document.removeEventListener("mouseup", O, !0);
+  }, [T, O]);
+  R(() => (n ? P() : D(), () => {
+    D();
+  }), [n, P, D]);
+  const k = F(() => new ResizeObserver(() => E()), [E]);
+  return R(() => (k.observe(e.view.dom), () => {
+    k.disconnect();
+  }), [e.view.dom, k]), /* @__PURE__ */ o(
     st,
     {
       className: "image-view",
-      style: { ...p, width: "100%", textAlign: F },
-      children: /* @__PURE__ */ C(
+      style: { ...l, width: "100%", textAlign: B },
+      children: /* @__PURE__ */ H(
         "div",
         {
           "data-drag-handle": !0,
           draggable: "true",
-          style: { ...p, background: "#fff" },
-          className: `image-view__body ${f ? "image-view__body--focused" : ""} ${c ? "image-view__body--resizing" : ""}`,
+          style: { ...l, background: "#fff" },
+          className: `image-view__body ${g ? "image-view__body--focused" : ""} ${n ? "image-view__body--resizing" : ""}`,
           children: [
             /* @__PURE__ */ o(
               "img",
               {
-                alt: n.alt,
+                alt: b.alt,
                 className: "image-view__body__image block",
                 height: "auto",
-                onClick: I,
-                onLoad: H,
-                src: n.src,
-                style: n.style
+                onClick: L,
+                onLoad: f,
+                src: b.src,
+                style: b.style
               }
             ),
-            r.view.editable && (f || c) && /* @__PURE__ */ o("div", { className: "image-resizer", children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ o(
+            e.view.editable && (g || n) && /* @__PURE__ */ o("div", { className: "image-resizer", children: M == null ? void 0 : M.map((i) => /* @__PURE__ */ o(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${i}`,
-                onMouseDown: (h) => R(h, i)
+                onMouseDown: (d) => x(d, i)
               },
               `image-dir-${i}`
             )) })
@@ -268,10 +269,12 @@ function mt({ editor: r, node: t, updateAttributes: e, getPos: s, selected: f })
 }
 const Tt = /* @__PURE__ */ at.extend({
   name: "mermaid",
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //@ts-expect-error
   addOptions() {
-    var r;
+    var e;
     return {
-      ...(r = this.parent) == null ? void 0 : r.call(this),
+      ...(e = this.parent) == null ? void 0 : e.call(this),
       inline: !1,
       content: "",
       marks: "",
@@ -282,8 +285,8 @@ const Tt = /* @__PURE__ */ at.extend({
       HTMLAttributes: {
         class: "mermaid"
       },
-      button: ({ editor: t, t: e, extension: s }) => {
-        var f;
+      button: ({ editor: t, t: a, extension: r }) => {
+        var g;
         return {
           component: ut,
           componentProps: {
@@ -292,22 +295,22 @@ const Tt = /* @__PURE__ */ at.extend({
             disabled: !1,
             editor: t,
             icon: "Mermaid",
-            tooltip: e("editor.mermaid.tooltip"),
-            upload: (f = s == null ? void 0 : s.options) == null ? void 0 : f.upload
+            tooltip: a("editor.mermaid.tooltip"),
+            upload: (g = r == null ? void 0 : r.options) == null ? void 0 : g.upload
           }
         };
       }
     };
   },
   addAttributes() {
-    var r;
+    var e;
     return {
-      ...(r = this.parent) == null ? void 0 : r.call(this),
+      ...(e = this.parent) == null ? void 0 : e.call(this),
       width: {
         default: null,
         parseHTML: (t) => {
-          const e = t.querySelector("img"), s = e == null ? void 0 : e.getAttribute("width");
-          return s ? Number.parseInt(s, 10) : 320;
+          const a = t.querySelector("img"), r = a == null ? void 0 : a.getAttribute("width");
+          return r ? Number.parseInt(r, 10) : 320;
         },
         renderHTML: (t) => ({
           width: t.width
@@ -316,8 +319,8 @@ const Tt = /* @__PURE__ */ at.extend({
       height: {
         default: null,
         parseHTML: (t) => {
-          const e = t.querySelector("img"), s = e == null ? void 0 : e.getAttribute("height");
-          return s ? Number.parseInt(s, 10) : 212;
+          const a = t.querySelector("img"), r = a == null ? void 0 : a.getAttribute("height");
+          return r ? Number.parseInt(r, 10) : 212;
         },
         renderHTML: (t) => ({
           height: t.height
@@ -338,18 +341,18 @@ const Tt = /* @__PURE__ */ at.extend({
   // @ts-ignore
   addCommands() {
     return {
-      setMermaid: (r, t) => ({ commands: e, editor: s }) => t ? e.insertContent({
+      setMermaid: (e, t) => ({ commands: a, editor: r }) => t ? a.insertContent({
         type: this.name,
-        attrs: r
-      }) : e.insertContentAt(s.state.selection.anchor, {
+        attrs: e
+      }) : a.insertContentAt(r.state.selection.anchor, {
         type: this.name,
-        attrs: r
+        attrs: e
       }),
-      setAlignImageMermaid: (r) => ({ commands: t }) => t.updateAttributes(this.name, { align: r })
+      setAlignImageMermaid: (e) => ({ commands: t }) => t.updateAttributes(this.name, { align: e })
     };
   },
-  renderHTML({ HTMLAttributes: r }) {
-    const { align: t } = r;
+  renderHTML({ HTMLAttributes: e }) {
+    const { align: t } = e;
     return [
       "div",
       // Parent element
@@ -362,7 +365,7 @@ const Tt = /* @__PURE__ */ at.extend({
         X(
           // @ts-ignore
           this.options.HTMLAttributes,
-          r
+          e
         )
       ]
     ];
@@ -371,14 +374,14 @@ const Tt = /* @__PURE__ */ at.extend({
     return [
       {
         tag: "div[class=imageMermaid]",
-        getAttrs: (r) => {
-          const t = r.querySelector("img"), e = t == null ? void 0 : t.getAttribute("width"), s = t == null ? void 0 : t.getAttribute("height");
+        getAttrs: (e) => {
+          const t = e.querySelector("img"), a = t == null ? void 0 : t.getAttribute("width"), r = t == null ? void 0 : t.getAttribute("height");
           return {
             src: t == null ? void 0 : t.getAttribute("src"),
             alt: t == null ? void 0 : t.getAttribute("alt"),
-            width: e ? Number.parseInt(e, 10) : null,
-            height: s ? Number.parseInt(s, 10) : null,
-            align: (t == null ? void 0 : t.getAttribute("align")) || r.style.textAlign || null
+            width: a ? Number.parseInt(a, 10) : null,
+            height: r ? Number.parseInt(r, 10) : null,
+            align: (t == null ? void 0 : t.getAttribute("align")) || e.style.textAlign || null
           };
         }
       }

package/lib/MoreMark.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index-ByRfqzMr.cjs"),d=require("./index-Z4b9rzn-.cjs"),c=require("react/jsx-runtime"),m=require("react"),s=require("./RichTextEditor-C8Sm1E6J.cjs");function g(t){var n;const i=m.useMemo(()=>{var r;const e=(r=t==null?void 0:t.items)==null?void 0:r.find(u=>u.isActive());return e&&!e.default?{...e,icon:e!=null&&e.icon?e==null?void 0:e.icon:t==null?void 0:t.icon}:{title:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return c.jsxs(s.DropdownMenu,{children:[c.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:c.jsx(s.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:t==null?void 0:t.disabled,icon:t==null?void 0:t.icon,tooltip:t==null?void 0:t.tooltip,children:c.jsx(s.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),c.jsx(s.DropdownMenuContent,{className:"w-full",children:(n=t==null?void 0:t.items)==null?void 0:n.map((e,o)=>c.jsxs(s.DropdownMenuCheckboxItem,{checked:i.title===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[c.jsx(s.IconComponent,{name:e==null?void 0:e.icon}),c.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&c.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:s.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${o}`))})]})}const f=b.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:i,extension:n,t:e}){var l,h;const o=n.options.subscript,r=n.options.superscript,u={action:()=>i.commands.toggleSubscript(),isActive:()=>i.isActive("subscript")||!1,disabled:!i.can().toggleSubscript(),icon:"Subscript",title:e("editor.subscript.tooltip"),shortcutKeys:((l=n.options.shortcutKeys)==null?void 0:l[0])??["mod","."]},x={action:()=>i.commands.toggleSuperscript(),isActive:()=>i.isActive("superscript")||!1,disabled:!i.can().toggleSuperscript(),icon:"Superscript",title:e("editor.superscript.tooltip"),shortcutKeys:((h=n.options.shortcutKeys)==null?void 0:h[1])??["mod",","]},a=[];return o!==!1&&a.push(u),r!==!1&&a.push(x),{component:g,componentProps:{icon:"Type",tooltip:e("editor.moremark"),disabled:!i.isEditable,items:a}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(d.Subscript.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(d.Superscript.configure(this.options.superscript)),t}});exports.MoreMark=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index-DF2Lp4HZ.cjs"),d=require("./index-CUogRI7j.cjs"),c=require("react/jsx-runtime"),m=require("react"),s=require("./RichTextEditor-CxvwGvQG.cjs");function g(t){var n;const i=m.useMemo(()=>{var r;const e=(r=t==null?void 0:t.items)==null?void 0:r.find(u=>u.isActive());return e&&!e.default?{...e,icon:e!=null&&e.icon?e==null?void 0:e.icon:t==null?void 0:t.icon}:{title:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return c.jsxs(s.DropdownMenu,{children:[c.jsx(s.DropdownMenuTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:c.jsx(s.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:t==null?void 0:t.disabled,icon:t==null?void 0:t.icon,tooltip:t==null?void 0:t.tooltip,children:c.jsx(s.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),c.jsx(s.DropdownMenuContent,{className:"w-full",children:(n=t==null?void 0:t.items)==null?void 0:n.map((e,o)=>c.jsxs(s.DropdownMenuCheckboxItem,{checked:i.title===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[c.jsx(s.IconComponent,{name:e==null?void 0:e.icon}),c.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&c.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:s.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${o}`))})]})}const f=b.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:i,extension:n,t:e}){var l,h;const o=n.options.subscript,r=n.options.superscript,u={action:()=>i.commands.toggleSubscript(),isActive:()=>i.isActive("subscript")||!1,disabled:!i.can().toggleSubscript(),icon:"Subscript",title:e("editor.subscript.tooltip"),shortcutKeys:((l=n.options.shortcutKeys)==null?void 0:l[0])??["mod","."]},x={action:()=>i.commands.toggleSuperscript(),isActive:()=>i.isActive("superscript")||!1,disabled:!i.can().toggleSuperscript(),icon:"Superscript",title:e("editor.superscript.tooltip"),shortcutKeys:((h=n.options.shortcutKeys)==null?void 0:h[1])??["mod",","]},a=[];return o!==!1&&a.push(u),r!==!1&&a.push(x),{component:g,componentProps:{icon:"Type",tooltip:e("editor.moremark"),disabled:!i.isEditable,items:a}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(d.Subscript.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(d.Superscript.configure(this.options.superscript)),t}});exports.MoreMark=f;