zhihao-ui 1.2.10 → 1.2.12

package/dist/es/{vendor-BY-fHNA3.js → vendor-qv9XzgYI.js}

@@ -45384,1950 +45384,1950 @@ class N6 extends $l {
     Object.assign(this.styleVariables_, e), this.changed();
   }
 }
-const dh = "units", R8 = [1, 2, 5], Sa = 25.4 / 0.28;
-class $6 extends md {
-  /**
-   * @param {Options} [options] Scale line options.
-   */
-  constructor(e) {
-    e = e || {};
-    const n = document.createElement("div");
-    n.style.pointerEvents = "none", super({
-      element: n,
-      render: e.render,
-      target: e.target
-    }), this.on, this.once, this.un;
-    const i = e.className !== void 0 ? e.className : e.bar ? "ol-scale-bar" : "ol-scale-line";
-    this.innerElement_ = document.createElement("div"), this.innerElement_.className = i + "-inner", this.element.className = i + " " + Ll, this.element.appendChild(this.innerElement_), this.viewState_ = null, this.minWidth_ = e.minWidth !== void 0 ? e.minWidth : 64, this.maxWidth_ = e.maxWidth, this.renderedVisible_ = !1, this.renderedWidth_ = void 0, this.renderedHTML_ = "", this.addChangeListener(dh, this.handleUnitsChanged_), this.setUnits(e.units || "metric"), this.scaleBar_ = e.bar || !1, this.scaleBarSteps_ = e.steps || 4, this.scaleBarText_ = e.text || !1, this.dpi_ = e.dpi || void 0;
+class R8 {
+  constructor() {
+    this.dataProjection = void 0, this.defaultFeatureProjection = void 0, this.featureClass = /** @type {FeatureToFeatureClass<FeatureType>} */
+    Ki, this.supportedMediaTypes = null;
   }
   /**
-   * Return the units to use in the scale line.
-   * @return {Units} The units
-   * to use in the scale line.
-   * @observable
-   * @api
+   * Adds the data projection to the read options.
+   * @param {Document|Element|Object|string} source Source.
+   * @param {ReadOptions} [options] Options.
+   * @return {ReadOptions|undefined} Options.
+   * @protected
    */
-  getUnits() {
-    return this.get(dh);
+  getReadOptions(e, n) {
+    if (n) {
+      let i = n.dataProjection ? Vt(n.dataProjection) : this.readProjection(e);
+      n.extent && i && i.getUnits() === "tile-pixels" && (i = Vt(i), i.setWorldExtent(n.extent)), n = {
+        dataProjection: i,
+        featureProjection: n.featureProjection
+      };
+    }
+    return this.adaptOptions(n);
   }
   /**
-   * @private
+   * Sets the `dataProjection` on the options, if no `dataProjection`
+   * is set.
+   * @param {WriteOptions|ReadOptions|undefined} options
+   *     Options.
+   * @protected
+   * @return {WriteOptions|ReadOptions|undefined}
+   *     Updated options.
    */
-  handleUnitsChanged_() {
-    this.updateElement_();
+  adaptOptions(e) {
+    return Object.assign(
+      {
+        dataProjection: this.dataProjection,
+        featureProjection: this.defaultFeatureProjection,
+        featureClass: this.featureClass
+      },
+      e
+    );
   }
   /**
-   * Set the units to use in the scale line.
-   * @param {Units} units The units to use in the scale line.
-   * @observable
-   * @api
+   * @abstract
+   * @return {Type} The format type.
    */
-  setUnits(e) {
-    this.set(dh, e);
+  getType() {
+    return $e();
   }
   /**
-   * Specify the dpi of output device such as printer.
-   * @param {number|undefined} dpi The dpi of output device.
-   * @api
+   * Read a single feature from a source.
+   *
+   * @abstract
+   * @param {Document|Element|Object|string} source Source.
+   * @param {ReadOptions} [options] Read options.
+   * @return {FeatureType|Array<FeatureType>} Feature.
    */
-  setDpi(e) {
-    this.dpi_ = e;
+  readFeature(e, n) {
+    return $e();
   }
   /**
-   * @private
+   * Read all features from a source.
+   *
+   * @abstract
+   * @param {Document|Element|ArrayBuffer|Object|string} source Source.
+   * @param {ReadOptions} [options] Read options.
+   * @return {Array<FeatureType>} Features.
    */
-  updateElement_() {
-    const e = this.viewState_;
-    if (!e) {
-      this.renderedVisible_ && (this.element.style.display = "none", this.renderedVisible_ = !1);
-      return;
-    }
-    const n = e.center, i = e.projection, r = this.getUnits(), s = r == "degrees" ? "degrees" : "m";
-    let o = tc(
-      i,
-      e.resolution,
-      n,
-      s
-    );
-    const a = this.minWidth_ * (this.dpi_ || Sa) / Sa, l = this.maxWidth_ !== void 0 ? this.maxWidth_ * (this.dpi_ || Sa) / Sa : void 0;
-    let u = a * o, c = "";
-    if (r == "degrees") {
-      const E = ea.degrees;
-      u *= E, u < E / 60 ? (c = "″", o *= 3600) : u < E ? (c = "′", o *= 60) : c = "°";
-    } else if (r == "imperial")
-      u < 0.9144 ? (c = "in", o /= 0.0254) : u < 1609.344 ? (c = "ft", o /= 0.3048) : (c = "mi", o /= 1609.344);
-    else if (r == "nautical")
-      o /= 1852, c = "NM";
-    else if (r == "metric")
-      u < 1e-6 ? (c = "nm", o *= 1e9) : u < 1e-3 ? (c = "μm", o *= 1e6) : u < 1 ? (c = "mm", o *= 1e3) : u < 1e3 ? c = "m" : (c = "km", o /= 1e3);
-    else if (r == "us")
-      u < 0.9144 ? (c = "in", o *= 39.37) : u < 1609.344 ? (c = "ft", o /= 0.30480061) : (c = "mi", o /= 1609.3472);
-    else
-      throw new Error("Invalid units");
-    let d = 3 * Math.floor(Math.log(a * o) / Math.log(10)), h, p, f, m, _, y;
-    for (; ; ) {
-      f = Math.floor(d / 3);
-      const E = Math.pow(10, f);
-      if (h = R8[(d % 3 + 3) % 3] * E, p = Math.round(h / o), isNaN(p)) {
-        this.element.style.display = "none", this.renderedVisible_ = !1;
-        return;
-      }
-      if (l !== void 0 && p >= l) {
-        h = m, p = _, f = y;
-        break;
-      } else if (p >= a)
-        break;
-      m = h, _ = p, y = f, ++d;
-    }
-    const w = this.scaleBar_ ? this.createScaleBar(p, h, c) : h.toFixed(f < 0 ? -f : 0) + " " + c;
-    this.renderedHTML_ != w && (this.innerElement_.innerHTML = w, this.renderedHTML_ = w), this.renderedWidth_ != p && (this.innerElement_.style.width = p + "px", this.renderedWidth_ = p), this.renderedVisible_ || (this.element.style.display = "", this.renderedVisible_ = !0);
+  readFeatures(e, n) {
+    return $e();
   }
   /**
-   * @private
-   * @param {number} width The current width of the scalebar.
-   * @param {number} scale The current scale.
-   * @param {string} suffix The suffix to append to the scale text.
-   * @return {string} The stringified HTML of the scalebar.
+   * Read a single geometry from a source.
+   *
+   * @abstract
+   * @param {Document|Element|Object|string} source Source.
+   * @param {ReadOptions} [options] Read options.
+   * @return {import("../geom/Geometry.js").default} Geometry.
    */
-  createScaleBar(e, n, i) {
-    const r = this.getScaleForResolution(), s = r < 1 ? Math.round(1 / r).toLocaleString() + " : 1" : "1 : " + Math.round(r).toLocaleString(), o = this.scaleBarSteps_, a = e / o, l = [this.createMarker("absolute")];
-    for (let c = 0; c < o; ++c) {
-      const d = c % 2 === 0 ? "ol-scale-singlebar-odd" : "ol-scale-singlebar-even";
-      l.push(
-        `<div><div class="ol-scale-singlebar ${d}" style="width: ${a}px;"></div>` + this.createMarker("relative") + // render text every second step, except when only 2 steps
-        (c % 2 === 0 || o === 2 ? this.createStepText(c, e, !1, n, i) : "") + "</div>"
-      );
-    }
-    return l.push(this.createStepText(o, e, !0, n, i)), (this.scaleBarText_ ? `<div class="ol-scale-text" style="width: ${e}px;">` + s + "</div>" : "") + l.join("");
+  readGeometry(e, n) {
+    return $e();
   }
   /**
-   * Creates a marker at given position
-   * @param {'absolute'|'relative'} position The position, absolute or relative
-   * @return {string} The stringified div containing the marker
+   * Read the projection from a source.
+   *
+   * @abstract
+   * @param {Document|Element|Object|string} source Source.
+   * @return {import("../proj/Projection.js").default|undefined} Projection.
    */
-  createMarker(e) {
-    return `<div class="ol-scale-step-marker" style="position: ${e}; top: ${e === "absolute" ? 3 : -10}px;"></div>`;
+  readProjection(e) {
+    return $e();
   }
   /**
-   * Creates the label for a marker marker at given position
-   * @param {number} i The iterator
-   * @param {number} width The width the scalebar will currently use
-   * @param {boolean} isLast Flag indicating if we add the last step text
-   * @param {number} scale The current scale for the whole scalebar
-   * @param {string} suffix The suffix for the scale
-   * @return {string} The stringified div containing the step text
+   * Encode a feature in this format.
+   *
+   * @abstract
+   * @param {Feature} feature Feature.
+   * @param {WriteOptions} [options] Write options.
+   * @return {string|ArrayBuffer} Result.
    */
-  createStepText(e, n, i, r, s) {
-    const a = (e === 0 ? 0 : Math.round(r / this.scaleBarSteps_ * e * 100) / 100) + (e === 0 ? "" : " " + s), l = e === 0 ? -3 : n / this.scaleBarSteps_ * -1, u = e === 0 ? 0 : n / this.scaleBarSteps_ * 2;
-    return `<div class="ol-scale-step-text" style="margin-left: ${l}px;text-align: ${e === 0 ? "left" : "center"};min-width: ${u}px;left: ${i ? n + "px" : "unset"};">` + a + "</div>";
+  writeFeature(e, n) {
+    return $e();
   }
   /**
-   * Returns the appropriate scale for the given resolution and units.
-   * @return {number} The appropriate scale.
+   * Encode an array of features in this format.
+   *
+   * @abstract
+   * @param {Array<Feature>} features Features.
+   * @param {WriteOptions} [options] Write options.
+   * @return {string|ArrayBuffer} Result.
    */
-  getScaleForResolution() {
-    const e = tc(
-      this.viewState_.projection,
-      this.viewState_.resolution,
-      this.viewState_.center,
-      "m"
-    ), n = this.dpi_ || Sa, i = 1e3 / 25.4;
-    return e * i * n;
+  writeFeatures(e, n) {
+    return $e();
   }
   /**
-   * Update the scale line element.
-   * @param {import("../MapEvent.js").default} mapEvent Map event.
-   * @override
+   * Write a single geometry in this format.
+   *
+   * @abstract
+   * @param {import("../geom/Geometry.js").default} geometry Geometry.
+   * @param {WriteOptions} [options] Write options.
+   * @return {string|ArrayBuffer} Result.
    */
-  render(e) {
-    const n = e.frameState;
-    n ? this.viewState_ = n.viewState : this.viewState_ = null, this.updateElement_();
+  writeGeometry(e, n) {
+    return $e();
   }
 }
-const hh = {
-  /**
-   * Triggered when a tile starts loading.
-   * @event module:ol/source/Tile.TileSourceEvent#tileloadstart
-   * @api
-   */
-  TILELOADSTART: "tileloadstart",
-  /**
-   * Triggered when a tile finishes loading, either when its data is loaded,
-   * or when loading was aborted because the tile is no longer needed.
-   * @event module:ol/source/Tile.TileSourceEvent#tileloadend
-   * @api
-   */
-  TILELOADEND: "tileloadend",
-  /**
-   * Triggered if tile loading results in an error. Note that this is not the
-   * right place to re-fetch tiles. See {@link module:ol/ImageTile~ImageTile#load}
-   * for details.
-   * @event module:ol/source/Tile.TileSourceEvent#tileloaderror
-   * @api
-   */
-  TILELOADERROR: "tileloaderror"
-}, bo = [0, 0, 0], ts = 5;
-class Mw {
-  /**
-   * @param {Options} options Tile grid options.
-   */
-  constructor(e) {
-    this.minZoom = e.minZoom !== void 0 ? e.minZoom : 0, this.resolutions_ = e.resolutions, st(
-      c$(
-        this.resolutions_,
-        /**
-         * @param {number} a First resolution
-         * @param {number} b Second resolution
-         * @return {number} Comparison result
-         */
-        (r, s) => s - r
-      ),
-      "`resolutions` must be sorted in descending order"
-    );
-    let n;
-    if (!e.origins) {
-      for (let r = 0, s = this.resolutions_.length - 1; r < s; ++r)
-        if (!n)
-          n = this.resolutions_[r] / this.resolutions_[r + 1];
-        else if (this.resolutions_[r] / this.resolutions_[r + 1] !== n) {
-          n = void 0;
-          break;
-        }
-    }
-    this.zoomFactor_ = n, this.maxZoom = this.resolutions_.length - 1, this.origin_ = e.origin !== void 0 ? e.origin : null, this.origins_ = null, e.origins !== void 0 && (this.origins_ = e.origins, st(
-      this.origins_.length == this.resolutions_.length,
-      "Number of `origins` and `resolutions` must be equal"
-    ));
-    const i = e.extent;
-    i !== void 0 && !this.origin_ && !this.origins_ && (this.origin_ = $r(i)), st(
-      !this.origin_ && this.origins_ || this.origin_ && !this.origins_,
-      "Either `origin` or `origins` must be configured, never both"
-    ), this.tileSizes_ = null, e.tileSizes !== void 0 && (this.tileSizes_ = e.tileSizes, st(
-      this.tileSizes_.length == this.resolutions_.length,
-      "Number of `tileSizes` and `resolutions` must be equal"
-    )), this.tileSize_ = e.tileSize !== void 0 ? e.tileSize : this.tileSizes_ ? null : _p, st(
-      !this.tileSize_ && this.tileSizes_ || this.tileSize_ && !this.tileSizes_,
-      "Either `tileSize` or `tileSizes` must be configured, never both"
-    ), this.extent_ = i !== void 0 ? i : null, this.fullTileRanges_ = null, this.tmpSize_ = [0, 0], this.tmpExtent_ = [0, 0, 0, 0], e.sizes !== void 0 ? this.fullTileRanges_ = e.sizes.map((r, s) => {
-      const o = new Mp(
-        Math.min(0, r[0]),
-        Math.max(r[0] - 1, -1),
-        Math.min(0, r[1]),
-        Math.max(r[1] - 1, -1)
-      );
-      if (i) {
-        const a = this.getTileRangeForExtentAndZ(i, s);
-        o.minX = Math.max(a.minX, o.minX), o.maxX = Math.min(a.maxX, o.maxX), o.minY = Math.max(a.minY, o.minY), o.maxY = Math.min(a.maxY, o.maxY);
-      }
-      return o;
-    }) : i && this.calculateTileRanges_(i);
+function Np(t, e, n) {
+  const i = n ? Vt(n.featureProjection) : null, r = n ? Vt(n.dataProjection) : null;
+  let s = t;
+  if (i && r && !Ou(i, r)) {
+    e && (s = /** @type {T} */
+    t.clone());
+    const o = e ? i : r, a = e ? r : i;
+    o.getUnits() === "tile-pixels" ? s.transform(o, a) : s.applyTransform(tl(o, a));
+  }
+  if (e && n && /** @type {WriteOptions} */
+  n.decimals !== void 0) {
+    const o = Math.pow(
+      10,
+      /** @type {WriteOptions} */
+      n.decimals
+    ), a = function(l) {
+      for (let u = 0, c = l.length; u < c; ++u)
+        l[u] = Math.round(l[u] * o) / o;
+      return l;
+    };
+    s === t && (s = /** @type {T} */
+    t.clone()), s.applyTransform(a);
+  }
+  return s;
+}
+const M8 = {
+  Point: kr,
+  LineString: er,
+  Polygon: or,
+  MultiPoint: Dl,
+  MultiLineString: na,
+  MultiPolygon: ia
+};
+function P8(t, e, n) {
+  return Array.isArray(e[0]) ? (O1(t, 0, e, n) || (t = t.slice(), gf(t, 0, e, n)), t) : (sp(t, 0, e, n) || (t = t.slice(), rc(t, 0, e, n)), t);
+}
+function Mw(t, e) {
+  var s;
+  const n = t.geometry;
+  if (!n)
+    return [];
+  if (Array.isArray(n))
+    return n.map((o) => Mw({ ...t, geometry: o })).flat();
+  const i = n.type === "MultiPolygon" ? "Polygon" : n.type;
+  if (i === "GeometryCollection" || i === "Circle")
+    throw new Error("Unsupported geometry type: " + i);
+  const r = n.layout.length;
+  return Np(
+    new ri(
+      i,
+      i === "Polygon" ? P8(n.flatCoordinates, n.ends, r) : n.flatCoordinates,
+      (s = n.ends) == null ? void 0 : s.flat(),
+      r,
+      t.properties || {},
+      t.id
+    ).enableSimplifyTransformed(),
+    !1,
+    e
+  );
+}
+function $p(t, e) {
+  if (!t)
+    return null;
+  if (Array.isArray(t)) {
+    const i = t.map(
+      (r) => $p(r, e)
+    );
+    return new nl(i);
+  }
+  const n = M8[t.type];
+  return Np(
+    new n(t.flatCoordinates, t.layout, t.ends),
+    !1,
+    e
+  );
+}
+class I8 extends R8 {
+  constructor() {
+    super();
   }
   /**
-   * Call a function with each tile coordinate for a given extent and zoom level.
+   * @return {import("./Feature.js").Type} Format.
+   * @override
+   */
+  getType() {
+    return "json";
+  }
+  /**
+   * Read a feature.  Only works for a single feature. Use `readFeatures` to
+   * read a feature collection.
    *
-   * @param {import("../extent.js").Extent} extent Extent.
-   * @param {number} zoom Integer zoom level.
-   * @param {function(import("../tilecoord.js").TileCoord): void} callback Function called with each tile coordinate.
+   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @return {FeatureType|Array<FeatureType>} Feature.
    * @api
+   * @override
    */
-  forEachTileCoord(e, n, i) {
-    const r = this.getTileRangeForExtentAndZ(e, n);
-    for (let s = r.minX, o = r.maxX; s <= o; ++s)
-      for (let a = r.minY, l = r.maxY; a <= l; ++a)
-        i([n, s, a]);
+  readFeature(e, n) {
+    return this.readFeatureFromObject(
+      Eu(e),
+      this.getReadOptions(e, n)
+    );
   }
   /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {function(number, import("../TileRange.js").default): boolean} callback Callback.
-   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
-   * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
-   * @return {boolean} Callback succeeded.
+   * Read all features.  Works with both a single feature and a feature
+   * collection.
+   *
+   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @return {Array<FeatureType>} Features.
+   * @api
+   * @override
    */
-  forEachTileCoordParentTileRange(e, n, i, r) {
-    let s, o, a, l = null, u = e[0] - 1;
-    for (this.zoomFactor_ === 2 ? (o = e[1], a = e[2]) : l = this.getTileCoordExtent(e, r); u >= this.minZoom; ) {
-      if (o !== void 0 && a !== void 0 ? (o = Math.floor(o / 2), a = Math.floor(a / 2), s = mo(o, o, a, a, i)) : s = this.getTileRangeForExtentAndZ(
-        l,
-        u,
-        i
-      ), n(u, s))
-        return !0;
-      --u;
-    }
-    return !1;
+  readFeatures(e, n) {
+    return this.readFeaturesFromObject(
+      Eu(e),
+      this.getReadOptions(e, n)
+    );
   }
   /**
-   * Get the extent for this tile grid, if it was configured.
-   * @return {import("../extent.js").Extent} Extent.
-   * @api
+   * @abstract
+   * @param {Object} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {FeatureType|Array<FeatureType>} Feature.
    */
-  getExtent() {
-    return this.extent_;
+  readFeatureFromObject(e, n) {
+    return $e();
   }
   /**
-   * Get the maximum zoom level for the grid.
-   * @return {number} Max zoom.
-   * @api
+   * @abstract
+   * @param {Object} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {Array<FeatureType>} Features.
    */
-  getMaxZoom() {
-    return this.maxZoom;
+  readFeaturesFromObject(e, n) {
+    return $e();
   }
   /**
-   * Get the minimum zoom level for the grid.
-   * @return {number} Min zoom.
+   * Read a geometry.
+   *
+   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @return {import("../geom/Geometry.js").default} Geometry.
    * @api
+   * @override
    */
-  getMinZoom() {
-    return this.minZoom;
+  readGeometry(e, n) {
+    return this.readGeometryFromObject(
+      Eu(e),
+      this.getReadOptions(e, n)
+    );
   }
   /**
-   * Get the origin for the grid at the given zoom level.
-   * @param {number} z Integer zoom level.
-   * @return {import("../coordinate.js").Coordinate} Origin.
-   * @api
+   * @abstract
+   * @param {Object} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {import("../geom/Geometry.js").default} Geometry.
    */
-  getOrigin(e) {
-    return this.origin_ ? this.origin_ : this.origins_[e];
+  readGeometryFromObject(e, n) {
+    return $e();
   }
   /**
-   * Get the resolution for the given zoom level.
-   * @param {number} z Integer zoom level.
-   * @return {number} Resolution.
+   * Read the projection.
+   *
+   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
+   * @return {import("../proj/Projection.js").default} Projection.
    * @api
+   * @override
    */
-  getResolution(e) {
-    return this.resolutions_[e];
+  readProjection(e) {
+    return this.readProjectionFromObject(Eu(e));
   }
   /**
-   * Get the list of resolutions for the tile grid.
-   * @return {Array<number>} Resolutions.
+   * @abstract
+   * @param {Object} object Object.
+   * @protected
+   * @return {import("../proj/Projection.js").default} Projection.
+   */
+  readProjectionFromObject(e) {
+    return $e();
+  }
+  /**
+   * Encode a feature as string.
+   *
+   * @param {import("../Feature.js").default} feature Feature.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {string} Encoded feature.
    * @api
+   * @override
    */
-  getResolutions() {
-    return this.resolutions_;
+  writeFeature(e, n) {
+    return JSON.stringify(this.writeFeatureObject(e, n));
   }
   /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
-   * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
-   * @return {import("../TileRange.js").default|null} Tile range.
+   * @abstract
+   * @param {import("../Feature.js").default} feature Feature.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {Object} Object.
    */
-  getTileCoordChildTileRange(e, n, i) {
-    if (e[0] < this.maxZoom) {
-      if (this.zoomFactor_ === 2) {
-        const s = e[1] * 2, o = e[2] * 2;
-        return mo(
-          s,
-          s + 1,
-          o,
-          o + 1,
-          n
-        );
-      }
-      const r = this.getTileCoordExtent(
-        e,
-        i || this.tmpExtent_
-      );
-      return this.getTileRangeForExtentAndZ(
-        r,
-        e[0] + 1,
-        n
-      );
-    }
-    return null;
-  }
-  /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {number} z Integer zoom level.
-   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
-   * @return {import("../TileRange.js").default|null} Tile range.
-   */
-  getTileRangeForTileCoordAndZ(e, n, i) {
-    if (n > this.maxZoom || n < this.minZoom)
-      return null;
-    const r = e[0], s = e[1], o = e[2];
-    if (n === r)
-      return mo(
-        s,
-        o,
-        s,
-        o,
-        i
-      );
-    if (this.zoomFactor_) {
-      const l = Math.pow(this.zoomFactor_, n - r), u = Math.floor(s * l), c = Math.floor(o * l);
-      if (n < r)
-        return mo(u, u, c, c, i);
-      const d = Math.floor(l * (s + 1)) - 1, h = Math.floor(l * (o + 1)) - 1;
-      return mo(u, d, c, h, i);
-    }
-    const a = this.getTileCoordExtent(e, this.tmpExtent_);
-    return this.getTileRangeForExtentAndZ(a, n, i);
+  writeFeatureObject(e, n) {
+    return $e();
   }
   /**
-   * Get a tile range for the given extent and integer zoom level.
-   * @param {import("../extent.js").Extent} extent Extent.
-   * @param {number} z Integer zoom level.
-   * @param {import("../TileRange.js").default} [tempTileRange] Temporary tile range object.
-   * @return {import("../TileRange.js").default} Tile range.
+   * Encode an array of features as string.
+   *
+   * @param {Array<import("../Feature.js").default>} features Features.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {string} Encoded features.
+   * @api
+   * @override
    */
-  getTileRangeForExtentAndZ(e, n, i) {
-    this.getTileCoordForXYAndZ_(e[0], e[3], n, !1, bo);
-    const r = bo[1], s = bo[2];
-    this.getTileCoordForXYAndZ_(e[2], e[1], n, !0, bo);
-    const o = bo[1], a = bo[2];
-    return mo(r, o, s, a, i);
+  writeFeatures(e, n) {
+    return JSON.stringify(this.writeFeaturesObject(e, n));
   }
   /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @return {import("../coordinate.js").Coordinate} Tile center.
+   * @abstract
+   * @param {Array<import("../Feature.js").default>} features Features.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {Object} Object.
    */
-  getTileCoordCenter(e) {
-    const n = this.getOrigin(e[0]), i = this.getResolution(e[0]), r = $n(this.getTileSize(e[0]), this.tmpSize_);
-    return [
-      n[0] + (e[1] + 0.5) * r[0] * i,
-      n[1] - (e[2] + 0.5) * r[1] * i
-    ];
+  writeFeaturesObject(e, n) {
+    return $e();
   }
   /**
-   * Get the extent of a tile coordinate.
+   * Encode a geometry as string.
    *
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {import("../extent.js").Extent} [tempExtent] Temporary extent object.
-   * @return {import("../extent.js").Extent} Extent.
+   * @param {import("../geom/Geometry.js").default} geometry Geometry.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {string} Encoded geometry.
    * @api
+   * @override
    */
-  getTileCoordExtent(e, n) {
-    const i = this.getOrigin(e[0]), r = this.getResolution(e[0]), s = $n(this.getTileSize(e[0]), this.tmpSize_), o = i[0] + e[1] * s[0] * r, a = i[1] - (e[2] + 1) * s[1] * r, l = o + s[0] * r, u = a + s[1] * r;
-    return Nr(o, a, l, u, n);
+  writeGeometry(e, n) {
+    return JSON.stringify(this.writeGeometryObject(e, n));
   }
   /**
-   * Get the tile coordinate for the given map coordinate and resolution.  This
-   * method considers that coordinates that intersect tile boundaries should be
-   * assigned the higher tile coordinate.
-   *
-   * @param {import("../coordinate.js").Coordinate} coordinate Coordinate.
-   * @param {number} resolution Resolution.
-   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Destination import("../tilecoord.js").TileCoord object.
-   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
-   * @api
+   * @abstract
+   * @param {import("../geom/Geometry.js").default} geometry Geometry.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {Object} Object.
    */
-  getTileCoordForCoordAndResolution(e, n, i) {
-    return this.getTileCoordForXYAndResolution_(
-      e[0],
-      e[1],
-      n,
-      !1,
-      i
-    );
+  writeGeometryObject(e, n) {
+    return $e();
+  }
+}
+function Eu(t) {
+  if (typeof t == "string") {
+    const e = JSON.parse(t);
+    return e || null;
   }
+  return t !== null ? t : null;
+}
+class $6 extends I8 {
   /**
-   * Note that this method should not be called for resolutions that correspond
-   * to an integer zoom level.  Instead call the `getTileCoordForXYAndZ_` method.
-   * @param {number} x X.
-   * @param {number} y Y.
-   * @param {number} resolution Resolution (for a non-integer zoom level).
-   * @param {boolean} reverseIntersectionPolicy Instead of letting edge
-   *     intersections go to the higher tile coordinate, let edge intersections
-   *     go to the lower tile coordinate.
-   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Temporary import("../tilecoord.js").TileCoord object.
-   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
-   * @private
+   * @param {Options<FeatureType>} [options] Options.
    */
-  getTileCoordForXYAndResolution_(e, n, i, r, s) {
-    const o = this.getZForResolution(i), a = i / this.getResolution(o), l = this.getOrigin(o), u = $n(this.getTileSize(o), this.tmpSize_);
-    let c = a * (e - l[0]) / i / u[0], d = a * (l[1] - n) / i / u[1];
-    return r ? (c = au(c, ts) - 1, d = au(d, ts) - 1) : (c = ou(c, ts), d = ou(d, ts)), gc(o, c, d, s);
+  constructor(e) {
+    e = e || {}, super(), this.dataProjection = Vt(
+      e.dataProjection ? e.dataProjection : "EPSG:4326"
+    ), e.featureProjection && (this.defaultFeatureProjection = Vt(e.featureProjection)), e.featureClass && (this.featureClass = e.featureClass), this.geometryName_ = e.geometryName, this.extractGeometryName_ = e.extractGeometryName, this.supportedMediaTypes = [
+      "application/geo+json",
+      "application/vnd.geo+json"
+    ];
   }
   /**
-   * Although there is repetition between this method and `getTileCoordForXYAndResolution_`,
-   * they should have separate implementations.  This method is for integer zoom
-   * levels.  The other method should only be called for resolutions corresponding
-   * to non-integer zoom levels.
-   * @param {number} x Map x coordinate.
-   * @param {number} y Map y coordinate.
-   * @param {number} z Integer zoom level.
-   * @param {boolean} reverseIntersectionPolicy Instead of letting edge
-   *     intersections go to the higher tile coordinate, let edge intersections
-   *     go to the lower tile coordinate.
-   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Temporary import("../tilecoord.js").TileCoord object.
-   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
-   * @private
+   * @param {Object} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {FeatureType|Array<FeatureType>} Feature.
+   * @override
    */
-  getTileCoordForXYAndZ_(e, n, i, r, s) {
-    const o = this.getOrigin(i), a = this.getResolution(i), l = $n(this.getTileSize(i), this.tmpSize_);
-    let u = (e - o[0]) / a / l[0], c = (o[1] - n) / a / l[1];
-    return r ? (u = au(u, ts) - 1, c = au(c, ts) - 1) : (u = ou(u, ts), c = ou(c, ts)), gc(i, u, c, s);
+  readFeatureFromObject(e, n) {
+    let i = null;
+    e.type === "Feature" ? i = /** @type {GeoJSONFeature} */
+    e : i = {
+      type: "Feature",
+      geometry: (
+        /** @type {GeoJSONGeometry} */
+        e
+      ),
+      properties: null
+    };
+    const r = Bp(i.geometry);
+    if (this.featureClass === ri)
+      return (
+        /** @type {FeatureType|Array<FeatureType>} */
+        Mw(
+          {
+            geometry: r,
+            id: i.id,
+            properties: i.properties
+          },
+          n
+        )
+      );
+    const s = new Ki();
+    return this.geometryName_ ? s.setGeometryName(this.geometryName_) : this.extractGeometryName_ && i.geometry_name && s.setGeometryName(i.geometry_name), s.setGeometry($p(r, n)), "id" in i && s.setId(i.id), i.properties && s.setProperties(i.properties, !0), /** @type {FeatureType|Array<FeatureType>} */
+    s;
   }
   /**
-   * Get a tile coordinate given a map coordinate and zoom level.
-   * @param {import("../coordinate.js").Coordinate} coordinate Coordinate.
-   * @param {number} z Integer zoom level, e.g. the result of a `getZForResolution()` method call
-   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Destination import("../tilecoord.js").TileCoord object.
-   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
-   * @api
+   * @param {Object} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {Array<FeatureType>} Features.
+   * @override
    */
-  getTileCoordForCoordAndZ(e, n, i) {
-    return this.getTileCoordForXYAndZ_(
-      e[0],
-      e[1],
-      n,
-      !1,
-      i
+  readFeaturesFromObject(e, n) {
+    const i = (
+      /** @type {GeoJSONObject} */
+      e
+    );
+    let r = null;
+    if (i.type === "FeatureCollection") {
+      const s = (
+        /** @type {GeoJSONFeatureCollection} */
+        e
+      );
+      r = [];
+      const o = s.features;
+      for (let a = 0, l = o.length; a < l; ++a) {
+        const u = this.readFeatureFromObject(
+          o[a],
+          n
+        );
+        u && r.push(u);
+      }
+    } else
+      r = [this.readFeatureFromObject(e, n)];
+    return (
+      /** @type {Array<FeatureType>} */
+      r.flat()
     );
   }
   /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @return {number} Tile resolution.
+   * @param {GeoJSONGeometry} object Object.
+   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @protected
+   * @return {import("../geom/Geometry.js").default} Geometry.
+   * @override
    */
-  getTileCoordResolution(e) {
-    return this.resolutions_[e[0]];
+  readGeometryFromObject(e, n) {
+    return k8(e, n);
   }
   /**
-   * Get the tile size for a zoom level. The type of the return value matches the
-   * `tileSize` or `tileSizes` that the tile grid was configured with. To always
-   * get an {@link import("../size.js").Size}, run the result through {@link module:ol/size.toSize}.
-   * @param {number} z Z.
-   * @return {number|import("../size.js").Size} Tile size.
-   * @api
+   * @param {Object} object Object.
+   * @protected
+   * @return {import("../proj/Projection.js").default} Projection.
+   * @override
    */
-  getTileSize(e) {
-    return this.tileSize_ ? this.tileSize_ : this.tileSizes_[e];
+  readProjectionFromObject(e) {
+    const n = e.crs;
+    let i;
+    if (n)
+      if (n.type == "name")
+        i = Vt(n.properties.name);
+      else if (n.type === "EPSG")
+        i = Vt("EPSG:" + n.properties.code);
+      else
+        throw new Error("Unknown SRS type");
+    else
+      i = this.dataProjection;
+    return (
+      /** @type {import("../proj/Projection.js").default} */
+      i
+    );
   }
   /**
-   * @param {number} z Zoom level.
-   * @return {import("../TileRange.js").default|null} Extent tile range for the specified zoom level.
+   * Encode a feature as a GeoJSON Feature object.
+   *
+   * @param {import("../Feature.js").default} feature Feature.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {GeoJSONFeature} Object.
+   * @api
+   * @override
    */
-  getFullTileRange(e) {
-    return this.fullTileRanges_ ? this.fullTileRanges_[e] : this.extent_ ? this.getTileRangeForExtentAndZ(this.extent_, e) : null;
+  writeFeatureObject(e, n) {
+    n = this.adaptOptions(n);
+    const i = {
+      type: "Feature",
+      geometry: null,
+      properties: null
+    }, r = e.getId();
+    if (r !== void 0 && (i.id = r), !e.hasProperties())
+      return i;
+    const s = e.getProperties(), o = e.getGeometry();
+    return o && (i.geometry = Tf(o, n), delete s[e.getGeometryName()]), Xs(s) || (i.properties = s), i;
   }
   /**
-   * @param {number} resolution Resolution.
-   * @param {number|import("../array.js").NearestDirectionFunction} [opt_direction]
-   *     If 0, the nearest resolution will be used.
-   *     If 1, the nearest higher resolution (lower Z) will be used. If -1, the
-   *     nearest lower resolution (higher Z) will be used. Default is 0.
-   *     Use a {@link module:ol/array~NearestDirectionFunction} for more precise control.
+   * Encode an array of features as a GeoJSON object.
    *
-   * For example to change tile Z at the midpoint of zoom levels
-   * ```js
-   * function(value, high, low) {
-   *   return value - low * Math.sqrt(high / low);
-   * }
-   * ```
-   * @return {number} Z.
+   * @param {Array<import("../Feature.js").default>} features Features.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {GeoJSONFeatureCollection} GeoJSON Object.
    * @api
+   * @override
    */
-  getZForResolution(e, n) {
-    const i = Lg(
-      this.resolutions_,
-      e,
-      n || 0
-    );
-    return Wt(i, this.minZoom, this.maxZoom);
+  writeFeaturesObject(e, n) {
+    n = this.adaptOptions(n);
+    const i = [];
+    for (let r = 0, s = e.length; r < s; ++r)
+      i.push(this.writeFeatureObject(e[r], n));
+    return {
+      type: "FeatureCollection",
+      features: i
+    };
   }
   /**
-   * The tile with the provided tile coordinate intersects the given viewport.
-   * @param {import('../tilecoord.js').TileCoord} tileCoord Tile coordinate.
-   * @param {Array<number>} viewport Viewport as returned from {@link module:ol/extent.getRotatedViewport}.
-   * @return {boolean} The tile with the provided tile coordinate intersects the given viewport.
+   * Encode a geometry as a GeoJSON object.
+   *
+   * @param {import("../geom/Geometry.js").default} geometry Geometry.
+   * @param {import("./Feature.js").WriteOptions} [options] Write options.
+   * @return {GeoJSONGeometry|GeoJSONGeometryCollection} Object.
+   * @api
+   * @override
    */
-  tileCoordIntersectsViewport(e, n) {
-    return P1(
-      n,
-      0,
-      n.length,
-      2,
-      this.getTileCoordExtent(e)
-    );
+  writeGeometryObject(e, n) {
+    return Tf(e, this.adaptOptions(n));
   }
-  /**
-   * @param {!import("../extent.js").Extent} extent Extent for this tile grid.
-   * @private
-   */
-  calculateTileRanges_(e) {
-    const n = this.resolutions_.length, i = new Array(n);
-    for (let r = this.minZoom; r < n; ++r)
-      i[r] = this.getTileRangeForExtentAndZ(e, r);
-    this.fullTileRanges_ = i;
+}
+function Bp(t, e) {
+  if (!t)
+    return null;
+  let n;
+  switch (t.type) {
+    case "Point": {
+      n = O8(
+        /** @type {GeoJSONPoint} */
+        t
+      );
+      break;
+    }
+    case "LineString": {
+      n = D8(
+        /** @type {GeoJSONLineString} */
+        t
+      );
+      break;
+    }
+    case "Polygon": {
+      n = $8(
+        /** @type {GeoJSONPolygon} */
+        t
+      );
+      break;
+    }
+    case "MultiPoint": {
+      n = F8(
+        /** @type {GeoJSONMultiPoint} */
+        t
+      );
+      break;
+    }
+    case "MultiLineString": {
+      n = L8(
+        /** @type {GeoJSONMultiLineString} */
+        t
+      );
+      break;
+    }
+    case "MultiPolygon": {
+      n = N8(
+        /** @type {GeoJSONMultiPolygon} */
+        t
+      );
+      break;
+    }
+    case "GeometryCollection": {
+      n = A8(
+        /** @type {GeoJSONGeometryCollection} */
+        t
+      );
+      break;
+    }
+    default:
+      throw new Error("Unsupported GeoJSON type: " + t.type);
   }
+  return n;
 }
-function Pw(t) {
-  let e = t.getDefaultTileGrid();
-  return e || (e = k8(t), t.setDefaultTileGrid(e)), e;
+function k8(t, e) {
+  const n = Bp(t);
+  return $p(n, e);
 }
-function M8(t, e, n) {
-  const i = e[0], r = t.getTileCoordCenter(e), s = Np(n);
-  if (!Jo(s, r)) {
-    const o = nt(s), a = Math.ceil(
-      (s[0] - r[0]) / o
-    );
-    return r[0] += o * a, t.getTileCoordForCoordAndZ(r, i);
-  }
-  return e;
+function A8(t, e) {
+  return t.geometries.map(
+    /**
+     * @param {GeoJSONGeometry} geometry Geometry.
+     * @return {import("./Feature.js").GeometryObject} geometry Geometry.
+     */
+    function(i) {
+      return Bp(i);
+    }
+  );
 }
-function P8(t, e, n, i) {
-  i = i !== void 0 ? i : "top-left";
-  const r = Iw(t, e, n);
-  return new Mw({
-    extent: t,
-    origin: w$(t, i),
-    resolutions: r,
-    tileSize: n
-  });
+function O8(t) {
+  const e = t.coordinates;
+  return {
+    type: "Point",
+    flatCoordinates: e,
+    layout: io(e.length)
+  };
 }
-function I8(t) {
-  const e = t || {}, n = e.extent || Vt("EPSG:3857").getExtent(), i = {
-    extent: n,
-    minZoom: e.minZoom,
-    tileSize: e.tileSize,
-    resolutions: Iw(
-      n,
-      e.maxZoom,
-      e.tileSize,
-      e.maxResolution
-    )
+function D8(t) {
+  var i;
+  const e = t.coordinates, n = e.flat();
+  return {
+    type: "LineString",
+    flatCoordinates: n,
+    ends: [n.length],
+    layout: io(((i = e[0]) == null ? void 0 : i.length) || 2)
   };
-  return new Mw(i);
 }
-function Iw(t, e, n, i) {
-  e = e !== void 0 ? e : x4, n = $n(n !== void 0 ? n : _p);
-  const r = an(t), s = nt(t);
-  i = i > 0 ? i : Math.max(s / n[0], r / n[1]);
-  const o = e + 1, a = new Array(o);
-  for (let l = 0; l < o; ++l)
-    a[l] = i / Math.pow(2, l);
-  return a;
+function L8(t) {
+  var s, o;
+  const e = t.coordinates, n = ((o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o.length) || 2, i = [], r = Ol(i, 0, e, n);
+  return {
+    type: "MultiLineString",
+    flatCoordinates: i,
+    ends: r,
+    layout: io(n)
+  };
 }
-function k8(t, e, n, i) {
-  const r = Np(t);
-  return P8(r, e, n, i);
+function F8(t) {
+  var n;
+  const e = t.coordinates;
+  return {
+    type: "MultiPoint",
+    flatCoordinates: e.flat(),
+    layout: io(((n = e[0]) == null ? void 0 : n.length) || 2)
+  };
 }
-function Np(t) {
-  t = Vt(t);
-  let e = t.getExtent();
-  if (!e) {
-    const n = 180 * ea.degrees / t.getMetersPerUnit();
-    e = Nr(-n, -n, n, n);
-  }
-  return e;
+function N8(t) {
+  var s, o;
+  const e = t.coordinates, n = [], i = ((o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o[0].length) || 2, r = C1(
+    n,
+    0,
+    e,
+    i
+  );
+  return {
+    type: "MultiPolygon",
+    flatCoordinates: n,
+    ends: r,
+    layout: io(i)
+  };
 }
-class A8 extends L1 {
-  /**
-   * @param {Options} options SourceTile source options.
-   */
-  constructor(e) {
-    super({
-      attributions: e.attributions,
-      attributionsCollapsible: e.attributionsCollapsible,
-      projection: e.projection,
-      state: e.state,
-      wrapX: e.wrapX,
-      interpolate: e.interpolate
-    }), this.on, this.once, this.un, this.tilePixelRatio_ = e.tilePixelRatio !== void 0 ? e.tilePixelRatio : 1, this.tileGrid = e.tileGrid !== void 0 ? e.tileGrid : null;
-    const n = [256, 256];
-    this.tileGrid && $n(this.tileGrid.getTileSize(this.tileGrid.getMinZoom()), n), this.tmpSize = [0, 0], this.key_ = e.key || Xe(this), this.tileOptions = {
-      transition: e.transition,
-      interpolate: e.interpolate
-    }, this.zDirection = e.zDirection ? e.zDirection : 0;
-  }
-  /**
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {number} Gutter.
-   */
-  getGutterForProjection(e) {
-    return 0;
+function $8(t) {
+  var s, o;
+  const e = t.coordinates, n = [], i = (o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o.length, r = Ol(n, 0, e, i);
+  return {
+    type: "Polygon",
+    flatCoordinates: n,
+    ends: r,
+    layout: io(i)
+  };
+}
+function Tf(t, e) {
+  t = Np(t, !0, e);
+  const n = t.getType();
+  let i;
+  switch (n) {
+    case "Point": {
+      i = U8(
+        /** @type {import("../geom/Point.js").default} */
+        t
+      );
+      break;
+    }
+    case "LineString": {
+      i = G8(
+        /** @type {import("../geom/LineString.js").default} */
+        t
+      );
+      break;
+    }
+    case "Polygon": {
+      i = V8(
+        /** @type {import("../geom/Polygon.js").default} */
+        t,
+        e
+      );
+      break;
+    }
+    case "MultiPoint": {
+      i = z8(
+        /** @type {import("../geom/MultiPoint.js").default} */
+        t
+      );
+      break;
+    }
+    case "MultiLineString": {
+      i = W8(
+        /** @type {import("../geom/MultiLineString.js").default} */
+        t
+      );
+      break;
+    }
+    case "MultiPolygon": {
+      i = Y8(
+        /** @type {import("../geom/MultiPolygon.js").default} */
+        t,
+        e
+      );
+      break;
+    }
+    case "GeometryCollection": {
+      i = B8(
+        /** @type {import("../geom/GeometryCollection.js").default} */
+        t,
+        e
+      );
+      break;
+    }
+    case "Circle": {
+      i = {
+        type: "GeometryCollection",
+        geometries: []
+      };
+      break;
+    }
+    default:
+      throw new Error("Unsupported geometry type: " + n);
   }
+  return i;
+}
+function B8(t, e) {
+  return e = Object.assign({}, e), delete e.featureProjection, {
+    type: "GeometryCollection",
+    geometries: t.getGeometriesArray().map(function(i) {
+      return Tf(i, e);
+    })
+  };
+}
+function G8(t, e) {
+  return {
+    type: "LineString",
+    coordinates: t.getCoordinates()
+  };
+}
+function W8(t, e) {
+  return {
+    type: "MultiLineString",
+    coordinates: t.getCoordinates()
+  };
+}
+function z8(t, e) {
+  return {
+    type: "MultiPoint",
+    coordinates: t.getCoordinates()
+  };
+}
+function Y8(t, e) {
+  let n;
+  return e && (n = e.rightHanded), {
+    type: "MultiPolygon",
+    coordinates: t.getCoordinates(n)
+  };
+}
+function U8(t, e) {
+  return {
+    type: "Point",
+    coordinates: t.getCoordinates()
+  };
+}
+function V8(t, e) {
+  let n;
+  return e && (n = e.rightHanded), {
+    type: "Polygon",
+    coordinates: t.getCoordinates(n)
+  };
+}
+const dh = "units", j8 = [1, 2, 5], Sa = 25.4 / 0.28;
+class B6 extends md {
   /**
-   * Return the key to be used for all tiles in the source.
-   * @return {string} The key for all tiles.
+   * @param {Options} [options] Scale line options.
    */
-  getKey() {
-    return this.key_;
+  constructor(e) {
+    e = e || {};
+    const n = document.createElement("div");
+    n.style.pointerEvents = "none", super({
+      element: n,
+      render: e.render,
+      target: e.target
+    }), this.on, this.once, this.un;
+    const i = e.className !== void 0 ? e.className : e.bar ? "ol-scale-bar" : "ol-scale-line";
+    this.innerElement_ = document.createElement("div"), this.innerElement_.className = i + "-inner", this.element.className = i + " " + Ll, this.element.appendChild(this.innerElement_), this.viewState_ = null, this.minWidth_ = e.minWidth !== void 0 ? e.minWidth : 64, this.maxWidth_ = e.maxWidth, this.renderedVisible_ = !1, this.renderedWidth_ = void 0, this.renderedHTML_ = "", this.addChangeListener(dh, this.handleUnitsChanged_), this.setUnits(e.units || "metric"), this.scaleBar_ = e.bar || !1, this.scaleBarSteps_ = e.steps || 4, this.scaleBarText_ = e.text || !1, this.dpi_ = e.dpi || void 0;
   }
   /**
-   * Set the value to be used as the key for all tiles in the source.
-   * @param {string} key The key for tiles.
-   * @protected
+   * Return the units to use in the scale line.
+   * @return {Units} The units
+   * to use in the scale line.
+   * @observable
+   * @api
    */
-  setKey(e) {
-    this.key_ !== e && (this.key_ = e, this.changed());
+  getUnits() {
+    return this.get(dh);
   }
   /**
-   * @param {import("../proj/Projection").default} [projection] Projection.
-   * @return {Array<number>|null} Resolutions.
-   * @override
+   * @private
    */
-  getResolutions(e) {
-    const n = e ? this.getTileGridForProjection(e) : this.tileGrid;
-    return n ? n.getResolutions() : null;
+  handleUnitsChanged_() {
+    this.updateElement_();
   }
   /**
-   * @abstract
-   * @param {number} z Tile coordinate z.
-   * @param {number} x Tile coordinate x.
-   * @param {number} y Tile coordinate y.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {TileType|null} Tile.
+   * Set the units to use in the scale line.
+   * @param {Units} units The units to use in the scale line.
+   * @observable
+   * @api
    */
-  getTile(e, n, i, r, s) {
-    return $e();
+  setUnits(e) {
+    this.set(dh, e);
   }
   /**
-   * Return the tile grid of the tile source.
-   * @return {import("../tilegrid/TileGrid.js").default|null} Tile grid.
+   * Specify the dpi of output device such as printer.
+   * @param {number|undefined} dpi The dpi of output device.
    * @api
    */
-  getTileGrid() {
-    return this.tileGrid;
+  setDpi(e) {
+    this.dpi_ = e;
   }
   /**
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {!import("../tilegrid/TileGrid.js").default} Tile grid.
+   * @private
    */
-  getTileGridForProjection(e) {
-    return this.tileGrid ? this.tileGrid : Pw(e);
+  updateElement_() {
+    const e = this.viewState_;
+    if (!e) {
+      this.renderedVisible_ && (this.element.style.display = "none", this.renderedVisible_ = !1);
+      return;
+    }
+    const n = e.center, i = e.projection, r = this.getUnits(), s = r == "degrees" ? "degrees" : "m";
+    let o = tc(
+      i,
+      e.resolution,
+      n,
+      s
+    );
+    const a = this.minWidth_ * (this.dpi_ || Sa) / Sa, l = this.maxWidth_ !== void 0 ? this.maxWidth_ * (this.dpi_ || Sa) / Sa : void 0;
+    let u = a * o, c = "";
+    if (r == "degrees") {
+      const E = ea.degrees;
+      u *= E, u < E / 60 ? (c = "″", o *= 3600) : u < E ? (c = "′", o *= 60) : c = "°";
+    } else if (r == "imperial")
+      u < 0.9144 ? (c = "in", o /= 0.0254) : u < 1609.344 ? (c = "ft", o /= 0.3048) : (c = "mi", o /= 1609.344);
+    else if (r == "nautical")
+      o /= 1852, c = "NM";
+    else if (r == "metric")
+      u < 1e-6 ? (c = "nm", o *= 1e9) : u < 1e-3 ? (c = "μm", o *= 1e6) : u < 1 ? (c = "mm", o *= 1e3) : u < 1e3 ? c = "m" : (c = "km", o /= 1e3);
+    else if (r == "us")
+      u < 0.9144 ? (c = "in", o *= 39.37) : u < 1609.344 ? (c = "ft", o /= 0.30480061) : (c = "mi", o /= 1609.3472);
+    else
+      throw new Error("Invalid units");
+    let d = 3 * Math.floor(Math.log(a * o) / Math.log(10)), h, p, f, m, _, y;
+    for (; ; ) {
+      f = Math.floor(d / 3);
+      const E = Math.pow(10, f);
+      if (h = j8[(d % 3 + 3) % 3] * E, p = Math.round(h / o), isNaN(p)) {
+        this.element.style.display = "none", this.renderedVisible_ = !1;
+        return;
+      }
+      if (l !== void 0 && p >= l) {
+        h = m, p = _, f = y;
+        break;
+      } else if (p >= a)
+        break;
+      m = h, _ = p, y = f, ++d;
+    }
+    const w = this.scaleBar_ ? this.createScaleBar(p, h, c) : h.toFixed(f < 0 ? -f : 0) + " " + c;
+    this.renderedHTML_ != w && (this.innerElement_.innerHTML = w, this.renderedHTML_ = w), this.renderedWidth_ != p && (this.innerElement_.style.width = p + "px", this.renderedWidth_ = p), this.renderedVisible_ || (this.element.style.display = "", this.renderedVisible_ = !0);
   }
   /**
-   * Get the tile pixel ratio for this source. Subclasses may override this
-   * method, which is meant to return a supported pixel ratio that matches the
-   * provided `pixelRatio` as close as possible.
-   * @param {number} pixelRatio Pixel ratio.
-   * @return {number} Tile pixel ratio.
+   * @private
+   * @param {number} width The current width of the scalebar.
+   * @param {number} scale The current scale.
+   * @param {string} suffix The suffix to append to the scale text.
+   * @return {string} The stringified HTML of the scalebar.
    */
-  getTilePixelRatio(e) {
-    return this.tilePixelRatio_;
+  createScaleBar(e, n, i) {
+    const r = this.getScaleForResolution(), s = r < 1 ? Math.round(1 / r).toLocaleString() + " : 1" : "1 : " + Math.round(r).toLocaleString(), o = this.scaleBarSteps_, a = e / o, l = [this.createMarker("absolute")];
+    for (let c = 0; c < o; ++c) {
+      const d = c % 2 === 0 ? "ol-scale-singlebar-odd" : "ol-scale-singlebar-even";
+      l.push(
+        `<div><div class="ol-scale-singlebar ${d}" style="width: ${a}px;"></div>` + this.createMarker("relative") + // render text every second step, except when only 2 steps
+        (c % 2 === 0 || o === 2 ? this.createStepText(c, e, !1, n, i) : "") + "</div>"
+      );
+    }
+    return l.push(this.createStepText(o, e, !0, n, i)), (this.scaleBarText_ ? `<div class="ol-scale-text" style="width: ${e}px;">` + s + "</div>" : "") + l.join("");
   }
   /**
-   * @param {number} z Z.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {import("../size.js").Size} Tile size.
+   * Creates a marker at given position
+   * @param {'absolute'|'relative'} position The position, absolute or relative
+   * @return {string} The stringified div containing the marker
    */
-  getTilePixelSize(e, n, i) {
-    const r = this.getTileGridForProjection(i), s = this.getTilePixelRatio(n), o = $n(r.getTileSize(e), this.tmpSize);
-    return s == 1 ? o : K3(o, s, this.tmpSize);
+  createMarker(e) {
+    return `<div class="ol-scale-step-marker" style="position: ${e}; top: ${e === "absolute" ? 3 : -10}px;"></div>`;
   }
   /**
-   * Returns a tile coordinate wrapped around the x-axis. When the tile coordinate
-   * is outside the resolution and extent range of the tile grid, `null` will be
-   * returned.
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {import("../proj/Projection.js").default} [projection] Projection.
-   * @return {import("../tilecoord.js").TileCoord} Tile coordinate to be passed to the tileUrlFunction or
-   *     null if no tile URL should be created for the passed `tileCoord`.
+   * Creates the label for a marker marker at given position
+   * @param {number} i The iterator
+   * @param {number} width The width the scalebar will currently use
+   * @param {boolean} isLast Flag indicating if we add the last step text
+   * @param {number} scale The current scale for the whole scalebar
+   * @param {string} suffix The suffix for the scale
+   * @return {string} The stringified div containing the step text
    */
-  getTileCoordForTileUrlFunction(e, n) {
-    const i = n !== void 0 ? n : this.getProjection(), r = n !== void 0 ? this.getTileGridForProjection(i) : this.tileGrid || this.getTileGridForProjection(i);
-    return this.getWrapX() && i.isGlobal() && (e = M8(r, e, i)), bB(e, r) ? e : null;
+  createStepText(e, n, i, r, s) {
+    const a = (e === 0 ? 0 : Math.round(r / this.scaleBarSteps_ * e * 100) / 100) + (e === 0 ? "" : " " + s), l = e === 0 ? -3 : n / this.scaleBarSteps_ * -1, u = e === 0 ? 0 : n / this.scaleBarSteps_ * 2;
+    return `<div class="ol-scale-step-text" style="margin-left: ${l}px;text-align: ${e === 0 ? "left" : "center"};min-width: ${u}px;left: ${i ? n + "px" : "unset"};">` + a + "</div>";
   }
   /**
-   * Remove all cached reprojected tiles from the source. The next render cycle will create new tiles.
-   * @api
+   * Returns the appropriate scale for the given resolution and units.
+   * @return {number} The appropriate scale.
    */
-  clear() {
+  getScaleForResolution() {
+    const e = tc(
+      this.viewState_.projection,
+      this.viewState_.resolution,
+      this.viewState_.center,
+      "m"
+    ), n = this.dpi_ || Sa, i = 1e3 / 25.4;
+    return e * i * n;
   }
   /**
+   * Update the scale line element.
+   * @param {import("../MapEvent.js").default} mapEvent Map event.
    * @override
    */
-  refresh() {
-    this.clear(), super.refresh();
+  render(e) {
+    const n = e.frameState;
+    n ? this.viewState_ = n.viewState : this.viewState_ = null, this.updateElement_();
   }
 }
-class O8 extends Ui {
+const hh = {
   /**
-   * @param {string} type Type.
-   * @param {import("../Tile.js").default} tile The tile.
+   * Triggered when a tile starts loading.
+   * @event module:ol/source/Tile.TileSourceEvent#tileloadstart
+   * @api
    */
-  constructor(e, n) {
-    super(e), this.tile = n;
-  }
-}
-const D8 = /\{z\}/g, L8 = /\{x\}/g, F8 = /\{y\}/g, N8 = /\{-y\}/g;
-function $8(t, e, n, i, r) {
-  return t.replace(D8, e.toString()).replace(L8, n.toString()).replace(F8, i.toString()).replace(N8, function() {
-    if (r === void 0)
-      throw new Error(
-        "If the URL template has a {-y} placeholder, the grid extent must be known"
-      );
-    return (r - i).toString();
-  });
-}
-function B8(t) {
-  const e = [];
-  let n = /\{([a-z])-([a-z])\}/.exec(t);
-  if (n) {
-    const i = n[1].charCodeAt(0), r = n[2].charCodeAt(0);
-    let s;
-    for (s = i; s <= r; ++s)
-      e.push(t.replace(n[0], String.fromCharCode(s)));
-    return e;
-  }
-  if (n = /\{(\d+)-(\d+)\}/.exec(t), n) {
-    const i = parseInt(n[2], 10);
-    for (let r = parseInt(n[1], 10); r <= i; r++)
-      e.push(t.replace(n[0], r.toString()));
-    return e;
-  }
-  return e.push(t), e;
-}
-function G8(t, e) {
-  return (
-    /**
-     * @param {import("./tilecoord.js").TileCoord} tileCoord Tile Coordinate.
-     * @param {number} pixelRatio Pixel ratio.
-     * @param {import("./proj/Projection.js").default} projection Projection.
-     * @return {string|undefined} Tile URL.
-     */
-    function(n, i, r) {
-      if (!n)
-        return;
-      let s;
-      const o = n[0];
-      if (e) {
-        const a = e.getFullTileRange(o);
-        a && (s = a.getHeight() - 1);
-      }
-      return $8(t, o, n[1], n[2], s);
-    }
-  );
-}
-function W8(t, e) {
-  const n = t.length, i = new Array(n);
-  for (let r = 0; r < n; ++r)
-    i[r] = G8(t[r], e);
-  return z8(i);
-}
-function z8(t) {
-  return t.length === 1 ? t[0] : (
-    /**
-     * @param {import("./tilecoord.js").TileCoord} tileCoord Tile Coordinate.
-     * @param {number} pixelRatio Pixel ratio.
-     * @param {import("./proj/Projection.js").default} projection Projection.
-     * @return {string|undefined} Tile URL.
-     */
-    function(e, n, i) {
-      if (!e)
-        return;
-      const r = _B(e), s = Bs(r, t.length);
-      return t[s](e, n, i);
-    }
-  );
-}
-class $p extends A8 {
+  TILELOADSTART: "tileloadstart",
   /**
-   * @param {Options} options Image tile options.
+   * Triggered when a tile finishes loading, either when its data is loaded,
+   * or when loading was aborted because the tile is no longer needed.
+   * @event module:ol/source/Tile.TileSourceEvent#tileloadend
+   * @api
    */
-  constructor(e) {
-    super({
-      attributions: e.attributions,
-      cacheSize: e.cacheSize,
-      projection: e.projection,
-      state: e.state,
-      tileGrid: e.tileGrid,
-      tilePixelRatio: e.tilePixelRatio,
-      wrapX: e.wrapX,
-      transition: e.transition,
-      interpolate: e.interpolate,
-      key: e.key,
-      attributionsCollapsible: e.attributionsCollapsible,
-      zDirection: e.zDirection
-    }), this.generateTileUrlFunction_ = this.tileUrlFunction === $p.prototype.tileUrlFunction, this.tileLoadFunction = e.tileLoadFunction, e.tileUrlFunction && (this.tileUrlFunction = e.tileUrlFunction), this.urls = null, e.urls ? this.setUrls(e.urls) : e.url && this.setUrl(e.url), this.tileLoadingKeys_ = {};
-  }
+  TILELOADEND: "tileloadend",
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Return the tile load function of the source.
-   * @return {import("../Tile.js").LoadFunction} TileLoadFunction
+   * Triggered if tile loading results in an error. Note that this is not the
+   * right place to re-fetch tiles. See {@link module:ol/ImageTile~ImageTile#load}
+   * for details.
+   * @event module:ol/source/Tile.TileSourceEvent#tileloaderror
    * @api
    */
-  getTileLoadFunction() {
-    return this.tileLoadFunction;
-  }
+  TILELOADERROR: "tileloaderror"
+}, bo = [0, 0, 0], ts = 5;
+class Pw {
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Return the tile URL function of the source.
-   * @return {import("../Tile.js").UrlFunction} TileUrlFunction
-   * @api
+   * @param {Options} options Tile grid options.
    */
-  getTileUrlFunction() {
-    return Object.getPrototypeOf(this).tileUrlFunction === this.tileUrlFunction ? this.tileUrlFunction.bind(this) : this.tileUrlFunction;
+  constructor(e) {
+    this.minZoom = e.minZoom !== void 0 ? e.minZoom : 0, this.resolutions_ = e.resolutions, st(
+      c$(
+        this.resolutions_,
+        /**
+         * @param {number} a First resolution
+         * @param {number} b Second resolution
+         * @return {number} Comparison result
+         */
+        (r, s) => s - r
+      ),
+      "`resolutions` must be sorted in descending order"
+    );
+    let n;
+    if (!e.origins) {
+      for (let r = 0, s = this.resolutions_.length - 1; r < s; ++r)
+        if (!n)
+          n = this.resolutions_[r] / this.resolutions_[r + 1];
+        else if (this.resolutions_[r] / this.resolutions_[r + 1] !== n) {
+          n = void 0;
+          break;
+        }
+    }
+    this.zoomFactor_ = n, this.maxZoom = this.resolutions_.length - 1, this.origin_ = e.origin !== void 0 ? e.origin : null, this.origins_ = null, e.origins !== void 0 && (this.origins_ = e.origins, st(
+      this.origins_.length == this.resolutions_.length,
+      "Number of `origins` and `resolutions` must be equal"
+    ));
+    const i = e.extent;
+    i !== void 0 && !this.origin_ && !this.origins_ && (this.origin_ = $r(i)), st(
+      !this.origin_ && this.origins_ || this.origin_ && !this.origins_,
+      "Either `origin` or `origins` must be configured, never both"
+    ), this.tileSizes_ = null, e.tileSizes !== void 0 && (this.tileSizes_ = e.tileSizes, st(
+      this.tileSizes_.length == this.resolutions_.length,
+      "Number of `tileSizes` and `resolutions` must be equal"
+    )), this.tileSize_ = e.tileSize !== void 0 ? e.tileSize : this.tileSizes_ ? null : _p, st(
+      !this.tileSize_ && this.tileSizes_ || this.tileSize_ && !this.tileSizes_,
+      "Either `tileSize` or `tileSizes` must be configured, never both"
+    ), this.extent_ = i !== void 0 ? i : null, this.fullTileRanges_ = null, this.tmpSize_ = [0, 0], this.tmpExtent_ = [0, 0, 0, 0], e.sizes !== void 0 ? this.fullTileRanges_ = e.sizes.map((r, s) => {
+      const o = new Mp(
+        Math.min(0, r[0]),
+        Math.max(r[0] - 1, -1),
+        Math.min(0, r[1]),
+        Math.max(r[1] - 1, -1)
+      );
+      if (i) {
+        const a = this.getTileRangeForExtentAndZ(i, s);
+        o.minX = Math.max(a.minX, o.minX), o.maxX = Math.min(a.maxX, o.maxX), o.minY = Math.max(a.minY, o.minY), o.maxY = Math.min(a.maxY, o.maxY);
+      }
+      return o;
+    }) : i && this.calculateTileRanges_(i);
   }
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Return the URLs used for this source.
-   * When a tileUrlFunction is used instead of url or urls,
-   * null will be returned.
-   * @return {!Array<string>|null} URLs.
+   * Call a function with each tile coordinate for a given extent and zoom level.
+   *
+   * @param {import("../extent.js").Extent} extent Extent.
+   * @param {number} zoom Integer zoom level.
+   * @param {function(import("../tilecoord.js").TileCoord): void} callback Function called with each tile coordinate.
    * @api
    */
-  getUrls() {
-    return this.urls;
+  forEachTileCoord(e, n, i) {
+    const r = this.getTileRangeForExtentAndZ(e, n);
+    for (let s = r.minX, o = r.maxX; s <= o; ++s)
+      for (let a = r.minY, l = r.maxY; a <= l; ++a)
+        i([n, s, a]);
   }
   /**
-   * Handle tile change events.
-   * @param {import("../events/Event.js").default} event Event.
-   * @protected
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {function(number, import("../TileRange.js").default): boolean} callback Callback.
+   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
+   * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
+   * @return {boolean} Callback succeeded.
    */
-  handleTileChange(e) {
-    const n = (
-      /** @type {import("../Tile.js").default} */
-      e.target
-    ), i = Xe(n), r = n.getState();
-    let s;
-    r == be.LOADING ? (this.tileLoadingKeys_[i] = !0, s = hh.TILELOADSTART) : i in this.tileLoadingKeys_ && (delete this.tileLoadingKeys_[i], s = r == be.ERROR ? hh.TILELOADERROR : r == be.LOADED ? hh.TILELOADEND : void 0), s != null && this.dispatchEvent(new O8(s, n));
+  forEachTileCoordParentTileRange(e, n, i, r) {
+    let s, o, a, l = null, u = e[0] - 1;
+    for (this.zoomFactor_ === 2 ? (o = e[1], a = e[2]) : l = this.getTileCoordExtent(e, r); u >= this.minZoom; ) {
+      if (o !== void 0 && a !== void 0 ? (o = Math.floor(o / 2), a = Math.floor(a / 2), s = mo(o, o, a, a, i)) : s = this.getTileRangeForExtentAndZ(
+        l,
+        u,
+        i
+      ), n(u, s))
+        return !0;
+      --u;
+    }
+    return !1;
   }
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Set the tile load function of the source.
-   * @param {import("../Tile.js").LoadFunction} tileLoadFunction Tile load function.
+   * Get the extent for this tile grid, if it was configured.
+   * @return {import("../extent.js").Extent} Extent.
    * @api
    */
-  setTileLoadFunction(e) {
-    this.tileLoadFunction = e, this.changed();
+  getExtent() {
+    return this.extent_;
   }
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Set the tile URL function of the source.
-   * @param {import("../Tile.js").UrlFunction} tileUrlFunction Tile URL function.
-   * @param {string} [key] Optional new tile key for the source.
+   * Get the maximum zoom level for the grid.
+   * @return {number} Max zoom.
    * @api
    */
-  setTileUrlFunction(e, n) {
-    this.tileUrlFunction = e, typeof n < "u" ? this.setKey(n) : this.changed();
+  getMaxZoom() {
+    return this.maxZoom;
   }
   /**
-   * Set the URL to use for requests.
-   * @param {string} url URL.
+   * Get the minimum zoom level for the grid.
+   * @return {number} Min zoom.
    * @api
    */
-  setUrl(e) {
-    const n = B8(e);
-    this.urls = n, this.setUrls(n);
+  getMinZoom() {
+    return this.minZoom;
   }
   /**
-   * Deprecated.  Use an ImageTile source instead.
-   * Set the URLs to use for requests.
-   * @param {Array<string>} urls URLs.
+   * Get the origin for the grid at the given zoom level.
+   * @param {number} z Integer zoom level.
+   * @return {import("../coordinate.js").Coordinate} Origin.
    * @api
    */
-  setUrls(e) {
-    this.urls = e;
-    const n = e.join(`
-`);
-    this.generateTileUrlFunction_ ? this.setTileUrlFunction(W8(e, this.tileGrid), n) : this.setKey(n);
+  getOrigin(e) {
+    return this.origin_ ? this.origin_ : this.origins_[e];
   }
   /**
-   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {string|undefined} Tile URL.
+   * Get the resolution for the given zoom level.
+   * @param {number} z Integer zoom level.
+   * @return {number} Resolution.
+   * @api
    */
-  tileUrlFunction(e, n, i) {
+  getResolution(e) {
+    return this.resolutions_[e];
   }
-}
-class Y8 extends $p {
   /**
-   * @param {!Options} options Image tile options.
+   * Get the list of resolutions for the tile grid.
+   * @return {Array<number>} Resolutions.
+   * @api
    */
-  constructor(e) {
-    super({
-      attributions: e.attributions,
-      cacheSize: e.cacheSize,
-      projection: e.projection,
-      state: e.state,
-      tileGrid: e.tileGrid,
-      tileLoadFunction: e.tileLoadFunction ? e.tileLoadFunction : U8,
-      tilePixelRatio: e.tilePixelRatio,
-      tileUrlFunction: e.tileUrlFunction,
-      url: e.url,
-      urls: e.urls,
-      wrapX: e.wrapX,
-      transition: e.transition,
-      interpolate: e.interpolate !== void 0 ? e.interpolate : !0,
-      key: e.key,
-      attributionsCollapsible: e.attributionsCollapsible,
-      zDirection: e.zDirection
-    }), this.crossOrigin = e.crossOrigin !== void 0 ? e.crossOrigin : null, this.tileClass = e.tileClass !== void 0 ? e.tileClass : mw, this.tileGridForProjection = {}, this.reprojectionErrorThreshold_ = e.reprojectionErrorThreshold, this.renderReprojectionEdges_ = !1;
+  getResolutions() {
+    return this.resolutions_;
   }
   /**
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {number} Gutter.
-   * @override
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
+   * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
+   * @return {import("../TileRange.js").default|null} Tile range.
    */
-  getGutterForProjection(e) {
-    return this.getProjection() && e && !Ou(this.getProjection(), e) ? 0 : this.getGutter();
+  getTileCoordChildTileRange(e, n, i) {
+    if (e[0] < this.maxZoom) {
+      if (this.zoomFactor_ === 2) {
+        const s = e[1] * 2, o = e[2] * 2;
+        return mo(
+          s,
+          s + 1,
+          o,
+          o + 1,
+          n
+        );
+      }
+      const r = this.getTileCoordExtent(
+        e,
+        i || this.tmpExtent_
+      );
+      return this.getTileRangeForExtentAndZ(
+        r,
+        e[0] + 1,
+        n
+      );
+    }
+    return null;
   }
   /**
-   * @return {number} Gutter.
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {number} z Integer zoom level.
+   * @param {import("../TileRange.js").default} [tempTileRange] Temporary import("../TileRange.js").default object.
+   * @return {import("../TileRange.js").default|null} Tile range.
    */
-  getGutter() {
-    return 0;
+  getTileRangeForTileCoordAndZ(e, n, i) {
+    if (n > this.maxZoom || n < this.minZoom)
+      return null;
+    const r = e[0], s = e[1], o = e[2];
+    if (n === r)
+      return mo(
+        s,
+        o,
+        s,
+        o,
+        i
+      );
+    if (this.zoomFactor_) {
+      const l = Math.pow(this.zoomFactor_, n - r), u = Math.floor(s * l), c = Math.floor(o * l);
+      if (n < r)
+        return mo(u, u, c, c, i);
+      const d = Math.floor(l * (s + 1)) - 1, h = Math.floor(l * (o + 1)) - 1;
+      return mo(u, d, c, h, i);
+    }
+    const a = this.getTileCoordExtent(e, this.tmpExtent_);
+    return this.getTileRangeForExtentAndZ(a, n, i);
   }
   /**
-   * Return the key to be used for all tiles in the source.
-   * @return {string} The key for all tiles.
-   * @override
+   * Get a tile range for the given extent and integer zoom level.
+   * @param {import("../extent.js").Extent} extent Extent.
+   * @param {number} z Integer zoom level.
+   * @param {import("../TileRange.js").default} [tempTileRange] Temporary tile range object.
+   * @return {import("../TileRange.js").default} Tile range.
    */
-  getKey() {
-    let e = super.getKey();
-    return this.getInterpolate() || (e += ":disable-interpolation"), e;
+  getTileRangeForExtentAndZ(e, n, i) {
+    this.getTileCoordForXYAndZ_(e[0], e[3], n, !1, bo);
+    const r = bo[1], s = bo[2];
+    this.getTileCoordForXYAndZ_(e[2], e[1], n, !0, bo);
+    const o = bo[1], a = bo[2];
+    return mo(r, o, s, a, i);
   }
   /**
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {!import("../tilegrid/TileGrid.js").default} Tile grid.
-   * @override
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @return {import("../coordinate.js").Coordinate} Tile center.
    */
-  getTileGridForProjection(e) {
-    const n = this.getProjection();
-    if (this.tileGrid && (!n || Ou(n, e)))
-      return this.tileGrid;
-    const i = Xe(e);
-    return i in this.tileGridForProjection || (this.tileGridForProjection[i] = Pw(e)), this.tileGridForProjection[i];
+  getTileCoordCenter(e) {
+    const n = this.getOrigin(e[0]), i = this.getResolution(e[0]), r = $n(this.getTileSize(e[0]), this.tmpSize_);
+    return [
+      n[0] + (e[1] + 0.5) * r[0] * i,
+      n[1] - (e[2] + 0.5) * r[1] * i
+    ];
   }
   /**
-   * @param {number} z Tile coordinate z.
-   * @param {number} x Tile coordinate x.
-   * @param {number} y Tile coordinate y.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @param {string} key The key set on the tile.
-   * @return {!ImageTile} Tile.
-   * @private
+   * Get the extent of a tile coordinate.
+   *
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {import("../extent.js").Extent} [tempExtent] Temporary extent object.
+   * @return {import("../extent.js").Extent} Extent.
+   * @api
    */
-  createTile_(e, n, i, r, s, o) {
-    const a = [e, n, i], l = this.getTileCoordForTileUrlFunction(
-      a,
-      s
-    ), u = l ? this.tileUrlFunction(l, r, s) : void 0, c = new this.tileClass(
-      a,
-      u !== void 0 ? be.IDLE : be.EMPTY,
-      u !== void 0 ? u : "",
-      this.crossOrigin,
-      this.tileLoadFunction,
-      this.tileOptions
-    );
-    return c.key = o, c.addEventListener(ze.CHANGE, this.handleTileChange.bind(this)), c;
+  getTileCoordExtent(e, n) {
+    const i = this.getOrigin(e[0]), r = this.getResolution(e[0]), s = $n(this.getTileSize(e[0]), this.tmpSize_), o = i[0] + e[1] * s[0] * r, a = i[1] - (e[2] + 1) * s[1] * r, l = o + s[0] * r, u = a + s[1] * r;
+    return Nr(o, a, l, u, n);
   }
   /**
-   * @param {number} z Tile coordinate z.
-   * @param {number} x Tile coordinate x.
-   * @param {number} y Tile coordinate y.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../proj/Projection.js").default} projection Projection.
-   * @return {!(ImageTile|ReprojTile)} Tile.
-   * @override
+   * Get the tile coordinate for the given map coordinate and resolution.  This
+   * method considers that coordinates that intersect tile boundaries should be
+   * assigned the higher tile coordinate.
+   *
+   * @param {import("../coordinate.js").Coordinate} coordinate Coordinate.
+   * @param {number} resolution Resolution.
+   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Destination import("../tilecoord.js").TileCoord object.
+   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
+   * @api
    */
-  getTile(e, n, i, r, s) {
-    const o = this.getProjection();
-    if (!o || !s || Ou(o, s))
-      return this.getTileInternal(
-        e,
-        n,
-        i,
-        r,
-        o || s
-      );
-    const a = [e, n, i], l = this.getKey(), u = this.getTileGridForProjection(o), c = this.getTileGridForProjection(s), d = this.getTileCoordForTileUrlFunction(
-      a,
-      s
-    ), h = new Cf(
-      o,
-      u,
-      s,
-      c,
-      a,
-      d,
-      this.getTilePixelRatio(r),
-      this.getGutter(),
-      (p, f, m, _) => this.getTileInternal(p, f, m, _, o),
-      this.reprojectionErrorThreshold_,
-      this.renderReprojectionEdges_,
-      this.tileOptions
+  getTileCoordForCoordAndResolution(e, n, i) {
+    return this.getTileCoordForXYAndResolution_(
+      e[0],
+      e[1],
+      n,
+      !1,
+      i
     );
-    return h.key = l, h;
   }
   /**
-   * @param {number} z Tile coordinate z.
-   * @param {number} x Tile coordinate x.
-   * @param {number} y Tile coordinate y.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {!import("../proj/Projection.js").default} projection Projection.
-   * @return {!ImageTile} Tile.
-   * @protected
-   */
-  getTileInternal(e, n, i, r, s) {
-    const o = this.getKey();
-    return this.createTile_(e, n, i, r, s, o);
+   * Note that this method should not be called for resolutions that correspond
+   * to an integer zoom level.  Instead call the `getTileCoordForXYAndZ_` method.
+   * @param {number} x X.
+   * @param {number} y Y.
+   * @param {number} resolution Resolution (for a non-integer zoom level).
+   * @param {boolean} reverseIntersectionPolicy Instead of letting edge
+   *     intersections go to the higher tile coordinate, let edge intersections
+   *     go to the lower tile coordinate.
+   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Temporary import("../tilecoord.js").TileCoord object.
+   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
+   * @private
+   */
+  getTileCoordForXYAndResolution_(e, n, i, r, s) {
+    const o = this.getZForResolution(i), a = i / this.getResolution(o), l = this.getOrigin(o), u = $n(this.getTileSize(o), this.tmpSize_);
+    let c = a * (e - l[0]) / i / u[0], d = a * (l[1] - n) / i / u[1];
+    return r ? (c = au(c, ts) - 1, d = au(d, ts) - 1) : (c = ou(c, ts), d = ou(d, ts)), gc(o, c, d, s);
   }
   /**
-   * Sets whether to render reprojection edges or not (usually for debugging).
-   * @param {boolean} render Render the edges.
+   * Although there is repetition between this method and `getTileCoordForXYAndResolution_`,
+   * they should have separate implementations.  This method is for integer zoom
+   * levels.  The other method should only be called for resolutions corresponding
+   * to non-integer zoom levels.
+   * @param {number} x Map x coordinate.
+   * @param {number} y Map y coordinate.
+   * @param {number} z Integer zoom level.
+   * @param {boolean} reverseIntersectionPolicy Instead of letting edge
+   *     intersections go to the higher tile coordinate, let edge intersections
+   *     go to the lower tile coordinate.
+   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Temporary import("../tilecoord.js").TileCoord object.
+   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
+   * @private
+   */
+  getTileCoordForXYAndZ_(e, n, i, r, s) {
+    const o = this.getOrigin(i), a = this.getResolution(i), l = $n(this.getTileSize(i), this.tmpSize_);
+    let u = (e - o[0]) / a / l[0], c = (o[1] - n) / a / l[1];
+    return r ? (u = au(u, ts) - 1, c = au(c, ts) - 1) : (u = ou(u, ts), c = ou(c, ts)), gc(i, u, c, s);
+  }
+  /**
+   * Get a tile coordinate given a map coordinate and zoom level.
+   * @param {import("../coordinate.js").Coordinate} coordinate Coordinate.
+   * @param {number} z Integer zoom level, e.g. the result of a `getZForResolution()` method call
+   * @param {import("../tilecoord.js").TileCoord} [opt_tileCoord] Destination import("../tilecoord.js").TileCoord object.
+   * @return {import("../tilecoord.js").TileCoord} Tile coordinate.
    * @api
    */
-  setRenderReprojectionEdges(e) {
-    this.renderReprojectionEdges_ != e && (this.renderReprojectionEdges_ = e, this.changed());
+  getTileCoordForCoordAndZ(e, n, i) {
+    return this.getTileCoordForXYAndZ_(
+      e[0],
+      e[1],
+      n,
+      !1,
+      i
+    );
   }
   /**
-   * Sets the tile grid to use when reprojecting the tiles to the given
-   * projection instead of the default tile grid for the projection.
-   *
-   * This can be useful when the default tile grid cannot be created
-   * (e.g. projection has no extent defined) or
-   * for optimization reasons (custom tile size, resolutions, ...).
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @return {number} Tile resolution.
+   */
+  getTileCoordResolution(e) {
+    return this.resolutions_[e[0]];
+  }
+  /**
+   * Get the tile size for a zoom level. The type of the return value matches the
+   * `tileSize` or `tileSizes` that the tile grid was configured with. To always
+   * get an {@link import("../size.js").Size}, run the result through {@link module:ol/size.toSize}.
+   * @param {number} z Z.
+   * @return {number|import("../size.js").Size} Tile size.
+   * @api
+   */
+  getTileSize(e) {
+    return this.tileSize_ ? this.tileSize_ : this.tileSizes_[e];
+  }
+  /**
+   * @param {number} z Zoom level.
+   * @return {import("../TileRange.js").default|null} Extent tile range for the specified zoom level.
+   */
+  getFullTileRange(e) {
+    return this.fullTileRanges_ ? this.fullTileRanges_[e] : this.extent_ ? this.getTileRangeForExtentAndZ(this.extent_, e) : null;
+  }
+  /**
+   * @param {number} resolution Resolution.
+   * @param {number|import("../array.js").NearestDirectionFunction} [opt_direction]
+   *     If 0, the nearest resolution will be used.
+   *     If 1, the nearest higher resolution (lower Z) will be used. If -1, the
+   *     nearest lower resolution (higher Z) will be used. Default is 0.
+   *     Use a {@link module:ol/array~NearestDirectionFunction} for more precise control.
    *
-   * @param {import("../proj.js").ProjectionLike} projection Projection.
-   * @param {import("../tilegrid/TileGrid.js").default} tilegrid Tile grid to use for the projection.
+   * For example to change tile Z at the midpoint of zoom levels
+   * ```js
+   * function(value, high, low) {
+   *   return value - low * Math.sqrt(high / low);
+   * }
+   * ```
+   * @return {number} Z.
    * @api
    */
-  setTileGridForProjection(e, n) {
-    const i = Vt(e);
-    if (i) {
-      const r = Xe(i);
-      r in this.tileGridForProjection || (this.tileGridForProjection[r] = n);
-    }
+  getZForResolution(e, n) {
+    const i = Lg(
+      this.resolutions_,
+      e,
+      n || 0
+    );
+    return Wt(i, this.minZoom, this.maxZoom);
+  }
+  /**
+   * The tile with the provided tile coordinate intersects the given viewport.
+   * @param {import('../tilecoord.js').TileCoord} tileCoord Tile coordinate.
+   * @param {Array<number>} viewport Viewport as returned from {@link module:ol/extent.getRotatedViewport}.
+   * @return {boolean} The tile with the provided tile coordinate intersects the given viewport.
+   */
+  tileCoordIntersectsViewport(e, n) {
+    return P1(
+      n,
+      0,
+      n.length,
+      2,
+      this.getTileCoordExtent(e)
+    );
+  }
+  /**
+   * @param {!import("../extent.js").Extent} extent Extent for this tile grid.
+   * @private
+   */
+  calculateTileRanges_(e) {
+    const n = this.resolutions_.length, i = new Array(n);
+    for (let r = this.minZoom; r < n; ++r)
+      i[r] = this.getTileRangeForExtentAndZ(e, r);
+    this.fullTileRanges_ = i;
   }
 }
-function U8(t, e) {
-  t.getImage().src = e;
+function Iw(t) {
+  let e = t.getDefaultTileGrid();
+  return e || (e = Z8(t), t.setDefaultTileGrid(e)), e;
+}
+function H8(t, e, n) {
+  const i = e[0], r = t.getTileCoordCenter(e), s = Gp(n);
+  if (!Jo(s, r)) {
+    const o = nt(s), a = Math.ceil(
+      (s[0] - r[0]) / o
+    );
+    return r[0] += o * a, t.getTileCoordForCoordAndZ(r, i);
+  }
+  return e;
+}
+function X8(t, e, n, i) {
+  i = i !== void 0 ? i : "top-left";
+  const r = kw(t, e, n);
+  return new Pw({
+    extent: t,
+    origin: w$(t, i),
+    resolutions: r,
+    tileSize: n
+  });
+}
+function K8(t) {
+  const e = t || {}, n = e.extent || Vt("EPSG:3857").getExtent(), i = {
+    extent: n,
+    minZoom: e.minZoom,
+    tileSize: e.tileSize,
+    resolutions: kw(
+      n,
+      e.maxZoom,
+      e.tileSize,
+      e.maxResolution
+    )
+  };
+  return new Pw(i);
+}
+function kw(t, e, n, i) {
+  e = e !== void 0 ? e : x4, n = $n(n !== void 0 ? n : _p);
+  const r = an(t), s = nt(t);
+  i = i > 0 ? i : Math.max(s / n[0], r / n[1]);
+  const o = e + 1, a = new Array(o);
+  for (let l = 0; l < o; ++l)
+    a[l] = i / Math.pow(2, l);
+  return a;
+}
+function Z8(t, e, n, i) {
+  const r = Gp(t);
+  return X8(r, e, n, i);
+}
+function Gp(t) {
+  t = Vt(t);
+  let e = t.getExtent();
+  if (!e) {
+    const n = 180 * ea.degrees / t.getMetersPerUnit();
+    e = Nr(-n, -n, n, n);
+  }
+  return e;
 }
-class B6 extends Y8 {
+class q8 extends L1 {
   /**
-   * @param {Options} [options] XYZ options.
+   * @param {Options} options SourceTile source options.
    */
   constructor(e) {
-    e = e || {};
-    const n = e.projection !== void 0 ? e.projection : "EPSG:3857", i = e.tileGrid !== void 0 ? e.tileGrid : I8({
-      extent: Np(n),
-      maxResolution: e.maxResolution,
-      maxZoom: e.maxZoom,
-      minZoom: e.minZoom,
-      tileSize: e.tileSize
-    });
     super({
       attributions: e.attributions,
-      cacheSize: e.cacheSize,
-      crossOrigin: e.crossOrigin,
-      interpolate: e.interpolate,
-      projection: n,
-      reprojectionErrorThreshold: e.reprojectionErrorThreshold,
-      tileGrid: i,
-      tileLoadFunction: e.tileLoadFunction,
-      tilePixelRatio: e.tilePixelRatio,
-      tileUrlFunction: e.tileUrlFunction,
-      url: e.url,
-      urls: e.urls,
-      wrapX: e.wrapX !== void 0 ? e.wrapX : !0,
-      transition: e.transition,
       attributionsCollapsible: e.attributionsCollapsible,
-      zDirection: e.zDirection
-    }), this.gutter_ = e.gutter !== void 0 ? e.gutter : 0;
+      projection: e.projection,
+      state: e.state,
+      wrapX: e.wrapX,
+      interpolate: e.interpolate
+    }), this.on, this.once, this.un, this.tilePixelRatio_ = e.tilePixelRatio !== void 0 ? e.tilePixelRatio : 1, this.tileGrid = e.tileGrid !== void 0 ? e.tileGrid : null;
+    const n = [256, 256];
+    this.tileGrid && $n(this.tileGrid.getTileSize(this.tileGrid.getMinZoom()), n), this.tmpSize = [0, 0], this.key_ = e.key || Xe(this), this.tileOptions = {
+      transition: e.transition,
+      interpolate: e.interpolate
+    }, this.zDirection = e.zDirection ? e.zDirection : 0;
   }
   /**
+   * @param {import("../proj/Projection.js").default} projection Projection.
    * @return {number} Gutter.
-   * @override
    */
-  getGutter() {
-    return this.gutter_;
+  getGutterForProjection(e) {
+    return 0;
   }
-}
-class V8 {
-  constructor() {
-    this.dataProjection = void 0, this.defaultFeatureProjection = void 0, this.featureClass = /** @type {FeatureToFeatureClass<FeatureType>} */
-    Ki, this.supportedMediaTypes = null;
+  /**
+   * Return the key to be used for all tiles in the source.
+   * @return {string} The key for all tiles.
+   */
+  getKey() {
+    return this.key_;
   }
   /**
-   * Adds the data projection to the read options.
-   * @param {Document|Element|Object|string} source Source.
-   * @param {ReadOptions} [options] Options.
-   * @return {ReadOptions|undefined} Options.
+   * Set the value to be used as the key for all tiles in the source.
+   * @param {string} key The key for tiles.
    * @protected
    */
-  getReadOptions(e, n) {
-    if (n) {
-      let i = n.dataProjection ? Vt(n.dataProjection) : this.readProjection(e);
-      n.extent && i && i.getUnits() === "tile-pixels" && (i = Vt(i), i.setWorldExtent(n.extent)), n = {
-        dataProjection: i,
-        featureProjection: n.featureProjection
-      };
-    }
-    return this.adaptOptions(n);
+  setKey(e) {
+    this.key_ !== e && (this.key_ = e, this.changed());
   }
   /**
-   * Sets the `dataProjection` on the options, if no `dataProjection`
-   * is set.
-   * @param {WriteOptions|ReadOptions|undefined} options
-   *     Options.
-   * @protected
-   * @return {WriteOptions|ReadOptions|undefined}
-   *     Updated options.
+   * @param {import("../proj/Projection").default} [projection] Projection.
+   * @return {Array<number>|null} Resolutions.
+   * @override
    */
-  adaptOptions(e) {
-    return Object.assign(
-      {
-        dataProjection: this.dataProjection,
-        featureProjection: this.defaultFeatureProjection,
-        featureClass: this.featureClass
-      },
-      e
-    );
+  getResolutions(e) {
+    const n = e ? this.getTileGridForProjection(e) : this.tileGrid;
+    return n ? n.getResolutions() : null;
   }
   /**
    * @abstract
-   * @return {Type} The format type.
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {TileType|null} Tile.
    */
-  getType() {
+  getTile(e, n, i, r, s) {
     return $e();
   }
   /**
-   * Read a single feature from a source.
-   *
-   * @abstract
-   * @param {Document|Element|Object|string} source Source.
-   * @param {ReadOptions} [options] Read options.
-   * @return {FeatureType|Array<FeatureType>} Feature.
+   * Return the tile grid of the tile source.
+   * @return {import("../tilegrid/TileGrid.js").default|null} Tile grid.
+   * @api
    */
-  readFeature(e, n) {
-    return $e();
+  getTileGrid() {
+    return this.tileGrid;
   }
   /**
-   * Read all features from a source.
-   *
-   * @abstract
-   * @param {Document|Element|ArrayBuffer|Object|string} source Source.
-   * @param {ReadOptions} [options] Read options.
-   * @return {Array<FeatureType>} Features.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {!import("../tilegrid/TileGrid.js").default} Tile grid.
    */
-  readFeatures(e, n) {
-    return $e();
+  getTileGridForProjection(e) {
+    return this.tileGrid ? this.tileGrid : Iw(e);
   }
   /**
-   * Read a single geometry from a source.
-   *
-   * @abstract
-   * @param {Document|Element|Object|string} source Source.
-   * @param {ReadOptions} [options] Read options.
-   * @return {import("../geom/Geometry.js").default} Geometry.
+   * Get the tile pixel ratio for this source. Subclasses may override this
+   * method, which is meant to return a supported pixel ratio that matches the
+   * provided `pixelRatio` as close as possible.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Tile pixel ratio.
    */
-  readGeometry(e, n) {
-    return $e();
+  getTilePixelRatio(e) {
+    return this.tilePixelRatio_;
   }
   /**
-   * Read the projection from a source.
-   *
-   * @abstract
-   * @param {Document|Element|Object|string} source Source.
-   * @return {import("../proj/Projection.js").default|undefined} Projection.
+   * @param {number} z Z.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {import("../size.js").Size} Tile size.
    */
-  readProjection(e) {
-    return $e();
+  getTilePixelSize(e, n, i) {
+    const r = this.getTileGridForProjection(i), s = this.getTilePixelRatio(n), o = $n(r.getTileSize(e), this.tmpSize);
+    return s == 1 ? o : K3(o, s, this.tmpSize);
   }
   /**
-   * Encode a feature in this format.
-   *
-   * @abstract
-   * @param {Feature} feature Feature.
-   * @param {WriteOptions} [options] Write options.
-   * @return {string|ArrayBuffer} Result.
+   * Returns a tile coordinate wrapped around the x-axis. When the tile coordinate
+   * is outside the resolution and extent range of the tile grid, `null` will be
+   * returned.
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {import("../proj/Projection.js").default} [projection] Projection.
+   * @return {import("../tilecoord.js").TileCoord} Tile coordinate to be passed to the tileUrlFunction or
+   *     null if no tile URL should be created for the passed `tileCoord`.
    */
-  writeFeature(e, n) {
-    return $e();
+  getTileCoordForTileUrlFunction(e, n) {
+    const i = n !== void 0 ? n : this.getProjection(), r = n !== void 0 ? this.getTileGridForProjection(i) : this.tileGrid || this.getTileGridForProjection(i);
+    return this.getWrapX() && i.isGlobal() && (e = H8(r, e, i)), bB(e, r) ? e : null;
   }
   /**
-   * Encode an array of features in this format.
-   *
-   * @abstract
-   * @param {Array<Feature>} features Features.
-   * @param {WriteOptions} [options] Write options.
-   * @return {string|ArrayBuffer} Result.
+   * Remove all cached reprojected tiles from the source. The next render cycle will create new tiles.
+   * @api
    */
-  writeFeatures(e, n) {
-    return $e();
+  clear() {
   }
   /**
-   * Write a single geometry in this format.
-   *
-   * @abstract
-   * @param {import("../geom/Geometry.js").default} geometry Geometry.
-   * @param {WriteOptions} [options] Write options.
-   * @return {string|ArrayBuffer} Result.
+   * @override
    */
-  writeGeometry(e, n) {
-    return $e();
+  refresh() {
+    this.clear(), super.refresh();
   }
 }
-function Bp(t, e, n) {
-  const i = n ? Vt(n.featureProjection) : null, r = n ? Vt(n.dataProjection) : null;
-  let s = t;
-  if (i && r && !Ou(i, r)) {
-    e && (s = /** @type {T} */
-    t.clone());
-    const o = e ? i : r, a = e ? r : i;
-    o.getUnits() === "tile-pixels" ? s.transform(o, a) : s.applyTransform(tl(o, a));
-  }
-  if (e && n && /** @type {WriteOptions} */
-  n.decimals !== void 0) {
-    const o = Math.pow(
-      10,
-      /** @type {WriteOptions} */
-      n.decimals
-    ), a = function(l) {
-      for (let u = 0, c = l.length; u < c; ++u)
-        l[u] = Math.round(l[u] * o) / o;
-      return l;
-    };
-    s === t && (s = /** @type {T} */
-    t.clone()), s.applyTransform(a);
+class J8 extends Ui {
+  /**
+   * @param {string} type Type.
+   * @param {import("../Tile.js").default} tile The tile.
+   */
+  constructor(e, n) {
+    super(e), this.tile = n;
   }
-  return s;
 }
-const j8 = {
-  Point: kr,
-  LineString: er,
-  Polygon: or,
-  MultiPoint: Dl,
-  MultiLineString: na,
-  MultiPolygon: ia
-};
-function H8(t, e, n) {
-  return Array.isArray(e[0]) ? (O1(t, 0, e, n) || (t = t.slice(), gf(t, 0, e, n)), t) : (sp(t, 0, e, n) || (t = t.slice(), rc(t, 0, e, n)), t);
+const Q8 = /\{z\}/g, e6 = /\{x\}/g, t6 = /\{y\}/g, n6 = /\{-y\}/g;
+function i6(t, e, n, i, r) {
+  return t.replace(Q8, e.toString()).replace(e6, n.toString()).replace(t6, i.toString()).replace(n6, function() {
+    if (r === void 0)
+      throw new Error(
+        "If the URL template has a {-y} placeholder, the grid extent must be known"
+      );
+    return (r - i).toString();
+  });
 }
-function kw(t, e) {
-  var s;
-  const n = t.geometry;
-  if (!n)
-    return [];
-  if (Array.isArray(n))
-    return n.map((o) => kw({ ...t, geometry: o })).flat();
-  const i = n.type === "MultiPolygon" ? "Polygon" : n.type;
-  if (i === "GeometryCollection" || i === "Circle")
-    throw new Error("Unsupported geometry type: " + i);
-  const r = n.layout.length;
-  return Bp(
-    new ri(
-      i,
-      i === "Polygon" ? H8(n.flatCoordinates, n.ends, r) : n.flatCoordinates,
-      (s = n.ends) == null ? void 0 : s.flat(),
-      r,
-      t.properties || {},
-      t.id
-    ).enableSimplifyTransformed(),
-    !1,
-    e
+function r6(t) {
+  const e = [];
+  let n = /\{([a-z])-([a-z])\}/.exec(t);
+  if (n) {
+    const i = n[1].charCodeAt(0), r = n[2].charCodeAt(0);
+    let s;
+    for (s = i; s <= r; ++s)
+      e.push(t.replace(n[0], String.fromCharCode(s)));
+    return e;
+  }
+  if (n = /\{(\d+)-(\d+)\}/.exec(t), n) {
+    const i = parseInt(n[2], 10);
+    for (let r = parseInt(n[1], 10); r <= i; r++)
+      e.push(t.replace(n[0], r.toString()));
+    return e;
+  }
+  return e.push(t), e;
+}
+function s6(t, e) {
+  return (
+    /**
+     * @param {import("./tilecoord.js").TileCoord} tileCoord Tile Coordinate.
+     * @param {number} pixelRatio Pixel ratio.
+     * @param {import("./proj/Projection.js").default} projection Projection.
+     * @return {string|undefined} Tile URL.
+     */
+    function(n, i, r) {
+      if (!n)
+        return;
+      let s;
+      const o = n[0];
+      if (e) {
+        const a = e.getFullTileRange(o);
+        a && (s = a.getHeight() - 1);
+      }
+      return i6(t, o, n[1], n[2], s);
+    }
   );
 }
-function Gp(t, e) {
-  if (!t)
-    return null;
-  if (Array.isArray(t)) {
-    const i = t.map(
-      (r) => Gp(r, e)
-    );
-    return new nl(i);
-  }
-  const n = j8[t.type];
-  return Bp(
-    new n(t.flatCoordinates, t.layout, t.ends),
-    !1,
-    e
+function o6(t, e) {
+  const n = t.length, i = new Array(n);
+  for (let r = 0; r < n; ++r)
+    i[r] = s6(t[r], e);
+  return a6(i);
+}
+function a6(t) {
+  return t.length === 1 ? t[0] : (
+    /**
+     * @param {import("./tilecoord.js").TileCoord} tileCoord Tile Coordinate.
+     * @param {number} pixelRatio Pixel ratio.
+     * @param {import("./proj/Projection.js").default} projection Projection.
+     * @return {string|undefined} Tile URL.
+     */
+    function(e, n, i) {
+      if (!e)
+        return;
+      const r = _B(e), s = Bs(r, t.length);
+      return t[s](e, n, i);
+    }
   );
 }
-class X8 extends V8 {
-  constructor() {
-    super();
-  }
+class Wp extends q8 {
   /**
-   * @return {import("./Feature.js").Type} Format.
-   * @override
+   * @param {Options} options Image tile options.
    */
-  getType() {
-    return "json";
-  }
-  /**
-   * Read a feature.  Only works for a single feature. Use `readFeatures` to
-   * read a feature collection.
-   *
-   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @return {FeatureType|Array<FeatureType>} Feature.
+  constructor(e) {
+    super({
+      attributions: e.attributions,
+      cacheSize: e.cacheSize,
+      projection: e.projection,
+      state: e.state,
+      tileGrid: e.tileGrid,
+      tilePixelRatio: e.tilePixelRatio,
+      wrapX: e.wrapX,
+      transition: e.transition,
+      interpolate: e.interpolate,
+      key: e.key,
+      attributionsCollapsible: e.attributionsCollapsible,
+      zDirection: e.zDirection
+    }), this.generateTileUrlFunction_ = this.tileUrlFunction === Wp.prototype.tileUrlFunction, this.tileLoadFunction = e.tileLoadFunction, e.tileUrlFunction && (this.tileUrlFunction = e.tileUrlFunction), this.urls = null, e.urls ? this.setUrls(e.urls) : e.url && this.setUrl(e.url), this.tileLoadingKeys_ = {};
+  }
+  /**
+   * Deprecated.  Use an ImageTile source instead.
+   * Return the tile load function of the source.
+   * @return {import("../Tile.js").LoadFunction} TileLoadFunction
    * @api
-   * @override
    */
-  readFeature(e, n) {
-    return this.readFeatureFromObject(
-      Eu(e),
-      this.getReadOptions(e, n)
-    );
+  getTileLoadFunction() {
+    return this.tileLoadFunction;
   }
   /**
-   * Read all features.  Works with both a single feature and a feature
-   * collection.
-   *
-   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @return {Array<FeatureType>} Features.
+   * Deprecated.  Use an ImageTile source instead.
+   * Return the tile URL function of the source.
+   * @return {import("../Tile.js").UrlFunction} TileUrlFunction
    * @api
-   * @override
    */
-  readFeatures(e, n) {
-    return this.readFeaturesFromObject(
-      Eu(e),
-      this.getReadOptions(e, n)
-    );
+  getTileUrlFunction() {
+    return Object.getPrototypeOf(this).tileUrlFunction === this.tileUrlFunction ? this.tileUrlFunction.bind(this) : this.tileUrlFunction;
   }
   /**
-   * @abstract
-   * @param {Object} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @protected
-   * @return {FeatureType|Array<FeatureType>} Feature.
+   * Deprecated.  Use an ImageTile source instead.
+   * Return the URLs used for this source.
+   * When a tileUrlFunction is used instead of url or urls,
+   * null will be returned.
+   * @return {!Array<string>|null} URLs.
+   * @api
    */
-  readFeatureFromObject(e, n) {
-    return $e();
+  getUrls() {
+    return this.urls;
   }
   /**
-   * @abstract
-   * @param {Object} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * Handle tile change events.
+   * @param {import("../events/Event.js").default} event Event.
    * @protected
-   * @return {Array<FeatureType>} Features.
    */
-  readFeaturesFromObject(e, n) {
-    return $e();
+  handleTileChange(e) {
+    const n = (
+      /** @type {import("../Tile.js").default} */
+      e.target
+    ), i = Xe(n), r = n.getState();
+    let s;
+    r == be.LOADING ? (this.tileLoadingKeys_[i] = !0, s = hh.TILELOADSTART) : i in this.tileLoadingKeys_ && (delete this.tileLoadingKeys_[i], s = r == be.ERROR ? hh.TILELOADERROR : r == be.LOADED ? hh.TILELOADEND : void 0), s != null && this.dispatchEvent(new J8(s, n));
   }
   /**
-   * Read a geometry.
-   *
-   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @return {import("../geom/Geometry.js").default} Geometry.
+   * Deprecated.  Use an ImageTile source instead.
+   * Set the tile load function of the source.
+   * @param {import("../Tile.js").LoadFunction} tileLoadFunction Tile load function.
    * @api
-   * @override
    */
-  readGeometry(e, n) {
-    return this.readGeometryFromObject(
-      Eu(e),
-      this.getReadOptions(e, n)
-    );
+  setTileLoadFunction(e) {
+    this.tileLoadFunction = e, this.changed();
   }
   /**
-   * @abstract
-   * @param {Object} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @protected
-   * @return {import("../geom/Geometry.js").default} Geometry.
+   * Deprecated.  Use an ImageTile source instead.
+   * Set the tile URL function of the source.
+   * @param {import("../Tile.js").UrlFunction} tileUrlFunction Tile URL function.
+   * @param {string} [key] Optional new tile key for the source.
+   * @api
    */
-  readGeometryFromObject(e, n) {
-    return $e();
+  setTileUrlFunction(e, n) {
+    this.tileUrlFunction = e, typeof n < "u" ? this.setKey(n) : this.changed();
   }
   /**
-   * Read the projection.
-   *
-   * @param {ArrayBuffer|Document|Element|Object|string} source Source.
-   * @return {import("../proj/Projection.js").default} Projection.
+   * Set the URL to use for requests.
+   * @param {string} url URL.
    * @api
-   * @override
    */
-  readProjection(e) {
-    return this.readProjectionFromObject(Eu(e));
+  setUrl(e) {
+    const n = r6(e);
+    this.urls = n, this.setUrls(n);
   }
   /**
-   * @abstract
-   * @param {Object} object Object.
-   * @protected
-   * @return {import("../proj/Projection.js").default} Projection.
+   * Deprecated.  Use an ImageTile source instead.
+   * Set the URLs to use for requests.
+   * @param {Array<string>} urls URLs.
+   * @api
    */
-  readProjectionFromObject(e) {
-    return $e();
+  setUrls(e) {
+    this.urls = e;
+    const n = e.join(`
+`);
+    this.generateTileUrlFunction_ ? this.setTileUrlFunction(o6(e, this.tileGrid), n) : this.setKey(n);
   }
   /**
-   * Encode a feature as string.
-   *
-   * @param {import("../Feature.js").default} feature Feature.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {string} Encoded feature.
-   * @api
-   * @override
+   * @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {string|undefined} Tile URL.
    */
-  writeFeature(e, n) {
-    return JSON.stringify(this.writeFeatureObject(e, n));
+  tileUrlFunction(e, n, i) {
   }
+}
+class l6 extends Wp {
   /**
-   * @abstract
-   * @param {import("../Feature.js").default} feature Feature.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {Object} Object.
+   * @param {!Options} options Image tile options.
    */
-  writeFeatureObject(e, n) {
-    return $e();
+  constructor(e) {
+    super({
+      attributions: e.attributions,
+      cacheSize: e.cacheSize,
+      projection: e.projection,
+      state: e.state,
+      tileGrid: e.tileGrid,
+      tileLoadFunction: e.tileLoadFunction ? e.tileLoadFunction : u6,
+      tilePixelRatio: e.tilePixelRatio,
+      tileUrlFunction: e.tileUrlFunction,
+      url: e.url,
+      urls: e.urls,
+      wrapX: e.wrapX,
+      transition: e.transition,
+      interpolate: e.interpolate !== void 0 ? e.interpolate : !0,
+      key: e.key,
+      attributionsCollapsible: e.attributionsCollapsible,
+      zDirection: e.zDirection
+    }), this.crossOrigin = e.crossOrigin !== void 0 ? e.crossOrigin : null, this.tileClass = e.tileClass !== void 0 ? e.tileClass : mw, this.tileGridForProjection = {}, this.reprojectionErrorThreshold_ = e.reprojectionErrorThreshold, this.renderReprojectionEdges_ = !1;
   }
   /**
-   * Encode an array of features as string.
-   *
-   * @param {Array<import("../Feature.js").default>} features Features.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {string} Encoded features.
-   * @api
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {number} Gutter.
    * @override
    */
-  writeFeatures(e, n) {
-    return JSON.stringify(this.writeFeaturesObject(e, n));
+  getGutterForProjection(e) {
+    return this.getProjection() && e && !Ou(this.getProjection(), e) ? 0 : this.getGutter();
   }
   /**
-   * @abstract
-   * @param {Array<import("../Feature.js").default>} features Features.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {Object} Object.
+   * @return {number} Gutter.
    */
-  writeFeaturesObject(e, n) {
-    return $e();
+  getGutter() {
+    return 0;
   }
   /**
-   * Encode a geometry as string.
-   *
-   * @param {import("../geom/Geometry.js").default} geometry Geometry.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {string} Encoded geometry.
-   * @api
+   * Return the key to be used for all tiles in the source.
+   * @return {string} The key for all tiles.
    * @override
    */
-  writeGeometry(e, n) {
-    return JSON.stringify(this.writeGeometryObject(e, n));
+  getKey() {
+    let e = super.getKey();
+    return this.getInterpolate() || (e += ":disable-interpolation"), e;
   }
   /**
-   * @abstract
-   * @param {import("../geom/Geometry.js").default} geometry Geometry.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {Object} Object.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {!import("../tilegrid/TileGrid.js").default} Tile grid.
+   * @override
    */
-  writeGeometryObject(e, n) {
-    return $e();
-  }
-}
-function Eu(t) {
-  if (typeof t == "string") {
-    const e = JSON.parse(t);
-    return e || null;
+  getTileGridForProjection(e) {
+    const n = this.getProjection();
+    if (this.tileGrid && (!n || Ou(n, e)))
+      return this.tileGrid;
+    const i = Xe(e);
+    return i in this.tileGridForProjection || (this.tileGridForProjection[i] = Iw(e)), this.tileGridForProjection[i];
   }
-  return t !== null ? t : null;
-}
-class G6 extends X8 {
   /**
-   * @param {Options<FeatureType>} [options] Options.
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @param {string} key The key set on the tile.
+   * @return {!ImageTile} Tile.
+   * @private
    */
-  constructor(e) {
-    e = e || {}, super(), this.dataProjection = Vt(
-      e.dataProjection ? e.dataProjection : "EPSG:4326"
-    ), e.featureProjection && (this.defaultFeatureProjection = Vt(e.featureProjection)), e.featureClass && (this.featureClass = e.featureClass), this.geometryName_ = e.geometryName, this.extractGeometryName_ = e.extractGeometryName, this.supportedMediaTypes = [
-      "application/geo+json",
-      "application/vnd.geo+json"
-    ];
+  createTile_(e, n, i, r, s, o) {
+    const a = [e, n, i], l = this.getTileCoordForTileUrlFunction(
+      a,
+      s
+    ), u = l ? this.tileUrlFunction(l, r, s) : void 0, c = new this.tileClass(
+      a,
+      u !== void 0 ? be.IDLE : be.EMPTY,
+      u !== void 0 ? u : "",
+      this.crossOrigin,
+      this.tileLoadFunction,
+      this.tileOptions
+    );
+    return c.key = o, c.addEventListener(ze.CHANGE, this.handleTileChange.bind(this)), c;
   }
   /**
-   * @param {Object} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @protected
-   * @return {FeatureType|Array<FeatureType>} Feature.
-   * @override
-   */
-  readFeatureFromObject(e, n) {
-    let i = null;
-    e.type === "Feature" ? i = /** @type {GeoJSONFeature} */
-    e : i = {
-      type: "Feature",
-      geometry: (
-        /** @type {GeoJSONGeometry} */
-        e
-      ),
-      properties: null
-    };
-    const r = Wp(i.geometry);
-    if (this.featureClass === ri)
-      return (
-        /** @type {FeatureType|Array<FeatureType>} */
-        kw(
-          {
-            geometry: r,
-            id: i.id,
-            properties: i.properties
-          },
-          n
-        )
-      );
-    const s = new Ki();
-    return this.geometryName_ ? s.setGeometryName(this.geometryName_) : this.extractGeometryName_ && i.geometry_name && s.setGeometryName(i.geometry_name), s.setGeometry(Gp(r, n)), "id" in i && s.setId(i.id), i.properties && s.setProperties(i.properties, !0), /** @type {FeatureType|Array<FeatureType>} */
-    s;
-  }
-  /**
-   * @param {Object} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
-   * @protected
-   * @return {Array<FeatureType>} Features.
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("../proj/Projection.js").default} projection Projection.
+   * @return {!(ImageTile|ReprojTile)} Tile.
    * @override
    */
-  readFeaturesFromObject(e, n) {
-    const i = (
-      /** @type {GeoJSONObject} */
-      e
-    );
-    let r = null;
-    if (i.type === "FeatureCollection") {
-      const s = (
-        /** @type {GeoJSONFeatureCollection} */
-        e
+  getTile(e, n, i, r, s) {
+    const o = this.getProjection();
+    if (!o || !s || Ou(o, s))
+      return this.getTileInternal(
+        e,
+        n,
+        i,
+        r,
+        o || s
       );
-      r = [];
-      const o = s.features;
-      for (let a = 0, l = o.length; a < l; ++a) {
-        const u = this.readFeatureFromObject(
-          o[a],
-          n
-        );
-        u && r.push(u);
-      }
-    } else
-      r = [this.readFeatureFromObject(e, n)];
-    return (
-      /** @type {Array<FeatureType>} */
-      r.flat()
+    const a = [e, n, i], l = this.getKey(), u = this.getTileGridForProjection(o), c = this.getTileGridForProjection(s), d = this.getTileCoordForTileUrlFunction(
+      a,
+      s
+    ), h = new Cf(
+      o,
+      u,
+      s,
+      c,
+      a,
+      d,
+      this.getTilePixelRatio(r),
+      this.getGutter(),
+      (p, f, m, _) => this.getTileInternal(p, f, m, _, o),
+      this.reprojectionErrorThreshold_,
+      this.renderReprojectionEdges_,
+      this.tileOptions
     );
+    return h.key = l, h;
   }
   /**
-   * @param {GeoJSONGeometry} object Object.
-   * @param {import("./Feature.js").ReadOptions} [options] Read options.
+   * @param {number} z Tile coordinate z.
+   * @param {number} x Tile coordinate x.
+   * @param {number} y Tile coordinate y.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {!import("../proj/Projection.js").default} projection Projection.
+   * @return {!ImageTile} Tile.
    * @protected
-   * @return {import("../geom/Geometry.js").default} Geometry.
-   * @override
    */
-  readGeometryFromObject(e, n) {
-    return K8(e, n);
+  getTileInternal(e, n, i, r, s) {
+    const o = this.getKey();
+    return this.createTile_(e, n, i, r, s, o);
   }
   /**
-   * @param {Object} object Object.
-   * @protected
-   * @return {import("../proj/Projection.js").default} Projection.
-   * @override
+   * Sets whether to render reprojection edges or not (usually for debugging).
+   * @param {boolean} render Render the edges.
+   * @api
    */
-  readProjectionFromObject(e) {
-    const n = e.crs;
-    let i;
-    if (n)
-      if (n.type == "name")
-        i = Vt(n.properties.name);
-      else if (n.type === "EPSG")
-        i = Vt("EPSG:" + n.properties.code);
-      else
-        throw new Error("Unknown SRS type");
-    else
-      i = this.dataProjection;
-    return (
-      /** @type {import("../proj/Projection.js").default} */
-      i
-    );
+  setRenderReprojectionEdges(e) {
+    this.renderReprojectionEdges_ != e && (this.renderReprojectionEdges_ = e, this.changed());
   }
   /**
-   * Encode a feature as a GeoJSON Feature object.
+   * Sets the tile grid to use when reprojecting the tiles to the given
+   * projection instead of the default tile grid for the projection.
    *
-   * @param {import("../Feature.js").default} feature Feature.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {GeoJSONFeature} Object.
+   * This can be useful when the default tile grid cannot be created
+   * (e.g. projection has no extent defined) or
+   * for optimization reasons (custom tile size, resolutions, ...).
+   *
+   * @param {import("../proj.js").ProjectionLike} projection Projection.
+   * @param {import("../tilegrid/TileGrid.js").default} tilegrid Tile grid to use for the projection.
    * @api
-   * @override
    */
-  writeFeatureObject(e, n) {
-    n = this.adaptOptions(n);
-    const i = {
-      type: "Feature",
-      geometry: null,
-      properties: null
-    }, r = e.getId();
-    if (r !== void 0 && (i.id = r), !e.hasProperties())
-      return i;
-    const s = e.getProperties(), o = e.getGeometry();
-    return o && (i.geometry = Tf(o, n), delete s[e.getGeometryName()]), Xs(s) || (i.properties = s), i;
+  setTileGridForProjection(e, n) {
+    const i = Vt(e);
+    if (i) {
+      const r = Xe(i);
+      r in this.tileGridForProjection || (this.tileGridForProjection[r] = n);
+    }
   }
+}
+function u6(t, e) {
+  t.getImage().src = e;
+}
+class G6 extends l6 {
   /**
-   * Encode an array of features as a GeoJSON object.
-   *
-   * @param {Array<import("../Feature.js").default>} features Features.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {GeoJSONFeatureCollection} GeoJSON Object.
-   * @api
-   * @override
+   * @param {Options} [options] XYZ options.
    */
-  writeFeaturesObject(e, n) {
-    n = this.adaptOptions(n);
-    const i = [];
-    for (let r = 0, s = e.length; r < s; ++r)
-      i.push(this.writeFeatureObject(e[r], n));
-    return {
-      type: "FeatureCollection",
-      features: i
-    };
+  constructor(e) {
+    e = e || {};
+    const n = e.projection !== void 0 ? e.projection : "EPSG:3857", i = e.tileGrid !== void 0 ? e.tileGrid : K8({
+      extent: Gp(n),
+      maxResolution: e.maxResolution,
+      maxZoom: e.maxZoom,
+      minZoom: e.minZoom,
+      tileSize: e.tileSize
+    });
+    super({
+      attributions: e.attributions,
+      cacheSize: e.cacheSize,
+      crossOrigin: e.crossOrigin,
+      interpolate: e.interpolate,
+      projection: n,
+      reprojectionErrorThreshold: e.reprojectionErrorThreshold,
+      tileGrid: i,
+      tileLoadFunction: e.tileLoadFunction,
+      tilePixelRatio: e.tilePixelRatio,
+      tileUrlFunction: e.tileUrlFunction,
+      url: e.url,
+      urls: e.urls,
+      wrapX: e.wrapX !== void 0 ? e.wrapX : !0,
+      transition: e.transition,
+      attributionsCollapsible: e.attributionsCollapsible,
+      zDirection: e.zDirection
+    }), this.gutter_ = e.gutter !== void 0 ? e.gutter : 0;
   }
   /**
-   * Encode a geometry as a GeoJSON object.
-   *
-   * @param {import("../geom/Geometry.js").default} geometry Geometry.
-   * @param {import("./Feature.js").WriteOptions} [options] Write options.
-   * @return {GeoJSONGeometry|GeoJSONGeometryCollection} Object.
-   * @api
+   * @return {number} Gutter.
    * @override
    */
-  writeGeometryObject(e, n) {
-    return Tf(e, this.adaptOptions(n));
-  }
-}
-function Wp(t, e) {
-  if (!t)
-    return null;
-  let n;
-  switch (t.type) {
-    case "Point": {
-      n = q8(
-        /** @type {GeoJSONPoint} */
-        t
-      );
-      break;
-    }
-    case "LineString": {
-      n = J8(
-        /** @type {GeoJSONLineString} */
-        t
-      );
-      break;
-    }
-    case "Polygon": {
-      n = n6(
-        /** @type {GeoJSONPolygon} */
-        t
-      );
-      break;
-    }
-    case "MultiPoint": {
-      n = e6(
-        /** @type {GeoJSONMultiPoint} */
-        t
-      );
-      break;
-    }
-    case "MultiLineString": {
-      n = Q8(
-        /** @type {GeoJSONMultiLineString} */
-        t
-      );
-      break;
-    }
-    case "MultiPolygon": {
-      n = t6(
-        /** @type {GeoJSONMultiPolygon} */
-        t
-      );
-      break;
-    }
-    case "GeometryCollection": {
-      n = Z8(
-        /** @type {GeoJSONGeometryCollection} */
-        t
-      );
-      break;
-    }
-    default:
-      throw new Error("Unsupported GeoJSON type: " + t.type);
-  }
-  return n;
-}
-function K8(t, e) {
-  const n = Wp(t);
-  return Gp(n, e);
-}
-function Z8(t, e) {
-  return t.geometries.map(
-    /**
-     * @param {GeoJSONGeometry} geometry Geometry.
-     * @return {import("./Feature.js").GeometryObject} geometry Geometry.
-     */
-    function(i) {
-      return Wp(i);
-    }
-  );
-}
-function q8(t) {
-  const e = t.coordinates;
-  return {
-    type: "Point",
-    flatCoordinates: e,
-    layout: io(e.length)
-  };
-}
-function J8(t) {
-  var i;
-  const e = t.coordinates, n = e.flat();
-  return {
-    type: "LineString",
-    flatCoordinates: n,
-    ends: [n.length],
-    layout: io(((i = e[0]) == null ? void 0 : i.length) || 2)
-  };
-}
-function Q8(t) {
-  var s, o;
-  const e = t.coordinates, n = ((o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o.length) || 2, i = [], r = Ol(i, 0, e, n);
-  return {
-    type: "MultiLineString",
-    flatCoordinates: i,
-    ends: r,
-    layout: io(n)
-  };
-}
-function e6(t) {
-  var n;
-  const e = t.coordinates;
-  return {
-    type: "MultiPoint",
-    flatCoordinates: e.flat(),
-    layout: io(((n = e[0]) == null ? void 0 : n.length) || 2)
-  };
-}
-function t6(t) {
-  var s, o;
-  const e = t.coordinates, n = [], i = ((o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o[0].length) || 2, r = C1(
-    n,
-    0,
-    e,
-    i
-  );
-  return {
-    type: "MultiPolygon",
-    flatCoordinates: n,
-    ends: r,
-    layout: io(i)
-  };
-}
-function n6(t) {
-  var s, o;
-  const e = t.coordinates, n = [], i = (o = (s = e[0]) == null ? void 0 : s[0]) == null ? void 0 : o.length, r = Ol(n, 0, e, i);
-  return {
-    type: "Polygon",
-    flatCoordinates: n,
-    ends: r,
-    layout: io(i)
-  };
-}
-function Tf(t, e) {
-  t = Bp(t, !0, e);
-  const n = t.getType();
-  let i;
-  switch (n) {
-    case "Point": {
-      i = l6(
-        /** @type {import("../geom/Point.js").default} */
-        t
-      );
-      break;
-    }
-    case "LineString": {
-      i = r6(
-        /** @type {import("../geom/LineString.js").default} */
-        t
-      );
-      break;
-    }
-    case "Polygon": {
-      i = u6(
-        /** @type {import("../geom/Polygon.js").default} */
-        t,
-        e
-      );
-      break;
-    }
-    case "MultiPoint": {
-      i = o6(
-        /** @type {import("../geom/MultiPoint.js").default} */
-        t
-      );
-      break;
-    }
-    case "MultiLineString": {
-      i = s6(
-        /** @type {import("../geom/MultiLineString.js").default} */
-        t
-      );
-      break;
-    }
-    case "MultiPolygon": {
-      i = a6(
-        /** @type {import("../geom/MultiPolygon.js").default} */
-        t,
-        e
-      );
-      break;
-    }
-    case "GeometryCollection": {
-      i = i6(
-        /** @type {import("../geom/GeometryCollection.js").default} */
-        t,
-        e
-      );
-      break;
-    }
-    case "Circle": {
-      i = {
-        type: "GeometryCollection",
-        geometries: []
-      };
-      break;
-    }
-    default:
-      throw new Error("Unsupported geometry type: " + n);
+  getGutter() {
+    return this.gutter_;
   }
-  return i;
-}
-function i6(t, e) {
-  return e = Object.assign({}, e), delete e.featureProjection, {
-    type: "GeometryCollection",
-    geometries: t.getGeometriesArray().map(function(i) {
-      return Tf(i, e);
-    })
-  };
-}
-function r6(t, e) {
-  return {
-    type: "LineString",
-    coordinates: t.getCoordinates()
-  };
-}
-function s6(t, e) {
-  return {
-    type: "MultiLineString",
-    coordinates: t.getCoordinates()
-  };
-}
-function o6(t, e) {
-  return {
-    type: "MultiPoint",
-    coordinates: t.getCoordinates()
-  };
-}
-function a6(t, e) {
-  let n;
-  return e && (n = e.rightHanded), {
-    type: "MultiPolygon",
-    coordinates: t.getCoordinates(n)
-  };
-}
-function l6(t, e) {
-  return {
-    type: "Point",
-    coordinates: t.getCoordinates()
-  };
-}
-function u6(t, e) {
-  let n;
-  return e && (n = e.rightHanded), {
-    type: "Polygon",
-    coordinates: t.getCoordinates(n)
-  };
 }
 export {
   F6 as A,
@@ -47336,7 +47336,7 @@ export {
   k6 as D,
   Va as E,
   Ks as F,
-  G6 as G,
+  $6 as G,
   Er as H,
   fd as I,
   R6 as J,
@@ -47350,7 +47350,7 @@ export {
   fp as T,
   k3 as V,
   N6 as W,
-  B6 as X,
+  G6 as X,
   y6 as a,
   b6 as b,
   w6 as c,
@@ -47369,11 +47369,11 @@ export {
   V5 as p,
   Gs as q,
   x6 as r,
-  $6 as s,
-  Ki as t,
+  Ki as s,
+  P6 as t,
   h$ as u,
-  P6 as v,
-  sd as w,
+  sd as v,
+  B6 as w,
   A6 as x,
   I6 as y,
   ms as z