@layers-app/editor 2.2.45 → 2.3.2

package/dist/{layers.0ohwJnJO.js → layers.oBoAHASG.js}

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as N, Fragment as H } from "react/jsx-runtime";
-import { useState as y, useCallback as C, useRef as Q, useEffect as P, useMemo as K, useContext as Ie } from "react";
-import { useTranslation as B } from "react-i18next";
-import { useLexicalComposerContext as V } from "@lexical/react/LexicalComposerContext";
-import { Menu as x, Flex as Z, Popover as A, Stack as He, Button as j, Box as Be, LoadingOverlay as Ve } from "@mantine/core";
-import { $getNodeByKey as E, COMMAND_PRIORITY_LOW as Ge, $setSelection as Xe } from "lexical";
-import { y as Ye, z as Ze, B as qe, D as Je, F as he, G as J, J as Qe, L as Ke, A as ee, K as et, P as tt, H as U, Q as Ce, n as De, S as Le, U as Ne, V as S, N as Oe, W as ot, X as nt, q as we, Y as it, C as Pe, Z as at, _ as rt, a0 as q, a1 as lt, a2 as st, a3 as dt, a4 as ct, a5 as ut, a6 as pt, R as mt, m as be, O as gt, k as ke, a7 as ve, o as ft } from "./layers.jg--vRcI.js";
-import { AttachmentsGalleryModal as Te, showErrorNotification as ht } from "@layers-app/shared";
-import { useLexicalEditable as te } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as $ } from "@mantine/hooks";
+import { jsx as n, jsxs as N, Fragment as B } from "react/jsx-runtime";
+import { useState as y, useCallback as C, useRef as ee, useEffect as S, useMemo as te, useContext as Ie } from "react";
+import { useTranslation as V } from "react-i18next";
+import { useLexicalComposerContext as G } from "@lexical/react/LexicalComposerContext";
+import { Menu as R, Flex as J, Popover as z, Stack as He, Button as $, Box as Be, LoadingOverlay as Ve } from "@mantine/core";
+import { $getNodeByKey as T, COMMAND_PRIORITY_LOW as Ge, $setSelection as Xe } from "lexical";
+import { y as Ye, z as Ze, B as qe, D as Je, F as he, G as K, J as Qe, L as Ke, A as oe, K as et, P as tt, H as M, Q as Ce, n as De, S as Le, U as Ne, V as E, N as Oe, W as ot, X as nt, q as we, Y as it, C as Se, Z as at, _ as rt, a0 as Q, a1 as lt, a2 as st, a3 as dt, a4 as ct, a5 as ut, a6 as pt, R as mt, m as be, O as gt, a7 as ft, k as ke, a8 as ve, o as ht, a9 as wt, aa as bt } from "./layers.D6G3COyk.js";
+import { AttachmentsGalleryModal as Pe, showErrorNotification as kt } from "@layers-app/shared";
+import { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
+import { useDisclosure as H } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@lexical/utils";
 import "@lexical/mark";
@@ -17,11 +17,11 @@ import "react-dom";
 import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
-function wt(e, i) {
+function vt(e, i) {
   const t = document.createElement("a");
   t.href = e, t.download = i, t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
 }
-function oe(e) {
+function ie(e) {
   try {
     const t = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
     return t.includes(".") ? t : `${t}.png`;
@@ -29,18 +29,18 @@ function oe(e) {
     return "image";
   }
 }
-async function ne(e, i) {
+async function ae(e, i) {
   const t = await fetch(e);
   if (!t.ok)
     throw new Error("fetch failed");
   const a = await t.blob(), r = URL.createObjectURL(a);
   try {
-    wt(r, i);
+    vt(r, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(r), 0);
   }
 }
-function bt({
+function yt({
   editor: e,
   nodeKey: i,
   href: t,
@@ -58,7 +58,7 @@ function bt({
       b(!0);
       return;
     }
-    he(e, i, J(c)), a();
+    he(e, i, K(c)), a();
   }, [e, i, l, r, a]), v = C(() => {
     he(e, i, ""), a();
   }, [e, i, a]), k = C(
@@ -78,15 +78,15 @@ function bt({
     onRemove: v
   };
 }
-function ie({
+function re({
   editor: e,
   nodeKey: i,
   href: t,
   onClose: a,
   mobile: r
 }) {
-  const s = Q(null), l = bt({ editor: e, nodeKey: i, href: t, onClose: a });
-  return P(() => {
+  const s = ee(null), l = yt({ editor: e, nodeKey: i, href: t, onClose: a });
+  return S(() => {
     var d;
     (d = s.current) == null || d.focus({ preventScroll: !0 });
   }, []), /* @__PURE__ */ n(
@@ -106,7 +106,7 @@ function ie({
     }
   );
 }
-function Ee({
+function Te({
   opened: e,
   onOpenChange: i,
   t,
@@ -116,7 +116,7 @@ function Ee({
   onLinkAction: l
 }) {
   return /* @__PURE__ */ N(
-    x,
+    R,
     {
       opened: e,
       onChange: i,
@@ -127,8 +127,8 @@ function Ee({
       withinPortal: !0,
       closeOnItemClick: !0,
       children: [
-        /* @__PURE__ */ n(x.Target, { children: /* @__PURE__ */ n(
-          ee,
+        /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
+          oe,
           {
             label: t("editor.toolbar.more"),
             icon: et,
@@ -137,7 +137,7 @@ function Ee({
           }
         ) }),
         /* @__PURE__ */ N(
-          x.Dropdown,
+          R.Dropdown,
           {
             p: 4,
             miw: 164,
@@ -145,9 +145,9 @@ function Ee({
             onMouseDown: (d) => d.preventDefault(),
             children: [
               l && /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(tt, { name: "link", size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(tt, { name: "link", size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), l();
                   },
@@ -155,9 +155,9 @@ function Ee({
                 }
               ),
               /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(U, { icon: Ce, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: Ce, size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), a();
                   },
@@ -165,10 +165,10 @@ function Ee({
                 }
               ),
               /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
                   color: "red",
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(U, { icon: De, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: De, size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), r();
                   },
@@ -182,13 +182,13 @@ function Ee({
     }
   );
 }
-const Se = ({
+const Ee = ({
   t: e,
   src: i,
   setShown: t,
   id: a
 }) => {
-  const [r, { open: s, close: l }] = $(!1), d = Le(), I = K(() => [
+  const [r, { open: s, close: l }] = H(!1), d = Le(), I = te(() => [
     {
       id: !a || a === "0" ? "" : a,
       Url: i ?? "",
@@ -208,9 +208,9 @@ const Se = ({
       deletedAt: /* @__PURE__ */ new Date()
     }
   ], [i, a]);
-  return /* @__PURE__ */ N(H, { children: [
+  return /* @__PURE__ */ N(B, { children: [
     /* @__PURE__ */ n(
-      Te,
+      Pe,
       {
         opened: r,
         onOpenChange: (p) => {
@@ -221,7 +221,7 @@ const Se = ({
       }
     ),
     /* @__PURE__ */ n(
-      ee,
+      oe,
       {
         label: e("editor.image.preview"),
         icon: Ne,
@@ -233,13 +233,13 @@ const Se = ({
       }
     )
   ] });
-}, kt = ({
+}, It = ({
   nodeKey: e,
   src: i,
   href: t
 }) => {
-  const [a] = V(), r = te(), [s, l] = y(!1), [d, I] = y(!1), [b, p] = y(!1), { t: m } = B();
-  P(() => {
+  const [a] = G(), r = ne(), [s, l] = y(!1), [d, I] = y(!1), [b, p] = y(!1), { t: m } = V();
+  S(() => {
     if (!b) return;
     const k = (c) => {
       const w = c.target;
@@ -249,18 +249,18 @@ const Se = ({
   }, [b]);
   const h = C(() => {
     a.update(() => {
-      const k = E(e);
-      S(k) && k.remove();
+      const k = T(e);
+      E(k) && k.remove();
     });
   }, [a, e]), v = C(async () => {
     if (i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    A,
+    z,
     {
       opened: b,
       onChange: p,
@@ -271,14 +271,14 @@ const Se = ({
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: `media-actions ${r ? "" : "media-actions--readonly"}`,
             children: [
-              /* @__PURE__ */ n(Se, { t: m, src: i, setShown: () => {
+              /* @__PURE__ */ n(Ee, { t: m, src: i, setShown: () => {
               } }),
-              r && /* @__PURE__ */ N(H, { children: [
+              r && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
                   Oe,
                   {
@@ -292,7 +292,7 @@ const Se = ({
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Te,
                   {
                     opened: d,
                     onOpenChange: I,
@@ -308,12 +308,12 @@ const Se = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          A.Dropdown,
+          z.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              ie,
+              re,
               {
                 editor: a,
                 nodeKey: e,
@@ -326,11 +326,11 @@ const Se = ({
       ]
     }
   );
-}, vt = () => {
+}, Ct = () => {
 };
-function yt({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = B(), [s] = V(), l = te(), [d, I] = y(!1), [b, p] = y(!1), [m, h] = y(!1);
-  P(() => {
+function Dt({ nodeKey: e, src: i, id: t, href: a }) {
+  const { t: r } = V(), [s] = G(), l = ne(), [d, I] = y(!1), [b, p] = y(!1), [m, h] = y(!1);
+  S(() => {
     if (!m) return;
     const c = (w) => {
       const u = w.target;
@@ -340,20 +340,20 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
   }, [m]);
   const v = C(() => {
     p(!1), s.update(() => {
-      const c = E(e);
-      if (!S(c)) return;
+      const c = T(e);
+      if (!E(c)) return;
       const w = c.getParent();
       ot(w) ? w.remove() : c.remove();
     });
   }, [s, e]), k = C(async () => {
     if (i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    A,
+    z,
     {
       opened: m,
       onChange: h,
@@ -364,7 +364,7 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: "media-actions visible",
@@ -379,8 +379,8 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
             },
             onClick: (c) => c.stopPropagation(),
             children: [
-              /* @__PURE__ */ n(Se, { t: r, src: i, setShown: vt, id: t }),
-              l && /* @__PURE__ */ N(H, { children: [
+              /* @__PURE__ */ n(Ee, { t: r, src: i, setShown: Ct, id: t }),
+              l && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
                   Oe,
                   {
@@ -392,7 +392,7 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Te,
                   {
                     opened: b,
                     onOpenChange: p,
@@ -408,12 +408,12 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
           }
         ) }),
         /* @__PURE__ */ n(
-          A.Dropdown,
+          z.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${a ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              ie,
+              re,
               {
                 editor: s,
                 nodeKey: e,
@@ -427,10 +427,10 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
     }
   );
 }
-function It({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = B(), [s] = V(), l = te(), d = Le(), [I, { open: b, close: p }] = $(!1), [m, { open: h, close: v }] = $(!1), [k, { open: c, close: w }] = $(!1), u = () => {
+function Lt({ nodeKey: e, src: i, id: t, href: a }) {
+  const { t: r } = V(), [s] = G(), l = ne(), d = Le(), [I, { open: b, close: p }] = H(!1), [m, { open: h, close: v }] = H(!1), [k, { open: c, close: w }] = H(!1), u = () => {
     p(), c();
-  }, T = K(
+  }, P = te(
     () => [
       {
         id: !t || t === "0" ? "" : t,
@@ -452,21 +452,21 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
       }
     ],
     [i, t]
-  ), R = () => {
+  ), U = () => {
     p(), h();
   }, L = C(async () => {
     if (p(), !!i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
-  }, [i, p]), M = C(() => {
+  }, [i, p]), x = C(() => {
     p(), s.update(() => {
-      const O = E(e);
-      S(O) && O.remove();
+      const O = T(e);
+      E(O) && O.remove();
     });
   }, [s, e, p]);
-  return /* @__PURE__ */ N(H, { children: [
+  return /* @__PURE__ */ N(B, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -480,7 +480,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
         },
         onClick: (O) => O.stopPropagation(),
         children: /* @__PURE__ */ n(
-          ee,
+          oe,
           {
             label: r("editor.toolbar.more"),
             icon: nt,
@@ -492,11 +492,11 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
       }
     ),
     /* @__PURE__ */ n(
-      Te,
+      Pe,
       {
         opened: m,
         onOpenChange: (O) => O ? h() : v(),
-        attachments: T,
+        attachments: P,
         allowDownload: d
       }
     ),
@@ -508,7 +508,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
         title: r("editor.image.mobileActions"),
         children: /* @__PURE__ */ N(He, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -516,9 +516,9 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: R,
+              onClick: U,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
                   icon: Ne,
                   size: 16,
@@ -529,7 +529,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -539,7 +539,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               bg: "var(--editor-action-bg)",
               onClick: u,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
                   icon: it,
                   size: 16,
@@ -550,7 +550,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           d && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -560,7 +560,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               bg: "var(--editor-action-bg)",
               onClick: () => void L(),
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
                   icon: Ce,
                   size: 16,
@@ -571,7 +571,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -579,9 +579,9 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: M,
+              onClick: x,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
                   icon: De,
                   size: 16,
@@ -601,7 +601,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
         onClose: w,
         title: r(a ? "editor.link.editLink" : "editor.link.addLink"),
         children: /* @__PURE__ */ n(
-          ie,
+          re,
           {
             editor: s,
             nodeKey: e,
@@ -627,7 +627,7 @@ const ye = (e) => {
     maxWidth: b,
     aspectRatio: p,
     href: m
-  } = e, h = Q(null);
+  } = e, h = ee(null);
   return /* @__PURE__ */ N(
     "div",
     {
@@ -655,7 +655,7 @@ const ye = (e) => {
           {
             className: "editor-image-link",
             "data-link": m ? "true" : void 0,
-            "data-href": m ? J(m) : void 0,
+            "data-href": m ? K(m) : void 0,
             role: m ? "link" : void 0,
             rel: m ? "noopener noreferrer" : void 0,
             draggable: !1,
@@ -665,10 +665,10 @@ const ye = (e) => {
             onClick: m ? (v) => {
               v.preventDefault();
               const k = h.current;
-              h.current = null, !(k && Math.hypot(v.clientX - k.x, v.clientY - k.y) > 5) && window.open(J(m), "_blank", "noopener,noreferrer");
+              h.current = null, !(k && Math.hypot(v.clientX - k.x, v.clientY - k.y) > 5) && window.open(K(m), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
-              Ct,
+              Nt,
               {
                 className: null,
                 src: s,
@@ -683,7 +683,7 @@ const ye = (e) => {
           }
         ),
         ke && /* @__PURE__ */ n(
-          It,
+          Lt,
           {
             nodeKey: e.nodeKey,
             src: s,
@@ -692,7 +692,7 @@ const ye = (e) => {
           }
         ),
         ve && /* @__PURE__ */ n(
-          yt,
+          Dt,
           {
             nodeKey: e.nodeKey,
             src: s,
@@ -700,12 +700,12 @@ const ye = (e) => {
             href: m
           }
         ),
-        ft && !ke && !ve && /* @__PURE__ */ n(kt, { nodeKey: e.nodeKey, src: s, href: m })
+        ht && !ke && !ve && /* @__PURE__ */ n(It, { nodeKey: e.nodeKey, src: s, href: m })
       ]
     }
   );
 };
-function Ct({
+function Nt({
   altText: e,
   className: i,
   imageRef: t,
@@ -738,11 +738,11 @@ function Ct({
     }
   );
 }
-function Xt(e) {
-  const { disable: i } = Ie(Pe);
-  return i && at.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Dt, { ...e });
+function qt(e) {
+  const { disable: i } = Ie(Se);
+  return i && at.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
 }
-function Dt({
+function Ot({
   src: e,
   altText: i,
   nodeKey: t,
@@ -759,25 +759,25 @@ function Dt({
   href: v
 }) {
   var ge, fe;
-  const k = Q(null), [c, w] = y(!0), [u] = V(), [T, R] = y(!0), [L, M] = y({
+  const k = ee(null), [c, w] = y(!0), [u] = G(), [P, U] = y(!0), [L, x] = y({
     width: 0,
     height: 0
-  }), { start: O } = rt(), [Lt, G] = y(0), {
-    fetchUploadMedia: z,
-    fetchDeleteMedia: ae,
-    maxFileSize: Nt,
-    imperativeHandleRef: W,
-    disable: xe
-  } = Ie(Pe), _ = q.has(e) && (((ge = q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: F } = B(), re = (o) => {
+  }), { start: O } = rt(), [St, X] = y(0), {
+    fetchUploadMedia: W,
+    fetchDeleteMedia: le,
+    maxFileSize: Pt,
+    imperativeHandleRef: _,
+    disable: Ue
+  } = Ie(Se), F = Q.has(e) && (((ge = Q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = Q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: j } = V(), se = (o) => {
     if (typeof o == "number") return o > 0 ? o : null;
     if (typeof o == "string" && !o.includes("%")) {
       const g = parseFloat(o);
       return Number.isFinite(g) && g > 0 ? g : null;
     }
     return null;
-  }, le = re(a), se = re(r), de = le && se ? le / se : void 0, [Ue, Ae] = y(
+  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [xe, Ae] = y(
     void 0
-  ), ce = K(() => {
+  ), ue = te(() => {
     try {
       const o = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
@@ -786,13 +786,13 @@ function Dt({
     } catch {
       return;
     }
-  }, [e]), Re = de ?? h ?? ce ?? Ue, [Me, ue] = y(!1), ze = !Me && !de && (h ?? ce) != null, [Ot, We] = y(0);
-  P(() => u.registerDecoratorListener(() => {
+  }, [e]), Re = ce ?? h ?? ue ?? xe, [Me, Y] = y(!1), ze = !Me && !ce && (h ?? ue) != null, [Tt, We] = y(0);
+  S(() => u.registerDecoratorListener(() => {
     We((o) => o + 1);
-  }), [_]), P(() => {
+  }), [F]), S(() => {
     const o = u.getElementByKey(t);
     o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
-  }, [u, t]), P(() => {
+  }, [u, t]), S(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
@@ -808,8 +808,8 @@ function Dt({
           }
         !h && o.naturalWidth >= 100 && u.update(
           () => {
-            const f = E(t);
-            S(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
+            const f = T(t);
+            E(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
           },
           { tag: "history-merge" }
         );
@@ -817,23 +817,24 @@ function Dt({
     }, o.onerror = () => {
       w(!1);
     };
-  }, [e, _]);
+  }, [e, F]);
   const _e = (o, g) => {
     u.update(() => {
       Xe(null);
-      const f = E(t);
-      S(f) && f.setWidthAndHeight(o, g);
+      const f = T(t);
+      E(f) && f.setWidthAndHeight(o, g);
     });
   }, { historyState: pe } = lt(), {
     settings: { showNestedEditorTreeView: me }
   } = st();
   function Fe(o) {
-    return o.endsWith(".svg") || o.includes("image/svg+xml");
+    const g = wt(o);
+    return g ? bt(g).width : 0;
   }
   function je(o) {
     return new Promise((g, f) => {
-      if (Fe(o)) {
-        g(0);
+      if (ft(o)) {
+        g(Fe(o));
         return;
       }
       const D = new Image();
@@ -844,66 +845,72 @@ function Dt({
       };
     });
   }
-  P(() => {
+  S(() => {
     let o = a, g = r, f = 100;
-    (e.includes("unsplash") ? e.trim() : !_ && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && je(e).then((D) => {
-      typeof o == "number" && o < f && D < f ? (R(!0), M({
-        width: o,
-        height: g
-      })) : D < f ? (R(!0), M({
-        width: "auto",
-        height: "auto"
-      })) : (M({
-        width: D,
-        height: D
-      }), R(!1)), ue(!0);
-    }).catch((D) => {
-      ue(!0), console.warn("Ошибка при загрузке изображения:", D.message);
-    });
-  }, [e, _]), P(() => {
-    L.width && L.height && T && u.update(() => {
-      const o = E(t);
-      S(o) && o.setWidthAndHeight(L.width, L.height);
+    if ((e.includes("unsplash") ? e.trim() : !F && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
+      if (A != null && A >= f) {
+        U(!1), x({ width: A, height: A }), Y(!0);
+        return;
+      }
+      je(e).then((D) => {
+        typeof o == "number" && o < f && D < f ? (U(!0), x({
+          width: o,
+          height: g
+        })) : D < f ? (U(!0), x({
+          width: "auto",
+          height: "auto"
+        })) : (x({
+          width: D,
+          height: D
+        }), U(!1)), Y(!0);
+      }).catch((D) => {
+        Y(!0), console.warn("Ошибка при загрузке изображения:", D.message);
+      });
+    }
+  }, [e, F]), S(() => {
+    L.width && L.height && P && u.update(() => {
+      const o = T(t);
+      E(o) && o.setWidthAndHeight(L.width, L.height);
     });
-  }, [L.width, L.height, T]);
+  }, [L.width, L.height, P]);
   const $e = C(
     (o) => dt(u, t, o),
     [u, t]
-  ), X = C(
+  ), Z = C(
     (o, g) => {
       w(!1), u.update(() => {
-        const f = E(t);
-        S(f) && (f.setSrc(o), f.setId(g));
+        const f = T(t);
+        E(f) && (f.setSrc(o), f.setId(g));
       });
     },
     [u, t]
-  ), Y = C(
+  ), q = C(
     (o) => {
       w(!0);
       const g = O();
-      z && z(
+      W && W(
         o[0],
         (f, D) => {
-          X(f, D), G(0);
+          Z(f, D), X(0);
         },
         (f) => {
-          f && ht({
-            message: F("editor.gallery.errorFile")
-          }), G(0), X(e.startsWith("blob:") ? "upload" : "", "");
+          f && kt({
+            message: j("editor.gallery.errorFile")
+          }), X(0), Z(e.startsWith("blob:") ? "upload" : "", "");
         },
         g,
         (f) => {
-          G(f);
+          X(f);
         }
       );
     },
-    [z, O, F, X, e]
+    [W, O, j, Z, e]
   );
-  return P(() => u.registerCommand(
+  return S(() => u.registerCommand(
     ct,
-    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (Y(o.files), !0),
+    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
     Ge
-  ), [u, Y, t, e]), !e || e === "upload" ? /* @__PURE__ */ n(Be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+  ), [u, q, t, e]), !e || e === "upload" ? /* @__PURE__ */ n(Be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
     ut,
     {
       inline: !0,
@@ -912,7 +919,7 @@ function Dt({
       onWriteTabToNode: $e,
       uploading: !1,
       onUpload: (o) => {
-        !z || !o.length || Y(o);
+        !W || !o.length || q(o);
       },
       popoverProps: {
         opened: !0,
@@ -921,24 +928,24 @@ function Dt({
       },
       onChange: (o) => {
         u.update(() => {
-          const g = E(t);
-          S(g) && g.setSrc(o);
+          const g = T(t);
+          E(g) && g.setSrc(o);
         });
       }
     }
-  ) }) : T && !ze ? /* @__PURE__ */ n(
+  ) }) : P && !ze ? /* @__PURE__ */ n(
     ye,
     {
       width: L.width,
       height: L.height,
       isLoading: c,
       isError: !1,
-      isIcon: T,
+      isIcon: P,
       src: e,
       id: I,
       editor: u,
       nodeKey: t,
-      fetchDeleteMedia: ae,
+      fetchDeleteMedia: le,
       altText: i,
       imageRef: k,
       maxWidth: s,
@@ -947,23 +954,23 @@ function Dt({
       isCollabActive: !1,
       historyState: pe,
       showNestedEditorTreeView: me,
-      t: F,
+      t: j,
       href: v
     }
   ) : /* @__PURE__ */ n(
     mt,
     {
       editor: u,
-      isIcon: T,
+      isIcon: P,
       width: be(a),
       height: be(r),
       initialWidth: L.width || "",
       initialHeight: L.height || "",
       onResizeEnd: _e,
       alignment: p,
-      disable: xe,
+      disable: Ue,
       onRegisterDecoratorEnter: (o) => {
-        W != null && W.current && (W.current.decoratorEnterAction = o);
+        _ != null && _.current && (_.current.decoratorEnterAction = o);
       },
       onActivate: () => u.dispatchCommand(gt, "show_menu"),
       children: /* @__PURE__ */ n(
@@ -974,12 +981,12 @@ function Dt({
           aspectRatio: Re,
           isLoading: c,
           isError: !1,
-          isIcon: T,
+          isIcon: P,
           src: e,
           id: I,
           editor: u,
           nodeKey: t,
-          fetchDeleteMedia: ae,
+          fetchDeleteMedia: le,
           altText: i,
           imageRef: k,
           maxWidth: s,
@@ -988,7 +995,7 @@ function Dt({
           isCollabActive: !1,
           historyState: pe,
           showNestedEditorTreeView: me,
-          t: F,
+          t: j,
           href: v
         }
       )
@@ -996,5 +1003,5 @@ function Dt({
   );
 }
 export {
-  Xt as default
+  qt as default
 };