@layers-app/editor 2.2.13 → 2.2.15

package/dist/{layers.CwbcSmTY.js → layers.DgqdIjwz.js}

@@ -1,51 +1,51 @@
 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 { useContext as ie, useMemo as ae, useState as B, useEffect as A, useRef as z, 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.C_T_LMJy.js";
+import { useLexicalEditable as be } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as Ce } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as pe } from "@lexical/utils";
+import { $setSelection as xe, $getNodeByKey as V, CLICK_COMMAND as ve, COMMAND_PRIORITY_LOW as X, KEY_DELETE_COMMAND as Ee, KEY_BACKSPACE_COMMAND as we } from "lexical";
+import { C as se, R as ye, b as J, d as Z, A as K, K as ke, t as P, N as Te, e as ee, f as Me, M as De, H as te, O as Oe, a as ce, h as oe, l as Ne, p as _e, i as re, j as Se, k as Ae, r as Be } from "./layers.okxozVhc.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 { Modal as Le, Text as Re, Flex as je, Button as q, Box as ne, Stack as We, useMantineColorScheme as ze, 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
+  setCloseModalOpen: i,
+  confirmClose: b
 }) => {
-  const { t: p } = Q();
+  const { t: C } = Q();
   return /* @__PURE__ */ l(
     Le,
     {
       opened: n,
       onClose: () => {
-        a(!1);
+        i(!1);
       },
       centered: !0,
-      title: p("editor.unsavedChanges.title"),
+      title: C("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(Re, { mb: "md", children: C("editor.unsavedChanges.message") }),
+        /* @__PURE__ */ S(je, { justify: "flex-end", gap: "sm", children: [
           /* @__PURE__ */ l(
             q,
             {
               variant: "default",
               onClick: () => {
-                a(!1);
+                i(!1);
               },
               fullWidth: !0,
-              children: p("editor.unsavedChanges.cancel")
+              children: C("editor.unsavedChanges.cancel")
             }
           ),
-          /* @__PURE__ */ l(q, { color: "red", onClick: C, fullWidth: !0, children: p("editor.unsavedChanges.closeWithoutSaving") })
+          /* @__PURE__ */ l(q, { color: "red", onClick: b, fullWidth: !0, children: C("editor.unsavedChanges.closeWithoutSaving") })
         ] })
       ] })
     }
