@layers-app/editor 2.3.23 → 2.3.25

package/dist/{layers.4U0g1D4a.js → layers.DpyY2Kx8.js}

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as M, Fragment as ce } from "react/jsx-runtime";
-import { useContext as de, useMemo as ue, useState as N, useEffect as O, useRef as W, useCallback as I, Suspense as pe, lazy as xe } from "react";
+import { useContext as de, useMemo as ue, useState as N, useEffect as O, useRef as W, useCallback as G, Suspense as pe, lazy as xe } from "react";
 import { useLexicalComposerContext as Ce } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as be } from "@lexical/react/useLexicalEditable";
 import { useLexicalNodeSelection as ve } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as we } from "@lexical/utils";
-import { $setSelection as Ee, $getNodeByKey as H, CLICK_COMMAND as ke, COMMAND_PRIORITY_LOW as Q, KEY_DELETE_COMMAND as ye, KEY_BACKSPACE_COMMAND as Te } from "lexical";
-import { H as P, j as Me, C as fe, m as De, K as Z, k as oe, A as K, n as Oe, t as re, o as Ne, q as ne, r as Se, s as Ae, O as Be, a as ee, y as ae, l as _e, p as Le, v as ie, w as ze, x as je, z as Fe, B as Re } from "./layers.Oc8f1IZO.js";
+import { $setSelection as Ee, $getNodeByKey as H, CLICK_COMMAND as ye, COMMAND_PRIORITY_LOW as Q, KEY_DELETE_COMMAND as ke, KEY_BACKSPACE_COMMAND as Te } from "lexical";
+import { H as P, j as Me, C as fe, y as De, V as Z, k as oe, L as K, K as Oe, t as re, w as Ne, m as ne, A as Se, n as Ae, O as Be, a as ee, o as ae, l as _e, p as Le, q as ie, r as ze, s as je, v as Fe, x as Re } from "./layers.C84bILt4.js";
 import { useTranslation as te } from "react-i18next";
-import { Modal as We, Stack as V, Text as se, Group as He, Button as U, Box as le, useMantineColorScheme as Ie, NativeScrollArea as Ge, Loader as $e } from "@mantine/core";
-import { useDisclosure as qe } from "@mantine/hooks";
+import { Modal as We, Stack as q, Text as se, Group as He, Button as U, Box as le, useMantineColorScheme as Ge, NativeScrollArea as Ie, Loader as Ve } from "@mantine/core";
+import { useDisclosure as $e } from "@mantine/hooks";
 import "@lexical/mark";
 import "@lexical/code";
