@nasa-terra/components 0.0.198 → 0.0.199

package/cdn/chunks/chunk.IYBWOV2C.js

@@ -0,0 +1,1660 @@
+import {
+  DataTile_default,
+  ERROR_THRESHOLD,
+  TileRange_default,
+  TileState_default,
+  Tile_default,
+  Triangulation_default,
+  asImageLike,
+  calculateSourceExtentResolution,
+  canvasPool,
+  createOrUpdate,
+  getCacheKey,
+  hashZXY,
+  render
+} from "./chunk.UUUD46S3.js";
+import {
+  Layer_default2 as Layer_default,
+  Layer_default3 as Layer_default2,
+  listenImage
+} from "./chunk.IK2SGPIW.js";
+import {
+  Disposable_default,
+  EventType_default,
+  WORKER_OFFSCREEN_CANVAS,
+  apply,
+  ascending,
+  assert,
+  clamp,
+  compose,
+  containsCoordinate,
+  createCanvasContext2D,
+  createEmpty,
+  equals2 as equals,
+  equivalent,
+  fromUserExtent,
+  getArea,
+  getIntersection,
+  getRotatedViewport,
+  getTopLeft,
+  getUid,
+  getWidth,
+  intersects,
+  listen,
+  modulo,
+  releaseCanvas,
+  toSize,
+  unlistenByKey,
+  wrapAndSliceX
+} from "./chunk.RCPXD7AS.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// node_modules/ol/layer/Tile.js
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/ol/renderer/canvas/TileLayer.js
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/ol/ImageTile.js
+init_dirname();
+init_buffer();
+init_process();
+var ImageTile = class extends Tile_default {
+  /**
+   * @param {import("./tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {import("./TileState.js").default} state State.
+   * @param {string} src Image source URI.
+   * @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(tileCoord, state, src, imageAttributes, tileLoadFunction, options) {
+    super(tileCoord, state, options);
+    this.crossOrigin_ = imageAttributes == null ? void 0 : imageAttributes.crossOrigin;
+    this.referrerPolicy_ = imageAttributes == null ? void 0 : imageAttributes.referrerPolicy;
+    this.src_ = src;
+    this.key = src;
+    this.image_;
+    if (WORKER_OFFSCREEN_CANVAS) {
+      this.image_ = new OffscreenCanvas(1, 1);
+    } else {
+      this.image_ = new Image();
+      if (this.crossOrigin_ !== null) {
+        this.image_.crossOrigin = this.crossOrigin_;
+      }
+      if (this.referrerPolicy_ !== void 0) {
+        this.image_.referrerPolicy = this.referrerPolicy_;
+      }
+    }
+    this.unlisten_ = null;
+    this.tileLoadFunction_ = tileLoadFunction;
+  }
+  /**
+   * Get the HTML image element for this tile (may be a Canvas, OffscreenCanvas, Image, or Video).
+   * @return {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement} Image.
+   * @api
+   */
+  getImage() {
+    return this.image_;
+  }
+  /**
+   * Sets an HTML image element for this tile (may be a Canvas or preloaded Image).
+   * @param {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement} element Element.
+   */
+  setImage(element) {
+    this.image_ = element;
+    this.state = TileState_default.LOADED;
+    this.unlistenImage_();
+    this.changed();
+  }
+  /**
+   * Get the cross origin of the ImageTile.
+   * @return {string} Cross origin.
+   */
+  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 = TileState_default.ERROR;
+    this.unlistenImage_();
+    this.image_ = getBlankImage();
+    this.changed();
+  }
+  /**
+   * Tracks successful image load.
+   *
+   * @private
+   */
+  handleImageLoad_() {
+    if (WORKER_OFFSCREEN_CANVAS) {
+      this.state = TileState_default.LOADED;
+    } else {
+      const image = (
+        /** @type {HTMLImageElement} */
+        this.image_
+      );
+      if (image.naturalWidth && image.naturalHeight) {
+        this.state = TileState_default.LOADED;
+      } else {
+        this.state = TileState_default.EMPTY;
+      }
+    }
+    this.unlistenImage_();
+    this.changed();
+  }
+  /**
+   * Load the image or retry if loading previously failed.
+   * Loading is taken care of by the tile queue, and calling this method is
+   * only needed for preloading or for reloading in case of an error.
+   *
+   * To retry loading tiles on failed requests, use a custom `tileLoadFunction`
+   * that checks for error status codes and reloads only when the status code is
+   * 408, 429, 500, 502, 503 and 504, and only when not too many retries have been
+   * made already:
+   *
+   * ```js
+   * const retryCodes = [408, 429, 500, 502, 503, 504];
+   * const retries = {};
+   * source.setTileLoadFunction((tile, src) => {
+   *   const image = tile.getImage();
+   *   fetch(src)
+   *     .then((response) => {
+   *       if (retryCodes.includes(response.status)) {
+   *         retries[src] = (retries[src] || 0) + 1;
+   *         if (retries[src] <= 3) {
+   *           setTimeout(() => tile.load(), retries[src] * 1000);
+   *         }
+   *         return Promise.reject();
+   *       }
+   *       return response.blob();
+   *     })
+   *     .then((blob) => {
+   *       const imageUrl = URL.createObjectURL(blob);
+   *       image.src = imageUrl;
+   *       setTimeout(() => URL.revokeObjectURL(imageUrl), 5000);
+   *     })
+   *     .catch(() => tile.setState(3)); // error
+   * });
+   * ```
+   * @api
+   * @override
+   */
+  load() {
+    if (this.state == TileState_default.ERROR) {
+      this.state = TileState_default.IDLE;
+      this.image_ = new Image();
+      if (this.crossOrigin_ !== null) {
+        this.image_.crossOrigin = this.crossOrigin_;
+      }
+      if (this.referrerPolicy_ !== void 0) {
+        this.image_.referrerPolicy = this.referrerPolicy_;
+      }
+    }
+    if (this.state == TileState_default.IDLE) {
+      this.state = TileState_default.LOADING;
+      this.changed();
+      this.tileLoadFunction_(this, this.src_);
+      this.unlisten_ = listenImage(
+        this.image_,
+        this.handleImageLoad_.bind(this),
+        this.handleImageError_.bind(this)
+      );
+    }
+  }
+  /**
+   * Discards event handlers which listen for load completion or errors.
+   *
+   * @private
+   */
+  unlistenImage_() {
+    if (this.unlisten_) {
+      this.unlisten_();
+      this.unlisten_ = null;
+    }
+  }
+  /**
+   * @override
+   */
+  disposeInternal() {
+    this.unlistenImage_();
+    this.image_ = null;
+    super.disposeInternal();
+  }
+};
+function getBlankImage() {
+  const ctx = createCanvasContext2D(1, 1);
+  ctx.fillStyle = "rgba(0,0,0,0)";
+  ctx.fillRect(0, 0, 1, 1);
+  return ctx.canvas;
+}
+var ImageTile_default = ImageTile;
+
+// node_modules/ol/reproj/Tile.js
+init_dirname();
+init_buffer();
+init_process();
+var ReprojTile = class extends Tile_default {
+  /**
+   * @param {import("../proj/Projection.js").default} sourceProj Source projection.
+   * @param {import("../tilegrid/TileGrid.js").default} sourceTileGrid Source tile grid.
+   * @param {import("../proj/Projection.js").default} targetProj Target projection.
+   * @param {import("../tilegrid/TileGrid.js").default} targetTileGrid Target tile grid.
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Coordinate of the tile.
+   * @param {import("../tilecoord.js").TileCoord} wrappedTileCoord Coordinate of the tile wrapped in X.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {number} gutter Gutter of the source tiles.
+   * @param {FunctionType} getTileFunction
+   *     Function returning source tiles (z, x, y, pixelRatio).
+   * @param {number} [errorThreshold] Acceptable reprojection error (in px).
+   * @param {boolean} [renderEdges] Render reprojection edges.
+   * @param {import("../Tile.js").Options} [options] Tile options.
+   */
+  constructor(sourceProj, sourceTileGrid, targetProj, targetTileGrid, tileCoord, wrappedTileCoord, pixelRatio, gutter, getTileFunction, errorThreshold, renderEdges, options) {
+    super(tileCoord, TileState_default.IDLE, options);
+    this.renderEdges_ = renderEdges !== void 0 ? renderEdges : false;
+    this.pixelRatio_ = pixelRatio;
+    this.gutter_ = gutter;
+    this.canvas_ = null;
+    this.sourceTileGrid_ = sourceTileGrid;
+    this.targetTileGrid_ = targetTileGrid;
+    this.wrappedTileCoord_ = wrappedTileCoord ? wrappedTileCoord : tileCoord;
+    this.sourceTiles_ = [];
+    this.sourcesListenerKeys_ = null;
+    this.sourceZ_ = 0;
+    this.clipExtent_ = sourceProj.canWrapX() ? sourceProj.getExtent() : void 0;
+    const targetExtent = targetTileGrid.getTileCoordExtent(
+      this.wrappedTileCoord_
+    );
+    const maxTargetExtent = this.targetTileGrid_.getExtent();
+    let maxSourceExtent = this.sourceTileGrid_.getExtent();
+    const limitedTargetExtent = maxTargetExtent ? getIntersection(targetExtent, maxTargetExtent) : targetExtent;
+    if (getArea(limitedTargetExtent) === 0) {
+      this.state = TileState_default.EMPTY;
+      return;
+    }
+    const sourceProjExtent = sourceProj.getExtent();
+    if (sourceProjExtent) {
+      if (!maxSourceExtent) {
+        maxSourceExtent = sourceProjExtent;
+      } else {
+        maxSourceExtent = getIntersection(maxSourceExtent, sourceProjExtent);
+      }
+    }
+    const targetResolution = targetTileGrid.getResolution(
+      this.wrappedTileCoord_[0]
+    );
+    const sourceResolution = calculateSourceExtentResolution(
+      sourceProj,
+      targetProj,
+      limitedTargetExtent,
+      targetResolution
+    );
+    if (!isFinite(sourceResolution) || sourceResolution <= 0) {
+      this.state = TileState_default.EMPTY;
+      return;
+    }
+    const errorThresholdInPixels = errorThreshold !== void 0 ? errorThreshold : ERROR_THRESHOLD;
+    this.triangulation_ = new Triangulation_default(
+      sourceProj,
+      targetProj,
+      limitedTargetExtent,
+      maxSourceExtent,
+      sourceResolution * errorThresholdInPixels,
+      targetResolution
+    );
+    if (this.triangulation_.getTriangles().length === 0) {
+      this.state = TileState_default.EMPTY;
+      return;
+    }
+    this.sourceZ_ = sourceTileGrid.getZForResolution(sourceResolution);
+    let sourceExtent = this.triangulation_.calculateSourceExtent();
+    if (maxSourceExtent) {
+      if (sourceProj.canWrapX()) {
+        sourceExtent[1] = clamp(
+          sourceExtent[1],
+          maxSourceExtent[1],
+          maxSourceExtent[3]
+        );
+        sourceExtent[3] = clamp(
+          sourceExtent[3],
+          maxSourceExtent[1],
+          maxSourceExtent[3]
+        );
+      } else {
+        sourceExtent = getIntersection(sourceExtent, maxSourceExtent);
+      }
+    }
+    if (!getArea(sourceExtent)) {
+      this.state = TileState_default.EMPTY;
+    } else {
+      let worldWidth = 0;
+      let worldsAway = 0;
+      if (sourceProj.canWrapX()) {
+        worldWidth = getWidth(sourceProjExtent);
+        worldsAway = Math.floor(
+          (sourceExtent[0] - sourceProjExtent[0]) / worldWidth
+        );
+      }
+      const sourceExtents = wrapAndSliceX(
+        sourceExtent.slice(),
+        sourceProj,
+        true
+      );
+      sourceExtents.forEach((extent) => {
+        const sourceRange = sourceTileGrid.getTileRangeForExtentAndZ(
+          extent,
+          this.sourceZ_
+        );
+        for (let srcX = sourceRange.minX; srcX <= sourceRange.maxX; srcX++) {
+          for (let srcY = sourceRange.minY; srcY <= sourceRange.maxY; srcY++) {
+            const offset = worldsAway * worldWidth;
+            this.sourceTiles_.push({
+              getTile: () => getTileFunction(this.sourceZ_, srcX, srcY, pixelRatio),
+              offset
+            });
+          }
+        }
+        ++worldsAway;
+      });
+      if (this.sourceTiles_.length === 0) {
+        this.state = TileState_default.EMPTY;
+      }
+    }
+  }
+  /**
+   * Get the HTML Canvas element for this tile.
+   * @return {HTMLCanvasElement|OffscreenCanvas} Canvas.
+   */
+  getImage() {
+    return this.canvas_;
+  }
+  /**
+   * @private
+   */
+  reproject_() {
+    const sources = [];
+    this.sourceTiles_.forEach((source) => {
+      var _a;
+      const tile = source.tile;
+      if (tile && tile.getState() == TileState_default.LOADED) {
+        const extent = this.sourceTileGrid_.getTileCoordExtent(tile.tileCoord);
+        extent[0] += source.offset;
+        extent[2] += source.offset;
+        const clipExtent = (_a = this.clipExtent_) == null ? void 0 : _a.slice();
+        if (clipExtent) {
+          clipExtent[0] += source.offset;
+          clipExtent[2] += source.offset;
+        }
+        sources.push({
+          extent,
+          clipExtent,
+          image: tile.getImage()
+        });
+      }
+    });
+    this.sourceTiles_.length = 0;
+    if (sources.length === 0) {
+      this.state = TileState_default.ERROR;
+    } else {
+      const z = this.wrappedTileCoord_[0];
+      const size = this.targetTileGrid_.getTileSize(z);
+      const width = typeof size === "number" ? size : size[0];
+      const height = typeof size === "number" ? size : size[1];
+      const targetResolution = this.targetTileGrid_.getResolution(z);
+      const sourceResolution = this.sourceTileGrid_.getResolution(
+        this.sourceZ_
+      );
+      const targetExtent = this.targetTileGrid_.getTileCoordExtent(
+        this.wrappedTileCoord_
+      );
+      this.canvas_ = render(
+        width,
+        height,
+        this.pixelRatio_,
+        sourceResolution,
+        this.sourceTileGrid_.getExtent(),
+        targetResolution,
+        targetExtent,
+        this.triangulation_,
+        sources,
+        this.gutter_,
+        this.renderEdges_,
+        this.interpolate
+      );
+      this.state = TileState_default.LOADED;
+    }
+    this.changed();
+  }
+  /**
+   * Load not yet loaded URI.
+   * @override
+   */
+  load() {
+    for (const sourceTile of this.sourceTiles_) {
+      sourceTile.tile = sourceTile.getTile();
+    }
+    if (this.state == TileState_default.IDLE) {
+      this.state = TileState_default.LOADING;
+      this.changed();
+      let leftToLoad = 0;
+      this.sourcesListenerKeys_ = [];
+      this.sourceTiles_.forEach(({ tile }) => {
+        const state = tile.getState();
+        if (state == TileState_default.IDLE || state == TileState_default.LOADING) {
+          leftToLoad++;
+          const sourceListenKey = listen(tile, EventType_default.CHANGE, (e) => {
+            const state2 = tile.getState();
+            if (state2 == TileState_default.LOADED || state2 == TileState_default.ERROR || state2 == TileState_default.EMPTY) {
+              unlistenByKey(sourceListenKey);
+              leftToLoad--;
+              if (leftToLoad === 0) {
+                this.unlistenSources_();
+                this.reproject_();
+              }
+            }
+          });
+          this.sourcesListenerKeys_.push(sourceListenKey);
+        }
+      });
+      if (leftToLoad === 0) {
+        setTimeout(this.reproject_.bind(this), 0);
+      } else {
+        this.sourceTiles_.forEach(function({ tile }, i, arr) {
+          const state = tile.getState();
+          if (state == TileState_default.IDLE) {
+            tile.load();
+          }
+        });
+      }
+    }
+  }
+  /**
+   * @private
+   */
+  unlistenSources_() {
+    this.sourcesListenerKeys_.forEach(unlistenByKey);
+    this.sourcesListenerKeys_ = null;
+  }
+  /**
+   * Remove from the cache due to expiry
+   * @override
+   */
+  release() {
+    if (this.canvas_) {
+      releaseCanvas(
+        /** @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} */
+        this.canvas_.getContext("2d")
+      );
+      canvasPool.push(this.canvas_);
+      this.canvas_ = null;
+    }
+    this.sourceTiles_.length = 0;
+    super.release();
+  }
+};
+var Tile_default2 = ReprojTile;
+
+// node_modules/ol/structs/LRUCache.js
+init_dirname();
+init_buffer();
+init_process();
+var LRUCache = class {
+  /**
+   * @param {number} [highWaterMark] High water mark.
+   */
+  constructor(highWaterMark) {
+    this.highWaterMark = highWaterMark !== void 0 ? highWaterMark : 2048;
+    this.count_ = 0;
+    this.entries_ = {};
+    this.oldest_ = null;
+    this.newest_ = null;
+  }
+  deleteOldest() {
+    const entry = this.pop();
+    if (entry instanceof Disposable_default) {
+      entry.dispose();
+    }
+  }
+  /**
+   * @return {boolean} Can expire cache.
+   */
+  canExpireCache() {
+    return this.highWaterMark > 0 && this.getCount() > this.highWaterMark;
+  }
+  /**
+   * Expire the cache. When the cache entry is a {@link module:ol/Disposable~Disposable},
+   * the entry will be disposed.
+   * @param {!Object<string, boolean>} [keep] Keys to keep. To be implemented by subclasses.
+   */
+  expireCache(keep) {
+    while (this.canExpireCache()) {
+      this.deleteOldest();
+    }
+  }
+  /**
+   * FIXME empty description for jsdoc
+   */
+  clear() {
+    while (this.oldest_) {
+      this.deleteOldest();
+    }
+  }
+  /**
+   * @param {string} key Key.
+   * @return {boolean} Contains key.
+   */
+  containsKey(key) {
+    return this.entries_.hasOwnProperty(key);
+  }
+  /**
+   * @param {function(T, string, LRUCache<T>): ?} f The function
+   *     to call for every entry from the oldest to the newer. This function takes
+   *     3 arguments (the entry value, the entry key and the LRUCache object).
+   *     The return value is ignored.
+   */
+  forEach(f) {
+    let entry = this.oldest_;
+    while (entry) {
+      f(entry.value_, entry.key_, this);
+      entry = entry.newer;
+    }
+  }
+  /**
+   * @param {string} key Key.
+   * @param {*} [options] Options (reserved for subclasses).
+   * @return {T} Value.
+   */
+  get(key, options) {
+    const entry = this.entries_[key];
+    assert(
+      entry !== void 0,
+      "Tried to get a value for a key that does not exist in the cache"
+    );
+    if (entry === this.newest_) {
+      return entry.value_;
+    }
+    if (entry === this.oldest_) {
+      this.oldest_ = /** @type {Entry} */
+      this.oldest_.newer;
+      this.oldest_.older = null;
+    } else {
+      entry.newer.older = entry.older;
+      entry.older.newer = entry.newer;
+    }
+    entry.newer = null;
+    entry.older = this.newest_;
+    this.newest_.newer = entry;
+    this.newest_ = entry;
+    return entry.value_;
+  }
+  /**
+   * Remove an entry from the cache.
+   * @param {string} key The entry key.
+   * @return {T} The removed entry.
+   */
+  remove(key) {
+    const entry = this.entries_[key];
+    assert(
+      entry !== void 0,
+      "Tried to get a value for a key that does not exist in the cache"
+    );
+    if (entry === this.newest_) {
+      this.newest_ = /** @type {Entry} */
+      entry.older;
+      if (this.newest_) {
+        this.newest_.newer = null;
+      }
+    } else if (entry === this.oldest_) {
+      this.oldest_ = /** @type {Entry} */
+      entry.newer;
+      if (this.oldest_) {
+        this.oldest_.older = null;
+      }
+    } else {
+      entry.newer.older = entry.older;
+      entry.older.newer = entry.newer;
+    }
+    delete this.entries_[key];
+    --this.count_;
+    return entry.value_;
+  }
+  /**
+   * @return {number} Count.
+   */
+  getCount() {
+    return this.count_;
+  }
+  /**
+   * @return {Array<string>} Keys.
+   */
+  getKeys() {
+    const keys = new Array(this.count_);
+    let i = 0;
+    let entry;
+    for (entry = this.newest_; entry; entry = entry.older) {
+      keys[i++] = entry.key_;
+    }
+    return keys;
+  }
+  /**
+   * @return {Array<T>} Values.
+   */
+  getValues() {
+    const values = new Array(this.count_);
+    let i = 0;
+    let entry;
+    for (entry = this.newest_; entry; entry = entry.older) {
+      values[i++] = entry.value_;
+    }
+    return values;
+  }
+  /**
+   * @return {T} Last value.
+   */
+  peekLast() {
+    return this.oldest_.value_;
+  }
+  /**
+   * @return {string} Last key.
+   */
+  peekLastKey() {
+    return this.oldest_.key_;
+  }
+  /**
+   * Get the key of the newest item in the cache.  Throws if the cache is empty.
+   * @return {string} The newest key.
+   */
+  peekFirstKey() {
+    return this.newest_.key_;
+  }
+  /**
+   * Return an entry without updating least recently used time.
+   * @param {string} key Key.
+   * @return {T|undefined} Value.
+   */
+  peek(key) {
+    var _a;
+    return (_a = this.entries_[key]) == null ? void 0 : _a.value_;
+  }
+  /**
+   * @return {T} value Value.
+   */
+  pop() {
+    const entry = this.oldest_;
+    delete this.entries_[entry.key_];
+    if (entry.newer) {
+      entry.newer.older = null;
+    }
+    this.oldest_ = /** @type {Entry} */
+    entry.newer;
+    if (!this.oldest_) {
+      this.newest_ = null;
+    }
+    --this.count_;
+    return entry.value_;
+  }
+  /**
+   * @param {string} key Key.
+   * @param {T} value Value.
+   */
+  replace(key, value) {
+    this.get(key);
+    this.entries_[key].value_ = value;
+  }
+  /**
+   * @param {string} key Key.
+   * @param {T} value Value.
+   */
+  set(key, value) {
+    assert(
+      !(key in this.entries_),
+      "Tried to set a value for a key that is used already"
+    );
+    const entry = {
+      key_: key,
+      newer: null,
+      older: this.newest_,
+      value_: value
+    };
+    if (!this.newest_) {
+      this.oldest_ = entry;
+    } else {
+      this.newest_.newer = entry;
+    }
+    this.newest_ = entry;
+    this.entries_[key] = entry;
+    ++this.count_;
+  }
+  /**
+   * Set a maximum number of entries for the cache.
+   * @param {number} size Cache size.
+   * @api
+   */
+  setSize(size) {
+    this.highWaterMark = size;
+  }
+};
+var LRUCache_default = LRUCache;
+
+// node_modules/ol/renderer/canvas/TileLayer.js
+function addTileToLookup(tilesByZ, tile, z) {
+  if (!(z in tilesByZ)) {
+    tilesByZ[z] = /* @__PURE__ */ new Set([tile]);
+    return true;
+  }
+  const set = tilesByZ[z];
+  const existing = set.has(tile);
+  if (!existing) {
+    set.add(tile);
+  }
+  return !existing;
+}
+function removeTileFromLookup(tilesByZ, tile, z) {
+  const set = tilesByZ[z];
+  if (set) {
+    return set.delete(tile);
+  }
+  return false;
+}
+function getRenderExtent(frameState, extent) {
+  const layerState = frameState.layerStatesArray[frameState.layerIndex];
+  if (layerState.extent) {
+    extent = getIntersection(
+      extent,
+      fromUserExtent(layerState.extent, frameState.viewState.projection)
+    );
+  }
+  const source = (
+    /** @type {import("../../source/Tile.js").default} */
+    layerState.layer.getRenderSource()
+  );
+  if (!source.getWrapX()) {
+    const gridExtent = source.getTileGridForProjection(frameState.viewState.projection).getExtent();
+    if (gridExtent) {
+      extent = getIntersection(extent, gridExtent);
+    }
+  }
+  return extent;
+}
+var CanvasTileLayerRenderer = class extends Layer_default {
+  /**
+   * @param {LayerType} tileLayer Tile layer.
+   * @param {Options} [options] Options.
+   */
+  constructor(tileLayer, options) {
+    super(tileLayer);
+    options = options || {};
+    this.extentChanged = true;
+    this.renderComplete = false;
+    this.renderedExtent_ = null;
+    this.renderedPixelRatio;
+    this.renderedProjection = null;
+    this.renderedTiles = [];
+    this.renderedSourceKey_;
+    this.renderedSourceRevision_;
+    this.tempExtent = createEmpty();
+    this.tempTileRange_ = new TileRange_default(0, 0, 0, 0);
+    this.tempTileCoord_ = createOrUpdate(0, 0, 0);
+    const cacheSize = options.cacheSize !== void 0 ? options.cacheSize : 512;
+    this.tileCache_ = new LRUCache_default(cacheSize);
+    this.sourceTileCache_ = null;
+    this.maxStaleKeys = cacheSize * 0.5;
+  }
+  /**
+   * @return {LRUCache} Tile cache.
+   */
+  getTileCache() {
+    return this.tileCache_;
+  }
+  /**
+   * @return {LRUCache} Tile cache.
+   */
+  getSourceTileCache() {
+    if (!this.sourceTileCache_) {
+      this.sourceTileCache_ = new LRUCache_default(512);
+    }
+    return this.sourceTileCache_;
+  }
+  /**
+   * Get a tile from the cache or create one if needed.
+   *
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @return {import("../../Tile.js").default|null} Tile (or null if outside source extent).
+   * @protected
+   */
+  getOrCreateTile(z, x, y, frameState) {
+    const tileCache = this.tileCache_;
+    const tileLayer = this.getLayer();
+    const tileSource = tileLayer.getSource();
+    const cacheKey = getCacheKey(tileSource, tileSource.getKey(), z, x, y);
+    let tile;
+    if (tileCache.containsKey(cacheKey)) {
+      tile = tileCache.get(cacheKey);
+    } else {
+      const projection = frameState.viewState.projection;
+      const sourceProjection = tileSource.getProjection();
+      tile = tileSource.getTile(
+        z,
+        x,
+        y,
+        frameState.pixelRatio,
+        projection,
+        !sourceProjection || equivalent(sourceProjection, projection) ? void 0 : this.getSourceTileCache()
+      );
+      if (!tile) {
+        return null;
+      }
+      tileCache.set(cacheKey, tile);
+    }
+    return tile;
+  }
+  /**
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @return {import("../../Tile.js").default|null} Tile (or null if outside source extent).
+   * @protected
+   */
+  getTile(z, x, y, frameState) {
+    const tile = this.getOrCreateTile(z, x, y, frameState);
+    if (!tile) {
+      return null;
+    }
+    return tile;
+  }
+  /**
+   * @param {import("../../pixel.js").Pixel} pixel Pixel.
+   * @return {Uint8ClampedArray} Data at the pixel location.
+   * @override
+   */
+  getData(pixel) {
+    const frameState = this.frameState;
+    if (!frameState) {
+      return null;
+    }
+    const layer = this.getLayer();
+    const coordinate = apply(
+      frameState.pixelToCoordinateTransform,
+      pixel.slice()
+    );
+    const layerExtent = layer.getExtent();
+    if (layerExtent) {
+      if (!containsCoordinate(layerExtent, coordinate)) {
+        return null;
+      }
+    }
+    const viewState = frameState.viewState;
+    const source = layer.getRenderSource();
+    const tileGrid = source.getTileGridForProjection(viewState.projection);
+    const tilePixelRatio = source.getTilePixelRatio(frameState.pixelRatio);
+    for (let z = tileGrid.getZForResolution(viewState.resolution); z >= tileGrid.getMinZoom(); --z) {
+      const tileCoord = tileGrid.getTileCoordForCoordAndZ(coordinate, z);
+      const tile = this.getTile(z, tileCoord[1], tileCoord[2], frameState);
+      if (!tile || tile.getState() !== TileState_default.LOADED) {
+        continue;
+      }
+      const tileOrigin = tileGrid.getOrigin(z);
+      const tileSize = toSize(tileGrid.getTileSize(z));
+      const tileResolution = tileGrid.getResolution(z);
+      let image;
+      if (tile instanceof ImageTile_default || tile instanceof Tile_default2) {
+        image = tile.getImage();
+      } else if (tile instanceof DataTile_default) {
+        image = asImageLike(tile.getData());
+        if (!image) {
+          continue;
+        }
+      } else {
+        continue;
+      }
+      const col = Math.floor(
+        tilePixelRatio * ((coordinate[0] - tileOrigin[0]) / tileResolution - tileCoord[1] * tileSize[0])
+      );
+      const row = Math.floor(
+        tilePixelRatio * ((tileOrigin[1] - coordinate[1]) / tileResolution - tileCoord[2] * tileSize[1])
+      );
+      const gutter = Math.round(
+        tilePixelRatio * source.getGutterForProjection(viewState.projection)
+      );
+      return this.getImageData(image, col + gutter, row + gutter);
+    }
+    return null;
+  }
+  /**
+   * Determine whether render should be called.
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @return {boolean} Layer is ready to be rendered.
+   * @override
+   */
+  prepareFrame(frameState) {
+    var _a;
+    if (!this.renderedProjection) {
+      this.renderedProjection = frameState.viewState.projection;
+    } else if (frameState.viewState.projection !== this.renderedProjection) {
+      this.tileCache_.clear();
+      this.renderedProjection = frameState.viewState.projection;
+    }
+    const source = this.getLayer().getSource();
+    if (!source) {
+      return false;
+    }
+    const sourceRevision = source.getRevision();
+    if (!this.renderedSourceRevision_) {
+      this.renderedSourceRevision_ = sourceRevision;
+    } else if (this.renderedSourceRevision_ !== sourceRevision) {
+      this.renderedSourceRevision_ = sourceRevision;
+      if (this.renderedSourceKey_ === source.getKey()) {
+        this.tileCache_.clear();
+        (_a = this.sourceTileCache_) == null ? void 0 : _a.clear();
+      }
+    }
+    return true;
+  }
+  /**
+   * Determine whether tiles for next extent should be enqueued for rendering.
+   * @return {boolean} Rendering tiles for next extent is supported.
+   * @protected
+   */
+  enqueueTilesForNextExtent() {
+    return true;
+  }
+  /**
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @param {import("../../extent.js").Extent} extent The extent to be rendered.
+   * @param {number} initialZ The zoom level.
+   * @param {TileLookup} tilesByZ Lookup of tiles by zoom level.
+   * @param {number} preload Number of additional levels to load.
+   */
+  enqueueTiles(frameState, extent, initialZ, tilesByZ, preload) {
+    const viewState = frameState.viewState;
+    const tileLayer = this.getLayer();
+    const tileSource = tileLayer.getRenderSource();
+    const tileGrid = tileSource.getTileGridForProjection(viewState.projection);
+    const tileSourceKey = getUid(tileSource);
+    if (!(tileSourceKey in frameState.wantedTiles)) {
+      frameState.wantedTiles[tileSourceKey] = {};
+    }
+    const wantedTiles = frameState.wantedTiles[tileSourceKey];
+    const map = tileLayer.getMapInternal();
+    const minZ = Math.max(
+      initialZ - preload,
+      tileGrid.getMinZoom(),
+      tileGrid.getZForResolution(
+        Math.min(
+          tileLayer.getMaxResolution(),
+          map ? map.getView().getResolutionForZoom(Math.max(tileLayer.getMinZoom(), 0)) : tileGrid.getResolution(0)
+        ),
+        tileSource.zDirection
+      )
+    );
+    const rotation = viewState.rotation;
+    const viewport = rotation ? getRotatedViewport(
+      viewState.center,
+      viewState.resolution,
+      rotation,
+      frameState.size
+    ) : void 0;
+    for (let z = initialZ; z >= minZ; --z) {
+      const tileRange = tileGrid.getTileRangeForExtentAndZ(
+        extent,
+        z,
+        this.tempTileRange_
+      );
+      const tileResolution = tileGrid.getResolution(z);
+      for (let x = tileRange.minX; x <= tileRange.maxX; ++x) {
+        for (let y = tileRange.minY; y <= tileRange.maxY; ++y) {
+          if (rotation && !tileGrid.tileCoordIntersectsViewport([z, x, y], viewport)) {
+            continue;
+          }
+          const tile = this.getTile(z, x, y, frameState);
+          if (!tile) {
+            continue;
+          }
+          const added = addTileToLookup(tilesByZ, tile, z);
+          if (!added) {
+            continue;
+          }
+          const tileQueueKey = tile.getKey();
+          wantedTiles[tileQueueKey] = true;
+          if (tile.getState() === TileState_default.IDLE) {
+            if (!frameState.tileQueue.isKeyQueued(tileQueueKey)) {
+              const tileCoord = createOrUpdate(z, x, y, this.tempTileCoord_);
+              frameState.tileQueue.enqueue([
+                tile,
+                tileSourceKey,
+                tileGrid.getTileCoordCenter(tileCoord),
+                tileResolution
+              ]);
+            }
+          }
+        }
+      }
+    }
+  }
+  /**
+   * Look for tiles covering the provided tile coordinate at an alternate
+   * zoom level.  Loaded tiles will be added to the provided tile texture lookup.
+   * @param {import("../../tilecoord.js").TileCoord} tileCoord The target tile coordinate.
+   * @param {TileLookup} tilesByZ Lookup of tiles by zoom level.
+   * @return {boolean} The tile coordinate is covered by loaded tiles at the alternate zoom level.
+   * @private
+   */
+  findStaleTile_(tileCoord, tilesByZ) {
+    const tileCache = this.tileCache_;
+    const z = tileCoord[0];
+    const x = tileCoord[1];
+    const y = tileCoord[2];
+    const staleKeys = this.getStaleKeys();
+    for (let i = 0; i < staleKeys.length; ++i) {
+      const cacheKey = getCacheKey(
+        this.getLayer().getSource(),
+        staleKeys[i],
+        z,
+        x,
+        y
+      );
+      if (tileCache.containsKey(cacheKey)) {
+        const tile = tileCache.peek(cacheKey);
+        if (tile.getState() === TileState_default.LOADED) {
+          tile.endTransition(getUid(this));
+          addTileToLookup(tilesByZ, tile, z);
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  /**
+   * Look for tiles covering the provided tile coordinate at an alternate
+   * zoom level.  Loaded tiles will be added to the provided tile texture lookup.
+   * @param {import("../../tilegrid/TileGrid.js").default} tileGrid The tile grid.
+   * @param {import("../../tilecoord.js").TileCoord} tileCoord The target tile coordinate.
+   * @param {number} altZ The alternate zoom level.
+   * @param {TileLookup} tilesByZ Lookup of tiles by zoom level.
+   * @return {boolean} The tile coordinate is covered by loaded tiles at the alternate zoom level.
+   * @private
+   */
+  findAltTiles_(tileGrid, tileCoord, altZ, tilesByZ) {
+    const tileRange = tileGrid.getTileRangeForTileCoordAndZ(
+      tileCoord,
+      altZ,
+      this.tempTileRange_
+    );
+    if (!tileRange) {
+      return false;
+    }
+    let covered = true;
+    const tileCache = this.tileCache_;
+    const source = this.getLayer().getRenderSource();
+    const sourceKey = source.getKey();
+    for (let x = tileRange.minX; x <= tileRange.maxX; ++x) {
+      for (let y = tileRange.minY; y <= tileRange.maxY; ++y) {
+        const cacheKey = getCacheKey(source, sourceKey, altZ, x, y);
+        let loaded = false;
+        if (tileCache.containsKey(cacheKey)) {
+          const tile = tileCache.peek(cacheKey);
+          if (tile.getState() === TileState_default.LOADED) {
+            addTileToLookup(tilesByZ, tile, altZ);
+            loaded = true;
+          }
+        }
+        if (!loaded) {
+          covered = false;
+        }
+      }
+    }
+    return covered;
+  }
+  /**
+   * Render the layer.
+   *
+   * The frame rendering logic has three parts:
+   *
+   *  1. Enqueue tiles
+   *  2. Find alt tiles for those that are not yet loaded
+   *  3. Render loaded tiles
+   *
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @param {HTMLElement} target Target that may be used to render content to.
+   * @return {HTMLElement} The rendered element.
+   * @override
+   */
+  renderFrame(frameState, target) {
+    this.renderComplete = true;
+    const layerState = frameState.layerStatesArray[frameState.layerIndex];
+    const viewState = frameState.viewState;
+    const projection = viewState.projection;
+    const viewResolution = viewState.resolution;
+    const viewCenter = viewState.center;
+    const pixelRatio = frameState.pixelRatio;
+    const tileLayer = this.getLayer();
+    const tileSource = tileLayer.getSource();
+    const tileGrid = tileSource.getTileGridForProjection(projection);
+    const z = tileGrid.getZForResolution(viewResolution, tileSource.zDirection);
+    const tileResolution = tileGrid.getResolution(z);
+    const sourceKey = tileSource.getKey();
+    if (!this.renderedSourceKey_) {
+      this.renderedSourceKey_ = sourceKey;
+    } else if (this.renderedSourceKey_ !== sourceKey) {
+      this.prependStaleKey(this.renderedSourceKey_);
+      this.renderedSourceKey_ = sourceKey;
+    }
+    let frameExtent = frameState.extent;
+    const tilePixelRatio = tileSource.getTilePixelRatio(pixelRatio);
+    this.prepareContainer(frameState, target);
+    const width = this.context.canvas.width;
+    const height = this.context.canvas.height;
+    const layerExtent = layerState.extent && fromUserExtent(layerState.extent, projection);
+    if (layerExtent) {
+      frameExtent = getIntersection(
+        frameExtent,
+        fromUserExtent(layerState.extent, projection)
+      );
+    }
+    const dx = tileResolution * width / 2 / tilePixelRatio;
+    const dy = tileResolution * height / 2 / tilePixelRatio;
+    const canvasExtent = [
+      viewCenter[0] - dx,
+      viewCenter[1] - dy,
+      viewCenter[0] + dx,
+      viewCenter[1] + dy
+    ];
+    const tilesByZ = {};
+    this.renderedTiles.length = 0;
+    const preload = tileLayer.getPreload();
+    if (frameState.nextExtent && this.enqueueTilesForNextExtent()) {
+      const targetZ = tileGrid.getZForResolution(
+        viewState.nextResolution,
+        tileSource.zDirection
+      );
+      const nextExtent = getRenderExtent(frameState, frameState.nextExtent);
+      this.enqueueTiles(frameState, nextExtent, targetZ, tilesByZ, preload);
+    }
+    const renderExtent = getRenderExtent(frameState, frameExtent);
+    this.enqueueTiles(frameState, renderExtent, z, tilesByZ, 0);
+    if (preload > 0) {
+      setTimeout(() => {
+        this.enqueueTiles(
+          frameState,
+          renderExtent,
+          z - 1,
+          tilesByZ,
+          preload - 1
+        );
+      }, 0);
+    }
+    if (!(z in tilesByZ)) {
+      return this.container;
+    }
+    const uid = getUid(this);
+    const time = frameState.time;
+    for (const tile of tilesByZ[z]) {
+      const tileState = tile.getState();
+      if (tileState === TileState_default.EMPTY) {
+        continue;
+      }
+      const tileCoord = tile.tileCoord;
+      if (tileState === TileState_default.LOADED) {
+        const alpha = tile.getAlpha(uid, time);
+        if (alpha === 1) {
+          tile.endTransition(uid);
+          continue;
+        }
+      }
+      if (tileState !== TileState_default.ERROR) {
+        this.renderComplete = false;
+      }
+      const hasStaleTile = this.findStaleTile_(tileCoord, tilesByZ);
+      if (hasStaleTile) {
+        removeTileFromLookup(tilesByZ, tile, z);
+        frameState.animate = true;
+        continue;
+      }
+      const coveredByChildren = this.findAltTiles_(
+        tileGrid,
+        tileCoord,
+        z + 1,
+        tilesByZ
+      );
+      if (coveredByChildren) {
+        continue;
+      }
+      const minZoom = tileGrid.getMinZoom();
+      for (let parentZ = z - 1; parentZ >= minZoom; --parentZ) {
+        const coveredByParent = this.findAltTiles_(
+          tileGrid,
+          tileCoord,
+          parentZ,
+          tilesByZ
+        );
+        if (coveredByParent) {
+          break;
+        }
+      }
+    }
+    const canvasScale = tileResolution / viewResolution * pixelRatio / tilePixelRatio;
+    const context = this.getRenderContext(frameState);
+    compose(
+      this.tempTransform,
+      width / 2,
+      height / 2,
+      canvasScale,
+      canvasScale,
+      0,
+      -width / 2,
+      -height / 2
+    );
+    if (layerState.extent) {
+      this.clipUnrotated(context, frameState, layerExtent);
+    }
+    if (!tileSource.getInterpolate()) {
+      context.imageSmoothingEnabled = false;
+    }
+    this.preRender(context, frameState);
+    const zs = Object.keys(tilesByZ).map(Number);
+    zs.sort(ascending);
+    let currentClip;
+    const clips = [];
+    const clipZs = [];
+    for (let i = zs.length - 1; i >= 0; --i) {
+      const currentZ = zs[i];
+      const currentTilePixelSize = tileSource.getTilePixelSize(
+        currentZ,
+        pixelRatio,
+        projection
+      );
+      const currentResolution = tileGrid.getResolution(currentZ);
+      const currentScale = currentResolution / tileResolution;
+      const dx2 = currentTilePixelSize[0] * currentScale * canvasScale;
+      const dy2 = currentTilePixelSize[1] * currentScale * canvasScale;
+      const originTileCoord = tileGrid.getTileCoordForCoordAndZ(
+        getTopLeft(canvasExtent),
+        currentZ
+      );
+      const originTileExtent = tileGrid.getTileCoordExtent(originTileCoord);
+      const origin = apply(this.tempTransform, [
+        tilePixelRatio * (originTileExtent[0] - canvasExtent[0]) / tileResolution,
+        tilePixelRatio * (canvasExtent[3] - originTileExtent[3]) / tileResolution
+      ]);
+      const tileGutter = tilePixelRatio * tileSource.getGutterForProjection(projection);
+      for (const tile of tilesByZ[currentZ]) {
+        if (tile.getState() !== TileState_default.LOADED) {
+          continue;
+        }
+        const tileCoord = tile.tileCoord;
+        const xIndex = originTileCoord[1] - tileCoord[1];
+        const nextX = Math.round(origin[0] - (xIndex - 1) * dx2);
+        const yIndex = originTileCoord[2] - tileCoord[2];
+        const nextY = Math.round(origin[1] - (yIndex - 1) * dy2);
+        const x = Math.round(origin[0] - xIndex * dx2);
+        const y = Math.round(origin[1] - yIndex * dy2);
+        const w = nextX - x;
+        const h = nextY - y;
+        const transition = zs.length === 1;
+        let contextSaved = false;
+        currentClip = [x, y, x + w, y, x + w, y + h, x, y + h];
+        for (let i2 = 0, ii = clips.length; i2 < ii; ++i2) {
+          if (!transition && currentZ < clipZs[i2]) {
+            const clip = clips[i2];
+            if (intersects(
+              [x, y, x + w, y + h],
+              [clip[0], clip[3], clip[4], clip[7]]
+            )) {
+              if (!contextSaved) {
+                context.save();
+                contextSaved = true;
+              }
+              context.beginPath();
+              context.moveTo(currentClip[0], currentClip[1]);
+              context.lineTo(currentClip[2], currentClip[3]);
+              context.lineTo(currentClip[4], currentClip[5]);
+              context.lineTo(currentClip[6], currentClip[7]);
+              context.moveTo(clip[6], clip[7]);
+              context.lineTo(clip[4], clip[5]);
+              context.lineTo(clip[2], clip[3]);
+              context.lineTo(clip[0], clip[1]);
+              context.clip();
+            }
+          }
+        }
+        clips.push(currentClip);
+        clipZs.push(currentZ);
+        this.drawTile(tile, frameState, x, y, w, h, tileGutter, transition);
+        if (contextSaved) {
+          context.restore();
+        }
+        this.renderedTiles.unshift(tile);
+        this.updateUsedTiles(frameState.usedTiles, tileSource, tile);
+      }
+    }
+    this.renderedResolution = tileResolution;
+    this.extentChanged = !this.renderedExtent_ || !equals(this.renderedExtent_, canvasExtent);
+    this.renderedExtent_ = canvasExtent;
+    this.renderedPixelRatio = pixelRatio;
+    this.postRender(this.context, frameState);
+    if (layerState.extent) {
+      context.restore();
+    }
+    context.imageSmoothingEnabled = true;
+    if (this.renderComplete) {
+      const postRenderFunction = (map, frameState2) => {
+        var _a;
+        const tileSourceKey = getUid(tileSource);
+        const wantedTiles = frameState2.wantedTiles[tileSourceKey];
+        const tilesCount = wantedTiles ? Object.keys(wantedTiles).length : 0;
+        this.updateCacheSize(tilesCount);
+        this.tileCache_.expireCache();
+        (_a = this.sourceTileCache_) == null ? void 0 : _a.expireCache();
+      };
+      frameState.postRenderFunctions.push(postRenderFunction);
+    }
+    return this.container;
+  }
+  /**
+   * Increases the cache size if needed
+   * @param {number} tileCount Minimum number of tiles needed.
+   */
+  updateCacheSize(tileCount) {
+    this.tileCache_.highWaterMark = Math.max(
+      this.tileCache_.highWaterMark,
+      tileCount * 2
+    );
+  }
+  /**
+   * @param {import("../../Tile.js").default} tile Tile.
+   * @param {import("../../Map.js").FrameState} frameState Frame state.
+   * @param {number} x Left of the tile.
+   * @param {number} y Top of the tile.
+   * @param {number} w Width of the tile.
+   * @param {number} h Height of the tile.
+   * @param {number} gutter Tile gutter.
+   * @param {boolean} transition Apply an alpha transition.
+   * @protected
+   */
+  drawTile(tile, frameState, x, y, w, h, gutter, transition) {
+    let image;
+    if (tile instanceof DataTile_default) {
+      image = asImageLike(tile.getData());
+      if (!image) {
+        throw new Error("Rendering array data is not yet supported");
+      }
+    } else {
+      image = this.getTileImage(
+        /** @type {import("../../ImageTile.js").default} */
+        tile
+      );
+    }
+    if (!image) {
+      return;
+    }
+    const context = this.getRenderContext(frameState);
+    const uid = getUid(this);
+    const layerState = frameState.layerStatesArray[frameState.layerIndex];
+    const alpha = layerState.opacity * (transition ? tile.getAlpha(uid, frameState.time) : 1);
+    const alphaChanged = alpha !== context.globalAlpha;
+    if (alphaChanged) {
+      context.save();
+      context.globalAlpha = alpha;
+    }
+    context.drawImage(
+      image,
+      gutter,
+      gutter,
+      image.width - 2 * gutter,
+      image.height - 2 * gutter,
+      x,
+      y,
+      w,
+      h
+    );
+    if (alphaChanged) {
+      context.restore();
+    }
+    if (alpha !== layerState.opacity) {
+      frameState.animate = true;
+    } else if (transition) {
+      tile.endTransition(uid);
+    }
+  }
+  /**
+   * @return {HTMLCanvasElement|OffscreenCanvas} Image
+   */
+  getImage() {
+    const context = this.context;
+    return context ? context.canvas : null;
+  }
+  /**
+   * Get the image from a tile.
+   * @param {import("../../ImageTile.js").default} tile Tile.
+   * @return {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement} Image.
+   * @protected
+   */
+  getTileImage(tile) {
+    return tile.getImage();
+  }
+  /**
+   * @param {!Object<string, !Object<string, boolean>>} usedTiles Used tiles.
+   * @param {import("../../source/Tile.js").default} tileSource Tile source.
+   * @param {import('../../Tile.js').default} tile Tile.
+   * @protected
+   */
+  updateUsedTiles(usedTiles, tileSource, tile) {
+    const tileSourceKey = getUid(tileSource);
+    if (!(tileSourceKey in usedTiles)) {
+      usedTiles[tileSourceKey] = {};
+    }
+    usedTiles[tileSourceKey][tile.getKey()] = true;
+  }
+};
+var TileLayer_default = CanvasTileLayerRenderer;
+
+// node_modules/ol/layer/BaseTile.js
+init_dirname();
+init_buffer();
+init_process();
+
+// node_modules/ol/layer/TileProperty.js
+init_dirname();
+init_buffer();
+init_process();
+var TileProperty_default = {
+  PRELOAD: "preload",
+  USE_INTERIM_TILES_ON_ERROR: "useInterimTilesOnError"
+};
+
+// node_modules/ol/layer/BaseTile.js
+var BaseTileLayer = class extends Layer_default2 {
+  /**
+   * @param {Options<TileSourceType>} [options] Tile layer options.
+   */
+  constructor(options) {
+    options = options ? options : {};
+    const baseOptions = Object.assign({}, options);
+    const cacheSize = options.cacheSize;
+    delete options.cacheSize;
+    delete baseOptions.preload;
+    delete baseOptions.useInterimTilesOnError;
+    super(baseOptions);
+    this.on;
+    this.once;
+    this.un;
+    this.cacheSize_ = cacheSize;
+    this.setPreload(options.preload !== void 0 ? options.preload : 0);
+    this.setUseInterimTilesOnError(
+      options.useInterimTilesOnError !== void 0 ? options.useInterimTilesOnError : true
+    );
+  }
+  /**
+   * @return {number|undefined} The suggested cache size
+   * @protected
+   */
+  getCacheSize() {
+    return this.cacheSize_;
+  }
+  /**
+   * Return the level as number to which we will preload tiles up to.
+   * @return {number} The level to preload tiles up to.
+   * @observable
+   * @api
+   */
+  getPreload() {
+    return (
+      /** @type {number} */
+      this.get(TileProperty_default.PRELOAD)
+    );
+  }
+  /**
+   * Set the level as number to which we will preload tiles up to.
+   * @param {number} preload The level to preload tiles up to.
+   * @observable
+   * @api
+   */
+  setPreload(preload) {
+    this.set(TileProperty_default.PRELOAD, preload);
+  }
+  /**
+   * Deprecated.  Whether we use interim tiles on error.
+   * @return {boolean} Use interim tiles on error.
+   * @observable
+   * @api
+   */
+  getUseInterimTilesOnError() {
+    return (
+      /** @type {boolean} */
+      this.get(TileProperty_default.USE_INTERIM_TILES_ON_ERROR)
+    );
+  }
+  /**
+   * Deprecated.  Set whether we use interim tiles on error.
+   * @param {boolean} useInterimTilesOnError Use interim tiles on error.
+   * @observable
+   * @api
+   */
+  setUseInterimTilesOnError(useInterimTilesOnError) {
+    this.set(TileProperty_default.USE_INTERIM_TILES_ON_ERROR, useInterimTilesOnError);
+  }
+  /**
+   * Get data for a pixel location.  The return type depends on the source data.  For image tiles,
+   * a four element RGBA array will be returned.  For data tiles, the array length will match the
+   * number of bands in the dataset.  For requests outside the layer extent, `null` will be returned.
+   * Data for a image tiles can only be retrieved if the source's `crossOrigin` property is set.
+   *
+   * ```js
+   * // display layer data on every pointer move
+   * map.on('pointermove', (event) => {
+   *   console.log(layer.getData(event.pixel));
+   * });
+   * ```
+   * @param {import("../pixel").Pixel} pixel Pixel.
+   * @return {Uint8ClampedArray|Uint8Array|Float32Array|DataView|null} Pixel data.
+   * @api
+   * @override
+   */
+  getData(pixel) {
+    return super.getData(pixel);
+  }
+};
+var BaseTile_default = BaseTileLayer;
+
+// node_modules/ol/layer/Tile.js
+var TileLayer = class extends BaseTile_default {
+  /**
+   * @param {import("./BaseTile.js").Options<TileSourceType>} [options] Tile layer options.
+   */
+  constructor(options) {
+    super(options);
+  }
+  /**
+   * @override
+   */
+  createRenderer() {
+    return new TileLayer_default(this, {
+      cacheSize: this.getCacheSize()
+    });
+  }
+};
+var Tile_default3 = TileLayer;
+
+// node_modules/ol/uri.js
+init_dirname();
+init_buffer();
+init_process();
+var zRegEx = /\{z\}/g;
+var xRegEx = /\{x\}/g;
+var yRegEx = /\{y\}/g;
+var dashYRegEx = /\{-y\}/g;
+function renderXYZTemplate(template, z, x, y, maxY) {
+  return template.replace(zRegEx, z.toString()).replace(xRegEx, x.toString()).replace(yRegEx, y.toString()).replace(dashYRegEx, function() {
+    if (maxY === void 0) {
+      throw new Error(
+        "If the URL template has a {-y} placeholder, the grid extent must be known"
+      );
+    }
+    return (maxY - y).toString();
+  });
+}
+function pickUrl(urls, z, x, y) {
+  const hash = hashZXY(z, x, y);
+  const index = modulo(hash, urls.length);
+  return urls[index];
+}
+function expandUrl(url) {
+  const urls = [];
+  let match = /\{([a-z])-([a-z])\}/.exec(url);
+  if (match) {
+    const startCharCode = match[1].charCodeAt(0);
+    const stopCharCode = match[2].charCodeAt(0);
+    let charCode;
+    for (charCode = startCharCode; charCode <= stopCharCode; ++charCode) {
+      urls.push(url.replace(match[0], String.fromCharCode(charCode)));
+    }
+    return urls;
+  }
+  match = /\{(\d+)-(\d+)\}/.exec(url);
+  if (match) {
+    const stop = parseInt(match[2], 10);
+    for (let i = parseInt(match[1], 10); i <= stop; i++) {
+      urls.push(url.replace(match[0], i.toString()));
+    }
+    return urls;
+  }
+  urls.push(url);
+  return urls;
+}
+
+export {
+  ImageTile_default,
+  Tile_default2 as Tile_default,
+  LRUCache_default,
+  TileLayer_default,
+  TileProperty_default,
+  BaseTile_default,
+  Tile_default3 as Tile_default2,
+  renderXYZTemplate,
+  pickUrl,
+  expandUrl
+};