@layers-app/editor 2.2.43 → 2.3.0

package/dist/layers.5g-d1lPI.js

@@ -0,0 +1,1019 @@
+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 { 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 { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
+import { useDisclosure as H } from "@mantine/hooks";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "@lexical/utils";
+import "@lexical/mark";
+import "@lexical/code";
+import "@lexical/selection";
+import "react-dom";
+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();
+}
+function ie(e) {
+  try {
+    const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
+    return o.includes(".") ? o : `${o}.png`;
+  } catch {
+    return "image";
+  }
+}
+async function ae(e, i) {
+  const o = await fetch(e);
+  if (!o.ok)
+    throw new Error("fetch failed");
+  const a = await o.blob(), r = URL.createObjectURL(a);
+  try {
+    vt(r, i);
+  } finally {
+    setTimeout(() => URL.revokeObjectURL(r), 0);
+  }
+}
+function kt({
+  editor: e,
+  nodeKey: i,
+  href: o,
+  onClose: a
+}) {
+  const [r, s] = y(
+    () => qe(o)
+  ), [l, d] = y(() => Je(o)), [I, b] = y(!1), m = D((c) => {
+    s(c), b(!1);
+  }, []), g = D((c) => {
+    d(c), b(!1);
+  }, []), h = D(() => {
+    const c = Qe(l.trim(), r);
+    if (!c || !Ke(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(
+    (c) => {
+      c.key === "Enter" ? (c.preventDefault(), h()) : c.key === "Escape" && (c.preventDefault(), a());
+    },
+    [h, a]
+  );
+  return {
+    linkType: r,
+    linkUrl: l,
+    error: I,
+    onLinkTypeChange: m,
+    onUrlInputChange: g,
+    onUrlInputKeyDown: v,
+    onSave: h,
+    onRemove: k
+  };
+}
+function re({
+  editor: e,
+  nodeKey: i,
+  href: o,
+  onClose: a,
+  mobile: r
+}) {
+  const s = ee(null), l = kt({ editor: e, nodeKey: i, href: o, onClose: a });
+  return E(() => {
+    var d;
+    (d = s.current) == null || d.focus({ preventScroll: !0 });
+  }, []), /* @__PURE__ */ n(
+    et,
+    {
+      inputRef: s,
+      linkUrl: l.linkUrl,
+      linkType: l.linkType,
+      error: l.error,
+      mobile: r,
+      onLinkTypeChange: l.onLinkTypeChange,
+      onUrlInputChange: l.onUrlInputChange,
+      onUrlInputKeyDown: l.onUrlInputKeyDown,
+      onCancel: a,
+      onSave: l.onSave,
+      onRemove: o ? l.onRemove : void 0
+    }
+  );
+}
+function Te({
+  opened: e,
+  onOpenChange: i,
+  t: o,
+  onDownload: a,
+  onDelete: r,
+  hasLink: s,
+  onLinkAction: l
+}) {
+  return /* @__PURE__ */ O(
+    R,
+    {
+      opened: e,
+      onChange: i,
+      transitionProps: tt,
+      shadow: "md",
+      position: "bottom-start",
+      offset: 4,
+      withinPortal: !0,
+      closeOnItemClick: !0,
+      children: [
+        /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
+          oe,
+          {
+            label: o("editor.toolbar.more"),
+            icon: ot,
+            iconColor: "var(--mantine-color-gray-text)",
+            "aria-label": o("editor.toolbar.more")
+          }
+        ) }),
+        /* @__PURE__ */ O(
+          R.Dropdown,
+          {
+            p: 4,
+            miw: 164,
+            w: "max-content",
+            onMouseDown: (d) => d.preventDefault(),
+            children: [
+              l && /* @__PURE__ */ n(
+                R.Item,
+                {
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(nt, { name: "link", size: 16 }) }),
+                  onClick: (d) => {
+                    d.stopPropagation(), l();
+                  },
+                  children: o(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 }) }),
+                  onClick: (d) => {
+                    d.stopPropagation(), a();
+                  },
+                  children: o("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 }) }),
+                  onClick: (d) => {
+                    d.stopPropagation(), r();
+                  },
+                  children: o("editor.contextMenu.delete")
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Se = ({
+  t: e,
+  src: i,
+  setShown: o,
+  id: a
+}) => {
+  const [r, { open: s, close: l }] = H(!1), d = Oe(), I = te(() => [
+    {
+      id: !a || a === "0" ? "" : a,
+      Url: i ?? "",
+      contentType: "image/*",
+      originalFileName: "",
+      fileSize: 0,
+      storageType: "",
+      storagePath: "",
+      fileName: "",
+      parentType: "",
+      parentId: "",
+      ownerId: "",
+      createdAt: /* @__PURE__ */ new Date(),
+      updatedAt: /* @__PURE__ */ new Date(),
+      version: 0,
+      deleted: !1,
+      deletedAt: /* @__PURE__ */ new Date()
+    }
+  ], [i, a]);
+  return /* @__PURE__ */ O(B, { children: [
+    /* @__PURE__ */ n(
+      xe,
+      {
+        opened: r,
+        onOpenChange: (m) => {
+          m ? s() : l();
+        },
+        attachments: I,
+        allowDownload: d
+      }
+    ),
+    /* @__PURE__ */ n(
+      oe,
+      {
+        label: e("editor.image.preview"),
+        icon: Ne,
+        iconColor: "var(--mantine-color-gray-text)",
+        "aria-label": e("editor.image.preview"),
+        onClick: () => {
+          o(!1), s();
+        }
+      }
+    )
+  ] });
+}, yt = ({
+  nodeKey: e,
+  src: i,
+  href: o
+}) => {
+  const [a] = G(), r = ne(), [s, l] = y(!1), [d, I] = y(!1), [b, m] = y(!1), { t: g } = V();
+  E(() => {
+    if (!b) return;
+    const v = (c) => {
+      const w = c.target;
+      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || m(!1);
+    };
+    return document.addEventListener("pointerdown", v, !0), () => document.removeEventListener("pointerdown", v, !0);
+  }, [b]);
+  const h = D(() => {
+    a.update(() => {
+      const v = x(e);
+      T(v) && v.remove();
+    });
+  }, [a, e]), k = D(async () => {
+    if (i)
+      try {
+        await ae(i, ie(i));
+      } catch {
+      }
+  }, [i]);
+  return /* @__PURE__ */ O(
+    W,
+    {
+      opened: b,
+      onChange: m,
+      position: "bottom-end",
+      offset: 4,
+      shadow: "md",
+      radius: "md",
+      withinPortal: !0,
+      closeOnClickOutside: !1,
+      children: [
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
+          "div",
+          {
+            className: `media-actions ${r ? "" : "media-actions--readonly"}`,
+            children: [
+              /* @__PURE__ */ n(Se, { t: g, src: i, setShown: () => {
+              } }),
+              r && /* @__PURE__ */ O(B, { children: [
+                /* @__PURE__ */ n(
+                  Ee,
+                  {
+                    opened: s,
+                    setOpened: l,
+                    t: g,
+                    editor: a,
+                    nodeKey: e,
+                    setShown: () => {
+                    }
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Te,
+                  {
+                    opened: d,
+                    onOpenChange: I,
+                    t: g,
+                    onDownload: () => void k(),
+                    onDelete: h,
+                    hasLink: !!o,
+                    onLinkAction: () => m(!0)
+                  }
+                )
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ n(
+          W.Dropdown,
+          {
+            className: `floating-link-dropdown floating-link-dropdown--${o ? "edit" : "create"}-mode`,
+            "data-test-id": "floating-link-dropdown",
+            children: /* @__PURE__ */ n(
+              re,
+              {
+                editor: a,
+                nodeKey: e,
+                href: o,
+                onClose: () => m(!1)
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, It = () => {
+};
+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;
+    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;
+      const w = c.getParent();
+      it(w) ? w.remove() : c.remove();
+    });
+  }, [s, e]), v = D(async () => {
+    if (i)
+      try {
+        await ae(i, ie(i));
+      } catch {
+      }
+  }, [i]);
+  return /* @__PURE__ */ O(
+    W,
+    {
+      opened: g,
+      onChange: h,
+      position: "bottom-end",
+      offset: 4,
+      shadow: "md",
+      radius: "md",
+      withinPortal: !0,
+      closeOnClickOutside: !1,
+      children: [
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
+          "div",
+          {
+            className: "media-actions visible",
+            style: {
+              position: "absolute",
+              top: 10,
+              right: 10,
+              zIndex: 10,
+              pointerEvents: "auto",
+              display: "flex",
+              gap: 4
+            },
+            onClick: (c) => c.stopPropagation(),
+            children: [
+              /* @__PURE__ */ n(Se, { t: r, src: i, setShown: It, id: o }),
+              l && /* @__PURE__ */ O(B, { children: [
+                /* @__PURE__ */ n(
+                  Ee,
+                  {
+                    opened: d,
+                    setOpened: I,
+                    t: r,
+                    editor: s,
+                    nodeKey: e
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Te,
+                  {
+                    opened: b,
+                    onOpenChange: m,
+                    t: r,
+                    onDownload: () => void v(),
+                    onDelete: k,
+                    hasLink: !!a,
+                    onLinkAction: () => h(!0)
+                  }
+                )
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ n(
+          W.Dropdown,
+          {
+            className: `floating-link-dropdown floating-link-dropdown--${a ? "edit" : "create"}-mode`,
+            "data-test-id": "floating-link-dropdown",
+            children: /* @__PURE__ */ n(
+              re,
+              {
+                editor: s,
+                nodeKey: e,
+                href: a,
+                onClose: () => h(!1)
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+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();
+  }, P = te(
+    () => [
+      {
+        id: !o || o === "0" ? "" : o,
+        Url: i ?? "",
+        contentType: "image/*",
+        originalFileName: "",
+        fileSize: 0,
+        storageType: "",
+        storagePath: "",
+        fileName: "",
+        parentType: "",
+        parentId: "",
+        ownerId: "",
+        createdAt: /* @__PURE__ */ new Date(),
+        updatedAt: /* @__PURE__ */ new Date(),
+        version: 0,
+        deleted: !1,
+        deletedAt: /* @__PURE__ */ new Date()
+      }
+    ],
+    [i, o]
+  ), S = () => {
+    m(), h();
+  }, L = D(async () => {
+    if (m(), !!i)
+      try {
+        await ae(i, ie(i));
+      } catch {
+      }
+  }, [i, m]), U = D(() => {
+    m(), s.update(() => {
+      const N = x(e);
+      T(N) && N.remove();
+    });
+  }, [s, e, m]);
+  return /* @__PURE__ */ O(B, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: "image-touch-actions",
+        style: {
+          position: "absolute",
+          top: 8,
+          right: 8,
+          zIndex: 10,
+          pointerEvents: "auto"
+        },
+        onClick: (N) => N.stopPropagation(),
+        children: /* @__PURE__ */ n(
+          oe,
+          {
+            label: r("editor.toolbar.more"),
+            icon: at,
+            iconColor: "var(--mantine-color-gray-text)",
+            "aria-label": r("editor.toolbar.more"),
+            onClick: b
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(
+      xe,
+      {
+        opened: g,
+        onOpenChange: (N) => N ? h() : k(),
+        attachments: P,
+        allowDownload: d
+      }
+    ),
+    /* @__PURE__ */ n(
+      be,
+      {
+        opened: I,
+        onClose: m,
+        title: r("editor.image.mobileActions"),
+        children: /* @__PURE__ */ O(Ve, { gap: 4, p: 0, children: [
+          /* @__PURE__ */ n(
+            $,
+            {
+              type: "button",
+              variant: "subtle",
+              color: "gray",
+              fullWidth: !0,
+              justify: "flex-start",
+              bg: "var(--editor-action-bg)",
+              onClick: S,
+              leftSection: /* @__PURE__ */ n(
+                M,
+                {
+                  icon: Ne,
+                  size: 16,
+                  color: "var(--mantine-color-dimmed)"
+                }
+              ),
+              children: r("editor.image.previewFullScreen")
+            }
+          ),
+          l && /* @__PURE__ */ n(
+            $,
+            {
+              type: "button",
+              variant: "subtle",
+              color: "gray",
+              fullWidth: !0,
+              justify: "flex-start",
+              bg: "var(--editor-action-bg)",
+              onClick: u,
+              leftSection: /* @__PURE__ */ n(
+                M,
+                {
+                  icon: rt,
+                  size: 16,
+                  color: "var(--mantine-color-dimmed)"
+                }
+              ),
+              children: r(a ? "editor.link.editLink" : "editor.link.addLink")
+            }
+          ),
+          d && /* @__PURE__ */ n(
+            $,
+            {
+              type: "button",
+              variant: "subtle",
+              color: "gray",
+              fullWidth: !0,
+              justify: "flex-start",
+              bg: "var(--editor-action-bg)",
+              onClick: () => void L(),
+              leftSection: /* @__PURE__ */ n(
+                M,
+                {
+                  icon: De,
+                  size: 16,
+                  color: "var(--mantine-color-dimmed)"
+                }
+              ),
+              children: r("editor.gallery.download")
+            }
+          ),
+          l && /* @__PURE__ */ n(
+            $,
+            {
+              type: "button",
+              variant: "subtle",
+              color: "red",
+              fullWidth: !0,
+              justify: "flex-start",
+              bg: "var(--editor-action-bg)",
+              onClick: U,
+              leftSection: /* @__PURE__ */ n(
+                M,
+                {
+                  icon: Le,
+                  size: 16,
+                  color: "var(--mantine-color-red-6)"
+                }
+              ),
+              children: r("editor.actions.delete")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ n(
+      be,
+      {
+        opened: v,
+        onClose: w,
+        title: r(a ? "editor.link.editLink" : "editor.link.addLink"),
+        children: /* @__PURE__ */ n(
+          re,
+          {
+            editor: s,
+            nodeKey: e,
+            href: a,
+            onClose: w,
+            mobile: !0
+          }
+        )
+      }
+    )
+  ] });
+}
+const Ie = (e) => {
+  const {
+    width: i,
+    height: o,
+    isLoading: a,
+    isError: r,
+    src: s,
+    id: l,
+    altText: d,
+    imageRef: I,
+    maxWidth: b,
+    aspectRatio: m,
+    href: g
+  } = e, h = ee(null);
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      className: "media-wrapper",
+      "data-reserved-box": m ? "" : void 0,
+      style: {
+        width: i,
+        height: m ? "auto" : o,
+        aspectRatio: m || void 0,
+        display: "inline-flex",
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ n(
+          Xe,
+          {
+            visible: a,
+            zIndex: 1e3,
+            overlayProps: { backgroundOpacity: 0.5 },
+            loaderProps: { size: 24, color: "black" }
+          }
+        ),
+        /* @__PURE__ */ n(
+          "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,
+            draggable: !1,
+            onMouseDown: g ? (k) => {
+              h.current = { x: k.clientX, y: k.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");
+            } : void 0,
+            children: /* @__PURE__ */ n(
+              Lt,
+              {
+                className: null,
+                src: s,
+                altText: d,
+                imageRef: I,
+                width: "inherit",
+                height: "inherit",
+                maxWidth: b || "auto",
+                id: l
+              }
+            )
+          }
+        ),
+        ke && /* @__PURE__ */ n(
+          Dt,
+          {
+            nodeKey: e.nodeKey,
+            src: s,
+            id: l,
+            href: g
+          }
+        ),
+        ye && /* @__PURE__ */ n(
+          Ct,
+          {
+            nodeKey: e.nodeKey,
+            src: s,
+            id: l,
+            href: g
+          }
+        ),
+        wt && !ke && !ye && /* @__PURE__ */ n(yt, { nodeKey: e.nodeKey, src: s, href: g })
+      ]
+    }
+  );
+};
+function Lt({
+  altText: e,
+  className: i,
+  imageRef: o,
+  src: a,
+  width: r,
+  height: s,
+  maxWidth: l,
+  id: d
+}) {
+  const [I, b] = y(!1);
+  return /* @__PURE__ */ n(
+    "img",
+    {
+      className: `${i || void 0} ${I ? "" : "loading"}`,
+      src: a,
+      alt: e,
+      ref: o,
+      style: {
+        height: s,
+        maxWidth: l,
+        width: r
+      },
+      onLoad: () => {
+        a.includes("splash") ? setTimeout(() => {
+          b(!0);
+        }, 100) : b(!0);
+      },
+      draggable: "false",
+      "data-id": d
+    }
+  );
+}
+function Zt(e) {
+  const { disable: i } = Ce(Pe);
+  return i && lt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
+}
+function Ot({
+  src: e,
+  altText: i,
+  nodeKey: o,
+  width: a,
+  height: r,
+  maxWidth: s,
+  showCaption: l,
+  caption: d,
+  id: I,
+  create: b,
+  alignment: m,
+  imagePickerTab: g,
+  aspectRatio: h,
+  href: k
+}) {
+  var ge, fe;
+  const v = ee(null), [c, w] = y(!0), [u] = G(), [P, S] = y(!0), [L, U] = y({
+    width: 0,
+    height: 0
+  }), { start: N } = st(), [Nt, X] = y(0), {
+    fetchUploadMedia: z,
+    fetchDeleteMedia: le,
+    maxFileSize: Et,
+    imperativeHandleRef: F,
+    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;
+    }
+    return null;
+  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [Ae, Re] = y(
+    void 0
+  ), ue = te(() => {
+    try {
+      const t = parseFloat(
+        localStorage.getItem("layers-img-ratio:" + e) || ""
+      );
+      return Number.isFinite(t) && t > 0 ? t : 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(() => {
+    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)
+          try {
+            localStorage.setItem("layers-img-ratio:" + e, String(f));
+          } catch {
+          }
+        !h && t.naturalWidth >= 100 && u.update(
+          () => {
+            const p = x(o);
+            T(p) && p.getAspectRatio() == null && p.setAspectRatio(f);
+          },
+          { tag: "history-merge" }
+        );
+      }
+    }, t.onerror = () => {
+      w(!1);
+    };
+  }, [e, _]);
+  const _e = (t, f) => {
+    u.update(() => {
+      Ze(null);
+      const p = x(o);
+      T(p) && p.setWidthAndHeight(t, f);
+    });
+  }, { historyState: pe } = dt(), {
+    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;
+  }
+  function He(t) {
+    return new Promise((f, p) => {
+      if (je(t)) {
+        f($e(t));
+        return;
+      }
+      const C = new Image();
+      C.src = t, C.onload = () => {
+        f(C.width);
+      }, C.onerror = () => {
+        p(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);
+        return;
+      }
+      He(e).then((C) => {
+        typeof t == "number" && t < p && C < p ? (S(!0), U({
+          width: t,
+          height: f
+        })) : C < p ? (S(!0), U({
+          width: "auto",
+          height: "auto"
+        })) : (U({
+          width: C,
+          height: C
+        }), S(!1)), Y(!0);
+      }).catch((C) => {
+        Y(!0), console.warn("Ошибка при загрузке изображения:", C.message);
+      });
+    }
+  }, [e, _]), E(() => {
+    L.width && L.height && P && u.update(() => {
+      const t = x(o);
+      T(t) && t.setWidthAndHeight(L.width, L.height);
+    });
+  }, [L.width, L.height, P]);
+  const Be = D(
+    (t) => ut(u, o, t),
+    [u, o]
+  ), Z = D(
+    (t, f) => {
+      w(!1), u.update(() => {
+        const p = x(o);
+        T(p) && (p.setSrc(t), p.setId(f));
+      });
+    },
+    [u, o]
+  ), q = D(
+    (t) => {
+      w(!0);
+      const f = N();
+      z && z(
+        t[0],
+        (p, C) => {
+          Z(p, C), X(0);
+        },
+        (p) => {
+          p && bt({
+            message: j("editor.gallery.errorFile")
+          }), X(0), Z(e.startsWith("blob:") ? "upload" : "", "");
+        },
+        f,
+        (p) => {
+          X(p);
+        }
+      );
+    },
+    [z, N, 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,
+    {
+      inline: !0,
+      nodeKey: o,
+      defaultTabValue: g,
+      onWriteTabToNode: Be,
+      uploading: !1,
+      onUpload: (t) => {
+        !z || !t.length || q(t);
+      },
+      popoverProps: {
+        opened: !0,
+        position: "bottom",
+        zIndex: gt
+      },
+      onChange: (t) => {
+        u.update(() => {
+          const f = x(o);
+          T(f) && f.setSrc(t);
+        });
+      }
+    }
+  ) }) : P && !ze ? /* @__PURE__ */ n(
+    Ie,
+    {
+      width: L.width,
+      height: L.height,
+      isLoading: c,
+      isError: !1,
+      isIcon: P,
+      src: e,
+      id: I,
+      editor: u,
+      nodeKey: o,
+      fetchDeleteMedia: le,
+      altText: i,
+      imageRef: v,
+      maxWidth: s,
+      showCaption: l,
+      caption: d,
+      isCollabActive: !1,
+      historyState: pe,
+      showNestedEditorTreeView: me,
+      t: j,
+      href: k
+    }
+  ) : /* @__PURE__ */ n(
+    ft,
+    {
+      editor: u,
+      isIcon: P,
+      width: ve(a),
+      height: ve(r),
+      initialWidth: L.width || "",
+      initialHeight: L.height || "",
+      onResizeEnd: _e,
+      alignment: m,
+      disable: Ue,
+      onRegisterDecoratorEnter: (t) => {
+        F != null && F.current && (F.current.decoratorEnterAction = t);
+      },
+      onActivate: () => u.dispatchCommand(ht, "show_menu"),
+      children: /* @__PURE__ */ n(
+        Ie,
+        {
+          width: "inherit",
+          height: "inherit",
+          aspectRatio: Me,
+          isLoading: c,
+          isError: !1,
+          isIcon: P,
+          src: e,
+          id: I,
+          editor: u,
+          nodeKey: o,
+          fetchDeleteMedia: le,
+          altText: i,
+          imageRef: v,
+          maxWidth: s,
+          showCaption: l,
+          caption: d,
+          isCollabActive: !1,
+          historyState: pe,
+          showNestedEditorTreeView: me,
+          t: j,
+          href: k
+        }
+      )
+    }
+  );
+}
+export {
+  Zt as default
+};