@layers-app/editor 0.7.71 → 0.7.72

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

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

package/dist/layers.CxFS3y_3.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.BL2HDW3Q.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.DkHo38DI.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.DkHo38DI.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.DkHo38DI.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.D1wNC9yP.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.BL2HDW3Q.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.DBGSdaOf.js

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

package/dist/layers.DC-lyi-7.js

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

package/dist/layers.DEP2baj0.js

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

@@ -1,17 +0,0 @@
-import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
-import { e as o, f as l } from "./layers.CMO6k-Xm.js";
-import { g as x, h as d, E as p } from "./layers.CMO6k-Xm.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.QglB_osH.js

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

package/dist/layers.lpVKCqT2.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 I, KEY_DELETE_COMMAND as se, KEY_BACKSPACE_COMMAND as ce } from "lexical";
-import { R as de, A as X, t as ue, q as fe, r as me, p as J, h as K, s as ge } from "./layers.CMO6k-Xm.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.D4pbgwIK.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, G] of Object.entries(L))
-            if ($ === Y && G && !$.includes(G)) {
-              f.textContent = f.textContent.replace(Y, G);
-              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.D4pbgwIK.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.D4pbgwIK.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]), q = () => {
-    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: q,
-      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;
-        },
-        I
-      ),
-      i.registerCommand(
-        se,
-        A,
-        I
-      ),
-      i.registerCommand(
-        ce,
-        A,
-        I
-      )
-    );
-  }, [S, i, p, A, M, O]);
-  const H = _(() => (d(!1), i.update(() => {
-    const n = W(o);
-    n && n.remove();
-  })), [i, o]), q = (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) => {
-          q(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
-};