ol 7.3.0 → 7.3.1-dev

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/style/literal.d.ts

@@ -6,7 +6,8 @@ export namespace SymbolType {
     const IMAGE: string;
 }
 export type ExpressionValue = import("./expressions.js").ExpressionValue;
-export type LiteralStyle = {
+export type ColorExpression = import("../color.js").Color | string | Array<ExpressionValue>;
+export type BaseProps = {
     /**
      * Filter expression. If it resolves to a number strictly greater than 0, the
      * point will be displayed. If undefined, all points will show.
@@ -17,7 +18,7 @@ export type LiteralStyle = {
      * Note: **this object is meant to be mutated**: changes to the values will immediately be visible on the rendered features
      */
     variables?: {
-        [x: string]: number;
+        [x: string]: string | number | boolean | number[];
     } | undefined;
     /**
      * Symbol representation.
@@ -44,7 +45,7 @@ export type LiteralSymbolStyle = {
     /**
      * Color used for the representation (either fill, line or symbol).
      */
-    color?: string | import("../color.js").Color | import("./expressions.js").ExpressionValue[] | undefined;
+    color?: ColorExpression | undefined;
     /**
      * Opacity.
      */
@@ -66,4 +67,204 @@ export type LiteralSymbolStyle = {
      */
     rotateWithView?: boolean | undefined;
 };
+export type FillProps = {
+    /**
+     * The fill color.
+     */
+    "fill-color"?: ColorExpression | undefined;
+};
+export type StrokeProps = {
+    /**
+     * The stroke color.
+     */
+    "stroke-color"?: ColorExpression | undefined;
+    /**
+     * Stroke pixel width.
+     */
+    "stroke-width"?: import("./expressions.js").ExpressionValue | undefined;
+};
+export type IconProps = {
+    /**
+     * Image source URI.
+     */
+    "icon-src"?: string | undefined;
+    /**
+     * Image object for the icon. If the `icon-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 `icon-img-size` option.
+     */
+    "icon-img"?: HTMLCanvasElement | HTMLImageElement | undefined;
+    /**
+     * Image size in pixels. Only required if `icon-img` is set and `icon-src` is not.
+     * The provided size needs to match the actual size of the image.
+     */
+    "icon-img-size"?: import("../size.js").Size | undefined;
+    /**
+     * Anchor. Default value is the icon center.
+     */
+    "icon-anchor"?: number[] | undefined;
+    /**
+     * Origin of the anchor: `bottom-left`, `bottom-right`,
+     * `top-left` or `top-right`.
+     */
+    "icon-anchor-origin"?: import("./Icon.js").IconOrigin | undefined;
+    /**
+     * 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.
+     */
+    "icon-anchor-x-units"?: import("./Icon.js").IconAnchorUnits | undefined;
+    /**
+     * 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.
+     */
+    "icon-anchor-y-units"?: import("./Icon.js").IconAnchorUnits | undefined;
+    /**
+     * Color to tint the icon. If not specified,
+     * the icon will be left as is.
+     */
+    "icon-color"?: ColorExpression | undefined;
+    /**
+     * The `crossOrigin` attribute for loaded images. Note that you must provide a
+     * `icon-cross-origin` 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.
+     */
+    "icon-cross-origin"?: string | null | undefined;
+    /**
+     * Offset, which, together with the size and the offset origin, define the
+     * sub-rectangle to use from the original icon image.
+     */
+    "icon-offset"?: number[] | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Displacement of the icon.
+     */
+    "icon-displacement"?: number[] | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Origin of the offset: `bottom-left`, `bottom-right`,
+     * `top-left` or `top-right`.
+     */
+    "icon-offset-origin"?: import("./Icon.js").IconOrigin | undefined;
+    /**
+     * Opacity of the icon.
+     */
+    "icon-opacity"?: number | undefined;
+    /**
+     * Scale.
+     */
+    "icon-scale"?: import("../size.js").Size | import("./expressions.js").ExpressionValue | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Width of the icon. If not specified, the actual image width will be used. Cannot be combined
+     * with `scale`.
+     */
+    "icon-width"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Height of the icon. If not specified, the actual image height will be used. Cannot be combined
+     * with `scale`.
+     */
+    "icon-height"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Rotation in radians (positive rotation clockwise).
+     */
+    "icon-rotation"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Whether to rotate the icon with the view.
+     */
+    "icon-rotate-with-view"?: boolean | undefined;
+    /**
+     * Icon size in pixel. Can be used together with `icon-offset` to define the
+     * sub-rectangle to use from the origin (sprite) icon image.
+     */
+    "icon-size"?: import("../size.js").Size | import("./expressions.js").ExpressionValue[] | undefined;
+};
+export type ShapeProps = {
+    /**
+     * Number of points for stars and regular polygons. In case of a polygon, the number of points
+     * is the number of sides.
+     */
+    "shape-points"?: number | undefined;
+    /**
+     * The fill color.
+     */
+    "shape-fill-color"?: ColorExpression | undefined;
+    /**
+     * The stroke color.
+     */
+    "shape-stroke-color"?: ColorExpression | undefined;
+    /**
+     * Stroke pixel width.
+     */
+    "shape-stroke-width"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Radius of a regular polygon.
+     */
+    "shape-radius"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * First radius of a star. Ignored if radius is set.
+     */
+    "shape-radius1"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Second radius of a star.
+     */
+    "shape-radius2"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Shape's angle in radians. A value of 0 will have one of the shape's point facing up.
+     */
+    "shape-angle"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Displacement of the shape
+     */
+    "shape-displacement"?: number[] | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Rotation in radians (positive rotation clockwise).
+     */
+    "shape-rotation"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Whether to rotate the shape with the view.
+     */
+    "shape-rotate-with-view"?: boolean | undefined;
+    /**
+     * Scale. Unless two dimensional scaling is required a better
+     * result may be obtained with appropriate settings for `shape-radius`, `shape-radius1` and `shape-radius2`.
+     */
+    "shape-scale"?: import("../size.js").Size | import("./expressions.js").ExpressionValue | import("./expressions.js").ExpressionValue[] | undefined;
+};
+export type CircleProps = {
+    /**
+     * Circle radius.
+     */
+    "circle-radius"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * The fill color.
+     */
+    "circle-fill-color"?: ColorExpression | undefined;
+    /**
+     * The stroke color.
+     */
+    "circle-stroke-color"?: ColorExpression | undefined;
+    /**
+     * Stroke pixel width.
+     */
+    "circle-stroke-width"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * displacement
+     */
+    "circle-displacement"?: number[] | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Scale. A two dimensional scale will produce an ellipse.
+     * Unless two dimensional scaling is required a better result may be obtained with an appropriate setting for `circle-radius`.
+     */
+    "circle-scale"?: import("../size.js").Size | import("./expressions.js").ExpressionValue | import("./expressions.js").ExpressionValue[] | undefined;
+    /**
+     * Rotation in radians
+     * (positive rotation clockwise, meaningful only when used in conjunction with a two dimensional scale).
+     */
+    "circle-rotation"?: import("./expressions.js").ExpressionValue | undefined;
+    /**
+     * Whether to rotate the shape with the view
+     * (meaningful only when used in conjunction with a two dimensional scale).
+     */
+    "circle-rotate-with-view"?: boolean | undefined;
+};
+export type LiteralStyle = BaseProps & IconProps & StrokeProps & FillProps & CircleProps & ShapeProps;
 //# sourceMappingURL=literal.d.ts.map

package/style/literal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"literal.d.ts","sourceRoot":"","sources":["literal.js"],"names":[],"mappings":"yBAoBU,MAAM;;;;;;;8BAbH,OAAO,kBAAkB,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;UAwBzC,eAAe,GAAC,MAAM,eAAe,CAAC;;;;gBACtC,UAAU"}
+{"version":3,"file":"literal.d.ts","sourceRoot":"","sources":["literal.js"],"names":[],"mappings":"yBAuBU,MAAM;;;;;;;8BAhBH,OAAO,kBAAkB,EAAE,eAAe;8BAG1C,OAAO,aAAa,EAAE,KAAK,GAAC,MAAM,GAAC,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;UAwBxD,eAAe,GAAC,MAAM,eAAe,CAAC;;;;gBACtC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA4GX,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU"}

package/style/literal.js

@@ -7,12 +7,15 @@
 /**
  * @typedef {import("./expressions.js").ExpressionValue} ExpressionValue
  */
+/**
+ * @typedef {import("../color.js").Color|string|Array<ExpressionValue>} ColorExpression
+ */
 
 /**
- * @typedef {Object} LiteralStyle
+ * @typedef {Object} BaseProps
  * @property {ExpressionValue} [filter] Filter expression. If it resolves to a number strictly greater than 0, the
  * point will be displayed. If undefined, all points will show.
- * @property {Object<string, number>} [variables] Style variables; each variable must hold a number.
+ * @property {Object<string, number | Array<number> | string | boolean>} [variables] Style variables; each variable must hold a number.
  * Note: **this object is meant to be mutated**: changes to the values will immediately be visible on the rendered features
  * @property {LiteralSymbolStyle} [symbol] Symbol representation.
  */
@@ -33,10 +36,110 @@ export const SymbolType = {
  * @property {SymbolType} symbolType Symbol type to use, either a regular shape or an image.
  * @property {string} [src] Path to the image to be used for the symbol. Only required with `symbolType: 'image'`.
  * @property {string} [crossOrigin='anonymous'] The `crossOrigin` attribute for loading `src`.
- * @property {import("../color.js").Color|Array<ExpressionValue>|string} [color='#FFFFFF'] Color used for the representation (either fill, line or symbol).
+ * @property {ColorExpression} [color] Color used for the representation (either fill, line or symbol).
  * @property {ExpressionValue} [opacity=1] Opacity.
  * @property {ExpressionValue} [rotation=0] Symbol rotation in radians.
  * @property {Array<ExpressionValue, ExpressionValue>} [offset] Offset on X and Y axis for symbols. If not specified, the symbol will be centered.
  * @property {Array<ExpressionValue, ExpressionValue, ExpressionValue, ExpressionValue>} [textureCoord] Texture coordinates. If not specified, the whole texture will be used (range for 0 to 1 on both axes).
  * @property {boolean} [rotateWithView=false] Specify whether the symbol must rotate with the view or stay upwards.
  */
+
+/**
+ * @typedef {Object} FillProps
+ * @property {ColorExpression} [fill-color] The fill color.
+ */
+
+/**
+ * @typedef {Object} StrokeProps
+ * @property {ColorExpression} [stroke-color] The stroke color.
+ * @property {number|ExpressionValue} [stroke-width] Stroke pixel width.
+ */
+
+/**
+ * @typedef {Object} IconProps
+ * @property {string} [icon-src] Image source URI.
+ * @property {HTMLImageElement|HTMLCanvasElement} [icon-img] Image object for the icon. If the `icon-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 `icon-img-size` option.
+ * @property {import("../size.js").Size} [icon-img-size] Image size in pixels. Only required if `icon-img` is set and `icon-src` is not.
+ * The provided size needs to match the actual size of the image.
+ * @property {Array<number>} [icon-anchor=[0.5, 0.5]] Anchor. Default value is the icon center.
+ * @property {import("./Icon.js").IconOrigin} [icon-anchor-origin='top-left'] Origin of the anchor: `bottom-left`, `bottom-right`,
+ * `top-left` or `top-right`.
+ * @property {import("./Icon.js").IconAnchorUnits} [icon-anchor-x-units='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 {import("./Icon.js").IconAnchorUnits} [icon-anchor-y-units='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 {ColorExpression} [icon-color] Color to tint the icon. If not specified,
+ * the icon will be left as is.
+ * @property {null|string} [icon-cross-origin] The `crossOrigin` attribute for loaded images. Note that you must provide a
+ * `icon-cross-origin` 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 {Array<number>|Array<ExpressionValue>} [icon-offset=[0, 0]] Offset, which, together with the size and the offset origin, define the
+ * sub-rectangle to use from the original icon image.
+ * @property {Array<number>|Array<ExpressionValue>} [icon-displacement=[0,0]] Displacement of the icon.
+ * @property {import("./Icon.js").IconOrigin} [icon-offset-origin='top-left'] Origin of the offset: `bottom-left`, `bottom-right`,
+ * `top-left` or `top-right`.
+ * @property {number} [icon-opacity=1] Opacity of the icon.
+ * @property {ExpressionValue|Array<ExpressionValue>|number|import("../size.js").Size} [icon-scale=1] Scale.
+ * @property {ExpressionValue|number} [icon-width] Width of the icon. If not specified, the actual image width will be used. Cannot be combined
+ * with `scale`.
+ * @property {ExpressionValue|number} [icon-height] Height of the icon. If not specified, the actual image height will be used. Cannot be combined
+ * with `scale`.
+ * @property {ExpressionValue|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 {Array<ExpressionValue>|import("../size.js").Size} [icon-size] Icon size in pixel. Can be used together with `icon-offset` to define the
+ * sub-rectangle to use from the origin (sprite) icon image.
+ */
+
+/**
+ * @typedef {Object} ShapeProps
+ * @property {number} [shape-points] Number of points for stars and regular polygons. In case of a polygon, the number of points
+ * is the number of sides.
+ * @property {ColorExpression} [shape-fill-color] The fill color.
+ * @property {ColorExpression} [shape-stroke-color] The stroke color.
+ * @property {ExpressionValue|number} [shape-stroke-width] Stroke pixel width.
+ * @property {ExpressionValue|number} [shape-radius] Radius of a regular polygon.
+ * @property {ExpressionValue|number} [shape-radius1] First radius of a star. Ignored if radius is set.
+ * @property {ExpressionValue|number} [shape-radius2] Second radius of a star.
+ * @property {ExpressionValue|number} [shape-angle=0] Shape's angle in radians. A value of 0 will have one of the shape's point facing up.
+ * @property {Array<ExpressionValue>|Array<number>} [shape-displacement=[0,0]] Displacement of the shape
+ * @property {ExpressionValue|number} [shape-rotation=0] Rotation in radians (positive rotation clockwise).
+ * @property {boolean} [shape-rotate-with-view=false] Whether to rotate the shape with the view.
+ * @property {ExpressionValue|Array<ExpressionValue>|number|import("../size.js").Size} [shape-scale=1] Scale. Unless two dimensional scaling is required a better
+ * result may be obtained with appropriate settings for `shape-radius`, `shape-radius1` and `shape-radius2`.
+ */
+
+/**
+ * @typedef {Object} CircleProps
+ * @property {ExpressionValue|number} [circle-radius] Circle radius.
+ * @property {ColorExpression} [circle-fill-color] The fill color.
+ * @property {ColorExpression} [circle-stroke-color] The stroke color.
+ * @property {ExpressionValue|number} [circle-stroke-width] Stroke pixel width.
+ * @property {Array<ExpressionValue>|Array<number>} [circle-displacement=[0,0]] displacement
+ * @property {ExpressionValue|Array<ExpressionValue>|number|import("../size.js").Size} [circle-scale=1] Scale. A two dimensional scale will produce an ellipse.
+ * Unless two dimensional scaling is required a better result may be obtained with an appropriate setting for `circle-radius`.
+ * @property {ExpressionValue|number} [circle-rotation=0] Rotation in radians
+ * (positive rotation clockwise, meaningful only when used in conjunction with a two dimensional scale).
+ * @property {boolean} [circle-rotate-with-view=false] Whether to rotate the shape with the view
+ * (meaningful only when used in conjunction with a two dimensional scale).
+ */
+
+// FIXME Present in flat style but not implemented in literal webgl style:
+//  - color like (fill patterns etc.)
+//  - stroke line cap/join/miter limit
+//  - stroke dash pattern/offset
+//  - icon declutter mode
+//  - circle line cap/join/miter limit
+//  - circle dash pattern/offset
+//  - circle declutter mode
+//  - shape line cap/join/miter limit
+//  - shape dash pattern/offset
+//  - shape declutter mode
+//  - text style
+
+/**
+ * @typedef {BaseProps & IconProps & StrokeProps & FillProps & CircleProps & ShapeProps} LiteralStyle
+ */

package/tilegrid/TileGrid.d.ts

@@ -222,14 +222,6 @@ declare class TileGrid {
      * @return {import("../TileRange.js").default|null} Tile range.
      */
     getTileRangeForTileCoordAndZ(tileCoord: import("../tilecoord.js").TileCoord, z: number, tempTileRange?: TileRange | undefined): import("../TileRange.js").default | null;
-    /**
-     * Get the extent for a tile range.
-     * @param {number} z Integer zoom level.
-     * @param {import("../TileRange.js").default} tileRange Tile range.
-     * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
-     * @return {import("../extent.js").Extent} Extent.
-     */
-    getTileRangeExtent(z: number, tileRange: import("../TileRange.js").default, tempExtent?: import("../extent.js").Extent | undefined): import("../extent.js").Extent;
     /**
      * Get a tile range for the given extent and integer zoom level.
      * @param {import("../extent.js").Extent} extent Extent.
@@ -353,5 +345,5 @@ declare class TileGrid {
      */
     private calculateTileRanges_;
 }
-import TileRange from "../TileRange.js";
+import TileRange from '../TileRange.js';
 //# sourceMappingURL=TileGrid.d.ts.map

package/tilegrid/TileGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileGrid.d.ts","sourceRoot":"","sources":["TileGrid.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"TileGrid.d.ts","sourceRoot":"","sources":["TileGrid.js"],"names":[],"mappings":"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"}

package/tilegrid/TileGrid.js

@@ -407,24 +407,6 @@ class TileGrid {
     return this.getTileRangeForExtentAndZ(tileCoordExtent, z, tempTileRange);
   }
 
-  /**
-   * Get the extent for a tile range.
-   * @param {number} z Integer zoom level.
-   * @param {import("../TileRange.js").default} tileRange Tile range.
-   * @param {import("../extent.js").Extent} [tempExtent] Temporary import("../extent.js").Extent object.
-   * @return {import("../extent.js").Extent} Extent.
-   */
-  getTileRangeExtent(z, tileRange, tempExtent) {
-    const origin = this.getOrigin(z);
-    const resolution = this.getResolution(z);
-    const tileSize = toSize(this.getTileSize(z), this.tmpSize_);
-    const minX = origin[0] + tileRange.minX * tileSize[0] * resolution;
-    const maxX = origin[0] + (tileRange.maxX + 1) * tileSize[0] * resolution;
-    const minY = origin[1] + tileRange.minY * tileSize[1] * resolution;
-    const maxY = origin[1] + (tileRange.maxY + 1) * tileSize[1] * resolution;
-    return createOrUpdate(minX, minY, maxX, maxY, tempExtent);
-  }
-
   /**
    * Get a tile range for the given extent and integer zoom level.
    * @param {import("../extent.js").Extent} extent Extent.

package/tilegrid/WMTS.d.ts

@@ -124,5 +124,5 @@ declare class WMTSTileGrid extends TileGrid {
      */
     getMatrixIds(): Array<string>;
 }
