@layers-app/editor 2.3.0 → 2.3.2

package/dist/{layers.5g-d1lPI.js → layers.oBoAHASG.js}

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as O, Fragment as B } from "react/jsx-runtime";
-import { useState as y, useCallback as D, useRef as ee, useEffect as E, useMemo as te, useContext as Ce } from "react";
+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 W, Stack as Ve, Button as $, Box as Ge, LoadingOverlay as Xe } from "@mantine/core";
-import { $getNodeByKey as x, COMMAND_PRIORITY_LOW as Ye, $setSelection as Ze } from "lexical";
-import { y as qe, z as Je, B as Qe, D as Ke, F as we, G as K, J as et, L as tt, A as oe, K as ot, P as nt, H as M, Q as De, n as Le, S as Oe, U as Ne, V as T, N as Ee, W as it, X as at, q as be, Y as rt, C as Pe, Z as lt, _ as st, a0 as Q, a1 as dt, a2 as ct, a3 as ut, a4 as pt, a5 as mt, a6 as gt, R as ft, m as ve, O as ht, k as ke, a7 as ye, o as wt } from "./layers.BrPGpTKD.js";
-import { AttachmentsGalleryModal as xe, showErrorNotification as bt } from "@layers-app/shared";
+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";
@@ -18,50 +18,50 @@ import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
 function vt(e, i) {
-  const o = document.createElement("a");
-  o.href = e, o.download = i, o.rel = "noopener", document.body.appendChild(o), o.click(), o.remove();
+  const t = document.createElement("a");
+  t.href = e, t.download = i, t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
 }
 function ie(e) {
   try {
-    const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
-    return o.includes(".") ? o : `${o}.png`;
+    const t = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
+    return t.includes(".") ? t : `${t}.png`;
   } catch {
     return "image";
   }
 }
 async function ae(e, i) {
-  const o = await fetch(e);
-  if (!o.ok)
+  const t = await fetch(e);
+  if (!t.ok)
     throw new Error("fetch failed");
-  const a = await o.blob(), r = URL.createObjectURL(a);
+  const a = await t.blob(), r = URL.createObjectURL(a);
   try {
     vt(r, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(r), 0);
   }
 }