@@ -53,9 +53,9 @@ const Ge = ({
 };
 function Ve({
   imageContainerRef: n,
-  editor: a,
-  rootClassName: C = null,
-  width: p = "inherit",
+  editor: i,
+  rootClassName: b = null,
+  width: C = "inherit",
   height: u = "inherit",
   nodeKey: s,
   alignment: I,
@@ -63,52 +63,52 @@ function Ve({
   previewSVG: r,
   isModalOpen: m
 }) {
-  const { disable: g, imperativeHandleRef: v } = ae(se), H = ie(() => r ?? "", [r]), [T, h] = B(!1), [
+  const { disable: g, imperativeHandleRef: v } = ie(se), H = ae(() => r ?? "", [r]), [T, h] = B(!1), [
     G,
-    { open: E, close: D }
-  ] = Ie(!1), { t: b } = Q();
+    { open: E, close: M }
+  ] = Ie(!1), { t: x } = 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;
+  const D = (e, p) => {
+    i.update(() => {
+      xe(null);
+      const a = V(s);
+      return ce(a) && a.setWidthAndHeight(e, p), !0;
     });
   }, w = () => {
-    oe(a, s);
+    oe(i, s);
   }, R = () => {
-    D(), L(!0);
+    M(), L(!0);
   }, O = () => {
-    D(), oe(a, s);
+    M(), oe(i, s);
   };
   return /* @__PURE__ */ S(
     ye,
     {
-      editor: a,
+      editor: i,
       isIcon: !1,
       isEmbed: !0,
-      width: Z(p),
+      width: Z(C),
       height: Z(u),
-      onResizeEnd: M,
+      onResizeEnd: D,
       alignment: I,
       disable: g,
       onRegisterDecoratorEnter: (e) => {
         v != null && v.current && (v.current.decoratorEnterAction = e);
       },
-      onActivate: () => a.dispatchCommand(Oe, "show_menu"),
+      onActivate: () => i.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(
+              className: `media-actions${J || !Me ? " visible" : ""}`,
+              children: J ? /* @__PURE__ */ l(
                 K,
                 {
-                  "aria-label": b("editor.toolbar.more"),
-                  label: b("editor.toolbar.more"),
+                  "aria-label": x("editor.toolbar.more"),
+                  label: x("editor.toolbar.more"),
                   flexBorder: !0,
                   onClick: E,
                   icon: ke,
@@ -119,7 +119,7 @@ function Ve({
                   K,
                   {
                     "aria-label": "Settings",
-                    label: b("editor.link.edit"),
+                    label: x("editor.link.edit"),
                     flexBorder: !0,
                     onClick: () => {
                       L(!0);
@@ -133,8 +133,8 @@ function Ve({
                   {
                     opened: T,
                     setOpened: h,
-                    t: b,
-                    editor: a,
+                    t: x,
+                    editor: i,
                     nodeKey: s,
                     flexBorder: !0
                   }
@@ -143,7 +143,7 @@ function Ve({
                   K,
                   {
                     "aria-label": "Delete",
-                    label: b("editor.actions.delete"),
+                    label: x("editor.actions.delete"),
                     flexBorder: !0,
                     onClick: w,
                     icon: ee,
@@ -160,17 +160,17 @@ function Ve({
               ref: (e) => {
                 e && n && (n.current = e);
               },
-              className: C ?? "",
+              className: b ?? "",
               dangerouslySetInnerHTML: { __html: H }
             }
           )
         ] }),
-        X && /* @__PURE__ */ l(
-          Me,
+        J && /* @__PURE__ */ l(
+          De,
           {
             opened: G,
-            onClose: D,
-            title: b("editor.image.mobileActions"),
+            onClose: M,
+            title: x("editor.image.mobileActions"),
             children: /* @__PURE__ */ S(We, { gap: 4, p: 0, children: [
               /* @__PURE__ */ l(
                 q,
@@ -180,7 +180,7 @@ function Ve({
                   color: "gray",
                   fullWidth: !0,
                   justify: "flex-start",
-                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
+                  bg: "var(--editor-action-bg)",
                   onClick: R,
                   leftSection: /* @__PURE__ */ l(
                     te,
@@ -190,7 +190,7 @@ function Ve({
                       color: "var(--mantine-color-dimmed)"
                     }
                   ),
-                  children: b("editor.link.edit")
+                  children: x("editor.link.edit")
                 }
               ),
               /* @__PURE__ */ l(
@@ -201,7 +201,7 @@ function Ve({
                   color: "red",
                   fullWidth: !0,
                   justify: "flex-start",
-                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
+                  bg: "var(--editor-action-bg)",
                   onClick: O,
                   leftSection: /* @__PURE__ */ l(
                     te,
@@ -211,7 +211,7 @@ function Ve({
                       color: "var(--mantine-color-red-6)"
                     }
                   ),
-                  children: b("editor.actions.delete")
+                  children: x("editor.actions.delete")
                 }
               )
             ] })
@@ -223,37 +223,37 @@ function Ve({
 }
 let U = null;
 const $e = /* @__PURE__ */ ge(async () => {
-  var a;
-  const n = await import("./layers.yCLo3Wbl.js").then((C) => C.K);
-  return !U && n && (U = n.exportToSvg || ((a = n.default) == null ? void 0 : a.exportToSvg) || n.default), { default: n.Excalidraw };
+  var i;
+  const n = await import("./layers.B201Heem.js").then((b) => b.K);
+  return !U && n && (U = n.exportToSvg || ((i = n.default) == null ? void 0 : i.exportToSvg) || n.default), { default: n.Excalidraw };
 }), qe = () => {
-  const [n, a] = B(
+  const [n, i] = B(
     null
-  ), C = F(
-    (p) => a(p),
+  ), b = F(
+    (C) => i(C),
     []
   );
-  return [n, C];
+  return [n, b];
 };
 function Ue({
   onSave: n,
-  initialElements: a,
-  initialAppState: C,
-  initialFiles: p,
+  initialElements: i,
+  initialAppState: b,
+  initialFiles: C,
   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);
+  const [r, m] = qe(), { i18n: g, t: v } = Q(), { colorScheme: H } = ze(), T = z(!1), [h, G] = B(i), [E, M] = B(C), [x, D] = B(u);
   A(() => {
-    u && M(!0);
+    u && D(!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);
+      var e, p;
+      (e = r == null ? void 0 : r.refresh) == null || e.call(r), (p = r == null ? void 0 : r.scrollToContent) == null || p.call(r);
     }, 500);
   }, [u, r]), A(() => {
     if (!u)
@@ -261,19 +261,19 @@ function Ue({
     const e = (o, c) => {
       const t = v(o);
       return t.startsWith("editor.menu") ? c : t;
-    }, x = e(
+    }, p = e(
       "editor.menu.excalidraw.tools.frameTool",
       g.language === "ru" ? "Инструмент рамки" : g.language === "es" ? "Herramienta de marco" : "Frame tool"
-    ), i = e(
+    ), a = 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,
+    ), j = {
+      "Frame tool": p,
+      "Web Embed": a,
+      "Web embeded": a,
       Generate: d
     }, W = () => {
       const o = document.querySelector(".App-toolbar__extra-tools-dropdown");
@@ -288,7 +288,7 @@ function Ue({
       for (; t = c.nextNode(); )
         if (t.nodeType === Node.TEXT_NODE && t.textContent) {
           const f = t.textContent.trim();
-          for (const [k, _] of Object.entries(z))
+          for (const [k, _] of Object.entries(j))
             if (f === k && _ && !f.includes(_)) {
               t.textContent = t.textContent.replace(k, _);
               break;
@@ -326,11 +326,11 @@ function Ue({
     var W, N, y;
     let e = U;
     if (!e || typeof e != "function") {
-      const o = await import("./layers.yCLo3Wbl.js").then((c) => c.K);
+      const o = await import("./layers.B201Heem.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.yCLo3Wbl.js").then((t) => t.K), c = o ? Object.keys(o) : [];
+      const o = await import("./layers.B201Heem.js").then((t) => t.K), c = o ? Object.keys(o) : [];
       throw console.error("Excalidraw module structure:", {
         keys: c,
         hasExportToSvg: o && "exportToSvg" in o,
@@ -341,19 +341,19 @@ function Ue({
         `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,
+    const p = ((N = r == null ? void 0 : r.getAppState) == null ? void 0 : N.call(r)) ?? b, a = await e({
+      appState: p,
       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]);
+    }), d = (y = a == null ? void 0 : a.firstElementChild) == null ? void 0 : y.firstElementChild, j = a.getAttribute("viewBox");
+    if (j != null) {
+      const o = j.split(" ");
+      a.setAttribute("width", o[2]), a.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 = () => {
+    return d && d.tagName === "style" && d.remove(), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("display", "block"), a.classList.add("excalidraw-svg"), a.outerHTML;
+  }, [h, E, r, b]), R = () => {
     if (h && h.filter((e) => !e.isDeleted).length > 0) {
-      const e = r == null ? void 0 : r.getAppState(), x = {
+      const e = r == null ? void 0 : r.getAppState(), p = {
         exportBackground: e == null ? void 0 : e.exportBackground,
         exportScale: e == null ? void 0 : e.exportScale,
         exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
@@ -367,13 +367,13 @@ function Ue({
         zoom: e == null ? void 0 : e.zoom
       };
       (async () => {
-        const i = await w();
-        n(h, x, E, i);
+        const a = await w();
+        n(h, p, E, a);
       })();
     } 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);
+  }, O = (e, p, a) => {
+    (e == null ? void 0 : e.length) !== (i == null ? void 0 : i.length) && (L.current = !0), G(e), M(a);
   };
   return /* @__PURE__ */ l(
     He,
@@ -383,7 +383,7 @@ function Ue({
       onSave: R,
       className: "excaildraw-modal",
       closeOnEscape: !1,
-      children: b && /* @__PURE__ */ l(
+      children: x && /* @__PURE__ */ l(
         me,
         {
           fallback: /* @__PURE__ */ l(
@@ -407,9 +407,9 @@ function Ue({
               onChange: O,
               excalidrawAPI: m,
               initialData: {
-                appState: { ...C || { isLoading: !1 } },
-                elements: a,
-                files: p,
+                appState: { ...b || { isLoading: !1 } },
+                elements: i,
+                files: C,
                 scrollToContent: !0
               }
             }
@@ -419,17 +419,17 @@ function Ue({
     }
   );
 }
-function it({
+function at({
   nodeKey: n,
-  data: a,
-  width: C,
-  height: p,
+  data: i,
+  width: b,
+  height: C,
   alignment: u
 }) {
   var c;
-  const [s] = he(), { fetchUploadMedia: I, fetchDeleteMedia: L } = ae(se), r = Ce(), m = ie(() => _e(a), [a]), g = j(
+  const [s] = he(), { fetchUploadMedia: I, fetchDeleteMedia: L } = ie(se), r = be(), m = ae(() => _e(i), [i]), g = z(
     re(m.files ?? {})
-  ), v = j(
+  ), v = z(
     Object.keys(m.files ?? {})
   );
   A(() => {
@@ -439,7 +439,7 @@ function it({
   }, [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(
+  ), [G, E] = B(!1), M = z(null), x = z(null), D = z(null), [w, R, O] = Ce(n), e = F(
     (t) => (w && (t.preventDefault(), s.update(() => {
       const f = V(n);
       f && f.remove();
@@ -451,31 +451,31 @@ function it({
       w && O();
       return;
     }
-    return xe(
+    return pe(
       s.registerCommand(
         ve,
         (t) => {
-          const f = b.current, k = t.target;
+          const f = x.current, k = t.target;
           return f !== null && f.contains(k) ? (t.shiftKey || O(), R(!w), t.detail > 1 && h(!0), !0) : !1;
         },
-        J
+        X
       ),
       s.registerCommand(
         Ee,
         e,
-        J
+        X
       ),
       s.registerCommand(
         we,
         e,
-        J
+        X
       )
     );
   }, [O, s, w, e, R, r]);
-  const x = F(() => (h(!1), s.update(() => {
+  const p = F(() => (h(!1), s.update(() => {
     const t = V(n);
     t && t.remove();
-  })), [s, n]), i = async (t, f, k, _) => {
+  })), [s, n]), a = async (t, f, k, _) => {
     const {
       files: $,
       urlByDataUrl: de,
@@ -503,13 +503,13 @@ function it({
         })
       ) : 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(() => {
+  }, { elements: d = [], files: j = {}, appState: W = {}, previewSVG: N } = m, y = F(() => {
+    h(!1), E(!1), D.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();
+    D.current ? E(!0) : y();
   }, [y]);
   return /* @__PURE__ */ S(le, { children: [
     /* @__PURE__ */ l(
@@ -524,14 +524,14 @@ function it({
       Ue,
       {
         initialElements: d,
-        isEdited: M,
-        initialFiles: z,
+        isEdited: D,
+        initialFiles: j,
         initialAppState: W,
         isShown: T,
-        onDelete: x,
+        onDelete: p,
         onClose: o,
         onSave: async (t, f, k, _) => {
-          await i(t, f, k, _), h(!1);
+          await a(t, f, k, _), h(!1);
         },
         closeOnClickOutside: !1
       }
@@ -546,10 +546,10 @@ function it({
         children: /* @__PURE__ */ l(
           Ve,
           {
-            imageContainerRef: D,
+            imageContainerRef: M,
             className: "image",
-            width: C,
-            height: p,
+            width: b,
+            height: C,
             editor: s,
             nodeKey: n,
             alignment: u,
@@ -563,5 +563,5 @@ function it({
   ] });
 }
 export {
-  it as default
+  at as default
 };

package/dist/{layers.CB5FEkIo.js → layers.DhnzUunp.js}

@@ -1,9 +1,9 @@
-import { a2 as gt, a3 as ft, a4 as mt, g as xt, l as E, d as G, Y as _t, a5 as bt, q as kt } from "./layers.DQ3fD-nt.js";
-import "./layers.yCLo3Wbl.js";
+import { a2 as gt, a3 as ft, a4 as mt, g as xt, l as E, d as G, Y as _t, a5 as bt, q as kt } from "./layers.DogbT2sQ.js";
+import "./layers.B201Heem.js";
 import "lodash-es/memoize.js";
 import "lodash-es/merge.js";
 import "lodash-es/isEmpty.js";
-import { a as D } from "./layers.DnQ8Hqqs.js";
+import { a as D } from "./layers.B1ttfAmQ.js";
 var K = (function() {
   var n = function(f, i, r, c) {
     for (r = r || {}, c = f.length; c--; r[f[c]] = i)