@arkitektbedriftene/fe-lib 0.3.5 → 0.3.6

package/dist/rich-text.es.js

@@ -1,77 +1,1792 @@
-import { createHeadlessEditor as m } from "@lexical/headless";
-import { $generateHtmlFromNodes as f } from "@lexical/html";
-import { $getRoot as l, ParagraphNode as h, $createParagraphNode as p, $createTextNode as N } from "lexical";
-import { trimTextContentFromAnchor as u } from "@lexical/selection";
-import { AutoLinkNode as g, LinkNode as T } from "@lexical/link";
-import { ListNode as C, ListItemNode as L } from "@lexical/list";
-import { HeadingNode as x, QuoteNode as b } from "@lexical/rich-text";
-import { TableNode as y, TableRowNode as E, TableCellNode as S } from "@lexical/table";
-const w = ({
-  text: e,
-  maxChars: s,
-  maxLines: n
+import { createHeadlessEditor as dt } from "@lexical/headless";
+import { $generateHtmlFromNodes as ft } from "@lexical/html";
+import Y, { $getRoot as et, ParagraphNode as pt, $createParagraphNode as gt, $createTextNode as mt } from "lexical";
+import tt, { trimTextContentFromAnchor as xt } from "@lexical/selection";
+import { AutoLinkNode as ht, LinkNode as Et } from "@lexical/link";
+import { ListNode as vt, ListItemNode as Ct } from "@lexical/list";
+import nt, { HeadingNode as yt, QuoteNode as Nt } from "@lexical/rich-text";
+import { TableNode as Lt, TableRowNode as Tt, TableCellNode as bt } from "@lexical/table";
+import { j } from "./jsx-runtime-d0aa4c5b.js";
+import { c as oe, s as rt, u as $t, B as ot, S as wt } from "./Popover-e50ca73e.js";
+import U, { createContext as St, useState as Rt, useRef as _t, useCallback as _e } from "react";
+import it from "react-dom";
+const Ot = ({
+  text: c,
+  maxChars: i,
+  maxLines: h
 }) => {
-  if (e.length === 0)
+  if (c.length === 0)
     return 0;
-  const r = typeof n == "number", o = typeof s == "number";
-  if (!r && !o)
-    return e.length;
-  let i = 0, t = 0;
-  for (; t < e.length && (!r || i < n) && (!o || t < s); )
-    e[t] === `
-` && i++, t++;
-  return e.slice(0, t).length;
-}, H = ({
-  editor: e,
-  maxChars: s,
-  maxLines: n
+  const L = typeof h == "number", p = typeof i == "number";
+  if (!L && !p)
+    return c.length;
+  let m = 0, a = 0;
+  for (; a < c.length && (!L || m < h) && (!p || a < i); )
+    c[a] === `
+` && m++, a++;
+  return c.slice(0, a).length;
+}, Pt = ({
+  editor: c,
+  maxChars: i,
+  maxLines: h
 }) => {
-  const r = l(), o = r.getTextContent(), i = w({ text: o, maxChars: s, maxLines: n }), t = o.length - i, d = r.select().anchor;
-  u(e, d, t);
-  const c = r.getLastChild();
-  return c instanceof h && c.getChildrenSize() === 0 && c.remove(), t;
-}, $ = (e) => e[0] === "{", z = (e, s, n) => {
-  let r = 0;
-  const o = m({
-    nodes: s,
+  const L = et(), p = L.getTextContent(), m = Ot({ text: p, maxChars: i, maxLines: h }), a = p.length - m, e = L.select().anchor;
+  xt(c, e, a);
+  const t = L.getLastChild();
+  return t instanceof pt && t.getChildrenSize() === 0 && t.remove(), a;
+}, Dt = (c) => c[0] === "{", _n = (c, i, h) => {
+  let L = 0;
+  const p = dt({
+    nodes: i,
     editable: !1
   });
-  if (e)
+  if (c)
     try {
-      if (typeof e == "string" && !$(e))
-        o.update(() => {
-          const t = l(), a = p();
-          a.append(N(e.trim())), t.append(a);
+      if (typeof c == "string" && !Dt(c))
+        p.update(() => {
+          const a = et(), u = gt();
+          u.append(mt(c.trim())), a.append(u);
         });
       else {
-        const t = o.parseEditorState(e, () => {
-          r = H({
-            editor: o,
-            maxLines: n == null ? void 0 : n.maxLines
+        const a = p.parseEditorState(c, () => {
+          L = Pt({
+            editor: p,
+            maxLines: h == null ? void 0 : h.maxLines
           });
         });
-        t.isEmpty() || o.setEditorState(t);
-      }
-    } catch (t) {
-      console.error(t);
-    }
-  let i = "";
-  return o.update(() => {
-    i = f(o);
-  }), { html: i, trimCount: r };
-}, J = [
-  x,
-  b,
-  C,
-  L,
-  g,
-  T,
-  y,
-  E,
-  S
+        a.isEmpty() || p.setEditorState(a);
+      }
+    } catch (a) {
+      console.error(a);
+    }
+  let m = "";
+  return p.update(() => {
+    m = ft(p);
+  }), { html: m, trimCount: L };
+}, On = [
+  yt,
+  Nt,
+  vt,
+  Ct,
+  ht,
+  Et,
+  Lt,
+  Tt,
+  bt
 ];
+var ue = {}, ne = {}, Oe;
+function Ft() {
+  if (Oe)
+    return ne;
+  Oe = 1;
+  var c = U;
+  const i = /* @__PURE__ */ c.createContext(null);
+  function h(p, m) {
+    let a = null;
+    p != null && (a = p[1]);
+    function u() {
+      return m ?? (a != null ? a.getTheme() : null);
+    }
+    return {
+      getTheme: u
+    };
+  }
+  function L() {
+    const p = c.useContext(i);
+    if (p == null)
+      throw Error("LexicalComposerContext.useLexicalComposerContext: cannot find a LexicalComposerContext");
+    return p;
+  }
+  return ne.LexicalComposerContext = i, ne.createLexicalComposerContext = h, ne.useLexicalComposerContext = L, ne;
+}
+var re = {}, Pe;
+function Mt() {
+  if (Pe)
+    return re;
+  Pe = 1;
+  var c = U;
+  function i(L) {
+    let p = new URLSearchParams();
+    p.append("code", L);
+    for (let m = 1; m < arguments.length; m++)
+      p.append("v", arguments[m]);
+    throw Error(`Minified Lexical error #${L}; visit https://lexical.dev/docs/error?${p} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+  }
+  let h = c.createContext(null);
+  return re.LexicalComposerContext = h, re.createLexicalComposerContext = function(L, p) {
+    let m = null;
+    return L != null && (m = L[1]), { getTheme: function() {
+      return p ?? (m != null ? m.getTheme() : null);
+    } };
+  }, re.useLexicalComposerContext = function() {
+    let L = c.useContext(h);
+    return L == null && i(8), L;
+  }, re;
+}
+var de, De;
+function Q() {
+  return De || (De = 1, de = process.env.NODE_ENV === "development" ? Ft() : Mt()), de;
+}
+var Fe;
+function qt() {
+  if (Fe)
+    return ue;
+  Fe = 1;
+  var c = Q(), i = Y, h = U;
+  const L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+  var m = L ? h.useLayoutEffect : h.useEffect;
+  const a = {
+    tag: "history-merge"
+  };
+  function u({
+    initialConfig: t,
+    children: n
+  }) {
+    const r = h.useMemo(
+      () => {
+        const {
+          theme: s,
+          namespace: l,
+          editor__DEPRECATED: o,
+          nodes: x,
+          onError: v,
+          editorState: g,
+          html: S
+        } = t, T = c.createLexicalComposerContext(null, s);
+        let y = o || null;
+        if (y === null) {
+          const w = i.createEditor({
+            editable: t.editable,
+            html: S,
+            namespace: l,
+            nodes: x,
+            onError: (R) => v(R, w),
+            theme: s
+          });
+          e(w, g), y = w;
+        }
+        return [y, T];
+      },
+      // We only do this for init
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    );
+    return m(() => {
+      const s = t.editable, [l] = r;
+      l.setEditable(s !== void 0 ? s : !0);
+    }, []), /* @__PURE__ */ h.createElement(c.LexicalComposerContext.Provider, {
+      value: r
+    }, n);
+  }
+  function e(t, n) {
+    if (n !== null) {
+      if (n === void 0)
+        t.update(() => {
+          const r = i.$getRoot();
+          if (r.isEmpty()) {
+            const s = i.$createParagraphNode();
+            r.append(s);
+            const l = L ? document.activeElement : null;
+            (i.$getSelection() !== null || l !== null && l === t.getRootElement()) && s.select();
+          }
+        }, a);
+      else if (n !== null)
+        switch (typeof n) {
+          case "string": {
+            const r = t.parseEditorState(n);
+            t.setEditorState(r, a);
+            break;
+          }
+          case "object": {
+            t.setEditorState(n, a);
+            break;
+          }
+          case "function": {
+            t.update(() => {
+              i.$getRoot().isEmpty() && n(t);
+            }, a);
+            break;
+          }
+        }
+    }
+  }
+  return ue.LexicalComposer = u, ue;
+}
+var fe = {}, Me;
+function Bt() {
+  if (Me)
+    return fe;
+  Me = 1;
+  var c = Q(), i = Y, h = U;
+  let L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+  var p = L ? h.useLayoutEffect : h.useEffect;
+  let m = { tag: "history-merge" };
+  function a(u, e) {
+    if (e !== null) {
+      if (e === void 0)
+        u.update(() => {
+          var t = i.$getRoot();
+          if (t.isEmpty()) {
+            let n = i.$createParagraphNode();
+            t.append(n), t = L ? document.activeElement : null, (i.$getSelection() !== null || t !== null && t === u.getRootElement()) && n.select();
+          }
+        }, m);
+      else if (e !== null)
+        switch (typeof e) {
+          case "string":
+            let t = u.parseEditorState(e);
+            u.setEditorState(t, m);
+            break;
+          case "object":
+            u.setEditorState(e, m);
+            break;
+          case "function":
+            u.update(() => {
+              i.$getRoot().isEmpty() && e(u);
+            }, m);
+        }
+    }
+  }
+  return fe.LexicalComposer = function({ initialConfig: u, children: e }) {
+    let t = h.useMemo(() => {
+      const { theme: n, namespace: r, editor__DEPRECATED: s, nodes: l, onError: o, editorState: x, html: v } = u, g = c.createLexicalComposerContext(null, n);
+      let S = s || null;
+      if (S === null) {
+        const T = i.createEditor({ editable: u.editable, html: v, namespace: r, nodes: l, onError: (y) => o(y, T), theme: n });
+        a(T, x), S = T;
+      }
+      return [S, g];
+    }, []);
+    return p(() => {
+      let n = u.editable, [r] = t;
+      r.setEditable(n !== void 0 ? n : !0);
+    }, []), h.createElement(
+      c.LexicalComposerContext.Provider,
+      { value: t },
+      e
+    );
+  }, fe;
+}
+const kt = process.env.NODE_ENV === "development" ? qt() : Bt();
+var At = kt, pe = {}, ge, qe;
+function It() {
+  if (qe)
+    return ge;
+  qe = 1;
+  var c = Q(), i = U, p = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
+  function m(e) {
+    const [t] = c.useLexicalComposerContext(), n = i.useMemo(() => e(t), [t, e]), r = i.useRef(n.initialValueFn()), [s, l] = i.useState(r.current);
+    return p(() => {
+      const {
+        initialValueFn: o,
+        subscribe: x
+      } = n, v = o();
+      return r.current !== v && (r.current = v, l(v)), x((g) => {
+        r.current = g, l(g);
+      });
+    }, [n, e]), s;
+  }
+  function a(e) {
+    return {
+      initialValueFn: () => e.isEditable(),
+      subscribe: (t) => e.registerEditableListener(t)
+    };
+  }
+  function u() {
+    return m(a);
+  }
+  return ge = u, ge;
+}
+var me, Be;
+function Ut() {
+  if (Be)
+    return me;
+  Be = 1;
+  var c = Q(), i = U, h = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
+  function L(m) {
+    let [a] = c.useLexicalComposerContext(), u = i.useMemo(() => m(a), [a, m]), e = i.useRef(u.initialValueFn()), [t, n] = i.useState(e.current);
+    return h(() => {
+      let { initialValueFn: r, subscribe: s } = u, l = r();
+      return e.current !== l && (e.current = l, n(l)), s((o) => {
+        e.current = o, n(o);
+      });
+    }, [u, m]), t;
+  }
+  function p(m) {
+    return { initialValueFn: () => m.isEditable(), subscribe: (a) => m.registerEditableListener(a) };
+  }
+  return me = function() {
+    return L(p);
+  }, me;
+}
+var xe, ke;
+function lt() {
+  return ke || (ke = 1, xe = process.env.NODE_ENV === "development" ? It() : Ut()), xe;
+}
+var J = {}, Ae;
+function Kt() {
+  if (Ae)
+    return J;
+  Ae = 1;
+  var c = Y;
+  function i(e, t) {
+    let n = e.getFirstChild(), r = 0;
+    e:
+      for (; n !== null; ) {
+        if (c.$isElementNode(n)) {
+          const o = n.getFirstChild();
+          if (o !== null) {
+            n = o;
+            continue;
+          }
+        } else if (c.$isTextNode(n)) {
+          const o = n.getTextContentSize();
+          if (r + o > t)
+            return {
+              node: n,
+              offset: t - r
+            };
+          r += o;
+        }
+        const s = n.getNextSibling();
+        if (s !== null) {
+          n = s;
+          continue;
+        }
+        let l = n.getParent();
+        for (; l !== null; ) {
+          const o = l.getNextSibling();
+          if (o !== null) {
+            n = o;
+            continue e;
+          }
+          l = l.getParent();
+        }
+        break;
+      }
+    return null;
+  }
+  function h(e, t = !0) {
+    if (e)
+      return !1;
+    let n = p();
+    return t && (n = n.trim()), n === "";
+  }
+  function L(e, t) {
+    return () => h(e, t);
+  }
+  function p() {
+    return c.$getRoot().getTextContent();
+  }
+  function m(e) {
+    if (!h(e, !1))
+      return !1;
+    const n = c.$getRoot().getChildren(), r = n.length;
+    if (r > 1)
+      return !1;
+    for (let s = 0; s < r; s++) {
+      const l = n[s];
+      if (c.$isDecoratorNode(l))
+        return !1;
+      if (c.$isElementNode(l)) {
+        if (!c.$isParagraphNode(l) || l.__indent !== 0)
+          return !1;
+        const o = l.getChildren(), x = o.length;
+        for (let v = 0; v < x; v++) {
+          const g = o[s];
+          if (!c.$isTextNode(g))
+            return !1;
+        }
+      }
+    }
+    return !0;
+  }
+  function a(e) {
+    return () => m(e);
+  }
+  function u(e, t, n, r) {
+    const s = (T) => T instanceof n, l = (T) => {
+      const y = c.$createTextNode(T.getTextContent());
+      y.setFormat(T.getFormat()), T.replace(y);
+    }, o = (T) => T.getLatest().__mode, x = (T) => {
+      if (!T.isSimpleText())
+        return;
+      const y = T.getPreviousSibling();
+      let w = T.getTextContent(), R = T, d;
+      if (c.$isTextNode(y)) {
+        const E = y.getTextContent(), f = E + w, N = t(f);
+        if (s(y))
+          if (N === null || o(y) !== 0) {
+            l(y);
+            return;
+          } else {
+            const C = N.end - E.length;
+            if (C > 0) {
+              const b = w.slice(0, C), _ = E + b;
+              if (y.select(), y.setTextContent(_), C === w.length)
+                T.remove();
+              else {
+                const $ = w.slice(C);
+                T.setTextContent($);
+              }
+              return;
+            }
+          }
+        else if (N === null || N.start < E.length)
+          return;
+      }
+      for (; ; ) {
+        d = t(w);
+        let E = d === null ? "" : w.slice(d.end);
+        if (w = E, E === "") {
+          const C = R.getNextSibling();
+          if (c.$isTextNode(C)) {
+            E = R.getTextContent() + C.getTextContent();
+            const b = t(E);
+            if (b === null) {
+              s(C) ? l(C) : C.markDirty();
+              return;
+            } else if (b.start !== 0)
+              return;
+          }
+        } else {
+          const C = t(E);
+          if (C !== null && C.start === 0)
+            return;
+        }
+        if (d === null)
+          return;
+        if (d.start === 0 && c.$isTextNode(y) && y.isTextEntity())
+          continue;
+        let f;
+        d.start === 0 ? [f, R] = R.splitText(d.end) : [, f, R] = R.splitText(d.start, d.end);
+        const N = r(f);
+        if (N.setFormat(f.getFormat()), f.replace(N), R == null)
+          return;
+      }
+    }, v = (T) => {
+      const y = T.getTextContent(), w = t(y);
+      if (w === null || w.start !== 0) {
+        l(T);
+        return;
+      }
+      if (y.length > w.end) {
+        T.splitText(w.end);
+        return;
+      }
+      const R = T.getPreviousSibling();
+      c.$isTextNode(R) && R.isTextEntity() && (l(R), l(T));
+      const d = T.getNextSibling();
+      c.$isTextNode(d) && d.isTextEntity() && (l(d), s(T) && l(T));
+    }, g = e.registerNodeTransform(c.TextNode, x), S = e.registerNodeTransform(n, v);
+    return [g, S];
+  }
+  return J.$canShowPlaceholder = m, J.$canShowPlaceholderCurry = a, J.$findTextIntersectionFromCharacters = i, J.$isRootTextContentEmpty = h, J.$isRootTextContentEmptyCurry = L, J.$rootTextContent = p, J.registerLexicalTextEntity = u, J;
+}
+var G = {}, Ie;
+function jt() {
+  if (Ie)
+    return G;
+  Ie = 1;
+  var c = Y;
+  function i(p, m = !0) {
+    return p ? !1 : (p = h(), m && (p = p.trim()), p === "");
+  }
+  function h() {
+    return c.$getRoot().getTextContent();
+  }
+  function L(p) {
+    if (!i(p, !1))
+      return !1;
+    p = c.$getRoot().getChildren();
+    let m = p.length;
+    if (1 < m)
+      return !1;
+    for (let u = 0; u < m; u++) {
+      var a = p[u];
+      if (c.$isDecoratorNode(a))
+        return !1;
+      if (c.$isElementNode(a)) {
+        if (!c.$isParagraphNode(a) || a.__indent !== 0)
+          return !1;
+        a = a.getChildren();
+        let e = a.length;
+        for (let t = 0; t < e; t++)
+          if (!c.$isTextNode(a[u]))
+            return !1;
+      }
+    }
+    return !0;
+  }
+  return G.$canShowPlaceholder = L, G.$canShowPlaceholderCurry = function(p) {
+    return () => L(p);
+  }, G.$findTextIntersectionFromCharacters = function(p, m) {
+    var a = p.getFirstChild();
+    p = 0;
+    e:
+      for (; a !== null; ) {
+        if (c.$isElementNode(a)) {
+          var u = a.getFirstChild();
+          if (u !== null) {
+            a = u;
+            continue;
+          }
+        } else if (c.$isTextNode(a)) {
+          if (u = a.getTextContentSize(), p + u > m)
+            return { node: a, offset: m - p };
+          p += u;
+        }
+        if (u = a.getNextSibling(), u !== null)
+          a = u;
+        else {
+          for (a = a.getParent(); a !== null; ) {
+            if (u = a.getNextSibling(), u !== null) {
+              a = u;
+              continue e;
+            }
+            a = a.getParent();
+          }
+          break;
+        }
+      }
+    return null;
+  }, G.$isRootTextContentEmpty = i, G.$isRootTextContentEmptyCurry = function(p, m) {
+    return () => i(p, m);
+  }, G.$rootTextContent = h, G.registerLexicalTextEntity = function(p, m, a, u) {
+    let e = (n) => {
+      const r = c.$createTextNode(n.getTextContent());
+      r.setFormat(n.getFormat()), n.replace(r);
+    }, t = p.registerNodeTransform(c.TextNode, (n) => {
+      if (n.isSimpleText()) {
+        var r = n.getPreviousSibling(), s = n.getTextContent(), l = n;
+        if (c.$isTextNode(r)) {
+          var o = r.getTextContent(), x = m(o + s);
+          if (r instanceof a) {
+            if (x === null || r.getLatest().__mode !== 0) {
+              e(r);
+              return;
+            }
+            if (x = x.end - o.length, 0 < x) {
+              l = s.slice(0, x), l = o + l, r.select(), r.setTextContent(l), x === s.length ? n.remove() : (r = s.slice(x), n.setTextContent(r));
+              return;
+            }
+          } else if (x === null || x.start < o.length)
+            return;
+        }
+        for (; ; ) {
+          if (n = m(s), s = x = n === null ? "" : s.slice(n.end), x === "") {
+            if (o = l.getNextSibling(), c.$isTextNode(o)) {
+              if (x = l.getTextContent() + o.getTextContent(), x = m(x), x === null) {
+                o instanceof a ? e(o) : o.markDirty();
+                break;
+              } else if (x.start !== 0)
+                break;
+            }
+          } else if (o = m(x), o !== null && o.start === 0)
+            break;
+          if (n === null)
+            break;
+          if (n.start === 0 && c.$isTextNode(r) && r.isTextEntity())
+            continue;
+          let v;
+          if (n.start === 0 ? [v, l] = l.splitText(n.end) : [, v, l] = l.splitText(n.start, n.end), n = u(v), n.setFormat(v.getFormat()), v.replace(n), l == null)
+            break;
+        }
+      }
+    });
+    return p = p.registerNodeTransform(a, (n) => {
+      var r = n.getTextContent();
+      const s = m(r);
+      s === null || s.start !== 0 ? e(n) : r.length > s.end ? n.splitText(s.end) : (r = n.getPreviousSibling(), c.$isTextNode(r) && r.isTextEntity() && (e(r), e(n)), r = n.getNextSibling(), c.$isTextNode(r) && r.isTextEntity() && (e(r), n instanceof a && e(n)));
+    }), [t, p];
+  }, G;
+}
+var he, Ue;
+function st() {
+  return Ue || (Ue = 1, he = process.env.NODE_ENV === "development" ? Kt() : jt()), he;
+}
+var P = {}, Ke;
+function Ht() {
+  if (Ke)
+    return P;
+  Ke = 1;
+  var c = tt, i = Y;
+  function h(...d) {
+    return () => {
+      d.forEach((E) => E());
+    };
+  }
+  function L(d) {
+    return `${d}px`;
+  }
+  const p = {
+    attributes: !0,
+    characterData: !0,
+    childList: !0,
+    subtree: !0
+  };
+  function m(d, E, f) {
+    let N = null, C = null, b = null, _ = [];
+    const $ = document.createElement("div");
+    function M() {
+      if (N === null)
+        throw Error("Unexpected null rootDOMNode");
+      if (C === null)
+        throw Error("Unexpected null parentDOMNode");
+      const {
+        left: q,
+        top: K
+      } = N.getBoundingClientRect(), H = C, A = c.createRectsFromDOMRange(d, E);
+      $.isConnected || H.append($);
+      let I = !1;
+      for (let z = 0; z < A.length; z++) {
+        const X = A[z], V = _[z] || document.createElement("div"), W = V.style;
+        W.position !== "absolute" && (W.position = "absolute", I = !0);
+        const ie = L(X.left - q);
+        W.left !== ie && (W.left = ie, I = !0);
+        const Z = L(X.top - K);
+        W.top !== Z && (V.style.top = Z, I = !0);
+        const ee = L(X.width);
+        W.width !== ee && (V.style.width = ee, I = !0);
+        const te = L(X.height);
+        W.height !== te && (V.style.height = te, I = !0), V.parentNode !== $ && ($.append(V), I = !0), _[z] = V;
+      }
+      for (; _.length > A.length; )
+        _.pop();
+      I && f(_);
+    }
+    function O() {
+      C = null, N = null, b !== null && b.disconnect(), b = null, $.remove();
+      for (const q of _)
+        q.remove();
+      _ = [];
+    }
+    function F() {
+      const q = d.getRootElement();
+      if (q === null)
+        return O();
+      const K = q.parentElement;
+      if (!(K instanceof HTMLElement))
+        return O();
+      O(), N = q, C = K, b = new MutationObserver((H) => {
+        const A = d.getRootElement(), I = A && A.parentElement;
+        if (A !== N || I !== C)
+          return F();
+        for (const z of H)
+          if (!$.contains(z.target))
+            return M();
+      }), b.observe(K, p), M();
+    }
+    const B = d.registerRootListener(F);
+    return () => {
+      B(), O();
+    };
+  }
+  function a(d, E) {
+    let f = null, N = null, C = null, b = null, _ = () => {
+    };
+    function $(M) {
+      M.read(() => {
+        const O = i.$getSelection();
+        if (!i.$isRangeSelection(O)) {
+          f = null, N = null, C = null, b = null, _(), _ = () => {
+          };
+          return;
+        }
+        const {
+          anchor: F,
+          focus: B
+        } = O, q = F.getNode(), K = q.getKey(), H = F.offset, A = B.getNode(), I = A.getKey(), z = B.offset, X = d.getElementByKey(K), V = d.getElementByKey(I), W = f === null || X === null || H !== N || K !== f.getKey() || q !== f && (!(f instanceof i.TextNode) || q.updateDOM(f, X, d._config)), ie = C === null || V === null || z !== b || I !== C.getKey() || A !== C && (!(C instanceof i.TextNode) || A.updateDOM(C, V, d._config));
+        if (W || ie) {
+          const Z = d.getElementByKey(F.getNode().getKey()), ee = d.getElementByKey(B.getNode().getKey());
+          if (Z !== null && ee !== null && Z.tagName === "SPAN" && ee.tagName === "SPAN") {
+            const te = document.createRange();
+            let le, se, ae, ce;
+            B.isBefore(F) ? (le = ee, se = B.offset, ae = Z, ce = F.offset) : (le = Z, se = F.offset, ae = ee, ce = B.offset);
+            const we = le.firstChild;
+            if (we === null)
+              throw Error("Expected text node to be first child of span");
+            const Se = ae.firstChild;
+            if (Se === null)
+              throw Error("Expected text node to be first child of span");
+            te.setStart(we, se), te.setEnd(Se, ce), _(), _ = m(d, te, (Re) => {
+              for (const ut of Re) {
+                const k = ut.style;
+                k.background !== "Highlight" && (k.background = "Highlight"), k.color !== "HighlightText" && (k.color = "HighlightText"), k.zIndex !== "-1" && (k.zIndex = "-1"), k.pointerEvents !== "none" && (k.pointerEvents = "none"), k.marginTop !== L(-1.5) && (k.marginTop = L(-1.5)), k.paddingTop !== L(4) && (k.paddingTop = L(4)), k.paddingBottom !== L(0) && (k.paddingBottom = L(0));
+              }
+              E !== void 0 && E(Re);
+            });
+          }
+        }
+        f = q, N = H, C = A, b = z;
+      });
+    }
+    return $(d.getEditorState()), h(d.registerUpdateListener(({
+      editorState: M
+    }) => $(M)), _, () => {
+      _();
+    });
+  }
+  function u(d, ...E) {
+    E.forEach((f) => {
+      if (typeof f == "string") {
+        const N = f.split(" ").filter((C) => C !== "");
+        d.classList.add(...N);
+      }
+    });
+  }
+  function e(d, ...E) {
+    E.forEach((f) => {
+      typeof f == "string" && d.classList.remove(...f.split(" "));
+    });
+  }
+  function t(d, E) {
+    for (const f of E)
+      if (d.type.startsWith(f))
+        return !0;
+    return !1;
+  }
+  function n(d, E) {
+    const f = d[Symbol.iterator]();
+    return new Promise((N, C) => {
+      const b = [], _ = () => {
+        const {
+          done: $,
+          value: M
+        } = f.next();
+        if ($)
+          return N(b);
+        const O = new FileReader();
+        O.addEventListener("error", C), O.addEventListener("load", () => {
+          const F = O.result;
+          typeof F == "string" && b.push({
+            file: M,
+            result: F
+          }), _();
+        }), t(M, E) ? O.readAsDataURL(M) : _();
+      };
+      _();
+    });
+  }
+  function r(d, E) {
+    const f = [], N = (d || i.$getRoot()).getLatest(), C = E || (i.$isElementNode(N) ? N.getLastDescendant() : N);
+    let b = N, _ = s(b);
+    for (; b !== null && !b.is(C); )
+      if (f.push({
+        depth: _,
+        node: b
+      }), i.$isElementNode(b) && b.getChildrenSize() > 0)
+        b = b.getFirstChild(), _++;
+      else {
+        let $ = null;
+        for (; $ === null && b !== null; )
+          $ = b.getNextSibling(), $ === null ? (b = b.getParent(), _--) : b = $;
+      }
+    return b !== null && b.is(C) && f.push({
+      depth: _,
+      node: b
+    }), f;
+  }
+  function s(d) {
+    let E = d, f = 0;
+    for (; (E = E.getParent()) !== null; )
+      f++;
+    return f;
+  }
+  function l(d, E) {
+    let f = d;
+    for (; f != null; ) {
+      if (f instanceof E)
+        return f;
+      f = f.getParent();
+    }
+    return null;
+  }
+  function o(d) {
+    const E = x(d, (f) => i.$isElementNode(f) && !f.isInline());
+    if (!i.$isElementNode(E))
+      throw Error(`Expected node ${d.__key} to have closest block element node.`);
+    return E;
+  }
+  const x = (d, E) => {
+    let f = d;
+    for (; f !== i.$getRoot() && f != null; ) {
+      if (E(f))
+        return f;
+      f = f.getParent();
+    }
+    return null;
+  };
+  function v(d, E, f, N) {
+    const C = ($) => $ instanceof E, b = ($) => {
+      const M = $.getChildren();
+      for (let B = 0; B < M.length; B++) {
+        const q = M[B];
+        if (C(q))
+          return null;
+      }
+      let O = $, F = $;
+      for (; O !== null; )
+        if (F = O, O = O.getParent(), C(O))
+          return {
+            child: F,
+            parent: O
+          };
+      return null;
+    }, _ = ($) => {
+      const M = b($);
+      if (M !== null) {
+        const {
+          child: O,
+          parent: F
+        } = M;
+        if (O.is($)) {
+          N(F, $);
+          const B = O.getNextSiblings(), q = B.length;
+          if (F.insertAfter(O), q !== 0) {
+            const K = f(F);
+            O.insertAfter(K);
+            for (let H = 0; H < q; H++)
+              K.append(B[H]);
+          }
+          !F.canBeEmpty() && F.getChildrenSize() === 0 && F.remove();
+        }
+      }
+    };
+    return d.registerNodeTransform(E, _);
+  }
+  function g(d, E) {
+    const N = /* @__PURE__ */ new Map(), C = d._pendingEditorState;
+    for (const [_, $] of E._nodeMap) {
+      const M = c.$cloneWithProperties($);
+      if (i.$isTextNode(M)) {
+        if (!i.$isTextNode($))
+          throw Error("Expected node be a TextNode");
+        M.__text = $.__text;
+      }
+      N.set(_, M);
+    }
+    C && (C._nodeMap = N), d._dirtyType = 2;
+    const b = E._selection;
+    i.$setSelection(b === null ? null : b.clone());
+  }
+  function S(d) {
+    const E = i.$getSelection() || i.$getPreviousSelection();
+    if (i.$isRangeSelection(E)) {
+      const {
+        focus: f
+      } = E, N = f.getNode(), C = f.offset;
+      if (i.$isRootOrShadowRoot(N)) {
+        const b = N.getChildAtIndex(C);
+        b == null ? N.append(d) : b.insertBefore(d), d.selectNext();
+      } else {
+        let b, _;
+        i.$isTextNode(N) ? (b = N.getParentOrThrow(), _ = N.getIndexWithinParent(), C > 0 && (_ += 1, N.splitText(C))) : (b = N, _ = C);
+        const [, $] = i.$splitNode(b, _);
+        $.insertBefore(d), $.selectStart();
+      }
+    } else {
+      if (E != null) {
+        const N = E.getNodes();
+        N[N.length - 1].getTopLevelElementOrThrow().insertAfter(d);
+      } else
+        i.$getRoot().append(d);
+      const f = i.$createParagraphNode();
+      d.insertAfter(f), f.select();
+    }
+    return d.getLatest();
+  }
+  function T(d, E) {
+    const f = E();
+    return d.replace(f), f.append(d), f;
+  }
+  function y(d, E) {
+    return d !== null ? Object.getPrototypeOf(d).constructor.name === E.name : !1;
+  }
+  function w(d, E) {
+    const f = [];
+    for (let N = 0; N < d.length; N++) {
+      const C = E(d[N]);
+      C !== null && f.push(C);
+    }
+    return f;
+  }
+  function R(d, E) {
+    const f = d.getFirstChild();
+    f !== null ? f.insertBefore(E) : d.append(E);
+  }
+  return P.$splitNode = i.$splitNode, P.isHTMLAnchorElement = i.isHTMLAnchorElement, P.isHTMLElement = i.isHTMLElement, P.$dfs = r, P.$filter = w, P.$findMatchingParent = x, P.$getNearestBlockElementAncestorOrThrow = o, P.$getNearestNodeOfType = l, P.$insertFirst = R, P.$insertNodeToNearestRoot = S, P.$restoreEditorState = g, P.$wrapNodeInElement = T, P.addClassNamesToElement = u, P.isMimeType = t, P.markSelection = a, P.mediaFileReader = n, P.mergeRegister = h, P.objectKlassEquals = y, P.positionNodeOnRange = m, P.registerNestedElementResolver = v, P.removeClassNamesFromElement = e, P;
+}
+var D = {}, je;
+function zt() {
+  if (je)
+    return D;
+  je = 1;
+  var c = tt, i = Y;
+  function h(e) {
+    let t = new URLSearchParams();
+    t.append("code", e);
+    for (let n = 1; n < arguments.length; n++)
+      t.append("v", arguments[n]);
+    throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+  }
+  function L(...e) {
+    return () => {
+      e.forEach((t) => t());
+    };
+  }
+  let p = { attributes: !0, characterData: !0, childList: !0, subtree: !0 };
+  function m(e, t, n) {
+    function r() {
+      if (o === null)
+        throw Error("Unexpected null rootDOMNode");
+      if (x === null)
+        throw Error("Unexpected null parentDOMNode");
+      let { left: y, top: w } = o.getBoundingClientRect();
+      var R = x;
+      let d = c.createRectsFromDOMRange(e, t);
+      S.isConnected || R.append(S), R = !1;
+      for (let N = 0; N < d.length; N++) {
+        var E = d[N];
+        let C = g[N] || document.createElement("div"), b = C.style;
+        b.position !== "absolute" && (b.position = "absolute", R = !0);
+        var f = `${E.left - y}px`;
+        b.left !== f && (b.left = f, R = !0), f = `${E.top - w}px`, b.top !== f && (C.style.top = f, R = !0), f = `${E.width}px`, b.width !== f && (C.style.width = f, R = !0), E = `${E.height}px`, b.height !== E && (C.style.height = E, R = !0), C.parentNode !== S && (S.append(C), R = !0), g[N] = C;
+      }
+      for (; g.length > d.length; )
+        g.pop();
+      R && n(g);
+    }
+    function s() {
+      o = x = null, v !== null && v.disconnect(), v = null, S.remove();
+      for (let y of g)
+        y.remove();
+      g = [];
+    }
+    function l() {
+      let y = e.getRootElement();
+      if (y === null)
+        return s();
+      let w = y.parentElement;
+      if (!(w instanceof HTMLElement))
+        return s();
+      s(), o = y, x = w, v = new MutationObserver((R) => {
+        let d = e.getRootElement(), E = d && d.parentElement;
+        if (d !== o || E !== x)
+          return l();
+        for (let f of R)
+          if (!S.contains(f.target))
+            return r();
+      }), v.observe(w, p), r();
+    }
+    let o = null, x = null, v = null, g = [], S = document.createElement("div"), T = e.registerRootListener(l);
+    return () => {
+      T(), s();
+    };
+  }
+  function a(e, t) {
+    for (let n of t)
+      if (e.type.startsWith(n))
+        return !0;
+    return !1;
+  }
+  let u = (e, t) => {
+    for (; e !== i.$getRoot() && e != null; ) {
+      if (t(e))
+        return e;
+      e = e.getParent();
+    }
+    return null;
+  };
+  return D.$splitNode = i.$splitNode, D.isHTMLAnchorElement = i.isHTMLAnchorElement, D.isHTMLElement = i.isHTMLElement, D.$dfs = function(e, t) {
+    let n = [];
+    e = (e || i.$getRoot()).getLatest(), t = t || (i.$isElementNode(e) ? e.getLastDescendant() : e);
+    for (var r = e, s = 0; (r = r.getParent()) !== null; )
+      s++;
+    for (r = s; e !== null && !e.is(t); )
+      if (n.push({ depth: r, node: e }), i.$isElementNode(e) && 0 < e.getChildrenSize())
+        e = e.getFirstChild(), r++;
+      else
+        for (s = null; s === null && e !== null; )
+          s = e.getNextSibling(), s === null ? (e = e.getParent(), r--) : e = s;
+    return e !== null && e.is(t) && n.push({ depth: r, node: e }), n;
+  }, D.$filter = function(e, t) {
+    let n = [];
+    for (let r = 0; r < e.length; r++) {
+      let s = t(e[r]);
+      s !== null && n.push(s);
+    }
+    return n;
+  }, D.$findMatchingParent = u, D.$getNearestBlockElementAncestorOrThrow = function(e) {
+    let t = u(e, (n) => i.$isElementNode(n) && !n.isInline());
+    return i.$isElementNode(t) || h(4, e.__key), t;
+  }, D.$getNearestNodeOfType = function(e, t) {
+    for (; e != null; ) {
+      if (e instanceof t)
+        return e;
+      e = e.getParent();
+    }
+    return null;
+  }, D.$insertFirst = function(e, t) {
+    let n = e.getFirstChild();
+    n !== null ? n.insertBefore(t) : e.append(t);
+  }, D.$insertNodeToNearestRoot = function(e) {
+    var t = i.$getSelection() || i.$getPreviousSelection();
+    if (i.$isRangeSelection(t)) {
+      var { focus: n } = t;
+      if (t = n.getNode(), n = n.offset, i.$isRootOrShadowRoot(t))
+        n = t.getChildAtIndex(n), n == null ? t.append(e) : n.insertBefore(e), e.selectNext();
+      else {
+        let r, s;
+        i.$isTextNode(t) ? (r = t.getParentOrThrow(), s = t.getIndexWithinParent(), 0 < n && (s += 1, t.splitText(n))) : (r = t, s = n), [, t] = i.$splitNode(r, s), t.insertBefore(e), t.selectStart();
+      }
+    } else
+      t != null ? (t = t.getNodes(), t[t.length - 1].getTopLevelElementOrThrow().insertAfter(e)) : i.$getRoot().append(e), t = i.$createParagraphNode(), e.insertAfter(t), t.select();
+    return e.getLatest();
+  }, D.$restoreEditorState = function(e, t) {
+    let n = /* @__PURE__ */ new Map(), r = e._pendingEditorState;
+    for (let [s, l] of t._nodeMap) {
+      let o = c.$cloneWithProperties(l);
+      if (i.$isTextNode(o)) {
+        if (!i.$isTextNode(l))
+          throw Error("Expected node be a TextNode");
+        o.__text = l.__text;
+      }
+      n.set(s, o);
+    }
+    r && (r._nodeMap = n), e._dirtyType = 2, e = t._selection, i.$setSelection(e === null ? null : e.clone());
+  }, D.$wrapNodeInElement = function(e, t) {
+    return t = t(), e.replace(t), t.append(e), t;
+  }, D.addClassNamesToElement = function(e, ...t) {
+    t.forEach((n) => {
+      typeof n == "string" && (n = n.split(" ").filter((r) => r !== ""), e.classList.add(...n));
+    });
+  }, D.isMimeType = a, D.markSelection = function(e, t) {
+    function n(v) {
+      v.read(() => {
+        var g = i.$getSelection();
+        if (i.$isRangeSelection(g)) {
+          var { anchor: S, focus: T } = g;
+          g = S.getNode();
+          var y = g.getKey(), w = S.offset, R = T.getNode(), d = R.getKey(), E = T.offset, f = e.getElementByKey(y), N = e.getElementByKey(d);
+          if (y = r === null || f === null || w !== s || y !== r.getKey() || g !== r && (!(r instanceof i.TextNode) || g.updateDOM(r, f, e._config)), d = l === null || N === null || E !== o || d !== l.getKey() || R !== l && (!(l instanceof i.TextNode) || R.updateDOM(l, N, e._config)), y || d) {
+            f = e.getElementByKey(S.getNode().getKey());
+            var C = e.getElementByKey(T.getNode().getKey());
+            if (f !== null && C !== null && f.tagName === "SPAN" && C.tagName === "SPAN") {
+              if (d = document.createRange(), T.isBefore(S) ? (y = C, N = T.offset, C = f, f = S.offset) : (y = f, N = S.offset, f = T.offset), y = y.firstChild, y === null || (C = C.firstChild, C === null))
+                throw Error("Expected text node to be first child of span");
+              d.setStart(y, N), d.setEnd(C, f), x(), x = m(e, d, (b) => {
+                for (let _ of b) {
+                  let $ = _.style;
+                  $.background !== "Highlight" && ($.background = "Highlight"), $.color !== "HighlightText" && ($.color = "HighlightText"), $.zIndex !== "-1" && ($.zIndex = "-1"), $.pointerEvents !== "none" && ($.pointerEvents = "none"), $.marginTop !== "-1.5px" && ($.marginTop = "-1.5px"), $.paddingTop !== "4px" && ($.paddingTop = "4px"), $.paddingBottom !== "0px" && ($.paddingBottom = "0px");
+                }
+                t !== void 0 && t(b);
+              });
+            }
+          }
+          r = g, s = w, l = R, o = E;
+        } else
+          o = l = s = r = null, x(), x = () => {
+          };
+      });
+    }
+    let r = null, s = null, l = null, o = null, x = () => {
+    };
+    return n(e.getEditorState()), L(e.registerUpdateListener(({ editorState: v }) => n(v)), x, () => {
+      x();
+    });
+  }, D.mediaFileReader = function(e, t) {
+    let n = e[Symbol.iterator]();
+    return new Promise((r, s) => {
+      let l = [], o = () => {
+        const { done: x, value: v } = n.next();
+        if (x)
+          return r(l);
+        const g = new FileReader();
+        g.addEventListener("error", s), g.addEventListener("load", () => {
+          const S = g.result;
+          typeof S == "string" && l.push({ file: v, result: S }), o();
+        }), a(v, t) ? g.readAsDataURL(v) : o();
+      };
+      o();
+    });
+  }, D.mergeRegister = L, D.objectKlassEquals = function(e, t) {
+    return e !== null ? Object.getPrototypeOf(e).constructor.name === t.name : !1;
+  }, D.positionNodeOnRange = m, D.registerNestedElementResolver = function(e, t, n, r) {
+    return e.registerNodeTransform(t, (s) => {
+      e: {
+        for (var l = s.getChildren(), o = 0; o < l.length; o++)
+          if (l[o] instanceof t) {
+            l = null;
+            break e;
+          }
+        for (l = s; l !== null; )
+          if (o = l, l = l.getParent(), l instanceof t) {
+            l = { child: o, parent: l };
+            break e;
+          }
+        l = null;
+      }
+      if (l !== null) {
+        const { child: x, parent: v } = l;
+        if (x.is(s)) {
+          if (r(v, s), s = x.getNextSiblings(), l = s.length, v.insertAfter(x), l !== 0) {
+            o = n(v), x.insertAfter(o);
+            for (let g = 0; g < l; g++)
+              o.append(s[g]);
+          }
+          v.canBeEmpty() || v.getChildrenSize() !== 0 || v.remove();
+        }
+      }
+    });
+  }, D.removeClassNamesFromElement = function(e, ...t) {
+    t.forEach((n) => {
+      typeof n == "string" && e.classList.remove(...n.split(" "));
+    });
+  }, D;
+}
+var Ee, He;
+function at() {
+  return He || (He = 1, Ee = process.env.NODE_ENV === "development" ? Ht() : zt()), Ee;
+}
+var ve = {}, ze;
+function Vt() {
+  if (ze)
+    return ve;
+  ze = 1;
+  var c = Y;
+  function i(h) {
+    const L = window.location.origin, p = (m) => {
+      if (m.origin !== L)
+        return;
+      const a = h.getRootElement();
+      if (document.activeElement !== a)
+        return;
+      const u = m.data;
+      if (typeof u == "string") {
+        let e;
+        try {
+          e = JSON.parse(u);
+        } catch {
+          return;
+        }
+        if (e && e.protocol === "nuanria_messaging" && e.type === "request") {
+          const t = e.payload;
+          if (t && t.functionId === "makeChanges") {
+            const n = t.args;
+            if (n) {
+              const [r, s, l, o, x, v] = n;
+              h.update(() => {
+                const g = c.$getSelection();
+                if (c.$isRangeSelection(g)) {
+                  const S = g.anchor;
+                  let T = S.getNode(), y = 0, w = 0;
+                  if (c.$isTextNode(T) && r >= 0 && s >= 0 && (y = r, w = r + s, g.setTextNodeRange(T, y, T, w)), (y !== w || l !== "") && (g.insertRawText(l), T = S.getNode()), c.$isTextNode(T)) {
+                    y = o, w = o + x;
+                    const R = T.getTextContentSize();
+                    y = y > R ? R : y, w = w > R ? R : w, g.setTextNodeRange(T, y, T, w);
+                  }
+                  m.stopImmediatePropagation();
+                }
+              });
+            }
+          }
+        }
+      }
+    };
+    return window.addEventListener("message", p, !0), () => {
+      window.removeEventListener("message", p, !0);
+    };
+  }
+  return ve.registerDragonSupport = i, ve;
+}
+var Ce = {}, Ve;
+function Wt() {
+  if (Ve)
+    return Ce;
+  Ve = 1;
+  var c = Y;
+  return Ce.registerDragonSupport = function(i) {
+    let h = window.location.origin, L = (p) => {
+      if (p.origin === h) {
+        var m = i.getRootElement();
+        if (document.activeElement === m && (m = p.data, typeof m == "string")) {
+          try {
+            var a = JSON.parse(m);
+          } catch {
+            return;
+          }
+          if (a && a.protocol === "nuanria_messaging" && a.type === "request" && (a = a.payload) && a.functionId === "makeChanges" && (a = a.args)) {
+            const [u, e, t, n, r] = a;
+            i.update(() => {
+              const s = c.$getSelection();
+              if (c.$isRangeSelection(s)) {
+                var l = s.anchor;
+                let o = l.getNode(), x = 0, v = 0;
+                c.$isTextNode(o) && 0 <= u && 0 <= e && (x = u, v = u + e, s.setTextNodeRange(o, x, o, v)), (x !== v || t !== "") && (s.insertRawText(t), o = l.getNode()), c.$isTextNode(o) && (x = n, v = n + r, l = o.getTextContentSize(), x = x > l ? l : x, v = v > l ? l : v, s.setTextNodeRange(o, x, o, v)), p.stopImmediatePropagation();
+              }
+            });
+          }
+        }
+      }
+    };
+    return window.addEventListener("message", L, !0), () => {
+      window.removeEventListener("message", L, !0);
+    };
+  }, Ce;
+}
+var ye, We;
+function ct() {
+  return We || (We = 1, ye = process.env.NODE_ENV === "development" ? Vt() : Wt()), ye;
+}
+var Je;
+function Jt() {
+  if (Je)
+    return pe;
+  Je = 1;
+  var c = Q(), i = lt(), h = U, L = st(), p = at(), m = it, a = ct(), u = nt, n = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? h.useLayoutEffect : h.useEffect;
+  function r(g) {
+    return g.getEditorState().read(L.$canShowPlaceholderCurry(g.isComposing()));
+  }
+  function s(g) {
+    const [S, T] = h.useState(() => r(g));
+    return n(() => {
+      function y() {
+        const w = r(g);
+        T(w);
+      }
+      return y(), p.mergeRegister(g.registerUpdateListener(() => {
+        y();
+      }), g.registerEditableListener(() => {
+        y();
+      }));
+    }, [g]), S;
+  }
+  function l(g, S) {
+    const [T, y] = h.useState(() => g.getDecorators());
+    return n(() => g.registerDecoratorListener((w) => {
+      m.flushSync(() => {
+        y(w);
+      });
+    }), [g]), h.useEffect(() => {
+      y(g.getDecorators());
+    }, [g]), h.useMemo(() => {
+      const w = [], R = Object.keys(T);
+      for (let d = 0; d < R.length; d++) {
+        const E = R[d], f = /* @__PURE__ */ h.createElement(S, {
+          onError: (C) => g._onError(C)
+        }, /* @__PURE__ */ h.createElement(h.Suspense, {
+          fallback: null
+        }, T[E])), N = g.getElementByKey(E);
+        N !== null && w.push(/* @__PURE__ */ m.createPortal(f, N, E));
+      }
+      return w;
+    }, [S, T, g]);
+  }
+  function o(g) {
+    n(() => p.mergeRegister(u.registerRichText(g), a.registerDragonSupport(g)), [g]);
+  }
+  function x({
+    contentEditable: g,
+    placeholder: S,
+    ErrorBoundary: T
+  }) {
+    const [y] = c.useLexicalComposerContext(), w = l(y, T);
+    return o(y), /* @__PURE__ */ h.createElement(h.Fragment, null, g, /* @__PURE__ */ h.createElement(v, {
+      content: S
+    }), w);
+  }
+  function v({
+    content: g
+  }) {
+    const [S] = c.useLexicalComposerContext(), T = s(S), y = i();
+    return T ? typeof g == "function" ? g(y) : g : null;
+  }
+  return pe.RichTextPlugin = x, pe;
+}
+var Ne = {}, Ge;
+function Gt() {
+  if (Ge)
+    return Ne;
+  Ge = 1;
+  var c = Q(), i = lt(), h = U, L = st(), p = at(), m = it, a = ct(), u = nt, e = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? h.useLayoutEffect : h.useEffect;
+  function t(o) {
+    return o.getEditorState().read(L.$canShowPlaceholderCurry(o.isComposing()));
+  }
+  function n(o) {
+    let [x, v] = h.useState(() => t(o));
+    return e(() => {
+      function g() {
+        let S = t(o);
+        v(S);
+      }
+      return g(), p.mergeRegister(o.registerUpdateListener(() => {
+        g();
+      }), o.registerEditableListener(() => {
+        g();
+      }));
+    }, [o]), x;
+  }
+  function r(o, x) {
+    let [v, g] = h.useState(() => o.getDecorators());
+    return e(() => o.registerDecoratorListener((S) => {
+      m.flushSync(() => {
+        g(S);
+      });
+    }), [o]), h.useEffect(() => {
+      g(o.getDecorators());
+    }, [o]), h.useMemo(() => {
+      let S = [], T = Object.keys(v);
+      for (let y = 0; y < T.length; y++) {
+        let w = T[y], R = h.createElement(x, { onError: (E) => o._onError(E) }, h.createElement(h.Suspense, { fallback: null }, v[w])), d = o.getElementByKey(w);
+        d !== null && S.push(m.createPortal(R, d, w));
+      }
+      return S;
+    }, [x, v, o]);
+  }
+  function s(o) {
+    e(() => p.mergeRegister(u.registerRichText(o), a.registerDragonSupport(o)), [o]);
+  }
+  function l({ content: o }) {
+    var [x] = c.useLexicalComposerContext();
+    x = n(x);
+    let v = i();
+    return x ? typeof o == "function" ? o(v) : o : null;
+  }
+  return Ne.RichTextPlugin = function({ contentEditable: o, placeholder: x, ErrorBoundary: v }) {
+    let [g] = c.useLexicalComposerContext();
+    return v = r(g, v), s(g), h.createElement(h.Fragment, null, o, h.createElement(l, { content: x }), v);
+  }, Ne;
+}
+const Yt = process.env.NODE_ENV === "development" ? Jt() : Gt();
+var Qt = Yt, Le = {}, Ye;
+function Xt() {
+  if (Ye)
+    return Le;
+  Ye = 1;
+  var c = Q(), i = U;
+  function h() {
+    return h = Object.assign ? Object.assign.bind() : function(u) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var n in t)
+          Object.prototype.hasOwnProperty.call(t, n) && (u[n] = t[n]);
+      }
+      return u;
+    }, h.apply(this, arguments);
+  }
+  var m = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
+  function a({
+    ariaActiveDescendant: u,
+    ariaAutoComplete: e,
+    ariaControls: t,
+    ariaDescribedBy: n,
+    ariaExpanded: r,
+    ariaLabel: s,
+    ariaLabelledBy: l,
+    ariaMultiline: o,
+    ariaOwns: x,
+    ariaRequired: v,
+    autoCapitalize: g,
+    className: S,
+    id: T,
+    role: y = "textbox",
+    spellCheck: w = !0,
+    style: R,
+    tabIndex: d,
+    "data-testid": E,
+    ...f
+  }) {
+    const [N] = c.useLexicalComposerContext(), [C, b] = i.useState(!1), _ = i.useCallback(($) => {
+      N.setRootElement($);
+    }, [N]);
+    return m(() => (b(N.isEditable()), N.registerEditableListener(($) => {
+      b($);
+    })), [N]), /* @__PURE__ */ i.createElement("div", h({}, f, {
+      "aria-activedescendant": C ? u : void 0,
+      "aria-autocomplete": C ? e : "none",
+      "aria-controls": C ? t : void 0,
+      "aria-describedby": n,
+      "aria-expanded": C && y === "combobox" ? !!r : void 0,
+      "aria-label": s,
+      "aria-labelledby": l,
+      "aria-multiline": o,
+      "aria-owns": C ? x : void 0,
+      "aria-readonly": C ? void 0 : !0,
+      "aria-required": v,
+      autoCapitalize: g,
+      className: S,
+      contentEditable: C,
+      "data-testid": E,
+      id: T,
+      ref: _,
+      role: y,
+      spellCheck: w,
+      style: R,
+      tabIndex: d
+    }));
+  }
+  return Le.ContentEditable = a, Le;
+}
+var Te = {}, Qe;
+function Zt() {
+  if (Qe)
+    return Te;
+  Qe = 1;
+  var c = Q(), i = U;
+  function h() {
+    return h = Object.assign ? Object.assign.bind() : function(p) {
+      for (var m = 1; m < arguments.length; m++) {
+        var a = arguments[m], u;
+        for (u in a)
+          Object.prototype.hasOwnProperty.call(a, u) && (p[u] = a[u]);
+      }
+      return p;
+    }, h.apply(this, arguments);
+  }
+  var L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
+  return Te.ContentEditable = function({ ariaActiveDescendant: p, ariaAutoComplete: m, ariaControls: a, ariaDescribedBy: u, ariaExpanded: e, ariaLabel: t, ariaLabelledBy: n, ariaMultiline: r, ariaOwns: s, ariaRequired: l, autoCapitalize: o, className: x, id: v, role: g = "textbox", spellCheck: S = !0, style: T, tabIndex: y, "data-testid": w, ...R }) {
+    let [d] = c.useLexicalComposerContext(), [E, f] = i.useState(!1), N = i.useCallback((C) => {
+      d.setRootElement(C);
+    }, [d]);
+    return L(() => (f(d.isEditable()), d.registerEditableListener((C) => {
+      f(C);
+    })), [d]), i.createElement(
+      "div",
+      h({}, R, { "aria-activedescendant": E ? p : void 0, "aria-autocomplete": E ? m : "none", "aria-controls": E ? a : void 0, "aria-describedby": u, "aria-expanded": E && g === "combobox" ? !!e : void 0, "aria-label": t, "aria-labelledby": n, "aria-multiline": r, "aria-owns": E ? s : void 0, "aria-readonly": E ? void 0 : !0, "aria-required": l, autoCapitalize: o, className: x, contentEditable: E, "data-testid": w, id: v, ref: N, role: g, spellCheck: S, style: T, tabIndex: y })
+    );
+  }, Te;
+}
+const en = process.env.NODE_ENV === "development" ? Xt() : Zt();
+var tn = en, be, Xe;
+function nn() {
+  if (Xe)
+    return be;
+  Xe = 1;
+  var c = U;
+  function i(u, e) {
+    return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+      return n.__proto__ = r, n;
+    }, i(u, e);
+  }
+  function h(u, e) {
+    u.prototype = Object.create(e.prototype), u.prototype.constructor = u, i(u, e);
+  }
+  var L = function(e, t) {
+    return e === void 0 && (e = []), t === void 0 && (t = []), e.length !== t.length || e.some(function(n, r) {
+      return !Object.is(n, t[r]);
+    });
+  }, p = {
+    error: null
+  }, m = /* @__PURE__ */ function(u) {
+    h(e, u);
+    function e() {
+      for (var n, r = arguments.length, s = new Array(r), l = 0; l < r; l++)
+        s[l] = arguments[l];
+      return n = u.call.apply(u, [this].concat(s)) || this, n.state = p, n.resetErrorBoundary = function() {
+        for (var o, x = arguments.length, v = new Array(x), g = 0; g < x; g++)
+          v[g] = arguments[g];
+        n.props.onReset == null || (o = n.props).onReset.apply(o, v), n.reset();
+      }, n;
+    }
+    e.getDerivedStateFromError = function(r) {
+      return {
+        error: r
+      };
+    };
+    var t = e.prototype;
+    return t.reset = function() {
+      this.setState(p);
+    }, t.componentDidCatch = function(r, s) {
+      var l, o;
+      (l = (o = this.props).onError) == null || l.call(o, r, s);
+    }, t.componentDidUpdate = function(r, s) {
+      var l = this.state.error, o = this.props.resetKeys;
+      if (l !== null && s.error !== null && L(r.resetKeys, o)) {
+        var x, v;
+        (x = (v = this.props).onResetKeysChange) == null || x.call(v, r.resetKeys, o), this.reset();
+      }
+    }, t.render = function() {
+      var r = this.state.error, s = this.props, l = s.fallbackRender, o = s.FallbackComponent, x = s.fallback;
+      if (r !== null) {
+        var v = {
+          error: r,
+          resetErrorBoundary: this.resetErrorBoundary
+        };
+        if (/* @__PURE__ */ c.isValidElement(x))
+          return x;
+        if (typeof l == "function")
+          return l(v);
+        if (o)
+          return /* @__PURE__ */ c.createElement(o, v);
+        throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
+      }
+      return this.props.children;
+    }, e;
+  }(c.Component);
+  function a({
+    children: u,
+    onError: e
+  }) {
+    return /* @__PURE__ */ c.createElement(m, {
+      fallback: /* @__PURE__ */ c.createElement("div", {
+        style: {
+          border: "1px solid #f00",
+          color: "#f00",
+          padding: "8px"
+        }
+      }, "An error was thrown."),
+      onError: e
+    }, u);
+  }
+  return be = a, be;
+}
+var $e, Ze;
+function rn() {
+  if (Ze)
+    return $e;
+  Ze = 1;
+  var c = U;
+  function i(a, u) {
+    return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+      return e.__proto__ = t, e;
+    }, i(a, u);
+  }
+  function h(a, u) {
+    a.prototype = Object.create(u.prototype), a.prototype.constructor = a, i(a, u);
+  }
+  function L(a, u) {
+    return a === void 0 && (a = []), u === void 0 && (u = []), a.length !== u.length || a.some(function(e, t) {
+      return !Object.is(e, u[t]);
+    });
+  }
+  var p = { error: null }, m = function(a) {
+    function u() {
+      for (var t, n = arguments.length, r = Array(n), s = 0; s < n; s++)
+        r[s] = arguments[s];
+      return t = a.call.apply(a, [this].concat(r)) || this, t.state = p, t.resetErrorBoundary = function() {
+        for (var l, o = arguments.length, x = Array(o), v = 0; v < o; v++)
+          x[v] = arguments[v];
+        t.props.onReset == null || (l = t.props).onReset.apply(l, x), t.reset();
+      }, t;
+    }
+    h(u, a), u.getDerivedStateFromError = function(t) {
+      return { error: t };
+    };
+    var e = u.prototype;
+    return e.reset = function() {
+      this.setState(p);
+    }, e.componentDidCatch = function(t, n) {
+      var r, s;
+      (r = (s = this.props).onError) == null || r.call(s, t, n);
+    }, e.componentDidUpdate = function(t, n) {
+      var r = this.props.resetKeys;
+      if (this.state.error !== null && n.error !== null && L(t.resetKeys, r)) {
+        var s, l;
+        (s = (l = this.props).onResetKeysChange) == null || s.call(l, t.resetKeys, r), this.reset();
+      }
+    }, e.render = function() {
+      var t = this.state.error, n = this.props, r = n.fallbackRender, s = n.FallbackComponent;
+      if (n = n.fallback, t !== null) {
+        if (t = { error: t, resetErrorBoundary: this.resetErrorBoundary }, c.isValidElement(n))
+          return n;
+        if (typeof r == "function")
+          return r(t);
+        if (s)
+          return c.createElement(s, t);
+        throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
+      }
+      return this.props.children;
+    }, u;
+  }(c.Component);
+  return $e = function({ children: a, onError: u }) {
+    return c.createElement(m, { fallback: c.createElement("div", { style: { border: "1px solid #f00", color: "#f00", padding: "8px" } }, "An error was thrown."), onError: u }, a);
+  }, $e;
+}
+const on = process.env.NODE_ENV === "development" ? nn() : rn();
+var ln = on;
+const sn = oe({
+  fontWeight: "bold"
+}), an = oe({
+  fontStyle: "italic"
+}), cn = oe({
+  textDecoration: "underline"
+}), un = oe({
+  listStyleType: "none"
+}), dn = oe({
+  borderLeft: "4px solid #ccc",
+  color: "#666",
+  fontStyle: "italic",
+  margin: "1.5em 10px",
+  padding: "0.5em 10px"
+}), fn = {
+  quote: dn().className,
+  text: {
+    bold: sn().className,
+    italic: an().className,
+    underline: cn().className
+  },
+  list: {
+    nested: {
+      listitem: un().className
+    }
+  }
+}, pn = St(!1), gn = ({ onBlur: c }) => {
+  const [i, h] = Rt(!1), L = _t(null), p = _e(() => {
+    h(!0), L.current && window.clearTimeout(L.current);
+  }, []), m = _e(() => {
+    L.current = window.setTimeout(() => {
+      h(!1), c == null || c();
+    }, 0);
+  }, [c]);
+  return {
+    hasFocus: i,
+    attributes: {
+      onFocus: p,
+      onBlur: m
+    }
+  };
+}, mn = rt("div", {
+  border: "1px solid $borderDarker",
+  borderRadius: "$md",
+  position: "relative",
+  backgroundColor: "white",
+  "&:hover": {
+    borderColor: "$gray200"
+  },
+  variants: {
+    hasFocus: {
+      true: {
+        boxShadow: "$md",
+        borderColor: "$gray200"
+      }
+    },
+    hideBorder: {
+      true: {
+        border: "none"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      hasFocus: !0,
+      hideBorder: !0,
+      css: {
+        boxShadow: "none"
+      }
+    }
+  ]
+}), xn = rt(tn.ContentEditable, {}, {
+  padding: "0 $4",
+  overflowY: "auto",
+  maxHeight: "30rem",
+  // backgroundColor: "white",
+  "&:focus-visible": {
+    outline: "none"
+  },
+  ".main-content": {
+    padding: 12,
+    border: "1px solid $gray100",
+    borderRadius: "$md",
+    position: "relative",
+    "&::before": {
+      content: "Hovedinnhold",
+      position: "absolute",
+      top: -10,
+      left: 16,
+      backgroundColor: "white",
+      padding: "0 $1",
+      fontSize: 12,
+      color: "$gray500"
+    }
+  }
+}), hn = ({
+  isLoading: c
+}) => /* @__PURE__ */ j.jsx(
+  ot,
+  {
+    css: {
+      visibility: c ? "visible" : "hidden",
+      position: "absolute",
+      bottom: "1rem",
+      right: "1rem",
+      display: "flex"
+    },
+    children: /* @__PURE__ */ j.jsx(wt, {})
+  }
+), Pn = ({
+  isLoading: c,
+  children: i,
+  placeholderText: h,
+  nodes: L,
+  plugins: p,
+  toolbar: m,
+  refs: a
+}) => {
+  const { hasFocus: u, attributes: e } = gn({});
+  return /* @__PURE__ */ j.jsx(pn.Provider, { value: u, children: /* @__PURE__ */ j.jsxs(
+    At.LexicalComposer,
+    {
+      initialConfig: {
+        namespace: "CommentEditor",
+        onError: (t) => {
+          console.error(t);
+        },
+        theme: fn,
+        nodes: L,
+        editable: !0
+      },
+      children: [
+        /* @__PURE__ */ j.jsxs(
+          mn,
+          {
+            ref: a ? $t(a) : void 0,
+            hasFocus: u,
+            ...e,
+            children: [
+              /* @__PURE__ */ j.jsx(
+                Qt.RichTextPlugin,
+                {
+                  contentEditable: /* @__PURE__ */ j.jsx(
+                    xn,
+                    {
+                      css: {
+                        paddingTop: 16,
+                        paddingBottom: 16
+                      }
+                    }
+                  ),
+                  placeholder: h ? /* @__PURE__ */ j.jsx(
+                    ot,
+                    {
+                      css: {
+                        position: "absolute",
+                        top: "$4",
+                        left: "$4",
+                        color: "$gray500",
+                        pointerEvents: "none",
+                        fontSize: "$sm"
+                      },
+                      children: h
+                    }
+                  ) : null,
+                  ErrorBoundary: ln
+                }
+              ),
+              p,
+              /* @__PURE__ */ j.jsx(hn, { isLoading: c }),
+              m
+            ]
+          }
+        ),
+        /* @__PURE__ */ j.jsx(j.Fragment, { children: i })
+      ]
+    }
+  ) });
+};
 export {
-  J as defaultNodes,
-  $ as isJSON,
-  z as stateToHTML
+  Pn as RichTextEditor,
+  On as defaultNodes,
+  Dt as isJSON,
+  _n as stateToHTML
 };