@geospatial-sdk/openlayers 0.0.5-dev.54 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geospatial-sdk/openlayers",
-  "version": "0.0.5-dev.54+352b554",
+  "version": "0.0.5-dev.55+475f057",
   "description": "OpenLayers-related utilities",
   "keywords": [
     "ol",
@@ -37,9 +37,9 @@
     "ol": ">9.x"
   },
   "dependencies": {
-    "@geospatial-sdk/core": "^0.0.5-dev.54+352b554",
+    "@geospatial-sdk/core": "^0.0.5-dev.55+475f057",
     "lodash.throttle": "^4.1.1",
     "ol-mapbox-style": "12.4.0"
   },
-  "gitHead": "352b554ec0ca6a27dee923a28b4b1bb4e3f12973"
+  "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;AA8B9B,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, registerMapLayerStateChangeEvent, 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:
-            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,EAAsB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAOhF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,oBAAoB,CAwB/D"}

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

@@ -1,26 +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(map.getSize()), 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,
-    };
-}

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 {};