reactjs-tiptap-editor 1.0.14 → 1.0.16

package/lib/Image.js

@@ -1,830 +1,7 @@
-import { h as he, m as fe, k as ge } from "./clsx-BWSGDJNJ.js";
-import { a as q, c as pe } from "./throttle-IERhwcLa.js";
-import { jsx as o, jsxs as b, Fragment as H } from "react/jsx-runtime";
-import j, { useState as L, useMemo as P, useCallback as F, useEffect as W, useRef as ae } from "react";
-import { I as Z, i as J, j as be, u as ne } from "./index-Dujzr6bY.js";
-import { i as K, c as xe } from "./isNumber-CIgubz2e.js";
-import { A as ye } from "./toggle-DKHg5sLm.js";
-import "./index-DF5ZPtWM.js";
-import "./theme.js";
-import { D as re, a as le, b as oe, c as se, d as we } from "./dialog-DwTMZSt6.js";
-import Ie from "react-image-crop";
-import { B } from "./button-Uv01FNnd.js";
-import { d as ce, c as ve, u as Te, a as Ae } from "./useButtonProps-DVP4s_ER.js";
-import { d as Ce, r as Ee } from "./file-BLas99n7.js";
-import { u as de } from "./use-toast-Crf7-q5H.js";
-import { I as $ } from "./Icon-Ctva8VeB.js";
-import { a as Me } from "./store-DNpS8vXA.js";
-import { l as Le, E as Ne } from "./events.constant-do95b767.js";
-import { T as Se, a as _e, b as Q, c as ee } from "./tabs-BT3AeqQQ.js";
-import { C as ze } from "./checkbox-DEFNwGwb.js";
-import { L as te } from "./label-topD46-u.js";
-import { I as ie } from "./input-DUBdJD3L.js";
-const X = {
-  TOP_LEFT: "tl",
-  TOP_RIGHT: "tr",
-  BOTTOM_LEFT: "bl",
-  BOTTOM_RIGHT: "br"
-};
-function Re(e) {
-  var O, d, N;
-  const [t, a] = L({
-    width: Z,
-    height: Z
-  }), [s, f] = L({
-    width: 0,
-    height: 0
-  }), [u] = L([
-    X.TOP_LEFT,
-    X.TOP_RIGHT,
-    X.BOTTOM_LEFT,
-    X.BOTTOM_RIGHT
-  ]), [g, v] = L(!1), [m, x] = L({
-    x: 0,
-    y: 0,
-    w: 0,
-    h: 0,
-    dir: ""
-  }), { align: C, inline: T } = (O = e == null ? void 0 : e.node) == null ? void 0 : O.attrs, _ = T && (C === "left" || C === "right"), S = P(() => {
-    var V;
-    const { src: n, alt: y, width: i, height: r, flipX: h, flipY: l } = (V = e == null ? void 0 : e.node) == null ? void 0 : V.attrs, w = K(i) ? `${i}px` : i, I = K(r) ? `${r}px` : r, Y = [];
-    h && Y.push("rotateX(180deg)"), l && Y.push("rotateY(180deg)");
-    const me = Y.join(" ");
-    return {
-      src: n || void 0,
-      alt: y || void 0,
-      style: {
-        width: w || void 0,
-        height: I || void 0,
-        transform: me || "none",
-        ..._ ? { float: C } : {}
-      }
-    };
-  }, [(d = e == null ? void 0 : e.node) == null ? void 0 : d.attrs]), k = P(() => {
-    const {
-      style: { width: n }
-    } = S;
-    return { width: n === "100%" ? n : void 0 };
-  }, [S]);
-  function R(n) {
-    f({
-      width: n.target.width,
-      height: n.target.height
-    });
-  }
-  function M() {
-    const { editor: n, getPos: y } = e;
-    n.commands.setNodeSelection(y());
-  }
-  const E = F(
-    q(() => {
-      const { editor: n } = e, { width: y } = getComputedStyle(n.view.dom);
-      a((i) => ({
-        ...i,
-        width: Number.parseInt(y, 10)
-      }));
-    }, J),
-    [e == null ? void 0 : e.editor]
-  );
-  function z(n, y) {
-    n.preventDefault(), n.stopPropagation();
-    const i = s.width, r = s.height, h = i / r;
-    let l = Number(e.node.attrs.width), w = Number(e.node.attrs.height);
-    const I = t.width;
-    l && !w ? (l = l > I ? I : l, w = Math.round(l / h)) : w && !l ? (l = Math.round(w * h), l = l > I ? I : l) : !l && !w ? (l = i > I ? I : i, w = Math.round(l / h)) : l = l > I ? I : l, v(!0), x({
-      x: n.clientX,
-      y: n.clientY,
-      w: l,
-      h: w,
-      dir: y
-    });
-  }
-  const A = F(
-    q((n) => {
-      if (n.preventDefault(), n.stopPropagation(), !g)
-        return;
-      const { x: y, w: i, dir: r } = m, h = (n.clientX - y) * (/l/.test(r) ? -1 : 1), l = xe(i + h, be, t.width);
-      e.updateAttributes({
-        width: l,
-        height: null
-      });
-    }, J),
-    [g, m, t, e.updateAttributes]
-  ), p = F(
-    (n) => {
-      n.preventDefault(), n.stopPropagation(), g && (x({
-        x: 0,
-        y: 0,
-        w: 0,
-        h: 0,
-        dir: ""
-      }), v(!1), M());
-    },
-    [g, M]
-  ), c = F(() => {
-    document == null || document.addEventListener("mousemove", A, !0), document == null || document.addEventListener("mouseup", p, !0);
-  }, [A, p]), U = F(() => {
-    document == null || document.removeEventListener("mousemove", A, !0), document == null || document.removeEventListener("mouseup", p, !0);
-  }, [A, p]);
-  W(() => (g ? c() : U(), () => {
-    U();
-  }), [g, c, U]);
-  const D = P(() => new ResizeObserver(() => E()), [E]);
-  return W(() => (D.observe(e.editor.view.dom), () => {
-    D.disconnect();
-  }), [e.editor.view.dom, D]), /* @__PURE__ */ o(
-    he,
-    {
-      as: T ? "span" : "div",
-      className: "image-view",
-      style: {
-        float: _ ? C : void 0,
-        margin: _ ? C === "left" ? "1em 1em 1em 0" : "1em 0 1em 1em" : void 0,
-        display: T ? "inline" : "block",
-        textAlign: _ ? void 0 : C,
-        width: ((N = S.style) == null ? void 0 : N.width) ?? "auto",
-        ..._ ? {} : k
-      },
-      children: /* @__PURE__ */ b(
-        "div",
-        {
-          "data-drag-handle": !0,
-          draggable: "true",
-          style: k,
-          className: `image-view__body ${e != null && e.selected ? "image-view__body--focused" : ""} ${g ? "image-view__body--resizing" : ""}`,
-          children: [
-            /* @__PURE__ */ o(
-              "img",
-              {
-                alt: S.alt,
-                className: "image-view__body__image block",
-                height: "auto",
-                onClick: M,
-                onLoad: R,
-                src: S.src,
-                style: S.style
-              }
-            ),
-            (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || g) && /* @__PURE__ */ o("div", { className: "image-resizer", children: u == null ? void 0 : u.map((n) => /* @__PURE__ */ o(
-              "span",
-              {
-                className: `image-resizer__handler image-resizer__handler--${n}`,
-                onMouseDown: (y) => z(y, n)
-              },
-              `image-dir-${n}`
-            )) })
-          ]
-        }
-      )
-    }
-  );
-}
-function ke(e, t) {
-  const a = e.type, s = e.name.toLowerCase(), f = s.split(".").pop();
-  if (!f) return !1;
-  const g = a || {
-    heif: "image/heif",
-    heic: "image/heic",
-    dng: "image/x-adobe-dng",
-    cr2: "image/x-canon-cr2",
-    nef: "image/x-nikon-nef",
-    arw: "image/x-sony-arw",
-    raf: "image/x-fuji-raf",
-    orf: "image/x-olympus-orf"
-  }[f];
-  return t.some((v) => {
-    if (v.startsWith("."))
-      return s.endsWith(v);
-    if (v.endsWith("/*")) {
-      const m = v.split("/")[0];
-      return g == null ? void 0 : g.startsWith(m + "/");
-    }
-    return g === v;
-  });
-}
-function ue(e, t) {
-  const { acceptMimes: a, maxSize: s, t: f, toast: u } = t, g = [];
-  return (Array.isArray(e) ? e : Object.values(e)).forEach((m) => {
-    if (!ke(m, a)) {
-      t.onError ? t.onError({
-        type: "type",
-        message: f("editor.upload.fileTypeNotSupported", { fileName: m.name }),
-        file: m
-      }) : u({
-        variant: "default",
-        title: f("editor.upload.fileTypeNotSupported", { fileName: m.name })
-      });
-      return;
-    }
-    if (m.size > s) {
-      const x = (s / 1024 / 1024).toFixed(2);
-      t.onError ? t.onError({
-        type: "size",
-        message: f("editor.upload.fileSizeTooBig", { fileName: m.name, size: x }),
-        file: m
-      }) : u({
-        variant: "default",
-        title: f("editor.upload.fileSizeTooBig", { fileName: m.name, size: x })
-      });
-      return;
-    }
-    g.push(m);
-  }), g;
-}
-function Ue({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
-  var n, y;
-  const { t: u } = ne(), { toast: g } = de(), [v, m] = L(!1), [x, C] = L(!1), T = j.useRef(null), [_, S] = j.useState(), [k, R] = j.useState(""), M = ae(null), [E, z] = L({
-    src: "",
-    file: null
-  }), A = ce(G.name), p = P(() => (A == null ? void 0 : A.options) ?? {}, [A]);
-  function c(i) {
-    if (T.current && i.width && i.height) {
-      const r = U(T.current, i);
-      R(r);
-    }
-  }
-  function U(i, r) {
-    const h = document.createElement("canvas"), l = i.naturalWidth / i.width, w = i.naturalHeight / i.height;
-    h.width = r.width * l, h.height = r.height * w;
-    const I = h.getContext("2d");
-    return I && (I.imageSmoothingEnabled = !1, I.drawImage(
-      i,
-      r.x * l,
-      r.y * w,
-      r.width * l,
-      r.height * w,
-      0,
-      0,
-      r.width * l,
-      r.height * w
-    )), h.toDataURL("image/png", 1);
-  }
-  const D = j.useCallback(async () => {
-    var i;
-    if (!x) {
-      C(!0);
-      try {
-        const r = Ce(k, ((i = E == null ? void 0 : E.file) == null ? void 0 : i.name) || "image.png");
-        let h = "";
-        p.upload ? h = await p.upload(r) : h = URL.createObjectURL(r), e.chain().focus().setImageInline({ src: h, inline: t, alt: f }).run(), m(!1), z({
-          src: "",
-          file: null
-        }), N(), a();
-      } catch (r) {
-        console.error("Error cropping image", r);
-      } finally {
-        C(!1);
-      }
-    }
-  }, [k, e, t, x, a, (n = E == null ? void 0 : E.file) == null ? void 0 : n.name, p]);
-  function O(i) {
-    var r;
-    i.preventDefault(), (r = M.current) == null || r.click();
-  }
-  const d = async (i) => {
-    var I;
-    const r = (I = i == null ? void 0 : i.target) == null ? void 0 : I.files;
-    if (!e || e.isDestroyed || r.length === 0) {
-      i.target.value = "";
-      return;
-    }
-    const h = ue(r, {
-      acceptMimes: p == null ? void 0 : p.acceptMimes,
-      maxSize: p == null ? void 0 : p.maxSize,
-      t: u,
-      toast: g,
-      onError: p.onError
-    });
-    if (h.length <= 0) {
-      i.target.value = "";
-      return;
-    }
-    const l = h[0], w = await Ee(l);
-    m(!0), z({
-      src: w.src,
-      file: l
-    });
-  }, N = () => {
-    M.current && (M.current.value = "");
-  };
-  return /* @__PURE__ */ b(H, { children: [
-    /* @__PURE__ */ o(
-      B,
-      {
-        className: "richtext-mt-1 richtext-w-full",
-        disabled: s,
-        onClick: O,
-        size: "sm",
-        children: u("editor.image.dialog.tab.uploadCrop")
-      }
-    ),
-    /* @__PURE__ */ b(
-      re,
-      {
-        open: v,
-        onOpenChange: (i) => {
-          m(i), i || (z({ src: "", file: null }), N());
-        },
-        children: [
-          /* @__PURE__ */ o(le, {}),
-          /* @__PURE__ */ b(oe, { children: [
-            /* @__PURE__ */ o(se, { children: u("editor.image.dialog.tab.uploadCrop") }),
-            /* @__PURE__ */ o("div", { children: E.src && /* @__PURE__ */ o(
-              Ie,
-              {
-                className: "richtext-w-full",
-                crop: _,
-                onChange: (i) => S(i),
-                onComplete: (i) => c(i),
-                children: /* @__PURE__ */ o(
-                  "img",
-                  {
-                    alt: "Crop me",
-                    ref: T,
-                    src: E.src
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ b(we, { children: [
-              /* @__PURE__ */ b(
-                B,
-                {
-                  disabled: x,
-                  onClick: () => {
-                    m(!1), z({
-                      src: "",
-                      file: null
-                    }), N();
-                  },
-                  children: [
-                    u("editor.imageUpload.cancel"),
-                    /* @__PURE__ */ o(
-                      $,
-                      {
-                        className: "richtext-ml-1",
-                        name: "Trash2"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ o(
-                B,
-                {
-                  className: "richtext-w-fit",
-                  disabled: x || !_,
-                  onClick: D,
-                  children: x ? /* @__PURE__ */ b(H, { children: [
-                    u("editor.imageUpload.uploading"),
-                    /* @__PURE__ */ o(
-                      $,
-                      {
-                        className: "richtext-ml-1 richtext-animate-spin",
-                        name: "Loader"
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ b(H, { children: [
-                    u("editor.imageUpload.crop"),
-                    /* @__PURE__ */ o(
-                      $,
-                      {
-                        className: "richtext-ml-1",
-                        name: "Crop"
-                      }
-                    )
-                  ] })
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ o(
-      "input",
-      {
-        accept: ((y = p == null ? void 0 : p.acceptMimes) == null ? void 0 : y.join(",")) || "image/*",
-        multiple: !1,
-        onChange: d,
-        ref: M,
-        style: { display: "none" },
-        type: "file"
-      }
-    )
-  ] });
-}
-function lt() {
-  const { t: e } = ne(), { toast: t } = de(), a = ve(), s = Te(G.name), {
-    icon: f,
-    tooltip: u
-  } = (s == null ? void 0 : s.componentProps) ?? {}, { editorDisabled: g } = Ae(), [v, m] = L(!1), [x, C] = L(!1), T = ce(G.name), _ = (d) => {
-    m(d.detail);
-  }, [S, k] = L(""), [R, M] = L(""), E = ae(null), z = (T == null ? void 0 : T.options.defaultInline) || !1, [A, p] = L(z), c = P(() => T == null ? void 0 : T.options, [T]);
-  W(() => {
-    const d = Le(Ne.UPLOAD_IMAGE(a.id), _);
-    return () => {
-      d();
-    };
-  }, []);
-  async function U(d) {
-    var y;
-    const N = (y = d == null ? void 0 : d.target) == null ? void 0 : y.files;
-    if (!a || a.isDestroyed || N.length === 0 || x) {
-      d.target.value = "";
-      return;
-    }
-    const n = ue(N, {
-      acceptMimes: c == null ? void 0 : c.acceptMimes,
-      maxSize: c == null ? void 0 : c.maxSize,
-      t: e,
-      toast: t,
-      onError: c.onError
-    });
-    if (n.length <= 0) {
-      d.target.value = "";
-      return;
-    }
-    C(!0);
-    try {
-      if (c != null && c.multiple) {
-        const i = n.map(async (h) => {
-          let l = "";
-          return c.upload ? l = await c.upload(h) : l = URL.createObjectURL(h), l;
-        });
-        (await Promise.all(i)).forEach((h) => {
-          a.chain().focus().setImageInline({ src: h, inline: A, alt: R }).run();
-        });
-      } else {
-        const i = n[0];
-        let r = "";
-        c.upload ? r = await c.upload(i) : r = URL.createObjectURL(i), a.chain().focus().setImageInline({ src: r, inline: A, alt: R }).run();
-      }
-      m(!1), M(""), p(z);
-    } catch (i) {
-      console.error("Error uploading image", i), c.onError ? c.onError({
-        type: "upload",
-        message: e("editor.upload.error")
-      }) : t({
-        variant: "destructive",
-        title: e("editor.upload.error")
-      });
-    } finally {
-      C(!1), d.target.value = "";
-    }
-  }
-  function D(d) {
-    d.preventDefault(), d.stopPropagation(), a.chain().focus().setImageInline({ src: S, inline: A, alt: R }).run(), m(!1), p(z), k(""), M("");
-  }
-  function O(d) {
-    var N;
-    d.preventDefault(), (N = E.current) == null || N.click();
-  }
-  return s ? /* @__PURE__ */ b(
-    re,
-    {
-      onOpenChange: m,
-      open: v,
-      children: [
-        /* @__PURE__ */ o(
-          le,
-          {
-            asChild: !0,
-            children: /* @__PURE__ */ o(
-              ye,
-              {
-                disabled: g,
-                icon: f,
-                tooltip: u,
-                action: () => {
-                  g || m(!0);
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ b(oe, { children: [
-          /* @__PURE__ */ o(se, { children: e("editor.image.dialog.title") }),
-          /* @__PURE__ */ b(
-            Se,
-            {
-              activationMode: "manual",
-              defaultValue: c.resourceImage === "both" || c.resourceImage === "upload" ? "upload" : "link",
-              children: [
-                c.resourceImage === "both" && /* @__PURE__ */ b(_e, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
-                  /* @__PURE__ */ o(Q, { value: "upload", children: e("editor.image.dialog.tab.upload") }),
-                  /* @__PURE__ */ o(Q, { value: "link", children: e("editor.image.dialog.tab.url") })
-                ] }),
-                /* @__PURE__ */ b("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]", children: [
-                  /* @__PURE__ */ o(
-                    ze,
-                    {
-                      checked: A,
-                      onCheckedChange: (d) => {
-                        p(d);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ o(te, { children: e("editor.link.dialog.inline") })
-                ] }),
-                c.enableAlt && /* @__PURE__ */ b("div", { className: "richtext-my-[10px] ", children: [
-                  /* @__PURE__ */ o(te, { className: "mb-[6px]", children: e("editor.imageUpload.alt") }),
-                  /* @__PURE__ */ o(
-                    ie,
-                    {
-                      onChange: (d) => M(d.target.value),
-                      required: !0,
-                      type: "text",
-                      value: R
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ b(ee, { value: "upload", children: [
-                  /* @__PURE__ */ b("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
-                    /* @__PURE__ */ o(
-                      B,
-                      {
-                        className: "richtext-mt-1 richtext-w-full",
-                        disabled: x,
-                        onClick: O,
-                        size: "sm",
-                        children: x ? /* @__PURE__ */ b(H, { children: [
-                          e("editor.imageUpload.uploading"),
-                          /* @__PURE__ */ o(
-                            $,
-                            {
-                              className: "richtext-ml-1 richtext-animate-spin",
-                              name: "Loader"
-                            }
-                          )
-                        ] }) : e("editor.image.dialog.tab.upload")
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      Ue,
-                      {
-                        alt: R,
-                        disabled: x,
-                        editor: a,
-                        imageInline: A,
-                        onClose: () => {
-                          Me.setOpen(a.id, !1), M("");
-                        }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ o(
-                    "input",
-                    {
-                      accept: c.acceptMimes.join(",") || "image/*",
-                      multiple: c.multiple,
-                      onChange: U,
-                      ref: E,
-                      style: { display: "none" },
-                      type: "file"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ o(ee, { value: "link", children: /* @__PURE__ */ o("form", { onSubmit: D, children: /* @__PURE__ */ b("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-                  /* @__PURE__ */ o(
-                    ie,
-                    {
-                      autoFocus: !0,
-                      onChange: (d) => k(d.target.value),
-                      placeholder: e("editor.image.dialog.placeholder"),
-                      required: !0,
-                      type: "url",
-                      value: S
-                    }
-                  ),
-                  /* @__PURE__ */ o(B, { type: "submit", children: e("editor.image.dialog.button.apply") })
-                ] }) }) })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  ) : /* @__PURE__ */ o(H, {});
-}
-const De = {
-  acceptMimes: ["image/jpeg", "image/gif", "image/png", "image/jpg"],
-  maxSize: 1024 * 1024 * 5,
-  // 5MB
-  multiple: !0,
-  resourceImage: "both",
-  defaultInline: !1,
-  enableAlt: !0
-}, G = /* @__PURE__ */ pe.extend({
-  group: "inline",
-  inline: !0,
-  defining: !0,
-  draggable: !0,
-  selectable: !0,
-  addOptions() {
-    var e;
-    return {
-      ...De,
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      upload: () => Promise.reject("Image Upload Function"),
-      button: ({
-        editor: t,
-        extension: a,
-        t: s
-      }) => {
-        var f, u;
-        return {
-          componentProps: {
-            action: () => !0,
-            upload: a.options.upload,
-            /* If setImage is not available(when Image Component is not imported), the button is disabled */
-            disabled: !((u = (f = t.can()).setImage) != null && u.call(f, {})),
-            icon: "ImageUp",
-            tooltip: s("editor.image.tooltip")
-          }
-        };
-      }
-    };
-  },
-  addAttributes() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      flipX: {
-        default: !1
-      },
-      flipY: {
-        default: !1
-      },
-      width: {
-        default: null,
-        parseHTML: (t) => {
-          const a = t.style.width || t.getAttribute("width") || null;
-          return a ? Number.parseInt(a, 10) : null;
-        },
-        renderHTML: (t) => ({
-          width: t.width
-        })
-      },
-      align: {
-        default: "center",
-        parseHTML: (t) => t.getAttribute("align"),
-        renderHTML: (t) => ({
-          align: t.align
-        })
-      },
-      inline: {
-        default: !1,
-        parseHTML: (t) => !!t.getAttribute("inline"),
-        renderHTML: (t) => ({
-          inline: t.inline
-        })
-      },
-      alt: {
-        default: "",
-        parseHTML: (t) => t.getAttribute("alt"),
-        renderHTML: (t) => ({
-          alt: t.alt
-        })
-      }
-    };
-  },
-  addNodeView() {
-    return ge(Re);
-  },
-  addCommands() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      setImageInline: (t) => ({ commands: a }) => a.insertContent({
-        type: this.name,
-        attrs: {
-          ...t,
-          inline: t.inline ?? this.options.defaultInline
-        }
-      }),
-      updateImage: (t) => ({ commands: a }) => a.updateAttributes(this.name, t),
-      setAlignImage: (t) => ({ commands: a }) => a.updateAttributes(this.name, { align: t })
-    };
-  },
-  renderHTML({ HTMLAttributes: e }) {
-    const { flipX: t, flipY: a, align: s, inline: f } = e, u = f && (s === "left" || s === "right"), g = t || a ? `transform: rotateX(${t ? "180" : "0"}deg) rotateY(${a ? "180" : "0"}deg);` : "", v = u ? "" : `text-align: ${s};`, C = `${u ? `float: ${s};` : ""}${u ? s === "left" ? "margin: 1em 1em 1em 0;" : "margin: 1em 0 1em 1em;" : ""}${g}`;
-    return [
-      f ? "span" : "div",
-      {
-        style: v,
-        class: "image"
-      },
-      [
-        "img",
-        fe(
-          {
-            height: "auto",
-            style: C
-          },
-          this.options.HTMLAttributes,
-          e
-        )
-      ]
-    ];
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "span.image img",
-        getAttrs: (e) => {
-          var u;
-          const t = e == null ? void 0 : e.parentElement, a = e == null ? void 0 : e.getAttribute("width"), s = (e == null ? void 0 : e.getAttribute("flipx")) || !1, f = (e == null ? void 0 : e.getAttribute("flipy")) || !1;
-          return {
-            src: e == null ? void 0 : e.getAttribute("src"),
-            alt: e == null ? void 0 : e.getAttribute("alt"),
-            caption: e == null ? void 0 : e.getAttribute("caption"),
-            width: a ? Number.parseInt(a, 10) : null,
-            align: (e == null ? void 0 : e.getAttribute("align")) || ((u = t == null ? void 0 : t.style) == null ? void 0 : u.textAlign) || null,
-            inline: (e == null ? void 0 : e.getAttribute("inline")) || !1,
-            flipX: s === "true",
-            flipY: f === "true"
-          };
-        }
-      },
-      {
-        tag: "div[class=image]",
-        getAttrs: (e) => {
-          const t = e.querySelector("img"), a = t == null ? void 0 : t.getAttribute("width"), s = (t == null ? void 0 : t.getAttribute("flipx")) || !1, f = (t == null ? void 0 : t.getAttribute("flipy")) || !1;
-          return {
-            src: t == null ? void 0 : t.getAttribute("src"),
-            alt: t == null ? void 0 : t.getAttribute("alt"),
-            caption: t == null ? void 0 : t.getAttribute("caption"),
-            width: a ? Number.parseInt(a, 10) : null,
-            align: (t == null ? void 0 : t.getAttribute("align")) || e.style.textAlign || null,
-            inline: (t == null ? void 0 : t.getAttribute("inline")) || !1,
-            flipX: s === "true",
-            flipY: f === "true"
-          };
-        }
-      },
-      {
-        tag: 'img[src]:not([src^="data:"])'
-      }
-    ];
-  }
-  // addProseMirrorPlugins() {
-  //   const validateFile = (file: File): boolean => {
-  //     // @ts-expect-error
-  //     if (!this.options.acceptMimes.includes(file.type)) {
-  //       // toast({ description: t.value('editor.imageUpload.fileTypeNotSupported'), duration: 2000 });
-  //       return false;
-  //     }
-  //     // @ts-expect-error
-  //     if (file.size > this.options.maxSize) {
-  //       // toast({
-  //       //   description: `${t.value('editor.imageUpload.fileSizeTooBig')} ${formatFileSize(
-  //       //     this.options.maxSize,
-  //       //   )}.`,
-  //       //   duration: 2000,
-  //       // });
-  //       return false;
-  //     }
-  //     return true;
-  //   };
-  //   const uploadFn = createImageUpload({
-  //     validateFn: validateFile,
-  //     onUpload: this.options.upload as any,
-  //     // postUpload: this.options.postUpload,
-  //     defaultInline: this.options.defaultInline,
-  //   });
-  //   return [
-  //     UploadImagesPlugin(),
-  //     new Plugin({
-  //       key: new PluginKey(`richtextCustomPlugin${this.name}`),
-  //       props: {
-  //         handlePaste: (view, event) => {
-  //           const hasFiles =
-  //               event.clipboardData &&
-  //               event.clipboardData.files &&
-  //               event.clipboardData.files?.length;
-  //           if (!hasFiles) {
-  //             return;
-  //           }
-  //           const items = [...(event.clipboardData.files || [])];
-  //           if (items.some(x => x.type === 'text/html')) {
-  //             return false;
-  //           }
-  //           return handleImagePaste(view, event, uploadFn);
-  //         },
-  //         handleDrop: (view, event, _, moved) => {
-  //           if (!(event instanceof DragEvent) || !event.dataTransfer) {
-  //             return false;
-  //           }
-  //           handleImageDrop(view, event, moved, uploadFn);
-  //           return false;
-  //         },
-  //       },
-  //     }),
-  //   ];
-  // },
-});
+import "./clsx-DSzxBzvL.js";
+import "./throttle-D040PfWL.js";
+import { I as r, R as t } from "./Image-BZEFuS0P.js";
 export {
-  G as Image,
-  lt as RichTextImage
+  r as Image,
+  t as RichTextImage
 };