@hybridcore/ui 1.1.0 → 1.1.2

package/dist/{Text-DVP2PrYM.js → Text-BT5kPHOo.js}

@@ -1,225 +1,4 @@
-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();
-  }
-}
+import { d as w, b as v, W as j, f as ae, c as le, h as N, I as he, u as ce, E as O, i as m, j as oe, g as ue } from "./has-9_asnBxn.js";
 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);
@@ -284,49 +63,70 @@ function ee(i) {
   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);
-    }
+class ye {
+  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 = X(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 = X(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();
   }
 }
-const Te = "ol-hidden", Pe = "ol-unselectable", Ve = "ol-control", He = "ol-collapsed", ye = new RegExp(
+function X(i, e, t) {
+  const n = t ? $(t) : "null";
+  return e + ":" + i + ":" + n;
+}
+const U = new ye(), Me = "ol-hidden", Ee = "ol-unselectable", Re = "ol-control", be = "ol-collapsed", Se = new RegExp(
   [
     "^\\s*(?=(?:(?:[-a-z]+\\s*){0,2}(italic|oblique))?)",
     "(?=(?:(?:[-a-z]+\\s*){0,2}(small-caps))?)",
@@ -337,7 +137,7 @@ const Te = "ol-hidden", Pe = "ol-unselectable", Ve = "ol-control", He = "ol-coll
     `?\\s*([-,\\"\\'\\sa-z]+?)\\s*$`
   ].join(""),
   "i"
-), U = [
+), Y = [
   "style",
   "variant",
   "weight",
@@ -345,7 +145,7 @@ const Te = "ol-hidden", Pe = "ol-unselectable", Ve = "ol-control", He = "ol-coll
   "lineHeight",
   "family"
 ], te = function(i) {
-  const e = i.match(ye);
+  const e = i.match(Se);
   if (!e)
     return null;
   const t = (
@@ -358,25 +158,65 @@ const Te = "ol-hidden", Pe = "ol-unselectable", Ve = "ol-control", He = "ol-coll
       variant: "normal"
     }
   );
-  for (let n = 0, s = U.length; n < s; ++n) {
+  for (let n = 0, s = Y.length; n < s; ++n) {
     const r = e[n + 1];
-    r !== void 0 && (t[U[n]] = r);
+    r !== void 0 && (t[Y[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();
+};
+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 Fe(i) {
+  const e = i.canvas;
+  e.width = 1, e.height = 1, i.clearRect(0, 0, 1, 1);
+}
+function We(i, e) {
+  const t = e.parentNode;
+  t && t.replaceChild(i, e);
+}
+function Te(i) {
+  return i && i.parentNode ? i.parentNode.removeChild(i) : null;
+}
+function Pe(i) {
+  for (; i.lastChild; )
+    i.removeChild(i.lastChild);
+}
+function Ve(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 He = "10px sans-serif", G = "#000", Be = "round", Ne = [], Je = 0, p = "round", Ie = 10, De = "#000", Xe = "center", Ue = "middle", Ye = [0, 0, 0, 0], we = 1, y = new ae();
 let D = null, T;
-const P = {}, pe = function() {
+const P = {}, Ge = 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(
+      if (a = x(
         c + " " + h + " " + e + d,
         s
       ), u != d) {
-        const I = M(
+        const I = x(
           c + " " + h + " " + e + u + "," + d,
           s
         );
@@ -407,7 +247,7 @@ const P = {}, pe = function() {
       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() {
+}(), Ae = /* @__PURE__ */ function() {
   let i;
   return function(e) {
     let t = P[e];
@@ -425,17 +265,17 @@ const P = {}, pe = function() {
 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) {
+function x(i, e) {
   return ie(i, e).width;
 }
-function qe(i, e, t) {
+function pe(i, e, t) {
   if (e in t)
     return t[e];
   const n = e.split(`
-`).reduce((s, r) => Math.max(s, M(i, r)), 0);
+`).reduce((s, r) => Math.max(s, x(i, r)), 0);
   return t[e] = n, n;
 }
-function Ze(i, e) {
+function qe(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) {
@@ -445,16 +285,16 @@ function Ze(i, e) {
       r = Math.max(r, a), s.push(a), a = 0, l += o;
       continue;
     }
-    const f = e[c + 1] || i.font, g = M(f, u);
+    const f = e[c + 1] || i.font, g = x(f, u);
     t.push(g), a += g;
-    const d = we(f);
+    const d = Ae(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) {
+function Ze(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(
+  n.contextInstructions ? (i.translate(o, c), i.scale(h[0], h[1]), Ce(
     /** @type {Label} */
     n,
     i
@@ -482,7 +322,7 @@ function Ke(i, e, t, n, s, r, a, l, o, c, h) {
     l * h[1]
   ), i.restore();
 }
-function Ae(i, e) {
+function Ce(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(
@@ -490,438 +330,739 @@ function Ae(i, e) {
       t[n + 1]
     ) : e[t[n]] = t[n + 1];
 }
-class V extends E {
+function Ke(i) {
+  return i[0] > 0 && i[1] > 0;
+}
+function M(i, e) {
+  return Array.isArray(i) ? i : (e === void 0 ? e = [i, i] : (e[0] = i, e[1] = i), e);
+}
+const _ = {
+  IDLE: 0,
+  LOADING: 1,
+  LOADED: 2,
+  ERROR: 3,
+  EMPTY: 4
+};
+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);
+  };
+}
+class C {
   /**
-   * @param {Options} options Options.
+   * @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();
+    e = e || {}, this.color_ = e.color !== void 0 ? e.color : null;
   }
   /**
-   * Clones the style.
-   * @return {RegularShape} The cloned style.
+   * 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.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()
+    const e = this.getColor();
+    return new C({
+      color: Array.isArray(e) ? e.slice() : e || void 0
     });
-    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.
+   * Get the fill color.
+   * @return {import("../color.js").Color|import("../colorlike.js").ColorLike|null} Color.
    * @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]
-    ];
+  getColor() {
+    return this.color_;
   }
   /**
-   * Get the angle used in generating the shape.
-   * @return {number} Shape's rotation in radians.
+   * Set the color.
+   *
+   * @param {import("../color.js").Color|import("../colorlike.js").ColorLike|null} color Color.
    * @api
    */
-  getAngle() {
-    return this.angle_;
+  setColor(e) {
+    this.color_ = e;
   }
+}
+class E {
   /**
-   * Get the fill style for the shape.
-   * @return {import("./Fill.js").default} Fill style.
-   * @api
+   * @param {Options} options Options.
    */
-  getFill() {
-    return this.fill_;
+  constructor(e) {
+    this.opacity_ = e.opacity, this.rotateWithView_ = e.rotateWithView, this.rotation_ = e.rotation, this.scale_ = e.scale, this.scaleArray_ = M(e.scale), this.displacement_ = e.displacement, this.declutterMode_ = e.declutterMode;
   }
   /**
-   * Set the fill style.
-   * @param {import("./Fill.js").default} fill Fill style.
+   * Clones the style.
+   * @return {ImageStyle} The cloned style.
    * @api
    */
-  setFill(e) {
-    this.fill_ = e, this.render();
+  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()
+    });
   }
   /**
-   * @return {HTMLCanvasElement} Image element.
+   * Get the symbolizer opacity.
+   * @return {number} Opacity.
+   * @api
    */
-  getHitDetectionImage() {
-    return this.hitDetectionCanvas_ || this.createHitDetectionCanvas_(this.renderOptions_), this.hitDetectionCanvas_;
+  getOpacity() {
+    return this.opacity_;
   }
   /**
-   * Get the image icon.
-   * @param {number} pixelRatio Pixel ratio.
-   * @return {HTMLCanvasElement} Image or Canvas element.
+   * Determine whether the symbolizer rotates with the map.
+   * @return {boolean} Rotate with map.
    * @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;
+  getRotateWithView() {
+    return this.rotateWithView_;
   }
   /**
-   * Get the image pixel ratio.
-   * @param {number} pixelRatio Pixel ratio.
-   * @return {number} Pixel ratio.
+   * Get the symoblizer rotation.
+   * @return {number} Rotation.
+   * @api
    */
-  getPixelRatio(e) {
-    return e;
+  getRotation() {
+    return this.rotation_;
   }
   /**
-   * @return {import("../size.js").Size} Image size.
+   * Get the symbolizer scale.
+   * @return {number|import("../size.js").Size} Scale.
+   * @api
    */
-  getImageSize() {
-    return this.size_;
+  getScale() {
+    return this.scale_;
   }
   /**
-   * @return {import("../ImageState.js").default} Image state.
+   * Get the symbolizer scale array.
+   * @return {import("../size.js").Size} Scale array.
    */
-  getImageState() {
-    return _.LOADED;
+  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.
-   * @api
    */
   getOrigin() {
-    return this.origin_;
+    return m();
   }
   /**
-   * Get the number of points for generating the shape.
-   * @return {number} Number of points for stars and regular polygons.
-   * @api
+   * Get the size of the symbolizer (in pixels).
+   * @abstract
+   * @return {import("../size.js").Size} Size.
    */
-  getPoints() {
-    return this.points_;
+  getSize() {
+    return m();
   }
   /**
-   * Get the (primary) radius for the shape.
-   * @return {number} Radius.
+   * Set the displacement.
+   *
+   * @param {Array<number>} displacement Displacement.
    * @api
    */
-  getRadius() {
-    return this.radius_;
+  setDisplacement(e) {
+    this.displacement_ = e;
   }
   /**
-   * Get the secondary radius for the shape.
-   * @return {number|undefined} Radius2.
+   * Set the opacity.
+   *
+   * @param {number} opacity Opacity.
    * @api
    */
-  getRadius2() {
-    return this.radius2_;
+  setOpacity(e) {
+    this.opacity_ = e;
   }
   /**
-   * Get the size of the symbolizer (in pixels).
-   * @return {import("../size.js").Size} Size.
+   * Set whether to rotate the style with the view.
+   *
+   * @param {boolean} rotateWithView Rotate with map.
    * @api
    */
-  getSize() {
-    return this.size_;
+  setRotateWithView(e) {
+    this.rotateWithView_ = e;
   }
   /**
-   * Get the stroke style for the shape.
-   * @return {import("./Stroke.js").default} Stroke style.
+   * Set the rotation.
+   *
+   * @param {number} rotation Rotation.
    * @api
    */
-  getStroke() {
-    return this.stroke_;
+  setRotation(e) {
+    this.rotation_ = e;
   }
   /**
-   * Set the stroke style.
-   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * Set the scale.
+   *
+   * @param {number|import("../size.js").Size} scale Scale.
    * @api
    */
-  setStroke(e) {
-    this.stroke_ = e, this.render();
+  setScale(e) {
+    this.scale_ = e, this.scaleArray_ = M(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();
   }
+}
+let z = null;
+class ze extends oe {
   /**
-   * 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
+   * @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.
    */
-  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
-    };
+  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_;
   }
   /**
-   * @protected
+   * @private
    */
-  render() {
-    this.renderOptions_ = this.createRenderOptions();
-    const e = this.renderOptions_.size;
-    this.canvas_ = {}, this.size_ = [e, e];
+  initializeImage_() {
+    this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_);
   }
   /**
    * @private
-   * @param {RenderOptions} renderOptions Render options.
-   * @param {CanvasRenderingContext2D} context The rendering context.
-   * @param {number} pixelRatio The pixel ratio.
+   * @return {boolean} The image canvas is tainted.
    */
-  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();
+  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;
+      }
     }
-    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());
+    return this.tainted_ === !0;
   }
   /**
    * @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));
+  dispatchChangeEvent_() {
+    this.dispatchEvent(O.CHANGE);
   }
   /**
    * @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();
-    }
+  handleImageError_() {
+    this.imageState_ = _.ERROR, this.unlistenImage_(), this.dispatchChangeEvent_();
   }
   /**
    * @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());
+  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_();
   }
-}
-class R extends V {
   /**
-   * @param {Options} [options] Options.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLImageElement|HTMLCanvasElement} Image or Canvas element.
    */
-  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
-    });
+  getImage(e) {
+    return this.image_ || this.initializeImage_(), this.replaceColor_(e), this.canvas_[e] ? this.canvas_[e] : this.image_;
   }
   /**
-   * Clones the style.
-   * @return {CircleStyle} The cloned style.
-   * @api
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Image or Canvas element.
    */
-  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;
+  getPixelRatio(e) {
+    return this.replaceColor_(e), this.canvas_[e] ? e : 1;
   }
   /**
-   * Set the circle radius.
-   *
-   * @param {number} radius Circle radius.
-   * @api
+   * @return {import("../ImageState.js").default} Image state.
    */
-  setRadius(e) {
-    this.radius_ = e, this.render();
+  getImageState() {
+    return this.imageState_;
   }
-}
-class C {
   /**
-   * @param {Options} [options] Options.
+   * @return {HTMLImageElement|HTMLCanvasElement} Image element.
    */
-  constructor(e) {
-    e = e || {}, this.color_ = e.color !== void 0 ? e.color : null;
+  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_;
   }
   /**
-   * Clones the style. The color is not cloned if it is an {@link module:ol/colorlike~ColorLike}.
-   * @return {Fill} The cloned style.
-   * @api
+   * Get the size of the icon (in pixels).
+   * @return {import("../size.js").Size} Image size.
    */
-  clone() {
-    const e = this.getColor();
-    return new C({
-      color: Array.isArray(e) ? e.slice() : e || void 0
-    });
+  getSize() {
+    return this.size_;
   }
   /**
-   * Get the fill color.
-   * @return {import("../color.js").Color|import("../colorlike.js").ColorLike|null} Color.
-   * @api
+   * @return {string|undefined} Image src.
    */
-  getColor() {
-    return this.color_;
+  getSrc() {
+    return this.src_;
   }
   /**
-   * Set the color.
+   * 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.
    *
-   * @param {import("../color.js").Color|import("../colorlike.js").ColorLike|null} color Color.
-   * @api
+   * @private
    */
-  setColor(e) {
-    this.color_ = e;
+  unlistenImage_() {
+    this.unlisten_ && (this.unlisten_(), this.unlisten_ = null);
   }
 }
-class A {
+function Oe(i, e, t, n, s, r) {
+  let a = U.get(e, n, r);
+  return a || (a = new ze(i, e, t, n, s, r), U.set(e, n, r, a)), a;
+}
+function q(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 || {}, 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;
+    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(
+              q(
+                g[0],
+                g[1],
+                e.width,
+                e.height
+              )
+            );
+          };
+          this.listenImageChange(f);
+          return;
+        }
+      }
+      c !== void 0 && this.setScale(
+        q(c, h, e.width, e.height)
+      );
+    }
   }
   /**
-   * Clones the style.
-   * @return {Stroke} The cloned style.
+   * Clones the style. The underlying Image/HTMLCanvasElement is not cloned.
+   * @return {Icon} 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()
+    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 stroke color.
-   * @return {import("../color.js").Color|import("../colorlike.js").ColorLike} Color.
+   * Get the anchor point in pixels. The anchor determines the center point for the
+   * symbolizer.
+   * @return {Array<number>} Anchor.
    * @api
    */
-  getColor() {
-    return this.color_;
+  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]
+    ];
   }
   /**
-   * Get the line cap type for the stroke.
-   * @return {CanvasLineCap|undefined} Line cap.
+   * Set the anchor point. The anchor determines the center point for the
+   * symbolizer.
+   *
+   * @param {Array<number>} anchor Anchor.
    * @api
    */
-  getLineCap() {
-    return this.lineCap_;
+  setAnchor(e) {
+    this.anchor_ = e, this.normalizedAnchor_ = null;
   }
   /**
-   * Get the line dash style for the stroke.
-   * @return {Array<number>|null} Line dash.
+   * Get the icon color.
+   * @return {import("../color.js").Color} Color.
    * @api
    */
-  getLineDash() {
-    return this.lineDash_;
+  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);
+  }
+}
+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.
@@ -1019,763 +1160,622 @@ class A {
     this.width_ = e;
   }
 }
-class S {
+function Z(i) {
+  return Array.isArray(i) ? ee(i) : i;
+}
+class V extends E {
   /**
-   * @param {Options} [options] Style options.
+   * @param {Options} options 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;
+    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 {Style} The cloned style.
+   * @return {RegularShape} 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,
+    const e = this.getScale(), t = new V({
       fill: this.getFill() ? this.getFill().clone() : void 0,
-      image: this.getImage() ? this.getImage().clone() : void 0,
-      renderer: this.getRenderer(),
+      points: this.getPoints(),
+      radius: this.getRadius(),
+      radius2: this.getRadius2(),
+      angle: this.getAngle(),
       stroke: this.getStroke() ? this.getStroke().clone() : void 0,
-      text: this.getText() ? this.getText().clone() : void 0,
-      zIndex: this.getZIndex()
+      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 custom renderer function that was configured with
-   * {@link #setRenderer} or the `renderer` constructor option.
-   * @return {RenderFunction|null} Custom renderer function.
+   * Get the anchor point in pixels. The anchor determines the center point for the
+   * symbolizer.
+   * @return {Array<number>} Anchor.
    * @api
    */
-  getRenderer() {
-    return this.renderer_;
+  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]
+    ];
   }
   /**
-   * 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.
+   * Get the angle used in generating the shape.
+   * @return {number} Shape's rotation in radians.
    * @api
    */
-  setRenderer(e) {
-    this.renderer_ = e;
+  getAngle() {
+    return this.angle_;
   }
   /**
-   * Sets a custom renderer function for this style used
-   * in hit detection.
-   * @param {RenderFunction|null} renderer Custom renderer function.
+   * Get the fill style for the shape.
+   * @return {import("./Fill.js").default} Fill style.
    * @api
    */
-  setHitDetectionRenderer(e) {
-    this.hitDetectionRenderer_ = e;
+  getFill() {
+    return this.fill_;
   }
   /**
-   * Get the custom renderer function that was configured with
-   * {@link #setHitDetectionRenderer} or the `hitDetectionRenderer` constructor option.
-   * @return {RenderFunction|null} Custom renderer function.
+   * Set the fill style.
+   * @param {import("./Fill.js").default} fill Fill style.
    * @api
    */
-  getHitDetectionRenderer() {
-    return this.hitDetectionRenderer_;
+  setFill(e) {
+    this.fill_ = e, this.render();
   }
   /**
-   * 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
+   * @return {HTMLCanvasElement} Image element.
    */
-  getGeometry() {
-    return this.geometry_;
+  getHitDetectionImage() {
+    return this.hitDetectionCanvas_ || this.createHitDetectionCanvas_(this.renderOptions_), this.hitDetectionCanvas_;
   }
   /**
-   * 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.
+   * Get the image icon.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {HTMLCanvasElement} Image or Canvas element.
    * @api
    */
-  getGeometryFunction() {
-    return this.geometryFunction_;
+  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 fill style.
-   * @return {import("./Fill.js").default} Fill style.
-   * @api
+   * Get the image pixel ratio.
+   * @param {number} pixelRatio Pixel ratio.
+   * @return {number} Pixel ratio.
    */
-  getFill() {
-    return this.fill_;
+  getPixelRatio(e) {
+    return e;
   }
   /**
-   * Set the fill style.
-   * @param {import("./Fill.js").default} fill Fill style.
-   * @api
+   * @return {import("../size.js").Size} Image size.
    */
-  setFill(e) {
-    this.fill_ = e;
+  getImageSize() {
+    return this.size_;
   }
   /**
-   * Get the image style.
-   * @return {import("./Image.js").default} Image style.
-   * @api
+   * @return {import("../ImageState.js").default} Image state.
    */
-  getImage() {
-    return this.image_;
+  getImageState() {
+    return _.LOADED;
   }
   /**
-   * Set the image style.
-   * @param {import("./Image.js").default} image Image style.
+   * Get the origin of the symbolizer.
+   * @return {Array<number>} Origin.
    * @api
    */
-  setImage(e) {
-    this.image_ = e;
+  getOrigin() {
+    return this.origin_;
   }
   /**
-   * Get the stroke style.
-   * @return {import("./Stroke.js").default} Stroke style.
+   * Get the number of points for generating the shape.
+   * @return {number} Number of points for stars and regular polygons.
    * @api
    */
-  getStroke() {
-    return this.stroke_;
+  getPoints() {
+    return this.points_;
   }
   /**
-   * Set the stroke style.
-   * @param {import("./Stroke.js").default} stroke Stroke style.
+   * Get the (primary) radius for the shape.
+   * @return {number} Radius.
    * @api
    */
-  setStroke(e) {
-    this.stroke_ = e;
+  getRadius() {
+    return this.radius_;
   }
   /**
-   * Get the text style.
-   * @return {import("./Text.js").default} Text style.
+   * Get the secondary radius for the shape.
+   * @return {number|undefined} Radius2.
    * @api
    */
-  getText() {
-    return this.text_;
+  getRadius2() {
+    return this.radius2_;
   }
   /**
-   * Set the text style.
-   * @param {import("./Text.js").default} text Text style.
+   * Get the size of the symbolizer (in pixels).
+   * @return {import("../size.js").Size} Size.
    * @api
    */
-  setText(e) {
-    this.text_ = e;
+  getSize() {
+    return this.size_;
   }
   /**
-   * Get the z-index for the style.
-   * @return {number|undefined} ZIndex.
+   * Get the stroke style for the shape.
+   * @return {import("./Stroke.js").default} Stroke style.
    * @api
    */
-  getZIndex() {
-    return this.zIndex_;
+  getStroke() {
+    return this.stroke_;
   }
   /**
-   * 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.
+   * Set the stroke style.
+   * @param {import("./Stroke.js").default} stroke Stroke 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;
+  setStroke(e) {
+    this.stroke_ = e, this.render();
   }
   /**
-   * Set the z-index.
-   *
-   * @param {number|undefined} zIndex ZIndex.
-   * @api
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
    */
-  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;
+  listenImageChange(e) {
   }
   /**
-   * FIXME empty description for jsdoc
+   * Load not yet loaded URI.
    */
-  clear() {
-    this.cache_ = {}, this.cacheSize_ = 0;
+  load() {
   }
   /**
-   * @return {boolean} Can expire cache.
+   * @param {function(import("../events/Event.js").default): void} listener Listener function.
    */
-  canExpireCache() {
-    return this.cacheSize_ > this.maxCacheSize_;
+  unlistenImageChange(e) {
   }
   /**
-   * FIXME empty description for jsdoc
+   * 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
    */
-  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_);
-      }
+  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;
   }
   /**
-   * @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
+   * @return {RenderOptions}  The render options
+   * @protected
    */
-  setSize(e) {
-    this.maxCacheSize_ = e, this.expire();
+  createRenderOptions() {
+    let e = p, t = 0, n = null, s = 0, r, a = 0;
+    this.stroke_ && (r = this.stroke_.getColor(), r === null && (r = De), r = Z(r), a = this.stroke_.getWidth(), a === void 0 && (a = we), n = this.stroke_.getLineDash(), s = this.stroke_.getLineDashOffset(), e = this.stroke_.getLineJoin(), e === void 0 && (e = p), t = this.stroke_.getMiterLimit(), t === void 0 && (t = Ie));
+    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
+    };
   }
-}
-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.
+   * @protected
    */
-  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_;
+  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.
    */
-  initializeImage_() {
-    this.image_ = new Image(), this.crossOrigin_ !== null && (this.image_.crossOrigin = this.crossOrigin_);
+  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 = G), t.fillStyle = Z(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
-   * @return {boolean} The image canvas is tainted.
+   * @param {RenderOptions} renderOptions Render options.
    */
-  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;
+  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);
       }
     }
-    return this.tainted_ === !0;
-  }
-  /**
-   * @private
-   */
-  dispatchChangeEvent_() {
-    this.dispatchEvent(O.CHANGE);
-  }
-  /**
-   * @private
-   */
-  handleImageError_() {
-    this.imageState_ = _.ERROR, this.unlistenImage_(), this.dispatchChangeEvent_();
+    this.hitDetectionCanvas_ || (this.hitDetectionCanvas_ = this.getImage(1));
   }
   /**
    * @private
+   * @param {CanvasRenderingContext2D} context The context to draw in.
    */
-  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_();
+  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));
       }
-      this.unlisten_ = ke(
-        this.image_,
-        this.handleImageLoad_.bind(this),
-        this.handleImageError_.bind(this)
-      );
+      e.closePath();
     }
   }
   /**
-   * @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
+   * @param {RenderOptions} renderOptions Render options.
+   * @param {CanvasRenderingContext2D} context The context.
    */
-  unlistenImage_() {
-    this.unlisten_ && (this.unlisten_(), this.unlisten_ = null);
+  drawHitDetectionCanvas_(e, t) {
+    t.translate(e.size / 2, e.size / 2), this.createPath_(t), t.fillStyle = G, 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());
   }
 }
-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 {
+class R extends V {
   /**
    * @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,
+    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],
-      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.
+   * Clones the style.
+   * @return {CircleStyle} 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(),
+    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(),
-      scale: e,
-      width: t,
-      height: n,
-      size: this.size_ !== null ? this.size_.slice() : void 0,
-      src: this.getSrc(),
+      rotateWithView: this.getRotateWithView(),
       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.
+   * Set the circle radius.
+   *
+   * @param {number} radius Circle radius.
    * @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]
-    ];
+  setRadius(e) {
+    this.radius_ = e, this.render();
+  }
+}
+class S {
+  /**
+   * @param {Options} [options] Style options.
+   */
+  constructor(e) {
+    e = e || {}, this.geometry_ = null, this.geometryFunction_ = K, 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_;
   }
   /**
-   * Set the anchor point. The anchor determines the center point for the
-   * symbolizer.
-   *
-   * @param {Array<number>} anchor Anchor.
+   * 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
    */
-  setAnchor(e) {
-    this.anchor_ = e, this.normalizedAnchor_ = null;
+  setRenderer(e) {
+    this.renderer_ = e;
   }
   /**
-   * Get the icon color.
-   * @return {import("../color.js").Color} Color.
+   * Sets a custom renderer function for this style used
+   * in hit detection.
+   * @param {RenderFunction|null} renderer Custom renderer function.
    * @api
    */
-  getColor() {
-    return this.color_;
+  setHitDetectionRenderer(e) {
+    this.hitDetectionRenderer_ = e;
   }
   /**
-   * Get the image icon.
-   * @param {number} pixelRatio Pixel ratio.
-   * @return {HTMLImageElement|HTMLCanvasElement} Image or Canvas element.
+   * Get the custom renderer function that was configured with
+   * {@link #setHitDetectionRenderer} or the `hitDetectionRenderer` constructor option.
+   * @return {RenderFunction|null} Custom renderer function.
    * @api
    */
-  getImage(e) {
-    return this.iconImage_.getImage(e);
+  getHitDetectionRenderer() {
+    return this.hitDetectionRenderer_;
   }
   /**
-   * Get the pixel ratio.
-   * @param {number} pixelRatio Pixel ratio.
-   * @return {number} The pixel ratio of the image.
+   * 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
    */
-  getPixelRatio(e) {
-    return this.iconImage_.getPixelRatio(e);
+  getGeometry() {
+    return this.geometry_;
   }
   /**
-   * @return {import("../size.js").Size} Image size.
+   * 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
    */
-  getImageSize() {
-    return this.iconImage_.getSize();
+  getGeometryFunction() {
+    return this.geometryFunction_;
   }
   /**
-   * @return {import("../ImageState.js").default} Image state.
+   * Get the fill style.
+   * @return {import("./Fill.js").default} Fill style.
+   * @api
    */
-  getImageState() {
-    return this.iconImage_.getImageState();
+  getFill() {
+    return this.fill_;
   }
   /**
-   * @return {HTMLImageElement|HTMLCanvasElement} Image element.
+   * Set the fill style.
+   * @param {import("./Fill.js").default} fill Fill style.
+   * @api
    */
-  getHitDetectionImage() {
-    return this.iconImage_.getHitDetectionImage();
+  setFill(e) {
+    this.fill_ = e;
   }
   /**
-   * Get the origin of the symbolizer.
-   * @return {Array<number>} Origin.
+   * Get the image style.
+   * @return {import("./Image.js").default} Image style.
    * @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_;
+  getImage() {
+    return this.image_;
   }
   /**
-   * Get the image URL.
-   * @return {string|undefined} Image src.
+   * Set the image style.
+   * @param {import("./Image.js").default} image Image style.
    * @api
    */
-  getSrc() {
-    return this.iconImage_.getSrc();
+  setImage(e) {
+    this.image_ = e;
   }
   /**
-   * Get the size of the icon (in pixels).
-   * @return {import("../size.js").Size} Image size.
+   * Get the stroke style.
+   * @return {import("./Stroke.js").default} Stroke style.
    * @api
    */
-  getSize() {
-    return this.size_ ? this.size_ : this.iconImage_.getSize();
+  getStroke() {
+    return this.stroke_;
   }
   /**
-   * 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).
+   * Set the stroke style.
+   * @param {import("./Stroke.js").default} stroke Stroke style.
    * @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];
+  setStroke(e) {
+    this.stroke_ = e;
   }
   /**
-   * 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).
+   * Get the text style.
+   * @return {import("./Text.js").default} Text style.
    * @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];
+  getText() {
+    return this.text_;
   }
   /**
-   * Set the scale.
-   *
-   * @param {number|import("../size.js").Size} scale Scale.
+   * Set the text style.
+   * @param {import("./Text.js").default} text Text style.
    * @api
    */
-  setScale(e) {
-    delete this.initialOptions_, super.setScale(e);
+  setText(e) {
+    this.text_ = e;
   }
   /**
-   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   * Get the z-index for the style.
+   * @return {number|undefined} ZIndex.
+   * @api
    */
-  listenImageChange(e) {
-    this.iconImage_.addEventListener(O.CHANGE, e);
+  getZIndex() {
+    return this.zIndex_;
   }
   /**
-   * 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.
+   * 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
    */
-  load() {
-    this.iconImage_.load();
+  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_ = K, this.geometry_ = e;
   }
   /**
-   * @param {function(import("../events/Event.js").default): void} listener Listener function.
+   * Set the z-index.
+   *
+   * @param {number|undefined} zIndex ZIndex.
+   * @api
    */
-  unlistenImageChange(e) {
-    this.iconImage_.removeEventListener(O.CHANGE, e);
+  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 K(i) {
+  return i.getGeometry();
 }
 const Le = "#333";
 class se {
@@ -1783,7 +1783,7 @@ 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;
+    e = e || {}, this.font_ = e.font, this.rotation_ = e.rotation, this.rotateWithView_ = e.rotateWithView, this.scale_ = e.scale, this.scaleArray_ = M(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.
@@ -2069,7 +2069,7 @@ class se {
    * @api
    */
   setScale(e) {
-    this.scale_ = e, this.scaleArray_ = x(e !== void 0 ? e : 1);
+    this.scale_ = e, this.scaleArray_ = M(e !== void 0 ? e : 1);
   }
   /**
    * Set the stroke.
@@ -2145,48 +2145,48 @@ class se {
   }
 }
 export {
-  Xe as A,
-  G as B,
+  Je as A,
+  p as B,
   R as C,
-  De as D,
-  Se as E,
+  we as D,
+  Ie as E,
   C as F,
-  Ge as G,
-  Ue as H,
+  Ye as G,
+  Xe as H,
   ne as I,
-  Ye as J,
-  Be as K,
-  pe as L,
-  Ze as M,
-  Ke as N,
-  qe as O,
+  Ue as J,
+  He as K,
+  Ge as L,
+  qe as M,
+  Ze as N,
+  pe 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,
+  Ee as d,
+  Te as e,
+  Re as f,
+  be as g,
+  Pe as h,
+  We as i,
+  Me as j,
+  Ke as k,
   _ as l,
   Q as m,
   L as n,
   ke as o,
-  Ee as p,
+  Fe as p,
   je as q,
-  We as r,
-  Z as s,
-  x as t,
+  Ve as r,
+  U as s,
+  M as t,
   $e as u,
-  X as v,
-  Y as w,
-  Ie as x,
-  Ne as y,
-  Je as z
+  Z as v,
+  G as w,
+  De as x,
+  Be as y,
+  Ne as z
 };