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

package/dist/{Tile-DCuqwNOI.js → Tile-DbNFNPfU.js}

@@ -1,13 +1,13 @@
-import { T as De, b as Oe, d as ye, I as Ke, R as Pe, g as Me } from "./tilecoord-YW3qEH_j.js";
-import { T, g as Te, d as j, c as Ee, t as ze } from "./Image-BN-4XkIn.js";
-import { aF as be, aH as Ae, ak as ee, E as ke, _ as je, an as Ce, aI as Fe, az as Ze, aJ as Ne, K as Ue, D as Ge, m as Be, W as qe, a as z, aK as He, j as re, d as oe, a1 as Ve, i as We, G as Xe } from "./proj-CKwYjU38.js";
-import { a as te, e as ne, o as Ye, g as v, d as ae, n as $e, p as Qe } from "./common-C4rDcQpp.js";
-import { a as xe, R as Je, E as X, L as et } from "./Event-BOgJUhNR.js";
-function le(d) {
-  return d instanceof Image || d instanceof HTMLCanvasElement || d instanceof HTMLVideoElement || d instanceof ImageBitmap ? d : null;
+import { T as Oe, b as Pe, d as ye, g as ee, I as Ke, R as Me } from "./tilecoord-Db24Px13.js";
+import { T, h as Te, d as F, l as ze, j as Ae, W as be, c as me, t as Fe } from "./Image-34hvypZI.js";
+import { aF as je, aH as ke, al as te, E as Ne, $ as Ze, an as we, aI as Ue, az as qe, aJ as Ge, L as Be, F as Ve, n as We, e as He, X as Xe, a as j, aK as Ye, j as re, d as oe, a2 as $e, i as Qe, H as Je } from "./proj-DsetBcW7.js";
+import { a as ne, e as ie, p as et, g as v, d as ae, n as tt, q as nt } from "./common-PJfpC179.js";
+import { a as xe, R as it, E as X, L as st } from "./Event--kp8kMdJ.js";
+function le(u) {
+  return u instanceof Image || u instanceof HTMLCanvasElement || u instanceof HTMLVideoElement || u instanceof ImageBitmap ? u : null;
 }
-const tt = new Error("disposed"), nt = [256, 256];
-class Re extends De {
+const rt = new Error("disposed"), ot = [256, 256];
+class Re extends Oe {
   /**
    * @param {Options} options Tile options.
    */
@@ -26,7 +26,7 @@ class Re extends De {
     if (this.size_)
       return this.size_;
     const e = le(this.data_);
-    return e ? [e.width, e.height] : nt;
+    return e ? [e.width, e.height] : ot;
   }
   /**
    * Get the data for the tile.
@@ -65,10 +65,10 @@ class Re extends De {
    * @override
    */
   disposeInternal() {
-    this.controller_ && (this.controller_.abort(tt), this.controller_ = null), super.disposeInternal();
+    this.controller_ && (this.controller_.abort(rt), this.controller_ = null), super.disposeInternal();
   }
 }
-class it {
+class Ce {
   /**
    * @param {number} [highWaterMark] High water mark.
    */
@@ -77,7 +77,7 @@ class it {
   }
   deleteOldest() {
     const e = this.pop();
-    e instanceof be && e.dispose();
+    e instanceof je && e.dispose();
   }
   /**
    * @return {boolean} Can expire cache.
@@ -126,7 +126,7 @@ class it {
    */
   get(e, t) {
     const n = this.entries_[e];
-    return te(
+    return ne(
       n !== void 0,
       "Tried to get a value for a key that does not exist in the cache"
     ), n === this.newest_ || (n === this.oldest_ ? (this.oldest_ = /** @type {Entry} */
@@ -139,7 +139,7 @@ class it {
    */
   remove(e) {
     const t = this.entries_[e];
-    return te(
+    return ne(
       t !== void 0,
       "Tried to get a value for a key that does not exist in the cache"
     ), t === this.newest_ ? (this.newest_ = /** @type {Entry} */
@@ -219,7 +219,7 @@ class it {
    * @param {T} value Value.
    */
   set(e, t) {
-    te(
+    ne(
       !(e in this.entries_),
       "Tried to set a value for a key that is used already"
     );
@@ -240,7 +240,7 @@ class it {
     this.highWaterMark = e;
   }
 }
-class st {
+class at {
   constructor() {
     this.instructions_ = [], this.zIndex = 0, this.offset_ = 0, this.context_ = /** @type {ZIndexContextProxy} */
     new Proxy(Te(), {
@@ -284,7 +284,7 @@ class st {
     return this.context_;
   }
   /**
-   * @param {CanvasRenderingContext2D} context Context.
+   * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context Context.
    */
   draw(e) {
     this.instructions_.forEach((t) => {
@@ -319,13 +319,13 @@ class st {
     this.offset_ = this.instructions_.length, this.zIndex = 0;
   }
 }
-const rt = 5;
-class ot extends Ae {
+const lt = 5;
+class ct extends ke {
   /**
    * @param {LayerType} layer Layer.
    */
   constructor(e) {
-    super(), this.ready = !0, this.boundHandleImageChange_ = this.handleImageChange_.bind(this), this.layer_ = e, this.staleKeys_ = new Array(), this.maxStaleKeys = rt;
+    super(), this.ready = !0, this.boundHandleImageChange_ = this.handleImageChange_.bind(this), this.layer_ = e, this.staleKeys_ = new Array(), this.maxStaleKeys = lt;
   }
   /**
    * @return {Array<string>} Get the list of stale keys.
@@ -346,7 +346,7 @@ class ot extends Ae {
    * an array of features.
    */
   getFeatures(e) {
-    return ee();
+    return te();
   }
   /**
    * @param {import("../pixel.js").Pixel} pixel Pixel.
@@ -362,7 +362,7 @@ class ot extends Ae {
    * @return {boolean} Layer is ready to be rendered.
    */
   prepareFrame(e) {
-    return ee();
+    return te();
   }
   /**
    * Render the layer.
@@ -372,7 +372,7 @@ class ot extends Ae {
    * @return {HTMLElement} The rendered element.
    */
   renderFrame(e, t) {
-    return ee();
+    return te();
   }
   /**
    * @abstract
@@ -408,7 +408,7 @@ class ot extends Ae {
       /** @type {import("../Image.js").default} */
       e.target
     );
-    (t.getState() === j.LOADED || t.getState() === j.ERROR) && this.renderIfReadyAndVisible();
+    (t.getState() === F.LOADED || t.getState() === F.ERROR) && this.renderIfReadyAndVisible();
   }
   /**
    * Load the image if not already loaded, and register the image change
@@ -419,7 +419,7 @@ class ot extends Ae {
    */
   loadImage(e) {
     let t = e.getState();
-    return t != j.LOADED && t != j.ERROR && e.addEventListener(ke.CHANGE, this.boundHandleImageChange_), t == j.IDLE && (e.load(), t = e.getState()), t == j.LOADED;
+    return t != F.LOADED && t != F.ERROR && e.addEventListener(Ne.CHANGE, this.boundHandleImageChange_), t == F.IDLE && (e.load(), t = e.getState()), t == F.LOADED;
   }
   /**
    * @protected
@@ -441,19 +441,19 @@ class ot extends Ae {
     delete this.layer_, super.disposeInternal();
   }
 }
-const Tt = [];
-let F = null;
-function at() {
-  F = Ee(1, 1, void 0, {
+const Ct = [];
+let k = null;
+function ht() {
+  k = me(1, 1, void 0, {
     willReadFrequently: !0
   });
 }
-class lt extends ot {
+class dt extends ct {
   /**
    * @param {LayerType} layer Layer.
    */
   constructor(e) {
-    super(e), this.container = null, this.renderedResolution, this.tempTransform = ne(), this.pixelTransform = ne(), this.inversePixelTransform = ne(), this.context = null, this.deferredContext_ = null, this.containerReused = !1, this.frameState = null;
+    super(e), this.container = null, this.renderedResolution, this.tempTransform = ie(), this.pixelTransform = ie(), this.inversePixelTransform = ie(), this.context = null, this.deferredContext_ = null, this.containerReused = !1, this.frameState = null;
   }
   /**
    * @param {import('../../DataTile.js').ImageLike} image Image.
@@ -462,12 +462,12 @@ class lt extends ot {
    * @return {Uint8ClampedArray|null} The image data.
    */
   getImageData(e, t, n) {
-    F || at(), F.clearRect(0, 0, 1, 1);
+    k || ht(), k.clearRect(0, 0, 1, 1);
     let i;
     try {
-      F.drawImage(e, t, n, 1, 1, 0, 0, 1, 1), i = F.getImageData(0, 0, 1, 1).data;
+      k.drawImage(e, t, n, 1, 1, 0, 0, 1, 1), i = k.getImageData(0, 0, 1, 1).data;
     } catch {
-      return F = null, null;
+      return k = null, null;
     }
     return i;
   }
@@ -488,30 +488,33 @@ class lt extends ot {
   useContainer(e, t, n) {
     const i = this.getLayer().getClassName();
     let r, a;
-    if (e && e.className === i && (!n || e && e.style.backgroundColor && je(
+    if (e && e.className === i && (!n || e && e.style.backgroundColor && Ze(
       xe(e.style.backgroundColor),
       xe(n)
     ))) {
       const s = e.firstElementChild;
-      s instanceof HTMLCanvasElement && (a = s.getContext("2d"));
+      ze(s) && (a = s.getContext("2d"));
     }
-    if (a && Ye(a.canvas.style.transform, t) ? (this.container = e, this.context = a, this.containerReused = !0) : this.containerReused ? (this.container = null, this.context = null, this.containerReused = !1) : this.container && (this.container.style.backgroundColor = null), !this.container) {
-      r = document.createElement("div"), r.className = i;
+    if (a && et(a.canvas.style.transform, t) ? (this.container = e, this.context = a, this.containerReused = !0) : this.containerReused ? (this.container = null, this.context = null, this.containerReused = !1) : this.container && (this.container.style.backgroundColor = null), !this.container) {
+      r = be ? Ae() : document.createElement("div"), r.className = i;
       let s = r.style;
-      s.position = "absolute", s.width = "100%", s.height = "100%", a = Ee();
-      const l = a.canvas;
+      s.position = "absolute", s.width = "100%", s.height = "100%", a = me();
+      const l = (
+        /** @type {HTMLCanvasElement} */
+        a.canvas
+      );
       r.appendChild(l), s = l.style, s.position = "absolute", s.left = "0", s.transformOrigin = "top left", this.container = r, this.context = a;
     }
     !this.containerReused && n && !this.container.style.backgroundColor && (this.container.style.backgroundColor = n);
   }
   /**
-   * @param {CanvasRenderingContext2D} context Context.
+   * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context Context.
    * @param {import("../../Map.js").FrameState} frameState Frame state.
    * @param {import("../../extent.js").Extent} extent Clip extent.
    * @protected
    */
   clipUnrotated(e, t, n) {
-    const i = Ce(n), r = Fe(n), a = Ze(n), s = Ne(n);
+    const i = we(n), r = Ue(n), a = qe(n), s = Ge(n);
     v(t.coordinateToPixelTransform, i), v(t.coordinateToPixelTransform, r), v(t.coordinateToPixelTransform, a), v(t.coordinateToPixelTransform, s);
     const l = this.inversePixelTransform;
     v(l, i), v(l, r), v(l, a), v(l, s), e.save(), e.beginPath(), e.moveTo(Math.round(i[0]), Math.round(i[1])), e.lineTo(Math.round(r[0]), Math.round(r[1])), e.lineTo(Math.round(a[0]), Math.round(a[1])), e.lineTo(Math.round(s[0]), Math.round(s[1])), e.clip();
@@ -522,7 +525,7 @@ class lt extends ot {
    * @protected
    */
   prepareContainer(e, t) {
-    const n = e.extent, i = e.viewState.resolution, r = e.viewState.rotation, a = e.pixelRatio, s = Math.round(Ue(n) / i * a), l = Math.round(Ge(n) / i * a);
+    const n = e.extent, i = e.viewState.resolution, r = e.viewState.rotation, a = e.pixelRatio, s = Math.round(Be(n) / i * a), l = Math.round(Ve(n) / i * a);
     ae(
       this.pixelTransform,
       e.size[0] / 2,
@@ -532,23 +535,24 @@ class lt extends ot {
       r,
       -s / 2,
       -l / 2
-    ), $e(this.inversePixelTransform, this.pixelTransform);
-    const c = Qe(this.pixelTransform);
+    ), tt(this.inversePixelTransform, this.pixelTransform);
+    const c = nt(this.pixelTransform);
     if (this.useContainer(t, c, this.getBackground(e)), !this.containerReused) {
       const o = this.context.canvas;
-      o.width != s || o.height != l ? (o.width = s, o.height = l) : this.context.clearRect(0, 0, s, l), c !== o.style.transform && (o.style.transform = c);
+      o.width != s || o.height != l ? (o.width = s, o.height = l) : this.context.clearRect(0, 0, s, l), c !== /** @type {HTMLCanvasElement} */
+      o.style.transform && (o.style.transform = c);
     }
   }
   /**
    * @param {import("../../render/EventType.js").default} type Event type.
-   * @param {CanvasRenderingContext2D} context Context.
+   * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context Context.
    * @param {import("../../Map.js").FrameState} frameState Frame state.
    * @private
    */
   dispatchRenderEvent_(e, t, n) {
     const i = this.getLayer();
     if (i.hasListener(e)) {
-      const r = new Je(
+      const r = new it(
         e,
         this.inversePixelTransform,
         n,
@@ -558,7 +562,7 @@ class lt extends ot {
     }
   }
   /**
-   * @param {CanvasRenderingContext2D} context Context.
+   * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context Context.
    * @param {import("../../Map.js").FrameState} frameState Frame state.
    * @protected
    */
@@ -566,7 +570,7 @@ class lt extends ot {
     this.frameState = t, !t.declutter && this.dispatchRenderEvent_(X.PRERENDER, e, t);
   }
   /**
-   * @param {CanvasRenderingContext2D} context Context.
+   * @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context Context.
    * @param {import("../../Map.js").FrameState} frameState Frame state.
    * @protected
    */
@@ -583,7 +587,7 @@ class lt extends ot {
    * @return {import('../../render/canvas/ZIndexContext.js').ZIndexContextProxy} Context.
    */
   getRenderContext(e) {
-    return e.declutter && !this.deferredContext_ && (this.deferredContext_ = new st()), e.declutter ? this.deferredContext_.getContext() : this.context;
+    return e.declutter && !this.deferredContext_ && (this.deferredContext_ = new at()), e.declutter ? this.deferredContext_.getContext() : this.context;
   }
   /**
    * @param {import("../../Map.js").FrameState} frameState Frame state.
@@ -613,15 +617,15 @@ class lt extends ot {
    * @return {!import("../../transform.js").Transform} Transform.
    */
   getRenderTransform(e, t, n, i, r, a, s) {
-    const l = r / 2, c = a / 2, o = i / t, u = -o, h = -e[0] + s, g = -e[1];
+    const l = r / 2, c = a / 2, o = i / t, h = -o, d = -e[0] + s, g = -e[1];
     return ae(
       this.tempTransform,
       l,
       c,
       o,
-      u,
-      -n,
       h,
+      -n,
+      d,
       g
     );
   }
@@ -633,44 +637,41 @@ class lt extends ot {
     delete this.frameState, super.disposeInternal();
   }
 }
-function ie(d, e, t, n, i) {
-  return `${z(d)},${e},${Me(t, n, i)}`;
-}
-function se(d, e, t) {
-  if (!(t in d))
-    return d[t] = /* @__PURE__ */ new Set([e]), !0;
-  const n = d[t], i = n.has(e);
+function se(u, e, t) {
+  if (!(t in u))
+    return u[t] = /* @__PURE__ */ new Set([e]), !0;
+  const n = u[t], i = n.has(e);
   return i || n.add(e), !i;
 }
-function ct(d, e, t) {
-  const n = d[t];
+function ut(u, e, t) {
+  const n = u[t];
   return n ? n.delete(e) : !1;
 }
-function me(d, e) {
-  const t = d.layerStatesArray[d.layerIndex];
+function Ee(u, e) {
+  const t = u.layerStatesArray[u.layerIndex];
   t.extent && (e = oe(
     e,
-    re(t.extent, d.viewState.projection)
+    re(t.extent, u.viewState.projection)
   ));
   const n = (
     /** @type {import("../../source/Tile.js").default} */
     t.layer.getRenderSource()
   );
   if (!n.getWrapX()) {
-    const i = n.getTileGridForProjection(d.viewState.projection).getExtent();
+    const i = n.getTileGridForProjection(u.viewState.projection).getExtent();
     i && (e = oe(e, i));
   }
   return e;
 }
-class ht extends lt {
+class gt extends dt {
   /**
    * @param {LayerType} tileLayer Tile layer.
    * @param {Options} [options] Options.
    */
   constructor(e, t) {
-    super(e), t = t || {}, this.extentChanged = !0, this.renderComplete = !1, this.renderedExtent_ = null, this.renderedPixelRatio, this.renderedProjection = null, this.renderedTiles = [], this.renderedSourceKey_, this.renderedSourceRevision_, this.tempExtent = Be(), this.tempTileRange_ = new Oe(0, 0, 0, 0), this.tempTileCoord_ = ye(0, 0, 0);
+    super(e), t = t || {}, this.extentChanged = !0, this.renderComplete = !1, this.renderedExtent_ = null, this.renderedPixelRatio, this.renderedProjection = null, this.renderedTiles = [], this.renderedSourceKey_, this.renderedSourceRevision_, this.tempExtent = We(), this.tempTileRange_ = new Pe(0, 0, 0, 0), this.tempTileCoord_ = ye(0, 0, 0);
     const n = t.cacheSize !== void 0 ? t.cacheSize : 512;
-    this.tileCache_ = new it(n), this.maxStaleKeys = n * 0.5;
+    this.tileCache_ = new Ce(n), this.sourceTileCache_ = null, this.maxStaleKeys = n * 0.5;
   }
   /**
    * @return {LRUCache} Tile cache.
@@ -678,6 +679,12 @@ class ht extends lt {
   getTileCache() {
     return this.tileCache_;
   }
+  /**
+   * @return {LRUCache} Tile cache.
+   */
+  getSourceTileCache() {
+    return this.sourceTileCache_ || (this.sourceTileCache_ = new Ce(512)), this.sourceTileCache_;
+  }
   /**
    * Get a tile from the cache or create one if needed.
    *
@@ -689,17 +696,19 @@ class ht extends lt {
    * @protected
    */
   getOrCreateTile(e, t, n, i) {
-    const r = this.tileCache_, s = this.getLayer().getSource(), l = ie(s, s.getKey(), e, t, n);
+    const r = this.tileCache_, s = this.getLayer().getSource(), l = ee(s, s.getKey(), e, t, n);
     let c;
     if (r.containsKey(l))
       c = r.get(l);
     else {
+      const o = i.viewState.projection, h = s.getProjection();
       if (c = s.getTile(
         e,
         t,
         n,
         i.pixelRatio,
-        i.viewState.projection
+        o,
+        !h || He(h, o) ? void 0 : this.getSourceTileCache()
       ), !c)
         return null;
       r.set(l, c);
@@ -731,30 +740,30 @@ class ht extends lt {
       t.pixelToCoordinateTransform,
       e.slice()
     ), r = n.getExtent();
-    if (r && !qe(r, i))
+    if (r && !Xe(r, i))
       return null;
     const a = t.viewState, s = n.getRenderSource(), l = s.getTileGridForProjection(a.projection), c = s.getTilePixelRatio(t.pixelRatio);
     for (let o = l.getZForResolution(a.resolution); o >= l.getMinZoom(); --o) {
-      const u = l.getTileCoordForCoordAndZ(i, o), h = this.getTile(o, u[1], u[2], t);
-      if (!h || h.getState() !== T.LOADED)
+      const h = l.getTileCoordForCoordAndZ(i, o), d = this.getTile(o, h[1], h[2], t);
+      if (!d || d.getState() !== T.LOADED)
         continue;
-      const g = l.getOrigin(o), p = ze(l.getTileSize(o)), S = l.getResolution(o);
+      const g = l.getOrigin(o), p = Fe(l.getTileSize(o)), S = l.getResolution(o);
       let f;
-      if (h instanceof Ke || h instanceof Pe)
-        f = h.getImage();
-      else if (h instanceof Re) {
-        if (f = le(h.getData()), !f)
+      if (d instanceof Ke || d instanceof Me)
+        f = d.getImage();
+      else if (d instanceof Re) {
+        if (f = le(d.getData()), !f)
           continue;
       } else
         continue;
-      const C = Math.floor(
-        c * ((i[0] - g[0]) / S - u[1] * p[0])
-      ), P = Math.floor(
-        c * ((g[1] - i[1]) / S - u[2] * p[1])
+      const m = Math.floor(
+        c * ((i[0] - g[0]) / S - h[1] * p[0])
+      ), K = Math.floor(
+        c * ((g[1] - i[1]) / S - h[2] * p[1])
       ), E = Math.round(
         c * s.getGutterForProjection(a.projection)
       );
-      return this.getImageData(f, C + E, P + E);
+      return this.getImageData(f, m + E, K + E);
     }
     return null;
   }
@@ -770,7 +779,15 @@ class ht extends lt {
     if (!t)
       return !1;
     const n = t.getRevision();
-    return this.renderedSourceRevision_ ? this.renderedSourceRevision_ !== n && (this.renderedSourceRevision_ = n, this.renderedSourceKey_ === t.getKey() && this.tileCache_.clear()) : this.renderedSourceRevision_ = n, !0;
+    return this.renderedSourceRevision_ ? this.renderedSourceRevision_ !== n && (this.renderedSourceRevision_ = n, this.renderedSourceKey_ === t.getKey() && (this.tileCache_.clear(), this.sourceTileCache_?.clear())) : this.renderedSourceRevision_ = n, !0;
+  }
+  /**
+   * Determine whether tiles for next extent should be enqueued for rendering.
+   * @return {boolean} Rendering tiles for next extent is supported.
+   * @protected
+   */
+  enqueueTilesForNextExtent() {
+    return !0;
   }
   /**
    * @param {import("../../Map.js").FrameState} frameState Frame state.
@@ -780,45 +797,45 @@ class ht extends lt {
    * @param {number} preload Number of additional levels to load.
    */
   enqueueTiles(e, t, n, i, r) {
-    const a = e.viewState, s = this.getLayer(), l = s.getRenderSource(), c = l.getTileGridForProjection(a.projection), o = z(l);
+    const a = e.viewState, s = this.getLayer(), l = s.getRenderSource(), c = l.getTileGridForProjection(a.projection), o = j(l);
     o in e.wantedTiles || (e.wantedTiles[o] = {});
-    const u = e.wantedTiles[o], h = s.getMapInternal(), g = Math.max(
+    const h = e.wantedTiles[o], d = s.getMapInternal(), g = Math.max(
       n - r,
       c.getMinZoom(),
       c.getZForResolution(
         Math.min(
           s.getMaxResolution(),
-          h ? h.getView().getResolutionForZoom(Math.max(s.getMinZoom(), 0)) : c.getResolution(0)
+          d ? d.getView().getResolutionForZoom(Math.max(s.getMinZoom(), 0)) : c.getResolution(0)
         ),
         l.zDirection
       )
-    ), p = a.rotation, S = p ? He(
+    ), p = a.rotation, S = p ? Ye(
       a.center,
       a.resolution,
       p,
       e.size
     ) : void 0;
     for (let f = n; f >= g; --f) {
-      const C = c.getTileRangeForExtentAndZ(
+      const m = c.getTileRangeForExtentAndZ(
         t,
         f,
         this.tempTileRange_
-      ), P = c.getResolution(f);
-      for (let E = C.minX; E <= C.maxX; ++E)
-        for (let I = C.minY; I <= C.maxY; ++I) {
+      ), K = c.getResolution(f);
+      for (let E = m.minX; E <= m.maxX; ++E)
+        for (let I = m.minY; I <= m.maxY; ++I) {
           if (p && !c.tileCoordIntersectsViewport([f, E, I], S))
             continue;
           const L = this.getTile(f, E, I, e);
           if (!L || !se(i, L, f))
             continue;
           const y = L.getKey();
-          if (u[y] = !0, L.getState() === T.IDLE && !e.tileQueue.isKeyQueued(y)) {
-            const Z = ye(f, E, I, this.tempTileCoord_);
+          if (h[y] = !0, L.getState() === T.IDLE && !e.tileQueue.isKeyQueued(y)) {
+            const N = ye(f, E, I, this.tempTileCoord_);
             e.tileQueue.enqueue([
               L,
               o,
-              c.getTileCoordCenter(Z),
-              P
+              c.getTileCoordCenter(N),
+              K
             ]);
           }
         }
@@ -835,7 +852,7 @@ class ht extends lt {
   findStaleTile_(e, t) {
     const n = this.tileCache_, i = e[0], r = e[1], a = e[2], s = this.getStaleKeys();
     for (let l = 0; l < s.length; ++l) {
-      const c = ie(
+      const c = ee(
         this.getLayer().getSource(),
         s[l],
         i,
@@ -845,7 +862,7 @@ class ht extends lt {
       if (n.containsKey(c)) {
         const o = n.peek(c);
         if (o.getState() === T.LOADED)
-          return o.endTransition(z(this)), se(t, o, i), !0;
+          return o.endTransition(j(this)), se(t, o, i), !0;
       }
     }
     return !1;
@@ -871,11 +888,11 @@ class ht extends lt {
     let a = !0;
     const s = this.tileCache_, l = this.getLayer().getRenderSource(), c = l.getKey();
     for (let o = r.minX; o <= r.maxX; ++o)
-      for (let u = r.minY; u <= r.maxY; ++u) {
-        const h = ie(l, c, n, o, u);
+      for (let h = r.minY; h <= r.maxY; ++h) {
+        const d = ee(l, c, n, o, h);
         let g = !1;
-        if (s.containsKey(h)) {
-          const p = s.peek(h);
+        if (s.containsKey(d)) {
+          const p = s.peek(d);
           p.getState() === T.LOADED && (se(i, p, n), g = !0);
         }
         g || (a = !1);
@@ -898,66 +915,66 @@ class ht extends lt {
    */
   renderFrame(e, t) {
     this.renderComplete = !0;
-    const n = e.layerStatesArray[e.layerIndex], i = e.viewState, r = i.projection, a = i.resolution, s = i.center, l = e.pixelRatio, c = this.getLayer(), o = c.getSource(), u = o.getTileGridForProjection(r), h = u.getZForResolution(a, o.zDirection), g = u.getResolution(h), p = o.getKey();
+    const n = e.layerStatesArray[e.layerIndex], i = e.viewState, r = i.projection, a = i.resolution, s = i.center, l = e.pixelRatio, c = this.getLayer(), o = c.getSource(), h = o.getTileGridForProjection(r), d = h.getZForResolution(a, o.zDirection), g = h.getResolution(d), p = o.getKey();
     this.renderedSourceKey_ ? this.renderedSourceKey_ !== p && (this.prependStaleKey(this.renderedSourceKey_), this.renderedSourceKey_ = p) : this.renderedSourceKey_ = p;
     let S = e.extent;
     const f = o.getTilePixelRatio(l);
     this.prepareContainer(e, t);
-    const C = this.context.canvas.width, P = this.context.canvas.height, E = n.extent && re(n.extent);
+    const m = this.context.canvas.width, K = this.context.canvas.height, E = n.extent && re(n.extent);
     E && (S = oe(
       S,
       re(n.extent)
     ));
-    const I = g * C / 2 / f, L = g * P / 2 / f, b = [
+    const I = g * m / 2 / f, L = g * K / 2 / f, z = [
       s[0] - I,
       s[1] - L,
       s[0] + I,
       s[1] + L
     ], y = {};
     this.renderedTiles.length = 0;
-    const Z = c.getPreload();
-    if (e.nextExtent) {
-      const x = u.getZForResolution(
+    const N = c.getPreload();
+    if (e.nextExtent && this.enqueueTilesForNextExtent()) {
+      const x = h.getZForResolution(
         i.nextResolution,
         o.zDirection
-      ), R = me(e, e.nextExtent);
-      this.enqueueTiles(e, R, x, y, Z);
+      ), R = Ee(e, e.nextExtent);
+      this.enqueueTiles(e, R, x, y, N);
     }
-    const ce = me(e, S);
-    if (this.enqueueTiles(e, ce, h, y, 0), Z > 0 && setTimeout(() => {
+    const ce = Ee(e, S);
+    if (this.enqueueTiles(e, ce, d, y, 0), N > 0 && setTimeout(() => {
       this.enqueueTiles(
         e,
         ce,
-        h - 1,
+        d - 1,
         y,
-        Z - 1
+        N - 1
       );
-    }, 0), !(h in y))
+    }, 0), !(d in y))
       return this.container;
-    const he = z(this), we = e.time;
-    for (const x of y[h]) {
+    const he = j(this), ve = e.time;
+    for (const x of y[d]) {
       const R = x.getState();
       if (R === T.EMPTY)
         continue;
       const D = x.tileCoord;
-      if (R === T.LOADED && x.getAlpha(he, we) === 1) {
+      if (R === T.LOADED && x.getAlpha(he, ve) === 1) {
         x.endTransition(he);
         continue;
       }
       if (R !== T.ERROR && (this.renderComplete = !1), this.findStaleTile_(D, y)) {
-        ct(y, x, h), e.animate = !0;
+        ut(y, x, d), e.animate = !0;
         continue;
       }
       if (this.findAltTiles_(
-        u,
+        h,
         D,
-        h + 1,
+        d + 1,
         y
       ))
         continue;
-      const k = u.getMinZoom();
-      for (let M = h - 1; M >= k && !this.findAltTiles_(
-        u,
+      const b = h.getMinZoom();
+      for (let M = d - 1; M >= b && !this.findAltTiles_(
+        h,
         D,
         M,
         y
@@ -967,51 +984,51 @@ class ht extends lt {
     const U = g / a * l / f, _ = this.getRenderContext(e);
     ae(
       this.tempTransform,
-      C / 2,
-      P / 2,
+      m / 2,
+      K / 2,
       U,
       U,
       0,
-      -C / 2,
-      -P / 2
+      -m / 2,
+      -K / 2
     ), n.extent && this.clipUnrotated(_, e, E), o.getInterpolate() || (_.imageSmoothingEnabled = !1), this.preRender(_, e);
-    const G = Object.keys(y).map(Number);
-    G.sort(Ve);
+    const q = Object.keys(y).map(Number);
+    q.sort($e);
     let w;
     const $ = [], de = [];
-    for (let x = G.length - 1; x >= 0; --x) {
-      const R = G[x], D = o.getTilePixelSize(
+    for (let x = q.length - 1; x >= 0; --x) {
+      const R = q[x], D = o.getTilePixelSize(
         R,
         l,
         r
-      ), A = u.getResolution(R) / g, k = D[0] * A * U, M = D[1] * A * U, B = u.getTileCoordForCoordAndZ(
-        Ce(b),
+      ), A = h.getResolution(R) / g, b = D[0] * A * U, M = D[1] * A * U, G = h.getTileCoordForCoordAndZ(
+        we(z),
         R
-      ), ue = u.getTileCoordExtent(B), q = v(this.tempTransform, [
-        f * (ue[0] - b[0]) / g,
-        f * (b[3] - ue[3]) / g
-      ]), ve = f * o.getGutterForProjection(r);
-      for (const N of y[R]) {
-        if (N.getState() !== T.LOADED)
+      ), ue = h.getTileCoordExtent(G), B = v(this.tempTransform, [
+        f * (ue[0] - z[0]) / g,
+        f * (z[3] - ue[3]) / g
+      ]), Se = f * o.getGutterForProjection(r);
+      for (const Z of y[R]) {
+        if (Z.getState() !== T.LOADED)
           continue;
-        const ge = N.tileCoord, fe = B[1] - ge[1], Se = Math.round(q[0] - (fe - 1) * k), _e = B[2] - ge[2], Ie = Math.round(q[1] - (_e - 1) * M), O = Math.round(q[0] - fe * k), K = Math.round(q[1] - _e * M), H = Se - O, V = Ie - K, pe = G.length === 1;
+        const ge = Z.tileCoord, fe = G[1] - ge[1], Ie = Math.round(B[0] - (fe - 1) * b), _e = G[2] - ge[2], Le = Math.round(B[1] - (_e - 1) * M), O = Math.round(B[0] - fe * b), P = Math.round(B[1] - _e * M), V = Ie - O, W = Le - P, pe = q.length === 1;
         let J = !1;
-        w = [O, K, O + H, K, O + H, K + V, O, K + V];
-        for (let W = 0, Le = $.length; W < Le; ++W)
-          if (!pe && R < de[W]) {
-            const m = $[W];
-            We(
-              [O, K, O + H, K + V],
-              [m[0], m[3], m[4], m[7]]
-            ) && (J || (_.save(), J = !0), _.beginPath(), _.moveTo(w[0], w[1]), _.lineTo(w[2], w[3]), _.lineTo(w[4], w[5]), _.lineTo(w[6], w[7]), _.moveTo(m[6], m[7]), _.lineTo(m[4], m[5]), _.lineTo(m[2], m[3]), _.lineTo(m[0], m[1]), _.clip());
+        w = [O, P, O + V, P, O + V, P + W, O, P + W];
+        for (let H = 0, De = $.length; H < De; ++H)
+          if (!pe && R < de[H]) {
+            const C = $[H];
+            Qe(
+              [O, P, O + V, P + W],
+              [C[0], C[3], C[4], C[7]]
+            ) && (J || (_.save(), J = !0), _.beginPath(), _.moveTo(w[0], w[1]), _.lineTo(w[2], w[3]), _.lineTo(w[4], w[5]), _.lineTo(w[6], w[7]), _.moveTo(C[6], C[7]), _.lineTo(C[4], C[5]), _.lineTo(C[2], C[3]), _.lineTo(C[0], C[1]), _.clip());
           }
-        $.push(w), de.push(R), this.drawTile(N, e, O, K, H, V, ve, pe), J && _.restore(), this.renderedTiles.unshift(N), this.updateUsedTiles(e.usedTiles, o, N);
+        $.push(w), de.push(R), this.drawTile(Z, e, O, P, V, W, Se, pe), J && _.restore(), this.renderedTiles.unshift(Z), this.updateUsedTiles(e.usedTiles, o, Z);
       }
     }
-    if (this.renderedResolution = g, this.extentChanged = !this.renderedExtent_ || !Xe(this.renderedExtent_, b), this.renderedExtent_ = b, this.renderedPixelRatio = l, this.postRender(this.context, e), n.extent && _.restore(), _.imageSmoothingEnabled = !0, this.renderComplete) {
+    if (this.renderedResolution = g, this.extentChanged = !this.renderedExtent_ || !Je(this.renderedExtent_, z), this.renderedExtent_ = z, this.renderedPixelRatio = l, this.postRender(this.context, e), n.extent && _.restore(), _.imageSmoothingEnabled = !0, this.renderComplete) {
       const x = (R, D) => {
-        const Q = z(o), A = D.wantedTiles[Q], k = A ? Object.keys(A).length : 0;
-        this.updateCacheSize(k), this.tileCache_.expireCache();
+        const Q = j(o), A = D.wantedTiles[Q], b = A ? Object.keys(A).length : 0;
+        this.updateCacheSize(b), this.tileCache_.expireCache(), this.sourceTileCache_?.expireCache();
       };
       e.postRenderFunctions.push(x);
     }
@@ -1050,7 +1067,7 @@ class ht extends lt {
       );
     if (!c)
       return;
-    const o = this.getRenderContext(t), u = z(this), h = t.layerStatesArray[t.layerIndex], g = h.opacity * (l ? e.getAlpha(u, t.time) : 1), p = g !== o.globalAlpha;
+    const o = this.getRenderContext(t), h = j(this), d = t.layerStatesArray[t.layerIndex], g = d.opacity * (l ? e.getAlpha(h, t.time) : 1), p = g !== o.globalAlpha;
     p && (o.save(), o.globalAlpha = g), o.drawImage(
       c,
       s,
@@ -1061,10 +1078,10 @@ class ht extends lt {
       i,
       r,
       a
-    ), p && o.restore(), g !== h.opacity ? t.animate = !0 : l && e.endTransition(u);
+    ), p && o.restore(), g !== d.opacity ? t.animate = !0 : l && e.endTransition(h);
   }
   /**
-   * @return {HTMLCanvasElement} Image
+   * @return {HTMLCanvasElement|OffscreenCanvas} Image
    */
   getImage() {
     const e = this.context;
@@ -1073,7 +1090,7 @@ class ht extends lt {
   /**
    * Get the image from a tile.
    * @param {import("../../ImageTile.js").default} tile Tile.
-   * @return {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} Image.
+   * @return {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement} Image.
    * @protected
    */
   getTileImage(e) {
@@ -1086,7 +1103,7 @@ class ht extends lt {
    * @protected
    */
   updateUsedTiles(e, t, n) {
-    const i = z(t);
+    const i = j(t);
     i in e || (e[i] = {}), e[i][n.getKey()] = !0;
   }
 }
@@ -1094,7 +1111,7 @@ const Y = {
   PRELOAD: "preload",
   USE_INTERIM_TILES_ON_ERROR: "useInterimTilesOnError"
 };
-class dt extends et {
+class ft extends st {
   /**
    * @param {Options<TileSourceType>} [options] Tile layer options.
    */
@@ -1175,7 +1192,7 @@ class dt extends et {
     return super.getData(e);
   }
 }
-class ut extends dt {
+class _t extends ft {
   /**
    * @param {import("./BaseTile.js").Options<TileSourceType>} [options] Tile layer options.
    */
@@ -1186,21 +1203,21 @@ class ut extends dt {
    * @override
    */
   createRenderer() {
-    return new ht(this, {
+    return new gt(this, {
       cacheSize: this.getCacheSize()
     });
   }
 }
-const xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ut
+  default: _t
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  lt as C,
-  ut as T,
-  st as Z,
-  ht as a,
+  dt as C,
+  _t as T,
+  at as Z,
+  gt as a,
   Y as b,
-  Tt as c,
-  xt as d
+  Ct as c,
+  Et as d
 };