@layers-app/editor 0.7.72 → 0.7.74-test

package/dist/layers.DB1V-cmx.js

@@ -1,296 +0,0 @@
-import { jsx as l, jsxs as Z } from "react/jsx-runtime";
-import { useRef as K, useState as u, useContext as ee, useEffect as g } from "react";
-import { useTranslation as te } from "react-i18next";
-import { useLexicalComposerContext as ie } from "@lexical/react/LexicalComposerContext";
-import { LoadingOverlay as oe } from "@mantine/core";
-import { $getNodeByKey as R, COMMAND_PRIORITY_LOW as ae, $setSelection as ne } from "lexical";
-import { showErrorNotification as se } from "@layers-app/shared";
-import { u as re, C as le, m as O, a as de, b as he, $ as y, c as ge, d as T, U as ue, I as me, E as fe, R as ce, p as F } from "./layers.Nyaoat5w.js";
-const j = (t) => {
-  const {
-    width: m,
-    height: s,
-    isLoading: d,
-    isError: b,
-    src: f,
-    id: c,
-    altText: p,
-    imageRef: I,
-    maxWidth: h
-  } = t;
-  return /* @__PURE__ */ Z(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: m,
-        height: s,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ l(
-          oe,
-          {
-            visible: d,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ l(
-          pe,
-          {
-            className: null,
-            src: f,
-            altText: p,
-            imageRef: I,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: h || "auto",
-            id: c
-          }
-        )
-      ]
-    }
-  );
-};
-function pe({
-  altText: t,
-  className: m,
-  imageRef: s,
-  src: d,
-  width: b,
-  height: f,
-  maxWidth: c,
-  id: p
-}) {
-  const [I, h] = u(!1);
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      className: `${m || void 0} ${I ? "" : "loading"}`,
-      src: d,
-      alt: t,
-      ref: s,
-      style: {
-        height: f,
-        maxWidth: c,
-        width: b
-      },
-      onLoad: () => {
-        d.includes("splash") ? setTimeout(() => {
-          h(!0);
-        }, 100) : h(!0);
-      },
-      draggable: "false",
-      "data-id": p
-    }
-  );
-}
-function ye({
-  src: t,
-  altText: m,
-  nodeKey: s,
-  width: d,
-  height: b,
-  maxWidth: f,
-  showCaption: c,
-  caption: p,
-  id: I,
-  create: h,
-  alignment: B
-}) {
-  var D, H;
-  const P = K(null), [x, w] = u(!0), [o] = ie(), [C, L] = u(!0), [r, W] = u({
-    width: 0,
-    height: 0
-  }), { start: G, cancel: V } = re(), [Y, A] = u(0), { fetchUploadMedia: M, fetchDeleteMedia: z, maxFileSize: Ie } = ee(le), E = O.has(t) && (((D = O.get(t)) == null ? void 0 : D.mediaNodeKeys.length) === 0 || ((H = O.get(t)) == null ? void 0 : H.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = te(), [we, q] = u(0);
-  g(() => o.registerDecoratorListener(() => {
-    q((e) => e + 1);
-  }), [E]), g(() => {
-    if (!t || t.startsWith("data:image/") || !t.trim()) {
-      w(!1);
-      return;
-    }
-    const e = new Image();
-    e.src = t, e.onload = () => w(!1), e.onerror = () => {
-      w(!1);
-    };
-  }, [t, E]);
-  const J = (e, a) => {
-    o.update(() => {
-      ne(null);
-      const i = R(s);
-      y(i) && i.setWidthAndHeight(e, a);
-    });
-  }, { historyState: U } = de(), {
-    settings: { showNestedEditorTreeView: k }
-  } = he(), [S, v] = u(!1);
-  function Q(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function X(e) {
-    return new Promise((a, i) => {
-      if (Q(e)) {
-        a(0);
-        return;
-      }
-      const n = new Image();
-      n.src = e, n.onload = () => {
-        a(n.width);
-      }, n.onerror = () => {
-        i(new Error("Failed to load image"));
-      };
-    });
-  }
-  g(() => {
-    h && v(!0);
-  }, [h]), g(() => {
-    let e = d, a = b, i = 100;
-    (t.includes("unsplash") ? t.trim() : !E && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && X(t).then((n) => {
-      typeof e == "number" && e < i && n < i ? (L(!0), W({
-        width: e,
-        height: a
-      })) : n < i ? (L(!0), W({
-        width: "auto",
-        height: "auto"
-      })) : (W({
-        width: n,
-        height: n
-      }), L(!1));
-    }).catch((n) => {
-      console.warn("Ошибка при загрузке изображения:", n.message);
-    });
-  }, [t, E]), g(() => {
-    r.width && r.height && C && o.update(() => {
-      const e = R(s);
-      y(e) && e.setWidthAndHeight(r.width, r.height);
-    });
-  }, [r.width, r.height, C]), g(() => (S ? ge(o.getRootElement()) : T(o.getRootElement()), () => {
-    T(o.getRootElement());
-  }), [S, o]), g(() => o.registerCommand(
-    ue,
-    (e) => (t === "upload" && $(e), !1),
-    ae
-  ), [t, x]);
-  const _ = (e, a) => {
-    w(!1), o.update(() => {
-      const i = R(s);
-      y(i) && (i.setSrc(e), i.setId(a));
-    });
-  }, $ = (e) => {
-    w(!0);
-    const a = G();
-    M && M(
-      e[0],
-      (i, n) => {
-        _(i, n), A(0);
-      },
-      (i) => {
-        i && se({
-          message: N("editor.gallery.errorFile")
-        }), A(0), _("", "");
-      },
-      a,
-      (i) => {
-        A(i);
-      }
-    );
-  };
-  return !t || t === "upload" ? /* @__PURE__ */ l(
-    me,
-    {
-      uploading: !1,
-      onUpload: (e) => {
-        !M || !e.length || ($(e), v(!1));
-      },
-      popoverProps: {
-        opened: S,
-        position: "bottom",
-        onChange: v
-      },
-      onChange: (e) => {
-        v(!1), o.update(() => {
-          const a = R(s);
-          y(a) && a.setSrc(e);
-        });
-      },
-      children: /* @__PURE__ */ l(
-        fe,
-        {
-          title: N("editor.image.add_photo"),
-          icon: "photo",
-          onClick: () => v(!S),
-          isLoading: x,
-          progress: Y,
-          onAfterCancel: () => {
-            V(), w(!1);
-          }
-        }
-      )
-    }
-  ) : C ? /* @__PURE__ */ l(
-    j,
-    {
-      width: r.width,
-      height: r.height,
-      isLoading: x,
-      isError: !1,
-      isIcon: C,
-      src: t,
-      id: I,
-      editor: o,
-      nodeKey: s,
-      fetchDeleteMedia: z,
-      altText: m,
-      imageRef: P,
-      maxWidth: f,
-      showCaption: c,
-      caption: p,
-      isCollabActive: !1,
-      historyState: U,
-      showNestedEditorTreeView: k,
-      t: N
-    }
-  ) : /* @__PURE__ */ l(
-    ce,
-    {
-      editor: o,
-      isIcon: C,
-      width: F(d),
-      height: F(b),
-      initialWidth: r.width || "",
-      initialHeight: r.height || "",
-      onResizeEnd: J,
-      alignment: B,
-      children: /* @__PURE__ */ l(
-        j,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: x,
-          isError: !1,
-          isIcon: C,
-          src: t,
-          id: I,
-          editor: o,
-          nodeKey: s,
-          fetchDeleteMedia: z,
-          altText: m,
-          imageRef: P,
-          maxWidth: f,
-          showCaption: c,
-          caption: p,
-          isCollabActive: !1,
-          historyState: U,
-          showNestedEditorTreeView: k,
-          t: N
-        }
-      )
-    }
-  );
-}
-export {
-  ye as default
-};

package/dist/layers.DgRZUpzJ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),P=require("@lexical/react/LexicalComposerContext"),v=require("@lexical/react/LexicalErrorBoundary"),y=require("@lexical/react/LexicalNestedComposer"),$=require("@lexical/react/LexicalRichTextPlugin"),k=require("@lexical/react/useLexicalNodeSelection"),q=require("@lexical/utils"),t=require("lexical"),x=require("./layers.BNkCV5Pi.js"),Y=require("@mantine/core");function w({children:n,className:l}){return e.jsx("div",{className:l||"Placeholder__root",children:n})}function B({label:n,value:l,onChange:o,placeholder:C="","data-test-id":i,type:d="text"}){return e.jsx(Y.TextInput,{type:d,placeholder:C,value:l,onChange:c=>{o(c.target.value)},label:n,"data-test-id":i,mb:10})}const b=new Set;function W(n){if(!b.has(n))throw new Promise(l=>{const o=new Image;o.src=n,o.onload=()=>{b.add(n),l(null)}})}function F({altText:n,className:l,imageRef:o,src:C,width:i,height:d,position:c}){return W(C),e.jsx("img",{className:l||void 0,src:C,alt:n,ref:o,"data-position":c,style:{display:"block",height:d,width:i},draggable:"false"})}function A({activeEditor:n,nodeKey:l,onClose:o}){const i=n.getEditorState().read(()=>t.$getNodeByKey(l)),[d,c]=s.useState(i.getAltText()),[h,S]=s.useState(i.getShowCaption()),[_,N]=s.useState(i.getPosition()),p=m=>{S(m.target.checked)},g=()=>{const m={altText:d,position:_,showCaption:h};i&&n.update(()=>{i.update(m)}),o()};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{marginBottom:"1em"},children:e.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),e.jsxs("div",{className:"Input__wrapper",children:[e.jsx("input",{id:"caption",type:"checkbox",checked:h,onChange:p}),e.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),e.jsx(x.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>g(),children:"Применить"})]})}function K({src:n,altText:l,nodeKey:o,width:C,height:i,showCaption:d,caption:c,position:h}){const[S,_]=x.useModal(),N=s.useRef(null),p=s.useRef(null),[g,m,M]=k.useLexicalNodeSelection(o),[a]=P.useLexicalComposerContext(),[D,L]=s.useState(null),O=s.useRef(null),E=s.useCallback(u=>{if(g&&t.$isNodeSelection(t.$getSelection())){u.preventDefault();const r=t.$getNodeByKey(o);x.$isInlineImageNode(r)&&r.remove()}return!1},[g,o]),R=s.useCallback(u=>{const f=t.$getSelection(),r=p.current;if(g&&t.$isNodeSelection(f)&&f.getNodes().length===1){if(d)return t.$setSelection(null),u.preventDefault(),c.focus(),!0;if(r!==null&&r!==document.activeElement)return u.preventDefault(),r.focus(),!0}return!1},[c,g,d]),j=s.useCallback(u=>O.current===c||p.current===u.target?(t.$setSelection(null),a.update(()=>{m(!0);const f=a.getRootElement();f!==null&&f.focus()}),!0):!1,[c,a,m]);s.useEffect(()=>{let u=!0;const f=q.mergeRegister(a.registerUpdateListener(({editorState:r})=>{u&&L(r.read(()=>t.$getSelection()))}),a.registerCommand(t.SELECTION_CHANGE_COMMAND,(r,I)=>(O.current=I,!1),t.COMMAND_PRIORITY_LOW),a.registerCommand(t.CLICK_COMMAND,r=>{const I=r;return I.target===N.current?(I.shiftKey?m(!g):(M(),m(!0)),!0):!1},t.COMMAND_PRIORITY_LOW),a.registerCommand(t.DRAGSTART_COMMAND,r=>r.target===N.current?(r.preventDefault(),!0):!1,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_DELETE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_BACKSPACE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ENTER_COMMAND,R,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ESCAPE_COMMAND,j,t.COMMAND_PRIORITY_LOW));return()=>{u=!1,f()}},[M,a,g,o,E,R,j,m]);const T=g;return e.jsxs(s.Suspense,{fallback:null,children:[e.jsxs(e.Fragment,{children:[e.jsxs("div",{draggable:!1,children:[e.jsx("button",{className:"image-edit-button",ref:p,onClick:()=>{_("Update Inline Image",u=>e.jsx(A,{activeEditor:a,nodeKey:o,onClose:u}))},children:"Edit"}),e.jsx(F,{className:T?`focused ${t.$isNodeSelection(D)?"draggable":""}`:null,src:n,altText:l,imageRef:N,width:C,height:i,position:h})]}),d&&e.jsx("div",{className:"image-caption-container",children:e.jsxs(y.LexicalNestedComposer,{initialEditor:c,children:[e.jsx(x.LinkPlugin,{}),e.jsx(x.FloatingTextFormatToolbarPlugin,{}),e.jsx($.RichTextPlugin,{contentEditable:e.jsx(x.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:e.jsx(w,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:v.LexicalErrorBoundary})]})})]}),S]})}exports.UpdateInlineImageDialog=A;exports.default=K;

package/dist/layers.DlDHZJgX.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),Y=require("@lexical/react/LexicalComposerContext"),J=require("@mantine/core"),C=require("lexical"),Q=require("@layers-app/shared"),i=require("./layers.BNkCV5Pi.js"),U=t=>{const{width:h,height:l,isLoading:g,isError:w,src:f,id:m,altText:p,imageRef:x,maxWidth:c}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:h,height:l,display:"inline-flex",position:"relative"},children:[u.jsx(J.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(X,{className:null,src:f,altText:p,imageRef:x,width:"inherit",height:"inherit",maxWidth:c||"auto",id:m})]})};function X({altText:t,className:h,imageRef:l,src:g,width:w,height:f,maxWidth:m,id:p}){const[x,c]=n.useState(!1);return u.jsx("img",{className:`${h||void 0} ${x?"":"loading"}`,src:g,alt:t,ref:l,style:{height:f,maxWidth:m,width:w},onLoad:()=>{g.includes("splash")?setTimeout(()=>{c(!0)},100):c(!0)},draggable:"false","data-id":p})}function Z({src:t,altText:h,nodeKey:l,width:g,height:w,maxWidth:f,showCaption:m,caption:p,id:x,create:c,alignment:_}){var q,k;const W=n.useRef(null),[E,I]=n.useState(!0),[s]=Y.useLexicalComposerContext(),[S,R]=n.useState(!0),[d,L]=n.useState({width:0,height:0}),{start:B,cancel:D}=i.useCancelUpload(),[H,M]=n.useState(0),{fetchUploadMedia:j,fetchDeleteMedia:$,maxFileSize:ee}=n.useContext(i.Context),N=i.mediaMap.has(t)&&(((q=i.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===0||((k=i.mediaMap.get(t))==null?void 0:k.mediaNodeKeys.length)===void 0||t.trim()===""),{t:b}=V.useTranslation(),[te,T]=n.useState(0);n.useEffect(()=>s.registerDecoratorListener(()=>{T(e=>e+1)}),[N]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){I(!1);return}const e=new Image;e.src=t,e.onload=()=>I(!1),e.onerror=()=>{I(!1)}},[t,N]);const F=(e,a)=>{s.update(()=>{C.$setSelection(null);const o=C.$getNodeByKey(l);i.$isImageNode(o)&&o.setWidthAndHeight(e,a)})},{historyState:O}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:P}}=i.useSettings(),[v,y]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((a,o)=>{if(G(e)){a(0);return}const r=new Image;r.src=e,r.onload=()=>{a(r.width)},r.onerror=()=>{o(new Error("Failed to load image"))}})}n.useEffect(()=>{c&&y(!0)},[c]),n.useEffect(()=>{let e=g,a=w,o=100;(t.includes("unsplash")?t.trim():!N&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(r=>{typeof e=="number"&&e<o&&r<o?(R(!0),L({width:e,height:a})):r<o?(R(!0),L({width:"auto",height:"auto"})):(L({width:r,height:r}),R(!1))}).catch(r=>{console.warn("Ошибка при загрузке изображения:",r.message)})},[t,N]),n.useEffect(()=>{d.width&&d.height&&S&&s.update(()=>{const e=C.$getNodeByKey(l);i.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,S]),n.useEffect(()=>(v?i.blockScroll(s.getRootElement()):i.unblockScroll(s.getRootElement()),()=>{i.unblockScroll(s.getRootElement())}),[v,s]),n.useEffect(()=>s.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&A(e),!1),C.COMMAND_PRIORITY_LOW),[t,E]);const z=(e,a)=>{I(!1),s.update(()=>{const o=C.$getNodeByKey(l);i.$isImageNode(o)&&(o.setSrc(e),o.setId(a))})},A=e=>{I(!0);const a=B();j&&j(e[0],(o,r)=>{z(o,r),M(0)},o=>{o&&Q.showErrorNotification({message:b("editor.gallery.errorFile")}),M(0),z("","")},a,o=>{M(o)})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!j||!e.length||(A(e),y(!1))},popoverProps:{opened:v,position:"bottom",onChange:y},onChange:e=>{y(!1),s.update(()=>{const a=C.$getNodeByKey(l);i.$isImageNode(a)&&a.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:b("editor.image.add_photo"),icon:"photo",onClick:()=>y(!v),isLoading:E,progress:H,onAfterCancel:()=>{D(),I(!1)}})}):S?u.jsx(U,{width:d.width,height:d.height,isLoading:E,isError:!1,isIcon:S,src:t,id:x,editor:s,nodeKey:l,fetchDeleteMedia:$,altText:h,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:O,showNestedEditorTreeView:P,t:b}):u.jsx(i.ResizableContainer,{editor:s,isIcon:S,width:i.parseContainerSize(g),height:i.parseContainerSize(w),initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:F,alignment:_,children:u.jsx(U,{width:"inherit",height:"inherit",isLoading:E,isError:!1,isIcon:S,src:t,id:x,editor:s,nodeKey:l,fetchDeleteMedia:$,altText:h,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:O,showNestedEditorTreeView:P,t:b})})}exports.default=Z;