-function kt({
+function yt({
   editor: e,
   nodeKey: i,
-  href: o,
+  href: t,
   onClose: a
 }) {
   const [r, s] = y(
-    () => qe(o)
-  ), [l, d] = y(() => Je(o)), [I, b] = y(!1), m = D((c) => {
+    () => Ye(t)
+  ), [l, d] = y(() => Ze(t)), [I, b] = y(!1), p = C((c) => {
     s(c), b(!1);
-  }, []), g = D((c) => {
+  }, []), m = C((c) => {
     d(c), b(!1);
-  }, []), h = D(() => {
-    const c = Qe(l.trim(), r);
-    if (!c || !Ke(c, r)) {
+  }, []), h = C(() => {
+    const c = qe(l.trim(), r);
+    if (!c || !Je(c, r)) {
       b(!0);
       return;
     }
-    we(e, i, K(c)), a();
-  }, [e, i, l, r, a]), k = D(() => {
-    we(e, i, ""), a();
-  }, [e, i, a]), v = D(
+    he(e, i, K(c)), a();
+  }, [e, i, l, r, a]), v = C(() => {
+    he(e, i, ""), a();
+  }, [e, i, a]), k = C(
     (c) => {
       c.key === "Enter" ? (c.preventDefault(), h()) : c.key === "Escape" && (c.preventDefault(), a());
     },
@@ -71,26 +71,26 @@ function kt({
     linkType: r,
     linkUrl: l,
     error: I,
-    onLinkTypeChange: m,
-    onUrlInputChange: g,
-    onUrlInputKeyDown: v,
+    onLinkTypeChange: p,
+    onUrlInputChange: m,
+    onUrlInputKeyDown: k,
     onSave: h,
-    onRemove: k
+    onRemove: v
   };
 }
 function re({
   editor: e,
   nodeKey: i,
-  href: o,
+  href: t,
   onClose: a,
   mobile: r
 }) {
-  const s = ee(null), l = kt({ editor: e, nodeKey: i, href: o, onClose: a });
-  return E(() => {
+  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(
-    et,
+    Qe,
     {
       inputRef: s,
       linkUrl: l.linkUrl,
@@ -102,25 +102,25 @@ function re({
       onUrlInputKeyDown: l.onUrlInputKeyDown,
       onCancel: a,
       onSave: l.onSave,
-      onRemove: o ? l.onRemove : void 0
+      onRemove: t ? l.onRemove : void 0
     }
   );
 }
 function Te({
   opened: e,
   onOpenChange: i,
-  t: o,
+  t,
   onDownload: a,
   onDelete: r,
   hasLink: s,
   onLinkAction: l
 }) {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ N(
     R,
     {
       opened: e,
       onChange: i,
-      transitionProps: tt,
+      transitionProps: Ke,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
@@ -130,13 +130,13 @@ function Te({
         /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
           oe,
           {
-            label: o("editor.toolbar.more"),
-            icon: ot,
+            label: t("editor.toolbar.more"),
+            icon: et,
             iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": o("editor.toolbar.more")
+            "aria-label": t("editor.toolbar.more")
           }
         ) }),
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ N(
           R.Dropdown,
           {
             p: 4,
@@ -147,32 +147,32 @@ function Te({
               l && /* @__PURE__ */ n(
                 R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(nt, { 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();
                   },
-                  children: o(s ? "editor.link.editLink" : "editor.link.addLink")
+                  children: t(s ? "editor.link.editLink" : "editor.link.addLink")
                 }
               ),
               /* @__PURE__ */ n(
                 R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: De, 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();
                   },
-                  children: o("editor.gallery.download")
+                  children: t("editor.gallery.download")
                 }
               ),
               /* @__PURE__ */ n(
                 R.Item,
                 {
                   color: "red",
-                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: Le, 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();
                   },
-                  children: o("editor.contextMenu.delete")
+                  children: t("editor.contextMenu.delete")
                 }
               )
             ]
@@ -182,13 +182,13 @@ function Te({
     }
   );
 }
-const Se = ({
+const Ee = ({
   t: e,
   src: i,
-  setShown: o,
+  setShown: t,
   id: a
 }) => {
-  const [r, { open: s, close: l }] = H(!1), d = Oe(), I = te(() => [
+  const [r, { open: s, close: l }] = H(!1), d = Le(), I = te(() => [
     {
       id: !a || a === "0" ? "" : a,
       Url: i ?? "",
@@ -208,13 +208,13 @@ const Se = ({
       deletedAt: /* @__PURE__ */ new Date()
     }
   ], [i, a]);
-  return /* @__PURE__ */ O(B, { children: [
+  return /* @__PURE__ */ N(B, { children: [
     /* @__PURE__ */ n(
-      xe,
+      Pe,
       {
         opened: r,
-        onOpenChange: (m) => {
-          m ? s() : l();
+        onOpenChange: (p) => {
+          p ? s() : l();
         },
         attachments: I,
         allowDownload: d
@@ -228,42 +228,42 @@ const Se = ({
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
-          o(!1), s();
+          t(!1), s();
         }
       }
     )
   ] });
-}, yt = ({
+}, It = ({
   nodeKey: e,
   src: i,
-  href: o
+  href: t
 }) => {
-  const [a] = G(), r = ne(), [s, l] = y(!1), [d, I] = y(!1), [b, m] = y(!1), { t: g } = V();
-  E(() => {
+  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 v = (c) => {
+    const k = (c) => {
       const w = c.target;
-      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || m(!1);
+      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || p(!1);
     };
-    return document.addEventListener("pointerdown", v, !0), () => document.removeEventListener("pointerdown", v, !0);
+    return document.addEventListener("pointerdown", k, !0), () => document.removeEventListener("pointerdown", k, !0);
   }, [b]);
-  const h = D(() => {
+  const h = C(() => {
     a.update(() => {
-      const v = x(e);
-      T(v) && v.remove();
+      const k = T(e);
+      E(k) && k.remove();
     });
-  }, [a, e]), k = D(async () => {
+  }, [a, e]), v = C(async () => {
     if (i)
       try {
         await ae(i, ie(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ O(
-    W,
+  return /* @__PURE__ */ N(
+    z,
     {
       opened: b,
-      onChange: m,
+      onChange: p,
       position: "bottom-end",
       offset: 4,
       shadow: "md",
@@ -271,20 +271,20 @@ const Se = ({
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
+        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: `media-actions ${r ? "" : "media-actions--readonly"}`,
             children: [
-              /* @__PURE__ */ n(Se, { t: g, src: i, setShown: () => {
+              /* @__PURE__ */ n(Ee, { t: m, src: i, setShown: () => {
               } }),
-              r && /* @__PURE__ */ O(B, { children: [
+              r && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
-                  Ee,
+                  Oe,
                   {
                     opened: s,
                     setOpened: l,
-                    t: g,
+                    t: m,
                     editor: a,
                     nodeKey: e,
                     setShown: () => {
@@ -296,11 +296,11 @@ const Se = ({
                   {
                     opened: d,
                     onOpenChange: I,
-                    t: g,
-                    onDownload: () => void k(),
+                    t: m,
+                    onDownload: () => void v(),
                     onDelete: h,
-                    hasLink: !!o,
-                    onLinkAction: () => m(!0)
+                    hasLink: !!t,
+                    onLinkAction: () => p(!0)
                   }
                 )
               ] })
@@ -308,17 +308,17 @@ const Se = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          W.Dropdown,
+          z.Dropdown,
           {
-            className: `floating-link-dropdown floating-link-dropdown--${o ? "edit" : "create"}-mode`,
+            className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
               re,
               {
                 editor: a,
                 nodeKey: e,
-                href: o,
-                onClose: () => m(!1)
+                href: t,
+                onClose: () => p(!1)
               }
             )
           }
@@ -326,36 +326,36 @@ const Se = ({
       ]
     }
   );
-}, It = () => {
+}, Ct = () => {
 };
-function Ct({ nodeKey: e, src: i, id: o, href: a }) {
-  const { t: r } = V(), [s] = G(), l = ne(), [d, I] = y(!1), [b, m] = y(!1), [g, h] = y(!1);
-  E(() => {
-    if (!g) return;
+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;
       u != null && u.closest(".floating-link-dropdown") || u != null && u.closest(".floating-link-type-combobox-dropdown") || h(!1);
     };
     return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
-  }, [g]);
-  const k = D(() => {
-    m(!1), s.update(() => {
-      const c = x(e);
-      if (!T(c)) return;
+  }, [m]);
+  const v = C(() => {
+    p(!1), s.update(() => {
+      const c = T(e);
+      if (!E(c)) return;
       const w = c.getParent();
-      it(w) ? w.remove() : c.remove();
+      ot(w) ? w.remove() : c.remove();
     });
-  }, [s, e]), v = D(async () => {
+  }, [s, e]), k = C(async () => {
     if (i)
       try {
         await ae(i, ie(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ O(
-    W,
+  return /* @__PURE__ */ N(
+    z,
     {
-      opened: g,
+      opened: m,
       onChange: h,
       position: "bottom-end",
       offset: 4,
@@ -364,7 +364,7 @@ function Ct({ nodeKey: e, src: i, id: o, href: a }) {
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
+        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: "media-actions visible",
@@ -379,10 +379,10 @@ function Ct({ nodeKey: e, src: i, id: o, href: a }) {
             },
             onClick: (c) => c.stopPropagation(),
             children: [
-              /* @__PURE__ */ n(Se, { t: r, src: i, setShown: It, id: o }),
-              l && /* @__PURE__ */ O(B, { children: [
+              /* @__PURE__ */ n(Ee, { t: r, src: i, setShown: Ct, id: t }),
+              l && /* @__PURE__ */ N(B, { children: [
                 /* @__PURE__ */ n(
-                  Ee,
+                  Oe,
                   {
                     opened: d,
                     setOpened: I,
@@ -395,10 +395,10 @@ function Ct({ nodeKey: e, src: i, id: o, href: a }) {
                   Te,
                   {
                     opened: b,
-                    onOpenChange: m,
+                    onOpenChange: p,
                     t: r,
-                    onDownload: () => void v(),
-                    onDelete: k,
+                    onDownload: () => void k(),
+                    onDelete: v,
                     hasLink: !!a,
                     onLinkAction: () => h(!0)
                   }
@@ -408,7 +408,7 @@ function Ct({ nodeKey: e, src: i, id: o, href: a }) {
           }
         ) }),
         /* @__PURE__ */ n(
-          W.Dropdown,
+          z.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${a ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
@@ -427,13 +427,13 @@ function Ct({ nodeKey: e, src: i, id: o, href: a }) {
     }
   );
 }
-function Dt({ nodeKey: e, src: i, id: o, href: a }) {
-  const { t: r } = V(), [s] = G(), l = ne(), d = Oe(), [I, { open: b, close: m }] = H(!1), [g, { open: h, close: k }] = H(!1), [v, { open: c, close: w }] = H(!1), u = () => {
-    m(), c();
+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();
   }, P = te(
     () => [
       {
-        id: !o || o === "0" ? "" : o,
+        id: !t || t === "0" ? "" : t,
         Url: i ?? "",
         contentType: "image/*",
         originalFileName: "",
@@ -451,22 +451,22 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
         deletedAt: /* @__PURE__ */ new Date()
       }
     ],
-    [i, o]
-  ), S = () => {
-    m(), h();
-  }, L = D(async () => {
-    if (m(), !!i)
+    [i, t]
+  ), U = () => {
+    p(), h();
+  }, L = C(async () => {
+    if (p(), !!i)
       try {
         await ae(i, ie(i));
       } catch {
       }
-  }, [i, m]), U = D(() => {
-    m(), s.update(() => {
-      const N = x(e);
-      T(N) && N.remove();
+  }, [i, p]), x = C(() => {
+    p(), s.update(() => {
+      const O = T(e);
+      E(O) && O.remove();
     });
-  }, [s, e, m]);
-  return /* @__PURE__ */ O(B, { children: [
+  }, [s, e, p]);
+  return /* @__PURE__ */ N(B, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -478,12 +478,12 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
           zIndex: 10,
           pointerEvents: "auto"
         },
-        onClick: (N) => N.stopPropagation(),
+        onClick: (O) => O.stopPropagation(),
         children: /* @__PURE__ */ n(
           oe,
           {
             label: r("editor.toolbar.more"),
-            icon: at,
+            icon: nt,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": r("editor.toolbar.more"),
             onClick: b
@@ -492,21 +492,21 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
       }
     ),
     /* @__PURE__ */ n(
-      xe,
+      Pe,
       {
-        opened: g,
-        onOpenChange: (N) => N ? h() : k(),
+        opened: m,
+        onOpenChange: (O) => O ? h() : v(),
         attachments: P,
         allowDownload: d
       }
     ),
     /* @__PURE__ */ n(
-      be,
+      we,
       {
         opened: I,
-        onClose: m,
+        onClose: p,
         title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ O(Ve, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ N(He, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
             $,
             {
@@ -516,7 +516,7 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: S,
+              onClick: U,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
@@ -541,7 +541,7 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: rt,
+                  icon: it,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -562,7 +562,7 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: De,
+                  icon: Ce,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -579,11 +579,11 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: U,
+              onClick: x,
               leftSection: /* @__PURE__ */ n(
                 M,
                 {
-                  icon: Le,
+                  icon: De,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -595,9 +595,9 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
       }
     ),
     /* @__PURE__ */ n(
-      be,
+      we,
       {
-        opened: v,
+        opened: k,
         onClose: w,
         title: r(a ? "editor.link.editLink" : "editor.link.addLink"),
         children: /* @__PURE__ */ n(
@@ -614,10 +614,10 @@ function Dt({ nodeKey: e, src: i, id: o, href: a }) {
     )
   ] });
 }
-const Ie = (e) => {
+const ye = (e) => {
   const {
     width: i,
-    height: o,
+    height: t,
     isLoading: a,
     isError: r,
     src: s,
@@ -625,24 +625,24 @@ const Ie = (e) => {
     altText: d,
     imageRef: I,
     maxWidth: b,
-    aspectRatio: m,
-    href: g
+    aspectRatio: p,
+    href: m
   } = e, h = ee(null);
-  return /* @__PURE__ */ O(
+  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" : o,
-        aspectRatio: m || void 0,
+        height: p ? "auto" : t,
+        aspectRatio: p || void 0,
         display: "inline-flex",
         position: "relative"
       },
       children: [
         /* @__PURE__ */ n(
-          Xe,
+          Ve,
           {
             visible: a,
             zIndex: 1e3,
@@ -654,21 +654,21 @@ const Ie = (e) => {
           "a",
           {
             className: "editor-image-link",
-            "data-link": g ? "true" : void 0,
-            "data-href": g ? K(g) : void 0,
-            role: g ? "link" : void 0,
-            rel: g ? "noopener noreferrer" : void 0,
+            "data-link": m ? "true" : void 0,
+            "data-href": m ? K(m) : void 0,
+            role: m ? "link" : void 0,
+            rel: m ? "noopener noreferrer" : void 0,
             draggable: !1,
-            onMouseDown: g ? (k) => {
-              h.current = { x: k.clientX, y: k.clientY };
+            onMouseDown: m ? (v) => {
+              h.current = { x: v.clientX, y: v.clientY };
             } : void 0,
-            onClick: g ? (k) => {
-              k.preventDefault();
-              const v = h.current;
-              h.current = null, !(v && Math.hypot(k.clientX - v.x, k.clientY - v.y) > 5) && window.open(K(g), "_blank", "noopener,noreferrer");
+            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(K(m), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
-              Lt,
+              Nt,
               {
                 className: null,
                 src: s,
@@ -683,32 +683,32 @@ const Ie = (e) => {
           }
         ),
         ke && /* @__PURE__ */ n(
-          Dt,
+          Lt,
           {
             nodeKey: e.nodeKey,
             src: s,
             id: l,
-            href: g
+            href: m
           }
         ),
-        ye && /* @__PURE__ */ n(
-          Ct,
+        ve && /* @__PURE__ */ n(
+          Dt,
           {
             nodeKey: e.nodeKey,
             src: s,
             id: l,
-            href: g
+            href: m
           }
         ),
-        wt && !ke && !ye && /* @__PURE__ */ n(yt, { nodeKey: e.nodeKey, src: s, href: g })
+        ht && !ke && !ve && /* @__PURE__ */ n(It, { nodeKey: e.nodeKey, src: s, href: m })
       ]
     }
   );
 };
-function Lt({
+function Nt({
   altText: e,
   className: i,
-  imageRef: o,
+  imageRef: t,
   src: a,
   width: r,
   height: s,
@@ -722,7 +722,7 @@ function Lt({
       className: `${i || void 0} ${I ? "" : "loading"}`,
       src: a,
       alt: e,
-      ref: o,
+      ref: t,
       style: {
         height: s,
         maxWidth: l,
@@ -738,14 +738,14 @@ function Lt({
     }
   );
 }
-function Zt(e) {
-  const { disable: i } = Ce(Pe);
-  return i && lt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
+function qt(e) {
+  const { disable: i } = Ie(Se);
+  return i && at.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
 }
 function Ot({
   src: e,
   altText: i,
-  nodeKey: o,
+  nodeKey: t,
   width: a,
   height: r,
   maxWidth: s,
@@ -753,200 +753,188 @@ function Ot({
   caption: d,
   id: I,
   create: b,
-  alignment: m,
-  imagePickerTab: g,
+  alignment: p,
+  imagePickerTab: m,
   aspectRatio: h,
-  href: k
+  href: v
 }) {
   var ge, fe;
-  const v = ee(null), [c, w] = y(!0), [u] = G(), [P, S] = y(!0), [L, U] = y({
+  const k = ee(null), [c, w] = y(!0), [u] = G(), [P, U] = y(!0), [L, x] = y({
     width: 0,
     height: 0
-  }), { start: N } = st(), [Nt, X] = y(0), {
-    fetchUploadMedia: z,
+  }), { start: O } = rt(), [St, X] = y(0), {
+    fetchUploadMedia: W,
     fetchDeleteMedia: le,
-    maxFileSize: Et,
-    imperativeHandleRef: F,
+    maxFileSize: Pt,
+    imperativeHandleRef: _,
     disable: Ue
-  } = Ce(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: j } = V(), se = (t) => {
-    if (typeof t == "number") return t > 0 ? t : null;
-    if (typeof t == "string" && !t.includes("%")) {
-      const f = parseFloat(t);
-      return Number.isFinite(f) && f > 0 ? f : null;
+  } = 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;
-  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [Ae, Re] = y(
+  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [xe, Ae] = y(
     void 0
   ), ue = te(() => {
     try {
-      const t = parseFloat(
+      const o = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
       );
-      return Number.isFinite(t) && t > 0 ? t : void 0;
+      return Number.isFinite(o) && o > 0 ? o : void 0;
     } catch {
       return;
     }
-  }, [e]), Me = ce ?? h ?? ue ?? Ae, [We, Y] = y(!1), ze = !We && !ce && (h ?? ue) != null, [Pt, Fe] = y(0);
-  E(() => u.registerDecoratorListener(() => {
-    Fe((t) => t + 1);
-  }), [_]), E(() => {
-    const t = u.getElementByKey(o);
-    t && (t.style.removeProperty("aspect-ratio"), t.style.removeProperty("width"));
-  }, [u, o]), E(() => {
+  }, [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);
+  }), [F]), S(() => {
+    const o = u.getElementByKey(t);
+    o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
+  }, [u, t]), S(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
     }
-    const t = new Image();
-    t.src = e, t.onload = () => {
-      if (w(!1), t.naturalWidth) {
-        const f = t.naturalWidth / t.naturalHeight;
-        if (Re(f), t.naturalWidth >= 100)
+    const o = new Image();
+    o.src = e, o.onload = () => {
+      if (w(!1), o.naturalWidth) {
+        const g = o.naturalWidth / o.naturalHeight;
+        if (Ae(g), o.naturalWidth >= 100)
           try {
-            localStorage.setItem("layers-img-ratio:" + e, String(f));
+            localStorage.setItem("layers-img-ratio:" + e, String(g));
           } catch {
           }
-        !h && t.naturalWidth >= 100 && u.update(
+        !h && o.naturalWidth >= 100 && u.update(
           () => {
-            const p = x(o);
-            T(p) && p.getAspectRatio() == null && p.setAspectRatio(f);
+            const f = T(t);
+            E(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
           },
           { tag: "history-merge" }
         );
       }
-    }, t.onerror = () => {
+    }, o.onerror = () => {
       w(!1);
     };
-  }, [e, _]);
-  const _e = (t, f) => {
+  }, [e, F]);
+  const _e = (o, g) => {
     u.update(() => {
-      Ze(null);
-      const p = x(o);
-      T(p) && p.setWidthAndHeight(t, f);
+      Xe(null);
+      const f = T(t);
+      E(f) && f.setWidthAndHeight(o, g);
     });
-  }, { historyState: pe } = dt(), {
+  }, { historyState: pe } = lt(), {
     settings: { showNestedEditorTreeView: me }
-  } = ct();
-  function je(t) {
-    return t.endsWith(".svg") || t.includes("image/svg+xml");
-  }
-  function $e(t) {
-    if (!t.startsWith("data:")) return 0;
-    try {
-      const f = t.slice(t.indexOf(",") + 1), p = t.includes(";base64,") ? atob(f) : decodeURIComponent(f), C = p.match(
-        /viewBox\s*=\s*["']\s*[\d.eE+\-]+\s+[\d.eE+\-]+\s+([\d.eE+]+)\s+([\d.eE+]+)/i
-      );
-      if (C) return Math.round(parseFloat(C[1]));
-      const he = p.match(/\bwidth\s*=\s*["'](\d[\d.]*)(?:px)?["']/i);
-      if (he) return Math.round(parseFloat(he[1]));
-    } catch {
-    }
-    return 0;
+  } = st();
+  function Fe(o) {
+    const g = wt(o);
+    return g ? bt(g).width : 0;
   }
-  function He(t) {
-    return new Promise((f, p) => {
-      if (je(t)) {
-        f($e(t));
+  function je(o) {
+    return new Promise((g, f) => {
+      if (ft(o)) {
+        g(Fe(o));
         return;
       }
-      const C = new Image();
-      C.src = t, C.onload = () => {
-        f(C.width);
-      }, C.onerror = () => {
-        p(new Error("Failed to load image"));
+      const D = new Image();
+      D.src = o, D.onload = () => {
+        g(D.width);
+      }, D.onerror = () => {
+        f(new Error("Failed to load image"));
       };
     });
   }
-  E(() => {
-    let t = a, f = r, p = 100;
-    if ((e.includes("unsplash") ? e.trim() : !_ && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
-      if (A != null && A >= p) {
-        S(!1), U({ width: A, height: A }), Y(!0);
+  S(() => {
+    let o = a, g = r, f = 100;
+    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;
       }
-      He(e).then((C) => {
-        typeof t == "number" && t < p && C < p ? (S(!0), U({
-          width: t,
-          height: f
-        })) : C < p ? (S(!0), U({
+      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"
-        })) : (U({
-          width: C,
-          height: C
-        }), S(!1)), Y(!0);
-      }).catch((C) => {
-        Y(!0), console.warn("Ошибка при загрузке изображения:", C.message);
+        })) : (x({
+          width: D,
+          height: D
+        }), U(!1)), Y(!0);
+      }).catch((D) => {
+        Y(!0), console.warn("Ошибка при загрузке изображения:", D.message);
       });
     }
-  }, [e, _]), E(() => {
+  }, [e, F]), S(() => {
     L.width && L.height && P && u.update(() => {
-      const t = x(o);
-      T(t) && t.setWidthAndHeight(L.width, L.height);
+      const o = T(t);
+      E(o) && o.setWidthAndHeight(L.width, L.height);
     });
   }, [L.width, L.height, P]);
-  const Be = D(
-    (t) => ut(u, o, t),
-    [u, o]
-  ), Z = D(
-    (t, f) => {
+  const $e = C(
+    (o) => dt(u, t, o),
+    [u, t]
+  ), Z = C(
+    (o, g) => {
       w(!1), u.update(() => {
-        const p = x(o);
-        T(p) && (p.setSrc(t), p.setId(f));
+        const f = T(t);
+        E(f) && (f.setSrc(o), f.setId(g));
       });
     },
-    [u, o]
-  ), q = D(
-    (t) => {
+    [u, t]
+  ), q = C(
+    (o) => {
       w(!0);
-      const f = N();
-      z && z(
-        t[0],
-        (p, C) => {
-          Z(p, C), X(0);
+      const g = O();
+      W && W(
+        o[0],
+        (f, D) => {
+          Z(f, D), X(0);
         },
-        (p) => {
-          p && bt({
+        (f) => {
+          f && kt({
             message: j("editor.gallery.errorFile")
           }), X(0), Z(e.startsWith("blob:") ? "upload" : "", "");
         },
-        f,
-        (p) => {
-          X(p);
+        g,
+        (f) => {
+          X(f);
         }
       );
     },
-    [z, N, j, Z, e]
+    [W, O, j, Z, e]
   );
-  return E(() => u.registerCommand(
-    pt,
-    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : (q(t.files), !0),
-    Ye
-  ), [u, q, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(Ge, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
-    mt,
+  return S(() => u.registerCommand(
+    ct,
+    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
+    Ge
+  ), [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,
-      nodeKey: o,
-      defaultTabValue: g,
-      onWriteTabToNode: Be,
+      nodeKey: t,
+      defaultTabValue: m,
+      onWriteTabToNode: $e,
       uploading: !1,
-      onUpload: (t) => {
-        !z || !t.length || q(t);
+      onUpload: (o) => {
+        !W || !o.length || q(o);
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: gt
+        zIndex: pt
       },
-      onChange: (t) => {
+      onChange: (o) => {
         u.update(() => {
-          const f = x(o);
-          T(f) && f.setSrc(t);
+          const g = T(t);
+          E(g) && g.setSrc(o);
         });
       }
     }
   ) }) : P && !ze ? /* @__PURE__ */ n(
-    Ie,
+    ye,
     {
       width: L.width,
       height: L.height,
@@ -956,10 +944,10 @@ function Ot({
       src: e,
       id: I,
       editor: u,
-      nodeKey: o,
+      nodeKey: t,
       fetchDeleteMedia: le,
       altText: i,
-      imageRef: v,
+      imageRef: k,
       maxWidth: s,
       showCaption: l,
       caption: d,
@@ -967,40 +955,40 @@ function Ot({
       historyState: pe,
       showNestedEditorTreeView: me,
       t: j,
-      href: k
+      href: v
     }
   ) : /* @__PURE__ */ n(
-    ft,
+    mt,
     {
       editor: u,
       isIcon: P,
-      width: ve(a),
-      height: ve(r),
+      width: be(a),
+      height: be(r),
       initialWidth: L.width || "",
       initialHeight: L.height || "",
       onResizeEnd: _e,
-      alignment: m,
+      alignment: p,
       disable: Ue,
-      onRegisterDecoratorEnter: (t) => {
-        F != null && F.current && (F.current.decoratorEnterAction = t);
+      onRegisterDecoratorEnter: (o) => {
+        _ != null && _.current && (_.current.decoratorEnterAction = o);
       },
-      onActivate: () => u.dispatchCommand(ht, "show_menu"),
+      onActivate: () => u.dispatchCommand(gt, "show_menu"),
       children: /* @__PURE__ */ n(
-        Ie,
+        ye,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Me,
+          aspectRatio: Re,
           isLoading: c,
           isError: !1,
           isIcon: P,
           src: e,
           id: I,
           editor: u,
-          nodeKey: o,
+          nodeKey: t,
           fetchDeleteMedia: le,
           altText: i,
-          imageRef: v,
+          imageRef: k,
           maxWidth: s,
           showCaption: l,
           caption: d,
@@ -1008,12 +996,12 @@ function Ot({
           historyState: pe,
           showNestedEditorTreeView: me,
           t: j,
-          href: k
+          href: v
         }
       )
     }
   );
 }
 export {
-  Zt as default
+  qt as default
 };