@layers-app/editor 2.3.23 → 2.3.25

package/dist/{layers.hBD_vGS3.js → layers.Bx85HdXX.js}

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as N, Fragment as V } from "react/jsx-runtime";
-import { useState as v, useCallback as L, useRef as te, useEffect as P, useMemo as oe, useContext as Ne } from "react";
-import { useTranslation as X } from "react-i18next";
-import { useLexicalComposerContext as Y } from "@lexical/react/LexicalComposerContext";
-import { Menu as R, Flex as Q, Popover as z, Stack as Ye, Button as B, Box as be, LoadingOverlay as Ze } from "@mantine/core";
-import { $getNodeByKey as S, COMMAND_PRIORITY_LOW as qe, $setSelection as Je } from "lexical";
-import { D as Qe, F as Ke, G as et, J as tt, L as ve, N as ee, P as ot, Q as nt, A as ne, n as it, R as rt, H as M, S as Oe, q as Pe, U as Se, V as Ue, W as U, o as xe, X as at, Y as lt, s as ye, Z as st, C as Te, _ as dt, a0 as ct, a1 as K, a2 as ut, a3 as pt, a4 as mt, a5 as gt, a6 as ft, a7 as ht, a8 as wt, m as kt, k as Ie, O as bt, a9 as vt, K as Ce, aa as De, r as yt, ab as It, ac as Ct } from "./layers.Oc8f1IZO.js";
-import { AttachmentsGalleryModal as Ee, showErrorNotification as Dt } from "@layers-app/shared";
-import { useLexicalEditable as ie } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as G } from "@mantine/hooks";
+import { jsx as n, jsxs as N, Fragment as X } from "react/jsx-runtime";
+import { useState as y, useCallback as L, useRef as ne, useEffect as E, useMemo as ie, useContext as Ue } from "react";
+import { useTranslation as Y } from "react-i18next";
+import { useLexicalComposerContext as Z } from "@lexical/react/LexicalComposerContext";
+import { Menu as R, Flex as ee, Popover as W, Stack as tt, Button as G, Box as Le, LoadingOverlay as ot } from "@mantine/core";
+import { $getNodeByKey as P, COMMAND_PRIORITY_LOW as nt, $setSelection as it } from "lexical";
+import { z as rt, B as at, D as lt, F as st, G as Ne, J as oe, N as dt, P as ct, L as re, K as ut, Q as pt, H as M, R as Ae, m as Re, S as Me, U as We, W as O, w as ze, X as mt, Y as gt, n as Se, Z as ht, C as Fe, _ as ft, a0 as wt, a1 as te, a2 as kt, a3 as bt, a4 as vt, a5 as yt, a6 as It, a7 as Ct, a8 as Dt, y as Lt, k as Pe, O as Nt, a9 as St, aa as Pt, ab as Ot, V as Oe, ac as Ee, A as Et } from "./layers.C84bILt4.js";
+import { AttachmentsGalleryModal as _e, showErrorNotification as xt } from "@layers-app/shared";
+import { useLexicalEditable as ae } from "@lexical/react/useLexicalEditable";
+import { useDisclosure as V } 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 Lt(e, i) {
+function Tt(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 re(e) {
+function le(e) {
   try {
     const t = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
     return t.includes(".") ? t : `${t}.png`;
@@ -29,39 +29,39 @@ function re(e) {
     return "image";
   }
 }
-async function ae(e, i) {
+async function se(e, i) {
   const t = await fetch(e);
   if (!t.ok)
     throw new Error("fetch failed");
   const r = await t.blob(), a = URL.createObjectURL(r);
   try {
-    Lt(a, i);
+    Tt(a, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(a), 0);
   }
 }
-function Nt({
+function Ut({
   editor: e,
   nodeKey: i,
   href: t,
   onClose: r
 }) {
-  const [a, d] = v(
-    () => Qe(t)
-  ), [l, c] = v(() => Ke(t)), [C, k] = v(!1), m = L((u) => {
-    d(u), k(!1);
-  }, []), g = L((u) => {
-    c(u), k(!1);
+  const [a, d] = y(
+    () => rt(t)
+  ), [l, c] = y(() => at(t)), [D, b] = y(!1), p = L((u) => {
+    d(u), b(!1);
+  }, []), m = L((u) => {
+    c(u), b(!1);
   }, []), f = L(() => {
-    const u = et(l.trim(), a);
-    if (!u || !tt(u, a)) {
-      k(!0);
+    const u = lt(l.trim(), a);
+    if (!u || !st(u, a)) {
+      b(!0);
       return;
     }
-    ve(e, i, ee(u)), r();
-  }, [e, i, l, a, r]), y = L(() => {
-    ve(e, i, ""), r();
-  }, [e, i, r]), b = L(
+    Ne(e, i, oe(u)), r();
+  }, [e, i, l, a, r]), I = L(() => {
+    Ne(e, i, ""), r();
+  }, [e, i, r]), v = L(
     (u) => {
       u.key === "Enter" ? (u.preventDefault(), f()) : u.key === "Escape" && (u.preventDefault(), r());
     },
@@ -70,27 +70,27 @@ function Nt({
   return {
     linkType: a,
     linkUrl: l,
-    error: C,
-    onLinkTypeChange: m,
-    onUrlInputChange: g,
-    onUrlInputKeyDown: b,
+    error: D,
+    onLinkTypeChange: p,
+    onUrlInputChange: m,
+    onUrlInputKeyDown: v,
     onSave: f,
-    onRemove: y
+    onRemove: I
   };
 }
-function le({
+function de({
   editor: e,
   nodeKey: i,
   href: t,
   onClose: r,
   mobile: a
 }) {
-  const d = te(null), l = Nt({ editor: e, nodeKey: i, href: t, onClose: r });
-  return P(() => {
+  const d = ne(null), l = Ut({ editor: e, nodeKey: i, href: t, onClose: r });
+  return E(() => {
     var c;
     (c = d.current) == null || c.focus({ preventScroll: !0 });
   }, []), /* @__PURE__ */ n(
-    ot,
+    dt,
     {
       inputRef: d,
       linkUrl: l.linkUrl,
@@ -106,7 +106,7 @@ function le({
     }
   );
 }
-function Ae({
+function je({
   opened: e,
   onOpenChange: i,
   t,
@@ -120,7 +120,7 @@ function Ae({
     {
       opened: e,
       onChange: i,
-      transitionProps: nt,
+      transitionProps: ct,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
@@ -128,10 +128,10 @@ function Ae({
       closeOnItemClick: !0,
       children: [
         /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
-          ne,
+          re,
           {
             label: t("editor.toolbar.more"),
-            icon: it,
+            icon: ut,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": t("editor.toolbar.more")
           }
@@ -147,7 +147,7 @@ function Ae({
               l && /* @__PURE__ */ n(
                 R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Q, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(rt, { name: "link", size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(pt, { name: "link", size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), l();
                   },
@@ -157,7 +157,7 @@ function Ae({
               /* @__PURE__ */ n(
                 R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Q, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: Oe, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: Ae, size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), r();
                   },
@@ -168,7 +168,7 @@ function Ae({
                 R.Item,
                 {
                   color: "red",
-                  leftSection: /* @__PURE__ */ n(Q, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: Pe, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: Re, size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), a();
                   },
@@ -182,13 +182,13 @@ function Ae({
     }
   );
 }
-const Re = ({
+const $e = ({
   t: e,
   src: i,
   setShown: t,
   id: r
 }) => {
-  const [a, { open: d, close: l }] = G(!1), c = Se(), C = oe(() => [
+  const [a, { open: d, close: l }] = V(!1), c = Me(), D = ie(() => [
     {
       id: !r || r === "0" ? "" : r,
       Url: i ?? "",
@@ -208,23 +208,23 @@ const Re = ({
       deletedAt: /* @__PURE__ */ new Date()
     }
   ], [i, r]);
-  return /* @__PURE__ */ N(V, { children: [
+  return /* @__PURE__ */ N(X, { children: [
     /* @__PURE__ */ n(
-      Ee,
+      _e,
       {
         opened: a,
-        onOpenChange: (m) => {
-          m ? d() : l();
+        onOpenChange: (p) => {
+          p ? d() : l();
         },
-        attachments: C,
+        attachments: D,
         allowDownload: c
       }
     ),
     /* @__PURE__ */ n(
-      ne,
+      re,
       {
         label: e("editor.image.preview"),
-        icon: Ue,
+        icon: We,
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
@@ -233,37 +233,37 @@ const Re = ({
       }
     )
   ] });
-}, Ot = ({
+}, At = ({
   nodeKey: e,
   src: i,
   href: t
 }) => {
-  const [r] = Y(), a = ie(), [d, l] = v(!1), [c, C] = v(!1), [k, m] = v(!1), { t: g } = X();
-  P(() => {
-    if (!k) return;
-    const b = (u) => {
-      const h = u.target;
-      h != null && h.closest(".floating-link-dropdown") || h != null && h.closest(".floating-link-type-combobox-dropdown") || m(!1);
+  const [r] = Z(), a = ae(), [d, l] = y(!1), [c, D] = y(!1), [b, p] = y(!1), { t: m } = Y();
+  E(() => {
+    if (!b) return;
+    const v = (u) => {
+      const w = u.target;
+      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || p(!1);
     };
-    return document.addEventListener("pointerdown", b, !0), () => document.removeEventListener("pointerdown", b, !0);
-  }, [k]);
+    return document.addEventListener("pointerdown", v, !0), () => document.removeEventListener("pointerdown", v, !0);
+  }, [b]);
   const f = L(() => {
     r.update(() => {
-      const b = S(e);
-      U(b) && b.remove();
+      const v = P(e);
+      O(v) && v.remove();
     });
-  }, [r, e]), y = L(async () => {
+  }, [r, e]), I = L(async () => {
     if (i)
       try {
-        await ae(i, re(i));
+        await se(i, le(i));
       } catch {
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    z,
+    W,
     {
-      opened: k,
-      onChange: m,
+      opened: b,
+      onChange: p,
       position: "bottom-end",
       offset: 4,
       shadow: "md",
@@ -271,20 +271,20 @@ const Re = ({
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: `media-actions ${a ? "" : "media-actions--readonly"}`,
             children: [
-              /* @__PURE__ */ n(Re, { t: g, src: i, setShown: () => {
+              /* @__PURE__ */ n($e, { t: m, src: i, setShown: () => {
               } }),
-              a && /* @__PURE__ */ N(V, { children: [
+              a && /* @__PURE__ */ N(X, { children: [
                 /* @__PURE__ */ n(
-                  xe,
+                  ze,
                   {
                     opened: d,
                     setOpened: l,
-                    t: g,
+                    t: m,
                     editor: r,
                     nodeKey: e,
                     setShown: () => {
@@ -292,15 +292,15 @@ const Re = ({
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ae,
+                  je,
                   {
                     opened: c,
-                    onOpenChange: C,
-                    t: g,
-                    onDownload: () => void y(),
+                    onOpenChange: D,
+                    t: m,
+                    onDownload: () => void I(),
                     onDelete: f,
                     hasLink: !!t,
-                    onLinkAction: () => m(!0)
+                    onLinkAction: () => p(!0)
                   }
                 )
               ] })
@@ -308,17 +308,17 @@ const Re = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          z.Dropdown,
+          W.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              le,
+              de,
               {
                 editor: r,
                 nodeKey: e,
                 href: t,
-                onClose: () => m(!1)
+                onClose: () => p(!1)
               }
             )
           }
@@ -326,36 +326,36 @@ const Re = ({
       ]
     }
   );
-}, Pt = () => {
+}, Rt = () => {
 };
-function St({ nodeKey: e, src: i, id: t, href: r }) {
-  const { t: a } = X(), [d] = Y(), l = ie(), [c, C] = v(!1), [k, m] = v(!1), [g, f] = v(!1);
-  P(() => {
-    if (!g) return;
-    const u = (h) => {
-      const O = h.target;
-      O != null && O.closest(".floating-link-dropdown") || O != null && O.closest(".floating-link-type-combobox-dropdown") || f(!1);
+function Mt({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = Y(), [d] = Z(), l = ae(), [c, D] = y(!1), [b, p] = y(!1), [m, f] = y(!1);
+  E(() => {
+    if (!m) return;
+    const u = (w) => {
+      const S = w.target;
+      S != null && S.closest(".floating-link-dropdown") || S != null && S.closest(".floating-link-type-combobox-dropdown") || f(!1);
     };
     return document.addEventListener("pointerdown", u, !0), () => document.removeEventListener("pointerdown", u, !0);
-  }, [g]);
-  const y = L(() => {
-    m(!1), d.update(() => {
-      const u = S(e);
-      if (!U(u)) return;
-      const h = u.getParent();
-      at(h) ? h.remove() : u.remove();
+  }, [m]);
+  const I = L(() => {
+    p(!1), d.update(() => {
+      const u = P(e);
+      if (!O(u)) return;
+      const w = u.getParent();
+      mt(w) ? w.remove() : u.remove();
     });
-  }, [d, e]), b = L(async () => {
+  }, [d, e]), v = L(async () => {
     if (i)
       try {
-        await ae(i, re(i));
+        await se(i, le(i));
       } catch {
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    z,
+    W,
     {
-      opened: g,
+      opened: m,
       onChange: f,
       position: "bottom-end",
       offset: 4,
@@ -364,7 +364,7 @@ function St({ nodeKey: e, src: i, id: t, href: r }) {
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: "media-actions visible",
@@ -379,26 +379,26 @@ function St({ nodeKey: e, src: i, id: t, href: r }) {
             },
             onClick: (u) => u.stopPropagation(),
             children: [
-              /* @__PURE__ */ n(Re, { t: a, src: i, setShown: Pt, id: t }),
-              l && /* @__PURE__ */ N(V, { children: [
+              /* @__PURE__ */ n($e, { t: a, src: i, setShown: Rt, id: t }),
+              l && /* @__PURE__ */ N(X, { children: [
                 /* @__PURE__ */ n(
-                  xe,
+                  ze,
                   {
                     opened: c,
-                    setOpened: C,
+                    setOpened: D,
                     t: a,
                     editor: d,
                     nodeKey: e
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ae,
+                  je,
                   {
-                    opened: k,
-                    onOpenChange: m,
+                    opened: b,
+                    onOpenChange: p,
                     t: a,
-                    onDownload: () => void b(),
-                    onDelete: y,
+                    onDownload: () => void v(),
+                    onDelete: I,
                     hasLink: !!r,
                     onLinkAction: () => f(!0)
                   }
@@ -408,12 +408,12 @@ function St({ nodeKey: e, src: i, id: t, href: r }) {
           }
         ) }),
         /* @__PURE__ */ n(
-          z.Dropdown,
+          W.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${r ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              le,
+              de,
               {
                 editor: d,
                 nodeKey: e,
@@ -427,10 +427,10 @@ function St({ nodeKey: e, src: i, id: t, href: r }) {
     }
   );
 }
-function Ut({ nodeKey: e, src: i, id: t, href: r }) {
-  const { t: a } = X(), [d] = Y(), l = ie(), c = Se(), [C, { open: k, close: m }] = G(!1), [g, { open: f, close: y }] = G(!1), [b, { open: u, close: h }] = G(!1), O = () => {
-    m(), u();
-  }, W = oe(
+function Wt({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = Y(), [d] = Z(), l = ae(), c = Me(), [D, { open: b, close: p }] = V(!1), [m, { open: f, close: I }] = V(!1), [v, { open: u, close: w }] = V(!1), S = () => {
+    p(), u();
+  }, z = ie(
     () => [
       {
         id: !t || t === "0" ? "" : t,
@@ -452,21 +452,21 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
       }
     ],
     [i, t]
-  ), w = () => {
-    m(), f();
+  ), h = () => {
+    p(), f();
   }, x = L(async () => {
-    if (m(), !!i)
+    if (p(), !!i)
       try {
-        await ae(i, re(i));
+        await se(i, le(i));
       } catch {
       }
-  }, [i, m]), E = L(() => {
-    m(), d.update(() => {
-      const I = S(e);
-      U(I) && I.remove();
+  }, [i, p]), A = L(() => {
+    p(), d.update(() => {
+      const C = P(e);
+      O(C) && C.remove();
     });
-  }, [d, e, m]);
-  return /* @__PURE__ */ N(V, { children: [
+  }, [d, e, p]);
+  return /* @__PURE__ */ N(X, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -478,37 +478,37 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
           zIndex: 10,
           pointerEvents: "auto"
         },
-        onClick: (I) => I.stopPropagation(),
+        onClick: (C) => C.stopPropagation(),
         children: /* @__PURE__ */ n(
-          ne,
+          re,
           {
             label: a("editor.toolbar.more"),
-            icon: lt,
+            icon: gt,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": a("editor.toolbar.more"),
-            onClick: k
+            onClick: b
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      Ee,
+      _e,
       {
-        opened: g,
-        onOpenChange: (I) => I ? f() : y(),
-        attachments: W,
+        opened: m,
+        onOpenChange: (C) => C ? f() : I(),
+        attachments: z,
         allowDownload: c
       }
     ),
     /* @__PURE__ */ n(
-      ye,
+      Se,
       {
-        opened: C,
-        onClose: m,
+        opened: D,
+        onClose: p,
         title: a("editor.image.mobileActions"),
-        children: /* @__PURE__ */ N(Ye, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ N(tt, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
-            B,
+            G,
             {
               type: "button",
               variant: "subtle",
@@ -516,11 +516,11 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: w,
+              onClick: h,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: Ue,
+                  icon: We,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -529,7 +529,7 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            B,
+            G,
             {
               type: "button",
               variant: "subtle",
@@ -537,11 +537,11 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: O,
+              onClick: S,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: st,
+                  icon: ht,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -550,7 +550,7 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
             }
           ),
           c && /* @__PURE__ */ n(
-            B,
+            G,
             {
               type: "button",
               variant: "subtle",
@@ -562,7 +562,7 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: Oe,
+                  icon: Ae,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -571,7 +571,7 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            B,
+            G,
             {
               type: "button",
               variant: "subtle",
@@ -579,11 +579,11 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: E,
+              onClick: A,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: Pe,
+                  icon: Re,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -595,18 +595,18 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
       }
     ),
     /* @__PURE__ */ n(
-      ye,
+      Se,
       {
-        opened: b,
-        onClose: h,
+        opened: v,
+        onClose: w,
         title: a(r ? "editor.link.editLink" : "editor.link.addLink"),
         children: /* @__PURE__ */ n(
-          le,
+          de,
           {
             editor: d,
             nodeKey: e,
             href: r,
-            onClose: h,
+            onClose: w,
             mobile: !0
           }
         )
@@ -614,7 +614,7 @@ function Ut({ nodeKey: e, src: i, id: t, href: r }) {
     )
   ] });
 }
-const Le = (e) => {
+const xe = 75, Te = (e) => {
   const {
     width: i,
     height: t,
@@ -623,26 +623,26 @@ const Le = (e) => {
     src: d,
     id: l,
     altText: c,
-    imageRef: C,
-    maxWidth: k,
-    aspectRatio: m,
-    href: g
-  } = e, f = te(null);
+    imageRef: D,
+    maxWidth: b,
+    aspectRatio: p,
+    href: m
+  } = e, f = ne(null);
   return /* @__PURE__ */ N(
     "div",
     {
       className: "media-wrapper",
-      "data-reserved-box": m ? "" : void 0,
+      "data-reserved-box": p ? "" : void 0,
       style: {
         width: i,
-        height: m ? "auto" : t,
-        aspectRatio: m || void 0,
+        height: p ? "auto" : t,
+        aspectRatio: p || void 0,
         display: "inline-flex",
         position: "relative"
       },
       children: [
         /* @__PURE__ */ n(
-          Ze,
+          ot,
           {
             visible: r,
             zIndex: 1e3,
@@ -654,58 +654,58 @@ const Le = (e) => {
           "a",
           {
             className: "editor-image-link",
-            "data-link": g ? "true" : void 0,
-            "data-href": g ? ee(g) : void 0,
-            role: g ? "link" : void 0,
-            rel: g ? "noopener noreferrer" : void 0,
+            "data-link": m ? "true" : void 0,
+            "data-href": m ? oe(m) : void 0,
+            role: m ? "link" : void 0,
+            rel: m ? "noopener noreferrer" : void 0,
             draggable: !1,
-            onMouseDown: g ? (y) => {
-              f.current = { x: y.clientX, y: y.clientY };
+            onMouseDown: m ? (I) => {
+              f.current = { x: I.clientX, y: I.clientY };
             } : void 0,
-            onClick: g ? (y) => {
-              y.preventDefault();
-              const b = f.current;
-              f.current = null, !(b && Math.hypot(y.clientX - b.x, y.clientY - b.y) > 5) && window.open(ee(g), "_blank", "noopener,noreferrer");
+            onClick: m ? (I) => {
+              I.preventDefault();
+              const v = f.current;
+              f.current = null, !(v && Math.hypot(I.clientX - v.x, I.clientY - v.y) > 5) && window.open(oe(m), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
-              xt,
+              zt,
               {
                 className: null,
                 src: d,
                 altText: c,
-                imageRef: C,
+                imageRef: D,
                 width: "inherit",
                 height: "inherit",
-                maxWidth: k || "auto",
+                maxWidth: b || "auto",
                 id: l
               }
             )
           }
         ),
-        Ce && /* @__PURE__ */ n(
-          Ut,
+        Oe && /* @__PURE__ */ n(
+          Wt,
           {
             nodeKey: e.nodeKey,
             src: d,
             id: l,
-            href: g
+            href: m
           }
         ),
-        De && /* @__PURE__ */ n(
-          St,
+        Ee && /* @__PURE__ */ n(
+          Mt,
           {
             nodeKey: e.nodeKey,
             src: d,
             id: l,
-            href: g
+            href: m
           }
         ),
-        yt && !Ce && !De && /* @__PURE__ */ n(Ot, { nodeKey: e.nodeKey, src: d, href: g })
+        Et && !Oe && !Ee && /* @__PURE__ */ n(At, { nodeKey: e.nodeKey, src: d, href: m })
       ]
     }
   );
 };
-function xt({
+function zt({
   altText: e,
   className: i,
   imageRef: t,
@@ -715,11 +715,11 @@ function xt({
   maxWidth: l,
   id: c
 }) {
-  const [C, k] = v(!1);
+  const [D, b] = y(!1);
   return /* @__PURE__ */ n(
     "img",
     {
-      className: `${i || void 0} ${C ? "" : "loading"}`,
+      className: `${i || void 0} ${D ? "" : "loading"}`,
       src: r,
       alt: e,
       ref: t,
@@ -730,19 +730,19 @@ function xt({
       },
       onLoad: () => {
         r.includes("splash") ? setTimeout(() => {
-          k(!0);
-        }, 100) : k(!0);
+          b(!0);
+        }, 100) : b(!0);
       },
       draggable: "false",
       "data-id": c
     }
   );
 }
-function to(e) {
-  const { disable: i } = Ne(Te);
-  return i && dt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Tt, { ...e });
+function so(e) {
+  const { disable: i } = Ue(Fe);
+  return i && ft.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ft, { ...e });
 }
-function Tt({
+function Ft({
   src: e,
   altText: i,
   nodeKey: t,
@@ -751,33 +751,33 @@ function Tt({
   maxWidth: d,
   showCaption: l,
   caption: c,
-  id: C,
-  create: k,
-  alignment: m,
-  imagePickerTab: g,
+  id: D,
+  create: b,
+  alignment: p,
+  imagePickerTab: m,
   aspectRatio: f,
-  href: y
+  href: I
 }) {
-  var we, ke;
-  const b = te(null), [u, h] = v(!0), [O, W] = v(!1), [w] = Y(), [x, E] = v(!0), [I, F] = v({
+  var be, ve;
+  const v = ne(null), [u, w] = y(!0), [S, z] = y(!1), [h] = Z(), [x, A] = y(!0), [C, F] = y({
     width: 0,
     height: 0
-  }), { start: se, cancel: de } = ct(), [Et, _] = v(0), {
-    fetchUploadMedia: $,
-    fetchDeleteMedia: ce,
-    maxFileSize: At,
+  }), { start: ce, cancel: ue } = wt(), [_t, _] = y(0), {
+    fetchUploadMedia: j,
+    fetchDeleteMedia: pe,
+    maxFileSize: jt,
     imperativeHandleRef: T,
-    disable: Me
-  } = Ne(Te), j = K.has(e) && (((we = K.get(e)) == null ? void 0 : we.mediaNodeKeys.length) === 0 || ((ke = K.get(e)) == null ? void 0 : ke.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: H } = X(), ue = (o) => {
+    disable: Be
+  } = Ue(Fe), $ = te.has(e) && (((be = te.get(e)) == null ? void 0 : be.mediaNodeKeys.length) === 0 || ((ve = te.get(e)) == null ? void 0 : ve.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: B } = Y(), me = (o) => {
     if (typeof o == "number") return o > 0 ? o : null;
     if (typeof o == "string" && !o.includes("%")) {
-      const p = parseFloat(o);
-      return Number.isFinite(p) && p > 0 ? p : null;
+      const g = parseFloat(o);
+      return Number.isFinite(g) && g > 0 ? g : null;
     }
     return null;
-  }, A = ue(r), pe = ue(a), me = A && pe ? A / pe : void 0, [ze, We] = v(
+  }, U = me(r), ge = me(a), He = U != null || typeof r == "string" && r.includes("%"), he = U && ge ? U / ge : void 0, [Ge, Ve] = y(
     void 0
-  ), ge = oe(() => {
+  ), fe = ie(() => {
     try {
       const o = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
@@ -786,231 +786,247 @@ function Tt({
     } catch {
       return;
     }
-  }, [e]), Fe = me ?? f ?? ge ?? ze, [_e, Z] = v(!1), $e = !_e && !me && (f ?? ge) != null, [Rt, je] = v(0);
-  P(() => w.registerDecoratorListener(() => {
-    je((o) => o + 1);
-  }), [j]), P(() => {
-    const o = w.getElementByKey(t);
+  }, [e]), Xe = he ?? f ?? fe ?? Ge, [Ye, J] = y(!1), Ze = !Ye && !he && (f ?? fe) != null, [$t, Je] = y(0);
+  E(() => h.registerDecoratorListener(() => {
+    Je((o) => o + 1);
+  }), [$]), E(() => {
+    const o = h.getElementByKey(t);
     o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
-  }, [w, t]), P(() => {
+  }, [h, t]), E(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
-      h(!1);
+      w(!1);
       return;
     }
     const o = new Image();
     o.src = e, o.onload = () => {
-      if (h(!1), o.naturalWidth) {
-        const p = o.naturalWidth / o.naturalHeight;
-        if (We(p), o.naturalWidth >= 100)
+      if (w(!1), o.naturalWidth) {
+        const g = o.naturalWidth / o.naturalHeight;
+        if (Ve(g), o.naturalWidth >= 100)
           try {
-            localStorage.setItem("layers-img-ratio:" + e, String(p));
+            localStorage.setItem("layers-img-ratio:" + e, String(g));
           } catch {
           }
-        !f && o.naturalWidth >= 100 && w.update(
+        !f && o.naturalWidth >= 100 && h.update(
           () => {
-            const s = S(t);
-            U(s) && s.getAspectRatio() == null && s.setAspectRatio(p);
+            const s = P(t);
+            O(s) && s.getAspectRatio() == null && s.setAspectRatio(g);
           },
           { tag: "history-merge" }
         );
       }
     }, o.onerror = () => {
-      h(!1);
+      w(!1);
     };
-  }, [e, j]);
-  const He = (o, p) => {
-    w.update(() => {
-      Je(null);
-      const s = S(t);
-      U(s) && s.setWidthAndHeight(o, p);
+  }, [e, $]);
+  const Qe = (o, g) => {
+    h.update(() => {
+      it(null);
+      const s = P(t);
+      O(s) && s.setWidthAndHeight(o, g);
     });
-  }, { historyState: fe } = ut(), {
-    settings: { showNestedEditorTreeView: he }
-  } = pt();
-  function Be(o) {
-    const p = It(o);
-    return p ? Ct(p).width : 0;
-  }
-  function Ge(o) {
-    return new Promise((p, s) => {
-      if (vt(o)) {
-        p(Be(o));
+  }, { historyState: we } = kt(), {
+    settings: { showNestedEditorTreeView: ke }
+  } = bt();
+  function qe(o) {
+    return new Promise((g, s) => {
+      if (St(o)) {
+        const H = Pt(o);
+        g(H ? Ot(H) : { width: 0, height: 0 });
         return;
       }
-      const D = new Image();
-      D.src = o, D.onload = () => {
-        p(D.width);
-      }, D.onerror = () => {
+      const k = new Image();
+      k.src = o, k.onload = () => {
+        g({ width: k.width, height: k.height });
+      }, k.onerror = () => {
         s(new Error("Failed to load image"));
       };
     });
   }
-  P(() => {
-    let o = r, p = a, s = 100;
-    if ((e.includes("unsplash") ? e.trim() : !j && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
-      if (A != null && A >= s) {
-        E(!1), F({ width: A, height: A }), Z(!0);
+  E(() => {
+    let o = r, g = a, s = xe;
+    if ((e.includes("unsplash") ? e.trim() : !$ && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
+      if (U != null && U >= s) {
+        A(!1), F({ width: U, height: U }), J(!0);
         return;
       }
-      Ge(e).then((D) => {
-        typeof o == "number" && o < s && D < s ? (E(!0), F({
-          width: o,
-          height: p
-        })) : D < s ? (E(!0), F({
-          width: "auto",
-          height: "auto"
-        })) : (F({
-          width: D,
-          height: D
-        }), E(!1)), Z(!0);
-      }).catch((D) => {
-        Z(!0), console.warn("Ошибка при загрузке изображения:", D.message);
+      qe(e).then(({ width: k, height: H }) => {
+        var ye, Ie;
+        if (typeof o == "number" && o < s && k < s)
+          A(!0), F({
+            width: o,
+            height: g
+          });
+        else if (k < s)
+          A(!0), F({
+            width: k,
+            height: H
+          });
+        else if (F({
+          width: k,
+          height: k
+        }), A(!1), !He) {
+          const K = ((Ie = (ye = h.getElementByKey(t)) == null ? void 0 : ye.parentElement) == null ? void 0 : Ie.getBoundingClientRect().width) ?? 0;
+          if (K > 0 && k < K) {
+            const Ce = k / K * 100;
+            h.update(
+              () => {
+                const De = P(t);
+                O(De) && De.setWidthAndHeight(Ce, Ce);
+              },
+              { tag: "history-merge" }
+            );
+          }
+        }
+        J(!0);
+      }).catch((k) => {
+        J(!0), console.warn("Ошибка при загрузке изображения:", k.message);
       });
     }
-  }, [e, j]), P(() => {
-    I.width && I.height && x && w.update(() => {
-      const o = S(t);
-      U(o) && o.setWidthAndHeight(I.width, I.height);
+  }, [e, $]), E(() => {
+    C.width && C.height && x && h.update(() => {
+      const o = P(t);
+      O(o) && o.setWidthAndHeight(C.width, C.height);
     });
-  }, [I.width, I.height, x]);
-  const Ve = L(
-    (o) => mt(w, t, o),
-    [w, t]
-  ), q = L(
-    (o, p) => {
-      W(!1), h(!1), w.update(() => {
-        const s = S(t);
-        U(s) && (s.setSrc(o), s.setId(p));
+  }, [C.width, C.height, x]);
+  const Ke = L(
+    (o) => vt(h, t, o),
+    [h, t]
+  ), Q = L(
+    (o, g) => {
+      z(!1), w(!1), h.update(() => {
+        const s = P(t);
+        O(s) && (s.setSrc(o), s.setId(g));
       });
     },
-    [w, t]
-  ), Xe = L(() => {
-    de(), W(!1), h(!1), _(0);
-  }, [de]), J = L(
+    [h, t]
+  ), et = L(() => {
+    ue(), z(!1), w(!1), _(0);
+  }, [ue]), q = L(
     (o) => {
-      W(!0), h(!0);
-      const p = se();
-      $ && $(
+      z(!0), w(!0);
+      const g = ce();
+      j && j(
         o[0],
-        (s, D) => {
-          q(s, D), _(0);
+        (s, k) => {
+          Q(s, k), _(0);
         },
         (s) => {
-          s && Dt({
-            message: H("editor.gallery.errorFile")
-          }), _(0), q(e.startsWith("blob:") ? "upload" : "", "");
+          s && xt({
+            message: B("editor.gallery.errorFile")
+          }), _(0), Q(e.startsWith("blob:") ? "upload" : "", "");
         },
-        p,
+        g,
         (s) => {
           _(s);
         },
-        w.getEditorState().read(() => {
-          const s = S(t);
-          return U(s) ? s.getId() : void 0;
+        h.getEditorState().read(() => {
+          const s = P(t);
+          return O(s) ? s.getId() : void 0;
         })
       );
     },
-    [w, $, t, se, H, q, e]
+    [h, j, t, ce, B, Q, e]
   );
-  return P(() => w.registerCommand(
-    gt,
-    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (J(o.files), !0),
-    qe
-  ), [w, J, t, e]), !e || e === "upload" ? O ? /* @__PURE__ */ n(be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(ft, { onCancel: Xe }) }) : /* @__PURE__ */ n(be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
-    ht,
+  return E(() => h.registerCommand(
+    yt,
+    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
+    nt
+  ), [h, q, t, e]), !e || e === "upload" ? S ? /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(It, { onCancel: et }) }) : /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+    Ct,
     {
       inline: !0,
       nodeKey: t,
-      defaultTabValue: g,
-      onWriteTabToNode: Ve,
+      defaultTabValue: m,
+      onWriteTabToNode: Ke,
       onUpload: (o) => {
-        var s, D;
-        if (!$ || !o.length) return;
-        J([o[0]]);
-        const p = o.slice(1);
-        p.length && ((D = (s = T == null ? void 0 : T.current) == null ? void 0 : s.insertImages) == null || D.call(s, p));
+        var s, k;
+        if (!j || !o.length) return;
+        q([o[0]]);
+        const g = o.slice(1);
+        g.length && ((k = (s = T == null ? void 0 : T.current) == null ? void 0 : s.insertImages) == null || k.call(s, g));
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: wt
+        zIndex: Dt
       },
       onChange: (o) => {
-        w.update(() => {
-          const p = S(t);
-          U(p) && p.setSrc(o);
+        h.update(() => {
+          const g = P(t);
+          O(g) && g.setSrc(o);
         });
       }
     }
-  ) }) : x && !$e ? /* @__PURE__ */ n(
-    Le,
+  ) }) : x && !Ze ? /* @__PURE__ */ n(
+    Te,
     {
-      width: I.width,
-      height: I.height,
+      width: C.width,
+      height: C.height,
       isLoading: u,
       isError: !1,
       isIcon: x,
       src: e,
-      id: C,
-      editor: w,
+      id: D,
+      editor: h,
       nodeKey: t,
-      fetchDeleteMedia: ce,
+      fetchDeleteMedia: pe,
       altText: i,
-      imageRef: b,
+      imageRef: v,
       maxWidth: d,
       showCaption: l,
       caption: c,
       isCollabActive: !1,
-      historyState: fe,
-      showNestedEditorTreeView: he,
-      t: H,
-      href: y
+      historyState: we,
+      showNestedEditorTreeView: ke,
+      t: B,
+      href: I
     }
   ) : /* @__PURE__ */ n(
-    kt,
+    Lt,
     {
-      editor: w,
+      editor: h,
       isIcon: x,
-      width: Ie(r),
-      height: Ie(a),
-      initialWidth: I.width || "",
-      initialHeight: I.height || "",
-      onResizeEnd: He,
-      alignment: m,
-      disable: Me,
+      minWidthPx: xe,
+      width: Pe(r),
+      height: Pe(a),
+      initialWidth: C.width || "",
+      initialHeight: C.height || "",
+      onResizeEnd: Qe,
+      alignment: p,
+      disable: Be,
       onRegisterDecoratorEnter: (o) => {
         T != null && T.current && (T.current.decoratorEnterAction = o);
       },
-      onActivate: () => w.dispatchCommand(bt, "show_menu"),
+      onActivate: () => h.dispatchCommand(Nt, "show_menu"),
       children: /* @__PURE__ */ n(
-        Le,
+        Te,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Fe,
+          aspectRatio: Xe,
           isLoading: u,
           isError: !1,
           isIcon: x,
           src: e,
-          id: C,
-          editor: w,
+          id: D,
+          editor: h,
           nodeKey: t,
-          fetchDeleteMedia: ce,
+          fetchDeleteMedia: pe,
           altText: i,
-          imageRef: b,
+          imageRef: v,
           maxWidth: d,
           showCaption: l,
           caption: c,
           isCollabActive: !1,
-          historyState: fe,
-          showNestedEditorTreeView: he,
-          t: H,
-          href: y
+          historyState: we,
+          showNestedEditorTreeView: ke,
+          t: B,
+          href: I
         }
       )
     }
   );
 }
 export {
-  to as default
+  so as default
 };