@layers-app/editor 2.0.3 → 2.1.2

package/dist/{layers.C7vq1EbB.js → layers.yhTGLBnE.js}

@@ -1,17 +1,16 @@
 import { useLexicalComposerContext as r } from "@lexical/react/LexicalComposerContext";
-import { u as o } from "./layers.ZIr-W1fJ.js";
-import { $ as c, a as x, E as d, I as p } from "./layers.ZIr-W1fJ.js";
-import { l as E, p as n } from "./layers.DilA0qnM.js";
+import { u as o } from "./layers.BJmB3Omq.js";
+import { $ as c, a as d, E as x, I as u, l as E, p as n } from "./layers.BJmB3Omq.js";
 function l() {
   const [a] = r();
   return o(a), null;
 }
 export {
   c as $createExcalidrawNode,
-  x as $isExcalidrawNode,
-  d as ExcalidrawNode,
+  d as $isExcalidrawNode,
+  x as ExcalidrawNode,
   l as ExcalidrawPlugin,
-  p as INSERT_EXCALIDRAW_COMMAND,
+  u as INSERT_EXCALIDRAW_COMMAND,
   E as languageToLocaleMap,
   n as parseExcalidrawData
 };

package/dist/layers.zHGtf3U2.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "2.0.3",
+  "version": "2.1.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/layers.B15U4oBH.js

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

package/dist/layers.C3tERQz_.js

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

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

