ol 7.3.1-dev.1680093489853 → 7.3.1-dev.1680098251703

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol",
-  "version": "7.3.1-dev.1680093489853",
+  "version": "7.3.1-dev.1680098251703",
   "description": "OpenLayers mapping library",
   "keywords": [
     "map",

package/style/Icon.d.ts

@@ -104,52 +104,6 @@ export type Options = {
      */
     declutterMode?: "declutter" | "obstacle" | "none" | undefined;
 };
-/**
- * @typedef {'fraction' | 'pixels'} IconAnchorUnits
- * Anchor unit can be either a fraction of the icon size or in pixels.
- */
-/**
- * @typedef {'bottom-left' | 'bottom-right' | 'top-left' | 'top-right'} IconOrigin
- * Icon origin. One of 'bottom-left', 'bottom-right', 'top-left', 'top-right'.
- */
-/**
- * @typedef {Object} Options
- * @property {Array<number>} [anchor=[0.5, 0.5]] Anchor. Default value is the icon center.
- * @property {IconOrigin} [anchorOrigin='top-left'] Origin of the anchor: `bottom-left`, `bottom-right`,
- * `top-left` or `top-right`.
- * @property {IconAnchorUnits} [anchorXUnits='fraction'] Units in which the anchor x value is
- * specified. A value of `'fraction'` indicates the x value is a fraction of the icon. A value of `'pixels'` indicates
- * the x value in pixels.
- * @property {IconAnchorUnits} [anchorYUnits='fraction'] Units in which the anchor y value is
- * specified. A value of `'fraction'` indicates the y value is a fraction of the icon. A value of `'pixels'` indicates
- * the y value in pixels.
- * @property {import("../color.js").Color|string} [color] Color to tint the icon. If not specified,
- * the icon will be left as is.
- * @property {null|string} [crossOrigin] The `crossOrigin` attribute for loaded images. Note that you must provide a
- * `crossOrigin` value if you want to access pixel data with the Canvas renderer.
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.
- * @property {HTMLImageElement|HTMLCanvasElement} [img] Image object for the icon. If the `src` option is not provided then the
- * provided image must already be loaded. And in that case, it is required
- * to provide the size of the image, with the `imgSize` option.
- * @property {import("../size.js").Size} [imgSize] Image size in pixels. Only required if `img` is set and `src` is not.
- * The provided `imgSize` needs to match the actual size of the image.
- * @property {Array<number>} [displacement=[0, 0]] Displacement of the icon in pixels.
- * Positive values will shift the icon right and up.
- * @property {number} [opacity=1] Opacity of the icon.
- * @property {number} [width] The width of the icon in pixels. This can't be used together with `scale`.
- * @property {number} [height] The height of the icon in pixels. This can't be used together with `scale`.
- * @property {number|import("../size.js").Size} [scale=1] Scale.
- * @property {boolean} [rotateWithView=false] Whether to rotate the icon with the view.
- * @property {number} [rotation=0] Rotation in radians (positive rotation clockwise).
- * @property {Array<number>} [offset=[0, 0]] Offset which, together with `size` and `offsetOrigin`, defines the
- * sub-rectangle to use from the original (sprite) image.
- * @property {IconOrigin} [offsetOrigin='top-left'] Origin of the offset: `bottom-left`, `bottom-right`,
- * `top-left` or `top-right`.
- * @property {import("../size.js").Size} [size] Icon size in pixels. Used together with `offset` to define the
- * sub-rectangle to use from the original (sprite) image.
- * @property {string} [src] Image source URI.
- * @property {"declutter"|"obstacle"|"none"|undefined} [declutterMode] Declutter mode.
- */
 /**
  * @classdesc
  * Set icon style for vector features.
@@ -225,29 +179,13 @@ declare class Icon extends ImageStyle {
      * @type {import("../size.js").Size}
      */
     private size_;
-    /**
-     * @type {number|undefined}
-     */
-    width_: number | undefined;
-    /**
-     * @type {number|undefined}
-     */
-    height_: number | undefined;
+    initialOptions_: Options | undefined;
     /**
      * Clones the style. The underlying Image/HTMLCanvasElement is not cloned.
      * @return {Icon} The cloned style.
      * @api
      */
     clone(): Icon;
-    /**
-     * Set the scale of the Icon by calculating it from given width and height and the
-     * width and height of the image.
-     *
-     * @private
-     * @param {number} width The width.
-     * @param {number} height The height.
-     */
-    private updateScaleFromWidthAndHeight;
     /**
      * Set the anchor point. The anchor determines the center point for the
      * symbolizer.
@@ -280,29 +218,17 @@ declare class Icon extends ImageStyle {
      */
     getSrc(): string | undefined;
     /**
-     * Get the width of the icon (in pixels).
+     * 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(): number;
     /**
-     * Get the height of the icon (in pixels).
+     * 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(): number;
-    /**
-     * Set the width of the icon in pixels.
-     *
-     * @param {number} width The width to set.
-     */
-    setWidth(width: number): void;
-    /**
-     * Set the height of the icon in pixels.
-     *
-     * @param {number} height The height to set.
-     */
-    setHeight(height: number): void;
 }
 import ImageStyle from './Image.js';
 //# sourceMappingURL=Icon.d.ts.map

