reactjs-tiptap-editor 0.3.31 → 0.4.0

package/lib/Document.js

@@ -1,13 +1,9 @@
-import { N as o } from "./index-DI9T3iLd.js";
-const t = o.create({
-  name: "doc",
-  topNode: !0,
-  content: "block+"
-}), c = /* @__PURE__ */ t.extend({
+import { D as o } from "./index-Dy4DlW9o.js";
+const e = /* @__PURE__ */ o.extend({
   content: "(block|columns)+"
   // echo editor is a block editor
 });
 export {
-  c as Document,
-  c as default
+  e as Document,
+  e as default
 };

package/lib/{Drawer-BHkje8ys.js → Drawer-CaAfmqNo.js}

@@ -1,11 +1,11 @@
-import { h as j, m as te } from "./index-DI9T3iLd.js";
-import { d, w as re, x as oe, A as le, y as ne, z as ie, F as se, B as ae, G as ce, J as Z, K as he, N as ue } from "./RichTextEditor-KP2Rgcqe.js";
-import { N as de, R as ge } from "./dom-dataset-Di3tIRrR.js";
-import { jsx as e, jsxs as y, Fragment as Y } from "react/jsx-runtime";
-import { useState as M, useRef as X, useEffect as V, useMemo as O, useCallback as P } from "react";
+import { q as j, m as te } from "./index-kbO3iWqL.js";
+import { d, t as re, u as oe, A as le, v as ne, w as ie, x as se, B as ae, y as ce, z as Z, E as he, F as ue } from "./RichTextEditor-DGcKEUGr.js";
+import { N as de, R as ge } from "./dom-dataset-lYeH6gfI.js";
+import { jsx as e, jsxs as y, Fragment as J } from "react/jsx-runtime";
+import { useState as M, useRef as X, useEffect as V, useMemo as O, useCallback as q } from "react";
 import { Color4 as g, Editor as me, makeDropdownToolbar as pe } from "easydrawer";
 import { s as we, i as ve } from "./shortId-WJVkrvml.js";
-import { I as K, i as fe, j as J } from "./index-CsK90iVd.js";
+import { I as K, i as fe, j as Q } from "./index-LmrOdnen.js";
 const Te = "_wrapper_rraz2_1", Ce = "_tool_rraz2_17", be = "_active_rraz2_37", xe = "_pen_rraz2_41", ye = "_line_rraz2_48", Me = "_options_rraz2_56", He = "_colorWrap_rraz2_66", Ee = "_color_rraz2_66", Le = "_colorActive_rraz2_83", l = {
   wrapper: Te,
   tool: Ce,
@@ -164,7 +164,7 @@ function Be(t) {
     }
   );
 }
-function Pe(t) {
+function qe(t) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -183,7 +183,7 @@ function Pe(t) {
     }
   );
 }
