@layers-app/editor 1.0.2 → 2.0.0

package/dist/layers.CQClCiaw.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.BixxMmyo.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.Cxx_Hvi5.js

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

package/dist/layers.Di6J1WFY.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.5OnFs5EZ.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.DwWb-6ht.js

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

package/dist/layers.N08kyNiz.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.DEomycGh.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.OerQuC1v.js

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