@layers-app/editor 0.7.84 → 0.7.86

package/dist/layers.Dg9ASVJB.js

@@ -1,454 +0,0 @@
-import { jsx as c, jsxs as z, Fragment as P } from "react/jsx-runtime";
-import { useMemo as Z, useState as D, useEffect as S, useRef as j, useCallback as A, 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, p as X, A as J, t as ue, s as fe, v as me, g as K, w as ge } from "./layers.BhReR8mV.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: h
-}) => {
-  const { t: x } = V();
-  return /* @__PURE__ */ c(
-    pe,
-    {
-      opened: o,
-      onClose: () => {
-        r(!1);
-      },
-      centered: !0,
-      title: x("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ z("div", { children: [
-        /* @__PURE__ */ c(Ce, { mb: "md", children: x("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ z(be, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ c(
-            Q,
-            {
-              variant: "default",
-              onClick: () => {
-                r(!1);
-              },
-              fullWidth: !0,
-              children: x("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ c(Q, { color: "red", onClick: h, fullWidth: !0, children: x("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-};
-function Me({
-  imageContainerRef: o,
-  editor: r,
-  rootClassName: h = null,
-  width: x = "inherit",
-  height: u = "inherit",
-  nodeKey: i,
-  alignment: N,
-  setModalOpen: C,
-  previewSVG: l,
-  isModalOpen: k
-}) {
-  const d = Z(() => l ?? "", [l]), [L, w] = D(!1), { t: E } = V();
-  S(() => {
-    k && w(!1);
-  }, [k]);
-  const b = (m, _) => {
-    r.update(() => {
-      ae(null);
-      const T = W(i);
-      return K(T) && T.setWidthAndHeight(m, _), !0;
-    });
-  }, y = () => {
-    ge(r, i);
-  };
-  return /* @__PURE__ */ c(
-    de,
-    {
-      editor: r,
-      isIcon: !1,
-      isEmbed: !0,
-      width: X(x),
-      height: X(u),
-      onResizeEnd: b,
-      alignment: N,
-      children: /* @__PURE__ */ z(U, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ z("div", { className: "media-actions", children: [
-          /* @__PURE__ */ c(
-            J,
-            {
-              "aria-label": "Settings",
-              label: E("editor.link.edit"),
-              flexBorder: !0,
-              onClick: () => {
-                C(!0);
-              },
-              icon: ue,
-              iconColor: "var(--mantine-color-gray-text)"
-            }
-          ),
-          /* @__PURE__ */ c(
-            fe,
-            {
-              opened: L,
-              setOpened: w,
-              t: E,
-              editor: r,
-              nodeKey: i,
-              flexBorder: !0
-            }
-          ),
-          /* @__PURE__ */ c(
-            J,
-            {
-              "aria-label": "Delete",
-              label: E("editor.actions.delete"),
-              flexBorder: !0,
-              onClick: y,
-              icon: me,
-              iconColor: "var(--mantine-color-red-outline)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c(
-          U,
-          {
-            w: "100%",
-            ref: (m) => {
-              m && o && (o.current = m);
-            },
-            className: h ?? "",
-            dangerouslySetInnerHTML: { __html: d }
-          }
-        )
-      ] })
-    }
-  );
-}
-let F = null;
-const ke = /* @__PURE__ */ te(async () => {
-  var r;
-  const o = await import("./layers.Dj16AL7s.js").then((h) => h.M);
-  return !F && o && (F = o.exportToSvg || ((r = o.default) == null ? void 0 : r.exportToSvg) || o.default), { default: o.Excalidraw };
-}), ye = () => {
-  const [o, r] = D(
-    null
-  ), h = A(
-    (x) => r(x),
-    []
-  );
-  return [o, h];
-};
-function Oe({
-  onSave: o,
-  initialElements: r,
-  initialAppState: h,
-  initialFiles: x,
-  isShown: u = !1,
-  onDelete: i,
-  onClose: N,
-  isEdited: C
-}) {
-  const [l, k] = ye(), { i18n: d, t: L } = V(), { colorScheme: w } = ve(), E = j(!1), [b, y] = D(r), [m, _] = D(x), [T, R] = D(u);
-  S(() => {
-    u && R(!0);
-  }, [u]), S(() => {
-    !u || E.current || (E.current = !0, Promise.resolve({           }));
-  }, [u]), S(() => {
-    u && setTimeout(() => {
-      var e;
-      (e = l == null ? void 0 : l.refresh) == null || e.call(l);
-    }, 500);
-  }, [u, l]), S(() => {
-    if (!u)
-      return;
-    const e = (t, s) => {
-      const f = L(t);
-      return f.startsWith("editor.menu") ? s : f;
-    }, M = 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"
-    ), v = e(
-      "editor.menu.excalidraw.tools.generate",
-      d.language === "ru" ? "Генерировать" : d.language === "es" ? "Generar" : "Generate"
-    ), B = {
-      "Frame tool": M,
-      "Web Embed": a,
-      "Web embeded": a,
-      Generate: v
-    }, O = () => {
-      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(B))
-            if ($ === Y && I && !$.includes(I)) {
-              f.textContent = f.textContent.replace(Y, I);
-              break;
-            }
-        }
-    }, n = () => {
-      setTimeout(() => {
-        O();
-      }, 0);
-    }, g = 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(g);
-      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, L]);
-  const H = A(async () => {
-    var O, n, g;
-    let e = F;
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.Dj16AL7s.js").then((s) => s.M);
-      e = t.exportToSvg || ((O = t.default) == null ? void 0 : O.exportToSvg) || t.default, e && typeof e == "function" && (F = e);
-    }
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.Dj16AL7s.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 M = ((n = l == null ? void 0 : l.getAppState) == null ? void 0 : n.call(l)) ?? h, a = await e({
-      appState: M,
-      elements: b,
-      files: m
-    }), v = (g = a == null ? void 0 : a.firstElementChild) == null ? void 0 : g.firstElementChild, B = a.getAttribute("viewBox");
-    if (B != null) {
-      const t = B.split(" ");
-      a.setAttribute("width", t[2]), a.setAttribute("height", t[3]);
-    }
-    return v && v.tagName === "style" && v.remove(), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("display", "block"), a.classList.add("excalidraw-svg"), a.outerHTML;
-  }, [b, m, l, h]), G = () => {
-    if (b && b.filter((e) => !e.isDeleted).length > 0) {
-      const e = l == null ? void 0 : l.getAppState(), M = {
-        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(b, M, m, a);
-      })();
-    } else
-      i();
-  }, p = (e, M, a) => {
-    (e == null ? void 0 : e.length) !== (r == null ? void 0 : r.length) && (C.current = !0), y(e), _(a);
-  };
-  return /* @__PURE__ */ c(
-    Ee,
-    {
-      opened: u,
-      onClose: N,
-      onSave: G,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: T && /* @__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: w,
-              onChange: p,
-              excalidrawAPI: k,
-              initialData: {
-                appState: { ...h || { isLoading: !1 } },
-                elements: r,
-                files: x
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function He({
-  nodeKey: o,
-  data: r,
-  width: h,
-  height: x,
-  alignment: u
-}) {
-  var O;
-  const [i] = oe(), N = ne(), C = Z(() => xe(r), [r]), l = ((O = C == null ? void 0 : C.elements) == null ? void 0 : O.length) === 0 && !C.previewSVG, [k, d] = D(
-    l && i.isEditable()
-  ), [L, w] = D(!1), E = j(null), b = j(null), y = j(null), [m, _, T] = re(o), R = A(
-    (n) => (m && (n.preventDefault(), i.update(() => {
-      const g = W(o);
-      g && g.remove();
-    })), !1),
-    [i, m, o]
-  );
-  S(() => {
-    if (!N) {
-      m && T();
-      return;
-    }
-    return le(
-      i.registerCommand(
-        ie,
-        (n) => {
-          const g = b.current, t = n.target;
-          return g !== null && g.contains(t) ? (n.shiftKey || T(), _(!m), n.detail > 1 && d(!0), !0) : !1;
-        },
-        q
-      ),
-      i.registerCommand(
-        se,
-        R,
-        q
-      ),
-      i.registerCommand(
-        ce,
-        R,
-        q
-      )
-    );
-  }, [T, i, m, R, _, N]);
-  const H = A(() => (d(!1), i.update(() => {
-    const n = W(o);
-    n && n.remove();
-  })), [i, o]), G = (n, g, t, s) => i.update(() => {
-    const f = W(o);
-    K(f) && (n && n.length > 0 || Object.keys(t).length > 0 ? f.setData(
-      JSON.stringify({
-        appState: g,
-        elements: n,
-        files: t,
-        previewSVG: s
-      })
-    ) : f.remove());
-  }), { elements: p = [], files: e = {}, appState: M = {}, previewSVG: a } = C, v = A(() => {
-    d(!1), w(!1), y.current = !1, (p == null ? void 0 : p.length) === 0 && i.update(() => {
-      const n = W(o);
-      n && n.remove();
-    });
-  }, [i, o, p == null ? void 0 : p.length]), B = A(() => {
-    y.current ? w(!0) : v();
-  }, [v]);
-  return /* @__PURE__ */ z(P, { children: [
-    /* @__PURE__ */ c(
-      Te,
-      {
-        isCloseModal: L,
-        confirmClose: v,
-        setCloseModalOpen: w
-      }
-    ),
-    /* @__PURE__ */ c(
-      Oe,
-      {
-        initialElements: p,
-        isEdited: y,
-        initialFiles: e,
-        initialAppState: M,
-        isShown: k,
-        onDelete: H,
-        onClose: B,
-        onSave: (n, g, t, s) => {
-          G(n, g, t, s), d(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (p == null ? void 0 : p.length) && /* @__PURE__ */ c(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: u
-        },
-        children: /* @__PURE__ */ c(
-          Me,
-          {
-            imageContainerRef: E,
-            className: "image",
-            width: h,
-            height: x,
-            editor: i,
-            nodeKey: o,
-            alignment: u,
-            setModalOpen: d,
-            previewSVG: a,
-            isModalOpen: k
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  He 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.DkNxNBfM.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"),v=require("lexical"),E=require("./layers.BoEvkl8V.js"),G=require("./layers.CmmYt3Ou.js"),$=require("react-i18next"),y=require("@mantine/core"),J=require("@layers-app/shared"),K=({isCloseModal:o,setCloseModalOpen:l,confirmClose:h})=>{const{t:C}=$.useTranslation();return r.jsx(y.Modal,{opened:o,onClose:()=>{l(!1)},centered:!0,title:C("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:r.jsxs("div",{children:[r.jsx(y.Text,{mb:"md",children:C("editor.unsavedChanges.message")}),r.jsxs(y.Flex,{justify:"flex-end",gap:"sm",children:[r.jsx(y.Button,{variant:"default",onClick:()=>{l(!1)},fullWidth:!0,children:C("editor.unsavedChanges.cancel")}),r.jsx(y.Button,{color:"red",onClick:h,fullWidth:!0,children:C("editor.unsavedChanges.closeWithoutSaving")})]})]})})};function Q({imageContainerRef:o,editor:l,rootClassName:h=null,width:C="inherit",height:f="inherit",nodeKey:c,alignment:L,setModalOpen:w,previewSVG:i,isModalOpen:N}){const d=n.useMemo(()=>i??"",[i]),[D,M]=n.useState(!1),{t:k}=$.useTranslation();n.useEffect(()=>{N&&M(!1)},[N]);const T=(x,_)=>{l.update(()=>{v.$setSelection(null);const j=v.$getNodeByKey(c);return E.$isExcalidrawNode(j)&&j.setWidthAndHeight(x,_),!0})},S=()=>{E.deleteNode(l,c)};return r.jsx(E.ResizableContainer,{editor:l,isIcon:!1,isEmbed:!0,width:E.parseContainerSize(C),height:E.parseContainerSize(f),onResizeEnd:T,alignment:L,children:r.jsxs(y.Box,{className:"media-wrapper excaildraw",children:[r.jsxs("div",{className:"media-actions",children:[r.jsx(E.ActionIcon,{"aria-label":"Settings",label:k("editor.link.edit"),flexBorder:!0,onClick:()=>{w(!0)},icon:E.tf,iconColor:"var(--mantine-color-gray-text)"}),r.jsx(E.AlignmentImage,{opened:D,setOpened:M,t:k,editor:l,nodeKey:c,flexBorder:!0}),r.jsx(E.ActionIcon,{"aria-label":"Delete",label:k("editor.actions.delete"),flexBorder:!0,onClick:S,icon:E.lg,iconColor:"var(--mantine-color-red-outline)"})]}),r.jsx(y.Box,{w:"100%",ref:x=>{x&&o&&(o.current=x)},className:h??"",dangerouslySetInnerHTML:{__html:d}})]})})}let A=null;const U=n.lazy(async()=>{var l;const o=await Promise.resolve().then(()=>require("./layers.CM6p48QZ.js")).then(h=>h.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),h=n.useCallback(C=>l(C),[]);return[o,h]};function ee({onSave:o,initialElements:l,initialAppState:h,initialFiles:C,isShown:f=!1,onDelete:c,onClose:L,isEdited:w}){const[i,N]=Z(),{i18n:d,t:D}=$.useTranslation(),{colorScheme:M}=y.useMantineColorScheme(),k=n.useRef(!1),[T,S]=n.useState(l),[x,_]=n.useState(C),[j,R]=n.useState(f);n.useEffect(()=>{f&&R(!0)},[f]),n.useEffect(()=>{!f||k.current||(k.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=D(t);return g.startsWith("editor.menu")?u:g},O=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"),p=e("editor.menu.excalidraw.tools.generate",d.language==="ru"?"Генерировать":d.language==="es"?"Generar":"Generate"),q={"Frame tool":O,"Web Embed":a,"Web embeded":a,Generate:p},B=()=>{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(q))if(F===H&&I&&!F.includes(I)){g.textContent=g.textContent.replace(H,I);break}}},s=()=>{setTimeout(()=>{B()},0)},m=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(m);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,D]);const W=n.useCallback(async()=>{var B,s,m;let e=A;if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.CM6p48QZ.js")).then(u=>u.index);e=t.exportToSvg||((B=t.default)==null?void 0:B.exportToSvg)||t.default,e&&typeof e=="function"&&(A=e)}if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.CM6p48QZ.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 O=((s=i==null?void 0:i.getAppState)==null?void 0:s.call(i))??h,a=await e({appState:O,elements:T,files:x}),p=(m=a==null?void 0:a.firstElementChild)==null?void 0:m.firstElementChild,q=a.getAttribute("viewBox");if(q!=null){const t=q.split(" ");a.setAttribute("width",t[2]),a.setAttribute("height",t[3])}return p&&p.tagName==="style"&&p.remove(),a.setAttribute("width","100%"),a.setAttribute("height","100%"),a.setAttribute("display","block"),a.classList.add("excalidraw-svg"),a.outerHTML},[T,x,i,h]),z=()=>{if(T&&T.filter(e=>!e.isDeleted).length>0){const e=i==null?void 0:i.getAppState(),O={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(T,O,x,a)})()}else c()},b=(e,O,a)=>{(e==null?void 0:e.length)!==(l==null?void 0:l.length)&&(w.current=!0),S(e),_(a)};return r.jsx(J.BottomDrawerWithoutHeader,{opened:f,onClose:L,onSave:z,className:"excaildraw-modal",closeOnEscape:!1,children:j&&r.jsx(n.Suspense,{fallback:r.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:r.jsx(y.Loader,{size:"sm"})}),children:r.jsx(U,{langCode:G.languageToLocaleMap[d.language],theme:M,onChange:b,excalidrawAPI:N,initialData:{appState:{...h||{isLoading:!1}},elements:l,files:C}})})})}function te({nodeKey:o,data:l,width:h,height:C,alignment:f}){var B;const[c]=V.useLexicalComposerContext(),L=Y.useLexicalEditable(),w=n.useMemo(()=>G.parseExcalidrawData(l),[l]),i=((B=w==null?void 0:w.elements)==null?void 0:B.length)===0&&!w.previewSVG,[N,d]=n.useState(i&&c.isEditable()),[D,M]=n.useState(!1),k=n.useRef(null),T=n.useRef(null),S=n.useRef(null),[x,_,j]=P.useLexicalNodeSelection(o),R=n.useCallback(s=>(x&&(s.preventDefault(),c.update(()=>{const m=v.$getNodeByKey(o);m&&m.remove()})),!1),[c,x,o]);n.useEffect(()=>{if(!L){x&&j();return}return X.mergeRegister(c.registerCommand(v.CLICK_COMMAND,s=>{const m=T.current,t=s.target;return m!==null&&m.contains(t)?(s.shiftKey||j(),_(!x),s.detail>1&&d(!0),!0):!1},v.COMMAND_PRIORITY_LOW),c.registerCommand(v.KEY_DELETE_COMMAND,R,v.COMMAND_PRIORITY_LOW),c.registerCommand(v.KEY_BACKSPACE_COMMAND,R,v.COMMAND_PRIORITY_LOW))},[j,c,x,R,_,L]);const W=n.useCallback(()=>(d(!1),c.update(()=>{const s=v.$getNodeByKey(o);s&&s.remove()})),[c,o]),z=(s,m,t,u)=>c.update(()=>{const g=v.$getNodeByKey(o);E.$isExcalidrawNode(g)&&(s&&s.length>0||Object.keys(t).length>0?g.setData(JSON.stringify({appState:m,elements:s,files:t,previewSVG:u})):g.remove())}),{elements:b=[],files:e={},appState:O={},previewSVG:a}=w,p=n.useCallback(()=>{d(!1),M(!1),S.current=!1,(b==null?void 0:b.length)===0&&c.update(()=>{const s=v.$getNodeByKey(o);s&&s.remove()})},[c,o,b==null?void 0:b.length]),q=n.useCallback(()=>{S.current?M(!0):p()},[p]);return r.jsxs(r.Fragment,{children:[r.jsx(K,{isCloseModal:D,confirmClose:p,setCloseModalOpen:M}),r.jsx(ee,{initialElements:b,isEdited:S,initialFiles:e,initialAppState:O,isShown:N,onDelete:W,onClose:q,onSave:(s,m,t,u)=>{z(s,m,t,u),d(!1)},closeOnClickOutside:!1}),(b==null?void 0:b.length)&&r.jsx("div",{style:{display:"flex",justifyContent:f},children:r.jsx(Q,{imageContainerRef:k,className:"image",width:h,height:C,editor:c,nodeKey:o,alignment:f,setModalOpen:d,previewSVG:a,isModalOpen:N})})]})}exports.default=te;

package/dist/layers.DlgVWdcp.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@lexical/react/LexicalComposerContext"),a=require("./layers.BoEvkl8V.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;

package/dist/layers.DnJsFEqv.js

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

package/dist/layers.DpLIZ7AU.js

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

package/dist/layers.GsZzw8KK.js

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