@datagouv/components-next 1.0.1 → 1.0.2-dev.0

package/dist/{tilecoord-YW3qEH_j.js → tilecoord-Db24Px13.js}

@@ -1,7 +1,7 @@
-import { T as g, l as Et, c as N, b as et } from "./Image-BN-4XkIn.js";
-import { y as xt, g as Tt } from "./common-C4rDcQpp.js";
-import { aC as pt, E as lt, ak as It, S as ft, g as nt, W as Xt, v as Mt, D as K, m as dt, K as L, an as _t, aS as vt, w as Wt, q as Yt, aT as Lt, aj as yt, aI as Ft, az as wt, aJ as Dt, aU as st, ac as ot, i as Pt, U as z, a0 as J, d as V, l as Ct, u as at, a6 as rt, H as Ot } from "./proj-CKwYjU38.js";
-class gt extends pt {
+import { T as _, W as nt, n as xt, c as H, b as et } from "./Image-34hvypZI.js";
+import { z as Tt, g as pt } from "./common-PJfpC179.js";
+import { aC as It, E as ft, al as Xt, U as dt, g as at, X as Wt, w as Mt, F as b, n as _t, L, an as gt, aS as vt, x as Yt, r as Lt, aT as Ft, ak as wt, aI as yt, az as Dt, aJ as Ot, aU as st, ae as ot, i as Ct, W as z, a1 as $, d as V, l as Pt, u as rt, a7 as ht, I as At, a as Rt } from "./proj-DsetBcW7.js";
+class mt extends It {
   /**
    * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
    * @param {import("./TileState.js").default} state State.
@@ -14,13 +14,13 @@ class gt extends pt {
    * @protected
    */
   changed() {
-    this.dispatchEvent(lt.CHANGE);
+    this.dispatchEvent(ft.CHANGE);
   }
   /**
    * Called by the tile cache when the tile is removed from the cache due to expiry
    */
   release() {
-    this.setState(g.EMPTY);
+    this.setState(_.EMPTY);
   }
   /**
    * @return {string} Key.
@@ -51,8 +51,8 @@ class gt extends pt {
    * @api
    */
   setState(t) {
-    if (this.state !== g.EMPTY) {
-      if (this.state !== g.ERROR && this.state > t)
+    if (this.state !== _.EMPTY) {
+      if (this.state !== _.ERROR && this.state > t)
         throw new Error("Tile load sequence violation");
       this.state = t, this.changed();
     }
@@ -65,7 +65,7 @@ class gt extends pt {
    * @api
    */
   load() {
-    It();
+    Xt();
   }
   /**
    * Get the alpha value for rendering.
@@ -82,7 +82,7 @@ class gt extends pt {
     else if (s === -1)
       return 1;
     const n = e - s + 1e3 / 60;
-    return n >= this.transition_ ? 1 : xt(n / this.transition_);
+    return n >= this.transition_ ? 1 : Tt(n / this.transition_);
   }
   /**
    * Determine if a tile is in an alpha transition.  A tile is considered in
@@ -108,7 +108,7 @@ class gt extends pt {
     this.release(), super.disposeInternal();
   }
 }
-class Qt extends gt {
+class zt extends mt {
   /**
    * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
    * @param {import("./TileState.js").default} state State.
@@ -118,11 +118,11 @@ class Qt extends gt {
    * @param {import("./Tile.js").Options} [options] Tile options.
    */
   constructor(t, e, s, n, i, c) {
-    super(t, e, c), this.crossOrigin_ = n, this.src_ = s, this.key = s, this.image_ = new Image(), n !== null && (this.image_.crossOrigin = n), this.unlisten_ = null, this.tileLoadFunction_ = i;
+    super(t, e, c), this.crossOrigin_ = n, this.src_ = s, this.key = s, this.image_, nt ? this.image_ = new OffscreenCanvas(1, 1) : (this.image_ = new Image(), n !== null && (this.image_.crossOrigin = n)), this.unlisten_ = null, this.tileLoadFunction_ = i;
   }
   /**
-   * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-   * @return {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} Image.
+   * Get the HTML image element for this tile (may be a Canvas, OffscreenCanvas, Image, or Video).
+   * @return {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement} Image.
    * @api
    */
   getImage() {
@@ -130,10 +130,17 @@ class Qt extends gt {
   }
   /**
    * Sets an HTML image element for this tile (may be a Canvas or preloaded Image).
-   * @param {HTMLCanvasElement|HTMLImageElement} element Element.
+   * @param {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement} element Element.
    */
   setImage(t) {
-    this.image_ = t, this.state = g.LOADED, this.unlistenImage_(), this.changed();
+    this.image_ = t, this.state = _.LOADED, this.unlistenImage_(), this.changed();
+  }
+  /**
+   * Get the cross origin of the ImageTile.
+   * @return {string} Cross origin.
+   */
+  getCrossOrigin() {
+    return this.crossOrigin_;
   }
   /**
    * Tracks loading or read errors.
@@ -141,7 +148,7 @@ class Qt extends gt {
    * @private
    */
   handleImageError_() {
-    this.state = g.ERROR, this.unlistenImage_(), this.image_ = At(), this.changed();
+    this.state = _.ERROR, this.unlistenImage_(), this.image_ = kt(), this.changed();
   }
   /**
    * Tracks successful image load.
@@ -149,11 +156,16 @@ class Qt extends gt {
    * @private
    */
   handleImageLoad_() {
-    const t = (
-      /** @type {HTMLImageElement} */
-      this.image_
-    );
-    t.naturalWidth && t.naturalHeight ? this.state = g.LOADED : this.state = g.EMPTY, this.unlistenImage_(), this.changed();
+    if (nt)
+      this.state = _.LOADED;
+    else {
+      const t = (
+        /** @type {HTMLImageElement} */
+        this.image_
+      );
+      t.naturalWidth && t.naturalHeight ? this.state = _.LOADED : this.state = _.EMPTY;
+    }
+    this.unlistenImage_(), this.changed();
   }
   /**
    * Load the image or retry if loading previously failed.
@@ -193,7 +205,7 @@ class Qt extends gt {
    * @override
    */
   load() {
-    this.state == g.ERROR && (this.state = g.IDLE, this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_)), this.state == g.IDLE && (this.state = g.LOADING, this.changed(), this.tileLoadFunction_(this, this.src_), this.unlisten_ = Et(
+    this.state == _.ERROR && (this.state = _.IDLE, this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_)), this.state == _.IDLE && (this.state = _.LOADING, this.changed(), this.tileLoadFunction_(this, this.src_), this.unlisten_ = xt(
       this.image_,
       this.handleImageLoad_.bind(this),
       this.handleImageError_.bind(this)
@@ -214,11 +226,11 @@ class Qt extends gt {
     this.unlistenImage_(), this.image_ = null, super.disposeInternal();
   }
 }
-function At() {
-  const o = N(1, 1);
-  return o.fillStyle = "rgba(0,0,0,0)", o.fillRect(0, 0, 1, 1), o.canvas;
+function kt() {
+  const a = H(1, 1);
+  return a.fillStyle = "rgba(0,0,0,0)", a.fillRect(0, 0, 1, 1), a.canvas;
 }
-class Rt {
+class Bt {
   /**
    * @param {number} minX Minimum X.
    * @param {number} maxX Maximum X.
@@ -289,173 +301,173 @@ class Rt {
     return this.minX <= t.maxX && this.maxX >= t.minX && this.minY <= t.maxY && this.maxY >= t.minY;
   }
 }
-function jt(o, t, e, s, n) {
-  return n !== void 0 ? (n.minX = o, n.maxX = t, n.minY = e, n.maxY = s, n) : new Rt(o, t, e, s);
+function $t(a, t, e, s, n) {
+  return n !== void 0 ? (n.minX = a, n.maxX = t, n.minY = e, n.maxY = s, n) : new Bt(a, t, e, s);
 }
-let $;
+let J;
 const B = [];
-function ht(o, t, e, s, n) {
-  o.beginPath(), o.moveTo(0, 0), o.lineTo(t, e), o.lineTo(s, n), o.closePath(), o.save(), o.clip(), o.fillRect(0, 0, Math.max(t, s) + 1, Math.max(e, n)), o.restore();
+function ct(a, t, e, s, n) {
+  a.beginPath(), a.moveTo(0, 0), a.lineTo(t, e), a.lineTo(s, n), a.closePath(), a.save(), a.clip(), a.fillRect(0, 0, Math.max(t, s) + 1, Math.max(e, n)), a.restore();
 }
-function tt(o, t) {
-  return Math.abs(o[t * 4] - 210) > 2 || Math.abs(o[t * 4 + 3] - 0.75 * 255) > 2;
+function tt(a, t) {
+  return Math.abs(a[t * 4] - 210) > 2 || Math.abs(a[t * 4 + 3] - 0.75 * 255) > 2;
 }
-function kt() {
-  if ($ === void 0) {
-    const o = N(6, 6, B);
-    o.globalCompositeOperation = "lighter", o.fillStyle = "rgba(210, 0, 0, 0.75)", ht(o, 4, 5, 4, 0), ht(o, 4, 5, 0, 5);
-    const t = o.getImageData(0, 0, 3, 3).data;
-    $ = tt(t, 0) || tt(t, 4) || tt(t, 8), et(o), B.push(o.canvas);
-  }
-  return $;
+function Gt() {
+  if (J === void 0) {
+    const a = H(6, 6, B);
+    a.globalCompositeOperation = "lighter", a.fillStyle = "rgba(210, 0, 0, 0.75)", ct(a, 4, 5, 4, 0), ct(a, 4, 5, 0, 5);
+    const t = a.getImageData(0, 0, 3, 3).data;
+    J = tt(t, 0) || tt(t, 4) || tt(t, 8), et(a), B.push(a.canvas);
+  }
+  return J;
 }
-function ct(o, t, e, s) {
-  const n = ft(e, t, o);
-  let i = nt(
+function ut(a, t, e, s) {
+  const n = dt(e, t, a);
+  let i = at(
     t,
     s,
     e
   );
   const c = t.getMetersPerUnit();
   c !== void 0 && (i *= c);
-  const m = o.getMetersPerUnit();
+  const m = a.getMetersPerUnit();
   m !== void 0 && (i /= m);
-  const _ = o.getExtent();
-  if (!_ || Xt(_, n)) {
-    const T = nt(o, i, n) / i;
+  const g = a.getExtent();
+  if (!g || Wt(g, n)) {
+    const T = at(a, i, n) / i;
     isFinite(T) && T > 0 && (i /= T);
   }
   return i;
 }
-function Bt(o, t, e, s) {
-  const n = Wt(e);
-  let i = ct(
-    o,
+function Nt(a, t, e, s) {
+  const n = Yt(e);
+  let i = ut(
+    a,
     t,
     n,
     s
   );
-  return (!isFinite(i) || i <= 0) && Yt(e, function(c) {
-    return i = ct(
-      o,
+  return (!isFinite(i) || i <= 0) && Lt(e, function(c) {
+    return i = ut(
+      a,
       t,
       c,
       s
     ), isFinite(i) && i > 0;
   }), i;
 }
-function Gt(o, t, e, s, n, i, c, m, _, T, X, x, y, F) {
-  const r = N(
-    Math.round(e * o),
+function St(a, t, e, s, n, i, c, m, g, T, X, x, F, w) {
+  const r = H(
+    Math.round(e * a),
     Math.round(e * t),
     B
   );
-  if (x || (r.imageSmoothingEnabled = !1), _.length === 0)
+  if (x || (r.imageSmoothingEnabled = !1), g.length === 0)
     return r.canvas;
   r.scale(e, e);
-  function h(a) {
-    return Math.round(a * e) / e;
+  function h(o) {
+    return Math.round(o * e) / e;
   }
   r.globalCompositeOperation = "lighter";
-  const E = dt();
-  _.forEach(function(a, w, C) {
-    Mt(E, a.extent);
+  const E = _t();
+  g.forEach(function(o, y, C) {
+    Mt(E, o.extent);
   });
   let l;
   const f = e / s, d = (x ? 1 : 1 + Math.pow(2, -24)) / f;
-  (!y || _.length !== 1 || T !== 0) && (l = N(
+  (!F || g.length !== 1 || T !== 0) && (l = H(
     Math.round(L(E) * f),
-    Math.round(K(E) * f),
+    Math.round(b(E) * f),
     B
-  ), x || (l.imageSmoothingEnabled = !1), _.forEach(function(a, w, C) {
-    if (a.image.width > 0 && a.image.height > 0) {
-      if (a.clipExtent) {
+  ), x || (l.imageSmoothingEnabled = !1), g.forEach(function(o, y, C) {
+    if (o.image.width > 0 && o.image.height > 0) {
+      if (o.clipExtent) {
         l.save();
-        const M = (a.clipExtent[0] - E[0]) * f, v = -(a.clipExtent[3] - E[3]) * f, D = L(a.clipExtent) * f, A = K(a.clipExtent) * f;
+        const W = (o.clipExtent[0] - E[0]) * f, M = -(o.clipExtent[3] - E[3]) * f, D = L(o.clipExtent) * f, A = b(o.clipExtent) * f;
         l.rect(
+          x ? W : Math.round(W),
           x ? M : Math.round(M),
-          x ? v : Math.round(v),
-          x ? D : Math.round(M + D) - Math.round(M),
-          x ? A : Math.round(v + A) - Math.round(v)
+          x ? D : Math.round(W + D) - Math.round(W),
+          x ? A : Math.round(M + A) - Math.round(M)
         ), l.clip();
       }
-      const p = (a.extent[0] - E[0]) * f, I = -(a.extent[3] - E[3]) * f, W = L(a.extent) * f, Y = K(a.extent) * f;
+      const p = (o.extent[0] - E[0]) * f, I = -(o.extent[3] - E[3]) * f, v = L(o.extent) * f, Y = b(o.extent) * f;
       l.drawImage(
-        a.image,
+        o.image,
         T,
         T,
-        a.image.width - 2 * T,
-        a.image.height - 2 * T,
+        o.image.width - 2 * T,
+        o.image.height - 2 * T,
         x ? p : Math.round(p),
         x ? I : Math.round(I),
-        x ? W : Math.round(p + W) - Math.round(p),
+        x ? v : Math.round(p + v) - Math.round(p),
         x ? Y : Math.round(I + Y) - Math.round(I)
-      ), a.clipExtent && l.restore();
+      ), o.clipExtent && l.restore();
     }
   }));
-  const u = _t(c);
-  return m.getTriangles().forEach(function(a, w, C) {
-    const p = a.source, I = a.target;
-    let W = p[0][0], Y = p[0][1], M = p[1][0], v = p[1][1], D = p[2][0], A = p[2][1];
-    const G = h((I[0][0] - u[0]) / i), Z = h(
+  const u = gt(c);
+  return m.getTriangles().forEach(function(o, y, C) {
+    const p = o.source, I = o.target;
+    let v = p[0][0], Y = p[0][1], W = p[1][0], M = p[1][1], D = p[2][0], A = p[2][1];
+    const G = h((I[0][0] - u[0]) / i), N = h(
       -(I[0][1] - u[1]) / i
     ), R = h((I[1][0] - u[0]) / i), k = h(
       -(I[1][1] - u[1]) / i
     ), U = h((I[2][0] - u[0]) / i), Q = h(
       -(I[2][1] - u[1]) / i
-    ), j = W, q = Y;
-    W = 0, Y = 0, M -= j, v -= q, D -= j, A -= q;
-    const mt = [
-      [M, v, 0, 0, R - G],
+    ), j = v, q = Y;
+    v = 0, Y = 0, W -= j, M -= q, D -= j, A -= q;
+    const Et = [
+      [W, M, 0, 0, R - G],
       [D, A, 0, 0, U - G],
-      [0, 0, M, v, k - Z],
-      [0, 0, D, A, Q - Z]
-    ], H = vt(mt);
-    if (!H)
+      [0, 0, W, M, k - N],
+      [0, 0, D, A, Q - N]
+    ], S = vt(Et);
+    if (!S)
       return;
-    if (r.save(), r.beginPath(), kt() || !x) {
+    if (r.save(), r.beginPath(), Gt() || !x) {
       r.moveTo(R, k);
-      const P = 4, b = G - R, it = Z - k;
-      for (let O = 0; O < P; O++)
+      const O = 4, K = G - R, it = N - k;
+      for (let P = 0; P < O; P++)
         r.lineTo(
-          R + h((O + 1) * b / P),
-          k + h(O * it / (P - 1))
-        ), O != P - 1 && r.lineTo(
-          R + h((O + 1) * b / P),
-          k + h((O + 1) * it / (P - 1))
+          R + h((P + 1) * K / O),
+          k + h(P * it / (O - 1))
+        ), P != O - 1 && r.lineTo(
+          R + h((P + 1) * K / O),
+          k + h((P + 1) * it / (O - 1))
         );
       r.lineTo(U, Q);
     } else
-      r.moveTo(R, k), r.lineTo(G, Z), r.lineTo(U, Q);
+      r.moveTo(R, k), r.lineTo(G, N), r.lineTo(U, Q);
     r.clip(), r.transform(
-      H[0],
-      H[2],
-      H[1],
-      H[3],
+      S[0],
+      S[2],
+      S[1],
+      S[3],
       G,
-      Z
+      N
     ), r.translate(
       E[0] - j,
       E[3] - q
     );
-    let S;
+    let Z;
     if (l)
-      S = l.canvas, r.scale(d, -d);
+      Z = l.canvas, r.scale(d, -d);
     else {
-      const P = _[0], b = P.extent;
-      S = P.image, r.scale(
-        L(b) / S.width,
-        -K(b) / S.height
+      const O = g[0], K = O.extent;
+      Z = O.image, r.scale(
+        L(K) / Z.width,
+        -b(K) / Z.height
       );
     }
-    r.drawImage(S, 0, 0), r.restore();
-  }), l && (et(l), B.push(l.canvas)), X && (r.save(), r.globalCompositeOperation = "source-over", r.strokeStyle = "black", r.lineWidth = 1, m.getTriangles().forEach(function(a, w, C) {
-    const p = a.target, I = (p[0][0] - u[0]) / i, W = -(p[0][1] - u[1]) / i, Y = (p[1][0] - u[0]) / i, M = -(p[1][1] - u[1]) / i, v = (p[2][0] - u[0]) / i, D = -(p[2][1] - u[1]) / i;
-    r.beginPath(), r.moveTo(Y, M), r.lineTo(I, W), r.lineTo(v, D), r.closePath(), r.stroke();
+    r.drawImage(Z, 0, 0), r.restore();
+  }), l && (et(l), B.push(l.canvas)), X && (r.save(), r.globalCompositeOperation = "source-over", r.strokeStyle = "black", r.lineWidth = 1, m.getTriangles().forEach(function(o, y, C) {
+    const p = o.target, I = (p[0][0] - u[0]) / i, v = -(p[0][1] - u[1]) / i, Y = (p[1][0] - u[0]) / i, W = -(p[1][1] - u[1]) / i, M = (p[2][0] - u[0]) / i, D = -(p[2][1] - u[1]) / i;
+    r.beginPath(), r.moveTo(Y, W), r.lineTo(I, v), r.lineTo(M, D), r.closePath(), r.stroke();
   }), r.restore()), r.canvas;
 }
-const Zt = 10, ut = 0.25;
-class Ht {
+const Zt = 10, lt = 0.25;
+class Kt {
   /**
    * @param {import("../proj/Projection.js").default} sourceProj Source projection.
    * @param {import("../proj/Projection.js").default} targetProj Target projection.
@@ -467,18 +479,18 @@ class Ht {
    */
   constructor(t, e, s, n, i, c, m) {
     this.sourceProj_ = t, this.targetProj_ = e;
-    let _ = {};
-    const T = m ? Lt(
-      (d) => Tt(
+    let g = {};
+    const T = m ? Ft(
+      (d) => pt(
         m,
-        ft(d, this.targetProj_, this.sourceProj_)
+        dt(d, this.targetProj_, this.sourceProj_)
       )
-    ) : yt(this.targetProj_, this.sourceProj_);
+    ) : wt(this.targetProj_, this.sourceProj_);
     this.transformInv_ = function(d) {
       const u = d[0] + "/" + d[1];
-      return _[u] || (_[u] = T(d)), _[u];
+      return g[u] || (g[u] = T(d)), g[u];
     }, this.maxSourceExtent_ = n, this.errorThresholdSquared_ = i * i, this.triangles_ = [], this.wrapsXInSource_ = !1, this.canWrapXInSource_ = this.sourceProj_.canWrapX() && !!n && !!this.sourceProj_.getExtent() && L(n) >= L(this.sourceProj_.getExtent()), this.sourceWorldWidth_ = this.sourceProj_.getExtent() ? L(this.sourceProj_.getExtent()) : null, this.targetWorldWidth_ = this.targetProj_.getExtent() ? L(this.targetProj_.getExtent()) : null;
-    const X = _t(s), x = Ft(s), y = wt(s), F = Dt(s), r = this.transformInv_(X), h = this.transformInv_(x), E = this.transformInv_(y), l = this.transformInv_(F), f = Zt + (c ? Math.max(
+    const X = gt(s), x = yt(s), F = Dt(s), w = Ot(s), r = this.transformInv_(X), h = this.transformInv_(x), E = this.transformInv_(F), l = this.transformInv_(w), f = Zt + (c ? Math.max(
       0,
       Math.ceil(
         Math.log2(
@@ -489,8 +501,8 @@ class Ht {
     if (this.addQuad_(
       X,
       x,
-      y,
       F,
+      w,
       r,
       h,
       E,
@@ -498,7 +510,7 @@ class Ht {
       f
     ), this.wrapsXInSource_) {
       let d = 1 / 0;
-      this.triangles_.forEach(function(u, a, w) {
+      this.triangles_.forEach(function(u, o, y) {
         d = Math.min(
           d,
           u.source[0][0],
@@ -511,26 +523,26 @@ class Ht {
           u.source[1][0],
           u.source[2][0]
         ) - d > this.sourceWorldWidth_ / 2) {
-          const a = [
+          const o = [
             [u.source[0][0], u.source[0][1]],
             [u.source[1][0], u.source[1][1]],
             [u.source[2][0], u.source[2][1]]
           ];
-          a[0][0] - d > this.sourceWorldWidth_ / 2 && (a[0][0] -= this.sourceWorldWidth_), a[1][0] - d > this.sourceWorldWidth_ / 2 && (a[1][0] -= this.sourceWorldWidth_), a[2][0] - d > this.sourceWorldWidth_ / 2 && (a[2][0] -= this.sourceWorldWidth_);
-          const w = Math.min(
-            a[0][0],
-            a[1][0],
-            a[2][0]
+          o[0][0] - d > this.sourceWorldWidth_ / 2 && (o[0][0] -= this.sourceWorldWidth_), o[1][0] - d > this.sourceWorldWidth_ / 2 && (o[1][0] -= this.sourceWorldWidth_), o[2][0] - d > this.sourceWorldWidth_ / 2 && (o[2][0] -= this.sourceWorldWidth_);
+          const y = Math.min(
+            o[0][0],
+            o[1][0],
+            o[2][0]
           );
           Math.max(
-            a[0][0],
-            a[1][0],
-            a[2][0]
-          ) - w < this.sourceWorldWidth_ / 2 && (u.source = a);
+            o[0][0],
+            o[1][0],
+            o[2][0]
+          ) - y < this.sourceWorldWidth_ / 2 && (u.source = o);
         }
       });
     }
-    _ = {};
+    g = {};
   }
   /**
    * Adds triangle to the triangulation.
@@ -564,33 +576,33 @@ class Ht {
    * @param {number} maxSubdivision Maximal allowed subdivision of the quad.
    * @private
    */
-  addQuad_(t, e, s, n, i, c, m, _, T) {
-    const X = ot([i, c, m, _]), x = this.sourceWorldWidth_ ? L(X) / this.sourceWorldWidth_ : null, y = (
+  addQuad_(t, e, s, n, i, c, m, g, T) {
+    const X = ot([i, c, m, g]), x = this.sourceWorldWidth_ ? L(X) / this.sourceWorldWidth_ : null, F = (
       /** @type {number} */
       this.sourceWorldWidth_
-    ), F = this.sourceProj_.canWrapX() && x > 0.5 && x < 1;
+    ), w = this.sourceProj_.canWrapX() && x > 0.5 && x < 1;
     let r = !1;
     if (T > 0) {
       if (this.targetProj_.isGlobal() && this.targetWorldWidth_) {
         const E = ot([t, e, s, n]);
-        r = L(E) / this.targetWorldWidth_ > ut || r;
+        r = L(E) / this.targetWorldWidth_ > lt || r;
       }
-      !F && this.sourceProj_.isGlobal() && x && (r = x > ut || r);
+      !w && this.sourceProj_.isGlobal() && x && (r = x > lt || r);
     }
-    if (!r && this.maxSourceExtent_ && isFinite(X[0]) && isFinite(X[1]) && isFinite(X[2]) && isFinite(X[3]) && !Pt(X, this.maxSourceExtent_))
+    if (!r && this.maxSourceExtent_ && isFinite(X[0]) && isFinite(X[1]) && isFinite(X[2]) && isFinite(X[3]) && !Ct(X, this.maxSourceExtent_))
       return;
     let h = 0;
-    if (!r && (!isFinite(i[0]) || !isFinite(i[1]) || !isFinite(c[0]) || !isFinite(c[1]) || !isFinite(m[0]) || !isFinite(m[1]) || !isFinite(_[0]) || !isFinite(_[1]))) {
+    if (!r && (!isFinite(i[0]) || !isFinite(i[1]) || !isFinite(c[0]) || !isFinite(c[1]) || !isFinite(m[0]) || !isFinite(m[1]) || !isFinite(g[0]) || !isFinite(g[1]))) {
       if (T > 0)
         r = !0;
-      else if (h = (!isFinite(i[0]) || !isFinite(i[1]) ? 8 : 0) + (!isFinite(c[0]) || !isFinite(c[1]) ? 4 : 0) + (!isFinite(m[0]) || !isFinite(m[1]) ? 2 : 0) + (!isFinite(_[0]) || !isFinite(_[1]) ? 1 : 0), h != 1 && h != 2 && h != 4 && h != 8)
+      else if (h = (!isFinite(i[0]) || !isFinite(i[1]) ? 8 : 0) + (!isFinite(c[0]) || !isFinite(c[1]) ? 4 : 0) + (!isFinite(m[0]) || !isFinite(m[1]) ? 2 : 0) + (!isFinite(g[0]) || !isFinite(g[1]) ? 1 : 0), h != 1 && h != 2 && h != 4 && h != 8)
         return;
     }
     if (T > 0) {
       if (!r) {
         const E = [(t[0] + s[0]) / 2, (t[1] + s[1]) / 2], l = this.transformInv_(E);
         let f;
-        F ? f = (z(i[0], y) + z(m[0], y)) / 2 - z(l[0], y) : f = (i[0] + m[0]) / 2 - l[0];
+        w ? f = (z(i[0], F) + z(m[0], F)) / 2 - z(l[0], F) : f = (i[0] + m[0]) / 2 - l[0];
         const d = (i[1] + m[1]) / 2 - l[1];
         r = f * f + d * d > this.errorThresholdSquared_;
       }
@@ -615,7 +627,7 @@ class Ht {
             d,
             l,
             m,
-            _,
+            g,
             T - 1
           );
         } else {
@@ -628,7 +640,7 @@ class Ht {
             i,
             l,
             d,
-            _,
+            g,
             T - 1
           ), this.addQuad_(
             E,
@@ -645,12 +657,12 @@ class Ht {
         return;
       }
     }
-    if (F) {
+    if (w) {
       if (!this.canWrapXInSource_)
         return;
       this.wrapsXInSource_ = !0;
     }
-    (h & 11) == 0 && this.addTriangle_(t, s, n, i, m, _), (h & 14) == 0 && this.addTriangle_(t, s, e, i, m, c), h && ((h & 13) == 0 && this.addTriangle_(e, n, t, c, _, i), (h & 7) == 0 && this.addTriangle_(e, n, s, c, _, m));
+    (h & 11) == 0 && this.addTriangle_(t, s, n, i, m, g), (h & 14) == 0 && this.addTriangle_(t, s, e, i, m, c), h && ((h & 13) == 0 && this.addTriangle_(e, n, t, c, g, i), (h & 7) == 0 && this.addTriangle_(e, n, s, c, g, m));
   }
   /**
    * Calculates extent of the `source` coordinates from all the triangles.
@@ -658,10 +670,10 @@ class Ht {
    * @return {import("../extent.js").Extent} Calculated extent.
    */
   calculateSourceExtent() {
-    const t = dt();
+    const t = _t();
     return this.triangles_.forEach(function(e, s, n) {
       const i = e.source;
-      J(t, i[0]), J(t, i[1]), J(t, i[2]);
+      $(t, i[0]), $(t, i[1]), $(t, i[2]);
     }), t;
   }
   /**
@@ -671,8 +683,8 @@ class Ht {
     return this.triangles_;
   }
 }
-const St = 0.5;
-class qt extends gt {
+const bt = 0.5;
+class Vt extends mt {
   /**
    * @param {import("../proj/Projection.js").default} sourceProj Source projection.
    * @param {import("../tilegrid/TileGrid.js").default} sourceTileGrid Source tile grid.
@@ -688,33 +700,33 @@ class qt extends gt {
    * @param {boolean} [renderEdges] Render reprojection edges.
    * @param {import("../Tile.js").Options} [options] Tile options.
    */
-  constructor(t, e, s, n, i, c, m, _, T, X, x, y) {
-    super(i, g.IDLE, y), this.renderEdges_ = x !== void 0 ? x : !1, this.pixelRatio_ = m, this.gutter_ = _, this.canvas_ = null, this.sourceTileGrid_ = e, this.targetTileGrid_ = n, this.wrappedTileCoord_ = c || i, this.sourceTiles_ = [], this.sourcesListenerKeys_ = null, this.sourceZ_ = 0, this.clipExtent_ = t.canWrapX() ? t.getExtent() : void 0;
-    const F = n.getTileCoordExtent(
+  constructor(t, e, s, n, i, c, m, g, T, X, x, F) {
+    super(i, _.IDLE, F), this.renderEdges_ = x !== void 0 ? x : !1, this.pixelRatio_ = m, this.gutter_ = g, this.canvas_ = null, this.sourceTileGrid_ = e, this.targetTileGrid_ = n, this.wrappedTileCoord_ = c || i, this.sourceTiles_ = [], this.sourcesListenerKeys_ = null, this.sourceZ_ = 0, this.clipExtent_ = t.canWrapX() ? t.getExtent() : void 0;
+    const w = n.getTileCoordExtent(
       this.wrappedTileCoord_
     ), r = this.targetTileGrid_.getExtent();
     let h = this.sourceTileGrid_.getExtent();
-    const E = r ? V(F, r) : F;
+    const E = r ? V(w, r) : w;
     if (st(E) === 0) {
-      this.state = g.EMPTY;
+      this.state = _.EMPTY;
       return;
     }
     const l = t.getExtent();
     l && (h ? h = V(h, l) : h = l);
     const f = n.getResolution(
       this.wrappedTileCoord_[0]
-    ), d = Bt(
+    ), d = Nt(
       t,
       s,
       E,
       f
     );
     if (!isFinite(d) || d <= 0) {
-      this.state = g.EMPTY;
+      this.state = _.EMPTY;
       return;
     }
-    const u = X !== void 0 ? X : St;
-    if (this.triangulation_ = new Ht(
+    const u = X !== void 0 ? X : bt;
+    if (this.triangulation_ = new Kt(
       t,
       s,
       E,
@@ -722,49 +734,49 @@ class qt extends gt {
       d * u,
       f
     ), this.triangulation_.getTriangles().length === 0) {
-      this.state = g.EMPTY;
+      this.state = _.EMPTY;
       return;
     }
     this.sourceZ_ = e.getZForResolution(d);
-    let a = this.triangulation_.calculateSourceExtent();
-    if (h && (t.canWrapX() ? (a[1] = rt(
-      a[1],
+    let o = this.triangulation_.calculateSourceExtent();
+    if (h && (t.canWrapX() ? (o[1] = ht(
+      o[1],
       h[1],
       h[3]
-    ), a[3] = rt(
-      a[3],
+    ), o[3] = ht(
+      o[3],
       h[1],
       h[3]
-    )) : a = V(a, h)), !st(a))
-      this.state = g.EMPTY;
+    )) : o = V(o, h)), !st(o))
+      this.state = _.EMPTY;
     else {
-      let w = 0, C = 0;
-      t.canWrapX() && (w = L(l), C = Math.floor(
-        (a[0] - l[0]) / w
-      )), Ot(
-        a.slice(),
+      let y = 0, C = 0;
+      t.canWrapX() && (y = L(l), C = Math.floor(
+        (o[0] - l[0]) / y
+      )), At(
+        o.slice(),
         t,
         !0
       ).forEach((I) => {
-        const W = e.getTileRangeForExtentAndZ(
+        const v = e.getTileRangeForExtentAndZ(
           I,
           this.sourceZ_
         );
-        for (let Y = W.minX; Y <= W.maxX; Y++)
-          for (let M = W.minY; M <= W.maxY; M++) {
-            const v = T(this.sourceZ_, Y, M, m);
-            if (v) {
-              const D = C * w;
-              this.sourceTiles_.push({ tile: v, offset: D });
+        for (let Y = v.minX; Y <= v.maxX; Y++)
+          for (let W = v.minY; W <= v.maxY; W++) {
+            const M = T(this.sourceZ_, Y, W, m);
+            if (M) {
+              const D = C * y;
+              this.sourceTiles_.push({ tile: M, offset: D });
             }
           }
         ++C;
-      }), this.sourceTiles_.length === 0 && (this.state = g.EMPTY);
+      }), this.sourceTiles_.length === 0 && (this.state = _.EMPTY);
     }
   }
   /**
    * Get the HTML Canvas element for this tile.
-   * @return {HTMLCanvasElement} Canvas.
+   * @return {HTMLCanvasElement|OffscreenCanvas} Canvas.
    */
   getImage() {
     return this.canvas_;
@@ -776,7 +788,7 @@ class qt extends gt {
     const t = [];
     if (this.sourceTiles_.forEach((e) => {
       const s = e.tile;
-      if (s && s.getState() == g.LOADED) {
+      if (s && s.getState() == _.LOADED) {
         const n = this.sourceTileGrid_.getTileCoordExtent(s.tileCoord);
         n[0] += e.offset, n[2] += e.offset;
         const i = this.clipExtent_?.slice();
@@ -787,27 +799,27 @@ class qt extends gt {
         });
       }
     }), this.sourceTiles_.length = 0, t.length === 0)
-      this.state = g.ERROR;
+      this.state = _.ERROR;
     else {
       const e = this.wrappedTileCoord_[0], s = this.targetTileGrid_.getTileSize(e), n = typeof s == "number" ? s : s[0], i = typeof s == "number" ? s : s[1], c = this.targetTileGrid_.getResolution(e), m = this.sourceTileGrid_.getResolution(
         this.sourceZ_
-      ), _ = this.targetTileGrid_.getTileCoordExtent(
+      ), g = this.targetTileGrid_.getTileCoordExtent(
         this.wrappedTileCoord_
       );
-      this.canvas_ = Gt(
+      this.canvas_ = St(
         n,
         i,
         this.pixelRatio_,
         m,
         this.sourceTileGrid_.getExtent(),
         c,
-        _,
+        g,
         this.triangulation_,
         t,
         this.gutter_,
         this.renderEdges_,
         this.interpolate
-      ), this.state = g.LOADED;
+      ), this.state = _.LOADED;
     }
     this.changed();
   }
@@ -816,21 +828,21 @@ class qt extends gt {
    * @override
    */
   load() {
-    if (this.state == g.IDLE) {
-      this.state = g.LOADING, this.changed();
+    if (this.state == _.IDLE) {
+      this.state = _.LOADING, this.changed();
       let t = 0;
       this.sourcesListenerKeys_ = [], this.sourceTiles_.forEach(({ tile: e }) => {
         const s = e.getState();
-        if (s == g.IDLE || s == g.LOADING) {
+        if (s == _.IDLE || s == _.LOADING) {
           t++;
-          const n = Ct(e, lt.CHANGE, (i) => {
+          const n = Pt(e, ft.CHANGE, (i) => {
             const c = e.getState();
-            (c == g.LOADED || c == g.ERROR || c == g.EMPTY) && (at(n), t--, t === 0 && (this.unlistenSources_(), this.reproject_()));
+            (c == _.LOADED || c == _.ERROR || c == _.EMPTY) && (rt(n), t--, t === 0 && (this.unlistenSources_(), this.reproject_()));
           });
           this.sourcesListenerKeys_.push(n);
         }
       }), t === 0 ? setTimeout(this.reproject_.bind(this), 0) : this.sourceTiles_.forEach(function({ tile: e }, s, n) {
-        e.getState() == g.IDLE && e.load();
+        e.getState() == _.IDLE && e.load();
       });
     }
   }
@@ -838,47 +850,53 @@ class qt extends gt {
    * @private
    */
   unlistenSources_() {
-    this.sourcesListenerKeys_.forEach(at), this.sourcesListenerKeys_ = null;
+    this.sourcesListenerKeys_.forEach(rt), this.sourcesListenerKeys_ = null;
   }
   /**
    * Remove from the cache due to expiry
    * @override
    */
   release() {
-    this.canvas_ && (et(this.canvas_.getContext("2d")), B.push(this.canvas_), this.canvas_ = null), super.release();
+    this.canvas_ && (et(
+      /** @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} */
+      this.canvas_.getContext("2d")
+    ), B.push(this.canvas_), this.canvas_ = null), super.release();
   }
 }
-function zt(o, t, e, s) {
-  return s !== void 0 ? (s[0] = o, s[1] = t, s[2] = e, s) : [o, t, e];
+function Jt(a, t, e, s) {
+  return s !== void 0 ? (s[0] = a, s[1] = t, s[2] = e, s) : [a, t, e];
+}
+function Ht(a, t, e) {
+  return a + "/" + t + "/" + e;
 }
-function Jt(o, t, e) {
-  return o + "/" + t + "/" + e;
+function ts(a, t, e, s, n) {
+  return `${Rt(a)},${t},${Ht(e, s, n)}`;
 }
-function Vt(o) {
-  return bt(o[0], o[1], o[2]);
+function ss(a) {
+  return Ut(a[0], a[1], a[2]);
 }
-function bt(o, t, e) {
-  return (t << o) + e;
+function Ut(a, t, e) {
+  return (t << a) + e;
 }
-function $t(o, t) {
-  const e = o[0], s = o[1], n = o[2];
+function es(a, t) {
+  const e = a[0], s = a[1], n = a[2];
   if (t.getMinZoom() > e || e > t.getMaxZoom())
     return !1;
   const i = t.getFullTileRange(e);
   return i ? i.containsXY(s, n) : !0;
 }
 export {
-  St as E,
-  Qt as I,
-  qt as R,
-  gt as T,
-  Ht as a,
-  Rt as b,
-  ct as c,
-  zt as d,
-  jt as e,
-  Jt as g,
-  Vt as h,
-  Gt as r,
-  $t as w
+  bt as E,
+  zt as I,
+  Vt as R,
+  mt as T,
+  Kt as a,
+  Bt as b,
+  ut as c,
+  Jt as d,
+  $t as e,
+  ts as g,
+  ss as h,
+  St as r,
+  es as w
 };