@datagouv/components-next 1.0.2-dev.112 → 1.0.2-dev.114

package/dist/{tilecoord-A0fLnBZr.js → tilecoord-CPcQJnrF.js}

@@ -1,14 +1,14 @@
-import { T as _, W as nt, n as xt, c as H, b as et } from "./Image-BijNEG0p.js";
-import { z as Tt, g as pt } from "./common-BjQlan3k.js";
-import { aD 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, aU as vt, x as Yt, r as Lt, aV as Ft, ak as wt, aJ as yt, aA as Dt, aK as Ot, aW 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-CsNo9yH1.js";
+import { T as d, b as nt, l as xt, c as H, r as st } from "./Image-BHQYZWzH.js";
+import { f as Tt, b as pt } from "./common-C8efyyuc.js";
+import { c as It, E as ft, d as Xt, aS as _t, ag as rt, u as Mt, X as vt, ae as b, ao as y, ai as dt, aI as Wt, y as gt, aa as Yt, $ as yt, I as Pt, ak as Lt, aj as Ot, a9 as Ft, a8 as wt, a7 as et, m as ot, aq as Dt, aA as $, Y as z, af as V, ax as Ct, aV as at, p as ht, aX as At, am as Rt } from "./proj-CsjVeojN.js";
 class mt extends It {
   /**
    * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
    * @param {import("./TileState.js").default} state State.
    * @param {Options} [options] Tile options.
    */
-  constructor(t, e, s) {
-    super(), s = s || {}, this.tileCoord = t, this.state = e, this.key = "", this.transition_ = s.transition === void 0 ? 250 : s.transition, this.transitionStarts_ = {}, this.interpolate = !!s.interpolate;
+  constructor(t, s, e) {
+    super(), e = e || {}, this.tileCoord = t, this.state = s, this.key = "", this.transition_ = e.transition === void 0 ? 250 : e.transition, this.transitionStarts_ = {}, this.interpolate = !!e.interpolate;
   }
   /**
    * @protected
@@ -20,7 +20,7 @@ class mt extends It {
    * Called by the tile cache when the tile is removed from the cache due to expiry
    */
   release() {
-    this.setState(_.EMPTY);
+    this.setState(d.EMPTY);
   }
   /**
    * @return {string} Key.
@@ -51,8 +51,8 @@ class mt extends It {
    * @api
    */
   setState(t) {
-    if (this.state !== _.EMPTY) {
-      if (this.state !== _.ERROR && this.state > t)
+    if (this.state !== d.EMPTY) {
+      if (this.state !== d.ERROR && this.state > t)
         throw new Error("Tile load sequence violation");
       this.state = t, this.changed();
     }
@@ -73,16 +73,16 @@ class mt extends It {
    * @param {number} time The render frame time.
    * @return {number} A number between 0 and 1.
    */
-  getAlpha(t, e) {
+  getAlpha(t, s) {
     if (!this.transition_)
       return 1;
-    let s = this.transitionStarts_[t];
-    if (!s)
-      s = e, this.transitionStarts_[t] = s;
-    else if (s === -1)
+    let e = this.transitionStarts_[t];
+    if (!e)
+      e = s, this.transitionStarts_[t] = e;
+    else if (e === -1)
       return 1;
-    const n = e - s + 1e3 / 60;
-    return n >= this.transition_ ? 1 : Tt(n / this.transition_);
+    const r = s - e + 1e3 / 60;
+    return r >= this.transition_ ? 1 : Tt(r / this.transition_);
   }
   /**
    * Determine if a tile is in an alpha transition.  A tile is considered in
@@ -108,17 +108,17 @@ class mt extends It {
     this.release(), super.disposeInternal();
   }
 }
-class zt extends mt {
+class $t extends mt {
   /**
    * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
    * @param {import("./TileState.js").default} state State.
    * @param {string} src Image source URI.
-   * @param {?string} crossOrigin Cross origin.
+   * @param {import('./dom.js').ImageAttributes} imageAttributes Image attributes options.
    * @param {import("./Tile.js").LoadFunction} tileLoadFunction Tile load function.
    * @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_, nt ? this.image_ = new OffscreenCanvas(1, 1) : (this.image_ = new Image(), n !== null && (this.image_.crossOrigin = n)), this.unlisten_ = null, this.tileLoadFunction_ = i;
+  constructor(t, s, e, r, i, c) {
+    super(t, s, c), this.crossOrigin_ = r?.crossOrigin, this.referrerPolicy_ = r?.referrerPolicy, this.src_ = e, this.key = e, this.image_, nt ? this.image_ = new OffscreenCanvas(1, 1) : (this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_), this.referrerPolicy_ !== void 0 && (this.image_.referrerPolicy = this.referrerPolicy_)), this.unlisten_ = null, this.tileLoadFunction_ = i;
   }
   /**
    * Get the HTML image element for this tile (may be a Canvas, OffscreenCanvas, Image, or Video).
@@ -133,7 +133,7 @@ class zt extends mt {
    * @param {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement} element Element.
    */
   setImage(t) {
-    this.image_ = t, this.state = _.LOADED, this.unlistenImage_(), this.changed();
+    this.image_ = t, this.state = d.LOADED, this.unlistenImage_(), this.changed();
   }
   /**
    * Get the cross origin of the ImageTile.
@@ -142,13 +142,20 @@ class zt extends mt {
   getCrossOrigin() {
     return this.crossOrigin_;
   }
+  /**
+   * Get the referrer policy of the ImageTile.
+   * @return {ReferrerPolicy} Referrer policy.
+   */
+  getReferrerPolicy() {
+    return this.referrerPolicy_;
+  }
   /**
    * Tracks loading or read errors.
    *
    * @private
    */
   handleImageError_() {
-    this.state = _.ERROR, this.unlistenImage_(), this.image_ = kt(), this.changed();
+    this.state = d.ERROR, this.unlistenImage_(), this.image_ = kt(), this.changed();
   }
   /**
    * Tracks successful image load.
@@ -157,13 +164,13 @@ class zt extends mt {
    */
   handleImageLoad_() {
     if (nt)
-      this.state = _.LOADED;
+      this.state = d.LOADED;
     else {
       const t = (
         /** @type {HTMLImageElement} */
         this.image_
       );
-      t.naturalWidth && t.naturalHeight ? this.state = _.LOADED : this.state = _.EMPTY;
+      t.naturalWidth && t.naturalHeight ? this.state = d.LOADED : this.state = d.EMPTY;
     }
     this.unlistenImage_(), this.changed();
   }
@@ -205,7 +212,7 @@ class zt extends mt {
    * @override
    */
   load() {
-    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.state == d.ERROR && (this.state = d.IDLE, this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_), this.referrerPolicy_ !== void 0 && (this.image_.referrerPolicy = this.referrerPolicy_)), this.state == d.IDLE && (this.state = d.LOADING, this.changed(), this.tileLoadFunction_(this, this.src_), this.unlisten_ = xt(
       this.image_,
       this.handleImageLoad_.bind(this),
       this.handleImageError_.bind(this)
@@ -227,8 +234,8 @@ class zt extends mt {
   }
 }
 function kt() {
-  const a = H(1, 1);
-  return a.fillStyle = "rgba(0,0,0,0)", a.fillRect(0, 0, 1, 1), a.canvas;
+  const n = H(1, 1);
+  return n.fillStyle = "rgba(0,0,0,0)", n.fillRect(0, 0, 1, 1), n.canvas;
 }
 class Bt {
   /**
@@ -237,8 +244,8 @@ class Bt {
    * @param {number} minY Minimum Y.
    * @param {number} maxY Maximum Y.
    */
-  constructor(t, e, s, n) {
-    this.minX = t, this.maxX = e, this.minY = s, this.maxY = n;
+  constructor(t, s, e, r) {
+    this.minX = t, this.maxX = s, this.minY = e, this.maxY = r;
   }
   /**
    * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
@@ -259,8 +266,8 @@ class Bt {
    * @param {number} y Tile coordinate y.
    * @return {boolean} Contains coordinate.
    */
-  containsXY(t, e) {
-    return this.minX <= t && t <= this.maxX && this.minY <= e && e <= this.maxY;
+  containsXY(t, s) {
+    return this.minX <= t && t <= this.maxX && this.minY <= s && s <= this.maxY;
   }
   /**
    * @param {TileRange} tileRange Tile range.
@@ -301,97 +308,97 @@ class Bt {
     return this.minX <= t.maxX && this.maxX >= t.minX && this.minY <= t.maxY && this.maxY >= t.minY;
   }
 }
-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);
+function zt(n, t, s, e, r) {
+  return r !== void 0 ? (r.minX = n, r.maxX = t, r.minY = s, r.maxY = e, r) : new Bt(n, t, s, e);
 }
 let J;
 const B = [];
-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 ct(n, t, s, e, r) {
+  n.beginPath(), n.moveTo(0, 0), n.lineTo(t, s), n.lineTo(e, r), n.closePath(), n.save(), n.clip(), n.fillRect(0, 0, Math.max(t, e) + 1, Math.max(s, r)), n.restore();
 }
-function tt(a, t) {
-  return Math.abs(a[t * 4] - 210) > 2 || Math.abs(a[t * 4 + 3] - 0.75 * 255) > 2;
+function tt(n, t) {
+  return Math.abs(n[t * 4] - 210) > 2 || Math.abs(n[t * 4 + 3] - 0.75 * 255) > 2;
 }
 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);
+    const n = H(6, 6, B);
+    n.globalCompositeOperation = "lighter", n.fillStyle = "rgba(210, 0, 0, 0.75)", ct(n, 4, 5, 4, 0), ct(n, 4, 5, 0, 5);
+    const t = n.getImageData(0, 0, 3, 3).data;
+    J = tt(t, 0) || tt(t, 4) || tt(t, 8), st(n), B.push(n.canvas);
   }
   return J;
 }
-function ut(a, t, e, s) {
-  const n = dt(e, t, a);
-  let i = at(
+function ut(n, t, s, e) {
+  const r = _t(s, t, n);
+  let i = rt(
     t,
-    s,
-    e
+    e,
+    s
   );
   const c = t.getMetersPerUnit();
   c !== void 0 && (i *= c);
-  const m = a.getMetersPerUnit();
+  const m = n.getMetersPerUnit();
   m !== void 0 && (i /= m);
-  const g = a.getExtent();
-  if (!g || Wt(g, n)) {
-    const T = at(a, i, n) / i;
+  const g = n.getExtent();
+  if (!g || Mt(g, r)) {
+    const T = rt(n, i, r) / i;
     isFinite(T) && T > 0 && (i /= T);
   }
   return i;
 }
-function Kt(a, t, e, s) {
-  const n = Yt(e);
+function Nt(n, t, s, e) {
+  const r = Yt(s);
   let i = ut(
-    a,
-    t,
     n,
-    s
+    t,
+    r,
+    e
   );
-  return (!isFinite(i) || i <= 0) && Lt(e, function(c) {
+  return (!isFinite(i) || i <= 0) && yt(s, function(c) {
     return i = ut(
-      a,
+      n,
       t,
       c,
-      s
+      e
     ), isFinite(i) && i > 0;
   }), i;
 }
-function Nt(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),
+function St(n, t, s, e, r, i, c, m, g, T, X, x, P, L) {
+  const a = H(
+    Math.round(s * n),
+    Math.round(s * t),
     B
   );
-  if (x || (r.imageSmoothingEnabled = !1), g.length === 0)
-    return r.canvas;
-  r.scale(e, e);
+  if (x || (a.imageSmoothingEnabled = !1), g.length === 0)
+    return a.canvas;
+  a.scale(s, s);
   function h(o) {
-    return Math.round(o * e) / e;
+    return Math.round(o * s) / s;
   }
-  r.globalCompositeOperation = "lighter";
-  const E = _t();
-  g.forEach(function(o, y, C) {
-    Mt(E, o.extent);
+  a.globalCompositeOperation = "lighter";
+  const E = gt();
+  g.forEach(function(o, O, w) {
+    vt(E, o.extent);
   });
   let l;
-  const f = e / s, d = (x ? 1 : 1 + Math.pow(2, -24)) / f;
-  (!F || g.length !== 1 || T !== 0) && (l = H(
-    Math.round(L(E) * f),
+  const f = s / e, _ = (x ? 1 : 1 + Math.pow(2, -24)) / f;
+  (!P || g.length !== 1 || T !== 0) && (l = H(
+    Math.round(y(E) * f),
     Math.round(b(E) * f),
     B
-  ), x || (l.imageSmoothingEnabled = !1), g.forEach(function(o, y, C) {
+  ), x || (l.imageSmoothingEnabled = !1), g.forEach(function(o, O, w) {
     if (o.image.width > 0 && o.image.height > 0) {
       if (o.clipExtent) {
         l.save();
-        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;
+        const M = (o.clipExtent[0] - E[0]) * f, W = -(o.clipExtent[3] - E[3]) * f, D = y(o.clipExtent) * f, A = b(o.clipExtent) * f;
         l.rect(
-          x ? W : Math.round(W),
           x ? M : Math.round(M),
-          x ? D : Math.round(W + D) - Math.round(W),
-          x ? A : Math.round(M + A) - Math.round(M)
+          x ? W : Math.round(W),
+          x ? D : Math.round(M + D) - Math.round(M),
+          x ? A : Math.round(W + A) - Math.round(W)
         ), l.clip();
       }
-      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;
+      const p = (o.extent[0] - E[0]) * f, I = -(o.extent[3] - E[3]) * f, v = y(o.extent) * f, Y = b(o.extent) * f;
       l.drawImage(
         o.image,
         T,
@@ -405,69 +412,69 @@ function Nt(a, t, e, s, n, i, c, m, g, T, X, x, F, w) {
       ), o.clipExtent && l.restore();
     }
   }));
-  const u = gt(c);
-  return m.getTriangles().forEach(function(o, y, C) {
+  const u = dt(c);
+  return m.getTriangles().forEach(function(o, O, w) {
     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), K = h(
+    let v = p[0][0], Y = p[0][1], M = p[1][0], W = 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(
+    ), Q = h((I[2][0] - u[0]) / i), U = h(
       -(I[2][1] - u[1]) / i
     ), j = v, q = Y;
-    v = 0, Y = 0, W -= j, M -= q, D -= j, A -= q;
+    v = 0, Y = 0, M -= j, W -= q, D -= j, A -= q;
     const Et = [
-      [W, M, 0, 0, R - G],
-      [D, A, 0, 0, U - G],
-      [0, 0, W, M, k - K],
-      [0, 0, D, A, Q - K]
-    ], N = vt(Et);
-    if (!N)
+      [M, W, 0, 0, R - G],
+      [D, A, 0, 0, Q - G],
+      [0, 0, M, W, k - N],
+      [0, 0, D, A, U - N]
+    ], S = Wt(Et);
+    if (!S)
       return;
-    if (r.save(), r.beginPath(), Gt() || !x) {
-      r.moveTo(R, k);
-      const O = 4, S = G - R, it = K - k;
-      for (let P = 0; P < O; P++)
-        r.lineTo(
-          R + h((P + 1) * S / O),
-          k + h(P * it / (O - 1))
-        ), P != O - 1 && r.lineTo(
-          R + h((P + 1) * S / O),
-          k + h((P + 1) * it / (O - 1))
+    if (a.save(), a.beginPath(), Gt() || !x) {
+      a.moveTo(R, k);
+      const F = 4, K = G - R, it = N - k;
+      for (let C = 0; C < F; C++)
+        a.lineTo(
+          R + h((C + 1) * K / F),
+          k + h(C * it / (F - 1))
+        ), C != F - 1 && a.lineTo(
+          R + h((C + 1) * K / F),
+          k + h((C + 1) * it / (F - 1))
         );
-      r.lineTo(U, Q);
+      a.lineTo(Q, U);
     } else
-      r.moveTo(R, k), r.lineTo(G, K), r.lineTo(U, Q);
-    r.clip(), r.transform(
-      N[0],
-      N[2],
-      N[1],
-      N[3],
+      a.moveTo(R, k), a.lineTo(G, N), a.lineTo(Q, U);
+    a.clip(), a.transform(
+      S[0],
+      S[2],
+      S[1],
+      S[3],
       G,
-      K
-    ), r.translate(
+      N
+    ), a.translate(
       E[0] - j,
       E[3] - q
     );
     let Z;
     if (l)
-      Z = l.canvas, r.scale(d, -d);
+      Z = l.canvas, a.scale(_, -_);
     else {
-      const O = g[0], S = O.extent;
-      Z = O.image, r.scale(
-        L(S) / Z.width,
-        -b(S) / Z.height
+      const F = g[0], K = F.extent;
+      Z = F.image, a.scale(
+        y(K) / Z.width,
+        -b(K) / Z.height
       );
     }
-    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;
+    a.drawImage(Z, 0, 0), a.restore();
+  }), l && (st(l), B.push(l.canvas)), X && (a.save(), a.globalCompositeOperation = "source-over", a.strokeStyle = "black", a.lineWidth = 1, m.getTriangles().forEach(function(o, O, w) {
+    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, M = -(p[1][1] - u[1]) / i, W = (p[2][0] - u[0]) / i, D = -(p[2][1] - u[1]) / i;
+    a.beginPath(), a.moveTo(Y, M), a.lineTo(I, v), a.lineTo(W, D), a.closePath(), a.stroke();
+  }), a.restore()), a.canvas;
 }
 const Zt = 10, lt = 0.25;
-class St {
+class Kt {
   /**
    * @param {import("../proj/Projection.js").default} sourceProj Source projection.
    * @param {import("../proj/Projection.js").default} targetProj Target projection.
@@ -477,42 +484,42 @@ class St {
    * @param {?number} destinationResolution The (optional) resolution of the destination.
    * @param {import("../transform.js").Transform} [sourceMatrix] Source transform matrix.
    */
-  constructor(t, e, s, n, i, c, m) {
-    this.sourceProj_ = t, this.targetProj_ = e;
+  constructor(t, s, e, r, i, c, m) {
+    this.sourceProj_ = t, this.targetProj_ = s;
     let g = {};
-    const T = m ? Ft(
-      (d) => pt(
+    const T = m ? Pt(
+      (_) => pt(
         m,
-        dt(d, this.targetProj_, this.sourceProj_)
+        _t(_, this.targetProj_, this.sourceProj_)
       )
-    ) : wt(this.targetProj_, this.sourceProj_);
-    this.transformInv_ = function(d) {
-      const u = d[0] + "/" + d[1];
-      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 = 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(
+    ) : Lt(this.targetProj_, this.sourceProj_);
+    this.transformInv_ = function(_) {
+      const u = _[0] + "/" + _[1];
+      return g[u] || (g[u] = T(_)), g[u];
+    }, this.maxSourceExtent_ = r, this.errorThresholdSquared_ = i * i, this.triangles_ = [], this.wrapsXInSource_ = !1, this.canWrapXInSource_ = this.sourceProj_.canWrapX() && !!r && !!this.sourceProj_.getExtent() && y(r) >= y(this.sourceProj_.getExtent()), this.sourceWorldWidth_ = this.sourceProj_.getExtent() ? y(this.sourceProj_.getExtent()) : null, this.targetWorldWidth_ = this.targetProj_.getExtent() ? y(this.targetProj_.getExtent()) : null;
+    const X = dt(e), x = Ot(e), P = Ft(e), L = wt(e), a = this.transformInv_(X), h = this.transformInv_(x), E = this.transformInv_(P), l = this.transformInv_(L), f = Zt + (c ? Math.max(
       0,
       Math.ceil(
         Math.log2(
-          st(s) / (c * c * 256 * 256)
+          et(e) / (c * c * 256 * 256)
         )
       )
     ) : 0);
     if (this.addQuad_(
       X,
       x,
-      F,
-      w,
-      r,
+      P,
+      L,
+      a,
       h,
       E,
       l,
       f
     ), this.wrapsXInSource_) {
-      let d = 1 / 0;
-      this.triangles_.forEach(function(u, o, y) {
-        d = Math.min(
-          d,
+      let _ = 1 / 0;
+      this.triangles_.forEach(function(u, o, O) {
+        _ = Math.min(
+          _,
           u.source[0][0],
           u.source[1][0],
           u.source[2][0]
@@ -522,14 +529,14 @@ class St {
           u.source[0][0],
           u.source[1][0],
           u.source[2][0]
-        ) - d > this.sourceWorldWidth_ / 2) {
+        ) - _ > this.sourceWorldWidth_ / 2) {
           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]]
           ];
-          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] - _ > this.sourceWorldWidth_ / 2 && (o[0][0] -= this.sourceWorldWidth_), o[1][0] - _ > this.sourceWorldWidth_ / 2 && (o[1][0] -= this.sourceWorldWidth_), o[2][0] - _ > this.sourceWorldWidth_ / 2 && (o[2][0] -= this.sourceWorldWidth_);
+          const O = Math.min(
             o[0][0],
             o[1][0],
             o[2][0]
@@ -538,7 +545,7 @@ class St {
             o[0][0],
             o[1][0],
             o[2][0]
-          ) - y < this.sourceWorldWidth_ / 2 && (u.source = o);
+          ) - O < this.sourceWorldWidth_ / 2 && (u.source = o);
         }
       });
     }
@@ -554,10 +561,10 @@ class St {
    * @param {import("../coordinate.js").Coordinate} cSrc The source c coordinate.
    * @private
    */
-  addTriangle_(t, e, s, n, i, c) {
+  addTriangle_(t, s, e, r, i, c) {
     this.triangles_.push({
-      source: [n, i, c],
-      target: [t, e, s]
+      source: [r, i, c],
+      target: [t, s, e]
     });
   }
   /**
@@ -576,93 +583,93 @@ class St {
    * @param {number} maxSubdivision Maximal allowed subdivision of the quad.
    * @private
    */
-  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 = (
+  addQuad_(t, s, e, r, i, c, m, g, T) {
+    const X = ot([i, c, m, g]), x = this.sourceWorldWidth_ ? y(X) / this.sourceWorldWidth_ : null, P = (
       /** @type {number} */
       this.sourceWorldWidth_
-    ), w = this.sourceProj_.canWrapX() && x > 0.5 && x < 1;
-    let r = !1;
+    ), L = this.sourceProj_.canWrapX() && x > 0.5 && x < 1;
+    let a = !1;
     if (T > 0) {
       if (this.targetProj_.isGlobal() && this.targetWorldWidth_) {
-        const E = ot([t, e, s, n]);
-        r = L(E) / this.targetWorldWidth_ > lt || r;
+        const E = ot([t, s, e, r]);
+        a = y(E) / this.targetWorldWidth_ > lt || a;
       }
-      !w && this.sourceProj_.isGlobal() && x && (r = x > lt || r);
+      !L && this.sourceProj_.isGlobal() && x && (a = x > lt || a);
     }
-    if (!r && this.maxSourceExtent_ && isFinite(X[0]) && isFinite(X[1]) && isFinite(X[2]) && isFinite(X[3]) && !Ct(X, this.maxSourceExtent_))
+    if (!a && this.maxSourceExtent_ && isFinite(X[0]) && isFinite(X[1]) && isFinite(X[2]) && isFinite(X[3]) && !Dt(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(g[0]) || !isFinite(g[1]))) {
+    if (!a && (!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;
+        a = !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(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);
+      if (!a) {
+        const E = [(t[0] + e[0]) / 2, (t[1] + e[1]) / 2], l = this.transformInv_(E);
         let f;
-        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_;
+        L ? f = ($(i[0], P) + $(m[0], P)) / 2 - $(l[0], P) : f = (i[0] + m[0]) / 2 - l[0];
+        const _ = (i[1] + m[1]) / 2 - l[1];
+        a = f * f + _ * _ > this.errorThresholdSquared_;
       }
-      if (r) {
-        if (Math.abs(t[0] - s[0]) <= Math.abs(t[1] - s[1])) {
-          const E = [(e[0] + s[0]) / 2, (e[1] + s[1]) / 2], l = this.transformInv_(E), f = [(n[0] + t[0]) / 2, (n[1] + t[1]) / 2], d = this.transformInv_(f);
+      if (a) {
+        if (Math.abs(t[0] - e[0]) <= Math.abs(t[1] - e[1])) {
+          const E = [(s[0] + e[0]) / 2, (s[1] + e[1]) / 2], l = this.transformInv_(E), f = [(r[0] + t[0]) / 2, (r[1] + t[1]) / 2], _ = this.transformInv_(f);
           this.addQuad_(
             t,
-            e,
+            s,
             E,
             f,
             i,
             c,
             l,
-            d,
+            _,
             T - 1
           ), this.addQuad_(
             f,
             E,
-            s,
-            n,
-            d,
+            e,
+            r,
+            _,
             l,
             m,
             g,
             T - 1
           );
         } else {
-          const E = [(t[0] + e[0]) / 2, (t[1] + e[1]) / 2], l = this.transformInv_(E), f = [(s[0] + n[0]) / 2, (s[1] + n[1]) / 2], d = this.transformInv_(f);
+          const E = [(t[0] + s[0]) / 2, (t[1] + s[1]) / 2], l = this.transformInv_(E), f = [(e[0] + r[0]) / 2, (e[1] + r[1]) / 2], _ = this.transformInv_(f);
           this.addQuad_(
             t,
             E,
             f,
-            n,
+            r,
             i,
             l,
-            d,
+            _,
             g,
             T - 1
           ), this.addQuad_(
             E,
-            e,
             s,
+            e,
             f,
             l,
             c,
             m,
-            d,
+            _,
             T - 1
           );
         }
         return;
       }
     }
-    if (w) {
+    if (L) {
       if (!this.canWrapXInSource_)
         return;
       this.wrapsXInSource_ = !0;
     }
-    (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));
+    (h & 11) == 0 && this.addTriangle_(t, e, r, i, m, g), (h & 14) == 0 && this.addTriangle_(t, e, s, i, m, c), h && ((h & 13) == 0 && this.addTriangle_(s, r, t, c, g, i), (h & 7) == 0 && this.addTriangle_(s, r, e, c, g, m));
   }
   /**
    * Calculates extent of the `source` coordinates from all the triangles.
@@ -670,10 +677,10 @@ class St {
    * @return {import("../extent.js").Extent} Calculated extent.
    */
   calculateSourceExtent() {
-    const t = _t();
-    return this.triangles_.forEach(function(e, s, n) {
-      const i = e.source;
-      $(t, i[0]), $(t, i[1]), $(t, i[2]);
+    const t = gt();
+    return this.triangles_.forEach(function(s, e, r) {
+      const i = s.source;
+      z(t, i[0]), z(t, i[1]), z(t, i[2]);
     }), t;
   }
   /**
@@ -700,44 +707,44 @@ class Vt extends mt {
    * @param {boolean} [renderEdges] Render reprojection edges.
    * @param {import("../Tile.js").Options} [options] Tile options.
    */
-  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(
+  constructor(t, s, e, r, i, c, m, g, T, X, x, P) {
+    super(i, d.IDLE, P), this.renderEdges_ = x !== void 0 ? x : !1, this.pixelRatio_ = m, this.gutter_ = g, this.canvas_ = null, this.sourceTileGrid_ = s, this.targetTileGrid_ = r, this.wrappedTileCoord_ = c || i, this.sourceTiles_ = [], this.sourcesListenerKeys_ = null, this.sourceZ_ = 0, this.clipExtent_ = t.canWrapX() ? t.getExtent() : void 0;
+    const L = r.getTileCoordExtent(
       this.wrappedTileCoord_
-    ), r = this.targetTileGrid_.getExtent();
+    ), a = this.targetTileGrid_.getExtent();
     let h = this.sourceTileGrid_.getExtent();
-    const E = r ? V(w, r) : w;
-    if (st(E) === 0) {
-      this.state = _.EMPTY;
+    const E = a ? V(L, a) : L;
+    if (et(E) === 0) {
+      this.state = d.EMPTY;
       return;
     }
     const l = t.getExtent();
     l && (h ? h = V(h, l) : h = l);
-    const f = n.getResolution(
+    const f = r.getResolution(
       this.wrappedTileCoord_[0]
-    ), d = Kt(
+    ), _ = Nt(
       t,
-      s,
+      e,
       E,
       f
     );
-    if (!isFinite(d) || d <= 0) {
-      this.state = _.EMPTY;
+    if (!isFinite(_) || _ <= 0) {
+      this.state = d.EMPTY;
       return;
     }
     const u = X !== void 0 ? X : bt;
-    if (this.triangulation_ = new St(
+    if (this.triangulation_ = new Kt(
       t,
-      s,
+      e,
       E,
       h,
-      d * u,
+      _ * u,
       f
     ), this.triangulation_.getTriangles().length === 0) {
-      this.state = _.EMPTY;
+      this.state = d.EMPTY;
       return;
     }
-    this.sourceZ_ = e.getZForResolution(d);
+    this.sourceZ_ = s.getZForResolution(_);
     let o = this.triangulation_.calculateSourceExtent();
     if (h && (t.canWrapX() ? (o[1] = ht(
       o[1],
@@ -747,31 +754,31 @@ class Vt extends mt {
       o[3],
       h[1],
       h[3]
-    )) : o = V(o, h)), !st(o))
-      this.state = _.EMPTY;
+    )) : o = V(o, h)), !et(o))
+      this.state = d.EMPTY;
     else {
-      let y = 0, C = 0;
-      t.canWrapX() && (y = L(l), C = Math.floor(
-        (o[0] - l[0]) / y
+      let O = 0, w = 0;
+      t.canWrapX() && (O = y(l), w = Math.floor(
+        (o[0] - l[0]) / O
       )), At(
         o.slice(),
         t,
         !0
       ).forEach((I) => {
-        const v = e.getTileRangeForExtentAndZ(
+        const v = s.getTileRangeForExtentAndZ(
           I,
           this.sourceZ_
         );
         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 });
-            }
+          for (let M = v.minY; M <= v.maxY; M++) {
+            const W = w * O;
+            this.sourceTiles_.push({
+              getTile: () => T(this.sourceZ_, Y, M, m),
+              offset: W
+            });
           }
-        ++C;
-      }), this.sourceTiles_.length === 0 && (this.state = _.EMPTY);
+        ++w;
+      }), this.sourceTiles_.length === 0 && (this.state = d.EMPTY);
     }
   }
   /**
@@ -786,28 +793,28 @@ class Vt extends mt {
    */
   reproject_() {
     const t = [];
-    if (this.sourceTiles_.forEach((e) => {
-      const s = e.tile;
-      if (s && s.getState() == _.LOADED) {
-        const n = this.sourceTileGrid_.getTileCoordExtent(s.tileCoord);
-        n[0] += e.offset, n[2] += e.offset;
+    if (this.sourceTiles_.forEach((s) => {
+      const e = s.tile;
+      if (e && e.getState() == d.LOADED) {
+        const r = this.sourceTileGrid_.getTileCoordExtent(e.tileCoord);
+        r[0] += s.offset, r[2] += s.offset;
         const i = this.clipExtent_?.slice();
-        i && (i[0] += e.offset, i[2] += e.offset), t.push({
-          extent: n,
+        i && (i[0] += s.offset, i[2] += s.offset), t.push({
+          extent: r,
           clipExtent: i,
-          image: s.getImage()
+          image: e.getImage()
         });
       }
     }), this.sourceTiles_.length = 0, t.length === 0)
-      this.state = _.ERROR;
+      this.state = d.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(
+      const s = this.wrappedTileCoord_[0], e = this.targetTileGrid_.getTileSize(s), r = typeof e == "number" ? e : e[0], i = typeof e == "number" ? e : e[1], c = this.targetTileGrid_.getResolution(s), m = this.sourceTileGrid_.getResolution(
         this.sourceZ_
       ), g = this.targetTileGrid_.getTileCoordExtent(
         this.wrappedTileCoord_
       );
-      this.canvas_ = Nt(
-        n,
+      this.canvas_ = St(
+        r,
         i,
         this.pixelRatio_,
         m,
@@ -819,7 +826,7 @@ class Vt extends mt {
         this.gutter_,
         this.renderEdges_,
         this.interpolate
-      ), this.state = _.LOADED;
+      ), this.state = d.LOADED;
     }
     this.changed();
   }
@@ -828,21 +835,23 @@ class Vt extends mt {
    * @override
    */
   load() {
-    if (this.state == _.IDLE) {
-      this.state = _.LOADING, this.changed();
+    for (const t of this.sourceTiles_)
+      t.tile = t.getTile();
+    if (this.state == d.IDLE) {
+      this.state = d.LOADING, this.changed();
       let t = 0;
-      this.sourcesListenerKeys_ = [], this.sourceTiles_.forEach(({ tile: e }) => {
-        const s = e.getState();
-        if (s == _.IDLE || s == _.LOADING) {
+      this.sourcesListenerKeys_ = [], this.sourceTiles_.forEach(({ tile: s }) => {
+        const e = s.getState();
+        if (e == d.IDLE || e == d.LOADING) {
           t++;
-          const n = Pt(e, ft.CHANGE, (i) => {
-            const c = e.getState();
-            (c == _.LOADED || c == _.ERROR || c == _.EMPTY) && (rt(n), t--, t === 0 && (this.unlistenSources_(), this.reproject_()));
+          const r = Ct(s, ft.CHANGE, (i) => {
+            const c = s.getState();
+            (c == d.LOADED || c == d.ERROR || c == d.EMPTY) && (at(r), t--, t === 0 && (this.unlistenSources_(), this.reproject_()));
           });
-          this.sourcesListenerKeys_.push(n);
+          this.sourcesListenerKeys_.push(r);
         }
-      }), t === 0 ? setTimeout(this.reproject_.bind(this), 0) : this.sourceTiles_.forEach(function({ tile: e }, s, n) {
-        e.getState() == _.IDLE && e.load();
+      }), t === 0 ? setTimeout(this.reproject_.bind(this), 0) : this.sourceTiles_.forEach(function({ tile: s }, e, r) {
+        s.getState() == d.IDLE && s.load();
       });
     }
   }
@@ -850,53 +859,53 @@ class Vt extends mt {
    * @private
    */
   unlistenSources_() {
-    this.sourcesListenerKeys_.forEach(rt), this.sourcesListenerKeys_ = null;
+    this.sourcesListenerKeys_.forEach(at), this.sourcesListenerKeys_ = null;
   }
   /**
    * Remove from the cache due to expiry
    * @override
    */
   release() {
-    this.canvas_ && (et(
+    this.canvas_ && (st(
       /** @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} */
       this.canvas_.getContext("2d")
-    ), B.push(this.canvas_), this.canvas_ = null), super.release();
+    ), B.push(this.canvas_), this.canvas_ = null), this.sourceTiles_.length = 0, super.release();
   }
 }
-function Jt(a, t, e, s) {
-  return s !== void 0 ? (s[0] = a, s[1] = t, s[2] = e, s) : [a, t, e];
+function Jt(n, t, s, e) {
+  return e !== void 0 ? (e[0] = n, e[1] = t, e[2] = s, e) : [n, t, s];
 }
-function Ht(a, t, e) {
-  return a + "/" + t + "/" + e;
+function Ht(n, t, s) {
+  return n + "/" + t + "/" + s;
 }
-function ts(a, t, e, s, n) {
-  return `${Rt(a)},${t},${Ht(e, s, n)}`;
+function te(n, t, s, e, r) {
+  return `${Rt(n)},${t},${Ht(s, e, r)}`;
 }
-function ss(a) {
-  return Ut(a[0], a[1], a[2]);
+function ee(n) {
+  return Qt(n[0], n[1], n[2]);
 }
-function Ut(a, t, e) {
-  return (t << a) + e;
+function Qt(n, t, s) {
+  return (t << n) + s;
 }
-function es(a, t) {
-  const e = a[0], s = a[1], n = a[2];
-  if (t.getMinZoom() > e || e > t.getMaxZoom())
+function se(n, t) {
+  const s = n[0], e = n[1], r = n[2];
+  if (t.getMinZoom() > s || s > t.getMaxZoom())
     return !1;
-  const i = t.getFullTileRange(e);
-  return i ? i.containsXY(s, n) : !0;
+  const i = t.getFullTileRange(s);
+  return i ? i.containsXY(e, r) : !0;
 }
 export {
   bt as E,
-  zt as I,
+  $t as I,
   Vt as R,
   mt as T,
-  St as a,
-  Bt as b,
+  Bt as a,
+  Kt as b,
   ut as c,
   Jt as d,
-  $t as e,
-  ts as g,
-  ss as h,
-  Nt as r,
-  es as w
+  zt as e,
+  te as g,
+  ee as h,
+  St as r,
+  se as w
 };