@layers-app/editor 0.7.93 → 0.7.95

package/dist/layers.Dh7vm0BH.js

@@ -1,500 +0,0 @@
-import { jsxs as k, jsx as o, Fragment as re } from "react/jsx-runtime";
-import { useState as w, useCallback as b, useMemo as le, useContext as J, useRef as se, useEffect as T } from "react";
-import { useTranslation as F } from "react-i18next";
-import { useLexicalComposerContext as H } from "@lexical/react/LexicalComposerContext";
-import { Stack as de, Button as _, Box as ce, LoadingOverlay as ge } from "@mantine/core";
-import { $getNodeByKey as C, COMMAND_PRIORITY_LOW as ue, $setSelection as me } from "lexical";
-import { AttachmentsGalleryModal as he, showErrorNotification as fe } from "@layers-app/shared";
-import { i as x, j as Q, k as K, P as pe, A as ve, l as we, m as Ie, n as be, M as ye, H as L, o as Ce, T as xe, p as Ne, C as ee, q as Te, r as Ae, s as R, t as De, v as Se, w as Oe, U as Pe, x as ke, g as Ee, R as Me, y as X, b as ze, z as We } from "./layers.C8scOXtX.js";
-import { useDisclosure as Y } from "@mantine/hooks";
-const Ue = () => {
-};
-function _e({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = F(), [g] = H(), [u, m] = w(!1), [s, h] = w(!1), f = b(() => {
-    g.update(() => {
-      const v = C(e);
-      x(v) && v.remove();
-    });
-  }, [g, e]), N = b(async () => {
-    if (n)
-      try {
-        await Q(n, K(n));
-      } catch {
-      }
-  }, [n]);
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      className: "media-actions visible",
-      style: {
-        position: "absolute",
-        top: 10,
-        right: 10,
-        zIndex: 10,
-        pointerEvents: "auto",
-        display: "flex",
-        gap: 4
-      },
-      onClick: (v) => v.stopPropagation(),
-      children: [
-        /* @__PURE__ */ o(pe, { t: r, src: n, setShown: Ue, id: i }),
-        /* @__PURE__ */ o(
-          ve,
-          {
-            opened: u,
-            setOpened: m,
-            t: r,
-            editor: g,
-            nodeKey: e
-          }
-        ),
-        /* @__PURE__ */ o(
-          we,
-          {
-            opened: s,
-            onOpenChange: h,
-            t: r,
-            onDownload: () => void N(),
-            onDelete: f
-          }
-        )
-      ]
-    }
-  );
-}
-function Le({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = F(), [g] = H(), [u, { open: m, close: s }] = Y(!1), [h, { open: f, close: N }] = Y(!1), v = le(
-    () => [
-      {
-        id: !i || i === "0" ? "" : i,
-        Url: n ?? "",
-        contentType: "",
-        originalFileName: "",
-        fileSize: 0,
-        storageType: "",
-        storagePath: "",
-        fileName: "",
-        parentType: "",
-        parentId: "",
-        ownerId: "",
-        createdAt: /* @__PURE__ */ new Date(),
-        updatedAt: /* @__PURE__ */ new Date(),
-        version: 0,
-        deleted: !1,
-        deletedAt: /* @__PURE__ */ new Date()
-      }
-    ],
-    [n, i]
-  ), A = () => {
-    s(), f();
-  }, D = b(async () => {
-    if (s(), !!n)
-      try {
-        await Q(n, K(n));
-      } catch {
-      }
-  }, [n, s]), I = b(() => {
-    s(), g.update(() => {
-      const a = C(e);
-      x(a) && a.remove();
-    });
-  }, [g, e, s]);
-  return /* @__PURE__ */ k(re, { children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: "image-touch-actions",
-        style: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 10,
-          pointerEvents: "auto"
-        },
-        onClick: (a) => a.stopPropagation(),
-        children: /* @__PURE__ */ o(
-          Ie,
-          {
-            label: r("editor.toolbar.more"),
-            icon: be,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: m
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      he,
-      {
-        opened: h,
-        onOpenChange: (a) => a ? f() : N(),
-        attachments: v
-      }
-    ),
-    /* @__PURE__ */ o(
-      ye,
-      {
-        opened: u,
-        onClose: s,
-        title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ k(de, { gap: 4, p: 0, children: [
-          /* @__PURE__ */ o(
-            _,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-              onClick: A,
-              leftSection: /* @__PURE__ */ o(
-                L,
-                {
-                  icon: Ce,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.image.previewFullScreen")
-            }
-          ),
-          /* @__PURE__ */ o(
-            _,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-              onClick: () => void D(),
-              leftSection: /* @__PURE__ */ o(
-                L,
-                {
-                  icon: xe,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.gallery.download")
-            }
-          ),
-          /* @__PURE__ */ o(
-            _,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "red",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-              onClick: I,
-              leftSection: /* @__PURE__ */ o(
-                L,
-                {
-                  icon: Ne,
-                  size: 16,
-                  color: "var(--mantine-color-red-6)"
-                }
-              ),
-              children: r("editor.actions.delete")
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-const Z = (e) => {
-  const {
-    width: n,
-    height: i,
-    isLoading: r,
-    isError: g,
-    src: u,
-    id: m,
-    altText: s,
-    imageRef: h,
-    maxWidth: f
-  } = e;
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: n,
-        height: i,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ o(
-          ge,
-          {
-            visible: r,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ o(
-          Re,
-          {
-            className: null,
-            src: u,
-            altText: s,
-            imageRef: h,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: f || "auto",
-            id: m
-          }
-        ),
-        ze && /* @__PURE__ */ o(Le, { nodeKey: e.nodeKey, src: u, id: m }),
-        We && /* @__PURE__ */ o(_e, { nodeKey: e.nodeKey, src: u, id: m })
-      ]
-    }
-  );
-};
-function Re({
-  altText: e,
-  className: n,
-  imageRef: i,
-  src: r,
-  width: g,
-  height: u,
-  maxWidth: m,
-  id: s
-}) {
-  const [h, f] = w(!1);
-  return /* @__PURE__ */ o(
-    "img",
-    {
-      className: `${n || void 0} ${h ? "" : "loading"}`,
-      src: r,
-      alt: e,
-      ref: i,
-      style: {
-        height: u,
-        maxWidth: m,
-        width: g
-      },
-      onLoad: () => {
-        r.includes("splash") ? setTimeout(() => {
-          f(!0);
-        }, 100) : f(!0);
-      },
-      draggable: "false",
-      "data-id": s
-    }
-  );
-}
-function Ke(e) {
-  const { disable: n } = J(ee);
-  return n && Te.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ o(Fe, { ...e });
-}
-function Fe({
-  src: e,
-  altText: n,
-  nodeKey: i,
-  width: r,
-  height: g,
-  maxWidth: u,
-  showCaption: m,
-  caption: s,
-  id: h,
-  create: f,
-  alignment: N,
-  imagePickerTab: v
-}) {
-  var G, q;
-  const A = se(null), [D, I] = w(!0), [a] = H(), [y, E] = w(!0), [p, M] = w({
-    width: 0,
-    height: 0
-  }), { start: j } = Ae(), [He, z] = w(0), { fetchUploadMedia: S, fetchDeleteMedia: $, maxFileSize: je } = J(ee), O = R.has(e) && (((G = R.get(e)) == null ? void 0 : G.mediaNodeKeys.length) === 0 || ((q = R.get(e)) == null ? void 0 : q.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: P } = F(), [$e, te] = w(0);
-  T(() => a.registerDecoratorListener(() => {
-    te((t) => t + 1);
-  }), [O]), T(() => {
-    if (!e || e.startsWith("data:image/") || !e.trim()) {
-      I(!1);
-      return;
-    }
-    const t = new Image();
-    t.src = e, t.onload = () => I(!1), t.onerror = () => {
-      I(!1);
-    };
-  }, [e, O]);
-  const oe = (t, d) => {
-    a.update(() => {
-      me(null);
-      const l = C(i);
-      x(l) && l.setWidthAndHeight(t, d);
-    });
-  }, { historyState: B } = De(), {
-    settings: { showNestedEditorTreeView: V }
-  } = Se();
-  function ie(t) {
-    return t.endsWith(".svg") || t.includes("image/svg+xml");
-  }
-  function ne(t) {
-    return new Promise((d, l) => {
-      if (ie(t)) {
-        d(0);
-        return;
-      }
-      const c = new Image();
-      c.src = t, c.onload = () => {
-        d(c.width);
-      }, c.onerror = () => {
-        l(new Error("Failed to load image"));
-      };
-    });
-  }
-  T(() => {
-    let t = r, d = g, l = 100;
-    (e.includes("unsplash") ? e.trim() : !O && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && ne(e).then((c) => {
-      typeof t == "number" && t < l && c < l ? (E(!0), M({
-        width: t,
-        height: d
-      })) : c < l ? (E(!0), M({
-        width: "auto",
-        height: "auto"
-      })) : (M({
-        width: c,
-        height: c
-      }), E(!1));
-    }).catch((c) => {
-      console.warn("Ошибка при загрузке изображения:", c.message);
-    });
-  }, [e, O]), T(() => {
-    p.width && p.height && y && a.update(() => {
-      const t = C(i);
-      x(t) && t.setWidthAndHeight(p.width, p.height);
-    });
-  }, [p.width, p.height, y]);
-  const ae = b(
-    (t) => Oe(a, i, t),
-    [a, i]
-  ), W = b(
-    (t, d) => {
-      I(!1), a.update(() => {
-        const l = C(i);
-        x(l) && (l.setSrc(t), l.setId(d));
-      });
-    },
-    [a, i]
-  ), U = b(
-    (t) => {
-      I(!0);
-      const d = j();
-      S && S(
-        t[0],
-        (l, c) => {
-          W(l, c), z(0);
-        },
-        (l) => {
-          l && fe({
-            message: P("editor.gallery.errorFile")
-          }), z(0), W("", "");
-        },
-        d,
-        (l) => {
-          z(l);
-        }
-      );
-    },
-    [S, j, P, W]
-  );
-  return T(() => a.registerCommand(
-    Pe,
-    (t) => e !== "upload" || t.targetNodeKey !== i ? !1 : (U(t.files), !0),
-    ue
-  ), [a, U, i, e]), !e || e === "upload" ? /* @__PURE__ */ o(ce, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ o(
-    ke,
-    {
-      inline: !0,
-      nodeKey: i,
-      defaultTabValue: v,
-      onWriteTabToNode: ae,
-      uploading: !1,
-      onUpload: (t) => {
-        !S || !t.length || U(t);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom",
-        zIndex: Ee
-      },
-      onChange: (t) => {
-        a.update(() => {
-          const d = C(i);
-          x(d) && d.setSrc(t);
-        });
-      }
-    }
-  ) }) : y ? /* @__PURE__ */ o(
-    Z,
-    {
-      width: p.width,
-      height: p.height,
-      isLoading: D,
-      isError: !1,
-      isIcon: y,
-      src: e,
-      id: h,
-      editor: a,
-      nodeKey: i,
-      fetchDeleteMedia: $,
-      altText: n,
-      imageRef: A,
-      maxWidth: u,
-      showCaption: m,
-      caption: s,
-      isCollabActive: !1,
-      historyState: B,
-      showNestedEditorTreeView: V,
-      t: P
-    }
-  ) : /* @__PURE__ */ o(
-    Me,
-    {
-      editor: a,
-      isIcon: y,
-      width: X(r),
-      height: X(g),
-      initialWidth: p.width || "",
-      initialHeight: p.height || "",
-      onResizeEnd: oe,
-      alignment: N,
-      children: /* @__PURE__ */ o(
-        Z,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: D,
-          isError: !1,
-          isIcon: y,
-          src: e,
-          id: h,
-          editor: a,
-          nodeKey: i,
-          fetchDeleteMedia: $,
-          altText: n,
-          imageRef: A,
-          maxWidth: u,
-          showCaption: m,
-          caption: s,
-          isCollabActive: !1,
-          historyState: B,
-          showNestedEditorTreeView: V,
-          t: P
-        }
-      )
-    }
-  );
-}
-export {
-  Ke as default
-};

package/dist/layers.DilA0qnM.js

@@ -1,54 +0,0 @@
-const t = {
-  elements: [],
-  files: {},
-  appState: {},
-  previewSVG: null
-}, a = (r) => {
-  try {
-    const e = JSON.parse(r);
-    if (Array.isArray(e))
-      return { ...t, elements: e };
-    if (e && typeof e == "object")
-      return {
-        elements: Array.isArray(e.elements) ? e.elements : [],
-        files: e.files && typeof e.files == "object" ? e.files : {},
-        appState: e.appState && typeof e.appState == "object" ? e.appState : {},
-        previewSVG: typeof e.previewSVG == "string" ? e.previewSVG : typeof e.previewSvg == "string" ? e.previewSvg : null
-      };
-  } catch {
-  }
-  return { ...t };
-}, p = {
-  en: "en-US",
-  ru: "ru-RU",
-  fr: "fr-FR",
-  de: "de-DE",
-  es: "es-ES",
-  it: "it-IT",
-  pt: "pt-BR",
-  zh: "zh-CN",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  ar: "ar-SA",
-  hi: "hi-IN",
-  nl: "nl-NL",
-  tr: "tr-TR",
-  pl: "pl-PL",
-  sv: "sv-SE",
-  cs: "cs-CZ",
-  uk: "uk-UA",
-  ro: "ro-RO",
-  fi: "fi-FI",
-  da: "da-DK",
-  no: "no-NO",
-  el: "el-GR",
-  he: "he-IL",
-  th: "th-TH",
-  id: "id-ID",
-  ms: "ms-MY",
-  vi: "vi-VN"
-};
-export {
-  p as l,
-  a as p
-};

package/dist/layers.Dybb-MrJ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),se=require("react-dom"),ae=require("react-i18next"),c=require("./layers.BF5czbZm.js"),ce=require("@lexical/react/LexicalComposerContext"),M=require("@lexical/react/LexicalErrorBoundary"),ie=require("@lexical/react/useLexicalEditable"),A=require("@mantine/core"),T=require("lexical"),le=require("./layers.R8mPlCA0.js");function H({equation:u,inline:a,onDoubleClick:l}){const s=r.useRef(null);return r.useEffect(()=>{const m=s.current;m!==null&&le.default.render(u,m,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[u,a]),n.jsxs(n.Fragment,{children:[n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),n.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:l,ref:s}),n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}const X=18,ue=8,Y=20,Z=25,J=20;let K=!1;const V=new Map;function de(u){K||(K=!0,u.registerCommand(c.OPEN_EQUATION_POPUP_COMMAND,a=>{const l=V.get(a);return l?(l(),!0):!1},T.COMMAND_PRIORITY_EDITOR))}function pe({equation:u,inline:a,nodeKey:l}){const[s]=ce.useLexicalComposerContext(),m=ie.useLexicalEditable(),{t:_}=ae.useTranslation(),b=r.useRef(null),B=r.useRef(null),L=r.useRef(null),[E,R]=r.useState(u),[d,h]=r.useState(!1),[F,Q]=r.useState({top:0,left:0}),[S,$]=r.useState(!1),j=r.useCallback(()=>{const t=b.current;if(!t)return;const i=(t.closest(".editor-equation")||t).getBoundingClientRect(),o=X-(a?J:0);Q({top:i.bottom+o-Y+Z,left:i.left}),$(!0)},[a]),z=r.useCallback(()=>{const t=b.current,e=B.current;if(!t||!e)return;const o=(t.closest(".editor-equation")||t).getBoundingClientRect(),I=e.getBoundingClientRect(),g=I.height,G=I.width,C=window.visualViewport,N=(C==null?void 0:C.height)??window.innerHeight,W=(C==null?void 0:C.width)??window.innerWidth,p=ue,O=X-(a?J:0),D=o.bottom+O,U=o.top-O-g,te=D+g<=N-p,ne=U>=p;let f,P;if(te)f=D,P=!0;else if(ne)f=U,P=!1;else{const oe=N-p-(o.bottom+O),re=o.top-O-p;P=oe>=re,f=P?D:U,f=Math.max(p,Math.min(f,N-g-p))}let q=o.left;q+G>W-p&&(q=W-G-p),q=Math.max(p,q),f-=Y,P&&(f+=Z),f=Math.max(p,Math.min(f,N-g-p)),Q({top:f,left:q})},[a]);r.useLayoutEffect(()=>{if(!d||c.IS_TOUCH_DEVICE||!S)return;const t=B.current;if(!t)return;const e=()=>{z()};e();const i=new ResizeObserver(e);i.observe(t);const o=window.visualViewport;return window.addEventListener("scroll",e,!0),o==null||o.addEventListener("resize",e),o==null||o.addEventListener("scroll",e),()=>{i.disconnect(),window.removeEventListener("scroll",e,!0),o==null||o.removeEventListener("resize",e),o==null||o.removeEventListener("scroll",e)}},[S,d,z]),r.useEffect(()=>{de(s)},[s]),r.useEffect(()=>{const t=()=>{m&&h(!0)};return V.set(l,t),()=>{V.delete(l)}},[m,l]);const w=r.useCallback(()=>{if(m){if(d){h(!1);return}j(),h(!0)}},[m,d,j]),y=r.useCallback(()=>{const t=E.trim();s.update(()=>{const e=T.$getNodeByKey(l);if(c.$isEquationNode(e)){if(e.isInline&&e.isInline()&&t===""){e.remove();return}e.setEquation(t)}}),h(!1)},[s,l,E]),k=r.useCallback(()=>{if(!u&&a){s.update(()=>{const t=T.$getNodeByKey(l);c.$isEquationNode(t)&&t.remove()}),h(!1);return}R(u),h(!1)},[s,u,a,l]);r.useEffect(()=>{d||R(u)},[u,d]),r.useEffect(()=>{if(!d||c.IS_TOUCH_DEVICE){c.unblockScroll(),c.IS_TOUCH_DEVICE||$(!1);return}c.blockScroll(),j();const t=window.requestAnimationFrame(()=>{const e=L.current;if(!e)return;const i=e.value.length;e.focus(),e.setSelectionRange(i,i)});return()=>{window.cancelAnimationFrame(t),c.unblockScroll()}},[d,j]),r.useEffect(()=>{if(!d||c.IS_TOUCH_DEVICE)return;const t=e=>{const i=e.target,o=b.current,I=document.querySelector(".equation-block__popup");i&&(o!=null&&o.contains(i)||I instanceof HTMLElement&&I.contains(i))||(a&&!E.trim()&&s.update(()=>{const g=T.$getNodeByKey(l);c.$isEquationNode(g)&&g.remove()}),h(!1))};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[s,a,d,l,E]);const x=(d?E:u).trim(),v=x.length>0;r.useEffect(()=>{const t=b.current;if(!t)return;const e=t.closest(".editor-equation");if(e){if(!x){e.removeAttribute("data-lexical-equation");return}try{const i=btoa(unescape(encodeURIComponent(x)));e.setAttribute("data-lexical-equation",i)}catch{e.setAttribute("data-lexical-equation",x)}}},[x]);const ee=a&&!m?n.jsx("span",{className:"equation-inline-trigger",children:n.jsx(M.LexicalErrorBoundary,{onError:t=>{var e;return(e=s._onError)==null?void 0:e.call(s,t)},children:n.jsx(H,{equation:u,inline:a,onDoubleClick:w})})}):a?n.jsx("span",{className:`equation-inline-trigger${v?"":" equation-inline-trigger--empty"}`,onClick:w,ref:b,children:v?n.jsx(M.LexicalErrorBoundary,{onError:t=>{var e;return(e=s._onError)==null?void 0:e.call(s,t)},children:n.jsx(H,{equation:x,inline:a,onDoubleClick:w})}):n.jsxs("span",{className:"equation-inline-placeholder",children:[n.jsx(c.HugeiconsIcon,{icon:c.$tr,size:24}),n.jsx("span",{children:"New equation"})]})}):n.jsx("div",{className:"equation-block",ref:b,children:n.jsx("div",{className:"equation-block__container",onClick:w,style:{cursor:m?"pointer":"default"},children:v?n.jsx(M.LexicalErrorBoundary,{onError:t=>{var e;return(e=s._onError)==null?void 0:e.call(s,t)},children:n.jsx(H,{equation:x,inline:a,onDoubleClick:w})}):n.jsx("div",{className:"equation-block__placeholder",children:_("editor.menu.equation.placeholder.block")})})});return n.jsxs(n.Fragment,{children:[ee,c.IS_TOUCH_DEVICE?n.jsx(c.MobileDrawer,{opened:d,onClose:k,title:_("editor.menu.other.equation.mobileTitle"),classNames:{content:"equation-mobile-drawer__content"},children:n.jsxs(A.Stack,{gap:"md",children:[n.jsx(A.Textarea,{autosize:!0,minRows:1,variant:"unstyled",value:E,onChange:t=>{t.stopPropagation(),R(t.currentTarget.value)},placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper",input:"equation-mobile__textarea-input"},autoFocus:!0,ref:L}),n.jsxs(A.Stack,{gap:8,children:[n.jsx(A.Button,{fullWidth:!0,onClick:y,children:_("editor.link.save")}),n.jsx(A.Button,{variant:"subtle",color:"gray",fullWidth:!0,onClick:k,children:_("editor.cancel")})]})]})}):d&&S&&se.createPortal(n.jsx("div",{ref:B,className:"equation-block__popup",style:{position:"fixed",top:F.top,left:F.left,zIndex:c.EDITOR_UI_MIN_Z_INDEX},children:n.jsxs("div",{className:"equation-block__editor",children:[n.jsx(A.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:E,onChange:t=>{t.stopPropagation(),R(t.currentTarget.value)},onKeyDown:c.createPopupKeyDownHandler({onConfirm:y,onCancel:k}),placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:L}),n.jsxs(A.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(A.Button,{variant:"subtle",color:"gray",onClick:k,children:_("editor.cancel")}),n.jsx(A.Button,{onClick:y,children:_("editor.link.save")})]})]})}),document.body)]})}exports.default=pe;

package/dist/layers.UyyKG0j1.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.czDrchz1.js";
-import "./layers.GsD0_GxX.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.vgzUgI4K.js

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