react-sync-board 1.2.4 → 1.2.6

package/dist/react-sync-board.js

@@ -94,7 +94,7 @@ function Ur() {
       var X = b.displayName || b.name || "";
       return X !== "" ? R + "(" + X + ")" : R;
     }
-    function L(i) {
+    function A(i) {
       return i.displayName || "Context";
     }
     function N(i) {
@@ -122,10 +122,10 @@ function Ur() {
         switch (i.$$typeof) {
           case u:
             var b = i;
-            return L(b) + ".Consumer";
+            return A(b) + ".Consumer";
           case a:
             var R = i;
-            return L(R._context) + ".Provider";
+            return A(R._context) + ".Provider";
           case l:
             return M(i, i.render, "ForwardRef");
           case c:
@@ -142,18 +142,18 @@ function Ur() {
         }
       return null;
     }
-    var U = Object.assign, J = 0, P, $, Y, V, A, F, H;
-    function Z() {
-    }
-    Z.__reactDisabledLog = !0;
+    var U = Object.assign, J = 0, P, $, z, V, Y, F, H;
     function te() {
+    }
+    te.__reactDisabledLog = !0;
+    function Z() {
       {
         if (J === 0) {
-          P = console.log, $ = console.info, Y = console.warn, V = console.error, A = console.group, F = console.groupCollapsed, H = console.groupEnd;
+          P = console.log, $ = console.info, z = console.warn, V = console.error, Y = console.group, F = console.groupCollapsed, H = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: Z,
+            value: te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -169,7 +169,7 @@ function Ur() {
         J++;
       }
     }
-    function le() {
+    function ne() {
       {
         if (J--, J === 0) {
           var i = {
@@ -185,13 +185,13 @@ function Ur() {
               value: $
             }),
             warn: U({}, i, {
-              value: Y
+              value: z
             }),
             error: U({}, i, {
               value: V
             }),
             group: U({}, i, {
-              value: A
+              value: Y
             }),
             groupCollapsed: U({}, i, {
               value: F
@@ -204,7 +204,7 @@ function Ur() {
         J < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var se = y.ReactCurrentDispatcher, me;
+    var ie = y.ReactCurrentDispatcher, me;
     function ge(i, b, R) {
       {
         if (me === void 0)
@@ -236,7 +236,7 @@ function Ur() {
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
-      W = se.current, se.current = null, te();
+      W = ie.current, ie.current = null, Z();
       try {
         if (b) {
           var B = function() {
@@ -249,39 +249,39 @@ function Ur() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(B, []);
-            } catch (ie) {
-              D = ie;
+            } catch (ae) {
+              D = ae;
             }
             Reflect.construct(i, [], B);
           } else {
             try {
               B.call();
-            } catch (ie) {
-              D = ie;
+            } catch (ae) {
+              D = ae;
             }
             i.call(B.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ie) {
-            D = ie;
+          } catch (ae) {
+            D = ae;
           }
           i();
         }
-      } catch (ie) {
-        if (ie && D && typeof ie.stack == "string") {
-          for (var z = ie.stack.split(`
+      } catch (ae) {
+        if (ae && D && typeof ae.stack == "string") {
+          for (var L = ae.stack.split(`
 `), ee = D.stack.split(`
-`), q = z.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && z[q] !== ee[G]; )
+`), q = L.length - 1, G = ee.length - 1; q >= 1 && G >= 0 && L[q] !== ee[G]; )
             G--;
           for (; q >= 1 && G >= 0; q--, G--)
-            if (z[q] !== ee[G]) {
+            if (L[q] !== ee[G]) {
               if (q !== 1 || G !== 1)
                 do
-                  if (q--, G--, G < 0 || z[q] !== ee[G]) {
+                  if (q--, G--, G < 0 || L[q] !== ee[G]) {
                     var re = `
-` + z[q].replace(" at new ", " at ");
+` + L[q].replace(" at new ", " at ");
                     return i.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", i.displayName)), typeof i == "function" && je.set(i, re), re;
                   }
                 while (q >= 1 && G >= 0);
@@ -289,7 +289,7 @@ function Ur() {
             }
         }
       } finally {
-        Ke = !1, se.current = W, le(), Error.prepareStackTrace = X;
+        Ke = !1, ie.current = W, ne(), Error.prepareStackTrace = X;
       }
       var ve = i ? i.displayName || i.name : "", Tt = ve ? ge(ve) : "";
       return typeof i == "function" && je.set(i, Tt), Tt;
@@ -343,17 +343,17 @@ function Ur() {
         var W = Function.call.bind($e);
         for (var B in i)
           if (W(i, B)) {
-            var z = void 0;
+            var L = void 0;
             try {
               if (typeof i[B] != "function") {
                 var ee = Error((D || "React class") + ": " + R + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              z = i[B](b, B, D, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              L = i[B](b, B, D, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
-              z = q;
+              L = q;
             }
-            z && !(z instanceof Error) && (Ae(X), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", R, B, typeof z), Ae(null)), z instanceof Error && !(z.message in vt) && (vt[z.message] = !0, Ae(X), C("Failed %s type: %s", R, z.message), Ae(null));
+            L && !(L instanceof Error) && (Ae(X), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", D || "React class", R, B, typeof L), Ae(null)), L instanceof Error && !(L.message in vt) && (vt[L.message] = !0, Ae(X), C("Failed %s type: %s", R, L.message), Ae(null));
           }
       }
     }
@@ -433,7 +433,7 @@ function Ur() {
       }
     }
     var Ir = function(i, b, R, D, X, W, B) {
-      var z = {
+      var L = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -444,27 +444,27 @@ function Ur() {
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return z._store = {}, Object.defineProperty(z._store, "validated", {
+      return L._store = {}, Object.defineProperty(L._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(z, "_self", {
+      }), Object.defineProperty(L, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.defineProperty(z, "_source", {
+      }), Object.defineProperty(L, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: X
-      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
+      }), Object.freeze && (Object.freeze(L.props), Object.freeze(L)), L;
     };
     function Or(i, b, R, D, X) {
       {
-        var W, B = {}, z = null, ee = null;
-        R !== void 0 && (_t(R), z = "" + R), wr(b) && (_t(b.key), z = "" + b.key), Er(b) && (ee = b.ref, Cr(b, X));
+        var W, B = {}, L = null, ee = null;
+        R !== void 0 && (_t(R), L = "" + R), wr(b) && (_t(b.key), L = "" + b.key), Er(b) && (ee = b.ref, Cr(b, X));
         for (W in b)
           $e.call(b, W) && !br.hasOwnProperty(W) && (B[W] = b[W]);
         if (i && i.defaultProps) {
@@ -472,11 +472,11 @@ function Ur() {
           for (W in q)
             B[W] === void 0 && (B[W] = q[W]);
         }
-        if (z || ee) {
+        if (L || ee) {
           var G = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          z && xr(B, G), ee && Rr(B, G);
+          L && xr(B, G), ee && Rr(B, G);
         }
-        return Ir(i, z, ee, X, D, be.current, B);
+        return Ir(i, L, ee, X, D, be.current, B);
       }
     }
     var Ge = y.ReactCurrentOwner, wt = y.ReactDebugCurrentFrame;
@@ -601,12 +601,12 @@ Check the top-level render call using <` + R + ">.");
       {
         var B = j(i);
         if (!B) {
-          var z = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (z += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var L = "";
+          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ee = Tr(X);
-          ee ? z += ee : z += Ct();
+          ee ? L += ee : L += Ct();
           var q;
-          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (N(i.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, z);
+          i === null ? q = "null" : He(i) ? q = "array" : i !== void 0 && i.$$typeof === t ? (q = "<" + (N(i.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : q = typeof i, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, L);
         }
         var G = Or(i, b, R, X, W);
         if (G == null)
@@ -640,7 +640,7 @@ Check the top-level render call using <` + R + ">.");
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Xr() : e.exports = Ur();
 })(Nr);
-const Wr = Ie.Fragment, T = Ie.jsx, ue = Ie.jsxs;
+const Wr = Ie.Fragment, T = Ie.jsx, le = Ie.jsxs;
 let Vr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
 class Fr {
   constructor(t, r, n = null) {
@@ -1055,10 +1055,10 @@ function en() {
         value: null
       }, E.current = I) : I = E.current;
       var y = u(function() {
-        var w = !1, m, S, O = function(L) {
+        var w = !1, m, S, O = function(A) {
           if (!w) {
-            w = !0, m = L;
-            var N = _(L);
+            w = !0, m = A;
+            var N = _(A);
             if (v !== void 0 && I.hasValue) {
               var U = I.value;
               if (v(U, N))
@@ -1067,10 +1067,10 @@ function en() {
             return S = N, N;
           }
           var J = m, P = S;
-          if (n(J, L))
+          if (n(J, A))
             return P;
-          var $ = _(L);
-          return v !== void 0 && v(P, $) ? P : (m = L, S = $, $);
+          var $ = _(A);
+          return v !== void 0 && v(P, $) ? P : (m = A, S = $, $);
         }, k = h === void 0 ? null : h, j = function() {
           return O(c());
         }, M = k === null ? void 0 : function() {
@@ -1124,8 +1124,16 @@ const ye = (e, t) => e.classList && e.classList.contains(t), Oe = (e, t) => ye(e
   const r = t.getBoundingClientRect();
   return nn(e, r);
 }, Ne = (e, t) => {
-  const n = e.getElementsByClassName(`item ${t}`)[0];
-  return n || console.error(`Missing item ${t}`), n;
+  try {
+    const n = e.getElementsByClassName(`item ${t}`)[0];
+    return n || console.error(`Missing item ${t}`), n;
+  } catch {
+    console.error(
+      `Error while getting item with id ${t} with wrapper`,
+      e
+    );
+    return;
+  }
 }, Te = (e) => {
   var r, n;
   const t = (r = e == null ? void 0 : e.dataset) == null ? void 0 : r.id;
@@ -1379,11 +1387,11 @@ const ar = g.createContext(), un = (e, t) => ({
       l.ready && (u(), s(!0));
     });
   }, [a]), o ? /* @__PURE__ */ T(ar.Provider, { value: a, children: t }) : null;
-}, ne = (e, t) => {
+}, oe = (e, t) => {
   const r = _e(ar);
   return We(r, e, t || Ve);
 }, ns = () => {
-  const [e, t] = ne((n) => [
+  const [e, t] = oe((n) => [
     n.itemIds,
     n.items
   ]);
@@ -1392,7 +1400,7 @@ const ar = g.createContext(), un = (e, t) => ({
     [e, t]
   );
 }, os = () => {
-  const [e, t, r] = ne((a) => [
+  const [e, t, r] = oe((a) => [
     a.items,
     a.itemIds,
     a.getItemList
@@ -1448,7 +1456,7 @@ const ar = g.createContext(), un = (e, t) => ({
   }),
   callInteractions: (r, n) => {
     t().interactions[r] && t().interactions[r].forEach((o) => {
-      o(n);
+      setTimeout(() => o(n), 0);
     });
   }
 }), vn = (e, t) => ({
@@ -1595,7 +1603,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     p.config.itemExtent,
     p.getConfiguration,
     p.updateConfiguration
-  ]), s = g.useRef([0.15, 5]), [a] = ne((p) => [p.getItemList]), u = g.useCallback(() => {
+  ]), s = g.useRef([0.15, 5]), [a] = oe((p) => [p.getItemList]), u = g.useCallback(() => {
     const { translateX: p, translateY: w, scale: m, rotate: S } = e();
     return { translateX: p, translateY: w, scale: m, rotate: S };
   }, [e]), l = g.useCallback(
@@ -1621,7 +1629,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         translateX: k,
         translateY: j,
         scale: M,
-        rotate: L
+        rotate: A
       } = {
         ...O,
         ...p(O)
@@ -1631,7 +1639,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         x: k,
         y: j,
         scale: N,
-        rotate: L,
+        rotate: A,
         itemExtent: w,
         boardWrapperRect: m,
         boardSize: S
@@ -1639,7 +1647,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         translateX: U,
         translateY: J,
         scale: N,
-        rotate: L
+        rotate: A
       });
     },
     [c, e, n, t]
@@ -1663,10 +1671,10 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
         x: m.left + m.width / 2,
         y: m.top + m.height / 2
       });
-      const O = e(), k = c(O.scale * w), j = S.x - m.left, M = S.y - m.top, L = j - (j - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
+      const O = e(), k = c(O.scale * w), j = S.x - m.left, M = S.y - m.top, A = j - (j - O.translateX) * k / O.scale, N = M - (M - O.translateY) * k / O.scale;
       h((U) => ({
         ...U,
-        translateX: L,
+        translateX: A,
         translateY: N,
         scale: k
       }));
@@ -1674,16 +1682,16 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [c, e, n, h]
   ), E = g.useCallback(
     ({ x: p, y: w, radius: m }) => {
-      const { rotate: S } = e(), { boardWrapperRect: O, boardSize: k } = n(), j = O.width / (m * 2), M = O.height / (m * 2), L = c(Math.min(j, M) * bn), [N, U] = Be(
+      const { rotate: S } = e(), { boardWrapperRect: O, boardSize: k } = n(), j = O.width / (m * 2), M = O.height / (m * 2), A = c(Math.min(j, M) * bn), [N, U] = Be(
         [-k / 2 - p, -k / 2 - w],
         {
           translateX: O.width / 2,
           translateY: O.height / 2,
-          scale: L,
+          scale: A,
           rotate: S
         }
       );
-      h((J) => ({ ...J, translateX: N, translateY: U, scale: L }));
+      h((J) => ({ ...J, translateX: N, translateY: U, scale: A }));
     },
     [c, e, n, h]
   ), I = g.useCallback(() => {
@@ -1699,13 +1707,13 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     const p = a(), { boardWrapper: w, boardSize: m } = n(), S = p.reduce(
       (k, j) => {
         const M = Ne(w, j.id);
-        return k.left = Math.min(j.x, k.left), k.top = Math.min(j.y, k.top), k.right = Math.max(
+        return M && (k.left = Math.min(j.x, k.left), k.top = Math.min(j.y, k.top), k.right = Math.max(
           j.x + M.offsetWidth,
           k.right
         ), k.bottom = Math.max(
           j.y + M.offsetHeight,
           k.bottom
-        ), k;
+        )), k;
       },
       {
         left: m / 2,
@@ -1781,39 +1789,40 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     getItemList: v,
     insertItems: E,
     setItemList: I
-  } = ne(
+  } = oe(
     ({
       getItems: P,
       getItemIds: $,
-      setItemIds: Y,
+      setItemIds: z,
       updateItems: V,
-      moveItems: A,
+      moveItems: Y,
       removeItemsById: F,
       getItemList: H,
-      insertItems: Z,
-      setItemList: te
+      insertItems: te,
+      setItemList: Z
     }) => ({
       getItems: P,
       getItemIds: $,
-      setItemIds: Y,
+      setItemIds: z,
       updateItems: V,
-      moveItems: A,
+      moveItems: Y,
       removeItemsById: F,
       getItemList: H,
-      insertItems: Z,
-      setItemList: te
+      insertItems: te,
+      setItemList: Z
     })
   ), y = g.useCallback(
-    (P, $, Y = !1) => {
+    (P, $, z = !1) => {
       let V = $;
       typeof $ == "object" && (V = () => $);
-      const A = d().filter((Z) => P.includes(Z)), F = l(), H = Object.fromEntries(
-        A.map((Z) => {
-          const te = F[Z];
-          return Y ? [Z, V(te)] : [Z, V({ ...te })];
-        })
-      );
-      c(H, Y), n();
+      const Y = d().filter((Z) => P.includes(Z)), F = l(), H = Y.map((Z) => {
+        const ne = F[Z];
+        return z ? [Z, V(ne)] : [Z, V({ ...ne })];
+      }).filter(([, Z]) => Z);
+      if (H.length === 0)
+        return;
+      const te = Object.fromEntries(H);
+      c(te, z), n();
     },
     [d, l, n, c]
   ), C = g.useCallback(
@@ -1822,8 +1831,8 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     },
     [o, I, n]
   ), x = g.useCallback(
-    (P, $, Y = !1) => {
-      y([P], $, Y);
+    (P, $, z = !1) => {
+      y([P], $, z);
     },
     [y]
   ), p = g.useCallback(
@@ -1836,31 +1845,31 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [d, l, h, n]
   ), w = g.useCallback(
     (P) => {
-      const $ = d(), Y = $.filter((A) => !P.includes(A)), V = $.filter(
-        (A) => P.includes(A)
+      const $ = d(), z = $.filter((Y) => !P.includes(Y)), V = $.filter(
+        (Y) => P.includes(Y)
       );
-      f([...Y, ...V]);
+      f([...z, ...V]);
     },
     [d, f]
   ), m = g.useCallback(
-    (P, { type: $, size: Y } = {}) => {
+    (P, { type: $, size: z } = {}) => {
       const { boardWrapper: V } = u();
       y(
         P,
-        (A) => {
-          const F = Ne(V, A.id);
+        (Y) => {
+          const F = Ne(V, Y.id);
           if (!F)
             return;
           const H = {
             type: $ || "grid",
-            size: Y || 1,
+            size: z || 1,
             offset: { x: 0, y: 0 },
-            ...A.grid
+            ...Y.grid
           };
           return an(
             {
-              x: A.x,
-              y: A.y,
+              x: Y.x,
+              y: Y.y,
               width: F.clientWidth,
               height: F.clientHeight
             },
@@ -1873,15 +1882,12 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [u, y]
   ), S = g.useCallback(
     (P, $) => {
-      const Y = Bt(
+      const z = Bt(
         l(),
         d(),
         P
       );
-      w(Y), y(Y, (V) => {
-        const A = { ...V };
-        return delete A.moving, A;
-      }), m(Y, $), e(P), n();
+      w(z), y(z, { moving: !1 }, !0), m(z, $), e(P), n();
     },
     [
       y,
@@ -1899,40 +1905,44 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     [f]
   ), k = g.useCallback(
     (P) => {
-      const $ = d(), Y = $.filter(
-        (A) => P.includes(A)
-      ), V = $.map((A) => P.includes(A) ? Y.pop() : A);
+      const $ = d(), z = $.filter(
+        (Y) => P.includes(Y)
+      ), V = $.map((Y) => P.includes(Y) ? z.pop() : Y);
       f(V), s();
     },
     [d, s, f]
   ), j = g.useCallback(
     (P, $) => {
-      const Y = l(), V = Object.fromEntries(
-        $.map((H, Z) => {
-          const te = Y[P[Z]];
+      const z = l(), V = Object.fromEntries(
+        $.map((H, te) => {
+          const Z = z[P[te]];
           return [
             H,
             {
-              x: te.x,
-              y: te.y
+              x: Z.x,
+              y: Z.y
             }
           ];
         })
       );
-      y(P, (H) => ({ ...H, ...V[H.id] }));
-      const A = Object.fromEntries(
-        P.map((H, Z) => [H, $[Z]])
-      ), F = d().map((H) => P.includes(H) ? A[H] : H);
+      y(
+        P,
+        (H) => V[H.id],
+        !0
+      );
+      const Y = Object.fromEntries(
+        P.map((H, te) => [H, $[te]])
+      ), F = d().map((H) => P.includes(H) ? Y[H] : H);
       f(F);
     },
     [l, y, d, f]
   ), M = g.useCallback(
     (P, $) => {
-      const Y = r(), V = P.map((A, F) => !A.x || !A.y ? { ...A, x: Y.x + 2 * F, y: Y.y + 2 * F } : A);
+      const z = r(), V = P.map((Y, F) => !Y.x || !Y.y ? { ...Y, x: z.x + 2 * F, y: z.y + 2 * F } : Y);
       E(V, $), n();
     },
     [r, E, n]
-  ), L = g.useCallback(
+  ), A = g.useCallback(
     (P, $) => {
       M([P], $);
     },
@@ -1945,28 +1955,28 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
   ), U = g.useCallback(
     (P) => {
       const $ = l();
-      return P.map((Y) => $[Y]);
+      return P.map((z) => $[z]);
     },
     [l]
   ), J = g.useCallback(
-    ({ target: P, clientX: $, clientY: Y }, { returnLocked: V = !1, passLocked: A = !1 } = {}) => {
+    ({ target: P, clientX: $, clientY: z }, { returnLocked: V = !1, passLocked: Y = !1 } = {}) => {
       if (["INPUT", "TEXTAREA"].includes(P.tagName))
         return null;
       const F = Oe(P, "item");
       if (F) {
         if (ye(F, "selected"))
           return F;
-        if (!A && ye(F, "locked") && !ye(P, "passthrough"))
+        if (!Y && ye(F, "locked") && !ye(P, "passthrough"))
           return V ? F : null;
         if (ye(P, "passthrough")) {
-          const H = d(), { boardWrapper: Z } = u(), te = H.reduce((le, se) => {
-            const me = Ne(Z, se), ge = me.getBoundingClientRect();
-            return ft({ x: $, y: Y }, ge) && le.unshift(me), le;
+          const H = d(), { boardWrapper: te } = u(), Z = H.reduce((ne, ie) => {
+            const me = Ne(te, ie), ge = me.getBoundingClientRect();
+            return ft({ x: $, y: z }, ge) && ne.unshift(me), ne;
           }, []);
-          for (let le = 0; le < te.length; le += 1) {
-            const se = te[le];
-            if (se !== F && (A || !ye(se, "locked")))
-              return se;
+          for (let ne = 0; ne < Z.length; ne += 1) {
+            const ie = Z[ne];
+            if (ie !== F && (Y || !ye(ie, "locked")))
+              return ie;
           }
           return null;
         }
@@ -1985,7 +1995,7 @@ const Sn = 100, _n = 1e3, bn = 0.8, En = ({
     swapItems: j,
     reverseItemsOrder: k,
     setItemList: C,
-    pushItem: L,
+    pushItem: A,
     pushItems: M,
     removeItems: N,
     getItemList: v,
@@ -2068,7 +2078,7 @@ const xn = (e, t) => {
   const { actions: r = xn(e, t) } = e;
   return r.map((n) => typeof n == "string" ? { name: n } : n);
 }, is = () => {
-  const [e, t] = ne((c) => [
+  const [e, t] = oe((c) => [
     c.items,
     c.getItems
   ]), [r, n, o] = Q((c) => [
@@ -2262,7 +2272,7 @@ const lr = g.createContext(), ut = (e) => {
     joinSpace: o
   };
 }, us = () => {
-  const [e, t, r] = ne(
+  const [e, t, r] = oe(
     (o) => [o.boardConfig, o.getBoardConfig, o.setBoardConfig]
   ), n = g.useCallback(
     (o) => {
@@ -2278,7 +2288,7 @@ const lr = g.createContext(), ut = (e) => {
   const [e] = Q((t) => [t.boardState]);
   return e;
 }, fs = () => {
-  const [e, t, r, n] = ne((o) => [
+  const [e, t, r, n] = oe((o) => [
     o.getSessionInfo,
     o.setSessionInfo,
     o.updateSessionInfo,
@@ -2455,7 +2465,7 @@ class zn {
     });
   }
 }
-const oe = new zn(), Fe = ({
+const se = new zn(), Fe = ({
   children: e,
   onDrag: t = de,
   onDragStart: r = de,
@@ -2485,7 +2495,7 @@ const oe = new zn(), Fe = ({
     } = y;
     if (!(O || S && !nt()))
       if (nt() && !S)
-        oe.add(o, {
+        se.add(o, {
           deltaX: -2 * C,
           deltaY: -2 * x,
           button: 1,
@@ -2506,7 +2516,7 @@ const oe = new zn(), Fe = ({
             M *= $n;
             break;
         }
-        nt() && (M *= 2), oe.add(l, { scale: M, clientX: p, clientY: w, event: y });
+        nt() && (M *= 2), se.add(l, { scale: M, clientX: p, clientY: w, event: y });
       }
   }, _ = (y) => {
     const {
@@ -2523,11 +2533,11 @@ const oe = new zn(), Fe = ({
     if (c.current.pointers[m] = { clientX: p, clientY: w }, j && (c.current.mainPointer = void 0), c.current.mainPointer !== void 0) {
       if (c.current.mainPointer !== m)
         try {
-          const { clientX: M, clientY: L } = qt(
+          const { clientX: M, clientY: A } = qt(
             c.current.pointers,
             m
-          ), N = (M + p) / 2, U = (L + w) / 2, J = Gt(
-            [M, L],
+          ), N = (M + p) / 2, U = (A + w) / 2, J = Gt(
+            [M, A],
             [p, w]
           );
           Object.assign(c.current, {
@@ -2561,7 +2571,7 @@ const oe = new zn(), Fe = ({
       target: C,
       timeStart: Date.now(),
       longTapTimeout: setTimeout(async () => {
-        c.current.noTap = !0, oe.add(a, {
+        c.current.noTap = !0, se.add(a, {
           clientX: p,
           clientY: w,
           altKey: S,
@@ -2594,23 +2604,23 @@ const oe = new zn(), Fe = ({
         clientY: p
       }, c.current.moving = !0;
       const j = Object.keys(c.current.pointers).length === 2;
-      let M, L, N = 0;
+      let M, A, N = 0;
       if (j) {
-        const { clientX: $, clientY: Y } = qt(
+        const { clientX: $, clientY: z } = qt(
           c.current.pointers,
           C
         );
-        M = ($ + x) / 2, L = (Y + p) / 2, N = Gt(
-          [$, Y],
+        M = ($ + x) / 2, A = (z + p) / 2, N = Gt(
+          [$, z],
           [x, p]
         );
       } else
-        M = x, L = p;
+        M = x, A = p;
       let U = m || w || S || O || k !== 1;
       d !== "drag" && (U = !U);
       const J = !U, P = U;
       if (J) {
-        c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout), oe.add(r, {
+        c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout), se.add(r, {
           deltaX: 0,
           deltaY: 0,
           startX: c.current.startX,
@@ -2627,16 +2637,16 @@ const oe = new zn(), Fe = ({
           target: c.current.target,
           event: c.current.pointerDownEvent
         }));
-        const $ = M - c.current.prevX, Y = L - c.current.prevY, V = M - c.current.startX, A = L - c.current.startY;
-        oe.add(t, {
+        const $ = M - c.current.prevX, z = A - c.current.prevY, V = M - c.current.startX, Y = A - c.current.startY;
+        se.add(t, {
           deltaX: $,
-          deltaY: Y,
+          deltaY: z,
           startX: c.current.startX,
           startY: c.current.startY,
           clientX: M,
-          clientY: L,
+          clientY: A,
           distanceX: V,
-          distanceY: A,
+          distanceY: Y,
           button: c.current.currentButton,
           altKey: w,
           shiftKey: m,
@@ -2648,10 +2658,10 @@ const oe = new zn(), Fe = ({
       }
       if (P) {
         c.current.gestureStart || (f.current.style.cursor = "move", c.current.gestureStart = !0, clearTimeout(c.current.longTapTimeout));
-        const $ = M - c.current.prevX, Y = L - c.current.prevY, { target: V } = c.current;
-        if (oe.add(o, {
+        const $ = M - c.current.prevX, z = A - c.current.prevY, { target: V } = c.current;
+        if (se.add(o, {
           deltaX: $,
-          deltaY: Y,
+          deltaY: z,
           button: c.current.currentButton,
           altKey: w,
           shiftKey: m,
@@ -2660,16 +2670,16 @@ const oe = new zn(), Fe = ({
           target: V,
           event: y
         }), N !== c.current.prevDistance && l) {
-          const A = c.current.prevDistance - N;
-          Math.abs(A) > 0 && (oe.add(l, {
-            scale: A * 3,
+          const Y = c.current.prevDistance - N;
+          Math.abs(Y) > 0 && (se.add(l, {
+            scale: Y * 3,
             clientX: M,
-            clientY: L,
+            clientY: A,
             event: y
           }), c.current.prevDistance = N);
         }
       }
-      c.current.prevX = M, c.current.prevY = L;
+      c.current.prevX = M, c.current.prevY = A;
     }
   }, E = (y) => {
     const {
@@ -2712,7 +2722,7 @@ const oe = new zn(), Fe = ({
         }
       }
       if (c.current.mainPointer = void 0, c.current.pressed = !1, clearTimeout(c.current.longTapTimeout), c.current.moving)
-        c.current.moving = !1, oe.add(n, {
+        c.current.moving = !1, se.add(n, {
           deltaX: C - c.current.prevX,
           deltaY: x - c.current.prevY,
           startX: c.current.startX,
@@ -2730,7 +2740,7 @@ const oe = new zn(), Fe = ({
         }), f.current.style.cursor = "auto";
       else {
         const j = Date.now();
-        c.current.noTap ? c.current.noTap = !1 : c.current.timeStart - j < 300 && oe.add(s, {
+        c.current.noTap ? c.current.noTap = !1 : c.current.timeStart - j < 300 && se.add(s, {
           clientX: C,
           clientY: x,
           altKey: p,
@@ -2755,7 +2765,7 @@ const oe = new zn(), Fe = ({
       onPointerCancel: E,
       onDoubleClick: (y) => {
         const { clientX: C, clientY: x, altKey: p, shiftKey: w, ctrlKey: m, metaKey: S, target: O } = y;
-        oe.add(u, {
+        se.add(u, {
           clientX: C,
           clientY: x,
           altKey: p,
@@ -2789,7 +2799,7 @@ let Yn = { data: "" }, Bn = (e) => typeof window == "object" ? ((e ? e.querySele
     s[0] == "@" ? s[1] == "i" ? r = s + " " + a + ";" : n += s[1] == "f" ? fe(a, s) : s + "{" + fe(a, s[1] == "k" ? "" : t) + "}" : typeof a == "object" ? n += fe(a, t ? t.replace(/([^,])+/g, (u) => s.replace(/(^:.*)|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, u) : u ? u + " " + l : l)) : s) : a != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), o += fe.p ? fe.p(s, a) : s + ":" + a + ";");
   }
   return r + (t && o ? t + "{" + o + "}" : o) + n;
-}, ae = {}, pr = (e) => {
+}, ce = {}, pr = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let r in e)
@@ -2798,25 +2808,25 @@ let Yn = { data: "" }, Bn = (e) => typeof window == "object" ? ((e ? e.querySele
   }
   return e;
 }, Un = (e, t, r, n, o) => {
-  let s = pr(e), a = ae[s] || (ae[s] = ((l) => {
+  let s = pr(e), a = ce[s] || (ce[s] = ((l) => {
     let d = 0, f = 11;
     for (; d < l.length; )
       f = 101 * f + l.charCodeAt(d++) >>> 0;
     return "go" + f;
   })(s));
-  if (!ae[a]) {
+  if (!ce[a]) {
     let l = s !== e ? e : ((d) => {
       let f, c, h = [{}];
       for (; f = Nn.exec(d.replace(Xn, "")); )
         f[4] ? h.shift() : f[3] ? (c = f[3].replace(Jt, " ").trim(), h.unshift(h[0][c] = h[0][c] || {})) : h[0][f[1]] = f[2].replace(Jt, " ").trim();
       return h[0];
     })(e);
-    ae[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
+    ce[a] = fe(o ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
   }
-  let u = r && ae.g ? ae.g : null;
-  return r && (ae.g = ae[a]), ((l, d, f, c) => {
+  let u = r && ce.g ? ce.g : null;
+  return r && (ce.g = ce[a]), ((l, d, f, c) => {
     c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = f ? l + d.data : d.data + l);
-  })(ae[a], t, n, u), a;
+  })(ce[a], t, n, u), a;
 }, Wn = (e, t, r) => e.reduce((n, o, s) => {
   let a = t[s];
   if (a && a.call) {
@@ -2918,7 +2928,7 @@ const Kn = K`
   cursor: nwse-resize;
   bottom: -6px;
   right: -6px;
-`, no = ({ onReload: e }) => /* @__PURE__ */ ue(
+`, no = ({ onReload: e }) => /* @__PURE__ */ le(
   "div",
   {
     className: `syncboard-error-item ${K({
@@ -3012,12 +3022,12 @@ const so = (e) => {
   o && I.push("locked"), l && (I.push("selected"), I.push(Hn));
   const y = I.join(" "), C = ({ width: S = 0, height: O = 0, keepRatio: k }) => {
     E((j) => {
-      const { offsetWidth: M, offsetHeight: L } = c.current;
+      const { offsetWidth: M, offsetHeight: A } = c.current;
       return v({
         prevState: j,
         width: S,
         height: O,
-        actualHeight: L,
+        actualHeight: A,
         actualWidth: M,
         keepRatio: k
       });
@@ -3035,7 +3045,7 @@ const so = (e) => {
       style: { transform: `rotate(${r}deg` },
       "data-id": n,
       className: y,
-      children: /* @__PURE__ */ ue(
+      children: /* @__PURE__ */ le(
         "div",
         {
           style: { display: "flex" },
@@ -3058,7 +3068,7 @@ const so = (e) => {
             /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Zn}` }),
             /* @__PURE__ */ T("div", { className: `corner ${Ce} ${Jn}` }),
             /* @__PURE__ */ T("div", { className: `center ${Ce} ${Qn}` }),
-            f && /* @__PURE__ */ ue(Wr, { children: [
+            f && /* @__PURE__ */ le(Wr, { children: [
               _.b && /* @__PURE__ */ T(
                 ot,
                 {
@@ -3128,7 +3138,7 @@ const so = (e) => {
     }
   );
 }, po = rr(fo), mo = () => {
-  const { updateItem: e } = gt(), [t, r] = ne((d) => [
+  const { updateItem: e } = gt(), [t, r] = oe((d) => [
     d.itemIds,
     d.items
   ]), [n, o, s, a] = Q(
@@ -3173,7 +3183,7 @@ function vo(e, ...t) {
   e && e.removeEventListener && e.removeEventListener(...t);
 }
 const yo = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function ce(e, ...t) {
+function ue(e, ...t) {
   const r = go(), n = pt(t[1]), o = lt(
     () => (
       // as some event listeners designed to be used through `this`
@@ -3225,12 +3235,12 @@ const So = K({
     m.getConfiguration,
     m.getBoardState,
     m.updateBoardState
-  ]), { findElementUnderPointer: l } = gt(), [d] = ne((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [_, v] = g.useState(!1), E = g.useRef(null), I = g.useRef({
+  ]), { findElementUnderPointer: l } = gt(), [d] = oe((m) => [m.getItems]), [f, c] = g.useState({}), [, h] = g.useTransition(), [_, v] = g.useState(!1), E = g.useRef(null), I = g.useRef({
     moving: !1
   });
-  return ce(document, "keydown", (m) => {
+  return ue(document, "keydown", (m) => {
     m.key === "l" && v(!0);
-  }), ce(document, "keyup", (m) => {
+  }), ue(document, "keyup", (m) => {
     m.key === "l" && v(!1);
   }), g.useEffect(() => (n(), () => {
     n();
@@ -3251,8 +3261,8 @@ const So = K({
       },
       onDrag: ({ distanceY: m, distanceX: S, startX: O, startY: k }) => {
         if (I.current.moving) {
-          const { top: j, left: M } = E.current.getBoundingClientRect(), L = O - M, N = k - j;
-          S > 0 ? (I.current.left = L, I.current.width = S) : (I.current.left = L + S, I.current.width = -S), m > 0 ? (I.current.top = N, I.current.height = m) : (I.current.top = N + m, I.current.height = -m), c({ ...I.current, moving: !0 });
+          const { top: j, left: M } = E.current.getBoundingClientRect(), A = O - M, N = k - j;
+          S > 0 ? (I.current.left = A, I.current.width = S) : (I.current.left = A + S, I.current.width = -S), m > 0 ? (I.current.top = N, I.current.height = m) : (I.current.top = N + m, I.current.height = -m), c({ ...I.current, moving: !0 });
         }
       },
       onDragEnd: () => {
@@ -3270,8 +3280,8 @@ const So = K({
             n();
             return;
           }
-          const L = r();
-          j && !L.includes(M) && (O || k ? s([M]) : o([M]));
+          const A = r();
+          j && !A.includes(M) && (O || k ? s([M]) : o([M]));
         }
       },
       onLongTap: ({ target: m }) => {
@@ -3282,7 +3292,7 @@ const So = K({
         }
       },
       mainAction: t ? "pan" : "drag",
-      children: /* @__PURE__ */ ue("div", { ref: E, children: [
+      children: /* @__PURE__ */ le("div", { ref: E, children: [
         f.moving && /* @__PURE__ */ T(
           "div",
           {
@@ -3305,7 +3315,7 @@ const So = K({
     y.getSelection,
     y.getBoardState,
     y.updateBoardState
-  ]), [f] = ne((y) => [y.getBoardConfig]), c = g.useRef({}), h = g.useRef({
+  ]), [f] = oe((y) => [y.getBoardConfig]), c = g.useRef({}), h = g.useRef({
     items: []
   }), _ = (y) => {
     const { ctrlKey: C, metaKey: x, event: p } = y, w = n(y);
@@ -3340,7 +3350,7 @@ const So = K({
       }), d({ movingItems: !1 });
     }
   };
-  return ce(document, "keydown", (y) => {
+  return ue(document, "keydown", (y) => {
     if (["INPUT", "TEXTAREA"].includes(y.target.tagName))
       return;
     const C = u();
@@ -3380,12 +3390,12 @@ const So = K({
   }), /* @__PURE__ */ T(Fe, { onDragStart: _, onDrag: v, onDragEnd: E, children: e });
 }, wo = (e) => {
   const t = g.useRef({ hover: !1, x: 0, y: 0 });
-  return ce(e.current, "mousemove", (n) => {
+  return ue(e.current, "mousemove", (n) => {
     const { clientX: o, clientY: s } = n;
     t.current.x = o, t.current.y = s;
-  }), ce(e.current, "mouseenter", () => {
+  }), ue(e.current, "mouseenter", () => {
     t.current.hover = !0;
-  }), ce(e.current, "mouseleave", () => {
+  }), ue(e.current, "mouseleave", () => {
     t.current.hover = !1;
   }), g.useCallback(() => t.current, []);
 }, Co = [...Array(5).keys()].map((e) => `Digit${e + 1}`), xo = () => {
@@ -3393,7 +3403,7 @@ const So = K({
     o.getBoardState,
     o.updateBoardState
   ]);
-  return ce(document, "keydown", (o) => {
+  return ue(document, "keydown", (o) => {
     if (!["INPUT", "TEXTAREA"].includes(o.target.tagName) && Co.includes(o.code)) {
       const s = o.code, { translateX: a, translateY: u, scale: l } = r();
       o.altKey || o.metaKey || o.ctrlKey || o.shiftKey ? t((d) => ({
@@ -3477,7 +3487,7 @@ const So = K({
   }, x = (p) => {
     ["INPUT", "TEXTAREA"].includes(p.target.tagName) || p.key === " " && v().hover && l({ factor: 1 / 3, to: v() });
   };
-  return ce(document, "keydown", C), ce(document, "keyup", x), /* @__PURE__ */ T(
+  return ue(document, "keydown", C), ue(document, "keyup", x), /* @__PURE__ */ T(
     Fe,
     {
       onPan: y,
@@ -3525,7 +3535,7 @@ const So = K({
       translateY: c.boardState.translateY,
       scale: c.boardState.scale
     }
-  ]), [l] = ne((c) => [c.items]), d = g.useCallback(() => {
+  ]), [l] = oe((c) => [c.items]), d = g.useCallback(() => {
     const c = t(), { boardWrapperRect: h, boardWrapper: _ } = o();
     if (c.length === 0) {
       n(null);
@@ -3711,8 +3721,8 @@ const Fo = K({
   pointerEvents: "none"
 }), Ho = ({ color: e = "#666", size: t = 40, text: r }) => {
   const n = Vo(e) ? "#222" : "#EEE";
-  return /* @__PURE__ */ ue("div", { className: Fo, children: [
-    /* @__PURE__ */ ue(
+  return /* @__PURE__ */ le("div", { className: Fo, children: [
+    /* @__PURE__ */ le(
       "svg",
       {
         version: "1.1",
@@ -3795,7 +3805,7 @@ const Fo = K({
   }, h = () => {
     d(o.id);
   }, _ = s.reduce((v, E) => (E.id !== o.id && a[E.id] && (v[E.id] = a[E.id]), v), {});
-  return /* @__PURE__ */ ue("div", { onPointerMove: c, onPointerLeave: h, children: [
+  return /* @__PURE__ */ le("div", { onPointerMove: c, onPointerLeave: h, children: [
     e,
     Object.entries(_).map(([v, E]) => {
       const [I, y] = n(E.x, E.y), C = {
@@ -3868,14 +3878,14 @@ const Fo = K({
     });
   });
   const _ = K({ ...es, ...r });
-  return /* @__PURE__ */ ue(
+  return /* @__PURE__ */ le(
     "div",
     {
       ref: l,
       id: d,
       className: `sync-board ${_}`,
       children: [
-        /* @__PURE__ */ T(Zo, { children: /* @__PURE__ */ T(bo, { moveFirst: e, children: /* @__PURE__ */ T(Ro, { moveFirst: e, children: /* @__PURE__ */ T(Eo, { moveFirst: e, children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ ue(
+        /* @__PURE__ */ T(Zo, { children: /* @__PURE__ */ T(bo, { moveFirst: e, children: /* @__PURE__ */ T(Ro, { moveFirst: e, children: /* @__PURE__ */ T(Eo, { moveFirst: e, children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ le(
           "div",
           {
             onContextMenu: (v) => {