@layers-app/editor 0.7.93 → 1.0.0

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

package/dist/layers.CNASfKEr.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),z=require("react-i18next"),$=require("@lexical/react/LexicalComposerContext"),y=require("@mantine/core"),w=require("lexical"),q=require("@layers-app/shared"),e=require("./layers.BF5czbZm.js"),R=require("@mantine/hooks"),J=()=>{};function Q({nodeKey:t,src:r,id:a}){const{t:l}=z.useTranslation(),[h]=$.useLexicalComposerContext(),[m,f]=i.useState(!1),[c,p]=i.useState(!1),x=i.useCallback(()=>{h.update(()=>{const v=w.$getNodeByKey(t);e.$isImageNode(v)&&v.remove()})},[h,t]),j=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:v=>v.stopPropagation(),children:[n.jsx(e.PreviewImage,{t:l,src:r,setShown:J,id:a}),n.jsx(e.AlignmentImage,{opened:m,setOpened:f,t:l,editor:h,nodeKey:t}),n.jsx(e.MediaActionMenu,{opened:c,onOpenChange:p,t:l,onDownload:()=>void j(),onDelete:x})]})}function K({nodeKey:t,src:r,id:a}){const{t:l}=z.useTranslation(),[h]=$.useLexicalComposerContext(),[m,{open:f,close:c}]=R.useDisclosure(!1),[p,{open:x,close:j}]=R.useDisclosure(!1),v=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]),N=()=>{c(),x()},S=i.useCallback(async()=>{if(c(),!!r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r,c]),C=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(q.AttachmentsGalleryModal,{opened:p,onOpenChange:s=>s?x():j(),attachments:v}),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:N,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:C,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.lg,size:16,color:"var(--mantine-color-red-6)"}),children:l("editor.actions.delete")})]})})]})}const H=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(ee,{className:null,src:m,altText:c,imageRef:p,width:"inherit",height:"inherit",maxWidth:x||"auto",id:f}),e.IS_TOUCH_DEVICE&&n.jsx(K,{nodeKey:t.nodeKey,src:m,id:f}),e.IS_TOUCH_TABLET&&n.jsx(Q,{nodeKey:t.nodeKey,src:m,id:f})]})};function ee({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 te(t){const{disable:r}=i.useContext(e.Context);return r&&e.ImageNode.isPlaceholderSrc(t.src)?null:n.jsx(oe,{...t})}function oe({src:t,altText:r,nodeKey:a,width:l,height:h,maxWidth:m,showCaption:f,caption:c,id:p,create:x,alignment:j,imagePickerTab:v}){var F,B;const N=i.useRef(null),[S,C]=i.useState(!0),[s]=$.useLexicalComposerContext(),[b,E]=i.useState(!0),[I,A]=i.useState({width:0,height:0}),{start:L}=e.useCancelUpload(),[ne,O]=i.useState(0),{fetchUploadMedia:T,fetchDeleteMedia:W,maxFileSize:ie}=i.useContext(e.Context),k=e.mediaMap.has(t)&&(((F=e.mediaMap.get(t))==null?void 0:F.mediaNodeKeys.length)===0||((B=e.mediaMap.get(t))==null?void 0:B.mediaNodeKeys.length)===void 0||t.trim()===""),{t:D}=z.useTranslation(),[ae,V]=i.useState(0);i.useEffect(()=>s.registerDecoratorListener(()=>{V(o=>o+1)}),[k]),i.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){C(!1);return}const o=new Image;o.src=t,o.onload=()=>C(!1),o.onerror=()=>{C(!1)}},[t,k]);const G=(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:_}}=e.useSettings();function X(o){return o.endsWith(".svg")||o.includes("image/svg+xml")}function Y(o){return new Promise((u,d)=>{if(X(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():!k&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&Y(t).then(g=>{typeof o=="number"&&o<d&&g<d?(E(!0),A({width:o,height:u})):g<d?(E(!0),A({width:"auto",height:"auto"})):(A({width:g,height:g}),E(!1))}).catch(g=>{console.warn("Ошибка при загрузке изображения:",g.message)})},[t,k]),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 Z=i.useCallback(o=>e.$writeImagePickerTabToNode(s,a,o),[s,a]),M=i.useCallback((o,u)=>{C(!1),s.update(()=>{const d=w.$getNodeByKey(a);e.$isImageNode(d)&&(d.setSrc(o),d.setId(u))})},[s,a]),P=i.useCallback(o=>{C(!0);const u=L();T&&T(o[0],(d,g)=>{M(d,g),O(0)},d=>{d&&q.showErrorNotification({message:D("editor.gallery.errorFile")}),O(0),M("","")},u,d=>{O(d)})},[T,L,D,M]);return i.useEffect(()=>s.registerCommand(e.UPLOAD_IMAGE_COMMAND,o=>t!=="upload"||o.targetNodeKey!==a?!1:(P(o.files),!0),w.COMMAND_PRIORITY_LOW),[s,P,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:v,onWriteTabToNode:Z,uploading:!1,onUpload:o=>{!T||!o.length||P(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(H,{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:N,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:_,t:D}):n.jsx(e.ResizableContainer,{editor:s,isIcon:b,width:e.parseContainerSize(l),height:e.parseContainerSize(h),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:G,alignment:j,children:n.jsx(H,{width:"inherit",height:"inherit",isLoading:S,isError:!1,isIcon:b,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:W,altText:r,imageRef:N,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:_,t:D})})}exports.default=te;

package/dist/layers.Ce5d3c4K.js

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

package/dist/layers.CnCND_tm.js

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

package/dist/layers.DBe4vr1J.js

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

package/dist/layers.UyyKG0j1.js

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

package/dist/layers.vgzUgI4K.js

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