@layers-app/editor 2.2.10 → 2.2.11

package/dist/layers.CevzF4EG.js

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

package/dist/layers.D8PzymW1.js

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

package/dist/layers.DQ68fVbo.js

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

package/dist/layers.R8Iyu9V3.js

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