-import TileGrid from "./TileGrid.js";
+import TileGrid from './TileGrid.js';
 //# sourceMappingURL=WMTS.d.ts.map

package/tilegrid/WMTS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WMTS.d.ts","sourceRoot":"","sources":["WMTS.js"],"names":[],"mappings":"AAsFA;;;;;;;;;;;GAWG;AACH,uJAHY,YAAY,CA4FvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAtKc,MAAM,MAAM,CAAC;;;;;eAGb,MAAM,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;AAjB5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;GAIG;AACH;IACE;;OAEG;IACH,qBAFW,OAAO,EAkBjB;IALC;;;OAGG;IACH,mBAAmC;IAGrC;;;OAGG;IACH,eAHW,MAAM,GACL,MAAM,CAIjB;IAED;;;;OAIG;IACH,gBAHY,MAAM,MAAM,CAAC,CAKxB;CACF"}
+{"version":3,"file":"WMTS.d.ts","sourceRoot":"","sources":["WMTS.js"],"names":[],"mappings":"AAsFA;;;;;;;;;;;GAWG;AACH,uJAHY,YAAY,CA4FvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAtKc,MAAM,MAAM,CAAC;;;;;eAGb,MAAM,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;AAjB5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;GAIG;AACH;IACE;;OAEG;IACH,qBAFW,OAAO,EAkBjB;IALC;;;OAGG;IACH,mBAAmC;IAGrC;;;OAGG;IACH,eAHW,MAAM,GACL,MAAM,CAIjB;IAED;;;;OAIG;IACH,gBAHY,MAAM,MAAM,CAAC,CAKxB;CACF;qBA9EoB,eAAe"}