package/dist/layers.CbbOPkRG.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),_=require("react-i18next"),$=require("@lexical/react/LexicalComposerContext"),y=require("@mantine/core"),w=require("lexical"),e=require("./layers.B9_lGviZ.js"),G=require("@layers-app/shared"),H=require("@mantine/hooks"),K=()=>{};function ee({nodeKey:t,src:r,id:a}){const{t:l}=_.useTranslation(),[h]=$.useLexicalComposerContext(),[m,f]=i.useState(!1),[c,p]=i.useState(!1),x=i.useCallback(()=>{h.update(()=>{const C=w.$getNodeByKey(t);e.$isImageNode(C)&&C.remove()})},[h,t]),N=i.useCallback(async()=>{if(r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r]);return n.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:C=>C.stopPropagation(),children:[n.jsx(e.PreviewImage,{t:l,src:r,setShown:K,id:a}),n.jsx(e.NodeAlignmentMenu,{opened:m,setOpened:f,t:l,editor:h,nodeKey:t}),n.jsx(e.MediaActionMenu,{opened:c,onOpenChange:p,t:l,onDownload:()=>void N(),onDelete:x})]})}function te({nodeKey:t,src:r,id:a}){const{t:l}=_.useTranslation(),[h]=$.useLexicalComposerContext(),[m,{open:f,close:c}]=H.useDisclosure(!1),[p,{open:x,close:N}]=H.useDisclosure(!1),C=i.useMemo(()=>[{id:!a||a==="0"?"":a,Url:r??"",contentType:"",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[r,a]),j=()=>{c(),x()},S=i.useCallback(async()=>{if(c(),!!r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r,c]),v=i.useCallback(()=>{c(),h.update(()=>{const s=w.$getNodeByKey(t);e.$isImageNode(s)&&s.remove()})},[h,t,c]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:s=>s.stopPropagation(),children:n.jsx(e.ActionIcon,{label:l("editor.toolbar.more"),icon:e.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":l("editor.toolbar.more"),onClick:f})}),n.jsx(G.AttachmentsGalleryModal,{opened:p,onOpenChange:s=>s?x():N(),attachments:C}),n.jsx(e.MobileDrawer,{opened:m,onClose:c,title:l("editor.image.mobileActions"),children:n.jsxs(y.Stack,{gap:4,p:0,children:[n.jsx(y.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",onClick:j,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.image.previewFullScreen")}),n.jsx(y.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",onClick:()=>void S(),leftSection:n.jsx(e.HugeiconsIcon,{icon:e.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.gallery.download")}),n.jsx(y.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",onClick:v,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.lg,size:16,color:"var(--mantine-color-red-6)"}),children:l("editor.actions.delete")})]})})]})}const q=t=>{const{width:r,height:a,isLoading:l,isError:h,src:m,id:f,altText:c,imageRef:p,maxWidth:x}=t;return n.jsxs("div",{className:"media-wrapper",style:{width:r,height:a,display:"inline-flex",position:"relative"},children:[n.jsx(y.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),n.jsx(oe,{className:null,src:m,altText:c,imageRef:p,width:"inherit",height:"inherit",maxWidth:x||"auto",id:f}),e.IS_TOUCH_DEVICE&&n.jsx(te,{nodeKey:t.nodeKey,src:m,id:f}),e.IS_TOUCH_TABLET&&n.jsx(ee,{nodeKey:t.nodeKey,src:m,id:f})]})};function oe({altText:t,className:r,imageRef:a,src:l,width:h,height:m,maxWidth:f,id:c}){const[p,x]=i.useState(!1);return n.jsx("img",{className:`${r||void 0} ${p?"":"loading"}`,src:l,alt:t,ref:a,style:{height:m,maxWidth:f,width:h},onLoad:()=>{l.includes("splash")?setTimeout(()=>{x(!0)},100):x(!0)},draggable:"false","data-id":c})}function ne(t){const{disable:r}=i.useContext(e.Context);return r&&e.ImageNode.isPlaceholderSrc(t.src)?null:n.jsx(ie,{...t})}function ie({src:t,altText:r,nodeKey:a,width:l,height:h,maxWidth:m,showCaption:f,caption:c,id:p,create:x,alignment:N,imagePickerTab:C}){var B,R;const j=i.useRef(null),[S,v]=i.useState(!0),[s]=$.useLexicalComposerContext(),[b,k]=i.useState(!0),[I,M]=i.useState({width:0,height:0}),{start:L}=e.useCancelUpload(),[ae,O]=i.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:W,maxFileSize:re,imperativeHandleRef:D,disable:V}=i.useContext(e.Context),E=e.mediaMap.has(t)&&(((B=e.mediaMap.get(t))==null?void 0:B.mediaNodeKeys.length)===0||((R=e.mediaMap.get(t))==null?void 0:R.mediaNodeKeys.length)===void 0||t.trim()===""),{t:T}=_.useTranslation(),[se,X]=i.useState(0);i.useEffect(()=>s.registerDecoratorListener(()=>{X(o=>o+1)}),[E]),i.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){v(!1);return}const o=new Image;o.src=t,o.onload=()=>v(!1),o.onerror=()=>{v(!1)}},[t,E]);const Y=(o,u)=>{s.update(()=>{w.$setSelection(null);const d=w.$getNodeByKey(a);e.$isImageNode(d)&&d.setWidthAndHeight(o,u)})},{historyState:U}=e.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:F}}=e.useSettings();function Z(o){return o.endsWith(".svg")||o.includes("image/svg+xml")}function J(o){return new Promise((u,d)=>{if(Z(o)){u(0);return}const g=new Image;g.src=o,g.onload=()=>{u(g.width)},g.onerror=()=>{d(new Error("Failed to load image"))}})}i.useEffect(()=>{let o=l,u=h,d=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&J(t).then(g=>{typeof o=="number"&&o<d&&g<d?(k(!0),M({width:o,height:u})):g<d?(k(!0),M({width:"auto",height:"auto"})):(M({width:g,height:g}),k(!1))}).catch(g=>{console.warn("Ошибка при загрузке изображения:",g.message)})},[t,E]),i.useEffect(()=>{I.width&&I.height&&b&&s.update(()=>{const o=w.$getNodeByKey(a);e.$isImageNode(o)&&o.setWidthAndHeight(I.width,I.height)})},[I.width,I.height,b]);const Q=i.useCallback(o=>e.$writeImagePickerTabToNode(s,a,o),[s,a]),P=i.useCallback((o,u)=>{v(!1),s.update(()=>{const d=w.$getNodeByKey(a);e.$isImageNode(d)&&(d.setSrc(o),d.setId(u))})},[s,a]),z=i.useCallback(o=>{v(!0);const u=L();A&&A(o[0],(d,g)=>{P(d,g),O(0)},d=>{d&&G.showErrorNotification({message:T("editor.gallery.errorFile")}),O(0),P("","")},u,d=>{O(d)})},[A,L,T,P]);return i.useEffect(()=>s.registerCommand(e.UPLOAD_IMAGE_COMMAND,o=>t!=="upload"||o.targetNodeKey!==a?!1:(z(o.files),!0),w.COMMAND_PRIORITY_LOW),[s,z,a,t]),!t||t==="upload"?n.jsx(y.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:n.jsx(e.ImagePicker,{inline:!0,nodeKey:a,defaultTabValue:C,onWriteTabToNode:Q,uploading:!1,onUpload:o=>{!A||!o.length||z(o)},popoverProps:{opened:!0,position:"bottom",zIndex:e.EDITOR_UI_MIN_Z_INDEX},onChange:o=>{s.update(()=>{const u=w.$getNodeByKey(a);e.$isImageNode(u)&&u.setSrc(o)})}})}):b?n.jsx(q,{width:I.width,height:I.height,isLoading:S,isError:!1,isIcon:b,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:W,altText:r,imageRef:j,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:F,t:T}):n.jsx(e.ResizableContainer,{editor:s,isIcon:b,width:e.parseContainerSize(l),height:e.parseContainerSize(h),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:Y,alignment:N,disable:V,onRegisterDecoratorEnter:o=>{D!=null&&D.current&&(D.current.decoratorEnterAction=o)},onActivate:()=>s.dispatchCommand(e.ON_CHANGE_COMMAND,"show_menu"),children:n.jsx(q,{width:"inherit",height:"inherit",isLoading:S,isError:!1,isIcon:b,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:W,altText:r,imageRef:j,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:F,t:T})})}exports.default=ne;

