@geospatial-sdk/openlayers 0.0.5-dev.41 → 0.0.5-dev.42

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./map";
+export * from "./map/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
 // PUBLIC API
-export * from "./map";
+export * from "./map/index.js";

package/dist/map/apply-context-diff.d.ts

@@ -1,4 +1,4 @@
-import Map from "ol/Map";
+import Map from "ol/Map.js";
 import { MapContextDiff } from "@geospatial-sdk/core";
 /**
  * Apply a context diff to an OpenLayers map

package/dist/map/apply-context-diff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-context-diff.d.ts","sourceRoot":"","sources":["../../lib/map/apply-context-diff.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQtD;;;;GAIG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,cAAc,GAC1B,OAAO,CAAC,GAAG,CAAC,CA2Fd"}
+{"version":3,"file":"apply-context-diff.d.ts","sourceRoot":"","sources":["../../lib/map/apply-context-diff.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQtD;;;;GAIG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,cAAc,GAC1B,OAAO,CAAC,GAAG,CAAC,CA2Fd"}

package/dist/map/apply-context-diff.js

@@ -1,100 +1,89 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { createLayer, createView } from "./create-map";
-import { fromLonLat, transformExtent } from "ol/proj";
-import GeoJSON from "ol/format/GeoJSON";
+import { createLayer, createView } from "./create-map.js";
+import { fromLonLat, transformExtent } from "ol/proj.js";
+import GeoJSON from "ol/format/GeoJSON.js";
 const GEOJSON = new GeoJSON();
 /**
  * Apply a context diff to an OpenLayers map
  * @param map
  * @param contextDiff
  */