package/style/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":";;;;8BAYa,UAAU,GAAG,QAAQ;;;;yBAKrB,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAwCxD,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;AA9CrD;;;GAGG;AAEH;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH;;;;GAIG;AACH;IACE;;OAEG;IACH,2CAoLC;IAlJC;;;OAGG;IACH,gBAAyE;IAEzE;;;OAGG;IACH,0BAA6B;IAE7B;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,qBACgE;IAOhE;;;OAGG;IACH,iBAA+B;IA8B/B;;;OAGG;IACH,eAAyE;IAEzE;;;OAGG;IACH,mBAOC;IAED;;;OAGG;IACH,gBAAqE;IACrE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,gBAAmB;IAEnB;;;OAGG;IACH,cAA6D;IAE7D;;OAEG;IACH,QAFU,MAAM,GAAC,SAAS,CAEC;IAE3B;;OAEG;IACH,SAFU,MAAM,GAAC,SAAS,CAEG;IAkB/B;;;;OAIG;IACH,SAHY,IAAI,CAkCf;IAED;;;;;;;OAOG;IACH,sCAWC;IA6DD;;;;;;OAMG;IACH,kBAHW,MAAM,MAAM,CAAC,QAMvB;IAED;;;;OAIG;IACH,YAHY,OAAO,aAAa,EAAE,KAAK,CAKtC;IAED;;;;;OAKG;IACH,qBAJW,MAAM,GACL,gBAAgB,GAAC,iBAAiB,CAK7C;IA0BD;;OAEG;IACH,wBAFY,gBAAgB,GAAC,iBAAiB,CAI7C;IAqCD;;;;OAIG;IACH,UAHY,MAAM,GAAC,SAAS,CAK3B;IAWD;;;;OAIG;IACH,YAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,aAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,gBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,kBAFW,MAAM,QAKhB;CAgDF;uBAnjBsB,YAAY"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":";;;;8BAYa,UAAU,GAAG,QAAQ;;;;yBAKrB,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAwCxD,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;AAuBrD;;;;GAIG;AACH;IACE;;OAEG;IACH,2CAsMC;IApKC;;;OAGG;IACH,gBAAyE;IAEzE;;;OAGG;IACH,0BAA6B;IAE7B;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,qBACgE;IAOhE;;;OAGG;IACH,iBAA+B;IA8B/B;;;OAGG;IACH,eAAyE;IAEzE;;;OAGG;IACH,mBAOC;IAED;;;OAGG;IACH,gBAAqE;IACrE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,gBAAmB;IAEnB;;;OAGG;IACH,cAA6D;IAkBvD,qCAA8B;IA4BtC;;;;OAIG;IACH,SAHY,IAAI,CAqCf;IA6DD;;;;;;OAMG;IACH,kBAHW,MAAM,MAAM,CAAC,QAMvB;IAED;;;;OAIG;IACH,YAHY,OAAO,aAAa,EAAE,KAAK,CAKtC;IAED;;;;;OAKG;IACH,qBAJW,MAAM,GACL,gBAAgB,GAAC,iBAAiB,CAK7C;IA0BD;;OAEG;IACH,wBAFY,gBAAgB,GAAC,iBAAiB,CAI7C;IAqCD;;;;OAIG;IACH,UAHY,MAAM,GAAC,SAAS,CAK3B;IAWD;;;;OAIG;IACH,YAHY,MAAM,CAYjB;IAED;;;;OAIG;IACH,aAHY,MAAM,CAYjB;CAqCF;uBAtjBsB,YAAY"}