-import { BottomDrawerWithoutHeader as Ve } from "@layers-app/shared";
+import { BottomDrawerWithoutHeader as qe } from "@layers-app/shared";
 const Ue = ({
   isCloseModal: o,
   setCloseModalOpen: i,
@@ -32,8 +32,8 @@ const Ue = ({
       size: 440,
       radius: "lg",
       zIndex: 999,
-      children: /* @__PURE__ */ M(V, { gap: 24, pt: "md", children: [
-        /* @__PURE__ */ M(V, { gap: "xs", align: "center", children: [
+      children: /* @__PURE__ */ M(q, { gap: 24, pt: "md", children: [
+        /* @__PURE__ */ M(q, { gap: "xs", align: "center", children: [
           /* @__PURE__ */ a(
             P,
             {
@@ -42,7 +42,7 @@ const Ue = ({
               color: "var(--mantine-color-dimmed)"
             }
           ),
-          /* @__PURE__ */ M(V, { gap: 6, align: "center", children: [
+          /* @__PURE__ */ M(q, { gap: 6, align: "center", children: [
             /* @__PURE__ */ a(se, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
             /* @__PURE__ */ a(se, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
           ] })
@@ -72,19 +72,19 @@ function Ye({
   width: C = "inherit",
   height: d = "inherit",
   nodeKey: s,
-  alignment: G,
+  alignment: I,
   setModalOpen: z,
   previewSVG: r,
   isModalOpen: g
 }) {
   const { disable: h, imperativeHandleRef: w } = de(fe), S = ue(() => r ?? "", [r]), [D, v] = N(!1), [
     E,
-    { open: A, close: k }
-  ] = qe(!1), { t: b } = te();
+    { open: A, close: y }
+  ] = $e(!1), { t: b } = te();
   O(() => {
     g && v(!1);
   }, [g]);
-  const $ = (e, u) => {
+  const V = (e, u) => {
     i.update(() => {
       Ee(null);
       const l = H(s);
@@ -92,10 +92,10 @@ function Ye({
     });
   }, B = () => {
     ae(i, s);
-  }, y = () => {
-    k(), z(!0);
+  }, k = () => {
+    y(), z(!0);
   }, j = () => {
-    k(), ae(i, s);
+    y(), ae(i, s);
   };
   return /* @__PURE__ */ M(
     De,
@@ -105,8 +105,8 @@ function Ye({
       isEmbed: !0,
       width: oe(C),
       height: oe(d),
-      onResizeEnd: $,
-      alignment: G,
+      onResizeEnd: V,
+      alignment: I,
       disable: h,
       onRegisterDecoratorEnter: (e) => {
         w != null && w.current && (w.current.decoratorEnterAction = e);
@@ -183,9 +183,9 @@ function Ye({
           Ae,
           {
             opened: E,
-            onClose: k,
+            onClose: y,
             title: b("editor.image.mobileActions"),
-            children: /* @__PURE__ */ M(V, { gap: 4, p: 0, children: [
+            children: /* @__PURE__ */ M(q, { gap: 4, p: 0, children: [
               /* @__PURE__ */ a(
                 U,
                 {
@@ -195,7 +195,7 @@ function Ye({
                   fullWidth: !0,
                   justify: "flex-start",
                   bg: "var(--editor-action-bg)",
-                  onClick: y,
+                  onClick: k,
                   leftSection: /* @__PURE__ */ a(
                     P,
                     {
@@ -238,12 +238,12 @@ function Ye({
 let Y = null;
 const Xe = /* @__PURE__ */ xe(async () => {
   var i;
-  const o = await import("./layers.C5spKHYA.js").then((x) => x.K);
+  const o = await import("./layers.B6A3MJ1h.js").then((x) => x.K);
   return !Y && o && (Y = o.exportToSvg || ((i = o.default) == null ? void 0 : i.exportToSvg) || o.default), { default: o.Excalidraw };
 }), Je = () => {
   const [o, i] = N(
     null
-  ), x = I(
+  ), x = G(
     (C) => i(C),
     []
   );
@@ -256,12 +256,12 @@ function Qe({
   initialFiles: C,
   isShown: d = !1,
   onDelete: s,
-  onClose: G,
+  onClose: I,
   isEdited: z
 }) {
-  const [r, g] = Je(), { i18n: h, t: w } = te(), { colorScheme: S } = Ie(), D = W(!1), [v, E] = N(i), [A, k] = N(C), [b, $] = N(d);
+  const [r, g] = Je(), { i18n: h, t: w } = te(), { colorScheme: S } = Ge(), D = W(!1), [v, E] = N(i), [A, y] = N(C), [b, V] = N(d);
   O(() => {
-    d && $(!0);
+    d && V(!0);
   }, [d]), O(() => {
     !d || D.current || (D.current = !0, Promise.resolve({           }));
   }, [d]), O(() => {
@@ -336,15 +336,15 @@ function Qe({
       }
     };
   }, [d, h.language, w]);
-  const B = I(async () => {
+  const B = G(async () => {
     var F, L, R;
     let e = Y;
     if (!e || typeof e != "function") {
-      const t = await import("./layers.C5spKHYA.js").then((c) => c.K);
+      const t = await import("./layers.B6A3MJ1h.js").then((c) => c.K);
       e = t.exportToSvg || ((F = t.default) == null ? void 0 : F.exportToSvg) || t.default, e && typeof e == "function" && (Y = e);
     }
     if (!e || typeof e != "function") {
-      const t = await import("./layers.C5spKHYA.js").then((p) => p.K), c = t ? Object.keys(t) : [];
+      const t = await import("./layers.B6A3MJ1h.js").then((p) => p.K), c = t ? Object.keys(t) : [];
       throw console.error("Excalidraw module structure:", {
         keys: c,
         hasExportToSvg: t && "exportToSvg" in t,
@@ -365,7 +365,7 @@ function Qe({
       l.setAttribute("width", t[2]), l.setAttribute("height", t[3]);
     }
     return _ && _.tagName === "style" && _.remove(), l.setAttribute("width", "100%"), l.setAttribute("height", "100%"), l.setAttribute("display", "block"), l.classList.add("excalidraw-svg"), l.outerHTML;
-  }, [v, A, r, x]), y = () => {
+  }, [v, A, r, x]), k = () => {
     if (v && v.filter((e) => !e.isDeleted).length > 0) {
       const e = r == null ? void 0 : r.getAppState(), u = {
         exportBackground: e == null ? void 0 : e.exportBackground,
@@ -387,17 +387,17 @@ function Qe({
     } else
       s();
   }, j = (e, u, l) => {
-    (e == null ? void 0 : e.length) !== (i == null ? void 0 : i.length) && (z.current = !0), E(e), k(l);
+    (e == null ? void 0 : e.length) !== (i == null ? void 0 : i.length) && (z.current = !0), E(e), y(l);
   };
   return /* @__PURE__ */ a(
-    Ve,
+    qe,
     {
       opened: d,
-      onClose: G,
-      onSave: y,
+      onClose: I,
+      onSave: k,
       className: "excaildraw-modal",
       closeOnEscape: !1,
-      scrollAreaComponent: Ge,
+      scrollAreaComponent: Ie,
       children: b && /* @__PURE__ */ a(
         pe,
         {
@@ -411,7 +411,7 @@ function Qe({
                 height: "100%",
                 minHeight: "400px"
               },
-              children: /* @__PURE__ */ a($e, { size: "sm" })
+              children: /* @__PURE__ */ a(Ve, { size: "sm" })
             }
           ),
           children: /* @__PURE__ */ a(
@@ -442,7 +442,7 @@ function ut({
   alignment: d
 }) {
   var p;
-  const [s] = Ce(), { fetchUploadMedia: G, fetchDeleteMedia: z } = de(fe), r = be(), g = ue(() => Le(i), [i]), h = W(
+  const [s] = Ce(), { fetchUploadMedia: I, fetchDeleteMedia: z } = de(fe), r = be(), g = ue(() => Le(i), [i]), h = W(
     ie(g.files ?? {})
   ), w = W(
     Object.keys(g.files ?? {})
@@ -456,36 +456,36 @@ function ut({
     () => ze(o)
   ), [v, E] = N(
     S && D && s.isEditable()
-  ), [A, k] = N(!1), b = W(null), $ = W(null), B = W(null), [y, j, e] = ve(o);
+  ), [A, y] = N(!1), b = W(null), V = W(null), B = W(null), [k, j, e] = ve(o);
   O(() => {
     !S || D || !s.isEditable() || s.update(() => {
       const n = H(o);
       ee(n) && n.remove();
     });
   }, [s, S, D, o]);
-  const u = I(
-    (n) => (y && (n.preventDefault(), s.update(() => {
+  const u = G(
+    (n) => (k && (n.preventDefault(), s.update(() => {
       const m = H(o);
       m && m.remove();
     })), !1),
-    [s, y, o]
+    [s, k, o]
   );
   O(() => {
     if (!r) {
-      y && e();
+      k && e();
       return;
     }
     return we(
       s.registerCommand(
-        ke,
+        ye,
         (n) => {
-          const m = $.current, T = n.target;
-          return m !== null && m.contains(T) ? (n.shiftKey || e(), j(!y), n.detail > 1 && E(!0), !0) : !1;
+          const m = V.current, T = n.target;
+          return m !== null && m.contains(T) ? (n.shiftKey || e(), j(!k), n.detail > 1 && E(!0), !0) : !1;
         },
         Q
       ),
       s.registerCommand(
-        ye,
+        ke,
         u,
         Q
       ),
@@ -495,45 +495,45 @@ function ut({
         Q
       )
     );
-  }, [e, s, y, u, j, r]);
-  const l = I(() => (E(!1), s.update(() => {
+  }, [e, s, k, u, j, r]);
+  const l = G(() => (E(!1), s.update(() => {
     const n = H(o);
     n && n.remove();
   })), [s, o]), _ = async (n, m, T, X) => {
     const {
-      files: q,
+      files: $,
       urlByDataUrl: me,
       attachmentIdByFileId: ge
     } = await je(
       T,
-      G,
+      I,
       h.current
     );
     h.current = Fe(
       w.current,
-      q,
+      $,
       ge,
       z
-    ), w.current = Object.keys(q);
+    ), w.current = Object.keys($);
     const he = Re(X, me);
     s.update(() => {
       const J = H(o);
-      ee(J) && (n && n.length > 0 || Object.keys(q).length > 0 ? J.setData(
+      ee(J) && (n && n.length > 0 || Object.keys($).length > 0 ? J.setData(
         JSON.stringify({
           appState: m,
           elements: n,
-          files: q,
+          files: $,
           previewSVG: he
         })
       ) : J.remove());
     });
-  }, { elements: f = [], files: F = {}, appState: L = {}, previewSVG: R } = g, t = I(() => {
-    E(!1), k(!1), B.current = !1, (f == null ? void 0 : f.length) === 0 && s.update(() => {
+  }, { elements: f = [], files: F = {}, appState: L = {}, previewSVG: R } = g, t = G(() => {
+    E(!1), y(!1), B.current = !1, (f == null ? void 0 : f.length) === 0 && s.update(() => {
       const n = H(o);
       n && n.remove();
     });
-  }, [s, o, f == null ? void 0 : f.length]), c = I(() => {
-    B.current ? k(!0) : t();
+  }, [s, o, f == null ? void 0 : f.length]), c = G(() => {
+    B.current ? y(!0) : t();
   }, [t]);
   return /* @__PURE__ */ M(ce, { children: [
     /* @__PURE__ */ a(
@@ -541,7 +541,7 @@ function ut({
       {
         isCloseModal: A,
         confirmClose: t,
-        setCloseModalOpen: k
+        setCloseModalOpen: y
       }
     ),
     /* @__PURE__ */ a(