@layers-app/editor 0.7.64 → 0.7.66-test

package/dist/layers.CmmYt3Ou.js

@@ -1 +0,0 @@
-"use strict";const t={elements:[],files:{},appState:{},previewSVG:null},r=a=>{try{const e=JSON.parse(a);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}},s={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"};exports.languageToLocaleMap=s;exports.parseExcalidrawData=r;

package/dist/layers.Cp758obM.js

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

package/dist/layers.DHjV8fYQ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),P=require("@lexical/react/LexicalComposerContext"),V=require("@lexical/react/useLexicalEditable"),Y=require("@lexical/react/useLexicalNodeSelection"),X=require("@lexical/utils"),v=require("lexical"),E=require("./layers.BkFD8_yC.js"),$=require("react-i18next"),C=require("@mantine/core"),J=require("@layers-app/shared"),G=require("./layers.CmmYt3Ou.js"),K=({isCloseModal:r,setCloseModalOpen:l,confirmClose:x})=>{const{t:h}=$.useTranslation();return n.jsx(C.Modal,{opened:r,onClose:()=>{l(!1)},centered:!0,title:h("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:n.jsxs("div",{children:[n.jsx(C.Text,{mb:"md",children:h("editor.unsavedChanges.message")}),n.jsxs(C.Flex,{justify:"flex-end",gap:"sm",children:[n.jsx(C.Button,{variant:"default",onClick:()=>{l(!1)},fullWidth:!0,children:h("editor.unsavedChanges.cancel")}),n.jsx(C.Button,{color:"red",onClick:x,fullWidth:!0,children:h("editor.unsavedChanges.closeWithoutSaving")})]})]})})};function Q({imageContainerRef:r,editor:l,rootClassName:x=null,width:h="inherit",height:f="inherit",nodeKey:c,alignment:S,setModalOpen:T,previewSVG:i}){const q=o.useMemo(()=>i??"",[i]),[d,L]=o.useState(!1),{t:w}=$.useTranslation(),D=(y,p)=>{l.update(()=>{v.$setSelection(null);const N=v.$getNodeByKey(c);return E.$isExcalidrawNode(N)&&N.setWidthAndHeight(y,p),!0})},j=()=>{E.deleteNode(l,c)};return n.jsx(E.ResizableContainer,{editor:l,isIcon:!1,isEmbed:!0,width:E.parseContainerSize(h),height:E.parseContainerSize(f),onResizeEnd:D,alignment:S,children:n.jsxs(C.Box,{className:"media-wrapper excaildraw",children:[n.jsxs("div",{className:"media-actions",children:[n.jsx(C.Tooltip,{label:w("editor.link.edit"),children:n.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:32,radius:8,onClick:()=>{T(!0)},children:n.jsx("span",{style:{color:"var(--mantine-color-gray-text)",display:"flex",alignItems:"center"},children:n.jsx(E.HugeiconsIcon,{icon:E.P4,size:16})})})}),n.jsx(E.AlignmentImage,{opened:d,setOpened:L,t:w,editor:l,nodeKey:c}),n.jsx(C.Tooltip,{label:w("editor.actions.delete"),children:n.jsx(C.ActionIcon,{color:"gray","aria-label":"Delete",className:"media-action",variant:"default",size:32,radius:8,onClick:j,children:n.jsx("span",{style:{color:"var(--mantine-color-red-outline)",display:"flex",alignItems:"center"},children:n.jsx(E.HugeiconsIcon,{icon:E.lg,size:16})})})})]}),n.jsx(C.Box,{w:"100%",ref:y=>{y&&r&&(r.current=y)},className:x??"",dangerouslySetInnerHTML:{__html:q}})]})})}let A=null;const U=o.lazy(async()=>{var l;const r=await Promise.resolve().then(()=>require("./layers.C-GmZhGP.js")).then(x=>x.index);return!A&&r&&(A=r.exportToSvg||((l=r.default)==null?void 0:l.exportToSvg)||r.default),{default:r.Excalidraw}}),Z=()=>{const[r,l]=o.useState(null),x=o.useCallback(h=>l(h),[]);return[r,x]};function ee({onSave:r,initialElements:l,initialAppState:x,initialFiles:h,isShown:f=!1,onDelete:c,onClose:S,isEdited:T}){const[i,q]=Z(),{i18n:d,t:L}=$.useTranslation(),{colorScheme:w}=C.useMantineColorScheme(),D=o.useRef(!1),[j,y]=o.useState(l),[p,N]=o.useState(h),[R,B]=o.useState(f);o.useEffect(()=>{f&&B(!0)},[f]),o.useEffect(()=>{!f||D.current||(D.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[f]),o.useEffect(()=>{f&&setTimeout(()=>{var e;(e=i==null?void 0:i.refresh)==null||e.call(i)},500)},[f,i]),o.useEffect(()=>{if(!f)return;const e=(t,u)=>{const g=L(t);return g.startsWith("editor.menu")?u:g},k=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"),_={"Frame tool":k,"Web Embed":a,"Web embeded":a,Generate:M},O=()=>{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 H=g.textContent.trim();for(const[F,W]of Object.entries(_))if(H===F&&W&&!H.includes(W)){g.textContent=g.textContent.replace(F,W);break}}},s=()=>{setTimeout(()=>{O()},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,L]);const z=o.useCallback(async()=>{var O,s,m;let e=A;if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.C-GmZhGP.js")).then(u=>u.index);e=t.exportToSvg||((O=t.default)==null?void 0:O.exportToSvg)||t.default,e&&typeof e=="function"&&(A=e)}if(!e||typeof e!="function"){const t=await Promise.resolve().then(()=>require("./layers.C-GmZhGP.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 k=((s=i==null?void 0:i.getAppState)==null?void 0:s.call(i))??x,a=await e({appState:k,elements:j,files:p}),M=(m=a==null?void 0:a.firstElementChild)==null?void 0:m.firstElementChild,_=a.getAttribute("viewBox");if(_!=null){const t=_.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},[j,p,i,x]),I=()=>{if(j&&j.filter(e=>!e.isDeleted).length>0){const e=i==null?void 0:i.getAppState(),k={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 z();r(j,k,p,a)})()}else c()},b=(e,k,a)=>{(e==null?void 0:e.length)!==(l==null?void 0:l.length)&&(T.current=!0),y(e),N(a)};return n.jsx(J.BottomDrawerWithoutHeader,{opened:f,onClose:S,onSave:I,className:"excaildraw-modal",closeOnEscape:!1,children:R&&n.jsx(o.Suspense,{fallback:n.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:n.jsx(C.Loader,{size:"sm"})}),children:n.jsx(U,{langCode:G.languageToLocaleMap[d.language],theme:w,onChange:b,excalidrawAPI:q,initialData:{appState:{...x||{isLoading:!1}},elements:l,files:h}})})})}function te({nodeKey:r,data:l,width:x,height:h,alignment:f}){var O;const[c]=P.useLexicalComposerContext(),S=V.useLexicalEditable(),T=o.useMemo(()=>G.parseExcalidrawData(l),[l]),i=((O=T==null?void 0:T.elements)==null?void 0:O.length)===0&&!T.previewSVG,[q,d]=o.useState(i&&c.isEditable()),[L,w]=o.useState(!1),D=o.useRef(null),j=o.useRef(null),y=o.useRef(null),[p,N,R]=Y.useLexicalNodeSelection(r),B=o.useCallback(s=>(p&&(s.preventDefault(),c.update(()=>{const m=v.$getNodeByKey(r);m&&m.remove()})),!1),[c,p,r]);o.useEffect(()=>{if(!S){p&&R();return}return X.mergeRegister(c.registerCommand(v.CLICK_COMMAND,s=>{const m=j.current,t=s.target;return m!==null&&m.contains(t)?(s.shiftKey||R(),N(!p),s.detail>1&&d(!0),!0):!1},v.COMMAND_PRIORITY_LOW),c.registerCommand(v.KEY_DELETE_COMMAND,B,v.COMMAND_PRIORITY_LOW),c.registerCommand(v.KEY_BACKSPACE_COMMAND,B,v.COMMAND_PRIORITY_LOW))},[R,c,p,B,N,S]);const z=o.useCallback(()=>(d(!1),c.update(()=>{const s=v.$getNodeByKey(r);s&&s.remove()})),[c,r]),I=(s,m,t,u)=>c.update(()=>{const g=v.$getNodeByKey(r);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:k={},previewSVG:a}=T,M=o.useCallback(()=>{d(!1),w(!1),y.current=!1,(b==null?void 0:b.length)===0&&c.update(()=>{const s=v.$getNodeByKey(r);s&&s.remove()})},[c,r,b==null?void 0:b.length]),_=o.useCallback(()=>{y.current?w(!0):M()},[M]);return n.jsxs(n.Fragment,{children:[n.jsx(K,{isCloseModal:L,confirmClose:M,setCloseModalOpen:w}),n.jsx(ee,{initialElements:b,isEdited:y,initialFiles:e,initialAppState:k,isShown:q,onDelete:z,onClose:_,onSave:(s,m,t,u)=>{I(s,m,t,u),d(!1)},closeOnClickOutside:!1}),(b==null?void 0:b.length)&&n.jsx("div",{style:{display:"flex",justifyContent:f},children:n.jsx(Q,{imageContainerRef:D,className:"image",width:x,height:h,editor:c,nodeKey:r,alignment:f,setModalOpen:d,previewSVG:a})})]})}exports.default=te;

package/dist/layers.DLj6m8Tp.js

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

package/dist/layers.DNPdXvDk.js

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

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

package/dist/layers.DRL59WFt.js

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

package/dist/layers.DeEe0wlJ.js

@@ -1,17 +0,0 @@
-import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
-import { e as o, f as l } from "./layers.DvE79Coc.js";
-import { g as x, h as d, E as p } from "./layers.DvE79Coc.js";
-import { l as n, p as u } from "./layers.DilA0qnM.js";
-function s() {
-  const [a] = r();
-  return o(a), null;
-}
-export {
-  x as $createExcalidrawNode,
-  d as $isExcalidrawNode,
-  p as ExcalidrawNode,
-  s as ExcalidrawPlugin,
-  l as INSERT_EXCALIDRAW_COMMAND,
-  n as languageToLocaleMap,
-  u as parseExcalidrawData
-};

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.FP0XnKm5.js

@@ -1,7 +0,0 @@
-import { q as e, G as t } from "./layers.aC5hKusM.js";
-import { X as r } from "./layers.aC5hKusM.js";
-export {
-  e as decodePngMetadata,
-  t as encodePngMetadata,
-  r as getTEXtChunk
-};

package/dist/layers.ekgfUf-y.js

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