@layers-app/editor 2.2.39 → 2.2.41

package/dist/{layers.Wbn2xXXi.js → layers.CCV8nVyL.js}

@@ -1,11 +1,11 @@
-import { jsxs as C, jsx as n, Fragment as G } from "react/jsx-runtime";
-import { useMemo as X, useState as b, useCallback as I, useContext as ge, useRef as We, useEffect as P } from "react";
-import { useTranslation as L } from "react-i18next";
-import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
-import { Menu as S, Flex as de, Stack as ke, Button as $, Box as Le, LoadingOverlay as Ue } from "@mantine/core";
-import { $getNodeByKey as N, COMMAND_PRIORITY_LOW as ze, $setSelection as _e } from "lexical";
-import { y as Fe, A as Y, K as He, H as x, z as he, n as fe, B as we, D as O, N as be, F as je, G as $e, q as Be, C as ve, J as Ve, L as Ge, P as B, Q as Xe, S as Ye, U as qe, V as Je, W as Qe, X as Ze, R as Ke, m as ce, O as et, k as ue, Y as me, o as tt } from "./layers.DznaoIV-.js";
-import { AttachmentsGalleryModal as ye, showErrorNotification as ot } from "@layers-app/shared";
+import { jsxs as I, jsx as n, Fragment as G } from "react/jsx-runtime";
+import { useMemo as X, useState as b, useCallback as k, useContext as he, useRef as Ee, useEffect as M } from "react";
+import { useTranslation as R } from "react-i18next";
+import { useLexicalComposerContext as z } from "@lexical/react/LexicalComposerContext";
+import { Menu as A, Flex as de, Stack as Te, Button as $, Box as Re, LoadingOverlay as ze } from "@mantine/core";
+import { $getNodeByKey as L, COMMAND_PRIORITY_LOW as Ue, $setSelection as je } from "lexical";
+import { y as _e, k as q, m as Fe, H as O, z as ge, D as fe, B as D, N as we, F as He, G as $e, q as Be, C as be, J as Ve, K as Ge, L as B, Q as Xe, S as qe, T as Je, U as Qe, V as Ye, W as Ze, R as Ke, O as et, r as ce, j as ue, X as pe, o as tt } from "./layers.9S8DSgzy.js";
+import { AttachmentsGalleryModal as Ce, showErrorNotification as ot } from "@layers-app/shared";
 import { useLexicalEditable as nt } from "@lexical/react/useLexicalEditable";
 import { useDisclosure as V } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
@@ -17,11 +17,21 @@ import "react-dom";
 import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