-export function applyContextDiffToMap(map, contextDiff) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const layers = map.getLayers();
-        // removed layers (sorted by descending position)
-        if (contextDiff.layersRemoved.length > 0) {
-            const removed = contextDiff.layersRemoved.sort((a, b) => b.position - a.position);
-            for (const layerRemoved of removed) {
-                layers.item(layerRemoved.position).dispose();
-                layers.removeAt(layerRemoved.position);
-            }
+export async function applyContextDiffToMap(map, contextDiff) {
+    const layers = map.getLayers();
+    // removed layers (sorted by descending position)
+    if (contextDiff.layersRemoved.length > 0) {
+        const removed = contextDiff.layersRemoved.sort((a, b) => b.position - a.position);
+        for (const layerRemoved of removed) {
+            layers.item(layerRemoved.position).dispose();
+            layers.removeAt(layerRemoved.position);
+        }
+    }
+    // insert added layers
+    const newLayers = await Promise.all(contextDiff.layersAdded.map((layerAdded) => createLayer(layerAdded.layer)));
+    newLayers.forEach((layer, index) => {
+        const position = contextDiff.layersAdded[index].position;
+        if (position >= layers.getLength()) {
+            layers.push(layer);
+        }
+        else {
+            layers.insertAt(position, layer);
+        }
+    });
+    // move reordered layers (sorted by ascending new position)
+    if (contextDiff.layersReordered.length > 0) {
+        const reordered = contextDiff.layersReordered.sort((a, b) => a.newPosition - b.newPosition);
+        const olLayers = reordered.map((layer) => layers.item(layer.previousPosition));
+        const layersArray = layers.getArray();
+        for (let i = 0; i < reordered.length; i++) {
+            layersArray[reordered[i].newPosition] = olLayers[i];
         }
-        // insert added layers
-        const newLayers = yield Promise.all(contextDiff.layersAdded.map((layerAdded) => createLayer(layerAdded.layer)));
-        newLayers.forEach((layer, index) => {
-            const position = contextDiff.layersAdded[index].position;
-            if (position >= layers.getLength()) {
-                layers.push(layer);
-            }
-            else {
-                layers.insertAt(position, layer);
-            }
+        map.setLayers([...layersArray]);
+    }
+    // recreate changed layers
+    for (const layerChanged of contextDiff.layersChanged) {
+        layers.item(layerChanged.position).dispose();
+        createLayer(layerChanged.layer).then((layer) => {
+            layers.setAt(layerChanged.position, layer);
         });
-        // move reordered layers (sorted by ascending new position)
-        if (contextDiff.layersReordered.length > 0) {
-            const reordered = contextDiff.layersReordered.sort((a, b) => a.newPosition - b.newPosition);
-            const olLayers = reordered.map((layer) => layers.item(layer.previousPosition));
-            const layersArray = layers.getArray();
-            for (let i = 0; i < reordered.length; i++) {
-                layersArray[reordered[i].newPosition] = olLayers[i];
-            }
-            map.setLayers([...layersArray]);
+    }
+    if (typeof contextDiff.viewChanges !== "undefined") {
+        const { viewChanges } = contextDiff;
+        const view = map.getView();
+        const projection = view.getProjection();
+        if (viewChanges === null) {
+            map.setView(createView(viewChanges, map));
+            return map;
         }
-        // recreate changed layers
-        for (const layerChanged of contextDiff.layersChanged) {
-            layers.item(layerChanged.position).dispose();
-            createLayer(layerChanged.layer).then((layer) => {
-                layers.setAt(layerChanged.position, layer);
+        if (viewChanges.maxZoom) {
+            view.setMaxZoom(viewChanges.maxZoom);
+        }
+        if ("geometry" in viewChanges) {
+            const geom = GEOJSON.readGeometry(viewChanges.geometry, {
+                dataProjection: "EPSG:4326",
+                featureProjection: projection,
+            });
+            view.fit(geom, {
+                size: map.getSize(),
             });
         }
-        if (typeof contextDiff.viewChanges !== "undefined") {
-            const { viewChanges } = contextDiff;
-            const view = map.getView();
-            const projection = view.getProjection();
-            if (viewChanges === null) {
-                map.setView(createView(viewChanges, map));
-                return map;
-            }
-            if (viewChanges.maxZoom) {
-                view.setMaxZoom(viewChanges.maxZoom);
-            }
-            if ("geometry" in viewChanges) {
-                const geom = GEOJSON.readGeometry(viewChanges.geometry, {
-                    dataProjection: "EPSG:4326",
-                    featureProjection: projection,
-                });
-                view.fit(geom, {
-                    size: map.getSize(),
-                });
-            }
-            else if ("extent" in viewChanges) {
-                view.fit(transformExtent(viewChanges.extent, "EPSG:4326", projection), {
-                    size: map.getSize(),
-                });
-            }
-            else {
-                const { center: centerInViewProj, zoom } = viewChanges;
-                const center = centerInViewProj
-                    ? fromLonLat(centerInViewProj, projection)
-                    : [0, 0];
-                view.setCenter(center);
-                view.setZoom(zoom);
-                // TODO: factorize this better
-                // if (viewChanges.maxExtent) {
-                //   map.setView(new View({
-                //
-                //   }))
-                // }
-            }
+        else if ("extent" in viewChanges) {
+            view.fit(transformExtent(viewChanges.extent, "EPSG:4326", projection), {
+                size: map.getSize(),
+            });
         }
-        return map;
-    });
+        else {
+            const { center: centerInViewProj, zoom } = viewChanges;
+            const center = centerInViewProj
+                ? fromLonLat(centerInViewProj, projection)
+                : [0, 0];
+            view.setCenter(center);
+            view.setZoom(zoom);
+            // TODO: factorize this better
+            // if (viewChanges.maxExtent) {
+            //   map.setView(new View({
+            //
+            //   }))
+            // }
+        }
+    }
+    return map;
 }

package/dist/map/create-map.d.ts

@@ -1,7 +1,7 @@
 import { MapContext, MapContextLayer, MapContextView } from "@geospatial-sdk/core";
-import Map from "ol/Map";
-import View from "ol/View";
-import Layer from "ol/layer/Layer";
+import Map from "ol/Map.js";
+import View from "ol/View.js";
+import Layer from "ol/layer/Layer.js";
 export declare function createLayer(layerModel: MapContextLayer): Promise<Layer>;
 export declare function createView(viewModel: MapContextView | null, map: Map): View;
 /**

package/dist/map/create-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-map.d.ts","sourceRoot":"","sources":["../../lib/map/create-map.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,cAAc,EAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAkCnC,wBAAsB,WAAW,CAAC,UAAU,EAAE,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,CA8N7E;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAkC3E;AAED;;;;GAIG;AACH,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,UAAU,EACnB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAC5B,OAAO,CAAC,GAAG,CAAC,CAKd;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,GAAG,CAAC,CAQd"}
+{"version":3,"file":"create-map.d.ts","sourceRoot":"","sources":["../../lib/map/create-map.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,cAAc,EAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAkCtC,wBAAsB,WAAW,CAAC,UAAU,EAAE,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,CA8N7E;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,CAkC3E;AAED;;;;GAIG;AACH,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,UAAU,EACnB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAC5B,OAAO,CAAC,GAAG,CAAC,CAKd;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,GAAG,CAAC,CAQd"}

package/dist/map/create-map.js

@@ -1,72 +1,45 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { removeSearchParams, } from "@geospatial-sdk/core";
-import Map from "ol/Map";
-import View from "ol/View";
-import TileLayer from "ol/layer/Tile";
-import XYZ from "ol/source/XYZ";
-import TileWMS from "ol/source/TileWMS";
-import VectorLayer from "ol/layer/Vector";
-import VectorSource from "ol/source/Vector";
-import GeoJSON from "ol/format/GeoJSON";
-import { fromLonLat, transformExtent } from "ol/proj";
-import { bbox as bboxStrategy } from "ol/loadingstrategy";
-import { defaultStyle } from "./styles";
-import VectorTileLayer from "ol/layer/VectorTile";
-import OGCMapTile from "ol/source/OGCMapTile";
-import OGCVectorTile from "ol/source/OGCVectorTile";
-import WMTS from "ol/source/WMTS";
-import MVT from "ol/format/MVT";
+import Map from "ol/Map.js";
+import View from "ol/View.js";
+import TileLayer from "ol/layer/Tile.js";
+import XYZ from "ol/source/XYZ.js";
+import TileWMS from "ol/source/TileWMS.js";
+import VectorLayer from "ol/layer/Vector.js";
+import VectorSource from "ol/source/Vector.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import { fromLonLat, transformExtent } from "ol/proj.js";
+import { bbox as bboxStrategy } from "ol/loadingstrategy.js";
+import { defaultStyle } from "./styles.js";
+import VectorTileLayer from "ol/layer/VectorTile.js";
+import OGCMapTile from "ol/source/OGCMapTile.js";
+import OGCVectorTile from "ol/source/OGCVectorTile.js";
+import WMTS from "ol/source/WMTS.js";
+import MVT from "ol/format/MVT.js";
 import { OgcApiEndpoint, WfsEndpoint, WmtsEndpoint, } from "@camptocamp/ogc-client";
 import { MapboxVectorLayer } from "ol-mapbox-style";
-import { handleEndpointError, tileLoadErrorCatchFunction, } from "./handle-errors";
-import VectorTile from "ol/source/VectorTile";
+import { handleEndpointError, tileLoadErrorCatchFunction, } from "./handle-errors.js";
+import VectorTile from "ol/source/VectorTile.js";
 const GEOJSON = new GeoJSON();
 const WFS_MAX_FEATURES = 10000;
-export function createLayer(layerModel) {
-    var _a, _b, _c, _d, _e;
-    return __awaiter(this, void 0, void 0, function* () {
-        const { type } = layerModel;
-        let layer;
-        switch (type) {
-            case "xyz":
-                {
-                    if (layerModel.tileFormat === "application/vnd.mapbox-vector-tile") {
-                        layer = new VectorTileLayer({
-                            source: new VectorTile({
-                                format: new MVT(),
-                                url: layerModel.url,
-                                attributions: layerModel.attributions,
-                            }),
-                        });
-                    }
-                    else {
-                        layer = new TileLayer({});
-                        const source = new XYZ({
+export async function createLayer(layerModel) {
+    const { type } = layerModel;
+    let layer;
+    switch (type) {
+        case "xyz":
+            {
+                if (layerModel.tileFormat === "application/vnd.mapbox-vector-tile") {
+                    layer = new VectorTileLayer({
+                        source: new VectorTile({
+                            format: new MVT(),
                             url: layerModel.url,
                             attributions: layerModel.attributions,
-                        });
-                        source.setTileLoadFunction(function (tile, src) {
-                            return tileLoadErrorCatchFunction(layer, tile, src);
-                        });
-                        layer.setSource(source);
-                    }
+                        }),
+                    });
                 }
-                break;
-            case "wms":
-                {
+                else {
                     layer = new TileLayer({});
-                    const source = new TileWMS({
-                        url: removeSearchParams(layerModel.url, ["request", "service"]),
-                        params: Object.assign({ LAYERS: layerModel.name }, (layerModel.style && { STYLES: layerModel.style })),
-                        gutter: 20,
+                    const source = new XYZ({
+                        url: layerModel.url,
                         attributions: layerModel.attributions,
                     });
                     source.setTileLoadFunction(function (tile, src) {
@@ -74,167 +47,183 @@ export function createLayer(layerModel) {
                     });
                     layer.setSource(source);
                 }
-                break;
-            case "wmts": {
-                const olLayer = new TileLayer({});
-                const endpoint = new WmtsEndpoint(layerModel.url);
-                endpoint
-                    .isReady()
-                    .then((endpoint) => __awaiter(this, void 0, void 0, function* () {
-                    var _f;
-                    const layerName = (_f = endpoint.getSingleLayerName()) !== null && _f !== void 0 ? _f : layerModel.name;
-                    const layer = endpoint.getLayerByName(layerName);
-                    const matrixSet = layer.matrixSets[0];
-                    const tileGrid = yield endpoint.getOpenLayersTileGrid(layer.name);
-                    if (tileGrid === null) {
-                        console.warn("A WMTS tile grid could not be created", layerModel);
-                        return;
-                    }
-                    const resourceUrl = layer.resourceLinks[0];
-                    const dimensions = endpoint.getDefaultDimensions(layer.name);
-                    olLayer.setSource(new WMTS({
-                        layer: layer.name,
-                        style: layer.defaultStyle,
-                        matrixSet: matrixSet.identifier,
-                        format: resourceUrl.format,
-                        url: resourceUrl.url,
-                        requestEncoding: resourceUrl.encoding,
-                        tileGrid,
-                        projection: matrixSet.crs,
-                        dimensions,
-                        attributions: layerModel.attributions,
-                    }));
-                }))
-                    .catch((e) => {
-                    handleEndpointError(olLayer, e);
-                });
-                return olLayer;
             }
-            case "wfs": {
-                const olLayer = new VectorLayer({
-                    style: (_a = layerModel.style) !== null && _a !== void 0 ? _a : defaultStyle,
+            break;
+        case "wms":
+            {
+                layer = new TileLayer({});
+                const source = new TileWMS({
+                    url: removeSearchParams(layerModel.url, ["request", "service"]),
+                    params: {
+                        LAYERS: layerModel.name,
+                        ...(layerModel.style && { STYLES: layerModel.style }),
+                    },
+                    gutter: 20,
+                    attributions: layerModel.attributions,
+                });
+                source.setTileLoadFunction(function (tile, src) {
+                    return tileLoadErrorCatchFunction(layer, tile, src);
                 });
-                new WfsEndpoint(layerModel.url)
-                    .isReady()
-                    .then((endpoint) => {
-                    var _a;
-                    const featureType = (_a = endpoint.getSingleFeatureTypeName()) !== null && _a !== void 0 ? _a : layerModel.featureType;
-                    olLayer.setSource(new VectorSource({
+                layer.setSource(source);
+            }
+            break;
+        case "wmts": {
+            const olLayer = new TileLayer({});
+            const endpoint = new WmtsEndpoint(layerModel.url);
+            endpoint
+                .isReady()
+                .then(async (endpoint) => {
+                const layerName = endpoint.getSingleLayerName() ?? layerModel.name;
+                const layer = endpoint.getLayerByName(layerName);
+                const matrixSet = layer.matrixSets[0];
+                const tileGrid = await endpoint.getOpenLayersTileGrid(layer.name);
+                if (tileGrid === null) {
+                    console.warn("A WMTS tile grid could not be created", layerModel);
+                    return;
+                }
+                const resourceUrl = layer.resourceLinks[0];
+                const dimensions = endpoint.getDefaultDimensions(layer.name);
+                olLayer.setSource(new WMTS({
+                    layer: layer.name,
+                    style: layer.defaultStyle,
+                    matrixSet: matrixSet.identifier,
+                    format: resourceUrl.format,
+                    url: resourceUrl.url,
+                    requestEncoding: resourceUrl.encoding,
+                    tileGrid,
+                    projection: matrixSet.crs,
+                    dimensions,
+                    attributions: layerModel.attributions,
+                }));
+            })
+                .catch((e) => {
+                handleEndpointError(olLayer, e);
+            });
+            return olLayer;
+        }
+        case "wfs": {
+            const olLayer = new VectorLayer({
+                style: layerModel.style ?? defaultStyle,
+            });
+            new WfsEndpoint(layerModel.url)
+                .isReady()
+                .then((endpoint) => {
+                const featureType = endpoint.getSingleFeatureTypeName() ?? layerModel.featureType;
+                olLayer.setSource(new VectorSource({
+                    format: new GeoJSON(),
+                    url: function (extent) {
+                        return endpoint.getFeatureUrl(featureType, {
+                            maxFeatures: WFS_MAX_FEATURES,
+                            asJson: true,
+                            outputCrs: "EPSG:3857",
+                            extent: extent,
+                            extentCrs: "EPSG:3857",
+                        });
+                    },
+                    strategy: bboxStrategy,
+                    attributions: layerModel.attributions,
+                }));
+            })
+                .catch((e) => {
+                handleEndpointError(olLayer, e);
+            });
+            layer = olLayer;
+            break;
+        }
+        case "maplibre-style": {
+            layer = new MapboxVectorLayer({
+                styleUrl: layerModel.styleUrl,
+                accessToken: layerModel.accessToken,
+            });
+            break;
+        }
+        case "geojson": {
+            if (layerModel.url !== undefined) {
+                layer = new VectorLayer({
+                    source: new VectorSource({
                         format: new GeoJSON(),
-                        url: function (extent) {
-                            return endpoint.getFeatureUrl(featureType, {
-                                maxFeatures: WFS_MAX_FEATURES,
-                                asJson: true,
-                                outputCrs: "EPSG:3857",
-                                extent: extent,
-                                extentCrs: "EPSG:3857",
-                            });
-                        },
-                        strategy: bboxStrategy,
+                        url: layerModel.url,
                         attributions: layerModel.attributions,
-                    }));
-                })
-                    .catch((e) => {
-                    handleEndpointError(olLayer, e);
+                    }),
+                    style: layerModel.style ?? defaultStyle,
                 });
-                layer = olLayer;
-                break;
             }
-            case "maplibre-style": {
-                layer = new MapboxVectorLayer({
-                    styleUrl: layerModel.styleUrl,
-                    accessToken: layerModel.accessToken,
+            else {
+                let geojson = layerModel.data;
+                if (typeof geojson === "string") {
+                    try {
+                        geojson = JSON.parse(geojson);
+                    }
+                    catch (e) {
+                        console.warn("A layer could not be created", layerModel, e);
+                        geojson = { type: "FeatureCollection", features: [] };
+                    }
+                }
+                const features = GEOJSON.readFeatures(geojson, {
+                    featureProjection: "EPSG:3857",
+                    dataProjection: "EPSG:4326",
+                });
+                layer = new VectorLayer({
+                    source: new VectorSource({
+                        features,
+                        attributions: layerModel.attributions,
+                    }),
+                    style: layerModel.style ?? defaultStyle,
                 });
-                break;
             }
-            case "geojson": {
-                if (layerModel.url !== undefined) {
-                    layer = new VectorLayer({
-                        source: new VectorSource({
-                            format: new GeoJSON(),
-                            url: layerModel.url,
-                            attributions: layerModel.attributions,
-                        }),
-                        style: (_b = layerModel.style) !== null && _b !== void 0 ? _b : defaultStyle,
-                    });
-                }
-                else {
-                    let geojson = layerModel.data;
-                    if (typeof geojson === "string") {
-                        try {
-                            geojson = JSON.parse(geojson);
-                        }
-                        catch (e) {
-                            console.warn("A layer could not be created", layerModel, e);
-                            geojson = { type: "FeatureCollection", features: [] };
-                        }
-                    }
-                    const features = GEOJSON.readFeatures(geojson, {
-                        featureProjection: "EPSG:3857",
-                        dataProjection: "EPSG:4326",
-                    });
-                    layer = new VectorLayer({
-                        source: new VectorSource({
-                            features,
+            break;
+        }
+        case "ogcapi": {
+            const ogcEndpoint = new OgcApiEndpoint(layerModel.url);
+            let layerUrl;
+            if (layerModel.useTiles) {
+                if (layerModel.useTiles === "vector") {
+                    layerUrl = await ogcEndpoint.getVectorTilesetUrl(layerModel.collection, layerModel.tileMatrixSet);
+                    layer = new VectorTileLayer({
+                        source: new OGCVectorTile({
+                            url: layerUrl,
+                            format: new MVT(),
                             attributions: layerModel.attributions,
                         }),
-                        style: (_c = layerModel.style) !== null && _c !== void 0 ? _c : defaultStyle,
                     });
                 }
-                break;
-            }
-            case "ogcapi": {
-                const ogcEndpoint = new OgcApiEndpoint(layerModel.url);
-                let layerUrl;
-                if (layerModel.useTiles) {
-                    if (layerModel.useTiles === "vector") {
-                        layerUrl = yield ogcEndpoint.getVectorTilesetUrl(layerModel.collection, layerModel.tileMatrixSet);
-                        layer = new VectorTileLayer({
-                            source: new OGCVectorTile({
-                                url: layerUrl,
-                                format: new MVT(),
-                                attributions: layerModel.attributions,
-                            }),
-                        });
-                    }
-                    else if (layerModel.useTiles === "map") {
-                        layerUrl = yield ogcEndpoint.getMapTilesetUrl(layerModel.collection, layerModel.tileMatrixSet);
-                        layer = new TileLayer({
-                            source: new OGCMapTile({
-                                url: layerUrl,
-                                attributions: layerModel.attributions,
-                            }),
-                        });
-                    }
-                }
-                else {
-                    layerUrl = yield ogcEndpoint.getCollectionItemsUrl(layerModel.collection, layerModel.options);
-                    layer = new VectorLayer({
-                        source: new VectorSource({
-                            format: new GeoJSON(),
+                else if (layerModel.useTiles === "map") {
+                    layerUrl = await ogcEndpoint.getMapTilesetUrl(layerModel.collection, layerModel.tileMatrixSet);
+                    layer = new TileLayer({
+                        source: new OGCMapTile({
                             url: layerUrl,
                             attributions: layerModel.attributions,
                         }),
-                        style: (_d = layerModel.style) !== null && _d !== void 0 ? _d : defaultStyle,
                     });
                 }
-                break;
             }
-            default:
-                throw new Error(`Unrecognized layer type: ${JSON.stringify(layerModel)}`);
-        }
-        if (!layer) {
-            throw new Error(`Layer could not be created for type: ${layerModel.type}`);
+            else {
+                layerUrl = await ogcEndpoint.getCollectionItemsUrl(layerModel.collection, layerModel.options);
+                layer = new VectorLayer({
+                    source: new VectorSource({
+                        format: new GeoJSON(),
+                        url: layerUrl,
+                        attributions: layerModel.attributions,
+                    }),
+                    style: layerModel.style ?? defaultStyle,
+                });
+            }
+            break;
         }
-        typeof layerModel.visibility !== "undefined" &&
-            layer.setVisible(layerModel.visibility);
-        typeof layerModel.opacity !== "undefined" &&
-            layer.setOpacity(layerModel.opacity);
-        typeof layerModel.attributions !== "undefined" &&
-            ((_e = layer.getSource()) === null || _e === void 0 ? void 0 : _e.setAttributions(layerModel.attributions));
-        layer.set("label", layerModel.label);
-        return layer;
-    });
+        default:
+            throw new Error(`Unrecognized layer type: ${JSON.stringify(layerModel)}`);
+    }
+    if (!layer) {
+        throw new Error(`Layer could not be created for type: ${layerModel.type}`);
+    }
+    typeof layerModel.visibility !== "undefined" &&
+        layer.setVisible(layerModel.visibility);
+    typeof layerModel.opacity !== "undefined" &&
+        layer.setOpacity(layerModel.opacity);
+    typeof layerModel.attributions !== "undefined" &&
+        layer.getSource()?.setAttributions(layerModel.attributions);
+    layer.set("label", layerModel.label);
+    return layer;
 }
 export function createView(viewModel, map) {
     if (viewModel === null) {
@@ -243,7 +232,12 @@ export function createView(viewModel, map) {
             zoom: 0,
         });
     }
-    const view = new View(Object.assign(Object.assign(Object.assign({}, ("maxExtent" in viewModel && { extent: viewModel.maxExtent })), ("maxZoom" in viewModel && { maxZoom: viewModel.maxZoom })), { multiWorld: false, constrainResolution: true }));
+    const view = new View({
+        ...("maxExtent" in viewModel && { extent: viewModel.maxExtent }),
+        ...("maxZoom" in viewModel && { maxZoom: viewModel.maxZoom }),
+        multiWorld: false,
+        constrainResolution: true,
+    });
     if ("geometry" in viewModel) {
         const geom = GEOJSON.readGeometry(viewModel.geometry);
         view.fit(geom, {
@@ -270,27 +264,23 @@ export function createView(viewModel, map) {
  * @param context
  * @param target
  */
-export function createMapFromContext(context, target) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const map = new Map({
-            target,
-        });
-        return yield resetMapFromContext(map, context);
+export async function createMapFromContext(context, target) {
+    const map = new Map({
+        target,
     });
+    return await resetMapFromContext(map, context);
 }
 /**
  * Resets an OpenLayers map from a context; existing content will be cleared
  * @param map
  * @param context
  */
-export function resetMapFromContext(map, context) {
-    return __awaiter(this, void 0, void 0, function* () {
-        map.setView(createView(context.view, map));
-        map.getLayers().clear();
-        for (const layerModel of context.layers) {
-            const layer = yield createLayer(layerModel);
-            map.addLayer(layer);
-        }
-        return map;
-    });
+export async function resetMapFromContext(map, context) {
+    map.setView(createView(context.view, map));
+    map.getLayers().clear();
+    for (const layerModel of context.layers) {
+        const layer = await createLayer(layerModel);
+        map.addLayer(layer);
+    }
+    return map;
 }

package/dist/map/handle-errors.d.ts

@@ -1,10 +1,10 @@
 import { EndpointError } from "@camptocamp/ogc-client";
 import { Tile } from "ol";
-import { Layer } from "ol/layer";
-import TileLayer from "ol/layer/Tile";
-import VectorLayer from "ol/layer/Vector";
-import TileSource from "ol/source/Tile";
-import VectorSource from "ol/source/Vector";
+import { Layer } from "ol/layer.js";
+import TileLayer from "ol/layer/Tile.js";
+import VectorLayer from "ol/layer/Vector.js";
+import TileSource from "ol/source/Tile.js";
+import VectorSource from "ol/source/Vector.js";
 export declare function handleEndpointError(layer: TileLayer<TileSource> | VectorLayer<VectorSource>, error: EndpointError): void;
 export declare function handleTileError(response: Response | Error, tile: Tile, layer: Layer): void;
 export declare function tileLoadErrorCatchFunction(layer: Layer, tile: Tile, src: string): void;

package/dist/map/handle-errors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle-errors.d.ts","sourceRoot":"","sources":["../../lib/map/handle-errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAa,IAAI,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,UAAU,MAAM,gBAAgB,CAAC;AACxC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAG5C,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,EACxD,KAAK,EAAE,aAAa,QAIrB;AAED,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,QAKb;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,MAAM,QAqBZ"}
+{"version":3,"file":"handle-errors.d.ts","sourceRoot":"","sources":["../../lib/map/handle-errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAa,IAAI,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,EACxD,KAAK,EAAE,aAAa,QAIrB;AAED,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,QAKb;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,MAAM,QAqBZ"}

package/dist/map/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./styles";
-export { createMapFromContext, resetMapFromContext } from "./create-map";
-export { applyContextDiffToMap } from "./apply-context-diff";
-export { listen } from "./register-events";
+export * from "./styles.js";
+export { createMapFromContext, resetMapFromContext } from "./create-map.js";
+export { applyContextDiffToMap } from "./apply-context-diff.js";
+export { listen } from "./register-events.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/map/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/map/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/map/index.js

@@ -1,4 +1,4 @@
-export * from "./styles";
-export { createMapFromContext, resetMapFromContext } from "./create-map";
-export { applyContextDiffToMap } from "./apply-context-diff";
-export { listen } from "./register-events";
+export * from "./styles.js";
+export { createMapFromContext, resetMapFromContext } from "./create-map.js";
+export { applyContextDiffToMap } from "./apply-context-diff.js";
+export { listen } from "./register-events.js";

package/dist/map/register-events.d.ts

@@ -1,9 +1,9 @@
-import Map from "ol/Map";
+import Map from "ol/Map.js";
 import { MapEventsByType } from "@geospatial-sdk/core";
-import { Coordinate } from "ol/coordinate";
-import TileWMS from "ol/source/TileWMS";
-import ImageWMS from "ol/source/ImageWMS";
-import { Pixel } from "ol/pixel";
+import { Coordinate } from "ol/coordinate.js";
+import TileWMS from "ol/source/TileWMS.js";
+import ImageWMS from "ol/source/ImageWMS.js";
+import { Pixel } from "ol/pixel.js";
 import type { Feature } from "geojson";
 export declare function getFeaturesFromVectorSources(olMap: Map, pixel: Pixel): Feature[];
 export declare function getGFIUrl(source: TileWMS | ImageWMS, map: Map, coordinate: Coordinate): string | null;

package/dist/map/register-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register-events.d.ts","sourceRoot":"","sources":["../../lib/map/register-events.ts"],"names":[],"mappings":"AAAA,OAAO,GAA4B,MAAM,QAAQ,CAAC;AAClD,OAAO,EAKL,eAAe,EAEhB,MAAM,sBAAsB,CAAC;AAM9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,EAAE,OAAO,EAAqB,MAAM,SAAS,CAAC;AAO1D,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,KAAK,GACX,OAAO,EAAE,CAOX;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,OAAO,GAAG,QAAQ,EAC1B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,GACrB,MAAM,GAAG,IAAI,CAWf;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,UAAU,GACrB,OAAO,CAAC,OAAO,EAAE,CAAC,CA2BpB;AA8ED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,eAAe,EACpD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,QA0E9C"}
+{"version":3,"file":"register-events.d.ts","sourceRoot":"","sources":["../../lib/map/register-events.ts"],"names":[],"mappings":"AAAA,OAAO,GAA4B,MAAM,WAAW,CAAC;AACrD,OAAO,EAKL,eAAe,EAEhB,MAAM,sBAAsB,CAAC;AAM9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAqB,MAAM,SAAS,CAAC;AAO1D,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,KAAK,GACX,OAAO,EAAE,CAOX;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,OAAO,GAAG,QAAQ,EAC1B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,GACrB,MAAM,GAAG,IAAI,CAWf;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,UAAU,GACrB,OAAO,CAAC,OAAO,EAAE,CAAC,CA2BpB;AA8ED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,eAAe,EACpD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,QA0E9C"}

package/dist/map/register-events.js

@@ -1,20 +1,11 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, MapExtentChangeEventType, SourceLoadErrorType, } from "@geospatial-sdk/core";
-import { toLonLat, transformExtent } from "ol/proj";
-import GeoJSON from "ol/format/GeoJSON";
-import TileWMS from "ol/source/TileWMS";
-import ImageWMS from "ol/source/ImageWMS";
-import Layer from "ol/layer/Layer";
+import { toLonLat, transformExtent } from "ol/proj.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import TileWMS from "ol/source/TileWMS.js";
+import ImageWMS from "ol/source/ImageWMS.js";
+import Layer from "ol/layer/Layer.js";
 import throttle from "lodash.throttle";
-import { equals } from "ol/extent";
+import { equals } from "ol/extent.js";
 const GEOJSON = new GeoJSON();
 export function getFeaturesFromVectorSources(olMap, pixel) {
     const olFeatures = olMap.getFeaturesAtPixel(pixel);
@@ -25,12 +16,14 @@ export function getFeaturesFromVectorSources(olMap, pixel) {
     return features;
 }
 export function getGFIUrl(source, map, coordinate) {
-    var _a;
     const view = map.getView();
     const projection = view.getProjection();
     const resolution = view.getResolution();
-    const params = Object.assign(Object.assign({}, source.getParams()), { INFO_FORMAT: "application/json" });
-    return ((_a = source.getFeatureInfoUrl(coordinate, resolution, projection, params)) !== null && _a !== void 0 ? _a : null);
+    const params = {
+        ...source.getParams(),
+        INFO_FORMAT: "application/json",
+    };
+    return (source.getFeatureInfoUrl(coordinate, resolution, projection, params) ?? null);
 }
 export function getFeaturesFromWmsSources(olMap, coordinate) {
     const wmsSources = olMap
@@ -52,36 +45,34 @@ export function getFeaturesFromWmsSources(olMap, coordinate) {
         .then((collection) => collection.features))).then((features) => features.flat());
 }
 const getFeaturesFromWmsSourcesThrottled = throttle(getFeaturesFromWmsSources, 250);
-function readFeaturesAtPixel(map, event) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return [
-            ...getFeaturesFromVectorSources(map, event.pixel),
-            ...(yield getFeaturesFromWmsSourcesThrottled(map, event.coordinate)),
-        ];
-    });
+async function readFeaturesAtPixel(map, event) {
+    return [
+        ...getFeaturesFromVectorSources(map, event.pixel),
+        ...(await getFeaturesFromWmsSourcesThrottled(map, event.coordinate)),
+    ];
 }
 function registerFeatureClickEvent(map) {
     if (map.get(FeaturesClickEventType))
         return;
-    map.on("click", (event) => __awaiter(this, void 0, void 0, function* () {
-        const features = yield readFeaturesAtPixel(map, event);
+    map.on("click", async (event) => {
+        const features = await readFeaturesAtPixel(map, event);
         map.dispatchEvent({
             type: FeaturesClickEventType,
             features,
         });
-    }));
+    });
     map.set(FeaturesClickEventType, true);
 }
 function registerFeatureHoverEvent(map) {
     if (map.get(FeaturesHoverEventType))
         return;
-    map.on("pointermove", (event) => __awaiter(this, void 0, void 0, function* () {
-        const features = yield readFeaturesAtPixel(map, event);
+    map.on("pointermove", async (event) => {
+        const features = await readFeaturesAtPixel(map, event);
         map.dispatchEvent({
             type: FeaturesHoverEventType,
             features,
         });
-    }));
+    });
     map.set(FeaturesHoverEventType, true);
 }
 function registerMapExtentChangeEvent(map) {

package/dist/map/styles.d.ts

@@ -1,5 +1,5 @@
-import { Style } from "ol/style";
-import { StyleFunction } from "ol/style/Style";
+import { Style } from "ol/style.js";
+import { StyleFunction } from "ol/style/Style.js";
 export interface CreateStyleOptions {
     color: string;
     isFocused?: boolean;

package/dist/map/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../lib/map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACzB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,GAC1B,mBAAmB,CA4CrB;AAED,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,mBAAmB,GACvC,aAAa,CAmBf;AAMD,eAAO,MAAM,YAAY,eAIxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,eAKjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../lib/map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACzB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,GAC1B,mBAAmB,CA4CrB;AAED,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,mBAAmB,GACvC,aAAa,CAmBf;AAMD,eAAO,MAAM,YAAY,eAIxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,eAKjC,CAAC"}

package/dist/map/styles.js

@@ -1,4 +1,4 @@
-import { Circle, Fill, Stroke, Style } from "ol/style";
+import { Circle, Fill, Stroke, Style } from "ol/style.js";
 import chroma from "chroma-js";
 export function createGeometryStyles(options) {
     const { color, isFocused } = options;
@@ -47,8 +47,7 @@ export function createGeometryStyles(options) {
 }
 export function createStyleFunction(styleByGeometryType) {
     return (feature) => {
-        var _a;
-        const geometryType = (_a = feature === null || feature === void 0 ? void 0 : feature.getGeometry()) === null || _a === void 0 ? void 0 : _a.getType();
+        const geometryType = feature?.getGeometry()?.getType();
         switch (geometryType) {
             case "LinearRing":
             case "LineString":

package/lib/index.ts

@@ -1,2 +1,2 @@
 // PUBLIC API
-export * from "./map";
+export * from "./map/index.js";

package/lib/map/apply-context-diff.ts

@@ -1,9 +1,9 @@
-import Map from "ol/Map";
+import Map from "ol/Map.js";
 import { MapContextDiff } from "@geospatial-sdk/core";
-import { createLayer, createView } from "./create-map";
-import { fromLonLat, transformExtent } from "ol/proj";
-import GeoJSON from "ol/format/GeoJSON";
-import SimpleGeometry from "ol/geom/SimpleGeometry";
+import { createLayer, createView } from "./create-map.js";
+import { fromLonLat, transformExtent } from "ol/proj.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import SimpleGeometry from "ol/geom/SimpleGeometry.js";
 
 const GEOJSON = new GeoJSON();
 

package/lib/map/create-map.ts

@@ -4,26 +4,26 @@ import {
   MapContextView,
   removeSearchParams,
 } from "@geospatial-sdk/core";
-import Map from "ol/Map";
-import View from "ol/View";
-import Layer from "ol/layer/Layer";
-import TileLayer from "ol/layer/Tile";
-import XYZ from "ol/source/XYZ";
-import TileWMS from "ol/source/TileWMS";
-import VectorLayer from "ol/layer/Vector";
-import VectorSource from "ol/source/Vector";
-import GeoJSON from "ol/format/GeoJSON";
-import Feature from "ol/Feature";
-import Geometry from "ol/geom/Geometry";
-import SimpleGeometry from "ol/geom/SimpleGeometry";
-import { fromLonLat, transformExtent } from "ol/proj";
-import { bbox as bboxStrategy } from "ol/loadingstrategy";
-import { defaultStyle } from "./styles";
-import VectorTileLayer from "ol/layer/VectorTile";
-import OGCMapTile from "ol/source/OGCMapTile";
-import OGCVectorTile from "ol/source/OGCVectorTile";
-import WMTS from "ol/source/WMTS";
-import MVT from "ol/format/MVT";
+import Map from "ol/Map.js";
+import View from "ol/View.js";
+import Layer from "ol/layer/Layer.js";
+import TileLayer from "ol/layer/Tile.js";
+import XYZ from "ol/source/XYZ.js";
+import TileWMS from "ol/source/TileWMS.js";
+import VectorLayer from "ol/layer/Vector.js";
+import VectorSource from "ol/source/Vector.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import Feature from "ol/Feature.js";
+import Geometry from "ol/geom/Geometry.js";
+import SimpleGeometry from "ol/geom/SimpleGeometry.js";
+import { fromLonLat, transformExtent } from "ol/proj.js";
+import { bbox as bboxStrategy } from "ol/loadingstrategy.js";
+import { defaultStyle } from "./styles.js";
+import VectorTileLayer from "ol/layer/VectorTile.js";
+import OGCMapTile from "ol/source/OGCMapTile.js";
+import OGCVectorTile from "ol/source/OGCVectorTile.js";
+import WMTS from "ol/source/WMTS.js";
+import MVT from "ol/format/MVT.js";
 import {
   OgcApiEndpoint,
   WfsEndpoint,
@@ -34,8 +34,8 @@ import { Tile } from "ol";
 import {
   handleEndpointError,
   tileLoadErrorCatchFunction,
-} from "./handle-errors";
-import VectorTile from "ol/source/VectorTile";
+} from "./handle-errors.js";
+import VectorTile from "ol/source/VectorTile.js";
 
 const GEOJSON = new GeoJSON();
 const WFS_MAX_FEATURES = 10000;

package/lib/map/handle-errors.ts

@@ -1,11 +1,11 @@
 import { EndpointError } from "@camptocamp/ogc-client";
 import { SourceLoadErrorEvent } from "@geospatial-sdk/core";
 import { ImageTile, Tile } from "ol";
-import { Layer } from "ol/layer";
-import TileLayer from "ol/layer/Tile";
-import VectorLayer from "ol/layer/Vector";
-import TileSource from "ol/source/Tile";
-import VectorSource from "ol/source/Vector";
+import { Layer } from "ol/layer.js";
+import TileLayer from "ol/layer/Tile.js";
+import VectorLayer from "ol/layer/Vector.js";
+import TileSource from "ol/source/Tile.js";
+import VectorSource from "ol/source/Vector.js";
 import TileState from "ol/TileState.js";
 
 export function handleEndpointError(

package/lib/map/index.ts

@@ -1,4 +1,4 @@
-export * from "./styles";
-export { createMapFromContext, resetMapFromContext } from "./create-map";
-export { applyContextDiffToMap } from "./apply-context-diff";
-export { listen } from "./register-events";
+export * from "./styles.js";
+export { createMapFromContext, resetMapFromContext } from "./create-map.js";
+export { applyContextDiffToMap } from "./apply-context-diff.js";
+export { listen } from "./register-events.js";

package/lib/map/register-events.ts

@@ -1,4 +1,4 @@
-import Map, { MapObjectEventTypes } from "ol/Map";
+import Map, { MapObjectEventTypes } from "ol/Map.js";
 import {
   FeaturesClickEventType,
   FeaturesHoverEventType,
@@ -7,20 +7,20 @@ import {
   MapEventsByType,
   SourceLoadErrorType,
 } from "@geospatial-sdk/core";
-import { toLonLat, transformExtent } from "ol/proj";
-import GeoJSON from "ol/format/GeoJSON";
-import OlFeature from "ol/Feature";
-import BaseEvent from "ol/events/Event";
+import { toLonLat, transformExtent } from "ol/proj.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import OlFeature from "ol/Feature.js";
+import BaseEvent from "ol/events/Event.js";
 import { MapBrowserEvent } from "ol";
-import { Coordinate } from "ol/coordinate";
-import TileWMS from "ol/source/TileWMS";
-import ImageWMS from "ol/source/ImageWMS";
-import Layer from "ol/layer/Layer";
-import { Pixel } from "ol/pixel";
+import { Coordinate } from "ol/coordinate.js";
+import TileWMS from "ol/source/TileWMS.js";
+import ImageWMS from "ol/source/ImageWMS.js";
+import Layer from "ol/layer/Layer.js";
+import { Pixel } from "ol/pixel.js";
 import type { Feature, FeatureCollection } from "geojson";
 import throttle from "lodash.throttle";
-import { BaseLayerObjectEventTypes } from "ol/layer/Base";
-import { equals } from "ol/extent";
+import { BaseLayerObjectEventTypes } from "ol/layer/Base.js";
+import { equals } from "ol/extent.js";
 
 const GEOJSON = new GeoJSON();
 
@@ -103,7 +103,7 @@ async function readFeaturesAtPixel(
 function registerFeatureClickEvent(map: Map) {
   if (map.get(FeaturesClickEventType)) return;
 
-  map.on("click", async (event) => {
+  map.on("click", async (event: any) => {
     const features = await readFeaturesAtPixel(map, event);
     map.dispatchEvent({
       type: FeaturesClickEventType,
@@ -117,7 +117,7 @@ function registerFeatureClickEvent(map: Map) {
 function registerFeatureHoverEvent(map: Map) {
   if (map.get(FeaturesHoverEventType)) return;
 
-  map.on("pointermove", async (event) => {
+  map.on("pointermove", async (event: any) => {
     const features = await readFeaturesAtPixel(map, event);
     map.dispatchEvent({
       type: FeaturesHoverEventType,
@@ -170,19 +170,19 @@ export function listen<T extends keyof MapEventsByType>(
     case FeaturesClickEventType:
       registerFeatureClickEvent(map);
       // we're using a custom event type here so we need to cast to unknown first
-      map.on(eventType as unknown as MapObjectEventTypes, (event) => {
+      map.on(eventType as unknown as MapObjectEventTypes, (event: any) => {
         (callback as (event: unknown) => void)(event);
       });
       break;
     case FeaturesHoverEventType:
       registerFeatureHoverEvent(map);
       // see comment above
-      map.on(eventType as unknown as MapObjectEventTypes, (event) => {
+      map.on(eventType as unknown as MapObjectEventTypes, (event: any) => {
         (callback as (event: unknown) => void)(event);
       });
       break;
     case MapClickEventType:
-      map.on("click", (event) => {
+      map.on("click", (event: any) => {
         const coordinate = toLonLat(
           event.coordinate,
           map.getView().getProjection(),
@@ -196,7 +196,7 @@ export function listen<T extends keyof MapEventsByType>(
     case MapExtentChangeEventType:
       registerMapExtentChangeEvent(map);
       // see comment above
-      map.on(eventType as unknown as MapObjectEventTypes, (event) => {
+      map.on(eventType as unknown as MapObjectEventTypes, (event: any) => {
         (callback as (event: unknown) => void)(event);
       });
       break;
@@ -214,7 +214,7 @@ export function listen<T extends keyof MapEventsByType>(
         }
       });
       //attach event listener when layer is added
-      map.getLayers().on("add", (event) => {
+      map.getLayers().on("add", (event: any) => {
         const layer = event.element as Layer;
         if (layer) {
           layer.on(
@@ -224,7 +224,7 @@ export function listen<T extends keyof MapEventsByType>(
         }
       });
       //remove event listener when layer is removed
-      map.getLayers().on("remove", (event) => {
+      map.getLayers().on("remove", (event: any) => {
         const layer = event.element as Layer;
         if (layer) {
           layer.un(

package/lib/map/styles.ts

@@ -1,6 +1,6 @@
-import { Circle, Fill, Stroke, Style } from "ol/style";
-import { StyleFunction } from "ol/style/Style";
-import { FeatureLike } from "ol/Feature";
+import { Circle, Fill, Stroke, Style } from "ol/style.js";
+import { StyleFunction } from "ol/style/Style.js";
+import { FeatureLike } from "ol/Feature.js";
 import chroma from "chroma-js";
 
 export interface CreateStyleOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geospatial-sdk/openlayers",
-  "version": "0.0.5-dev.41+dba0603",
+  "version": "0.0.5-dev.42+baa75c1",
   "description": "OpenLayers-related utilities",
   "keywords": [
     "ol",
@@ -37,10 +37,10 @@
     "ol": ">6.x"
   },
   "dependencies": {
-    "@geospatial-sdk/core": "^0.0.5-dev.41+dba0603",
+    "@geospatial-sdk/core": "^0.0.5-dev.42+baa75c1",
     "chroma-js": "^2.4.2",
     "lodash.throttle": "^4.1.1",
     "ol-mapbox-style": "12.4.0"
   },
-  "gitHead": "dba060374167251ca486946c95e8a885c121ccd5"
+  "gitHead": "baa75c1fed77ed160f6a2d94bfeb5358cc91d63a"
 }