@geospatial-sdk/openlayers 0.0.5-dev.53 → 0.0.5-dev.55

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,EAEL,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;AAsCtC,wBAAsB,WAAW,CAAC,UAAU,EAAE,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,CAyN7E;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,eAAe,EAC3B,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,eAAe,QAgBpC;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,CASd"}
+{"version":3,"file":"create-map.d.ts","sourceRoot":"","sources":["../../lib/map/create-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,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;AA8CtC,wBAAsB,WAAW,CAAC,UAAU,EAAE,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,CAmO7E;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,eAAe,EAC3B,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,eAAe,QAgBpC;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,CASd"}

package/dist/map/create-map.js

@@ -18,8 +18,15 @@ import { OgcApiEndpoint, WfsEndpoint, WmtsEndpoint, } from "@camptocamp/ogc-clie
 import { MapboxVectorLayer } from "ol-mapbox-style";
 import { handleEndpointError, tileLoadErrorCatchFunction, } from "./handle-errors.js";
 import VectorTile from "ol/source/VectorTile.js";
+import GeoTIFF from "ol/source/GeoTIFF.js";
+import WebGLTileLayer from "ol/layer/WebGLTile.js";
+import proj4 from "proj4";
+import { register } from "ol/proj/proj4.js";
 import { canDoIncrementalUpdate, updateLayerProperties, } from "./layer-update.js";
 import { initHoverLayer } from "./feature-hover.js";
+// Register proj4 with OpenLayers so that arbitrary EPSG codes
+// (e.g., UTM zones from GeoTIFF metadata) can be reprojected to the map projection
+register(proj4);
 const GEOJSON = new GeoJSON();
 const WFS_MAX_FEATURES = 10000;
 export async function createLayer(layerModel) {
@@ -211,6 +218,16 @@ export async function createLayer(layerModel) {
             }
             break;
         }
+        case "geotiff": {
+            const geoTiffSource = new GeoTIFF({
+                sources: [{ url: layerModel.url }],
+                convertToRGB: "auto",
+            });
+            layer = new WebGLTileLayer({
+                source: geoTiffSource,
+            });
+            break;
+        }
         default:
             throw new Error(`Unrecognized layer type: ${JSON.stringify(layerModel)}`);
     }

package/dist/map/feature-hover.d.ts

@@ -1,5 +1,5 @@
-import type OlMap from "ol/Map.js";
 import VectorLayer from "ol/layer/Vector.js";
+import type OlMap from "ol/Map.js";
 import VectorSource from "ol/source/Vector.js";
 export declare function initHoverLayer(map: OlMap): void;
 export declare function getHoverLayer(map: OlMap): VectorLayer<VectorSource>;

package/dist/map/feature-hover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-hover.d.ts","sourceRoot":"","sources":["../../lib/map/feature-hover.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,WAAW,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAe/C,wBAAgB,cAAc,CAAC,GAAG,EAAE,KAAK,QAoGxC;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAEnE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,QAMzC"}
+{"version":3,"file":"feature-hover.d.ts","sourceRoot":"","sources":["../../lib/map/feature-hover.ts"],"names":[],"mappings":"AAQA,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,WAAW,CAAC;AAEnC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAO/C,wBAAgB,cAAc,CAAC,GAAG,EAAE,KAAK,QAoGxC;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAEnE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,QAMzC"}

package/dist/map/feature-hover.js

@@ -1,9 +1,9 @@
-import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
-import VectorLayer from "ol/layer/Vector.js";
-import VectorSource from "ol/source/Vector.js";
 import { defaultHighlightStyle, FeaturesHoverEventType, } from "@geospatial-sdk/core";
 import OlFeature from "ol/Feature.js";
+import VectorLayer from "ol/layer/Vector.js";
 import { unByKey } from "ol/Observable.js";
+import VectorSource from "ol/source/Vector.js";
+import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
 import { readFeaturesAtPixel } from "./get-features.js";
 const hoverLayerKey = `${GEOSPATIAL_SDK_PREFIX}hover-layer`;
 const unsubscribeKey = `${GEOSPATIAL_SDK_PREFIX}hover-unsub`;