package/style/Icon.js

@@ -58,6 +58,26 @@ import {getUid} from '../util.js';
  * @property {"declutter"|"obstacle"|"none"|undefined} [declutterMode] Declutter mode.
  */
 
+/**
+ * @param {number} width The width.
+ * @param {number} height The height.
+ * @param {number|undefined} wantedWidth The wanted width.
+ * @param {number|undefined} wantedHeight The wanted height.
+ * @return {number|Array<number>} The scale.
+ */
+function calculateScale(width, height, wantedWidth, wantedHeight) {
+  if (wantedWidth !== undefined && wantedHeight !== undefined) {
+    return [wantedWidth / width, wantedHeight / height];
+  }
+  if (wantedWidth !== undefined) {
+    return wantedWidth / width;
+  }
+  if (wantedHeight !== undefined) {
+    return wantedHeight / height;
+  }
+  return 1;
+}
+
 /**
  * @classdesc
  * Set icon style for vector features.
@@ -224,27 +244,45 @@ class Icon extends ImageStyle {
     this.size_ = options.size !== undefined ? options.size : null;
 
     /**
-     * @type {number|undefined}
-     */
-    this.width_ = options.width;
-
-    /**
-     * @type {number|undefined}
+     * Calculate the scale if width or height were given.
      */
