open-plant 1.2.20 → 1.2.21

package/dist/index.js

@@ -2,7 +2,7 @@ var ei = Object.defineProperty;
 var ni = (e, t, n) => t in e ? ei(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var w = (e, t, n) => ni(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as jt, jsxs as Tr } from "react/jsx-runtime";
-import { useRef as nt, useMemo as j, useCallback as I, useEffect as O, useState as Ee } from "react";
+import { useRef as nt, useMemo as j, useCallback as I, useEffect as O, useState as Te } from "react";
 function Jn(e, t, n) {
   const r = e.createShader(t);
   if (!r)
@@ -744,7 +744,7 @@ const vr = [
   160,
   255
 ];
-function ot(e, t, n) {
+function ct(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
 function _r(e, t, n) {
@@ -805,7 +805,7 @@ function tr(e, t, n) {
     throw new Error(e.getProgramInfoLog(o) || "program link failed");
   return o;
 }
-const Di = "rgba(255, 77, 79, 0.16)", er = "transparent", Oi = 3, Xi = 2, Fr = 96, Yi = 1, nr = [], _e = [], an = 1e3, Ur = 2, Br = 2, ki = 4096, Wi = 0.2, Vi = 1.12, Gi = 0.89, Hi = 32, qi = "#000000", $i = 0.1, Zi = "#FFCF00", Ki = "#FF0000", Ji = 1.5, rr = [2, 2], Qi = 1, ji = 0.25, to = 4, eo = 1, no = 0, ro = 4, io = 0.05, oo = 256, ir = 1.5, se = {
+const Di = "rgba(255, 77, 79, 0.16)", er = "transparent", Oi = 3, Xi = 2, Fr = 96, Yi = 1, nr = [], _e = [], an = 1e3, Ur = 2, Br = 2, ki = 4096, Wi = 0.2, Vi = 1.12, Gi = 0.89, Hi = 32, qi = "#000000", $i = 0.1, Zi = "#FFCF00", Ki = "#FF0000", Ji = 1.5, rr = [2, 2], Qi = 1, ji = 0.25, to = 4, eo = 1, no = 0, ro = 4, io = 0.05, oo = 256, ir = 1.5, oe = {
   color: "#ff4d4f",
   width: 2,
   lineJoin: "round",
@@ -836,7 +836,7 @@ const Di = "rgba(255, 77, 79, 0.16)", er = "transparent", Oi = 3, Xi = 2, Fr = 9
   paddingY: 4,
   offsetY: 10,
   borderRadius: 4
-}, ae = {
+}, se = {
   fontFamily: "Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
   fontSize: 13,
   fontWeight: 500,
@@ -918,10 +918,10 @@ function ar(e, t, n) {
         if (!l) throw new Error("Failed to create rectangle");
         a.push(l);
       }
-      return Dt(a);
+      return zt(a);
     }
   }
-  return Dt([
+  return zt([
     [e[0] - t, e[1] - t],
     [e[0] + t, e[1] - t],
     [e[0] + t, e[1] + t],
@@ -935,9 +935,9 @@ function wo(e, t, n = Fr) {
     const o = i / n * Math.PI * 2;
     r.push([e[0] + Math.cos(o) * t, e[1] + Math.sin(o) * t]);
   }
-  return Dt(r);
+  return zt(r);
 }
-function Dt(e) {
+function zt(e) {
   if (!Array.isArray(e) || e.length < 3) return [];
   const t = e.map(([i, o]) => [i, o]), n = t[0], r = t[t.length - 1];
   return !n || !r ? [] : ((n[0] !== r[0] || n[1] !== r[1]) && t.push([n[0], n[1]]), t);
@@ -958,10 +958,10 @@ function An(e, t, n) {
         if (!c) return An(e, t);
         s.push(c);
       }
-      return Dt(s);
+      return zt(s);
     }
   }
-  return Dt([
+  return zt([
     [e[0], e[1]],
     [t[0], e[1]],
     [t[0], t[1]],
@@ -977,7 +977,7 @@ function cr(e, t, n = Fr) {
     const c = a / n * Math.PI * 2;
     s.push([r + Math.cos(c) * o, i + Math.sin(c) * o]);
   }
-  return Dt(s);
+  return zt(s);
 }
 function rn(e) {
   if (!Array.isArray(e) || e.length < 4) return 0;
@@ -1015,14 +1015,14 @@ function yo(e) {
   return t.length > 0 ? t : er;
 }
 function Nr(e) {
-  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : _e, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : se.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : se.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : se.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : se.shadowOffsetY;
+  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : _e, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : oe.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : oe.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : oe.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : oe.shadowOffsetY;
   return {
-    color: e?.color || se.color,
+    color: e?.color || oe.color,
     width: n,
     lineDash: t.length ? t : _e,
-    lineJoin: e?.lineJoin || se.lineJoin,
-    lineCap: e?.lineCap || se.lineCap,
-    shadowColor: e?.shadowColor || se.shadowColor,
+    lineJoin: e?.lineJoin || oe.lineJoin,
+    lineCap: e?.lineCap || oe.lineCap,
+    shadowColor: e?.shadowColor || oe.shadowColor,
     shadowBlur: r,
     shadowOffsetX: i,
     shadowOffsetY: o
@@ -1073,7 +1073,7 @@ function dr(e, t) {
   const r = [];
   for (const i of n) {
     if (i.length < 2) continue;
-    const o = t ? Dt(i) : i;
+    const o = t ? zt(i) : i;
     o.length >= (t ? 4 : 2) && r.push(o);
   }
   return r;
@@ -1118,13 +1118,13 @@ function Dr(e, t) {
   }) : e;
 }
 function To(e) {
-  const t = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : ae.fontSize, n = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : ae.borderRadius, r = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : ae.paddingX, i = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : ae.paddingY;
+  const t = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : se.fontSize, n = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : se.borderRadius, r = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : se.paddingX, i = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : se.paddingY;
   return {
-    fontFamily: e?.fontFamily || ae.fontFamily,
+    fontFamily: e?.fontFamily || se.fontFamily,
     fontSize: t,
-    fontWeight: e?.fontWeight || ae.fontWeight,
-    textColor: e?.textColor || ae.textColor,
-    backgroundColor: e?.backgroundColor || ae.backgroundColor,
+    fontWeight: e?.fontWeight || se.fontWeight,
+    textColor: e?.textColor || se.textColor,
+    backgroundColor: e?.backgroundColor || se.backgroundColor,
     borderRadius: n,
     paddingX: r,
     paddingY: i
@@ -1219,7 +1219,7 @@ function _o(e, t, n, r, i, o, s, a) {
 function Ge(e, t, n) {
   return [kt(e[0], 0, t), kt(e[1], 0, n)];
 }
-function pe(e) {
+function ge(e) {
   if (!Array.isArray(e) || e.length < 2) return null;
   const t = Number(e[0]), n = Number(e[1]);
   return !Number.isFinite(t) || !Number.isFinite(n) ? null : [t, n];
@@ -1245,21 +1245,21 @@ function Fo({
   regionStrokeStyle: _,
   regionStrokeHoverStyle: B,
   regionStrokeActiveStyle: N,
-  patchStrokeStyle: G,
+  patchStrokeStyle: V,
   resolveRegionStrokeStyle: F,
   resolveRegionLabelStyle: k,
-  overlayShapes: J,
-  hoveredRegionId: mt = null,
+  overlayShapes: K,
+  hoveredRegionId: dt = null,
   activeRegionId: bt = null,
   regionLabelStyle: Pt,
   drawAreaTooltip: Ft,
   autoLiftRegionLabelAtMaxZoom: Bt = !1,
-  regionLabelAutoLiftOffsetPx: st,
+  regionLabelAutoLiftOffsetPx: ot,
   invalidateRef: Wt,
-  className: le,
-  style: fe
+  className: ue,
+  style: le
 }) {
-  const tt = nt(null), Vt = nt(!1), $t = nt(/* @__PURE__ */ new Map()), we = nt(e), Tt = nt({
+  const tt = nt(null), Vt = nt(!1), $t = nt(/* @__PURE__ */ new Map()), be = nt(e), Tt = nt({
     isDrawing: !1,
     pointerId: null,
     start: null,
@@ -1269,13 +1269,13 @@ function Fo({
     points: [],
     screenPoints: [],
     stampCenter: null
-  }), ct = p ?? e !== "cursor", E = j(() => b && b.length > 0 ? b : !S || S.length === 0 ? nr : S.map((u, h) => ({
+  }), st = p ?? e !== "cursor", R = j(() => b && b.length > 0 ? b : !S || S.length === 0 ? nr : S.map((u, h) => ({
     id: h,
     coordinates: u
-  })), [b, S]), P = j(() => m ?? nr, [m]), U = j(() => {
+  })), [b, S]), E = j(() => m ?? nr, [m]), U = j(() => {
     const u = [];
-    for (let h = 0; h < E.length; h += 1) {
-      const y = E[h], M = mr(y.coordinates);
+    for (let h = 0; h < R.length; h += 1) {
+      const y = R[h], M = mr(y.coordinates);
       M.length !== 0 && u.push({
         region: y,
         regionIndex: h,
@@ -1284,10 +1284,10 @@ function Fo({
       });
     }
     return u;
-  }, [E]), et = j(() => {
+  }, [R]), et = j(() => {
     const u = [];
-    for (let h = 0; h < P.length; h += 1) {
-      const y = P[h], M = mr(y.coordinates);
+    for (let h = 0; h < E.length; h += 1) {
+      const y = E[h], M = mr(y.coordinates);
       M.length !== 0 && u.push({
         region: y,
         regionIndex: h,
@@ -1296,7 +1296,7 @@ function Fo({
       });
     }
     return u;
-  }, [P]), W = j(() => Nr(_), [_]), ut = j(() => Ce(W, B), [W, B]), wt = j(() => Ce(W, N), [W, N]), $ = j(() => Ce(so, G), [G]), V = j(() => yo(x), [x]), rt = j(() => _n(Pt), [Pt]), lt = j(() => Ro(Ft), [Ft]), Q = j(() => lo(o), [o]), X = j(() => po(s), [s]), gt = j(
+  }, [E]), W = j(() => Nr(_), [_]), ut = j(() => Ce(W, B), [W, B]), wt = j(() => Ce(W, N), [W, N]), J = j(() => Ce(so, V), [V]), G = j(() => yo(x), [x]), rt = j(() => _n(Pt), [Pt]), lt = j(() => Ro(Ft), [Ft]), Q = j(() => lo(o), [o]), X = j(() => po(s), [s]), mt = j(
     () => ({
       position: "absolute",
       inset: 0,
@@ -1305,11 +1305,11 @@ function Fo({
       height: "100%",
       display: "block",
       touchAction: "none",
-      pointerEvents: ct ? "auto" : "none",
-      cursor: ct ? e === "brush" ? "none" : "crosshair" : "default",
-      ...fe
+      pointerEvents: st ? "auto" : "none",
+      cursor: st ? e === "brush" ? "none" : "crosshair" : "default",
+      ...le
     }),
-    [ct, e, fe]
+    [st, e, le]
   ), ft = I(() => {
     const u = tt.current;
     if (!u) return;
@@ -1321,7 +1321,7 @@ function Fo({
       if (!h || u.length === 0) return [];
       const y = new Array(u.length);
       for (let M = 0; M < u.length; M += 1) {
-        const T = pe(h.worldToScreen(u[M][0], u[M][1]));
+        const T = ge(h.worldToScreen(u[M][0], u[M][1]));
         if (!T) return [];
         y[M] = T;
       }
@@ -1332,7 +1332,7 @@ function Fo({
     (u) => {
       const h = a.current, y = tt.current;
       if (!h || !y) return null;
-      const M = y.getBoundingClientRect(), T = pe(h.screenToWorld(M.left + u[0], M.top + u[1]));
+      const M = y.getBoundingClientRect(), T = ge(h.screenToWorld(M.left + u[0], M.top + u[1]));
       return T ? Ge(T, t, n) : null;
     },
     [a, t, n]
@@ -1340,10 +1340,10 @@ function Fo({
     const u = a.current, h = u?.getViewState?.().rotationDeg ?? 0;
     if (!(Math.abs(h % 360) < 0.01 || !u))
       return {
-        worldToScreen: (y, M) => pe(u.worldToScreen(y, M)),
+        worldToScreen: (y, M) => ge(u.worldToScreen(y, M)),
         screenToWorld: yt
       };
-  }, [a, yt]), Lt = I(
+  }, [a, yt]), Dt = I(
     (u) => {
       if (!Number.isFinite(u) || u <= 0) return 0;
       const h = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, y = typeof i == "number" && Number.isFinite(i) ? i : 0, M = a.current?.getViewState?.().zoom, T = typeof M == "number" && Number.isFinite(M) && M > 0 ? M : 1, D = y + Math.log2(T), L = Math.max(1e-9, _r(h, y, D));
@@ -1362,15 +1362,15 @@ function Fo({
       const M = bo(y);
       let T = [];
       if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2") {
-        const D = Lt(Math.sqrt(M) * 0.5);
+        const D = Dt(Math.sqrt(M) * 0.5);
         T = ar(h, D, Et());
       } else if (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") {
-        const D = Lt(Math.sqrt(M / Math.PI));
+        const D = Dt(Math.sqrt(M / Math.PI));
         T = wo(h, D);
       }
       return T.length ? T.map((D) => Ge(D, t, n)) : [];
     },
-    [Lt, t, n, Q, Et]
+    [Dt, t, n, Q, Et]
   ), Ct = I(() => {
     const u = Tt.current;
     return Ve(e) ? Ot(e, u.stampCenter) : e === "brush" ? [] : u.isDrawing ? e === "freehand" ? u.points : e === "rectangle" ? An(u.start, u.current, Et()) : e === "circular" ? cr(u.start, u.current) : [] : [];
@@ -1394,11 +1394,11 @@ function Fo({
       }
     },
     [X]
-  ), Z = I(
+  ), $ = I(
     (u) => {
       const h = Tt.current, y = h.cursor;
       if (!y) return;
-      const M = h.cursorScreen ?? pe(a.current?.worldToScreen(y[0], y[1]) ?? []);
+      const M = h.cursorScreen ?? ge(a.current?.worldToScreen(y[0], y[1]) ?? []);
       if (!M) return;
       const T = X.radius;
       !Number.isFinite(T) || T <= 0 || (u.save(), u.beginPath(), u.arc(M[0], M[1], T, 0, Math.PI * 2), u.strokeStyle = h.isDrawing ? X.cursorActiveColor : X.cursorColor, u.lineWidth = X.cursorLineWidth, u.setLineDash(X.cursorLineDash), u.stroke(), u.setLineDash(_e), u.restore());
@@ -1413,8 +1413,8 @@ function Fo({
     const y = Math.max(1, window.devicePixelRatio || 1), M = u.width / y, T = u.height / y;
     if (h.setTransform(1, 0, 0, 1, 0, 0), h.clearRect(0, 0, u.width, u.height), h.setTransform(y, 0, 0, y, 0, 0), U.length > 0)
       for (const L of U) {
-        const { region: it, polygons: K, regionIndex: Y, regionKey: ht } = L, pt = fr(bt, ht) ? "active" : fr(mt, ht) ? "hover" : "default";
-        let Nt = pt === "active" ? wt : pt === "hover" ? ut : W;
+        const { region: it, polygons: Z, regionIndex: Y, regionKey: ht } = L, pt = fr(bt, ht) ? "active" : fr(dt, ht) ? "hover" : "default";
+        let Lt = pt === "active" ? wt : pt === "hover" ? ut : W;
         if (F) {
           const xt = F({
             region: it,
@@ -1422,39 +1422,39 @@ function Fo({
             regionIndex: Y,
             state: pt
           });
-          Nt = Ce(Nt, xt || void 0);
+          Lt = Ce(Lt, xt || void 0);
         }
-        const Rt = pt === "default" ? null : Po(Nt);
-        for (const xt of K) {
+        const Rt = pt === "default" ? null : Po(Lt);
+        for (const xt of Z) {
           const Gt = H(xt.outer);
-          Gt.length >= 4 && (Rt && Ht(h, Gt, Rt, !0, !1), Ht(h, Gt, Nt, !0, !1));
+          Gt.length >= 4 && (Rt && Ht(h, Gt, Rt, !0, !1), Ht(h, Gt, Lt, !0, !1));
           for (const Kt of xt.holes) {
             const It = H(Kt);
-            It.length >= 4 && (Rt && Ht(h, It, Rt, !0, !1), Ht(h, It, Nt, !0, !1));
+            It.length >= 4 && (Rt && Ht(h, It, Rt, !0, !1), Ht(h, It, Lt, !0, !1));
           }
         }
       }
     if (et.length > 0)
       for (const L of et)
         for (const it of L.polygons) {
-          const K = H(it.outer);
-          K.length >= 4 && Ht(h, K, $, !0, !1);
+          const Z = H(it.outer);
+          Z.length >= 4 && Ht(h, Z, J, !0, !1);
           for (const Y of it.holes) {
             const ht = H(Y);
-            ht.length >= 4 && Ht(h, ht, $, !0, !1);
+            ht.length >= 4 && Ht(h, ht, J, !0, !1);
           }
         }
-    if (Array.isArray(J) && J.length > 0) {
+    if (Array.isArray(K) && K.length > 0) {
       const L = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, it = H(
-        Dt([
+        zt([
           [0, 0],
           [t, 0],
           [t, n],
           [0, n]
         ])
       );
-      for (let K = 0; K < J.length; K += 1) {
-        const Y = J[K];
+      for (let Z = 0; Z < K.length; Z += 1) {
+        const Y = K[Z];
         if (!Y?.coordinates?.length || Y.visible === !1) continue;
         const ht = Y.closed ?? So(Y.coordinates), pt = dr(Y.coordinates, ht);
         if (Y.invertedFill?.fillColor) {
@@ -1464,9 +1464,9 @@ function Fo({
             Kt.length >= 4 && Rt.push(Kt);
           }
           if (L) {
-            const Gt = String(Y.id ?? K), Kt = `${it.length}|${xt.length}|${Rt.length}|${Y.invertedFill.fillColor}`;
+            const Gt = String(Y.id ?? Z), Kt = `${it.length}|${xt.length}|${Rt.length}|${Y.invertedFill.fillColor}`;
             $t.current.get(Gt) !== Kt && ($t.current.set(Gt, Kt), console.debug("[open-plant] invertedFill", {
-              id: Y.id ?? K,
+              id: Y.id ?? Z,
               outerRingPoints: it.length,
               sourceRingCount: xt.length,
               holeRingCount: Rt.length,
@@ -1476,66 +1476,66 @@ function Fo({
           xo(h, it, Rt, Y.invertedFill.fillColor);
         }
         if (pt.length === 0) continue;
-        const Nt = Ce(W, Y.stroke ?? Y.strokeStyle);
+        const Lt = Ce(W, Y.stroke ?? Y.strokeStyle);
         for (const Rt of pt) {
           const xt = H(Rt);
-          xt.length < 2 || Ht(h, xt, Nt, ht, Y.fill ?? !1);
+          xt.length < 2 || Ht(h, xt, Lt, ht, Y.fill ?? !1);
         }
       }
     }
     const D = Ct();
-    if (ct) {
+    if (st) {
       if (e === "brush")
-        St(h), Z(h);
+        St(h), $(h);
       else if (D.length > 0)
         if (e === "freehand") {
           const L = H(D);
-          L.length >= 2 && Ht(h, L, W, !1, !1), L.length >= 3 && Ht(h, H(Dt(D)), W, !0, !0, V);
+          L.length >= 2 && Ht(h, L, W, !1, !1), L.length >= 3 && Ht(h, H(zt(D)), W, !0, !0, G);
         } else {
           const L = H(D);
-          L.length >= 4 && Ht(h, L, W, !0, !0, V);
+          L.length >= 4 && Ht(h, L, W, !0, !0, G);
         }
     }
     if (U.length > 0) {
-      const L = Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1), it = typeof st == "number" && Number.isFinite(st) ? Math.max(0, st) : Lr(Bt, L, a.current?.getZoomRange?.());
-      for (const K of U) {
-        if (!K.region.label) continue;
-        const Y = Io(K.polygons);
+      const L = Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1), it = typeof ot == "number" && Number.isFinite(ot) ? Math.max(0, ot) : Lr(Bt, L, a.current?.getZoomRange?.());
+      for (const Z of U) {
+        if (!Z.region.label) continue;
+        const Y = Io(Z.polygons);
         if (!Y) continue;
-        const ht = pe(a.current?.worldToScreen(Y[0], Y[1]) ?? []);
+        const ht = ge(a.current?.worldToScreen(Y[0], Y[1]) ?? []);
         if (!ht) continue;
         let pt = Dr(
           rt,
           k?.({
-            region: K.region,
-            regionId: K.regionKey,
-            regionIndex: K.regionIndex,
+            region: Z.region,
+            regionId: Z.regionKey,
+            regionIndex: Z.regionIndex,
             zoom: L
           })
         );
         it > 0 && (pt = {
           ...pt,
           offsetY: pt.offsetY + it
-        }), vo(h, K.region.label, ht, M, T, pt);
+        }), vo(h, Z.region.label, ht, M, T, pt);
       }
     }
-    if (lt.enabled && ct && (e === "freehand" || e === "rectangle" || e === "circular")) {
+    if (lt.enabled && st && (e === "freehand" || e === "rectangle" || e === "circular")) {
       const L = Tt.current;
       if (L.isDrawing) {
-        const it = e === "freehand" ? Dt(D) : D;
+        const it = e === "freehand" ? zt(D) : D;
         if (it.length >= 4) {
-          const K = rn(it), Y = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 0, ht = Y > 0 ? K * Y * Y / (an * an) : 0;
+          const Z = rn(it), Y = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 0, ht = Y > 0 ? Z * Y * Y / (an * an) : 0;
           let pt = Tn(ht);
           try {
             pt = lt.format(ht);
           } catch {
             pt = Tn(ht);
           }
-          const Nt = L.cursorScreen ?? (L.current ? pe(a.current?.worldToScreen(L.current[0], L.current[1]) ?? []) : null);
-          Nt && _o(
+          const Lt = L.cursorScreen ?? (L.current ? ge(a.current?.worldToScreen(L.current[0], L.current[1]) ?? []) : null);
+          Lt && _o(
             h,
             pt,
-            Nt,
+            Lt,
             M,
             T,
             lt.style,
@@ -1546,32 +1546,32 @@ function Fo({
       }
     }
   }, [
-    ct,
+    st,
     e,
     Ct,
     St,
-    Z,
+    $,
     ft,
     H,
     t,
     n,
     a,
     U,
-    J,
-    mt,
+    K,
+    dt,
     bt,
     W,
     ut,
     wt,
-    V,
+    G,
     et,
-    $,
+    J,
     F,
     k,
     rt,
     lt,
     Bt,
-    st,
+    ot,
     r
   ]), z = I(() => {
     Vt.current || (Vt.current = !0, requestAnimationFrame(() => {
@@ -1589,16 +1589,16 @@ function Fo({
     (u) => {
       const h = a.current;
       if (!h || t <= 0 || n <= 0) return null;
-      const y = pe(h.screenToWorld(u.clientX, u.clientY));
+      const y = ge(h.screenToWorld(u.clientX, u.clientY));
       return y ? Ge(y, t, n) : null;
     },
     [a, t, n]
-  ), dt = I((u) => {
+  ), gt = I((u) => {
     const h = tt.current;
     if (!h) return null;
     const y = h.getBoundingClientRect(), M = kt(u.clientX - y.left, 0, y.width), T = kt(u.clientY - y.top, 0, y.height);
     return !Number.isFinite(M) || !Number.isFinite(T) ? null : [M, T];
-  }, []), te = I(() => {
+  }, []), Re = I(() => {
     const u = Tt.current;
     if (!u.isDrawing) {
       Mt(!0), z();
@@ -1606,7 +1606,7 @@ function Fo({
     }
     let h = [];
     if (e === "freehand")
-      u.points.length >= Oi && (h = Dt(u.points));
+      u.points.length >= Oi && (h = zt(u.points));
     else if (e === "rectangle")
       h = An(u.start, u.current, Et());
     else if (e === "circular")
@@ -1627,11 +1627,11 @@ function Fo({
         simplifyTolerance: T * 0.25,
         smoothingPasses: X.edgeSmoothing
       }), it = [];
-      for (const K of L) {
-        const Y = yt(K);
+      for (const Z of L) {
+        const Y = yt(Z);
         Y && it.push(Y);
       }
-      h = Dt(it);
+      h = zt(it);
     }
     (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && lr(h) && l && l({
       tool: e,
@@ -1640,7 +1640,7 @@ function Fo({
       bbox: ur(h),
       areaPx: rn(h)
     }), Mt(!0), z();
-  }, [e, l, Mt, z, H, yt, Et, X.radius, X.edgeDetail, X.edgeSmoothing, X.clickSelectRoi, c]), ee = I(
+  }, [e, l, Mt, z, H, yt, Et, X.radius, X.edgeDetail, X.edgeSmoothing, X.clickSelectRoi, c]), te = I(
     (u, h) => {
       const y = Ot(u, h);
       if (!lr(y)) return;
@@ -1654,7 +1654,7 @@ function Fo({
       l?.(T), M === "patch" && f && f(T);
     },
     [Ot, l, f]
-  ), ye = I(
+  ), we = I(
     (u, h, y) => {
       const M = ir * ir, T = u.screenPoints[u.screenPoints.length - 1];
       if (!T) {
@@ -1667,14 +1667,14 @@ function Fo({
     []
   ), Ue = I(
     (u) => {
-      if (!ct || e === "cursor" || u.button !== 0) return;
+      if (!st || e === "cursor" || u.button !== 0) return;
       const h = at(u);
       if (!h) return;
-      const y = dt(u);
+      const y = gt(u);
       if (!y) return;
       if (u.preventDefault(), u.stopPropagation(), Ve(e)) {
         const D = Tt.current;
-        D.stampCenter = h, ee(e, h), z();
+        D.stampCenter = h, te(e, h), z();
         return;
       }
       const M = tt.current;
@@ -1682,13 +1682,13 @@ function Fo({
       const T = Tt.current;
       T.isDrawing = !0, T.pointerId = u.pointerId, T.start = h, T.current = h, T.cursor = h, T.cursorScreen = y, T.points = e === "freehand" || e === "brush" ? [h] : [], T.screenPoints = e === "brush" ? [y] : [], z();
     },
-    [ct, e, at, dt, ee, z]
-  ), he = I(
+    [st, e, at, gt, te, z]
+  ), fe = I(
     (u) => {
-      if (!ct || e === "cursor") return;
+      if (!st || e === "cursor") return;
       const h = at(u);
       if (!h) return;
-      const y = dt(u);
+      const y = gt(u);
       if (!y) return;
       const M = Tt.current;
       if (M.cursor = h, M.cursorScreen = y, Ve(e)) {
@@ -1700,16 +1700,16 @@ function Fo({
           z();
           return;
         }
-        u.preventDefault(), u.stopPropagation(), ye(M, h, y), z();
+        u.preventDefault(), u.stopPropagation(), we(M, h, y), z();
         return;
       }
       if (!(!M.isDrawing || M.pointerId !== u.pointerId)) {
         if (u.preventDefault(), u.stopPropagation(), e === "freehand") {
-          const T = a.current, D = Math.max(1e-6, T?.getViewState?.().zoom ?? 1), L = Xi / D, it = L * L, K = M.points[M.points.length - 1];
-          if (!K)
+          const T = a.current, D = Math.max(1e-6, T?.getViewState?.().zoom ?? 1), L = Xi / D, it = L * L, Z = M.points[M.points.length - 1];
+          if (!Z)
             M.points.push(h);
           else {
-            const Y = h[0] - K[0], ht = h[1] - K[1];
+            const Y = h[0] - Z[0], ht = h[1] - Z[1];
             Y * Y + ht * ht >= it && M.points.push(h);
           }
         } else
@@ -1717,23 +1717,23 @@ function Fo({
         z();
       }
     },
-    [ct, e, at, dt, z, a, ye]
+    [st, e, at, gt, z, a, we]
   ), At = I(
     (u) => {
       const h = Tt.current;
       if (!h.isDrawing || h.pointerId !== u.pointerId) return;
       u.preventDefault(), u.stopPropagation();
-      const y = at(u), M = dt(u);
-      y && (h.cursor = y, M && (h.cursorScreen = M), e === "brush" ? M && ye(h, y, M) : h.current = y);
+      const y = at(u), M = gt(u);
+      y && (h.cursor = y, M && (h.cursorScreen = M), e === "brush" ? M && we(h, y, M) : h.current = y);
       const T = tt.current;
       if (T && T.hasPointerCapture(u.pointerId))
         try {
           T.releasePointerCapture(u.pointerId);
         } catch {
         }
-      te();
+      Re();
     },
-    [te, at, dt, e, ye]
+    [Re, at, gt, e, we]
   ), Be = I(() => {
     const u = Tt.current;
     let h = !1;
@@ -1750,40 +1750,40 @@ function Fo({
       h.disconnect();
     };
   }, [ft, z]), O(() => {
-    ct || Mt(), z();
-  }, [ct, z, Mt]), O(() => {
-    we.current !== e && (we.current = e, Mt(), z());
+    st || Mt(), z();
+  }, [st, z, Mt]), O(() => {
+    be.current !== e && (be.current = e, Mt(), z());
   }, [e, Mt, z]), O(() => {
     z();
-  }, [d, E, J, z]), O(() => {
+  }, [d, R, K, z]), O(() => {
     if (Wt)
       return Wt.current = z, () => {
         Wt.current === z && (Wt.current = null);
       };
   }, [Wt, z]), O(() => {
-    if (!ct) return;
+    if (!st) return;
     const u = (h) => {
       h.key === "Escape" && (Mt(), z());
     };
     return window.addEventListener("keydown", u), () => {
       window.removeEventListener("keydown", u);
     };
-  }, [ct, Mt, z]), /* @__PURE__ */ jt(
+  }, [st, Mt, z]), /* @__PURE__ */ jt(
     "canvas",
     {
       ref: tt,
-      className: le,
-      style: gt,
+      className: ue,
+      style: mt,
       onPointerDown: Ue,
-      onPointerMove: he,
+      onPointerMove: fe,
       onPointerUp: At,
       onPointerCancel: At,
       onPointerLeave: Be,
       onContextMenu: (u) => {
-        ct && u.preventDefault();
+        st && u.preventDefault();
       },
       onWheel: (u) => {
-        if (!ct) return;
+        if (!st) return;
         const h = tt.current, y = a.current;
         if (!h || typeof y?.zoomBy != "function") return;
         u.preventDefault(), u.stopPropagation();
@@ -1873,7 +1873,7 @@ function pr(e, t, n, r) {
     e.setLineDash([]), e.lineDashOffset = 0;
   }
 }
-function Re(e, t, n = 1) {
+function Ee(e, t, n = 1) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(n, e);
 }
 function He(e) {
@@ -1910,16 +1910,16 @@ function Lo({
   const a = nt(null), c = nt(null), l = nt(null), f = nt({
     active: !1,
     pointerId: null
-  }), p = nt(null), d = nt(!1), b = Re(
+  }), p = nt(null), d = nt(!1), b = Ee(
     r?.width,
     _t.width,
     64
-  ), m = Re(
+  ), m = Ee(
     r?.height,
     _t.height,
     48
   ), S = j(() => {
-    const E = Math.max(1, e.width), P = Math.max(1, e.height), U = E / P, et = b / m;
+    const R = Math.max(1, e.width), E = Math.max(1, e.height), U = R / E, et = b / m;
     let W, ut;
     return U > et ? (W = b, ut = b / U) : (ut = m, W = m * U), {
       x: (b - W) / 2,
@@ -1927,32 +1927,32 @@ function Lo({
       w: W,
       h: ut
     };
-  }, [e.width, e.height, b, m]), x = Re(
+  }, [e.width, e.height, b, m]), x = Ee(
     r?.margin,
     _t.margin,
     0
-  ), _ = Re(
+  ), _ = Ee(
     r?.borderRadius,
     _t.borderRadius,
     0
-  ), B = Re(
+  ), B = Ee(
     r?.borderWidth,
     _t.borderWidth,
     0
   ), N = Math.max(
     1,
     Math.round(
-      Re(
+      Ee(
         r?.maxThumbnailTiles,
         _t.maxThumbnailTiles,
         1
       )
     )
-  ), G = r?.backgroundColor || _t.backgroundColor, F = r?.borderColor || _t.borderColor, k = r?.viewportBorderColor || _t.viewportBorderColor, J = r?.viewportBorderStyle === "stroke" || r?.viewportBorderStyle === "dash" ? r.viewportBorderStyle : _t.viewportBorderStyle, mt = r?.viewportFillColor ?? _t.viewportFillColor, bt = r?.interactive ?? _t.interactive, Pt = r?.showThumbnail ?? _t.showThumbnail, Ft = r?.position || _t.position, Bt = r?.onClose, st = r?.closeIcon, Wt = r?.closeButtonStyle, le = j(() => {
-    const E = {};
-    return Ft === "top-left" || Ft === "bottom-left" ? E.left = x : E.right = x, Ft === "top-left" || Ft === "top-right" ? E.top = x : E.bottom = x, {
+  ), V = r?.backgroundColor || _t.backgroundColor, F = r?.borderColor || _t.borderColor, k = r?.viewportBorderColor || _t.viewportBorderColor, K = r?.viewportBorderStyle === "stroke" || r?.viewportBorderStyle === "dash" ? r.viewportBorderStyle : _t.viewportBorderStyle, dt = r?.viewportFillColor ?? _t.viewportFillColor, bt = r?.interactive ?? _t.interactive, Pt = r?.showThumbnail ?? _t.showThumbnail, Ft = r?.position || _t.position, Bt = r?.onClose, ot = r?.closeIcon, Wt = r?.closeButtonStyle, ue = j(() => {
+    const R = {};
+    return Ft === "top-left" || Ft === "bottom-left" ? R.left = x : R.right = x, Ft === "top-left" || Ft === "top-right" ? R.top = x : R.bottom = x, {
       position: "absolute",
-      ...E,
+      ...R,
       width: b,
       height: m,
       borderRadius: _,
@@ -1963,52 +1963,47 @@ function Lo({
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...s
     };
-  }, [x, Ft, b, m, _, bt, s]), fe = I(() => {
-    const E = a.current;
+  }, [x, Ft, b, m, _, bt, s]), le = I(() => {
+    const R = a.current;
+    if (!R) return;
+    const E = R.getContext("2d");
     if (!E) return;
-    const P = E.getContext("2d");
-    if (!P) return;
     const U = b, et = m, W = Math.max(1, window.devicePixelRatio || 1), ut = Math.max(1, Math.round(U * W)), wt = Math.max(1, Math.round(et * W));
-    (E.width !== ut || E.height !== wt) && (E.width = ut, E.height = wt), P.setTransform(1, 0, 0, 1, 0, 0), P.clearRect(0, 0, E.width, E.height), P.setTransform(W, 0, 0, W, 0, 0), P.fillStyle = G, P.fillRect(0, 0, U, et);
-    const { x: $, y: V, w: rt, h: lt } = S, Q = c.current;
-    Q && P.drawImage(Q, $, V, rt, lt), P.strokeStyle = F, P.lineWidth = B, P.strokeRect(
+    (R.width !== ut || R.height !== wt) && (R.width = ut, R.height = wt), E.setTransform(1, 0, 0, 1, 0, 0), E.clearRect(0, 0, R.width, R.height), E.setTransform(W, 0, 0, W, 0, 0), E.fillStyle = V, E.fillRect(0, 0, U, et);
+    const { x: J, y: G, w: rt, h: lt } = S, Q = c.current;
+    Q && E.drawImage(Q, J, G, rt, lt), E.strokeStyle = F, E.lineWidth = B, E.strokeRect(
       B * 0.5,
       B * 0.5,
       U - B,
       et - B
     );
-    const X = t.current, gt = X?.getViewBounds?.(), ft = X?.getViewCorners?.(), H = He(gt) ? gt : He(l.current) ? l.current : null;
+    const X = t.current, mt = X?.getViewBounds?.(), ft = X?.getViewCorners?.(), H = He(mt) ? mt : He(l.current) ? l.current : null;
     if (!H) return;
     l.current = H;
-    const yt = rt / Math.max(1, e.width), Et = lt / Math.max(1, e.height), Lt = Array.isArray(ft) && ft.length >= 4 && ft.every(
+    const yt = rt / Math.max(1, e.width), Et = lt / Math.max(1, e.height), Dt = Array.isArray(ft) && ft.length >= 4 && ft.every(
       (at) => Array.isArray(at) && at.length >= 2 && Number.isFinite(at[0]) && Number.isFinite(at[1])
-    ) ? ft : null, Ot = J === "dash";
-    if (Lt) {
-      const at = [];
-      for (let dt = 0; dt < Lt.length; dt += 1) {
-        const te = Lt[dt];
-        at.push([
-          ot($ + te[0] * yt, $, $ + rt),
-          ot(V + te[1] * Et, V, V + lt)
-        ]);
-      }
-      P.beginPath();
-      for (let dt = 0; dt < at.length; dt += 1)
-        dt === 0 ? P.moveTo(at[dt][0], at[dt][1]) : P.lineTo(at[dt][0], at[dt][1]);
-      P.closePath(), P.fillStyle = mt, P.fill(), P.strokeStyle = k, P.lineWidth = 2.25, Ot ? pr(P, at, 4, 3) : P.stroke();
+    ) ? ft : null, Ot = K === "dash";
+    if (Dt) {
+      const at = Dt.map(
+        (gt) => [J + gt[0] * yt, G + gt[1] * Et]
+      );
+      E.save(), E.beginPath(), E.rect(J, G, rt, lt), E.clip(), E.beginPath();
+      for (let gt = 0; gt < at.length; gt += 1)
+        gt === 0 ? E.moveTo(at[gt][0], at[gt][1]) : E.lineTo(at[gt][0], at[gt][1]);
+      E.closePath(), E.fillStyle = dt, E.fill(), E.strokeStyle = k, E.lineWidth = 2.25, Ot ? pr(E, at, 4, 3) : E.stroke(), E.restore();
       return;
     }
-    const Ct = ot($ + H[0] * yt, $, $ + rt), St = ot(V + H[1] * Et, V, V + lt), Z = ot($ + H[2] * yt, $, $ + rt), Zt = ot(V + H[3] * Et, V, V + lt), z = Math.max(1, Z - Ct), Mt = Math.max(1, Zt - St);
-    if (P.fillStyle = mt, P.fillRect(Ct, St, z, Mt), P.strokeStyle = k, P.lineWidth = 2.25, Ot) {
+    const Ct = ct(J + H[0] * yt, J, J + rt), St = ct(G + H[1] * Et, G, G + lt), $ = ct(J + H[2] * yt, J, J + rt), Zt = ct(G + H[3] * Et, G, G + lt), z = Math.max(1, $ - Ct), Mt = Math.max(1, Zt - St);
+    if (E.fillStyle = dt, E.fillRect(Ct, St, z, Mt), E.strokeStyle = k, E.lineWidth = 2.25, Ot) {
       const at = [
         [Ct + 0.5, St + 0.5],
         [Ct + 0.5 + Math.max(1, z - 1), St + 0.5],
         [Ct + 0.5 + Math.max(1, z - 1), St + 0.5 + Math.max(1, Mt - 1)],
         [Ct + 0.5, St + 0.5 + Math.max(1, Mt - 1)]
       ];
-      pr(P, at, 4, 3);
+      pr(E, at, 4, 3);
     } else
-      P.strokeRect(
+      E.strokeRect(
         Ct + 0.5,
         St + 0.5,
         Math.max(1, z - 1),
@@ -2018,71 +2013,71 @@ function Lo({
     b,
     m,
     S,
-    G,
+    V,
     F,
     B,
     t,
     e.width,
     e.height,
-    mt,
+    dt,
     k,
-    J
+    K
   ]), tt = I(() => {
     d.current || (d.current = !0, p.current = requestAnimationFrame(() => {
-      d.current = !1, p.current = null, fe();
+      d.current = !1, p.current = null, le();
     }));
-  }, [fe]), Vt = I(
-    (E, P) => {
+  }, [le]), Vt = I(
+    (R, E) => {
       const U = a.current;
       if (!U) return null;
       const et = U.getBoundingClientRect();
       if (!et.width || !et.height) return null;
-      const W = et.width / b, ut = et.height / m, wt = S.x * W, $ = S.y * ut, V = S.w * W, rt = S.h * ut, lt = ot((E - et.left - wt) / V, 0, 1), Q = ot((P - et.top - $) / rt, 0, 1);
+      const W = et.width / b, ut = et.height / m, wt = S.x * W, J = S.y * ut, G = S.w * W, rt = S.h * ut, lt = ct((R - et.left - wt) / G, 0, 1), Q = ct((E - et.top - J) / rt, 0, 1);
       return [lt * e.width, Q * e.height];
     },
     [e.width, e.height, b, m, S]
   ), $t = I(
-    (E, P) => {
+    (R, E) => {
       const U = t.current;
       if (!U) return;
       if (U.setViewCenter) {
-        U.setViewCenter(E, P), tt();
+        U.setViewCenter(R, E), tt();
         return;
       }
       const et = U.getViewBounds?.(), W = He(et) ? et : He(l.current) ? l.current : null;
       if (!W) return;
       const ut = Math.max(1e-6, W[2] - W[0]), wt = Math.max(1e-6, W[3] - W[1]);
       U.setViewState({
-        offsetX: E - ut * 0.5,
-        offsetY: P - wt * 0.5
+        offsetX: R - ut * 0.5,
+        offsetY: E - wt * 0.5
       }), tt();
     },
     [t, tt]
-  ), we = I(
-    (E) => {
-      if (!bt || E.button !== 0) return;
-      const P = a.current;
-      if (!P) return;
-      const U = Vt(E.clientX, E.clientY);
-      U && (E.preventDefault(), E.stopPropagation(), P.setPointerCapture(E.pointerId), f.current = { active: !0, pointerId: E.pointerId }, $t(U[0], U[1]));
+  ), be = I(
+    (R) => {
+      if (!bt || R.button !== 0) return;
+      const E = a.current;
+      if (!E) return;
+      const U = Vt(R.clientX, R.clientY);
+      U && (R.preventDefault(), R.stopPropagation(), E.setPointerCapture(R.pointerId), f.current = { active: !0, pointerId: R.pointerId }, $t(U[0], U[1]));
     },
     [bt, Vt, $t]
   ), Tt = I(
-    (E) => {
-      const P = f.current;
-      if (!P.active || P.pointerId !== E.pointerId) return;
-      const U = Vt(E.clientX, E.clientY);
-      U && (E.preventDefault(), E.stopPropagation(), $t(U[0], U[1]));
+    (R) => {
+      const E = f.current;
+      if (!E.active || E.pointerId !== R.pointerId) return;
+      const U = Vt(R.clientX, R.clientY);
+      U && (R.preventDefault(), R.stopPropagation(), $t(U[0], U[1]));
     },
     [Vt, $t]
-  ), ct = I(
-    (E) => {
-      const P = f.current;
-      if (!P.active || P.pointerId !== E.pointerId) return;
+  ), st = I(
+    (R) => {
+      const E = f.current;
+      if (!E.active || E.pointerId !== R.pointerId) return;
       const U = a.current;
-      if (U && U.hasPointerCapture(E.pointerId))
+      if (U && U.hasPointerCapture(R.pointerId))
         try {
-          U.releasePointerCapture(E.pointerId);
+          U.releasePointerCapture(R.pointerId);
         } catch {
         }
       f.current = { active: !1, pointerId: null }, tt();
@@ -2090,60 +2085,60 @@ function Lo({
     [tt]
   );
   return O(() => {
-    let E = !1;
+    let R = !1;
     c.current = null, tt();
-    const P = 0, U = 2 ** (e.maxTierZoom - P), et = Math.ceil(e.width / U), W = Math.ceil(e.height / U), ut = Math.max(1, Math.ceil(et / e.tileSize)), wt = Math.max(1, Math.ceil(W / e.tileSize)), $ = ut * wt;
-    if (!Pt || $ > N)
+    const E = 0, U = 2 ** (e.maxTierZoom - E), et = Math.ceil(e.width / U), W = Math.ceil(e.height / U), ut = Math.max(1, Math.ceil(et / e.tileSize)), wt = Math.max(1, Math.ceil(W / e.tileSize)), J = ut * wt;
+    if (!Pt || J > N)
       return;
-    const V = document.createElement("canvas");
-    V.width = Math.max(1, Math.round(S.w)), V.height = Math.max(1, Math.round(S.h));
-    const rt = V.getContext("2d");
+    const G = document.createElement("canvas");
+    G.width = Math.max(1, Math.round(S.w)), G.height = Math.max(1, Math.round(S.h));
+    const rt = G.getContext("2d");
     if (!rt)
       return;
-    rt.fillStyle = G, rt.fillRect(0, 0, V.width, V.height);
+    rt.fillStyle = V, rt.fillRect(0, 0, G.width, G.height);
     const lt = [];
     for (let Q = 0; Q < wt; Q += 1)
       for (let X = 0; X < ut; X += 1) {
-        const gt = X * e.tileSize * U, ft = Q * e.tileSize * U, H = Math.min((X + 1) * e.tileSize, et) * U, yt = Math.min((Q + 1) * e.tileSize, W) * U;
+        const mt = X * e.tileSize * U, ft = Q * e.tileSize * U, H = Math.min((X + 1) * e.tileSize, et) * U, yt = Math.min((Q + 1) * e.tileSize, W) * U;
         lt.push({
-          url: Yr(e, P, X, Q),
-          bounds: [gt, ft, H, yt]
+          url: Yr(e, E, X, Q),
+          bounds: [mt, ft, H, yt]
         });
       }
     return Promise.allSettled(
       lt.map(async (Q) => {
-        const X = !!n, gt = await fetch(Q.url, {
+        const X = !!n, mt = await fetch(Q.url, {
           headers: X ? { Authorization: n } : void 0
         });
-        if (!gt.ok)
-          throw new Error(`HTTP ${gt.status}`);
-        const ft = await createImageBitmap(await gt.blob());
+        if (!mt.ok)
+          throw new Error(`HTTP ${mt.status}`);
+        const ft = await createImageBitmap(await mt.blob());
         return { tile: Q, bitmap: ft };
       })
     ).then((Q) => {
-      if (E) {
+      if (R) {
         for (const ft of Q)
           ft.status === "fulfilled" && ft.value.bitmap.close();
         return;
       }
-      const X = V.width / Math.max(1, e.width), gt = V.height / Math.max(1, e.height);
+      const X = G.width / Math.max(1, e.width), mt = G.height / Math.max(1, e.height);
       for (const ft of Q) {
         if (ft.status !== "fulfilled") continue;
         const {
           tile: { bounds: H },
           bitmap: yt
-        } = ft.value, Et = H[0] * X, Lt = H[1] * gt, Ot = Math.max(1, (H[2] - H[0]) * X), Ct = Math.max(1, (H[3] - H[1]) * gt);
-        rt.drawImage(yt, Et, Lt, Ot, Ct), yt.close();
+        } = ft.value, Et = H[0] * X, Dt = H[1] * mt, Ot = Math.max(1, (H[2] - H[0]) * X), Ct = Math.max(1, (H[3] - H[1]) * mt);
+        rt.drawImage(yt, Et, Dt, Ot, Ct), yt.close();
       }
-      c.current = V, tt();
+      c.current = G, tt();
     }), () => {
-      E = !0;
+      R = !0;
     };
   }, [
     e,
     n,
     S,
-    G,
+    V,
     Pt,
     N,
     tt
@@ -2159,7 +2154,7 @@ function Lo({
       f.current = { active: !1, pointerId: null }, p.current !== null && (cancelAnimationFrame(p.current), p.current = null), d.current = !1;
     },
     []
-  ), /* @__PURE__ */ Tr("div", { className: o, style: le, children: [
+  ), /* @__PURE__ */ Tr("div", { className: o, style: ue, children: [
     /* @__PURE__ */ jt(
       "canvas",
       {
@@ -2170,15 +2165,15 @@ function Lo({
           display: "block",
           borderRadius: "inherit"
         },
-        onPointerDown: we,
+        onPointerDown: be,
         onPointerMove: Tt,
-        onPointerUp: ct,
-        onPointerCancel: ct,
-        onContextMenu: (E) => {
-          E.preventDefault();
+        onPointerUp: st,
+        onPointerCancel: st,
+        onContextMenu: (R) => {
+          R.preventDefault();
         },
-        onWheel: (E) => {
-          E.preventDefault(), E.stopPropagation();
+        onWheel: (R) => {
+          R.preventDefault(), R.stopPropagation();
         }
       }
     ),
@@ -2187,11 +2182,11 @@ function Lo({
       {
         type: "button",
         "aria-label": "Hide overview map",
-        onClick: (E) => {
-          E.stopPropagation(), Bt();
+        onClick: (R) => {
+          R.stopPropagation(), Bt();
         },
         style: Wt ? { ...Wt } : { ...Bo },
-        children: st ?? "×"
+        children: ot ?? "×"
       }
     )
   ] });
@@ -2446,8 +2441,8 @@ async function Vo(e, t, n) {
     ]
   }), _ = r.device.createCommandEncoder(), B = _.beginComputePass();
   B.setPipeline(r.pipeline), B.setBindGroup(0, x), B.dispatchWorkgroups(Math.ceil(s / 256)), B.end(), _.copyBufferToBuffer(b, 0, S, 0, l), r.device.queue.submit([_.finish()]), await S.mapAsync(ko);
-  const N = S.getMappedRange(), G = new Uint32Array(N.slice(0));
-  return S.unmap(), p.destroy(), d.destroy(), b.destroy(), m.destroy(), S.destroy(), G;
+  const N = S.getMappedRange(), V = new Uint32Array(N.slice(0));
+  return S.unmap(), p.destroy(), d.destroy(), b.destroy(), m.destroy(), S.destroy(), V;
 }
 function Qt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
@@ -2503,8 +2498,8 @@ async function Go(e, t, n = {}) {
   }
   const f = new Float32Array(o.length * 4);
   for (let F = 0; F < o.length; F += 1) {
-    const k = F * 4, J = o[F];
-    f[k] = J.minX, f[k + 1] = J.minY, f[k + 2] = J.maxX, f[k + 3] = J.maxY;
+    const k = F * 4, K = o[F];
+    f[k] = K.minX, f[k + 1] = K.minY, f[k + 2] = K.maxX, f[k + 3] = K.maxY;
   }
   let p = null, d = !1;
   try {
@@ -2570,18 +2565,18 @@ async function Go(e, t, n = {}) {
   if (i) {
     const F = new Uint32Array(b);
     let k = 0;
-    for (let mt = 0; mt < b; mt += 1) {
-      const bt = m[mt] ?? 0, Pt = e.positions[bt * 2], Ft = e.positions[bt * 2 + 1];
+    for (let dt = 0; dt < b; dt += 1) {
+      const bt = m[dt] ?? 0, Pt = e.positions[bt * 2], Ft = e.positions[bt * 2 + 1];
       sn(Pt, Ft, o) && (F[k] = bt, k += 1);
     }
-    const J = {
+    const K = {
       count: a,
       positions: e.positions.subarray(0, a * 2),
       paletteIndices: e.paletteIndices.subarray(0, a),
       drawIndices: F.subarray(0, k)
     };
-    return c && (J.fillModes = c.subarray(0, a)), l && (J.ids = l.subarray(0, a)), {
-      data: J,
+    return c && (K.fillModes = c.subarray(0, a)), l && (K.ids = l.subarray(0, a)), {
+      data: K,
       meta: {
         mode: "hybrid-webgpu",
         durationMs: Qt() - r,
@@ -2594,16 +2589,16 @@ async function Go(e, t, n = {}) {
   const S = new Float32Array(b * 2), x = new Uint16Array(b), _ = c ? new Uint8Array(b) : null, B = l ? new Uint32Array(b) : null;
   let N = 0;
   for (let F = 0; F < b; F += 1) {
-    const k = m[F] ?? 0, J = e.positions[k * 2], mt = e.positions[k * 2 + 1];
-    sn(J, mt, o) && (S[N * 2] = J, S[N * 2 + 1] = mt, x[N] = e.paletteIndices[k], _ && (_[N] = c[k]), B && (B[N] = l[k]), N += 1);
+    const k = m[F] ?? 0, K = e.positions[k * 2], dt = e.positions[k * 2 + 1];
+    sn(K, dt, o) && (S[N * 2] = K, S[N * 2 + 1] = dt, x[N] = e.paletteIndices[k], _ && (_[N] = c[k]), B && (B[N] = l[k]), N += 1);
   }
-  const G = {
+  const V = {
     count: N,
     positions: S.subarray(0, N * 2),
     paletteIndices: x.subarray(0, N)
   };
-  return _ && (G.fillModes = _.subarray(0, N)), B && (G.ids = B.subarray(0, N)), {
-    data: G,
+  return _ && (V.fillModes = _.subarray(0, N)), B && (V.ids = B.subarray(0, N)), {
+    data: V,
     meta: {
       mode: "hybrid-webgpu",
       durationMs: Qt() - r,
@@ -2614,8 +2609,8 @@ async function Go(e, t, n = {}) {
   };
 }
 let Ut = null, En = !0, Vr = 1;
-const ue = /* @__PURE__ */ new Map();
-function ce() {
+const ce = /* @__PURE__ */ new Map();
+function ae() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
 function Gr() {
@@ -2635,9 +2630,9 @@ function Gr() {
 function Fn(e) {
   const t = e.data;
   if (!t) return;
-  const n = ue.get(t.id);
+  const n = ce.get(t.id);
   if (!n) return;
-  if (ue.delete(t.id), t.type === "roi-clip-failure") {
+  if (ce.delete(t.id), t.type === "roi-clip-failure") {
     n.reject(new Error(t.error || "worker clip failed"));
     return;
   }
@@ -2651,7 +2646,7 @@ function Fn(e) {
       indices: f,
       meta: {
         mode: "worker",
-        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : ce() - n.startMs
+        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : ae() - n.startMs
       }
     });
     return;
@@ -2669,22 +2664,22 @@ function Fn(e) {
     data: c,
     meta: {
       mode: "worker",
-      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : ce() - n.startMs
+      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : ae() - n.startMs
     }
   });
 }
 function Un() {
   En = !1, Ut && (Ut.removeEventListener("message", Fn), Ut.removeEventListener("error", Un), Ut.terminate(), Ut = null);
-  for (const [, e] of ue)
+  for (const [, e] of ce)
     e.reject(new Error("worker crashed"));
-  ue.clear();
+  ce.clear();
 }
 function Gs() {
   if (Ut) {
     Ut.removeEventListener("message", Fn), Ut.removeEventListener("error", Un), Ut.terminate(), Ut = null;
-    for (const [, e] of ue)
+    for (const [, e] of ce)
       e.reject(new Error("worker terminated"));
-    ue.clear();
+    ce.clear();
   }
 }
 async function Ho(e, t) {
@@ -2695,15 +2690,15 @@ async function Ho(e, t) {
     };
   const n = Gr();
   if (!n) {
-    const p = ce();
+    const p = ae();
     return {
       data: cn(e, t),
-      meta: { mode: "sync", durationMs: ce() - p }
+      meta: { mode: "sync", durationMs: ae() - p }
     };
   }
-  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), s = e.paletteIndices.slice(0, i), a = e.fillModes instanceof Uint8Array && e.fillModes.length >= i ? e.fillModes.slice(0, i) : null, c = e.ids instanceof Uint32Array && e.ids.length >= i ? e.ids.slice(0, i) : null, l = Vr++, f = ce();
+  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), s = e.paletteIndices.slice(0, i), a = e.fillModes instanceof Uint8Array && e.fillModes.length >= i ? e.fillModes.slice(0, i) : null, c = e.ids instanceof Uint32Array && e.ids.length >= i ? e.ids.slice(0, i) : null, l = Vr++, f = ae();
   return new Promise((p, d) => {
-    ue.set(l, { kind: "data", resolve: p, reject: d, startMs: f });
+    ce.set(l, { kind: "data", resolve: p, reject: d, startMs: f });
     const b = {
       type: "roi-clip-request",
       id: l,
@@ -2725,15 +2720,15 @@ async function Hs(e, t) {
     };
   const n = Gr();
   if (!n) {
-    const c = ce();
+    const c = ae();
     return {
       indices: No(e, t),
-      meta: { mode: "sync", durationMs: ce() - c }
+      meta: { mode: "sync", durationMs: ae() - c }
     };
   }
-  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), s = Vr++, a = ce();
+  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), s = Vr++, a = ae();
   return new Promise((c, l) => {
-    ue.set(s, { kind: "index", resolve: c, reject: l, startMs: a });
+    ce.set(s, { kind: "index", resolve: c, reject: l, startMs: a });
     const f = {
       type: "roi-clip-index-request",
       id: s,
@@ -2815,13 +2810,13 @@ function Zo(e, t, n = {}) {
     const b = i ? i[d] : d, m = e.positions[b * 2], S = e.positions[b * 2 + 1];
     let x = null;
     for (const N of s) {
-      let G = !1;
+      let V = !1;
       for (const F of N.polygons)
         if (Ir(m, S, F)) {
-          G = !0;
+          V = !0;
           break;
         }
-      G && (!x || N.area < x.area) && (x = N);
+      V && (!x || N.area < x.area) && (x = N);
     }
     if (!x) continue;
     l += 1;
@@ -3154,7 +3149,7 @@ function es(e, t) {
   for (let s = 1; s < t.length; s += 1) {
     const a = t[s - 1], c = t[s];
     if (e > c.zoom) continue;
-    const l = Math.max(1e-6, c.zoom - a.zoom), f = ot((e - a.zoom) / l, 0, 1);
+    const l = Math.max(1e-6, c.zoom - a.zoom), f = ct((e - a.zoom) / l, 0, 1);
     return a.size + (c.size - a.size) * f;
   }
   const n = t[t.length - 1], r = t[t.length - 2], i = Math.max(1e-6, n.zoom - r.zoom), o = (n.size - r.size) / i;
@@ -3162,11 +3157,11 @@ function es(e, t) {
 }
 const ns = 0.1, rs = 5;
 function yr(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? 1 : ot(e, ns, rs);
+  return typeof e != "number" || !Number.isFinite(e) ? 1 : ct(e, ns, rs);
 }
 const is = -100, os = 100;
 function bn(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? 0 : ot(e, is, os);
+  return typeof e != "number" || !Number.isFinite(e) ? 0 : ct(e, is, os);
 }
 function Sr(e) {
   const t = bn(e?.brightness), n = bn(e?.contrast), r = bn(e?.saturation);
@@ -3181,7 +3176,7 @@ function Hr(e) {
   return e;
 }
 function wn(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? 0 : ot(e, 0, ss);
+  return typeof e != "number" || !Number.isFinite(e) ? 0 : ct(e, 0, ss);
 }
 function tn(e) {
   return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? null : Math.max(1e-6, e);
@@ -3293,7 +3288,7 @@ class as {
   }
   resolveTargetViewState(t) {
     const n = this.camera.getViewState(), r = {
-      zoom: typeof t.zoom == "number" && Number.isFinite(t.zoom) ? ot(t.zoom, this.minZoom, this.maxZoom) : n.zoom,
+      zoom: typeof t.zoom == "number" && Number.isFinite(t.zoom) ? ct(t.zoom, this.minZoom, this.maxZoom) : n.zoom,
       offsetX: typeof t.offsetX == "number" && Number.isFinite(t.offsetX) ? t.offsetX : n.offsetX,
       offsetY: typeof t.offsetY == "number" && Number.isFinite(t.offsetY) ? t.offsetY : n.offsetY,
       rotationDeg: typeof t.rotationDeg == "number" && Number.isFinite(t.rotationDeg) ? t.rotationDeg : n.rotationDeg
@@ -3317,14 +3312,14 @@ class as {
     const o = () => {
       const s = this.viewAnimation;
       if (!s) return;
-      const a = Math.max(0, Qe() - s.startMs), c = s.durationMs <= 0 ? 1 : ot(a / s.durationMs, 0, 1);
+      const a = Math.max(0, Qe() - s.startMs), c = s.durationMs <= 0 ? 1 : ct(a / s.durationMs, 0, 1);
       let l = c;
       try {
         l = s.easing(c);
       } catch {
         l = c;
       }
-      Number.isFinite(l) || (l = c), l = ot(l, 0, 1);
+      Number.isFinite(l) || (l = c), l = ct(l, 0, 1);
       const f = {
         zoom: s.from.zoom + (s.to.zoom - s.from.zoom) * l,
         offsetX: s.from.offsetX + (s.to.offsetX - s.from.offsetX) * l,
@@ -3505,12 +3500,12 @@ class as {
   }
   getPointSizeByZoom() {
     const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t), r = es(n, this.pointSizeStops);
-    return ot(r, Rn, Qo);
+    return ct(r, Rn, Qo);
   }
   fitToImage(t) {
     const n = this.canvas.getBoundingClientRect(), r = Math.max(1, n.width || 1), i = Math.max(1, n.height || 1), o = Math.min(r / this.source.width, i / this.source.height), s = Number.isFinite(o) && o > 0 ? o : 1;
     this.fitZoom = s, this.applyZoomBounds();
-    const a = ot(s, this.minZoom, this.maxZoom), c = r / a, l = i / a;
+    const a = ct(s, this.minZoom, this.maxZoom), c = r / a, l = i / a;
     this.setViewState(
       {
         zoom: a,
@@ -3522,7 +3517,7 @@ class as {
     );
   }
   zoomBy(t, n, r, i) {
-    const o = this.camera.getViewState(), s = ot(o.zoom * t, this.minZoom, this.maxZoom);
+    const o = this.camera.getViewState(), s = ct(o.zoom * t, this.minZoom, this.maxZoom);
     if (s === o.zoom) return;
     const [a, c] = this.camera.screenToWorld(n, r), l = this.camera.getViewport(), f = n - l.width * 0.5, p = r - l.height * 0.5, d = ve(o.rotationDeg), b = Math.cos(d), m = Math.sin(d), S = f / s * b - p / s * m, x = f / s * m + p / s * b, _ = a - S, B = c - x;
     this.setViewState(
@@ -3535,7 +3530,7 @@ class as {
     );
   }
   clampViewState() {
-    const t = this.getViewBounds(), n = Math.max(1e-6, t[2] - t[0]), r = Math.max(1e-6, t[3] - t[1]), i = n * 0.2, o = r * 0.2, [s, a] = this.camera.getCenter(), c = n * 0.5, l = r * 0.5, f = c - i, p = this.source.width - c + i, d = l - o, b = this.source.height - l + o, m = f <= p ? ot(s, f, p) : this.source.width * 0.5, S = d <= b ? ot(a, d, b) : this.source.height * 0.5;
+    const t = this.getViewBounds(), n = Math.max(1e-6, t[2] - t[0]), r = Math.max(1e-6, t[3] - t[1]), i = n * 0.2, o = r * 0.2, [s, a] = this.camera.getCenter(), c = n * 0.5, l = r * 0.5, f = c - i, p = this.source.width - c + i, d = l - o, b = this.source.height - l + o, m = f <= p ? ct(s, f, p) : this.source.width * 0.5, S = d <= b ? ct(a, d, b) : this.source.height * 0.5;
     this.camera.setCenter(m, S);
   }
   emitViewState() {
@@ -3543,7 +3538,7 @@ class as {
   }
   selectTier() {
     const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t);
-    return ot(Math.floor(n), 0, this.source.maxTierZoom);
+    return ct(Math.floor(n), 0, this.source.maxTierZoom);
   }
   getViewBounds() {
     const t = this.camera.getViewCorners();
@@ -3558,19 +3553,19 @@ class as {
   getVisibleTiles() {
     const t = this.selectTier();
     this.currentTier = t;
-    const n = this.getViewBounds(), r = Math.pow(2, this.source.maxTierZoom - t), i = Math.ceil(this.source.width / r), o = Math.ceil(this.source.height / r), s = Math.max(1, Math.ceil(i / this.source.tileSize)), a = Math.max(1, Math.ceil(o / this.source.tileSize)), c = n[0], l = n[1], f = n[2], p = n[3], d = ot(
+    const n = this.getViewBounds(), r = Math.pow(2, this.source.maxTierZoom - t), i = Math.ceil(this.source.width / r), o = Math.ceil(this.source.height / r), s = Math.max(1, Math.ceil(i / this.source.tileSize)), a = Math.max(1, Math.ceil(o / this.source.tileSize)), c = n[0], l = n[1], f = n[2], p = n[3], d = ct(
       Math.floor(c / r / this.source.tileSize),
       0,
       s - 1
-    ), b = ot(
+    ), b = ct(
       Math.floor((f - 1) / r / this.source.tileSize),
       0,
       s - 1
-    ), m = ot(
+    ), m = ct(
       Math.floor(l / r / this.source.tileSize),
       0,
       a - 1
-    ), S = ot(
+    ), S = ct(
       Math.floor((p - 1) / r / this.source.tileSize),
       0,
       a - 1
@@ -3579,19 +3574,19 @@ class as {
       return [];
     const x = (c + f) * 0.5 / r / this.source.tileSize, _ = (l + p) * 0.5 / r / this.source.tileSize, B = [];
     for (let N = m; N <= S; N += 1)
-      for (let G = d; G <= b; G += 1) {
-        const F = G * this.source.tileSize * r, k = N * this.source.tileSize * r, J = Math.min((G + 1) * this.source.tileSize, i) * r, mt = Math.min((N + 1) * this.source.tileSize, o) * r, bt = G - x, Pt = N - _;
+      for (let V = d; V <= b; V += 1) {
+        const F = V * this.source.tileSize * r, k = N * this.source.tileSize * r, K = Math.min((V + 1) * this.source.tileSize, i) * r, dt = Math.min((N + 1) * this.source.tileSize, o) * r, bt = V - x, Pt = N - _;
         B.push({
-          key: `${t}/${G}/${N}`,
+          key: `${t}/${V}/${N}`,
           tier: t,
-          x: G,
+          x: V,
           y: N,
-          bounds: [F, k, J, mt],
+          bounds: [F, k, K, dt],
           distance2: bt * bt + Pt * Pt,
-          url: Yr(this.source, t, G, N)
+          url: Yr(this.source, t, V, N)
         });
       }
-    return B.sort((N, G) => N.distance2 - G.distance2), B;
+    return B.sort((N, V) => N.distance2 - V.distance2), B;
   }
   trimCache() {
     if (this.cache.size <= this.maxCacheTiles) return;
@@ -3988,11 +3983,11 @@ function xs(e, t) {
 function In(e, t) {
   return e.id ?? t;
 }
-function be(e, t, n) {
+function pe(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
 function Ts(e) {
-  const t = be(e, 0, 1);
+  const t = pe(e, 0, 1);
   return t * t * (3 - 2 * t);
 }
 function vn(e) {
@@ -4025,7 +4020,7 @@ function Ps(e, t, n, r, i, o) {
     const m = e - n, S = t - r;
     return m * m + S * S;
   }
-  const l = be(((e - n) * s + (t - r) * a) / c, 0, 1), f = n + s * l, p = r + a * l, d = e - f, b = t - p;
+  const l = pe(((e - n) * s + (t - r) * a) / c, 0, 1), f = n + s * l, p = r + a * l, d = e - f, b = t - p;
   return d * d + b * b;
 }
 function xr(e, t, n, r) {
@@ -4067,7 +4062,7 @@ function _s(e, t, n, r, i, o) {
   if (!e.label || !e.labelAnchor) return !1;
   const s = vn(n.worldToScreen(e.labelAnchor[0], e.labelAnchor[1]));
   if (!s) return !1;
-  const c = vs(e.label, r) + r.paddingX * 2, l = r.fontSize + r.paddingY * 2, f = be(s[0], c * 0.5 + 1, i - c * 0.5 - 1), p = be(s[1] - r.offsetY, l * 0.5 + 1, o - l * 0.5 - 1), d = f - c * 0.5, b = f + c * 0.5, m = p - l * 0.5, S = p + l * 0.5;
+  const c = vs(e.label, r) + r.paddingX * 2, l = r.fontSize + r.paddingY * 2, f = pe(s[0], c * 0.5 + 1, i - c * 0.5 - 1), p = pe(s[1] - r.offsetY, l * 0.5 + 1, o - l * 0.5 - 1), d = f - c * 0.5, b = f + c * 0.5, m = p - l * 0.5, S = p + l * 0.5;
   return t[0] >= d && t[0] <= b && t[1] >= m && t[1] <= S;
 }
 function Fs(e) {
@@ -4140,51 +4135,51 @@ function qs({
   pointStrokeScale: _,
   minZoom: B,
   maxZoom: N,
-  viewTransition: G,
+  viewTransition: V,
   roiRegions: F,
   roiPolygons: k,
-  clipPointsToRois: J = !1,
-  clipMode: mt = "worker",
+  clipPointsToRois: K = !1,
+  clipMode: dt = "worker",
   onClipStats: bt,
   onRoiPointGroups: Pt,
   roiPaletteIndexToTermId: Ft,
   interactionLock: Bt = !1,
-  drawTool: st = "cursor",
+  drawTool: ot = "cursor",
   stampOptions: Wt,
-  brushOptions: le,
-  drawFillColor: fe,
+  brushOptions: ue,
+  drawFillColor: le,
   regionStrokeStyle: tt,
   regionStrokeHoverStyle: Vt,
   regionStrokeActiveStyle: $t,
-  patchStrokeStyle: we,
+  patchStrokeStyle: be,
   resolveRegionStrokeStyle: Tt,
-  resolveRegionLabelStyle: ct,
-  overlayShapes: E,
-  customLayers: P,
+  resolveRegionLabelStyle: st,
+  overlayShapes: R,
+  customLayers: E,
   patchRegions: U,
   regionLabelStyle: et,
   drawAreaTooltip: W,
   autoLiftRegionLabelAtMaxZoom: ut = !1,
   onPointerWorldMove: wt,
-  onPointHover: $,
-  onPointClick: V,
+  onPointHover: J,
+  onPointClick: G,
   onRegionHover: rt,
   onRegionClick: lt,
   activeRegionId: Q,
   onActiveRegionChange: X,
-  getCellByCoordinatesRef: gt,
+  getCellByCoordinatesRef: mt,
   onDrawComplete: ft,
   onPatchComplete: H,
   overviewMapConfig: yt,
   className: Et,
-  style: Lt
+  style: Dt
 }) {
-  const Ot = yt?.show ?? !1, Ct = yt?.options, St = nt(null), Z = nt(null), Zt = nt(null), z = nt(null), Mt = nt(r), at = nt(i), dt = nt(c), [te, ee] = Ee(null), [ye, Ue] = Ee(() => Q ?? null), he = Q !== void 0, At = he ? Q ?? null : ye, [Be, u] = Ee(null), [h, y] = Ee(null), [M, T] = Ee(0), D = nt(null), L = nt(null), it = nt(null), K = nt(0), Y = nt({
+  const Ot = yt?.show ?? !1, Ct = yt?.options, St = nt(null), $ = nt(null), Zt = nt(null), z = nt(null), Mt = nt(r), at = nt(i), gt = nt(c), [Re, te] = Te(null), [we, Ue] = Te(() => Q ?? null), fe = Q !== void 0, At = fe ? Q ?? null : we, [Be, u] = Te(null), [h, y] = Te(null), [M, T] = Te(0), D = nt(null), L = nt(null), it = nt(null), Z = nt(0), Y = nt({
     rafId: null,
     startMs: 0,
     from: 0,
     to: 0
-  }), ht = nt(0), pt = F ?? Sn, Nt = U ?? Sn, Rt = k ?? cs, xt = (P?.length ?? 0) > 0, Gt = j(() => ({ position: "relative", width: "100%", height: "100%", ...Lt }), [Lt]), Kt = j(
+  }), ht = nt(0), pt = F ?? Sn, Lt = U ?? Sn, Rt = k ?? cs, xt = (E?.length ?? 0) > 0, Gt = j(() => ({ position: "relative", width: "100%", height: "100%", ...Dt }), [Dt]), Kt = j(
     () => ({
       position: "absolute",
       top: 8,
@@ -4209,47 +4204,47 @@ function qs({
   ), It = j(() => pt.length > 0 ? pt : Rt.length === 0 ? Sn : Rt.map((g, A) => ({
     id: A,
     coordinates: g
-  })), [pt, Rt]), ne = j(() => Fs(It), [It]), Bn = j(() => _n(et), [et]), Se = I((g) => {
-    const A = be(g, 0, Ar);
-    Math.abs(K.current - A) < 1e-4 || (K.current = A, T(A));
-  }, []), de = I(() => {
+  })), [pt, Rt]), ee = j(() => Fs(It), [It]), Bn = j(() => _n(et), [et]), ye = I((g) => {
+    const A = pe(g, 0, Ar);
+    Math.abs(Z.current - A) < 1e-4 || (Z.current = A, T(A));
+  }, []), he = I(() => {
     const g = Y.current;
     g.rafId !== null && (cancelAnimationFrame(g.rafId), g.rafId = null);
   }, []), un = I(
     (g) => {
-      const A = be(g, 0, Ar), R = Y.current, C = K.current;
+      const A = pe(g, 0, Ar), P = Y.current, C = Z.current;
       if (Math.abs(C - A) < 1e-4) {
-        de(), R.to = A, Se(A);
+        he(), P.to = A, ye(A);
         return;
       }
-      de(), R.startMs = performance.now(), R.from = C, R.to = A;
+      he(), P.startMs = performance.now(), P.from = C, P.to = A;
       const v = (q) => {
-        const vt = Y.current, Jt = Math.max(0, q - vt.startMs), Te = be(Jt / ys, 0, 1), De = Ts(Te), Oe = vt.from + (vt.to - vt.from) * De;
-        if (Se(Oe), Zt.current?.(), Te >= 1) {
-          vt.rafId = null, Se(vt.to);
+        const vt = Y.current, Jt = Math.max(0, q - vt.startMs), xe = pe(Jt / ys, 0, 1), De = Ts(xe), Oe = vt.from + (vt.to - vt.from) * De;
+        if (ye(Oe), Zt.current?.(), xe >= 1) {
+          vt.rafId = null, ye(vt.to);
           return;
         }
         vt.rafId = requestAnimationFrame(v);
       };
-      R.rafId = requestAnimationFrame(v);
+      P.rafId = requestAnimationFrame(v);
     },
-    [Se, de]
-  ), re = I(
+    [ye, he]
+  ), ne = I(
     (g) => {
-      const A = Z.current;
+      const A = $.current;
       if (!A || typeof g != "number" || !Number.isFinite(g)) {
         un(0);
         return;
       }
-      const R = Lr(ut, g, A.getZoomRange());
-      un(R);
+      const P = Lr(ut, g, A.getZoomRange());
+      un(P);
     },
     [ut, un]
-  ), me = j(() => It.map((g) => g.coordinates), [It]), [Me, Le] = Ee(m);
+  ), de = j(() => It.map((g) => g.coordinates), [It]), [Se, Le] = Te(m);
   O(() => {
     const g = ++ht.current;
     let A = !1;
-    if (!J)
+    if (!K)
       return Le(m), () => {
         A = !0;
       };
@@ -4257,9 +4252,9 @@ function qs({
       return Le(null), () => {
         A = !0;
       };
-    if (me.length === 0)
+    if (de.length === 0)
       return Le(us), bt?.({
-        mode: mt,
+        mode: dt,
         durationMs: 0,
         inputCount: m.count,
         outputCount: 0,
@@ -4267,7 +4262,7 @@ function qs({
       }), () => {
         A = !0;
       };
-    const R = (v, q) => {
+    const P = (v, q) => {
       if (A || g !== ht.current) return;
       const vt = v?.drawIndices ? v.drawIndices.length : v?.count ?? 0;
       Le(v), bt?.({
@@ -4275,24 +4270,24 @@ function qs({
         durationMs: q.durationMs,
         inputCount: m.count,
         outputCount: vt,
-        polygonCount: me.length,
+        polygonCount: de.length,
         usedWebGpu: q.usedWebGpu,
         candidateCount: q.candidateCount,
         bridgedToDraw: q.bridgedToDraw
       });
     };
     return (async () => {
-      if (mt === "sync") {
-        const v = performance.now(), q = cn(m, me);
-        R(q, {
+      if (dt === "sync") {
+        const v = performance.now(), q = cn(m, de);
+        P(q, {
           mode: "sync",
           durationMs: performance.now() - v
         });
         return;
       }
-      if (mt === "hybrid-webgpu") {
-        const v = await Go(m, me, { bridgeToDraw: !0 });
-        R(v.data, {
+      if (dt === "hybrid-webgpu") {
+        const v = await Go(m, de, { bridgeToDraw: !0 });
+        P(v.data, {
           mode: v.meta.mode,
           durationMs: v.meta.durationMs,
           usedWebGpu: v.meta.usedWebGpu,
@@ -4302,14 +4297,14 @@ function qs({
         return;
       }
       try {
-        const v = await Ho(m, me);
-        R(v.data, {
+        const v = await Ho(m, de);
+        P(v.data, {
           mode: v.meta.mode,
           durationMs: v.meta.durationMs
         });
       } catch {
-        const v = performance.now(), q = cn(m, me);
-        R(q, {
+        const v = performance.now(), q = cn(m, de);
+        P(q, {
           mode: "sync",
           durationMs: performance.now() - v
         });
@@ -4317,89 +4312,89 @@ function qs({
     })(), () => {
       A = !0;
     };
-  }, [J, mt, m, me, bt]);
-  const Ln = !!($ || V || gt), zt = j(() => Ln ? xs(Me, e) : null, [Ln, Me, e]), ge = I(
+  }, [K, dt, m, de, bt]);
+  const Ln = !!(J || G || mt), Nt = j(() => Ln ? xs(Se, e) : null, [Ln, Se, e]), me = I(
     (g) => {
-      const A = Z.current;
-      if (!A || !zt) return null;
-      const R = Number(g[0]), C = Number(g[1]);
-      if (!Number.isFinite(R) || !Number.isFinite(C)) return null;
+      const A = $.current;
+      if (!A || !Nt) return null;
+      const P = Number(g[0]), C = Number(g[1]);
+      if (!Number.isFinite(P) || !Number.isFinite(C)) return null;
       const v = Math.max(1e-6, A.getViewState().zoom), q = A.getPointSizeByZoom(), Jt = Math.max(fs, q * ls) / v;
       if (!Number.isFinite(Jt) || Jt <= 0) return null;
-      const Te = zt.cellSize, De = Math.floor(R / Te), Oe = Math.floor(C / Te), Xe = Math.max(1, Math.ceil(Jt / Te)), jr = Jt * Jt;
+      const xe = Nt.cellSize, De = Math.floor(P / xe), Oe = Math.floor(C / xe), Xe = Math.max(1, Math.ceil(Jt / xe)), jr = Jt * Jt;
       let Ye = -1, kn = jr, Wn = 0, Vn = 0;
       for (let ln = De - Xe; ln <= De + Xe; ln += 1) {
-        const Gn = zt.buckets.get(ln);
+        const Gn = Nt.buckets.get(ln);
         if (Gn)
           for (let fn = Oe - Xe; fn <= Oe + Xe; fn += 1) {
             const ke = Gn.get(fn);
             if (!(!ke || ke.length === 0))
               for (let hn = 0; hn < ke.length; hn += 1) {
                 const We = ke[hn];
-                if (We >= zt.safeCount) continue;
-                const Hn = zt.positions[We * 2], qn = zt.positions[We * 2 + 1], $n = Hn - R, Zn = qn - C, Kn = $n * $n + Zn * Zn;
+                if (We >= Nt.safeCount) continue;
+                const Hn = Nt.positions[We * 2], qn = Nt.positions[We * 2 + 1], $n = Hn - P, Zn = qn - C, Kn = $n * $n + Zn * Zn;
                 Kn > kn || (kn = Kn, Ye = We, Wn = Hn, Vn = qn);
               }
           }
       }
       if (Ye < 0) return null;
-      const ti = zt.ids ? Number(zt.ids[Ye]) : null;
+      const ti = Nt.ids ? Number(Nt.ids[Ye]) : null;
       return {
         index: Ye,
         id: ti,
-        coordinate: [R, C],
+        coordinate: [P, C],
         pointCoordinate: [Wn, Vn]
       };
     },
-    [zt]
-  ), Ae = I(
+    [Nt]
+  ), Me = I(
     (g, A) => {
-      if (!$) return;
-      const R = g?.index ?? null, C = g?.id ?? null;
-      L.current === R && it.current === C || (L.current = R, it.current = C, $({
-        index: R,
+      if (!J) return;
+      const P = g?.index ?? null, C = g?.id ?? null;
+      L.current === P && it.current === C || (L.current = P, it.current = C, J({
+        index: P,
         id: C,
         coordinate: A,
         pointCoordinate: g?.pointCoordinate ?? null
       }));
     },
-    [$]
+    [J]
   ), Ne = I(
     (g, A) => {
-      if (!V) return;
-      const R = ge(g);
-      R && V({
-        ...R,
+      if (!G) return;
+      const P = me(g);
+      P && G({
+        ...P,
         button: A
       });
     },
-    [V, ge]
+    [G, me]
   );
   O(() => {
-    if (gt)
-      return gt.current = ge, () => {
-        gt.current === ge && (gt.current = null);
+    if (mt)
+      return mt.current = me, () => {
+        mt.current === me && (mt.current = null);
       };
-  }, [gt, ge]), O(() => {
-    he && Ue(Q ?? null);
-  }, [he, Q]);
-  const ie = I(
+  }, [mt, me]), O(() => {
+    fe && Ue(Q ?? null);
+  }, [fe, Q]);
+  const re = I(
     (g) => {
-      String(At) !== String(g) && (he || Ue(g), X?.(g));
+      String(At) !== String(g) && (fe || Ue(g), X?.(g));
     },
-    [At, he, X]
+    [At, fe, X]
   );
   O(() => {
     Mt.current = r;
   }, [r]), O(() => {
     at.current = i;
   }, [i]), O(() => {
-    dt.current = c, c || y(null);
+    gt.current = c, c || y(null);
   }, [c]), O(() => () => {
-    de();
-  }, [de]);
+    he();
+  }, [he]);
   const Nn = I((g) => {
-    at.current?.(g), dt.current && y(g);
+    at.current?.(g), gt.current && y(g);
   }, []), qr = j(() => h ? [
     `tier ${h.tier} | frame ${h.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${h.drawCalls ?? "-"}`,
     `tiles visible ${h.visible} | rendered ${h.rendered} | fallback ${h.fallback}`,
@@ -4409,65 +4404,65 @@ function qs({
   ].join(`
 `) : "stats: waiting for first frame...", [h]);
   O(() => {
-    !(At === null ? !0 : It.some((C, v) => String(In(C, v)) === String(At))) && At !== null && ie(null);
+    !(At === null ? !0 : It.some((C, v) => String(In(C, v)) === String(At))) && At !== null && re(null);
     const A = D.current;
-    !(A === null ? !0 : It.some((C, v) => String(In(C, v)) === String(A))) && A !== null && (D.current = null, ee(null), rt?.({
+    !(A === null ? !0 : It.some((C, v) => String(In(C, v)) === String(A))) && A !== null && (D.current = null, te(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [It, At, rt, ie]), O(() => {
+  }, [It, At, rt, re]), O(() => {
     const g = L.current;
-    g !== null && (zt && g < zt.safeCount || (L.current = null, it.current = null, $?.({
+    g !== null && (Nt && g < Nt.safeCount || (L.current = null, it.current = null, J?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     })));
-  }, [zt, $]);
+  }, [Nt, J]);
   const zn = I(
     (g) => {
-      re(g.zoom), xt && u(g);
+      ne(g.zoom), xt && u(g);
       const A = Mt.current;
       A && A(g), Zt.current?.(), z.current?.();
     },
-    [xt, re]
+    [xt, ne]
   );
   O(() => {
-    const g = Z.current;
-    g && re(g.getViewState().zoom);
-  }, [re, B, N]), O(() => {
-    st !== "cursor" && D.current !== null && (D.current = null, ee(null), rt?.({
+    const g = $.current;
+    g && ne(g.getViewState().zoom);
+  }, [ne, B, N]), O(() => {
+    ot !== "cursor" && D.current !== null && (D.current = null, te(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [st, rt]), O(() => {
-    st !== "cursor" && L.current !== null && (L.current = null, it.current = null, $?.({
+  }, [ot, rt]), O(() => {
+    ot !== "cursor" && L.current !== null && (L.current = null, it.current = null, J?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     }));
-  }, [st, $]);
-  const oe = I((g, A) => {
-    const R = Z.current;
-    if (!R) return null;
-    const C = R.screenToWorld(g, A);
+  }, [ot, J]);
+  const ie = I((g, A) => {
+    const P = $.current;
+    if (!P) return null;
+    const C = P.screenToWorld(g, A);
     if (!Array.isArray(C) || C.length < 2) return null;
     const v = Number(C[0]), q = Number(C[1]);
     return !Number.isFinite(v) || !Number.isFinite(q) ? null : [v, q];
   }, []), Dn = I((g, A) => {
-    const R = Z.current;
-    if (!R) return null;
-    const C = R.worldToScreen(g, A);
+    const P = $.current;
+    if (!P) return null;
+    const C = P.worldToScreen(g, A);
     return vn(C);
   }, []), ze = I((g, A) => {
-    const R = St.current;
-    if (!R) return null;
-    const C = R.getBoundingClientRect();
+    const P = St.current;
+    if (!P) return null;
+    const C = P.getBoundingClientRect();
     if (!Number.isFinite(C.width) || !Number.isFinite(C.height) || C.width <= 0 || C.height <= 0)
       return null;
     const v = g - C.left, q = A - C.top;
@@ -4476,51 +4471,51 @@ function qs({
       canvasWidth: Math.max(1, C.width),
       canvasHeight: Math.max(1, C.height)
     };
-  }, []), xe = I(
-    (g, A, R, C) => {
-      const v = Z.current;
+  }, []), Ae = I(
+    (g, A, P, C) => {
+      const v = $.current;
       return v ? Us(
         g,
         A,
-        ne,
+        ee,
         v,
         Bn,
-        ct,
+        st,
         M,
-        R,
+        P,
         C
       ) : null;
     },
-    [ne, Bn, ct, M]
+    [ee, Bn, st, M]
   ), On = I(() => {
-    Z.current?.requestRender(), Zt.current?.(), z.current?.();
-  }, []), Xn = j(() => Be ?? Z.current?.getViewState() ?? null, [Be]), Yn = j(() => {
+    $.current?.requestRender(), Zt.current?.(), z.current?.();
+  }, []), Xn = j(() => Be ?? $.current?.getViewState() ?? null, [Be]), Yn = j(() => {
     if (!e) return null;
     const g = Xn;
     return g ? {
       source: e,
       viewState: g,
-      drawTool: st,
+      drawTool: ot,
       interactionLock: Bt,
       worldToScreen: Dn,
-      screenToWorld: oe,
+      screenToWorld: ie,
       requestRedraw: On
     } : null;
-  }, [e, Xn, st, Bt, Dn, oe, On]), $r = I(
+  }, [e, Xn, ot, Bt, Dn, ie, On]), $r = I(
     (g) => {
-      const A = g.target === St.current, R = oe(g.clientX, g.clientY);
+      const A = g.target === St.current, P = ie(g.clientX, g.clientY);
       if (wt) {
-        const Jt = !!R && R[0] >= 0 && R[1] >= 0 && !!e && R[0] <= e.width && R[1] <= e.height;
+        const Jt = !!P && P[0] >= 0 && P[1] >= 0 && !!e && P[0] <= e.width && P[1] <= e.height;
         wt({
-          coordinate: R,
+          coordinate: P,
           clientX: g.clientX,
           clientY: g.clientY,
           insideImage: Jt
         });
       }
-      if (st !== "cursor") return;
+      if (ot !== "cursor") return;
       if (!A) {
-        Ae(null, null), D.current !== null && (D.current = null, ee(null), rt?.({
+        Me(null, null), D.current !== null && (D.current = null, te(null), rt?.({
           region: null,
           regionId: null,
           regionIndex: -1,
@@ -4528,87 +4523,87 @@ function qs({
         }));
         return;
       }
-      if (!R) {
-        Ae(null, null);
+      if (!P) {
+        Me(null, null);
         return;
       }
-      if ($ && Ae(ge(R), R), !ne.length) return;
+      if (J && Me(me(P), P), !ee.length) return;
       const C = ze(g.clientX, g.clientY);
       if (!C) return;
-      const v = xe(R, C.screenCoord, C.canvasWidth, C.canvasHeight), q = v?.regionId ?? null, vt = D.current;
-      String(vt) !== String(q) && (D.current = q, ee(q), rt?.({
+      const v = Ae(P, C.screenCoord, C.canvasWidth, C.canvasHeight), q = v?.regionId ?? null, vt = D.current;
+      String(vt) !== String(q) && (D.current = q, te(q), rt?.({
         region: v?.region ?? null,
         regionId: q,
         regionIndex: v?.regionIndex ?? -1,
-        coordinate: R
+        coordinate: P
       }));
     },
-    [st, ne, oe, rt, wt, e, Ae, ge, $, ze, xe]
+    [ot, ee, ie, rt, wt, e, Me, me, J, ze, Ae]
   ), Zr = I(() => {
     wt?.({
       coordinate: null,
       clientX: -1,
       clientY: -1,
       insideImage: !1
-    }), Ae(null, null), D.current !== null && (D.current = null, ee(null), rt?.({
+    }), Me(null, null), D.current !== null && (D.current = null, te(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [rt, wt, Ae]), Kr = I(
+  }, [rt, wt, Me]), Kr = I(
     (g) => {
-      if (st !== "cursor" || g.target !== St.current) return;
-      const A = oe(g.clientX, g.clientY);
+      if (ot !== "cursor" || g.target !== St.current) return;
+      const A = ie(g.clientX, g.clientY);
       if (!A) return;
-      if (Ne(A, g.button), !ne.length) {
-        ie(null);
+      if (Ne(A, g.button), !ee.length) {
+        re(null);
         return;
       }
-      const R = ze(g.clientX, g.clientY);
-      if (!R) return;
-      const C = xe(A, R.screenCoord, R.canvasWidth, R.canvasHeight);
+      const P = ze(g.clientX, g.clientY);
+      if (!P) return;
+      const C = Ae(A, P.screenCoord, P.canvasWidth, P.canvasHeight);
       if (!C) {
-        ie(null);
+        re(null);
         return;
       }
       const v = At !== null && String(At) === String(C.regionId) ? null : C.regionId;
-      ie(v), lt?.({
+      re(v), lt?.({
         region: C.region,
         regionId: C.regionId,
         regionIndex: C.regionIndex,
         coordinate: A
       });
     },
-    [st, ne, oe, lt, At, ie, Ne, ze, xe]
+    [ot, ee, ie, lt, At, re, Ne, ze, Ae]
   ), Jr = I(
     (g) => {
-      if (st !== "brush" || le?.clickSelectRoi !== !0 || !ne.length) return !1;
-      const A = Z.current, R = St.current;
-      if (!A || !R) return !1;
-      const C = R.getBoundingClientRect();
+      if (ot !== "brush" || ue?.clickSelectRoi !== !0 || !ee.length) return !1;
+      const A = $.current, P = St.current;
+      if (!A || !P) return !1;
+      const C = P.getBoundingClientRect();
       if (C.width <= 0 || C.height <= 0) return !1;
       const v = vn(A.worldToScreen(g[0], g[1]));
       if (!v) return !1;
-      const q = xe(g, v, C.width, C.height);
+      const q = Ae(g, v, C.width, C.height);
       if (!q) return !1;
       const vt = At !== null && String(At) === String(q.regionId) ? null : q.regionId;
-      return ie(vt), lt?.({
+      return re(vt), lt?.({
         region: q.region,
         regionId: q.regionId,
         regionIndex: q.regionIndex,
         coordinate: g
       }), !0;
     },
-    [st, le?.clickSelectRoi, ne, At, ie, lt, xe]
+    [ot, ue?.clickSelectRoi, ee, At, re, lt, Ae]
   ), Qr = I(
     (g) => {
-      if (!V || st !== "cursor" || g.target !== St.current) return;
+      if (!G || ot !== "cursor" || g.target !== St.current) return;
       g.preventDefault();
-      const A = oe(g.clientX, g.clientY);
+      const A = ie(g.clientX, g.clientY);
       A && Ne(A, g.button);
     },
-    [st, oe, Ne, V]
+    [ot, ie, Ne, G]
   );
   return O(() => {
     const g = St.current;
@@ -4627,10 +4622,10 @@ function qs({
       pointStrokeScale: _,
       minZoom: B,
       maxZoom: N,
-      viewTransition: G
+      viewTransition: V
     });
-    return Z.current = A, t && A.setViewState(t), re(A.getViewState().zoom), A.setInteractionLock(Bt), xt && u(A.getViewState()), () => {
-      de(), Se(0), A.destroy(), Z.current = null;
+    return $.current = A, t && A.setViewState(t), ne(A.getViewState().zoom), A.setInteractionLock(Bt), xt && u(A.getViewState()), () => {
+      he(), ye(0), A.destroy(), $.current = null;
     };
   }, [
     e,
@@ -4644,48 +4639,48 @@ function qs({
     _,
     zn,
     xt,
-    re,
-    de,
-    Se
+    ne,
+    he,
+    ye
   ]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     !g || !t || g.setViewState(t);
   }, [t]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     g && g.fitToImage();
   }, [f]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     g && g.resetRotation();
   }, [p]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     !g || !S || g.setPointPalette(S);
   }, [S]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     g && g.setPointSizeByZoom(x);
   }, [x]), O(() => {
-    const g = Z.current;
+    const g = $.current;
     g && g.setPointStrokeScale(_);
   }, [_]), O(() => {
-    const g = Z.current;
-    g && (g.setZoomRange(B, N), re(g.getViewState().zoom));
-  }, [B, N, re]), O(() => {
-    const g = Z.current;
-    g && g.setViewTransition(G);
-  }, [G]), O(() => {
-    const g = Z.current;
+    const g = $.current;
+    g && (g.setZoomRange(B, N), ne(g.getViewState().zoom));
+  }, [B, N, ne]), O(() => {
+    const g = $.current;
+    g && g.setViewTransition(V);
+  }, [V]), O(() => {
+    const g = $.current;
     g && g.setImageColorSettings(n);
   }, [n]), O(() => {
-    const g = Z.current;
-    g && g.setPointData(Me);
-  }, [Me]), O(() => {
+    const g = $.current;
+    g && g.setPointData(Se);
+  }, [Se]), O(() => {
     if (!Pt) return;
-    const A = Zo(J ? Me : m, It, {
+    const A = Zo(K ? Se : m, It, {
       paletteIndexToTermId: Ft,
       includeEmptyRegions: !0
     });
     Pt(A);
-  }, [Pt, J, m, Me, It, Ft]), O(() => {
-    const g = Z.current;
+  }, [Pt, K, m, Se, It, Ft]), O(() => {
+    const g = $.current;
     g && g.setInteractionLock(Bt);
   }, [Bt]), /* @__PURE__ */ Tr(
     "div",
@@ -4710,11 +4705,11 @@ function qs({
               height: "100%",
               display: "block",
               touchAction: "none",
-              cursor: st === "cursor" && te !== null ? "pointer" : Bt ? "crosshair" : "grab"
+              cursor: ot === "cursor" && Re !== null ? "pointer" : Bt ? "crosshair" : "grab"
             }
           }
         ),
-        e && Yn && Array.isArray(P) && P.length > 0 ? P.map((g, A) => /* @__PURE__ */ jt(
+        e && Yn && Array.isArray(E) && E.length > 0 ? E.map((g, A) => /* @__PURE__ */ jt(
           "div",
           {
             className: g.className,
@@ -4732,28 +4727,28 @@ function qs({
         e ? /* @__PURE__ */ jt(
           Fo,
           {
-            tool: st,
-            enabled: st !== "cursor",
+            tool: ot,
+            enabled: ot !== "cursor",
             imageWidth: e.width,
             imageHeight: e.height,
             imageMpp: e.mpp,
             imageZoom: e.maxTierZoom,
             stampOptions: Wt,
-            brushOptions: le,
-            drawFillColor: fe,
-            projectorRef: Z,
+            brushOptions: ue,
+            drawFillColor: le,
+            projectorRef: $,
             onBrushTap: Jr,
             viewStateSignal: t,
             persistedRegions: It,
-            patchRegions: Nt,
+            patchRegions: Lt,
             regionStrokeStyle: tt,
             regionStrokeHoverStyle: Vt,
             regionStrokeActiveStyle: $t,
-            patchStrokeStyle: we,
+            patchStrokeStyle: be,
             resolveRegionStrokeStyle: Tt,
-            resolveRegionLabelStyle: ct,
-            overlayShapes: E,
-            hoveredRegionId: te,
+            resolveRegionLabelStyle: st,
+            overlayShapes: R,
+            hoveredRegionId: Re,
             activeRegionId: At,
             regionLabelStyle: et,
             drawAreaTooltip: W,
@@ -4769,7 +4764,7 @@ function qs({
           Lo,
           {
             source: e,
-            projectorRef: Z,
+            projectorRef: $,
             authToken: d,
             options: Ct,
             invalidateRef: z,
@@ -4793,8 +4788,8 @@ export {
   Ys as buildTermPalette,
   Ds as calcScaleLength,
   _r as calcScaleResolution,
-  ot as clamp,
-  Dt as closeRing,
+  ct as clamp,
+  zt as closeRing,
   Zo as computeRoiPointGroups,
   cr as createCircle,
   An as createRectangle,