@@ -19,15 +19,15 @@ export function initHoverLayer(map) {
         }),
         style: defaultHighlightStyle,
         properties: {
-            [`${GEOSPATIAL_SDK_PREFIX}enable-hover`]: false,
-            [`${GEOSPATIAL_SDK_PREFIX}disable-click`]: true,
+            [`${GEOSPATIAL_SDK_PREFIX}hoverable`]: false,
+            [`${GEOSPATIAL_SDK_PREFIX}clickable`]: false,
         },
     });
     map.set(hoverLayerKey, hoverLayer);
     hoverLayer.setMap(map);
     // store original cursor style in order to change it later
     const originalCursorStyle = map.getTargetElement()?.style.cursor ?? "";
-    const layerFilter = (layer) => layer.get(`${GEOSPATIAL_SDK_PREFIX}enable-hover`);
+    const layerFilter = (layer) => layer.get(`${GEOSPATIAL_SDK_PREFIX}hoverable`);
     const unKey = map.on("pointermove", async (event) => {
         // skip hit detection if the view is moving as it can have an impact on performance
         if (map.getView().getInteracting() || map.getView().getAnimating()) {

package/dist/map/layer-update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layer-update.d.ts","sourceRoot":"","sources":["../../lib/map/layer-update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAsBtC;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,eAAe,GACxB,OAAO,CAIT;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,KAAK,EACd,kBAAkB,CAAC,EAAE,eAAe,QAuDrC"}
+{"version":3,"file":"layer-update.d.ts","sourceRoot":"","sources":["../../lib/map/layer-update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAsBtC;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,eAAe,GACxB,OAAO,CAIT;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,KAAK,EACd,kBAAkB,CAAC,EAAE,eAAe,QAiDrC"}

package/dist/map/layer-update.js

@@ -7,8 +7,8 @@ const UPDATABLE_PROPERTIES = [
     "attributions",
     "extras",
     "version",
-    "enableHover",
-    "disableClick",
+    "hoverable",
+    "clickable",
     "style",
     "hoverStyle",
     // TODO (when available) "zIndex"
@@ -60,14 +60,14 @@ export function updateLayerProperties(layerModel, olLayer, previousLayerModel) {
     if (shouldApplyProperty("label")) {
         olLayer.set("label", layerModel.label);
     }
-    if (shouldApplyProperty("enableHover")) {
-        olLayer.set(`${GEOSPATIAL_SDK_PREFIX}enable-hover`, layerModel.enableHover);
+    if (shouldApplyProperty("hoverable")) {
+        olLayer.set(`${GEOSPATIAL_SDK_PREFIX}hoverable`, layerModel.hoverable);
     }
     if (shouldApplyProperty("hoverStyle")) {
         olLayer.set(`${GEOSPATIAL_SDK_PREFIX}hover-style`, layerModel.hoverStyle);
     }
-    if (shouldApplyProperty("disableClick")) {
-        olLayer.set(`${GEOSPATIAL_SDK_PREFIX}disable-click`, layerModel.disableClick);
+    if (shouldApplyProperty("clickable")) {
+        olLayer.set(`${GEOSPATIAL_SDK_PREFIX}clickable`, layerModel.clickable);
     }
     if (shouldApplyProperty("style") &&
         "setStyle" in olLayer) {

package/dist/map/register-events.js

@@ -6,8 +6,8 @@ import { readFeaturesAtPixel } from "./get-features.js";
 function registerFeatureClickEvent(map) {
     if (map.get(FeaturesClickEventType))
         return;
-    // Filter to only query layers with enableSelection
-    const layerFilter = (layer) => !layer.get(`${GEOSPATIAL_SDK_PREFIX}disable-click`);
+    // Filter to only query clickable layers
+    const layerFilter = (layer) => layer.get(`${GEOSPATIAL_SDK_PREFIX}clickable`) !== false;
     map.on("click", async (event) => {
         const featuresByLayer = await readFeaturesAtPixel(map, event, layerFilter);
         const features = Array.from(featuresByLayer.values()).flat();

package/lib/map/create-map.test.ts

@@ -1,15 +1,13 @@
-import { FeatureCollection } from "geojson";
-import TileLayer from "ol/layer/Tile.js";
-import VectorLayer from "ol/layer/Vector.js";
-import Map from "ol/Map.js";
-import TileWMS from "ol/source/TileWMS.js";
-import VectorSource from "ol/source/Vector.js";
-import XYZ from "ol/source/XYZ.js";
-import View from "ol/View.js";
-import GeoJSON from "ol/format/GeoJSON.js";
+import {
+  MapContext,
+  MapContextLayer,
+  MapContextLayerGeojson,
+  MapContextLayerWms,
+} from "@geospatial-sdk/core";
 import {
   MAP_CTX_EXTENT_FIXTURE,
   MAP_CTX_FIXTURE,
+  MAP_CTX_LAYER_GEOTIFF_FIXTURE,
   MAP_CTX_LAYER_GEOJSON_FIXTURE,
   MAP_CTX_LAYER_GEOJSON_REMOTE_FIXTURE,
   MAP_CTX_LAYER_MAPBLIBRE_STYLE_FIXTURE,
@@ -20,31 +18,36 @@ import {
   MAP_CTX_LAYER_WMTS_FIXTURE,
   MAP_CTX_LAYER_XYZ_FIXTURE,
 } from "@geospatial-sdk/core/fixtures/map-context.fixtures.js";
-import {
-  MapContext,
-  MapContextLayer,
-  MapContextLayerGeojson,
-  MapContextLayerWms,
-} from "@geospatial-sdk/core";
+import { FeatureCollection } from "geojson";
+import { MapboxVectorLayer } from "ol-mapbox-style";
+import { FeatureUrlFunction } from "ol/featureloader.js";
+import GeoJSON from "ol/format/GeoJSON.js";
+import ImageTile from "ol/ImageTile.js";
 import Layer from "ol/layer/Layer.js";
+import TileLayer from "ol/layer/Tile.js";
+import VectorLayer from "ol/layer/Vector.js";
+import VectorTileLayer from "ol/layer/VectorTile.js";
+import WebGLTileLayer from "ol/layer/WebGLTile.js";
+import Map from "ol/Map.js";
+import { VectorTile } from "ol/source.js";
+import GeoTIFF from "ol/source/GeoTIFF.js";
+import TileWMS from "ol/source/TileWMS.js";
+import VectorSource from "ol/source/Vector.js";
+import WMTS from "ol/source/WMTS.js";
+import XYZ from "ol/source/XYZ.js";
+import TileState from "ol/TileState.js";
+import View from "ol/View.js";
+import { beforeEach } from "vitest";
 import {
   createLayer,
   createMapFromContext,
   createView,
   resetMapFromContext,
 } from "./create-map.js";
-import WMTS from "ol/source/WMTS.js";
-import { VectorTile } from "ol/source.js";
-import { MapboxVectorLayer } from "ol-mapbox-style";
 import {
   handleEndpointError,
   tileLoadErrorCatchFunction,
 } from "./handle-errors.js";
-import ImageTile from "ol/ImageTile.js";
-import TileState from "ol/TileState.js";
-import VectorTileLayer from "ol/layer/VectorTile.js";
-import { FeatureUrlFunction } from "ol/featureloader.js";
-import { beforeEach } from "vitest";
 
 vi.mock("./handle-errors", async (importOriginal) => {
   const actual =
@@ -432,6 +435,26 @@ describe("MapContextService", () => {
         expect(layer.get("label")).toBeUndefined();
       });
     });
+
+    describe("GeoTIFF", () => {
+      beforeEach(async () => {
+        layerModel = MAP_CTX_LAYER_GEOTIFF_FIXTURE;
+        layer = await createLayer(layerModel);
+      });
+      it("create a WebGLTile layer", () => {
+        expect(layer).toBeTruthy();
+        expect(layer).toBeInstanceOf(WebGLTileLayer);
+      });
+      it("set correct layer properties", () => {
+        expect(layer.getVisible()).toBe(true);
+        expect(layer.getOpacity()).toBe(1);
+        expect(layer.get("label")).toBeUndefined();
+      });
+      it("create a GeoTIFF source", () => {
+        const source = layer.getSource();
+        expect(source).toBeInstanceOf(GeoTIFF);
+      });
+    });
   });
 
   describe("#createView", () => {

package/lib/map/create-map.ts

@@ -36,12 +36,20 @@ import {
   tileLoadErrorCatchFunction,
 } from "./handle-errors.js";
 import VectorTile from "ol/source/VectorTile.js";
+import GeoTIFF from "ol/source/GeoTIFF.js";
+import WebGLTileLayer from "ol/layer/WebGLTile.js";
+import proj4 from "proj4";
+import { register } from "ol/proj/proj4.js";
 import {
   canDoIncrementalUpdate,
   updateLayerProperties,
 } from "./layer-update.js";
 import { initHoverLayer } from "./feature-hover.js";
 
+// Register proj4 with OpenLayers so that arbitrary EPSG codes
+// (e.g., UTM zones from GeoTIFF metadata) can be reprojected to the map projection
+register(proj4);
+
 const GEOJSON = new GeoJSON();
 const WFS_MAX_FEATURES = 10000;
 
@@ -252,6 +260,16 @@ export async function createLayer(layerModel: MapContextLayer): Promise<Layer> {
       }
       break;
     }
+    case "geotiff": {
+      const geoTiffSource = new GeoTIFF({
+        sources: [{ url: layerModel.url }],
+        convertToRGB: "auto",
+      });
+      layer = new WebGLTileLayer({
+        source: geoTiffSource,
+      });
+      break;
+    }
     default:
       throw new Error(`Unrecognized layer type: ${JSON.stringify(layerModel)}`);
   }

package/lib/map/feature-hover.ts

@@ -1,16 +1,16 @@
-import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
-import type OlMap from "ol/Map.js";
-import VectorLayer from "ol/layer/Vector.js";
-import VectorSource from "ol/source/Vector.js";
 import {
   defaultHighlightStyle,
   FeaturesHoverEventType,
 } from "@geospatial-sdk/core";
-import type BaseEvent from "ol/events/Event.js";
 import { MapBrowserEvent } from "ol";
+import type BaseEvent from "ol/events/Event.js";
 import OlFeature from "ol/Feature.js";
 import type BaseLayer from "ol/layer/Base.js";
+import VectorLayer from "ol/layer/Vector.js";
+import type OlMap from "ol/Map.js";
 import { unByKey } from "ol/Observable.js";
+import VectorSource from "ol/source/Vector.js";
+import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
 import { readFeaturesAtPixel } from "./get-features.js";
 
 const hoverLayerKey = `${GEOSPATIAL_SDK_PREFIX}hover-layer`;
@@ -29,8 +29,8 @@ export function initHoverLayer(map: OlMap) {
     }),
     style: defaultHighlightStyle,
     properties: {
-      [`${GEOSPATIAL_SDK_PREFIX}enable-hover`]: false,
-      [`${GEOSPATIAL_SDK_PREFIX}disable-click`]: true,
+      [`${GEOSPATIAL_SDK_PREFIX}hoverable`]: false,
+      [`${GEOSPATIAL_SDK_PREFIX}clickable`]: false,
     },
   });
   map.set(hoverLayerKey, hoverLayer);
@@ -40,7 +40,7 @@ export function initHoverLayer(map: OlMap) {
   const originalCursorStyle = map.getTargetElement()?.style.cursor ?? "";
 
   const layerFilter = (layer: BaseLayer) =>
-    layer.get(`${GEOSPATIAL_SDK_PREFIX}enable-hover`);
+    layer.get(`${GEOSPATIAL_SDK_PREFIX}hoverable`);
 
   const unKey = map.on(
     "pointermove",

package/lib/map/layer-update.test.ts

@@ -125,8 +125,8 @@ describe("Layer update utils", () => {
         style: {
           "circle-fill-color": "blue",
         },
-        enableHover: true,
-        disableClick: true,
+        hoverable: true,
+        clickable: false,
       };
       const prevLayerModel = SAMPLE_LAYER3;
       updateLayerProperties(layerModel, olLayer, prevLayerModel);
@@ -134,12 +134,12 @@ describe("Layer update utils", () => {
         layerModel.style,
       );
       expect(olLayer.set).toHaveBeenCalledWith(
-        "--geospatial-sdk-enable-hover",
+        "--geospatial-sdk-hoverable",
         true,
       );
       expect(olLayer.set).toHaveBeenCalledWith(
-        "--geospatial-sdk-disable-click",
-        true,
+        "--geospatial-sdk-clickable",
+        false,
       );
     });
   });

package/lib/map/layer-update.ts

@@ -4,9 +4,9 @@ import {
   MapContextLayerVector,
 } from "@geospatial-sdk/core/lib/model/map-context.js";
 import Layer from "ol/layer/Layer.js";
-import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
 import VectorLayer from "ol/layer/Vector.js";
 import type VectorSource from "ol/source/Vector.js";
+import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
 
 const UPDATABLE_PROPERTIES: (
   | keyof MapContextBaseLayer
@@ -18,8 +18,8 @@ const UPDATABLE_PROPERTIES: (
   "attributions",
   "extras",
   "version",
-  "enableHover",
-  "disableClick",
+  "hoverable",
+  "clickable",
   "style",
   "hoverStyle",
   // TODO (when available) "zIndex"
@@ -82,11 +82,8 @@ export function updateLayerProperties(
   if (shouldApplyProperty("label")) {
     olLayer.set("label", layerModel.label);
   }
-  if (shouldApplyProperty("enableHover" as keyof MapContextLayer)) {
-    olLayer.set(
-      `${GEOSPATIAL_SDK_PREFIX}enable-hover`,
-      (layerModel as MapContextLayerVector).enableHover,
-    );
+  if (shouldApplyProperty("hoverable")) {
+    olLayer.set(`${GEOSPATIAL_SDK_PREFIX}hoverable`, layerModel.hoverable);
   }
   if (shouldApplyProperty("hoverStyle" as keyof MapContextLayer)) {
     olLayer.set(
@@ -94,11 +91,8 @@ export function updateLayerProperties(
       (layerModel as MapContextLayerVector).hoverStyle,
     );
   }
-  if (shouldApplyProperty("disableClick" as keyof MapContextLayer)) {
-    olLayer.set(
-      `${GEOSPATIAL_SDK_PREFIX}disable-click`,
-      layerModel.disableClick,
-    );
+  if (shouldApplyProperty("clickable" as keyof MapContextLayer)) {
+    olLayer.set(`${GEOSPATIAL_SDK_PREFIX}clickable`, layerModel.clickable);
   }
   if (
     shouldApplyProperty("style" as keyof MapContextLayer) &&

package/lib/map/register-events.ts

@@ -19,9 +19,9 @@ import { readFeaturesAtPixel } from "./get-features.js";
 function registerFeatureClickEvent(map: Map) {
   if (map.get(FeaturesClickEventType)) return;
 
-  // Filter to only query layers with enableSelection
+  // Filter to only query clickable layers
   const layerFilter = (layer: BaseLayer) =>
-    !layer.get(`${GEOSPATIAL_SDK_PREFIX}disable-click`);
+    layer.get(`${GEOSPATIAL_SDK_PREFIX}clickable`) !== false;
 
   map.on("click", async (event: any) => {
     const featuresByLayer = await readFeaturesAtPixel(map, event, layerFilter);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geospatial-sdk/openlayers",
-  "version": "0.0.5-dev.53+85f2d77",
+  "version": "0.0.5-dev.55+475f057",
   "description": "OpenLayers-related utilities",
   "keywords": [
     "ol",
@@ -37,10 +37,9 @@
     "ol": ">9.x"
   },
   "dependencies": {
-    "@geospatial-sdk/core": "^0.0.5-dev.53+85f2d77",
-    "chroma-js": "^2.4.2",
+    "@geospatial-sdk/core": "^0.0.5-dev.55+475f057",
     "lodash.throttle": "^4.1.1",
     "ol-mapbox-style": "12.4.0"
   },
-  "gitHead": "85f2d770cbe0bf97a4c2c5e0650fe7712f3396c8"
+  "gitHead": "475f057bccd243497d84db212b50812633e7398b"
 }

package/dist/map/feature-selection.d.ts

@@ -1,8 +0,0 @@
-import type OlMap from "ol/Map.js";
-import VectorLayer from "ol/layer/Vector.js";
-import VectorSource from "ol/source/Vector.js";
-export declare function initSelectionLayer(map: OlMap): void;
-export declare function getSelectionLayer(map: OlMap): VectorLayer<VectorSource>;
-export declare function clearSelectionLayer(map: OlMap): void;
-export declare function clearSelection(map: OlMap): void;
-//# sourceMappingURL=feature-selection.d.ts.map

package/dist/map/feature-selection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-selection.d.ts","sourceRoot":"","sources":["../../lib/map/feature-selection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,WAAW,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAU/C,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,QAqE5C;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,CAEvE;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,KAAK,QAM7C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,KAAK,QAQxC"}

package/dist/map/feature-selection.js

@@ -1,76 +0,0 @@
-import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
-import VectorLayer from "ol/layer/Vector.js";
-import VectorSource from "ol/source/Vector.js";
-import { defaultHighlightStyle } from "@geospatial-sdk/core";
-import OlFeature from "ol/Feature.js";
-import { unByKey } from "ol/Observable.js";
-const selectionLayerKey = `${GEOSPATIAL_SDK_PREFIX}selection-layer`;
-const unsubscribeKey = `${GEOSPATIAL_SDK_PREFIX}selection-unsub`;
-export function initSelectionLayer(map) {
-    if (map.get(selectionLayerKey)) {
-        clearSelectionLayer(map);
-    }
-    // create layer & add on top of everything else
-    const selectionLayer = new VectorLayer({
-        source: new VectorSource({
-            features: [],
-            useSpatialIndex: false,
-        }),
-        style: defaultHighlightStyle,
-    });
-    map.set(selectionLayerKey, selectionLayer);
-    selectionLayer.setMap(map);
-    const layerFilter = (layer) => layer !== selectionLayer &&
-        layer.get(`${GEOSPATIAL_SDK_PREFIX}enable-selection`);
-    const unKey = map.on("click", async (event) => {
-        const selectedSource = selectionLayer.getSource();
-        selectedSource.clear(true);
-        // Check if there's a feature at the clicked pixel
-        const hasFeature = map.hasFeatureAtPixel(event.pixel, {
-            layerFilter,
-        });
-        if (!hasFeature) {
-            return;
-        }
-        // Find the selected feature and its source layer
-        const selectedFeatureResult = [];
-        map.forEachFeatureAtPixel(event.pixel, (feature, layer) => {
-            if (feature instanceof OlFeature) {
-                selectedFeatureResult.push({ feature, layer });
-                return true;
-            }
-        }, {
-            layerFilter,
-        });
-        if (selectedFeatureResult.length === 0) {
-            return;
-        }
-        const { feature: firstFeature, layer: sourceLayer } = selectedFeatureResult[0];
-        // Get the selectedStyle from the source layer, fallback to defaultHighlightStyle
-        const selectedStyle = sourceLayer.get(`${GEOSPATIAL_SDK_PREFIX}selected-style`) ??
-            defaultHighlightStyle;
-        // Apply the selected style to the layer (FlatStyleLike works on layers, not features)
-        selectionLayer.setStyle(selectedStyle);
-        selectedSource.addFeature(firstFeature);
-    });
-    map.set(unsubscribeKey, unKey);
-}
-export function getSelectionLayer(map) {
-    return map.get(selectionLayerKey);
-}
-export function clearSelectionLayer(map) {
-    const selectionLayer = getSelectionLayer(map);
-    selectionLayer.setMap(null);
-    selectionLayer.dispose();
-    map.set(selectionLayerKey, null);
-    unByKey(map.get(unsubscribeKey));
-}
-export function clearSelection(map) {
-    const selectionLayer = getSelectionLayer(map);
-    if (selectionLayer) {
-        const source = selectionLayer.getSource();
-        if (source) {
-            source.clear(true);
-        }
-    }
-}

package/dist/map/listen.d.ts

@@ -1,4 +0,0 @@
-import Map from "ol/Map.js";
-import { MapEventsByType } from "@geospatial-sdk/core";
-export declare function listen<T extends keyof MapEventsByType>(map: Map, eventType: T, callback: (event: MapEventsByType[T]) => void): void;
-//# sourceMappingURL=listen.d.ts.map

package/dist/map/listen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"listen.d.ts","sourceRoot":"","sources":["../../lib/map/listen.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAC;AAG5B,OAAO,EAKL,eAAe,EAShB,MAAM,sBAAsB,CAAC;AA6B9B,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,QA+E9C"}

package/dist/map/listen.js

@@ -1,83 +0,0 @@
-import { toLonLat } from "ol/proj.js";
-import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, MapExtentChangeEventType, MapLayerStateChangeEventType, MapStateChangeEventType, MapViewStateChangeEventType, SourceLoadErrorType, } from "@geospatial-sdk/core";
-import { GEOSPATIAL_SDK_PREFIX } from "./constants.js";
-import { registerFeatureClickEvent, registerFeatureHoverEvent, registerMapViewStateChangeEvent, } from "./register-events.js";
-function addEventListener(map, eventType, callback) {
-    map.on(`${GEOSPATIAL_SDK_PREFIX}${eventType}`, ({ target: _target, ...event }) => 
-    // we're excluding the `target` property and renaming the `type` here
-    callback({
-        ...event,
-        type: eventType,
-    }));
-}
-export function listen(map, eventType, callback) {
-    switch (eventType) {
-        case FeaturesClickEventType:
-            registerFeatureClickEvent(map);
-            addEventListener(map, eventType, callback);
-            break;
-        case FeaturesHoverEventType:
-            registerFeatureHoverEvent(map);
-            addEventListener(map, eventType, callback);
-            break;
-        case MapClickEventType:
-            map.on("click", (event) => {
-                const coordinate = toLonLat(event.coordinate, map.getView().getProjection());
-                callback({
-                    type: MapClickEventType,
-                    coordinate,
-                });
-            });
-            break;
-        case MapViewStateChangeEventType:
-            registerMapViewStateChangeEvent(map);
-            addEventListener(map, eventType, callback);
-            break;
-        case MapLayerStateChangeEventType:
-            // TODO: registerMapLayerStateChangeEvent(map);
-            addEventListener(map, eventType, callback);
-            break;
-        case MapStateChangeEventType:
-            // TODO: registerMapStateChangeEvent(map);
-            addEventListener(map, eventType, callback);
-            break;
-        /**
-         * DEPRECATED
-         */
-        case MapExtentChangeEventType:
-            registerMapViewStateChangeEvent(map);
-            map.on(`${GEOSPATIAL_SDK_PREFIX}${MapViewStateChangeEventType}`, (event) => callback({
-                type: MapExtentChangeEventType,
-                extent: event.viewState.extent,
-            }));
-            break;
-        case SourceLoadErrorType: {
-            const errorCallback = (event) => {
-                callback(event);
-            };
-            //attach event listener to all existing layers
-            map.getLayers().forEach((layer) => {
-                if (layer) {
-                    layer.on(SourceLoadErrorType, errorCallback);
-                }
-            });
-            //attach event listener when layer is added
-            map.getLayers().on("add", (event) => {
-                const layer = event.element;
-                if (layer) {
-                    layer.on(SourceLoadErrorType, errorCallback);
-                }
-            });
-            //remove event listener when layer is removed
-            map.getLayers().on("remove", (event) => {
-                const layer = event.element;
-                if (layer) {
-                    layer.un(SourceLoadErrorType, errorCallback);
-                }
-            });
-            break;
-        }
-        default:
-            throw new Error(`Unrecognized event type: ${eventType}`);
-    }
-}

package/dist/map/resolved-map-state.d.ts

@@ -1,8 +0,0 @@
-import Map from "ol/Map.js";
-import { ResolvedMapViewState } from "@geospatial-sdk/core";
-/**
- * Reads the current view state of the map.
- * @param map
- */
-export declare function readMapViewState(map: Map): ResolvedMapViewState;
-//# sourceMappingURL=resolved-map-state.d.ts.map

package/dist/map/resolved-map-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolved-map-state.d.ts","sourceRoot":"","sources":["../../lib/map/resolved-map-state.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAC;AAE5B,OAAO,EAAU,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAIpE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,oBAAoB,CAgB/D"}

package/dist/map/resolved-map-state.js

@@ -1,27 +0,0 @@
-import { transform as transformCoordinate, transformExtent } from "ol/proj.js";
-/**
- * This magic value is generally used across OGC services as a reasonable approximation for most displays
- */
-const PIXEL_SIZE_MM = 0.28;
-/**
- * Reads the current view state of the map.
- * @param map
- */
-export function readMapViewState(map) {
-    const view = map.getView();
-    const projection = view.getProjection();
-    const extent = transformExtent(view.calculateExtent(), projection, "EPSG:4326");
-    const center = transformCoordinate(view.getCenter() ?? [0, 0], projection, "EPSG:4326");
-    const resolution = view.getResolution() ?? 1;
-    const metersPerUnit = projection.getMetersPerUnit() ?? 1;
-    const scaleDenominator = metersPerUnit * resolution * (1000 / PIXEL_SIZE_MM);
-    const bearing = view.getRotation() * (180 / Math.PI) + 90; // by default, bearing is North
-    return {
-        center,
-        extent,
-        resolution,
-        scaleDenominator,
-        bearing,
-    };
-}
-export function processLayerEvent(map, layer) { }

package/dist/map/styles.d.ts

@@ -1,16 +0,0 @@
-import { Style } from "ol/style.js";
-import { StyleFunction } from "ol/style/Style.js";
-export interface CreateStyleOptions {
-    color: string;
-    isFocused?: boolean;
-}
-export interface StyleByGeometryType {
-    line: Style | Style[];
-    polygon: Style | Style[];
-    point: Style | Style[];
-}
-export declare function createGeometryStyles(options: CreateStyleOptions): StyleByGeometryType;
-export declare function createStyleFunction(styleByGeometryType: StyleByGeometryType): StyleFunction;
-export declare const defaultStyle: StyleFunction;
-export declare const defaultHighlightStyle: StyleFunction;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"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,77 +0,0 @@
-import { Circle, Fill, Stroke, Style } from "ol/style.js";
-import chroma from "chroma-js";
-export function createGeometryStyles(options) {
-    const { color, isFocused } = options;
-    const zIndex = isFocused ? 10 : undefined;
-    return {
-        polygon: new Style({
-            fill: new Fill({
-                color: computeTransparentFillColor(color),
-            }),
-            stroke: new Stroke({
-                color: "white",
-                width: 2,
-            }),
-            zIndex,
-        }),
-        point: new Style({
-            image: new Circle({
-                fill: new Fill({
-                    color,
-                }),
-                stroke: new Stroke({
-                    color: "white",
-                    width: isFocused ? 3 : 2,
-                }),
-                radius: isFocused ? 8 : 7,
-            }),
-            zIndex,
-        }),
-        line: [
-            new Style({
-                stroke: new Stroke({
-                    color: "white",
-                    width: isFocused ? 8 : 6,
-                }),
-                zIndex,
-            }),
-            new Style({
-                stroke: new Stroke({
-                    color,
-                    width: isFocused ? 3 : 2,
-                }),
-                zIndex,
-            }),
-        ],
-    };
-}
-export function createStyleFunction(styleByGeometryType) {
-    return (feature) => {
-        const geometryType = feature?.getGeometry()?.getType();
-        switch (geometryType) {
-            case "LinearRing":
-            case "LineString":
-            case "MultiLineString":
-                return styleByGeometryType.line;
-            case "Point":
-            case "MultiPoint":
-                return styleByGeometryType.point;
-            case "Circle":
-            case "Polygon":
-            case "MultiPolygon":
-                return styleByGeometryType.polygon;
-            default:
-                return styleByGeometryType.point;
-        }
-    };
-}
-function computeTransparentFillColor(color, alpha = 0.25) {
-    return chroma(color).alpha(alpha).css();
-}
-export const defaultStyle = createStyleFunction(createGeometryStyles({
-    color: "blue",
-}));
-export const defaultHighlightStyle = createStyleFunction(createGeometryStyles({
-    color: "red",
-    isFocused: true,
-}));

package/dist/resolved-state/resolved-map-state.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=resolved-map-state.d.ts.map

package/dist/resolved-state/resolved-map-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolved-map-state.d.ts","sourceRoot":"","sources":["../../lib/resolved-state/resolved-map-state.ts"],"names":[],"mappings":""}

package/dist/resolved-state/resolved-map-state.js

@@ -1 +0,0 @@
-export {};