sykpcomposer 0.0.113 → 0.0.114

package/dist/{ImageComponent-a5849aa5.js → ImageComponent-3ae69dcc.js}

@@ -1,6 +1,6 @@
-import { j as C, u as ae, d as W, w as G, x as q, $ as J, a as te, b as he, c as ce, e as de, C as Y, f as le, k as ge, g as ue, I as pe, r as we, h as me, i as fe, l as xe, t as ye } from "./index-174aeef5.js";
-import { u as Ce, d as ve, L as De, P as be } from "./Placeholder-b9109e63.js";
-import x, { useRef as I, PureComponent as Re, createRef as ne, useState as K, useCallback as F, useEffect as Z, Suspense as Ee } from "react";
+import { j as C, u as ae, d as U, w as G, x as q, $ as J, a as te, b as he, c as ce, e as de, C as Y, f as le, k as ge, g as ue, I as pe, r as we, h as me, i as xe, l as fe, t as ye } from "./index-f7734e69.js";
+import { u as Ce, d as ve, L as De, P as be } from "./Placeholder-2e2a37c3.js";
+import f, { useRef as I, PureComponent as Re, createRef as ne, useState as K, useCallback as F, useEffect as Z, Suspense as Ee } from "react";
 import "react-dom";
 function Q(l, t, e) {
   return Math.min(Math.max(l, t), e);
@@ -35,8 +35,8 @@ function Me({
     startWidth: 0,
     startX: 0,
     startY: 0
-  }), d = r.getRootElement(), h = n || (d !== null ? d.getBoundingClientRect().width - 20 : 100), v = d !== null ? d.getBoundingClientRect().height - 20 : 100, D = 100, k = 100, m = (p) => {
-    const f = p === y.east || p === y.west, w = p === y.north || p === y.south, N = p & y.north && p & y.west || p & y.south && p & y.east, H = f ? "ew" : w ? "ns" : N ? "nwse" : "nesw";
+  }), d = r.getRootElement(), h = d !== null ? d.getBoundingClientRect().width - 20 : 100, v = d !== null ? d.getBoundingClientRect().height - 20 : 100, b = 100, k = 100, m = (p) => {
+    const x = p === y.east || p === y.west, w = p === y.north || p === y.south, N = p & y.north && p & y.west || p & y.south && p & y.east, H = x ? "ew" : w ? "ns" : N ? "nwse" : "nesw";
     d !== null && d.style.setProperty(
       "cursor",
       `${H}-resize`,
@@ -60,51 +60,51 @@ function Me({
       c.current.value,
       c.current.priority
     ));
-  }, S = (p, f) => {
+  }, $ = (p, x) => {
     if (!r.isEditable())
       return;
     const w = o.current, N = i.current;
     if (w !== null && N !== null) {
       p.preventDefault();
-      const { width: H, height: R } = w.getBoundingClientRect(), E = g.current;
-      E.startWidth = H, E.startHeight = R, E.ratio = H / R, E.currentWidth = H, E.currentHeight = R, E.startX = p.clientX, E.startY = p.clientY, E.isResizing = !0, E.direction = f, m(f), l(), N.classList.add("image-control-wrapper--resizing"), w.style.height = `${R}px`, w.style.width = `${H}px`, document.addEventListener("pointermove", b), document.addEventListener("pointerup", z);
+      const { width: H, height: E } = w.getBoundingClientRect(), D = g.current;
+      D.startWidth = H, D.startHeight = E, D.ratio = H / E, D.currentWidth = H, D.currentHeight = E, D.startX = p.clientX, D.startY = p.clientY, D.isResizing = !0, D.direction = x, m(x), l(), N.classList.add("image-control-wrapper--resizing"), w.style.height = `${E}px`, w.style.width = `${H}px`, document.addEventListener("pointermove", R), document.addEventListener("pointerup", z);
     }
-  }, b = (p) => {
-    const f = o.current, w = g.current, N = w.direction & (y.east | y.west), H = w.direction & (y.south | y.north);
-    if (f !== null && w.isResizing)
+  }, R = (p) => {
+    const x = o.current, w = g.current, N = w.direction & (y.east | y.west), H = w.direction & (y.south | y.north);
+    if (x !== null && w.isResizing)
       if (N && H) {
-        let R = Math.floor(w.startX - p.clientX);
-        R = w.direction & y.east ? -R : R;
-        const E = Q(
-          w.startWidth + R,
-          D,
+        let E = Math.floor(w.startX - p.clientX);
+        E = w.direction & y.east ? -E : E;
+        const D = Q(
+          w.startWidth + E,
+          b,
           h
-        ), T = E / w.ratio;
-        f.style.width = `${E}px`, f.style.height = `${T}px`, w.currentHeight = T, w.currentWidth = E;
+        ), T = D / w.ratio;
+        x.style.width = `${D}px`, x.style.height = `${T}px`, w.currentHeight = T, w.currentWidth = D;
       } else if (H) {
-        let R = Math.floor(w.startY - p.clientY);
-        R = w.direction & y.south ? -R : R;
-        const E = Q(
-          w.startHeight + R,
+        let E = Math.floor(w.startY - p.clientY);
+        E = w.direction & y.south ? -E : E;
+        const D = Q(
+          w.startHeight + E,
           k,
           v
         );
-        f.style.height = `${E}px`, w.currentHeight = E;
+        x.style.height = `${D}px`, w.currentHeight = D;
       } else {
-        let R = Math.floor(w.startX - p.clientX);
-        R = w.direction & y.east ? -R : R;
-        const E = Q(
-          w.startWidth + R,
-          D,
+        let E = Math.floor(w.startX - p.clientX);
+        E = w.direction & y.east ? -E : E;
+        const D = Q(
+          w.startWidth + E,
+          b,
           h
         );
-        f.style.width = `${E}px`, w.currentWidth = E;
+        x.style.width = `${D}px`, x.style.maxWidth = `${D}px`, w.currentWidth = D;
       }
   }, z = () => {
-    const p = o.current, f = g.current, w = i.current;
-    if (p !== null && w !== null && f.isResizing) {
-      const N = f.currentWidth, H = f.currentHeight;
-      f.startWidth = 0, f.startHeight = 0, f.ratio = 0, f.startX = 0, f.startY = 0, f.currentWidth = 0, f.currentHeight = 0, f.isResizing = !1, w.classList.remove("image-control-wrapper--resizing"), X(), t(N, H), document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", z);
+    const p = o.current, x = g.current, w = i.current;
+    if (p !== null && w !== null && x.isResizing) {
+      const N = x.currentWidth, H = x.currentHeight;
+      x.startWidth = 0, x.startHeight = 0, x.ratio = 0, x.startX = 0, x.startY = 0, x.currentWidth = 0, x.currentHeight = 0, x.isResizing = !1, w.classList.remove("image-control-wrapper--resizing"), X(), t(N, H), document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", z);
     }
   };
   return /* @__PURE__ */ C.jsxs("div", { ref: i, children: [
@@ -124,7 +124,7 @@ function Me({
       {
         className: "image-resizer image-resizer-n",
         onPointerDown: (p) => {
-          S(p, y.north);
+          $(p, y.north);
         }
       }
     ),
@@ -133,7 +133,7 @@ function Me({
       {
         className: "image-resizer image-resizer-ne",
         onPointerDown: (p) => {
-          S(p, y.north | y.east);
+          $(p, y.north | y.east);
         }
       }
     ),
@@ -142,7 +142,7 @@ function Me({
       {
         className: "image-resizer image-resizer-e",
         onPointerDown: (p) => {
-          S(p, y.east);
+          $(p, y.east);
         }
       }
     ),
@@ -151,7 +151,7 @@ function Me({
       {
         className: "image-resizer image-resizer-se",
         onPointerDown: (p) => {
-          S(p, y.south | y.east);
+          $(p, y.south | y.east);
         }
       }
     ),
@@ -160,7 +160,7 @@ function Me({
       {
         className: "image-resizer image-resizer-s",
         onPointerDown: (p) => {
-          S(p, y.south);
+          $(p, y.south);
         }
       }
     ),
@@ -169,7 +169,7 @@ function Me({
       {
         className: "image-resizer image-resizer-sw",
         onPointerDown: (p) => {
-          S(p, y.south | y.west);
+          $(p, y.south | y.west);
         }
       }
     ),
@@ -178,7 +178,7 @@ function Me({
       {
         className: "image-resizer image-resizer-w",
         onPointerDown: (p) => {
-          S(p, y.west);
+          $(p, y.west);
         }
       }
     ),
@@ -187,7 +187,7 @@ function Me({
       {
         className: "image-resizer image-resizer-nw",
         onPointerDown: (p) => {
-          S(p, y.north | y.west);
+          $(p, y.north | y.west);
         }
       }
     )
@@ -224,8 +224,8 @@ function ie(l, t, e, o, n, r = 0, a = 0, u = o, s = n) {
   t && (t > 1 ? (c = a ? a * t : c, g = c / t, d = u * t) : (g = r ? r / t : g, c = g * t, h = s / t)), i.y < 0 && (i.height = Math.max(i.height + i.y, g), i.y = 0), i.x < 0 && (i.width = Math.max(i.width + i.x, c), i.x = 0);
   const v = o - (i.x + i.width);
   v < 0 && (i.x = Math.min(i.x, o - c), i.width += v);
-  const D = n - (i.y + i.height);
-  if (D < 0 && (i.y = Math.min(i.y, n - g), i.height += D), i.width < c && ((e === "sw" || e == "nw") && (i.x -= c - i.width), i.width = c), i.height < g && ((e === "nw" || e == "ne") && (i.y -= g - i.height), i.height = g), i.width > d && ((e === "sw" || e == "nw") && (i.x -= d - i.width), i.width = d), i.height > h && ((e === "nw" || e == "ne") && (i.y -= h - i.height), i.height = h), t) {
+  const b = n - (i.y + i.height);
+  if (b < 0 && (i.y = Math.min(i.y, n - g), i.height += b), i.width < c && ((e === "sw" || e == "nw") && (i.x -= c - i.width), i.width = c), i.height < g && ((e === "nw" || e == "ne") && (i.y -= g - i.height), i.height = g), i.width > d && ((e === "sw" || e == "nw") && (i.x -= d - i.width), i.width = d), i.height > h && ((e === "nw" || e == "ne") && (i.y -= h - i.height), i.height = h), t) {
     const k = i.width / i.height;
     if (k < t) {
       const m = Math.max(i.width / t, g);
@@ -268,8 +268,8 @@ const j = class _ extends Re {
       let s = t.clientX, i = t.clientY, c = r.x, g = r.y;
       if (a) {
         const d = t.clientX - n.x, h = t.clientY - n.y;
-        let v = 0, D = 0;
-        a === "ne" || a == "e" ? (v = d - (r.x + r.width), D = h - r.y, c = r.x, g = r.y + r.height) : a === "se" || a === "s" ? (v = d - (r.x + r.width), D = h - (r.y + r.height), c = r.x, g = r.y) : a === "sw" || a == "w" ? (v = d - r.x, D = h - (r.y + r.height), c = r.x + r.width, g = r.y) : (a === "nw" || a == "n") && (v = d - r.x, D = h - r.y, c = r.x + r.width, g = r.y + r.height), s = c + n.x + v, i = g + n.y + D;
+        let v = 0, b = 0;
+        a === "ne" || a == "e" ? (v = d - (r.x + r.width), b = h - r.y, c = r.x, g = r.y + r.height) : a === "se" || a === "s" ? (v = d - (r.x + r.width), b = h - (r.y + r.height), c = r.x, g = r.y) : a === "sw" || a == "w" ? (v = d - r.x, b = h - (r.y + r.height), c = r.x + r.width, g = r.y) : (a === "nw" || a == "n") && (v = d - r.x, b = h - r.y, c = r.x + r.width, g = r.y + r.height), s = c + n.x + v, i = g + n.y + b;
       }
       this.evData = {
         startClientX: s,
@@ -346,8 +346,8 @@ const j = class _ extends Re {
         t.stopPropagation(), t.preventDefault();
       else
         return;
-      const h = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? _.nudgeStepLarge : t.shiftKey ? _.nudgeStepMedium : _.nudgeStep, v = L(n, d.width, d.height), D = He(v, t.key, h, e), k = ie(
-        D,
+      const h = (navigator.platform.match("Mac") ? t.metaKey : t.ctrlKey) ? _.nudgeStepLarge : t.shiftKey ? _.nudgeStepMedium : _.nudgeStep, v = L(n, d.width, d.height), b = He(v, t.key, h, e), k = ie(
+        b,
         o,
         e,
         d.width,
@@ -459,7 +459,7 @@ const j = class _ extends Re {
       crop: a
     } = this.props, u = this.getCropStyle();
     if (a)
-      return /* @__PURE__ */ x.createElement(
+      return /* @__PURE__ */ f.createElement(
         "div",
         {
           style: u,
@@ -470,7 +470,7 @@ const j = class _ extends Re {
           onKeyDown: this.onComponentKeyDown,
           role: "group"
         },
-        !e && !o && /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__drag-elements", onFocus: this.onDragFocus }, /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__drag-bar ord-n", "data-ord": "n" }), /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__drag-bar ord-e", "data-ord": "e" }), /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__drag-bar ord-s", "data-ord": "s" }), /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__drag-bar ord-w", "data-ord": "w" }), /* @__PURE__ */ x.createElement(
+        !e && !o && /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__drag-elements", onFocus: this.onDragFocus }, /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__drag-bar ord-n", "data-ord": "n" }), /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__drag-bar ord-e", "data-ord": "e" }), /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__drag-bar ord-s", "data-ord": "s" }), /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__drag-bar ord-w", "data-ord": "w" }), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-nw",
@@ -480,7 +480,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "nw"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-n",
@@ -490,7 +490,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "n"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-ne",
@@ -500,7 +500,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "ne"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-e",
@@ -510,7 +510,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "e"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-se",
@@ -520,7 +520,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "se"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-s",
@@ -530,7 +530,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "s"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-sw",
@@ -540,7 +540,7 @@ const j = class _ extends Re {
             onKeyDown: (s) => this.onHandlerKeyDown(s, "sw"),
             role: "button"
           }
-        ), /* @__PURE__ */ x.createElement(
+        ), /* @__PURE__ */ f.createElement(
           "div",
           {
             className: "ReactCrop__drag-handle ord-w",
@@ -551,8 +551,8 @@ const j = class _ extends Re {
             role: "button"
           }
         )),
-        n && /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__selection-addon", onPointerDown: (s) => s.stopPropagation() }, n(this.state)),
-        r && /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ x.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" }))
+        n && /* @__PURE__ */ f.createElement("div", { className: "ReactCrop__selection-addon", onPointerDown: (s) => s.stopPropagation() }, n(this.state)),
+        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) {
@@ -573,7 +573,7 @@ const j = class _ extends Re {
       !this.dragStarted && r && !r.width && !r.height && "ReactCrop--invisible-crop",
       o && "ReactCrop--no-animate"
     );
-    return /* @__PURE__ */ x.createElement("div", { ref: this.componentRef, className: h, style: s }, /* @__PURE__ */ x.createElement("div", { ref: this.mediaRef, className: "ReactCrop__child-wrapper", onPointerDown: this.onComponentPointerDown }, e), r ? /* @__PURE__ */ x.createElement("svg", { className: "ReactCrop__crop-mask", width: "100%", height: "100%" }, /* @__PURE__ */ x.createElement("defs", null, /* @__PURE__ */ x.createElement("mask", { id: `hole-${this.instanceId}` }, /* @__PURE__ */ x.createElement("rect", { width: "100%", height: "100%", fill: "white" }), o ? /* @__PURE__ */ x.createElement(
+    return /* @__PURE__ */ f.createElement("div", { ref: this.componentRef, className: h, 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: `${r.x + r.width / 2}${r.unit}`,
@@ -582,7 +582,7 @@ const j = class _ extends Re {
         ry: `${r.height / 2}${r.unit}`,
         fill: "black"
       }
-    ) : /* @__PURE__ */ x.createElement(
+    ) : /* @__PURE__ */ f.createElement(
       "rect",
       {
         x: `${r.x}${r.unit}`,
@@ -591,7 +591,7 @@ const j = class _ extends Re {
         height: `${r.height}${r.unit}`,
         fill: "black"
       }
-    ))), /* @__PURE__ */ x.createElement("rect", { fill: "black", fillOpacity: 0.5, width: "100%", height: "100%", mask: `url(#hole-${this.instanceId})` })) : void 0, d);
+    ))), /* @__PURE__ */ f.createElement("rect", { fill: "black", fillOpacity: 0.5, width: "100%", height: "100%", mask: `url(#hole-${this.instanceId})` })) : void 0, d);
   }
 };
 j.xOrds = ["e", "w"], j.yOrds = ["n", "s"], j.xyOrds = ["nw", "ne", "se", "sw"], j.nudgeStep = 1, j.nudgeStepMedium = 10, j.nudgeStepLarge = 100, j.defaultProps = {
@@ -609,7 +609,7 @@ j.xOrds = ["e", "w"], j.yOrds = ["n", "s"], j.xyOrds = ["nw", "ne", "se", "sw"],
 };
 let Ne = j;
 const oe = ye();
-function Se({
+function $e({
   altText: l,
   className: t,
   imageRef: e,
@@ -626,31 +626,31 @@ function Se({
     height: 100
   }), [i, c] = K(null), [g, d] = K(null), [h, v] = K(!1);
   I("");
-  const D = I(null), k = I(null);
+  const b = I(null), k = I(null);
   Z(() => {
-    i && (D.current = i);
+    i && (b.current = i);
   }, [i]);
   const m = () => {
-    v((b) => (b === !1 && s({ aspect: 1, x: 0, y: 0, width: 100, height: 100 }), !b));
-  }, X = (b) => {
-    k.current && !k.current.contains(b.target) && (console.log("Outside of the image clicked!"), v(!1));
+    v((R) => (R === !1 && s({ aspect: 1, x: 0, y: 0, width: 100, height: 100 }), !R));
+  }, X = (R) => {
+    k.current && !k.current.contains(R.target) && (console.log("Outside of the image clicked!"), v(!1));
   };
   Z(() => (document.addEventListener("mousedown", X), () => {
     document.removeEventListener("mousedown", X);
   }), []);
-  const S = () => {
+  const $ = () => {
     if (i) {
-      const b = e.current;
-      if (!b || !i)
+      const R = e.current;
+      if (!R || !i)
         return;
-      const z = b.naturalWidth / b.width, p = b.naturalHeight / b.height, f = new OffscreenCanvas(
+      const z = R.naturalWidth / R.width, p = R.naturalHeight / R.height, x = new OffscreenCanvas(
         i.width * z,
         i.height * p
-      ), w = f.getContext("2d");
+      ), w = x.getContext("2d");
       if (!w)
         throw new Error("No 2D context available");
       w.drawImage(
-        b,
+        R,
         i.x * z,
         i.y * p,
         i.width * z,
@@ -659,20 +659,20 @@ function Se({
         0,
         i.width * z,
         i.height * p
-      ), f.convertToBlob({ type: "image/png" }).then((N) => {
+      ), x.convertToBlob({ type: "image/png" }).then((N) => {
         const H = URL.createObjectURL(N);
         d(H), v(!h), console.log("Updated cropped image:", H);
       });
     }
   };
   return /* @__PURE__ */ C.jsxs("div", { ref: k, children: [
-    h ? /* @__PURE__ */ C.jsx("button", { onClick: S, disabled: !i, children: "Apply Crop" }) : /* @__PURE__ */ C.jsx("button", { onClick: m, children: "Enable Crop" }),
+    h ? /* @__PURE__ */ C.jsx("button", { onClick: $, disabled: !i, children: "Apply Crop" }) : /* @__PURE__ */ C.jsx("button", { onClick: m, children: "Enable Crop" }),
     h ? /* @__PURE__ */ C.jsx(
       Ne,
       {
         crop: u,
-        onChange: (b) => s(b),
-        onComplete: (b) => c(b),
+        onChange: (R) => s(R),
+        onComplete: (R) => c(R),
         children: /* @__PURE__ */ C.jsx(
           "img",
           {
@@ -721,31 +721,31 @@ function Xe({
   caption: s,
   captionsEnabled: i
 }) {
-  const c = I(null), g = I(null), [d, h, v] = Ce(e), [D, k] = K(!1), [m] = ae(), [X, S] = K(null), b = I(null), z = F(
+  const c = I(null), g = I(null), [d, h, v] = Ce(e), [b, k] = K(!1), [m] = ae(), [X, $] = K(null), R = I(null), z = F(
     (P) => {
-      if (d && W(G())) {
+      if (d && U(G())) {
         P.preventDefault();
-        const $ = q(e);
-        if (J($))
-          return $.remove(), !0;
+        const S = q(e);
+        if (J(S))
+          return S.remove(), !0;
       }
       return !1;
     },
     [d, e]
   ), p = F(
     (P) => {
-      const M = G(), $ = g.current;
-      if (d && W(M) && M.getNodes().length === 1) {
+      const M = G(), S = g.current;
+      if (d && U(M) && M.getNodes().length === 1) {
         if (u)
           return te(null), P.preventDefault(), s.focus(), !0;
-        if ($ !== null && $ !== document.activeElement)
-          return P.preventDefault(), $.focus(), !0;
+        if (S !== null && S !== document.activeElement)
+          return P.preventDefault(), S.focus(), !0;
       }
       return !1;
     },
     [s, d, u]
-  ), f = F(
-    (P) => b.current === s || g.current === P.target ? (te(null), m.update(() => {
+  ), x = F(
+    (P) => R.current === s || g.current === P.target ? (te(null), m.update(() => {
       h(!0);
       const M = m.getRootElement();
       M !== null && M.focus();
@@ -754,9 +754,9 @@ function Xe({
   ), w = F(
     (P) => {
       const M = P;
-      return D ? !0 : M.target === c.current ? (M.shiftKey ? h(!d) : (v(), h(!0)), !0) : !1;
+      return b ? !0 : M.target === c.current ? (M.shiftKey ? h(!d) : (v(), h(!0)), !0) : !1;
     },
-    [D, d, h, v]
+    [b, d, h, v]
   ), N = F(
     (P) => {
       m.getEditorState().read(() => {
@@ -771,13 +771,13 @@ function Xe({
   );
   Z(() => {
     let P = !0;
-    const M = m.getRootElement(), $ = ce(
-      m.registerUpdateListener(({ editorState: U }) => {
-        P && S(U.read(() => G()));
+    const M = m.getRootElement(), S = ce(
+      m.registerUpdateListener(({ editorState: W }) => {
+        P && $(W.read(() => G()));
       }),
       m.registerCommand(
         me,
-        (U, se) => (b.current = se, !1),
+        (W, se) => (R.current = se, !1),
         Y
       ),
       m.registerCommand(
@@ -792,7 +792,7 @@ function Xe({
       ),
       m.registerCommand(
         pe,
-        (U) => U.target === c.current ? (U.preventDefault(), !0) : !1,
+        (W) => W.target === c.current ? (W.preventDefault(), !0) : !1,
         Y
       ),
       m.registerCommand(
@@ -806,20 +806,20 @@ function Xe({
         Y
       ),
       m.registerCommand(le, p, Y),
-      m.registerCommand(de, f, Y)
+      m.registerCommand(de, x, Y)
     );
     return M == null || M.addEventListener("contextmenu", N), () => {
-      P = !1, $(), M == null || M.removeEventListener("contextmenu", N);
+      P = !1, S(), M == null || M.removeEventListener("contextmenu", N);
     };
   }, [
     v,
     m,
-    D,
+    b,
     d,
     e,
     z,
     p,
-    f,
+    x,
     w,
     N,
     h
@@ -829,21 +829,21 @@ function Xe({
       const P = q(e);
       J(P) && P.setShowCaption(!0);
     });
-  }, R = (P, M) => {
+  }, E = (P, M) => {
     setTimeout(() => {
       k(!1);
     }, 200), m.update(() => {
-      const $ = q(e);
-      J($) && $.setWidthAndHeight(P, M);
+      const S = q(e);
+      J(S) && S.setWidthAndHeight(P, M);
     });
-  }, E = () => {
+  }, D = () => {
     k(!0);
-  }, T = d && W(X) && !D, ee = d || D;
+  }, T = d && U(X) && !b, ee = d || b;
   return /* @__PURE__ */ C.jsx(Ee, { fallback: null, children: /* @__PURE__ */ C.jsxs(C.Fragment, { children: [
     /* @__PURE__ */ C.jsx("div", { draggable: T, children: /* @__PURE__ */ C.jsx(
-      Se,
+      $e,
       {
-        className: ee ? `focused ${W(X) ? "draggable" : ""}` : null,
+        className: ee ? `focused ${U(X) ? "draggable" : ""}` : null,
         src: l,
         altText: t,
         imageRef: c,
@@ -853,14 +853,14 @@ function Xe({
       }
     ) }),
     u && /* @__PURE__ */ C.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ C.jsx(ve, { initialEditor: s, children: /* @__PURE__ */ C.jsx(
-      fe,
+      xe,
       {
         contentEditable: /* @__PURE__ */ C.jsx(De, { className: "ImageNode__contentEditable" }),
         placeholder: /* @__PURE__ */ C.jsx(be, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
-        ErrorBoundary: xe
+        ErrorBoundary: fe
       }
     ) }) }),
-    a && W(X) && ee && /* @__PURE__ */ C.jsx(
+    a && U(X) && ee && /* @__PURE__ */ C.jsx(
       Me,
       {
         showCaption: u,
@@ -869,8 +869,8 @@ function Xe({
         buttonRef: g,
         imageRef: c,
         maxWidth: r,
-        onResizeStart: E,
-        onResizeEnd: R,
+        onResizeStart: D,
+        onResizeEnd: E,
         captionsEnabled: i
       }
     )
@@ -880,4 +880,4 @@ export {
   oe as RIGHT_CLICK_IMAGE_COMMAND,
   Xe as default
 };
-//# sourceMappingURL=ImageComponent-a5849aa5.js.map
+//# sourceMappingURL=ImageComponent-3ae69dcc.js.map