package/dist/layers.Dx0jp93e.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.IEVx3l1m.js");require("./layers.D1mmYSsE.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;

package/dist/layers.KUcJC_a6.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),p=require("@lexical/react/LexicalComposerContext"),C=require("lexical"),l=require("./layers.BNkCV5Pi.js"),u=require("./layers._89-PQfr.js"),f=C.createCommand("INSERT_EXCALIDRAW_COMMAND");function A(){const[s]=p.useLexicalComposerContext(),[x,n]=t.useState(!1),[e,E]=t.useState(null),r=t.useRef(null),[M,i]=t.useState(!1);t.useEffect(()=>{if(!s.hasNodes([l.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return s.registerCommand(f,()=>{n(!0);const a=l.getCurrentElement();return E(a),!0},C.COMMAND_PRIORITY_EDITOR)},[s]);const c=()=>{n(!1),i(!1),r.current=!1},m=()=>{r.current?i(!0):c()},O=()=>{n(!1)},N=(a,S,R,g)=>{s.update(()=>{const d=l.$createExcalidrawNode();d.setData(JSON.stringify({appState:S,elements:a,files:R,previewSVG:g})),e&&e.getParent()&&(e==null||e.replace(d))}),n(!1)};return o.jsxs(o.Fragment,{children:[o.jsx(u.ConfirmModal,{isCloseModal:M,confirmClose:c,setCloseModalOpen:i}),o.jsx(u.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:x,onDelete:O,onClose:m,onSave:N,closeOnClickOutside:!1,isEdited:r})]})}exports.INSERT_EXCALIDRAW_COMMAND=f;exports.default=A;

package/dist/layers.MuBekYId.js

@@ -1,276 +0,0 @@
-import { jsxs as E, Fragment as T, jsx as o } from "react/jsx-runtime";
-import { useRef as N, useEffect as d, useState as C, useCallback as f } from "react";
-import { createPortal as U } from "react-dom";
-import { h as P, d as S, c as $, i as V, H as X, j as Y, O as J } from "./layers.Nyaoat5w.js";
-import { useLexicalComposerContext as W } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as _ } from "@lexical/react/LexicalErrorBoundary";
-import { useLexicalEditable as Z } from "@lexical/react/useLexicalEditable";
-import { Textarea as K, Group as ee, Button as H } from "@mantine/core";
-import { $getNodeByKey as v, COMMAND_PRIORITY_EDITOR as te } from "lexical";
-import ne from "./layers.b9B2NY7n.js";
-function w({
-  equation: r,
-  inline: a,
-  onDoubleClick: s
-}) {
-  const n = N(null);
-  return d(() => {
-    const l = n.current;
-    l !== null && ne.render(r, l, {
-      displayMode: !a,
-      errorColor: "#cc0000",
-      output: "html",
-      strict: "warn",
-      throwOnError: !1,
-      trust: !1
-    });
-  }, [r, a]), /* @__PURE__ */ E(T, { children: [
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    ),
-    /* @__PURE__ */ o(
-      "span",
-      {
-        role: "button",
-        tabIndex: -1,
-        onDoubleClick: s,
-        ref: n
-      }
-    ),
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    )
-  ] });
-}
-let M = !1;
-const I = /* @__PURE__ */ new Map();
-function oe(r) {
-  M || (M = !0, r.registerCommand(
-    J,
-    (a) => {
-      const s = I.get(a);
-      return s ? (s(), !0) : !1;
-    },
-    te
-  ));
-}
-function pe({
-  equation: r,
-  inline: a,
-  nodeKey: s
-}) {
-  const [n] = W(), l = Z(), p = N(null), B = N(null), [m, x] = C(r), [c, u] = C(!1), [O, j] = C({ top: 0, left: 0 }), [F, D] = C(!1), b = f(() => {
-    const e = p.current;
-    if (!e) return;
-    const i = (e.closest(
-      ".editor-equation"
-    ) || e).getBoundingClientRect();
-    j({
-      top: i.bottom + 18,
-      left: i.left
-    }), D(!0);
-  }, []);
-  d(() => {
-    oe(n);
-  }, [n]), d(() => {
-    const e = () => {
-      l && u(!0);
-    };
-    return I.set(s, e), () => {
-      I.delete(s);
-    };
-  }, [l, s]);
-  const A = f(() => {
-    if (l) {
-      if (c) {
-        u(!1);
-        return;
-      }
-      b(), u(!0);
-    }
-  }, [l, c, b]), k = f(() => {
-    const e = m.trim();
-    n.update(() => {
-      const t = v(s);
-      if (P(t)) {
-        if (t.isInline && t.isInline() && e === "") {
-          t.remove();
-          return;
-        }
-        t.setEquation(e);
-      }
-    }), u(!1);
-  }, [n, s, m]), q = f(() => {
-    if (!r && a) {
-      n.update(() => {
-        const e = v(s);
-        P(e) && e.remove();
-      }), u(!1);
-      return;
-    }
-    x(r), r && u(!1);
-  }, [n, r, a, s]);
-  d(() => {
-    c || x(r);
-  }, [r, c]), d(() => {
-    if (!c) {
-      S(n.getRootElement()), D(!1);
-      return;
-    }
-    $(n.getRootElement()), b();
-    const e = window.requestAnimationFrame(() => {
-      const t = B.current;
-      if (!t) return;
-      const i = t.value.length;
-      t.focus(), t.setSelectionRange(i, i);
-    });
-    return () => {
-      window.cancelAnimationFrame(e), S(n.getRootElement());
-    };
-  }, [c, b]), d(() => {
-    if (!c) return;
-    const e = (t) => {
-      const i = t.target, g = p.current, y = document.querySelector(".equation-block__popup");
-      i && (g != null && g.contains(i) || y instanceof HTMLElement && y.contains(i)) || (a && !m.trim() && n.update(() => {
-        const L = v(s);
-        P(L) && L.remove();
-      }), u(!1));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [n, a, c, s, m]);
-  const h = (c ? m : r).trim(), R = h.length > 0;
-  d(() => {
-    const e = p.current;
-    if (!e) return;
-    const t = e.closest(".editor-equation"), i = h;
-    if (t) {
-      if (!i) {
-        t.removeAttribute("data-lexical-equation");
-        return;
-      }
-      try {
-        const g = btoa(unescape(encodeURIComponent(i)));
-        t.setAttribute("data-lexical-equation", g);
-      } catch {
-        t.setAttribute("data-lexical-equation", i);
-      }
-    }
-  }, [h]);
-  const z = a && !l ? /* @__PURE__ */ o("span", { className: "equation-inline-trigger", children: /* @__PURE__ */ o(_, { onError: (e) => {
-    var t;
-    return (t = n._onError) == null ? void 0 : t.call(n, e);
-  }, children: /* @__PURE__ */ o(
-    w,
-    {
-      equation: r,
-      inline: a,
-      onDoubleClick: A
-    }
-  ) }) }) : a ? /* @__PURE__ */ o(
-    "span",
-    {
-      className: `equation-inline-trigger${R ? "" : " equation-inline-trigger--empty"}`,
-      onClick: A,
-      ref: p,
-      children: R ? /* @__PURE__ */ o(_, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ o(
-        w,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ E("span", { className: "equation-inline-placeholder", children: [
-        /* @__PURE__ */ o(X, { icon: Y, size: 24 }),
-        /* @__PURE__ */ o("span", { children: "New equation" })
-      ] })
-    }
-  ) : /* @__PURE__ */ o("div", { className: "equation-block", ref: p, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "equation-block__container",
-      onClick: A,
-      style: { cursor: l ? "pointer" : "default" },
-      children: R ? /* @__PURE__ */ o(_, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ o(
-        w,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ o("div", { className: "equation-block__placeholder", children: "Add a TeX equation" })
-    }
-  ) }), G = f(
-    (e) => {
-      e.stopPropagation(), x(e.currentTarget.value);
-    },
-    []
-  ), Q = f(
-    V({
-      onConfirm: k,
-      onCancel: q
-    }),
-    [k, q]
-  );
-  return /* @__PURE__ */ E(T, { children: [
-    z,
-    c && F && U(
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "equation-block__popup",
-          style: {
-            position: "fixed",
-            top: O.top,
-            left: O.left,
-            zIndex: 103
-          },
-          children: /* @__PURE__ */ E("div", { className: "equation-block__editor", children: [
-            /* @__PURE__ */ o(
-              K,
-              {
-                autosize: !0,
-                minRows: 2,
-                variant: "unstyled",
-                value: m,
-                onChange: G,
-                onKeyDown: Q,
-                placeholder: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
-                classNames: {
-                  wrapper: "equation-block__textarea-wrapper"
-                },
-                autoFocus: !0,
-                ref: B
-              }
-            ),
-            /* @__PURE__ */ E(ee, { justify: "flex-end", gap: "sm", children: [
-              /* @__PURE__ */ o(H, { variant: "subtle", color: "gray", onClick: q, children: "Cancel" }),
-              /* @__PURE__ */ o(H, { onClick: k, children: "Save" })
-            ] })
-          ] })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-export {
-  pe as default
-};