open-plant 1.4.19 → 1.4.21

package/dist/index.js

@@ -2,7 +2,7 @@ var eo = Object.defineProperty;
 var no = (e, t, n) => t in e ? eo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var S = (e, t, n) => no(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as Qt, jsxs as ci } from "react/jsx-runtime";
-import { useRef as q, useMemo as at, useCallback as V, useEffect as U, useContext as ro, createContext as io, useState as ae, forwardRef as oo, useImperativeHandle as so } from "react";
+import { useRef as q, useMemo as at, useCallback as V, useEffect as z, useContext as ro, createContext as io, useState as ae, forwardRef as oo, useImperativeHandle as so } from "react";
 function Zn(e, t, n) {
   const r = e.createShader(t);
   if (!r)
@@ -23,24 +23,24 @@ function Se(e, t, n) {
   }
   return o;
 }
-function Dt(e, t, n) {
+function Lt(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`Failed to get uniform location: ${n}`);
   return r;
 }
-function ao(e) {
-  const t = e.getContext("webgl2", {
+function ao(e, t) {
+  const n = e.getContext("webgl2", {
     alpha: !1,
     antialias: !1,
     depth: !1,
     stencil: !1,
-    preserveDrawingBuffer: !1,
+    preserveDrawingBuffer: t?.preserveDrawingBuffer ?? !1,
     powerPreference: "high-performance"
   });
-  if (!t)
+  if (!n)
     throw new Error("WebGL2 is not available.");
-  return t;
+  return n;
 }
 function un(e) {
   return e * Math.PI / 180;
@@ -165,61 +165,18 @@ class uo {
     S(this, "destroyed", !1);
     S(this, "fitted", !1);
     S(this, "controlledViewState", !1);
-    this.canvas = t.canvas, this.imageWidth = Math.max(1, t.imageWidth), this.imageHeight = Math.max(1, t.imageHeight), this.clearColor = t.clearColor ?? [0.03, 0.05, 0.08, 1], this.gl = ao(this.canvas), this.program = Se(this.gl, lo, co);
+    this.canvas = t.canvas, this.imageWidth = Math.max(1, t.imageWidth), this.imageHeight = Math.max(1, t.imageHeight), this.clearColor = t.clearColor ?? [0.03, 0.05, 0.08, 1], this.gl = ao(this.canvas, { preserveDrawingBuffer: t.preserveDrawingBuffer }), this.program = Se(this.gl, lo, co);
     const n = this.gl.createVertexArray(), r = this.gl.createBuffer();
     if (!n || !r)
       throw new Error("Failed to create WebGL buffers.");
     this.vao = n, this.quadBuffer = r, this.gl.bindVertexArray(this.vao), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.quadBuffer);
-    const i = new Float32Array([
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      1,
-      0,
-      0,
-      1,
-      0,
-      1,
-      1,
-      1,
-      1,
-      1
-    ]);
+    const i = new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 1, 1]);
     this.gl.bufferData(this.gl.ARRAY_BUFFER, i, this.gl.STATIC_DRAW);
     const o = this.gl.getAttribLocation(this.program, "aUnit"), s = this.gl.getAttribLocation(this.program, "aUv");
     if (o < 0 || s < 0)
       throw new Error("Failed to get attribute locations.");
     const a = 4 * Float32Array.BYTES_PER_ELEMENT;
-    this.gl.enableVertexAttribArray(o), this.gl.vertexAttribPointer(
-      o,
-      2,
-      this.gl.FLOAT,
-      !1,
-      a,
-      0
-    ), this.gl.enableVertexAttribArray(s), this.gl.vertexAttribPointer(
-      s,
-      2,
-      this.gl.FLOAT,
-      !1,
-      a,
-      2 * Float32Array.BYTES_PER_ELEMENT
-    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = Dt(
-      this.gl,
-      this.program,
-      "uCamera"
-    ), this.uBoundsLocation = Dt(
-      this.gl,
-      this.program,
-      "uBounds"
-    ), this.uTextureLocation = Dt(
-      this.gl,
-      this.program,
-      "uTexture"
-    ), t.initialViewState && (this.controlledViewState = !0, this.camera.setViewState(t.initialViewState)), this.resizeObserver = new ResizeObserver(() => {
+    this.gl.enableVertexAttribArray(o), this.gl.vertexAttribPointer(o, 2, this.gl.FLOAT, !1, a, 0), this.gl.enableVertexAttribArray(s), this.gl.vertexAttribPointer(s, 2, this.gl.FLOAT, !1, a, 2 * Float32Array.BYTES_PER_ELEMENT), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = Lt(this.gl, this.program, "uCamera"), this.uBoundsLocation = Lt(this.gl, this.program, "uBounds"), this.uTextureLocation = Lt(this.gl, this.program, "uTexture"), t.initialViewState && (this.controlledViewState = !0, this.camera.setViewState(t.initialViewState)), this.resizeObserver = new ResizeObserver(() => {
       this.resize();
     }), this.resizeObserver.observe(this.canvas), this.resize();
   }
@@ -249,39 +206,14 @@ class uo {
     try {
       const r = await fetch(t.url);
       if (!r.ok)
-        throw new Error(
-          `Tile fetch failed: ${r.status} ${r.statusText}`
-        );
+        throw new Error(`Tile fetch failed: ${r.status} ${r.statusText}`);
       const i = await r.blob(), o = await createImageBitmap(i);
       if (this.destroyed || n !== this.loadVersion)
         return o.close(), null;
       const s = this.gl.createTexture();
       if (!s)
         throw o.close(), new Error("Failed to create tile texture.");
-      return this.gl.bindTexture(this.gl.TEXTURE_2D, s), this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, 1), this.gl.texParameteri(
-        this.gl.TEXTURE_2D,
-        this.gl.TEXTURE_WRAP_S,
-        this.gl.CLAMP_TO_EDGE
-      ), this.gl.texParameteri(
-        this.gl.TEXTURE_2D,
-        this.gl.TEXTURE_WRAP_T,
-        this.gl.CLAMP_TO_EDGE
-      ), this.gl.texParameteri(
-        this.gl.TEXTURE_2D,
-        this.gl.TEXTURE_MIN_FILTER,
-        this.gl.LINEAR
-      ), this.gl.texParameteri(
-        this.gl.TEXTURE_2D,
-        this.gl.TEXTURE_MAG_FILTER,
-        this.gl.LINEAR
-      ), this.gl.texImage2D(
-        this.gl.TEXTURE_2D,
-        0,
-        this.gl.RGBA,
-        this.gl.RGBA,
-        this.gl.UNSIGNED_BYTE,
-        o
-      ), this.gl.bindTexture(this.gl.TEXTURE_2D, null), o.close(), {
+      return this.gl.bindTexture(this.gl.TEXTURE_2D, s), this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, 1), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.LINEAR), this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, o), this.gl.bindTexture(this.gl.TEXTURE_2D, null), o.close(), {
         id: t.id,
         bounds: t.bounds,
         texture: s
@@ -297,10 +229,7 @@ class uo {
     (this.canvas.width !== o || this.canvas.height !== s) && (this.canvas.width = o, this.canvas.height = s), this.camera.setViewport(n, r), this.gl.viewport(0, 0, this.canvas.width, this.canvas.height), !this.fitted && !this.controlledViewState && (this.fitToImage(), this.fitted = !0), this.requestRender();
   }
   fitToImage() {
-    const t = this.camera.getViewportSize(), n = Math.min(
-      t.width / this.imageWidth,
-      t.height / this.imageHeight
-    ), r = Number.isFinite(n) && n > 0 ? n : 1, i = t.width / r, o = t.height / r, s = (this.imageWidth - i) * 0.5, a = (this.imageHeight - o) * 0.5;
+    const t = this.camera.getViewportSize(), n = Math.min(t.width / this.imageWidth, t.height / this.imageHeight), r = Number.isFinite(n) && n > 0 ? n : 1, i = t.width / r, o = t.height / r, s = (this.imageWidth - i) * 0.5, a = (this.imageHeight - o) * 0.5;
     this.camera.setViewState({
       zoom: r,
       offsetX: s,
@@ -314,24 +243,9 @@ class uo {
   }
   render() {
     if (!this.destroyed) {
-      this.gl.clearColor(
-        this.clearColor[0],
-        this.clearColor[1],
-        this.clearColor[2],
-        this.clearColor[3]
-      ), this.gl.clear(this.gl.COLOR_BUFFER_BIT), this.gl.useProgram(this.program), this.gl.bindVertexArray(this.vao), this.gl.uniformMatrix3fv(
-        this.uCameraLocation,
-        !1,
-        this.camera.getMatrix()
-      ), this.gl.uniform1i(this.uTextureLocation, 0);
+      this.gl.clearColor(this.clearColor[0], this.clearColor[1], this.clearColor[2], this.clearColor[3]), this.gl.clear(this.gl.COLOR_BUFFER_BIT), this.gl.useProgram(this.program), this.gl.bindVertexArray(this.vao), this.gl.uniformMatrix3fv(this.uCameraLocation, !1, this.camera.getMatrix()), this.gl.uniform1i(this.uTextureLocation, 0);
       for (const t of this.tiles)
-        this.gl.activeTexture(this.gl.TEXTURE0), this.gl.bindTexture(this.gl.TEXTURE_2D, t.texture), this.gl.uniform4f(
-          this.uBoundsLocation,
-          t.bounds[0],
-          t.bounds[1],
-          t.bounds[2],
-          t.bounds[3]
-        ), this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4);
+        this.gl.activeTexture(this.gl.TEXTURE0), this.gl.bindTexture(this.gl.TEXTURE_2D, t.texture), this.gl.uniform4f(this.uBoundsLocation, t.bounds[0], t.bounds[1], t.bounds[2], t.bounds[3]), this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4);
       this.gl.bindTexture(this.gl.TEXTURE_2D, null), this.gl.bindVertexArray(null);
     }
   }
@@ -704,18 +618,18 @@ function ve(e) {
 }
 const bo = (3 + 16 * te) * te, wo = (2 + 12 * te) * te, So = (9 + 64 * te) * te * te, fe = ve(4), Hn = ve(8), $n = ve(12), Kn = ve(16), Yt = ve(4);
 function Ao(e, t, n, r, i, o, s) {
-  let a, l, c, f, u, h, d, m, g, y, p, x, E, w, P, R, B, k;
-  const Y = e - i, M = n - i, C = t - o, F = r - o;
-  w = Y * F, h = Ot * Y, d = h - (h - Y), m = Y - d, h = Ot * F, g = h - (h - F), y = F - g, P = m * y - (w - d * g - m * g - d * y), R = C * M, h = Ot * C, d = h - (h - C), m = C - d, h = Ot * M, g = h - (h - M), y = M - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, fe[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, fe[1] = E - (p + u) + (u - R), k = x + p, u = k - x, fe[2] = x - (k - u) + (p - u), fe[3] = k;
-  let I = xo(4, fe), W = wo * s;
-  if (I >= W || -I >= W || (u = e - Y, a = e - (Y + u) + (u - i), u = n - M, c = n - (M + u) + (u - i), u = t - C, l = t - (C + u) + (u - o), u = r - F, f = r - (F + u) + (u - o), a === 0 && l === 0 && c === 0 && f === 0) || (W = So * s + yo * Math.abs(I), I += Y * f + F * a - (C * c + M * l), I >= W || -I >= W)) return I;
-  w = a * F, h = Ot * a, d = h - (h - a), m = a - d, h = Ot * F, g = h - (h - F), y = F - g, P = m * y - (w - d * g - m * g - d * y), R = l * M, h = Ot * l, d = h - (h - l), m = l - d, h = Ot * M, g = h - (h - M), y = M - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), k = x + p, u = k - x, Yt[2] = x - (k - u) + (p - u), Yt[3] = k;
-  const j = hn(4, fe, 4, Yt, Hn);
-  w = Y * f, h = Ot * Y, d = h - (h - Y), m = Y - d, h = Ot * f, g = h - (h - f), y = f - g, P = m * y - (w - d * g - m * g - d * y), R = C * c, h = Ot * C, d = h - (h - C), m = C - d, h = Ot * c, g = h - (h - c), y = c - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), k = x + p, u = k - x, Yt[2] = x - (k - u) + (p - u), Yt[3] = k;
-  const N = hn(j, Hn, 4, Yt, $n);
-  w = a * f, h = Ot * a, d = h - (h - a), m = a - d, h = Ot * f, g = h - (h - f), y = f - g, P = m * y - (w - d * g - m * g - d * y), R = l * c, h = Ot * l, d = h - (h - l), m = l - d, h = Ot * c, g = h - (h - c), y = c - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), k = x + p, u = k - x, Yt[2] = x - (k - u) + (p - u), Yt[3] = k;
-  const ut = hn(N, $n, 4, Yt, Kn);
-  return Kn[ut - 1];
+  let a, l, c, f, u, h, d, m, g, y, p, x, E, w, P, R, B, N;
+  const Y = e - i, M = n - i, T = t - o, O = r - o;
+  w = Y * O, h = Ot * Y, d = h - (h - Y), m = Y - d, h = Ot * O, g = h - (h - O), y = O - g, P = m * y - (w - d * g - m * g - d * y), R = T * M, h = Ot * T, d = h - (h - T), m = T - d, h = Ot * M, g = h - (h - M), y = M - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, fe[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, fe[1] = E - (p + u) + (u - R), N = x + p, u = N - x, fe[2] = x - (N - u) + (p - u), fe[3] = N;
+  let v = xo(4, fe), W = wo * s;
+  if (v >= W || -v >= W || (u = e - Y, a = e - (Y + u) + (u - i), u = n - M, c = n - (M + u) + (u - i), u = t - T, l = t - (T + u) + (u - o), u = r - O, f = r - (O + u) + (u - o), a === 0 && l === 0 && c === 0 && f === 0) || (W = So * s + yo * Math.abs(v), v += Y * f + O * a - (T * c + M * l), v >= W || -v >= W)) return v;
+  w = a * O, h = Ot * a, d = h - (h - a), m = a - d, h = Ot * O, g = h - (h - O), y = O - g, P = m * y - (w - d * g - m * g - d * y), R = l * M, h = Ot * l, d = h - (h - l), m = l - d, h = Ot * M, g = h - (h - M), y = M - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), N = x + p, u = N - x, Yt[2] = x - (N - u) + (p - u), Yt[3] = N;
+  const J = hn(4, fe, 4, Yt, Hn);
+  w = Y * f, h = Ot * Y, d = h - (h - Y), m = Y - d, h = Ot * f, g = h - (h - f), y = f - g, P = m * y - (w - d * g - m * g - d * y), R = T * c, h = Ot * T, d = h - (h - T), m = T - d, h = Ot * c, g = h - (h - c), y = c - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), N = x + p, u = N - x, Yt[2] = x - (N - u) + (p - u), Yt[3] = N;
+  const F = hn(J, Hn, 4, Yt, $n);
+  w = a * f, h = Ot * a, d = h - (h - a), m = a - d, h = Ot * f, g = h - (h - f), y = f - g, P = m * y - (w - d * g - m * g - d * y), R = l * c, h = Ot * l, d = h - (h - l), m = l - d, h = Ot * c, g = h - (h - c), y = c - g, B = m * y - (R - d * g - m * g - d * y), p = P - B, u = P - p, Yt[0] = P - (p + u) + (u - B), x = w + p, u = x - w, E = w - (x - u) + (p - u), p = E - R, u = E - p, Yt[1] = E - (p + u) + (u - R), N = x + p, u = N - x, Yt[2] = x - (N - u) + (p - u), Yt[3] = N;
+  const xt = hn(F, $n, 4, Yt, Kn);
+  return Kn[xt - 1];
 }
 function Eo(e, t, n, r, i, o) {
   const s = (t - o) * (n - i), a = (e - i) * (r - o), l = s - a, c = Math.abs(s + a);
@@ -1710,7 +1624,7 @@ function eu(e, t, n) {
   }
   return `${Math.round(i * 1e3) / 1e3} pixels`;
 }
-function Et() {
+function Pt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
 function ce(e) {
@@ -2555,19 +2469,19 @@ function ia({
   resolveRegionStrokeStyle: P,
   resolveRegionLabelStyle: R,
   overlayShapes: B,
-  hoveredRegionId: k = null,
+  hoveredRegionId: N = null,
   activeRegionId: Y = null,
   regionLabelStyle: M,
-  drawAreaTooltip: C,
-  autoLiftRegionLabelAtMaxZoom: F = !1,
-  regionLabelAnchor: I = "top-center",
+  drawAreaTooltip: T,
+  autoLiftRegionLabelAtMaxZoom: O = !1,
+  regionLabelAnchor: v = "top-center",
   clampRegionLabelToViewport: W = !0,
-  regionLabelAutoLiftOffsetPx: j,
-  invalidateRef: N,
-  className: ut,
-  style: pt
+  regionLabelAutoLiftOffsetPx: J,
+  invalidateRef: F,
+  className: xt,
+  style: ft
 }) {
-  const et = q(null), _t = q(!1), Ct = q(/* @__PURE__ */ new Map()), L = q(e), v = q({
+  const tt = q(null), _t = q(!1), Ct = q(/* @__PURE__ */ new Map()), L = q(e), C = q({
     isDrawing: !1,
     pointerId: null,
     start: null,
@@ -2577,34 +2491,34 @@ function ia({
     points: [],
     screenPoints: [],
     stampCenter: null
-  }), O = u ?? e !== "cursor", lt = at(() => d && d.length > 0 ? d : !g || g.length === 0 ? mr : g.map((b, A) => ({
+  }), U = u ?? e !== "cursor", lt = at(() => d && d.length > 0 ? d : !g || g.length === 0 ? mr : g.map((b, A) => ({
     id: A,
     coordinates: b
-  })), [d, g]), $ = at(() => m ?? mr, [m]), bt = at(() => {
+  })), [d, g]), dt = at(() => m ?? mr, [m]), j = at(() => {
     const b = [];
     for (let A = 0; A < lt.length; A += 1) {
-      const T = lt[A], D = tn(T.coordinates);
+      const I = lt[A], D = tn(I.coordinates);
       D.length !== 0 && b.push({
-        region: T,
+        region: I,
         regionIndex: A,
-        regionKey: T.id ?? A,
+        regionKey: I.id ?? A,
         polygons: D
       });
     }
     return b;
-  }, [lt]), ft = at(() => {
+  }, [lt]), ht = at(() => {
     const b = [];
-    for (let A = 0; A < $.length; A += 1) {
-      const T = $[A], D = tn(T.coordinates);
+    for (let A = 0; A < dt.length; A += 1) {
+      const I = dt[A], D = tn(I.coordinates);
       D.length !== 0 && b.push({
-        region: T,
+        region: I,
         regionIndex: A,
-        regionKey: T.id ?? A,
+        regionKey: I.id ?? A,
         polygons: D
       });
     }
     return b;
-  }, [$]), it = at(() => zn(p), [p]), Nt = at(() => Jt(it, x), [it, x]), dt = at(() => Jt(it, E), [it, E]), wt = at(() => Jt(xi, w), [w]), yt = at(() => ra(y), [y]), ot = at(() => kn(M), [M]), ct = at(() => $s(C), [C]), ht = at(() => Qs(o), [o]), H = at(() => Us(s), [s]), It = at(
+  }, [dt]), rt = at(() => zn(p), [p]), Dt = at(() => Jt(rt, x), [rt, x]), Rt = at(() => Jt(rt, E), [rt, E]), mt = at(() => Jt(xi, w), [w]), At = at(() => ra(y), [y]), nt = at(() => kn(M), [M]), ct = at(() => $s(T), [T]), gt = at(() => Qs(o), [o]), ut = at(() => Us(s), [s]), it = at(
     () => ({
       position: "absolute",
       inset: 0,
@@ -2613,107 +2527,107 @@ function ia({
       height: "100%",
       display: "block",
       touchAction: "none",
-      pointerEvents: O ? "auto" : "none",
-      cursor: O ? e === "brush" ? "none" : "crosshair" : "default",
-      ...pt
+      pointerEvents: U ? "auto" : "none",
+      cursor: U ? e === "brush" ? "none" : "crosshair" : "default",
+      ...ft
     }),
-    [O, e, pt]
-  ), Pt = V(() => {
-    const b = et.current;
+    [U, e, ft]
+  ), vt = V(() => {
+    const b = tt.current;
     if (!b) return;
-    const A = b.getBoundingClientRect(), T = Math.max(1, window.devicePixelRatio || 1), D = Math.max(1, Math.round(A.width * T)), Z = Math.max(1, Math.round(A.height * T));
+    const A = b.getBoundingClientRect(), I = Math.max(1, window.devicePixelRatio || 1), D = Math.max(1, Math.round(A.width * I)), Z = Math.max(1, Math.round(A.height * I));
     (b.width !== D || b.height !== Z) && (b.width = D, b.height = Z);
-  }, [O, e]), St = V(
+  }, [U, e]), Et = V(
     (b) => {
       const A = a.current;
       if (!A || b.length === 0) return [];
-      const T = new Array(b.length);
+      const I = new Array(b.length);
       for (let D = 0; D < b.length; D += 1) {
         const Z = $t(A.worldToScreen(b[D][0], b[D][1]));
         if (!Z) return [];
-        T[D] = Z;
+        I[D] = Z;
       }
-      return T;
+      return I;
     },
     [a]
   ), G = V(
     (b) => {
-      const A = a.current, T = et.current;
-      if (!A || !T) return null;
-      const D = T.getBoundingClientRect(), Z = $t(A.screenToWorld(D.left + b[0], D.top + b[1]));
+      const A = a.current, I = tt.current;
+      if (!A || !I) return null;
+      const D = I.getBoundingClientRect(), Z = $t(A.screenToWorld(D.left + b[0], D.top + b[1]));
       return Z ? Qe(Z, t, n) : null;
     },
     [a, t, n]
-  ), Q = V(() => {
+  ), K = V(() => {
     const b = a.current, A = b?.getViewState?.().rotationDeg ?? 0;
     if (!(Math.abs(A % 360) < 0.01 || !b))
       return {
-        worldToScreen: (T, D) => $t(b.worldToScreen(T, D)),
+        worldToScreen: (I, D) => $t(b.worldToScreen(I, D)),
         screenToWorld: G
       };
-  }, [a, G]), mt = V(
+  }, [a, G]), St = V(
     (b) => {
       if (!Number.isFinite(b) || b <= 0) return 0;
-      const A = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, T = typeof i == "number" && Number.isFinite(i) ? i : 0, D = a.current?.getViewState?.().zoom, Z = typeof D == "number" && Number.isFinite(D) && D > 0 ? D : 1, xt = T + Math.log2(Z), st = Math.max(1e-9, yi(A, T, xt));
+      const A = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, I = typeof i == "number" && Number.isFinite(i) ? i : 0, D = a.current?.getViewState?.().zoom, Z = typeof D == "number" && Number.isFinite(D) && D > 0 ? D : 1, wt = I + Math.log2(Z), st = Math.max(1e-9, yi(A, I, wt));
       return b / st / Z;
     },
     [r, i, a]
-  ), rt = V(
+  ), et = V(
     (b, A) => ea({
       stampTool: b,
       center: A,
-      resolvedStampOptions: ht,
+      resolvedStampOptions: gt,
       imageWidth: t,
       imageHeight: n,
-      micronsToWorldPixels: mt,
-      getRectangleProjection: Q
+      micronsToWorldPixels: St,
+      getRectangleProjection: K
     }),
-    [mt, t, n, ht, Q]
-  ), J = V(() => {
-    const b = v.current;
-    return Ne(e) ? rt(e, b.stampCenter) : e === "brush" ? [] : b.isDrawing ? e === "freehand" ? b.points : e === "rectangle" ? Rn(b.start, b.current, Q()) : e === "circular" ? Er(b.start, b.current) : [] : [];
-  }, [e, rt, Q]), Mt = V(() => {
-    Pt();
-    const b = et.current;
+    [St, t, n, gt, K]
+  ), Q = V(() => {
+    const b = C.current;
+    return Ne(e) ? et(e, b.stampCenter) : e === "brush" ? [] : b.isDrawing ? e === "freehand" ? b.points : e === "rectangle" ? Rn(b.start, b.current, K()) : e === "circular" ? Er(b.start, b.current) : [] : [];
+  }, [e, et, K]), Mt = V(() => {
+    vt();
+    const b = tt.current;
     if (!b) return;
     const A = b.getContext("2d");
     if (!A) return;
-    const T = Math.max(1, window.devicePixelRatio || 1), D = b.width / T, Z = b.height / T;
-    if (A.setTransform(1, 0, 0, 1, 0, 0), A.clearRect(0, 0, b.width, b.height), A.setTransform(T, 0, 0, T, 0, 0), bt.length > 0)
-      for (const st of bt) {
-        const { region: gt, polygons: Tt, regionIndex: Lt, regionKey: kt } = st, ue = Je(Y, kt) ? "active" : Je(k, kt) ? "hover" : "default";
-        let ee = ue === "active" ? dt : ue === "hover" ? Nt : it;
+    const I = Math.max(1, window.devicePixelRatio || 1), D = b.width / I, Z = b.height / I;
+    if (A.setTransform(1, 0, 0, 1, 0, 0), A.clearRect(0, 0, b.width, b.height), A.setTransform(I, 0, 0, I, 0, 0), j.length > 0)
+      for (const st of j) {
+        const { region: yt, polygons: It, regionIndex: Ft, regionKey: kt } = st, ue = Je(Y, kt) ? "active" : Je(N, kt) ? "hover" : "default";
+        let ee = ue === "active" ? Rt : ue === "hover" ? Dt : rt;
         if (P) {
           const _e = P({
-            region: gt,
+            region: yt,
             regionId: kt,
-            regionIndex: Lt,
+            regionIndex: Ft,
             state: ue
           });
           ee = Jt(ee, _e || void 0);
         }
         const Ie = ue === "default" ? null : na(ee);
-        for (const _e of Tt) {
-          const ln = St(_e.outer);
+        for (const _e of It) {
+          const ln = Et(_e.outer);
           ln.length >= 4 && (Ie && Wt(A, ln, Ie, !0, !1), Wt(A, ln, ee, !0, !1));
           for (const to of _e.holes) {
-            const cn = St(to);
+            const cn = Et(to);
             cn.length >= 4 && (Ie && Wt(A, cn, Ie, !0, !1), Wt(A, cn, ee, !0, !1));
           }
         }
       }
-    if (ft.length > 0)
-      for (const st of ft)
-        for (const gt of st.polygons) {
-          const Tt = St(gt.outer);
-          Tt.length >= 4 && Wt(A, Tt, wt, !0, !1);
-          for (const Lt of gt.holes) {
-            const kt = St(Lt);
-            kt.length >= 4 && Wt(A, kt, wt, !0, !1);
+    if (ht.length > 0)
+      for (const st of ht)
+        for (const yt of st.polygons) {
+          const It = Et(yt.outer);
+          It.length >= 4 && Wt(A, It, mt, !0, !1);
+          for (const Ft of yt.holes) {
+            const kt = Et(Ft);
+            kt.length >= 4 && Wt(A, kt, mt, !0, !1);
           }
         }
     if (Array.isArray(B) && B.length > 0) {
-      const st = St(
+      const st = Et(
         Vt([
           [0, 0],
           [t, 0],
@@ -2725,59 +2639,59 @@ function ia({
         ctx: A,
         overlayShapes: B,
         imageOuterRing: st,
-        worldToScreenPoints: St,
-        baseStrokeStyle: it,
-        onInvertedFillDebug: globalThis.__OPEN_PLANT_DEBUG_OVERLAY__ ? (gt) => {
-          const Tt = String(gt.id), Lt = `${gt.outerRingPoints}|${gt.sourceRingCount}|${gt.holeRingCount}|${gt.fillColor}`;
-          Ct.current.get(Tt) !== Lt && (Ct.current.set(Tt, Lt), console.debug("[open-plant] invertedFill", gt));
+        worldToScreenPoints: Et,
+        baseStrokeStyle: rt,
+        onInvertedFillDebug: globalThis.__OPEN_PLANT_DEBUG_OVERLAY__ ? (yt) => {
+          const It = String(yt.id), Ft = `${yt.outerRingPoints}|${yt.sourceRingCount}|${yt.holeRingCount}|${yt.fillColor}`;
+          Ct.current.get(It) !== Ft && (Ct.current.set(It, Ft), console.debug("[open-plant] invertedFill", yt));
         } : void 0
       });
     }
-    const xt = J();
-    if (O) {
+    const wt = Q();
+    if (U) {
       if (e === "brush")
-        ks(A, v.current, H), Os(A, v.current, a.current, H);
-      else if (xt.length > 0)
+        ks(A, C.current, ut), Os(A, C.current, a.current, ut);
+      else if (wt.length > 0)
         if (e === "freehand") {
-          const st = St(xt);
-          st.length >= 2 && Wt(A, st, it, !1, !1), st.length >= 3 && Wt(A, St(Vt(xt)), it, !0, !0, yt);
+          const st = Et(wt);
+          st.length >= 2 && Wt(A, st, rt, !1, !1), st.length >= 3 && Wt(A, Et(Vt(wt)), rt, !0, !0, At);
         } else {
-          const st = St(xt);
-          st.length >= 4 && Wt(A, st, it, !0, !0, yt);
+          const st = Et(wt);
+          st.length >= 4 && Wt(A, st, rt, !0, !0, At);
         }
     }
-    if (bt.length > 0) {
-      const st = Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1), gt = typeof j == "number" && Number.isFinite(j) ? Math.max(0, j) : Wn(
-        F,
+    if (j.length > 0) {
+      const st = Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1), yt = typeof J == "number" && Number.isFinite(J) ? Math.max(0, J) : Wn(
+        O,
         st,
         a.current?.getZoomRange?.(),
         a.current?.getRegionLabelAutoLiftCapZoom?.()
       );
-      for (const Tt of bt) {
-        if (!Tt.region.label) continue;
-        const Lt = Un(Tt.polygons, St, I);
-        if (!Lt) continue;
+      for (const It of j) {
+        if (!It.region.label) continue;
+        const Ft = Un(It.polygons, Et, v);
+        if (!Ft) continue;
         let kt = On(
-          ot,
+          nt,
           R?.({
-            region: Tt.region,
-            regionId: Tt.regionKey,
-            regionIndex: Tt.regionIndex,
+            region: It.region,
+            regionId: It.regionKey,
+            regionIndex: It.regionIndex,
             zoom: st
           })
         );
-        gt > 0 && (kt = {
+        yt > 0 && (kt = {
           ...kt,
-          offsetY: kt.offsetY + gt
-        }), Mi(A, Tt.region.label, Lt, D, Z, kt, W);
+          offsetY: kt.offsetY + yt
+        }), Mi(A, It.region.label, Ft, D, Z, kt, W);
       }
     }
-    if (ct.enabled && O && (e === "freehand" || e === "rectangle" || e === "circular")) {
-      const st = v.current;
+    if (ct.enabled && U && (e === "freehand" || e === "rectangle" || e === "circular")) {
+      const st = C.current;
       if (st.isDrawing) {
-        const gt = e === "freehand" ? Vt(xt) : xt;
-        if (gt.length >= 4) {
-          const Tt = Ge(gt), Lt = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 0, kt = Lt > 0 ? Tt * Lt * Lt / (xr * xr) : 0, ue = ct.format(kt), ee = st.cursorScreen ?? (st.current ? $t(a.current?.worldToScreen(st.current[0], st.current[1]) ?? []) : null);
+        const yt = e === "freehand" ? Vt(wt) : wt;
+        if (yt.length >= 4) {
+          const It = Ge(yt), Ft = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 0, kt = Ft > 0 ? It * Ft * Ft / (xr * xr) : 0, ue = ct.format(kt), ee = st.cursorScreen ?? (st.current ? $t(a.current?.worldToScreen(st.current[0], st.current[1]) ?? []) : null);
           ee && Ks(
             A,
             ue,
@@ -2792,84 +2706,84 @@ function ia({
       }
     }
   }, [
-    O,
+    U,
     e,
-    J,
-    Pt,
-    St,
+    Q,
+    vt,
+    Et,
     t,
     n,
     a,
-    bt,
+    j,
     B,
-    k,
+    N,
     Y,
-    it,
-    Nt,
-    dt,
-    yt,
-    ft,
-    wt,
+    rt,
+    Dt,
+    Rt,
+    At,
+    ht,
+    mt,
     P,
     R,
-    ot,
+    nt,
     ct,
-    F,
-    I,
+    O,
+    v,
     W,
-    j,
+    J,
     r,
-    H
+    ut
   ]), X = V(() => {
     _t.current || (_t.current = !0, requestAnimationFrame(() => {
       _t.current = !1, Mt();
     }));
-  }, [Mt]), Ft = V((b = !1) => {
-    const A = v.current, T = et.current;
-    T && A.pointerId !== null && T.hasPointerCapture(A.pointerId) && T.releasePointerCapture(A.pointerId), A.isDrawing = !1, A.pointerId = null, A.start = null, A.current = null, A.points = [], A.screenPoints = [], A.stampCenter = null, b || (A.cursor = null, A.cursorScreen = null);
+  }, [Mt]), Tt = V((b = !1) => {
+    const A = C.current, I = tt.current;
+    I && A.pointerId !== null && I.hasPointerCapture(A.pointerId) && I.releasePointerCapture(A.pointerId), A.isDrawing = !1, A.pointerId = null, A.start = null, A.current = null, A.points = [], A.screenPoints = [], A.stampCenter = null, b || (A.cursor = null, A.cursorScreen = null);
   }, []), Bt = V(
     (b) => {
       const A = a.current;
       if (!A || t <= 0 || n <= 0) return null;
-      const T = $t(A.screenToWorld(b.clientX, b.clientY));
-      return T ? Qe(T, t, n) : null;
+      const I = $t(A.screenToWorld(b.clientX, b.clientY));
+      return I ? Qe(I, t, n) : null;
     },
     [a, t, n]
-  ), z = V((b) => {
-    const A = et.current;
+  ), zt = V((b) => {
+    const A = tt.current;
     if (!A) return null;
-    const T = A.getBoundingClientRect(), D = _(b.clientX - T.left, 0, T.width), Z = _(b.clientY - T.top, 0, T.height);
+    const I = A.getBoundingClientRect(), D = _(b.clientX - I.left, 0, I.width), Z = _(b.clientY - I.top, 0, I.height);
     return !Number.isFinite(D) || !Number.isFinite(Z) ? null : [D, Z];
-  }, []), K = V(() => {
-    const b = v.current;
+  }, []), k = V(() => {
+    const b = C.current;
     if (!b.isDrawing) {
-      Ft(!0), X();
+      Tt(!0), X();
       return;
     }
     let A = [];
     if (e === "freehand")
       b.points.length >= fs && (A = Vt(b.points));
     else if (e === "rectangle")
-      A = Rn(b.start, b.current, Q());
+      A = Rn(b.start, b.current, K());
     else if (e === "circular")
       A = Er(b.start, b.current);
     else if (e === "brush") {
-      const T = b.points[b.points.length - 1] ?? b.current ?? b.start;
-      if (H.clickSelectRoi && T && b.points.length <= 1 && l?.(T)) {
-        Ft(!0), X();
+      const I = b.points[b.points.length - 1] ?? b.current ?? b.start;
+      if (ut.clickSelectRoi && I && b.points.length <= 1 && l?.(I)) {
+        Tt(!0), X();
         return;
       }
-      const D = Math.max(0.25, H.edgeDetail), Z = b.screenPoints.length > 0 ? b.screenPoints : St(b.points), xt = Math.max(0.5, H.radius * 0.04 / D), st = cs(Z, {
-        radius: H.radius,
+      const D = Math.max(0.25, ut.edgeDetail), Z = b.screenPoints.length > 0 ? b.screenPoints : Et(b.points), wt = Math.max(0.5, ut.radius * 0.04 / D), st = cs(Z, {
+        radius: ut.radius,
         circleSides: Math.max(16, Math.round(32 * D)),
-        simplifyTolerance: xt,
-        smoothingPasses: H.edgeSmoothing
-      }), gt = [];
-      for (const Tt of st) {
-        const Lt = G(Tt);
-        Lt && gt.push(Lt);
+        simplifyTolerance: wt,
+        smoothingPasses: ut.edgeSmoothing
+      }), yt = [];
+      for (const It of st) {
+        const Ft = G(It);
+        Ft && yt.push(Ft);
       }
-      A = Vt(gt);
+      A = Vt(yt);
     }
     (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && Mr(A) && c && c({
       tool: e,
@@ -2877,72 +2791,72 @@ function ia({
       coordinates: A,
       bbox: wr(A),
       areaPx: Ge(A)
-    }), Ft(!0), X();
+    }), Tt(!0), X();
   }, [
     e,
     c,
-    Ft,
+    Tt,
     X,
-    St,
+    Et,
     G,
-    Q,
-    H.radius,
-    H.edgeDetail,
-    H.edgeSmoothing,
-    H.clickSelectRoi,
+    K,
+    ut.radius,
+    ut.edgeDetail,
+    ut.edgeSmoothing,
+    ut.clickSelectRoi,
     l
-  ]), tt = V(
+  ]), H = V(
     (b, A) => {
-      const T = rt(b, A);
-      if (!Mr(T)) return;
+      const I = et(b, A);
+      if (!Mr(I)) return;
       const D = b === "stamp-rectangle-4096px" ? "patch" : "roi", Z = {
         tool: b,
         intent: D,
-        coordinates: T,
-        bbox: wr(T),
-        areaPx: Ge(T)
+        coordinates: I,
+        bbox: wr(I),
+        areaPx: Ge(I)
       };
       c?.(Z), D === "patch" && f && f(Z);
     },
-    [rt, c, f]
-  ), nt = V(
-    (b, A, T) => {
-      const D = Math.max(Is, H.radius * 0.1), Z = D * D, xt = b.screenPoints[b.screenPoints.length - 1];
-      if (!xt) {
-        b.points.push(A), b.screenPoints.push(T), b.current = A;
+    [et, c, f]
+  ), $ = V(
+    (b, A, I) => {
+      const D = Math.max(Is, ut.radius * 0.1), Z = D * D, wt = b.screenPoints[b.screenPoints.length - 1];
+      if (!wt) {
+        b.points.push(A), b.screenPoints.push(I), b.current = A;
         return;
       }
-      const st = T[0] - xt[0], gt = T[1] - xt[1];
-      st * st + gt * gt >= Z ? (b.points.push(A), b.screenPoints.push(T)) : (b.points[b.points.length - 1] = A, b.screenPoints[b.screenPoints.length - 1] = T), b.current = A;
+      const st = I[0] - wt[0], yt = I[1] - wt[1];
+      st * st + yt * yt >= Z ? (b.points.push(A), b.screenPoints.push(I)) : (b.points[b.points.length - 1] = A, b.screenPoints[b.screenPoints.length - 1] = I), b.current = A;
     },
-    [H.radius]
-  ), Rt = V(
+    [ut.radius]
+  ), ot = V(
     (b) => {
-      if (!O || e === "cursor" || b.button !== 0) return;
+      if (!U || e === "cursor" || b.button !== 0) return;
       const A = Bt(b);
       if (!A) return;
-      const T = z(b);
-      if (!T) return;
+      const I = zt(b);
+      if (!I) return;
       if (b.preventDefault(), b.stopPropagation(), Ne(e)) {
-        const xt = v.current;
-        xt.stampCenter = A, tt(e, A), X();
+        const wt = C.current;
+        wt.stampCenter = A, H(e, A), X();
         return;
       }
-      const D = et.current;
+      const D = tt.current;
       D && D.setPointerCapture(b.pointerId);
-      const Z = v.current;
-      Z.isDrawing = !0, Z.pointerId = b.pointerId, Z.start = A, Z.current = A, Z.cursor = A, Z.cursorScreen = T, Z.points = e === "freehand" || e === "brush" ? [A] : [], Z.screenPoints = e === "brush" ? [T] : [], X();
+      const Z = C.current;
+      Z.isDrawing = !0, Z.pointerId = b.pointerId, Z.start = A, Z.current = A, Z.cursor = A, Z.cursorScreen = I, Z.points = e === "freehand" || e === "brush" ? [A] : [], Z.screenPoints = e === "brush" ? [I] : [], X();
     },
-    [O, e, Bt, z, tt, X]
-  ), At = V(
+    [U, e, Bt, zt, H, X]
+  ), bt = V(
     (b) => {
-      if (!O || e === "cursor") return;
+      if (!U || e === "cursor") return;
       const A = Bt(b);
       if (!A) return;
-      const T = z(b);
-      if (!T) return;
-      const D = v.current;
-      if (D.cursor = A, D.cursorScreen = T, Ne(e)) {
+      const I = zt(b);
+      if (!I) return;
+      const D = C.current;
+      if (D.cursor = A, D.cursorScreen = I, Ne(e)) {
         D.stampCenter = A, b.preventDefault(), b.stopPropagation(), X();
         return;
       }
@@ -2951,92 +2865,92 @@ function ia({
           X();
           return;
         }
-        b.preventDefault(), b.stopPropagation(), nt(D, A, T), X();
+        b.preventDefault(), b.stopPropagation(), $(D, A, I), X();
         return;
       }
       if (!(!D.isDrawing || D.pointerId !== b.pointerId)) {
         if (b.preventDefault(), b.stopPropagation(), e === "freehand") {
-          const Z = a.current, xt = Math.max(1e-6, Z?.getViewState?.().zoom ?? 1), st = hs / xt, gt = st * st, Tt = D.points[D.points.length - 1];
-          if (!Tt)
+          const Z = a.current, wt = Math.max(1e-6, Z?.getViewState?.().zoom ?? 1), st = hs / wt, yt = st * st, It = D.points[D.points.length - 1];
+          if (!It)
             D.points.push(A);
           else {
-            const Lt = A[0] - Tt[0], kt = A[1] - Tt[1];
-            Lt * Lt + kt * kt >= gt && D.points.push(A);
+            const Ft = A[0] - It[0], kt = A[1] - It[1];
+            Ft * Ft + kt * kt >= yt && D.points.push(A);
           }
         } else
           D.current = A;
         X();
       }
     },
-    [O, e, Bt, z, X, a, nt]
-  ), vt = V(
+    [U, e, Bt, zt, X, a, $]
+  ), pt = V(
     (b) => {
-      const A = v.current;
+      const A = C.current;
       if (!A.isDrawing || A.pointerId !== b.pointerId) return;
       b.preventDefault(), b.stopPropagation();
-      const T = Bt(b), D = z(b);
-      T && (A.cursor = T, D && (A.cursorScreen = D), e === "brush" ? D && nt(A, T, D) : A.current = T);
-      const Z = et.current;
-      Z && Z.hasPointerCapture(b.pointerId) && Z.releasePointerCapture(b.pointerId), K();
+      const I = Bt(b), D = zt(b);
+      I && (A.cursor = I, D && (A.cursorScreen = D), e === "brush" ? D && $(A, I, D) : A.current = I);
+      const Z = tt.current;
+      Z && Z.hasPointerCapture(b.pointerId) && Z.releasePointerCapture(b.pointerId), k();
     },
-    [K, Bt, z, e, nt]
+    [k, Bt, zt, e, $]
   ), Ut = V(() => {
-    const b = v.current;
+    const b = C.current;
     let A = !1;
     e === "brush" && !b.isDrawing && b.cursor && (b.cursor = null, b.cursorScreen = null, A = !0), Ne(e) && b.stampCenter && (b.stampCenter = null, A = !0), A && X();
   }, [e, X]);
-  return U(() => {
-    Pt(), X();
-    const b = et.current;
+  return z(() => {
+    vt(), X();
+    const b = tt.current;
     if (!b) return;
     const A = new ResizeObserver(() => {
-      Pt(), X();
+      vt(), X();
     });
     return A.observe(b), () => {
       A.disconnect();
     };
-  }, [Pt, X]), U(() => sn(() => {
-    Pt(), X();
-  }), [Pt, X]), U(() => {
-    O || Ft(), X();
-  }, [O, X, Ft]), U(() => {
-    L.current !== e && (L.current = e, Ft(), X());
-  }, [e, Ft, X]), U(() => {
+  }, [vt, X]), z(() => sn(() => {
+    vt(), X();
+  }), [vt, X]), z(() => {
+    U || Tt(), X();
+  }, [U, X, Tt]), z(() => {
+    L.current !== e && (L.current = e, Tt(), X());
+  }, [e, Tt, X]), z(() => {
     X();
-  }, [h, lt, B, X]), U(() => {
-    if (N)
-      return N.current = X, () => {
-        N.current === X && (N.current = null);
+  }, [h, lt, B, X]), z(() => {
+    if (F)
+      return F.current = X, () => {
+        F.current === X && (F.current = null);
       };
-  }, [N, X]), U(() => {
-    if (!O) return;
+  }, [F, X]), z(() => {
+    if (!U) return;
     const b = (A) => {
-      A.key === "Escape" && (Ft(), X());
+      A.key === "Escape" && (Tt(), X());
     };
     return window.addEventListener("keydown", b), () => {
       window.removeEventListener("keydown", b);
     };
-  }, [O, Ft, X]), /* @__PURE__ */ Qt(
+  }, [U, Tt, X]), /* @__PURE__ */ Qt(
     "canvas",
     {
-      ref: et,
-      className: ut,
-      style: It,
-      onPointerDown: Rt,
-      onPointerMove: At,
-      onPointerUp: vt,
-      onPointerCancel: vt,
+      ref: tt,
+      className: xt,
+      style: it,
+      onPointerDown: ot,
+      onPointerMove: bt,
+      onPointerUp: pt,
+      onPointerCancel: pt,
       onPointerLeave: Ut,
       onContextMenu: (b) => {
-        O && b.preventDefault();
+        U && b.preventDefault();
       },
       onWheel: (b) => {
-        if (!O) return;
-        const A = et.current, T = a.current, D = typeof T?.handleWheelZoom == "function", Z = typeof T?.zoomBy == "function";
+        if (!U) return;
+        const A = tt.current, I = a.current, D = typeof I?.handleWheelZoom == "function", Z = typeof I?.zoomBy == "function";
         if (!A || !D && !Z) return;
         b.preventDefault(), b.stopPropagation();
-        const xt = A.getBoundingClientRect(), st = b.clientX - xt.left, gt = b.clientY - xt.top;
-        D ? T.handleWheelZoom?.(b.deltaY, st, gt) : T.zoomBy?.(b.deltaY < 0 ? ps : ys, st, gt), X();
+        const wt = A.getBoundingClientRect(), st = b.clientX - wt.left, yt = b.clientY - wt.top;
+        D ? I.handleWheelZoom?.(b.deltaY, st, yt) : I.zoomBy?.(b.deltaY < 0 ? ps : ys, st, yt), X();
       }
     }
   );
@@ -3050,7 +2964,7 @@ function pe() {
 }
 function iu({ tool: e = "cursor", stampOptions: t, brushOptions: n, fillColor: r, areaTooltip: i, onComplete: o, onPatchComplete: s, onBrushTap: a }) {
   const { source: l, rendererRef: c, rendererSerial: f, setInteractionLock: u } = pe(), h = e !== "cursor";
-  U(() => (u("drawing-layer", h), () => u("drawing-layer", !1)), [h, u]);
+  z(() => (u("drawing-layer", h), () => u("drawing-layer", !1)), [h, u]);
   const d = at(() => c.current?.getViewState(), [f]);
   return l ? /* @__PURE__ */ Qt(
     ia,
@@ -3293,10 +3207,10 @@ class ha {
     if (!u || !h || !d || !m || !g || !y || !p || !x || !E || !w || !P || !R || !B)
       throw new Error("Failed to resolve heatmap WebGL uniforms.");
     this.uAccumResolution = u, this.uAccumPointSize = h, this.uAccumCoreRatio = d, this.uAccumPointAlpha = m, this.uColorAccumTexture = g, this.uColorGradientTexture = y, this.uColorOpacity = p, this.uColorCutoff = x, this.uColorGain = E, this.uColorGamma = w, this.uColorBias = P, this.uColorStretch = R, this.uColorResolution = B, t.bindVertexArray(this.accumVao), t.bindBuffer(t.ARRAY_BUFFER, this.pointBuffer), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
-    const k = t.getAttribLocation(this.accumProgram, "aCenter"), Y = t.getAttribLocation(this.accumProgram, "aWeight");
-    if (k < 0 || Y < 0)
+    const N = t.getAttribLocation(this.accumProgram, "aCenter"), Y = t.getAttribLocation(this.accumProgram, "aWeight");
+    if (N < 0 || Y < 0)
       throw new Error("Failed to resolve heatmap WebGL attributes.");
-    t.enableVertexAttribArray(k), t.vertexAttribPointer(k, 2, t.FLOAT, !1, 12, 0), t.enableVertexAttribArray(Y), t.vertexAttribPointer(Y, 1, t.FLOAT, !1, 12, 8), t.bindVertexArray(null), t.bindVertexArray(this.colorVao), t.bindBuffer(t.ARRAY_BUFFER, this.quadBuffer), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
+    t.enableVertexAttribArray(N), t.vertexAttribPointer(N, 2, t.FLOAT, !1, 12, 0), t.enableVertexAttribArray(Y), t.vertexAttribPointer(Y, 1, t.FLOAT, !1, 12, 8), t.bindVertexArray(null), t.bindVertexArray(this.colorVao), t.bindBuffer(t.ARRAY_BUFFER, this.quadBuffer), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
       -1,
       -1,
       1,
@@ -3707,28 +3621,28 @@ function Fr(e) {
   if (!w || !P)
     return 0;
   const R = a.kernelRadiusPx + a.blurRadiusPx, B = Ia(f);
-  let k = 0;
+  let N = 0;
   for (let M = 0; M < c.length; M += 1) {
-    const C = c[M];
-    if (!Na(C, f)) continue;
-    const F = l.xs[C], I = l.ys[C];
-    if (!Number.isFinite(F) || !Number.isFinite(I)) continue;
-    const W = r.worldToScreen(F, I);
+    const T = c[M];
+    if (!Na(T, f)) continue;
+    const O = l.xs[T], v = l.ys[T];
+    if (!Number.isFinite(O) || !Number.isFinite(v)) continue;
+    const W = r.worldToScreen(O, v);
     if (!Array.isArray(W) || W.length < 2) continue;
-    const j = Number(W[0]), N = Number(W[1]);
-    if (!Number.isFinite(j) || !Number.isFinite(N)) continue;
-    const ut = j * a.rasterScaleX, pt = N * a.rasterScaleY;
-    if (ut < -R || pt < -R || ut > a.rasterWidth + R || pt > a.rasterHeight + R)
+    const J = Number(W[0]), F = Number(W[1]);
+    if (!Number.isFinite(J) || !Number.isFinite(F)) continue;
+    const xt = J * a.rasterScaleX, ft = F * a.rasterScaleY;
+    if (xt < -R || ft < -R || xt > a.rasterWidth + R || ft > a.rasterHeight + R)
       continue;
-    const et = k * 2;
-    w[et] = ut, w[et + 1] = pt, P[k] = Math.max(0, (l.ws[C] ?? 0) * B), k += 1;
+    const tt = N * 2;
+    w[tt] = xt, w[tt + 1] = ft, P[N] = Math.max(0, (l.ws[T] ?? 0) * B), N += 1;
   }
-  return k <= 0 || !x.render({
+  return N <= 0 || !x.render({
     width: a.rasterWidth,
     height: a.rasterHeight,
     positions: w,
     weights: P,
-    count: k,
+    count: N,
     kernelRadiusPx: a.kernelRadiusPx,
     blurRadiusPx: a.blurRadiusPx,
     pointAlpha: h,
@@ -3739,7 +3653,7 @@ function Fr(e) {
     gamma: Li(g),
     bias: Di(g),
     stretch: Ni(g, a.rawZoom, i)
-  }) ? 0 : (t.save(), p.length > 0 && Ba(t, r, p), y && (t.fillStyle = y, t.fillRect(0, 0, o, s)), t.globalAlpha = 1, t.imageSmoothingEnabled = !0, t.drawImage(x.canvas, 0, 0, a.rasterWidth, a.rasterHeight, 0, 0, o, s), t.restore(), k);
+  }) ? 0 : (t.save(), p.length > 0 && Ba(t, r, p), y && (t.fillStyle = y, t.fillRect(0, 0, o, s)), t.globalAlpha = 1, t.imageSmoothingEnabled = !0, t.drawImage(x.canvas, 0, 0, a.rasterWidth, a.rasterHeight, 0, 0, o, s), t.restore(), N);
 }
 function ka(e) {
   const { ctx: t, runtime: n, renderer: r, source: i, logicalWidth: o, logicalHeight: s, state: a } = e, l = Wi(n, a.data, a.clipPolygons, a.clipKey, i);
@@ -3877,8 +3791,8 @@ function ou({
   onStats: m
 }) {
   const { rendererRef: g, source: y, registerDrawCallback: p, unregisterDrawCallback: x, requestOverlayRedraw: E } = pe(), w = at(() => {
-    const k = (u ?? []).map((Y) => Ce(Y?.coordinates)).filter((Y) => Y != null);
-    return ge(k);
+    const N = (u ?? []).map((Y) => Ce(Y?.coordinates)).filter((Y) => Y != null);
+    return ge(N);
   }, [u]), P = at(() => Bi(w), [w]), R = q({
     sourceData: null,
     fixedState: null,
@@ -3926,44 +3840,44 @@ function ou({
     clipKey: P,
     maxRenderedPoints: Math.max(Mn, Math.floor(d)),
     onStats: m
-  }, U(() => (p(Tr, h, (Y, M, C) => {
-    const F = B.current, I = R.current, W = g.current;
-    if (!F.visible || !F.data || !W || !y) return;
-    const j = Wi(I, F.data, F.clipPolygons, F.clipKey, y);
-    if (!j) return;
-    F.scaleMode === "fixed-zoom" && (!I.fixedState || !Vn(I.fixedState, F.data, F.clipKey) || F.fixedZoom !== void 0 && Math.abs(I.fixedState.referenceZoom - F.fixedZoom) > 1e-6) ? I.fixedState = Ua({
-      sourceData: j,
+  }, z(() => (p(Tr, h, (Y, M, T) => {
+    const O = B.current, v = R.current, W = g.current;
+    if (!O.visible || !O.data || !W || !y) return;
+    const J = Wi(v, O.data, O.clipPolygons, O.clipKey, y);
+    if (!J) return;
+    O.scaleMode === "fixed-zoom" && (!v.fixedState || !Vn(v.fixedState, O.data, O.clipKey) || O.fixedZoom !== void 0 && Math.abs(v.fixedState.referenceZoom - O.fixedZoom) > 1e-6) ? v.fixedState = Ua({
+      sourceData: J,
       renderer: W,
       source: y,
       logicalWidth: M,
-      logicalHeight: C,
-      radius: F.radius,
-      blur: F.blur,
-      fixedZoom: F.fixedZoom,
-      zoomThreshold: F.zoomThreshold,
-      densityContrast: F.densityContrast,
-      maxRenderedPoints: F.maxRenderedPoints
-    }) : F.scaleMode !== "fixed-zoom" && (I.fixedState = null);
-    const ut = performance.now(), pt = ka({
+      logicalHeight: T,
+      radius: O.radius,
+      blur: O.blur,
+      fixedZoom: O.fixedZoom,
+      zoomThreshold: O.zoomThreshold,
+      densityContrast: O.densityContrast,
+      maxRenderedPoints: O.maxRenderedPoints
+    }) : O.scaleMode !== "fixed-zoom" && (v.fixedState = null);
+    const xt = performance.now(), ft = ka({
       ctx: Y,
-      runtime: I,
+      runtime: v,
       renderer: W,
       source: y,
       logicalWidth: M,
-      logicalHeight: C,
-      state: F
+      logicalHeight: T,
+      state: O
     });
-    !pt || !F.onStats || F.onStats({
-      ...pt,
-      renderTimeMs: performance.now() - ut
+    !ft || !O.onStats || O.onStats({
+      ...ft,
+      renderTimeMs: performance.now() - xt
     });
   }), () => {
     x(Tr), R.current.sourceData = null, R.current.fixedState = null, R.current.screenLevelIndex = -1, R.current.screenSecondaryLevelIndex = -1, R.current.screenSecondaryLevelWeight = 0, R.current.screenPointAlpha = 0, R.current.screenNormalizationMaxWeight = 1, R.current.screenVisibilityStrength = 1, R.current.webgl?.destroy(), R.current.webgl = void 0, R.current.webglPositions = null, R.current.webglWeights = null, R.current.webglCapacity = 0;
-  }), [p, x, g, y, h]), U(() => {
+  }), [p, x, g, y, h]), z(() => {
     R.current.sourceData = null, R.current.fixedState = null, R.current.screenLevelIndex = -1, R.current.screenSecondaryLevelIndex = -1, R.current.screenSecondaryLevelWeight = 0, R.current.screenPointAlpha = 0, R.current.screenNormalizationMaxWeight = 1, R.current.screenVisibilityStrength = 1, E();
-  }, [e?.positions, e?.weights, e?.count, P, E]), U(() => {
+  }, [e?.positions, e?.weights, e?.count, P, E]), z(() => {
     R.current.fixedState = null, R.current.screenSecondaryLevelIndex = -1, R.current.screenSecondaryLevelWeight = 0, R.current.screenPointAlpha = 0, R.current.screenNormalizationMaxWeight = 1, R.current.screenVisibilityStrength = 1, E();
-  }, [r, i, a, l, c, f, d, E]), U(() => {
+  }, [r, i, a, l, c, f, d, E]), z(() => {
     E();
   }, [t, n, o, s, E]), null;
 }
@@ -4001,7 +3915,7 @@ function au({ shapes: e }) {
     },
     []
   ), l = q({ shapes: e, worldToScreenPoints: a, source: r });
-  return l.current = { shapes: e, worldToScreenPoints: a, source: r }, U(() => (i(Lr, 30, (f) => {
+  return l.current = { shapes: e, worldToScreenPoints: a, source: r }, z(() => (i(Lr, 30, (f) => {
     const { shapes: u, worldToScreenPoints: h, source: d } = l.current;
     if (!Array.isArray(u) || u.length === 0 || !d) return;
     const m = h(
@@ -4019,7 +3933,7 @@ function au({ shapes: e }) {
       worldToScreenPoints: h,
       baseStrokeStyle: jt
     });
-  }), () => o(Lr)), [i, o]), U(() => {
+  }), () => o(Lr)), [i, o]), z(() => {
     s();
   }, [n, e, r, s]), null;
 }
@@ -4250,7 +4164,7 @@ function uu({ source: e, projectorRef: t, authToken: n = "", options: r, invalid
   const a = q(null), l = q(null), c = q(null), f = q({
     active: !1,
     pointerId: null
-  }), u = q(null), h = q(!1), d = he(r?.width, Xt.width, 64), m = he(r?.height, Xt.height, 48), g = he(r?.margin, Xt.margin, 0), y = he(r?.borderRadius, Xt.borderRadius, 0), p = he(r?.borderWidth, Xt.borderWidth, 0), x = Math.max(1, Math.round(he(r?.maxThumbnailTiles, Xt.maxThumbnailTiles, 1))), E = r?.backgroundColor || Xt.backgroundColor, w = r?.borderColor || Xt.borderColor, P = r?.viewportBorderColor || Xt.viewportBorderColor, R = r?.viewportBorderStyle === "stroke" || r?.viewportBorderStyle === "dash" ? r.viewportBorderStyle : Xt.viewportBorderStyle, B = r?.viewportFillColor ?? Xt.viewportFillColor, k = r?.interactive ?? Xt.interactive, Y = r?.showThumbnail ?? Xt.showThumbnail, M = r?.position || Xt.position, C = r?.onClose, F = r?.closeIcon, I = r?.closeButtonStyle, W = at(() => {
+  }), u = q(null), h = q(!1), d = he(r?.width, Xt.width, 64), m = he(r?.height, Xt.height, 48), g = he(r?.margin, Xt.margin, 0), y = he(r?.borderRadius, Xt.borderRadius, 0), p = he(r?.borderWidth, Xt.borderWidth, 0), x = Math.max(1, Math.round(he(r?.maxThumbnailTiles, Xt.maxThumbnailTiles, 1))), E = r?.backgroundColor || Xt.backgroundColor, w = r?.borderColor || Xt.borderColor, P = r?.viewportBorderColor || Xt.viewportBorderColor, R = r?.viewportBorderStyle === "stroke" || r?.viewportBorderStyle === "dash" ? r.viewportBorderStyle : Xt.viewportBorderStyle, B = r?.viewportFillColor ?? Xt.viewportFillColor, N = r?.interactive ?? Xt.interactive, Y = r?.showThumbnail ?? Xt.showThumbnail, M = r?.position || Xt.position, T = r?.onClose, O = r?.closeIcon, v = r?.closeButtonStyle, W = at(() => {
     const L = {};
     return M === "top-left" || M === "bottom-left" ? L.left = g : L.right = g, M === "top-left" || M === "top-right" ? L.top = g : L.bottom = g, {
       position: "absolute",
@@ -4260,173 +4174,173 @@ function uu({ source: e, projectorRef: t, authToken: n = "", options: r, invalid
       borderRadius: y,
       overflow: "hidden",
       zIndex: 4,
-      pointerEvents: k ? "auto" : "none",
+      pointerEvents: N ? "auto" : "none",
       touchAction: "none",
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...s
     };
-  }, [g, M, d, m, y, k, s]), j = V(() => {
+  }, [g, M, d, m, y, N, s]), J = V(() => {
     const L = a.current;
     if (!L) return;
-    const v = L.getContext("2d");
-    if (!v) return;
-    const O = d, lt = m, $ = Math.max(1, window.devicePixelRatio || 1), bt = Math.max(1, Math.round(O * $)), ft = Math.max(1, Math.round(lt * $));
-    (L.width !== bt || L.height !== ft) && (L.width = bt, L.height = ft), v.setTransform(1, 0, 0, 1, 0, 0), v.clearRect(0, 0, L.width, L.height), v.setTransform($, 0, 0, $, 0, 0), v.fillStyle = E, v.fillRect(0, 0, O, lt);
-    const it = t.current, Nt = Tn(it?.getInitialRotationDeg?.()), dt = Wr(e.width, e.height, O, lt, Nt), { contentX: wt, contentY: yt, contentWidth: ot, contentHeight: ct, metrics: ht } = dt, H = l.current;
-    H && (v.save(), v.beginPath(), v.rect(wt, yt, ot, ct), v.clip(), v.translate(wt, yt), v.scale(ot / ht.width, ct / ht.height), v.transform(ht.cos, -ht.sin, ht.sin, ht.cos, ht.translateX - ht.minX, ht.translateY - ht.minY), v.drawImage(H, 0, 0, e.width, e.height), v.restore()), v.strokeStyle = w, v.lineWidth = p, v.strokeRect(p * 0.5, p * 0.5, O - p, lt - p);
-    const It = it?.getViewBounds?.(), Pt = it?.getViewCorners?.(), St = Array.isArray(Pt) && Pt.length >= 4 && Pt.every((J) => Array.isArray(J) && J.length >= 2 && Number.isFinite(J[0]) && Number.isFinite(J[1])) ? Pt : null, G = xe(It) ? It : xe(c.current) ? c.current : null;
-    xe(It) && (c.current = It);
-    const Q = R === "dash";
-    if (St) {
-      const J = St.map((X) => Yr(X[0], X[1], dt)), Mt = Or(J, wt, yt, wt + ot, yt + ct);
+    const C = L.getContext("2d");
+    if (!C) return;
+    const U = d, lt = m, dt = Math.max(1, window.devicePixelRatio || 1), j = Math.max(1, Math.round(U * dt)), ht = Math.max(1, Math.round(lt * dt));
+    (L.width !== j || L.height !== ht) && (L.width = j, L.height = ht), C.setTransform(1, 0, 0, 1, 0, 0), C.clearRect(0, 0, L.width, L.height), C.setTransform(dt, 0, 0, dt, 0, 0), C.fillStyle = E, C.fillRect(0, 0, U, lt);
+    const rt = t.current, Dt = Tn(rt?.getInitialRotationDeg?.()), Rt = Wr(e.width, e.height, U, lt, Dt), { contentX: mt, contentY: At, contentWidth: nt, contentHeight: ct, metrics: gt } = Rt, ut = l.current;
+    ut && (C.save(), C.beginPath(), C.rect(mt, At, nt, ct), C.clip(), C.translate(mt, At), C.scale(nt / gt.width, ct / gt.height), C.transform(gt.cos, -gt.sin, gt.sin, gt.cos, gt.translateX - gt.minX, gt.translateY - gt.minY), C.drawImage(ut, 0, 0, e.width, e.height), C.restore()), C.strokeStyle = w, C.lineWidth = p, C.strokeRect(p * 0.5, p * 0.5, U - p, lt - p);
+    const it = rt?.getViewBounds?.(), vt = rt?.getViewCorners?.(), Et = Array.isArray(vt) && vt.length >= 4 && vt.every((Q) => Array.isArray(Q) && Q.length >= 2 && Number.isFinite(Q[0]) && Number.isFinite(Q[1])) ? vt : null, G = xe(it) ? it : xe(c.current) ? c.current : null;
+    xe(it) && (c.current = it);
+    const K = R === "dash";
+    if (Et) {
+      const Q = Et.map((X) => Yr(X[0], X[1], Rt)), Mt = Or(Q, mt, At, mt + nt, At + ct);
       if (Mt.length >= 3) {
-        v.beginPath();
+        C.beginPath();
         for (let X = 0; X < Mt.length; X += 1)
-          X === 0 ? v.moveTo(Mt[X][0], Mt[X][1]) : v.lineTo(Mt[X][0], Mt[X][1]);
-        v.closePath(), v.fillStyle = B, v.fill(), v.strokeStyle = P, v.lineWidth = 2.25, Q ? Nr(v, Mt, 4, 3) : v.stroke();
+          X === 0 ? C.moveTo(Mt[X][0], Mt[X][1]) : C.lineTo(Mt[X][0], Mt[X][1]);
+        C.closePath(), C.fillStyle = B, C.fill(), C.strokeStyle = P, C.lineWidth = 2.25, K ? Nr(C, Mt, 4, 3) : C.stroke();
         return;
       }
     }
     if (!G)
       return;
-    const mt = Ga(G).map((J) => Yr(J[0], J[1], dt)), rt = Or(mt, wt, yt, wt + ot, yt + ct);
-    if (!(rt.length < 3)) {
-      v.beginPath();
-      for (let J = 0; J < rt.length; J += 1)
-        J === 0 ? v.moveTo(rt[J][0], rt[J][1]) : v.lineTo(rt[J][0], rt[J][1]);
-      v.closePath(), v.fillStyle = B, v.fill(), v.strokeStyle = P, v.lineWidth = 2.25, Q ? Nr(v, rt, 4, 3) : v.stroke();
-    }
-  }, [d, m, E, w, p, t, e.width, e.height, B, P, R]), N = V(() => {
+    const St = Ga(G).map((Q) => Yr(Q[0], Q[1], Rt)), et = Or(St, mt, At, mt + nt, At + ct);
+    if (!(et.length < 3)) {
+      C.beginPath();
+      for (let Q = 0; Q < et.length; Q += 1)
+        Q === 0 ? C.moveTo(et[Q][0], et[Q][1]) : C.lineTo(et[Q][0], et[Q][1]);
+      C.closePath(), C.fillStyle = B, C.fill(), C.strokeStyle = P, C.lineWidth = 2.25, K ? Nr(C, et, 4, 3) : C.stroke();
+    }
+  }, [d, m, E, w, p, t, e.width, e.height, B, P, R]), F = V(() => {
     h.current || (h.current = !0, u.current = requestAnimationFrame(() => {
-      h.current = !1, u.current = null, j();
+      h.current = !1, u.current = null, J();
     }));
-  }, [j]), ut = V(
-    (L, v) => {
-      const O = a.current;
-      if (!O) return null;
-      const lt = O.getBoundingClientRect();
+  }, [J]), xt = V(
+    (L, C) => {
+      const U = a.current;
+      if (!U) return null;
+      const lt = U.getBoundingClientRect();
       if (!lt.width || !lt.height) return null;
-      const $ = t.current, bt = Tn($?.getInitialRotationDeg?.()), ft = Wr(e.width, e.height, d, m, bt), it = lt.width / d, Nt = lt.height / m, dt = ft.contentX * it, wt = ft.contentY * Nt, yt = ft.contentWidth * it, ot = ft.contentHeight * Nt, ct = _((L - lt.left - dt) / yt, 0, 1), ht = _((v - lt.top - wt) / ot, 0, 1);
-      return Va(ct * ft.metrics.width, ht * ft.metrics.height, ft, e.width, e.height);
+      const dt = t.current, j = Tn(dt?.getInitialRotationDeg?.()), ht = Wr(e.width, e.height, d, m, j), rt = lt.width / d, Dt = lt.height / m, Rt = ht.contentX * rt, mt = ht.contentY * Dt, At = ht.contentWidth * rt, nt = ht.contentHeight * Dt, ct = _((L - lt.left - Rt) / At, 0, 1), gt = _((C - lt.top - mt) / nt, 0, 1);
+      return Va(ct * ht.metrics.width, gt * ht.metrics.height, ht, e.width, e.height);
     },
     [t, e.width, e.height, d, m]
-  ), pt = V(
-    (L, v) => {
-      const O = t.current;
-      if (!O) return;
-      if (O.setViewCenter) {
-        O.setViewCenter(L, v), N();
+  ), ft = V(
+    (L, C) => {
+      const U = t.current;
+      if (!U) return;
+      if (U.setViewCenter) {
+        U.setViewCenter(L, C), F();
         return;
       }
-      const lt = O.getViewBounds?.(), $ = xe(lt) ? lt : xe(c.current) ? c.current : null;
-      if (!$) return;
-      const bt = Math.max(1e-6, $[2] - $[0]), ft = Math.max(1e-6, $[3] - $[1]);
-      O.setViewState({
-        offsetX: L - bt * 0.5,
-        offsetY: v - ft * 0.5
-      }), N();
+      const lt = U.getViewBounds?.(), dt = xe(lt) ? lt : xe(c.current) ? c.current : null;
+      if (!dt) return;
+      const j = Math.max(1e-6, dt[2] - dt[0]), ht = Math.max(1e-6, dt[3] - dt[1]);
+      U.setViewState({
+        offsetX: L - j * 0.5,
+        offsetY: C - ht * 0.5
+      }), F();
     },
-    [t, N]
-  ), et = V(
+    [t, F]
+  ), tt = V(
     (L) => {
-      if (!k || L.button !== 0) return;
-      const v = a.current;
-      if (!v) return;
-      const O = ut(L.clientX, L.clientY);
-      O && (L.preventDefault(), L.stopPropagation(), v.setPointerCapture(L.pointerId), f.current = { active: !0, pointerId: L.pointerId }, pt(O[0], O[1]));
+      if (!N || L.button !== 0) return;
+      const C = a.current;
+      if (!C) return;
+      const U = xt(L.clientX, L.clientY);
+      U && (L.preventDefault(), L.stopPropagation(), C.setPointerCapture(L.pointerId), f.current = { active: !0, pointerId: L.pointerId }, ft(U[0], U[1]));
     },
-    [k, ut, pt]
+    [N, xt, ft]
   ), _t = V(
     (L) => {
-      const v = f.current;
-      if (!v.active || v.pointerId !== L.pointerId) return;
-      const O = ut(L.clientX, L.clientY);
-      O && (L.preventDefault(), L.stopPropagation(), pt(O[0], O[1]));
+      const C = f.current;
+      if (!C.active || C.pointerId !== L.pointerId) return;
+      const U = xt(L.clientX, L.clientY);
+      U && (L.preventDefault(), L.stopPropagation(), ft(U[0], U[1]));
     },
-    [ut, pt]
+    [xt, ft]
   ), Ct = V(
     (L) => {
-      const v = f.current;
-      if (!v.active || v.pointerId !== L.pointerId) return;
-      const O = a.current;
-      if (O && O.hasPointerCapture(L.pointerId))
+      const C = f.current;
+      if (!C.active || C.pointerId !== L.pointerId) return;
+      const U = a.current;
+      if (U && U.hasPointerCapture(L.pointerId))
         try {
-          O.releasePointerCapture(L.pointerId);
+          U.releasePointerCapture(L.pointerId);
         } catch {
         }
-      f.current = { active: !1, pointerId: null }, N();
+      f.current = { active: !1, pointerId: null }, F();
     },
-    [N]
+    [F]
   );
-  return U(() => {
+  return z(() => {
     let L = !1;
-    l.current = null, N();
-    const v = 0, O = 2 ** (e.maxTierZoom - v), lt = Math.ceil(e.width / O), $ = Math.ceil(e.height / O), bt = Math.max(1, Math.ceil(lt / e.tileSize)), ft = Math.max(1, Math.ceil($ / e.tileSize)), it = bt * ft;
-    if (!Y || it > x)
+    l.current = null, F();
+    const C = 0, U = 2 ** (e.maxTierZoom - C), lt = Math.ceil(e.width / U), dt = Math.ceil(e.height / U), j = Math.max(1, Math.ceil(lt / e.tileSize)), ht = Math.max(1, Math.ceil(dt / e.tileSize)), rt = j * ht;
+    if (!Y || rt > x)
       return;
-    const Nt = Math.min(d / Math.max(1, e.width), m / Math.max(1, e.height)), dt = document.createElement("canvas");
-    dt.width = Math.max(1, Math.round(e.width * Nt)), dt.height = Math.max(1, Math.round(e.height * Nt));
-    const wt = dt.getContext("2d");
-    if (!wt)
+    const Dt = Math.min(d / Math.max(1, e.width), m / Math.max(1, e.height)), Rt = document.createElement("canvas");
+    Rt.width = Math.max(1, Math.round(e.width * Dt)), Rt.height = Math.max(1, Math.round(e.height * Dt));
+    const mt = Rt.getContext("2d");
+    if (!mt)
       return;
-    wt.fillStyle = E, wt.fillRect(0, 0, dt.width, dt.height);
-    const yt = [];
-    for (let ot = 0; ot < ft; ot += 1)
-      for (let ct = 0; ct < bt; ct += 1) {
-        const ht = ct * e.tileSize * O, H = ot * e.tileSize * O, It = Math.min((ct + 1) * e.tileSize, lt) * O, Pt = Math.min((ot + 1) * e.tileSize, $) * O;
-        yt.push({
-          url: Xi(e, v, ct, ot),
-          bounds: [ht, H, It, Pt]
+    mt.fillStyle = E, mt.fillRect(0, 0, Rt.width, Rt.height);
+    const At = [];
+    for (let nt = 0; nt < ht; nt += 1)
+      for (let ct = 0; ct < j; ct += 1) {
+        const gt = ct * e.tileSize * U, ut = nt * e.tileSize * U, it = Math.min((ct + 1) * e.tileSize, lt) * U, vt = Math.min((nt + 1) * e.tileSize, dt) * U;
+        At.push({
+          url: Xi(e, C, ct, nt),
+          bounds: [gt, ut, it, vt]
         });
       }
     return Promise.allSettled(
-      yt.map(async (ot) => {
-        const ct = Wa(ot.url, n), ht = await fetch(ot.url, {
+      At.map(async (nt) => {
+        const ct = Wa(nt.url, n), gt = await fetch(nt.url, {
           headers: ct ? { Authorization: n } : void 0
         });
-        if (!ht.ok)
-          throw new Error(`HTTP ${ht.status}`);
-        const H = await createImageBitmap(await ht.blob());
-        return { tile: ot, bitmap: H };
+        if (!gt.ok)
+          throw new Error(`HTTP ${gt.status}`);
+        const ut = await createImageBitmap(await gt.blob());
+        return { tile: nt, bitmap: ut };
       })
-    ).then((ot) => {
+    ).then((nt) => {
       if (L) {
-        for (const H of ot)
-          H.status === "fulfilled" && H.value.bitmap.close();
+        for (const ut of nt)
+          ut.status === "fulfilled" && ut.value.bitmap.close();
         return;
       }
-      const ct = dt.width / Math.max(1, e.width), ht = dt.height / Math.max(1, e.height);
-      for (const H of ot) {
-        if (H.status !== "fulfilled") continue;
+      const ct = Rt.width / Math.max(1, e.width), gt = Rt.height / Math.max(1, e.height);
+      for (const ut of nt) {
+        if (ut.status !== "fulfilled") continue;
         const {
-          tile: { bounds: It },
-          bitmap: Pt
-        } = H.value, St = It[0] * ct, G = It[1] * ht, Q = Math.max(1, (It[2] - It[0]) * ct), mt = Math.max(1, (It[3] - It[1]) * ht);
-        wt.drawImage(Pt, St, G, Q, mt), Pt.close();
+          tile: { bounds: it },
+          bitmap: vt
+        } = ut.value, Et = it[0] * ct, G = it[1] * gt, K = Math.max(1, (it[2] - it[0]) * ct), St = Math.max(1, (it[3] - it[1]) * gt);
+        mt.drawImage(vt, Et, G, K, St), vt.close();
       }
-      l.current = dt, N();
+      l.current = Rt, F();
     }), () => {
       L = !0;
     };
-  }, [e, n, E, d, m, Y, x, N]), U(() => {
-    N();
-  }, [N]), U(() => {
+  }, [e, n, E, d, m, Y, x, F]), z(() => {
+    F();
+  }, [F]), z(() => {
     if (t.current) return;
     let L = 0;
-    const v = () => {
+    const C = () => {
       if (t.current) {
-        N();
+        F();
         return;
       }
-      L = requestAnimationFrame(v);
+      L = requestAnimationFrame(C);
     };
-    return L = requestAnimationFrame(v), () => cancelAnimationFrame(L);
-  }, [t, N]), U(() => sn(() => N()), [N]), U(() => {
+    return L = requestAnimationFrame(C), () => cancelAnimationFrame(L);
+  }, [t, F]), z(() => sn(() => F()), [F]), z(() => {
     if (i)
-      return i.current = N, () => {
-        i.current === N && (i.current = null);
+      return i.current = F, () => {
+        i.current === F && (i.current = null);
       };
-  }, [i, N]), U(
+  }, [i, F]), z(
     () => () => {
       f.current = { active: !1, pointerId: null }, u.current !== null && (cancelAnimationFrame(u.current), u.current = null), h.current = !1;
     },
@@ -4442,7 +4356,7 @@ function uu({ source: e, projectorRef: t, authToken: n = "", options: r, invalid
           display: "block",
           borderRadius: "inherit"
         },
-        onPointerDown: et,
+        onPointerDown: tt,
         onPointerMove: _t,
         onPointerUp: Ct,
         onPointerCancel: Ct,
@@ -4454,16 +4368,16 @@ function uu({ source: e, projectorRef: t, authToken: n = "", options: r, invalid
         }
       }
     ),
-    C && /* @__PURE__ */ Qt(
+    T && /* @__PURE__ */ Qt(
       "button",
       {
         type: "button",
         "aria-label": "Hide overview map",
         onClick: (L) => {
-          L.stopPropagation(), C();
+          L.stopPropagation(), T();
         },
-        style: I ? { ...I } : { ...Za },
-        children: F ?? "×"
+        style: v ? { ...v } : { ...Za },
+        children: O ?? "×"
       }
     )
   ] });
@@ -4491,7 +4405,7 @@ function fu({ regions: e, strokeStyle: t }) {
     },
     []
   ), f = q({ prepared: l, resolvedStrokeStyle: a, worldToScreenPoints: c });
-  return f.current = { prepared: l, resolvedStrokeStyle: a, worldToScreenPoints: c }, U(() => (r(Xr, 20, (h) => {
+  return f.current = { prepared: l, resolvedStrokeStyle: a, worldToScreenPoints: c }, z(() => (r(Xr, 20, (h) => {
     const { prepared: d, resolvedStrokeStyle: m, worldToScreenPoints: g } = f.current;
     for (const y of d)
       for (const p of y.polygons) {
@@ -4502,7 +4416,7 @@ function fu({ regions: e, strokeStyle: t }) {
           w.length >= 4 && Wt(h, w, m, !0, !1);
         }
       }
-  }), () => i(Xr)), [r, i]), U(() => {
+  }), () => i(Xr)), [r, i]), z(() => {
     o();
   }, [l, a, o]), null;
 }
@@ -4725,13 +4639,13 @@ async function nl(e, t, n) {
   }
 }
 async function rl(e, t, n = {}) {
-  const r = Et(), i = n.bridgeToDraw === !0;
+  const r = Pt(), i = n.bridgeToDraw === !0;
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -4748,7 +4662,7 @@ async function rl(e, t, n = {}) {
       data: w,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -4766,7 +4680,7 @@ async function rl(e, t, n = {}) {
       data: w,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -4789,7 +4703,7 @@ async function rl(e, t, n = {}) {
       data: nn(e, t),
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !1,
         candidateCount: s,
         bridgedToDraw: !1
@@ -4816,7 +4730,7 @@ async function rl(e, t, n = {}) {
         data: P,
         meta: {
           mode: "hybrid-webgpu",
-          durationMs: Et() - r,
+          durationMs: Pt() - r,
           usedWebGpu: !0,
           candidateCount: 0,
           bridgedToDraw: !0
@@ -4832,7 +4746,7 @@ async function rl(e, t, n = {}) {
       data: w,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -4843,8 +4757,8 @@ async function rl(e, t, n = {}) {
     const w = new Uint32Array(h);
     let P = 0;
     for (let B = 0; B < h; B += 1) {
-      const k = d[B] ?? 0, Y = e.positions[k * 2], M = e.positions[k * 2 + 1];
-      Re(Y, M, o) && (w[P] = k, P += 1);
+      const N = d[B] ?? 0, Y = e.positions[N * 2], M = e.positions[N * 2 + 1];
+      Re(Y, M, o) && (w[P] = N, P += 1);
     }
     const R = {
       count: s,
@@ -4856,7 +4770,7 @@ async function rl(e, t, n = {}) {
       data: R,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Et() - r,
+        durationMs: Pt() - r,
         usedWebGpu: !0,
         candidateCount: h,
         bridgedToDraw: !0
@@ -4878,7 +4792,7 @@ async function rl(e, t, n = {}) {
     data: E,
     meta: {
       mode: "hybrid-webgpu",
-      durationMs: Et() - r,
+      durationMs: Pt() - r,
       usedWebGpu: !0,
       candidateCount: h,
       bridgedToDraw: !1
@@ -4956,7 +4870,7 @@ const Me = new Gi(
           indices: c,
           meta: {
             mode: "worker",
-            durationMs: Number.isFinite(e.durationMs) ? e.durationMs : Et() - t.startMs
+            durationMs: Number.isFinite(e.durationMs) ? e.durationMs : Pt() - t.startMs
           }
         });
         return;
@@ -4974,7 +4888,7 @@ const Me = new Gi(
         data: a,
         meta: {
           mode: "worker",
-          durationMs: Number.isFinite(e.durationMs) ? e.durationMs : Et() - t.startMs
+          durationMs: Number.isFinite(e.durationMs) ? e.durationMs : Pt() - t.startMs
         }
       });
     },
@@ -4994,7 +4908,7 @@ async function il(e, t) {
     };
   const n = ce(e), r = e.positions.slice(0, n * 2), i = e.paletteIndices.slice(0, n), o = e.fillModes instanceof Uint8Array && e.fillModes.length >= n ? e.fillModes.slice(0, n) : null, s = e.ids instanceof Uint32Array && e.ids.length >= n ? e.ids.slice(0, n) : null;
   return new Promise((a, l) => {
-    const c = Et(), f = Me.beginRequest({
+    const c = Pt(), f = Me.beginRequest({
       kind: "data",
       resolve: a,
       reject: l,
@@ -5003,7 +4917,7 @@ async function il(e, t) {
     if (!f) {
       a({
         data: nn(e, t),
-        meta: { mode: "sync", durationMs: Et() - c }
+        meta: { mode: "sync", durationMs: Pt() - c }
       });
       return;
     }
@@ -5034,7 +4948,7 @@ async function mu(e, t) {
     };
   const n = ce(e), r = e.positions.slice(0, n * 2);
   return new Promise((i, o) => {
-    const s = Et(), a = Me.beginRequest({
+    const s = Pt(), a = Me.beginRequest({
       kind: "index",
       resolve: i,
       reject: o,
@@ -5043,7 +4957,7 @@ async function mu(e, t) {
     if (!a) {
       i({
         indices: Ha(e, t),
-        meta: { mode: "sync", durationMs: Et() - s }
+        meta: { mode: "sync", durationMs: Pt() - s }
       });
       return;
     }
@@ -5072,7 +4986,7 @@ function sl(e, t, n, r, i) {
     () => r.map((c) => Ce(c.coordinates)).filter((c) => c != null),
     [r]
   );
-  return U(() => {
+  return z(() => {
     const c = ++o.current;
     let f = !1;
     if (!e)
@@ -5181,14 +5095,14 @@ function hl(e) {
   const s = ul(e.sourceWidth, e.sourceHeight, o), a = 1 / s, l = new Int32Array(o), c = new Int32Array(o);
   let f = 0;
   if (i)
-    for (let I = 0; I < o; I += 1) {
-      const W = i[I], j = e.positions[W * 2], N = e.positions[W * 2 + 1];
-      !Number.isFinite(j) || !Number.isFinite(N) || (l[f] = Math.floor(j * a), c[f] = Math.floor(N * a), f += 1);
+    for (let v = 0; v < o; v += 1) {
+      const W = i[v], J = e.positions[W * 2], F = e.positions[W * 2 + 1];
+      !Number.isFinite(J) || !Number.isFinite(F) || (l[f] = Math.floor(J * a), c[f] = Math.floor(F * a), f += 1);
     }
   else
-    for (let I = 0; I < r; I += 1) {
-      const W = e.positions[I * 2], j = e.positions[I * 2 + 1];
-      !Number.isFinite(W) || !Number.isFinite(j) || (l[f] = Math.floor(W * a), c[f] = Math.floor(j * a), f += 1);
+    for (let v = 0; v < r; v += 1) {
+      const W = e.positions[v * 2], J = e.positions[v * 2 + 1];
+      !Number.isFinite(W) || !Number.isFinite(J) || (l[f] = Math.floor(W * a), c[f] = Math.floor(J * a), f += 1);
     }
   if (f === 0)
     return null;
@@ -5200,77 +5114,77 @@ function hl(e) {
   m.fill(2147483647);
   let y = 0;
   const p = new Int32Array(f);
-  for (let I = 0; I < f; I += 1) {
-    const W = l[I], j = c[I];
-    let N = be(W, j, d);
+  for (let v = 0; v < f; v += 1) {
+    const W = l[v], J = c[v];
+    let F = be(W, J, d);
     for (; ; ) {
-      const ut = m[N * 2];
-      if (ut === 2147483647) {
-        if (m[N * 2] = W, m[N * 2 + 1] = j, g[N] = 1, p[I] = N, y += 1, y * 4 > h * 3) {
-          const pt = h;
+      const xt = m[F * 2];
+      if (xt === 2147483647) {
+        if (m[F * 2] = W, m[F * 2 + 1] = J, g[F] = 1, p[v] = F, y += 1, y * 4 > h * 3) {
+          const ft = h;
           h <<= 1, d = h - 1;
-          const et = new Int32Array(h * 2), _t = new Int32Array(h);
-          et.fill(2147483647);
-          for (let Ct = 0; Ct < pt; Ct += 1) {
+          const tt = new Int32Array(h * 2), _t = new Int32Array(h);
+          tt.fill(2147483647);
+          for (let Ct = 0; Ct < ft; Ct += 1) {
             if (m[Ct * 2] === 2147483647) continue;
-            const L = m[Ct * 2], v = m[Ct * 2 + 1];
-            let O = be(L, v, d);
-            for (; et[O * 2] !== 2147483647; ) O = O + 1 & d;
-            et[O * 2] = L, et[O * 2 + 1] = v, _t[O] = g[Ct];
+            const L = m[Ct * 2], C = m[Ct * 2 + 1];
+            let U = be(L, C, d);
+            for (; tt[U * 2] !== 2147483647; ) U = U + 1 & d;
+            tt[U * 2] = L, tt[U * 2 + 1] = C, _t[U] = g[Ct];
           }
-          for (m = et, g = _t, N = be(W, j, d); m[N * 2] !== W || m[N * 2 + 1] !== j; )
-            N = N + 1 & d;
-          p[I] = N;
+          for (m = tt, g = _t, F = be(W, J, d); m[F * 2] !== W || m[F * 2 + 1] !== J; )
+            F = F + 1 & d;
+          p[v] = F;
         }
         break;
       }
-      if (ut === W && m[N * 2 + 1] === j) {
-        g[N] += 1, p[I] = N;
+      if (xt === W && m[F * 2 + 1] === J) {
+        g[F] += 1, p[v] = F;
         break;
       }
-      N = N + 1 & d;
+      F = F + 1 & d;
     }
   }
   const x = new Int32Array(y * 2), E = new Uint32Array(y), w = new Uint32Array(y), P = new Int32Array(h);
   P.fill(Ze);
   let R = 0, B = 0;
-  for (let I = 0; I < h; I += 1)
-    m[I * 2] !== 2147483647 && (x[R * 2] = m[I * 2], x[R * 2 + 1] = m[I * 2 + 1], E[R] = B, w[R] = g[I], P[I] = R, B += g[I], R += 1);
-  const k = new Uint32Array(f), Y = new Uint32Array(y);
+  for (let v = 0; v < h; v += 1)
+    m[v * 2] !== 2147483647 && (x[R * 2] = m[v * 2], x[R * 2 + 1] = m[v * 2 + 1], E[R] = B, w[R] = g[v], P[v] = R, B += g[v], R += 1);
+  const N = new Uint32Array(f), Y = new Uint32Array(y);
   if (Y.set(E), i)
-    for (let I = 0; I < f; I += 1) {
-      const W = P[p[I]];
-      k[Y[W]] = i[I], Y[W] += 1;
+    for (let v = 0; v < f; v += 1) {
+      const W = P[p[v]];
+      N[Y[W]] = i[v], Y[W] += 1;
     }
   else {
-    let I = 0;
+    let v = 0;
     for (let W = 0; W < r; W += 1) {
-      const j = e.positions[W * 2], N = e.positions[W * 2 + 1];
-      if (!Number.isFinite(j) || !Number.isFinite(N)) continue;
-      const ut = P[p[I]];
-      k[Y[ut]] = W, Y[ut] += 1, I += 1;
+      const J = e.positions[W * 2], F = e.positions[W * 2 + 1];
+      if (!Number.isFinite(J) || !Number.isFinite(F)) continue;
+      const xt = P[p[v]];
+      N[Y[xt]] = W, Y[xt] += 1, v += 1;
     }
   }
   let M = 1;
   for (; M < y * 2; ) M <<= 1;
-  const C = M - 1, F = new Int32Array(M);
-  F.fill(Ze);
-  for (let I = 0; I < y; I += 1) {
-    const W = x[I * 2], j = x[I * 2 + 1];
-    let N = be(W, j, C);
-    for (; F[N] !== Ze; ) N = N + 1 & C;
-    F[N] = I;
+  const T = M - 1, O = new Int32Array(M);
+  O.fill(Ze);
+  for (let v = 0; v < y; v += 1) {
+    const W = x[v * 2], J = x[v * 2 + 1];
+    let F = be(W, J, T);
+    for (; O[F] !== Ze; ) F = F + 1 & T;
+    O[F] = v;
   }
   return {
     cellSize: s,
     safeCount: r,
     cellCount: y,
     hashCapacity: M,
-    hashTable: F,
+    hashTable: O,
     cellKeys: x,
     cellOffsets: E,
     cellLengths: w,
-    pointIndices: k
+    pointIndices: N
   };
 }
 function dl(e, t, n) {
@@ -5383,7 +5297,7 @@ async function pl(e, t) {
 const yl = 0.65, xl = 4;
 function bl(e, t, n, r, i, o, s, a) {
   const l = !!(n || r || i), [c, f] = ae(null), u = q(null), h = q(null);
-  U(() => {
+  z(() => {
     if (!l || !e) {
       f(null);
       return;
@@ -5403,24 +5317,24 @@ function bl(e, t, n, r, i, o, s, a) {
       if (!Number.isFinite(x) || !Number.isFinite(E)) return null;
       const w = Math.max(1e-6, p.getViewState().zoom), P = p.getPointSize(a), B = Math.max(xl, P * yl) / w;
       if (!Number.isFinite(B) || B <= 0) return null;
-      const { cellSize: k, cellOffsets: Y, cellLengths: M, pointIndices: C, positions: F, safeCount: I } = c, W = Math.floor(x / k), j = Math.floor(E / k), N = Math.max(1, Math.ceil(B / k)), ut = B * B;
-      let pt = -1, et = ut, _t = 0, Ct = 0;
-      for (let v = W - N; v <= W + N; v += 1)
-        for (let O = j - N; O <= j + N; O += 1) {
-          const lt = dl(c, v, O);
+      const { cellSize: N, cellOffsets: Y, cellLengths: M, pointIndices: T, positions: O, safeCount: v } = c, W = Math.floor(x / N), J = Math.floor(E / N), F = Math.max(1, Math.ceil(B / N)), xt = B * B;
+      let ft = -1, tt = xt, _t = 0, Ct = 0;
+      for (let C = W - F; C <= W + F; C += 1)
+        for (let U = J - F; U <= J + F; U += 1) {
+          const lt = dl(c, C, U);
           if (lt < 0) continue;
-          const $ = Y[lt], bt = $ + M[lt];
-          for (let ft = $; ft < bt; ft += 1) {
-            const it = C[ft];
-            if (it >= I) continue;
-            const Nt = F[it * 2], dt = F[it * 2 + 1], wt = Nt - x, yt = dt - E, ot = wt * wt + yt * yt;
-            ot > et || (et = ot, pt = it, _t = Nt, Ct = dt);
+          const dt = Y[lt], j = dt + M[lt];
+          for (let ht = dt; ht < j; ht += 1) {
+            const rt = T[ht];
+            if (rt >= v) continue;
+            const Dt = O[rt * 2], Rt = O[rt * 2 + 1], mt = Dt - x, At = Rt - E, nt = mt * mt + At * At;
+            nt > tt || (tt = nt, ft = rt, _t = Dt, Ct = Rt);
           }
         }
-      if (pt < 0) return null;
-      const L = c.ids ? Number(c.ids[pt]) : null;
+      if (ft < 0) return null;
+      const L = c.ids ? Number(c.ids[ft]) : null;
       return {
-        index: pt,
+        index: ft,
         id: L,
         coordinate: [x, E],
         pointCoordinate: [_t, Ct]
@@ -5450,12 +5364,12 @@ function bl(e, t, n, r, i, o, s, a) {
     },
     [r, d]
   );
-  return U(() => {
+  return z(() => {
     if (i)
       return i.current = d, () => {
         i.current === d && (i.current = null);
       };
-  }, [i, d]), U(() => {
+  }, [i, d]), z(() => {
     const y = u.current;
     y !== null && (c && y < c.safeCount || (u.current = null, h.current = null, n?.({
       index: null,
@@ -5463,7 +5377,7 @@ function bl(e, t, n, r, i, o, s, a) {
       coordinate: null,
       pointCoordinate: null
     })));
-  }, [c, n]), U(() => {
+  }, [c, n]), z(() => {
   }, [o, n]), { getCellByCoordinates: d, emitPointHover: m, emitPointClick: g };
 }
 let wl = 0;
@@ -5485,45 +5399,45 @@ const pu = oo(function({
   onClick: g,
   dashed: y
 }, p) {
-  const { rendererRef: x, rendererSerial: E, source: w } = pe(), P = q(null), R = q(`__point_layer__${wl++}`), k = sl(f, h, t, u ?? Sl, d), { getCellByCoordinates: Y } = bl(k, w, m, g, P, "cursor", x, R.current);
-  return so(p, () => ({ queryAt: Y }), [Y]), U(() => {
+  const { rendererRef: x, rendererSerial: E, source: w } = pe(), P = q(null), R = q(`__point_layer__${wl++}`), N = sl(f, h, t, u ?? Sl, d), { getCellByCoordinates: Y } = bl(N, w, m, g, P, "cursor", x, R.current);
+  return so(p, () => ({ queryAt: Y }), [Y]), z(() => {
     const M = x.current;
     if (!M) return;
-    const C = R.current;
-    return M.registerPointLayer(C), () => {
-      M.unregisterPointLayer(C);
+    const T = R.current;
+    return M.registerPointLayer(T), () => {
+      M.unregisterPointLayer(T);
     };
-  }, [x, E]), U(() => {
+  }, [x, E]), z(() => {
     const M = x.current;
     M && M.setPointPalette(n, R.current);
-  }, [E, n, x]), U(() => {
+  }, [E, n, x]), z(() => {
     const M = x.current;
     M && M.setPointLineDash(y, R.current);
-  }, [E, y, x]), U(() => {
+  }, [E, y, x]), z(() => {
     const M = x.current;
     M && M.setPointSizeByZoom(r, R.current);
-  }, [E, r, x]), U(() => {
+  }, [E, r, x]), z(() => {
     const M = x.current;
     M && M.setPointSizeByMagnification(i, R.current);
-  }, [E, i, x]), U(() => {
+  }, [E, i, x]), z(() => {
     const M = x.current;
     M && M.setPointWeightByMagnification(o, R.current);
-  }, [E, o, x]), U(() => {
+  }, [E, o, x]), z(() => {
     const M = x.current;
     !M || s === void 0 || M.setPointOpacity(s, R.current);
-  }, [E, s, x]), U(() => {
+  }, [E, s, x]), z(() => {
     const M = x.current;
     !M || a === void 0 || M.setPointStrokeScale(a, R.current);
-  }, [E, a, x]), U(() => {
+  }, [E, a, x]), z(() => {
     const M = x.current;
     !M || l === void 0 || M.setPointInnerFillOpacity(l, R.current);
-  }, [E, l, x]), U(() => {
+  }, [E, l, x]), z(() => {
     const M = x.current;
     M && M.setPointInnerFillColor(c, R.current);
-  }, [E, c, x]), U(() => {
+  }, [E, c, x]), z(() => {
     const M = x.current;
-    M && M.setPointData(k, R.current);
-  }, [E, k, x]), null;
+    M && M.setPointData(N, R.current);
+  }, [E, N, x]), null;
 }), Sl = [], Al = 180, Vr = 20;
 function El(e) {
   const t = _(e, 0, 1);
@@ -5572,7 +5486,7 @@ function Rl(e, t, n) {
     },
     [e, c]
   );
-  return U(() => () => {
+  return z(() => () => {
     l();
   }, [l]), {
     regionLabelAutoLiftOffsetPx: r,
@@ -5711,278 +5625,278 @@ function yu({
   onHover: m,
   onClick: g
 }) {
-  const { rendererRef: y, rendererSerial: p, canvasRef: x, containerRef: E, registerDrawCallback: w, unregisterDrawCallback: P, requestOverlayRedraw: R, drawInvalidateRef: B, registerViewStateListener: k, screenToWorld: Y, worldToScreen: M, isInteractionLocked: C } = pe(), F = e ?? qr, I = t ?? Il, W = at(() => F.length > 0 ? F : I.length === 0 ? qr : I.map((G, Q) => ({ id: Q, coordinates: G })), [F, I]), [j, N] = ae(() => f ?? null), [ut, pt] = ae(() => u ?? null), et = f !== void 0, _t = u !== void 0, Ct = et ? f ?? null : j, L = _t ? u ?? null : ut, v = q(f ?? null), O = q(null), lt = q(null);
-  if (O.current === null || lt.current === null) {
+  const { rendererRef: y, rendererSerial: p, canvasRef: x, containerRef: E, registerDrawCallback: w, unregisterDrawCallback: P, requestOverlayRedraw: R, drawInvalidateRef: B, registerViewStateListener: N, screenToWorld: Y, worldToScreen: M, isInteractionLocked: T } = pe(), O = e ?? qr, v = t ?? Il, W = at(() => O.length > 0 ? O : v.length === 0 ? qr : v.map((G, K) => ({ id: K, coordinates: G })), [O, v]), [J, F] = ae(() => f ?? null), [xt, ft] = ae(() => u ?? null), tt = f !== void 0, _t = u !== void 0, Ct = tt ? f ?? null : J, L = _t ? u ?? null : xt, C = q(f ?? null), U = q(null), lt = q(null);
+  if (U.current === null || lt.current === null) {
     const G = _l++;
-    O.current = `__region_layer__${G}`, lt.current = `__region_label__${G}`;
+    U.current = `__region_layer__${G}`, lt.current = `__region_label__${G}`;
   }
-  U(() => {
-    _t && pt(u ?? null);
-  }, [_t, u]), U(() => {
-    if (!et) return;
+  z(() => {
+    _t && ft(u ?? null);
+  }, [_t, u]), z(() => {
+    if (!tt) return;
     const G = f ?? null;
-    v.current = G, N(G);
-  }, [et, f]);
-  const $ = V(
+    C.current = G, F(G);
+  }, [tt, f]);
+  const dt = V(
     (G) => {
-      String(L) !== String(G) && (_t || pt(G), d?.(G));
+      String(L) !== String(G) && (_t || ft(G), d?.(G));
     },
     [L, _t, d]
-  ), { regionLabelAutoLiftOffsetPx: bt, syncRegionLabelAutoLiftTarget: ft } = Rl(l, y, B), it = at(() => zn(n), [n]), Nt = at(() => Jt(it, r), [it, r]), dt = at(() => Jt(it, i), [it, i]), { staticLabelStyle: wt, labelStyleResolver: yt } = at(() => typeof s == "function" ? { staticLabelStyle: void 0, labelStyleResolver: s } : { staticLabelStyle: s, labelStyleResolver: void 0 }, [s]), ot = at(() => kn(wt), [wt]), ct = at(() => {
+  ), { regionLabelAutoLiftOffsetPx: j, syncRegionLabelAutoLiftTarget: ht } = Rl(l, y, B), rt = at(() => zn(n), [n]), Dt = at(() => Jt(rt, r), [rt, r]), Rt = at(() => Jt(rt, i), [rt, i]), { staticLabelStyle: mt, labelStyleResolver: At } = at(() => typeof s == "function" ? { staticLabelStyle: void 0, labelStyleResolver: s } : { staticLabelStyle: s, labelStyleResolver: void 0 }, [s]), nt = at(() => kn(mt), [mt]), ct = at(() => {
     const G = [];
-    for (let Q = 0; Q < W.length; Q += 1) {
-      const mt = W[Q], rt = tn(mt.coordinates);
-      rt.length !== 0 && G.push({ region: mt, regionIndex: Q, regionKey: mt.id ?? Q, polygons: rt });
+    for (let K = 0; K < W.length; K += 1) {
+      const St = W[K], et = tn(St.coordinates);
+      et.length !== 0 && G.push({ region: St, regionIndex: K, regionKey: St.id ?? K, polygons: et });
     }
     return G;
-  }, [W]), ht = at(() => Tl(W), [W]);
-  U(() => {
+  }, [W]), gt = at(() => Tl(W), [W]);
+  z(() => {
     const G = y.current;
     if (G)
-      return ft(G.getViewState().zoom), k((Q) => {
-        ft(Q.zoom);
+      return ht(G.getViewState().zoom), N((K) => {
+        ht(K.zoom);
       });
-  }, [p, k, ft]), U(() => {
-    !(L === null ? !0 : W.some((rt, J) => String(_n(rt, J)) === String(L))) && L !== null && $(null);
-    const Q = v.current;
-    !(Q === null ? !0 : W.some((rt, J) => String(_n(rt, J)) === String(Q))) && Q !== null && (v.current = null, et || N(null), m?.({ region: null, regionId: null, regionIndex: -1, coordinate: null }));
-  }, [W, L, et, m, $]);
-  const H = V(
+  }, [p, N, ht]), z(() => {
+    !(L === null ? !0 : W.some((et, Q) => String(_n(et, Q)) === String(L))) && L !== null && dt(null);
+    const K = C.current;
+    !(K === null ? !0 : W.some((et, Q) => String(_n(et, Q)) === String(K))) && K !== null && (C.current = null, tt || F(null), m?.({ region: null, regionId: null, regionIndex: -1, coordinate: null }));
+  }, [W, L, tt, m, dt]);
+  const ut = V(
     (G) => {
-      const Q = y.current;
-      if (!Q || G.length === 0) return [];
-      const mt = new Array(G.length);
-      for (let rt = 0; rt < G.length; rt += 1) {
-        const J = $t(Q.worldToScreen(G[rt][0], G[rt][1]));
-        if (!J) return [];
-        mt[rt] = J;
+      const K = y.current;
+      if (!K || G.length === 0) return [];
+      const St = new Array(G.length);
+      for (let et = 0; et < G.length; et += 1) {
+        const Q = $t(K.worldToScreen(G[et][0], G[et][1]));
+        if (!Q) return [];
+        St[et] = Q;
       }
-      return mt;
+      return St;
     },
     []
-  ), It = q({
+  ), it = q({
     preparedRegions: ct,
     hoveredRegionId: Ct,
     activeRegionId: L,
-    resolvedStrokeStyle: it,
-    resolvedHoverStrokeStyle: Nt,
-    resolvedActiveStrokeStyle: dt,
+    resolvedStrokeStyle: rt,
+    resolvedHoverStrokeStyle: Dt,
+    resolvedActiveStrokeStyle: Rt,
     resolveStrokeStyleProp: o,
-    worldToScreenPoints: H
+    worldToScreenPoints: ut
   });
-  It.current = {
+  it.current = {
     preparedRegions: ct,
     hoveredRegionId: Ct,
     activeRegionId: L,
-    resolvedStrokeStyle: it,
-    resolvedHoverStrokeStyle: Nt,
-    resolvedActiveStrokeStyle: dt,
+    resolvedStrokeStyle: rt,
+    resolvedHoverStrokeStyle: Dt,
+    resolvedActiveStrokeStyle: Rt,
     resolveStrokeStyleProp: o,
-    worldToScreenPoints: H
-  }, U(() => {
-    const G = (mt) => {
+    worldToScreenPoints: ut
+  }, z(() => {
+    const G = (St) => {
       const {
-        preparedRegions: rt,
-        hoveredRegionId: J,
+        preparedRegions: et,
+        hoveredRegionId: Q,
         activeRegionId: Mt,
         resolvedStrokeStyle: X,
-        resolvedHoverStrokeStyle: Ft,
+        resolvedHoverStrokeStyle: Tt,
         resolvedActiveStrokeStyle: Bt,
-        resolveStrokeStyleProp: z,
-        worldToScreenPoints: K
-      } = It.current;
-      for (const tt of rt) {
-        const { region: nt, polygons: Rt, regionIndex: At, regionKey: vt } = tt, Ut = Je(Mt, vt) ? "active" : Je(J, vt) ? "hover" : "default";
-        let b = Ut === "active" ? Bt : Ut === "hover" ? Ft : X;
-        if (z) {
-          const T = z({ region: nt, regionId: vt, regionIndex: At, state: Ut });
-          b = Jt(b, T || void 0);
+        resolveStrokeStyleProp: zt,
+        worldToScreenPoints: k
+      } = it.current;
+      for (const H of et) {
+        const { region: $, polygons: ot, regionIndex: bt, regionKey: pt } = H, Ut = Je(Mt, pt) ? "active" : Je(Q, pt) ? "hover" : "default";
+        let b = Ut === "active" ? Bt : Ut === "hover" ? Tt : X;
+        if (zt) {
+          const I = zt({ region: $, regionId: pt, regionIndex: bt, state: Ut });
+          b = Jt(b, I || void 0);
         }
         const A = Ut === "default" ? null : Fl(b);
-        for (const T of Rt) {
-          const D = K(T.outer);
-          D.length >= 4 && (A && Wt(mt, D, A, !0, !1), Wt(mt, D, b, !0, !1));
-          for (const Z of T.holes) {
-            const xt = K(Z);
-            xt.length >= 4 && (A && Wt(mt, xt, A, !0, !1), Wt(mt, xt, b, !0, !1));
+        for (const I of ot) {
+          const D = k(I.outer);
+          D.length >= 4 && (A && Wt(St, D, A, !0, !1), Wt(St, D, b, !0, !1));
+          for (const Z of I.holes) {
+            const wt = k(Z);
+            wt.length >= 4 && (A && Wt(St, wt, A, !0, !1), Wt(St, wt, b, !0, !1));
           }
         }
       }
-    }, Q = O.current;
-    if (Q)
-      return w(Q, 10, G), () => P(Q);
+    }, K = U.current;
+    if (K)
+      return w(K, 10, G), () => P(K);
   }, [w, P]);
-  const Pt = q({
+  const vt = q({
     preparedRegions: ct,
-    resolvedLabelStyle: ot,
-    labelStyleResolver: yt,
+    resolvedLabelStyle: nt,
+    labelStyleResolver: At,
     labelAnchor: a,
     autoLiftLabelAtMaxZoom: l,
     clampLabelToViewport: c,
-    regionLabelAutoLiftOffsetPx: bt,
+    regionLabelAutoLiftOffsetPx: j,
     rendererRef: y
   });
-  Pt.current = {
+  vt.current = {
     preparedRegions: ct,
-    resolvedLabelStyle: ot,
-    labelStyleResolver: yt,
+    resolvedLabelStyle: nt,
+    labelStyleResolver: At,
     labelAnchor: a,
     autoLiftLabelAtMaxZoom: l,
     clampLabelToViewport: c,
-    regionLabelAutoLiftOffsetPx: bt,
+    regionLabelAutoLiftOffsetPx: j,
     rendererRef: y
-  }, U(() => {
-    const G = (mt, rt, J) => {
+  }, z(() => {
+    const G = (St, et, Q) => {
       const {
         preparedRegions: Mt,
         resolvedLabelStyle: X,
-        labelStyleResolver: Ft,
+        labelStyleResolver: Tt,
         labelAnchor: Bt,
-        autoLiftLabelAtMaxZoom: z,
-        clampLabelToViewport: K,
-        regionLabelAutoLiftOffsetPx: tt,
-        rendererRef: nt
-      } = Pt.current;
+        autoLiftLabelAtMaxZoom: zt,
+        clampLabelToViewport: k,
+        regionLabelAutoLiftOffsetPx: H,
+        rendererRef: $
+      } = vt.current;
       if (Mt.length === 0) return;
-      const Rt = Math.max(1e-6, nt.current?.getViewState?.().zoom ?? 1), At = typeof tt == "number" && Number.isFinite(tt) ? Math.max(0, tt) : Wn(z, Rt, nt.current?.getZoomRange?.(), nt.current?.getRegionLabelAutoLiftCapZoom?.());
-      for (const vt of Mt) {
-        if (!vt.region.label) continue;
+      const ot = Math.max(1e-6, $.current?.getViewState?.().zoom ?? 1), bt = typeof H == "number" && Number.isFinite(H) ? Math.max(0, H) : Wn(zt, ot, $.current?.getZoomRange?.(), $.current?.getRegionLabelAutoLiftCapZoom?.());
+      for (const pt of Mt) {
+        if (!pt.region.label) continue;
         const Ut = Un(
-          vt.polygons,
+          pt.polygons,
           (A) => {
-            const T = nt.current;
-            if (!T) return [];
+            const I = $.current;
+            if (!I) return [];
             const D = [];
             for (let Z = 0; Z < A.length; Z += 1) {
-              const xt = $t(T.worldToScreen(A[Z][0], A[Z][1]));
-              if (!xt) return [];
-              D.push(xt);
+              const wt = $t(I.worldToScreen(A[Z][0], A[Z][1]));
+              if (!wt) return [];
+              D.push(wt);
             }
             return D;
           },
           Bt
         );
         if (!Ut) continue;
-        let b = On(X, Ft?.({ region: vt.region, regionId: vt.regionKey, regionIndex: vt.regionIndex, zoom: Rt }));
-        At > 0 && (b = { ...b, offsetY: b.offsetY + At }), Mi(mt, vt.region.label, Ut, rt, J, b, K);
+        let b = On(X, Tt?.({ region: pt.region, regionId: pt.regionKey, regionIndex: pt.regionIndex, zoom: ot }));
+        bt > 0 && (b = { ...b, offsetY: b.offsetY + bt }), Mi(St, pt.region.label, Ut, et, Q, b, k);
       }
-    }, Q = lt.current;
-    if (Q)
-      return w(Q, 50, G), () => P(Q);
-  }, [w, P]), U(() => {
+    }, K = lt.current;
+    if (K)
+      return w(K, 50, G), () => P(K);
+  }, [w, P]), z(() => {
     R();
-  }, [ct, Ct, L, it, ot, bt, R]);
-  const St = q({
-    preparedRegionHits: ht,
+  }, [ct, Ct, L, rt, nt, j, R]);
+  const Et = q({
+    preparedRegionHits: gt,
     labelAnchor: a,
-    resolvedLabelStyle: ot,
-    labelStyleResolver: yt,
-    regionLabelAutoLiftOffsetPx: bt,
+    resolvedLabelStyle: nt,
+    labelStyleResolver: At,
+    regionLabelAutoLiftOffsetPx: j,
     clampLabelToViewport: c,
     onHover: m,
     onClick: g,
-    commitActive: $
+    commitActive: dt
   });
-  return St.current = {
-    preparedRegionHits: ht,
+  return Et.current = {
+    preparedRegionHits: gt,
     labelAnchor: a,
-    resolvedLabelStyle: ot,
-    labelStyleResolver: yt,
-    regionLabelAutoLiftOffsetPx: bt,
+    resolvedLabelStyle: nt,
+    labelStyleResolver: At,
+    regionLabelAutoLiftOffsetPx: j,
     clampLabelToViewport: c,
     onHover: m,
     onClick: g,
-    commitActive: $
-  }, U(() => {
+    commitActive: dt
+  }, z(() => {
     if (!h) return;
     const G = E.current;
     if (!G) return;
-    const Q = (J) => {
-      if (C()) return;
+    const K = (Q) => {
+      if (T()) return;
       const Mt = y.current;
       if (!Mt) return;
       const {
         preparedRegionHits: X,
-        labelAnchor: Ft,
+        labelAnchor: Tt,
         resolvedLabelStyle: Bt,
-        labelStyleResolver: z,
-        regionLabelAutoLiftOffsetPx: K,
-        clampLabelToViewport: tt,
-        onHover: nt
-      } = St.current, Rt = Y(J.clientX, J.clientY);
-      if (!Rt) return;
-      let At = null, vt = null;
+        labelStyleResolver: zt,
+        regionLabelAutoLiftOffsetPx: k,
+        clampLabelToViewport: H,
+        onHover: $
+      } = Et.current, ot = Y(Q.clientX, Q.clientY);
+      if (!ot) return;
+      let bt = null, pt = null;
       if (X.length > 0) {
-        const b = M(Rt[0], Rt[1]);
+        const b = M(ot[0], ot[1]);
         if (b) {
           const A = x.current?.getBoundingClientRect();
-          vt = Zr(
-            Rt,
+          pt = Zr(
+            ot,
             b,
             X,
             Mt,
-            Ft,
+            Tt,
             Bt,
-            z,
-            typeof K == "number" ? K : 0,
+            zt,
+            typeof k == "number" ? k : 0,
             A?.width ?? 0,
             A?.height ?? 0,
-            tt
-          ), At = vt?.regionId ?? null;
+            H
+          ), bt = pt?.regionId ?? null;
         }
       }
-      const Ut = v.current;
-      String(Ut) !== String(At) && (v.current = At, et || N(At), nt?.({
-        region: vt?.region ?? null,
-        regionId: At,
-        regionIndex: vt?.regionIndex ?? -1,
-        coordinate: Rt
+      const Ut = C.current;
+      String(Ut) !== String(bt) && (C.current = bt, tt || F(bt), $?.({
+        region: pt?.region ?? null,
+        regionId: bt,
+        regionIndex: pt?.regionIndex ?? -1,
+        coordinate: ot
       }), R());
-    }, mt = (J) => {
-      if (C()) return;
+    }, St = (Q) => {
+      if (T()) return;
       const Mt = y.current;
       if (!Mt) return;
       const {
         preparedRegionHits: X,
-        labelAnchor: Ft,
+        labelAnchor: Tt,
         resolvedLabelStyle: Bt,
-        labelStyleResolver: z,
-        regionLabelAutoLiftOffsetPx: K,
-        clampLabelToViewport: tt,
-        onClick: nt,
-        commitActive: Rt
-      } = St.current;
+        labelStyleResolver: zt,
+        regionLabelAutoLiftOffsetPx: k,
+        clampLabelToViewport: H,
+        onClick: $,
+        commitActive: ot
+      } = Et.current;
       if (X.length === 0) return;
-      const At = Y(J.clientX, J.clientY);
-      if (!At) return;
-      const vt = M(At[0], At[1]);
-      if (!vt) return;
+      const bt = Y(Q.clientX, Q.clientY);
+      if (!bt) return;
+      const pt = M(bt[0], bt[1]);
+      if (!pt) return;
       const Ut = x.current?.getBoundingClientRect(), b = Zr(
-        At,
-        vt,
+        bt,
+        pt,
         X,
         Mt,
-        Ft,
+        Tt,
         Bt,
-        z,
-        typeof K == "number" ? K : 0,
+        zt,
+        typeof k == "number" ? k : 0,
         Ut?.width ?? 0,
         Ut?.height ?? 0,
-        tt
+        H
       ), A = b?.regionId ?? null;
-      Rt(A), b && nt && nt({
+      ot(A), b && $ && $({
         region: b.region,
         regionId: b.regionId,
         regionIndex: b.regionIndex,
-        coordinate: At
+        coordinate: bt
       });
-    }, rt = () => {
-      v.current !== null && (v.current = null, et || N(null), St.current.onHover?.({ region: null, regionId: null, regionIndex: -1, coordinate: null }), R());
+    }, et = () => {
+      C.current !== null && (C.current = null, tt || F(null), Et.current.onHover?.({ region: null, regionId: null, regionIndex: -1, coordinate: null }), R());
     };
-    return G.addEventListener("pointermove", Q), G.addEventListener("click", mt), G.addEventListener("pointerleave", rt), () => {
-      G.removeEventListener("pointermove", Q), G.removeEventListener("click", mt), G.removeEventListener("pointerleave", rt);
+    return G.addEventListener("pointermove", K), G.addEventListener("click", St), G.addEventListener("pointerleave", et), () => {
+      G.removeEventListener("pointermove", K), G.removeEventListener("click", St), G.removeEventListener("pointerleave", et);
     };
-  }, [E, y, x, h, et, Y, M, C, R]), null;
+  }, [E, y, x, h, tt, Y, M, T, R]), null;
 }
 function xu({
   imageWidth: e,
@@ -5996,7 +5910,7 @@ function xu({
     () => ({ width: "100%", height: "100%", display: "block", ...o }),
     [o]
   );
-  return U(() => {
+  return z(() => {
     const c = s.current;
     if (!c)
       return;
@@ -6009,10 +5923,10 @@ function xu({
     return a.current = f, f.setTiles(n), () => {
       f.destroy(), a.current = null;
     };
-  }, [e, t]), U(() => {
+  }, [e, t]), z(() => {
     const c = a.current;
     c && c.setTiles(n);
-  }, [n]), U(() => {
+  }, [n]), z(() => {
     const c = a.current;
     !c || !r || c.setViewState(r);
   }, [r]), /* @__PURE__ */ Qt("canvas", { ref: s, className: i, style: l });
@@ -6076,7 +5990,7 @@ class Dl {
       const o = {
         tile: r,
         attempt: 0,
-        readyAt: Et()
+        readyAt: Pt()
       };
       this.queue.push(o), this.queuedByKey.set(r.key, o);
     }
@@ -6132,14 +6046,14 @@ class Dl {
     if (this.inflight.size >= this.maxConcurrency || this.queue.length === 0) return;
     const t = this.queue[0]?.readyAt;
     if (typeof t != "number") return;
-    const n = Math.max(0, t - Et());
+    const n = Math.max(0, t - Pt());
     this.timerId = globalThis.setTimeout(() => {
       this.timerId = null, this.pump();
     }, n);
   }
   takeNextReadyQueueItem() {
     if (this.queue.length === 0) return null;
-    const t = Et(), n = this.queue[0];
+    const t = Pt(), n = this.queue[0];
     return !n || n.readyAt > t ? null : (this.queue.shift(), this.queuedByKey.delete(n.tile.key), n);
   }
   startFetch(t) {
@@ -6175,7 +6089,7 @@ class Dl {
         const a = t.attempt + 1, l = this.getRetryDelay(a), c = {
           tile: t.tile,
           attempt: a,
-          readyAt: Et() + l
+          readyAt: Pt() + l
         }, f = this.queuedByKey.get(t.tile.key);
         f ? (f.tile = c.tile, f.readyAt = Math.min(f.readyAt, c.readyAt), f.attempt = Math.max(f.attempt, c.attempt)) : (this.queue.push(c), this.queuedByKey.set(c.tile.key, c)), this.sortQueue();
         return;
@@ -6473,14 +6387,14 @@ function ji(e, t, n) {
   const p = (c + u) * 0.5 / i / t.tileSize, x = (f + h) * 0.5 / i / t.tileSize, E = [];
   for (let w = g; w <= y; w += 1)
     for (let P = d; P <= m; P += 1) {
-      const R = P * t.tileSize * i, B = w * t.tileSize * i, k = Math.min((P + 1) * t.tileSize, o) * i, Y = Math.min((w + 1) * t.tileSize, s) * i, M = P - p, C = w - x;
+      const R = P * t.tileSize * i, B = w * t.tileSize * i, N = Math.min((P + 1) * t.tileSize, o) * i, Y = Math.min((w + 1) * t.tileSize, s) * i, M = P - p, T = w - x;
       E.push({
         key: `${n}/${P}/${w}`,
         tier: n,
         x: P,
         y: w,
-        bounds: [R, B, k, Y],
-        distance2: M * M + C * C,
+        bounds: [R, B, N, Y],
+        distance2: M * M + T * T,
         url: Xi(t, n, P, w)
       });
     }
@@ -6764,33 +6678,33 @@ function Cc(e) {
   const x = [];
   for (const [, M] of i)
     p.has(M.key) || d(M.bounds, y) && x.push(M);
-  x.sort((M, C) => M.tier - C.tier);
+  x.sort((M, T) => M.tier - T.tier);
   for (const M of x)
     M.lastUsed = o, t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, M.texture), t.uniform4f(s.uBounds, M.bounds[0], M.bounds[1], M.bounds[2], M.bounds[3]), t.drawArrays(t.TRIANGLE_STRIP, 0, 4);
   let E = 0;
   const w = [];
   for (const M of g) {
-    const C = i.get(M.key);
-    if (!C) {
+    const T = i.get(M.key);
+    if (!T) {
       w.push(M);
       continue;
     }
-    C.lastUsed = o, t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, C.texture), t.uniform4f(s.uBounds, C.bounds[0], C.bounds[1], C.bounds[2], C.bounds[3]), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), E += 1;
+    T.lastUsed = o, t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, T.texture), t.uniform4f(s.uBounds, T.bounds[0], T.bounds[1], T.bounds[2], T.bounds[3]), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), E += 1;
   }
   const P = w.slice(), R = 1e6, B = [];
   m > 0 && B.push(m - 1), m < r.maxTierZoom && B.push(m + 1);
   for (const M of B) {
-    const C = u(M);
-    for (const F of C)
-      i.has(F.key) || (F.distance2 += R, P.push(F));
+    const T = u(M);
+    for (const O of T)
+      i.has(O.key) || (O.distance2 += R, P.push(O));
   }
   c.schedule(P), t.bindTexture(t.TEXTURE_2D, null), t.bindVertexArray(null);
-  let k = 0, Y = 0;
+  let N = 0, Y = 0;
   if (l.length > 0) {
     t.enable(t.BLEND), t.blendFunc(t.ONE, t.ONE_MINUS_SRC_ALPHA);
     for (let M = 0; M < l.length; M += 1) {
-      const C = l[M];
-      C.pointCount <= 0 || (t.useProgram(C.pointProgram.program), t.bindVertexArray(C.pointProgram.vao), t.uniformMatrix3fv(C.pointProgram.uCamera, !1, n.getMatrix()), t.uniform1f(C.pointProgram.uPointSize, C.pointSizePx), t.uniform1f(C.pointProgram.uPointCssSize, C.pointCssSizePx), t.uniform2f(C.pointProgram.uPointLineDash, C.pointLineDash[0], C.pointLineDash[1]), t.uniform1f(C.pointProgram.uPointOpacity, C.pointOpacity), t.uniform1f(C.pointProgram.uPointStrokeScale, C.pointStrokeScale), t.uniform1f(C.pointProgram.uPointInnerFillAlpha, C.pointInnerFillOpacity), t.uniform3f(C.pointProgram.uPointInnerFillColor, C.pointInnerFillColor[0], C.pointInnerFillColor[1], C.pointInnerFillColor[2]), t.uniform1f(C.pointProgram.uPaletteSize, C.pointPaletteSize), t.uniform1i(C.pointProgram.uPalette, 1), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, C.pointProgram.paletteTexture), C.usePointIndices ? t.drawElements(t.POINTS, C.pointCount, t.UNSIGNED_INT, 0) : t.drawArrays(t.POINTS, 0, C.pointCount), k += C.pointCount, Y += 1);
+      const T = l[M];
+      T.pointCount <= 0 || (t.useProgram(T.pointProgram.program), t.bindVertexArray(T.pointProgram.vao), t.uniformMatrix3fv(T.pointProgram.uCamera, !1, n.getMatrix()), t.uniform1f(T.pointProgram.uPointSize, T.pointSizePx), t.uniform1f(T.pointProgram.uPointCssSize, T.pointCssSizePx), t.uniform2f(T.pointProgram.uPointLineDash, T.pointLineDash[0], T.pointLineDash[1]), t.uniform1f(T.pointProgram.uPointOpacity, T.pointOpacity), t.uniform1f(T.pointProgram.uPointStrokeScale, T.pointStrokeScale), t.uniform1f(T.pointProgram.uPointInnerFillAlpha, T.pointInnerFillOpacity), t.uniform3f(T.pointProgram.uPointInnerFillColor, T.pointInnerFillColor[0], T.pointInnerFillColor[1], T.pointInnerFillColor[2]), t.uniform1f(T.pointProgram.uPaletteSize, T.pointPaletteSize), t.uniform1i(T.pointProgram.uPalette, 1), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, T.pointProgram.paletteTexture), T.usePointIndices ? t.drawElements(t.POINTS, T.pointCount, t.UNSIGNED_INT, 0) : t.drawArrays(t.POINTS, 0, T.pointCount), N += T.pointCount, Y += 1);
     }
     t.bindTexture(t.TEXTURE_2D, null), t.bindVertexArray(null);
   }
@@ -6798,7 +6712,7 @@ function Cc(e) {
     tier: m,
     visible: g.length,
     rendered: E,
-    points: k,
+    points: N,
     fallback: x.length,
     cacheHits: E,
     cacheMisses: w.length,
@@ -6851,7 +6765,7 @@ function ii(e) {
 
       color.rgb = clamp(color.rgb + uBrightness, vec3(0.0), vec3(1.0));
       outColor = color;
-    }`), i = Dt(e, r, "uCamera"), o = Dt(e, r, "uBounds"), s = Dt(e, r, "uTexture"), a = Dt(e, r, "uBrightness"), l = Dt(e, r, "uContrast"), c = Dt(e, r, "uSaturation"), f = e.createVertexArray(), u = e.createBuffer();
+    }`), i = Lt(e, r, "uCamera"), o = Lt(e, r, "uBounds"), s = Lt(e, r, "uTexture"), a = Lt(e, r, "uBrightness"), l = Lt(e, r, "uContrast"), c = Lt(e, r, "uSaturation"), f = e.createVertexArray(), u = e.createBuffer();
   if (!f || !u)
     throw new Error("buffer allocation failed");
   e.bindVertexArray(f), e.bindBuffer(e.ARRAY_BUFFER, u), e.bufferData(e.ARRAY_BUFFER, new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 1, 1]), e.STATIC_DRAW);
@@ -6938,7 +6852,7 @@ function oi(e) {
         vec3 fillRgb = (uPointInnerFillColor / 255.0) * fillAlpha * pointOpacity;
         outColor = vec4(color.rgb * ringAlpha * pointOpacity + fillRgb, alpha);
       }
-    }`), i = Dt(e, r, "uCamera"), o = Dt(e, r, "uPointSize"), s = Dt(e, r, "uPointCssSize"), a = Dt(e, r, "uPointOpacity"), l = Dt(e, r, "uPointStrokeScale"), c = Dt(e, r, "uPointInnerFillAlpha"), f = Dt(e, r, "uPointInnerFillColor"), u = Dt(e, r, "uPalette"), h = Dt(e, r, "uPaletteSize"), d = Dt(e, r, "uPointLineDash"), m = e.createVertexArray(), g = e.createBuffer(), y = e.createBuffer(), p = e.createBuffer(), x = e.createBuffer(), E = e.createTexture();
+    }`), i = Lt(e, r, "uCamera"), o = Lt(e, r, "uPointSize"), s = Lt(e, r, "uPointCssSize"), a = Lt(e, r, "uPointOpacity"), l = Lt(e, r, "uPointStrokeScale"), c = Lt(e, r, "uPointInnerFillAlpha"), f = Lt(e, r, "uPointInnerFillColor"), u = Lt(e, r, "uPalette"), h = Lt(e, r, "uPaletteSize"), d = Lt(e, r, "uPointLineDash"), m = e.createVertexArray(), g = e.createBuffer(), y = e.createBuffer(), p = e.createBuffer(), x = e.createBuffer(), E = e.createTexture();
   if (!m || !g || !y || !p || !x || !E)
     throw new Error("point buffer allocation failed");
   e.bindVertexArray(m), e.bindBuffer(e.ARRAY_BUFFER, g), e.bufferData(e.ARRAY_BUFFER, 0, e.DYNAMIC_DRAW);
@@ -6979,7 +6893,7 @@ function Qi(e) {
 function Tc(e) {
   const { state: t, camera: n, target: r, durationMs: i, easing: o, onUpdate: s } = e, a = n.getViewState();
   Qi(t), t.animation = {
-    startMs: Et(),
+    startMs: Pt(),
     durationMs: Math.max(0, i),
     from: a,
     to: r,
@@ -6988,7 +6902,7 @@ function Tc(e) {
   const l = () => {
     const c = t.animation;
     if (!c) return;
-    const f = Math.max(0, Et() - c.startMs), u = c.durationMs <= 0 ? 1 : _(f / c.durationMs, 0, 1);
+    const f = Math.max(0, Pt() - c.startMs), u = c.durationMs <= 0 ? 1 : _(f / c.durationMs, 0, 1);
     let h = u;
     try {
       h = c.easing(u);
@@ -7097,7 +7011,7 @@ function Bc(e, t, n, r, i) {
     };
   }, y = g(c);
   e.viewAnimationState.animation = {
-    startMs: Et(),
+    startMs: Pt(),
     durationMs: Math.max(0, i),
     from: o,
     to: { zoom: c, offsetX: y.offsetX, offsetY: y.offsetY, rotationDeg: o.rotationDeg },
@@ -7106,14 +7020,14 @@ function Bc(e, t, n, r, i) {
   const p = () => {
     const x = e.viewAnimationState.animation;
     if (!x) return;
-    const E = Math.max(0, Et() - x.startMs), w = _(E / i, 0, 1), P = _(w * w * (3 - 2 * w), 0, 1), R = o.zoom + (c - o.zoom) * P, { offsetX: B, offsetY: k } = g(R);
-    e.camera.setViewState({ zoom: R, offsetX: B, offsetY: k, rotationDeg: o.rotationDeg });
+    const E = Math.max(0, Pt() - x.startMs), w = _(E / i, 0, 1), P = _(w * w * (3 - 2 * w), 0, 1), R = o.zoom + (c - o.zoom) * P, { offsetX: B, offsetY: N } = g(R);
+    e.camera.setViewState({ zoom: R, offsetX: B, offsetY: N, rotationDeg: o.rotationDeg });
     const Y = w >= 1;
     Y && (e.clampViewState(), e.viewAnimationState.animation = null, e.viewAnimationState.frame = null), e.onViewStateChange(e.camera.getViewState()), e.requestRender(), Y || (e.viewAnimationState.frame = requestAnimationFrame(p));
   };
   e.viewAnimationState.frame = requestAnimationFrame(p);
 }
-const zt = "__default_point_layer__";
+const Nt = "__default_point_layer__";
 class Uc {
   constructor(t, n, r = {}) {
     S(this, "canvas");
@@ -7192,7 +7106,8 @@ class Uc {
       antialias: !1,
       depth: !1,
       stencil: !1,
-      powerPreference: "high-performance"
+      powerPreference: "high-performance",
+      preserveDrawingBuffer: r.preserveDrawingBuffer ?? !1
     });
     if (!i)
       throw new Error("WebGL2 not supported");
@@ -7260,7 +7175,7 @@ class Uc {
     Qi(this.viewAnimationState);
   }
   startViewAnimation(t, n, r) {
-    Tc({
+    this.resetZoomSnapStateForZoomChange(this.camera.getViewState().zoom, t.zoom), Tc({
       state: this.viewAnimationState,
       camera: this.camera,
       target: t,
@@ -7297,8 +7212,8 @@ class Uc {
       pointInnerFillColor: [...this.defaultPointInnerFillColor]
     };
   }
-  ensurePointLayer(t = zt) {
-    const n = String(t || zt), r = this.pointLayers.get(n);
+  ensurePointLayer(t = Nt) {
+    const n = String(t || Nt), r = this.pointLayers.get(n);
     if (r) return r;
     const i = this.createPointLayerState(n);
     return this.pointLayers.set(n, i), i;
@@ -7326,8 +7241,15 @@ class Uc {
     }
     return n;
   }
+  resetZoomSnapState() {
+    this.zoomSnapState.accumulatedDelta = 0, this.zoomSnapState.lastSnapTimeMs = 0, this.zoomSnapState.blockedDirection = null;
+  }
+  resetZoomSnapStateForZoomChange(t, n) {
+    Math.abs(t - n) < 1e-6 || this.resetZoomSnapState();
+  }
   applyViewStateAndRender(t, n = !0) {
-    n && this.cancelViewAnimation(), this.camera.setViewState(t), this.onViewStateChange?.(this.camera.getViewState()), this.requestRender();
+    const r = this.camera.getViewState();
+    n && this.cancelViewAnimation(), this.resetZoomSnapStateForZoomChange(r.zoom, t.zoom), this.camera.setViewState(t), this.onViewStateChange?.(this.camera.getViewState()), this.requestRender();
   }
   setAuthToken(t) {
     this.authToken = String(t ?? ""), this.tileScheduler.setAuthToken(this.authToken);
@@ -7336,7 +7258,7 @@ class Uc {
     const r = Ye(t), i = Ye(n);
     if (this.minZoomOverride === r && this.maxZoomOverride === i)
       return;
-    this.minZoomOverride = r, this.maxZoomOverride = i, this.applyZoomBounds();
+    this.minZoomOverride = r, this.maxZoomOverride = i, this.applyZoomBounds(), this.resetZoomSnapState();
     const o = this.resolveTargetViewState({}), s = this.camera.getViewState();
     cr(s, o) || this.applyViewStateAndRender(o);
   }
@@ -7370,18 +7292,18 @@ class Uc {
     this.ensurePointLayer(t);
   }
   unregisterPointLayer(t) {
-    const n = String(t || zt), r = this.pointLayers.get(n);
+    const n = String(t || Nt), r = this.pointLayers.get(n);
     r && (this.pointLayers.delete(n), this.deletePointProgram(r.program), this.requestRender());
   }
-  setPointPalette(t, n = zt) {
+  setPointPalette(t, n = Nt) {
     const r = this.ensurePointLayer(n);
     r.runtime = ni(r.runtime, this.gl, r.program, this.contextLost, t), !(!t || t.length === 0) && this.requestRender();
   }
-  setPointLineDash(t, n = zt) {
+  setPointLineDash(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = ec(t);
     r.pointLineDash[0] === i[0] && r.pointLineDash[1] === i[1] || (r.pointLineDash = i, this.requestRender());
   }
-  setPointData(t, n = zt) {
+  setPointData(t, n = Nt) {
     const r = this.ensurePointLayer(n);
     r.runtime = ri(r.runtime, this.gl, r.program, this.contextLost, t), this.requestRender();
   }
@@ -7389,31 +7311,31 @@ class Uc {
     const n = !!t;
     this.interactionLocked !== n && (this.interactionLocked = n, n && this.cancelDrag());
   }
-  setPointSizeByZoom(t, n = zt) {
+  setPointSizeByZoom(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = $r(t);
     $l(r.pointSizeZoomStops, i) || (r.pointSizeZoomStops = i, this.requestRender());
   }
-  setPointSizeByMagnification(t, n = zt) {
+  setPointSizeByMagnification(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = Kr(t);
     Kl(r.pointSizeMagnificationStops, i) || (r.pointSizeMagnificationStops = i, this.requestRender());
   }
-  setPointWeightByMagnification(t, n = zt) {
+  setPointWeightByMagnification(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = jr(t);
     jl(r.pointWeightMagnificationStops, i) || (r.pointWeightMagnificationStops = i, this.requestRender());
   }
-  setPointOpacity(t, n = zt) {
+  setPointOpacity(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = Qr(t);
     r.pointOpacity !== i && (r.pointOpacity = i, this.requestRender());
   }
-  setPointStrokeScale(t, n = zt) {
+  setPointStrokeScale(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = qe(t);
     r.pointStrokeScale !== i && (r.pointStrokeScale = i, this.requestRender());
   }
-  setPointInnerFillOpacity(t, n = zt) {
+  setPointInnerFillOpacity(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = Jr(t);
     r.pointInnerFillOpacity !== i && (r.pointInnerFillOpacity = i, this.requestRender());
   }
-  setPointInnerFillColor(t, n = zt) {
+  setPointInnerFillColor(t, n = Nt) {
     const r = this.ensurePointLayer(n), i = ti(t);
     r.pointInnerFillColor[0] === i[0] && r.pointInnerFillColor[1] === i[1] && r.pointInnerFillColor[2] === i[2] || (r.pointInnerFillColor = i, this.requestRender());
   }
@@ -7455,8 +7377,8 @@ class Uc {
     const n = this.camera.getViewState();
     Math.abs(n.rotationDeg - this.initialRotationDeg) < 1e-6 || this.setViewState({ rotationDeg: this.initialRotationDeg }, t);
   }
-  getPointSize(t = zt) {
-    const n = this.pointLayers.get(String(t || zt)), r = n?.pointSizeMagnificationStops ?? this.defaultPointSizeMagnificationStops;
+  getPointSize(t = Nt) {
+    const n = this.pointLayers.get(String(t || Nt)), r = n?.pointSizeMagnificationStops ?? this.defaultPointSizeMagnificationStops;
     if (r && r.length > 0) {
       const l = Math.max(1e-6, this.camera.getViewState().zoom), c = lr(this.source.mpp ?? 0, l);
       if (c > 0) {
@@ -7467,11 +7389,11 @@ class Uc {
     const i = Math.max(1e-6, this.camera.getViewState().zoom), o = this.source.maxTierZoom + Math.log2(i), s = n?.pointSizeZoomStops ?? this.defaultPointSizeZoomStops, a = Ql(o, s);
     return _(a, me, Hr);
   }
-  getPointSizeByZoom(t = zt) {
+  getPointSizeByZoom(t = Nt) {
     return this.getPointSize(t);
   }
-  getPointStrokeScale(t = zt) {
-    const n = this.pointLayers.get(String(t || zt)), r = n?.pointWeightMagnificationStops ?? this.defaultPointWeightMagnificationStops;
+  getPointStrokeScale(t = Nt) {
+    const n = this.pointLayers.get(String(t || Nt)), r = n?.pointWeightMagnificationStops ?? this.defaultPointWeightMagnificationStops;
     if (r && r.length > 0) {
       const i = Math.max(1e-6, this.camera.getViewState().zoom), o = lr(this.source.mpp ?? 0, i);
       if (o > 0)
@@ -7499,7 +7421,7 @@ class Uc {
     o && this.setViewState(o, i);
   }
   setZoomSnaps(t, n) {
-    this.zoomSnaps = ai(t, this.source.mpp), this.zoomSnapFitAsMin = !!n;
+    this.zoomSnaps = ai(t, this.source.mpp), this.zoomSnapFitAsMin = !!n, this.resetZoomSnapState();
   }
   setPanExtent(t) {
     this.applyPanExtent(t);
@@ -7538,7 +7460,7 @@ class Uc {
   }
   render() {
     if (this.destroyed || this.contextLost || this.gl.isContextLost()) return;
-    const t = this.onStats ? Et() : 0;
+    const t = this.onStats ? Pt() : 0;
     this.frameSerial += 1;
     const n = Cc({
       gl: this.gl,
@@ -7572,7 +7494,7 @@ class Uc {
         cacheHits: n.cacheHits,
         cacheMisses: n.cacheMisses,
         drawCalls: n.drawCalls,
-        frameMs: Et() - t
+        frameMs: Pt() - t
       });
     }
   }
@@ -7659,28 +7581,29 @@ function bu({
   zoomSnaps: y,
   zoomSnapFitAsMin: p,
   panExtent: x,
-  onPointerWorldMove: E,
-  debugOverlay: w = !1,
-  debugOverlayStyle: P,
-  className: R,
-  style: B,
-  children: k
+  preserveDrawingBuffer: E,
+  onPointerWorldMove: w,
+  debugOverlay: P = !1,
+  debugOverlayStyle: R,
+  className: B,
+  style: N,
+  children: Y
 }) {
-  const Y = q(null), M = q(null), C = q(null), F = q(null), I = q(null), W = q(null), j = q(kc), N = q(!1), ut = q(/* @__PURE__ */ new Set()), pt = q(/* @__PURE__ */ new Set()), et = q(n), _t = q(r), Ct = q(i), L = q(o), v = q(s), [O, lt] = ae(0), [$, bt] = ae(null), ft = q(w);
-  U(() => {
-    et.current = n;
-  }, [n]), U(() => {
-    _t.current = r;
-  }, [r]), U(() => {
-    Ct.current = i;
-  }, [i]), U(() => {
-    L.current = o;
-  }, [o]), U(() => {
-    v.current = s;
-  }, [s]), U(() => {
-    ft.current = w, w || bt(null);
-  }, [w]);
-  const it = at(() => ({ position: "relative", width: "100%", height: "100%", ...B }), [B]), Nt = at(
+  const M = q(null), T = q(null), O = q(null), v = q(null), W = q(null), J = q(null), F = q(kc), xt = q(!1), ft = q(/* @__PURE__ */ new Set()), tt = q(/* @__PURE__ */ new Set()), _t = q(n), Ct = q(r), L = q(i), C = q(o), U = q(s), [lt, dt] = ae(0), [j, ht] = ae(null), rt = q(P);
+  z(() => {
+    _t.current = n;
+  }, [n]), z(() => {
+    Ct.current = r;
+  }, [r]), z(() => {
+    L.current = i;
+  }, [i]), z(() => {
+    C.current = o;
+  }, [o]), z(() => {
+    U.current = s;
+  }, [s]), z(() => {
+    rt.current = P, P || ht(null);
+  }, [P]);
+  const Dt = at(() => ({ position: "relative", width: "100%", height: "100%", ...N }), [N]), Rt = at(
     () => ({
       position: "absolute",
       top: 8,
@@ -7699,98 +7622,98 @@ function bu({
       border: "1px solid rgba(173, 216, 255, 0.28)",
       borderRadius: 8,
       boxShadow: "0 8px 22px rgba(0,0,0,0.35)",
-      ...P
+      ...R
     }),
-    [P]
-  ), dt = Oc(l), wt = V(
-    (z) => ({
-      ...z,
-      rotationDeg: z.rotationDeg - dt
+    [R]
+  ), mt = Oc(l), At = V(
+    (k) => ({
+      ...k,
+      rotationDeg: k.rotationDeg - mt
     }),
-    [dt]
-  ), yt = V(
-    (z) => typeof z.rotationDeg != "number" || !Number.isFinite(z.rotationDeg) ? z : {
-      ...z,
-      rotationDeg: z.rotationDeg + dt
+    [mt]
+  ), nt = V(
+    (k) => typeof k.rotationDeg != "number" || !Number.isFinite(k.rotationDeg) ? k : {
+      ...k,
+      rotationDeg: k.rotationDeg + mt
     },
-    [dt]
-  ), ot = V((z) => {
-    _t.current?.(z), ft.current && bt(z);
-  }, []), ct = at(() => $ ? [
-    `tier ${$.tier} | frame ${$.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${$.drawCalls ?? "-"}`,
-    `tiles visible ${$.visible} | rendered ${$.rendered} | fallback ${$.fallback}`,
-    `cache size ${$.cache} | hit ${$.cacheHits ?? "-"} | miss ${$.cacheMisses ?? "-"}`,
-    `queue inflight ${$.inflight} | queued ${$.queued ?? "-"} | retries ${$.retries ?? "-"} | failed ${$.failed ?? "-"} | aborted ${$.aborted ?? "-"}`,
-    `points ${$.points}`
+    [mt]
+  ), ct = V((k) => {
+    Ct.current?.(k), rt.current && ht(k);
+  }, []), gt = at(() => j ? [
+    `tier ${j.tier} | frame ${j.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${j.drawCalls ?? "-"}`,
+    `tiles visible ${j.visible} | rendered ${j.rendered} | fallback ${j.fallback}`,
+    `cache size ${j.cache} | hit ${j.cacheHits ?? "-"} | miss ${j.cacheMisses ?? "-"}`,
+    `queue inflight ${j.inflight} | queued ${j.queued ?? "-"} | retries ${j.retries ?? "-"} | failed ${j.failed ?? "-"} | aborted ${j.aborted ?? "-"}`,
+    `points ${j.points}`
   ].join(`
-`) : "stats: waiting for first frame...", [$]), ht = V(() => {
-    const z = C.current;
-    if (!z) return;
-    const K = z.getContext("2d");
-    if (!K) return;
-    const tt = Math.max(1, window.devicePixelRatio || 1), nt = z.getBoundingClientRect(), Rt = Math.max(1, Math.round(nt.width * tt)), At = Math.max(1, Math.round(nt.height * tt));
-    (z.width !== Rt || z.height !== At) && (z.width = Rt, z.height = At);
-    const vt = nt.width, Ut = nt.height;
-    K.setTransform(1, 0, 0, 1, 0, 0), K.clearRect(0, 0, z.width, z.height), K.setTransform(tt, 0, 0, tt, 0, 0);
-    const b = j.current;
-    for (let A = 0; A < b.length; A += 1)
-      K.save(), b[A].draw(K, vt, Ut), K.restore();
-  }, []), H = V(() => {
-    N.current || (N.current = !0, requestAnimationFrame(() => {
-      N.current = !1, ht();
+`) : "stats: waiting for first frame...", [j]), ut = V(() => {
+    const k = O.current;
+    if (!k) return;
+    const H = k.getContext("2d");
+    if (!H) return;
+    const $ = Math.max(1, window.devicePixelRatio || 1), ot = k.getBoundingClientRect(), bt = Math.max(1, Math.round(ot.width * $)), pt = Math.max(1, Math.round(ot.height * $));
+    (k.width !== bt || k.height !== pt) && (k.width = bt, k.height = pt);
+    const Ut = ot.width, b = ot.height;
+    H.setTransform(1, 0, 0, 1, 0, 0), H.clearRect(0, 0, k.width, k.height), H.setTransform($, 0, 0, $, 0, 0);
+    const A = F.current;
+    for (let I = 0; I < A.length; I += 1)
+      H.save(), A[I].draw(H, Ut, b), H.restore();
+  }, []), it = V(() => {
+    xt.current || (xt.current = !0, requestAnimationFrame(() => {
+      xt.current = !1, ut();
     }));
-  }, [ht]), It = V(
-    (z, K, tt) => {
-      const nt = j.current.filter((Rt) => Rt.id !== z);
-      nt.push({ id: z, priority: K, draw: tt }), nt.sort((Rt, At) => Rt.priority - At.priority), j.current = nt, H();
+  }, [ut]), vt = V(
+    (k, H, $) => {
+      const ot = F.current.filter((bt) => bt.id !== k);
+      ot.push({ id: k, priority: H, draw: $ }), ot.sort((bt, pt) => bt.priority - pt.priority), F.current = ot, it();
     },
-    [H]
-  ), Pt = V(
-    (z) => {
-      j.current = j.current.filter((K) => K.id !== z), H();
+    [it]
+  ), Et = V(
+    (k) => {
+      F.current = F.current.filter((H) => H.id !== k), it();
     },
-    [H]
-  ), St = V((z, K) => {
-    K ? ut.current.add(z) : ut.current.delete(z), F.current?.setInteractionLock(ut.current.size > 0);
-  }, []), G = V(() => ut.current.size > 0, []), Q = V((z, K) => {
-    const tt = F.current;
-    return tt ? Nn(tt.worldToScreen(z, K)) : null;
-  }, []), mt = V((z, K) => {
-    const tt = F.current;
-    if (!tt) return null;
-    const nt = tt.screenToWorld(z, K);
-    if (!Array.isArray(nt) || nt.length < 2) return null;
-    const Rt = Number(nt[0]), At = Number(nt[1]);
-    return !Number.isFinite(Rt) || !Number.isFinite(At) ? null : [Rt, At];
-  }, []), rt = V((z) => (pt.current.add(z), () => {
-    pt.current.delete(z);
-  }), []), J = V(
-    (z) => {
-      et.current?.(wt(z));
-      const K = pt.current;
-      if (K.size > 0) {
-        const tt = Array.from(K);
-        for (let nt = 0; nt < tt.length; nt += 1)
-          tt[nt](z);
+    [it]
+  ), G = V((k, H) => {
+    H ? ft.current.add(k) : ft.current.delete(k), v.current?.setInteractionLock(ft.current.size > 0);
+  }, []), K = V(() => ft.current.size > 0, []), St = V((k, H) => {
+    const $ = v.current;
+    return $ ? Nn($.worldToScreen(k, H)) : null;
+  }, []), et = V((k, H) => {
+    const $ = v.current;
+    if (!$) return null;
+    const ot = $.screenToWorld(k, H);
+    if (!Array.isArray(ot) || ot.length < 2) return null;
+    const bt = Number(ot[0]), pt = Number(ot[1]);
+    return !Number.isFinite(bt) || !Number.isFinite(pt) ? null : [bt, pt];
+  }, []), Q = V((k) => (tt.current.add(k), () => {
+    tt.current.delete(k);
+  }), []), Mt = V(
+    (k) => {
+      _t.current?.(At(k));
+      const H = tt.current;
+      if (H.size > 0) {
+        const $ = Array.from(H);
+        for (let ot = 0; ot < $.length; ot += 1)
+          $[ot](k);
       }
-      I.current?.(), W.current?.(), H();
+      W.current?.(), J.current?.(), it();
     },
-    [H, wt]
+    [it, At]
   );
-  U(() => {
-    const z = M.current;
-    if (!z || !e) return;
-    const K = new Uc(z, e, {
-      onViewStateChange: J,
-      onStats: ot,
-      onTileError: (tt) => {
-        Ct.current?.(tt);
+  z(() => {
+    const k = T.current;
+    if (!k || !e) return;
+    const H = new Uc(k, e, {
+      onViewStateChange: Mt,
+      onStats: ct,
+      onTileError: ($) => {
+        L.current?.($);
       },
       onContextLost: () => {
-        L.current?.();
+        C.current?.();
       },
       onContextRestored: () => {
-        v.current?.();
+        U.current?.();
       },
       authToken: u,
       imageColorSettings: a,
@@ -7801,86 +7724,87 @@ function bu({
       viewTransition: g,
       zoomSnaps: y,
       zoomSnapFitAsMin: p,
-      panExtent: x
+      panExtent: x,
+      preserveDrawingBuffer: E
     });
-    return F.current = K, lt((tt) => tt + 1), t && K.setViewState(yt(t)), K.setInteractionLock(ut.current.size > 0), () => {
-      K.destroy(), F.current = null;
+    return v.current = H, dt(($) => $ + 1), t && H.setViewState(nt(t)), H.setInteractionLock(ft.current.size > 0), () => {
+      H.destroy(), v.current = null;
     };
-  }, [e, ot, h, J, dt, yt]), U(() => {
-    F.current?.setAuthToken(u);
-  }, [u]), U(() => {
-    const z = F.current;
-    !z || !t || z.isViewAnimating() || z.setViewState(yt(t));
-  }, [t, yt]), U(() => {
-    F.current?.fitToImage();
-  }, [c]), U(() => {
-    F.current?.resetRotation();
-  }, [f]), U(() => {
-    F.current?.setZoomRange(d, m);
-  }, [d, m]), U(() => {
-    F.current?.setViewTransition(g);
-  }, [g]), U(() => {
-    F.current?.setZoomSnaps(y, p);
-  }, [y, p]), U(() => {
-    F.current?.setPanExtent(x);
-  }, [x]), U(() => {
-    F.current?.setImageColorSettings(a);
-  }, [a]), U(() => {
-    const z = C.current;
-    if (!z) return;
-    I.current = H, H();
-    const K = new ResizeObserver(() => H());
-    return K.observe(z), () => {
-      K.disconnect(), I.current === H && (I.current = null);
+  }, [e, ct, h, Mt, mt, nt]), z(() => {
+    v.current?.setAuthToken(u);
+  }, [u]), z(() => {
+    const k = v.current;
+    !k || !t || k.isViewAnimating() || k.setViewState(nt(t));
+  }, [t, nt]), z(() => {
+    v.current?.fitToImage();
+  }, [c]), z(() => {
+    v.current?.resetRotation();
+  }, [f]), z(() => {
+    v.current?.setZoomRange(d, m);
+  }, [d, m]), z(() => {
+    v.current?.setViewTransition(g);
+  }, [g]), z(() => {
+    v.current?.setZoomSnaps(y, p);
+  }, [y, p]), z(() => {
+    v.current?.setPanExtent(x);
+  }, [x]), z(() => {
+    v.current?.setImageColorSettings(a);
+  }, [a]), z(() => {
+    const k = O.current;
+    if (!k) return;
+    W.current = it, it();
+    const H = new ResizeObserver(() => it());
+    return H.observe(k), () => {
+      H.disconnect(), W.current === it && (W.current = null);
     };
-  }, [H]), U(() => sn(() => H()), [H]);
-  const Mt = at(
+  }, [it]), z(() => sn(() => it()), [it]);
+  const X = at(
     () => ({
       source: e,
-      rendererRef: F,
-      rendererSerial: O,
-      canvasRef: M,
-      containerRef: Y,
-      drawInvalidateRef: I,
-      overviewInvalidateRef: W,
-      worldToScreen: Q,
-      screenToWorld: mt,
-      registerDrawCallback: It,
-      unregisterDrawCallback: Pt,
-      requestOverlayRedraw: H,
-      registerViewStateListener: rt,
-      setInteractionLock: St,
-      isInteractionLocked: G
+      rendererRef: v,
+      rendererSerial: lt,
+      canvasRef: T,
+      containerRef: M,
+      drawInvalidateRef: W,
+      overviewInvalidateRef: J,
+      worldToScreen: St,
+      screenToWorld: et,
+      registerDrawCallback: vt,
+      unregisterDrawCallback: Et,
+      requestOverlayRedraw: it,
+      registerViewStateListener: Q,
+      setInteractionLock: G,
+      isInteractionLocked: K
     }),
-    [e, O, Q, mt, It, Pt, H, rt, St, G]
-  ), X = q(E);
-  U(() => {
-    X.current = E;
-  }, [E]);
-  const Ft = V(
-    (z) => {
-      const K = X.current;
-      if (!K) return;
-      const tt = mt(z.clientX, z.clientY), nt = !!tt && tt[0] >= 0 && tt[1] >= 0 && !!e && tt[0] <= e.width && tt[1] <= e.height;
-      K({ coordinate: tt, clientX: z.clientX, clientY: z.clientY, insideImage: nt });
+    [e, lt, St, et, vt, Et, it, Q, G, K]
+  ), Tt = q(w);
+  z(() => {
+    Tt.current = w;
+  }, [w]);
+  const Bt = V(
+    (k) => {
+      const H = Tt.current;
+      if (!H) return;
+      const $ = et(k.clientX, k.clientY), ot = !!$ && $[0] >= 0 && $[1] >= 0 && !!e && $[0] <= e.width && $[1] <= e.height;
+      H({ coordinate: $, clientX: k.clientX, clientY: k.clientY, insideImage: ot });
     },
-    [mt, e]
-  ), Bt = V(() => {
-    X.current?.({ coordinate: null, clientX: -1, clientY: -1, insideImage: !1 });
+    [et, e]
+  ), zt = V(() => {
+    Tt.current?.({ coordinate: null, clientX: -1, clientY: -1, insideImage: !1 });
   }, []);
-  return /* @__PURE__ */ Qt(oa, { value: Mt, children: /* @__PURE__ */ ci(
+  return /* @__PURE__ */ Qt(oa, { value: X, children: /* @__PURE__ */ ci(
     "div",
     {
-      ref: Y,
-      className: R,
-      style: it,
-      onPointerMove: E ? Ft : void 0,
-      onPointerLeave: E ? Bt : void 0,
+      ref: M,
+      className: B,
+      style: Dt,
+      onPointerMove: w ? Bt : void 0,
+      onPointerLeave: w ? zt : void 0,
       children: [
         /* @__PURE__ */ Qt(
           "canvas",
           {
-            ref: M,
+            ref: T,
             className: "wsi-render-canvas",
             style: {
               position: "absolute",
@@ -7896,7 +7820,7 @@ function bu({
         /* @__PURE__ */ Qt(
           "canvas",
           {
-            ref: C,
+            ref: O,
             className: "wsi-overlay-canvas",
             style: {
               position: "absolute",
@@ -7910,8 +7834,8 @@ function bu({
             }
           }
         ),
-        k,
-        w && /* @__PURE__ */ Qt("pre", { "data-open-plant-debug-overlay": !0, style: Nt, children: ct })
+        Y,
+        P && /* @__PURE__ */ Qt("pre", { "data-open-plant-debug-overlay": !0, style: Rt, children: gt })
       ]
     }
   ) });
@@ -8033,8 +7957,8 @@ function wu(e, t, n = {}) {
     for (const P of x) {
       const R = s[P];
       let B = !1;
-      for (const k of R.polygons)
-        if (gi(g, y, k)) {
+      for (const N of R.polygons)
+        if (gi(g, y, N)) {
           B = !0;
           break;
         }