@layers-app/editor 0.7.77 → 0.7.79

package/dist/layers.CB1j9n7I.js

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),R=require("react-i18next"),m=require("@mantine/core"),l=require("react"),H=require("@layers-app/shared"),I=({isCloseModal:a,setCloseModalOpen:t,confirmClose:d})=>{const{t:f}=R.useTranslation();return c.jsx(m.Modal,{opened:a,onClose:()=>{t(!1)},centered:!0,title:f("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:c.jsxs("div",{children:[c.jsx(m.Text,{mb:"md",children:f("editor.unsavedChanges.message")}),c.jsxs(m.Flex,{justify:"flex-end",gap:"sm",children:[c.jsx(m.Button,{variant:"default",onClick:()=>{t(!1)},fullWidth:!0,children:f("editor.unsavedChanges.cancel")}),c.jsx(m.Button,{color:"red",onClick:d,fullWidth:!0,children:f("editor.unsavedChanges.closeWithoutSaving")})]})]})})},M={elements:[],files:{},appState:{},previewSVG:null},K=a=>{try{const t=JSON.parse(a);if(Array.isArray(t))return{...M,elements:t};if(t&&typeof t=="object")return{elements:Array.isArray(t.elements)?t.elements:[],files:t.files&&typeof t.files=="object"?t.files:{},appState:t.appState&&typeof t.appState=="object"?t.appState:{},previewSVG:typeof t.previewSVG=="string"?t.previewSVG:typeof t.previewSvg=="string"?t.previewSvg:null}}catch{}return{...M}},U={en:"en-US",ru:"ru-RU",fr:"fr-FR",de:"de-DE",es:"es-ES",it:"it-IT",pt:"pt-BR",zh:"zh-CN",ja:"ja-JP",ko:"ko-KR",ar:"ar-SA",hi:"hi-IN",nl:"nl-NL",tr:"tr-TR",pl:"pl-PL",sv:"sv-SE",cs:"cs-CZ",uk:"uk-UA",ro:"ro-RO",fi:"fi-FI",da:"da-DK",no:"no-NO",el:"el-GR",he:"he-IL",th:"th-TH",id:"id-ID",ms:"ms-MY",vi:"vi-VN"};let p=null;const X=l.lazy(async()=>{var t;const a=await Promise.resolve().then(()=>require("./layers.STFNqYaS.js")).then(d=>d.index);return!p&&a&&(p=a.exportToSvg||((t=a.default)==null?void 0:t.exportToSvg)||a.default),{default:a.Excalidraw}}),J=()=>{const[a,t]=l.useState(null),d=l.useCallback(f=>t(f),[]);return[a,d]};function P({onSave:a,initialElements:t,initialAppState:d,initialFiles:f,isShown:u=!1,onDelete:L,onClose:q,isEdited:D}){const[n,A]=J(),{i18n:g,t:B}=R.useTranslation(),{colorScheme:N}=m.useMantineColorScheme(),k=l.useRef(!1),[h,W]=l.useState(t),[C,z]=l.useState(f),[_,O]=l.useState(u);l.useEffect(()=>{u&&O(!0)},[u]),l.useEffect(()=>{!u||k.current||(k.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[u]),l.useEffect(()=>{u&&setTimeout(()=>{var e;(e=n==null?void 0:n.refresh)==null||e.call(n)},500)},[u,n]),l.useEffect(()=>{if(!u)return;const e=(r,s)=>{const i=B(r);return i.startsWith("editor.menu")?s:i},x=e("editor.menu.excalidraw.tools.frameTool",g.language==="ru"?"Инструмент рамки":g.language==="es"?"Herramienta de marco":"Frame tool"),o=e("editor.menu.excalidraw.tools.webEmbed",g.language==="ru"?"Веб-встраивание":g.language==="es"?"Incrustación web":"Web Embed"),v=e("editor.menu.excalidraw.tools.generate",g.language==="ru"?"Генерировать":g.language==="es"?"Generar":"Generate"),y={"Frame tool":x,"Web Embed":o,"Web embeded":o,Generate:v},T=()=>{const r=document.querySelector(".App-toolbar__extra-tools-dropdown");if(!r)return;const s=document.createTreeWalker(r,NodeFilter.SHOW_TEXT,null);let i;for(;i=s.nextNode();)if(i.nodeType===Node.TEXT_NODE&&i.textContent){const j=i.textContent.trim();for(const[S,E]of Object.entries(y))if(j===S&&E&&!j.includes(E)){i.textContent=i.textContent.replace(S,E);break}}},b=()=>{setTimeout(()=>{T()},0)},w=setTimeout(()=>{const r=document.querySelector(".excalidraw-container");if(r){const s=r.querySelector(".App-toolbar__extra-tools-trigger");s&&s.addEventListener("click",b)}},300);return()=>{clearTimeout(w);const r=document.querySelector(".excalidraw-container");if(r){const s=r.querySelector(".App-toolbar__extra-tools-trigger");s&&s.removeEventListener("click",b)}}},[u,g.language]);const G=l.useCallback(async()=>{var T,b,w;let e=p;if(!e||typeof e!="function"){const r=await Promise.resolve().then(()=>require("./layers.STFNqYaS.js")).then(s=>s.index);e=r.exportToSvg||((T=r.default)==null?void 0:T.exportToSvg)||r.default,e&&typeof e=="function"&&(p=e)}if(!e||typeof e!="function"){const r=await Promise.resolve().then(()=>require("./layers.STFNqYaS.js")).then(i=>i.index),s=r?Object.keys(r):[];throw console.error("Excalidraw module structure:",{keys:s,hasExportToSvg:r&&"exportToSvg"in r,hasDefault:r&&"default"in r,moduleType:typeof r,module:r}),new Error(`exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${s.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`)}const x=((b=n==null?void 0:n.getAppState)==null?void 0:b.call(n))??d,o=await e({appState:x,elements:h,files:C}),v=(w=o==null?void 0:o.firstElementChild)==null?void 0:w.firstElementChild,y=o.getAttribute("viewBox");if(y!=null){const r=y.split(" ");o.setAttribute("width",r[2]),o.setAttribute("height",r[3])}return v&&v.tagName==="style"&&v.remove(),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("display","block"),o.classList.add("excalidraw-svg"),o.outerHTML},[h,C,n,d]),V=()=>{if(h&&h.filter(e=>!e.isDeleted).length>0){const e=n==null?void 0:n.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 o=await G();a(h,x,C,o)})()}else L()},F=(e,x,o)=>{(e==null?void 0:e.length)!==(t==null?void 0:t.length)&&(D.current=!0),W(e),z(o)};return c.jsx(H.BottomDrawerWithoutHeader,{opened:u,onClose:q,onSave:V,className:"excaildraw-modal",closeOnEscape:!1,children:_&&c.jsx(l.Suspense,{fallback:c.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:c.jsx(m.Loader,{size:"sm"})}),children:c.jsx(X,{langCode:U[g.language],theme:N,onChange:F,excalidrawAPI:A,initialData:{appState:{...d||{isLoading:!1}},elements:t,files:f}})})})}exports.ConfirmModal=I;exports.ExcalidrawModal=P;exports.parseExcalidrawData=K;

package/dist/layers.CJq9BdUp.js

@@ -1,295 +0,0 @@
-import { jsx as u, jsxs as L } from "react/jsx-runtime";
-import { useTranslation as D } from "react-i18next";
-import { Modal as U, Text as X, Flex as J, Button as R, useMantineColorScheme as Y, Loader as Z } from "@mantine/core";
-import { useRef as $, useState as T, useEffect as y, useCallback as j, Suspense as Q, lazy as P } from "react";
-import { BottomDrawerWithoutHeader as ee } from "@layers-app/shared";
-const ce = ({
-  isCloseModal: l,
-  setCloseModalOpen: t,
-  confirmClose: c
-}) => {
-  const { t: d } = D();
-  return /* @__PURE__ */ u(
-    U,
-    {
-      opened: l,
-      onClose: () => {
-        t(!1);
-      },
-      centered: !0,
-      title: d("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ L("div", { children: [
-        /* @__PURE__ */ u(X, { mb: "md", children: d("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ L(J, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ u(
-            R,
-            {
-              variant: "default",
-              onClick: () => {
-                t(!1);
-              },
-              fullWidth: !0,
-              children: d("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ u(R, { color: "red", onClick: c, fullWidth: !0, children: d("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-}, A = {
-  elements: [],
-  files: {},
-  appState: {},
-  previewSVG: null
-}, de = (l) => {
-  try {
-    const t = JSON.parse(l);
-    if (Array.isArray(t))
-      return { ...A, elements: t };
-    if (t && typeof t == "object")
-      return {
-        elements: Array.isArray(t.elements) ? t.elements : [],
-        files: t.files && typeof t.files == "object" ? t.files : {},
-        appState: t.appState && typeof t.appState == "object" ? t.appState : {},
-        previewSVG: typeof t.previewSVG == "string" ? t.previewSVG : typeof t.previewSvg == "string" ? t.previewSvg : null
-      };
-  } catch {
-  }
-  return { ...A };
-}, te = {
-  en: "en-US",
-  ru: "ru-RU",
-  fr: "fr-FR",
-  de: "de-DE",
-  es: "es-ES",
-  it: "it-IT",
-  pt: "pt-BR",
-  zh: "zh-CN",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  ar: "ar-SA",
-  hi: "hi-IN",
-  nl: "nl-NL",
-  tr: "tr-TR",
-  pl: "pl-PL",
-  sv: "sv-SE",
-  cs: "cs-CZ",
-  uk: "uk-UA",
-  ro: "ro-RO",
-  fi: "fi-FI",
-  da: "da-DK",
-  no: "no-NO",
-  el: "el-GR",
-  he: "he-IL",
-  th: "th-TH",
-  id: "id-ID",
-  ms: "ms-MY",
-  vi: "vi-VN"
-};
-let w = null;
-const re = /* @__PURE__ */ P(async () => {
-  var t;
-  const l = await import("./layers.BiS9-lDF.js").then((c) => c.M);
-  return !w && l && (w = l.exportToSvg || ((t = l.default) == null ? void 0 : t.exportToSvg) || l.default), { default: l.Excalidraw };
-}), oe = () => {
-  const [l, t] = T(
-    null
-  ), c = j(
-    (d) => t(d),
-    []
-  );
-  return [l, c];
-};
-function ue({
-  onSave: l,
-  initialElements: t,
-  initialAppState: c,
-  initialFiles: d,
-  isShown: i = !1,
-  onDelete: B,
-  onClose: N,
-  isEdited: W
-}) {
-  const [n, z] = oe(), { i18n: f, t: _ } = D(), { colorScheme: O } = Y(), E = $(!1), [g, G] = T(t), [C, V] = T(d), [F, H] = T(i);
-  y(() => {
-    i && H(!0);
-  }, [i]), y(() => {
-    !i || E.current || (E.current = !0, Promise.resolve({           }));
-  }, [i]), y(() => {
-    i && setTimeout(() => {
-      var e;
-      (e = n == null ? void 0 : n.refresh) == null || e.call(n);
-    }, 500);
-  }, [i, n]), y(() => {
-    if (!i)
-      return;
-    const e = (r, a) => {
-      const s = _(r);
-      return s.startsWith("editor.menu") ? a : s;
-    }, m = e(
-      "editor.menu.excalidraw.tools.frameTool",
-      f.language === "ru" ? "Инструмент рамки" : f.language === "es" ? "Herramienta de marco" : "Frame tool"
-    ), o = e(
-      "editor.menu.excalidraw.tools.webEmbed",
-      f.language === "ru" ? "Веб-встраивание" : f.language === "es" ? "Incrustación web" : "Web Embed"
-    ), h = e(
-      "editor.menu.excalidraw.tools.generate",
-      f.language === "ru" ? "Генерировать" : f.language === "es" ? "Generar" : "Generate"
-    ), p = {
-      "Frame tool": m,
-      "Web Embed": o,
-      "Web embeded": o,
-      Generate: h
-    }, v = () => {
-      const r = document.querySelector(".App-toolbar__extra-tools-dropdown");
-      if (!r)
-        return;
-      const a = document.createTreeWalker(
-        r,
-        NodeFilter.SHOW_TEXT,
-        null
-      );
-      let s;
-      for (; s = a.nextNode(); )
-        if (s.nodeType === Node.TEXT_NODE && s.textContent) {
-          const M = s.textContent.trim();
-          for (const [S, k] of Object.entries(p))
-            if (M === S && k && !M.includes(k)) {
-              s.textContent = s.textContent.replace(S, k);
-              break;
-            }
-        }
-    }, x = () => {
-      setTimeout(() => {
-        v();
-      }, 0);
-    }, b = setTimeout(() => {
-      const r = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (r) {
-        const a = r.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        a && a.addEventListener("click", x);
-      }
-    }, 300);
-    return () => {
-      clearTimeout(b);
-      const r = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (r) {
-        const a = r.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        a && a.removeEventListener("click", x);
-      }
-    };
-  }, [i, f.language]);
-  const q = j(async () => {
-    var v, x, b;
-    let e = w;
-    if (!e || typeof e != "function") {
-      const r = await import("./layers.BiS9-lDF.js").then((a) => a.M);
-      e = r.exportToSvg || ((v = r.default) == null ? void 0 : v.exportToSvg) || r.default, e && typeof e == "function" && (w = e);
-    }
-    if (!e || typeof e != "function") {
-      const r = await import("./layers.BiS9-lDF.js").then((s) => s.M), a = r ? Object.keys(r) : [];
-      throw console.error("Excalidraw module structure:", {
-        keys: a,
-        hasExportToSvg: r && "exportToSvg" in r,
-        hasDefault: r && "default" in r,
-        moduleType: typeof r,
-        module: r
-      }), new Error(
-        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${a.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
-      );
-    }
-    const m = ((x = n == null ? void 0 : n.getAppState) == null ? void 0 : x.call(n)) ?? c, o = await e({
-      appState: m,
-      elements: g,
-      files: C
-    }), h = (b = o == null ? void 0 : o.firstElementChild) == null ? void 0 : b.firstElementChild, p = o.getAttribute("viewBox");
-    if (p != null) {
-      const r = p.split(" ");
-      o.setAttribute("width", r[2]), o.setAttribute("height", r[3]);
-    }
-    return h && h.tagName === "style" && h.remove(), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("display", "block"), o.classList.add("excalidraw-svg"), o.outerHTML;
-  }, [g, C, n, c]), I = () => {
-    if (g && g.filter((e) => !e.isDeleted).length > 0) {
-      const e = n == null ? void 0 : n.getAppState(), m = {
-        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 o = await q();
-        l(g, m, C, o);
-      })();
-    } else
-      B();
-  }, K = (e, m, o) => {
-    (e == null ? void 0 : e.length) !== (t == null ? void 0 : t.length) && (W.current = !0), G(e), V(o);
-  };
-  return /* @__PURE__ */ u(
-    ee,
-    {
-      opened: i,
-      onClose: N,
-      onSave: I,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: F && /* @__PURE__ */ u(
-        Q,
-        {
-          fallback: /* @__PURE__ */ u(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ u(Z, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ u(
-            re,
-            {
-              langCode: te[f.language],
-              theme: O,
-              onChange: K,
-              excalidrawAPI: z,
-              initialData: {
-                appState: { ...c || { isLoading: !1 } },
-                elements: t,
-                files: d
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  ce as C,
-  ue as E,
-  de as p
-};

package/dist/layers.CX_pWFAL.js

@@ -1,76 +0,0 @@
-import { jsxs as p, Fragment as M, jsx as c } from "react/jsx-runtime";
-import { useState as n, useRef as x, useEffect as O } from "react";
-import { useLexicalComposerContext as N } from "@lexical/react/LexicalComposerContext";
-import { createCommand as g, COMMAND_PRIORITY_EDITOR as w } from "lexical";
-import { f as D, g as S, h as A } from "./layers.C4cc5MrZ.js";
-import { C as R, E as I } from "./layers.CJq9BdUp.js";
-const h = g(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function k() {
-  const [o] = N(), [d, t] = n(!1), [e, f] = n(
-    null
-  ), s = x(null), [m, a] = n(!1);
-  O(() => {
-    if (!o.hasNodes([D]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return o.registerCommand(
-      h,
-      () => {
-        t(!0);
-        const r = S();
-        return f(r), !0;
-      },
-      w
-    );
-  }, [o]);
-  const l = () => {
-    t(!1), a(!1), s.current = !1;
-  };
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ c(
-      R,
-      {
-        isCloseModal: m,
-        confirmClose: l,
-        setCloseModalOpen: a
-      }
-    ),
-    /* @__PURE__ */ c(
-      I,
-      {
-        initialElements: [],
-        initialAppState: {},
-        initialFiles: {},
-        isShown: d,
-        onDelete: () => {
-          t(!1);
-        },
-        onClose: () => {
-          s.current ? a(!0) : l();
-        },
-        onSave: (r, u, C, E) => {
-          o.update(() => {
-            const i = A();
-            i.setData(
-              JSON.stringify({
-                appState: u,
-                elements: r,
-                files: C,
-                previewSVG: E
-              })
-            ), e && e.getParent() && (e == null || e.replace(i));
-          }), t(!1);
-        },
-        closeOnClickOutside: !1,
-        isEdited: s
-      }
-    )
-  ] });
-}
-export {
-  h as INSERT_EXCALIDRAW_COMMAND,
-  k as default
-};

package/dist/layers.CiMS62k1.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),Z=require("react-i18next"),G=require("@lexical/react/LexicalComposerContext"),V=require("@mantine/core"),S=require("lexical"),Y=require("@layers-app/shared"),i=require("./layers.BaycGHUx.js"),q=t=>{const{width:c,height:r,isLoading:g,isError:N,src:f,id:m,altText:p,imageRef:I,maxWidth:h}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(V.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(J,{className:null,src:f,altText:p,imageRef:I,width:"inherit",height:"inherit",maxWidth:h||"auto",id:m})]})};function J({altText:t,className:c,imageRef:r,src:g,width:N,height:f,maxWidth:m,id:p}){const[I,h]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${I?"":"loading"}`,src:g,alt:t,ref:r,style:{height:f,maxWidth:m,width:N},onLoad:()=>{g.includes("splash")?setTimeout(()=>{h(!0)},100):h(!0)},draggable:"false","data-id":p})}function Q({src:t,altText:c,nodeKey:r,width:g,height:N,maxWidth:f,showCaption:m,caption:p,id:I,create:h,alignment:U}){var A,D;const M=n.useRef(null),[w,x]=n.useState(!0),[d]=G.useLexicalComposerContext(),[C,_]=n.useState(!0),[l,b]=n.useState({width:0,height:0}),{start:B,cancel:T}=i.useCancelUpload(),[k,v]=n.useState(0),{fetchUploadMedia:R,fetchDeleteMedia:j,maxFileSize:ee}=n.useContext(i.Context),y=i.mediaMap.has(t)&&(((A=i.mediaMap.get(t))==null?void 0:A.mediaNodeKeys.length)===0||((D=i.mediaMap.get(t))==null?void 0:D.mediaNodeKeys.length)===void 0||t.trim()===""),{t:L}=Z.useTranslation(),[te,H]=n.useState(0);n.useEffect(()=>d.registerDecoratorListener(()=>{H(e=>e+1)}),[y]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){x(!1);return}const e=new Image;e.src=t,e.onload=()=>x(!1),e.onerror=()=>{x(!1)}},[t,y]);const F=(e,s)=>{d.update(()=>{S.$setSelection(null);const o=S.$getNodeByKey(r);i.$isImageNode(o)&&o.setWidthAndHeight(e,s)})},{historyState:W}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:$}}=i.useSettings(),[O,E]=n.useState(!1);function K(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function X(e){return new Promise((s,o)=>{if(K(e)){s(0);return}const a=new Image;a.src=e,a.onload=()=>{s(a.width)},a.onerror=()=>{o(new Error("Failed to load image"))}})}n.useEffect(()=>{h&&E(!0)},[h]),n.useEffect(()=>{let e=g,s=N,o=100;(t.includes("unsplash")?t.trim():!y&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&X(t).then(a=>{typeof e=="number"&&e<o&&a<o?(_(!0),b({width:e,height:s})):a<o?(_(!0),b({width:"auto",height:"auto"})):(b({width:a,height:a}),_(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,y]),n.useEffect(()=>{l.width&&l.height&&C&&d.update(()=>{const e=S.$getNodeByKey(r);i.$isImageNode(e)&&e.setWidthAndHeight(l.width,l.height)})},[l.width,l.height,C]),n.useEffect(()=>{if(O)return i.blockScroll(i.EDITOR_SCROLL_BLOCK_UI_Z_INDEX),()=>{i.unblockScroll(i.EDITOR_SCROLL_BLOCK_UI_Z_INDEX)}},[O]),n.useEffect(()=>d.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&z(e),!1),S.COMMAND_PRIORITY_LOW),[t,w]);const P=(e,s)=>{x(!1),d.update(()=>{const o=S.$getNodeByKey(r);i.$isImageNode(o)&&(o.setSrc(e),o.setId(s))})},z=e=>{x(!0);const s=B();R&&R(e[0],(o,a)=>{P(o,a),v(0)},o=>{o&&Y.showErrorNotification({message:L("editor.gallery.errorFile")}),v(0),P("","")},s,o=>{v(o)})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!R||!e.length||(z(e),E(!1))},popoverProps:{opened:O,position:"bottom",onChange:E},onChange:e=>{E(!1),d.update(()=>{const s=S.$getNodeByKey(r);i.$isImageNode(s)&&s.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:L("editor.image.add_photo"),icon:"photo",onClick:()=>E(!O),isLoading:w,progress:k,onAfterCancel:()=>{T(),x(!1)}})}):C?u.jsx(q,{width:l.width,height:l.height,isLoading:w,isError:!1,isIcon:C,src:t,id:I,editor:d,nodeKey:r,fetchDeleteMedia:j,altText:c,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:W,showNestedEditorTreeView:$,t:L}):u.jsx(i.ResizableContainer,{editor:d,isIcon:C,width:i.parseContainerSize(g),height:i.parseContainerSize(N),initialWidth:l.width||"",initialHeight:l.height||"",onResizeEnd:F,alignment:U,children:u.jsx(q,{width:"inherit",height:"inherit",isLoading:w,isError:!1,isIcon:C,src:t,id:I,editor:d,nodeKey:r,fetchDeleteMedia:j,altText:c,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:W,showNestedEditorTreeView:$,t:L})})}exports.default=Q;

package/dist/layers.D5-JajPy.js

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

package/dist/layers.D5G8QmnT.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),B=require("@lexical/react/LexicalComposerContext"),P=require("@lexical/react/useLexicalEditable"),Y=require("@lexical/react/useLexicalNodeSelection"),W=require("@lexical/utils"),a=require("lexical"),c=require("./layers.BaycGHUx.js"),v=require("./layers.CB1j9n7I.js"),F=require("react-i18next"),C=require("@mantine/core"),G=require("@tabler/icons-react");function H({imageContainerRef:n,editor:u,rootClassName:S=null,width:N="inherit",height:h="inherit",nodeKey:e,alignment:E,setModalOpen:d,previewSVG:M}){const O=i.useMemo(()=>M??"",[M]),[f,j]=i.useState(!1),{t:x}=F.useTranslation(),b=(r,m)=>{u.update(()=>{a.$setSelection(null);const g=a.$getNodeByKey(e);return c.$isExcalidrawNode(g)&&g.setWidthAndHeight(r,m),!0})},I=()=>{c.deleteNode(u,e)};return s.jsx(c.ResizableContainer,{editor:u,isIcon:!1,isEmbed:!0,width:c.parseContainerSize(N),height:c.parseContainerSize(h),onResizeEnd:b,alignment:E,children:s.jsxs(C.Box,{className:"media-wrapper excaildraw",children:[s.jsxs("div",{className:"media-actions",children:[s.jsx(C.Tooltip,{label:x("editor.link.edit"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:()=>{d(!0)},children:s.jsx(G.IconEdit,{size:14})})}),s.jsx(c.AlignmentImage,{opened:f,setOpened:j,t:x,editor:u,nodeKey:e}),s.jsx(C.Tooltip,{label:x("editor.actions.delete"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:I,children:s.jsx(c.Icon,{name:"trash",size:"14"})})})]}),s.jsx(C.Box,{w:"100%",ref:r=>{r&&n&&(n.current=r)},className:S??"",dangerouslySetInnerHTML:{__html:O}})]})})}function V({nodeKey:n,data:u,width:S,height:N,alignment:h}){var q;const[e]=B.useLexicalComposerContext(),E=P.useLexicalEditable(),d=i.useMemo(()=>v.parseExcalidrawData(u),[u]),M=((q=d==null?void 0:d.elements)==null?void 0:q.length)===0&&!d.previewSVG,[O,f]=i.useState(M&&e.isEditable()),[j,x]=i.useState(!1),b=i.useRef(null),I=i.useRef(null),r=i.useRef(null),[m,g,R]=Y.useLexicalNodeSelection(n),w=i.useCallback(t=>(m&&(t.preventDefault(),e.update(()=>{const o=a.$getNodeByKey(n);o&&o.remove()})),!1),[e,m,n]);i.useEffect(()=>{if(!E){m&&R();return}return W.mergeRegister(e.registerCommand(a.CLICK_COMMAND,t=>{const o=I.current,p=t.target;return o!==null&&o.contains(p)?(t.shiftKey||R(),g(!m),t.detail>1&&f(!0),!0):!1},a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_DELETE_COMMAND,w,a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_BACKSPACE_COMMAND,w,a.COMMAND_PRIORITY_LOW))},[R,e,m,w,g,E]);const y=i.useCallback(()=>(f(!1),e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})),[e,n]),L=(t,o,p,A)=>e.update(()=>{const D=a.$getNodeByKey(n);c.$isExcalidrawNode(D)&&(t&&t.length>0||Object.keys(p).length>0?D.setData(JSON.stringify({appState:o,elements:t,files:p,previewSVG:A})):D.remove())}),{elements:l=[],files:k={},appState:T={},previewSVG:$}=d,_=i.useCallback(()=>{f(!1),x(!1),r.current=!1,(l==null?void 0:l.length)===0&&e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})},[e,n,l==null?void 0:l.length]),z=i.useCallback(()=>{r.current?x(!0):_()},[]);return s.jsxs(s.Fragment,{children:[s.jsx(v.ConfirmModal,{isCloseModal:j,confirmClose:_,setCloseModalOpen:x}),s.jsx(v.ExcalidrawModal,{initialElements:l,isEdited:r,initialFiles:k,initialAppState:T,isShown:O,onDelete:y,onClose:z,onSave:(t,o,p,A)=>{L(t,o,p,A),f(!1)},closeOnClickOutside:!1}),(l==null?void 0:l.length)&&s.jsx("div",{style:{display:"flex",justifyContent:h},children:s.jsx(H,{imageContainerRef:b,className:"image",width:S,height:N,editor:e,nodeKey:n,alignment:h,setModalOpen:f,previewSVG:$})})]})}exports.default=V;

package/dist/layers.D5f6PG-j.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),M=require("react-dom"),u=require("./layers.BaycGHUx.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),H=require("@lexical/react/useLexicalEditable"),g=require("@mantine/core"),C=require("lexical"),F=require("./layers.R8mPlCA0.js");function k({equation:s,inline:a,onDoubleClick:c}){const r=o.useRef(null);return o.useEffect(()=>{const d=r.current;d!==null&&F.default.render(s,d,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[s,a]),n.jsxs(n.Fragment,{children:[n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),n.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:c,ref:r}),n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}let y=!1;const N=new Map;function U(s){y||(y=!0,s.registerCommand(u.OPEN_EQUATION_POPUP_COMMAND,a=>{const c=N.get(a);return c?(c(),!0):!1},C.COMMAND_PRIORITY_EDITOR))}function z({equation:s,inline:a,nodeKey:c}){const[r]=$.useLexicalComposerContext(),d=H.useLexicalEditable(),p=o.useRef(null),I=o.useRef(null),[A,b]=o.useState(s),[l,f]=o.useState(!1),[P,O]=o.useState({top:0,left:0}),[w,B]=o.useState(!1),h=o.useCallback(()=>{const e=p.current;if(!e)return;const i=(e.closest(".editor-equation")||e).getBoundingClientRect();O({top:i.bottom+18,left:i.left}),B(!0)},[]);o.useEffect(()=>{U(r)},[r]),o.useEffect(()=>{const e=()=>{d&&f(!0)};return N.set(c,e),()=>{N.delete(c)}},[d,c]);const m=o.useCallback(()=>{if(d){if(l){f(!1);return}h(),f(!0)}},[d,l,h]),q=o.useCallback(()=>{const e=A.trim();r.update(()=>{const t=C.$getNodeByKey(c);if(u.$isEquationNode(t)){if(t.isInline&&t.isInline()&&e===""){t.remove();return}t.setEquation(e)}}),f(!1)},[r,c,A]),_=o.useCallback(()=>{if(!s&&a){r.update(()=>{const e=C.$getNodeByKey(c);u.$isEquationNode(e)&&e.remove()}),f(!1);return}b(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{l||b(s)},[s,l]),o.useEffect(()=>{if(!l){B(!1);return}u.blockScroll(u.EDITOR_SCROLL_BLOCK_UI_Z_INDEX),h();const e=window.requestAnimationFrame(()=>{const t=I.current;if(!t)return;const i=t.value.length;t.focus(),t.setSelectionRange(i,i)});return()=>{window.cancelAnimationFrame(e),u.unblockScroll(u.EDITOR_SCROLL_BLOCK_UI_Z_INDEX)}},[l,h]),o.useEffect(()=>{if(!l)return;const e=t=>{const i=t.target,E=p.current,L=document.querySelector(".equation-block__popup");i&&(E!=null&&E.contains(i)||L instanceof HTMLElement&&L.contains(i))||(a&&!A.trim()&&r.update(()=>{const v=C.$getNodeByKey(c);u.$isEquationNode(v)&&v.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,l,c,A]);const x=(l?A:s).trim(),j=x.length>0;o.useEffect(()=>{const e=p.current;if(!e)return;const t=e.closest(".editor-equation"),i=x;if(t){if(!i){t.removeAttribute("data-lexical-equation");return}try{const E=btoa(unescape(encodeURIComponent(i)));t.setAttribute("data-lexical-equation",E)}catch{t.setAttribute("data-lexical-equation",i)}}},[x]);const D=a&&!d?n.jsx("span",{className:"equation-inline-trigger",children:n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(k,{equation:s,inline:a,onDoubleClick:m})})}):a?n.jsx("span",{className:`equation-inline-trigger${j?"":" equation-inline-trigger--empty"}`,onClick:m,ref:p,children:j?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(k,{equation:x,inline:a,onDoubleClick:m})}):n.jsxs("span",{className:"equation-inline-placeholder",children:[n.jsx(u.HugeiconsIcon,{icon:u.c4,size:24}),n.jsx("span",{children:"New equation"})]})}):n.jsx("div",{className:"equation-block",ref:p,children:n.jsx("div",{className:"equation-block__container",onClick:m,style:{cursor:d?"pointer":"default"},children:j?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(k,{equation:x,inline:a,onDoubleClick:m})}):n.jsx("div",{className:"equation-block__placeholder",children:"Add a TeX equation"})})}),S=o.useCallback(e=>{e.stopPropagation(),b(e.currentTarget.value)},[]),T=o.useCallback(u.createPopupKeyDownHandler({onConfirm:q,onCancel:_}),[q,_]);return n.jsxs(n.Fragment,{children:[D,l&&w&&M.createPortal(n.jsx("div",{className:"equation-block__popup",style:{position:"fixed",top:P.top,left:P.left,zIndex:400},children:n.jsxs("div",{className:"equation-block__editor",children:[n.jsx(g.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:A,onChange:S,onKeyDown:T,placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:I}),n.jsxs(g.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(g.Button,{variant:"subtle",color:"gray",onClick:_,children:"Cancel"}),n.jsx(g.Button,{onClick:q,children:"Save"})]})]})}),document.body)]})}exports.default=z;

package/dist/layers.DKHOnSbj.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),P=require("@lexical/react/LexicalComposerContext"),v=require("@lexical/react/LexicalErrorBoundary"),y=require("@lexical/react/LexicalNestedComposer"),$=require("@lexical/react/LexicalRichTextPlugin"),k=require("@lexical/react/useLexicalNodeSelection"),q=require("@lexical/utils"),t=require("lexical"),x=require("./layers.BaycGHUx.js"),Y=require("@mantine/core");function w({children:n,className:l}){return e.jsx("div",{className:l||"Placeholder__root",children:n})}function B({label:n,value:l,onChange:o,placeholder:C="","data-test-id":i,type:d="text"}){return e.jsx(Y.TextInput,{type:d,placeholder:C,value:l,onChange:c=>{o(c.target.value)},label:n,"data-test-id":i,mb:10})}const b=new Set;function W(n){if(!b.has(n))throw new Promise(l=>{const o=new Image;o.src=n,o.onload=()=>{b.add(n),l(null)}})}function F({altText:n,className:l,imageRef:o,src:C,width:i,height:d,position:c}){return W(C),e.jsx("img",{className:l||void 0,src:C,alt:n,ref:o,"data-position":c,style:{display:"block",height:d,width:i},draggable:"false"})}function A({activeEditor:n,nodeKey:l,onClose:o}){const i=n.getEditorState().read(()=>t.$getNodeByKey(l)),[d,c]=s.useState(i.getAltText()),[h,S]=s.useState(i.getShowCaption()),[_,N]=s.useState(i.getPosition()),p=m=>{S(m.target.checked)},g=()=>{const m={altText:d,position:_,showCaption:h};i&&n.update(()=>{i.update(m)}),o()};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{marginBottom:"1em"},children:e.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),e.jsxs("div",{className:"Input__wrapper",children:[e.jsx("input",{id:"caption",type:"checkbox",checked:h,onChange:p}),e.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),e.jsx(x.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>g(),children:"Применить"})]})}function K({src:n,altText:l,nodeKey:o,width:C,height:i,showCaption:d,caption:c,position:h}){const[S,_]=x.useModal(),N=s.useRef(null),p=s.useRef(null),[g,m,M]=k.useLexicalNodeSelection(o),[a]=P.useLexicalComposerContext(),[D,L]=s.useState(null),O=s.useRef(null),E=s.useCallback(u=>{if(g&&t.$isNodeSelection(t.$getSelection())){u.preventDefault();const r=t.$getNodeByKey(o);x.$isInlineImageNode(r)&&r.remove()}return!1},[g,o]),R=s.useCallback(u=>{const f=t.$getSelection(),r=p.current;if(g&&t.$isNodeSelection(f)&&f.getNodes().length===1){if(d)return t.$setSelection(null),u.preventDefault(),c.focus(),!0;if(r!==null&&r!==document.activeElement)return u.preventDefault(),r.focus(),!0}return!1},[c,g,d]),j=s.useCallback(u=>O.current===c||p.current===u.target?(t.$setSelection(null),a.update(()=>{m(!0);const f=a.getRootElement();f!==null&&f.focus()}),!0):!1,[c,a,m]);s.useEffect(()=>{let u=!0;const f=q.mergeRegister(a.registerUpdateListener(({editorState:r})=>{u&&L(r.read(()=>t.$getSelection()))}),a.registerCommand(t.SELECTION_CHANGE_COMMAND,(r,I)=>(O.current=I,!1),t.COMMAND_PRIORITY_LOW),a.registerCommand(t.CLICK_COMMAND,r=>{const I=r;return I.target===N.current?(I.shiftKey?m(!g):(M(),m(!0)),!0):!1},t.COMMAND_PRIORITY_LOW),a.registerCommand(t.DRAGSTART_COMMAND,r=>r.target===N.current?(r.preventDefault(),!0):!1,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_DELETE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_BACKSPACE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ENTER_COMMAND,R,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ESCAPE_COMMAND,j,t.COMMAND_PRIORITY_LOW));return()=>{u=!1,f()}},[M,a,g,o,E,R,j,m]);const T=g;return e.jsxs(s.Suspense,{fallback:null,children:[e.jsxs(e.Fragment,{children:[e.jsxs("div",{draggable:!1,children:[e.jsx("button",{className:"image-edit-button",ref:p,onClick:()=>{_("Update Inline Image",u=>e.jsx(A,{activeEditor:a,nodeKey:o,onClose:u}))},children:"Edit"}),e.jsx(F,{className:T?`focused ${t.$isNodeSelection(D)?"draggable":""}`:null,src:n,altText:l,imageRef:N,width:C,height:i,position:h})]}),d&&e.jsx("div",{className:"image-caption-container",children:e.jsxs(y.LexicalNestedComposer,{initialEditor:c,children:[e.jsx(x.LinkPlugin,{}),e.jsx(x.FloatingTextFormatToolbarPlugin,{}),e.jsx($.RichTextPlugin,{contentEditable:e.jsx(x.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:e.jsx(w,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:v.LexicalErrorBoundary})]})})]}),S]})}exports.UpdateInlineImageDialog=A;exports.default=K;

package/dist/layers.DMziPH2V.js

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

package/dist/layers.ePA5rZJO.js

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

package/dist/layers.t8X_Qdxw.js

@@ -1,213 +0,0 @@
-import { jsx as i, jsxs as R, Fragment as J } from "react/jsx-runtime";
-import { useMemo as Y, useState as k, useRef as I, useCallback as E, useEffect as q } from "react";
-import { useLexicalComposerContext as Q } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as U } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as X } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as Z } from "@lexical/utils";
-import { $setSelection as K, $getNodeByKey as p, CLICK_COMMAND as ee, COMMAND_PRIORITY_LOW as _, KEY_DELETE_COMMAND as te, KEY_BACKSPACE_COMMAND as ie } from "lexical";
-import { R as ae, p as T, A as ne, l as se, n as y, o as oe } from "./layers.C4cc5MrZ.js";
-import { p as le, C as re, E as ce } from "./layers.CJq9BdUp.js";
-import { useTranslation as de } from "react-i18next";
-import { Box as j, Tooltip as $, ActionIcon as B } from "@mantine/core";
-import { IconEdit as me } from "@tabler/icons-react";
-function fe({
-  imageContainerRef: a,
-  editor: l,
-  rootClassName: M = null,
-  width: S = "inherit",
-  height: g = "inherit",
-  nodeKey: e,
-  alignment: C,
-  setModalOpen: r,
-  previewSVG: h
-}) {
-  const x = Y(() => h ?? "", [h]), [c, N] = k(!1), { t: d } = de(), O = (o, m) => {
-    l.update(() => {
-      K(null);
-      const u = p(e);
-      return y(u) && u.setWidthAndHeight(o, m), !0;
-    });
-  }, w = () => {
-    oe(l, e);
-  };
-  return /* @__PURE__ */ i(
-    ae,
-    {
-      editor: l,
-      isIcon: !1,
-      isEmbed: !0,
-      width: T(S),
-      height: T(g),
-      onResizeEnd: O,
-      alignment: C,
-      children: /* @__PURE__ */ R(j, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ R("div", { className: "media-actions", children: [
-          /* @__PURE__ */ i($, { label: d("editor.link.edit"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: () => {
-                r(!0);
-              },
-              children: /* @__PURE__ */ i(me, { size: 14 })
-            }
-          ) }),
-          /* @__PURE__ */ i(
-            ne,
-            {
-              opened: c,
-              setOpened: N,
-              t: d,
-              editor: l,
-              nodeKey: e
-            }
-          ),
-          /* @__PURE__ */ i($, { label: d("editor.actions.delete"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: w,
-              children: /* @__PURE__ */ i(se, { name: "trash", size: "14" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i(
-          j,
-          {
-            w: "100%",
-            ref: (o) => {
-              o && a && (a.current = o);
-            },
-            className: M ?? "",
-            dangerouslySetInnerHTML: { __html: x }
-          }
-        )
-      ] })
-    }
-  );
-}
-function be({
-  nodeKey: a,
-  data: l,
-  width: M,
-  height: S,
-  alignment: g
-}) {
-  var L;
-  const [e] = Q(), C = U(), r = Y(() => le(l), [l]), h = ((L = r == null ? void 0 : r.elements) == null ? void 0 : L.length) === 0 && !r.previewSVG, [x, c] = k(
-    h && e.isEditable()
-  ), [N, d] = k(!1), O = I(null), w = I(null), o = I(null), [m, u, b] = X(a), A = E(
-    (t) => (m && (t.preventDefault(), e.update(() => {
-      const s = p(a);
-      s && s.remove();
-    })), !1),
-    [e, m, a]
-  );
-  q(() => {
-    if (!C) {
-      m && b();
-      return;
-    }
-    return Z(
-      e.registerCommand(
-        ee,
-        (t) => {
-          const s = w.current, f = t.target;
-          return s !== null && s.contains(f) ? (t.shiftKey || b(), u(!m), t.detail > 1 && c(!0), !0) : !1;
-        },
-        _
-      ),
-      e.registerCommand(
-        te,
-        A,
-        _
-      ),
-      e.registerCommand(
-        ie,
-        A,
-        _
-      )
-    );
-  }, [b, e, m, A, u, C]);
-  const F = E(() => (c(!1), e.update(() => {
-    const t = p(a);
-    t && t.remove();
-  })), [e, a]), G = (t, s, f, v) => e.update(() => {
-    const D = p(a);
-    y(D) && (t && t.length > 0 || Object.keys(f).length > 0 ? D.setData(
-      JSON.stringify({
-        appState: s,
-        elements: t,
-        files: f,
-        previewSVG: v
-      })
-    ) : D.remove());
-  }), { elements: n = [], files: H = {}, appState: P = {}, previewSVG: V } = r, z = E(() => {
-    c(!1), d(!1), o.current = !1, (n == null ? void 0 : n.length) === 0 && e.update(() => {
-      const t = p(a);
-      t && t.remove();
-    });
-  }, [e, a, n == null ? void 0 : n.length]), W = E(() => {
-    o.current ? d(!0) : z();
-  }, []);
-  return /* @__PURE__ */ R(J, { children: [
-    /* @__PURE__ */ i(
-      re,
-      {
-        isCloseModal: N,
-        confirmClose: z,
-        setCloseModalOpen: d
-      }
-    ),
-    /* @__PURE__ */ i(
-      ce,
-      {
-        initialElements: n,
-        isEdited: o,
-        initialFiles: H,
-        initialAppState: P,
-        isShown: x,
-        onDelete: F,
-        onClose: W,
-        onSave: (t, s, f, v) => {
-          G(t, s, f, v), c(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (n == null ? void 0 : n.length) && /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: g
-        },
-        children: /* @__PURE__ */ i(
-          fe,
-          {
-            imageContainerRef: O,
-            className: "image",
-            width: M,
-            height: S,
-            editor: e,
-            nodeKey: a,
-            alignment: g,
-            setModalOpen: c,
-            previewSVG: V
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  be as default
-};