@layers-app/editor 2.1.3 → 2.1.4

package/dist/layers.BrUcySmW.js

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

package/dist/layers.BzhfSX7U.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.CpRBywkv.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.CByVI5gD.js

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

package/dist/layers.CmXKfYby.js

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