package/tilegrid.d.ts

@@ -81,5 +81,5 @@ export type XYZOptions = {
      */
     tileSize?: number | import("./size.js").Size | undefined;
 };
-import TileGrid from "./tilegrid/TileGrid.js";
+import TileGrid from './tilegrid/TileGrid.js';
 //# sourceMappingURL=tilegrid.d.ts.map

package/tilegrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tilegrid.d.ts","sourceRoot":"","sources":["tilegrid.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH,6CAJW,OAAO,sBAAsB,EAAE,OAAO,GACpC,QAAQ,CAUpB;AAED;;;;;GAKG;AACH,gCALW,QAAQ,aACR,OAAO,gBAAgB,EAAE,SAAS,cAClC,OAAO,sBAAsB,EAAE,OAAO,GACrC,OAAO,gBAAgB,EAAE,SAAS,CAe7C;AAED;;;;;;;;GAQG;AACH,wCARW,OAAO,aAAa,EAAE,MAAM,8IAM1B,QAAQ,CAapB;AAED;;;;;;;;;;GAUG;AAEH;;;;;GAKG;AACH,6DAHa,QAAQ,CAoBpB;AAgCD;;;;;;;;GAQG;AACH,gDARW,OAAO,WAAW,EAAE,cAAc,8IAMhC,QAAQ,CAKpB;AAED;;;;;GAKG;AACH,iDAHW,OAAO,WAAW,EAAE,cAAc,GACjC,OAAO,aAAa,EAAE,MAAM,CAWvC"}
+{"version":3,"file":"tilegrid.d.ts","sourceRoot":"","sources":["tilegrid.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH,6CAJW,OAAO,sBAAsB,EAAE,OAAO,GACpC,QAAQ,CAUpB;AAED;;;;;GAKG;AACH,gCALW,QAAQ,aACR,OAAO,gBAAgB,EAAE,SAAS,cAClC,OAAO,sBAAsB,EAAE,OAAO,GACrC,OAAO,gBAAgB,EAAE,SAAS,CAe7C;AAED;;;;;;;;GAQG;AACH,wCARW,OAAO,aAAa,EAAE,MAAM,8IAM1B,QAAQ,CAapB;AAED;;;;;;;;;;GAUG;AAEH;;;;;GAKG;AACH,6DAHa,QAAQ,CAoBpB;AAgCD;;;;;;;;GAQG;AACH,gDARW,OAAO,WAAW,EAAE,cAAc,8IAMhC,QAAQ,CAKpB;AAED;;;;;GAKG;AACH,iDAHW,OAAO,WAAW,EAAE,cAAc,GACjC,OAAO,aAAa,EAAE,MAAM,CAWvC;;;;;;;;;;;;;;;;;;;;;;;;;;qBArKoB,wBAAwB"}

package/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,4BAFY,KAAK,CAIhB;AASD;;;;;;;;GAQG;AACH,kCAHY,MAAM,CAKjB;AAED;;;GAGG;AACH,sBAFU,MAAM,CAEe"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,4BAFY,KAAK,CAIhB;AASD;;;;;;;;GAQG;AACH,kCAHY,MAAM,CAKjB;AAED;;;GAGG;AACH,sBAFU,MAAM,CAEmB"}

