@layers-app/editor 2.2.13 → 2.2.14

package/dist/layers.BugevNWi.js

@@ -1,520 +0,0 @@
-import { jsxs as P, jsx as o, Fragment as le } from "react/jsx-runtime";
-import { useState as w, useCallback as C, useMemo as de, useContext as Q, useRef as ce, useEffect as D } from "react";
-import { useTranslation as H } from "react-i18next";
-import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
-import { Stack as me, Button as L, Box as ue, LoadingOverlay as ge } from "@mantine/core";
-import { $getNodeByKey as N, COMMAND_PRIORITY_LOW as he, $setSelection as pe } from "lexical";
-import { b as A, c as fe, d as K, i as ee, P as ve, N as we, M as Ie, A as be, O as Ce, e as ye, H as R, g as Ne, T as Ae, f as xe, C as te, h as De, j as Oe, m as F, k as Te, n as Se, o as Ee, U as Me, q as Pe, r as ke, R as We, s as Y, t as _e, v as ze, w as Ue } from "./layers.C_T_LMJy.js";
-import { AttachmentsGalleryModal as Le, showErrorNotification as Re } from "@layers-app/shared";
-import "@lexical/react/LexicalDecoratorBlockNode";
-import "@lexical/utils";
-import { useDisclosure as Z } from "@mantine/hooks";
-import "@lexical/mark";
-import "@lexical/code";
-import "@lexical/selection";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@mantine/notifications";
-const Fe = () => {
-};
-function He({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = H(), [m] = $(), [u, g] = w(!1), [l, h] = w(!1), p = C(() => {
-    h(!1), m.update(() => {
-      const v = N(e);
-      if (!A(v)) return;
-      const I = v.getParent();
-      fe(I) ? I.remove() : v.remove();
-    });
-  }, [m, e]), x = C(async () => {
-    if (n)
-      try {
-        await K(n, ee(n));
-      } catch {
-      }
-  }, [n]);
-  return /* @__PURE__ */ P(
-    "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: [
-        /* @__PURE__ */ o(ve, { t: r, src: n, setShown: Fe, id: i }),
-        /* @__PURE__ */ o(
-          we,
-          {
-            opened: u,
-            setOpened: g,
-            t: r,
-            editor: m,
-            nodeKey: e
-          }
-        ),
-        /* @__PURE__ */ o(
-          Ie,
-          {
-            opened: l,
-            onOpenChange: h,
-            t: r,
-            onDownload: () => void x(),
-            onDelete: p
-          }
-        )
-      ]
-    }
-  );
-}
-function $e({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = H(), [m] = $(), [u, { open: g, close: l }] = Z(!1), [h, { open: p, close: x }] = Z(!1), v = de(
-    () => [
-      {
-        id: !i || i === "0" ? "" : i,
-        Url: n ?? "",
-        contentType: "",
-        originalFileName: "",
-        fileSize: 0,
-        storageType: "",
-        storagePath: "",
-        fileName: "",
-        parentType: "",
-        parentId: "",
-        ownerId: "",
-        createdAt: /* @__PURE__ */ new Date(),
-        updatedAt: /* @__PURE__ */ new Date(),
-        version: 0,
-        deleted: !1,
-        deletedAt: /* @__PURE__ */ new Date()
-      }
-    ],
-    [n, i]
-  ), I = () => {
-    l(), p();
-  }, O = C(async () => {
-    if (l(), !!n)
-      try {
-        await K(n, ee(n));
-      } catch {
-      }
-  }, [n, l]), b = C(() => {
-    l(), m.update(() => {
-      const a = N(e);
-      A(a) && a.remove();
-    });
-  }, [m, e, l]);
-  return /* @__PURE__ */ P(le, { children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: "image-touch-actions",
-        style: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 10,
-          pointerEvents: "auto"
-        },
-        onClick: (a) => a.stopPropagation(),
-        children: /* @__PURE__ */ o(
-          be,
-          {
-            label: r("editor.toolbar.more"),
-            icon: Ce,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: g
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      Le,
-      {
-        opened: h,
-        onOpenChange: (a) => a ? p() : x(),
-        attachments: v
-      }
-    ),
-    /* @__PURE__ */ o(
-      ye,
-      {
-        opened: u,
-        onClose: l,
-        title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ P(me, { gap: 4, p: 0, children: [
-          /* @__PURE__ */ o(
-            L,
-            {
-              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: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: Ne,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.image.previewFullScreen")
-            }
-          ),
-          /* @__PURE__ */ o(
-            L,
-            {
-              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 O(),
-              leftSection: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: Ae,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.gallery.download")
-            }
-          ),
-          /* @__PURE__ */ o(
-            L,
-            {
-              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: b,
-              leftSection: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: xe,
-                  size: 16,
-                  color: "var(--mantine-color-red-6)"
-                }
-              ),
-              children: r("editor.actions.delete")
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-const J = (e) => {
-  const {
-    width: n,
-    height: i,
-    isLoading: r,
-    isError: m,
-    src: u,
-    id: g,
-    altText: l,
-    imageRef: h,
-    maxWidth: p
-  } = e;
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: n,
-        height: i,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ o(
-          ge,
-          {
-            visible: r,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ o(
-          je,
-          {
-            className: null,
-            src: u,
-            altText: l,
-            imageRef: h,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: p || "auto",
-            id: g
-          }
-        ),
-        ze && /* @__PURE__ */ o($e, { nodeKey: e.nodeKey, src: u, id: g }),
-        Ue && /* @__PURE__ */ o(He, { nodeKey: e.nodeKey, src: u, id: g })
-      ]
-    }
-  );
-};
-function je({
-  altText: e,
-  className: n,
-  imageRef: i,
-  src: r,
-  width: m,
-  height: u,
-  maxWidth: g,
-  id: l
-}) {
-  const [h, p] = w(!1);
-  return /* @__PURE__ */ o(
-    "img",
-    {
-      className: `${n || void 0} ${h ? "" : "loading"}`,
-      src: r,
-      alt: e,
-      ref: i,
-      style: {
-        height: u,
-        maxWidth: g,
-        width: m
-      },
-      onLoad: () => {
-        r.includes("splash") ? setTimeout(() => {
-          p(!0);
-        }, 100) : p(!0);
-      },
-      draggable: "false",
-      "data-id": l
-    }
-  );
-}
-function ct(e) {
-  const { disable: n } = Q(te);
-  return n && De.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ o(Be, { ...e });
-}
-function Be({
-  src: e,
-  altText: n,
-  nodeKey: i,
-  width: r,
-  height: m,
-  maxWidth: u,
-  showCaption: g,
-  caption: l,
-  id: h,
-  create: p,
-  alignment: x,
-  imagePickerTab: v
-}) {
-  var q, X;
-  const I = ce(null), [O, b] = w(!0), [a] = $(), [y, k] = w(!0), [f, W] = w({
-    width: 0,
-    height: 0
-  }), { start: j } = Oe(), [Ge, _] = w(0), {
-    fetchUploadMedia: T,
-    fetchDeleteMedia: B,
-    maxFileSize: Ve,
-    imperativeHandleRef: S,
-    disable: oe
-  } = Q(te), E = F.has(e) && (((q = F.get(e)) == null ? void 0 : q.mediaNodeKeys.length) === 0 || ((X = F.get(e)) == null ? void 0 : X.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: M } = H(), [qe, ie] = w(0);
-  D(() => a.registerDecoratorListener(() => {
-    ie((t) => t + 1);
-  }), [E]), D(() => {
-    if (!e || e.startsWith("data:image/") || !e.trim()) {
-      b(!1);
-      return;
-    }
-    const t = new Image();
-    t.src = e, t.onload = () => b(!1), t.onerror = () => {
-      b(!1);
-    };
-  }, [e, E]);
-  const ne = (t, d) => {
-    a.update(() => {
-      pe(null);
-      const s = N(i);
-      A(s) && s.setWidthAndHeight(t, d);
-    });
-  }, { historyState: G } = Te(), {
-    settings: { showNestedEditorTreeView: V }
-  } = Se();
-  function ae(t) {
-    return t.endsWith(".svg") || t.includes("image/svg+xml");
-  }
-  function re(t) {
-    return new Promise((d, s) => {
-      if (ae(t)) {
-        d(0);
-        return;
-      }
-      const c = new Image();
-      c.src = t, c.onload = () => {
-        d(c.width);
-      }, c.onerror = () => {
-        s(new Error("Failed to load image"));
-      };
-    });
-  }
-  D(() => {
-    let t = r, d = m, s = 100;
-    (e.includes("unsplash") ? e.trim() : !E && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && re(e).then((c) => {
-      typeof t == "number" && t < s && c < s ? (k(!0), W({
-        width: t,
-        height: d
-      })) : c < s ? (k(!0), W({
-        width: "auto",
-        height: "auto"
-      })) : (W({
-        width: c,
-        height: c
-      }), k(!1));
-    }).catch((c) => {
-      console.warn("Ошибка при загрузке изображения:", c.message);
-    });
-  }, [e, E]), D(() => {
-    f.width && f.height && y && a.update(() => {
-      const t = N(i);
-      A(t) && t.setWidthAndHeight(f.width, f.height);
-    });
-  }, [f.width, f.height, y]);
-  const se = C(
-    (t) => Ee(a, i, t),
-    [a, i]
-  ), z = C(
-    (t, d) => {
-      b(!1), a.update(() => {
-        const s = N(i);
-        A(s) && (s.setSrc(t), s.setId(d));
-      });
-    },
-    [a, i]
-  ), U = C(
-    (t) => {
-      b(!0);
-      const d = j();
-      T && T(
-        t[0],
-        (s, c) => {
-          z(s, c), _(0);
-        },
-        (s) => {
-          s && Re({
-            message: M("editor.gallery.errorFile")
-          }), _(0), z("", "");
-        },
-        d,
-        (s) => {
-          _(s);
-        }
-      );
-    },
-    [T, j, M, z]
-  );
-  return D(() => a.registerCommand(
-    Me,
-    (t) => e !== "upload" || t.targetNodeKey !== i ? !1 : (U(t.files), !0),
-    he
-  ), [a, U, i, e]), !e || e === "upload" ? /* @__PURE__ */ o(ue, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ o(
-    Pe,
-    {
-      inline: !0,
-      nodeKey: i,
-      defaultTabValue: v,
-      onWriteTabToNode: se,
-      uploading: !1,
-      onUpload: (t) => {
-        !T || !t.length || U(t);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom",
-        zIndex: ke
-      },
-      onChange: (t) => {
-        a.update(() => {
-          const d = N(i);
-          A(d) && d.setSrc(t);
-        });
-      }
-    }
-  ) }) : y ? /* @__PURE__ */ o(
-    J,
-    {
-      width: f.width,
-      height: f.height,
-      isLoading: O,
-      isError: !1,
-      isIcon: y,
-      src: e,
-      id: h,
-      editor: a,
-      nodeKey: i,
-      fetchDeleteMedia: B,
-      altText: n,
-      imageRef: I,
-      maxWidth: u,
-      showCaption: g,
-      caption: l,
-      isCollabActive: !1,
-      historyState: G,
-      showNestedEditorTreeView: V,
-      t: M
-    }
-  ) : /* @__PURE__ */ o(
-    We,
-    {
-      editor: a,
-      isIcon: y,
-      width: Y(r),
-      height: Y(m),
-      initialWidth: f.width || "",
-      initialHeight: f.height || "",
-      onResizeEnd: ne,
-      alignment: x,
-      disable: oe,
-      onRegisterDecoratorEnter: (t) => {
-        S != null && S.current && (S.current.decoratorEnterAction = t);
-      },
-      onActivate: () => a.dispatchCommand(_e, "show_menu"),
-      children: /* @__PURE__ */ o(
-        J,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: O,
-          isError: !1,
-          isIcon: y,
-          src: e,
-          id: h,
-          editor: a,
-          nodeKey: i,
-          fetchDeleteMedia: B,
-          altText: n,
-          imageRef: I,
-          maxWidth: u,
-          showCaption: g,
-          caption: l,
-          isCollabActive: !1,
-          historyState: G,
-          showNestedEditorTreeView: V,
-          t: M
-        }
-      )
-    }
-  );
-}
-export {
-  ct as default
-};

package/dist/layers.CNAxOHS_.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),q=require("react-i18next"),z=require("@lexical/react/LexicalComposerContext"),N=require("@mantine/core"),w=require("lexical"),e=require("./layers.__VjF_qK.js"),G=require("@layers-app/shared");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");const R=require("@mantine/hooks");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");const K=()=>{};function ee({nodeKey:t,src:r,id:a}){const{t:l}=q.useTranslation(),[m]=z.useLexicalComposerContext(),[h,f]=i.useState(!1),[c,p]=i.useState(!1),x=i.useCallback(()=>{p(!1),m.update(()=>{const v=w.$getNodeByKey(t);if(!e.$isImageNode(v))return;const C=v.getParent();e.$isImageOverlayWrapperNode(C)?C.remove():v.remove()})},[m,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:K,id:a}),n.jsx(e.NodeAlignmentMenu,{opened:h,setOpened:f,t:l,editor:m,nodeKey:t}),n.jsx(e.MediaActionMenu,{opened:c,onOpenChange:p,t:l,onDownload:()=>void j(),onDelete:x})]})}function te({nodeKey:t,src:r,id:a}){const{t:l}=q.useTranslation(),[m]=z.useLexicalComposerContext(),[h,{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]),C=()=>{c(),x()},S=i.useCallback(async()=>{if(c(),!!r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r,c]),b=i.useCallback(()=>{c(),m.update(()=>{const s=w.$getNodeByKey(t);e.$isImageNode(s)&&s.remove()})},[m,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():j(),attachments:v}),n.jsx(e.MobileDrawer,{opened:h,onClose:c,title:l("editor.image.mobileActions"),children:n.jsxs(N.Stack,{gap:4,p:0,children:[n.jsx(N.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:C,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.image.previewFullScreen")}),n.jsx(N.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(N.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:b,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:m,src:h,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(N.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),n.jsx(oe,{className:null,src:h,altText:c,imageRef:p,width:"inherit",height:"inherit",maxWidth:x||"auto",id:f}),e.IS_TOUCH_DEVICE&&n.jsx(te,{nodeKey:t.nodeKey,src:h,id:f}),e.IS_TOUCH_TABLET&&n.jsx(ee,{nodeKey:t.nodeKey,src:h,id:f})]})};function oe({altText:t,className:r,imageRef:a,src:l,width:m,height:h,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:h,maxWidth:f,width:m},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:m,maxWidth:h,showCaption:f,caption:c,id:p,create:x,alignment:j,imagePickerTab:v}){var F,B;const C=i.useRef(null),[S,b]=i.useState(!0),[s]=z.useLexicalComposerContext(),[y,k]=i.useState(!0),[I,O]=i.useState({width:0,height:0}),{start:W}=e.useCancelUpload(),[ae,M]=i.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:_,maxFileSize:re,imperativeHandleRef:D,disable:V}=i.useContext(e.Context),E=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:T}=q.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()){b(!1);return}const o=new Image;o.src=t,o.onload=()=>b(!1),o.onerror=()=>{b(!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:L}=e.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:U}}=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=m,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),O({width:o,height:u})):g<d?(k(!0),O({width:"auto",height:"auto"})):(O({width:g,height:g}),k(!1))}).catch(g=>{console.warn("Ошибка при загрузке изображения:",g.message)})},[t,E]),i.useEffect(()=>{I.width&&I.height&&y&&s.update(()=>{const o=w.$getNodeByKey(a);e.$isImageNode(o)&&o.setWidthAndHeight(I.width,I.height)})},[I.width,I.height,y]);const Q=i.useCallback(o=>e.$writeImagePickerTabToNode(s,a,o),[s,a]),P=i.useCallback((o,u)=>{b(!1),s.update(()=>{const d=w.$getNodeByKey(a);e.$isImageNode(d)&&(d.setSrc(o),d.setId(u))})},[s,a]),$=i.useCallback(o=>{b(!0);const u=W();A&&A(o[0],(d,g)=>{P(d,g),M(0)},d=>{d&&G.showErrorNotification({message:T("editor.gallery.errorFile")}),M(0),P("","")},u,d=>{M(d)})},[A,W,T,P]);return i.useEffect(()=>s.registerCommand(e.UPLOAD_IMAGE_COMMAND,o=>t!=="upload"||o.targetNodeKey!==a?!1:($(o.files),!0),w.COMMAND_PRIORITY_LOW),[s,$,a,t]),!t||t==="upload"?n.jsx(N.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:n.jsx(e.ImagePicker,{inline:!0,nodeKey:a,defaultTabValue:v,onWriteTabToNode:Q,uploading:!1,onUpload:o=>{!A||!o.length||$(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)})}})}):y?n.jsx(H,{width:I.width,height:I.height,isLoading:S,isError:!1,isIcon:y,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:_,altText:r,imageRef:C,maxWidth:h,showCaption:f,caption:c,isCollabActive:!1,historyState:L,showNestedEditorTreeView:U,t:T}):n.jsx(e.ResizableContainer,{editor:s,isIcon:y,width:e.parseContainerSize(l),height:e.parseContainerSize(m),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:Y,alignment:j,disable:V,onRegisterDecoratorEnter:o=>{D!=null&&D.current&&(D.current.decoratorEnterAction=o)},onActivate:()=>s.dispatchCommand(e.ON_CHANGE_COMMAND,"show_menu"),children:n.jsx(H,{width:"inherit",height:"inherit",isLoading:S,isError:!1,isIcon:y,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:_,altText:r,imageRef:C,maxWidth:h,showCaption:f,caption:c,isCollabActive:!1,historyState:L,showNestedEditorTreeView:U,t:T})})}exports.default=ne;

package/dist/layers.Cl1WZyZB.js

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

package/dist/layers.D2OzccOg.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.__VjF_qK.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:k}=r.useContext(t.Context),F=r.useMemo(()=>l??"",[l]),[O,C]=r.useState(!1),[z,{open:T,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})},j=()=>{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=>{k!=null&&k.current&&(k.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:T,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:j,icon:t.lg,iconColor:"var(--mantine-color-red-outline)"})]})}),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:"light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",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",fullWidth:!0,justify:"flex-start",bg:"light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",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.D1yQKEca.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:k}=G.useTranslation(),{colorScheme:F}=w.useMantineColorScheme(),O=r.useRef(!1),[C,z]=r.useState(a),[T,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=k(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,k]);const j=r.useCallback(async()=>{var q,B,M;let e=$;if(!e||typeof e!="function"){const s=await Promise.resolve().then(()=>require("./layers.D1yQKEca.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.D1yQKEca.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:T}),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,T,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 j();i(C,E,T,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??{})),k=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,T]=r.useState(!1),S=r.useRef(null),y=r.useRef(null),N=r.useRef(null),[j,I,_]=P.useLexicalNodeSelection(i),e=r.useCallback(n=>(j&&(n.preventDefault(),u.update(()=>{const m=p.$getNodeByKey(i);m&&m.remove()})),!1),[u,j,i]);r.useEffect(()=>{if(!l){j&&_();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(!j),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,j,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(k.current,H,Y,R),k.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),T(!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?T(!0):M()},[M]);return o.jsxs(o.Fragment,{children:[o.jsx(te,{isCloseModal:z,confirmClose:M,setCloseModalOpen:T}),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.IOldzt94.js

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

package/dist/layers.NG3ggnia.js

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