sykpcomposer 0.0.384 → 0.0.386

package/dist/ImageComponent-3ea88307.js

@@ -0,0 +1,975 @@
+import { m as ce, C as Se, $ as Ne, a as V, b as be, c as J, d as xe, e as te, f as U, g as Te, h as ee, i as we, u as Le, j as T, k as Ie, l as Ae, n as oe, o as se, p as fe, S as ze, q as Y, r as Oe, D as Be, K as He, s as Fe, t as Ke, v as We, w as Ue, A as Ye, N as Ge, L as Ve, E as Xe, H as qe, x as Je, R as Qe, y as Ze, P as et, z as tt, B as nt } from "./index-095d8c6f.js";
+import { L as rt } from "./LexicalNestedComposer.esm-e4c542f3.js";
+import * as k from "react";
+import { createContext as ot, useContext as st, useState as A, useRef as O, useCallback as G, useEffect as H, useMemo as $e, Suspense as it } from "react";
+import "react-dom";
+const de = window.location.hostname, lt = de !== "playground.lexical.dev" && de !== "lexical-playground.vercel.app", at = {
+  disableBeforeInput: !1,
+  emptyEditor: lt,
+  isAutocomplete: !1,
+  isCharLimit: !1,
+  isCharLimitUtf8: !1,
+  isCollab: !1,
+  isMaxLength: !1,
+  isRichText: !0,
+  measureTypingPerf: !1,
+  shouldUseLexicalContextMenu: !1,
+  showNestedEditorTreeView: !1,
+  showTableOfContents: !1,
+  showTreeView: !0,
+  tableCellBackgroundColor: !0,
+  tableCellMerge: !0
+}, ct = ot({
+  setOption: (e, t) => {
+  },
+  settings: at
+}), ut = () => st(ct), je = Object.freeze({
+  "	": "\\t",
+  "\n": "\\n"
+}), me = new RegExp(Object.keys(je).join("|"), "g"), W = Object.freeze({
+  ancestorHasNextSibling: "|",
+  ancestorIsLastChild: " ",
+  hasNextSibling: "├",
+  isLastChild: "└",
+  selectedChar: "^",
+  selectedLine: ">"
+});
+function ft({
+  treeTypeButtonClassName: e,
+  timeTravelButtonClassName: t,
+  timeTravelPanelSliderClassName: r,
+  timeTravelPanelButtonClassName: a,
+  viewClassName: c,
+  timeTravelPanelClassName: u,
+  editor: o
+}) {
+  const [s, v] = A([]), [d, l] = A(""), [m, h] = A(!1), [g, I] = A(!1), E = O(0), L = O(null), p = O(null), [R, _] = A(!1), [S, B] = A(!1), [i, N] = A(!1), f = O(null), w = dt(o), D = G((n) => {
+    const b = ie(o, w, g);
+    l(b), m || v(($) => [...$, [Date.now(), n]]);
+  }, [w, o, m, g]);
+  H(() => {
+    const n = o.getEditorState();
+    !i && n._nodeMap.size < 1e3 && l(ie(o, w, g));
+  }, [w, o, i, g]), H(() => ce(o.registerUpdateListener(({
+    editorState: n
+  }) => {
+    !i && n._nodeMap.size > 1e3 && (f.current = n, B(!0), !i) || D(n);
+  }), o.registerEditableListener(() => {
+    const n = ie(o, w, g);
+    l(n);
+  })), [w, o, g, S, D, i]);
+  const y = s.length;
+  return H(() => {
+    if (R) {
+      let n;
+      const b = () => {
+        const $ = E.current;
+        if ($ === y - 1) {
+          _(!1);
+          return;
+        }
+        const z = s[$][0], x = s[$ + 1][0] - z;
+        n = setTimeout(() => {
+          E.current++;
+          const P = E.current, M = p.current;
+          M !== null && (M.value = String(P)), o.setEditorState(s[P][1]), b();
+        }, x);
+      };
+      return b(), () => {
+        clearTimeout(n);
+      };
+    }
+  }, [s, R, o, y]), H(() => {
+    const n = L.current;
+    if (n !== null)
+      return n.__lexicalEditor = o, () => {
+        n.__lexicalEditor = null;
+      };
+  }, [o]), /* @__PURE__ */ k.createElement("div", {
+    className: c
+  }, !i && S ? /* @__PURE__ */ k.createElement("div", {
+    style: {
+      padding: 20
+    }
+  }, /* @__PURE__ */ k.createElement("span", {
+    style: {
+      marginRight: 20
+    }
+  }, "Detected large EditorState, this can impact debugging performance."), /* @__PURE__ */ k.createElement("button", {
+    onClick: () => {
+      N(!0);
+      const n = f.current;
+      n !== null && (f.current = null, D(n));
+    },
+    style: {
+      background: "transparent",
+      border: "1px solid white",
+      color: "white",
+      cursor: "pointer",
+      padding: 5
+    }
+  }, "Show full tree")) : null, i ? null : /* @__PURE__ */ k.createElement("button", {
+    onClick: () => I(!g),
+    className: e,
+    type: "button"
+  }, g ? "Tree" : "Export DOM"), !m && (i || !S) && y > 2 && /* @__PURE__ */ k.createElement("button", {
+    onClick: () => {
+      const n = o.getRootElement();
+      n !== null && (n.contentEditable = "false", E.current = y - 1, h(!0));
+    },
+    className: t,
+    type: "button"
+  }, "Time Travel"), (i || !S) && /* @__PURE__ */ k.createElement("pre", {
+    ref: L
+  }, d), m && (i || !S) && /* @__PURE__ */ k.createElement("div", {
+    className: u
+  }, /* @__PURE__ */ k.createElement("button", {
+    className: a,
+    onClick: () => {
+      E.current === y - 1 && (E.current = 1), _(!R);
+    },
+    type: "button"
+  }, R ? "Pause" : "Play"), /* @__PURE__ */ k.createElement("input", {
+    className: r,
+    ref: p,
+    onChange: (n) => {
+      const b = Number(n.target.value), $ = s[b];
+      $ && (E.current = b, o.setEditorState($[1]));
+    },
+    type: "range",
+    min: "1",
+    max: y - 1
+  }), /* @__PURE__ */ k.createElement("button", {
+    className: a,
+    onClick: () => {
+      const n = o.getRootElement();
+      if (n !== null) {
+        n.contentEditable = "true";
+        const b = s.length - 1, $ = s[b];
+        o.setEditorState($[1]);
+        const z = p.current;
+        z !== null && (z.value = String(b)), h(!1), _(!1);
+      }
+    },
+    type: "button"
+  }, "Exit")));
+}
+function dt(e) {
+  const [t, r] = A([]);
+  return H(() => {
+    const a = /* @__PURE__ */ new Set();
+    for (const [c] of e._commands)
+      a.add(e.registerCommand(c, (u) => (r((o) => {
+        const s = [...o];
+        return s.push({
+          payload: u,
+          type: c.type ? c.type : "UNKNOWN"
+        }), s.length > 10 && s.shift(), s;
+      }), !1), Se));
+    return () => a.forEach((c) => c());
+  }, [e]), $e(() => t, [t]);
+}
+function mt(e) {
+  let t = "";
+  const r = _e(e);
+  t += `: range ${r !== "" ? `{ ${r} }` : ""} ${e.style !== "" ? `{ style: ${e.style} } ` : ""}`;
+  const a = e.anchor, c = e.focus, u = a.offset, o = c.offset;
+  return t += `
+  ├ anchor { key: ${a.key}, offset: ${u === null ? "null" : u}, type: ${a.type} }`, t += `
+  └ focus { key: ${c.key}, offset: ${o === null ? "null" : o}, type: ${c.type} }`, t;
+}
+function gt(e) {
+  return U(e) ? `: node
+  └ [${Array.from(e._nodes).join(", ")}]` : "";
+}
+function ht(e) {
+  return `: table
+  └ { table: ${e.tableKey}, anchorCell: ${e.anchor.key}, focusCell: ${e.focus.key} }`;
+}
+function ie(e, t, r) {
+  const a = e.getEditorState(), c = e._config, u = e._compositionKey, o = e._editable;
+  if (r) {
+    let d = "";
+    return a.read(() => {
+      d = jt(Ne(e));
+    }), d;
+  }
+  let s = ` root
+`;
+  const v = a.read(() => {
+    const d = V();
+    return ve(be(), (l, m) => {
+      const g = `(${l.getKey()})`, I = l.getType() || "", E = l.isSelected(), L = Te(l) ? ` id: [ ${l.getIDs().join(", ")} ] ` : "";
+      s += `${E ? W.selectedLine : " "} ${m.join(" ")} ${g} ${I} ${L} ${pt(l)}
+`, s += $t({
+        indent: m,
+        isSelected: E,
+        node: l,
+        nodeKeyDisplay: g,
+        selection: d,
+        typeDisplay: I
+      });
+    }), d === null ? ": null" : J(d) ? mt(d) : xe(d) ? ht(d) : gt(d);
+  });
+  if (s += `
+ selection` + v, s += `
+
+ commands:`, t.length)
+    for (const {
+      type: d,
+      payload: l
+    } of t)
+      s += `
+  └ { type: ${d}, payload: ${l instanceof Event ? l.constructor.name : l} }`;
+  else
+    s += `
+  └ None dispatched.`;
+  return s += `
+
+ editor:`, s += `
+  └ namespace ${c.namespace}`, u !== null && (s += `
+  └ compositionKey ${u}`), s += `
+  └ editable ${String(o)}`, s;
+}
+function ve(e, t, r = []) {
+  const a = e.getChildren(), c = a.length;
+  a.forEach((u, o) => {
+    t(u, r.concat(o === c - 1 ? W.isLastChild : W.hasNextSibling)), te(u) && ve(u, t, r.concat(o === c - 1 ? W.ancestorIsLastChild : W.ancestorHasNextSibling));
+  });
+}
+function ge(e) {
+  return Object.entries(je).reduce((t, [r, a]) => t.replace(new RegExp(r, "g"), String(a)), e);
+}
+function pt(e) {
+  if (ee(e)) {
+    const t = e.getTextContent(), r = t.length === 0 ? "(empty)" : `"${ge(t)}"`, a = St(e);
+    return [r, a.length !== 0 ? `{ ${a} }` : null].filter(Boolean).join(" ").trim();
+  } else if (we(e)) {
+    const t = e.getURL(), r = t.length === 0 ? "(empty)" : `"${ge(t)}"`, a = Nt(e);
+    return [r, a.length !== 0 ? `{ ${a} }` : null].filter(Boolean).join(" ").trim();
+  } else
+    return "";
+}
+const yt = [(e) => e.hasFormat("bold") && "Bold", (e) => e.hasFormat("code") && "Code", (e) => e.hasFormat("italic") && "Italic", (e) => e.hasFormat("strikethrough") && "Strikethrough", (e) => e.hasFormat("subscript") && "Subscript", (e) => e.hasFormat("superscript") && "Superscript", (e) => e.hasFormat("underline") && "Underline"], Et = [(e) => e.isDirectionless() && "Directionless", (e) => e.isUnmergeable() && "Unmergeable"], Ct = [(e) => e.isToken() && "Token", (e) => e.isSegmented() && "Segmented"];
+function St(e) {
+  return [_e(e), bt(e), xt(e)].filter(Boolean).join(", ");
+}
+function Nt(e) {
+  return [Tt(e), wt(e), Lt(e)].filter(Boolean).join(", ");
+}
+function bt(e) {
+  let t = Et.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "detail: " + t), t;
+}
+function xt(e) {
+  let t = Ct.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "mode: " + t), t;
+}
+function _e(e) {
+  let t = yt.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "format: " + t), t;
+}
+function Tt(e) {
+  let t = e.getTarget();
+  return t != null && (t = "target: " + t), t;
+}
+function wt(e) {
+  let t = e.getRel();
+  return t != null && (t = "rel: " + t), t;
+}
+function Lt(e) {
+  let t = e.getTitle();
+  return t != null && (t = "title: " + t), t;
+}
+function $t({
+  indent: e,
+  isSelected: t,
+  node: r,
+  nodeKeyDisplay: a,
+  selection: c,
+  typeDisplay: u
+}) {
+  if (!ee(r) || !J(c) || !t || te(r))
+    return "";
+  const o = c.anchor, s = c.focus;
+  if (r.getTextContent() === "" || o.getNode() === c.focus.getNode() && o.offset === s.offset)
+    return "";
+  const [v, d] = vt(r, c);
+  if (v === d)
+    return "";
+  const l = e[e.length - 1] === W.hasNextSibling ? W.ancestorHasNextSibling : W.ancestorIsLastChild, m = [...e.slice(0, e.length - 1), l], h = Array(v + 1).fill(" "), g = Array(d - v).fill(W.selectedChar), I = u.length + 3, E = Array(a.length + I).fill(" ");
+  return [W.selectedLine, m.join(" "), [...E, ...h, ...g].join("")].join(" ") + `
+`;
+}
+function jt(e) {
+  const t = document.createElement("div");
+  return t.innerHTML = e.trim(), Re(t, 0).innerHTML;
+}
+function Re(e, t) {
+  const r = new Array(t++ + 1).join("  "), a = new Array(t - 1).join("  ");
+  let c;
+  for (let u = 0; u < e.children.length; u++)
+    c = document.createTextNode(`
+` + r), e.insertBefore(c, e.children[u]), Re(e.children[u], t), e.lastElementChild === e.children[u] && (c = document.createTextNode(`
+` + a), e.appendChild(c));
+  return e;
+}
+function vt(e, t) {
+  const r = t.getStartEndPoints();
+  if (U(t) || r === null)
+    return [-1, -1];
+  const [a, c] = r, u = e.getTextContent(), o = u.length;
+  let s = -1, v = -1;
+  if (a.type === "text" && c.type === "text") {
+    const m = a.getNode(), h = c.getNode();
+    m === h && e === m && a.offset !== c.offset ? [s, v] = a.offset < c.offset ? [a.offset, c.offset] : [c.offset, a.offset] : e === m ? [s, v] = m.isBefore(h) ? [a.offset, o] : [0, a.offset] : e === h ? [s, v] = h.isBefore(m) ? [c.offset, o] : [0, c.offset] : [s, v] = [0, o];
+  }
+  const d = (u.slice(0, s).match(me) || []).length, l = (u.slice(s, v).match(me) || []).length;
+  return [s + d, v + d + l];
+}
+const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TreeView: ft
+}, Symbol.toStringTag, { value: "Module" })), De = Object.freeze({ "	": "\\t", "\n": "\\n" }), he = new RegExp(Object.keys(De).join("|"), "g"), K = Object.freeze({ ancestorHasNextSibling: "|", ancestorIsLastChild: " ", hasNextSibling: "├", isLastChild: "└", selectedChar: "^", selectedLine: ">" });
+function Rt({ treeTypeButtonClassName: e, timeTravelButtonClassName: t, timeTravelPanelSliderClassName: r, timeTravelPanelButtonClassName: a, viewClassName: c, timeTravelPanelClassName: u, editor: o }) {
+  const [s, v] = A([]), [d, l] = A(""), [m, h] = A(!1), [g, I] = A(!1), E = O(0), L = O(null), p = O(null), [R, _] = A(!1), [S, B] = A(!1), [i, N] = A(!1), f = O(null), w = function(n) {
+    const [b, $] = A([]);
+    return H(() => {
+      const z = /* @__PURE__ */ new Set();
+      for (const [C] of n._commands)
+        z.add(n.registerCommand(C, (x) => ($((P) => {
+          const M = [...P];
+          return M.push({ payload: x, type: C.type ? C.type : "UNKNOWN" }), M.length > 10 && M.shift(), M;
+        }), !1), Se));
+      return () => z.forEach((C) => C());
+    }, [n]), $e(() => b, [b]);
+  }(o), D = G((n) => {
+    const b = le(o, w, g);
+    l(b), m || v(($) => [...$, [Date.now(), n]]);
+  }, [w, o, m, g]);
+  H(() => {
+    const n = o.getEditorState();
+    !i && n._nodeMap.size < 1e3 && l(le(o, w, g));
+  }, [w, o, i, g]), H(() => ce(o.registerUpdateListener(({ editorState: n }) => {
+    !i && n._nodeMap.size > 1e3 && (f.current = n, B(!0), !i) || D(n);
+  }), o.registerEditableListener(() => {
+    const n = le(o, w, g);
+    l(n);
+  })), [w, o, g, S, D, i]);
+  const y = s.length;
+  return H(() => {
+    if (R) {
+      let n;
+      const b = () => {
+        const $ = E.current;
+        if ($ === y - 1)
+          return void _(!1);
+        const z = s[$][0], C = s[$ + 1][0];
+        n = setTimeout(() => {
+          E.current++;
+          const x = E.current, P = p.current;
+          P !== null && (P.value = String(x)), o.setEditorState(s[x][1]), b();
+        }, C - z);
+      };
+      return b(), () => {
+        clearTimeout(n);
+      };
+    }
+  }, [s, R, o, y]), H(() => {
+    const n = L.current;
+    if (n !== null)
+      return n.__lexicalEditor = o, () => {
+        n.__lexicalEditor = null;
+      };
+  }, [o]), k.createElement("div", { className: c }, !i && S ? k.createElement("div", { style: { padding: 20 } }, k.createElement("span", { style: { marginRight: 20 } }, "Detected large EditorState, this can impact debugging performance."), k.createElement("button", { onClick: () => {
+    N(!0);
+    const n = f.current;
+    n !== null && (f.current = null, D(n));
+  }, style: { background: "transparent", border: "1px solid white", color: "white", cursor: "pointer", padding: 5 } }, "Show full tree")) : null, i ? null : k.createElement("button", { onClick: () => I(!g), className: e, type: "button" }, g ? "Tree" : "Export DOM"), !m && (i || !S) && y > 2 && k.createElement("button", { onClick: () => {
+    const n = o.getRootElement();
+    n !== null && (n.contentEditable = "false", E.current = y - 1, h(!0));
+  }, className: t, type: "button" }, "Time Travel"), (i || !S) && k.createElement("pre", { ref: L }, d), m && (i || !S) && k.createElement("div", { className: u }, k.createElement("button", { className: a, onClick: () => {
+    E.current === y - 1 && (E.current = 1), _(!R);
+  }, type: "button" }, R ? "Pause" : "Play"), k.createElement("input", { className: r, ref: p, onChange: (n) => {
+    const b = Number(n.target.value), $ = s[b];
+    $ && (E.current = b, o.setEditorState($[1]));
+  }, type: "range", min: "1", max: y - 1 }), k.createElement("button", { className: a, onClick: () => {
+    const n = o.getRootElement();
+    if (n !== null) {
+      n.contentEditable = "true";
+      const b = s.length - 1, $ = s[b];
+      o.setEditorState($[1]);
+      const z = p.current;
+      z !== null && (z.value = String(b)), h(!1), _(!1);
+    }
+  }, type: "button" }, "Exit")));
+}
+function le(e, t, r) {
+  const a = e.getEditorState(), c = e._config, u = e._compositionKey, o = e._editable;
+  if (r) {
+    let d = "";
+    return a.read(() => {
+      d = function(l) {
+        const m = document.createElement("div");
+        return m.innerHTML = l.trim(), Me(m, 0).innerHTML;
+      }(Ne(e));
+    }), d;
+  }
+  let s = ` root
+`;
+  const v = a.read(() => {
+    const d = V();
+    return Pe(be(), (l, m) => {
+      const h = `(${l.getKey()})`, g = l.getType() || "", I = l.isSelected(), E = Te(l) ? ` id: [ ${l.getIDs().join(", ")} ] ` : "";
+      s += `${I ? K.selectedLine : " "} ${m.join(" ")} ${h} ${g} ${E} ${function(L) {
+        if (ee(L)) {
+          const p = L.getTextContent(), R = p.length === 0 ? "(empty)" : `"${pe(p)}"`, _ = function(S) {
+            return [ye(S), kt(S), It(S)].filter(Boolean).join(", ");
+          }(L);
+          return [R, _.length !== 0 ? `{ ${_} }` : null].filter(Boolean).join(" ").trim();
+        }
+        if (we(L)) {
+          const p = L.getURL(), R = p.length === 0 ? "(empty)" : `"${pe(p)}"`, _ = function(S) {
+            return [At(S), zt(S), Ot(S)].filter(Boolean).join(", ");
+          }(L);
+          return [R, _.length !== 0 ? `{ ${_} }` : null].filter(Boolean).join(" ").trim();
+        }
+        return "";
+      }(l)}
+`, s += function({ indent: L, isSelected: p, node: R, nodeKeyDisplay: _, selection: S, typeDisplay: B }) {
+        if (!ee(R) || !J(S) || !p || te(R))
+          return "";
+        const i = S.anchor, N = S.focus;
+        if (R.getTextContent() === "" || i.getNode() === S.focus.getNode() && i.offset === N.offset)
+          return "";
+        const [f, w] = function(C, x) {
+          const P = x.getStartEndPoints();
+          if (U(x) || P === null)
+            return [-1, -1];
+          const [M, F] = P, ne = C.getTextContent(), re = ne.length;
+          let X = -1, Q = -1;
+          if (M.type === "text" && F.type === "text") {
+            const q = M.getNode(), Z = F.getNode();
+            q === Z && C === q && M.offset !== F.offset ? [X, Q] = M.offset < F.offset ? [M.offset, F.offset] : [F.offset, M.offset] : [X, Q] = C === q ? q.isBefore(Z) ? [M.offset, re] : [0, M.offset] : C === Z ? Z.isBefore(q) ? [F.offset, re] : [0, F.offset] : [0, re];
+          }
+          const ue = (ne.slice(0, X).match(he) || []).length, ke = (ne.slice(X, Q).match(he) || []).length;
+          return [X + ue, Q + ue + ke];
+        }(R, S);
+        if (f === w)
+          return "";
+        const D = L[L.length - 1] === K.hasNextSibling ? K.ancestorHasNextSibling : K.ancestorIsLastChild, y = [...L.slice(0, L.length - 1), D], n = Array(f + 1).fill(" "), b = Array(w - f).fill(K.selectedChar), $ = B.length + 3, z = Array(_.length + $).fill(" ");
+        return [K.selectedLine, y.join(" "), [...z, ...n, ...b].join("")].join(" ") + `
+`;
+      }({ indent: m, isSelected: I, node: l, nodeKeyDisplay: h, selection: d, typeDisplay: g });
+    }), d === null ? ": null" : J(d) ? function(l) {
+      let m = "";
+      const h = ye(l);
+      m += `: range ${h !== "" ? `{ ${h} }` : ""} ${l.style !== "" ? `{ style: ${l.style} } ` : ""}`;
+      const g = l.anchor, I = l.focus, E = g.offset, L = I.offset;
+      return m += `
+  ├ anchor { key: ${g.key}, offset: ${E === null ? "null" : E}, type: ${g.type} }`, m += `
+  └ focus { key: ${I.key}, offset: ${L === null ? "null" : L}, type: ${I.type} }`, m;
+    }(d) : xe(d) ? function(l) {
+      return `: table
+  └ { table: ${l.tableKey}, anchorCell: ${l.anchor.key}, focusCell: ${l.focus.key} }`;
+    }(d) : function(l) {
+      return U(l) ? `: node
+  └ [${Array.from(l._nodes).join(", ")}]` : "";
+    }(d);
+  });
+  if (s += `
+ selection` + v, s += `
+
+ commands:`, t.length)
+    for (const { type: d, payload: l } of t)
+      s += `
+  └ { type: ${d}, payload: ${l instanceof Event ? l.constructor.name : l} }`;
+  else
+    s += `
+  └ None dispatched.`;
+  return s += `
+
+ editor:`, s += `
+  └ namespace ${c.namespace}`, u !== null && (s += `
+  └ compositionKey ${u}`), s += `
+  └ editable ${String(o)}`, s;
+}
+function Pe(e, t, r = []) {
+  const a = e.getChildren(), c = a.length;
+  a.forEach((u, o) => {
+    t(u, r.concat(o === c - 1 ? K.isLastChild : K.hasNextSibling)), te(u) && Pe(u, t, r.concat(o === c - 1 ? K.ancestorIsLastChild : K.ancestorHasNextSibling));
+  });
+}
+function pe(e) {
+  return Object.entries(De).reduce((t, [r, a]) => t.replace(new RegExp(r, "g"), String(a)), e);
+}
+const Dt = [(e) => e.hasFormat("bold") && "Bold", (e) => e.hasFormat("code") && "Code", (e) => e.hasFormat("italic") && "Italic", (e) => e.hasFormat("strikethrough") && "Strikethrough", (e) => e.hasFormat("subscript") && "Subscript", (e) => e.hasFormat("superscript") && "Superscript", (e) => e.hasFormat("underline") && "Underline"], Pt = [(e) => e.isDirectionless() && "Directionless", (e) => e.isUnmergeable() && "Unmergeable"], Mt = [(e) => e.isToken() && "Token", (e) => e.isSegmented() && "Segmented"];
+function kt(e) {
+  let t = Pt.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "detail: " + t), t;
+}
+function It(e) {
+  let t = Mt.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "mode: " + t), t;
+}
+function ye(e) {
+  let t = Dt.map((r) => r(e)).filter(Boolean).join(", ").toLocaleLowerCase();
+  return t !== "" && (t = "format: " + t), t;
+}
+function At(e) {
+  let t = e.getTarget();
+  return t != null && (t = "target: " + t), t;
+}
+function zt(e) {
+  let t = e.getRel();
+  return t != null && (t = "rel: " + t), t;
+}
+function Ot(e) {
+  let t = e.getTitle();
+  return t != null && (t = "title: " + t), t;
+}
+function Me(e, t) {
+  const r = new Array(1 + t++).join("  "), a = new Array(t - 1).join("  ");
+  let c;
+  for (let u = 0; u < e.children.length; u++)
+    c = document.createTextNode(`
+` + r), e.insertBefore(c, e.children[u]), Me(e.children[u], t), e.lastElementChild === e.children[u] && (c = document.createTextNode(`
+` + a), e.appendChild(c));
+  return e;
+}
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TreeView: Rt
+}, Symbol.toStringTag, { value: "Module" })), Ht = process.env.NODE_ENV === "development" ? _t : Bt, Ft = Ht.TreeView;
+function Kt() {
+  const [e] = Le();
+  return /* @__PURE__ */ T.jsx(
+    Ft,
+    {
+      viewClassName: "tree-view-output",
+      treeTypeButtonClassName: "debug-treetype-button",
+      timeTravelPanelClassName: "debug-timetravel-panel",
+      timeTravelButtonClassName: "debug-timetravel-button",
+      timeTravelPanelSliderClassName: "debug-timetravel-panel-slider",
+      timeTravelPanelButtonClassName: "debug-timetravel-panel-button",
+      editor: e
+    }
+  );
+}
+function ae(e, t, r) {
+  return Math.min(Math.max(e, t), r);
+}
+const j = {
+  east: 1,
+  north: 8,
+  south: 2,
+  west: 4
+};
+function Wt({
+  onResizeStart: e,
+  onResizeEnd: t,
+  buttonRef: r,
+  imageRef: a,
+  maxWidth: c,
+  editor: u,
+  showCaption: o,
+  setShowCaption: s,
+  captionsEnabled: v
+}) {
+  const d = O(null), l = O({
+    priority: "",
+    value: "default"
+  }), m = O({
+    currentHeight: 0,
+    currentWidth: 0,
+    direction: 0,
+    isResizing: !1,
+    ratio: 0,
+    startHeight: 0,
+    startWidth: 0,
+    startX: 0,
+    startY: 0
+  }), h = u.getRootElement(), g = c || (h !== null ? h.getBoundingClientRect().width - 20 : 100), I = h !== null ? h.getBoundingClientRect().height - 20 : 100, E = 100, L = 100, p = (i) => {
+    const N = i === j.east || i === j.west, f = i === j.north || i === j.south, w = i & j.north && i & j.west || i & j.south && i & j.east, D = N ? "ew" : f ? "ns" : w ? "nwse" : "nesw";
+    h !== null && h.style.setProperty(
+      "cursor",
+      `${D}-resize`,
+      "important"
+    ), document.body !== null && (document.body.style.setProperty(
+      "cursor",
+      `${D}-resize`,
+      "important"
+    ), l.current.value = document.body.style.getPropertyValue(
+      "-webkit-user-select"
+    ), l.current.priority = document.body.style.getPropertyPriority(
+      "-webkit-user-select"
+    ), document.body.style.setProperty(
+      "-webkit-user-select",
+      "none",
+      "important"
+    ));
+  }, R = () => {
+    h !== null && h.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
+      "-webkit-user-select",
+      l.current.value,
+      l.current.priority
+    ));
+  }, _ = (i, N) => {
+    if (!u.isEditable())
+      return;
+    const f = a.current, w = d.current;
+    if (f !== null && w !== null) {
+      i.preventDefault();
+      const { width: D, height: y } = f.getBoundingClientRect(), n = m.current;
+      n.startWidth = D, n.startHeight = y, n.ratio = D / y, n.currentWidth = D, n.currentHeight = y, n.startX = i.clientX, n.startY = i.clientY, n.isResizing = !0, n.direction = N, p(N), e(), w.classList.add("image-control-wrapper--resizing"), f.style.height = `${y}px`, f.style.width = `${D}px`, document.addEventListener("pointermove", S), document.addEventListener("pointerup", B);
+    }
+  }, S = (i) => {
+    const N = a.current, f = m.current, w = f.direction & (j.east | j.west), D = f.direction & (j.south | j.north);
+    if (N !== null && f.isResizing)
+      if (w && D) {
+        let y = Math.floor(f.startX - i.clientX);
+        y = f.direction & j.east ? -y : y;
+        const n = ae(
+          f.startWidth + y,
+          E,
+          g
+        ), b = n / f.ratio;
+        N.style.width = `${n}px`, N.style.height = `${b}px`, f.currentHeight = b, f.currentWidth = n;
+      } else if (D) {
+        let y = Math.floor(f.startY - i.clientY);
+        y = f.direction & j.south ? -y : y;
+        const n = ae(
+          f.startHeight + y,
+          L,
+          I
+        );
+        N.style.height = `${n}px`, f.currentHeight = n;
+      } else {
+        let y = Math.floor(f.startX - i.clientX);
+        y = f.direction & j.east ? -y : y;
+        const n = ae(
+          f.startWidth + y,
+          E,
+          g
+        );
+        N.style.width = `${n}px`, f.currentWidth = n;
+      }
+  }, B = () => {
+    const i = a.current, N = m.current, f = d.current;
+    if (i !== null && f !== null && N.isResizing) {
+      const w = N.currentWidth, D = N.currentHeight;
+      N.startWidth = 0, N.startHeight = 0, N.ratio = 0, N.startX = 0, N.startY = 0, N.currentWidth = 0, N.currentHeight = 0, N.isResizing = !1, f.classList.remove("image-control-wrapper--resizing"), R(), t(w, D), document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", B);
+    }
+  };
+  return /* @__PURE__ */ T.jsxs("div", { ref: d, children: [
+    !o && v && /* @__PURE__ */ T.jsx(
+      "button",
+      {
+        className: "image-caption-button",
+        ref: r,
+        onClick: () => {
+          s(!o);
+        },
+        children: "Add Caption"
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-n",
+        onPointerDown: (i) => {
+          _(i, j.north);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-ne",
+        onPointerDown: (i) => {
+          _(i, j.north | j.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-e",
+        onPointerDown: (i) => {
+          _(i, j.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-se",
+        onPointerDown: (i) => {
+          _(i, j.south | j.east);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-s",
+        onPointerDown: (i) => {
+          _(i, j.south);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-sw",
+        onPointerDown: (i) => {
+          _(i, j.south | j.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-w",
+        onPointerDown: (i) => {
+          _(i, j.west);
+        }
+      }
+    ),
+    /* @__PURE__ */ T.jsx(
+      "div",
+      {
+        className: "image-resizer image-resizer-nw",
+        onPointerDown: (i) => {
+          _(i, j.north | j.west);
+        }
+      }
+    )
+  ] });
+}
+const Ee = /* @__PURE__ */ new Set(), Ce = nt("RIGHT_CLICK_IMAGE_COMMAND");
+function Ut(e) {
+  if (!Ee.has(e))
+    throw new Promise((t) => {
+      const r = new Image();
+      r.src = e, r.onload = () => {
+        Ee.add(e), t(null);
+      };
+    });
+}
+function Yt({
+  altText: e,
+  className: t,
+  imageRef: r,
+  src: a,
+  width: c,
+  height: u,
+  maxWidth: o
+}) {
+  return Ut(a), /* @__PURE__ */ T.jsx(
+    "img",
+    {
+      className: t || void 0,
+      src: a,
+      alt: e,
+      ref: r,
+      style: {
+        height: u,
+        maxWidth: o,
+        width: c
+      },
+      draggable: "false"
+    }
+  );
+}
+function Jt({
+  src: e,
+  altText: t,
+  nodeKey: r,
+  width: a,
+  height: c,
+  maxWidth: u,
+  resizable: o,
+  showCaption: s,
+  caption: v,
+  captionsEnabled: d
+}) {
+  const l = O(null), m = O(null), [h, g, I] = Ie(r), [E, L] = A(!1);
+  Ae();
+  const [p] = Le(), [R, _] = A(null), S = O(null), B = G(
+    (C) => {
+      if (h && U(V())) {
+        C.preventDefault();
+        const P = oe(r);
+        if (se(P))
+          return P.remove(), !0;
+      }
+      return !1;
+    },
+    [h, r]
+  ), i = G(
+    (C) => {
+      const x = V(), P = m.current;
+      if (h && U(x) && x.getNodes().length === 1) {
+        if (s)
+          return fe(null), C.preventDefault(), v.focus(), !0;
+        if (P !== null && P !== document.activeElement)
+          return C.preventDefault(), P.focus(), !0;
+      }
+      return !1;
+    },
+    [v, h, s]
+  ), N = G(
+    (C) => S.current === v || m.current === C.target ? (fe(null), p.update(() => {
+      g(!0);
+      const x = p.getRootElement();
+      x !== null && x.focus();
+    }), !0) : !1,
+    [v, p, g]
+  ), f = G(
+    (C) => {
+      const x = C;
+      return E ? !0 : x.target === l.current ? (x.shiftKey ? g(!h) : (I(), g(!0)), !0) : !1;
+    },
+    [E, h, g, I]
+  ), w = G(
+    (C) => {
+      p.getEditorState().read(() => {
+        const x = V();
+        C.target.tagName === "IMG" && J(x) && x.getNodes().length === 1 && p.dispatchCommand(
+          Ce,
+          C
+        );
+      });
+    },
+    [p]
+  );
+  H(() => {
+    let C = !0;
+    const x = p.getRootElement(), P = ce(
+      p.registerUpdateListener(({ editorState: M }) => {
+        C && _(M.read(() => V()));
+      }),
+      p.registerCommand(
+        ze,
+        (M, F) => (S.current = F, !1),
+        Y
+      ),
+      p.registerCommand(
+        Oe,
+        f,
+        Y
+      ),
+      p.registerCommand(
+        Ce,
+        f,
+        Y
+      ),
+      p.registerCommand(
+        Be,
+        (M) => M.target === l.current ? (M.preventDefault(), !0) : !1,
+        Y
+      ),
+      p.registerCommand(
+        He,
+        B,
+        Y
+      ),
+      p.registerCommand(
+        Fe,
+        B,
+        Y
+      ),
+      p.registerCommand(Ke, i, Y),
+      p.registerCommand(
+        We,
+        N,
+        Y
+      )
+    );
+    return x == null || x.addEventListener("contextmenu", w), () => {
+      C = !1, P(), x == null || x.removeEventListener("contextmenu", w);
+    };
+  }, [
+    I,
+    p,
+    E,
+    h,
+    r,
+    B,
+    i,
+    N,
+    f,
+    w,
+    g
+  ]);
+  const D = () => {
+    p.update(() => {
+      const C = oe(r);
+      se(C) && C.setShowCaption(!0);
+    });
+  }, y = (C, x) => {
+    setTimeout(() => {
+      L(!1);
+    }, 200), p.update(() => {
+      const P = oe(r);
+      se(P) && P.setWidthAndHeight(C, x);
+    });
+  }, n = () => {
+    L(!0);
+  };
+  Ue();
+  const {
+    settings: { showNestedEditorTreeView: b }
+  } = ut(), $ = h && U(R) && !E, z = h || E;
+  return /* @__PURE__ */ T.jsx(it, { fallback: null, children: /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+    /* @__PURE__ */ T.jsx("div", { draggable: $, children: /* @__PURE__ */ T.jsx(
+      Yt,
+      {
+        className: z ? `focused ${U(R) ? "draggable" : ""}` : null,
+        src: e,
+        altText: t,
+        imageRef: l,
+        width: a,
+        height: c,
+        maxWidth: u
+      }
+    ) }),
+    s && /* @__PURE__ */ T.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ T.jsxs(rt, { initialEditor: v, children: [
+      /* @__PURE__ */ T.jsx(Ye, {}),
+      /* @__PURE__ */ T.jsx(Ge, {}),
+      /* @__PURE__ */ T.jsx(Ve, {}),
+      /* @__PURE__ */ T.jsx(Xe, {}),
+      /* @__PURE__ */ T.jsx(qe, {}),
+      /* @__PURE__ */ T.jsx(Je, {}),
+      /* @__PURE__ */ T.jsx(
+        Qe,
+        {
+          contentEditable: /* @__PURE__ */ T.jsx(Ze, { className: "ImageNode__contentEditable" }),
+          placeholder: /* @__PURE__ */ T.jsx(et, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
+          ErrorBoundary: tt
+        }
+      ),
+      b === !0 ? /* @__PURE__ */ T.jsx(Kt, {}) : null
+    ] }) }),
+    o && U(R) && z && /* @__PURE__ */ T.jsx(
+      Wt,
+      {
+        showCaption: s,
+        setShowCaption: D,
+        editor: p,
+        buttonRef: m,
+        imageRef: l,
+        maxWidth: u,
+        onResizeStart: n,
+        onResizeEnd: y,
+        captionsEnabled: d
+      }
+    )
+  ] }) });
+}
+export {
+  Ce as RIGHT_CLICK_IMAGE_COMMAND,
+  Jt as default
+};
+//# sourceMappingURL=ImageComponent-3ea88307.js.map