+const ye = [
+  ["path", { d: "M8.00001 3.09779C8.00001 3.09779 4.03375 2.74194 3.38784 3.38785C2.74192 4.03375 3.09784 8 3.09784 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+  ["path", { d: "M8.00001 20.9022C8.00001 20.9022 4.03375 21.2581 3.38784 20.6122C2.74192 19.9662 3.09784 16 3.09784 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+  ["path", { d: "M16 3.09779C16 3.09779 19.9663 2.74194 20.6122 3.38785C21.2581 4.03375 20.9022 8 20.9022 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
+  ["path", { d: "M16 20.9022C16 20.9022 19.9663 21.2581 20.6122 20.6122C21.2581 19.9662 20.9022 16 20.9022 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }],
+  ["path", { d: "M14.0107 9.99847L20.0625 3.94678", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "4" }],
+  ["path", { d: "M9.99696 14.0024L3.63966 20.3807", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "5" }],
+  ["path", { d: "M9.99732 10.0024L3.84571 3.85889", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "6" }],
+  ["path", { d: "M13.9795 14.0024L20.5279 20.4983", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "7" }]
+];
 function it(e, i) {
   const o = document.createElement("a");
   o.href = e, o.download = i, o.rel = "noopener", document.body.appendChild(o), o.click(), o.remove();
 }
-function q(e) {
+function J(e) {
   try {
     const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
     return o.includes(".") ? o : `${o}.png`;
@@ -29,63 +39,63 @@ function q(e) {
     return "image";
   }
 }
-async function J(e, i) {
+async function Q(e, i) {
   const o = await fetch(e);
   if (!o.ok)
     throw new Error("fetch failed");
-  const a = await o.blob(), s = URL.createObjectURL(a);
+  const r = await o.blob(), s = URL.createObjectURL(r);
   try {
     it(s, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(s), 0);
   }
 }
-function Ie({
+function ke({
   opened: e,
   onOpenChange: i,
   t: o,
-  onDownload: a,
+  onDownload: r,
   onDelete: s
 }) {
-  return /* @__PURE__ */ C(
-    S,
+  return /* @__PURE__ */ I(
+    A,
     {
       opened: e,
       onChange: i,
-      transitionProps: Fe,
+      transitionProps: _e,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
       withinPortal: !0,
       closeOnItemClick: !0,
       children: [
-        /* @__PURE__ */ n(S.Target, { children: /* @__PURE__ */ n(
-          Y,
+        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ n(
+          q,
           {
             label: o("editor.toolbar.more"),
-            icon: He,
+            icon: Fe,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": o("editor.toolbar.more")
           }
         ) }),
-        /* @__PURE__ */ C(S.Dropdown, { p: 4, w: 164, onMouseDown: (r) => r.preventDefault(), children: [
+        /* @__PURE__ */ I(A.Dropdown, { p: 4, w: 164, onMouseDown: (a) => a.preventDefault(), children: [
           /* @__PURE__ */ n(
-            S.Item,
+            A.Item,
             {
-              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(x, { icon: he, size: 16 }) }),
-              onClick: (r) => {
-                r.stopPropagation(), a();
+              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(O, { icon: ge, size: 16 }) }),
+              onClick: (a) => {
+                a.stopPropagation(), r();
               },
               children: o("editor.gallery.download")
             }
           ),
           /* @__PURE__ */ n(
-            S.Item,
+            A.Item,
             {
               color: "red",
-              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(x, { icon: fe, size: 16 }) }),
-              onClick: (r) => {
-                r.stopPropagation(), s();
+              leftSection: /* @__PURE__ */ n(de, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(O, { icon: fe, size: 16 }) }),
+              onClick: (a) => {
+                a.stopPropagation(), s();
               },
               children: o("editor.contextMenu.delete")
             }
@@ -95,15 +105,15 @@ function Ie({
     }
   );
 }
-const Ce = ({
+const Ie = ({
   t: e,
   src: i,
   setShown: o,
-  id: a
+  id: r
 }) => {
-  const [s, { open: r, close: m }] = V(!1), c = X(() => [
+  const [s, { open: a, close: p }] = V(!1), c = X(() => [
     {
-      id: !a || a === "0" ? "" : a,
+      id: !r || r === "0" ? "" : r,
       Url: i ?? "",
       contentType: "image/*",
       originalFileName: "",
@@ -120,61 +130,61 @@ const Ce = ({
       deleted: !1,
       deletedAt: /* @__PURE__ */ new Date()
     }
-  ], [i, a]);
-  return /* @__PURE__ */ C(G, { children: [
+  ], [i, r]);
+  return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ n(
-      ye,
+      Ce,
       {
         opened: s,
-        onOpenChange: (g) => {
-          g ? r() : m();
+        onOpenChange: (h) => {
+          h ? a() : p();
         },
         attachments: c
       }
     ),
     /* @__PURE__ */ n(
-      Y,
+      q,
       {
         label: e("editor.image.preview"),
-        icon: we,
+        icon: ye,
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
-          o(!1), r();
+          o(!1), a();
         }
       }
     )
   ] });
-}, at = ({
+}, rt = ({
   nodeKey: e,
   src: i
 }) => {
-  const [o] = U(), a = nt(), [s, r] = b(!1), [m, c] = b(!1), { t: p } = L(), g = I(() => {
+  const [o] = z(), r = nt(), [s, a] = b(!1), [p, c] = b(!1), { t: m } = R(), h = k(() => {
     o.update(() => {
-      const f = N(e);
-      O(f) && f.remove();
+      const f = L(e);
+      D(f) && f.remove();
     });
-  }, [o, e]), v = I(async () => {
+  }, [o, e]), C = k(async () => {
     if (i)
       try {
-        await J(i, q(i));
+        await Q(i, J(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ I(
     "div",
     {
-      className: `media-actions ${a ? "" : "media-actions--readonly"}`,
+      className: `media-actions ${r ? "" : "media-actions--readonly"}`,
       children: [
-        /* @__PURE__ */ n(Ce, { t: p, src: i, setShown: () => {
+        /* @__PURE__ */ n(Ie, { t: m, src: i, setShown: () => {
         } }),
-        a && /* @__PURE__ */ C(G, { children: [
+        r && /* @__PURE__ */ I(G, { children: [
           /* @__PURE__ */ n(
-            be,
+            we,
             {
               opened: s,
-              setOpened: r,
-              t: p,
+              setOpened: a,
+              t: m,
               editor: o,
               nodeKey: e,
               setShown: () => {
@@ -182,37 +192,37 @@ const Ce = ({
             }
           ),
           /* @__PURE__ */ n(
-            Ie,
+            ke,
             {
-              opened: m,
+              opened: p,
               onOpenChange: c,
-              t: p,
-              onDownload: () => void v(),
-              onDelete: g
+              t: m,
+              onDownload: () => void C(),
+              onDelete: h
             }
           )
         ] })
       ]
     }
   );
-}, rt = () => {
+}, at = () => {
 };
 function st({ nodeKey: e, src: i, id: o }) {
-  const { t: a } = L(), [s] = U(), [r, m] = b(!1), [c, p] = b(!1), g = I(() => {
-    p(!1), s.update(() => {
-      const f = N(e);
-      if (!O(f)) return;
-      const D = f.getParent();
-      je(D) ? D.remove() : f.remove();
+  const { t: r } = R(), [s] = z(), [a, p] = b(!1), [c, m] = b(!1), h = k(() => {
+    m(!1), s.update(() => {
+      const f = L(e);
+      if (!D(f)) return;
+      const v = f.getParent();
+      He(v) ? v.remove() : f.remove();
     });
-  }, [s, e]), v = I(async () => {
+  }, [s, e]), C = k(async () => {
     if (i)
       try {
-        await J(i, q(i));
+        await Q(i, J(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ I(
     "div",
     {
       className: "media-actions visible",
@@ -227,25 +237,25 @@ function st({ nodeKey: e, src: i, id: o }) {
       },
       onClick: (f) => f.stopPropagation(),
       children: [
-        /* @__PURE__ */ n(Ce, { t: a, src: i, setShown: rt, id: o }),
+        /* @__PURE__ */ n(Ie, { t: r, src: i, setShown: at, id: o }),
         /* @__PURE__ */ n(
-          be,
+          we,
           {
-            opened: r,
-            setOpened: m,
-            t: a,
+            opened: a,
+            setOpened: p,
+            t: r,
             editor: s,
             nodeKey: e
           }
         ),
         /* @__PURE__ */ n(
-          Ie,
+          ke,
           {
             opened: c,
-            onOpenChange: p,
-            t: a,
-            onDownload: () => void v(),
-            onDelete: g
+            onOpenChange: m,
+            t: r,
+            onDownload: () => void C(),
+            onDelete: h
           }
         )
       ]
@@ -253,7 +263,7 @@ function st({ nodeKey: e, src: i, id: o }) {
   );
 }
 function lt({ nodeKey: e, src: i, id: o }) {
-  const { t: a } = L(), [s] = U(), [r, { open: m, close: c }] = V(!1), [p, { open: g, close: v }] = V(!1), f = X(
+  const { t: r } = R(), [s] = z(), [a, { open: p, close: c }] = V(!1), [m, { open: h, close: C }] = V(!1), f = X(
     () => [
       {
         id: !o || o === "0" ? "" : o,
@@ -275,21 +285,21 @@ function lt({ nodeKey: e, src: i, id: o }) {
       }
     ],
     [i, o]
-  ), D = () => {
-    c(), g();
-  }, E = I(async () => {
+  ), v = () => {
+    c(), h();
+  }, x = k(async () => {
     if (c(), !!i)
       try {
-        await J(i, q(i));
+        await Q(i, J(i));
       } catch {
       }
-  }, [i, c]), T = I(() => {
+  }, [i, c]), S = k(() => {
     c(), s.update(() => {
-      const w = N(e);
-      O(w) && w.remove();
+      const w = L(e);
+      D(w) && w.remove();
     });
   }, [s, e, c]);
-  return /* @__PURE__ */ C(G, { children: [
+  return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -303,32 +313,32 @@ function lt({ nodeKey: e, src: i, id: o }) {
         },
         onClick: (w) => w.stopPropagation(),
         children: /* @__PURE__ */ n(
-          Y,
+          q,
           {
-            label: a("editor.toolbar.more"),
+            label: r("editor.toolbar.more"),
             icon: $e,
             iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": a("editor.toolbar.more"),
-            onClick: m
+            "aria-label": r("editor.toolbar.more"),
+            onClick: p
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      ye,
+      Ce,
       {
-        opened: p,
-        onOpenChange: (w) => w ? g() : v(),
+        opened: m,
+        onOpenChange: (w) => w ? h() : C(),
         attachments: f
       }
     ),
     /* @__PURE__ */ n(
       Be,
       {
-        opened: r,
+        opened: a,
         onClose: c,
-        title: a("editor.image.mobileActions"),
-        children: /* @__PURE__ */ C(ke, { gap: 4, p: 0, children: [
+        title: r("editor.image.mobileActions"),
+        children: /* @__PURE__ */ I(Te, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
             $,
             {
@@ -338,16 +348,16 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: D,
+              onClick: v,
               leftSection: /* @__PURE__ */ n(
-                x,
+                O,
                 {
-                  icon: we,
+                  icon: ye,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
               ),
-              children: a("editor.image.previewFullScreen")
+              children: r("editor.image.previewFullScreen")
             }
           ),
           /* @__PURE__ */ n(
@@ -359,16 +369,16 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: () => void E(),
+              onClick: () => void x(),
               leftSection: /* @__PURE__ */ n(
-                x,
+                O,
                 {
-                  icon: he,
+                  icon: ge,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
               ),
-              children: a("editor.gallery.download")
+              children: r("editor.gallery.download")
             }
           ),
           /* @__PURE__ */ n(
@@ -380,16 +390,16 @@ function lt({ nodeKey: e, src: i, id: o }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: T,
+              onClick: S,
               leftSection: /* @__PURE__ */ n(
-                x,
+                O,
                 {
                   icon: fe,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
               ),
-              children: a("editor.actions.delete")
+              children: r("editor.actions.delete")
             }
           )
         ] })
@@ -397,36 +407,36 @@ function lt({ nodeKey: e, src: i, id: o }) {
     )
   ] });
 }
-const pe = (e) => {
+const me = (e) => {
   const {
     width: i,
     height: o,
-    isLoading: a,
+    isLoading: r,
     isError: s,
-    src: r,
-    id: m,
+    src: a,
+    id: p,
     altText: c,
-    imageRef: p,
-    maxWidth: g,
-    aspectRatio: v
+    imageRef: m,
+    maxWidth: h,
+    aspectRatio: C
   } = e;
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ I(
     "div",
     {
       className: "media-wrapper",
-      "data-reserved-box": v ? "" : void 0,
+      "data-reserved-box": C ? "" : void 0,
       style: {
         width: i,
-        height: v ? "auto" : o,
-        aspectRatio: v || void 0,
+        height: C ? "auto" : o,
+        aspectRatio: C || void 0,
         display: "inline-flex",
         position: "relative"
       },
       children: [
         /* @__PURE__ */ n(
-          Ue,
+          ze,
           {
-            visible: a,
+            visible: r,
             zIndex: 1e3,
             overlayProps: { backgroundOpacity: 0.5 },
             loaderProps: { size: 24, color: "black" }
@@ -436,18 +446,18 @@ const pe = (e) => {
           dt,
           {
             className: null,
-            src: r,
+            src: a,
             altText: c,
-            imageRef: p,
+            imageRef: m,
             width: "inherit",
             height: "inherit",
-            maxWidth: g || "auto",
-            id: m
+            maxWidth: h || "auto",
+            id: p
           }
         ),
-        ue && /* @__PURE__ */ n(lt, { nodeKey: e.nodeKey, src: r, id: m }),
-        me && /* @__PURE__ */ n(st, { nodeKey: e.nodeKey, src: r, id: m }),
-        tt && !ue && !me && /* @__PURE__ */ n(at, { nodeKey: e.nodeKey, src: r })
+        ue && /* @__PURE__ */ n(lt, { nodeKey: e.nodeKey, src: a, id: p }),
+        pe && /* @__PURE__ */ n(st, { nodeKey: e.nodeKey, src: a, id: p }),
+        tt && !ue && !pe && /* @__PURE__ */ n(rt, { nodeKey: e.nodeKey, src: a })
       ]
     }
   );
@@ -456,72 +466,72 @@ function dt({
   altText: e,
   className: i,
   imageRef: o,
-  src: a,
+  src: r,
   width: s,
-  height: r,
-  maxWidth: m,
+  height: a,
+  maxWidth: p,
   id: c
 }) {
-  const [p, g] = b(!1);
+  const [m, h] = b(!1);
   return /* @__PURE__ */ n(
     "img",
     {
-      className: `${i || void 0} ${p ? "" : "loading"}`,
-      src: a,
+      className: `${i || void 0} ${m ? "" : "loading"}`,
+      src: r,
       alt: e,
       ref: o,
       style: {
-        height: r,
-        maxWidth: m,
+        height: a,
+        maxWidth: p,
         width: s
       },
       onLoad: () => {
-        a.includes("splash") ? setTimeout(() => {
-          g(!0);
-        }, 100) : g(!0);
+        r.includes("splash") ? setTimeout(() => {
+          h(!0);
+        }, 100) : h(!0);
       },
       draggable: "false",
       "data-id": c
     }
   );
 }
-function Mt(e) {
-  const { disable: i } = ge(ve);
+function Pt(e) {
+  const { disable: i } = he(be);
   return i && Ve.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(ct, { ...e });
 }
 function ct({
   src: e,
   altText: i,
   nodeKey: o,
-  width: a,
+  width: r,
   height: s,
-  maxWidth: r,
-  showCaption: m,
+  maxWidth: a,
+  showCaption: p,
   caption: c,
-  id: p,
-  create: g,
-  alignment: v,
+  id: m,
+  create: h,
+  alignment: C,
   imagePickerTab: f,
-  aspectRatio: D
+  aspectRatio: v
 }) {
   var se, le;
-  const E = We(null), [T, w] = b(!0), [u] = U(), [A, z] = b(!0), [y, _] = b({
+  const x = Ee(null), [S, w] = b(!0), [u] = z(), [N, U] = b(!0), [y, j] = b({
     width: 0,
     height: 0
-  }), { start: Q } = Ge(), [ut, F] = b(0), {
-    fetchUploadMedia: R,
+  }), { start: Y } = Ge(), [ut, _] = b(0), {
+    fetchUploadMedia: W,
     fetchDeleteMedia: Z,
-    maxFileSize: mt,
-    imperativeHandleRef: M,
-    disable: De
-  } = ge(ve), W = B.has(e) && (((se = B.get(e)) == null ? void 0 : se.mediaNodeKeys.length) === 0 || ((le = B.get(e)) == null ? void 0 : le.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: k } = L(), K = (t) => {
+    maxFileSize: pt,
+    imperativeHandleRef: P,
+    disable: ve
+  } = he(be), E = B.has(e) && (((se = B.get(e)) == null ? void 0 : se.mediaNodeKeys.length) === 0 || ((le = B.get(e)) == null ? void 0 : le.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: T } = R(), K = (t) => {
     if (typeof t == "number") return t > 0 ? t : null;
     if (typeof t == "string" && !t.includes("%")) {
       const l = parseFloat(t);
       return Number.isFinite(l) && l > 0 ? l : null;
     }
     return null;
-  }, ee = K(a), te = K(s), oe = ee && te ? ee / te : void 0, [Ne, Oe] = b(
+  }, ee = K(r), te = K(s), oe = ee && te ? ee / te : void 0, [Le, De] = b(
     void 0
   ), ne = X(() => {
     try {
@@ -532,13 +542,13 @@ function ct({
     } catch {
       return;
     }
-  }, [e]), Ae = oe ?? D ?? ne ?? Ne, [Pe, ie] = b(!1), Se = !Pe && !oe && (D ?? ne) != null, [pt, xe] = b(0);
-  P(() => u.registerDecoratorListener(() => {
-    xe((t) => t + 1);
-  }), [W]), P(() => {
+  }, [e]), Ne = oe ?? v ?? ne ?? Le, [Me, ie] = b(!1), Ae = !Me && !oe && (v ?? ne) != null, [mt, Oe] = b(0);
+  M(() => u.registerDecoratorListener(() => {
+    Oe((t) => t + 1);
+  }), [E]), M(() => {
     const t = u.getElementByKey(o);
     t && (t.style.removeProperty("aspect-ratio"), t.style.removeProperty("width"));
-  }, [u, o]), P(() => {
+  }, [u, o]), M(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
@@ -547,15 +557,15 @@ function ct({
     t.src = e, t.onload = () => {
       if (w(!1), t.naturalWidth) {
         const l = t.naturalWidth / t.naturalHeight;
-        if (Oe(l), t.naturalWidth >= 100)
+        if (De(l), t.naturalWidth >= 100)
           try {
             localStorage.setItem("layers-img-ratio:" + e, String(l));
           } catch {
           }
-        !D && t.naturalWidth >= 100 && u.update(
+        !v && t.naturalWidth >= 100 && u.update(
           () => {
-            const d = N(o);
-            O(d) && d.getAspectRatio() == null && d.setAspectRatio(l);
+            const d = L(o);
+            D(d) && d.getAspectRatio() == null && d.setAspectRatio(l);
           },
           { tag: "history-merge" }
         );
@@ -563,102 +573,102 @@ function ct({
     }, t.onerror = () => {
       w(!1);
     };
-  }, [e, W]);
-  const Ee = (t, l) => {
+  }, [e, E]);
+  const xe = (t, l) => {
     u.update(() => {
-      _e(null);
-      const d = N(o);
-      O(d) && d.setWidthAndHeight(t, l);
+      je(null);
+      const d = L(o);
+      D(d) && d.setWidthAndHeight(t, l);
     });
-  }, { historyState: ae } = Xe(), {
-    settings: { showNestedEditorTreeView: re }
-  } = Ye();
-  function Te(t) {
+  }, { historyState: re } = Xe(), {
+    settings: { showNestedEditorTreeView: ae }
+  } = qe();
+  function Se(t) {
     return t.endsWith(".svg") || t.includes("image/svg+xml");
   }
-  function Re(t) {
+  function We(t) {
     return new Promise((l, d) => {
-      if (Te(t)) {
+      if (Se(t)) {
         l(0);
         return;
       }
-      const h = new Image();
-      h.src = t, h.onload = () => {
-        l(h.width);
-      }, h.onerror = () => {
+      const g = new Image();
+      g.src = t, g.onload = () => {
+        l(g.width);
+      }, g.onerror = () => {
         d(new Error("Failed to load image"));
       };
     });
   }
-  P(() => {
-    let t = a, l = s, d = 100;
-    (e.includes("unsplash") ? e.trim() : !W && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && Re(e).then((h) => {
-      typeof t == "number" && t < d && h < d ? (z(!0), _({
+  M(() => {
+    let t = r, l = s, d = 100;
+    (e.includes("unsplash") ? e.trim() : !E && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && We(e).then((g) => {
+      typeof t == "number" && t < d && g < d ? (U(!0), j({
         width: t,
         height: l
-      })) : h < d ? (z(!0), _({
+      })) : g < d ? (U(!0), j({
         width: "auto",
         height: "auto"
-      })) : (_({
-        width: h,
-        height: h
-      }), z(!1)), ie(!0);
-    }).catch((h) => {
-      ie(!0), console.warn("Ошибка при загрузке изображения:", h.message);
+      })) : (j({
+        width: g,
+        height: g
+      }), U(!1)), ie(!0);
+    }).catch((g) => {
+      ie(!0), console.warn("Ошибка при загрузке изображения:", g.message);
     });
-  }, [e, W]), P(() => {
-    y.width && y.height && A && u.update(() => {
-      const t = N(o);
-      O(t) && t.setWidthAndHeight(y.width, y.height);
+  }, [e, E]), M(() => {
+    y.width && y.height && N && u.update(() => {
+      const t = L(o);
+      D(t) && t.setWidthAndHeight(y.width, y.height);
     });
-  }, [y.width, y.height, A]);
-  const Me = I(
-    (t) => qe(u, o, t),
+  }, [y.width, y.height, N]);
+  const Pe = k(
+    (t) => Je(u, o, t),
     [u, o]
-  ), H = I(
+  ), F = k(
     (t, l) => {
       w(!1), u.update(() => {
-        const d = N(o);
-        O(d) && (d.setSrc(t), d.setId(l));
+        const d = L(o);
+        D(d) && (d.setSrc(t), d.setId(l));
       });
     },
     [u, o]
-  ), j = I(
+  ), H = k(
     (t) => {
       w(!0);
-      const l = Q();
-      R && R(
+      const l = Y();
+      W && W(
         t[0],
-        (d, h) => {
-          H(d, h), F(0);
+        (d, g) => {
+          F(d, g), _(0);
         },
         (d) => {
           d && ot({
-            message: k("editor.gallery.errorFile")
-          }), F(0), H(e.startsWith("blob:") ? "upload" : "", "");
+            message: T("editor.gallery.errorFile")
+          }), _(0), F(e.startsWith("blob:") ? "upload" : "", "");
         },
         l,
         (d) => {
-          F(d);
+          _(d);
         }
       );
     },
-    [R, Q, k, H, e]
+    [W, Y, T, F, e]
   );
-  return P(() => u.registerCommand(
-    Je,
-    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : (j(t.files), !0),
-    ze
-  ), [u, j, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+  return M(() => u.registerCommand(
     Qe,
+    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : (H(t.files), !0),
+    Ue
+  ), [u, H, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(Re, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+    Ye,
     {
       inline: !0,
       nodeKey: o,
       defaultTabValue: f,
-      onWriteTabToNode: Me,
+      onWriteTabToNode: Pe,
       uploading: !1,
       onUpload: (t) => {
-        !R || !t.length || j(t);
+        !W || !t.length || H(t);
       },
       popoverProps: {
         opened: !0,
@@ -667,78 +677,78 @@ function ct({
       },
       onChange: (t) => {
         u.update(() => {
-          const l = N(o);
-          O(l) && l.setSrc(t);
+          const l = L(o);
+          D(l) && l.setSrc(t);
         });
       }
     }
-  ) }) : A && !Se ? /* @__PURE__ */ n(
-    pe,
+  ) }) : N && !Ae ? /* @__PURE__ */ n(
+    me,
     {
       width: y.width,
       height: y.height,
-      isLoading: T,
+      isLoading: S,
       isError: !1,
-      isIcon: A,
+      isIcon: N,
       src: e,
-      id: p,
+      id: m,
       editor: u,
       nodeKey: o,
       fetchDeleteMedia: Z,
       altText: i,
-      imageRef: E,
-      maxWidth: r,
-      showCaption: m,
+      imageRef: x,
+      maxWidth: a,
+      showCaption: p,
       caption: c,
       isCollabActive: !1,
-      historyState: ae,
-      showNestedEditorTreeView: re,
-      t: k
+      historyState: re,
+      showNestedEditorTreeView: ae,
+      t: T
     }
   ) : /* @__PURE__ */ n(
     Ke,
     {
       editor: u,
-      isIcon: A,
-      width: ce(a),
+      isIcon: N,
+      width: ce(r),
       height: ce(s),
       initialWidth: y.width || "",
       initialHeight: y.height || "",
-      onResizeEnd: Ee,
-      alignment: v,
-      disable: De,
+      onResizeEnd: xe,
+      alignment: C,
+      disable: ve,
       onRegisterDecoratorEnter: (t) => {
-        M != null && M.current && (M.current.decoratorEnterAction = t);
+        P != null && P.current && (P.current.decoratorEnterAction = t);
       },
       onActivate: () => u.dispatchCommand(et, "show_menu"),
       children: /* @__PURE__ */ n(
-        pe,
+        me,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Ae,
-          isLoading: T,
+          aspectRatio: Ne,
+          isLoading: S,
           isError: !1,
-          isIcon: A,
+          isIcon: N,
           src: e,
-          id: p,
+          id: m,
           editor: u,
           nodeKey: o,
           fetchDeleteMedia: Z,
           altText: i,
-          imageRef: E,
-          maxWidth: r,
-          showCaption: m,
+          imageRef: x,
+          maxWidth: a,
+          showCaption: p,
           caption: c,
           isCollabActive: !1,
-          historyState: ae,
-          showNestedEditorTreeView: re,
-          t: k
+          historyState: re,
+          showNestedEditorTreeView: ae,
+          t: T
         }
       )
     }
   );
 }
 export {
-  Mt as default
+  Pt as default
 };