-function qe(t) {
+function Pe(t) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -439,7 +439,7 @@ const Ze = [
   g.ofRGBA(246 / 255, 130 / 255, 28 / 255, 0.3),
   g.ofRGBA(166 / 255, 198 / 255, 0, 0.3),
   g.ofRGBA(98 / 255, 186 / 255, 70 / 255, 0.3)
-], Q = [
+], Y = [
   g.black,
   g.fromHex("#007AFF"),
   g.fromHex("#A651A7"),
@@ -473,8 +473,8 @@ function Xe({ onChange: t }) {
 }
 function G({ onChange: t }) {
   const [r, o] = M(g.black);
-  return /* @__PURE__ */ y(Y, { children: [
-    /* @__PURE__ */ e("div", { className: l.colorWrap, children: Q.slice(0, 7).map((i, m) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ y(J, { children: [
+    /* @__PURE__ */ e("div", { className: l.colorWrap, children: Y.slice(0, 7).map((i, m) => /* @__PURE__ */ e(
       "button",
       {
         style: { backgroundColor: i.toHexString() },
@@ -487,7 +487,7 @@ function G({ onChange: t }) {
       },
       m
     )) }),
-    /* @__PURE__ */ e("div", { className: l.colorWrap, children: Q.slice(7).map((i, m) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: l.colorWrap, children: Y.slice(7).map((i, m) => /* @__PURE__ */ e(
       "button",
       {
         style: { backgroundColor: i.toHexString() },
@@ -527,7 +527,7 @@ function Ke({ setColorPen: t, setThicknessPen: r }) {
     ) })
   ] });
 }
-function Je({ setColorHighlight: t }) {
+function Qe({ setColorHighlight: t }) {
   return /* @__PURE__ */ e("div", { className: l.options, children: /* @__PURE__ */ e(
     Xe,
     {
@@ -535,7 +535,7 @@ function Je({ setColorHighlight: t }) {
     }
   ) });
 }
-function Qe({
+function Ye({
   changeColorShape: t,
   changeBorderColorShape: r,
   onThicknessChange: o
@@ -570,7 +570,7 @@ function Qe({
     ) })
   ] });
 }
-function Ye(t) {
+function Je(t) {
   const {
     setColorPen: r,
     refEditor: o,
@@ -587,7 +587,7 @@ function Ye(t) {
     0
     /* square */
   );
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ y(
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ y(
     "div",
     {
       className: l.wrapper,
@@ -739,7 +739,7 @@ function Ye(t) {
                   /* circle */
                 );
               },
-              children: /* @__PURE__ */ e(Pe, {})
+              children: /* @__PURE__ */ e(qe, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -759,7 +759,7 @@ function Ye(t) {
                   /* triangle */
                 );
               },
-              children: /* @__PURE__ */ e(qe, {})
+              children: /* @__PURE__ */ e(Pe, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -956,9 +956,9 @@ function Ye(t) {
               setThicknessPen: i
             }
           ),
-          s === "highlighter" && /* @__PURE__ */ e(Je, { setColorHighlight: m }),
+          s === "highlighter" && /* @__PURE__ */ e(Qe, { setColorHighlight: m }),
           s === "shapes" && /* @__PURE__ */ e(
-            Qe,
+            Ye,
             {
               changeBorderColorShape: p,
               changeColorShape: A,
@@ -971,7 +971,7 @@ function Ye(t) {
     }
   ) });
 }
-let q = !1;
+let P = !1;
 const et = ({ editor: t, upload: r, tooltipOptions: o }) => {
   const [i, m] = M(!1), p = X(null), b = X(null), A = () => {
     (async () => {
@@ -1029,10 +1029,10 @@ const et = ({ editor: t, upload: r, tooltipOptions: o }) => {
     const a = p.current.toolController.getPrimaryTools()[5], u = b.current.getWidgetById("shape");
     a && u && (a.setBorderColor(f), u.serializeState());
   }, n = () => {
-    if (q) {
+    if (P) {
       for (; p.current.history.redoStackSize > 0; )
         p.current.history.redo();
-      q = !1;
+      P = !1;
       return;
     }
     p.current.history.undo();
@@ -1063,20 +1063,20 @@ const et = ({ editor: t, upload: r, tooltipOptions: o }) => {
               }
             ),
             /* @__PURE__ */ e(
-              Ye,
+              Je,
               {
                 changeBorderColorShape: v,
                 changeColorShape: c,
                 changeShape: s,
                 onClear: () => {
-                  if (!q) {
+                  if (!P) {
                     for (; p.current.history.undoStackSize > 0; )
                       n();
-                    q = !0;
+                    P = !0;
                   }
                 },
                 onRedo: () => {
-                  q || p.current.history.redo();
+                  P || p.current.history.redo();
                 },
                 onThicknessChange: C,
                 onUndo: n,
@@ -1148,14 +1148,14 @@ function tt({ editor: t, node: r, updateAttributes: o, getPos: i, selected: m })
   function R() {
     t.commands.setNodeSelection(i());
   }
-  const f = P(
+  const f = q(
     Z(() => {
       const { width: h } = getComputedStyle(t.view.dom);
       b((E) => ({
         ...E,
         width: Number.parseInt(h, 10)
       }));
-    }, J),
+    }, Q),
     [t]
   );
   function a(h, E) {
@@ -1171,7 +1171,7 @@ function tt({ editor: t, node: r, updateAttributes: o, getPos: i, selected: m })
       dir: E
     });
   }
-  const u = P(
+  const u = q(
     Z((h) => {
       if (h.preventDefault(), h.stopPropagation(), !x)
         return;
@@ -1180,9 +1180,9 @@ function tt({ editor: t, node: r, updateAttributes: o, getPos: i, selected: m })
         width: U,
         height: ee
       });
-    }, J),
+    }, Q),
     [x, s, p, o, r == null ? void 0 : r.attrs]
-  ), S = P(
+  ), S = q(
     (h) => {
       h.preventDefault(), h.stopPropagation(), x && (c({
         x: 0,
@@ -1193,9 +1193,9 @@ function tt({ editor: t, node: r, updateAttributes: o, getPos: i, selected: m })
       }), B(!1), R());
     },
     [x, R]
-  ), I = P(() => {
+  ), I = q(() => {
     document == null || document.addEventListener("mousemove", u, !0), document == null || document.addEventListener("mouseup", S, !0);
-  }, [u, S]), F = P(() => {
+  }, [u, S]), F = q(() => {
     document == null || document.removeEventListener("mousemove", u, !0), document == null || document.removeEventListener("mouseup", S, !0);
   }, [u, S]);
   V(() => (x ? I() : F(), () => {
@@ -1245,6 +1245,8 @@ function tt({ editor: t, node: r, updateAttributes: o, getPos: i, selected: m })
 }
 const ht = /* @__PURE__ */ ue.extend({
   name: "drawer",
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //@ts-expect-error
   addOptions() {
     var t;
     return {
@@ -1363,6 +1365,6 @@ const ht = /* @__PURE__ */ ue.extend({
   }
 });
 export {
-  Ye as C,
+  Je as C,
   ht as D
 };

package/lib/{Drawer-5Q_-WRhc.cjs → Drawer-CdvCMSzN.cjs}

@@ -1 +1 @@
-"use strict";const F=require("./index-ByRfqzMr.cjs"),i=require("./RichTextEditor-DWlLqTl9.cjs"),U=require("./dom-dataset-Byuf1YmW.cjs"),e=require("react/jsx-runtime"),m=require("react"),d=require("easydrawer"),G=require("./shortId-Bfj8TyNr.cjs"),q=require("./index-D_A0TBRA.cjs"),K="_wrapper_rraz2_1",Q="_tool_rraz2_17",Y="_active_rraz2_37",J="_pen_rraz2_41",ee="_line_rraz2_48",te="_options_rraz2_56",oe="_colorWrap_rraz2_66",re="_color_rraz2_66",le="_colorActive_rraz2_83",l={wrapper:K,tool:Q,active:Y,pen:J,line:ee,options:te,colorWrap:oe,color:re,colorActive:le};function ne(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{color:"currentColor",d:"M2 9.2v3.6M12.8 2H9.2M7.5 20H9M20 7.5V9M2.133 4.699c.155-.727.415-1.274.854-1.712c.426-.426.954-.684 1.652-.84m15.228 2.552c-.155-.727-.415-1.274-.854-1.712c-.417-.417-.932-.673-1.608-.83M4.64 19.853c-.698-.156-1.226-.414-1.652-.84c-.43-.43-.69-.965-.845-1.673m11.638 3.626c-1.812.125-3.607-8.326-2.374-9.559s9.684.561 9.559 2.373c-.087 1.187-2.095 1.656-2.037 2.711c.018.309.408.59 1.188 1.154c.543.39 1.096.77 1.629 1.175a.66.66 0 0 1 .234.687a3.35 3.35 0 0 1-2.472 2.473a.66.66 0 0 1-.688-.235c-.404-.533-.784-1.086-1.175-1.628c-.563-.78-.844-1.17-1.153-1.188c-1.055-.059-1.524 1.95-2.71 2.037",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})}function se(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M20.06 18a4 4 0 0 1-.2-.89c-.67.7-1.48 1.05-2.41 1.05c-.83 0-1.52-.24-2.05-.71c-.53-.45-.8-1.06-.8-1.79c0-.88.33-1.56 1-2.05s1.61-.73 2.83-.73h1.4v-.64q0-.735-.45-1.17c-.3-.29-.75-.43-1.33-.43c-.52 0-.95.12-1.3.36c-.35.25-.52.54-.52.89h-1.46c0-.43.15-.84.45-1.24c.28-.4.71-.71 1.22-.94c.51-.21 1.06-.35 1.69-.35c.98 0 1.74.24 2.29.73s.84 1.16.86 2.02V16c0 .8.1 1.42.3 1.88V18zm-2.4-1.12c.45 0 .88-.11 1.29-.32c.4-.21.7-.49.88-.83v-1.57H18.7c-1.77 0-2.66.47-2.66 1.41c0 .43.15.73.46.96c.3.23.68.35 1.16.35m-12.2-3.17h4.07L7.5 8.29zM6.64 6h1.72l4.71 12h-1.93l-.97-2.57H4.82L3.86 18H1.93z",fill:"currentColor"})})}function ie(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z",fill:"currentColor"})})}function ae(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 256 256",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M253.66 106.34a8 8 0 0 0-11.32 0L192 156.69L107.31 72l50.35-50.34a8 8 0 1 0-11.32-11.32L96 60.69a16 16 0 0 0-2.82 18.81L72 100.69a16 16 0 0 0 0 22.62l4.69 4.69l-58.35 58.34a8 8 0 0 0 3.13 13.25l72 24A7.9 7.9 0 0 0 96 224a8 8 0 0 0 5.66-2.34L136 187.31l4.69 4.69a16 16 0 0 0 22.62 0l21.19-21.18a16 16 0 0 0 18.81-2.82l50.35-50.34a8 8 0 0 0 0-11.32M93.84 206.85l-55-18.35L88 139.31L124.69 176ZM152 180.69L83.31 112L104 91.31L172.69 160Z",fill:"currentColor"})})}function ce(t){return e.jsxs("svg",{height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:[e.jsx("path",{d:"m2.648 9.937l7.29-7.288a2.21 2.21 0 0 1 3.124 0l2.29 2.288a2.21 2.21 0 0 1 0 3.126L10.413 13H12.5a.5.5 0 0 1 0 1H4.501a2.2 2.2 0 0 1-1.563-.647l.707-.707c.227.226.535.354.856.354h4.005a1.2 1.2 0 0 0 .848-.354l1.292-1.293l-4-4l-3.29 3.291a1.21 1.21 0 0 0 0 1.712l.29.29l-.708.707l-.29-.29a2.21 2.21 0 0 1 0-3.126M8 6h6.89a1.2 1.2 0 0 0-.246-.356L14 5H9zm2-2h3l-.645-.644a1.21 1.21 0 0 0-1.71 0zm4.89 3H7.708l1 1H14l.644-.644A1.2 1.2 0 0 0 14.891 7zM9.708 9l1.646 1.646L13 9z",fill:"currentColor"}),e.jsx("path",{d:"M14 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z",fill:"currentColor"})]})}function he(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M3 3h18v18H3zm2 2v14h14V5z",fill:"currentColor"})})}function ue(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M2 20V4h20v16zm2-2h16V6H4zm0 0V6z",fill:"currentColor"})})}function de(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8",fill:"currentColor"})})}function ge(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})}function me(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"m6.8 21l-5.2-9l5.2-9h10.4l5.2 9l-5.2 9zm1.15-2h8.1l4.025-7l-4.025-7h-8.1L3.9 12zM12 12",fill:"currentColor"})})}function xe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsxs("g",{fill:"none",fillRule:"evenodd",children:[e.jsx("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"}),e.jsx("path",{d:"M10.586 2.807a2 2 0 0 1 2.828 0l7.778 7.779a2 2 0 0 1 0 2.828l-7.778 7.778a2 2 0 0 1-2.828 0l-7.778-7.778a2 2 0 0 1 0-2.828zM12 4.222L4.222 12L12 19.778L19.778 12z",fill:"currentColor"})]})})}function pe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M16.01 11H4v2h12.01v3L20 12l-3.99-4z",fill:"currentColor"})})}function we(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{clipRule:"evenodd",d:"M7.53 3.47a.75.75 0 0 1 0 1.06L5.81 6.25H15a5.75 5.75 0 0 1 0 11.5H8a.75.75 0 0 1 0-1.5h7a4.25 4.25 0 0 0 0-8.5H5.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0",fill:"currentColor",fillRule:"evenodd"})})}function ve(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{clipRule:"evenodd",d:"M16.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H9a4.25 4.25 0 0 0 0 8.5h7a.75.75 0 0 1 0 1.5H9a5.75 5.75 0 0 1 0-11.5h9.19l-1.72-1.72a.75.75 0 0 1 0-1.06",fill:"currentColor",fillRule:"evenodd"})})}function Ce(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z",fill:"currentColor"})})}function fe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 256 256",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M211.81 83.79a28 28 0 0 1-33.12 4.83l-90.07 90.07a28 28 0 1 1-44.43-6.48a28 28 0 0 1 33.12-4.83l90.07-90.07a28 28 0 1 1 44.43 6.48",fill:"currentColor"})})}function Te(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12 20.325q-.35 0-.712-.125t-.638-.4l-1.725-1.575q-2.65-2.425-4.788-4.812T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538q.825-.975 2-1.537t2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275T15.05 18.25l-1.7 1.55q-.275.275-.637.4t-.713.125M11.05 6.75q-.725-1.025-1.55-1.563t-2-.537q-1.5 0-2.5 1t-1 2.5q0 1.3.925 2.763t2.213 2.837t2.65 2.575T12 18.3q.85-.775 2.213-1.975t2.65-2.575t2.212-2.837T20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2 .538T12.95 6.75q-.175.25-.425.375T12 7.25t-.525-.125t-.425-.375m.95 4.725",fill:"currentColor"})})}function je(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"m7.625 6.4l2.8-3.625q.3-.4.713-.587T12 2t.863.188t.712.587l2.8 3.625l4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9l.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25q-.125.05-.275.063T6.975 21q-.8 0-1.4-.6T5 18.925l.1-4.125l-2.725-3.875q-.2-.275-.288-.575T2 9.75q0-.625.363-1.162t1.012-.763zM8.85 8.125L4 9.725L7.1 14.2L7 18.975l5-1.375l5 1.4l-.1-4.8L20 9.775l-4.85-1.65L12 4zM12 11.5",fill:"currentColor"})})}function be(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.46 5.46 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4",fill:"currentColor"})})}function Me(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M5.586 6.45A2 2 0 0 1 7.509 5h11.84a2 2 0 0 1 1.923 2.55l-2.858 10A2 2 0 0 1 16.491 19H4.651a2 2 0 0 1-1.923-2.55z",fill:"none",stroke:"currentColor",strokeWidth:"2"})})}const ye=[d.Color4.blackHighlight,d.Color4.ofRGBA(166/255,81/255,167/255,.3),d.Color4.ofRGBA(247/255,78/255,158/255,.3),d.Color4.ofRGBA(166/255,83/255,88/255,.3),d.Color4.ofRGBA(246/255,130/255,28/255,.3),d.Color4.ofRGBA(166/255,198/255,0,.3),d.Color4.ofRGBA(98/255,186/255,70/255,.3)],$=[d.Color4.black,d.Color4.fromHex("#007AFF"),d.Color4.fromHex("#A651A7"),d.Color4.fromHex("#F74E9E"),d.Color4.fromHex("#FF5358"),d.Color4.fromHex("#F6821C"),d.Color4.fromHex("#FFC600"),d.Color4.fromHex("#62BA46"),d.Color4.fromHex("#E6BFE8"),d.Color4.fromHex("#FEA3D2"),d.Color4.fromHex("#FFA0A3"),d.Color4.fromHex("#FBC276"),d.Color4.fromHex("#FFFB85"),d.Color4.fromHex("#AADC99")];function Se({onChange:t}){const[o,r]=m.useState(d.Color4.blackHighlight);return e.jsx("div",{className:l.colorWrap,children:ye.map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))})}function O({onChange:t}){const[o,r]=m.useState(d.Color4.black);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.colorWrap,children:$.slice(0,7).map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))}),e.jsx("div",{className:l.colorWrap,children:$.slice(7).map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))})]})}function Ee({setColorPen:t,setThicknessPen:o}){const[r,s]=m.useState(2);return e.jsxs("div",{className:l.options,children:[e.jsx("div",{children:e.jsx(O,{onChange:x=>t(x)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx("input",{max:10,min:1,step:.1,type:"range",value:r,onChange:x=>{o(Number.parseFloat(x.target.value)),s(Number.parseFloat(x.target.value))}})})]})}function He({setColorHighlight:t}){return e.jsx("div",{className:l.options,children:e.jsx(Se,{onChange:o=>t(o)})})}function Le({changeColorShape:t,changeBorderColorShape:o,onThicknessChange:r}){return e.jsxs("div",{className:l.options,children:[e.jsx("div",{children:e.jsx(O,{onChange:s=>t(s)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx(O,{onChange:s=>o(s)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx("input",{defaultValue:0,max:20,min:0,step:1,type:"range",onChange:s=>{r(Number.parseFloat(s.target.value))}})})]})}function Z(t){const{setColorPen:o,refEditor:r,setThicknessPen:s,setColorHighlight:x,changeBorderColorShape:p,onUndo:j,changeColorShape:z,changeShape:f,onThicknessChange:L,onRedo:b,onClear:_}=t,[a,h]=m.useState(null),[T,v]=m.useState(0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:l.wrapper,children:[e.jsxs("div",{className:l.pen,children:[e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="select"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="select"){h(null),n[0].setEnabled(!1);return}h("select"),n[0].setEnabled(!0)},children:e.jsx(ne,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="text"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(r.current.toolController.setToolEnabled(n[1]),a==="text"){n[1].setEnabled(!1),h(null);return}h("text"),n[1].setEnabled(!0)},children:e.jsx(se,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="pencil"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="pencil"){h(null),n[2].setEnabled(!1);return}h("pencil"),n[2].setEnabled(!0)},children:e.jsx(ie,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="highlighter"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="highlighter"){h(null),n[3].setEnabled(!1);return}h("highlighter"),n[3].setEnabled(!0)},children:e.jsx(ae,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="eraser"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="eraser"){h(null),n[4].setEnabled(!1);return}h("eraser"),n[4].setEnabled(!0)},children:e.jsx(ce,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===0}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(0),v(0)},children:e.jsx(he,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===1}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(1),v(1)},children:e.jsx(ue,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===2}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(2),v(2)},children:e.jsx(de,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===3}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(3),v(3)},children:e.jsx(ge,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===4}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(4),v(4)},children:e.jsx(me,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===5}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(5),v(5)},children:e.jsx(xe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===6}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(6),v(6)},children:e.jsx(pe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===7}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(7),v(7)},children:e.jsx(fe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===8}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(8),v(8)},children:e.jsx(Te,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===9}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(9),v(9)},children:e.jsx(je,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===10}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(10),v(10)},children:e.jsx(be,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===11}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(11),v(11)},children:e.jsx(Me,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool),onClick:j,children:e.jsx(we,{})}),e.jsx("button",{className:i.cn(l.tool),onClick:b,children:e.jsx(ve,{})}),e.jsx("button",{className:i.cn(l.tool),onClick:_,children:e.jsx(Ce,{})})]}),e.jsxs("div",{className:l.optionsWrap,children:[a==="pencil"&&e.jsx(Ee,{setColorPen:o,setThicknessPen:s}),a==="highlighter"&&e.jsx(He,{setColorHighlight:x}),a==="shapes"&&e.jsx(Le,{changeBorderColorShape:p,changeColorShape:z,changeShape:f,onThicknessChange:L})]})]})})}let B=!1;const ke=({editor:t,upload:o,tooltipOptions:r})=>{const[s,x]=m.useState(!1),p=m.useRef(null),j=m.useRef(null),z=()=>{(async()=>{const c=document.querySelector("#easydrawer");c&&(p.current=new d.Editor(c,{wheelEventsEnabled:!1,disableZoom:!0}),j.current=d.makeDropdownToolbar(p.current),j.current.addDefaultToolWidgets())})()};m.useEffect(()=>{s&&setTimeout(()=>{z()},200)},[s]);const f=async()=>{if(p.current){const C=p.current.toSVG(),c=C.outerHTML,g=`drawer-${G.shortId()}.svg`;let H=G.i(C.outerHTML);if(o){const P=i.dataURLtoFile(H,g);H=await o(P)}t==null||t.chain().focus().setDrawer({type:"drawer",src:H,alt:encodeURIComponent(c),width:426,height:212},!!c).run()}x(!1)},L=C=>{const c=p.current.toolController.getPrimaryTools()[2],g=j.current.getWidgetById("pen-1");c&&g&&(c.setColor(C),g.serializeState())},b=C=>{const c=p.current.toolController.getPrimaryTools()[2],g=j.current.getWidgetById("pen-1");c&&g&&(c.setThickness(C),g.serializeState())},_=C=>{const c=p.current.toolController.getPrimaryTools()[3],g=j.current.getWidgetById("pen-2");c&&g&&(c.setColor(C),g.serializeState())},a=C=>{const c=j.current.getWidgetById("shape");c&&c.setShapeType(C)},h=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setColor(C),g.serializeState())},T=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setThickness(C),g.serializeState())},v=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setBorderColor(C),g.serializeState())},n=()=>{if(B){for(;p.current.history.redoStackSize>0;)p.current.history.redo();B=!1;return}p.current.history.undo()},R=()=>{B||p.current.history.redo()},A=()=>{if(!B){for(;p.current.history.undoStackSize>0;)n();B=!0}};return e.jsxs(i.Dialog,{onOpenChange:x,open:s,children:[e.jsx(i.DialogTrigger,{asChild:!0,children:e.jsx(i.ActionButton,{action:()=>x(!0),icon:"PencilRuler",tooltip:"Drawer",tooltipOptions:r})}),e.jsxs(i.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[e.jsx(i.DialogTitle,{children:"Drawer"}),e.jsxs("div",{style:{height:"600px",width:"100%",borderWidth:1,background:"white",position:"relative"},children:[e.jsx("div",{className:"richtext-size-full",id:"easydrawer"}),e.jsx(Z,{changeBorderColorShape:v,changeColorShape:h,changeShape:a,onClear:A,onRedo:R,onThicknessChange:T,onUndo:n,refEditor:p,setColorHighlight:_,setColorPen:L,setThicknessPen:b})]}),e.jsx(i.DialogFooter,{children:e.jsx(i.Button,{onClick:f,type:"button",children:"Save changes"})})]})]})},I={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function Ne({editor:t,node:o,updateAttributes:r,getPos:s,selected:x}){const[p,j]=m.useState({width:q.IMAGE_MAX_SIZE,height:q.IMAGE_MAX_SIZE}),[z,f]=m.useState({width:0,height:0}),[L]=m.useState([I.TOP_LEFT,I.TOP_RIGHT,I.BOTTOM_LEFT,I.BOTTOM_RIGHT]),[b,_]=m.useState(!1),[a,h]=m.useState({x:0,y:0,w:0,h:0,dir:""}),{align:T}=o==null?void 0:o.attrs,v=m.useMemo(()=>{const{src:u,alt:y,width:S,height:k}=o==null?void 0:o.attrs,N=F.isNumber(S)?`${S}px`:S,w=F.isNumber(k)?`${k}px`:k;return{src:u||void 0,alt:y||void 0,style:{width:N||void 0,height:w||void 0}}},[o==null?void 0:o.attrs]),n=m.useMemo(()=>{const{style:{width:u}}=v;return{width:u==="100%"?u:void 0}},[v]);function R(u){f({width:u.target.width,height:u.target.height})}function A(){t.commands.setNodeSelection(s())}const C=m.useCallback(i.throttle(()=>{const{width:u}=getComputedStyle(t.view.dom);j(y=>({...y,width:Number.parseInt(u,10)}))},q.IMAGE_THROTTLE_WAIT_TIME),[t]);function c(u,y){u.preventDefault(),u.stopPropagation();const S=z.width,k=z.height,N=S/k;let w=Number(o.attrs.width),E=Number(o.attrs.height);const M=p.width;w&&!E?(w=w>M?M:w,E=Math.round(w/N)):E&&!w?(w=Math.round(E*N),w=w>M?M:w):!w&&!E?(w=S>M?M:S,E=Math.round(w/N)):w=w>M?M:w,_(!0),h({x:u.clientX,y:u.clientY,w,h:E,dir:y})}const g=m.useCallback(i.throttle(u=>{if(u.preventDefault(),u.stopPropagation(),!b)return;const{x:y,w:S,dir:k}=a,N=(u.clientX-y)*(/l/.test(k)?-1:1),{width:w,height:E}=o==null?void 0:o.attrs,M=w/E,V=i.clamp(S+N,q.IMAGE_MIN_SIZE,p.width),X=Math.round(V/M);r({width:V,height:X})},q.IMAGE_THROTTLE_WAIT_TIME),[b,a,p,r,o==null?void 0:o.attrs]),H=m.useCallback(u=>{u.preventDefault(),u.stopPropagation(),b&&(h({x:0,y:0,w:0,h:0,dir:""}),_(!1),A())},[b,A]),P=m.useCallback(()=>{document==null||document.addEventListener("mousemove",g,!0),document==null||document.addEventListener("mouseup",H,!0)},[g,H]),W=m.useCallback(()=>{document==null||document.removeEventListener("mousemove",g,!0),document==null||document.removeEventListener("mouseup",H,!0)},[g,H]);m.useEffect(()=>(b?P():W(),()=>{W()}),[b,P,W]);const D=m.useMemo(()=>new ResizeObserver(()=>C()),[C]);return m.useEffect(()=>(D.observe(t.view.dom),()=>{D.disconnect()}),[t.view.dom,D]),e.jsx(U.NodeViewWrapper,{className:"image-view",style:{...n,width:"100%",textAlign:T},children:e.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...n,background:"#fff"},className:`image-view__body ${x?"image-view__body--focused":""} ${b?"image-view__body--resizing":""}`,children:[e.jsx("img",{alt:v.alt,className:"image-view__body__image block",height:"auto",onClick:A,onLoad:R,src:v.src,style:v.style}),t.view.editable&&(x||b)&&e.jsx("div",{className:"image-resizer",children:L==null?void 0:L.map(u=>e.jsx("span",{className:`image-resizer__handler image-resizer__handler--${u}`,onMouseDown:y=>c(y,u)},`image-dir-${u}`))})]})})}const ze=i.Image.extend({name:"drawer",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"drawer"},button:({editor:o,t:r,extension:s})=>{var x;return{component:ke,componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:o,icon:"PencilRuler",tooltip:r("editor.drawer.tooltip"),upload:(x=s==null?void 0:s.options)==null?void 0:x.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:o=>{const r=o.querySelector("img"),s=r==null?void 0:r.getAttribute("width");return s?Number.parseInt(s,10):320},renderHTML:o=>({width:o.width})},height:{default:null,parseHTML:o=>{const r=o.querySelector("img"),s=r==null?void 0:r.getAttribute("height");return s?Number.parseInt(s,10):212},renderHTML:o=>({height:o.height})},align:{default:"center",parseHTML:o=>o.getAttribute("align"),renderHTML:o=>({align:o.align})}}},addNodeView(){return U.ReactNodeViewRenderer(Ne)},addCommands(){return{setDrawer:(t,o)=>({commands:r,editor:s})=>o?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(s.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageDrawer:t=>({commands:o})=>o.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:o}=t;return["div",{style:o?`text-align: ${o};`:"",class:"imageDrawer"},["img",F.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageDrawer]",getAttrs:t=>{const o=t.querySelector("img"),r=o==null?void 0:o.getAttribute("width"),s=o==null?void 0:o.getAttribute("height");return{src:o==null?void 0:o.getAttribute("src"),alt:o==null?void 0:o.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:s?Number.parseInt(s,10):null,align:(o==null?void 0:o.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.ControlDrawer=Z;exports.Drawer=ze;
+"use strict";const F=require("./index-DF2Lp4HZ.cjs"),i=require("./RichTextEditor-CxvwGvQG.cjs"),U=require("./dom-dataset-_6-diIRQ.cjs"),e=require("react/jsx-runtime"),m=require("react"),d=require("easydrawer"),G=require("./shortId-Bfj8TyNr.cjs"),q=require("./index-6D1J-A-o.cjs"),K="_wrapper_rraz2_1",Q="_tool_rraz2_17",Y="_active_rraz2_37",J="_pen_rraz2_41",ee="_line_rraz2_48",te="_options_rraz2_56",oe="_colorWrap_rraz2_66",re="_color_rraz2_66",le="_colorActive_rraz2_83",l={wrapper:K,tool:Q,active:Y,pen:J,line:ee,options:te,colorWrap:oe,color:re,colorActive:le};function ne(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{color:"currentColor",d:"M2 9.2v3.6M12.8 2H9.2M7.5 20H9M20 7.5V9M2.133 4.699c.155-.727.415-1.274.854-1.712c.426-.426.954-.684 1.652-.84m15.228 2.552c-.155-.727-.415-1.274-.854-1.712c-.417-.417-.932-.673-1.608-.83M4.64 19.853c-.698-.156-1.226-.414-1.652-.84c-.43-.43-.69-.965-.845-1.673m11.638 3.626c-1.812.125-3.607-8.326-2.374-9.559s9.684.561 9.559 2.373c-.087 1.187-2.095 1.656-2.037 2.711c.018.309.408.59 1.188 1.154c.543.39 1.096.77 1.629 1.175a.66.66 0 0 1 .234.687a3.35 3.35 0 0 1-2.472 2.473a.66.66 0 0 1-.688-.235c-.404-.533-.784-1.086-1.175-1.628c-.563-.78-.844-1.17-1.153-1.188c-1.055-.059-1.524 1.95-2.71 2.037",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})}function se(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M20.06 18a4 4 0 0 1-.2-.89c-.67.7-1.48 1.05-2.41 1.05c-.83 0-1.52-.24-2.05-.71c-.53-.45-.8-1.06-.8-1.79c0-.88.33-1.56 1-2.05s1.61-.73 2.83-.73h1.4v-.64q0-.735-.45-1.17c-.3-.29-.75-.43-1.33-.43c-.52 0-.95.12-1.3.36c-.35.25-.52.54-.52.89h-1.46c0-.43.15-.84.45-1.24c.28-.4.71-.71 1.22-.94c.51-.21 1.06-.35 1.69-.35c.98 0 1.74.24 2.29.73s.84 1.16.86 2.02V16c0 .8.1 1.42.3 1.88V18zm-2.4-1.12c.45 0 .88-.11 1.29-.32c.4-.21.7-.49.88-.83v-1.57H18.7c-1.77 0-2.66.47-2.66 1.41c0 .43.15.73.46.96c.3.23.68.35 1.16.35m-12.2-3.17h4.07L7.5 8.29zM6.64 6h1.72l4.71 12h-1.93l-.97-2.57H4.82L3.86 18H1.93z",fill:"currentColor"})})}function ie(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z",fill:"currentColor"})})}function ae(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 256 256",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M253.66 106.34a8 8 0 0 0-11.32 0L192 156.69L107.31 72l50.35-50.34a8 8 0 1 0-11.32-11.32L96 60.69a16 16 0 0 0-2.82 18.81L72 100.69a16 16 0 0 0 0 22.62l4.69 4.69l-58.35 58.34a8 8 0 0 0 3.13 13.25l72 24A7.9 7.9 0 0 0 96 224a8 8 0 0 0 5.66-2.34L136 187.31l4.69 4.69a16 16 0 0 0 22.62 0l21.19-21.18a16 16 0 0 0 18.81-2.82l50.35-50.34a8 8 0 0 0 0-11.32M93.84 206.85l-55-18.35L88 139.31L124.69 176ZM152 180.69L83.31 112L104 91.31L172.69 160Z",fill:"currentColor"})})}function ce(t){return e.jsxs("svg",{height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:[e.jsx("path",{d:"m2.648 9.937l7.29-7.288a2.21 2.21 0 0 1 3.124 0l2.29 2.288a2.21 2.21 0 0 1 0 3.126L10.413 13H12.5a.5.5 0 0 1 0 1H4.501a2.2 2.2 0 0 1-1.563-.647l.707-.707c.227.226.535.354.856.354h4.005a1.2 1.2 0 0 0 .848-.354l1.292-1.293l-4-4l-3.29 3.291a1.21 1.21 0 0 0 0 1.712l.29.29l-.708.707l-.29-.29a2.21 2.21 0 0 1 0-3.126M8 6h6.89a1.2 1.2 0 0 0-.246-.356L14 5H9zm2-2h3l-.645-.644a1.21 1.21 0 0 0-1.71 0zm4.89 3H7.708l1 1H14l.644-.644A1.2 1.2 0 0 0 14.891 7zM9.708 9l1.646 1.646L13 9z",fill:"currentColor"}),e.jsx("path",{d:"M14 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m1.5-.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-1 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z",fill:"currentColor"})]})}function he(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M3 3h18v18H3zm2 2v14h14V5z",fill:"currentColor"})})}function ue(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M2 20V4h20v16zm2-2h16V6H4zm0 0V6z",fill:"currentColor"})})}function de(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8",fill:"currentColor"})})}function ge(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})}function me(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"m6.8 21l-5.2-9l5.2-9h10.4l5.2 9l-5.2 9zm1.15-2h8.1l4.025-7l-4.025-7h-8.1L3.9 12zM12 12",fill:"currentColor"})})}function xe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsxs("g",{fill:"none",fillRule:"evenodd",children:[e.jsx("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"}),e.jsx("path",{d:"M10.586 2.807a2 2 0 0 1 2.828 0l7.778 7.779a2 2 0 0 1 0 2.828l-7.778 7.778a2 2 0 0 1-2.828 0l-7.778-7.778a2 2 0 0 1 0-2.828zM12 4.222L4.222 12L12 19.778L19.778 12z",fill:"currentColor"})]})})}function pe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M16.01 11H4v2h12.01v3L20 12l-3.99-4z",fill:"currentColor"})})}function we(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{clipRule:"evenodd",d:"M7.53 3.47a.75.75 0 0 1 0 1.06L5.81 6.25H15a5.75 5.75 0 0 1 0 11.5H8a.75.75 0 0 1 0-1.5h7a4.25 4.25 0 0 0 0-8.5H5.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0",fill:"currentColor",fillRule:"evenodd"})})}function ve(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{clipRule:"evenodd",d:"M16.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H9a4.25 4.25 0 0 0 0 8.5h7a.75.75 0 0 1 0 1.5H9a5.75 5.75 0 0 1 0-11.5h9.19l-1.72-1.72a.75.75 0 0 1 0-1.06",fill:"currentColor",fillRule:"evenodd"})})}function Ce(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z",fill:"currentColor"})})}function fe(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 256 256",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M211.81 83.79a28 28 0 0 1-33.12 4.83l-90.07 90.07a28 28 0 1 1-44.43-6.48a28 28 0 0 1 33.12-4.83l90.07-90.07a28 28 0 1 1 44.43 6.48",fill:"currentColor"})})}function Te(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12 20.325q-.35 0-.712-.125t-.638-.4l-1.725-1.575q-2.65-2.425-4.788-4.812T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538q.825-.975 2-1.537t2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275T15.05 18.25l-1.7 1.55q-.275.275-.637.4t-.713.125M11.05 6.75q-.725-1.025-1.55-1.563t-2-.537q-1.5 0-2.5 1t-1 2.5q0 1.3.925 2.763t2.213 2.837t2.65 2.575T12 18.3q.85-.775 2.213-1.975t2.65-2.575t2.212-2.837T20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2 .538T12.95 6.75q-.175.25-.425.375T12 7.25t-.525-.125t-.425-.375m.95 4.725",fill:"currentColor"})})}function je(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"m7.625 6.4l2.8-3.625q.3-.4.713-.587T12 2t.863.188t.712.587l2.8 3.625l4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9l.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25q-.125.05-.275.063T6.975 21q-.8 0-1.4-.6T5 18.925l.1-4.125l-2.725-3.875q-.2-.275-.288-.575T2 9.75q0-.625.363-1.162t1.012-.763zM8.85 8.125L4 9.725L7.1 14.2L7 18.975l5-1.375l5 1.4l-.1-4.8L20 9.775l-4.85-1.65L12 4zM12 11.5",fill:"currentColor"})})}function be(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.46 5.46 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4",fill:"currentColor"})})}function Me(t){return e.jsx("svg",{height:"1em",viewBox:"0 0 24 24",width:"1em",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M5.586 6.45A2 2 0 0 1 7.509 5h11.84a2 2 0 0 1 1.923 2.55l-2.858 10A2 2 0 0 1 16.491 19H4.651a2 2 0 0 1-1.923-2.55z",fill:"none",stroke:"currentColor",strokeWidth:"2"})})}const ye=[d.Color4.blackHighlight,d.Color4.ofRGBA(166/255,81/255,167/255,.3),d.Color4.ofRGBA(247/255,78/255,158/255,.3),d.Color4.ofRGBA(166/255,83/255,88/255,.3),d.Color4.ofRGBA(246/255,130/255,28/255,.3),d.Color4.ofRGBA(166/255,198/255,0,.3),d.Color4.ofRGBA(98/255,186/255,70/255,.3)],$=[d.Color4.black,d.Color4.fromHex("#007AFF"),d.Color4.fromHex("#A651A7"),d.Color4.fromHex("#F74E9E"),d.Color4.fromHex("#FF5358"),d.Color4.fromHex("#F6821C"),d.Color4.fromHex("#FFC600"),d.Color4.fromHex("#62BA46"),d.Color4.fromHex("#E6BFE8"),d.Color4.fromHex("#FEA3D2"),d.Color4.fromHex("#FFA0A3"),d.Color4.fromHex("#FBC276"),d.Color4.fromHex("#FFFB85"),d.Color4.fromHex("#AADC99")];function Se({onChange:t}){const[o,r]=m.useState(d.Color4.blackHighlight);return e.jsx("div",{className:l.colorWrap,children:ye.map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))})}function O({onChange:t}){const[o,r]=m.useState(d.Color4.black);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.colorWrap,children:$.slice(0,7).map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))}),e.jsx("div",{className:l.colorWrap,children:$.slice(7).map((s,x)=>e.jsx("button",{style:{backgroundColor:s.toHexString()},className:i.cn(l.color,{[l.colorActive]:o.toHexString()===s.toHexString()}),onClick:()=>{r(s),t(s)}},x))})]})}function Ee({setColorPen:t,setThicknessPen:o}){const[r,s]=m.useState(2);return e.jsxs("div",{className:l.options,children:[e.jsx("div",{children:e.jsx(O,{onChange:x=>t(x)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx("input",{max:10,min:1,step:.1,type:"range",value:r,onChange:x=>{o(Number.parseFloat(x.target.value)),s(Number.parseFloat(x.target.value))}})})]})}function He({setColorHighlight:t}){return e.jsx("div",{className:l.options,children:e.jsx(Se,{onChange:o=>t(o)})})}function Le({changeColorShape:t,changeBorderColorShape:o,onThicknessChange:r}){return e.jsxs("div",{className:l.options,children:[e.jsx("div",{children:e.jsx(O,{onChange:s=>t(s)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx(O,{onChange:s=>o(s)})}),e.jsx("div",{className:l.line}),e.jsx("div",{children:e.jsx("input",{defaultValue:0,max:20,min:0,step:1,type:"range",onChange:s=>{r(Number.parseFloat(s.target.value))}})})]})}function Z(t){const{setColorPen:o,refEditor:r,setThicknessPen:s,setColorHighlight:x,changeBorderColorShape:p,onUndo:j,changeColorShape:z,changeShape:f,onThicknessChange:L,onRedo:b,onClear:_}=t,[a,h]=m.useState(null),[T,v]=m.useState(0);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:l.wrapper,children:[e.jsxs("div",{className:l.pen,children:[e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="select"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="select"){h(null),n[0].setEnabled(!1);return}h("select"),n[0].setEnabled(!0)},children:e.jsx(ne,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="text"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(r.current.toolController.setToolEnabled(n[1]),a==="text"){n[1].setEnabled(!1),h(null);return}h("text"),n[1].setEnabled(!0)},children:e.jsx(se,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="pencil"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="pencil"){h(null),n[2].setEnabled(!1);return}h("pencil"),n[2].setEnabled(!0)},children:e.jsx(ie,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="highlighter"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="highlighter"){h(null),n[3].setEnabled(!1);return}h("highlighter"),n[3].setEnabled(!0)},children:e.jsx(ae,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="eraser"}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();if(a==="eraser"){h(null),n[4].setEnabled(!1);return}h("eraser"),n[4].setEnabled(!0)},children:e.jsx(ce,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===0}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(0),v(0)},children:e.jsx(he,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===1}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(1),v(1)},children:e.jsx(ue,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===2}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(2),v(2)},children:e.jsx(de,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===3}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(3),v(3)},children:e.jsx(ge,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===4}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(4),v(4)},children:e.jsx(me,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===5}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(5),v(5)},children:e.jsx(xe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===6}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(6),v(6)},children:e.jsx(pe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===7}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(7),v(7)},children:e.jsx(fe,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===8}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(8),v(8)},children:e.jsx(Te,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===9}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(9),v(9)},children:e.jsx(je,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===10}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(10),v(10)},children:e.jsx(be,{})}),e.jsx("button",{className:i.cn(l.tool,{[l.active]:a==="shapes"&&T===11}),onClick:()=>{const n=r.current.toolController.getPrimaryTools();r.current.toolController.setToolEnabled(n[5]),h("shapes"),n[5].setEnabled(!0),f(11),v(11)},children:e.jsx(Me,{})}),e.jsx("div",{className:l.line}),e.jsx("button",{className:i.cn(l.tool),onClick:j,children:e.jsx(we,{})}),e.jsx("button",{className:i.cn(l.tool),onClick:b,children:e.jsx(ve,{})}),e.jsx("button",{className:i.cn(l.tool),onClick:_,children:e.jsx(Ce,{})})]}),e.jsxs("div",{className:l.optionsWrap,children:[a==="pencil"&&e.jsx(Ee,{setColorPen:o,setThicknessPen:s}),a==="highlighter"&&e.jsx(He,{setColorHighlight:x}),a==="shapes"&&e.jsx(Le,{changeBorderColorShape:p,changeColorShape:z,changeShape:f,onThicknessChange:L})]})]})})}let B=!1;const ke=({editor:t,upload:o,tooltipOptions:r})=>{const[s,x]=m.useState(!1),p=m.useRef(null),j=m.useRef(null),z=()=>{(async()=>{const c=document.querySelector("#easydrawer");c&&(p.current=new d.Editor(c,{wheelEventsEnabled:!1,disableZoom:!0}),j.current=d.makeDropdownToolbar(p.current),j.current.addDefaultToolWidgets())})()};m.useEffect(()=>{s&&setTimeout(()=>{z()},200)},[s]);const f=async()=>{if(p.current){const C=p.current.toSVG(),c=C.outerHTML,g=`drawer-${G.shortId()}.svg`;let H=G.i(C.outerHTML);if(o){const P=i.dataURLtoFile(H,g);H=await o(P)}t==null||t.chain().focus().setDrawer({type:"drawer",src:H,alt:encodeURIComponent(c),width:426,height:212},!!c).run()}x(!1)},L=C=>{const c=p.current.toolController.getPrimaryTools()[2],g=j.current.getWidgetById("pen-1");c&&g&&(c.setColor(C),g.serializeState())},b=C=>{const c=p.current.toolController.getPrimaryTools()[2],g=j.current.getWidgetById("pen-1");c&&g&&(c.setThickness(C),g.serializeState())},_=C=>{const c=p.current.toolController.getPrimaryTools()[3],g=j.current.getWidgetById("pen-2");c&&g&&(c.setColor(C),g.serializeState())},a=C=>{const c=j.current.getWidgetById("shape");c&&c.setShapeType(C)},h=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setColor(C),g.serializeState())},T=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setThickness(C),g.serializeState())},v=C=>{const c=p.current.toolController.getPrimaryTools()[5],g=j.current.getWidgetById("shape");c&&g&&(c.setBorderColor(C),g.serializeState())},n=()=>{if(B){for(;p.current.history.redoStackSize>0;)p.current.history.redo();B=!1;return}p.current.history.undo()},R=()=>{B||p.current.history.redo()},A=()=>{if(!B){for(;p.current.history.undoStackSize>0;)n();B=!0}};return e.jsxs(i.Dialog,{onOpenChange:x,open:s,children:[e.jsx(i.DialogTrigger,{asChild:!0,children:e.jsx(i.ActionButton,{action:()=>x(!0),icon:"PencilRuler",tooltip:"Drawer",tooltipOptions:r})}),e.jsxs(i.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[e.jsx(i.DialogTitle,{children:"Drawer"}),e.jsxs("div",{style:{height:"600px",width:"100%",borderWidth:1,background:"white",position:"relative"},children:[e.jsx("div",{className:"richtext-size-full",id:"easydrawer"}),e.jsx(Z,{changeBorderColorShape:v,changeColorShape:h,changeShape:a,onClear:A,onRedo:R,onThicknessChange:T,onUndo:n,refEditor:p,setColorHighlight:_,setColorPen:L,setThicknessPen:b})]}),e.jsx(i.DialogFooter,{children:e.jsx(i.Button,{onClick:f,type:"button",children:"Save changes"})})]})]})},I={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function Ne({editor:t,node:o,updateAttributes:r,getPos:s,selected:x}){const[p,j]=m.useState({width:q.IMAGE_MAX_SIZE,height:q.IMAGE_MAX_SIZE}),[z,f]=m.useState({width:0,height:0}),[L]=m.useState([I.TOP_LEFT,I.TOP_RIGHT,I.BOTTOM_LEFT,I.BOTTOM_RIGHT]),[b,_]=m.useState(!1),[a,h]=m.useState({x:0,y:0,w:0,h:0,dir:""}),{align:T}=o==null?void 0:o.attrs,v=m.useMemo(()=>{const{src:u,alt:y,width:S,height:k}=o==null?void 0:o.attrs,N=F.isNumber(S)?`${S}px`:S,w=F.isNumber(k)?`${k}px`:k;return{src:u||void 0,alt:y||void 0,style:{width:N||void 0,height:w||void 0}}},[o==null?void 0:o.attrs]),n=m.useMemo(()=>{const{style:{width:u}}=v;return{width:u==="100%"?u:void 0}},[v]);function R(u){f({width:u.target.width,height:u.target.height})}function A(){t.commands.setNodeSelection(s())}const C=m.useCallback(i.throttle(()=>{const{width:u}=getComputedStyle(t.view.dom);j(y=>({...y,width:Number.parseInt(u,10)}))},q.IMAGE_THROTTLE_WAIT_TIME),[t]);function c(u,y){u.preventDefault(),u.stopPropagation();const S=z.width,k=z.height,N=S/k;let w=Number(o.attrs.width),E=Number(o.attrs.height);const M=p.width;w&&!E?(w=w>M?M:w,E=Math.round(w/N)):E&&!w?(w=Math.round(E*N),w=w>M?M:w):!w&&!E?(w=S>M?M:S,E=Math.round(w/N)):w=w>M?M:w,_(!0),h({x:u.clientX,y:u.clientY,w,h:E,dir:y})}const g=m.useCallback(i.throttle(u=>{if(u.preventDefault(),u.stopPropagation(),!b)return;const{x:y,w:S,dir:k}=a,N=(u.clientX-y)*(/l/.test(k)?-1:1),{width:w,height:E}=o==null?void 0:o.attrs,M=w/E,V=i.clamp(S+N,q.IMAGE_MIN_SIZE,p.width),X=Math.round(V/M);r({width:V,height:X})},q.IMAGE_THROTTLE_WAIT_TIME),[b,a,p,r,o==null?void 0:o.attrs]),H=m.useCallback(u=>{u.preventDefault(),u.stopPropagation(),b&&(h({x:0,y:0,w:0,h:0,dir:""}),_(!1),A())},[b,A]),P=m.useCallback(()=>{document==null||document.addEventListener("mousemove",g,!0),document==null||document.addEventListener("mouseup",H,!0)},[g,H]),W=m.useCallback(()=>{document==null||document.removeEventListener("mousemove",g,!0),document==null||document.removeEventListener("mouseup",H,!0)},[g,H]);m.useEffect(()=>(b?P():W(),()=>{W()}),[b,P,W]);const D=m.useMemo(()=>new ResizeObserver(()=>C()),[C]);return m.useEffect(()=>(D.observe(t.view.dom),()=>{D.disconnect()}),[t.view.dom,D]),e.jsx(U.NodeViewWrapper,{className:"image-view",style:{...n,width:"100%",textAlign:T},children:e.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...n,background:"#fff"},className:`image-view__body ${x?"image-view__body--focused":""} ${b?"image-view__body--resizing":""}`,children:[e.jsx("img",{alt:v.alt,className:"image-view__body__image block",height:"auto",onClick:A,onLoad:R,src:v.src,style:v.style}),t.view.editable&&(x||b)&&e.jsx("div",{className:"image-resizer",children:L==null?void 0:L.map(u=>e.jsx("span",{className:`image-resizer__handler image-resizer__handler--${u}`,onMouseDown:y=>c(y,u)},`image-dir-${u}`))})]})})}const ze=i.index_default.extend({name:"drawer",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"drawer"},button:({editor:o,t:r,extension:s})=>{var x;return{component:ke,componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:o,icon:"PencilRuler",tooltip:r("editor.drawer.tooltip"),upload:(x=s==null?void 0:s.options)==null?void 0:x.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:o=>{const r=o.querySelector("img"),s=r==null?void 0:r.getAttribute("width");return s?Number.parseInt(s,10):320},renderHTML:o=>({width:o.width})},height:{default:null,parseHTML:o=>{const r=o.querySelector("img"),s=r==null?void 0:r.getAttribute("height");return s?Number.parseInt(s,10):212},renderHTML:o=>({height:o.height})},align:{default:"center",parseHTML:o=>o.getAttribute("align"),renderHTML:o=>({align:o.align})}}},addNodeView(){return U.ReactNodeViewRenderer(Ne)},addCommands(){return{setDrawer:(t,o)=>({commands:r,editor:s})=>o?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(s.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageDrawer:t=>({commands:o})=>o.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:o}=t;return["div",{style:o?`text-align: ${o};`:"",class:"imageDrawer"},["img",F.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageDrawer]",getAttrs:t=>{const o=t.querySelector("img"),r=o==null?void 0:o.getAttribute("width"),s=o==null?void 0:o.getAttribute("height");return{src:o==null?void 0:o.getAttribute("src"),alt:o==null?void 0:o.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:s?Number.parseInt(s,10):null,align:(o==null?void 0:o.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.ControlDrawer=Z;exports.Drawer=ze;

package/lib/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-ByRfqzMr.cjs");require("./RichTextEditor-DWlLqTl9.cjs");require("./dom-dataset-Byuf1YmW.cjs");const e=require("./Drawer-5Q_-WRhc.cjs");exports.Drawer=e.Drawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-DF2Lp4HZ.cjs");require("./RichTextEditor-CxvwGvQG.cjs");require("./dom-dataset-_6-diIRQ.cjs");const e=require("./Drawer-CdvCMSzN.cjs");exports.Drawer=e.Drawer;

package/lib/Drawer.d.cts

@@ -113,9 +113,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -123,11 +122,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
-            }) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -135,8 +132,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        exportPdf: {
+            exportToPdf: () => ReturnType;
         };
     }
 }
@@ -144,8 +141,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportPdf: {
-            exportToPdf: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -153,8 +150,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -178,15 +175,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         iframe: {
@@ -242,6 +230,15 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         indent: {
@@ -260,8 +257,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -269,9 +267,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -289,13 +291,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -306,22 +304,20 @@ declare module '@tiptap/core' {
         search: {
             setSearchTerm: (searchTerm: string) => ReturnType;
             setReplaceTerm: (replaceTerm: string) => ReturnType;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+            resetIndex: () => ReturnType;
+            nextSearchResult: () => ReturnType;
+            previousSearchResult: () => ReturnType;
             replace: () => ReturnType;
             replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
+    interface Storage {
+        searchAndReplace: SearchAndReplaceStorage;
     }
 }