package/util.js

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

package/webgl/BaseTileRepresentation.d.ts

@@ -0,0 +1,72 @@
+export default BaseTileRepresentation;
+export type BaseTileType = import("../Tile.js").default;
+export type TileRepresentationOptions<TileType extends import("../Tile.js").default> = {
+    /**
+     * The tile.
+     */
+    tile: TileType;
+    /**
+     * Tile grid.
+     */
+    grid: import("../tilegrid/TileGrid.js").default;
+    /**
+     * WebGL helper.
+     */
+    helper: import("../webgl/Helper.js").default;
+    /**
+     * The size in pixels of the gutter around image tiles to ignore.
+     */
+    gutter?: number | undefined;
+};
+/**
+ * @typedef {import("../Tile.js").default} BaseTileType
+ */
+/**
+ * @template {BaseTileType} TileType
+ * @typedef {Object} TileRepresentationOptions
+ * @property {TileType} tile The tile.
+ * @property {import("../tilegrid/TileGrid.js").default} grid Tile grid.
+ * @property {import("../webgl/Helper.js").default} helper WebGL helper.
+ * @property {number} [gutter=0] The size in pixels of the gutter around image tiles to ignore.
+ */
+/**
+ * @classdesc
+ * Base class for representing a tile in a webgl context
+ * @template {import("../Tile.js").default} TileType
+ * @abstract
+ */
+declare class BaseTileRepresentation<TileType extends import("../Tile.js").default> extends EventTarget {
+    /**
+     * @param {TileRepresentationOptions<TileType>} options The tile representation options.
+     */
+    constructor(options: TileRepresentationOptions<TileType>);
+    /**
+     * @type {TileType}
+     */
+    tile: TileType;
+    handleTileChange_(): void;
+    /**
+     * @type {number}
+     * @protected
+     */
+    protected gutter_: number;
+    /**
+     * @type {import("../webgl/Helper.js").default}
+     * @protected
+     */
+    protected helper_: import("../webgl/Helper.js").default;
+    loaded: boolean;
+    ready: boolean;
+    /**
+     * @param {TileType} tile Tile.
+     */
+    setTile(tile: TileType): void;
+    /**
+     * @abstract
+     * @protected
+     */
+    protected uploadTile(): void;
+    setReady(): void;
+}
+import EventTarget from '../events/Target.js';
+//# sourceMappingURL=BaseTileRepresentation.d.ts.map

package/webgl/BaseTileRepresentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTileRepresentation.d.ts","sourceRoot":"","sources":["BaseTileRepresentation.js"],"names":[],"mappings":";2BAWa,OAAO,YAAY,EAAE,OAAO;;;;;UAM3B,QAAQ;;;;UACR,OAAO,yBAAyB,EAAE,OAAO;;;;YACzC,OAAO,oBAAoB,EAAE,OAAO;;;;;;AATlD;;GAEG;AAEH;;;;;;;GAOG;AAEH;;;;;GAKG;AACH;IACE;;OAEG;IACH,qBAFW,0BAA0B,QAAQ,CAAC,EAyB7C;IApBC;;OAEG;IACH,MAFU,QAAQ,CAET;IAwDX,0BAKC;IA1DC;;;OAGG;IACH,mBAHU,MAAM,CAGkB;IAElC;;;OAGG;IACH,mBAHU,OAAO,oBAAoB,EAAE,OAAO,CAGjB;IAE7B,gBAAmB;IACnB,eAAkB;IAGpB;;OAEG;IACH,cAFW,QAAQ,QAqBlB;IAED;;;OAGG;IACH,6BAEC;IAED,iBAGC;CAYF;wBArGuB,qBAAqB"}