@layers-app/editor 0.7.75 → 0.7.76

package/dist/layers.B2IwK0EF.js

@@ -1,448 +0,0 @@
-import { jsx as c, jsxs as z, Fragment as P } from "react/jsx-runtime";
-import { useMemo as Z, useState as y, useRef as j, useEffect as R, useCallback as _, Suspense as ee, lazy as te } from "react";
-import { useLexicalComposerContext as oe } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as re } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as le } from "@lexical/utils";
-import { $setSelection as ae, $getNodeByKey as W, CLICK_COMMAND as ie, COMMAND_PRIORITY_LOW as q, KEY_DELETE_COMMAND as se, KEY_BACKSPACE_COMMAND as ce } from "lexical";
-import { R as de, A as X, t as ue, r as fe, s as me, p as J, h as K, v as ge } from "./layers.jPut4YLV.js";
-import { l as he, p as xe } from "./layers.DilA0qnM.js";
-import { useTranslation as V } from "react-i18next";
-import { Modal as pe, Text as Ce, Flex as be, Button as Q, Box as U, useMantineColorScheme as ve, Loader as we } from "@mantine/core";
-import { BottomDrawerWithoutHeader as Ee } from "@layers-app/shared";
-const Te = ({
-  isCloseModal: o,
-  setCloseModalOpen: r,
-  confirmClose: g
-}) => {
-  const { t: h } = V();
-  return /* @__PURE__ */ c(
-    pe,
-    {
-      opened: o,
-      onClose: () => {
-        r(!1);
-      },
-      centered: !0,
-      title: h("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ z("div", { children: [
-        /* @__PURE__ */ c(Ce, { mb: "md", children: h("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ z(be, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ c(
-            Q,
-            {
-              variant: "default",
-              onClick: () => {
-                r(!1);
-              },
-              fullWidth: !0,
-              children: h("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ c(Q, { color: "red", onClick: g, fullWidth: !0, children: h("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-};
-function Me({
-  imageContainerRef: o,
-  editor: r,
-  rootClassName: g = null,
-  width: h = "inherit",
-  height: u = "inherit",
-  nodeKey: i,
-  alignment: O,
-  setModalOpen: b,
-  previewSVG: l
-}) {
-  const B = Z(() => l ?? "", [l]), [d, D] = y(!1), { t: v } = V(), N = (C, p) => {
-    r.update(() => {
-      ae(null);
-      const M = W(i);
-      return K(M) && M.setWidthAndHeight(C, p), !0;
-    });
-  }, w = () => {
-    ge(r, i);
-  };
-  return /* @__PURE__ */ c(
-    de,
-    {
-      editor: r,
-      isIcon: !1,
-      isEmbed: !0,
-      width: J(h),
-      height: J(u),
-      onResizeEnd: N,
-      alignment: O,
-      children: /* @__PURE__ */ z(U, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ z("div", { className: "media-actions", children: [
-          /* @__PURE__ */ c(
-            X,
-            {
-              "aria-label": "Settings",
-              label: v("editor.link.edit"),
-              flexBorder: !0,
-              onClick: () => {
-                b(!0);
-              },
-              icon: ue,
-              iconColor: "var(--mantine-color-gray-text)"
-            }
-          ),
-          /* @__PURE__ */ c(
-            fe,
-            {
-              opened: d,
-              setOpened: D,
-              t: v,
-              editor: r,
-              nodeKey: i,
-              flexBorder: !0
-            }
-          ),
-          /* @__PURE__ */ c(
-            X,
-            {
-              "aria-label": "Delete",
-              label: v("editor.actions.delete"),
-              flexBorder: !0,
-              onClick: w,
-              icon: me,
-              iconColor: "var(--mantine-color-red-outline)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c(
-          U,
-          {
-            w: "100%",
-            ref: (C) => {
-              C && o && (o.current = C);
-            },
-            className: g ?? "",
-            dangerouslySetInnerHTML: { __html: B }
-          }
-        )
-      ] })
-    }
-  );
-}
-let F = null;
-const ke = /* @__PURE__ */ te(async () => {
-  var r;
-  const o = await import("./layers.FxOIEPmn.js").then((g) => g.M);
-  return !F && o && (F = o.exportToSvg || ((r = o.default) == null ? void 0 : r.exportToSvg) || o.default), { default: o.Excalidraw };
-}), ye = () => {
-  const [o, r] = y(
-    null
-  ), g = _(
-    (h) => r(h),
-    []
-  );
-  return [o, g];
-};
-function Oe({
-  onSave: o,
-  initialElements: r,
-  initialAppState: g,
-  initialFiles: h,
-  isShown: u = !1,
-  onDelete: i,
-  onClose: O,
-  isEdited: b
-}) {
-  const [l, B] = ye(), { i18n: d, t: D } = V(), { colorScheme: v } = ve(), N = j(!1), [w, C] = y(r), [p, M] = y(h), [S, A] = y(u);
-  R(() => {
-    u && A(!0);
-  }, [u]), R(() => {
-    !u || N.current || (N.current = !0, Promise.resolve({           }));
-  }, [u]), R(() => {
-    u && setTimeout(() => {
-      var e;
-      (e = l == null ? void 0 : l.refresh) == null || e.call(l);
-    }, 500);
-  }, [u, l]), R(() => {
-    if (!u)
-      return;
-    const e = (t, s) => {
-      const f = D(t);
-      return f.startsWith("editor.menu") ? s : f;
-    }, T = e(
-      "editor.menu.excalidraw.tools.frameTool",
-      d.language === "ru" ? "Инструмент рамки" : d.language === "es" ? "Herramienta de marco" : "Frame tool"
-    ), a = e(
-      "editor.menu.excalidraw.tools.webEmbed",
-      d.language === "ru" ? "Веб-встраивание" : d.language === "es" ? "Incrustación web" : "Web Embed"
-    ), E = e(
-      "editor.menu.excalidraw.tools.generate",
-      d.language === "ru" ? "Генерировать" : d.language === "es" ? "Generar" : "Generate"
-    ), L = {
-      "Frame tool": T,
-      "Web Embed": a,
-      "Web embeded": a,
-      Generate: E
-    }, k = () => {
-      const t = document.querySelector(".App-toolbar__extra-tools-dropdown");
-      if (!t)
-        return;
-      const s = document.createTreeWalker(
-        t,
-        NodeFilter.SHOW_TEXT,
-        null
-      );
-      let f;
-      for (; f = s.nextNode(); )
-        if (f.nodeType === Node.TEXT_NODE && f.textContent) {
-          const $ = f.textContent.trim();
-          for (const [Y, I] of Object.entries(L))
-            if ($ === Y && I && !$.includes(I)) {
-              f.textContent = f.textContent.replace(Y, I);
-              break;
-            }
-        }
-    }, n = () => {
-      setTimeout(() => {
-        k();
-      }, 0);
-    }, m = setTimeout(() => {
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const s = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        s && s.addEventListener("click", n);
-      }
-    }, 300);
-    return () => {
-      clearTimeout(m);
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const s = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        s && s.removeEventListener("click", n);
-      }
-    };
-  }, [u, d.language, D]);
-  const H = _(async () => {
-    var k, n, m;
-    let e = F;
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.FxOIEPmn.js").then((s) => s.M);
-      e = t.exportToSvg || ((k = t.default) == null ? void 0 : k.exportToSvg) || t.default, e && typeof e == "function" && (F = e);
-    }
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.FxOIEPmn.js").then((f) => f.M), s = t ? Object.keys(t) : [];
-      throw console.error("Excalidraw module structure:", {
-        keys: s,
-        hasExportToSvg: t && "exportToSvg" in t,
-        hasDefault: t && "default" in t,
-        moduleType: typeof t,
-        module: t
-      }), new Error(
-        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${s.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
-      );
-    }
-    const T = ((n = l == null ? void 0 : l.getAppState) == null ? void 0 : n.call(l)) ?? g, a = await e({
-      appState: T,
-      elements: w,
-      files: p
-    }), E = (m = a == null ? void 0 : a.firstElementChild) == null ? void 0 : m.firstElementChild, L = a.getAttribute("viewBox");
-    if (L != null) {
-      const t = L.split(" ");
-      a.setAttribute("width", t[2]), a.setAttribute("height", t[3]);
-    }
-    return E && E.tagName === "style" && E.remove(), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("display", "block"), a.classList.add("excalidraw-svg"), a.outerHTML;
-  }, [w, p, l, g]), G = () => {
-    if (w && w.filter((e) => !e.isDeleted).length > 0) {
-      const e = l == null ? void 0 : l.getAppState(), T = {
-        exportBackground: e == null ? void 0 : e.exportBackground,
-        exportScale: e == null ? void 0 : e.exportScale,
-        exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
-        isBindingEnabled: e == null ? void 0 : e.isBindingEnabled,
-        isLoading: e == null ? void 0 : e.isLoading,
-        name: e == null ? void 0 : e.name,
-        theme: e == null ? void 0 : e.theme,
-        viewBackgroundColor: e == null ? void 0 : e.viewBackgroundColor,
-        viewModeEnabled: e == null ? void 0 : e.viewModeEnabled,
-        zenModeEnabled: e == null ? void 0 : e.zenModeEnabled,
-        zoom: e == null ? void 0 : e.zoom
-      };
-      (async () => {
-        const a = await H();
-        o(w, T, p, a);
-      })();
-    } else
-      i();
-  }, x = (e, T, a) => {
-    (e == null ? void 0 : e.length) !== (r == null ? void 0 : r.length) && (b.current = !0), C(e), M(a);
-  };
-  return /* @__PURE__ */ c(
-    Ee,
-    {
-      opened: u,
-      onClose: O,
-      onSave: G,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: S && /* @__PURE__ */ c(
-        ee,
-        {
-          fallback: /* @__PURE__ */ c(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ c(we, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ c(
-            ke,
-            {
-              langCode: he[d.language],
-              theme: v,
-              onChange: x,
-              excalidrawAPI: B,
-              initialData: {
-                appState: { ...g || { isLoading: !1 } },
-                elements: r,
-                files: h
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function He({
-  nodeKey: o,
-  data: r,
-  width: g,
-  height: h,
-  alignment: u
-}) {
-  var k;
-  const [i] = oe(), O = ne(), b = Z(() => xe(r), [r]), l = ((k = b == null ? void 0 : b.elements) == null ? void 0 : k.length) === 0 && !b.previewSVG, [B, d] = y(
-    l && i.isEditable()
-  ), [D, v] = y(!1), N = j(null), w = j(null), C = j(null), [p, M, S] = re(o), A = _(
-    (n) => (p && (n.preventDefault(), i.update(() => {
-      const m = W(o);
-      m && m.remove();
-    })), !1),
-    [i, p, o]
-  );
-  R(() => {
-    if (!O) {
-      p && S();
-      return;
-    }
-    return le(
-      i.registerCommand(
-        ie,
-        (n) => {
-          const m = w.current, t = n.target;
-          return m !== null && m.contains(t) ? (n.shiftKey || S(), M(!p), n.detail > 1 && d(!0), !0) : !1;
-        },
-        q
-      ),
-      i.registerCommand(
-        se,
-        A,
-        q
-      ),
-      i.registerCommand(
-        ce,
-        A,
-        q
-      )
-    );
-  }, [S, i, p, A, M, O]);
-  const H = _(() => (d(!1), i.update(() => {
-    const n = W(o);
-    n && n.remove();
-  })), [i, o]), G = (n, m, t, s) => i.update(() => {
-    const f = W(o);
-    K(f) && (n && n.length > 0 || Object.keys(t).length > 0 ? f.setData(
-      JSON.stringify({
-        appState: m,
-        elements: n,
-        files: t,
-        previewSVG: s
-      })
-    ) : f.remove());
-  }), { elements: x = [], files: e = {}, appState: T = {}, previewSVG: a } = b, E = _(() => {
-    d(!1), v(!1), C.current = !1, (x == null ? void 0 : x.length) === 0 && i.update(() => {
-      const n = W(o);
-      n && n.remove();
-    });
-  }, [i, o, x == null ? void 0 : x.length]), L = _(() => {
-    C.current ? v(!0) : E();
-  }, [E]);
-  return /* @__PURE__ */ z(P, { children: [
-    /* @__PURE__ */ c(
-      Te,
-      {
-        isCloseModal: D,
-        confirmClose: E,
-        setCloseModalOpen: v
-      }
-    ),
-    /* @__PURE__ */ c(
-      Oe,
-      {
-        initialElements: x,
-        isEdited: C,
-        initialFiles: e,
-        initialAppState: T,
-        isShown: B,
-        onDelete: H,
-        onClose: L,
-        onSave: (n, m, t, s) => {
-          G(n, m, t, s), d(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (x == null ? void 0 : x.length) && /* @__PURE__ */ c(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: u
-        },
-        children: /* @__PURE__ */ c(
-          Me,
-          {
-            imageContainerRef: N,
-            className: "image",
-            width: g,
-            height: h,
-            editor: i,
-            nodeKey: o,
-            alignment: u,
-            setModalOpen: d,
-            previewSVG: a
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  He as default
-};

package/dist/layers.BI_TccDr.js

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

package/dist/layers.BPEW3U6I.js

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

package/dist/layers.BUe5LPzn.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),V=require("@lexical/react/LexicalComposerContext"),Y=require("@lexical/react/useLexicalEditable"),P=require("@lexical/react/useLexicalNodeSelection"),X=require("@lexical/utils"),b=require("lexical"),E=require("./layers.k0pmMgdk.js"),G=require("./layers.CmmYt3Ou.js"),$=require("react-i18next"),k=require("@mantine/core"),J=require("@layers-app/shared"),K=({isCloseModal:o,setCloseModalOpen:l,confirmClose:m})=>{const{t:h}=$.useTranslation();return r.jsx(k.Modal,{opened:o,onClose:()=>{l(!1)},centered:!0,title:h("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:r.jsxs("div",{children:[r.jsx(k.Text,{mb:"md",children:h("editor.unsavedChanges.message")}),r.jsxs(k.Flex,{justify:"flex-end",gap:"sm",children:[r.jsx(k.Button,{variant:"default",onClick:()=>{l(!1)},fullWidth:!0,children:h("editor.unsavedChanges.cancel")}),r.jsx(k.Button,{color:"red",onClick:m,fullWidth:!0,children:h("editor.unsavedChanges.closeWithoutSaving")})]})]})})};function Q({imageContainerRef:o,editor:l,rootClassName:m=null,width:h="inherit",height:f="inherit",nodeKey:c,alignment:S,setModalOpen:p,previewSVG:i}){const _=n.useMemo(()=>i??"",[i]),[d,B]=n.useState(!1),{t:T}=$.useTranslation(),L=(w,v)=>{l.update(()=>{b.$setSelection(null);const O=b.$getNodeByKey(c);return E.$isExcalidrawNode(O)&&O.setWidthAndHeight(w,v),!0})},y=()=>{E.deleteNode(l,c)};return r.jsx(E.ResizableContainer,{editor:l,isIcon:!1,isEmbed:!0,width:E.parseContainerSize(h),height:E.parseContainerSize(f),onResizeEnd:L,alignment:S,children:r.jsxs(k.Box,{className:"media-wrapper excaildraw",children:[r.jsxs("div",{className:"media-actions",children:[r.jsx(E.ActionIcon,{"aria-label":"Settings",label:T("editor.link.edit"),flexBorder:!0,onClick:()=>{p(!0)},icon:E.tf,iconColor:"var(--mantine-color-gray-text)"}),r.jsx(E.AlignmentImage,{opened:d,setOpened:B,t:T,editor:l,nodeKey:c,flexBorder:!0}),r.jsx(E.ActionIcon,{"aria-label":"Delete",label:T("editor.actions.delete"),flexBorder:!0,onClick:y,icon:E.lg,iconColor:"var(--mantine-color-red-outline)"})]}),r.jsx(k.Box,{w:"100%",ref:w=>{w&&o&&(o.current=w)},className:m??"",dangerouslySetInnerHTML:{__html:_}})]})})}let A=null;const U=n.lazy(async()=>{var l;const o=await Promise.resolve().then(()=>require("./layers.BvDZ-BUp.js")).then(m=>m.index);return!A&&o&&(A=o.exportToSvg||((l=o.default)==null?void 0:l.exportToSvg)||o.default),{default:o.Excalidraw}}),Z=()=>{const[o,l]=n.useState(null),m=n.useCallback(h=>l(h),[]);return[o,m]};function ee({onSave:o,initialElements:l,initialAppState:m,initialFiles:h,isShown:f=!1,onDelete:c,onClose:S,isEdited:p}){const[i,_]=Z(),{i18n:d,t:B}=$.useTranslation(),{colorScheme:T}=k.useMantineColorScheme(),L=n.useRef(!1),[y,w]=n.useState(l),[v,O]=n.useState(h),[q,R]=n.useState(f);n.useEffect(()=>{f&&R(!0)},[f]),n.useEffect(()=>{!f||L.current||(L.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[f]),n.useEffect(()=>{f&&setTimeout(()=>{var e;(e=i==null?void 0:i.refresh)==null||e.call(i)},500)},[f,i]),n.useEffect(()=>{if(!f)return;const e=(t,u)=>{const g=B(t);return g.startsWith("editor.menu")?u:g},j=e("editor.menu.excalidraw.tools.frameTool",d.language==="ru"?"Инструмент рамки":d.language==="es"?"Herramienta de marco":"Frame tool"),a=e("editor.menu.excalidraw.tools.webEmbed",d.language==="ru"?"Веб-встраивание":d.language==="es"?"Incrustación web":"Web Embed"),M=e("editor.menu.excalidraw.tools.generate",d.language==="ru"?"Генерировать":d.language==="es"?"Generar":"Generate"),D={"Frame tool":j,"Web Embed":a,"Web embeded":a,Generate:M},N=()=>{const t=document.querySelector(".App-toolbar__extra-tools-dropdown");if(!t)return;const u=document.createTreeWalker(t,NodeFilter.SHOW_TEXT,null);let g;for(;g=u.nextNode();)if(g.nodeType===Node.TEXT_NODE&&g.textContent){const F=g.textContent.trim();for(const[H,I]of Object.entries(D))if(F===H&&I&&!F.includes(I)){g.textContent=g.textContent.replace(H,I);break}}},s=()=>{setTimeout(()=>{N()},0)},x=setTimeout(()=>{const t=document.querySelector(".excalidraw-container");if(t){const u=t.querySelector(".App-toolbar__extra-tools-trigger");u&&u.addEventListener("click",s)}},300);return()=>{clearTimeout(x);const t=document.querySelector(".excalidraw-container");if(t){const u=t.querySelector(".App-toolbar__extra-tools-trigger");u&&u.removeEventListener("click",s)}}},[f,d.language,B]);const W=n.useCallback(async()=>{var N,s,x;let e=A;if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.BvDZ-BUp.js")).then(u=>u.index);e=t.exportToSvg||((N=t.default)==null?void 0:N.exportToSvg)||t.default,e&&typeof e=="function"&&(A=e)}if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.BvDZ-BUp.js")).then(g=>g.index),u=t?Object.keys(t):[];throw console.error("Excalidraw module structure:",{keys:u,hasExportToSvg:t&&"exportToSvg"in t,hasDefault:t&&"default"in t,moduleType:typeof t,module:t}),new Error(`exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${u.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`)}const j=((s=i==null?void 0:i.getAppState)==null?void 0:s.call(i))??m,a=await e({appState:j,elements:y,files:v}),M=(x=a==null?void 0:a.firstElementChild)==null?void 0:x.firstElementChild,D=a.getAttribute("viewBox");if(D!=null){const t=D.split(" ");a.setAttribute("width",t[2]),a.setAttribute("height",t[3])}return M&&M.tagName==="style"&&M.remove(),a.setAttribute("width","100%"),a.setAttribute("height","100%"),a.setAttribute("display","block"),a.classList.add("excalidraw-svg"),a.outerHTML},[y,v,i,m]),z=()=>{if(y&&y.filter(e=>!e.isDeleted).length>0){const e=i==null?void 0:i.getAppState(),j={exportBackground:e==null?void 0:e.exportBackground,exportScale:e==null?void 0:e.exportScale,exportWithDarkMode:(e==null?void 0:e.theme)==="dark",isBindingEnabled:e==null?void 0:e.isBindingEnabled,isLoading:e==null?void 0:e.isLoading,name:e==null?void 0:e.name,theme:e==null?void 0:e.theme,viewBackgroundColor:e==null?void 0:e.viewBackgroundColor,viewModeEnabled:e==null?void 0:e.viewModeEnabled,zenModeEnabled:e==null?void 0:e.zenModeEnabled,zoom:e==null?void 0:e.zoom};(async()=>{const a=await W();o(y,j,v,a)})()}else c()},C=(e,j,a)=>{(e==null?void 0:e.length)!==(l==null?void 0:l.length)&&(p.current=!0),w(e),O(a)};return r.jsx(J.BottomDrawerWithoutHeader,{opened:f,onClose:S,onSave:z,className:"excaildraw-modal",closeOnEscape:!1,children:q&&r.jsx(n.Suspense,{fallback:r.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:r.jsx(k.Loader,{size:"sm"})}),children:r.jsx(U,{langCode:G.languageToLocaleMap[d.language],theme:T,onChange:C,excalidrawAPI:_,initialData:{appState:{...m||{isLoading:!1}},elements:l,files:h}})})})}function te({nodeKey:o,data:l,width:m,height:h,alignment:f}){var N;const[c]=V.useLexicalComposerContext(),S=Y.useLexicalEditable(),p=n.useMemo(()=>G.parseExcalidrawData(l),[l]),i=((N=p==null?void 0:p.elements)==null?void 0:N.length)===0&&!p.previewSVG,[_,d]=n.useState(i&&c.isEditable()),[B,T]=n.useState(!1),L=n.useRef(null),y=n.useRef(null),w=n.useRef(null),[v,O,q]=P.useLexicalNodeSelection(o),R=n.useCallback(s=>(v&&(s.preventDefault(),c.update(()=>{const x=b.$getNodeByKey(o);x&&x.remove()})),!1),[c,v,o]);n.useEffect(()=>{if(!S){v&&q();return}return X.mergeRegister(c.registerCommand(b.CLICK_COMMAND,s=>{const x=y.current,t=s.target;return x!==null&&x.contains(t)?(s.shiftKey||q(),O(!v),s.detail>1&&d(!0),!0):!1},b.COMMAND_PRIORITY_LOW),c.registerCommand(b.KEY_DELETE_COMMAND,R,b.COMMAND_PRIORITY_LOW),c.registerCommand(b.KEY_BACKSPACE_COMMAND,R,b.COMMAND_PRIORITY_LOW))},[q,c,v,R,O,S]);const W=n.useCallback(()=>(d(!1),c.update(()=>{const s=b.$getNodeByKey(o);s&&s.remove()})),[c,o]),z=(s,x,t,u)=>c.update(()=>{const g=b.$getNodeByKey(o);E.$isExcalidrawNode(g)&&(s&&s.length>0||Object.keys(t).length>0?g.setData(JSON.stringify({appState:x,elements:s,files:t,previewSVG:u})):g.remove())}),{elements:C=[],files:e={},appState:j={},previewSVG:a}=p,M=n.useCallback(()=>{d(!1),T(!1),w.current=!1,(C==null?void 0:C.length)===0&&c.update(()=>{const s=b.$getNodeByKey(o);s&&s.remove()})},[c,o,C==null?void 0:C.length]),D=n.useCallback(()=>{w.current?T(!0):M()},[M]);return r.jsxs(r.Fragment,{children:[r.jsx(K,{isCloseModal:B,confirmClose:M,setCloseModalOpen:T}),r.jsx(ee,{initialElements:C,isEdited:w,initialFiles:e,initialAppState:j,isShown:_,onDelete:W,onClose:D,onSave:(s,x,t,u)=>{z(s,x,t,u),d(!1)},closeOnClickOutside:!1}),(C==null?void 0:C.length)&&r.jsx("div",{style:{display:"flex",justifyContent:f},children:r.jsx(Q,{imageContainerRef:L,className:"image",width:m,height:h,editor:c,nodeKey:o,alignment:f,setModalOpen:d,previewSVG:a})})]})}exports.default=te;

package/dist/layers.Ba6uurzL.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@lexical/react/LexicalComposerContext"),a=require("./layers.k0pmMgdk.js"),e=require("./layers.CmmYt3Ou.js");function o(){const[r]=i.useLexicalComposerContext();return a.useExcalidrawBehaviour(r),null}exports.$createExcalidrawNode=a.$createExcalidrawNode;exports.$isExcalidrawNode=a.$isExcalidrawNode;exports.ExcalidrawNode=a.ExcalidrawNode;exports.INSERT_EXCALIDRAW_COMMAND=a.INSERT_EXCALIDRAW_COMMAND;exports.languageToLocaleMap=e.languageToLocaleMap;exports.parseExcalidrawData=e.parseExcalidrawData;exports.ExcalidrawPlugin=o;