ct-rich-text-editor 1.1.6 → 1.1.8

package/dist/index-b5d35c27.js

@@ -0,0 +1,804 @@
+import { u as Y, L as J, c as le, j as ce, a, b as Ce, d as be, $ as H, R as he, C as xe, e as Ee, O as Ie, H as Re, f as De, i as ve } from "./index-9cbd199b.js";
+import { CodeNode as Oe } from "@lexical/code";
+import { LinkNode as we } from "@lexical/link";
+import { useEffect as z, createContext as ue, useContext as W, useRef as T, useMemo as me, useState as K, useCallback as L, Suspense as Me } from "react";
+import { calculateZoomLevel as Z, mergeRegister as Se } from "@lexical/utils";
+import { $getSelection as $, $isNodeSelection as X, $setSelection as Q, $isRangeSelection as Pe, SELECTION_CHANGE_COMMAND as _e, COMMAND_PRIORITY_LOW as A, CLICK_COMMAND as ye, DRAGSTART_COMMAND as Ve, KEY_DELETE_COMMAND as Ae, KEY_BACKSPACE_COMMAND as Te, KEY_ENTER_COMMAND as ze, KEY_ESCAPE_COMMAND as je, RootNode as ke, TextNode as Le, LineBreakNode as Xe, ParagraphNode as Ue, createCommand as $e, $getNodeByKey as ee } from "lexical";
+import "axios";
+import "@emotion/styled";
+import "react-dom";
+import "@lexical/table";
+import "@emotion/react";
+import "emoji-picker-react";
+function Je({
+  defaultSelection: e
+}) {
+  const [r] = Y();
+  return z(() => {
+    r.focus(() => {
+      const o = document.activeElement, N = r.getRootElement();
+      N !== null && (o === null || !N.contains(o)) && N.focus({
+        preventScroll: !0
+      });
+    }, {
+      defaultSelection: e
+    });
+  }, [e, r]), null;
+}
+const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AutoFocusPlugin: Je
+}, Symbol.toStringTag, { value: "Module" }));
+function He({ defaultSelection: e }) {
+  const [r] = Y();
+  return z(() => {
+    r.focus(() => {
+      const o = document.activeElement, N = r.getRootElement();
+      N === null || o !== null && N.contains(o) || N.focus({ preventScroll: !0 });
+    }, { defaultSelection: e });
+  }, [e, r]), null;
+}
+const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AutoFocusPlugin: He
+}, Symbol.toStringTag, { value: "Module" })), Fe = process.env.NODE_ENV !== "production" ? We : Ke, Be = Fe.AutoFocusPlugin, te = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], oe = te[Math.floor(Math.random() * te.length)], de = /* @__PURE__ */ ue({
+  clientID: 0,
+  color: oe[1],
+  isCollabActive: !1,
+  name: oe[0],
+  yjsDocMap: /* @__PURE__ */ new Map()
+});
+function Ye(e, r) {
+  const o = W(de);
+  return e != null && (o.name = e), r != null && (o.color = r), o;
+}
+const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CollaborationContext: de,
+  useCollaborationContext: Ye
+}, Symbol.toStringTag, { value: "Module" })), re = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], se = re[Math.floor(Math.random() * re.length)], pe = ue({ clientID: 0, color: se[1], isCollabActive: !1, name: se[0], yjsDocMap: /* @__PURE__ */ new Map() });
+function qe(e, r) {
+  const o = W(pe);
+  return e != null && (o.name = e), r != null && (o.color = r), o;
+}
+const Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CollaborationContext: pe,
+  useCollaborationContext: qe
+}, Symbol.toStringTag, { value: "Module" })), Qe = process.env.NODE_ENV !== "production" ? Ge : Ze, G = Qe.useCollaborationContext;
+function ne(e) {
+  const r = e.transform();
+  return r !== null ? /* @__PURE__ */ new Set([r]) : /* @__PURE__ */ new Set();
+}
+function et({
+  initialEditor: e,
+  children: r,
+  initialNodes: o,
+  initialTheme: N,
+  skipCollabChecks: S
+}) {
+  const I = T(!1), x = W(J);
+  if (x == null)
+    throw Error("Unexpected parent context null on a nested composer");
+  const [d, {
+    getTheme: v
+  }] = x, _ = me(
+    () => {
+      const p = N || v() || void 0, y = le(x, p);
+      if (p !== void 0 && (e._config.theme = p), e._parentEditor = d, o)
+        for (let i of o) {
+          let E = null, t = null;
+          if (typeof i != "function") {
+            const b = i;
+            i = b.replace, E = b.with, t = b.withKlass || null;
+          }
+          const w = e._nodes.get(i.getType());
+          e._nodes.set(i.getType(), {
+            exportDOM: w ? w.exportDOM : void 0,
+            klass: i,
+            replace: E,
+            replaceWithKlass: t,
+            transforms: ne(i)
+          });
+        }
+      else {
+        const i = e._nodes = new Map(d._nodes);
+        for (const [E, t] of i)
+          e._nodes.set(E, {
+            exportDOM: t.exportDOM,
+            klass: t.klass,
+            replace: t.replace,
+            replaceWithKlass: t.replaceWithKlass,
+            transforms: ne(t.klass)
+          });
+      }
+      return e._config.namespace = d._config.namespace, e._editable = d._editable, [e, y];
+    },
+    // We only do this for init
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), {
+    isCollabActive: R,
+    yjsDocMap: O
+  } = G(), c = S || I.current || O.has(e.getKey());
+  return z(() => {
+    c && (I.current = !0);
+  }, [c]), z(() => d.registerEditableListener((p) => {
+    e.setEditable(p);
+  }), [e, d]), /* @__PURE__ */ ce.jsx(J.Provider, {
+    value: _,
+    children: !R || c ? r : null
+  });
+}
+const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LexicalNestedComposer: et
+}, Symbol.toStringTag, { value: "Module" }));
+function ot(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var rt = ot(function(e) {
+  const r = new URLSearchParams();
+  r.append("code", e);
+  for (let o = 1; o < arguments.length; o++)
+    r.append("v", arguments[o]);
+  throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${r} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+});
+function ie(e) {
+  const r = e.transform();
+  return r !== null ? /* @__PURE__ */ new Set([r]) : /* @__PURE__ */ new Set();
+}
+function st({ initialEditor: e, children: r, initialNodes: o, initialTheme: N, skipCollabChecks: S }) {
+  const I = T(!1), x = W(J);
+  x == null && rt(9);
+  const [d, { getTheme: v }] = x, _ = me(() => {
+    const p = N || v() || void 0, y = le(x, p);
+    if (p !== void 0 && (e._config.theme = p), e._parentEditor = d, o)
+      for (let i of o) {
+        let E = null, t = null;
+        if (typeof i != "function") {
+          const b = i;
+          i = b.replace, E = b.with, t = b.withKlass || null;
+        }
+        const w = e._nodes.get(i.getType());
+        e._nodes.set(i.getType(), { exportDOM: w ? w.exportDOM : void 0, klass: i, replace: E, replaceWithKlass: t, transforms: ie(i) });
+      }
+    else {
+      const i = e._nodes = new Map(d._nodes);
+      for (const [E, t] of i)
+        e._nodes.set(E, { exportDOM: t.exportDOM, klass: t.klass, replace: t.replace, replaceWithKlass: t.replaceWithKlass, transforms: ie(t.klass) });
+    }
+    return e._config.namespace = d._config.namespace, e._editable = d._editable, [e, y];
+  }, []), { isCollabActive: R, yjsDocMap: O } = G(), c = S || I.current || O.has(e.getKey());
+  return z(() => {
+    c && (I.current = !0);
+  }, [c]), z(() => d.registerEditableListener((p) => {
+    e.setEditable(p);
+  }), [e, d]), ce.jsx(J.Provider, { value: _, children: !R || c ? r : null });
+}
+const nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LexicalNestedComposer: st
+}, Symbol.toStringTag, { value: "Module" })), it = process.env.NODE_ENV !== "production" ? tt : nt, at = it.LexicalNestedComposer;
+function F(e, r, o) {
+  return Math.min(Math.max(e, r), o);
+}
+const l = {
+  east: 1,
+  north: 8,
+  south: 2,
+  west: 4
+};
+function lt({
+  onResizeStart: e,
+  onResizeEnd: r,
+  buttonRef: o,
+  imageRef: N,
+  maxWidth: S,
+  editor: I,
+  showCaption: x,
+  setShowCaption: d,
+  captionsEnabled: v
+}) {
+  const _ = T(null), R = T({
+    priority: "",
+    value: "default"
+  }), O = T({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: !1,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  }), c = I.getRootElement(), p = S || (c !== null ? c.getBoundingClientRect().width - 20 : 100), y = c !== null ? c.getBoundingClientRect().height - 20 : 100, i = 100, E = 100, t = (s) => {
+    const u = s === l.east || s === l.west, n = s === l.north || s === l.south, M = s & l.north && s & l.west || s & l.south && s & l.east, h = u ? "ew" : n ? "ns" : M ? "nwse" : "nesw";
+    c !== null && c.style.setProperty(
+      "cursor",
+      `${h}-resize`,
+      "important"
+    ), document.body !== null && (document.body.style.setProperty(
+      "cursor",
+      `${h}-resize`,
+      "important"
+    ), R.current.value = document.body.style.getPropertyValue(
+      "-webkit-user-select"
+    ), R.current.priority = document.body.style.getPropertyPriority(
+      "-webkit-user-select"
+    ), document.body.style.setProperty(
+      "-webkit-user-select",
+      "none",
+      "important"
+    ));
+  }, w = () => {
+    c !== null && c.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
+      "-webkit-user-select",
+      R.current.value,
+      R.current.priority
+    ));
+  }, b = (s, u) => {
+    if (!I.isEditable())
+      return;
+    const n = N.current, M = _.current;
+    if (n !== null && M !== null) {
+      s.preventDefault();
+      const { width: h, height: D } = n.getBoundingClientRect(), g = Z(n), f = O.current;
+      f.startWidth = h, f.startHeight = D, f.ratio = h / D, f.currentWidth = h, f.currentHeight = D, f.startX = s.clientX / g, f.startY = s.clientY / g, f.isResizing = !0, f.direction = u, t(u), e(), M.classList.add("image-control-wrapper--resizing"), n.style.height = `${D}px`, n.style.width = `${h}px`, document.addEventListener("pointermove", j), document.addEventListener("pointerup", k);
+    }
+  }, j = (s) => {
+    const u = N.current, n = O.current, M = n.direction & (l.east | l.west), h = n.direction & (l.south | l.north);
+    if (u !== null && n.isResizing) {
+      const D = Z(u);
+      if (M && h) {
+        let g = Math.floor(n.startX - s.clientX / D);
+        g = n.direction & l.east ? -g : g;
+        const f = F(
+          n.startWidth + g,
+          i,
+          p
+        ), U = f / n.ratio;
+        u.style.width = `${f}px`, u.style.height = `${U}px`, n.currentHeight = U, n.currentWidth = f;
+      } else if (h) {
+        let g = Math.floor(n.startY - s.clientY / D);
+        g = n.direction & l.south ? -g : g;
+        const f = F(
+          n.startHeight + g,
+          E,
+          y
+        );
+        u.style.height = `${f}px`, n.currentHeight = f;
+      } else {
+        let g = Math.floor(n.startX - s.clientX / D);
+        g = n.direction & l.east ? -g : g;
+        const f = F(
+          n.startWidth + g,
+          i,
+          p
+        );
+        u.style.width = `${f}px`, n.currentWidth = f;
+      }
+    }
+  }, k = () => {
+    const s = N.current, u = O.current, n = _.current;
+    if (s !== null && n !== null && u.isResizing) {
+      const M = u.currentWidth, h = u.currentHeight;
+      u.startWidth = 0, u.startHeight = 0, u.ratio = 0, u.startX = 0, u.startY = 0, u.currentWidth = 0, u.currentHeight = 0, u.isResizing = !1, n.classList.remove("image-control-wrapper--resizing"), w(), r(M, h), document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", k);
+    }
+  };
+  return /* @__PURE__ */ a.jsxDEV("div", { ref: _, children: [
+    !x && v && /* @__PURE__ */ a.jsxDEV(
+      "button",
+      {
+        className: "image-caption-button",
+        ref: o,
+        onClick: () => {
+          d(!x);
+        },
+        children: "Add Caption"
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 328,
+        columnNumber: 9
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (s) => {
+          b(s, l.north);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 338,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (s) => {
+          b(s, l.north | l.east);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 344,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (s) => {
+          b(s, l.east);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 350,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (s) => {
+          b(s, l.south | l.east);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 356,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (s) => {
+          b(s, l.south);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 362,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (s) => {
+          b(s, l.south | l.west);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 368,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (s) => {
+          b(s, l.west);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 374,
+        columnNumber: 7
+      },
+      this
+    ),
+    /* @__PURE__ */ a.jsxDEV(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (s) => {
+          b(s, l.north | l.west);
+        }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+        lineNumber: 380,
+        columnNumber: 7
+      },
+      this
+    )
+  ] }, void 0, !0, {
+    fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/ImageResizer.tsx",
+    lineNumber: 326,
+    columnNumber: 5
+  }, this);
+}
+const B = /* @__PURE__ */ new Set(), ae = $e("RIGHT_CLICK_IMAGE_COMMAND");
+function ct(e) {
+  if (!B.has(e))
+    throw new Promise((r) => {
+      const o = new Image();
+      o.src = e, o.onload = () => {
+        B.add(e), r(null);
+      }, o.onerror = () => {
+        B.add(e);
+      };
+    });
+}
+function ut({
+  altText: e,
+  className: r,
+  imageRef: o,
+  src: N,
+  width: S,
+  height: I,
+  maxWidth: x,
+  onError: d
+}) {
+  return ct(N), /* @__PURE__ */ a.jsxDEV(
+    "img",
+    {
+      className: r || void 0,
+      src: N,
+      alt: e,
+      ref: o,
+      style: {
+        height: I,
+        maxWidth: x,
+        width: S
+      },
+      onError: d,
+      draggable: "false"
+    },
+    void 0,
+    !1,
+    {
+      fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+      lineNumber: 103,
+      columnNumber: 5
+    },
+    this
+  );
+}
+function mt() {
+  return /* @__PURE__ */ a.jsxDEV(
+    "img",
+    {
+      src: "",
+      style: {
+        height: 200,
+        opacity: 0.2,
+        width: 200
+      },
+      draggable: "false"
+    },
+    void 0,
+    !1,
+    {
+      fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+      lineNumber: 122,
+      columnNumber: 5
+    },
+    this
+  );
+}
+function Dt({
+  src: e,
+  altText: r,
+  nodeKey: o,
+  width: N,
+  height: S,
+  maxWidth: I,
+  resizable: x,
+  showCaption: d,
+  caption: v,
+  captionsEnabled: _
+}) {
+  const R = T(null), O = T(null), [c, p, y] = Ce(o), [i, E] = K(!1);
+  G();
+  const [t] = Y(), [w, b] = K(null), j = T(null), [k, s] = K(!1), u = be(), n = L(
+    (C) => {
+      const m = $();
+      return c && X(m) && (C.preventDefault(), t.update(() => {
+        m.getNodes().forEach((V) => {
+          H(V) && V.remove();
+        });
+      })), !1;
+    },
+    [t, c]
+  ), M = L(
+    (C) => {
+      const m = $(), P = O.current;
+      if (c && X(m) && m.getNodes().length === 1) {
+        if (d)
+          return Q(null), C.preventDefault(), v.focus(), !0;
+        if (P !== null && P !== document.activeElement)
+          return C.preventDefault(), P.focus(), !0;
+      }
+      return !1;
+    },
+    [v, c, d]
+  ), h = L(
+    (C) => j.current === v || O.current === C.target ? (Q(null), t.update(() => {
+      p(!0);
+      const m = t.getRootElement();
+      m !== null && m.focus();
+    }), !0) : !1,
+    [v, t, p]
+  ), D = L(
+    (C) => {
+      const m = C;
+      return i ? !0 : m.target === R.current ? (m.shiftKey ? p(!c) : (y(), p(!0)), !0) : !1;
+    },
+    [i, c, p, y]
+  ), g = L(
+    (C) => {
+      t.getEditorState().read(() => {
+        const m = $();
+        C.target.tagName === "IMG" && Pe(m) && m.getNodes().length === 1 && t.dispatchCommand(
+          ae,
+          C
+        );
+      });
+    },
+    [t]
+  );
+  z(() => {
+    let C = !0;
+    const m = t.getRootElement(), P = Se(
+      t.registerUpdateListener(({ editorState: V }) => {
+        C && b(V.read(() => $()));
+      }),
+      t.registerCommand(
+        _e,
+        (V, Ne) => (j.current = Ne, !1),
+        A
+      ),
+      t.registerCommand(
+        ye,
+        D,
+        A
+      ),
+      t.registerCommand(
+        ae,
+        D,
+        A
+      ),
+      t.registerCommand(
+        Ve,
+        (V) => V.target === R.current ? (alert("s"), V.preventDefault(), !0) : !1,
+        A
+      ),
+      t.registerCommand(
+        Ae,
+        n,
+        A
+      ),
+      t.registerCommand(
+        Te,
+        n,
+        A
+      ),
+      t.registerCommand(ze, M, A),
+      t.registerCommand(
+        je,
+        h,
+        A
+      )
+    );
+    return m == null || m.addEventListener("contextmenu", g), () => {
+      C = !1, P(), m == null || m.removeEventListener("contextmenu", g);
+    };
+  }, [
+    y,
+    t,
+    i,
+    c,
+    o,
+    n,
+    M,
+    h,
+    D,
+    g,
+    p
+  ]);
+  const f = () => {
+    t.update(() => {
+      const C = ee(o);
+      H(C) && C.setShowCaption(!0);
+    });
+  }, U = (C, m) => {
+    setTimeout(() => {
+      E(!1);
+    }, 200), t.update(() => {
+      const P = ee(o);
+      H(P) && P.setWidthAndHeight(C, m);
+    });
+  }, ge = () => {
+    E(!0);
+  }, fe = c && X(w) && !i, q = (c || i) && u;
+  return /* @__PURE__ */ a.jsxDEV(Me, { fallback: null, children: /* @__PURE__ */ a.jsxDEV(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsxDEV("div", { draggable: fe, children: k ? /* @__PURE__ */ a.jsxDEV(mt, {}, void 0, !1, {
+      fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+      lineNumber: 406,
+      columnNumber: 13
+    }, this) : /* @__PURE__ */ a.jsxDEV(
+      ut,
+      {
+        className: q ? `focused ${X(w) ? "draggable" : ""}` : null,
+        src: e,
+        altText: r,
+        imageRef: R,
+        width: N,
+        height: S,
+        maxWidth: I,
+        onError: () => s(!0)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+        lineNumber: 408,
+        columnNumber: 13
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+      lineNumber: 404,
+      columnNumber: 9
+    }, this),
+    d && /* @__PURE__ */ a.jsxDEV("div", { className: "image-caption-container", children: /* @__PURE__ */ a.jsxDEV(
+      at,
+      {
+        initialEditor: v,
+        initialNodes: [
+          ke,
+          Le,
+          Xe,
+          Ue,
+          we,
+          Oe
+        ],
+        children: [
+          /* @__PURE__ */ a.jsxDEV(Be, {}, void 0, !1, {
+            fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+            lineNumber: 438,
+            columnNumber: 15
+          }, this),
+          /* @__PURE__ */ a.jsxDEV(
+            he,
+            {
+              contentEditable: /* @__PURE__ */ a.jsxDEV(
+                xe,
+                {
+                  "aria-placeholder": "Enter a caption...",
+                  placeholder: () => /* @__PURE__ */ a.jsxDEV("span", { children: "Enter a caption..." }, void 0, !1, {
+                    fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+                    lineNumber: 444,
+                    columnNumber: 40
+                  }, this),
+                  className: "ImageNode__contentEditable"
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+                  lineNumber: 442,
+                  columnNumber: 19
+                },
+                this
+              ),
+              ErrorBoundary: Ee
+            },
+            void 0,
+            !1,
+            {
+              fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+              lineNumber: 440,
+              columnNumber: 15
+            },
+            this
+          ),
+          /* @__PURE__ */ a.jsxDEV(Ie, { onChange: (C) => console.log("e") }, void 0, !1, {
+            fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+            lineNumber: 451,
+            columnNumber: 15
+          }, this),
+          /* @__PURE__ */ a.jsxDEV(Re, {}, void 0, !1, {
+            fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+            lineNumber: 452,
+            columnNumber: 15
+          }, this),
+          /* @__PURE__ */ a.jsxDEV(De, { namespace: ve.namespace }, void 0, !1, {
+            fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+            lineNumber: 453,
+            columnNumber: 15
+          }, this)
+        ]
+      },
+      void 0,
+      !0,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+        lineNumber: 427,
+        columnNumber: 13
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+      lineNumber: 426,
+      columnNumber: 11
+    }, this),
+    x && X(w) && q && /* @__PURE__ */ a.jsxDEV(
+      lt,
+      {
+        showCaption: d,
+        setShowCaption: f,
+        editor: t,
+        buttonRef: O,
+        imageRef: R,
+        maxWidth: I,
+        onResizeStart: ge,
+        onResizeEnd: U,
+        captionsEnabled: !k && _
+      },
+      void 0,
+      !1,
+      {
+        fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+        lineNumber: 458,
+        columnNumber: 11
+      },
+      this
+    )
+  ] }, void 0, !0, {
+    fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+    lineNumber: 403,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
+    lineNumber: 402,
+    columnNumber: 5
+  }, this);
+}
+export {
+  ae as RIGHT_CLICK_IMAGE_COMMAND,
+  Dt as default
+};
+//# sourceMappingURL=index-b5d35c27.js.map