@hybridcore/ui 1.0.2 → 1.1.0

package/dist/Text-DVP2PrYM.js

@@ -0,0 +1,2192 @@
+import { d as m, f as w, b as v, W as j, h as ae, c as le, i as N, I as he, u as ce, E as O, j as oe, g as ue } from "./Object-DBPgar-D.js";
+const _ = {
+  IDLE: 0,
+  LOADING: 1,
+  LOADED: 2,
+  ERROR: 3,
+  EMPTY: 4
+};
+function Me(i) {
+  return i[0] > 0 && i[1] > 0;
+}
+function x(i, e) {
+  return Array.isArray(i) ? i : (e === void 0 ? e = [i, i] : (e[0] = i, e[1] = i), e);
+}
+class E {
+  /**
+   * @param {Options} options Options.
+   */
+  constructor(e) {
+    this.opacity_ = e.opacity, this.rotateWithView_ = e.rotateWithView, this.rotation_ = e.rotation, this.scale_ = e.scale, this.scaleArray_ = x(e.scale), this.displacement_ = e.displacement, this.declutterMode_ = e.declutterMode;
+  }
+  /**
+   * Clones the style.
+   * @return {ImageStyle} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getScale();
+    return new E({
+      opacity: this.getOpacity(),
+      scale: Array.isArray(e) ? e.slice() : e,
+      rotation: this.getRotation(),
+      rotateWithView: this.getRotateWithView(),
+      displacement: this.getDisplacement().slice(),
+      declutterMode: this.getDeclutterMode()
+    });
+  }
+  /**
+   * Get the symbolizer opacity.
+   * @return {number} Opacity.
+   * @api
+   */
+  getOpacity() {
+    return this.opacity_;
+  }
+  /**
+   * Determine whether the symbolizer rotates with the map.
+   * @return {boolean} Rotate with map.
+   * @api
+   */
+  getRotateWithView() {
+    return this.rotateWithView_;
+  }
+  /**
+   * Get the symoblizer rotation.
+   * @return {number} Rotation.
+   * @api
+   */
+  getRotation() {
+    return this.rotation_;
+  }
+  /**
+   * Get the symbolizer scale.
+   * @return {number|import("../size.js").Size} Scale.
+   * @api
+   */
+  getScale() {
+    return this.scale_;
+  }
+  /**
+   * Get the symbolizer scale array.
+   * @return {import("../size.js").Size} Scale array.
+   */
+  getScaleArray() {
+    return this.scaleArray_;
+  }
+  /**
+   * Get the displacement of the shape
+   * @return {Array<number>} Shape's center displacement
+   * @api
+   */
+  getDisplacement() {
+    return this.displacement_;
+  }
+  /**
+   * Get the declutter mode of the shape
+   * @return {"declutter"|"obstacle"|"none"|undefined} Shape's declutter mode
+   * @api
+   */
+  getDeclutterMode() {
+    return this.declutterMode_;
+  }
+  /**
+   * Get the anchor point in pixels. The anchor determines the center point for the
+   * symbolizer.
+   * @abstract
+   * @return {Array<number>} Anchor.
+   */
+  getAnchor() {
+    return m();
+  }
+  /**
+   * Get the image element for the symbolizer.
+   * @abstract
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLCanvasElement|HTMLVideoElement|HTMLImageElement} Image element.
+   */
+  getImage(e) {
+    return m();
+  }
+  /**
+   * @abstract
+   * @return {HTMLCanvasElement|HTMLVideoElement|HTMLImageElement} Image element.
+   */
+  getHitDetectionImage() {
+    return m();
+  }
+  /**
+   * Get the image pixel ratio.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Pixel ratio.
+   */
+  getPixelRatio(e) {
+    return 1;
+  }
+  /**
+   * @abstract
+   * @return {import("../ImageState.js").default} Image state.
+   */
+  getImageState() {
+    return m();
+  }
+  /**
+   * @abstract
+   * @return {import("../size.js").Size} Image size.
+   */
+  getImageSize() {
+    return m();
+  }
+  /**
+   * Get the origin of the symbolizer.
+   * @abstract
+   * @return {Array<number>} Origin.
+   */
+  getOrigin() {
+    return m();
+  }
+  /**
+   * Get the size of the symbolizer (in pixels).
+   * @abstract
+   * @return {import("../size.js").Size} Size.
+   */
+  getSize() {
+    return m();
+  }
+  /**
+   * Set the displacement.
+   *
+   * @param {Array<number>} displacement Displacement.
+   * @api
+   */
+  setDisplacement(e) {
+    this.displacement_ = e;
+  }
+  /**
+   * Set the opacity.
+   *
+   * @param {number} opacity Opacity.
+   * @api
+   */
+  setOpacity(e) {
+    this.opacity_ = e;
+  }
+  /**
+   * Set whether to rotate the style with the view.
+   *
+   * @param {boolean} rotateWithView Rotate with map.
+   * @api
+   */
+  setRotateWithView(e) {
+    this.rotateWithView_ = e;
+  }
+  /**
+   * Set the rotation.
+   *
+   * @param {number} rotation Rotation.
+   * @api
+   */
+  setRotation(e) {
+    this.rotation_ = e;
+  }
+  /**
+   * Set the scale.
+   *
+   * @param {number|import("../size.js").Size} scale Scale.
+   * @api
+   */
+  setScale(e) {
+    this.scale_ = e, this.scaleArray_ = x(e);
+  }
+  /**
+   * @abstract
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  listenImageChange(e) {
+    m();
+  }
+  /**
+   * Load not yet loaded URI.
+   * @abstract
+   */
+  load() {
+    m();
+  }
+  /**
+   * @abstract
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  unlistenImageChange(e) {
+    m();
+  }
+}
+const ge = /^#([a-f0-9]{3}|[a-f0-9]{4}(?:[a-f0-9]{2}){0,2})$/i, fe = /^([a-z]*)$|^hsla?\(.*\)$/i;
+function $(i) {
+  return typeof i == "string" ? i : ee(i);
+}
+function de(i) {
+  const e = document.createElement("div");
+  if (e.style.color = i, e.style.color !== "") {
+    document.body.appendChild(e);
+    const t = getComputedStyle(e).color;
+    return document.body.removeChild(e), t;
+  }
+  return "";
+}
+const _e = /* @__PURE__ */ function() {
+  const e = {};
+  let t = 0;
+  return (
+    /**
+     * @param {string} s String.
+     * @return {Color} Color.
+     */
+    function(n) {
+      let s;
+      if (e.hasOwnProperty(n))
+        s = e[n];
+      else {
+        if (t >= 1024) {
+          let r = 0;
+          for (const a in e)
+            r++ & 3 || (delete e[a], --t);
+        }
+        s = me(n), e[n] = s, ++t;
+      }
+      return s;
+    }
+  );
+}();
+function Q(i) {
+  return Array.isArray(i) ? i : _e(i);
+}
+function me(i) {
+  let e, t, n, s, r;
+  if (fe.exec(i) && (i = de(i)), ge.exec(i)) {
+    const a = i.length - 1;
+    let l;
+    a <= 4 ? l = 1 : l = 2;
+    const o = a === 4 || a === 8;
+    e = parseInt(i.substr(1 + 0 * l, l), 16), t = parseInt(i.substr(1 + 1 * l, l), 16), n = parseInt(i.substr(1 + 2 * l, l), 16), o ? s = parseInt(i.substr(1 + 3 * l, l), 16) : s = 255, l == 1 && (e = (e << 4) + e, t = (t << 4) + t, n = (n << 4) + n, o && (s = (s << 4) + s)), r = [e, t, n, s / 255];
+  } else i.startsWith("rgba(") ? (r = i.slice(5, -1).split(",").map(Number), J(r)) : i.startsWith("rgb(") ? (r = i.slice(4, -1).split(",").map(Number), r.push(1), J(r)) : w(!1, 14);
+  return r;
+}
+function J(i) {
+  return i[0] = v(i[0] + 0.5 | 0, 0, 255), i[1] = v(i[1] + 0.5 | 0, 0, 255), i[2] = v(i[2] + 0.5 | 0, 0, 255), i[3] = v(i[3], 0, 1), i;
+}
+function ee(i) {
+  let e = i[0];
+  e != (e | 0) && (e = e + 0.5 | 0);
+  let t = i[1];
+  t != (t | 0) && (t = t + 0.5 | 0);
+  let n = i[2];
+  n != (n | 0) && (n = n + 0.5 | 0);
+  const s = i[3] === void 0 ? 1 : Math.round(i[3] * 100) / 100;
+  return "rgba(" + e + "," + t + "," + n + "," + s + ")";
+}
+function X(i) {
+  return Array.isArray(i) ? ee(i) : i;
+}
+function L(i, e, t, n) {
+  let s;
+  return t && t.length ? s = t.shift() : j ? s = new OffscreenCanvas(i || 300, e || 300) : s = document.createElement("canvas"), i && (s.width = i), e && (s.height = e), /** @type {CanvasRenderingContext2D} */
+  s.getContext("2d", n);
+}
+function Ee(i) {
+  const e = i.canvas;
+  e.width = 1, e.height = 1, i.clearRect(0, 0, 1, 1);
+}
+function Re(i, e) {
+  const t = e.parentNode;
+  t && t.replaceChild(i, e);
+}
+function be(i) {
+  return i && i.parentNode ? i.parentNode.removeChild(i) : null;
+}
+function Fe(i) {
+  for (; i.lastChild; )
+    i.removeChild(i.lastChild);
+}
+function We(i, e) {
+  const t = i.childNodes;
+  for (let n = 0; ; ++n) {
+    const s = t[n], r = e[n];
+    if (!s && !r)
+      break;
+    if (s !== r) {
+      if (!s) {
+        i.appendChild(r);
+        continue;
+      }
+      if (!r) {
+        i.removeChild(s), --n;
+        continue;
+      }
+      i.insertBefore(r, s);
+    }
+  }
+}
+const Te = "ol-hidden", Pe = "ol-unselectable", Ve = "ol-control", He = "ol-collapsed", ye = new RegExp(
+  [
+    "^\\s*(?=(?:(?:[-a-z]+\\s*){0,2}(italic|oblique))?)",
+    "(?=(?:(?:[-a-z]+\\s*){0,2}(small-caps))?)",
+    "(?=(?:(?:[-a-z]+\\s*){0,2}(bold(?:er)?|lighter|[1-9]00 ))?)",
+    "(?:(?:normal|\\1|\\2|\\3)\\s*){0,3}((?:xx?-)?",
+    "(?:small|large)|medium|smaller|larger|[\\.\\d]+(?:\\%|in|[cem]m|ex|p[ctx]))",
+    "(?:\\s*\\/\\s*(normal|[\\.\\d]+(?:\\%|in|[cem]m|ex|p[ctx])?))",
+    `?\\s*([-,\\"\\'\\sa-z]+?)\\s*$`
+  ].join(""),
+  "i"
+), U = [
+  "style",
+  "variant",
+  "weight",
+  "size",
+  "lineHeight",
+  "family"
+], te = function(i) {
+  const e = i.match(ye);
+  if (!e)
+    return null;
+  const t = (
+    /** @type {FontParameters} */
+    {
+      lineHeight: "normal",
+      size: "1.2em",
+      style: "normal",
+      weight: "normal",
+      variant: "normal"
+    }
+  );
+  for (let n = 0, s = U.length; n < s; ++n) {
+    const r = e[n + 1];
+    r !== void 0 && (t[U[n]] = r);
+  }
+  return t.families = t.family.split(/,\s?/), t;
+}, Be = "10px sans-serif", Y = "#000", Ne = "round", Je = [], Xe = 0, G = "round", Se = 10, Ie = "#000", Ue = "center", Ye = "middle", Ge = [0, 0, 0, 0], De = 1, y = new ae();
+let D = null, T;
+const P = {}, pe = function() {
+  const e = "32px ", t = ["monospace", "serif"], n = t.length, s = "wmytzilWMYTZIL@#/&?$%10";
+  let r, a;
+  function l(c, h, u) {
+    let f = !0;
+    for (let g = 0; g < n; ++g) {
+      const d = t[g];
+      if (a = M(
+        c + " " + h + " " + e + d,
+        s
+      ), u != d) {
+        const I = M(
+          c + " " + h + " " + e + u + "," + d,
+          s
+        );
+        f = f && I != a;
+      }
+    }
+    return !!f;
+  }
+  function o() {
+    let c = !0;
+    const h = y.getKeys();
+    for (let u = 0, f = h.length; u < f; ++u) {
+      const g = h[u];
+      y.get(g) < 100 && (l.apply(this, g.split(`
+`)) ? (le(P), D = null, T = void 0, y.set(g, 100)) : (y.set(g, y.get(g) + 1, !0), c = !1));
+    }
+    c && (clearInterval(r), r = void 0);
+  }
+  return function(c) {
+    const h = te(c);
+    if (!h)
+      return;
+    const u = h.families;
+    for (let f = 0, g = u.length; f < g; ++f) {
+      const d = u[f], I = h.style + `
+` + h.weight + `
+` + d;
+      y.get(I) === void 0 && (y.set(I, 100, !0), l(h.style, h.weight, d) || (y.set(I, 0, !0), r === void 0 && (r = setInterval(o, 32))));
+    }
+  };
+}(), we = /* @__PURE__ */ function() {
+  let i;
+  return function(e) {
+    let t = P[e];
+    if (t == null) {
+      if (j) {
+        const n = te(e), s = ie(e, "Žg");
+        t = (isNaN(Number(n.lineHeight)) ? 1.2 : Number(n.lineHeight)) * (s.actualBoundingBoxAscent + s.actualBoundingBoxDescent);
+      } else
+        i || (i = document.createElement("div"), i.innerHTML = "M", i.style.minHeight = "0", i.style.maxHeight = "none", i.style.height = "auto", i.style.padding = "0", i.style.border = "none", i.style.position = "absolute", i.style.display = "block", i.style.left = "-99999px"), i.style.font = e, document.body.appendChild(i), t = i.offsetHeight, document.body.removeChild(i);
+      P[e] = t;
+    }
+    return t;
+  };
+}();
+function ie(i, e) {
+  return D || (D = L(1, 1)), i != T && (D.font = i, T = D.font), D.measureText(e);
+}
+function M(i, e) {
+  return ie(i, e).width;
+}
+function qe(i, e, t) {
+  if (e in t)
+    return t[e];
+  const n = e.split(`
+`).reduce((s, r) => Math.max(s, M(i, r)), 0);
+  return t[e] = n, n;
+}
+function Ze(i, e) {
+  const t = [], n = [], s = [];
+  let r = 0, a = 0, l = 0, o = 0;
+  for (let c = 0, h = e.length; c <= h; c += 2) {
+    const u = e[c];
+    if (u === `
+` || c === h) {
+      r = Math.max(r, a), s.push(a), a = 0, l += o;
+      continue;
+    }
+    const f = e[c + 1] || i.font, g = M(f, u);
+    t.push(g), a += g;
+    const d = we(f);
+    n.push(d), o = Math.max(o, d);
+  }
+  return { width: r, height: l, widths: t, heights: n, lineWidths: s };
+}
+function Ke(i, e, t, n, s, r, a, l, o, c, h) {
+  i.save(), t !== 1 && (i.globalAlpha *= t), e && i.setTransform.apply(i, e), /** @type {*} */
+  n.contextInstructions ? (i.translate(o, c), i.scale(h[0], h[1]), Ae(
+    /** @type {Label} */
+    n,
+    i
+  )) : h[0] < 0 || h[1] < 0 ? (i.translate(o, c), i.scale(h[0], h[1]), i.drawImage(
+    /** @type {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} */
+    n,
+    s,
+    r,
+    a,
+    l,
+    0,
+    0,
+    a,
+    l
+  )) : i.drawImage(
+    /** @type {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} */
+    n,
+    s,
+    r,
+    a,
+    l,
+    o,
+    c,
+    a * h[0],
+    l * h[1]
+  ), i.restore();
+}
+function Ae(i, e) {
+  const t = i.contextInstructions;
+  for (let n = 0, s = t.length; n < s; n += 2)
+    Array.isArray(t[n + 1]) ? e[t[n]].apply(
+      e,
+      t[n + 1]
+    ) : e[t[n]] = t[n + 1];
+}
+class V extends E {
+  /**
+   * @param {Options} options Options.
+   */
+  constructor(e) {
+    const t = e.rotateWithView !== void 0 ? e.rotateWithView : !1;
+    super({
+      opacity: 1,
+      rotateWithView: t,
+      rotation: e.rotation !== void 0 ? e.rotation : 0,
+      scale: e.scale !== void 0 ? e.scale : 1,
+      displacement: e.displacement !== void 0 ? e.displacement : [0, 0],
+      declutterMode: e.declutterMode
+    }), this.canvas_ = void 0, this.hitDetectionCanvas_ = null, this.fill_ = e.fill !== void 0 ? e.fill : null, this.origin_ = [0, 0], this.points_ = e.points, this.radius_ = e.radius !== void 0 ? e.radius : e.radius1, this.radius2_ = e.radius2, this.angle_ = e.angle !== void 0 ? e.angle : 0, this.stroke_ = e.stroke !== void 0 ? e.stroke : null, this.size_ = null, this.renderOptions_ = null, this.render();
+  }
+  /**
+   * Clones the style.
+   * @return {RegularShape} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getScale(), t = new V({
+      fill: this.getFill() ? this.getFill().clone() : void 0,
+      points: this.getPoints(),
+      radius: this.getRadius(),
+      radius2: this.getRadius2(),
+      angle: this.getAngle(),
+      stroke: this.getStroke() ? this.getStroke().clone() : void 0,
+      rotation: this.getRotation(),
+      rotateWithView: this.getRotateWithView(),
+      scale: Array.isArray(e) ? e.slice() : e,
+      displacement: this.getDisplacement().slice(),
+      declutterMode: this.getDeclutterMode()
+    });
+    return t.setOpacity(this.getOpacity()), t;
+  }
+  /**
+   * Get the anchor point in pixels. The anchor determines the center point for the
+   * symbolizer.
+   * @return {Array<number>} Anchor.
+   * @api
+   */
+  getAnchor() {
+    const e = this.size_;
+    if (!e)
+      return null;
+    const t = this.getDisplacement(), n = this.getScaleArray();
+    return [
+      e[0] / 2 - t[0] / n[0],
+      e[1] / 2 + t[1] / n[1]
+    ];
+  }
+  /**
+   * Get the angle used in generating the shape.
+   * @return {number} Shape's rotation in radians.
+   * @api
+   */
+  getAngle() {
+    return this.angle_;
+  }
+  /**
+   * Get the fill style for the shape.
+   * @return {import("./Fill.js").default} Fill style.
+   * @api
+   */
+  getFill() {
+    return this.fill_;
+  }
+  /**
+   * Set the fill style.
+   * @param {import("./Fill.js").default} fill Fill style.
+   * @api
+   */
+  setFill(e) {
+    this.fill_ = e, this.render();
+  }
+  /**
+   * @return {HTMLCanvasElement} Image element.
+   */
+  getHitDetectionImage() {
+    return this.hitDetectionCanvas_ || this.createHitDetectionCanvas_(this.renderOptions_), this.hitDetectionCanvas_;
+  }
+  /**
+   * Get the image icon.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLCanvasElement} Image or Canvas element.
+   * @api
+   */
+  getImage(e) {
+    let t = this.canvas_[e];
+    if (!t) {
+      const n = this.renderOptions_, s = L(
+        n.size * e,
+        n.size * e
+      );
+      this.draw_(n, s, e), t = s.canvas, this.canvas_[e] = t;
+    }
+    return t;
+  }
+  /**
+   * Get the image pixel ratio.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Pixel ratio.
+   */
+  getPixelRatio(e) {
+    return e;
+  }
+  /**
+   * @return {import("../size.js").Size} Image size.
+   */
+  getImageSize() {
+    return this.size_;
+  }
+  /**
+   * @return {import("../ImageState.js").default} Image state.
+   */
+  getImageState() {
+    return _.LOADED;
+  }
+  /**
+   * Get the origin of the symbolizer.
+   * @return {Array<number>} Origin.
+   * @api
+   */
+  getOrigin() {
+    return this.origin_;
+  }
+  /**
+   * Get the number of points for generating the shape.
+   * @return {number} Number of points for stars and regular polygons.
+   * @api
+   */
+  getPoints() {
+    return this.points_;
+  }
+  /**
+   * Get the (primary) radius for the shape.
+   * @return {number} Radius.
+   * @api
+   */
+  getRadius() {
+    return this.radius_;
+  }
+  /**
+   * Get the secondary radius for the shape.
+   * @return {number|undefined} Radius2.
+   * @api
+   */
+  getRadius2() {
+    return this.radius2_;
+  }
+  /**
+   * Get the size of the symbolizer (in pixels).
+   * @return {import("../size.js").Size} Size.
+   * @api
+   */
+  getSize() {
+    return this.size_;
+  }
+  /**
+   * Get the stroke style for the shape.
+   * @return {import("./Stroke.js").default} Stroke style.
+   * @api
+   */
+  getStroke() {
+    return this.stroke_;
+  }
+  /**
+   * Set the stroke style.
+   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * @api
+   */
+  setStroke(e) {
+    this.stroke_ = e, this.render();
+  }
+  /**
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  listenImageChange(e) {
+  }
+  /**
+   * Load not yet loaded URI.
+   */
+  load() {
+  }
+  /**
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  unlistenImageChange(e) {
+  }
+  /**
+   * Calculate additional canvas size needed for the miter.
+   * @param {string} lineJoin Line join
+   * @param {number} strokeWidth Stroke width
+   * @param {number} miterLimit Miter limit
+   * @return {number} Additional canvas size needed
+   * @private
+   */
+  calculateLineJoinSize_(e, t, n) {
+    if (t === 0 || this.points_ === 1 / 0 || e !== "bevel" && e !== "miter")
+      return t;
+    let s = this.radius_, r = this.radius2_ === void 0 ? s : this.radius2_;
+    if (s < r) {
+      const F = s;
+      s = r, r = F;
+    }
+    const a = this.radius2_ === void 0 ? this.points_ : this.points_ * 2, l = 2 * Math.PI / a, o = r * Math.sin(l), c = Math.sqrt(r * r - o * o), h = s - c, u = Math.sqrt(o * o + h * h), f = u / o;
+    if (e === "miter" && f <= n)
+      return f * t;
+    const g = t / 2 / f, d = t / 2 * (h / u), b = Math.sqrt((s + g) * (s + g) + d * d) - s;
+    if (this.radius2_ === void 0 || e === "bevel")
+      return b * 2;
+    const k = s * Math.sin(l), re = Math.sqrt(s * s - k * k), H = r - re, B = Math.sqrt(k * k + H * H) / k;
+    if (B <= n) {
+      const F = B * t / 2 - r - s;
+      return 2 * Math.max(b, F);
+    }
+    return b * 2;
+  }
+  /**
+   * @return {RenderOptions}  The render options
+   * @protected
+   */
+  createRenderOptions() {
+    let e = G, t = 0, n = null, s = 0, r, a = 0;
+    this.stroke_ && (r = this.stroke_.getColor(), r === null && (r = Ie), r = X(r), a = this.stroke_.getWidth(), a === void 0 && (a = De), n = this.stroke_.getLineDash(), s = this.stroke_.getLineDashOffset(), e = this.stroke_.getLineJoin(), e === void 0 && (e = G), t = this.stroke_.getMiterLimit(), t === void 0 && (t = Se));
+    const l = this.calculateLineJoinSize_(e, a, t), o = Math.max(this.radius_, this.radius2_ || 0), c = Math.ceil(2 * o + l);
+    return {
+      strokeStyle: r,
+      strokeWidth: a,
+      size: c,
+      lineDash: n,
+      lineDashOffset: s,
+      lineJoin: e,
+      miterLimit: t
+    };
+  }
+  /**
+   * @protected
+   */
+  render() {
+    this.renderOptions_ = this.createRenderOptions();
+    const e = this.renderOptions_.size;
+    this.canvas_ = {}, this.size_ = [e, e];
+  }
+  /**
+   * @private
+   * @param {RenderOptions} renderOptions Render options.
+   * @param {CanvasRenderingContext2D} context The rendering context.
+   * @param {number} pixelRatio The pixel ratio.
+   */
+  draw_(e, t, n) {
+    if (t.scale(n, n), t.translate(e.size / 2, e.size / 2), this.createPath_(t), this.fill_) {
+      let s = this.fill_.getColor();
+      s === null && (s = Y), t.fillStyle = X(s), t.fill();
+    }
+    this.stroke_ && (t.strokeStyle = e.strokeStyle, t.lineWidth = e.strokeWidth, e.lineDash && (t.setLineDash(e.lineDash), t.lineDashOffset = e.lineDashOffset), t.lineJoin = e.lineJoin, t.miterLimit = e.miterLimit, t.stroke());
+  }
+  /**
+   * @private
+   * @param {RenderOptions} renderOptions Render options.
+   */
+  createHitDetectionCanvas_(e) {
+    if (this.fill_) {
+      let t = this.fill_.getColor(), n = 0;
+      if (typeof t == "string" && (t = Q(t)), t === null ? n = 1 : Array.isArray(t) && (n = t.length === 4 ? t[3] : 1), n === 0) {
+        const s = L(
+          e.size,
+          e.size
+        );
+        this.hitDetectionCanvas_ = s.canvas, this.drawHitDetectionCanvas_(e, s);
+      }
+    }
+    this.hitDetectionCanvas_ || (this.hitDetectionCanvas_ = this.getImage(1));
+  }
+  /**
+   * @private
+   * @param {CanvasRenderingContext2D} context The context to draw in.
+   */
+  createPath_(e) {
+    let t = this.points_;
+    const n = this.radius_;
+    if (t === 1 / 0)
+      e.arc(0, 0, n, 0, 2 * Math.PI);
+    else {
+      const s = this.radius2_ === void 0 ? n : this.radius2_;
+      this.radius2_ !== void 0 && (t *= 2);
+      const r = this.angle_ - Math.PI / 2, a = 2 * Math.PI / t;
+      for (let l = 0; l < t; l++) {
+        const o = r + l * a, c = l % 2 === 0 ? n : s;
+        e.lineTo(c * Math.cos(o), c * Math.sin(o));
+      }
+      e.closePath();
+    }
+  }
+  /**
+   * @private
+   * @param {RenderOptions} renderOptions Render options.
+   * @param {CanvasRenderingContext2D} context The context.
+   */
+  drawHitDetectionCanvas_(e, t) {
+    t.translate(e.size / 2, e.size / 2), this.createPath_(t), t.fillStyle = Y, t.fill(), this.stroke_ && (t.strokeStyle = e.strokeStyle, t.lineWidth = e.strokeWidth, e.lineDash && (t.setLineDash(e.lineDash), t.lineDashOffset = e.lineDashOffset), t.lineJoin = e.lineJoin, t.miterLimit = e.miterLimit, t.stroke());
+  }
+}
+class R extends V {
+  /**
+   * @param {Options} [options] Options.
+   */
+  constructor(e) {
+    e = e || { radius: 5 }, super({
+      points: 1 / 0,
+      fill: e.fill,
+      radius: e.radius,
+      stroke: e.stroke,
+      scale: e.scale !== void 0 ? e.scale : 1,
+      rotation: e.rotation !== void 0 ? e.rotation : 0,
+      rotateWithView: e.rotateWithView !== void 0 ? e.rotateWithView : !1,
+      displacement: e.displacement !== void 0 ? e.displacement : [0, 0],
+      declutterMode: e.declutterMode
+    });
+  }
+  /**
+   * Clones the style.
+   * @return {CircleStyle} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getScale(), t = new R({
+      fill: this.getFill() ? this.getFill().clone() : void 0,
+      stroke: this.getStroke() ? this.getStroke().clone() : void 0,
+      radius: this.getRadius(),
+      scale: Array.isArray(e) ? e.slice() : e,
+      rotation: this.getRotation(),
+      rotateWithView: this.getRotateWithView(),
+      displacement: this.getDisplacement().slice(),
+      declutterMode: this.getDeclutterMode()
+    });
+    return t.setOpacity(this.getOpacity()), t;
+  }
+  /**
+   * Set the circle radius.
+   *
+   * @param {number} radius Circle radius.
+   * @api
+   */
+  setRadius(e) {
+    this.radius_ = e, this.render();
+  }
+}
+class C {
+  /**
+   * @param {Options} [options] Options.
+   */
+  constructor(e) {
+    e = e || {}, this.color_ = e.color !== void 0 ? e.color : null;
+  }
+  /**
+   * Clones the style. The color is not cloned if it is an {@link module:ol/colorlike~ColorLike}.
+   * @return {Fill} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getColor();
+    return new C({
+      color: Array.isArray(e) ? e.slice() : e || void 0
+    });
+  }
+  /**
+   * Get the fill color.
+   * @return {import("../color.js").Color|import("../colorlike.js").ColorLike|null} Color.
+   * @api
+   */
+  getColor() {
+    return this.color_;
+  }
+  /**
+   * Set the color.
+   *
+   * @param {import("../color.js").Color|import("../colorlike.js").ColorLike|null} color Color.
+   * @api
+   */
+  setColor(e) {
+    this.color_ = e;
+  }
+}
+class A {
+  /**
+   * @param {Options} [options] Options.
+   */
+  constructor(e) {
+    e = e || {}, this.color_ = e.color !== void 0 ? e.color : null, this.lineCap_ = e.lineCap, this.lineDash_ = e.lineDash !== void 0 ? e.lineDash : null, this.lineDashOffset_ = e.lineDashOffset, this.lineJoin_ = e.lineJoin, this.miterLimit_ = e.miterLimit, this.width_ = e.width;
+  }
+  /**
+   * Clones the style.
+   * @return {Stroke} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getColor();
+    return new A({
+      color: Array.isArray(e) ? e.slice() : e || void 0,
+      lineCap: this.getLineCap(),
+      lineDash: this.getLineDash() ? this.getLineDash().slice() : void 0,
+      lineDashOffset: this.getLineDashOffset(),
+      lineJoin: this.getLineJoin(),
+      miterLimit: this.getMiterLimit(),
+      width: this.getWidth()
+    });
+  }
+  /**
+   * Get the stroke color.
+   * @return {import("../color.js").Color|import("../colorlike.js").ColorLike} Color.
+   * @api
+   */
+  getColor() {
+    return this.color_;
+  }
+  /**
+   * Get the line cap type for the stroke.
+   * @return {CanvasLineCap|undefined} Line cap.
+   * @api
+   */
+  getLineCap() {
+    return this.lineCap_;
+  }
+  /**
+   * Get the line dash style for the stroke.
+   * @return {Array<number>|null} Line dash.
+   * @api
+   */
+  getLineDash() {
+    return this.lineDash_;
+  }
+  /**
+   * Get the line dash offset for the stroke.
+   * @return {number|undefined} Line dash offset.
+   * @api
+   */
+  getLineDashOffset() {
+    return this.lineDashOffset_;
+  }
+  /**
+   * Get the line join type for the stroke.
+   * @return {CanvasLineJoin|undefined} Line join.
+   * @api
+   */
+  getLineJoin() {
+    return this.lineJoin_;
+  }
+  /**
+   * Get the miter limit for the stroke.
+   * @return {number|undefined} Miter limit.
+   * @api
+   */
+  getMiterLimit() {
+    return this.miterLimit_;
+  }
+  /**
+   * Get the stroke width.
+   * @return {number|undefined} Width.
+   * @api
+   */
+  getWidth() {
+    return this.width_;
+  }
+  /**
+   * Set the color.
+   *
+   * @param {import("../color.js").Color|import("../colorlike.js").ColorLike} color Color.
+   * @api
+   */
+  setColor(e) {
+    this.color_ = e;
+  }
+  /**
+   * Set the line cap.
+   *
+   * @param {CanvasLineCap|undefined} lineCap Line cap.
+   * @api
+   */
+  setLineCap(e) {
+    this.lineCap_ = e;
+  }
+  /**
+   * Set the line dash.
+   *
+   * @param {Array<number>|null} lineDash Line dash.
+   * @api
+   */
+  setLineDash(e) {
+    this.lineDash_ = e;
+  }
+  /**
+   * Set the line dash offset.
+   *
+   * @param {number|undefined} lineDashOffset Line dash offset.
+   * @api
+   */
+  setLineDashOffset(e) {
+    this.lineDashOffset_ = e;
+  }
+  /**
+   * Set the line join.
+   *
+   * @param {CanvasLineJoin|undefined} lineJoin Line join.
+   * @api
+   */
+  setLineJoin(e) {
+    this.lineJoin_ = e;
+  }
+  /**
+   * Set the miter limit.
+   *
+   * @param {number|undefined} miterLimit Miter limit.
+   * @api
+   */
+  setMiterLimit(e) {
+    this.miterLimit_ = e;
+  }
+  /**
+   * Set the width.
+   *
+   * @param {number|undefined} width Width.
+   * @api
+   */
+  setWidth(e) {
+    this.width_ = e;
+  }
+}
+class S {
+  /**
+   * @param {Options} [options] Style options.
+   */
+  constructor(e) {
+    e = e || {}, this.geometry_ = null, this.geometryFunction_ = p, e.geometry !== void 0 && this.setGeometry(e.geometry), this.fill_ = e.fill !== void 0 ? e.fill : null, this.image_ = e.image !== void 0 ? e.image : null, this.renderer_ = e.renderer !== void 0 ? e.renderer : null, this.hitDetectionRenderer_ = e.hitDetectionRenderer !== void 0 ? e.hitDetectionRenderer : null, this.stroke_ = e.stroke !== void 0 ? e.stroke : null, this.text_ = e.text !== void 0 ? e.text : null, this.zIndex_ = e.zIndex;
+  }
+  /**
+   * Clones the style.
+   * @return {Style} The cloned style.
+   * @api
+   */
+  clone() {
+    let e = this.getGeometry();
+    return e && typeof e == "object" && (e = /** @type {import("../geom/Geometry.js").default} */
+    e.clone()), new S({
+      geometry: e,
+      fill: this.getFill() ? this.getFill().clone() : void 0,
+      image: this.getImage() ? this.getImage().clone() : void 0,
+      renderer: this.getRenderer(),
+      stroke: this.getStroke() ? this.getStroke().clone() : void 0,
+      text: this.getText() ? this.getText().clone() : void 0,
+      zIndex: this.getZIndex()
+    });
+  }
+  /**
+   * Get the custom renderer function that was configured with
+   * {@link #setRenderer} or the `renderer` constructor option.
+   * @return {RenderFunction|null} Custom renderer function.
+   * @api
+   */
+  getRenderer() {
+    return this.renderer_;
+  }
+  /**
+   * Sets a custom renderer function for this style. When set, `fill`, `stroke`
+   * and `image` options of the style will be ignored.
+   * @param {RenderFunction|null} renderer Custom renderer function.
+   * @api
+   */
+  setRenderer(e) {
+    this.renderer_ = e;
+  }
+  /**
+   * Sets a custom renderer function for this style used
+   * in hit detection.
+   * @param {RenderFunction|null} renderer Custom renderer function.
+   * @api
+   */
+  setHitDetectionRenderer(e) {
+    this.hitDetectionRenderer_ = e;
+  }
+  /**
+   * Get the custom renderer function that was configured with
+   * {@link #setHitDetectionRenderer} or the `hitDetectionRenderer` constructor option.
+   * @return {RenderFunction|null} Custom renderer function.
+   * @api
+   */
+  getHitDetectionRenderer() {
+    return this.hitDetectionRenderer_;
+  }
+  /**
+   * Get the geometry to be rendered.
+   * @return {string|import("../geom/Geometry.js").default|GeometryFunction}
+   * Feature property or geometry or function that returns the geometry that will
+   * be rendered with this style.
+   * @api
+   */
+  getGeometry() {
+    return this.geometry_;
+  }
+  /**
+   * Get the function used to generate a geometry for rendering.
+   * @return {!GeometryFunction} Function that is called with a feature
+   * and returns the geometry to render instead of the feature's geometry.
+   * @api
+   */
+  getGeometryFunction() {
+    return this.geometryFunction_;
+  }
+  /**
+   * Get the fill style.
+   * @return {import("./Fill.js").default} Fill style.
+   * @api
+   */
+  getFill() {
+    return this.fill_;
+  }
+  /**
+   * Set the fill style.
+   * @param {import("./Fill.js").default} fill Fill style.
+   * @api
+   */
+  setFill(e) {
+    this.fill_ = e;
+  }
+  /**
+   * Get the image style.
+   * @return {import("./Image.js").default} Image style.
+   * @api
+   */
+  getImage() {
+    return this.image_;
+  }
+  /**
+   * Set the image style.
+   * @param {import("./Image.js").default} image Image style.
+   * @api
+   */
+  setImage(e) {
+    this.image_ = e;
+  }
+  /**
+   * Get the stroke style.
+   * @return {import("./Stroke.js").default} Stroke style.
+   * @api
+   */
+  getStroke() {
+    return this.stroke_;
+  }
+  /**
+   * Set the stroke style.
+   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * @api
+   */
+  setStroke(e) {
+    this.stroke_ = e;
+  }
+  /**
+   * Get the text style.
+   * @return {import("./Text.js").default} Text style.
+   * @api
+   */
+  getText() {
+    return this.text_;
+  }
+  /**
+   * Set the text style.
+   * @param {import("./Text.js").default} text Text style.
+   * @api
+   */
+  setText(e) {
+    this.text_ = e;
+  }
+  /**
+   * Get the z-index for the style.
+   * @return {number|undefined} ZIndex.
+   * @api
+   */
+  getZIndex() {
+    return this.zIndex_;
+  }
+  /**
+   * Set a geometry that is rendered instead of the feature's geometry.
+   *
+   * @param {string|import("../geom/Geometry.js").default|GeometryFunction} geometry
+   *     Feature property or geometry or function returning a geometry to render
+   *     for this style.
+   * @api
+   */
+  setGeometry(e) {
+    typeof e == "function" ? this.geometryFunction_ = e : typeof e == "string" ? this.geometryFunction_ = function(t) {
+      return (
+        /** @type {import("../geom/Geometry.js").default} */
+        t.get(e)
+      );
+    } : e ? e !== void 0 && (this.geometryFunction_ = function() {
+      return (
+        /** @type {import("../geom/Geometry.js").default} */
+        e
+      );
+    }) : this.geometryFunction_ = p, this.geometry_ = e;
+  }
+  /**
+   * Set the z-index.
+   *
+   * @param {number|undefined} zIndex ZIndex.
+   * @api
+   */
+  setZIndex(e) {
+    this.zIndex_ = e;
+  }
+}
+function je(i) {
+  let e;
+  if (typeof i == "function")
+    e = i;
+  else {
+    let t;
+    Array.isArray(i) ? t = i : (w(typeof /** @type {?} */
+    i.getZIndex == "function", 41), t = [
+      /** @type {Style} */
+      i
+    ]), e = function() {
+      return t;
+    };
+  }
+  return e;
+}
+let W = null;
+function $e(i, e) {
+  if (!W) {
+    const t = new C({
+      color: "rgba(255,255,255,0.4)"
+    }), n = new A({
+      color: "#3399CC",
+      width: 1.25
+    });
+    W = [
+      new S({
+        image: new R({
+          fill: t,
+          stroke: n,
+          radius: 5
+        }),
+        fill: t,
+        stroke: n
+      })
+    ];
+  }
+  return W;
+}
+function Qe() {
+  const i = {}, e = [255, 255, 255, 1], t = [0, 153, 255, 1], n = 3;
+  return i.Polygon = [
+    new S({
+      fill: new C({
+        color: [255, 255, 255, 0.5]
+      })
+    })
+  ], i.MultiPolygon = i.Polygon, i.LineString = [
+    new S({
+      stroke: new A({
+        color: e,
+        width: n + 2
+      })
+    }),
+    new S({
+      stroke: new A({
+        color: t,
+        width: n
+      })
+    })
+  ], i.MultiLineString = i.LineString, i.Circle = i.Polygon.concat(i.LineString), i.Point = [
+    new S({
+      image: new R({
+        radius: n * 2,
+        fill: new C({
+          color: t
+        }),
+        stroke: new A({
+          color: e,
+          width: n / 2
+        })
+      }),
+      zIndex: 1 / 0
+    })
+  ], i.MultiPoint = i.Point, i.GeometryCollection = i.Polygon.concat(
+    i.LineString,
+    i.Point
+  ), i;
+}
+function p(i) {
+  return i.getGeometry();
+}
+class Ce {
+  constructor() {
+    this.cache_ = {}, this.cacheSize_ = 0, this.maxCacheSize_ = 32;
+  }
+  /**
+   * FIXME empty description for jsdoc
+   */
+  clear() {
+    this.cache_ = {}, this.cacheSize_ = 0;
+  }
+  /**
+   * @return {boolean} Can expire cache.
+   */
+  canExpireCache() {
+    return this.cacheSize_ > this.maxCacheSize_;
+  }
+  /**
+   * FIXME empty description for jsdoc
+   */
+  expire() {
+    if (this.canExpireCache()) {
+      let e = 0;
+      for (const t in this.cache_) {
+        const n = this.cache_[t];
+        !(e++ & 3) && !n.hasListener() && (delete this.cache_[t], --this.cacheSize_);
+      }
+    }
+  }
+  /**
+   * @param {string} src Src.
+   * @param {?string} crossOrigin Cross origin.
+   * @param {import("../color.js").Color} color Color.
+   * @return {import("./IconImage.js").default} Icon image.
+   */
+  get(e, t, n) {
+    const s = q(e, t, n);
+    return s in this.cache_ ? this.cache_[s] : null;
+  }
+  /**
+   * @param {string} src Src.
+   * @param {?string} crossOrigin Cross origin.
+   * @param {import("../color.js").Color} color Color.
+   * @param {import("./IconImage.js").default} iconImage Icon image.
+   */
+  set(e, t, n, s) {
+    const r = q(e, t, n);
+    this.cache_[r] = s, ++this.cacheSize_;
+  }
+  /**
+   * Set the cache size of the icon cache. Default is `32`. Change this value when
+   * your map uses more than 32 different icon images and you are not caching icon
+   * styles on the application level.
+   * @param {number} maxCacheSize Cache max size.
+   * @api
+   */
+  setSize(e) {
+    this.maxCacheSize_ = e, this.expire();
+  }
+}
+function q(i, e, t) {
+  const n = t ? $(t) : "null";
+  return e + ":" + i + ":" + n;
+}
+const Z = new Ce();
+function ke(i, e, t) {
+  const n = (
+    /** @type {HTMLImageElement} */
+    i
+  );
+  let s = !0, r = !1, a = !1;
+  const l = [
+    N(n, O.LOAD, function() {
+      a = !0, r || e();
+    })
+  ];
+  return n.src && he ? (r = !0, n.decode().then(function() {
+    s && e();
+  }).catch(function(o) {
+    s && (a ? e() : t());
+  })) : l.push(N(n, O.ERROR, t)), function() {
+    s = !1, l.forEach(ce);
+  };
+}
+let z = null;
+class ze extends oe {
+  /**
+   * @param {HTMLImageElement|HTMLCanvasElement} image Image.
+   * @param {string|undefined} src Src.
+   * @param {import("../size.js").Size} size Size.
+   * @param {?string} crossOrigin Cross origin.
+   * @param {import("../ImageState.js").default} imageState Image state.
+   * @param {import("../color.js").Color} color Color.
+   */
+  constructor(e, t, n, s, r, a) {
+    super(), this.hitDetectionImage_ = null, this.image_ = e, this.crossOrigin_ = s, this.canvas_ = {}, this.color_ = a, this.unlisten_ = null, this.imageState_ = r, this.size_ = n, this.src_ = t, this.tainted_;
+  }
+  /**
+   * @private
+   */
+  initializeImage_() {
+    this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_);
+  }
+  /**
+   * @private
+   * @return {boolean} The image canvas is tainted.
+   */
+  isTainted_() {
+    if (this.tainted_ === void 0 && this.imageState_ === _.LOADED) {
+      z || (z = L(1, 1, void 0, {
+        willReadFrequently: !0
+      })), z.drawImage(this.image_, 0, 0);
+      try {
+        z.getImageData(0, 0, 1, 1), this.tainted_ = !1;
+      } catch {
+        z = null, this.tainted_ = !0;
+      }
+    }
+    return this.tainted_ === !0;
+  }
+  /**
+   * @private
+   */
+  dispatchChangeEvent_() {
+    this.dispatchEvent(O.CHANGE);
+  }
+  /**
+   * @private
+   */
+  handleImageError_() {
+    this.imageState_ = _.ERROR, this.unlistenImage_(), this.dispatchChangeEvent_();
+  }
+  /**
+   * @private
+   */
+  handleImageLoad_() {
+    this.imageState_ = _.LOADED, this.size_ ? (this.image_.width = this.size_[0], this.image_.height = this.size_[1]) : this.size_ = [this.image_.width, this.image_.height], this.unlistenImage_(), this.dispatchChangeEvent_();
+  }
+  /**
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLImageElement|HTMLCanvasElement} Image or Canvas element.
+   */
+  getImage(e) {
+    return this.image_ || this.initializeImage_(), this.replaceColor_(e), this.canvas_[e] ? this.canvas_[e] : this.image_;
+  }
+  /**
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Image or Canvas element.
+   */
+  getPixelRatio(e) {
+    return this.replaceColor_(e), this.canvas_[e] ? e : 1;
+  }
+  /**
+   * @return {import("../ImageState.js").default} Image state.
+   */
+  getImageState() {
+    return this.imageState_;
+  }
+  /**
+   * @return {HTMLImageElement|HTMLCanvasElement} Image element.
+   */
+  getHitDetectionImage() {
+    if (this.image_ || this.initializeImage_(), !this.hitDetectionImage_)
+      if (this.isTainted_()) {
+        const e = this.size_[0], t = this.size_[1], n = L(e, t);
+        n.fillRect(0, 0, e, t), this.hitDetectionImage_ = n.canvas;
+      } else
+        this.hitDetectionImage_ = this.image_;
+    return this.hitDetectionImage_;
+  }
+  /**
+   * Get the size of the icon (in pixels).
+   * @return {import("../size.js").Size} Image size.
+   */
+  getSize() {
+    return this.size_;
+  }
+  /**
+   * @return {string|undefined} Image src.
+   */
+  getSrc() {
+    return this.src_;
+  }
+  /**
+   * Load not yet loaded URI.
+   */
+  load() {
+    if (this.imageState_ === _.IDLE) {
+      this.image_ || this.initializeImage_(), this.imageState_ = _.LOADING;
+      try {
+        this.image_.src = this.src_;
+      } catch {
+        this.handleImageError_();
+      }
+      this.unlisten_ = ke(
+        this.image_,
+        this.handleImageLoad_.bind(this),
+        this.handleImageError_.bind(this)
+      );
+    }
+  }
+  /**
+   * @param {number} pixelRatio Pixel ratio.
+   * @private
+   */
+  replaceColor_(e) {
+    if (!this.color_ || this.canvas_[e] || this.imageState_ !== _.LOADED)
+      return;
+    const t = this.image_, n = document.createElement("canvas");
+    n.width = Math.ceil(t.width * e), n.height = Math.ceil(t.height * e);
+    const s = n.getContext("2d");
+    s.scale(e, e), s.drawImage(t, 0, 0), s.globalCompositeOperation = "multiply", s.fillStyle = $(this.color_), s.fillRect(0, 0, n.width / e, n.height / e), s.globalCompositeOperation = "destination-in", s.drawImage(t, 0, 0), this.canvas_[e] = n;
+  }
+  /**
+   * Discards event handlers which listen for load completion or errors.
+   *
+   * @private
+   */
+  unlistenImage_() {
+    this.unlisten_ && (this.unlisten_(), this.unlisten_ = null);
+  }
+}
+function Oe(i, e, t, n, s, r) {
+  let a = Z.get(e, n, r);
+  return a || (a = new ze(i, e, t, n, s, r), Z.set(e, n, r, a)), a;
+}
+function K(i, e, t, n) {
+  return t !== void 0 && n !== void 0 ? [t / i, n / e] : t !== void 0 ? t / i : n !== void 0 ? n / e : 1;
+}
+class ne extends E {
+  /**
+   * @param {Options} [options] Options.
+   */
+  constructor(e) {
+    e = e || {};
+    const t = e.opacity !== void 0 ? e.opacity : 1, n = e.rotation !== void 0 ? e.rotation : 0, s = e.scale !== void 0 ? e.scale : 1, r = e.rotateWithView !== void 0 ? e.rotateWithView : !1;
+    super({
+      opacity: t,
+      rotation: n,
+      scale: s,
+      displacement: e.displacement !== void 0 ? e.displacement : [0, 0],
+      rotateWithView: r,
+      declutterMode: e.declutterMode
+    }), this.anchor_ = e.anchor !== void 0 ? e.anchor : [0.5, 0.5], this.normalizedAnchor_ = null, this.anchorOrigin_ = e.anchorOrigin !== void 0 ? e.anchorOrigin : "top-left", this.anchorXUnits_ = e.anchorXUnits !== void 0 ? e.anchorXUnits : "fraction", this.anchorYUnits_ = e.anchorYUnits !== void 0 ? e.anchorYUnits : "fraction", this.crossOrigin_ = e.crossOrigin !== void 0 ? e.crossOrigin : null;
+    const a = e.img !== void 0 ? e.img : null;
+    this.imgSize_ = e.imgSize;
+    let l = e.src;
+    w(!(l !== void 0 && a), 4), w(!a || a && this.imgSize_, 5), (l === void 0 || l.length === 0) && a && (l = /** @type {HTMLImageElement} */
+    a.src || ue(a)), w(l !== void 0 && l.length > 0, 6), w(
+      !((e.width !== void 0 || e.height !== void 0) && e.scale !== void 0),
+      69
+    );
+    const o = e.src !== void 0 ? _.IDLE : _.LOADED;
+    if (this.color_ = e.color !== void 0 ? Q(e.color) : null, this.iconImage_ = Oe(
+      a,
+      /** @type {string} */
+      l,
+      this.imgSize_ !== void 0 ? this.imgSize_ : null,
+      this.crossOrigin_,
+      o,
+      this.color_
+    ), this.offset_ = e.offset !== void 0 ? e.offset : [0, 0], this.offsetOrigin_ = e.offsetOrigin !== void 0 ? e.offsetOrigin : "top-left", this.origin_ = null, this.size_ = e.size !== void 0 ? e.size : null, e.width !== void 0 || e.height !== void 0) {
+      let c, h;
+      if (e.size)
+        [c, h] = e.size;
+      else {
+        const u = this.getImage(1);
+        if (u instanceof HTMLCanvasElement || u.src && u.complete)
+          c = u.width, h = u.height;
+        else {
+          this.initialOptions_ = e;
+          const f = () => {
+            if (this.unlistenImageChange(f), !this.initialOptions_)
+              return;
+            const g = this.iconImage_.getSize();
+            this.setScale(
+              K(
+                g[0],
+                g[1],
+                e.width,
+                e.height
+              )
+            );
+          };
+          this.listenImageChange(f);
+          return;
+        }
+      }
+      c !== void 0 && this.setScale(
+        K(c, h, e.width, e.height)
+      );
+    }
+  }
+  /**
+   * Clones the style. The underlying Image/HTMLCanvasElement is not cloned.
+   * @return {Icon} The cloned style.
+   * @api
+   */
+  clone() {
+    let e, t, n;
+    return this.initialOptions_ ? (t = this.initialOptions_.width, n = this.initialOptions_.height) : (e = this.getScale(), e = Array.isArray(e) ? e.slice() : e), new ne({
+      anchor: this.anchor_.slice(),
+      anchorOrigin: this.anchorOrigin_,
+      anchorXUnits: this.anchorXUnits_,
+      anchorYUnits: this.anchorYUnits_,
+      color: this.color_ && this.color_.slice ? this.color_.slice() : this.color_ || void 0,
+      crossOrigin: this.crossOrigin_,
+      imgSize: this.imgSize_,
+      offset: this.offset_.slice(),
+      offsetOrigin: this.offsetOrigin_,
+      opacity: this.getOpacity(),
+      rotateWithView: this.getRotateWithView(),
+      rotation: this.getRotation(),
+      scale: e,
+      width: t,
+      height: n,
+      size: this.size_ !== null ? this.size_.slice() : void 0,
+      src: this.getSrc(),
+      displacement: this.getDisplacement().slice(),
+      declutterMode: this.getDeclutterMode()
+    });
+  }
+  /**
+   * Get the anchor point in pixels. The anchor determines the center point for the
+   * symbolizer.
+   * @return {Array<number>} Anchor.
+   * @api
+   */
+  getAnchor() {
+    let e = this.normalizedAnchor_;
+    if (!e) {
+      e = this.anchor_;
+      const s = this.getSize();
+      if (this.anchorXUnits_ == "fraction" || this.anchorYUnits_ == "fraction") {
+        if (!s)
+          return null;
+        e = this.anchor_.slice(), this.anchorXUnits_ == "fraction" && (e[0] *= s[0]), this.anchorYUnits_ == "fraction" && (e[1] *= s[1]);
+      }
+      if (this.anchorOrigin_ != "top-left") {
+        if (!s)
+          return null;
+        e === this.anchor_ && (e = this.anchor_.slice()), (this.anchorOrigin_ == "top-right" || this.anchorOrigin_ == "bottom-right") && (e[0] = -e[0] + s[0]), (this.anchorOrigin_ == "bottom-left" || this.anchorOrigin_ == "bottom-right") && (e[1] = -e[1] + s[1]);
+      }
+      this.normalizedAnchor_ = e;
+    }
+    const t = this.getDisplacement(), n = this.getScaleArray();
+    return [
+      e[0] - t[0] / n[0],
+      e[1] + t[1] / n[1]
+    ];
+  }
+  /**
+   * Set the anchor point. The anchor determines the center point for the
+   * symbolizer.
+   *
+   * @param {Array<number>} anchor Anchor.
+   * @api
+   */
+  setAnchor(e) {
+    this.anchor_ = e, this.normalizedAnchor_ = null;
+  }
+  /**
+   * Get the icon color.
+   * @return {import("../color.js").Color} Color.
+   * @api
+   */
+  getColor() {
+    return this.color_;
+  }
+  /**
+   * Get the image icon.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLImageElement|HTMLCanvasElement} Image or Canvas element.
+   * @api
+   */
+  getImage(e) {
+    return this.iconImage_.getImage(e);
+  }
+  /**
+   * Get the pixel ratio.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} The pixel ratio of the image.
+   * @api
+   */
+  getPixelRatio(e) {
+    return this.iconImage_.getPixelRatio(e);
+  }
+  /**
+   * @return {import("../size.js").Size} Image size.
+   */
+  getImageSize() {
+    return this.iconImage_.getSize();
+  }
+  /**
+   * @return {import("../ImageState.js").default} Image state.
+   */
+  getImageState() {
+    return this.iconImage_.getImageState();
+  }
+  /**
+   * @return {HTMLImageElement|HTMLCanvasElement} Image element.
+   */
+  getHitDetectionImage() {
+    return this.iconImage_.getHitDetectionImage();
+  }
+  /**
+   * Get the origin of the symbolizer.
+   * @return {Array<number>} Origin.
+   * @api
+   */
+  getOrigin() {
+    if (this.origin_)
+      return this.origin_;
+    let e = this.offset_;
+    if (this.offsetOrigin_ != "top-left") {
+      const t = this.getSize(), n = this.iconImage_.getSize();
+      if (!t || !n)
+        return null;
+      e = e.slice(), (this.offsetOrigin_ == "top-right" || this.offsetOrigin_ == "bottom-right") && (e[0] = n[0] - t[0] - e[0]), (this.offsetOrigin_ == "bottom-left" || this.offsetOrigin_ == "bottom-right") && (e[1] = n[1] - t[1] - e[1]);
+    }
+    return this.origin_ = e, this.origin_;
+  }
+  /**
+   * Get the image URL.
+   * @return {string|undefined} Image src.
+   * @api
+   */
+  getSrc() {
+    return this.iconImage_.getSrc();
+  }
+  /**
+   * Get the size of the icon (in pixels).
+   * @return {import("../size.js").Size} Image size.
+   * @api
+   */
+  getSize() {
+    return this.size_ ? this.size_ : this.iconImage_.getSize();
+  }
+  /**
+   * Get the width of the icon (in pixels). Will return undefined when the icon image is not yet loaded.
+   * @return {number} Icon width (in pixels).
+   * @api
+   */
+  getWidth() {
+    const e = this.getScaleArray();
+    if (this.size_)
+      return this.size_[0] * e[0];
+    if (this.iconImage_.getImageState() == _.LOADED)
+      return this.iconImage_.getSize()[0] * e[0];
+  }
+  /**
+   * Get the height of the icon (in pixels). Will return undefined when the icon image is not yet loaded.
+   * @return {number} Icon height (in pixels).
+   * @api
+   */
+  getHeight() {
+    const e = this.getScaleArray();
+    if (this.size_)
+      return this.size_[1] * e[1];
+    if (this.iconImage_.getImageState() == _.LOADED)
+      return this.iconImage_.getSize()[1] * e[1];
+  }
+  /**
+   * Set the scale.
+   *
+   * @param {number|import("../size.js").Size} scale Scale.
+   * @api
+   */
+  setScale(e) {
+    delete this.initialOptions_, super.setScale(e);
+  }
+  /**
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  listenImageChange(e) {
+    this.iconImage_.addEventListener(O.CHANGE, e);
+  }
+  /**
+   * Load not yet loaded URI.
+   * When rendering a feature with an icon style, the vector renderer will
+   * automatically call this method. However, you might want to call this
+   * method yourself for preloading or other purposes.
+   * @api
+   */
+  load() {
+    this.iconImage_.load();
+  }
+  /**
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   */
+  unlistenImageChange(e) {
+    this.iconImage_.removeEventListener(O.CHANGE, e);
+  }
+}
+const Le = "#333";
+class se {
+  /**
+   * @param {Options} [options] Options.
+   */
+  constructor(e) {
+    e = e || {}, this.font_ = e.font, this.rotation_ = e.rotation, this.rotateWithView_ = e.rotateWithView, this.scale_ = e.scale, this.scaleArray_ = x(e.scale !== void 0 ? e.scale : 1), this.text_ = e.text, this.textAlign_ = e.textAlign, this.justify_ = e.justify, this.repeat_ = e.repeat, this.textBaseline_ = e.textBaseline, this.fill_ = e.fill !== void 0 ? e.fill : new C({ color: Le }), this.maxAngle_ = e.maxAngle !== void 0 ? e.maxAngle : Math.PI / 4, this.placement_ = e.placement !== void 0 ? e.placement : "point", this.overflow_ = !!e.overflow, this.stroke_ = e.stroke !== void 0 ? e.stroke : null, this.offsetX_ = e.offsetX !== void 0 ? e.offsetX : 0, this.offsetY_ = e.offsetY !== void 0 ? e.offsetY : 0, this.backgroundFill_ = e.backgroundFill ? e.backgroundFill : null, this.backgroundStroke_ = e.backgroundStroke ? e.backgroundStroke : null, this.padding_ = e.padding === void 0 ? null : e.padding;
+  }
+  /**
+   * Clones the style.
+   * @return {Text} The cloned style.
+   * @api
+   */
+  clone() {
+    const e = this.getScale();
+    return new se({
+      font: this.getFont(),
+      placement: this.getPlacement(),
+      repeat: this.getRepeat(),
+      maxAngle: this.getMaxAngle(),
+      overflow: this.getOverflow(),
+      rotation: this.getRotation(),
+      rotateWithView: this.getRotateWithView(),
+      scale: Array.isArray(e) ? e.slice() : e,
+      text: this.getText(),
+      textAlign: this.getTextAlign(),
+      justify: this.getJustify(),
+      textBaseline: this.getTextBaseline(),
+      fill: this.getFill() ? this.getFill().clone() : void 0,
+      stroke: this.getStroke() ? this.getStroke().clone() : void 0,
+      offsetX: this.getOffsetX(),
+      offsetY: this.getOffsetY(),
+      backgroundFill: this.getBackgroundFill() ? this.getBackgroundFill().clone() : void 0,
+      backgroundStroke: this.getBackgroundStroke() ? this.getBackgroundStroke().clone() : void 0,
+      padding: this.getPadding() || void 0
+    });
+  }
+  /**
+   * Get the `overflow` configuration.
+   * @return {boolean} Let text overflow the length of the path they follow.
+   * @api
+   */
+  getOverflow() {
+    return this.overflow_;
+  }
+  /**
+   * Get the font name.
+   * @return {string|undefined} Font.
+   * @api
+   */
+  getFont() {
+    return this.font_;
+  }
+  /**
+   * Get the maximum angle between adjacent characters.
+   * @return {number} Angle in radians.
+   * @api
+   */
+  getMaxAngle() {
+    return this.maxAngle_;
+  }
+  /**
+   * Get the label placement.
+   * @return {TextPlacement} Text placement.
+   * @api
+   */
+  getPlacement() {
+    return this.placement_;
+  }
+  /**
+   * Get the repeat interval of the text.
+   * @return {number|undefined} Repeat interval in pixels.
+   * @api
+   */
+  getRepeat() {
+    return this.repeat_;
+  }
+  /**
+   * Get the x-offset for the text.
+   * @return {number} Horizontal text offset.
+   * @api
+   */
+  getOffsetX() {
+    return this.offsetX_;
+  }
+  /**
+   * Get the y-offset for the text.
+   * @return {number} Vertical text offset.
+   * @api
+   */
+  getOffsetY() {
+    return this.offsetY_;
+  }
+  /**
+   * Get the fill style for the text.
+   * @return {import("./Fill.js").default} Fill style.
+   * @api
+   */
+  getFill() {
+    return this.fill_;
+  }
+  /**
+   * Determine whether the text rotates with the map.
+   * @return {boolean|undefined} Rotate with map.
+   * @api
+   */
+  getRotateWithView() {
+    return this.rotateWithView_;
+  }
+  /**
+   * Get the text rotation.
+   * @return {number|undefined} Rotation.
+   * @api
+   */
+  getRotation() {
+    return this.rotation_;
+  }
+  /**
+   * Get the text scale.
+   * @return {number|import("../size.js").Size|undefined} Scale.
+   * @api
+   */
+  getScale() {
+    return this.scale_;
+  }
+  /**
+   * Get the symbolizer scale array.
+   * @return {import("../size.js").Size} Scale array.
+   */
+  getScaleArray() {
+    return this.scaleArray_;
+  }
+  /**
+   * Get the stroke style for the text.
+   * @return {import("./Stroke.js").default} Stroke style.
+   * @api
+   */
+  getStroke() {
+    return this.stroke_;
+  }
+  /**
+   * Get the text to be rendered.
+   * @return {string|Array<string>|undefined} Text.
+   * @api
+   */
+  getText() {
+    return this.text_;
+  }
+  /**
+   * Get the text alignment.
+   * @return {CanvasTextAlign|undefined} Text align.
+   * @api
+   */
+  getTextAlign() {
+    return this.textAlign_;
+  }
+  /**
+   * Get the justification.
+   * @return {TextJustify|undefined} Justification.
+   * @api
+   */
+  getJustify() {
+    return this.justify_;
+  }
+  /**
+   * Get the text baseline.
+   * @return {CanvasTextBaseline|undefined} Text baseline.
+   * @api
+   */
+  getTextBaseline() {
+    return this.textBaseline_;
+  }
+  /**
+   * Get the background fill style for the text.
+   * @return {import("./Fill.js").default} Fill style.
+   * @api
+   */
+  getBackgroundFill() {
+    return this.backgroundFill_;
+  }
+  /**
+   * Get the background stroke style for the text.
+   * @return {import("./Stroke.js").default} Stroke style.
+   * @api
+   */
+  getBackgroundStroke() {
+    return this.backgroundStroke_;
+  }
+  /**
+   * Get the padding for the text.
+   * @return {Array<number>|null} Padding.
+   * @api
+   */
+  getPadding() {
+    return this.padding_;
+  }
+  /**
+   * Set the `overflow` property.
+   *
+   * @param {boolean} overflow Let text overflow the path that it follows.
+   * @api
+   */
+  setOverflow(e) {
+    this.overflow_ = e;
+  }
+  /**
+   * Set the font.
+   *
+   * @param {string|undefined} font Font.
+   * @api
+   */
+  setFont(e) {
+    this.font_ = e;
+  }
+  /**
+   * Set the maximum angle between adjacent characters.
+   *
+   * @param {number} maxAngle Angle in radians.
+   * @api
+   */
+  setMaxAngle(e) {
+    this.maxAngle_ = e;
+  }
+  /**
+   * Set the x offset.
+   *
+   * @param {number} offsetX Horizontal text offset.
+   * @api
+   */
+  setOffsetX(e) {
+    this.offsetX_ = e;
+  }
+  /**
+   * Set the y offset.
+   *
+   * @param {number} offsetY Vertical text offset.
+   * @api
+   */
+  setOffsetY(e) {
+    this.offsetY_ = e;
+  }
+  /**
+   * Set the text placement.
+   *
+   * @param {TextPlacement} placement Placement.
+   * @api
+   */
+  setPlacement(e) {
+    this.placement_ = e;
+  }
+  /**
+   * Set the repeat interval of the text.
+   * @param {number|undefined} [repeat] Repeat interval in pixels.
+   * @api
+   */
+  setRepeat(e) {
+    this.repeat_ = e;
+  }
+  /**
+   * Set whether to rotate the text with the view.
+   *
+   * @param {boolean} rotateWithView Rotate with map.
+   * @api
+   */
+  setRotateWithView(e) {
+    this.rotateWithView_ = e;
+  }
+  /**
+   * Set the fill.
+   *
+   * @param {import("./Fill.js").default} fill Fill style.
+   * @api
+   */
+  setFill(e) {
+    this.fill_ = e;
+  }
+  /**
+   * Set the rotation.
+   *
+   * @param {number|undefined} rotation Rotation.
+   * @api
+   */
+  setRotation(e) {
+    this.rotation_ = e;
+  }
+  /**
+   * Set the scale.
+   *
+   * @param {number|import("../size.js").Size|undefined} scale Scale.
+   * @api
+   */
+  setScale(e) {
+    this.scale_ = e, this.scaleArray_ = x(e !== void 0 ? e : 1);
+  }
+  /**
+   * Set the stroke.
+   *
+   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * @api
+   */
+  setStroke(e) {
+    this.stroke_ = e;
+  }
+  /**
+   * Set the text.
+   *
+   * @param {string|Array<string>|undefined} text Text.
+   * @api
+   */
+  setText(e) {
+    this.text_ = e;
+  }
+  /**
+   * Set the text alignment.
+   *
+   * @param {CanvasTextAlign|undefined} textAlign Text align.
+   * @api
+   */
+  setTextAlign(e) {
+    this.textAlign_ = e;
+  }
+  /**
+   * Set the justification.
+   *
+   * @param {TextJustify|undefined} justify Justification.
+   * @api
+   */
+  setJustify(e) {
+    this.justify_ = e;
+  }
+  /**
+   * Set the text baseline.
+   *
+   * @param {CanvasTextBaseline|undefined} textBaseline Text baseline.
+   * @api
+   */
+  setTextBaseline(e) {
+    this.textBaseline_ = e;
+  }
+  /**
+   * Set the background fill.
+   *
+   * @param {import("./Fill.js").default} fill Fill style.
+   * @api
+   */
+  setBackgroundFill(e) {
+    this.backgroundFill_ = e;
+  }
+  /**
+   * Set the background stroke.
+   *
+   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * @api
+   */
+  setBackgroundStroke(e) {
+    this.backgroundStroke_ = e;
+  }
+  /**
+   * Set the padding (`[top, right, bottom, left]`).
+   *
+   * @param {Array<number>|null} padding Padding.
+   * @api
+   */
+  setPadding(e) {
+    this.padding_ = e;
+  }
+}
+export {
+  Xe as A,
+  G as B,
+  R as C,
+  De as D,
+  Se as E,
+  C as F,
+  Ge as G,
+  Ue as H,
+  ne as I,
+  Ye as J,
+  Be as K,
+  pe as L,
+  Ze as M,
+  Ke as N,
+  qe as O,
+  V as R,
+  S,
+  se as T,
+  A as a,
+  y as b,
+  Qe as c,
+  Pe as d,
+  be as e,
+  Ve as f,
+  He as g,
+  Fe as h,
+  Re as i,
+  Te as j,
+  Me as k,
+  _ as l,
+  Q as m,
+  L as n,
+  ke as o,
+  Ee as p,
+  je as q,
+  We as r,
+  Z as s,
+  x as t,
+  $e as u,
+  X as v,
+  Y as w,
+  Ie as x,
+  Ne as y,
+  Je as z
+};