@hybridcore/ui 1.6.12 → 1.6.13

package/dist/Vector-BmuhQO4p.js

@@ -1,3606 +0,0 @@
-import { L as ze, R as qe, l as Ue, B as $e } from "./Vector-DfTqQEln.js";
-import { W as ht, am as Qe, au as ti, av as ei, aw as ii, a5 as G, a0 as vt, _ as Vt, at as ni, ax as si, ay as oi, k as bt, r as me, E as ye, az as ri, a4 as se, aA as li, aB as tt, aC as ai, T as Ce, aD as yt, aE as hi, y as At, aF as ci, aG as di, a3 as Mt, a2 as Ft, aH as fi, a1 as ui, aI as gi, ae as _i, V as Wt, aJ as xi, aK as pi, af as Si } from "./Source-BSZST_GH.js";
-import { g as Te, d as gt, h as ot, i as V, j as Bt, k as Gt, l as et, m as it, n as Yt, o as Xt, p as Nt, q as lt, r as Tt, u as Ht, v as Fe, w as mi, x as yi, y as Ci, z as Ie, I as Ti, b as Ct, A as Ii } from "./Text-ChJRuaD8.js";
-import { k as Rt, x as Ri, d as K, g as It, y as ie, i as ki, t as wi, m as Re } from "./math-Bvt2Ubuz.js";
-const ke = [];
-let ut = null;
-function Ei() {
-  ut = gt(1, 1, void 0, {
-    willReadFrequently: !0
-  });
-}
-class Li extends ze {
-  /**
-   * @param {LayerType} layer Layer.
-   */
-  constructor(t) {
-    super(t), this.container = null, this.renderedResolution, this.tempTransform = ht(), this.pixelTransform = ht(), this.inversePixelTransform = ht(), this.context = null, this.containerReused = !1, this.pixelContext_ = null, this.frameState = null;
-  }
-  /**
-   * @param {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} image Image.
-   * @param {number} col The column index.
-   * @param {number} row The row index.
-   * @return {Uint8ClampedArray|null} The image data.
-   */
-  getImageData(t, e, i) {
-    ut || Ei(), ut.clearRect(0, 0, 1, 1);
-    let n;
-    try {
-      ut.drawImage(t, e, i, 1, 1, 0, 0, 1, 1), n = ut.getImageData(0, 0, 1, 1).data;
-    } catch {
-      return ut = null, null;
-    }
-    return n;
-  }
-  /**
-   * @param {import('../../Map.js').FrameState} frameState Frame state.
-   * @return {string} Background color.
-   */
-  getBackground(t) {
-    let i = this.getLayer().getBackground();
-    return typeof i == "function" && (i = i(t.viewState.resolution)), i || void 0;
-  }
-  /**
-   * Get a rendering container from an existing target, if compatible.
-   * @param {HTMLElement} target Potential render target.
-   * @param {string} transform CSS Transform.
-   * @param {string} [backgroundColor] Background color.
-   */
-  useContainer(t, e, i) {
-    const n = this.getLayer().getClassName();
-    let s, o;
-    if (t && t.className === n && (!i || t && t.style.backgroundColor && Rt(
-      Te(t.style.backgroundColor),
-      Te(i)
-    ))) {
-      const r = t.firstElementChild;
-      r instanceof HTMLCanvasElement && (o = r.getContext("2d"));
-    }
-    if (o && o.canvas.style.transform === e ? (this.container = t, this.context = o, this.containerReused = !0) : this.containerReused ? (this.container = null, this.context = null, this.containerReused = !1) : this.container && (this.container.style.backgroundColor = null), !this.container) {
-      s = document.createElement("div"), s.className = n;
-      let r = s.style;
-      r.position = "absolute", r.width = "100%", r.height = "100%", o = gt();
-      const l = o.canvas;
-      s.appendChild(l), r = l.style, r.position = "absolute", r.left = "0", r.transformOrigin = "top left", this.container = s, this.context = o;
-    }
-    !this.containerReused && i && !this.container.style.backgroundColor && (this.container.style.backgroundColor = i);
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @param {import("../../extent.js").Extent} extent Clip extent.
-   * @protected
-   */
-  clipUnrotated(t, e, i) {
-    const n = Qe(i), s = ti(i), o = ei(i), r = ii(i);
-    G(e.coordinateToPixelTransform, n), G(e.coordinateToPixelTransform, s), G(e.coordinateToPixelTransform, o), G(e.coordinateToPixelTransform, r);
-    const l = this.inversePixelTransform;
-    G(l, n), G(l, s), G(l, o), G(l, r), t.save(), t.beginPath(), t.moveTo(Math.round(n[0]), Math.round(n[1])), t.lineTo(Math.round(s[0]), Math.round(s[1])), t.lineTo(Math.round(o[0]), Math.round(o[1])), t.lineTo(Math.round(r[0]), Math.round(r[1])), t.clip();
-  }
-  /**
-   * @param {import("../../render/EventType.js").default} type Event type.
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @private
-   */
-  dispatchRenderEvent_(t, e, i) {
-    const n = this.getLayer();
-    if (n.hasListener(t)) {
-      const s = new qe(
-        t,
-        this.inversePixelTransform,
-        i,
-        e
-      );
-      n.dispatchEvent(s);
-    }
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @protected
-   */
-  preRender(t, e) {
-    this.frameState = e, this.dispatchRenderEvent_(vt.PRERENDER, t, e);
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @protected
-   */
-  postRender(t, e) {
-    this.dispatchRenderEvent_(vt.POSTRENDER, t, e);
-  }
-  /**
-   * Creates a transform for rendering to an element that will be rotated after rendering.
-   * @param {import("../../coordinate.js").Coordinate} center Center.
-   * @param {number} resolution Resolution.
-   * @param {number} rotation Rotation.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {number} width Width of the rendered element (in pixels).
-   * @param {number} height Height of the rendered element (in pixels).
-   * @param {number} offsetX Offset on the x-axis in view coordinates.
-   * @protected
-   * @return {!import("../../transform.js").Transform} Transform.
-   */
-  getRenderTransform(t, e, i, n, s, o, r) {
-    const l = s / 2, a = o / 2, h = n / e, d = -h, c = -t[0] + r, f = -t[1];
-    return Vt(
-      this.tempTransform,
-      l,
-      a,
-      h,
-      d,
-      -i,
-      c,
-      f
-    );
-  }
-  /**
-   * Clean up.
-   */
-  disposeInternal() {
-    delete this.frameState, super.disposeInternal();
-  }
-}
-const I = {
-  BEGIN_GEOMETRY: 0,
-  BEGIN_PATH: 1,
-  CIRCLE: 2,
-  CLOSE_PATH: 3,
-  CUSTOM: 4,
-  DRAW_CHARS: 5,
-  DRAW_IMAGE: 6,
-  END_GEOMETRY: 7,
-  FILL: 8,
-  MOVE_TO_LINE_TO: 9,
-  SET_FILL_STYLE: 10,
-  SET_STROKE_STYLE: 11,
-  STROKE: 12
-}, Pt = [I.FILL], rt = [I.STROKE], at = [I.BEGIN_PATH], we = [I.CLOSE_PATH];
-class We {
-  /**
-   * Render a geometry with a custom renderer.
-   *
-   * @param {import("../geom/SimpleGeometry.js").default} geometry Geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   * @param {Function} renderer Renderer.
-   * @param {Function} hitDetectionRenderer Renderer.
-   */
-  drawCustom(t, e, i, n) {
-  }
-  /**
-   * Render a geometry.
-   *
-   * @param {import("../geom/Geometry.js").default} geometry The geometry to render.
-   */
-  drawGeometry(t) {
-  }
-  /**
-   * Set the rendering style.
-   *
-   * @param {import("../style/Style.js").default} style The rendering style.
-   */
-  setStyle(t) {
-  }
-  /**
-   * @param {import("../geom/Circle.js").default} circleGeometry Circle geometry.
-   * @param {import("../Feature.js").default} feature Feature.
-   */
-  drawCircle(t, e) {
-  }
-  /**
-   * @param {import("../Feature.js").default} feature Feature.
-   * @param {import("../style/Style.js").default} style Style.
-   */
-  drawFeature(t, e) {
-  }
-  /**
-   * @param {import("../geom/GeometryCollection.js").default} geometryCollectionGeometry Geometry collection.
-   * @param {import("../Feature.js").default} feature Feature.
-   */
-  drawGeometryCollection(t, e) {
-  }
-  /**
-   * @param {import("../geom/LineString.js").default|import("./Feature.js").default} lineStringGeometry Line string geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawLineString(t, e) {
-  }
-  /**
-   * @param {import("../geom/MultiLineString.js").default|import("./Feature.js").default} multiLineStringGeometry MultiLineString geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiLineString(t, e) {
-  }
-  /**
-   * @param {import("../geom/MultiPoint.js").default|import("./Feature.js").default} multiPointGeometry MultiPoint geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiPoint(t, e) {
-  }
-  /**
-   * @param {import("../geom/MultiPolygon.js").default} multiPolygonGeometry MultiPolygon geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiPolygon(t, e) {
-  }
-  /**
-   * @param {import("../geom/Point.js").default|import("./Feature.js").default} pointGeometry Point geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawPoint(t, e) {
-  }
-  /**
-   * @param {import("../geom/Polygon.js").default|import("./Feature.js").default} polygonGeometry Polygon geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawPolygon(t, e) {
-  }
-  /**
-   * @param {import("../geom/SimpleGeometry.js").default|import("./Feature.js").default} geometry Geometry.
-   * @param {import("../Feature.js").FeatureLike} feature Feature.
-   */
-  drawText(t, e) {
-  }
-  /**
-   * @param {import("../style/Fill.js").default} fillStyle Fill style.
-   * @param {import("../style/Stroke.js").default} strokeStyle Stroke style.
-   */
-  setFillStrokeStyle(t, e) {
-  }
-  /**
-   * @param {import("../style/Image.js").default} imageStyle Image style.
-   * @param {import("../render/canvas.js").DeclutterImageWithText} [declutterImageWithText] Shared data for combined decluttering with a text style.
-   */
-  setImageStyle(t, e) {
-  }
-  /**
-   * @param {import("../style/Text.js").default} textStyle Text style.
-   * @param {import("../render/canvas.js").DeclutterImageWithText} [declutterImageWithText] Shared data for combined decluttering with an image style.
-   */
-  setTextStyle(t, e) {
-  }
-}
-class kt extends We {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Maximum extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    super(), this.tolerance = t, this.maxExtent = e, this.pixelRatio = n, this.maxLineWidth = 0, this.resolution = i, this.beginGeometryInstruction1_ = null, this.beginGeometryInstruction2_ = null, this.bufferedMaxExtent_ = null, this.instructions = [], this.coordinates = [], this.tmpCoordinate_ = [], this.hitDetectionInstructions = [], this.state = /** @type {import("../canvas.js").FillStrokeState} */
-    {};
-  }
-  /**
-   * @protected
-   * @param {Array<number>} dashArray Dash array.
-   * @return {Array<number>} Dash array with pixel ratio applied
-   */
-  applyPixelRatio(t) {
-    const e = this.pixelRatio;
-    return e == 1 ? t : t.map(function(i) {
-      return i * e;
-    });
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} stride Stride.
-   * @protected
-   * @return {number} My end
-   */
-  appendFlatPointCoordinates(t, e) {
-    const i = this.getBufferedMaxExtent(), n = this.tmpCoordinate_, s = this.coordinates;
-    let o = s.length;
-    for (let r = 0, l = t.length; r < l; r += e)
-      n[0] = t[r], n[1] = t[r + 1], ni(i, n) && (s[o++] = n[0], s[o++] = n[1]);
-    return o;
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {number} end End.
-   * @param {number} stride Stride.
-   * @param {boolean} closed Last input coordinate equals first.
-   * @param {boolean} skipFirst Skip first coordinate.
-   * @protected
-   * @return {number} My end.
-   */
-  appendFlatLineCoordinates(t, e, i, n, s, o) {
-    const r = this.coordinates;
-    let l = r.length;
-    const a = this.getBufferedMaxExtent();
-    o && (e += n);
-    let h = t[e], d = t[e + 1];
-    const c = this.tmpCoordinate_;
-    let f = !0, u, _, p;
-    for (u = e + n; u < i; u += n)
-      c[0] = t[u], c[1] = t[u + 1], p = si(a, c), p !== _ ? (f && (r[l++] = h, r[l++] = d, f = !1), r[l++] = c[0], r[l++] = c[1]) : p === oi.INTERSECTING ? (r[l++] = c[0], r[l++] = c[1], f = !1) : f = !0, h = c[0], d = c[1], _ = p;
-    return (s && f || u === e + n) && (r[l++] = h, r[l++] = d), l;
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {Array<number>} ends Ends.
-   * @param {number} stride Stride.
-   * @param {Array<number>} builderEnds Builder ends.
-   * @return {number} Offset.
-   */
-  drawCustomCoordinates_(t, e, i, n, s) {
-    for (let o = 0, r = i.length; o < r; ++o) {
-      const l = i[o], a = this.appendFlatLineCoordinates(
-        t,
-        e,
-        l,
-        n,
-        !1,
-        !1
-      );
-      s.push(a), e = l;
-    }
-    return e;
-  }
-  /**
-   * @param {import("../../geom/SimpleGeometry.js").default} geometry Geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   * @param {Function} renderer Renderer.
-   * @param {Function} hitDetectionRenderer Renderer.
-   */
-  drawCustom(t, e, i, n) {
-    this.beginGeometry(t, e);
-    const s = t.getType(), o = t.getStride(), r = this.coordinates.length;
-    let l, a, h, d, c;
-    switch (s) {
-      case "MultiPolygon":
-        l = /** @type {import("../../geom/MultiPolygon.js").default} */
-        t.getOrientedFlatCoordinates(), d = [];
-        const f = (
-          /** @type {import("../../geom/MultiPolygon.js").default} */
-          t.getEndss()
-        );
-        c = 0;
-        for (let u = 0, _ = f.length; u < _; ++u) {
-          const p = [];
-          c = this.drawCustomCoordinates_(
-            l,
-            c,
-            f[u],
-            o,
-            p
-          ), d.push(p);
-        }
-        this.instructions.push([
-          I.CUSTOM,
-          r,
-          d,
-          t,
-          i,
-          ye
-        ]), this.hitDetectionInstructions.push([
-          I.CUSTOM,
-          r,
-          d,
-          t,
-          n || i,
-          ye
-        ]);
-        break;
-      case "Polygon":
-      case "MultiLineString":
-        h = [], l = s == "Polygon" ? (
-          /** @type {import("../../geom/Polygon.js").default} */
-          t.getOrientedFlatCoordinates()
-        ) : t.getFlatCoordinates(), c = this.drawCustomCoordinates_(
-          l,
-          0,
-          /** @type {import("../../geom/Polygon.js").default|import("../../geom/MultiLineString.js").default} */
-          t.getEnds(),
-          o,
-          h
-        ), this.instructions.push([
-          I.CUSTOM,
-          r,
-          h,
-          t,
-          i,
-          me
-        ]), this.hitDetectionInstructions.push([
-          I.CUSTOM,
-          r,
-          h,
-          t,
-          n || i,
-          me
-        ]);
-        break;
-      case "LineString":
-      case "Circle":
-        l = t.getFlatCoordinates(), a = this.appendFlatLineCoordinates(
-          l,
-          0,
-          l.length,
-          o,
-          !1,
-          !1
-        ), this.instructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          i,
-          bt
-        ]), this.hitDetectionInstructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          n || i,
-          bt
-        ]);
-        break;
-      case "MultiPoint":
-        l = t.getFlatCoordinates(), a = this.appendFlatPointCoordinates(l, o), a > r && (this.instructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          i,
-          bt
-        ]), this.hitDetectionInstructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          n || i,
-          bt
-        ]));
-        break;
-      case "Point":
-        l = t.getFlatCoordinates(), this.coordinates.push(l[0], l[1]), a = this.coordinates.length, this.instructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          i
-        ]), this.hitDetectionInstructions.push([
-          I.CUSTOM,
-          r,
-          a,
-          t,
-          n || i
-        ]);
-        break;
-    }
-    this.endGeometry(e);
-  }
-  /**
-   * @protected
-   * @param {import("../../geom/Geometry").default|import("../Feature.js").default} geometry The geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  beginGeometry(t, e) {
-    this.beginGeometryInstruction1_ = [
-      I.BEGIN_GEOMETRY,
-      e,
-      0,
-      t
-    ], this.instructions.push(this.beginGeometryInstruction1_), this.beginGeometryInstruction2_ = [
-      I.BEGIN_GEOMETRY,
-      e,
-      0,
-      t
-    ], this.hitDetectionInstructions.push(this.beginGeometryInstruction2_);
-  }
-  /**
-   * @return {import("../canvas.js").SerializableInstructions} the serializable instructions.
-   */
-  finish() {
-    return {
-      instructions: this.instructions,
-      hitDetectionInstructions: this.hitDetectionInstructions,
-      coordinates: this.coordinates
-    };
-  }
-  /**
-   * Reverse the hit detection instructions.
-   */
-  reverseHitDetectionInstructions() {
-    const t = this.hitDetectionInstructions;
-    t.reverse();
-    let e;
-    const i = t.length;
-    let n, s, o = -1;
-    for (e = 0; e < i; ++e)
-      n = t[e], s = /** @type {import("./Instruction.js").default} */
-      n[0], s == I.END_GEOMETRY ? o = e : s == I.BEGIN_GEOMETRY && (n[2] = e, Ri(this.hitDetectionInstructions, o, e), o = -1);
-  }
-  /**
-   * @param {import("../../style/Fill.js").default} fillStyle Fill style.
-   * @param {import("../../style/Stroke.js").default} strokeStyle Stroke style.
-   */
-  setFillStrokeStyle(t, e) {
-    const i = this.state;
-    if (t) {
-      const n = t.getColor();
-      i.fillStyle = ot(
-        n || V
-      );
-    } else
-      i.fillStyle = void 0;
-    if (e) {
-      const n = e.getColor();
-      i.strokeStyle = ot(
-        n || Bt
-      );
-      const s = e.getLineCap();
-      i.lineCap = s !== void 0 ? s : Gt;
-      const o = e.getLineDash();
-      i.lineDash = o ? o.slice() : et;
-      const r = e.getLineDashOffset();
-      i.lineDashOffset = r || it;
-      const l = e.getLineJoin();
-      i.lineJoin = l !== void 0 ? l : Yt;
-      const a = e.getWidth();
-      i.lineWidth = a !== void 0 ? a : Xt;
-      const h = e.getMiterLimit();
-      i.miterLimit = h !== void 0 ? h : Nt, i.lineWidth > this.maxLineWidth && (this.maxLineWidth = i.lineWidth, this.bufferedMaxExtent_ = null);
-    } else
-      i.strokeStyle = void 0, i.lineCap = void 0, i.lineDash = null, i.lineDashOffset = void 0, i.lineJoin = void 0, i.lineWidth = void 0, i.miterLimit = void 0;
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   * @return {Array<*>} Fill instruction.
-   */
-  createFill(t) {
-    const e = t.fillStyle, i = [I.SET_FILL_STYLE, e];
-    return typeof e != "string" && i.push(!0), i;
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   */
-  applyStroke(t) {
-    this.instructions.push(this.createStroke(t));
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   * @return {Array<*>} Stroke instruction.
-   */
-  createStroke(t) {
-    return [
-      I.SET_STROKE_STYLE,
-      t.strokeStyle,
-      t.lineWidth * this.pixelRatio,
-      t.lineCap,
-      t.lineJoin,
-      t.miterLimit,
-      this.applyPixelRatio(t.lineDash),
-      t.lineDashOffset * this.pixelRatio
-    ];
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   * @param {function(this:CanvasBuilder, import("../canvas.js").FillStrokeState):Array<*>} createFill Create fill.
-   */
-  updateFillStyle(t, e) {
-    const i = t.fillStyle;
-    (typeof i != "string" || t.currentFillStyle != i) && (i !== void 0 && this.instructions.push(e.call(this, t)), t.currentFillStyle = i);
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   * @param {function(this:CanvasBuilder, import("../canvas.js").FillStrokeState): void} applyStroke Apply stroke.
-   */
-  updateStrokeStyle(t, e) {
-    const i = t.strokeStyle, n = t.lineCap, s = t.lineDash, o = t.lineDashOffset, r = t.lineJoin, l = t.lineWidth, a = t.miterLimit;
-    (t.currentStrokeStyle != i || t.currentLineCap != n || s != t.currentLineDash && !Rt(t.currentLineDash, s) || t.currentLineDashOffset != o || t.currentLineJoin != r || t.currentLineWidth != l || t.currentMiterLimit != a) && (i !== void 0 && e.call(this, t), t.currentStrokeStyle = i, t.currentLineCap = n, t.currentLineDash = s, t.currentLineDashOffset = o, t.currentLineJoin = r, t.currentLineWidth = l, t.currentMiterLimit = a);
-  }
-  /**
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  endGeometry(t) {
-    this.beginGeometryInstruction1_[2] = this.instructions.length, this.beginGeometryInstruction1_ = null, this.beginGeometryInstruction2_[2] = this.hitDetectionInstructions.length, this.beginGeometryInstruction2_ = null;
-    const e = [I.END_GEOMETRY, t];
-    this.instructions.push(e), this.hitDetectionInstructions.push(e);
-  }
-  /**
-   * Get the buffered rendering extent.  Rendering will be clipped to the extent
-   * provided to the constructor.  To account for symbolizers that may intersect
-   * this extent, we calculate a buffered extent (e.g. based on stroke width).
-   * @return {import("../../extent.js").Extent} The buffered rendering extent.
-   * @protected
-   */
-  getBufferedMaxExtent() {
-    if (!this.bufferedMaxExtent_ && (this.bufferedMaxExtent_ = ri(this.maxExtent), this.maxLineWidth > 0)) {
-      const t = this.resolution * (this.maxLineWidth + 1) / 2;
-      se(this.bufferedMaxExtent_, t, this.bufferedMaxExtent_);
-    }
-    return this.bufferedMaxExtent_;
-  }
-}
-class Di extends kt {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Maximum extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    super(t, e, i, n), this.hitDetectionImage_ = null, this.image_ = null, this.imagePixelRatio_ = void 0, this.anchorX_ = void 0, this.anchorY_ = void 0, this.height_ = void 0, this.opacity_ = void 0, this.originX_ = void 0, this.originY_ = void 0, this.rotateWithView_ = void 0, this.rotation_ = void 0, this.scale_ = void 0, this.width_ = void 0, this.declutterMode_ = void 0, this.declutterImageWithText_ = void 0;
-  }
-  /**
-   * @param {import("../../geom/Point.js").default|import("../Feature.js").default} pointGeometry Point geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawPoint(t, e) {
-    if (!this.image_)
-      return;
-    this.beginGeometry(t, e);
-    const i = t.getFlatCoordinates(), n = t.getStride(), s = this.coordinates.length, o = this.appendFlatPointCoordinates(i, n);
-    this.instructions.push([
-      I.DRAW_IMAGE,
-      s,
-      o,
-      this.image_,
-      // Remaining arguments to DRAW_IMAGE are in alphabetical order
-      this.anchorX_ * this.imagePixelRatio_,
-      this.anchorY_ * this.imagePixelRatio_,
-      Math.ceil(this.height_ * this.imagePixelRatio_),
-      this.opacity_,
-      this.originX_ * this.imagePixelRatio_,
-      this.originY_ * this.imagePixelRatio_,
-      this.rotateWithView_,
-      this.rotation_,
-      [
-        this.scale_[0] * this.pixelRatio / this.imagePixelRatio_,
-        this.scale_[1] * this.pixelRatio / this.imagePixelRatio_
-      ],
-      Math.ceil(this.width_ * this.imagePixelRatio_),
-      this.declutterMode_,
-      this.declutterImageWithText_
-    ]), this.hitDetectionInstructions.push([
-      I.DRAW_IMAGE,
-      s,
-      o,
-      this.hitDetectionImage_,
-      // Remaining arguments to DRAW_IMAGE are in alphabetical order
-      this.anchorX_,
-      this.anchorY_,
-      this.height_,
-      1,
-      this.originX_,
-      this.originY_,
-      this.rotateWithView_,
-      this.rotation_,
-      this.scale_,
-      this.width_,
-      this.declutterMode_,
-      this.declutterImageWithText_
-    ]), this.endGeometry(e);
-  }
-  /**
-   * @param {import("../../geom/MultiPoint.js").default|import("../Feature.js").default} multiPointGeometry MultiPoint geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiPoint(t, e) {
-    if (!this.image_)
-      return;
-    this.beginGeometry(t, e);
-    const i = t.getFlatCoordinates(), n = t.getStride(), s = this.coordinates.length, o = this.appendFlatPointCoordinates(i, n);
-    this.instructions.push([
-      I.DRAW_IMAGE,
-      s,
-      o,
-      this.image_,
-      // Remaining arguments to DRAW_IMAGE are in alphabetical order
-      this.anchorX_ * this.imagePixelRatio_,
-      this.anchorY_ * this.imagePixelRatio_,
-      Math.ceil(this.height_ * this.imagePixelRatio_),
-      this.opacity_,
-      this.originX_ * this.imagePixelRatio_,
-      this.originY_ * this.imagePixelRatio_,
-      this.rotateWithView_,
-      this.rotation_,
-      [
-        this.scale_[0] * this.pixelRatio / this.imagePixelRatio_,
-        this.scale_[1] * this.pixelRatio / this.imagePixelRatio_
-      ],
-      Math.ceil(this.width_ * this.imagePixelRatio_),
-      this.declutterMode_,
-      this.declutterImageWithText_
-    ]), this.hitDetectionInstructions.push([
-      I.DRAW_IMAGE,
-      s,
-      o,
-      this.hitDetectionImage_,
-      // Remaining arguments to DRAW_IMAGE are in alphabetical order
-      this.anchorX_,
-      this.anchorY_,
-      this.height_,
-      1,
-      this.originX_,
-      this.originY_,
-      this.rotateWithView_,
-      this.rotation_,
-      this.scale_,
-      this.width_,
-      this.declutterMode_,
-      this.declutterImageWithText_
-    ]), this.endGeometry(e);
-  }
-  /**
-   * @return {import("../canvas.js").SerializableInstructions} the serializable instructions.
-   */
-  finish() {
-    return this.reverseHitDetectionInstructions(), this.anchorX_ = void 0, this.anchorY_ = void 0, this.hitDetectionImage_ = null, this.image_ = null, this.imagePixelRatio_ = void 0, this.height_ = void 0, this.scale_ = void 0, this.opacity_ = void 0, this.originX_ = void 0, this.originY_ = void 0, this.rotateWithView_ = void 0, this.rotation_ = void 0, this.width_ = void 0, super.finish();
-  }
-  /**
-   * @param {import("../../style/Image.js").default} imageStyle Image style.
-   * @param {Object} [sharedData] Shared data.
-   */
-  setImageStyle(t, e) {
-    const i = t.getAnchor(), n = t.getSize(), s = t.getOrigin();
-    this.imagePixelRatio_ = t.getPixelRatio(this.pixelRatio), this.anchorX_ = i[0], this.anchorY_ = i[1], this.hitDetectionImage_ = t.getHitDetectionImage(), this.image_ = t.getImage(this.pixelRatio), this.height_ = n[1], this.opacity_ = t.getOpacity(), this.originX_ = s[0], this.originY_ = s[1], this.rotateWithView_ = t.getRotateWithView(), this.rotation_ = t.getRotation(), this.scale_ = t.getScaleArray(), this.width_ = n[0], this.declutterMode_ = t.getDeclutterMode(), this.declutterImageWithText_ = e;
-  }
-}
-class Oi extends kt {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Maximum extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    super(t, e, i, n);
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {number} end End.
-   * @param {number} stride Stride.
-   * @private
-   * @return {number} end.
-   */
-  drawFlatCoordinates_(t, e, i, n) {
-    const s = this.coordinates.length, o = this.appendFlatLineCoordinates(
-      t,
-      e,
-      i,
-      n,
-      !1,
-      !1
-    ), r = [
-      I.MOVE_TO_LINE_TO,
-      s,
-      o
-    ];
-    return this.instructions.push(r), this.hitDetectionInstructions.push(r), i;
-  }
-  /**
-   * @param {import("../../geom/LineString.js").default|import("../Feature.js").default} lineStringGeometry Line string geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawLineString(t, e) {
-    const i = this.state, n = i.strokeStyle, s = i.lineWidth;
-    if (n === void 0 || s === void 0)
-      return;
-    this.updateStrokeStyle(i, this.applyStroke), this.beginGeometry(t, e), this.hitDetectionInstructions.push(
-      [
-        I.SET_STROKE_STYLE,
-        i.strokeStyle,
-        i.lineWidth,
-        i.lineCap,
-        i.lineJoin,
-        i.miterLimit,
-        et,
-        it
-      ],
-      at
-    );
-    const o = t.getFlatCoordinates(), r = t.getStride();
-    this.drawFlatCoordinates_(
-      o,
-      0,
-      o.length,
-      r
-    ), this.hitDetectionInstructions.push(rt), this.endGeometry(e);
-  }
-  /**
-   * @param {import("../../geom/MultiLineString.js").default|import("../Feature.js").default} multiLineStringGeometry MultiLineString geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiLineString(t, e) {
-    const i = this.state, n = i.strokeStyle, s = i.lineWidth;
-    if (n === void 0 || s === void 0)
-      return;
-    this.updateStrokeStyle(i, this.applyStroke), this.beginGeometry(t, e), this.hitDetectionInstructions.push(
-      [
-        I.SET_STROKE_STYLE,
-        i.strokeStyle,
-        i.lineWidth,
-        i.lineCap,
-        i.lineJoin,
-        i.miterLimit,
-        et,
-        it
-      ],
-      at
-    );
-    const o = t.getEnds(), r = t.getFlatCoordinates(), l = t.getStride();
-    let a = 0;
-    for (let h = 0, d = o.length; h < d; ++h)
-      a = this.drawFlatCoordinates_(
-        r,
-        a,
-        /** @type {number} */
-        o[h],
-        l
-      );
-    this.hitDetectionInstructions.push(rt), this.endGeometry(e);
-  }
-  /**
-   * @return {import("../canvas.js").SerializableInstructions} the serializable instructions.
-   */
-  finish() {
-    const t = this.state;
-    return t.lastStroke != null && t.lastStroke != this.coordinates.length && this.instructions.push(rt), this.reverseHitDetectionInstructions(), this.state = null, super.finish();
-  }
-  /**
-   * @param {import("../canvas.js").FillStrokeState} state State.
-   */
-  applyStroke(t) {
-    t.lastStroke != null && t.lastStroke != this.coordinates.length && (this.instructions.push(rt), t.lastStroke = this.coordinates.length), t.lastStroke = 0, super.applyStroke(t), this.instructions.push(at);
-  }
-}
-class Ee extends kt {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Maximum extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    super(t, e, i, n);
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {Array<number>} ends Ends.
-   * @param {number} stride Stride.
-   * @private
-   * @return {number} End.
-   */
-  drawFlatCoordinatess_(t, e, i, n) {
-    const s = this.state, o = s.fillStyle !== void 0, r = s.strokeStyle !== void 0, l = i.length;
-    this.instructions.push(at), this.hitDetectionInstructions.push(at);
-    for (let a = 0; a < l; ++a) {
-      const h = i[a], d = this.coordinates.length, c = this.appendFlatLineCoordinates(
-        t,
-        e,
-        h,
-        n,
-        !0,
-        !r
-      ), f = [
-        I.MOVE_TO_LINE_TO,
-        d,
-        c
-      ];
-      this.instructions.push(f), this.hitDetectionInstructions.push(f), r && (this.instructions.push(we), this.hitDetectionInstructions.push(we)), e = h;
-    }
-    return o && (this.instructions.push(Pt), this.hitDetectionInstructions.push(Pt)), r && (this.instructions.push(rt), this.hitDetectionInstructions.push(rt)), e;
-  }
-  /**
-   * @param {import("../../geom/Circle.js").default} circleGeometry Circle geometry.
-   * @param {import("../../Feature.js").default} feature Feature.
-   */
-  drawCircle(t, e) {
-    const i = this.state, n = i.fillStyle, s = i.strokeStyle;
-    if (n === void 0 && s === void 0)
-      return;
-    this.setFillStrokeStyles_(), this.beginGeometry(t, e), i.fillStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_FILL_STYLE,
-      V
-    ]), i.strokeStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_STROKE_STYLE,
-      i.strokeStyle,
-      i.lineWidth,
-      i.lineCap,
-      i.lineJoin,
-      i.miterLimit,
-      et,
-      it
-    ]);
-    const o = t.getFlatCoordinates(), r = t.getStride(), l = this.coordinates.length;
-    this.appendFlatLineCoordinates(
-      o,
-      0,
-      o.length,
-      r,
-      !1,
-      !1
-    );
-    const a = [I.CIRCLE, l];
-    this.instructions.push(at, a), this.hitDetectionInstructions.push(at, a), i.fillStyle !== void 0 && (this.instructions.push(Pt), this.hitDetectionInstructions.push(Pt)), i.strokeStyle !== void 0 && (this.instructions.push(rt), this.hitDetectionInstructions.push(rt)), this.endGeometry(e);
-  }
-  /**
-   * @param {import("../../geom/Polygon.js").default|import("../Feature.js").default} polygonGeometry Polygon geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawPolygon(t, e) {
-    const i = this.state, n = i.fillStyle, s = i.strokeStyle;
-    if (n === void 0 && s === void 0)
-      return;
-    this.setFillStrokeStyles_(), this.beginGeometry(t, e), i.fillStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_FILL_STYLE,
-      V
-    ]), i.strokeStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_STROKE_STYLE,
-      i.strokeStyle,
-      i.lineWidth,
-      i.lineCap,
-      i.lineJoin,
-      i.miterLimit,
-      et,
-      it
-    ]);
-    const o = t.getEnds(), r = t.getOrientedFlatCoordinates(), l = t.getStride();
-    this.drawFlatCoordinatess_(
-      r,
-      0,
-      /** @type {Array<number>} */
-      o,
-      l
-    ), this.endGeometry(e);
-  }
-  /**
-   * @param {import("../../geom/MultiPolygon.js").default} multiPolygonGeometry MultiPolygon geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawMultiPolygon(t, e) {
-    const i = this.state, n = i.fillStyle, s = i.strokeStyle;
-    if (n === void 0 && s === void 0)
-      return;
-    this.setFillStrokeStyles_(), this.beginGeometry(t, e), i.fillStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_FILL_STYLE,
-      V
-    ]), i.strokeStyle !== void 0 && this.hitDetectionInstructions.push([
-      I.SET_STROKE_STYLE,
-      i.strokeStyle,
-      i.lineWidth,
-      i.lineCap,
-      i.lineJoin,
-      i.miterLimit,
-      et,
-      it
-    ]);
-    const o = t.getEndss(), r = t.getOrientedFlatCoordinates(), l = t.getStride();
-    let a = 0;
-    for (let h = 0, d = o.length; h < d; ++h)
-      a = this.drawFlatCoordinatess_(
-        r,
-        a,
-        o[h],
-        l
-      );
-    this.endGeometry(e);
-  }
-  /**
-   * @return {import("../canvas.js").SerializableInstructions} the serializable instructions.
-   */
-  finish() {
-    this.reverseHitDetectionInstructions(), this.state = null;
-    const t = this.tolerance;
-    if (t !== 0) {
-      const e = this.coordinates;
-      for (let i = 0, n = e.length; i < n; ++i)
-        e[i] = li(e[i], t);
-    }
-    return super.finish();
-  }
-  /**
-   * @private
-   */
-  setFillStrokeStyles_() {
-    const t = this.state;
-    t.fillStyle !== void 0 && this.updateFillStyle(t, this.createFill), t.strokeStyle !== void 0 && this.updateStrokeStyle(t, this.applyStroke);
-  }
-}
-function bi(g, t, e, i, n) {
-  const s = [];
-  let o = e, r = 0, l = t.slice(e, 2);
-  for (; r < g && o + n < i; ) {
-    const [a, h] = l.slice(-2), d = t[o + n], c = t[o + n + 1], f = Math.sqrt(
-      (d - a) * (d - a) + (c - h) * (c - h)
-    );
-    if (r += f, r >= g) {
-      const u = (g - r + f) / f, _ = K(a, d, u), p = K(h, c, u);
-      l.push(_, p), s.push(l), l = [_, p], r == g && (o += n), r = 0;
-    } else if (r < g)
-      l.push(
-        t[o + n],
-        t[o + n + 1]
-      ), o += n;
-    else {
-      const u = f - r, _ = K(a, d, u / f), p = K(h, c, u / f);
-      l.push(_, p), s.push(l), l = [_, p], r = 0, o += n;
-    }
-  }
-  return r > 0 && s.push(l), s;
-}
-function Mi(g, t, e, i, n) {
-  let s = e, o = e, r = 0, l = 0, a = e, h, d, c, f, u, _, p, x, y, m;
-  for (d = e; d < i; d += n) {
-    const C = t[d], T = t[d + 1];
-    u !== void 0 && (y = C - u, m = T - _, f = Math.sqrt(y * y + m * m), p !== void 0 && (l += c, h = Math.acos((p * y + x * m) / (c * f)), h > g && (l > r && (r = l, s = a, o = d), l = 0, a = d - n)), c = f, p = y, x = m), u = C, _ = T;
-  }
-  return l += f, l > r ? [a, d] : [s, o];
-}
-const Jt = {
-  left: 0,
-  center: 0.5,
-  right: 1,
-  top: 0,
-  middle: 0.5,
-  hanging: 0.2,
-  alphabetic: 0.8,
-  ideographic: 0.8,
-  bottom: 1
-};
-class Fi extends kt {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Maximum extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    super(t, e, i, n), this.labels_ = null, this.text_ = "", this.textOffsetX_ = 0, this.textOffsetY_ = 0, this.textRotateWithView_ = void 0, this.textRotation_ = 0, this.textFillState_ = null, this.fillStates = {}, this.fillStates[V] = { fillStyle: V }, this.textStrokeState_ = null, this.strokeStates = {}, this.textState_ = /** @type {import("../canvas.js").TextState} */
-    {}, this.textStates = {}, this.textKey_ = "", this.fillKey_ = "", this.strokeKey_ = "", this.declutterImageWithText_ = void 0;
-  }
-  /**
-   * @return {import("../canvas.js").SerializableInstructions} the serializable instructions.
-   */
-  finish() {
-    const t = super.finish();
-    return t.textStates = this.textStates, t.fillStates = this.fillStates, t.strokeStates = this.strokeStates, t;
-  }
-  /**
-   * @param {import("../../geom/SimpleGeometry.js").default|import("../Feature.js").default} geometry Geometry.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   */
-  drawText(t, e) {
-    const i = this.textFillState_, n = this.textStrokeState_, s = this.textState_;
-    if (this.text_ === "" || !s || !i && !n)
-      return;
-    const o = this.coordinates;
-    let r = o.length;
-    const l = t.getType();
-    let a = null, h = t.getStride();
-    if (s.placement === "line" && (l == "LineString" || l == "MultiLineString" || l == "Polygon" || l == "MultiPolygon")) {
-      if (!tt(this.getBufferedMaxExtent(), t.getExtent()))
-        return;
-      let d;
-      if (a = t.getFlatCoordinates(), l == "LineString")
-        d = [a.length];
-      else if (l == "MultiLineString")
-        d = /** @type {import("../../geom/MultiLineString.js").default} */
-        t.getEnds();
-      else if (l == "Polygon")
-        d = /** @type {import("../../geom/Polygon.js").default} */
-        t.getEnds().slice(0, 1);
-      else if (l == "MultiPolygon") {
-        const _ = (
-          /** @type {import("../../geom/MultiPolygon.js").default} */
-          t.getEndss()
-        );
-        d = [];
-        for (let p = 0, x = _.length; p < x; ++p)
-          d.push(_[p][0]);
-      }
-      this.beginGeometry(t, e);
-      const c = s.repeat, f = c ? void 0 : s.textAlign;
-      let u = 0;
-      for (let _ = 0, p = d.length; _ < p; ++_) {
-        let x;
-        c ? x = bi(
-          c * this.resolution,
-          a,
-          u,
-          d[_],
-          h
-        ) : x = [a.slice(u, d[_])];
-        for (let y = 0, m = x.length; y < m; ++y) {
-          const C = x[y];
-          let T = 0, L = C.length;
-          if (f == null) {
-            const k = Mi(
-              s.maxAngle,
-              C,
-              0,
-              C.length,
-              2
-            );
-            T = k[0], L = k[1];
-          }
-          for (let k = T; k < L; k += h)
-            o.push(C[k], C[k + 1]);
-          const O = o.length;
-          u = d[_], this.drawChars_(r, O), r = O;
-        }
-      }
-      this.endGeometry(e);
-    } else {
-      let d = s.overflow ? null : [];
-      switch (l) {
-        case "Point":
-        case "MultiPoint":
-          a = /** @type {import("../../geom/MultiPoint.js").default} */
-          t.getFlatCoordinates();
-          break;
-        case "LineString":
-          a = /** @type {import("../../geom/LineString.js").default} */
-          t.getFlatMidpoint();
-          break;
-        case "Circle":
-          a = /** @type {import("../../geom/Circle.js").default} */
-          t.getCenter();
-          break;
-        case "MultiLineString":
-          a = /** @type {import("../../geom/MultiLineString.js").default} */
-          t.getFlatMidpoints(), h = 2;
-          break;
-        case "Polygon":
-          a = /** @type {import("../../geom/Polygon.js").default} */
-          t.getFlatInteriorPoint(), s.overflow || d.push(a[2] / this.resolution), h = 3;
-          break;
-        case "MultiPolygon":
-          const x = (
-            /** @type {import("../../geom/MultiPolygon.js").default} */
-            t.getFlatInteriorPoints()
-          );
-          a = [];
-          for (let y = 0, m = x.length; y < m; y += 3)
-            s.overflow || d.push(x[y + 2] / this.resolution), a.push(x[y], x[y + 1]);
-          if (a.length === 0)
-            return;
-          h = 2;
-          break;
-      }
-      const c = this.appendFlatPointCoordinates(a, h);
-      if (c === r)
-        return;
-      if (d && (c - r) / 2 !== a.length / h) {
-        let x = r / 2;
-        d = d.filter((y, m) => {
-          const C = o[(x + m) * 2] === a[m * h] && o[(x + m) * 2 + 1] === a[m * h + 1];
-          return C || --x, C;
-        });
-      }
-      this.saveTextStates_(), (s.backgroundFill || s.backgroundStroke) && (this.setFillStrokeStyle(
-        s.backgroundFill,
-        s.backgroundStroke
-      ), s.backgroundFill && this.updateFillStyle(this.state, this.createFill), s.backgroundStroke && (this.updateStrokeStyle(this.state, this.applyStroke), this.hitDetectionInstructions.push(this.createStroke(this.state)))), this.beginGeometry(t, e);
-      let f = s.padding;
-      if (f != lt && (s.scale[0] < 0 || s.scale[1] < 0)) {
-        let x = s.padding[0], y = s.padding[1], m = s.padding[2], C = s.padding[3];
-        s.scale[0] < 0 && (y = -y, C = -C), s.scale[1] < 0 && (x = -x, m = -m), f = [x, y, m, C];
-      }
-      const u = this.pixelRatio;
-      this.instructions.push([
-        I.DRAW_IMAGE,
-        r,
-        c,
-        null,
-        NaN,
-        NaN,
-        NaN,
-        1,
-        0,
-        0,
-        this.textRotateWithView_,
-        this.textRotation_,
-        [1, 1],
-        NaN,
-        void 0,
-        this.declutterImageWithText_,
-        f == lt ? lt : f.map(function(x) {
-          return x * u;
-        }),
-        !!s.backgroundFill,
-        !!s.backgroundStroke,
-        this.text_,
-        this.textKey_,
-        this.strokeKey_,
-        this.fillKey_,
-        this.textOffsetX_,
-        this.textOffsetY_,
-        d
-      ]);
-      const _ = 1 / u, p = this.state.fillStyle;
-      s.backgroundFill && (this.state.fillStyle = V, this.hitDetectionInstructions.push(this.createFill(this.state))), this.hitDetectionInstructions.push([
-        I.DRAW_IMAGE,
-        r,
-        c,
-        null,
-        NaN,
-        NaN,
-        NaN,
-        1,
-        0,
-        0,
-        this.textRotateWithView_,
-        this.textRotation_,
-        [_, _],
-        NaN,
-        void 0,
-        this.declutterImageWithText_,
-        f,
-        !!s.backgroundFill,
-        !!s.backgroundStroke,
-        this.text_,
-        this.textKey_,
-        this.strokeKey_,
-        this.fillKey_ ? V : this.fillKey_,
-        this.textOffsetX_,
-        this.textOffsetY_,
-        d
-      ]), s.backgroundFill && (this.state.fillStyle = p, this.hitDetectionInstructions.push(this.createFill(this.state))), this.endGeometry(e);
-    }
-  }
-  /**
-   * @private
-   */
-  saveTextStates_() {
-    const t = this.textStrokeState_, e = this.textState_, i = this.textFillState_, n = this.strokeKey_;
-    t && (n in this.strokeStates || (this.strokeStates[n] = {
-      strokeStyle: t.strokeStyle,
-      lineCap: t.lineCap,
-      lineDashOffset: t.lineDashOffset,
-      lineWidth: t.lineWidth,
-      lineJoin: t.lineJoin,
-      miterLimit: t.miterLimit,
-      lineDash: t.lineDash
-    }));
-    const s = this.textKey_;
-    s in this.textStates || (this.textStates[s] = {
-      font: e.font,
-      textAlign: e.textAlign || Tt,
-      justify: e.justify,
-      textBaseline: e.textBaseline || Ht,
-      scale: e.scale
-    });
-    const o = this.fillKey_;
-    i && (o in this.fillStates || (this.fillStates[o] = {
-      fillStyle: i.fillStyle
-    }));
-  }
-  /**
-   * @private
-   * @param {number} begin Begin.
-   * @param {number} end End.
-   */
-  drawChars_(t, e) {
-    const i = this.textStrokeState_, n = this.textState_, s = this.strokeKey_, o = this.textKey_, r = this.fillKey_;
-    this.saveTextStates_();
-    const l = this.pixelRatio, a = Jt[n.textBaseline], h = this.textOffsetY_ * l, d = this.text_, c = i ? i.lineWidth * Math.abs(n.scale[0]) / 2 : 0;
-    this.instructions.push([
-      I.DRAW_CHARS,
-      t,
-      e,
-      a,
-      n.overflow,
-      r,
-      n.maxAngle,
-      l,
-      h,
-      s,
-      c * l,
-      d,
-      o,
-      1
-    ]), this.hitDetectionInstructions.push([
-      I.DRAW_CHARS,
-      t,
-      e,
-      a,
-      n.overflow,
-      r && V,
-      n.maxAngle,
-      1,
-      h,
-      s,
-      c,
-      d,
-      o,
-      1 / l
-    ]);
-  }
-  /**
-   * @param {import("../../style/Text.js").default} textStyle Text style.
-   * @param {Object} [sharedData] Shared data.
-   */
-  setTextStyle(t, e) {
-    let i, n, s;
-    if (!t)
-      this.text_ = "";
-    else {
-      const o = t.getFill();
-      o ? (n = this.textFillState_, n || (n = /** @type {import("../canvas.js").FillState} */
-      {}, this.textFillState_ = n), n.fillStyle = ot(
-        o.getColor() || V
-      )) : (n = null, this.textFillState_ = n);
-      const r = t.getStroke();
-      if (!r)
-        s = null, this.textStrokeState_ = s;
-      else {
-        s = this.textStrokeState_, s || (s = /** @type {import("../canvas.js").StrokeState} */
-        {}, this.textStrokeState_ = s);
-        const u = r.getLineDash(), _ = r.getLineDashOffset(), p = r.getWidth(), x = r.getMiterLimit();
-        s.lineCap = r.getLineCap() || Gt, s.lineDash = u ? u.slice() : et, s.lineDashOffset = _ === void 0 ? it : _, s.lineJoin = r.getLineJoin() || Yt, s.lineWidth = p === void 0 ? Xt : p, s.miterLimit = x === void 0 ? Nt : x, s.strokeStyle = ot(
-          r.getColor() || Bt
-        );
-      }
-      i = this.textState_;
-      const l = t.getFont() || Fe;
-      mi(l);
-      const a = t.getScaleArray();
-      i.overflow = t.getOverflow(), i.font = l, i.maxAngle = t.getMaxAngle(), i.placement = t.getPlacement(), i.textAlign = t.getTextAlign(), i.repeat = t.getRepeat(), i.justify = t.getJustify(), i.textBaseline = t.getTextBaseline() || Ht, i.backgroundFill = t.getBackgroundFill(), i.backgroundStroke = t.getBackgroundStroke(), i.padding = t.getPadding() || lt, i.scale = a === void 0 ? [1, 1] : a;
-      const h = t.getOffsetX(), d = t.getOffsetY(), c = t.getRotateWithView(), f = t.getRotation();
-      this.text_ = t.getText() || "", this.textOffsetX_ = h === void 0 ? 0 : h, this.textOffsetY_ = d === void 0 ? 0 : d, this.textRotateWithView_ = c === void 0 ? !1 : c, this.textRotation_ = f === void 0 ? 0 : f, this.strokeKey_ = s ? (typeof s.strokeStyle == "string" ? s.strokeStyle : It(s.strokeStyle)) + s.lineCap + s.lineDashOffset + "|" + s.lineWidth + s.lineJoin + s.miterLimit + "[" + s.lineDash.join() + "]" : "", this.textKey_ = i.font + i.scale + (i.textAlign || "?") + (i.repeat || "?") + (i.justify || "?") + (i.textBaseline || "?"), this.fillKey_ = n ? typeof n.fillStyle == "string" ? n.fillStyle : "|" + It(n.fillStyle) : "";
-    }
-    this.declutterImageWithText_ = e;
-  }
-}
-const Wi = {
-  Circle: Ee,
-  Default: kt,
-  Image: Di,
-  LineString: Oi,
-  Polygon: Ee,
-  Text: Fi
-};
-class Le {
-  /**
-   * @param {number} tolerance Tolerance.
-   * @param {import("../../extent.js").Extent} maxExtent Max extent.
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   */
-  constructor(t, e, i, n) {
-    this.tolerance_ = t, this.maxExtent_ = e, this.pixelRatio_ = n, this.resolution_ = i, this.buildersByZIndex_ = {};
-  }
-  /**
-   * @return {!Object<string, !Object<import("../canvas.js").BuilderType, import("./Builder.js").SerializableInstructions>>} The serializable instructions
-   */
-  finish() {
-    const t = {};
-    for (const e in this.buildersByZIndex_) {
-      t[e] = t[e] || {};
-      const i = this.buildersByZIndex_[e];
-      for (const n in i) {
-        const s = i[n].finish();
-        t[e][n] = s;
-      }
-    }
-    return t;
-  }
-  /**
-   * @param {number|undefined} zIndex Z index.
-   * @param {import("../canvas.js").BuilderType} builderType Replay type.
-   * @return {import("../VectorContext.js").default} Replay.
-   */
-  getBuilder(t, e) {
-    const i = t !== void 0 ? t.toString() : "0";
-    let n = this.buildersByZIndex_[i];
-    n === void 0 && (n = {}, this.buildersByZIndex_[i] = n);
-    let s = n[e];
-    if (s === void 0) {
-      const o = Wi[e];
-      s = new o(
-        this.tolerance_,
-        this.maxExtent_,
-        this.resolution_,
-        this.pixelRatio_
-      ), n[e] = s;
-    }
-    return s;
-  }
-}
-function Pi(g, t, e, i, n, s, o, r, l, a, h, d) {
-  let c = g[t], f = g[t + 1], u = 0, _ = 0, p = 0, x = 0;
-  function y() {
-    u = c, _ = f, t += i, c = g[t], f = g[t + 1], x += p, p = Math.sqrt((c - u) * (c - u) + (f - _) * (f - _));
-  }
-  do
-    y();
-  while (t < e - i && x + p < s);
-  let m = p === 0 ? 0 : (s - x) / p;
-  const C = K(u, c, m), T = K(_, f, m), L = t - i, O = x, k = s + r * l(a, n, h);
-  for (; t < e - i && x + p < k; )
-    y();
-  m = p === 0 ? 0 : (k - x) / p;
-  const D = K(u, c, m), b = K(_, f, m);
-  let P;
-  if (d) {
-    const E = [C, T, D, b];
-    ai(E, 0, 4, 2, d, E, E), P = E[0] > E[2];
-  } else
-    P = C > D;
-  const W = Math.PI, F = [], Y = L + i === t;
-  t = L, p = 0, x = O, c = g[t], f = g[t + 1];
-  let R;
-  if (Y) {
-    y(), R = Math.atan2(f - _, c - u), P && (R += R > 0 ? -W : W);
-    const E = (D + C) / 2, w = (b + T) / 2;
-    return F[0] = [E, w, (k - s) / 2, R, n], F;
-  }
-  n = n.replace(/\n/g, " ");
-  for (let E = 0, w = n.length; E < w; ) {
-    y();
-    let M = Math.atan2(f - _, c - u);
-    if (P && (M += M > 0 ? -W : W), R !== void 0) {
-      let j = M - R;
-      if (j += j > W ? -2 * W : j < -W ? 2 * W : 0, Math.abs(j) > o)
-        return null;
-    }
-    R = M;
-    const v = E;
-    let A = 0;
-    for (; E < w; ++E) {
-      const j = P ? w - E - 1 : E, ct = r * l(a, n[j], h);
-      if (t + i < e && x + p < s + A + ct / 2)
-        break;
-      A += ct;
-    }
-    if (E === v)
-      continue;
-    const Z = P ? n.substring(w - v, w - E) : n.substring(v, E);
-    m = p === 0 ? 0 : (s + A / 2 - x) / p;
-    const S = K(u, c, m), oe = K(_, f, m);
-    F.push([S, oe, A / 2, M, Z]), s += A;
-  }
-  return F;
-}
-const ft = At(), nt = [], $ = [], Q = [], st = [];
-function De(g) {
-  return g[3].declutterBox;
-}
-const Oe = new RegExp(
-  /* eslint-disable prettier/prettier */
-  "[֑-ࣿיִ-﷿ﹰ-ﻼࠀ-࿿-]"
-  /* eslint-enable prettier/prettier */
-);
-function Qt(g, t) {
-  return t === "start" ? t = Oe.test(g) ? "right" : "left" : t === "end" && (t = Oe.test(g) ? "left" : "right"), Jt[t];
-}
-function vi(g, t, e) {
-  return e > 0 && g.push(`
-`, ""), g.push(t, ""), g;
-}
-class Ai {
-  /**
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {boolean} overlaps The replay can have overlapping geometries.
-   * @param {import("../canvas.js").SerializableInstructions} instructions The serializable instructions
-   */
-  constructor(t, e, i, n) {
-    this.overlaps = i, this.pixelRatio = e, this.resolution = t, this.alignFill_, this.instructions = n.instructions, this.coordinates = n.coordinates, this.coordinateCache_ = {}, this.renderedTransform_ = ht(), this.hitDetectionInstructions = n.hitDetectionInstructions, this.pixelCoordinates_ = null, this.viewRotation_ = 0, this.fillStates = n.fillStates || {}, this.strokeStates = n.strokeStates || {}, this.textStates = n.textStates || {}, this.widths_ = {}, this.labels_ = {};
-  }
-  /**
-   * @param {string|Array<string>} text Text.
-   * @param {string} textKey Text style key.
-   * @param {string} fillKey Fill style key.
-   * @param {string} strokeKey Stroke style key.
-   * @return {import("../canvas.js").Label} Label.
-   */
-  createLabel(t, e, i, n) {
-    const s = t + e + i + n;
-    if (this.labels_[s])
-      return this.labels_[s];
-    const o = n ? this.strokeStates[n] : null, r = i ? this.fillStates[i] : null, l = this.textStates[e], a = this.pixelRatio, h = [
-      l.scale[0] * a,
-      l.scale[1] * a
-    ], d = Array.isArray(t), c = l.justify ? Jt[l.justify] : Qt(
-      Array.isArray(t) ? t[0] : t,
-      l.textAlign || Tt
-    ), f = n && o.lineWidth ? o.lineWidth : 0, u = d ? t : t.split(`
-`).reduce(vi, []), { width: _, height: p, widths: x, heights: y, lineWidths: m } = yi(
-      l,
-      u
-    ), C = _ + f, T = [], L = (C + 2) * h[0], O = (p + f) * h[1], k = {
-      width: L < 0 ? Math.floor(L) : Math.ceil(L),
-      height: O < 0 ? Math.floor(O) : Math.ceil(O),
-      contextInstructions: T
-    };
-    (h[0] != 1 || h[1] != 1) && T.push("scale", h), n && (T.push("strokeStyle", o.strokeStyle), T.push("lineWidth", f), T.push("lineCap", o.lineCap), T.push("lineJoin", o.lineJoin), T.push("miterLimit", o.miterLimit), T.push("setLineDash", [o.lineDash]), T.push("lineDashOffset", o.lineDashOffset)), i && T.push("fillStyle", r.fillStyle), T.push("textBaseline", "middle"), T.push("textAlign", "center");
-    const D = 0.5 - c;
-    let b = c * C + D * f;
-    const P = [], W = [];
-    let F = 0, Y = 0, R = 0, E = 0, w;
-    for (let M = 0, v = u.length; M < v; M += 2) {
-      const A = u[M];
-      if (A === `
-`) {
-        Y += F, F = 0, b = c * C + D * f, ++E;
-        continue;
-      }
-      const Z = u[M + 1] || l.font;
-      Z !== w && (n && P.push("font", Z), i && W.push("font", Z), w = Z), F = Math.max(F, y[R]);
-      const S = [
-        A,
-        b + D * x[R] + c * (x[R] - m[E]),
-        0.5 * (f + F) + Y
-      ];
-      b += x[R], n && P.push("strokeText", S), i && W.push("fillText", S), ++R;
-    }
-    return Array.prototype.push.apply(T, P), Array.prototype.push.apply(T, W), this.labels_[s] = k, k;
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../coordinate.js").Coordinate} p1 1st point of the background box.
-   * @param {import("../../coordinate.js").Coordinate} p2 2nd point of the background box.
-   * @param {import("../../coordinate.js").Coordinate} p3 3rd point of the background box.
-   * @param {import("../../coordinate.js").Coordinate} p4 4th point of the background box.
-   * @param {Array<*>} fillInstruction Fill instruction.
-   * @param {Array<*>} strokeInstruction Stroke instruction.
-   */
-  replayTextBackground_(t, e, i, n, s, o, r) {
-    t.beginPath(), t.moveTo.apply(t, e), t.lineTo.apply(t, i), t.lineTo.apply(t, n), t.lineTo.apply(t, s), t.lineTo.apply(t, e), o && (this.alignFill_ = /** @type {boolean} */
-    o[2], this.fill_(t)), r && (this.setStrokeStyle_(
-      t,
-      /** @type {Array<*>} */
-      r
-    ), t.stroke());
-  }
-  /**
-   * @private
-   * @param {number} sheetWidth Width of the sprite sheet.
-   * @param {number} sheetHeight Height of the sprite sheet.
-   * @param {number} centerX X.
-   * @param {number} centerY Y.
-   * @param {number} width Width.
-   * @param {number} height Height.
-   * @param {number} anchorX Anchor X.
-   * @param {number} anchorY Anchor Y.
-   * @param {number} originX Origin X.
-   * @param {number} originY Origin Y.
-   * @param {number} rotation Rotation.
-   * @param {import("../../size.js").Size} scale Scale.
-   * @param {boolean} snapToPixel Snap to pixel.
-   * @param {Array<number>} padding Padding.
-   * @param {boolean} fillStroke Background fill or stroke.
-   * @param {import("../../Feature.js").FeatureLike} feature Feature.
-   * @return {ImageOrLabelDimensions} Dimensions for positioning and decluttering the image or label.
-   */
-  calculateImageOrLabelDimensions_(t, e, i, n, s, o, r, l, a, h, d, c, f, u, _, p) {
-    r *= c[0], l *= c[1];
-    let x = i - r, y = n - l;
-    const m = s + a > t ? t - a : s, C = o + h > e ? e - h : o, T = u[3] + m * c[0] + u[1], L = u[0] + C * c[1] + u[2], O = x - u[3], k = y - u[0];
-    (_ || d !== 0) && (nt[0] = O, st[0] = O, nt[1] = k, $[1] = k, $[0] = O + T, Q[0] = $[0], Q[1] = k + L, st[1] = Q[1]);
-    let D;
-    return d !== 0 ? (D = Vt(
-      ht(),
-      i,
-      n,
-      1,
-      1,
-      d,
-      -i,
-      -n
-    ), G(D, nt), G(D, $), G(D, Q), G(D, st), Ce(
-      Math.min(nt[0], $[0], Q[0], st[0]),
-      Math.min(nt[1], $[1], Q[1], st[1]),
-      Math.max(nt[0], $[0], Q[0], st[0]),
-      Math.max(nt[1], $[1], Q[1], st[1]),
-      ft
-    )) : Ce(
-      Math.min(O, O + T),
-      Math.min(k, k + L),
-      Math.max(O, O + T),
-      Math.max(k, k + L),
-      ft
-    ), f && (x = Math.round(x), y = Math.round(y)), {
-      drawImageX: x,
-      drawImageY: y,
-      drawImageW: m,
-      drawImageH: C,
-      originX: a,
-      originY: h,
-      declutterBox: {
-        minX: ft[0],
-        minY: ft[1],
-        maxX: ft[2],
-        maxY: ft[3],
-        value: p
-      },
-      canvasTransform: D,
-      scale: c
-    };
-  }
-  /**
-   * @private
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {number} contextScale Scale of the context.
-   * @param {import("../canvas.js").Label|HTMLImageElement|HTMLCanvasElement|HTMLVideoElement} imageOrLabel Image.
-   * @param {ImageOrLabelDimensions} dimensions Dimensions.
-   * @param {number} opacity Opacity.
-   * @param {Array<*>} fillInstruction Fill instruction.
-   * @param {Array<*>} strokeInstruction Stroke instruction.
-   * @return {boolean} The image or label was rendered.
-   */
-  replayImageOrLabel_(t, e, i, n, s, o, r) {
-    const l = !!(o || r), a = n.declutterBox, h = t.canvas, d = r ? r[2] * n.scale[0] / 2 : 0;
-    return a.minX - d <= h.width / e && a.maxX + d >= 0 && a.minY - d <= h.height / e && a.maxY + d >= 0 && (l && this.replayTextBackground_(
-      t,
-      nt,
-      $,
-      Q,
-      st,
-      /** @type {Array<*>} */
-      o,
-      /** @type {Array<*>} */
-      r
-    ), Ci(
-      t,
-      n.canvasTransform,
-      s,
-      i,
-      n.originX,
-      n.originY,
-      n.drawImageW,
-      n.drawImageH,
-      n.drawImageX,
-      n.drawImageY,
-      n.scale
-    )), !0;
-  }
-  /**
-   * @private
-   * @param {CanvasRenderingContext2D} context Context.
-   */
-  fill_(t) {
-    if (this.alignFill_) {
-      const e = G(this.renderedTransform_, [0, 0]), i = 512 * this.pixelRatio;
-      t.save(), t.translate(e[0] % i, e[1] % i), t.rotate(this.viewRotation_);
-    }
-    t.fill(), this.alignFill_ && t.restore();
-  }
-  /**
-   * @private
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {Array<*>} instruction Instruction.
-   */
-  setStrokeStyle_(t, e) {
-    t.strokeStyle = /** @type {import("../../colorlike.js").ColorLike} */
-    e[1], t.lineWidth = /** @type {number} */
-    e[2], t.lineCap = /** @type {CanvasLineCap} */
-    e[3], t.lineJoin = /** @type {CanvasLineJoin} */
-    e[4], t.miterLimit = /** @type {number} */
-    e[5], t.lineDashOffset = /** @type {number} */
-    e[7], t.setLineDash(
-      /** @type {Array<number>} */
-      e[6]
-    );
-  }
-  /**
-   * @private
-   * @param {string|Array<string>} text The text to draw.
-   * @param {string} textKey The key of the text state.
-   * @param {string} strokeKey The key for the stroke state.
-   * @param {string} fillKey The key for the fill state.
-   * @return {{label: import("../canvas.js").Label, anchorX: number, anchorY: number}} The text image and its anchor.
-   */
-  drawLabelWithPointPlacement_(t, e, i, n) {
-    const s = this.textStates[e], o = this.createLabel(t, e, n, i), r = this.strokeStates[i], l = this.pixelRatio, a = Qt(
-      Array.isArray(t) ? t[0] : t,
-      s.textAlign || Tt
-    ), h = Jt[s.textBaseline || Ht], d = r && r.lineWidth ? r.lineWidth : 0, c = o.width / l - 2 * s.scale[0], f = a * c + 2 * (0.5 - a) * d, u = h * o.height / l + 2 * (0.5 - h) * d;
-    return {
-      label: o,
-      anchorX: f,
-      anchorY: u
-    };
-  }
-  /**
-   * @private
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {number} contextScale Scale of the context.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @param {Array<*>} instructions Instructions array.
-   * @param {boolean} snapToPixel Snap point symbols and text to integer pixels.
-   * @param {FeatureCallback<T>} [featureCallback] Feature callback.
-   * @param {import("../../extent.js").Extent} [hitExtent] Only check
-   *     features that intersect this extent.
-   * @param {import("rbush").default} [declutterTree] Declutter tree.
-   * @return {T|undefined} Callback result.
-   * @template T
-   */
-  execute_(t, e, i, n, s, o, r, l) {
-    let a;
-    this.pixelCoordinates_ && Rt(i, this.renderedTransform_) ? a = this.pixelCoordinates_ : (this.pixelCoordinates_ || (this.pixelCoordinates_ = []), a = yt(
-      this.coordinates,
-      0,
-      this.coordinates.length,
-      2,
-      i,
-      this.pixelCoordinates_
-    ), hi(this.renderedTransform_, i));
-    let h = 0;
-    const d = n.length;
-    let c = 0, f, u, _, p, x, y, m, C, T, L, O, k, D = 0, b = 0, P = null, W = null;
-    const F = this.coordinateCache_, Y = this.viewRotation_, R = Math.round(Math.atan2(-i[1], i[0]) * 1e12) / 1e12, E = (
-      /** @type {import("../../render.js").State} */
-      {
-        context: t,
-        pixelRatio: this.pixelRatio,
-        resolution: this.resolution,
-        rotation: Y
-      }
-    ), w = this.instructions != n || this.overlaps ? 0 : 200;
-    let M, v, A, Z;
-    for (; h < d; ) {
-      const S = n[h];
-      switch (
-        /** @type {import("./Instruction.js").default} */
-        S[0]
-      ) {
-        case I.BEGIN_GEOMETRY:
-          M = /** @type {import("../../Feature.js").FeatureLike} */
-          S[1], Z = S[3], M.getGeometry() ? r !== void 0 && !tt(r, Z.getExtent()) ? h = /** @type {number} */
-          S[2] + 1 : ++h : h = /** @type {number} */
-          S[2];
-          break;
-        case I.BEGIN_PATH:
-          D > w && (this.fill_(t), D = 0), b > w && (t.stroke(), b = 0), !D && !b && (t.beginPath(), p = NaN, x = NaN), ++h;
-          break;
-        case I.CIRCLE:
-          c = /** @type {number} */
-          S[1];
-          const j = a[c], ct = a[c + 1], Ae = a[c + 2], Be = a[c + 3], re = Ae - j, le = Be - ct, ae = Math.sqrt(re * re + le * le);
-          t.moveTo(j + ae, ct), t.arc(j, ct, ae, 0, 2 * Math.PI, !0), ++h;
-          break;
-        case I.CLOSE_PATH:
-          t.closePath(), ++h;
-          break;
-        case I.CUSTOM:
-          c = /** @type {number} */
-          S[1], f = S[2];
-          const Ge = (
-            /** @type {import("../../geom/SimpleGeometry.js").default} */
-            S[3]
-          ), Ye = S[4], he = S.length == 6 ? S[5] : void 0;
-          E.geometry = Ge, E.feature = M, h in F || (F[h] = []);
-          const _t = F[h];
-          he ? he(a, c, f, 2, _t) : (_t[0] = a[c], _t[1] = a[c + 1], _t.length = 2), Ye(_t, E), ++h;
-          break;
-        case I.DRAW_IMAGE:
-          c = /** @type {number} */
-          S[1], f = /** @type {number} */
-          S[2], C = /** @type {HTMLCanvasElement|HTMLVideoElement|HTMLImageElement} */
-          S[3], u = /** @type {number} */
-          S[4], _ = /** @type {number} */
-          S[5];
-          let Zt = (
-            /** @type {number} */
-            S[6]
-          );
-          const Xe = (
-            /** @type {number} */
-            S[7]
-          ), Ne = (
-            /** @type {number} */
-            S[8]
-          ), He = (
-            /** @type {number} */
-            S[9]
-          ), ce = (
-            /** @type {boolean} */
-            S[10]
-          );
-          let jt = (
-            /** @type {number} */
-            S[11]
-          );
-          const Je = (
-            /** @type {import("../../size.js").Size} */
-            S[12]
-          );
-          let wt = (
-            /** @type {number} */
-            S[13]
-          );
-          const de = (
-            /** @type {"declutter"|"obstacle"|"none"|undefined} */
-            S[14]
-          ), xt = (
-            /** @type {import("../canvas.js").DeclutterImageWithText} */
-            S[15]
-          );
-          if (!C && S.length >= 20) {
-            T = /** @type {string} */
-            S[19], L = /** @type {string} */
-            S[20], O = /** @type {string} */
-            S[21], k = /** @type {string} */
-            S[22];
-            const X = this.drawLabelWithPointPlacement_(
-              T,
-              L,
-              O,
-              k
-            );
-            C = X.label, S[3] = C;
-            const dt = (
-              /** @type {number} */
-              S[23]
-            );
-            u = (X.anchorX - dt) * this.pixelRatio, S[4] = u;
-            const H = (
-              /** @type {number} */
-              S[24]
-            );
-            _ = (X.anchorY - H) * this.pixelRatio, S[5] = _, Zt = C.height, S[6] = Zt, wt = C.width, S[13] = wt;
-          }
-          let Kt;
-          S.length > 25 && (Kt = /** @type {number} */
-          S[25]);
-          let zt, Et, Lt;
-          S.length > 17 ? (zt = /** @type {Array<number>} */
-          S[16], Et = /** @type {boolean} */
-          S[17], Lt = /** @type {boolean} */
-          S[18]) : (zt = lt, Et = !1, Lt = !1), ce && R ? jt += Y : !ce && !R && (jt -= Y);
-          let Ve = 0;
-          for (; c < f; c += 2) {
-            if (Kt && Kt[Ve++] < wt / this.pixelRatio)
-              continue;
-            const X = this.calculateImageOrLabelDimensions_(
-              C.width,
-              C.height,
-              a[c],
-              a[c + 1],
-              wt,
-              Zt,
-              u,
-              _,
-              Ne,
-              He,
-              jt,
-              Je,
-              s,
-              zt,
-              Et || Lt,
-              M
-            ), dt = [
-              t,
-              e,
-              C,
-              X,
-              Xe,
-              Et ? (
-                /** @type {Array<*>} */
-                P
-              ) : null,
-              Lt ? (
-                /** @type {Array<*>} */
-                W
-              ) : null
-            ];
-            if (l) {
-              if (de === "none")
-                continue;
-              if (de === "obstacle") {
-                l.insert(X.declutterBox);
-                continue;
-              } else {
-                let H, q;
-                if (xt) {
-                  const N = f - c;
-                  if (!xt[N]) {
-                    xt[N] = dt;
-                    continue;
-                  }
-                  if (H = xt[N], delete xt[N], q = De(H), l.collides(q))
-                    continue;
-                }
-                if (l.collides(X.declutterBox))
-                  continue;
-                H && (l.insert(q), this.replayImageOrLabel_.apply(this, H)), l.insert(X.declutterBox);
-              }
-            }
-            this.replayImageOrLabel_.apply(this, dt);
-          }
-          ++h;
-          break;
-        case I.DRAW_CHARS:
-          const fe = (
-            /** @type {number} */
-            S[1]
-          ), ue = (
-            /** @type {number} */
-            S[2]
-          ), qt = (
-            /** @type {number} */
-            S[3]
-          ), Ze = (
-            /** @type {number} */
-            S[4]
-          );
-          k = /** @type {string} */
-          S[5];
-          const je = (
-            /** @type {number} */
-            S[6]
-          ), ge = (
-            /** @type {number} */
-            S[7]
-          ), _e = (
-            /** @type {number} */
-            S[8]
-          );
-          O = /** @type {string} */
-          S[9];
-          const Ut = (
-            /** @type {number} */
-            S[10]
-          );
-          T = /** @type {string} */
-          S[11], L = /** @type {string} */
-          S[12];
-          const xe = [
-            /** @type {number} */
-            S[13],
-            /** @type {number} */
-            S[13]
-          ], $t = this.textStates[L], pt = $t.font, St = [
-            $t.scale[0] * ge,
-            $t.scale[1] * ge
-          ];
-          let mt;
-          pt in this.widths_ ? mt = this.widths_[pt] : (mt = {}, this.widths_[pt] = mt);
-          const pe = Ue(a, fe, ue, 2), Se = Math.abs(St[0]) * Ie(pt, T, mt);
-          if (Ze || Se <= pe) {
-            const X = this.textStates[L].textAlign, dt = (pe - Se) * Qt(T, X), H = Pi(
-              a,
-              fe,
-              ue,
-              2,
-              T,
-              dt,
-              je,
-              Math.abs(St[0]),
-              Ie,
-              pt,
-              mt,
-              R ? 0 : this.viewRotation_
-            );
-            t: if (H) {
-              const q = [];
-              let N, Dt, Ot, B, J;
-              if (O)
-                for (N = 0, Dt = H.length; N < Dt; ++N) {
-                  J = H[N], Ot = /** @type {string} */
-                  J[4], B = this.createLabel(Ot, L, "", O), u = /** @type {number} */
-                  J[2] + (St[0] < 0 ? -Ut : Ut), _ = qt * B.height + (0.5 - qt) * 2 * Ut * St[1] / St[0] - _e;
-                  const U = this.calculateImageOrLabelDimensions_(
-                    B.width,
-                    B.height,
-                    J[0],
-                    J[1],
-                    B.width,
-                    B.height,
-                    u,
-                    _,
-                    0,
-                    0,
-                    J[3],
-                    xe,
-                    !1,
-                    lt,
-                    !1,
-                    M
-                  );
-                  if (l && l.collides(U.declutterBox))
-                    break t;
-                  q.push([
-                    t,
-                    e,
-                    B,
-                    U,
-                    1,
-                    null,
-                    null
-                  ]);
-                }
-              if (k)
-                for (N = 0, Dt = H.length; N < Dt; ++N) {
-                  J = H[N], Ot = /** @type {string} */
-                  J[4], B = this.createLabel(Ot, L, k, ""), u = /** @type {number} */
-                  J[2], _ = qt * B.height - _e;
-                  const U = this.calculateImageOrLabelDimensions_(
-                    B.width,
-                    B.height,
-                    J[0],
-                    J[1],
-                    B.width,
-                    B.height,
-                    u,
-                    _,
-                    0,
-                    0,
-                    J[3],
-                    xe,
-                    !1,
-                    lt,
-                    !1,
-                    M
-                  );
-                  if (l && l.collides(U.declutterBox))
-                    break t;
-                  q.push([
-                    t,
-                    e,
-                    B,
-                    U,
-                    1,
-                    null,
-                    null
-                  ]);
-                }
-              l && l.load(q.map(De));
-              for (let U = 0, Ke = q.length; U < Ke; ++U)
-                this.replayImageOrLabel_.apply(this, q[U]);
-            }
-          }
-          ++h;
-          break;
-        case I.END_GEOMETRY:
-          if (o !== void 0) {
-            M = /** @type {import("../../Feature.js").FeatureLike} */
-            S[1];
-            const X = o(M, Z);
-            if (X)
-              return X;
-          }
-          ++h;
-          break;
-        case I.FILL:
-          w ? D++ : this.fill_(t), ++h;
-          break;
-        case I.MOVE_TO_LINE_TO:
-          for (c = /** @type {number} */
-          S[1], f = /** @type {number} */
-          S[2], v = a[c], A = a[c + 1], y = v + 0.5 | 0, m = A + 0.5 | 0, (y !== p || m !== x) && (t.moveTo(v, A), p = y, x = m), c += 2; c < f; c += 2)
-            v = a[c], A = a[c + 1], y = v + 0.5 | 0, m = A + 0.5 | 0, (c == f - 2 || y !== p || m !== x) && (t.lineTo(v, A), p = y, x = m);
-          ++h;
-          break;
-        case I.SET_FILL_STYLE:
-          P = S, this.alignFill_ = S[2], D && (this.fill_(t), D = 0, b && (t.stroke(), b = 0)), t.fillStyle = /** @type {import("../../colorlike.js").ColorLike} */
-          S[1], ++h;
-          break;
-        case I.SET_STROKE_STYLE:
-          W = S, b && (t.stroke(), b = 0), this.setStrokeStyle_(
-            t,
-            /** @type {Array<*>} */
-            S
-          ), ++h;
-          break;
-        case I.STROKE:
-          w ? b++ : t.stroke(), ++h;
-          break;
-        default:
-          ++h;
-          break;
-      }
-    }
-    D && this.fill_(t), b && t.stroke();
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {number} contextScale Scale of the context.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @param {number} viewRotation View rotation.
-   * @param {boolean} snapToPixel Snap point symbols and text to integer pixels.
-   * @param {import("rbush").default} [declutterTree] Declutter tree.
-   */
-  execute(t, e, i, n, s, o) {
-    this.viewRotation_ = n, this.execute_(
-      t,
-      e,
-      i,
-      this.instructions,
-      s,
-      void 0,
-      void 0,
-      o
-    );
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @param {number} viewRotation View rotation.
-   * @param {FeatureCallback<T>} [featureCallback] Feature callback.
-   * @param {import("../../extent.js").Extent} [hitExtent] Only check
-   *     features that intersect this extent.
-   * @return {T|undefined} Callback result.
-   * @template T
-   */
-  executeHitDetection(t, e, i, n, s) {
-    return this.viewRotation_ = i, this.execute_(
-      t,
-      1,
-      e,
-      this.hitDetectionInstructions,
-      !0,
-      n,
-      s
-    );
-  }
-}
-const te = ["Polygon", "Circle", "LineString", "Image", "Text", "Default"];
-class be {
-  /**
-   * @param {import("../../extent.js").Extent} maxExtent Max extent for clipping. When a
-   * `maxExtent` was set on the Builder for this executor group, the same `maxExtent`
-   * should be set here, unless the target context does not exceed that extent (which
-   * can be the case when rendering to tiles).
-   * @param {number} resolution Resolution.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {boolean} overlaps The executor group can have overlapping geometries.
-   * @param {!Object<string, !Object<import("../canvas.js").BuilderType, import("../canvas.js").SerializableInstructions>>} allInstructions
-   * The serializable instructions.
-   * @param {number} [renderBuffer] Optional rendering buffer.
-   */
-  constructor(t, e, i, n, s, o) {
-    this.maxExtent_ = t, this.overlaps_ = n, this.pixelRatio_ = i, this.resolution_ = e, this.renderBuffer_ = o, this.executorsByZIndex_ = {}, this.hitDetectionContext_ = null, this.hitDetectionTransform_ = ht(), this.createExecutors_(s);
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   */
-  clip(t, e) {
-    const i = this.getClipCoords(e);
-    t.beginPath(), t.moveTo(i[0], i[1]), t.lineTo(i[2], i[3]), t.lineTo(i[4], i[5]), t.lineTo(i[6], i[7]), t.clip();
-  }
-  /**
-   * Create executors and populate them using the provided instructions.
-   * @private
-   * @param {!Object<string, !Object<import("../canvas.js").BuilderType, import("../canvas.js").SerializableInstructions>>} allInstructions The serializable instructions
-   */
-  createExecutors_(t) {
-    for (const e in t) {
-      let i = this.executorsByZIndex_[e];
-      i === void 0 && (i = {}, this.executorsByZIndex_[e] = i);
-      const n = t[e];
-      for (const s in n) {
-        const o = n[s];
-        i[s] = new Ai(
-          this.resolution_,
-          this.pixelRatio_,
-          this.overlaps_,
-          o
-        );
-      }
-    }
-  }
-  /**
-   * @param {Array<import("../canvas.js").BuilderType>} executors Executors.
-   * @return {boolean} Has executors of the provided types.
-   */
-  hasExecutors(t) {
-    for (const e in this.executorsByZIndex_) {
-      const i = this.executorsByZIndex_[e];
-      for (let n = 0, s = t.length; n < s; ++n)
-        if (t[n] in i)
-          return !0;
-    }
-    return !1;
-  }
-  /**
-   * @param {import("../../coordinate.js").Coordinate} coordinate Coordinate.
-   * @param {number} resolution Resolution.
-   * @param {number} rotation Rotation.
-   * @param {number} hitTolerance Hit tolerance in pixels.
-   * @param {function(import("../../Feature.js").FeatureLike, import("../../geom/SimpleGeometry.js").default, number): T} callback Feature callback.
-   * @param {Array<import("../../Feature.js").FeatureLike>} declutteredFeatures Decluttered features.
-   * @return {T|undefined} Callback result.
-   * @template T
-   */
-  forEachFeatureAtCoordinate(t, e, i, n, s, o) {
-    n = Math.round(n);
-    const r = n * 2 + 1, l = Vt(
-      this.hitDetectionTransform_,
-      n + 0.5,
-      n + 0.5,
-      1 / e,
-      -1 / e,
-      -i,
-      -t[0],
-      -t[1]
-    ), a = !this.hitDetectionContext_;
-    a && (this.hitDetectionContext_ = gt(
-      r,
-      r,
-      void 0,
-      { willReadFrequently: !0 }
-    ));
-    const h = this.hitDetectionContext_;
-    h.canvas.width !== r || h.canvas.height !== r ? (h.canvas.width = r, h.canvas.height = r) : a || h.clearRect(0, 0, r, r);
-    let d;
-    this.renderBuffer_ !== void 0 && (d = At(), ci(d, t), se(
-      d,
-      e * (this.renderBuffer_ + n),
-      d
-    ));
-    const c = Bi(n);
-    let f;
-    function u(T, L) {
-      const O = h.getImageData(
-        0,
-        0,
-        r,
-        r
-      ).data;
-      for (let k = 0, D = c.length; k < D; k++)
-        if (O[c[k]] > 0) {
-          if (!o || f !== "Image" && f !== "Text" || o.includes(T)) {
-            const b = (c[k] - 3) / 4, P = n - b % r, W = n - (b / r | 0), F = s(T, L, P * P + W * W);
-            if (F)
-              return F;
-          }
-          h.clearRect(0, 0, r, r);
-          break;
-        }
-    }
-    const _ = Object.keys(this.executorsByZIndex_).map(Number);
-    _.sort(ie);
-    let p, x, y, m, C;
-    for (p = _.length - 1; p >= 0; --p) {
-      const T = _[p].toString();
-      for (y = this.executorsByZIndex_[T], x = te.length - 1; x >= 0; --x)
-        if (f = te[x], m = y[f], m !== void 0 && (C = m.executeHitDetection(
-          h,
-          l,
-          i,
-          u,
-          d
-        ), C))
-          return C;
-    }
-  }
-  /**
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @return {Array<number>|null} Clip coordinates.
-   */
-  getClipCoords(t) {
-    const e = this.maxExtent_;
-    if (!e)
-      return null;
-    const i = e[0], n = e[1], s = e[2], o = e[3], r = [i, n, i, o, s, o, s, n];
-    return yt(r, 0, 8, 2, t, r), r;
-  }
-  /**
-   * @return {boolean} Is empty.
-   */
-  isEmpty() {
-    return ki(this.executorsByZIndex_);
-  }
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {number} contextScale Scale of the context.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @param {number} viewRotation View rotation.
-   * @param {boolean} snapToPixel Snap point symbols and test to integer pixel.
-   * @param {Array<import("../canvas.js").BuilderType>} [builderTypes] Ordered replay types to replay.
-   *     Default is {@link module:ol/render/replay~ORDER}
-   * @param {import("rbush").default} [declutterTree] Declutter tree.
-   */
-  execute(t, e, i, n, s, o, r) {
-    const l = Object.keys(this.executorsByZIndex_).map(Number);
-    l.sort(ie), this.maxExtent_ && (t.save(), this.clip(t, i)), o = o || te;
-    let a, h, d, c, f, u;
-    for (r && l.reverse(), a = 0, h = l.length; a < h; ++a) {
-      const _ = l[a].toString();
-      for (f = this.executorsByZIndex_[_], d = 0, c = o.length; d < c; ++d) {
-        const p = o[d];
-        u = f[p], u !== void 0 && u.execute(
-          t,
-          e,
-          i,
-          n,
-          s,
-          r
-        );
-      }
-    }
-    this.maxExtent_ && t.restore();
-  }
-}
-const ee = {};
-function Bi(g) {
-  if (ee[g] !== void 0)
-    return ee[g];
-  const t = g * 2 + 1, e = g * g, i = new Array(e + 1);
-  for (let s = 0; s <= g; ++s)
-    for (let o = 0; o <= g; ++o) {
-      const r = s * s + o * o;
-      if (r > e)
-        break;
-      let l = i[r];
-      l || (l = [], i[r] = l), l.push(((g + s) * t + (g + o)) * 4 + 3), s > 0 && l.push(((g - s) * t + (g + o)) * 4 + 3), o > 0 && (l.push(((g + s) * t + (g - o)) * 4 + 3), s > 0 && l.push(((g - s) * t + (g - o)) * 4 + 3));
-    }
-  const n = [];
-  for (let s = 0, o = i.length; s < o; ++s)
-    i[s] && n.push(...i[s]);
-  return ee[g] = n, n;
-}
-class Gi extends We {
-  /**
-   * @param {CanvasRenderingContext2D} context Context.
-   * @param {number} pixelRatio Pixel ratio.
-   * @param {import("../../extent.js").Extent} extent Extent.
-   * @param {import("../../transform.js").Transform} transform Transform.
-   * @param {number} viewRotation View rotation.
-   * @param {number} [squaredTolerance] Optional squared tolerance for simplification.
-   * @param {import("../../proj.js").TransformFunction} [userTransform] Transform from user to view projection.
-   */
-  constructor(t, e, i, n, s, o, r) {
-    super(), this.context_ = t, this.pixelRatio_ = e, this.extent_ = i, this.transform_ = n, this.transformRotation_ = n ? wi(Math.atan2(n[1], n[0]), 10) : 0, this.viewRotation_ = s, this.squaredTolerance_ = o, this.userTransform_ = r, this.contextFillState_ = null, this.contextStrokeState_ = null, this.contextTextState_ = null, this.fillState_ = null, this.strokeState_ = null, this.image_ = null, this.imageAnchorX_ = 0, this.imageAnchorY_ = 0, this.imageHeight_ = 0, this.imageOpacity_ = 0, this.imageOriginX_ = 0, this.imageOriginY_ = 0, this.imageRotateWithView_ = !1, this.imageRotation_ = 0, this.imageScale_ = [0, 0], this.imageWidth_ = 0, this.text_ = "", this.textOffsetX_ = 0, this.textOffsetY_ = 0, this.textRotateWithView_ = !1, this.textRotation_ = 0, this.textScale_ = [0, 0], this.textFillState_ = null, this.textStrokeState_ = null, this.textState_ = null, this.pixelCoordinates_ = [], this.tmpLocalTransform_ = ht();
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {number} end End.
-   * @param {number} stride Stride.
-   * @private
-   */
-  drawImages_(t, e, i, n) {
-    if (!this.image_)
-      return;
-    const s = yt(
-      t,
-      e,
-      i,
-      n,
-      this.transform_,
-      this.pixelCoordinates_
-    ), o = this.context_, r = this.tmpLocalTransform_, l = o.globalAlpha;
-    this.imageOpacity_ != 1 && (o.globalAlpha = l * this.imageOpacity_);
-    let a = this.imageRotation_;
-    this.transformRotation_ === 0 && (a -= this.viewRotation_), this.imageRotateWithView_ && (a += this.viewRotation_);
-    for (let h = 0, d = s.length; h < d; h += 2) {
-      const c = s[h] - this.imageAnchorX_, f = s[h + 1] - this.imageAnchorY_;
-      if (a !== 0 || this.imageScale_[0] != 1 || this.imageScale_[1] != 1) {
-        const u = c + this.imageAnchorX_, _ = f + this.imageAnchorY_;
-        Vt(
-          r,
-          u,
-          _,
-          1,
-          1,
-          a,
-          -u,
-          -_
-        ), o.setTransform.apply(o, r), o.translate(u, _), o.scale(this.imageScale_[0], this.imageScale_[1]), o.drawImage(
-          this.image_,
-          this.imageOriginX_,
-          this.imageOriginY_,
-          this.imageWidth_,
-          this.imageHeight_,
-          -this.imageAnchorX_,
-          -this.imageAnchorY_,
-          this.imageWidth_,
-          this.imageHeight_
-        ), o.setTransform(1, 0, 0, 1, 0, 0);
-      } else
-        o.drawImage(
-          this.image_,
-          this.imageOriginX_,
-          this.imageOriginY_,
-          this.imageWidth_,
-          this.imageHeight_,
-          c,
-          f,
-          this.imageWidth_,
-          this.imageHeight_
-        );
-    }
-    this.imageOpacity_ != 1 && (o.globalAlpha = l);
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {number} end End.
-   * @param {number} stride Stride.
-   * @private
-   */
-  drawText_(t, e, i, n) {
-    if (!this.textState_ || this.text_ === "")
-      return;
-    this.textFillState_ && this.setContextFillState_(this.textFillState_), this.textStrokeState_ && this.setContextStrokeState_(this.textStrokeState_), this.setContextTextState_(this.textState_);
-    const s = yt(
-      t,
-      e,
-      i,
-      n,
-      this.transform_,
-      this.pixelCoordinates_
-    ), o = this.context_;
-    let r = this.textRotation_;
-    for (this.transformRotation_ === 0 && (r -= this.viewRotation_), this.textRotateWithView_ && (r += this.viewRotation_); e < i; e += n) {
-      const l = s[e] + this.textOffsetX_, a = s[e + 1] + this.textOffsetY_;
-      r !== 0 || this.textScale_[0] != 1 || this.textScale_[1] != 1 ? (o.translate(l - this.textOffsetX_, a - this.textOffsetY_), o.rotate(r), o.translate(this.textOffsetX_, this.textOffsetY_), o.scale(this.textScale_[0], this.textScale_[1]), this.textStrokeState_ && o.strokeText(this.text_, 0, 0), this.textFillState_ && o.fillText(this.text_, 0, 0), o.setTransform(1, 0, 0, 1, 0, 0)) : (this.textStrokeState_ && o.strokeText(this.text_, l, a), this.textFillState_ && o.fillText(this.text_, l, a));
-    }
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {number} end End.
-   * @param {number} stride Stride.
-   * @param {boolean} close Close.
-   * @private
-   * @return {number} end End.
-   */
-  moveToLineTo_(t, e, i, n, s) {
-    const o = this.context_, r = yt(
-      t,
-      e,
-      i,
-      n,
-      this.transform_,
-      this.pixelCoordinates_
-    );
-    o.moveTo(r[0], r[1]);
-    let l = r.length;
-    s && (l -= 2);
-    for (let a = 2; a < l; a += 2)
-      o.lineTo(r[a], r[a + 1]);
-    return s && o.closePath(), i;
-  }
-  /**
-   * @param {Array<number>} flatCoordinates Flat coordinates.
-   * @param {number} offset Offset.
-   * @param {Array<number>} ends Ends.
-   * @param {number} stride Stride.
-   * @private
-   * @return {number} End.
-   */
-  drawRings_(t, e, i, n) {
-    for (let s = 0, o = i.length; s < o; ++s)
-      e = this.moveToLineTo_(
-        t,
-        e,
-        i[s],
-        n,
-        !0
-      );
-    return e;
-  }
-  /**
-   * Render a circle geometry into the canvas.  Rendering is immediate and uses
-   * the current fill and stroke styles.
-   *
-   * @param {import("../../geom/Circle.js").default} geometry Circle geometry.
-   * @api
-   */
-  drawCircle(t) {
-    if (this.squaredTolerance_ && (t = /** @type {import("../../geom/Circle.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    )), !!tt(this.extent_, t.getExtent())) {
-      if (this.fillState_ || this.strokeState_) {
-        this.fillState_ && this.setContextFillState_(this.fillState_), this.strokeState_ && this.setContextStrokeState_(this.strokeState_);
-        const e = di(
-          t,
-          this.transform_,
-          this.pixelCoordinates_
-        ), i = e[2] - e[0], n = e[3] - e[1], s = Math.sqrt(i * i + n * n), o = this.context_;
-        o.beginPath(), o.arc(
-          e[0],
-          e[1],
-          s,
-          0,
-          2 * Math.PI
-        ), this.fillState_ && o.fill(), this.strokeState_ && o.stroke();
-      }
-      this.text_ !== "" && this.drawText_(t.getCenter(), 0, 2, 2);
-    }
-  }
-  /**
-   * Set the rendering style.  Note that since this is an immediate rendering API,
-   * any `zIndex` on the provided style will be ignored.
-   *
-   * @param {import("../../style/Style.js").default} style The rendering style.
-   * @api
-   */
-  setStyle(t) {
-    this.setFillStrokeStyle(t.getFill(), t.getStroke()), this.setImageStyle(t.getImage()), this.setTextStyle(t.getText());
-  }
-  /**
-   * @param {import("../../transform.js").Transform} transform Transform.
-   */
-  setTransform(t) {
-    this.transform_ = t;
-  }
-  /**
-   * Render a geometry into the canvas.  Call
-   * {@link module:ol/render/canvas/Immediate~CanvasImmediateRenderer#setStyle renderer.setStyle()} first to set the rendering style.
-   *
-   * @param {import("../../geom/Geometry.js").default|import("../Feature.js").default} geometry The geometry to render.
-   * @api
-   */
-  drawGeometry(t) {
-    switch (t.getType()) {
-      case "Point":
-        this.drawPoint(
-          /** @type {import("../../geom/Point.js").default} */
-          t
-        );
-        break;
-      case "LineString":
-        this.drawLineString(
-          /** @type {import("../../geom/LineString.js").default} */
-          t
-        );
-        break;
-      case "Polygon":
-        this.drawPolygon(
-          /** @type {import("../../geom/Polygon.js").default} */
-          t
-        );
-        break;
-      case "MultiPoint":
-        this.drawMultiPoint(
-          /** @type {import("../../geom/MultiPoint.js").default} */
-          t
-        );
-        break;
-      case "MultiLineString":
-        this.drawMultiLineString(
-          /** @type {import("../../geom/MultiLineString.js").default} */
-          t
-        );
-        break;
-      case "MultiPolygon":
-        this.drawMultiPolygon(
-          /** @type {import("../../geom/MultiPolygon.js").default} */
-          t
-        );
-        break;
-      case "GeometryCollection":
-        this.drawGeometryCollection(
-          /** @type {import("../../geom/GeometryCollection.js").default} */
-          t
-        );
-        break;
-      case "Circle":
-        this.drawCircle(
-          /** @type {import("../../geom/Circle.js").default} */
-          t
-        );
-        break;
-    }
-  }
-  /**
-   * Render a feature into the canvas.  Note that any `zIndex` on the provided
-   * style will be ignored - features are rendered immediately in the order that
-   * this method is called.  If you need `zIndex` support, you should be using an
-   * {@link module:ol/layer/Vector~VectorLayer} instead.
-   *
-   * @param {import("../../Feature.js").default} feature Feature.
-   * @param {import("../../style/Style.js").default} style Style.
-   * @api
-   */
-  drawFeature(t, e) {
-    const i = e.getGeometryFunction()(t);
-    i && (this.setStyle(e), this.drawGeometry(i));
-  }
-  /**
-   * Render a GeometryCollection to the canvas.  Rendering is immediate and
-   * uses the current styles appropriate for each geometry in the collection.
-   *
-   * @param {import("../../geom/GeometryCollection.js").default} geometry Geometry collection.
-   */
-  drawGeometryCollection(t) {
-    const e = t.getGeometriesArray();
-    for (let i = 0, n = e.length; i < n; ++i)
-      this.drawGeometry(e[i]);
-  }
-  /**
-   * Render a Point geometry into the canvas.  Rendering is immediate and uses
-   * the current style.
-   *
-   * @param {import("../../geom/Point.js").default|import("../Feature.js").default} geometry Point geometry.
-   */
-  drawPoint(t) {
-    this.squaredTolerance_ && (t = /** @type {import("../../geom/Point.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    ));
-    const e = t.getFlatCoordinates(), i = t.getStride();
-    this.image_ && this.drawImages_(e, 0, e.length, i), this.text_ !== "" && this.drawText_(e, 0, e.length, i);
-  }
-  /**
-   * Render a MultiPoint geometry  into the canvas.  Rendering is immediate and
-   * uses the current style.
-   *
-   * @param {import("../../geom/MultiPoint.js").default|import("../Feature.js").default} geometry MultiPoint geometry.
-   */
-  drawMultiPoint(t) {
-    this.squaredTolerance_ && (t = /** @type {import("../../geom/MultiPoint.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    ));
-    const e = t.getFlatCoordinates(), i = t.getStride();
-    this.image_ && this.drawImages_(e, 0, e.length, i), this.text_ !== "" && this.drawText_(e, 0, e.length, i);
-  }
-  /**
-   * Render a LineString into the canvas.  Rendering is immediate and uses
-   * the current style.
-   *
-   * @param {import("../../geom/LineString.js").default|import("../Feature.js").default} geometry LineString geometry.
-   */
-  drawLineString(t) {
-    if (this.squaredTolerance_ && (t = /** @type {import("../../geom/LineString.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    )), !!tt(this.extent_, t.getExtent())) {
-      if (this.strokeState_) {
-        this.setContextStrokeState_(this.strokeState_);
-        const e = this.context_, i = t.getFlatCoordinates();
-        e.beginPath(), this.moveToLineTo_(
-          i,
-          0,
-          i.length,
-          t.getStride(),
-          !1
-        ), e.stroke();
-      }
-      if (this.text_ !== "") {
-        const e = t.getFlatMidpoint();
-        this.drawText_(e, 0, 2, 2);
-      }
-    }
-  }
-  /**
-   * Render a MultiLineString geometry into the canvas.  Rendering is immediate
-   * and uses the current style.
-   *
-   * @param {import("../../geom/MultiLineString.js").default|import("../Feature.js").default} geometry MultiLineString geometry.
-   */
-  drawMultiLineString(t) {
-    this.squaredTolerance_ && (t = /** @type {import("../../geom/MultiLineString.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    ));
-    const e = t.getExtent();
-    if (tt(this.extent_, e)) {
-      if (this.strokeState_) {
-        this.setContextStrokeState_(this.strokeState_);
-        const i = this.context_, n = t.getFlatCoordinates();
-        let s = 0;
-        const o = (
-          /** @type {Array<number>} */
-          t.getEnds()
-        ), r = t.getStride();
-        i.beginPath();
-        for (let l = 0, a = o.length; l < a; ++l)
-          s = this.moveToLineTo_(
-            n,
-            s,
-            o[l],
-            r,
-            !1
-          );
-        i.stroke();
-      }
-      if (this.text_ !== "") {
-        const i = t.getFlatMidpoints();
-        this.drawText_(i, 0, i.length, 2);
-      }
-    }
-  }
-  /**
-   * Render a Polygon geometry into the canvas.  Rendering is immediate and uses
-   * the current style.
-   *
-   * @param {import("../../geom/Polygon.js").default|import("../Feature.js").default} geometry Polygon geometry.
-   */
-  drawPolygon(t) {
-    if (this.squaredTolerance_ && (t = /** @type {import("../../geom/Polygon.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    )), !!tt(this.extent_, t.getExtent())) {
-      if (this.strokeState_ || this.fillState_) {
-        this.fillState_ && this.setContextFillState_(this.fillState_), this.strokeState_ && this.setContextStrokeState_(this.strokeState_);
-        const e = this.context_;
-        e.beginPath(), this.drawRings_(
-          t.getOrientedFlatCoordinates(),
-          0,
-          /** @type {Array<number>} */
-          t.getEnds(),
-          t.getStride()
-        ), this.fillState_ && e.fill(), this.strokeState_ && e.stroke();
-      }
-      if (this.text_ !== "") {
-        const e = t.getFlatInteriorPoint();
-        this.drawText_(e, 0, 2, 2);
-      }
-    }
-  }
-  /**
-   * Render MultiPolygon geometry into the canvas.  Rendering is immediate and
-   * uses the current style.
-   * @param {import("../../geom/MultiPolygon.js").default} geometry MultiPolygon geometry.
-   */
-  drawMultiPolygon(t) {
-    if (this.squaredTolerance_ && (t = /** @type {import("../../geom/MultiPolygon.js").default} */
-    t.simplifyTransformed(
-      this.squaredTolerance_,
-      this.userTransform_
-    )), !!tt(this.extent_, t.getExtent())) {
-      if (this.strokeState_ || this.fillState_) {
-        this.fillState_ && this.setContextFillState_(this.fillState_), this.strokeState_ && this.setContextStrokeState_(this.strokeState_);
-        const e = this.context_, i = t.getOrientedFlatCoordinates();
-        let n = 0;
-        const s = t.getEndss(), o = t.getStride();
-        e.beginPath();
-        for (let r = 0, l = s.length; r < l; ++r) {
-          const a = s[r];
-          n = this.drawRings_(i, n, a, o);
-        }
-        this.fillState_ && e.fill(), this.strokeState_ && e.stroke();
-      }
-      if (this.text_ !== "") {
-        const e = t.getFlatInteriorPoints();
-        this.drawText_(e, 0, e.length, 2);
-      }
-    }
-  }
-  /**
-   * @param {import("../canvas.js").FillState} fillState Fill state.
-   * @private
-   */
-  setContextFillState_(t) {
-    const e = this.context_, i = this.contextFillState_;
-    i ? i.fillStyle != t.fillStyle && (i.fillStyle = t.fillStyle, e.fillStyle = t.fillStyle) : (e.fillStyle = t.fillStyle, this.contextFillState_ = {
-      fillStyle: t.fillStyle
-    });
-  }
-  /**
-   * @param {import("../canvas.js").StrokeState} strokeState Stroke state.
-   * @private
-   */
-  setContextStrokeState_(t) {
-    const e = this.context_, i = this.contextStrokeState_;
-    i ? (i.lineCap != t.lineCap && (i.lineCap = t.lineCap, e.lineCap = t.lineCap), Rt(i.lineDash, t.lineDash) || e.setLineDash(
-      i.lineDash = t.lineDash
-    ), i.lineDashOffset != t.lineDashOffset && (i.lineDashOffset = t.lineDashOffset, e.lineDashOffset = t.lineDashOffset), i.lineJoin != t.lineJoin && (i.lineJoin = t.lineJoin, e.lineJoin = t.lineJoin), i.lineWidth != t.lineWidth && (i.lineWidth = t.lineWidth, e.lineWidth = t.lineWidth), i.miterLimit != t.miterLimit && (i.miterLimit = t.miterLimit, e.miterLimit = t.miterLimit), i.strokeStyle != t.strokeStyle && (i.strokeStyle = t.strokeStyle, e.strokeStyle = t.strokeStyle)) : (e.lineCap = t.lineCap, e.setLineDash(t.lineDash), e.lineDashOffset = t.lineDashOffset, e.lineJoin = t.lineJoin, e.lineWidth = t.lineWidth, e.miterLimit = t.miterLimit, e.strokeStyle = t.strokeStyle, this.contextStrokeState_ = {
-      lineCap: t.lineCap,
-      lineDash: t.lineDash,
-      lineDashOffset: t.lineDashOffset,
-      lineJoin: t.lineJoin,
-      lineWidth: t.lineWidth,
-      miterLimit: t.miterLimit,
-      strokeStyle: t.strokeStyle
-    });
-  }
-  /**
-   * @param {import("../canvas.js").TextState} textState Text state.
-   * @private
-   */
-  setContextTextState_(t) {
-    const e = this.context_, i = this.contextTextState_, n = t.textAlign ? t.textAlign : Tt;
-    i ? (i.font != t.font && (i.font = t.font, e.font = t.font), i.textAlign != n && (i.textAlign = n, e.textAlign = n), i.textBaseline != t.textBaseline && (i.textBaseline = t.textBaseline, e.textBaseline = t.textBaseline)) : (e.font = t.font, e.textAlign = n, e.textBaseline = t.textBaseline, this.contextTextState_ = {
-      font: t.font,
-      textAlign: n,
-      textBaseline: t.textBaseline
-    });
-  }
-  /**
-   * Set the fill and stroke style for subsequent draw operations.  To clear
-   * either fill or stroke styles, pass null for the appropriate parameter.
-   *
-   * @param {import("../../style/Fill.js").default} fillStyle Fill style.
-   * @param {import("../../style/Stroke.js").default} strokeStyle Stroke style.
-   */
-  setFillStrokeStyle(t, e) {
-    if (!t)
-      this.fillState_ = null;
-    else {
-      const i = t.getColor();
-      this.fillState_ = {
-        fillStyle: ot(
-          i || V
-        )
-      };
-    }
-    if (!e)
-      this.strokeState_ = null;
-    else {
-      const i = e.getColor(), n = e.getLineCap(), s = e.getLineDash(), o = e.getLineDashOffset(), r = e.getLineJoin(), l = e.getWidth(), a = e.getMiterLimit(), h = s || et;
-      this.strokeState_ = {
-        lineCap: n !== void 0 ? n : Gt,
-        lineDash: this.pixelRatio_ === 1 ? h : h.map((d) => d * this.pixelRatio_),
-        lineDashOffset: (o || it) * this.pixelRatio_,
-        lineJoin: r !== void 0 ? r : Yt,
-        lineWidth: (l !== void 0 ? l : Xt) * this.pixelRatio_,
-        miterLimit: a !== void 0 ? a : Nt,
-        strokeStyle: ot(
-          i || Bt
-        )
-      };
-    }
-  }
-  /**
-   * Set the image style for subsequent draw operations.  Pass null to remove
-   * the image style.
-   *
-   * @param {import("../../style/Image.js").default} imageStyle Image style.
-   */
-  setImageStyle(t) {
-    let e;
-    if (!t || !(e = t.getSize())) {
-      this.image_ = null;
-      return;
-    }
-    const i = t.getPixelRatio(this.pixelRatio_), n = t.getAnchor(), s = t.getOrigin();
-    this.image_ = t.getImage(this.pixelRatio_), this.imageAnchorX_ = n[0] * i, this.imageAnchorY_ = n[1] * i, this.imageHeight_ = e[1] * i, this.imageOpacity_ = t.getOpacity(), this.imageOriginX_ = s[0], this.imageOriginY_ = s[1], this.imageRotateWithView_ = t.getRotateWithView(), this.imageRotation_ = t.getRotation();
-    const o = t.getScaleArray();
-    this.imageScale_ = [
-      o[0] * this.pixelRatio_ / i,
-      o[1] * this.pixelRatio_ / i
-    ], this.imageWidth_ = e[0] * i;
-  }
-  /**
-   * Set the text style for subsequent draw operations.  Pass null to
-   * remove the text style.
-   *
-   * @param {import("../../style/Text.js").default} textStyle Text style.
-   */
-  setTextStyle(t) {
-    if (!t)
-      this.text_ = "";
-    else {
-      const e = t.getFill();
-      if (!e)
-        this.textFillState_ = null;
-      else {
-        const f = e.getColor();
-        this.textFillState_ = {
-          fillStyle: ot(
-            f || V
-          )
-        };
-      }
-      const i = t.getStroke();
-      if (!i)
-        this.textStrokeState_ = null;
-      else {
-        const f = i.getColor(), u = i.getLineCap(), _ = i.getLineDash(), p = i.getLineDashOffset(), x = i.getLineJoin(), y = i.getWidth(), m = i.getMiterLimit();
-        this.textStrokeState_ = {
-          lineCap: u !== void 0 ? u : Gt,
-          lineDash: _ || et,
-          lineDashOffset: p || it,
-          lineJoin: x !== void 0 ? x : Yt,
-          lineWidth: y !== void 0 ? y : Xt,
-          miterLimit: m !== void 0 ? m : Nt,
-          strokeStyle: ot(
-            f || Bt
-          )
-        };
-      }
-      const n = t.getFont(), s = t.getOffsetX(), o = t.getOffsetY(), r = t.getRotateWithView(), l = t.getRotation(), a = t.getScaleArray(), h = t.getText(), d = t.getTextAlign(), c = t.getTextBaseline();
-      this.textState_ = {
-        font: n !== void 0 ? n : Fe,
-        textAlign: d !== void 0 ? d : Tt,
-        textBaseline: c !== void 0 ? c : Ht
-      }, this.text_ = h !== void 0 ? Array.isArray(h) ? h.reduce((f, u, _) => f += _ % 2 ? " " : u, "") : h : "", this.textOffsetX_ = s !== void 0 ? this.pixelRatio_ * s : 0, this.textOffsetY_ = o !== void 0 ? this.pixelRatio_ * o : 0, this.textRotateWithView_ = r !== void 0 ? r : !1, this.textRotation_ = l !== void 0 ? l : 0, this.textScale_ = [
-        this.pixelRatio_ * a[0],
-        this.pixelRatio_ * a[1]
-      ];
-    }
-  }
-}
-const z = 0.5;
-function Yi(g, t, e, i, n, s, o) {
-  const r = g[0] * z, l = g[1] * z, a = gt(r, l);
-  a.imageSmoothingEnabled = !1;
-  const h = a.canvas, d = new Gi(
-    a,
-    z,
-    n,
-    null,
-    o
-  ), c = e.length, f = Math.floor((256 * 256 * 256 - 1) / c), u = {};
-  for (let p = 1; p <= c; ++p) {
-    const x = e[p - 1], y = x.getStyleFunction() || i;
-    if (!y)
-      continue;
-    let m = y(x, s);
-    if (!m)
-      continue;
-    Array.isArray(m) || (m = [m]);
-    const T = (p * f).toString(16).padStart(7, "#00000");
-    for (let L = 0, O = m.length; L < O; ++L) {
-      const k = m[L], D = k.getGeometryFunction()(x);
-      if (!D || !tt(n, D.getExtent()))
-        continue;
-      const b = k.clone(), P = b.getFill();
-      P && P.setColor(T);
-      const W = b.getStroke();
-      W && (W.setColor(T), W.setLineDash(null)), b.setText(void 0);
-      const F = k.getImage();
-      if (F) {
-        const w = F.getImageSize();
-        if (!w)
-          continue;
-        const M = gt(
-          w[0],
-          w[1],
-          void 0,
-          { alpha: !1 }
-        ), v = M.canvas;
-        M.fillStyle = T, M.fillRect(0, 0, v.width, v.height), b.setImage(
-          new Ti({
-            img: v,
-            imgSize: w,
-            anchor: F.getAnchor(),
-            anchorXUnits: "pixels",
-            anchorYUnits: "pixels",
-            offset: F.getOrigin(),
-            opacity: 1,
-            size: F.getSize(),
-            scale: F.getScale(),
-            rotation: F.getRotation(),
-            rotateWithView: F.getRotateWithView()
-          })
-        );
-      }
-      const Y = b.getZIndex() || 0;
-      let R = u[Y];
-      R || (R = {}, u[Y] = R, R.Polygon = [], R.Circle = [], R.LineString = [], R.Point = []);
-      const E = D.getType();
-      if (E === "GeometryCollection") {
-        const w = (
-          /** @type {import("../../geom/GeometryCollection.js").default} */
-          D.getGeometriesArrayRecursive()
-        );
-        for (let M = 0, v = w.length; M < v; ++M) {
-          const A = w[M];
-          R[A.getType().replace("Multi", "")].push(
-            A,
-            b
-          );
-        }
-      } else
-        R[E.replace("Multi", "")].push(D, b);
-    }
-  }
-  const _ = Object.keys(u).map(Number).sort(ie);
-  for (let p = 0, x = _.length; p < x; ++p) {
-    const y = u[_[p]];
-    for (const m in y) {
-      const C = y[m];
-      for (let T = 0, L = C.length; T < L; T += 2) {
-        d.setStyle(C[T + 1]);
-        for (let O = 0, k = t.length; O < k; ++O)
-          d.setTransform(t[O]), d.drawGeometry(C[T]);
-      }
-    }
-  }
-  return a.getImageData(0, 0, h.width, h.height);
-}
-function Xi(g, t, e) {
-  const i = [];
-  if (e) {
-    const n = Math.floor(Math.round(g[0]) * z), s = Math.floor(Math.round(g[1]) * z), o = (Re(n, 0, e.width - 1) + Re(s, 0, e.height - 1) * e.width) * 4, r = e.data[o], l = e.data[o + 1], h = e.data[o + 2] + 256 * (l + 256 * r), d = Math.floor((256 * 256 * 256 - 1) / t.length);
-    h && h % d === 0 && i.push(t[h / d - 1]);
-  }
-  return i;
-}
-const Ni = 0.5, Pe = {
-  Point: Ui,
-  LineString: Ki,
-  Polygon: Qi,
-  MultiPoint: $i,
-  MultiLineString: zi,
-  MultiPolygon: qi,
-  GeometryCollection: ji,
-  Circle: Vi
-};
-function Hi(g, t) {
-  return parseInt(It(g), 10) - parseInt(It(t), 10);
-}
-function Ji(g, t) {
-  const e = ne(g, t);
-  return e * e;
-}
-function ne(g, t) {
-  return Ni * g / t;
-}
-function Vi(g, t, e, i, n) {
-  const s = e.getFill(), o = e.getStroke();
-  if (s || o) {
-    const l = g.getBuilder(e.getZIndex(), "Circle");
-    l.setFillStrokeStyle(s, o), l.drawCircle(t, i);
-  }
-  const r = e.getText();
-  if (r && r.getText()) {
-    const l = (n || g).getBuilder(
-      e.getZIndex(),
-      "Text"
-    );
-    l.setTextStyle(r), l.drawText(t, i);
-  }
-}
-function Me(g, t, e, i, n, s, o) {
-  let r = !1;
-  const l = e.getImage();
-  if (l) {
-    const a = l.getImageState();
-    a == Ct.LOADED || a == Ct.ERROR ? l.unlistenImageChange(n) : (a == Ct.IDLE && l.load(), l.listenImageChange(n), r = !0);
-  }
-  return Zi(
-    g,
-    t,
-    e,
-    i,
-    s,
-    o
-  ), r;
-}
-function Zi(g, t, e, i, n, s) {
-  const o = e.getGeometryFunction()(t);
-  if (!o)
-    return;
-  const r = o.simplifyTransformed(
-    i,
-    n
-  );
-  if (e.getRenderer())
-    ve(g, r, e, t);
-  else {
-    const a = Pe[r.getType()];
-    a(
-      g,
-      r,
-      e,
-      t,
-      s
-    );
-  }
-}
-function ve(g, t, e, i) {
-  if (t.getType() == "GeometryCollection") {
-    const s = (
-      /** @type {import("../geom/GeometryCollection.js").default} */
-      t.getGeometries()
-    );
-    for (let o = 0, r = s.length; o < r; ++o)
-      ve(g, s[o], e, i);
-    return;
-  }
-  g.getBuilder(e.getZIndex(), "Default").drawCustom(
-    /** @type {import("../geom/SimpleGeometry.js").default} */
-    t,
-    i,
-    e.getRenderer(),
-    e.getHitDetectionRenderer()
-  );
-}
-function ji(g, t, e, i, n) {
-  const s = t.getGeometriesArray();
-  let o, r;
-  for (o = 0, r = s.length; o < r; ++o) {
-    const l = Pe[s[o].getType()];
-    l(
-      g,
-      s[o],
-      e,
-      i,
-      n
-    );
-  }
-}
-function Ki(g, t, e, i, n) {
-  const s = e.getStroke();
-  if (s) {
-    const r = g.getBuilder(
-      e.getZIndex(),
-      "LineString"
-    );
-    r.setFillStrokeStyle(null, s), r.drawLineString(t, i);
-  }
-  const o = e.getText();
-  if (o && o.getText()) {
-    const r = (n || g).getBuilder(
-      e.getZIndex(),
-      "Text"
-    );
-    r.setTextStyle(o), r.drawText(t, i);
-  }
-}
-function zi(g, t, e, i, n) {
-  const s = e.getStroke();
-  if (s) {
-    const r = g.getBuilder(
-      e.getZIndex(),
-      "LineString"
-    );
-    r.setFillStrokeStyle(null, s), r.drawMultiLineString(t, i);
-  }
-  const o = e.getText();
-  if (o && o.getText()) {
-    const r = (n || g).getBuilder(
-      e.getZIndex(),
-      "Text"
-    );
-    r.setTextStyle(o), r.drawText(t, i);
-  }
-}
-function qi(g, t, e, i, n) {
-  const s = e.getFill(), o = e.getStroke();
-  if (o || s) {
-    const l = g.getBuilder(e.getZIndex(), "Polygon");
-    l.setFillStrokeStyle(s, o), l.drawMultiPolygon(t, i);
-  }
-  const r = e.getText();
-  if (r && r.getText()) {
-    const l = (n || g).getBuilder(
-      e.getZIndex(),
-      "Text"
-    );
-    l.setTextStyle(r), l.drawText(t, i);
-  }
-}
-function Ui(g, t, e, i, n) {
-  const s = e.getImage(), o = e.getText();
-  let r;
-  if (s) {
-    if (s.getImageState() != Ct.LOADED)
-      return;
-    let l = g;
-    if (n) {
-      const h = s.getDeclutterMode();
-      if (h !== "none")
-        if (l = n, h === "obstacle") {
-          const d = g.getBuilder(
-            e.getZIndex(),
-            "Image"
-          );
-          d.setImageStyle(s, r), d.drawPoint(t, i);
-        } else o && o.getText() && (r = {});
-    }
-    const a = l.getBuilder(
-      e.getZIndex(),
-      "Image"
-    );
-    a.setImageStyle(s, r), a.drawPoint(t, i);
-  }
-  if (o && o.getText()) {
-    let l = g;
-    n && (l = n);
-    const a = l.getBuilder(e.getZIndex(), "Text");
-    a.setTextStyle(o, r), a.drawText(t, i);
-  }
-}
-function $i(g, t, e, i, n) {
-  const s = e.getImage(), o = e.getText();
-  let r;
-  if (s) {
-    if (s.getImageState() != Ct.LOADED)
-      return;
-    let l = g;
-    if (n) {
-      const h = s.getDeclutterMode();
-      if (h !== "none")
-        if (l = n, h === "obstacle") {
-          const d = g.getBuilder(
-            e.getZIndex(),
-            "Image"
-          );
-          d.setImageStyle(s, r), d.drawMultiPoint(t, i);
-        } else o && o.getText() && (r = {});
-    }
-    const a = l.getBuilder(
-      e.getZIndex(),
-      "Image"
-    );
-    a.setImageStyle(s, r), a.drawMultiPoint(t, i);
-  }
-  if (o && o.getText()) {
-    let l = g;
-    n && (l = n);
-    const a = l.getBuilder(e.getZIndex(), "Text");
-    a.setTextStyle(o, r), a.drawText(t, i);
-  }
-}
-function Qi(g, t, e, i, n) {
-  const s = e.getFill(), o = e.getStroke();
-  if (s || o) {
-    const l = g.getBuilder(e.getZIndex(), "Polygon");
-    l.setFillStrokeStyle(s, o), l.drawPolygon(t, i);
-  }
-  const r = e.getText();
-  if (r && r.getText()) {
-    const l = (n || g).getBuilder(
-      e.getZIndex(),
-      "Text"
-    );
-    l.setTextStyle(r), l.drawText(t, i);
-  }
-}
-class tn extends Li {
-  /**
-   * @param {import("../../layer/BaseVector.js").default} vectorLayer Vector layer.
-   */
-  constructor(t) {
-    super(t), this.boundHandleStyleImageChange_ = this.handleStyleImageChange_.bind(this), this.animatingOrInteracting_, this.hitDetectionImageData_ = null, this.renderedFeatures_ = null, this.renderedRevision_ = -1, this.renderedResolution_ = NaN, this.renderedExtent_ = At(), this.wrappedRenderedExtent_ = At(), this.renderedRotation_, this.renderedCenter_ = null, this.renderedProjection_ = null, this.renderedRenderOrder_ = null, this.replayGroup_ = null, this.replayGroupChanged = !0, this.declutterExecutorGroup = null, this.clipping = !0, this.compositionContext_ = null, this.opacity_ = 1;
-  }
-  /**
-   * @param {ExecutorGroup} executorGroup Executor group.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @param {import("rbush").default} [declutterTree] Declutter tree.
-   */
-  renderWorlds(t, e, i) {
-    const n = e.extent, s = e.viewState, o = s.center, r = s.resolution, l = s.projection, a = s.rotation, h = l.getExtent(), d = this.getLayer().getSource(), c = e.pixelRatio, f = e.viewHints, u = !(f[Mt.ANIMATING] || f[Mt.INTERACTING]), _ = this.compositionContext_, p = Math.round(e.size[0] * c), x = Math.round(e.size[1] * c), y = d.getWrapX() && l.canWrapX(), m = y ? Ft(h) : null, C = y ? Math.ceil((n[2] - h[2]) / m) + 1 : 1;
-    let T = y ? Math.floor((n[0] - h[0]) / m) : 0;
-    do {
-      const L = this.getRenderTransform(
-        o,
-        r,
-        a,
-        c,
-        p,
-        x,
-        T * m
-      );
-      t.execute(
-        _,
-        1,
-        L,
-        a,
-        u,
-        void 0,
-        i
-      );
-    } while (++T < C);
-  }
-  setupCompositionContext_() {
-    if (this.opacity_ !== 1) {
-      const t = gt(
-        this.context.canvas.width,
-        this.context.canvas.height,
-        ke
-      );
-      this.compositionContext_ = t;
-    } else
-      this.compositionContext_ = this.context;
-  }
-  releaseCompositionContext_() {
-    if (this.opacity_ !== 1) {
-      const t = this.context.globalAlpha;
-      this.context.globalAlpha = this.opacity_, this.context.drawImage(this.compositionContext_.canvas, 0, 0), this.context.globalAlpha = t, Ii(this.compositionContext_), ke.push(this.compositionContext_.canvas), this.compositionContext_ = null;
-    }
-  }
-  /**
-   * Render declutter items for this layer
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   */
-  renderDeclutter(t) {
-    this.declutterExecutorGroup && (this.setupCompositionContext_(), this.renderWorlds(
-      this.declutterExecutorGroup,
-      t,
-      t.declutterTree
-    ), this.releaseCompositionContext_());
-  }
-  /**
-   * Render the layer.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @param {HTMLElement|null} target Target that may be used to render content to.
-   * @return {HTMLElement|null} The rendered element.
-   */
-  renderFrame(t, e) {
-    const i = t.pixelRatio, n = t.layerStatesArray[t.layerIndex];
-    fi(this.pixelTransform, 1 / i, 1 / i), ui(this.inversePixelTransform, this.pixelTransform);
-    const s = gi(this.pixelTransform);
-    this.useContainer(e, s, this.getBackground(t));
-    const o = this.context, r = o.canvas, l = this.replayGroup_, a = this.declutterExecutorGroup;
-    let h = l && !l.isEmpty() || a && !a.isEmpty();
-    if (!h && !(this.getLayer().hasListener(vt.PRERENDER) || this.getLayer().hasListener(vt.POSTRENDER)))
-      return null;
-    const d = Math.round(t.size[0] * i), c = Math.round(t.size[1] * i);
-    r.width != d || r.height != c ? (r.width = d, r.height = c, r.style.transform !== s && (r.style.transform = s)) : this.containerReused || o.clearRect(0, 0, d, c), this.preRender(o, t);
-    const f = t.viewState;
-    f.projection, this.opacity_ = n.opacity, this.setupCompositionContext_();
-    let u = !1;
-    if (h && n.extent && this.clipping) {
-      const _ = _i(n.extent);
-      h = tt(_, t.extent), u = h && !Wt(_, t.extent), u && this.clipUnrotated(this.compositionContext_, t, _);
-    }
-    return h && this.renderWorlds(l, t), u && this.compositionContext_.restore(), this.releaseCompositionContext_(), this.postRender(o, t), this.renderedRotation_ !== f.rotation && (this.renderedRotation_ = f.rotation, this.hitDetectionImageData_ = null), this.container;
-  }
-  /**
-   * Asynchronous layer level hit detection.
-   * @param {import("../../pixel.js").Pixel} pixel Pixel.
-   * @return {Promise<Array<import("../../Feature").default>>} Promise
-   * that resolves with an array of features.
-   */
-  getFeatures(t) {
-    return new Promise((e) => {
-      if (!this.hitDetectionImageData_ && !this.animatingOrInteracting_) {
-        const i = [this.context.canvas.width, this.context.canvas.height];
-        G(this.pixelTransform, i);
-        const n = this.renderedCenter_, s = this.renderedResolution_, o = this.renderedRotation_, r = this.renderedProjection_, l = this.wrappedRenderedExtent_, a = this.getLayer(), h = [], d = i[0] * z, c = i[1] * z;
-        h.push(
-          this.getRenderTransform(
-            n,
-            s,
-            o,
-            z,
-            d,
-            c,
-            0
-          ).slice()
-        );
-        const f = a.getSource(), u = r.getExtent();
-        if (f.getWrapX() && r.canWrapX() && !Wt(u, l)) {
-          let _ = l[0];
-          const p = Ft(u);
-          let x = 0, y;
-          for (; _ < u[0]; )
-            --x, y = p * x, h.push(
-              this.getRenderTransform(
-                n,
-                s,
-                o,
-                z,
-                d,
-                c,
-                y
-              ).slice()
-            ), _ += p;
-          for (x = 0, _ = l[2]; _ > u[2]; )
-            ++x, y = p * x, h.push(
-              this.getRenderTransform(
-                n,
-                s,
-                o,
-                z,
-                d,
-                c,
-                y
-              ).slice()
-            ), _ -= p;
-        }
-        this.hitDetectionImageData_ = Yi(
-          i,
-          h,
-          this.renderedFeatures_,
-          a.getStyleFunction(),
-          l,
-          s,
-          o
-        );
-      }
-      e(
-        Xi(t, this.renderedFeatures_, this.hitDetectionImageData_)
-      );
-    });
-  }
-  /**
-   * @param {import("../../coordinate.js").Coordinate} coordinate Coordinate.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @param {number} hitTolerance Hit tolerance in pixels.
-   * @param {import("../vector.js").FeatureCallback<T>} callback Feature callback.
-   * @param {Array<import("../Map.js").HitMatch<T>>} matches The hit detected matches with tolerance.
-   * @return {T|undefined} Callback result.
-   * @template T
-   */
-  forEachFeatureAtCoordinate(t, e, i, n, s) {
-    if (!this.replayGroup_)
-      return;
-    const o = e.viewState.resolution, r = e.viewState.rotation, l = this.getLayer(), a = {}, h = function(f, u, _) {
-      const p = It(f), x = a[p];
-      if (x) {
-        if (x !== !0 && _ < x.distanceSq) {
-          if (_ === 0)
-            return a[p] = !0, s.splice(s.lastIndexOf(x), 1), n(f, l, u);
-          x.geometry = u, x.distanceSq = _;
-        }
-      } else {
-        if (_ === 0)
-          return a[p] = !0, n(f, l, u);
-        s.push(
-          a[p] = {
-            feature: f,
-            layer: l,
-            geometry: u,
-            distanceSq: _,
-            callback: n
-          }
-        );
-      }
-    };
-    let d;
-    const c = [this.replayGroup_];
-    return this.declutterExecutorGroup && c.push(this.declutterExecutorGroup), c.some((f) => d = f.forEachFeatureAtCoordinate(
-      t,
-      o,
-      r,
-      i,
-      h,
-      f === this.declutterExecutorGroup && e.declutterTree ? e.declutterTree.all().map((u) => u.value) : null
-    )), d;
-  }
-  /**
-   * Perform action necessary to get the layer rendered after new fonts have loaded
-   */
-  handleFontsChanged() {
-    const t = this.getLayer();
-    t.getVisible() && this.replayGroup_ && t.changed();
-  }
-  /**
-   * Handle changes in image style state.
-   * @param {import("../../events/Event.js").default} event Image style change event.
-   * @private
-   */
-  handleStyleImageChange_(t) {
-    this.renderIfReadyAndVisible();
-  }
-  /**
-   * Determine whether render should be called.
-   * @param {import("../../Map.js").FrameState} frameState Frame state.
-   * @return {boolean} Layer is ready to be rendered.
-   */
-  prepareFrame(t) {
-    const e = this.getLayer(), i = e.getSource();
-    if (!i)
-      return !1;
-    const n = t.viewHints[Mt.ANIMATING], s = t.viewHints[Mt.INTERACTING], o = e.getUpdateWhileAnimating(), r = e.getUpdateWhileInteracting();
-    if (this.ready && !o && n || !r && s)
-      return this.animatingOrInteracting_ = !0, !0;
-    this.animatingOrInteracting_ = !1;
-    const l = t.extent, a = t.viewState, h = a.projection, d = a.resolution, c = t.pixelRatio, f = e.getRevision(), u = e.getRenderBuffer();
-    let _ = e.getRenderOrder();
-    _ === void 0 && (_ = Hi);
-    const p = a.center.slice(), x = se(
-      l,
-      u * d
-    ), y = x.slice(), m = [x.slice()], C = h.getExtent();
-    if (i.getWrapX() && h.canWrapX() && !Wt(C, t.extent)) {
-      const R = Ft(C), E = Math.max(Ft(x) / 2, R);
-      x[0] = C[0] - E, x[2] = C[2] + E, xi(p, h);
-      const w = pi(m[0], h);
-      w[0] < C[0] && w[2] < C[2] ? m.push([
-        w[0] + R,
-        w[1],
-        w[2] + R,
-        w[3]
-      ]) : w[0] > C[0] && w[2] > C[2] && m.push([
-        w[0] - R,
-        w[1],
-        w[2] - R,
-        w[3]
-      ]);
-    }
-    if (this.ready && this.renderedResolution_ == d && this.renderedRevision_ == f && this.renderedRenderOrder_ == _ && Wt(this.wrappedRenderedExtent_, x))
-      return Rt(this.renderedExtent_, y) || (this.hitDetectionImageData_ = null, this.renderedExtent_ = y), this.renderedCenter_ = p, this.replayGroupChanged = !1, !0;
-    this.replayGroup_ = null;
-    const T = new Le(
-      ne(d, c),
-      x,
-      d,
-      c
-    );
-    let L;
-    this.getLayer().getDeclutter() && (L = new Le(
-      ne(d, c),
-      x,
-      d,
-      c
-    ));
-    let O;
-    for (let R = 0, E = m.length; R < E; ++R)
-      i.loadFeatures(m[R], d, h);
-    const k = Ji(d, c);
-    let D = !0;
-    const b = (
-      /**
-       * @param {import("../../Feature.js").default} feature Feature.
-       */
-      (R) => {
-        let E;
-        const w = R.getStyleFunction() || e.getStyleFunction();
-        if (w && (E = w(R, d)), E) {
-          const M = this.renderFeature(
-            R,
-            k,
-            E,
-            T,
-            O,
-            L
-          );
-          D = D && !M;
-        }
-      }
-    ), P = Si(x), W = i.getFeaturesInExtent(P);
-    _ && W.sort(_);
-    for (let R = 0, E = W.length; R < E; ++R)
-      b(W[R]);
-    this.renderedFeatures_ = W, this.ready = D;
-    const F = T.finish(), Y = new be(
-      x,
-      d,
-      c,
-      i.getOverlaps(),
-      F,
-      e.getRenderBuffer()
-    );
-    return L && (this.declutterExecutorGroup = new be(
-      x,
-      d,
-      c,
-      i.getOverlaps(),
-      L.finish(),
-      e.getRenderBuffer()
-    )), this.renderedResolution_ = d, this.renderedRevision_ = f, this.renderedRenderOrder_ = _, this.renderedExtent_ = y, this.wrappedRenderedExtent_ = x, this.renderedCenter_ = p, this.renderedProjection_ = h, this.replayGroup_ = Y, this.hitDetectionImageData_ = null, this.replayGroupChanged = !0, !0;
-  }
-  /**
-   * @param {import("../../Feature.js").default} feature Feature.
-   * @param {number} squaredTolerance Squared render tolerance.
-   * @param {import("../../style/Style.js").default|Array<import("../../style/Style.js").default>} styles The style or array of styles.
-   * @param {import("../../render/canvas/BuilderGroup.js").default} builderGroup Builder group.
-   * @param {import("../../proj.js").TransformFunction} [transform] Transform from user to view projection.
-   * @param {import("../../render/canvas/BuilderGroup.js").default} [declutterBuilderGroup] Builder for decluttering.
-   * @return {boolean} `true` if an image is loading.
-   */
-  renderFeature(t, e, i, n, s, o) {
-    if (!i)
-      return !1;
-    let r = !1;
-    if (Array.isArray(i))
-      for (let l = 0, a = i.length; l < a; ++l)
-        r = Me(
-          n,
-          t,
-          i[l],
-          e,
-          this.boundHandleStyleImageChange_,
-          s,
-          o
-        ) || r;
-    else
-      r = Me(
-        n,
-        t,
-        i,
-        e,
-        this.boundHandleStyleImageChange_,
-        s,
-        o
-      );
-    return r;
-  }
-}
-class rn extends $e {
-  /**
-   * @param {import("./BaseVector.js").Options<VectorSourceType>} [options] Options.
-   */
-  constructor(t) {
-    super(t);
-  }
-  createRenderer() {
-    return new tn(this);
-  }
-}
-export {
-  Li as C,
-  rn as V
-};