-    this.height_ = options.height;
-
-    /**
-     * Recalculate the scale if width or height were given.
-     */
-    if (this.width_ !== undefined || this.height_ !== undefined) {
-      const image = this.getImage(1);
-      const setScale = () => {
-        this.updateScaleFromWidthAndHeight(this.width_, this.height_);
-      };
-      if (image.width > 0) {
-        this.updateScaleFromWidthAndHeight(this.width_, this.height_);
+    if (options.width !== undefined || options.height !== undefined) {
+      let width, height;
+      if (options.size) {
+        [width, height] = options.size;
       } else {
-        image.addEventListener('load', setScale);
+        const image = this.getImage(1);
+        if (
+          image instanceof HTMLCanvasElement ||
+          (image.src && image.complete)
+        ) {
+          width = image.width;
+          height = image.height;
+        } else {
+          this.initialOptions_ = options;
+          const onload = () => {
+            this.unlistenImageChange(onload);
+            if (!this.initialOptions_) {
+              return;
+            }
+            const imageSize = this.iconImage_.getSize();
+            this.setScale(
+              calculateScale(
+                imageSize[0],
+                imageSize[1],
+                options.width,
+                options.height
+              )
+            );
+          };
+          this.listenImageChange(onload);
+          return;
+        }
+      }
+      if (width !== undefined) {
+        this.setScale(
+          calculateScale(width, height, options.width, options.height)
+        );
       }
     }
   }
@@ -255,13 +293,15 @@ class Icon extends ImageStyle {
    * @api
    */
   clone() {
-    let scale = this.getScale();
-    scale = Array.isArray(scale) ? scale.slice() : scale;
-    // if either width or height are defined, do not pass scale.
-    if (this.width_ !== undefined || this.height_ !== undefined) {
-      scale = undefined;
+    let scale, width, height;
+    if (this.initialOptions_) {
+      width = this.initialOptions_.width;
+      height = this.initialOptions_.height;
+    } else {
+      scale = this.getScale();
+      scale = Array.isArray(scale) ? scale.slice() : scale;
     }
-    return new Icon({
+    const clone = new Icon({
       anchor: this.anchor_.slice(),
       anchorOrigin: this.anchorOrigin_,
       anchorXUnits: this.anchorXUnits_,
@@ -277,35 +317,15 @@ class Icon extends ImageStyle {
       opacity: this.getOpacity(),
       rotateWithView: this.getRotateWithView(),
       rotation: this.getRotation(),
-      scale: scale,
+      scale,
+      width,
+      height,
       size: this.size_ !== null ? this.size_.slice() : undefined,
       src: this.getSrc(),
       displacement: this.getDisplacement().slice(),
       declutterMode: this.getDeclutterMode(),
-      width: this.width_,
-      height: this.height_,
     });
-  }
-
-  /**
-   * Set the scale of the Icon by calculating it from given width and height and the
-   * width and height of the image.
-   *
-   * @private
-   * @param {number} width The width.
-   * @param {number} height The height.
-   */
-  updateScaleFromWidthAndHeight(width, height) {
-    const image = this.getImage(1);
-    if (width !== undefined && height !== undefined) {
-      super.setScale([width / image.width, height / image.height]);
-    } else if (width !== undefined) {
-      super.setScale([width / image.width, width / image.width]);
-    } else if (height !== undefined) {
-      super.setScale([height / image.height, height / image.height]);
-    } else {
-      super.setScale([1, 1]);
-    }
+    return clone;
   }
 
   /**
@@ -483,63 +503,46 @@ class Icon extends ImageStyle {
   }
 
   /**
-   * Get the width of the icon (in pixels).
+   * 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() {
-    return this.width_;
+    const scale = this.getScaleArray();
+    if (this.size_) {
+      return this.size_[0] * scale[0];
+    }
+    if (this.iconImage_.getImageState() == ImageState.LOADED) {
+      return this.iconImage_.getSize()[0] * scale[0];
+    }
+    return undefined;
   }
 
   /**
-   * Get the height of the icon (in pixels).
+   * 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() {
-    return this.height_;
-  }
-
-  /**
-   * Set the width of the icon in pixels.
-   *
-   * @param {number} width The width to set.
-   */
-  setWidth(width) {
-    this.width_ = width;
-    this.updateScaleFromWidthAndHeight(width, this.height_);
-  }
-
-  /**
-   * Set the height of the icon in pixels.
-   *
-   * @param {number} height The height to set.
-   */
-  setHeight(height) {
-    this.height_ = height;
-    this.updateScaleFromWidthAndHeight(this.width_, height);
+    const scale = this.getScaleArray();
+    if (this.size_) {
+      return this.size_[1] * scale[1];
+    }
+    if (this.iconImage_.getImageState() == ImageState.LOADED) {
+      return this.iconImage_.getSize()[1] * scale[1];
+    }
+    return undefined;
   }
 
   /**
-   * Set the scale and updates the width and height correspondingly.
+   * Set the scale.
    *
    * @param {number|import("../size.js").Size} scale Scale.
-   * @override
    * @api
    */
   setScale(scale) {
+    delete this.initialOptions_;
     super.setScale(scale);
-    const image = this.getImage(1);
-    if (image) {
-      const widthScale = Array.isArray(scale) ? scale[0] : scale;
-      if (widthScale !== undefined) {
-        this.width_ = widthScale * image.width;
-      }
-      const heightScale = Array.isArray(scale) ? scale[1] : scale;
-      if (heightScale !== undefined) {
-        this.height_ = heightScale * image.height;
-      }
-    }
   }
 
   /**

package/style/flat.d.ts

@@ -112,6 +112,10 @@
  * `top-left` or `top-right`.
  * @property {number} [icon-opacity=1] Opacity of the icon.
  * @property {number|import("../size.js").Size} [icon-scale=1] Scale.
+ * @property {number} [icon-width] Width of the icon. If not specified, the actual image width will be used. Cannot be combined
+ * with `scale`.
+ * @property {number} [icon-height] Height of the icon. If not specified, the actual image height will be used. Cannot be combined
+ * with `scale`.
  * @property {number} [icon-rotation=0] Rotation in radians (positive rotation clockwise).
  * @property {boolean} [icon-rotate-with-view=false] Whether to rotate the icon with the view.
  * @property {import("../size.js").Size} [icon-size] Icon size in pixel. Can be used together with `icon-offset` to define the
@@ -440,6 +444,16 @@ export type FlatIcon = {
      * Scale.
      */
     "icon-scale"?: number | import("../size.js").Size | undefined;
+    /**
+     * Width of the icon. If not specified, the actual image width will be used. Cannot be combined
+     * with `scale`.
+     */
+    "icon-width"?: number | undefined;
+    /**
+     * Height of the icon. If not specified, the actual image height will be used. Cannot be combined
+     * with `scale`.
+     */
+    "icon-height"?: number | undefined;
     /**
      * Rotation in radians (positive rotation clockwise).
      */

package/style/flat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flat.d.ts","sourceRoot":"","sources":["flat.js"],"names":[],"mappings":"AAYA;;;;;;GAMG;AAEH;;;;GAIG;AAEH;;;;;GAKG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH;;;GAGG;AACH,mCAHW,SAAS,GACR,OAAO,YAAY,EAAE,OAAO,CAWvC;;;;;wBAvLY,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU;;;;4BAMpE,SAAS,GAAC,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAgHzB,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA0BvC,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuBvC,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS"}
+{"version":3,"file":"flat.d.ts","sourceRoot":"","sources":["flat.js"],"names":[],"mappings":"AAYA;;;;;;GAMG;AAEH;;;;GAIG;AAEH;;;;;GAKG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH;;;GAGG;AACH,mCAHW,SAAS,GACR,OAAO,YAAY,EAAE,OAAO,CAWvC;;;;;wBA3LY,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU;;;;4BAMpE,SAAS,GAAC,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoHzB,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA0BvC,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuBvC,WAAW,GAAC,UAAU,GAAC,MAAM,GAAC,SAAS"}

package/style/flat.js

@@ -129,6 +129,10 @@ import Text from './Text.js';
  * `top-left` or `top-right`.
  * @property {number} [icon-opacity=1] Opacity of the icon.
  * @property {number|import("../size.js").Size} [icon-scale=1] Scale.
+ * @property {number} [icon-width] Width of the icon. If not specified, the actual image width will be used. Cannot be combined
+ * with `scale`.
+ * @property {number} [icon-height] Height of the icon. If not specified, the actual image height will be used. Cannot be combined
+ * with `scale`.
  * @property {number} [icon-rotation=0] Rotation in radians (positive rotation clockwise).
  * @property {boolean} [icon-rotate-with-view=false] Whether to rotate the icon with the view.
  * @property {import("../size.js").Size} [icon-size] Icon size in pixel. Can be used together with `icon-offset` to define the
@@ -294,6 +298,8 @@ function getImage(flatStyle) {
       displacement: flatStyle['icon-displacement'],
       opacity: flatStyle['icon-opacity'],
       scale: flatStyle['icon-scale'],
+      width: flatStyle['icon-width'],
+      height: flatStyle['icon-height'],
       rotation: flatStyle['icon-rotation'],
       rotateWithView: flatStyle['icon-rotate-with-view'],
       size: flatStyle['icon-size'],

package/util.js

@@ -33,4 +33,4 @@ export function getUid(obj) {
  * OpenLayers version.
  * @type {string}
  */
-export const VERSION = '7.3.1-dev.1680093489853';
+export const VERSION = '7.3.1-dev.1680098251703';