package/dist/layers.CcmLaBMy.js

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

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

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

package/dist/layers.DWmzLIIo.js

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

package/dist/layers.DY9VqNiP.js

@@ -1,539 +0,0 @@
-import { jsx as n, jsxs as _, Fragment as oe } from "react/jsx-runtime";
-import { useContext as le, useMemo as re, useState as S, useEffect as W, useRef as F, useCallback as z, Suspense as ie, lazy as ae } from "react";
-import { useLexicalComposerContext as se } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as ce } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as de } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as ue } from "@lexical/utils";
-import { $setSelection as fe, $getNodeByKey as H, CLICK_COMMAND as me, COMMAND_PRIORITY_LOW as $, KEY_DELETE_COMMAND as ge, KEY_BACKSPACE_COMMAND as he } from "lexical";
-import { C as Ce, R as xe, r as I, p as U, A as Y, K as pe, w as Q, N as be, l as Z, x as ve, c as Ee, H as P, q as we, a as ne, y as ee } from "./layers.ZIr-W1fJ.js";
-import { l as ye, p as Te } from "./layers.DilA0qnM.js";
-import { useTranslation as X } from "react-i18next";
-import { Modal as ke, Text as Me, Flex as De, Button as G, Box as te, Stack as Oe, useMantineColorScheme as Ne, Loader as _e } from "@mantine/core";
-import { useDisclosure as Se } from "@mantine/hooks";
-import "@lexical/code";
-import { BottomDrawerWithoutHeader as Ae } from "@layers-app/shared";
-const Be = ({
-  isCloseModal: r,
-  setCloseModalOpen: l,
-  confirmClose: C
-}) => {
-  const { t: x } = X();
-  return /* @__PURE__ */ n(
-    ke,
-    {
-      opened: r,
-      onClose: () => {
-        l(!1);
-      },
-      centered: !0,
-      title: x("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ _("div", { children: [
-        /* @__PURE__ */ n(Me, { mb: "md", children: x("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ _(De, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ n(
-            G,
-            {
-              variant: "default",
-              onClick: () => {
-                l(!1);
-              },
-              fullWidth: !0,
-              children: x("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ n(G, { color: "red", onClick: C, fullWidth: !0, children: x("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-};
-function Le({
-  imageContainerRef: r,
-  editor: l,
-  rootClassName: C = null,
-  width: x = "inherit",
-  height: u = "inherit",
-  nodeKey: s,
-  alignment: A,
-  setModalOpen: v,
-  previewSVG: o,
-  isModalOpen: k
-}) {
-  const { disable: d, imperativeHandleRef: w } = le(Ce), M = re(() => o ?? "", [o]), [B, E] = S(!1), [
-    D,
-    { open: b, close: T }
-  ] = Se(!1), { t: m } = X();
-  W(() => {
-    k && E(!1);
-  }, [k]);
-  const O = (e, p) => {
-    l.update(() => {
-      fe(null);
-      const i = H(s);
-      return ne(i) && i.setWidthAndHeight(e, p), !0;
-    });
-  }, R = () => {
-    ee(l, s);
-  }, j = () => {
-    T(), v(!0);
-  }, g = () => {
-    T(), ee(l, s);
-  };
-  return /* @__PURE__ */ _(
-    xe,
-    {
-      editor: l,
-      isIcon: !1,
-      isEmbed: !0,
-      width: U(x),
-      height: U(u),
-      onResizeEnd: O,
-      alignment: A,
-      disable: d,
-      onRegisterDecoratorEnter: (e) => {
-        w != null && w.current && (w.current.decoratorEnterAction = e);
-      },
-      onActivate: () => l.dispatchCommand(we, "show_menu"),
-      children: [
-        /* @__PURE__ */ _(te, { className: "media-wrapper excaildraw", children: [
-          /* @__PURE__ */ n(
-            "div",
-            {
-              className: `media-actions${I || !ve ? " visible" : ""}`,
-              children: I ? /* @__PURE__ */ n(
-                Y,
-                {
-                  "aria-label": m("editor.toolbar.more"),
-                  label: m("editor.toolbar.more"),
-                  flexBorder: !0,
-                  onClick: b,
-                  icon: pe,
-                  iconColor: "var(--mantine-color-gray-text)"
-                }
-              ) : /* @__PURE__ */ _(oe, { children: [
-                /* @__PURE__ */ n(
-                  Y,
-                  {
-                    "aria-label": "Settings",
-                    label: m("editor.link.edit"),
-                    flexBorder: !0,
-                    onClick: () => {
-                      v(!0);
-                    },
-                    icon: Q,
-                    iconColor: "var(--mantine-color-gray-text)"
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  be,
-                  {
-                    opened: B,
-                    setOpened: E,
-                    t: m,
-                    editor: l,
-                    nodeKey: s,
-                    flexBorder: !0
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  Y,
-                  {
-                    "aria-label": "Delete",
-                    label: m("editor.actions.delete"),
-                    flexBorder: !0,
-                    onClick: R,
-                    icon: Z,
-                    iconColor: "var(--mantine-color-red-outline)"
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ n(
-            te,
-            {
-              w: "100%",
-              ref: (e) => {
-                e && r && (r.current = e);
-              },
-              className: C ?? "",
-              dangerouslySetInnerHTML: { __html: M }
-            }
-          )
-        ] }),
-        I && /* @__PURE__ */ n(
-          Ee,
-          {
-            opened: D,
-            onClose: T,
-            title: m("editor.image.mobileActions"),
-            children: /* @__PURE__ */ _(Oe, { gap: 4, p: 0, children: [
-              /* @__PURE__ */ n(
-                G,
-                {
-                  type: "button",
-                  variant: "subtle",
-                  color: "gray",
-                  fullWidth: !0,
-                  justify: "flex-start",
-                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-                  onClick: j,
-                  leftSection: /* @__PURE__ */ n(
-                    P,
-                    {
-                      icon: Q,
-                      size: 16,
-                      color: "var(--mantine-color-dimmed)"
-                    }
-                  ),
-                  children: m("editor.link.edit")
-                }
-              ),
-              /* @__PURE__ */ n(
-                G,
-                {
-                  type: "button",
-                  variant: "subtle",
-                  color: "red",
-                  fullWidth: !0,
-                  justify: "flex-start",
-                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-                  onClick: g,
-                  leftSection: /* @__PURE__ */ n(
-                    P,
-                    {
-                      icon: Z,
-                      size: 16,
-                      color: "var(--mantine-color-red-6)"
-                    }
-                  ),
-                  children: m("editor.actions.delete")
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-let V = null;
-const We = /* @__PURE__ */ ae(async () => {
-  var l;
-  const r = await import("./layers.BBKyXJ19.js").then((C) => C.K);
-  return !V && r && (V = r.exportToSvg || ((l = r.default) == null ? void 0 : l.exportToSvg) || r.default), { default: r.Excalidraw };
-}), ze = () => {
-  const [r, l] = S(
-    null
-  ), C = z(
-    (x) => l(x),
-    []
-  );
-  return [r, C];
-};
-function Re({
-  onSave: r,
-  initialElements: l,
-  initialAppState: C,
-  initialFiles: x,
-  isShown: u = !1,
-  onDelete: s,
-  onClose: A,
-  isEdited: v
-}) {
-  const [o, k] = ze(), { i18n: d, t: w } = X(), { colorScheme: M } = Ne(), B = F(!1), [E, D] = S(l), [b, T] = S(x), [m, O] = S(u);
-  W(() => {
-    u && O(!0);
-  }, [u]), W(() => {
-    !u || B.current || (B.current = !0, Promise.resolve({           }));
-  }, [u]), W(() => {
-    u && setTimeout(() => {
-      var e, p;
-      (e = o == null ? void 0 : o.refresh) == null || e.call(o), (p = o == null ? void 0 : o.scrollToContent) == null || p.call(o);
-    }, 500);
-  }, [u, o]), W(() => {
-    if (!u)
-      return;
-    const e = (t, c) => {
-      const f = w(t);
-      return f.startsWith("editor.menu") ? c : f;
-    }, p = 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"
-    ), y = e(
-      "editor.menu.excalidraw.tools.generate",
-      d.language === "ru" ? "Генерировать" : d.language === "es" ? "Generar" : "Generate"
-    ), L = {
-      "Frame tool": p,
-      "Web Embed": i,
-      "Web embeded": i,
-      Generate: y
-    }, N = () => {
-      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 J = f.textContent.trim();
-          for (const [K, q] of Object.entries(L))
-            if (J === K && q && !J.includes(q)) {
-              f.textContent = f.textContent.replace(K, q);
-              break;
-            }
-        }
-    }, a = () => {
-      setTimeout(() => {
-        N();
-      }, 0);
-    }, h = setTimeout(() => {
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const c = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        c && c.addEventListener("click", a);
-      }
-    }, 300);
-    return () => {
-      clearTimeout(h);
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const c = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        c && c.removeEventListener("click", a);
-      }
-    };
-  }, [u, d.language, w]);
-  const R = z(async () => {
-    var N, a, h;
-    let e = V;
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.BBKyXJ19.js").then((c) => c.K);
-      e = t.exportToSvg || ((N = t.default) == null ? void 0 : N.exportToSvg) || t.default, e && typeof e == "function" && (V = e);
-    }
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.BBKyXJ19.js").then((f) => f.K), 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 p = ((a = o == null ? void 0 : o.getAppState) == null ? void 0 : a.call(o)) ?? C, i = await e({
-      appState: p,
-      elements: E,
-      files: b
-    }), y = (h = i == null ? void 0 : i.firstElementChild) == null ? void 0 : h.firstElementChild, L = i.getAttribute("viewBox");
-    if (L != null) {
-      const t = L.split(" ");
-      i.setAttribute("width", t[2]), i.setAttribute("height", t[3]);
-    }
-    return y && y.tagName === "style" && y.remove(), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("display", "block"), i.classList.add("excalidraw-svg"), i.outerHTML;
-  }, [E, b, o, C]), j = () => {
-    if (E && E.filter((e) => !e.isDeleted).length > 0) {
-      const e = o == null ? void 0 : o.getAppState(), p = {
-        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 R();
-        r(E, p, b, i);
-      })();
-    } else
-      s();
-  }, g = (e, p, i) => {
-    (e == null ? void 0 : e.length) !== (l == null ? void 0 : l.length) && (v.current = !0), D(e), T(i);
-  };
-  return /* @__PURE__ */ n(
-    Ae,
-    {
-      opened: u,
-      onClose: A,
-      onSave: j,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: m && /* @__PURE__ */ n(
-        ie,
-        {
-          fallback: /* @__PURE__ */ n(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ n(_e, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ n(
-            We,
-            {
-              langCode: ye[d.language],
-              theme: M,
-              onChange: g,
-              excalidrawAPI: k,
-              initialData: {
-                appState: { ...C || { isLoading: !1 } },
-                elements: l,
-                files: x,
-                scrollToContent: !0
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function Ze({
-  nodeKey: r,
-  data: l,
-  width: C,
-  height: x,
-  alignment: u
-}) {
-  var N;
-  const [s] = se(), A = ce(), v = re(() => Te(l), [l]), o = ((N = v == null ? void 0 : v.elements) == null ? void 0 : N.length) === 0 && !v.previewSVG, [k, d] = S(
-    o && s.isEditable()
-  ), [w, M] = S(!1), B = F(null), E = F(null), D = F(null), [b, T, m] = de(r), O = z(
-    (a) => (b && (a.preventDefault(), s.update(() => {
-      const h = H(r);
-      h && h.remove();
-    })), !1),
-    [s, b, r]
-  );
-  W(() => {
-    if (!A) {
-      b && m();
-      return;
-    }
-    return ue(
-      s.registerCommand(
-        me,
-        (a) => {
-          const h = E.current, t = a.target;
-          return h !== null && h.contains(t) ? (a.shiftKey || m(), T(!b), a.detail > 1 && d(!0), !0) : !1;
-        },
-        $
-      ),
-      s.registerCommand(
-        ge,
-        O,
-        $
-      ),
-      s.registerCommand(
-        he,
-        O,
-        $
-      )
-    );
-  }, [m, s, b, O, T, A]);
-  const R = z(() => (d(!1), s.update(() => {
-    const a = H(r);
-    a && a.remove();
-  })), [s, r]), j = (a, h, t, c) => s.update(() => {
-    const f = H(r);
-    ne(f) && (a && a.length > 0 || Object.keys(t).length > 0 ? f.setData(
-      JSON.stringify({
-        appState: h,
-        elements: a,
-        files: t,
-        previewSVG: c
-      })
-    ) : f.remove());
-  }), { elements: g = [], files: e = {}, appState: p = {}, previewSVG: i } = v, y = z(() => {
-    d(!1), M(!1), D.current = !1, (g == null ? void 0 : g.length) === 0 && s.update(() => {
-      const a = H(r);
-      a && a.remove();
-    });
-  }, [s, r, g == null ? void 0 : g.length]), L = z(() => {
-    D.current ? M(!0) : y();
-  }, [y]);
-  return /* @__PURE__ */ _(oe, { children: [
-    /* @__PURE__ */ n(
-      Be,
-      {
-        isCloseModal: w,
-        confirmClose: y,
-        setCloseModalOpen: M
-      }
-    ),
-    /* @__PURE__ */ n(
-      Re,
-      {
-        initialElements: g,
-        isEdited: D,
-        initialFiles: e,
-        initialAppState: p,
-        isShown: k,
-        onDelete: R,
-        onClose: L,
-        onSave: (a, h, t, c) => {
-          j(a, h, t, c), d(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (g == null ? void 0 : g.length) && /* @__PURE__ */ n(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: u
-        },
-        children: /* @__PURE__ */ n(
-          Le,
-          {
-            imageContainerRef: B,
-            className: "image",
-            width: C,
-            height: x,
-            editor: s,
-            nodeKey: r,
-            alignment: u,
-            setModalOpen: d,
-            previewSVG: i,
-            isModalOpen: k
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  Ze as default
-};