sykpcomposer 0.0.232 → 0.0.236

package/dist/{ImageComponent-33dffa4f.js → ImageComponent-1670b381.js}

@@ -1,6 +1,6 @@
-import { j as v, u as ce, a as ae, d as F, w as V, x as q, $ as J, b as ne, c as de, e as le, f as ge, C as I, g as ue, k as pe, h as we, I as me, r as xe, i as fe, l as ye, m as Ce, t as ve } from "./index-d4f3de4f.js";
-import { d as De, L as be, P as Re } from "./Placeholder-73337ee9.js";
-import f, { useRef as Y, PureComponent as Ee, createRef as ie, useState as W, useCallback as T, useEffect as te, Suspense as Me } from "react";
+import { j as D, u as ce, a as ae, d as G, w as q, x as J, $ as Q, b as ne, c as de, e as le, f as ge, C as I, g as ue, k as pe, h as we, I as me, r as xe, i as fe, l as ye, m as Ce, t as ve } from "./index-5d3cdbc4.js";
+import { d as De, L as be, P as Re } from "./Placeholder-682dd469.js";
+import f, { useRef as Y, PureComponent as Ee, createRef as re, useState as U, useCallback as V, useEffect as te, Suspense as Me } from "react";
 import "react-dom";
 function ee(l, t, e) {
   return Math.min(Math.max(l, t), e);
@@ -17,12 +17,12 @@ function Pe({
   buttonRef: e,
   imageRef: o,
   maxWidth: n,
-  editor: i,
+  editor: r,
   showCaption: h,
   setShowCaption: p,
   captionsEnabled: s
 }) {
-  const r = Y(null), d = Y({
+  const i = Y(null), d = Y({
     priority: "",
     value: "default"
   }), a = Y({
@@ -35,15 +35,15 @@ function Pe({
     startWidth: 0,
     startX: 0,
     startY: 0
-  }), g = i.getRootElement(), c = g !== null ? g.getBoundingClientRect().width - 20 : 100, C = g !== null ? g.getBoundingClientRect().height - 20 : 100, P = 100, x = 100, $ = (w) => {
-    const u = w === y.east || w === y.west, m = w === y.north || w === y.south, H = w & y.north && w & y.west || w & y.south && w & y.east, E = u ? "ew" : m ? "ns" : H ? "nwse" : "nesw";
+  }), g = r.getRootElement(), c = g !== null ? g.getBoundingClientRect().width - 20 : 100, C = g !== null ? g.getBoundingClientRect().height - 20 : 100, P = 100, x = 100, $ = (w) => {
+    const u = w === y.east || w === y.west, m = w === y.north || w === y.south, H = w & y.north && w & y.west || w & y.south && w & y.east, M = u ? "ew" : m ? "ns" : H ? "nwse" : "nesw";
     g !== null && g.style.setProperty(
       "cursor",
-      `${E}-resize`,
+      `${M}-resize`,
       "important"
     ), document.body !== null && (document.body.style.setProperty(
       "cursor",
-      `${E}-resize`,
+      `${M}-resize`,
       "important"
     ), d.current.value = document.body.style.getPropertyValue(
       "-webkit-user-select"
@@ -54,63 +54,63 @@ function Pe({
       "none",
       "important"
     ));
-  }, K = () => {
+  }, F = () => {
     g !== null && g.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
       "-webkit-user-select",
       d.current.value,
       d.current.priority
     ));
   }, z = (w, u) => {
-    if (!i.isEditable())
+    if (!r.isEditable())
       return;
-    const m = o.current, H = r.current;
+    const m = o.current, H = i.current;
     if (m !== null && H !== null) {
       w.preventDefault();
-      const { width: E, height: b } = m.getBoundingClientRect(), D = a.current;
-      D.startWidth = E, D.startHeight = b, D.ratio = E / b, D.currentWidth = E, D.currentHeight = b, D.startX = w.clientX, D.startY = w.clientY, D.isResizing = !0, D.direction = u, $(u), l(), H.classList.add("image-control-wrapper--resizing"), m.style.height = `${b}px`, m.style.width = `${E}px`, document.addEventListener("pointermove", j), document.addEventListener("pointerup", k);
+      const { width: M, height: b } = m.getBoundingClientRect(), v = a.current;
+      v.startWidth = M, v.startHeight = b, v.ratio = M / b, v.currentWidth = M, v.currentHeight = b, v.startX = w.clientX, v.startY = w.clientY, v.isResizing = !0, v.direction = u, $(u), l(), H.classList.add("image-control-wrapper--resizing"), m.style.height = `${b}px`, m.style.width = `${M}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", k);
     }
-  }, j = (w) => {
-    const u = o.current, m = a.current, H = m.direction & (y.east | y.west), E = m.direction & (y.south | y.north);
+  }, L = (w) => {
+    const u = o.current, m = a.current, H = m.direction & (y.east | y.west), M = m.direction & (y.south | y.north);
     if (u !== null && m.isResizing) {
-      if (H && E) {
+      if (H && M) {
         let b = Math.floor(m.startX - w.clientX);
         b = m.direction & y.east ? -b : b;
-        const D = ee(
+        const v = ee(
           m.startWidth + b,
           P,
           c
-        ), L = D / m.ratio;
-        u.style.width = `${D}px`, u.style.height = `${L}px`, m.currentHeight = L, m.currentWidth = D;
-      } else if (E) {
+        ), j = v / m.ratio;
+        u.style.width = `${v}px`, u.style.height = `${j}px`, m.currentHeight = j, m.currentWidth = v;
+      } else if (M) {
         let b = Math.floor(m.startY - w.clientY);
         b = m.direction & y.south ? -b : b;
-        const D = ee(
+        const v = ee(
           m.startHeight + b,
           x,
           C
         );
-        u.style.height = `${D}px`, u.style.maxHeight = `${D}px`, m.currentHeight = D;
+        u.style.height = `${v}px`, u.style.maxHeight = `${v}px`, m.currentHeight = v;
       } else {
         let b = Math.floor(m.startX - w.clientX);
         b = m.direction & y.east ? -b : b;
-        const D = ee(
+        const v = ee(
           m.startWidth + b,
           P,
           c
         );
-        u.style.width = `${D}px`, u.style.maxWidth = `${D}px`, m.currentWidth = D;
+        u.style.width = `${v}px`, u.style.maxWidth = `${v}px`, m.currentWidth = v;
       }
       u && (u.setAttribute("width", `${m.currentWidth}`), u.setAttribute("height", `${m.currentHeight}`));
     }
   }, k = () => {
-    const w = o.current, u = a.current, m = r.current;
+    const w = o.current, u = a.current, m = i.current;
     if (w !== null && m !== null && u.isResizing) {
-      const H = u.currentWidth, E = u.currentHeight;
-      u.startWidth = 0, u.startHeight = 0, u.ratio = 0, u.startX = 0, u.startY = 0, u.currentWidth = 0, u.currentHeight = 0, u.isResizing = !1, m.classList.remove("image-control-wrapper--resizing"), K(), t(H, E), document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", k);
+      const H = u.currentWidth, M = u.currentHeight;
+      u.startWidth = 0, u.startHeight = 0, u.ratio = 0, u.startX = 0, u.startY = 0, u.currentWidth = 0, u.currentHeight = 0, u.isResizing = !1, m.classList.remove("image-control-wrapper--resizing"), F(), t(H, M), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", k);
     }
   };
-  return /* @__PURE__ */ v.jsxs("div", { ref: r, children: [
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ D.jsxs("div", { ref: i, children: [
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-n",
@@ -119,7 +119,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-ne",
@@ -128,7 +128,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-e",
@@ -137,7 +137,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-se",
@@ -146,7 +146,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-s",
@@ -155,7 +155,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-sw",
@@ -164,7 +164,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-w",
@@ -173,7 +173,7 @@ function Pe({
         }
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: "image-resizer image-resizer-nw",
@@ -184,15 +184,15 @@ function Pe({
     )
   ] });
 }
-const Q = {
+const Z = {
   x: 0,
   y: 0,
   width: 0,
   height: 0,
   unit: "px"
-}, A = (l, t, e) => Math.min(Math.max(l, t), e), He = (...l) => l.filter((t) => t && typeof t == "string").join(" "), re = (l, t) => l === t || l.width === t.width && l.height === t.height && l.x === t.x && l.y === t.y && l.unit === t.unit;
-function B(l, t, e) {
-  return l.unit === "%" ? { ...Q, ...l, unit: "%" } : {
+}, O = (l, t, e) => Math.min(Math.max(l, t), e), He = (...l) => l.filter((t) => t && typeof t == "string").join(" "), ie = (l, t) => l === t || l.width === t.width && l.height === t.height && l.x === t.x && l.y === t.y && l.unit === t.unit;
+function W(l, t, e) {
+  return l.unit === "%" ? { ...Z, ...l, unit: "%" } : {
     unit: "%",
     x: l.x ? l.x / t * 100 : 0,
     y: l.y ? l.y / e * 100 : 0,
@@ -201,38 +201,38 @@ function B(l, t, e) {
   };
 }
 function _(l, t, e) {
-  return l.unit ? l.unit === "px" ? { ...Q, ...l, unit: "px" } : {
+  return l.unit ? l.unit === "px" ? { ...Z, ...l, unit: "px" } : {
     unit: "px",
     x: l.x ? l.x * t / 100 : 0,
     y: l.y ? l.y * e / 100 : 0,
     width: l.width ? l.width * t / 100 : 0,
     height: l.height ? l.height * e / 100 : 0
-  } : { ...Q, ...l, unit: "px" };
+  } : { ...Z, ...l, unit: "px" };
 }
-function oe(l, t, e, o, n, i = 0, h = 0, p = o, s = n) {
-  const r = { ...l };
-  let d = Math.min(i, o), a = Math.min(h, n), g = Math.min(p, o), c = Math.min(s, n);
-  t && (t > 1 ? (d = h ? h * t : d, a = d / t, g = p * t) : (a = i ? i / t : a, d = a * t, c = s / t)), r.y < 0 && (r.height = Math.max(r.height + r.y, a), r.y = 0), r.x < 0 && (r.width = Math.max(r.width + r.x, d), r.x = 0);
-  const C = o - (r.x + r.width);
-  C < 0 && (r.x = Math.min(r.x, o - d), r.width += C);
-  const P = n - (r.y + r.height);
-  if (P < 0 && (r.y = Math.min(r.y, n - a), r.height += P), r.width < d && ((e === "sw" || e == "nw") && (r.x -= d - r.width), r.width = d), r.height < a && ((e === "nw" || e == "ne") && (r.y -= a - r.height), r.height = a), r.width > g && ((e === "sw" || e == "nw") && (r.x -= g - r.width), r.width = g), r.height > c && ((e === "nw" || e == "ne") && (r.y -= c - r.height), r.height = c), t) {
-    const x = r.width / r.height;
+function oe(l, t, e, o, n, r = 0, h = 0, p = o, s = n) {
+  const i = { ...l };
+  let d = Math.min(r, o), a = Math.min(h, n), g = Math.min(p, o), c = Math.min(s, n);
+  t && (t > 1 ? (d = h ? h * t : d, a = d / t, g = p * t) : (a = r ? r / t : a, d = a * t, c = s / t)), i.y < 0 && (i.height = Math.max(i.height + i.y, a), i.y = 0), i.x < 0 && (i.width = Math.max(i.width + i.x, d), i.x = 0);
+  const C = o - (i.x + i.width);
+  C < 0 && (i.x = Math.min(i.x, o - d), i.width += C);
+  const P = n - (i.y + i.height);
+  if (P < 0 && (i.y = Math.min(i.y, n - a), i.height += P), i.width < d && ((e === "sw" || e == "nw") && (i.x -= d - i.width), i.width = d), i.height < a && ((e === "nw" || e == "ne") && (i.y -= a - i.height), i.height = a), i.width > g && ((e === "sw" || e == "nw") && (i.x -= g - i.width), i.width = g), i.height > c && ((e === "nw" || e == "ne") && (i.y -= c - i.height), i.height = c), t) {
+    const x = i.width / i.height;
     if (x < t) {
-      const $ = Math.max(r.width / t, a);
-      (e === "nw" || e == "ne") && (r.y -= $ - r.height), r.height = $;
+      const $ = Math.max(i.width / t, a);
+      (e === "nw" || e == "ne") && (i.y -= $ - i.height), i.height = $;
     } else if (x > t) {
-      const $ = Math.max(r.height * t, d);
-      (e === "sw" || e == "nw") && (r.x -= $ - r.width), r.width = $;
+      const $ = Math.max(i.height * t, d);
+      (e === "sw" || e == "nw") && (i.x -= $ - i.width), i.width = $;
     }
   }
-  return r;
+  return i;
 }
 function $e(l, t, e, o) {
   const n = { ...l };
   return t === "ArrowLeft" ? o === "nw" ? (n.x -= e, n.y -= e, n.width += e, n.height += e) : o === "w" ? (n.x -= e, n.width += e) : o === "sw" ? (n.x -= e, n.width += e, n.height += e) : o === "ne" ? (n.y += e, n.width -= e, n.height -= e) : o === "e" ? n.width -= e : o === "se" && (n.width -= e, n.height -= e) : t === "ArrowRight" && (o === "nw" ? (n.x += e, n.y += e, n.width -= e, n.height -= e) : o === "w" ? (n.x += e, n.width -= e) : o === "sw" ? (n.x += e, n.width -= e, n.height -= e) : o === "ne" ? (n.y -= e, n.width += e, n.height += e) : o === "e" ? n.width += e : o === "se" && (n.width += e, n.height += e)), t === "ArrowUp" ? o === "nw" ? (n.x -= e, n.y -= e, n.width += e, n.height += e) : o === "n" ? (n.y -= e, n.height += e) : o === "ne" ? (n.y -= e, n.width += e, n.height += e) : o === "sw" ? (n.x += e, n.width -= e, n.height -= e) : o === "s" ? n.height -= e : o === "se" && (n.width -= e, n.height -= e) : t === "ArrowDown" && (o === "nw" ? (n.x += e, n.y += e, n.width -= e, n.height -= e) : o === "n" ? (n.y += e, n.height -= e) : o === "ne" ? (n.y += e, n.width -= e, n.height -= e) : o === "sw" ? (n.x -= e, n.width += e, n.height += e) : o === "s" ? n.height += e : o === "se" && (n.width += e, n.height += e)), n;
 }
-const O = { capture: !0, passive: !1 };
+const K = { capture: !0, passive: !1 };
 let ze = 0;
 const X = class S extends Ee {
   constructor() {
@@ -244,27 +244,27 @@ const X = class S extends Ee {
       clientX: 0,
       clientY: 0,
       isResize: !0
-    }, this.componentRef = ie(), this.mediaRef = ie(), this.initChangeCalled = !1, this.instanceId = `rc-${ze++}`, this.state = {
+    }, this.componentRef = re(), this.mediaRef = re(), this.initChangeCalled = !1, this.instanceId = `rc-${ze++}`, this.state = {
       cropIsActive: !1,
       newCropIsBeingDrawn: !1
     }, this.onCropPointerDown = (t) => {
       const { crop: e, disabled: o } = this.props, n = this.getBox();
       if (!e)
         return;
-      const i = _(e, n.width, n.height);
+      const r = _(e, n.width, n.height);
       if (o)
         return;
       t.cancelable && t.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
       const h = t.target.dataset.ord, p = !!h;
-      let s = t.clientX, r = t.clientY, d = i.x, a = i.y;
+      let s = t.clientX, i = t.clientY, d = r.x, a = r.y;
       if (h) {
         const g = t.clientX - n.x, c = t.clientY - n.y;
         let C = 0, P = 0;
-        h === "ne" || h == "e" ? (C = g - (i.x + i.width), P = c - i.y, d = i.x, a = i.y + i.height) : h === "se" || h === "s" ? (C = g - (i.x + i.width), P = c - (i.y + i.height), d = i.x, a = i.y) : h === "sw" || h == "w" ? (C = g - i.x, P = c - (i.y + i.height), d = i.x + i.width, a = i.y) : (h === "nw" || h == "n") && (C = g - i.x, P = c - i.y, d = i.x + i.width, a = i.y + i.height), s = d + n.x + C, r = a + n.y + P;
+        h === "ne" || h == "e" ? (C = g - (r.x + r.width), P = c - r.y, d = r.x, a = r.y + r.height) : h === "se" || h === "s" ? (C = g - (r.x + r.width), P = c - (r.y + r.height), d = r.x, a = r.y) : h === "sw" || h == "w" ? (C = g - r.x, P = c - (r.y + r.height), d = r.x + r.width, a = r.y) : (h === "nw" || h == "n") && (C = g - r.x, P = c - r.y, d = r.x + r.width, a = r.y + r.height), s = d + n.x + C, i = a + n.y + P;
       }
       this.evData = {
         startClientX: s,
-        startClientY: r,
+        startClientY: i,
         startCropX: d,
         startCropY: a,
         clientX: t.clientX,
@@ -273,14 +273,14 @@ const X = class S extends Ee {
         ord: h
       }, this.mouseDownOnCrop = !0, this.setState({ cropIsActive: !0 });
     }, this.onComponentPointerDown = (t) => {
-      const { crop: e, disabled: o, locked: n, keepSelection: i, onChange: h } = this.props, p = this.getBox();
-      if (o || n || i && e)
+      const { crop: e, disabled: o, locked: n, keepSelection: r, onChange: h } = this.props, p = this.getBox();
+      if (o || n || r && e)
         return;
       t.cancelable && t.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
-      const s = t.clientX - p.x, r = t.clientY - p.y, d = {
+      const s = t.clientX - p.x, i = t.clientY - p.y, d = {
         unit: "px",
         x: s,
-        y: r,
+        y: i,
         width: 0,
         height: 0
       };
@@ -288,50 +288,50 @@ const X = class S extends Ee {
         startClientX: t.clientX,
         startClientY: t.clientY,
         startCropX: s,
-        startCropY: r,
+        startCropY: i,
         clientX: t.clientX,
         clientY: t.clientY,
         isResize: !0
-      }, this.mouseDownOnCrop = !0, h(_(d, p.width, p.height), B(d, p.width, p.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
+      }, this.mouseDownOnCrop = !0, h(_(d, p.width, p.height), W(d, p.width, p.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
     }, this.onDocPointerMove = (t) => {
-      const { crop: e, disabled: o, onChange: n, onDragStart: i } = this.props, h = this.getBox();
+      const { crop: e, disabled: o, onChange: n, onDragStart: r } = this.props, h = this.getBox();
       if (o || !e || !this.mouseDownOnCrop)
         return;
-      t.cancelable && t.preventDefault(), this.dragStarted || (this.dragStarted = !0, i && i(t));
+      t.cancelable && t.preventDefault(), this.dragStarted || (this.dragStarted = !0, r && r(t));
       const { evData: p } = this;
       p.clientX = t.clientX, p.clientY = t.clientY;
       let s;
-      p.isResize ? s = this.resizeCrop() : s = this.dragCrop(), re(e, s) || n(
+      p.isResize ? s = this.resizeCrop() : s = this.dragCrop(), ie(e, s) || n(
         _(s, h.width, h.height),
-        B(s, h.width, h.height)
+        W(s, h.width, h.height)
       );
     }, this.onComponentKeyDown = (t) => {
-      const { crop: e, disabled: o, onChange: n, onComplete: i } = this.props;
+      const { crop: e, disabled: o, onChange: n, onComplete: r } = this.props;
       if (o)
         return;
       const h = t.key;
       let p = !1;
       if (!e)
         return;
-      const s = this.getBox(), r = this.makePixelCrop(s), d = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? S.nudgeStepLarge : t.shiftKey ? S.nudgeStepMedium : S.nudgeStep;
-      if (h === "ArrowLeft" ? (r.x -= d, p = !0) : h === "ArrowRight" ? (r.x += d, p = !0) : h === "ArrowUp" ? (r.y -= d, p = !0) : h === "ArrowDown" && (r.y += d, p = !0), p) {
-        t.cancelable && t.preventDefault(), r.x = A(r.x, 0, s.width - r.width), r.y = A(r.y, 0, s.height - r.height);
-        const a = _(r, s.width, s.height), g = B(r, s.width, s.height);
-        n(a, g), i && i(a, g);
+      const s = this.getBox(), i = this.makePixelCrop(s), d = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? S.nudgeStepLarge : t.shiftKey ? S.nudgeStepMedium : S.nudgeStep;
+      if (h === "ArrowLeft" ? (i.x -= d, p = !0) : h === "ArrowRight" ? (i.x += d, p = !0) : h === "ArrowUp" ? (i.y -= d, p = !0) : h === "ArrowDown" && (i.y += d, p = !0), p) {
+        t.cancelable && t.preventDefault(), i.x = O(i.x, 0, s.width - i.width), i.y = O(i.y, 0, s.height - i.height);
+        const a = _(i, s.width, s.height), g = W(i, s.width, s.height);
+        n(a, g), r && r(a, g);
       }
     }, this.onHandlerKeyDown = (t, e) => {
       const {
         aspect: o = 0,
         crop: n,
-        disabled: i,
+        disabled: r,
         minWidth: h = 0,
         minHeight: p = 0,
         maxWidth: s,
-        maxHeight: r,
+        maxHeight: i,
         onChange: d,
         onComplete: a
       } = this.props, g = this.getBox();
-      if (i || !n)
+      if (r || !n)
         return;
       if (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "ArrowLeft" || t.key === "ArrowRight")
         t.stopPropagation(), t.preventDefault();
@@ -346,15 +346,15 @@ const X = class S extends Ee {
         h,
         p,
         s,
-        r
+        i
       );
-      if (!re(n, x)) {
-        const $ = B(x, g.width, g.height);
+      if (!ie(n, x)) {
+        const $ = W(x, g.width, g.height);
         d(x, $), a && a(x, $);
       }
     }, this.onDocPointerDone = (t) => {
-      const { crop: e, disabled: o, onComplete: n, onDragEnd: i } = this.props, h = this.getBox();
-      this.unbindDocMove(), !(o || !e) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, i && i(t), n && n(_(e, h.width, h.height), B(e, h.width, h.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
+      const { crop: e, disabled: o, onComplete: n, onDragEnd: r } = this.props, h = this.getBox();
+      this.unbindDocMove(), !(o || !e) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, r && r(t), n && n(_(e, h.width, h.height), W(e, h.width, h.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
     }, this.onDragFocus = () => {
       var t;
       (t = this.componentRef.current) == null || t.scrollTo(0, 0);
@@ -369,24 +369,24 @@ const X = class S extends Ee {
     const t = this.mediaRef.current;
     if (!t)
       return { x: 0, y: 0, width: 0, height: 0 };
-    const { x: e, y: o, width: n, height: i } = t.getBoundingClientRect();
-    return { x: e, y: o, width: n, height: i };
+    const { x: e, y: o, width: n, height: r } = t.getBoundingClientRect();
+    return { x: e, y: o, width: n, height: r };
   }
   componentDidUpdate(t) {
     const { crop: e, onComplete: o } = this.props;
     if (o && !t.crop && e) {
-      const { width: n, height: i } = this.getBox();
-      n && i && o(_(e, n, i), B(e, n, i));
+      const { width: n, height: r } = this.getBox();
+      n && r && o(_(e, n, r), W(e, n, r));
     }
   }
   componentWillUnmount() {
     this.resizeObserver && this.resizeObserver.disconnect(), this.unbindDocMove();
   }
   bindDocMove() {
-    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, O), this.document.addEventListener("pointerup", this.onDocPointerDone, O), this.document.addEventListener("pointercancel", this.onDocPointerDone, O), this.docMoveBound = !0);
+    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, K), this.document.addEventListener("pointerup", this.onDocPointerDone, K), this.document.addEventListener("pointercancel", this.onDocPointerDone, K), this.docMoveBound = !0);
   }
   unbindDocMove() {
-    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, O), this.document.removeEventListener("pointerup", this.onDocPointerDone, O), this.document.removeEventListener("pointercancel", this.onDocPointerDone, O), this.docMoveBound = !1);
+    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, K), this.document.removeEventListener("pointerup", this.onDocPointerDone, K), this.document.removeEventListener("pointercancel", this.onDocPointerDone, K), this.docMoveBound = !1);
   }
   getCropStyle() {
     const { crop: t } = this.props;
@@ -399,24 +399,24 @@ const X = class S extends Ee {
       };
   }
   dragCrop() {
-    const { evData: t } = this, e = this.getBox(), o = this.makePixelCrop(e), n = t.clientX - t.startClientX, i = t.clientY - t.startClientY;
-    return o.x = A(t.startCropX + n, 0, e.width - o.width), o.y = A(t.startCropY + i, 0, e.height - o.height), o;
+    const { evData: t } = this, e = this.getBox(), o = this.makePixelCrop(e), n = t.clientX - t.startClientX, r = t.clientY - t.startClientY;
+    return o.x = O(t.startCropX + n, 0, e.width - o.width), o.y = O(t.startCropY + r, 0, e.height - o.height), o;
   }
   getPointRegion(t, e, o, n) {
-    const { evData: i } = this, h = i.clientX - t.x, p = i.clientY - t.y;
+    const { evData: r } = this, h = r.clientX - t.x, p = r.clientY - t.y;
     let s;
-    n && e ? s = e === "nw" || e === "n" || e === "ne" : s = p < i.startCropY;
-    let r;
-    return o && e ? r = e === "nw" || e === "w" || e === "sw" : r = h < i.startCropX, r ? s ? "nw" : "sw" : s ? "ne" : "se";
+    n && e ? s = e === "nw" || e === "n" || e === "ne" : s = p < r.startCropY;
+    let i;
+    return o && e ? i = e === "nw" || e === "w" || e === "sw" : i = h < r.startCropX, i ? s ? "nw" : "sw" : s ? "ne" : "se";
   }
   resolveMinDimensions(t, e, o = 0, n = 0) {
-    const i = Math.min(o, t.width), h = Math.min(n, t.height);
-    return !e || !i && !h ? [i, h] : e > 1 ? i ? [i, i / e] : [h * e, h] : h ? [h * e, h] : [i, i / e];
+    const r = Math.min(o, t.width), h = Math.min(n, t.height);
+    return !e || !r && !h ? [r, h] : e > 1 ? r ? [r, r / e] : [h * e, h] : h ? [h * e, h] : [r, r / e];
   }
   resizeCrop() {
-    const { evData: t } = this, { aspect: e = 0, maxWidth: o, maxHeight: n } = this.props, i = this.getBox(), [h, p] = this.resolveMinDimensions(i, e, this.props.minWidth, this.props.minHeight);
-    let s = this.makePixelCrop(i);
-    const r = this.getPointRegion(i, t.ord, h, p), d = t.ord || r;
+    const { evData: t } = this, { aspect: e = 0, maxWidth: o, maxHeight: n } = this.props, r = this.getBox(), [h, p] = this.resolveMinDimensions(r, e, this.props.minWidth, this.props.minHeight);
+    let s = this.makePixelCrop(r);
+    const i = this.getPointRegion(r, t.ord, h, p), d = t.ord || i;
     let a = t.clientX - t.startClientX, g = t.clientY - t.startClientY;
     (h && d === "nw" || d === "w" || d === "sw") && (a = Math.min(a, -h)), (p && d === "nw" || d === "n" || d === "ne") && (g = Math.min(g, -p));
     const c = {
@@ -426,19 +426,19 @@ const X = class S extends Ee {
       width: 0,
       height: 0
     };
-    r === "ne" ? (c.x = t.startCropX, c.width = a, e ? (c.height = c.width / e, c.y = t.startCropY - c.height) : (c.height = Math.abs(g), c.y = t.startCropY - c.height)) : r === "se" ? (c.x = t.startCropX, c.y = t.startCropY, c.width = a, e ? c.height = c.width / e : c.height = g) : r === "sw" ? (c.x = t.startCropX + a, c.y = t.startCropY, c.width = Math.abs(a), e ? c.height = c.width / e : c.height = g) : r === "nw" && (c.x = t.startCropX + a, c.width = Math.abs(a), e ? (c.height = c.width / e, c.y = t.startCropY - c.height) : (c.height = Math.abs(g), c.y = t.startCropY + g));
+    i === "ne" ? (c.x = t.startCropX, c.width = a, e ? (c.height = c.width / e, c.y = t.startCropY - c.height) : (c.height = Math.abs(g), c.y = t.startCropY - c.height)) : i === "se" ? (c.x = t.startCropX, c.y = t.startCropY, c.width = a, e ? c.height = c.width / e : c.height = g) : i === "sw" ? (c.x = t.startCropX + a, c.y = t.startCropY, c.width = Math.abs(a), e ? c.height = c.width / e : c.height = g) : i === "nw" && (c.x = t.startCropX + a, c.width = Math.abs(a), e ? (c.height = c.width / e, c.y = t.startCropY - c.height) : (c.height = Math.abs(g), c.y = t.startCropY + g));
     const C = oe(
       c,
       e,
-      r,
-      i.width,
-      i.height,
+      i,
+      r.width,
+      r.height,
       h,
       p,
       o,
       n
     );
-    return e || S.xyOrds.indexOf(d) > -1 ? s = C : S.xOrds.indexOf(d) > -1 ? (s.x = C.x, s.width = C.width) : S.yOrds.indexOf(d) > -1 && (s.y = C.y, s.height = C.height), s.x = A(s.x, 0, i.width - s.width), s.y = A(s.y, 0, i.height - s.height), s;
+    return e || S.xyOrds.indexOf(d) > -1 ? s = C : S.xOrds.indexOf(d) > -1 ? (s.x = C.x, s.width = C.width) : S.yOrds.indexOf(d) > -1 && (s.y = C.y, s.height = C.height), s.x = O(s.x, 0, r.width - s.width), s.y = O(s.y, 0, r.height - s.height), s;
   }
   renderCropSelection() {
     const {
@@ -446,7 +446,7 @@ const X = class S extends Ee {
       disabled: e,
       locked: o,
       renderSelectionAddon: n,
-      ruleOfThirds: i,
+      ruleOfThirds: r,
       crop: h
     } = this.props, p = this.getCropStyle();
     if (h)
@@ -543,43 +543,43 @@ const X = class S extends Ee {
           }
         )),
         n && /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__selection-addon", onPointerDown: (s) => s.stopPropagation() }, n(this.state)),
-        i && /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" }))
+        r && /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" }))
       );
   }
   makePixelCrop(t) {
-    const e = { ...Q, ...this.props.crop || {} };
+    const e = { ...Z, ...this.props.crop || {} };
     return _(e, t.width, t.height);
   }
   render() {
-    const { aspect: t, children: e, circularCrop: o, className: n, crop: i, disabled: h, locked: p, style: s, ruleOfThirds: r } = this.props, { cropIsActive: d, newCropIsBeingDrawn: a } = this.state, g = i ? this.renderCropSelection() : null, c = He(
+    const { aspect: t, children: e, circularCrop: o, className: n, crop: r, disabled: h, locked: p, style: s, ruleOfThirds: i } = this.props, { cropIsActive: d, newCropIsBeingDrawn: a } = this.state, g = r ? this.renderCropSelection() : null, c = He(
       "ReactCrop",
       n,
       d && "ReactCrop--active",
       h && "ReactCrop--disabled",
       p && "ReactCrop--locked",
       a && "ReactCrop--new-crop",
-      i && t && "ReactCrop--fixed-aspect",
-      i && o && "ReactCrop--circular-crop",
-      i && r && "ReactCrop--rule-of-thirds",
-      !this.dragStarted && i && !i.width && !i.height && "ReactCrop--invisible-crop",
+      r && t && "ReactCrop--fixed-aspect",
+      r && o && "ReactCrop--circular-crop",
+      r && i && "ReactCrop--rule-of-thirds",
+      !this.dragStarted && r && !r.width && !r.height && "ReactCrop--invisible-crop",
       o && "ReactCrop--no-animate"
     );
-    return /* @__PURE__ */ f.createElement("div", { ref: this.componentRef, className: c, style: s }, /* @__PURE__ */ f.createElement("div", { ref: this.mediaRef, className: "ReactCrop__child-wrapper", onPointerDown: this.onComponentPointerDown }, e), i ? /* @__PURE__ */ f.createElement("svg", { className: "ReactCrop__crop-mask", width: "100%", height: "100%" }, /* @__PURE__ */ f.createElement("defs", null, /* @__PURE__ */ f.createElement("mask", { id: `hole-${this.instanceId}` }, /* @__PURE__ */ f.createElement("rect", { width: "100%", height: "100%", fill: "white" }), o ? /* @__PURE__ */ f.createElement(
+    return /* @__PURE__ */ f.createElement("div", { ref: this.componentRef, className: c, style: s }, /* @__PURE__ */ f.createElement("div", { ref: this.mediaRef, className: "ReactCrop__child-wrapper", onPointerDown: this.onComponentPointerDown }, e), r ? /* @__PURE__ */ f.createElement("svg", { className: "ReactCrop__crop-mask", width: "100%", height: "100%" }, /* @__PURE__ */ f.createElement("defs", null, /* @__PURE__ */ f.createElement("mask", { id: `hole-${this.instanceId}` }, /* @__PURE__ */ f.createElement("rect", { width: "100%", height: "100%", fill: "white" }), o ? /* @__PURE__ */ f.createElement(
       "ellipse",
       {
-        cx: `${i.x + i.width / 2}${i.unit}`,
-        cy: `${i.y + i.height / 2}${i.unit}`,
-        rx: `${i.width / 2}${i.unit}`,
-        ry: `${i.height / 2}${i.unit}`,
+        cx: `${r.x + r.width / 2}${r.unit}`,
+        cy: `${r.y + r.height / 2}${r.unit}`,
+        rx: `${r.width / 2}${r.unit}`,
+        ry: `${r.height / 2}${r.unit}`,
         fill: "black"
       }
     ) : /* @__PURE__ */ f.createElement(
       "rect",
       {
-        x: `${i.x}${i.unit}`,
-        y: `${i.y}${i.unit}`,
-        width: `${i.width}${i.unit}`,
-        height: `${i.height}${i.unit}`,
+        x: `${r.x}${r.unit}`,
+        y: `${r.y}${r.unit}`,
+        width: `${r.width}${r.unit}`,
+        height: `${r.height}${r.unit}`,
         fill: "black"
       }
     ))), /* @__PURE__ */ f.createElement("rect", { fill: "black", fillOpacity: 0.5, width: "100%", height: "100%", mask: `url(#hole-${this.instanceId})` })) : void 0, g);
@@ -606,14 +606,14 @@ function Se({
   src: e,
   width: o,
   height: n,
-  maxWidth: i,
+  maxWidth: r,
   imageRef: h,
   startCrop: p,
   setStartCrop: s,
-  isFocused: r,
+  isFocused: i,
   nodeKey: d
 }) {
-  const [a, g] = W(null), [c, C] = W(null), [P, x] = W({
+  const [a, g] = U(null), [c, C] = U(null), [P, x] = U({
     //@ts-ignore
     unit: "px",
     // Can be 'px' or '%'
@@ -621,15 +621,15 @@ function Se({
     y: 25,
     width: 50,
     height: 50
-  }), [$] = ae(), K = () => {
+  }), [$] = ae(), F = () => {
     if (a) {
       const u = h.current;
       if (!u || !a)
         return;
-      const m = u.naturalWidth / u.width, H = u.naturalHeight / u.height, E = new OffscreenCanvas(
+      const m = u.naturalWidth / u.width, H = u.naturalHeight / u.height, M = new OffscreenCanvas(
         a.width * m,
         a.height * H
-      ), b = E.getContext("2d");
+      ), b = M.getContext("2d");
       if (!b)
         throw new Error("No 2D context available");
       b.drawImage(
@@ -642,12 +642,19 @@ function Se({
         0,
         a.width * m,
         a.height * H
-      ), E.convertToBlob({ type: "image/png" }).then((D) => {
-        const L = URL.createObjectURL(D);
-        C(L), s(!1), $.update(() => {
-          const G = q(d);
-          J(G) && G.setSrc(L);
-        });
+      ), M.convertToBlob({ type: "image/png" }).then((v) => {
+        const j = URL.createObjectURL(v);
+        C(j), s(!1);
+        const A = new FileReader();
+        A.onload = () => {
+          const B = A.result;
+          $.update(() => {
+            const R = J(d);
+            Q(R) && B && R.setSrc(B);
+          });
+        }, A.onerror = () => {
+          console.log("error");
+        }, A.readAsDataURL(v);
       });
     }
   }, z = () => {
@@ -665,17 +672,17 @@ function Se({
       }
       return !u;
     });
-  }, j = Y(null), k = Y(null);
+  }, L = Y(null), k = Y(null);
   te(() => {
-    a && (j.current = a);
+    a && (L.current = a);
   }, [a]);
   const w = (u) => {
     k.current && !k.current.contains(u.target) && s(!1);
   };
   return te(() => (document.addEventListener("mousedown", w), () => {
     document.removeEventListener("mousedown", w);
-  }), []), /* @__PURE__ */ v.jsxs("div", { ref: k, children: [
-    r && /* @__PURE__ */ v.jsx(
+  }), []), /* @__PURE__ */ D.jsxs("div", { ref: k, children: [
+    i && /* @__PURE__ */ D.jsx(
       "button",
       {
         style: { zIndex: 999 },
@@ -684,22 +691,22 @@ function Se({
         children: "Crop"
       }
     ),
-    p && /* @__PURE__ */ v.jsx(
+    p && /* @__PURE__ */ D.jsx(
       "button",
       {
         style: { zIndex: 999 },
         className: "image-caption-button",
-        onClick: () => K(),
+        onClick: () => F(),
         children: "Apply Crop"
       }
     ),
-    p ? /* @__PURE__ */ v.jsx(
+    p ? /* @__PURE__ */ D.jsx(
       Ne,
       {
         crop: P,
         onChange: (u) => x(u),
         onComplete: (u) => g(u),
-        children: /* @__PURE__ */ v.jsx(
+        children: /* @__PURE__ */ D.jsx(
           "img",
           {
             className: t || void 0,
@@ -708,7 +715,7 @@ function Se({
             ref: h,
             style: {
               height: n,
-              maxWidth: i,
+              maxWidth: r,
               width: o
             },
             draggable: "false"
@@ -717,7 +724,7 @@ function Se({
       }
     ) : (
       // When startCrop is false, show the cropped image or original image
-      /* @__PURE__ */ v.jsx(
+      /* @__PURE__ */ D.jsx(
         "img",
         {
           className: t || void 0,
@@ -726,7 +733,7 @@ function Se({
           ref: h,
           style: {
             height: n,
-            maxWidth: i,
+            maxWidth: r,
             width: o
           },
           draggable: "false"
@@ -741,68 +748,68 @@ function Ye({
   nodeKey: e,
   width: o,
   height: n,
-  maxWidth: i,
+  maxWidth: r,
   resizable: h,
   showCaption: p,
   caption: s
 }) {
-  const r = Y(null), d = Y(null), [a, g, c] = ce(e), [C, P] = W(!1), [x] = ae(), [$, K] = W(null), [z, j] = W(!1), k = Y(null), w = T(
-    (M) => {
-      if (a && F(V())) {
-        M.preventDefault();
-        const N = q(e);
-        if (J(N))
+  const i = Y(null), d = Y(null), [a, g, c] = ce(e), [C, P] = U(!1), [x] = ae(), [$, F] = U(null), [z, L] = U(!1), k = Y(null), w = V(
+    (R) => {
+      if (a && G(q())) {
+        R.preventDefault();
+        const N = J(e);
+        if (Q(N))
           return N.remove(), !0;
       }
       return !1;
     },
     [a, e]
-  ), u = T(
-    (M) => {
-      const R = V(), N = d.current;
-      if (a && F(R) && R.getNodes().length === 1) {
+  ), u = V(
+    (R) => {
+      const E = q(), N = d.current;
+      if (a && G(E) && E.getNodes().length === 1) {
         if (p)
-          return ne(null), M.preventDefault(), s.focus(), !0;
+          return ne(null), R.preventDefault(), s.focus(), !0;
         if (N !== null && N !== document.activeElement)
-          return M.preventDefault(), N.focus(), !0;
+          return R.preventDefault(), N.focus(), !0;
       }
       return !1;
     },
     [s, a, p]
-  ), m = T(
-    (M) => k.current === s || d.current === M.target ? (ne(null), x.update(() => {
+  ), m = V(
+    (R) => k.current === s || d.current === R.target ? (ne(null), x.update(() => {
       g(!0);
-      const R = x.getRootElement();
-      R !== null && R.focus();
+      const E = x.getRootElement();
+      E !== null && E.focus();
     }), !0) : !1,
     [s, x, g]
-  ), H = T(
-    (M) => {
-      const R = M;
-      return C ? !0 : R.target === r.current ? (R.shiftKey ? g(!a) : (c(), g(!0)), !0) : !1;
+  ), H = V(
+    (R) => {
+      const E = R;
+      return C ? !0 : E.target === i.current ? (E.shiftKey ? g(!a) : (c(), g(!0)), !0) : !1;
     },
     [C, a, g, c]
-  ), E = T(
-    (M) => {
+  ), M = V(
+    (R) => {
       x.getEditorState().read(() => {
-        const R = V();
-        M.target.tagName === "IMG" && de(R) && R.getNodes().length === 1 && x.dispatchCommand(
+        const E = q();
+        R.target.tagName === "IMG" && de(E) && E.getNodes().length === 1 && x.dispatchCommand(
           se,
-          M
+          R
         );
       });
     },
     [x]
   );
   te(() => {
-    let M = !0;
-    const R = x.getRootElement(), N = le(
-      x.registerUpdateListener(({ editorState: U }) => {
-        M && K(U.read(() => V()));
+    let R = !0;
+    const E = x.getRootElement(), N = le(
+      x.registerUpdateListener(({ editorState: T }) => {
+        R && F(T.read(() => q()));
       }),
       x.registerCommand(
         fe,
-        (U, he) => (k.current = he, !1),
+        (T, he) => (k.current = he, !1),
         I
       ),
       x.registerCommand(
@@ -817,7 +824,7 @@ function Ye({
       ),
       x.registerCommand(
         me,
-        (U) => U.target === r.current ? (U.preventDefault(), !0) : !1,
+        (T) => T.target === i.current ? (T.preventDefault(), !0) : !1,
         I
       ),
       x.registerCommand(
@@ -833,8 +840,8 @@ function Ye({
       x.registerCommand(ue, u, I),
       x.registerCommand(ge, m, I)
     );
-    return R == null || R.addEventListener("contextmenu", E), () => {
-      M = !1, N(), R == null || R.removeEventListener("contextmenu", E);
+    return E == null || E.addEventListener("contextmenu", M), () => {
+      R = !1, N(), E == null || E.removeEventListener("contextmenu", M);
     };
   }, [
     c,
@@ -846,63 +853,63 @@ function Ye({
     u,
     m,
     H,
-    E,
+    M,
     g
   ]);
   const b = () => {
     x.update(() => {
-      const M = q(e);
-      J(M) && M.setShowCaption(!0);
+      const R = J(e);
+      Q(R) && R.setShowCaption(!0);
     });
-  }, D = (M, R) => {
+  }, v = (R, E) => {
     setTimeout(() => {
       P(!1);
     }, 200), x.update(() => {
-      const N = q(e);
-      console.log(N, "node"), J(N) && N.setWidthAndHeight(M, R);
+      const N = J(e);
+      console.log(N, "node"), Q(N) && N.setWidthAndHeight(R, E);
     });
-  }, L = () => {
+  }, j = () => {
     z || P(!0);
-  }, G = a && F($) && !C, Z = a || C;
-  return /* @__PURE__ */ v.jsx(Me, { fallback: null, children: /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-    /* @__PURE__ */ v.jsx("div", { draggable: G, children: /* @__PURE__ */ v.jsx(
+  }, A = a && G($) && !C, B = a || C;
+  return /* @__PURE__ */ D.jsx(Me, { fallback: null, children: /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
+    /* @__PURE__ */ D.jsx("div", { draggable: A, children: /* @__PURE__ */ D.jsx(
       Se,
       {
-        className: Z ? `focused ${F($) ? "draggable" : ""}` : null,
+        className: B ? `focused ${G($) ? "draggable" : ""}` : null,
         src: l,
         altText: t,
         width: o,
         height: n,
-        maxWidth: i,
-        imageRef: r,
+        maxWidth: r,
+        imageRef: i,
         startCrop: z,
-        setStartCrop: j,
-        isFocused: Z,
+        setStartCrop: L,
+        isFocused: B,
         nodeKey: e
       }
     ) }),
-    p && /* @__PURE__ */ v.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ v.jsx(De, { initialEditor: s, children: /* @__PURE__ */ v.jsx(
+    p && /* @__PURE__ */ D.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ D.jsx(De, { initialEditor: s, children: /* @__PURE__ */ D.jsx(
       ye,
       {
-        contentEditable: /* @__PURE__ */ v.jsx(be, { className: "ImageNode__contentEditable" }),
-        placeholder: /* @__PURE__ */ v.jsx(Re, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
+        contentEditable: /* @__PURE__ */ D.jsx(be, { className: "ImageNode__contentEditable" }),
+        placeholder: /* @__PURE__ */ D.jsx(Re, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
         ErrorBoundary: Ce
       }
     ) }) }),
-    !z && h && F($) && Z && /* @__PURE__ */ v.jsx(
+    !z && h && G($) && B && /* @__PURE__ */ D.jsx(
       Pe,
       {
         showCaption: p,
         setShowCaption: b,
         editor: x,
         buttonRef: d,
-        maxWidth: i,
+        maxWidth: r,
         onResizeStart: z ? () => {
-        } : L,
+        } : j,
         onResizeEnd: z ? () => {
-        } : D,
+        } : v,
         captionsEnabled: !1,
-        imageRef: r
+        imageRef: i
       }
     )
   ] }) });
@@ -911,4 +918,4 @@ export {
   se as RIGHT_CLICK_IMAGE_COMMAND,
   Ye as default
 };
-//# sourceMappingURL=ImageComponent-33dffa4f.js.map
+//# sourceMappingURL=ImageComponent-1670b381.js.map