@opengeoweb/webmap-react 19.5.1 → 19.6.1-nightly-20260912

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { WMInvalidDateValues, getCorrectWMSDimName, WMImageStore, WMImageStoreLoadType, WMJSDimension, webmapUtils, WMLayer, LayerType, legendImageStore, WMImageEventType, getLegendGraphicURLForLayer, WEBMAP_NAMESPACE, WMProj4Defs, privateWebMapUtils, wmDetermineDimensionMode, WMDefaultStyleName, tilesettings } from '@opengeoweb/webmap';
+import { WMInvalidDateValues, getCorrectWMSDimName, WMImageStore, WMImageStoreLoadType, WMJSDimension, webmapUtils, WMLayer, LayerType, legendImageStore, WMImageEventType, getLegendGraphicURLForLayer, WEBMAP_NAMESPACE, WMProj4Defs, privateWebMapUtils, wmDetermineDimensionMode, WMJSMAP_LONLAT_EPSGCODE, WMDefaultStyleName, tilesettings } from '@opengeoweb/webmap';
 export { WEBMAP_NAMESPACE, webmapTranslations } from '@opengeoweb/webmap';
 import React, { createContext, useMemo, useRef, useState, useEffect, useCallback, useContext, useLayoutEffect } from 'react';
 import { memoize, range, without, isEqual, throttle, debounce, cloneDeep } from 'lodash';
@@ -10,7 +10,7 @@ import ImageSource, { getRequestExtent } from 'ol/source/Image';
 import ImageWrapper, { load } from 'ol/Image';
 import { getImageSrc, getRequestParams, createLoader } from 'ol/source/wms';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CustomTooltip, CanvasComponent, useWheelStopPropagation, ToolContainerDraggable, CustomIconButton, dateUtils, isDialogFocused, useMakeSureContainerStaysInsideWindow, Draggable, Resizable } from '@opengeoweb/shared';
+import { CustomTooltip, CanvasComponent, useWheelStopPropagation, calculateStartSize, ToolContainerDraggable, CustomIconButton, dateUtils, isDialogFocused, useMakeSureContainerStaysInsideWindow, Draggable, Resizable } from '@opengeoweb/shared';
 import { useTheme, Card, Box, Typography, Grid, styled, Slider, FormGroup, FormControlLabel, Checkbox, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$2, FormLabel, Switch, Paper, ThemeProvider } from '@mui/material';
 import { Visibility, VisibilityOff, arrowUpPath, Home, Add, Minus, List, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime, locationPath, rotatePath, DrawToolSplitFeature, Location, DrawToolSmoothLine, DrawToolFreehand, DrawToolOval, DrawToolCircle, DrawToolSquare, Delete, DrawToolLineString, DrawToolRectangle, DrawToolPolygon, DrawToolPoint, DrawFIRLand, ArrowUp, darkTheme, ChevronRight, Options, Clock as Clock$1 } from '@opengeoweb/theme';
 import 'i18next';
@@ -20,13 +20,15 @@ import { Point, MultiPoint, Polygon, LineString } from 'ol/geom';
 import { Style, Icon as Icon$1, Circle, Stroke, Fill, Text } from 'ol/style';
 import Box$1 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
-import { View, Map as Map$1, Feature, Collection, Overlay } from 'ol';
-import { defaults, MouseWheelZoom, Draw, Modify, Translate, Snap, DragPan } from 'ol/interaction';
+import { View, Map as Map$1, Collection, Feature, Overlay } from 'ol';
+import { defaults, MouseWheelZoom, Draw, Modify, Translate as Translate$1, Snap, DragPan } from 'ol/interaction';
 import 'ol/ol.css';
 import { listen, unlistenByKey } from 'ol/events';
 import { unByKey } from 'ol/Observable';
 import EventType from 'ol/pointer/EventType';
 import { toLonLat, fromLonLat, transformExtent, transform } from 'ol/proj';
+import { noModifierKeys, platformModifierKeyOnly, always, never } from 'ol/events/condition';
+import Translate from 'ol/interaction/Translate';
 import { register } from 'ol/proj/proj4';
 import proj4 from 'proj4';
 import { lineSplit, cleanCoords, featureCollection, difference, bbox, feature, simplify, booleanPointInPolygon, intersect, polygonToLine, booleanClockwise, rewind, toWgs84, toMercator, coordEach } from '@turf/turf';
@@ -36,11 +38,10 @@ import WMTSCapabilities from 'ol/format/WMTSCapabilities';
 import TileLayer from 'ol/layer/Tile';
 import { WMTS, XYZ, TileWMS, GeoTIFF } from 'ol/source';
 import { optionsFromCapabilities } from 'ol/source/WMTS';
-import OlGeoJSON from 'ol/format/GeoJSON';
-import { platformModifierKeyOnly, always, never } from 'ol/events/condition';
-import DragBox from 'ol/interaction/DragBox';
+import GeoJSON from 'ol/format/GeoJSON';
 import { Vector } from 'ol/layer';
 import VectorSource from 'ol/source/Vector';
+import DragBox from 'ol/interaction/DragBox';
 import TileLayer$1 from 'ol/layer/WebGLTile';
 import { fromCircle } from 'ol/geom/Polygon';
 import { createBox, createRegularPolygon } from 'ol/interaction/Draw';
@@ -2594,6 +2595,14 @@ var Legend = function Legend(_ref) {
   });
 };
 
+var minSize = {
+  width: 100,
+  height: 120
+};
+var defaultSize = {
+  width: 'auto',
+  height: 'auto'
+};
 var LegendDialog = function LegendDialog(_ref) {
   var _nodeRef$current, _nodeRef$current2;
   var layers = _ref.layers,
@@ -2608,14 +2617,41 @@ var LegendDialog = function LegendDialog(_ref) {
     order = _ref$order === void 0 ? 0 : _ref$order,
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'app' : _ref$source,
-    onToggleLayerLegendVisibility = _ref.onToggleLayerLegendVisibility;
+    onToggleLayerLegendVisibility = _ref.onToggleLayerLegendVisibility,
+    _ref$startDraggablePo = _ref.startDraggablePosition,
+    startDraggablePosition = _ref$startDraggablePo === void 0 ? {
+      x: 0,
+      y: 0
+    } : _ref$startDraggablePo,
+    _ref$startPosition = _ref.startPosition,
+    startPosition = _ref$startPosition === void 0 ? {
+      right: 20,
+      top: 50
+    } : _ref$startPosition,
+    startSize = _ref.startSize,
+    _ref$onDragEnd = _ref.onDragEnd,
+    onDragEnd = _ref$onDragEnd === void 0 ? function () {} : _ref$onDragEnd;
   var _useWebmapReactTransl = useWebmapReactTranslation(),
     t = _useWebmapReactTransl.t;
   var stopWheelEventPropagationRef = useWheelStopPropagation();
-  var _React$useState = React.useState('initial'),
+  var _React$useState = React.useState(function () {
+      return startSize ? calculateStartSize(minSize, startSize, startPosition) : defaultSize;
+    }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    legendMaxHeight = _React$useState2[0],
-    setLegendMaxHeight = _React$useState2[1];
+    sizeInState = _React$useState2[0],
+    setSizeInState = _React$useState2[1];
+  var wasOpenRef = React.useRef(isOpen);
+  React.useLayoutEffect(function () {
+    var isOpening = isOpen && !wasOpenRef.current;
+    if (isOpening) {
+      setSizeInState(startSize ? calculateStartSize(minSize, startSize, startPosition) : defaultSize);
+    }
+    wasOpenRef.current = isOpen;
+  }, [isOpen, startPosition, startSize]);
+  var _React$useState3 = React.useState('initial'),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    legendMaxHeight = _React$useState4[0],
+    setLegendMaxHeight = _React$useState4[1];
   // get refs for the legend and mapview
   var nodeRef = useRef(null);
   var legendRef = (_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 || (_nodeRef$current = _nodeRef$current.closest('[data-testid="moveable-legend"]')) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.parentElement;
@@ -2645,6 +2681,10 @@ var LegendDialog = function LegendDialog(_ref) {
       updateInitialMaxHeight();
     }
   }, [nodeRef, updateInitialMaxHeight]);
+  var handleDragEnd = React.useCallback(function (position, dragSize) {
+    setSizeInState(dragSize);
+    onDragEnd(position, dragSize);
+  }, [onDragEnd]);
   return jsx(ToolContainerDraggable, {
     bounds: "parent",
     "data-testid": "moveable-legend",
@@ -2653,13 +2693,14 @@ var LegendDialog = function LegendDialog(_ref) {
     isOpen: isOpen,
     minWidth: 100,
     onClose: onClose,
+    onDragEnd: handleDragEnd,
     onMouseDown: onMouseDown,
     order: order,
+    resetPositionOnOpen: true,
     source: source,
-    startPosition: {
-      right: 20,
-      top: 50
-    },
+    startDraggablePosition: startDraggablePosition,
+    startPosition: startPosition,
+    startSize: sizeInState,
     title: showMapId ? "".concat(t('webmap-react-legend'), " ").concat(mapId) : t('webmap-react-legend'),
     children: jsx(Box, {
       ref: nodeRef,
@@ -2699,7 +2740,7 @@ var LegendDialog = function LegendDialog(_ref) {
   });
 };
 
-var _excluded$2 = ["onClick", "children", "title", "placement", "isActive"];
+var _excluded$3 = ["onClick", "children", "title", "placement", "isActive"];
 var MapControlButton = function MapControlButton(_ref) {
   var onClick = _ref.onClick,
     children = _ref.children,
@@ -2708,7 +2749,7 @@ var MapControlButton = function MapControlButton(_ref) {
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   return jsx(CustomIconButton, _objectSpread2(_objectSpread2({
     isSelected: isActive,
     onClick: onClick,
@@ -2748,10 +2789,10 @@ var ZoomControls = function ZoomControls(_ref) {
   });
 };
 
-var _excluded$1 = ["children"];
+var _excluded$2 = ["children"];
 var MapControls = function MapControls(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   return jsx(Box, _objectSpread2(_objectSpread2({
     sx: {
       position: 'absolute',
@@ -3207,11 +3248,11 @@ var MapDimensionSelect = function MapDimensionSelect(_ref2) {
   }, layerId);
 };
 
-var _excluded = ["isActive", "onClick"];
+var _excluded$1 = ["isActive", "onClick"];
 var LayerInfoButton = function LayerInfoButton(_ref) {
   var isActive = _ref.isActive,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   return jsx(CustomIconButton, _objectSpread2(_objectSpread2({
     "aria-label": "layer info",
     className: "layerInfoButton",
@@ -3542,7 +3583,12 @@ var HoldShiftToZoomMessage = function HoldShiftToZoomMessage() {
   var timerRef = useRef(undefined);
   var _useWebmapReactTransl = useWebmapReactTranslation(WEBMAP_NAMESPACE),
     t = _useWebmapReactTransl.t;
+  var _useContext = useContext(MapContext),
+    map = _useContext.map;
   useEffect(function () {
+    if (!map) {
+      return function () {};
+    }
     var updateScroll = function updateScroll(e) {
       if (e.deltaY) {
         clearTimeout(timerRef.current);
@@ -3552,11 +3598,12 @@ var HoldShiftToZoomMessage = function HoldShiftToZoomMessage() {
         !e.shiftKey && setShowMessage(true);
       }
     };
-    window.addEventListener('wheel', updateScroll);
+    var viewPort = map.getViewport();
+    viewPort.addEventListener('wheel', updateScroll);
     return function () {
-      window.removeEventListener('wheel', updateScroll);
+      viewPort.removeEventListener('wheel', updateScroll);
     };
-  }, [showMessage, setShowMessage, timerRef]);
+  }, [map]);
   return jsx("div", {
     style: {
       position: 'absolute',
@@ -3800,6 +3847,101 @@ var OpenLayersMapView = function OpenLayersMapView(_ref) {
   });
 };
 
+var getOlFeatureKey = function getOlFeatureKey(feature) {
+  var id = feature === null || feature === void 0 ? void 0 : feature.getId();
+  if (id !== undefined && id !== null) {
+    return String(id);
+  }
+  var originalId = feature === null || feature === void 0 ? void 0 : feature.get('originalId');
+  return typeof originalId === 'string' ? originalId : undefined;
+};
+var isDefaultMovable = function isDefaultMovable(feature) {
+  return feature.get('isSelected') === true && feature.get('isReadonly') !== true;
+};
+var createMoveFeatures = function createMoveFeatures(_ref) {
+  var features = _ref.features,
+    isMovable = _ref.isMovable,
+    onMoveEnd = _ref.onMoveEnd,
+    onMoveStart = _ref.onMoveStart;
+  var movableFeatures = features.filter(isMovable);
+  if (movableFeatures.length === 0) {
+    return undefined;
+  }
+  var collection = new Collection(movableFeatures);
+  var translate = new Translate({
+    features: collection,
+    // Cmd/Ctrl must fall through to the box select and shift to the selection toggle.
+    condition: noModifierKeys,
+    hitTolerance: 5
+  });
+  translate.on('translatestart', function () {
+    onMoveStart === null || onMoveStart === void 0 || onMoveStart();
+  });
+  translate.on('translateend', function (event) {
+    var _event$startCoordinat = _slicedToArray(event.startCoordinate, 2),
+      startX = _event$startCoordinat[0],
+      startY = _event$startCoordinat[1];
+    var _event$coordinate = _slicedToArray(event.coordinate, 2),
+      endX = _event$coordinate[0],
+      endY = _event$coordinate[1];
+    if (startX === endX && startY === endY) {
+      onMoveEnd([]);
+      return;
+    }
+    onMoveEnd(event.features.getArray());
+  });
+  return {
+    translate: translate,
+    dispose: function dispose() {
+      return collection.clear();
+    }
+  };
+};
+var useMoveFeatures = function useMoveFeatures(_ref2) {
+  var map = _ref2.map,
+    features = _ref2.features,
+    active = _ref2.active,
+    isMovable = _ref2.isMovable,
+    onMoveEnd = _ref2.onMoveEnd,
+    onMoveStart = _ref2.onMoveStart;
+  var isMovableRef = useRef(isMovable);
+  var onMoveEndRef = useRef(onMoveEnd);
+  var onMoveStartRef = useRef(onMoveStart);
+  useEffect(function () {
+    isMovableRef.current = isMovable;
+    onMoveEndRef.current = onMoveEnd;
+    onMoveStartRef.current = onMoveStart;
+  });
+  useEffect(function () {
+    if (!map || !active || !features.length) {
+      return function () {};
+    }
+    var moveFeatures = createMoveFeatures({
+      features: features,
+      isMovable: function isMovable(feature) {
+        var _isMovableRef$current;
+        return ((_isMovableRef$current = isMovableRef.current) !== null && _isMovableRef$current !== void 0 ? _isMovableRef$current : isDefaultMovable)(feature);
+      },
+      onMoveEnd: function onMoveEnd(movedFeatures) {
+        var _onMoveEndRef$current;
+        return (_onMoveEndRef$current = onMoveEndRef.current) === null || _onMoveEndRef$current === void 0 ? void 0 : _onMoveEndRef$current.call(onMoveEndRef, movedFeatures);
+      },
+      onMoveStart: function onMoveStart() {
+        var _onMoveStartRef$curre;
+        return (_onMoveStartRef$curre = onMoveStartRef.current) === null || _onMoveStartRef$curre === void 0 ? void 0 : _onMoveStartRef$curre.call(onMoveStartRef);
+      }
+    });
+    if (!moveFeatures) {
+      return function () {};
+    }
+    map.addInteraction(moveFeatures.translate);
+    return function () {
+      moveFeatures.dispose();
+      map.removeInteraction(moveFeatures.translate);
+    };
+  }, [map, features, active]);
+};
+
 var initializeOpenLayersProjections = function initializeOpenLayersProjections() {
   WMProj4Defs.forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -4243,6 +4385,7 @@ var splitLine = function splitLine(drawFeature, splitFeature) {
   return featureCollection(newLines);
 };
 
+var _excluded = ["id"];
 /**
  * Adds properties to the first geojson feature based on the given property object.
  * It only extends or changes the properties which are defined in styleConfig,
@@ -4343,7 +4486,8 @@ var moveFeature = function moveFeature(currentGeoJSON, newGeoJSON, featureLayerI
           selectionType: selectionType
         })
       });
-      newGeoJSON.features.push(copyFeature);
+      // remove id, objectName from copyFeature (the new, split off shape)
+      newGeoJSON.features.push(asNewFeature(copyFeature));
       return newGeoJSON.features.length - 1;
     }
     if (geometry.type === 'LineString' && geometry.coordinates.length > 2 && reason === NEW_LINESTRING_CREATED) {
@@ -4358,7 +4502,8 @@ var moveFeature = function moveFeature(currentGeoJSON, newGeoJSON, featureLayerI
           selectionType: selectionType
         })
       });
-      newGeoJSON.features.push(_copyFeature);
+      // remove id, objectName from copyFeature (the new, split off shape)
+      newGeoJSON.features.push(asNewFeature(_copyFeature));
       return newGeoJSON.features.length - 1;
     }
     if (geometry.type === 'Point' && (currentFeature === null || currentFeature === void 0 ? void 0 : currentFeature.geometry.type) === 'Point' && currentFeature.geometry.coordinates.length > 0 && reason === NEW_POINT_CREATED) {
@@ -4551,6 +4696,41 @@ var createInterSections = function createInterSections(geojson, otherGeoJSON) {
   });
   return intersections;
 };
+var IDENTITY_PROPERTIES = ['objectName', 'isSelected', 'highlightSelectedFeature'];
+/**
+ * Turns a feature which originates from another feature into a new feature: the
+ * id and the properties identifying the original feature are removed
+ * @param feature feature which originates from another feature
+ * @returns feature without the identity of the original feature
+ */
+var asNewFeature = function asNewFeature(feature) {
+  feature.id;
+    var featureWithoutId = _objectWithoutProperties(feature, _excluded);
+  var properties = _objectSpread2({}, featureWithoutId.properties);
+  IDENTITY_PROPERTIES.forEach(function (property) {
+    delete properties[property];
+  });
+  return _objectSpread2(_objectSpread2({}, featureWithoutId), {}, {
+    properties: properties
+  });
+};
+/**
+ * Keeps the identity of the original feature on the first of the features it was
+ * split into, the other features become new features
+ * @param splitFeatures features resulting from splitting a feature
+ * @param originalFeature feature which was split
+ * @returns split features where only the first one keeps the original identity
+ */
+var keepIdentityOnFirstSplitFeature = function keepIdentityOnFirstSplitFeature(splitFeatures, originalFeature) {
+  return splitFeatures.map(function (splitFeature, index) {
+    if (index > 0) {
+      return asNewFeature(splitFeature);
+    }
+    return _objectSpread2(_objectSpread2({}, splitFeature), (originalFeature === null || originalFeature === void 0 ? void 0 : originalFeature.id) !== undefined && {
+      id: originalFeature.id
+    });
+  });
+};
 var getGeoJson = function getGeoJson(geojson, shouldAllowMultipleShapes) {
   if (shouldAllowMultipleShapes || !geojson.features.length) {
     return geojson;
@@ -4619,14 +4799,21 @@ var isGeoJSONFeatureCreatedByTool = function isGeoJSONFeatureCreatedByTool(exist
 };
 var rewindGeometry = function rewindGeometry(geoJSON) {
   return produce(geoJSON, function (geoJSONDraft) {
-    if (geoJSONDraft && geoJSONDraft.features.length > 0 && geoJSONDraft.features[0].geometry.type === 'Polygon' && geoJSONDraft.features[0].geometry.coordinates[0].length > 1) {
-      var geometry = geoJSON.features[0].geometry;
+    var _geoJSONDraft$feature;
+    if (!(geoJSONDraft !== null && geoJSONDraft !== void 0 && (_geoJSONDraft$feature = geoJSONDraft.features) !== null && _geoJSONDraft$feature !== void 0 && _geoJSONDraft$feature.length)) {
+      return;
+    }
+    geoJSONDraft.features.forEach(function (draftFeature, index) {
+      var _draftFeature$geometr, _draftFeature$geometr2;
+      if (((_draftFeature$geometr = draftFeature.geometry) === null || _draftFeature$geometr === void 0 ? void 0 : _draftFeature$geometr.type) !== 'Polygon' || ((_draftFeature$geometr2 = draftFeature.geometry.coordinates[0]) === null || _draftFeature$geometr2 === void 0 ? void 0 : _draftFeature$geometr2.length) <= 1) {
+        return;
+      }
+      var geometry = geoJSON.features[index].geometry;
       var lineString = polygonToLine(geometry);
       if (booleanClockwise(lineString.geometry.coordinates)) {
-        // eslint-disable-next-line no-param-reassign
-        geoJSONDraft.features[0].geometry = rewind(geoJSONDraft.features[0].geometry);
+        draftFeature.geometry = rewind(draftFeature.geometry);
       }
-    }
+    });
   });
 };
 var addGeoJSONPropertiesToFeature = function addGeoJSONPropertiesToFeature(geoJSONFeature, newProperties) {
@@ -4862,6 +5049,7 @@ var useGetWMSLayerStyleList = function useGetWMSLayerStyleList(serviceUrl, name)
  * @returns object with wmLayer and if set an errorMessage
  */
 var useGetWMLayerInstance = function useGetWMLayerInstance(layerFoundation) {
+  var hasLayerFoundation = layerFoundation !== undefined;
   var id = layerFoundation === null || layerFoundation === void 0 ? void 0 : layerFoundation.id;
   var serviceUrl = (layerFoundation === null || layerFoundation === void 0 ? void 0 : layerFoundation.service) || '';
   var name = (layerFoundation === null || layerFoundation === void 0 ? void 0 : layerFoundation.name) || '';
@@ -4882,7 +5070,7 @@ var useGetWMLayerInstance = function useGetWMLayerInstance(layerFoundation) {
   var tmpWMLayer = webmapUtils.getWMLayerById(layerId);
   var layerIdChanged = id && id !== (tmpWMLayer === null || tmpWMLayer === void 0 ? void 0 : tmpWMLayer.id);
   var layerServiceChanged = (tmpWMLayer === null || tmpWMLayer === void 0 ? void 0 : tmpWMLayer.service) !== serviceUrl;
-  if (layerServiceChanged || layerIdChanged) {
+  if (serviceUrl && (layerServiceChanged || layerIdChanged)) {
     // Make a new layer if the serviceUrl changes. (But not when the name changes)
     var refTimeDimensionMode = wmDetermineDimensionMode({
       name: name,
@@ -4900,6 +5088,9 @@ var useGetWMLayerInstance = function useGetWMLayerInstance(layerFoundation) {
     webmapUtils.registerWMLayer(wmLayer, layerId);
   }
   React.useEffect(function () {
+    if (!hasLayerFoundation || !serviceUrl) {
+      return;
+    }
     // Set the name and parse the layer
     var wmLayer = webmapUtils.getWMLayerById(layerId);
     if (wmLayer.layerType !== layerType) {
@@ -4910,7 +5101,7 @@ var useGetWMLayerInstance = function useGetWMLayerInstance(layerFoundation) {
     })["finally"](function () {
       setLayer(wmLayer);
     });
-  }, [layerId, layerType, name, serviceUrl]);
+  }, [hasLayerFoundation, layerId, layerType, name, serviceUrl]);
   return {
     wmLayer: layer,
     errorMessage: errorMessage
@@ -4938,7 +5129,8 @@ var useQueryWMTSGetCapabilities = function useQueryWMTSGetCapabilities(serviceUr
         return _queryFn2.apply(this, arguments);
       }
       return queryFn;
-    }()
+    }(),
+    enabled: serviceUrl.length > 0
   });
 };
 
@@ -5655,6 +5847,17 @@ var useSetIntervalWhenVisible = function useSetIntervalWhenVisible(autoUpdate, r
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
 initializeOpenLayersProjections();
+var getLayerExtentForProjection = function getLayerExtentForProjection(wmLayer, projectionCode) {
+  var crs = wmLayer.getCRSByName(projectionCode);
+  if (crs !== null && crs !== void 0 && crs.bbox) {
+    return crs.bbox.getExtent();
+  }
+  var geo = wmLayer.geographicBoundingBox;
+  if (geo) {
+    return transformExtent([parseFloat(geo.west), parseFloat(geo.south), parseFloat(geo.east), parseFloat(geo.north)], WMJSMAP_LONLAT_EPSGCODE, projectionCode);
+  }
+  return undefined;
+};
 var useViewFromLayer = function useViewFromLayer(layerProps) {
   var baseView = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     projection: 'EPSG:3857',
@@ -5680,11 +5883,11 @@ var useViewFromLayer = function useViewFromLayer(layerProps) {
     if (!wmLayer) {
       return;
     }
-    var layerProjectionForCode = wmLayer.getProjection(viewRef.current.getProjection().getCode());
-    if (!(layerProjectionForCode !== null && layerProjectionForCode !== void 0 && layerProjectionForCode.bbox)) {
+    var extent = getLayerExtentForProjection(wmLayer, viewRef.current.getProjection().getCode());
+    if (!extent) {
       return;
     }
-    viewRef.current.fit(layerProjectionForCode.bbox.getExtent());
+    viewRef.current.fit(extent);
   }, [wmLayer]);
   return viewRef.current;
 };
@@ -5900,13 +6103,141 @@ var DefaultBaseLayers = function DefaultBaseLayers(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var isBoxSelectModifier = function isBoxSelectModifier(event) {
+  return platformModifierKeyOnly({
+    originalEvent: event
+  });
+};
+var createDragBoxSelect = function createDragBoxSelect(_ref) {
+  var sources = _ref.sources,
+    onBoxSelect = _ref.onBoxSelect;
+  var dragBox = new DragBox({
+    condition: platformModifierKeyOnly
+  });
+  var previewedFeatures = [];
+  // Preview flags are set silently, so the source needs telling or it keeps its cached frame.
+  var repaint = function repaint() {
+    sources.forEach(function (source) {
+      return source.changed();
+    });
+  };
+  var setPreview = function setPreview(feature, isPreviewed) {
+    feature.set('boxSelectPreview', isPreviewed, true);
+  };
+  var clearPreview = function clearPreview() {
+    if (!previewedFeatures.length) {
+      return;
+    }
+    previewedFeatures.forEach(function (feature) {
+      setPreview(feature, false);
+    });
+    previewedFeatures = [];
+    repaint();
+  };
+  var getIntersectingFeatures = function getIntersectingFeatures() {
+    var extent = dragBox.getGeometry().getExtent();
+    return sources.flatMap(function (source) {
+      return source.getFeaturesInExtent(extent).filter(function (feature) {
+        var _feature$getGeometry;
+        return (_feature$getGeometry = feature.getGeometry()) === null || _feature$getGeometry === void 0 ? void 0 : _feature$getGeometry.intersectsExtent(extent);
+      });
+    });
+  };
+  dragBox.on('boxstart', function () {
+    clearPreview();
+  });
+  dragBox.on('boxdrag', function () {
+    var intersectingFeatures = getIntersectingFeatures();
+    var intersectingSet = new Set(intersectingFeatures);
+    var previousSet = new Set(previewedFeatures);
+    var hasChanges = false;
+    previewedFeatures.forEach(function (feature) {
+      if (!intersectingSet.has(feature)) {
+        setPreview(feature, false);
+        hasChanges = true;
+      }
+    });
+    intersectingFeatures.forEach(function (feature) {
+      if (!previousSet.has(feature)) {
+        setPreview(feature, true);
+        hasChanges = true;
+      }
+    });
+    previewedFeatures = intersectingFeatures;
+    if (hasChanges) {
+      repaint();
+    }
+  });
+  dragBox.on('boxend', function (event) {
+    clearPreview();
+    var selectedFeatures = getIntersectingFeatures();
+    if (selectedFeatures.length > 0) {
+      var originalEvent = event.mapBrowserEvent.originalEvent;
+      var addToSelection = Boolean(originalEvent === null || originalEvent === void 0 ? void 0 : originalEvent.shiftKey);
+      onBoxSelect(selectedFeatures, addToSelection);
+    }
+  });
+  return {
+    dragBox: dragBox,
+    dispose: clearPreview
+  };
+};
+var useDragBoxSelect = function useDragBoxSelect(_ref2) {
+  var map = _ref2.map,
+    source = _ref2.source,
+    active = _ref2.active,
+    onBoxSelect = _ref2.onBoxSelect;
+  var onBoxSelectRef = useRef(onBoxSelect);
+  useEffect(function () {
+    onBoxSelectRef.current = onBoxSelect;
+  });
+  useEffect(function () {
+    if (!map || !source || !active) {
+      return function () {};
+    }
+    var _createDragBoxSelect = createDragBoxSelect({
+        sources: [source],
+        onBoxSelect: function onBoxSelect(features, addToSelection) {
+          var _onBoxSelectRef$curre;
+          return (_onBoxSelectRef$curre = onBoxSelectRef.current) === null || _onBoxSelectRef$curre === void 0 ? void 0 : _onBoxSelectRef$curre.call(onBoxSelectRef, features, addToSelection);
+        }
+      }),
+      dragBox = _createDragBoxSelect.dragBox,
+      dispose = _createDragBoxSelect.dispose;
+    map.addInteraction(dragBox);
+    return function () {
+      dispose();
+      map.removeInteraction(dragBox);
+    };
+  }, [map, source, active]);
+};
+
 var FeatureLayer = function FeatureLayer(_ref) {
+  var _moveFeatures$isMovab;
   var features = _ref.features,
     style = _ref.style,
     zIndex = _ref.zIndex,
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    moveFeatures = _ref.moveFeatures,
     layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
@@ -5920,6 +6251,8 @@ var FeatureLayer = function FeatureLayer(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     source = _useState2[0],
     setSource = _useState2[1];
+  var isMovingRef = useRef(false);
+  var pendingFeaturesRef = useRef(undefined);
   var layerRef = useRef(undefined);
   useEffect(function () {
     if (!map || !visible) {
@@ -5971,21 +6304,36 @@ var FeatureLayer = function FeatureLayer(_ref) {
     var _layerRef$current3;
     (_layerRef$current3 = layerRef.current) === null || _layerRef$current3 === void 0 || _layerRef$current3.setVisible(visible);
   }, [visible]);
-  useEffect(function () {
+  var syncSource = React.useCallback(function (nextFeatures) {
     if (!source) {
       return;
     }
     source.clear();
-    if (features && features.length > 0) {
-      source.addFeatures(features);
+    if (nextFeatures.length > 0) {
+      source.addFeatures(nextFeatures);
+    }
+  }, [source]);
+  useEffect(function () {
+    if (!source) {
+      return;
+    }
+    // Rebuilding the source mid-drag would swap the features out from under the
+    // move interaction, so it is deferred until the move has finished.
+    if (isMovingRef.current) {
+      pendingFeaturesRef.current = features;
+      return;
     }
-  }, [source, features]);
+    syncSource(features !== null && features !== void 0 ? features : []);
+  }, [source, features, syncSource]);
   useEffect(function () {
     if (!map || !source || !hoverSelect || !hoverSelect.active || !visible) {
       return function () {};
     }
     var previousHover = [];
     var pointerMoveFunction = debounce(function (evt) {
+      if (isMovingRef.current) {
+        return;
+      }
       var hoveredFeature = map.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
         if (!layer || (layer === null || layer === void 0 ? void 0 : layer.getSource()) !== source) {
           return false;
@@ -6045,64 +6393,34 @@ var FeatureLayer = function FeatureLayer(_ref) {
       unByKey(eventKey);
     };
   }, [map, source, clickOnFeature, visible]);
-  var onBoxSelectRef = useRef(boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.onBoxSelect);
-  useEffect(function () {
-    onBoxSelectRef.current = boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.onBoxSelect;
+  useDragBoxSelect({
+    map: map,
+    source: source,
+    active: Boolean((boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.active) && visible),
+    onBoxSelect: boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.onBoxSelect
+  });
+  var handleMoveStart = React.useCallback(function () {
+    isMovingRef.current = true;
+  }, []);
+  var handleMoveEnd = React.useCallback(function (movedFeatures) {
+    isMovingRef.current = false;
+    var pendingFeatures = pendingFeaturesRef.current;
+    pendingFeaturesRef.current = undefined;
+    if (pendingFeatures) {
+      syncSource(pendingFeatures);
+    }
+    if (movedFeatures.length > 0) {
+      moveFeatures === null || moveFeatures === void 0 || moveFeatures.onMoveEnd(movedFeatures);
+    }
+  }, [moveFeatures, syncSource]);
+  useMoveFeatures({
+    map: map,
+    features: features,
+    active: Boolean((moveFeatures === null || moveFeatures === void 0 ? void 0 : moveFeatures.active) && visible),
+    isMovable: (_moveFeatures$isMovab = moveFeatures === null || moveFeatures === void 0 ? void 0 : moveFeatures.isMovable) !== null && _moveFeatures$isMovab !== void 0 ? _moveFeatures$isMovab : isDefaultMovable,
+    onMoveEnd: handleMoveEnd,
+    onMoveStart: handleMoveStart
   });
-  useEffect(function () {
-    if (!map || !source || !(boxSelect !== null && boxSelect !== void 0 && boxSelect.active) || !visible) {
-      return function () {};
-    }
-    var dragBox = new DragBox({
-      condition: platformModifierKeyOnly
-    });
-    var previewedFeatures = [];
-    var clearPreview = function clearPreview() {
-      previewedFeatures.forEach(function (feature) {
-        feature.set('boxSelectPreview', false, true);
-      });
-      previewedFeatures = [];
-    };
-    dragBox.on('boxstart', function () {
-      clearPreview();
-    });
-    dragBox.on('boxdrag', function () {
-      var extent = dragBox.getGeometry().getExtent();
-      var intersectingFeatures = source.getFeaturesInExtent(extent).filter(function (feature) {
-        var _feature$getGeometry;
-        return (_feature$getGeometry = feature.getGeometry()) === null || _feature$getGeometry === void 0 ? void 0 : _feature$getGeometry.intersectsExtent(extent);
-      });
-      var intersectingSet = new Set(intersectingFeatures);
-      previewedFeatures.forEach(function (feature) {
-        if (!intersectingSet.has(feature)) {
-          feature.set('boxSelectPreview', false, true);
-        }
-      });
-      intersectingFeatures.forEach(function (feature) {
-        feature.set('boxSelectPreview', true, true);
-      });
-      previewedFeatures = intersectingFeatures;
-    });
-    dragBox.on('boxend', function (event) {
-      clearPreview();
-      var extent = dragBox.getGeometry().getExtent();
-      var selectedFeatures = source.getFeaturesInExtent(extent).filter(function (feature) {
-        var _feature$getGeometry2;
-        return (_feature$getGeometry2 = feature.getGeometry()) === null || _feature$getGeometry2 === void 0 ? void 0 : _feature$getGeometry2.intersectsExtent(extent);
-      });
-      if (selectedFeatures.length > 0) {
-        var _onBoxSelectRef$curre;
-        var originalEvent = event.mapBrowserEvent.originalEvent;
-        var addToSelection = Boolean(originalEvent === null || originalEvent === void 0 ? void 0 : originalEvent.shiftKey);
-        (_onBoxSelectRef$curre = onBoxSelectRef.current) === null || _onBoxSelectRef$curre === void 0 || _onBoxSelectRef$curre.call(onBoxSelectRef, selectedFeatures, addToSelection);
-      }
-    });
-    map.addInteraction(dragBox);
-    return function () {
-      clearPreview();
-      map.removeInteraction(dragBox);
-    };
-  }, [map, source, boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.active, visible]);
   return null;
 };
 
@@ -6123,6 +6441,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    moveFeatures = _ref.moveFeatures,
     layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
@@ -6131,6 +6450,40 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? true : _ref$visible;
   var projection = useProjection();
+  var onMoveEnd = moveFeatures === null || moveFeatures === void 0 ? void 0 : moveFeatures.onMoveEnd;
+  var handleMoveEnd = useCallback(function (olFeatures) {
+    if (!onMoveEnd || !projection) {
+      return;
+    }
+    var formatter = new GeoJSON({
+      featureProjection: projection
+    });
+    var movedFeatures = olFeatures.reduce(function (acc, olFeature) {
+      var featureId = getOlFeatureKey(olFeature);
+      var geometry = olFeature.getGeometry();
+      if (!featureId || !geometry) {
+        return acc;
+      }
+      var geoJSONGeometry = formatter.writeGeometryObject(geometry);
+      if ('coordinates' in geoJSONGeometry) {
+        geoJSONGeometry.coordinates = roundCoordinates(geoJSONGeometry.coordinates);
+      }
+      acc.push({
+        featureId: featureId,
+        geometry: geoJSONGeometry
+      });
+      return acc;
+    }, []);
+    if (movedFeatures.length > 0) {
+      onMoveEnd(movedFeatures);
+    }
+  }, [onMoveEnd, projection]);
+  var moveFeaturesConfig = useMemo(function () {
+    return moveFeatures ? {
+      active: moveFeatures.active,
+      onMoveEnd: handleMoveEnd
+    } : undefined;
+  }, [moveFeatures, handleMoveEnd]);
   var featureCollectionRef = useRef(undefined);
   var projectionRef = useRef(projection);
   var features = useRef([]);
@@ -6139,7 +6492,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     if (projection && featureCollection) {
       featureCollectionRef.current = featureCollection;
       projectionRef.current = projection;
-      var formatter = new OlGeoJSON({
+      var formatter = new GeoJSON({
         featureProjection: projection
       });
       features.current = formatter.readFeatures(featureCollection);
@@ -6156,6 +6509,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     features: features.current,
     hoverSelect: hoverSelect,
     layerId: layerId,
+    moveFeatures: moveFeaturesConfig,
     opacity: opacity,
     style: style,
     testId: testId,
@@ -9571,7 +9925,22 @@ var FEATURE_MY_LOCATION = new Style$1({
     ctx.restore();
   }
 });
+var SELECTED_FEATURE_COLOR = '#006CFD';
+var getBoxSelectPreviewStyle = function getBoxSelectPreviewStyle(fill) {
+  return new Style$1({
+    stroke: new Stroke({
+      color: SELECTED_FEATURE_COLOR,
+      width: 2,
+      lineDash: [4, 4]
+    }),
+    fill: new Fill({
+      color: geowebColorToOpenLayersColor(fill, 0.3)
+    }),
+    zIndex: 9997
+  });
+};
 var getFeaturePointStyle = function getFeaturePointStyle(fillColor, fillOpacity) {
+  var isSelected = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return new Style$1({
     renderer: function renderer(pixelCoordinates, state) {
       var ctx = state.context,
@@ -9586,10 +9955,33 @@ var getFeaturePointStyle = function getFeaturePointStyle(fillColor, fillOpacity)
       ctx.arc(coord[0], coord[1], 9 * pixelRatio, 0, 2 * Math.PI);
       ctx.fill();
       ctx.shadowBlur = 0;
+      if (isSelected) {
+        ctx.strokeStyle = SELECTED_FEATURE_COLOR;
+        ctx.lineWidth = 3 * pixelRatio;
+        ctx.beginPath();
+        ctx.arc(coord[0], coord[1], 12 * pixelRatio, 0, 2 * Math.PI);
+        ctx.stroke();
+      }
       ctx.restore();
     }
   });
 };
+// For icon points; getFeaturePointStyle draws the ring for the rest.
+var SELECTED_POINT_HALO_STYLE = new Style$1({
+  renderer: function renderer(pixelCoordinates, state) {
+    var ctx = state.context,
+      pixelRatio = state.pixelRatio;
+    var coord = pixelCoordinates;
+    ctx.save();
+    ctx.strokeStyle = SELECTED_FEATURE_COLOR;
+    ctx.lineWidth = 3 * pixelRatio;
+    ctx.beginPath();
+    ctx.arc(coord[0], coord[1], 16 * pixelRatio, 0, 2 * Math.PI);
+    ctx.stroke();
+    ctx.restore();
+  },
+  zIndex: 9998
+});
 var FEATURE_POINT_MODIFY = new Style$1({
   renderer: function renderer(pixelCoordinates, state) {
     var ctx = state.context,
@@ -10018,27 +10410,23 @@ var genericOpenLayersFeatureStyle = function genericOpenLayersFeatureStyle(featu
     }
     return undefined;
   }
+  var isSelectedFeature = Boolean(highlightSelectedFeature || isSelected);
+  var canHighlightPoint = mapFeatureClass !== MapFeatureClass.ObservationStation && mapFeatureClass !== MapFeatureClass.Plugin && selectionType !== 'fir';
   if (((_feature$getGeometry3 = feature.getGeometry) === null || _feature$getGeometry3 === void 0 || (_feature$getGeometry3 = _feature$getGeometry3.call(feature)) === null || _feature$getGeometry3 === void 0 ? void 0 : _feature$getGeometry3.getType()) === 'Point' && props.iconPath) {
     var iconStyle = customIconStyle(feature);
+    var styles = [iconStyle];
+    if (isSelectedFeature && canHighlightPoint) {
+      styles.unshift(SELECTED_POINT_HALO_STYLE);
+    }
     if (hoverLabelStyle) {
-      return [iconStyle, hoverLabelStyle];
+      styles.push(hoverLabelStyle);
     }
-    return iconStyle;
+    return styles.length === 1 ? iconStyle : styles;
   }
   var shouldHighlight = geometry && geometry.getType() !== 'Point' && mapFeatureClass !== MapFeatureClass.ObservationStation && mapFeatureClass !== MapFeatureClass.Plugin && selectionType !== 'fir';
   // Preview highlight during box-select drag
   if (boxSelectPreview && shouldHighlight) {
-    return new Style$1({
-      stroke: new Stroke({
-        color: '#006CFD',
-        width: 2,
-        lineDash: [4, 4]
-      }),
-      fill: new Fill({
-        color: geowebColorToOpenLayersColor(fill, 0.3)
-      }),
-      zIndex: 9997
-    });
+    return getBoxSelectPreviewStyle(fill);
   }
   // Highlight selected features (applies to predefined areas, etc)
   if ((highlightSelectedFeature || isSelected) && shouldHighlight) {
@@ -10072,7 +10460,7 @@ var genericOpenLayersFeatureStyle = function genericOpenLayersFeatureStyle(featu
     return [].concat(_toConsumableArray(inlineFeatureStyle(feature)), [hoverLabelStyle]);
   }
   if ((!mapFeatureClass || mapFeatureClass === MapFeatureClass["default"]) && geometry && selectionType === 'point') {
-    return getFeaturePointStyle(fill, effectiveFillOpacity);
+    return getFeaturePointStyle(fill, effectiveFillOpacity, isSelectedFeature && canHighlightPoint);
   }
   if (fill || stroke) {
     return inlineFeatureStyle(feature);
@@ -10701,10 +11089,12 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     viewOnlyStyle = _ref.viewOnlyStyle,
     geojson = _ref.geojson,
     selectedFeatureIndex = _ref.selectedFeatureIndex,
+    selectedFeatureIndices = _ref.selectedFeatureIndices,
     exitDrawModeCallback = _ref.exitDrawModeCallback,
     updateGeojson = _ref.updateGeojson,
     onViewOnlyFeatureClick = _ref.onViewOnlyFeatureClick,
-    onNoFeatureClick = _ref.onNoFeatureClick;
+    onNoFeatureClick = _ref.onNoFeatureClick,
+    boxSelect = _ref.boxSelect;
   var _React$useContext = React.useContext(MapContext),
     map = _React$useContext.map;
   var projection = useProjection();
@@ -10712,10 +11102,12 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
   var updateGeojsonRef = React.useRef(updateGeojson);
   var onViewOnlyFeatureClickRef = React.useRef(onViewOnlyFeatureClick);
   var onNoFeatureClickRef = React.useRef(onNoFeatureClick);
+  var boxSelectRef = React.useRef(boxSelect);
   exitDrawModeCallbackRef.current = exitDrawModeCallback;
   updateGeojsonRef.current = updateGeojson;
   onViewOnlyFeatureClickRef.current = onViewOnlyFeatureClick;
   onNoFeatureClickRef.current = onNoFeatureClick;
+  boxSelectRef.current = boxSelect;
   React.useEffect(function () {
     var _geojson$features$sel;
     if (!map || !isInEditMode) {
@@ -10733,10 +11125,18 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     var drawOperation = createDrawOperation(actualDrawMode, selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.geometry.type);
     var drawStyle = drawStyles[actualDrawMode];
     var modifyStyle = modifyStyles[actualDrawMode];
-    var geojsonFormatter = new OlGeoJSON({
+    var geojsonFormatter = new GeoJSON({
       featureProjection: projection
     });
     var allFeatures = geojson ? geojsonFormatter.readFeatures(geojson) : [];
+    if (selectedFeatureIndices) {
+      var selectedIndexSet = new Set(selectedFeatureIndices);
+      allFeatures.forEach(function (feature, index) {
+        var isSelected = selectedIndexSet.has(index);
+        feature.set('isSelected', isSelected, true);
+        feature.set('highlightSelectedFeature', isSelected, true);
+      });
+    }
     var viewOnlyFeatures = allFeatures.filter(function (_f, i) {
       return i !== selectedFeatureIndex;
     });
@@ -10753,9 +11153,16 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       features: editFeatureCollection
     });
     var selectedFeatureHasGeometry = selectedFeature && !isGeoJSONGeometryEmpty(selectedFeature);
+    // Without this the shape being edited is the only one missing a drag box outline.
+    var editStyle = function editStyle(feature, resolution) {
+      if (feature.get('boxSelectPreview')) {
+        return getBoxSelectPreviewStyle(feature.get('fill'));
+      }
+      return typeof modifyStyle === 'function' ? modifyStyle(feature, resolution) : modifyStyle;
+    };
     var layer = new VectorLayer({
       source: source,
-      style: modifyStyle,
+      style: editStyle,
       zIndex: 1000000
     });
     map.addLayer(layer);
@@ -10773,8 +11180,9 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
         }
       });
       if (features.length) {
-        var _onViewOnlyFeatureCli;
-        (_onViewOnlyFeatureCli = onViewOnlyFeatureClickRef.current) === null || _onViewOnlyFeatureCli === void 0 || _onViewOnlyFeatureCli.call(onViewOnlyFeatureClickRef, features);
+        var _event$originalEvent, _onViewOnlyFeatureCli;
+        var isShiftClick = Boolean((_event$originalEvent = event.originalEvent) === null || _event$originalEvent === void 0 ? void 0 : _event$originalEvent.shiftKey);
+        (_onViewOnlyFeatureCli = onViewOnlyFeatureClickRef.current) === null || _onViewOnlyFeatureCli === void 0 || _onViewOnlyFeatureCli.call(onViewOnlyFeatureClickRef, features, isShiftClick);
       } else {
         var _onNoFeatureClickRef$;
         (_onNoFeatureClickRef$ = onNoFeatureClickRef.current) === null || _onNoFeatureClickRef$ === void 0 || _onNoFeatureClickRef$.call(onNoFeatureClickRef);
@@ -10807,7 +11215,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
         return;
       }
       // GeoJsons are always treated as latlon, therefore using EPSG:4326 as transformer does not do anything except translating the object.
-      var geojsonFormatterNoTransform = new OlGeoJSON({
+      var geojsonFormatterNoTransform = new GeoJSON({
         featureProjection: 'EPSG:4326'
       });
       var isLineSplit = selectedFeature.geometry.type === 'LineString';
@@ -10821,9 +11229,11 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       }
       // Transform back to orig
       var splitResultAsGeoJson = geojsonFormatter.writeFeaturesObject(geojsonFormatterNoTransform.readFeatures(splitResult));
+      // Only the first part continues as the current feature, the other parts are new features
+      var splitFeatures = keepIdentityOnFirstSplitFeature(splitResultAsGeoJson.features, selectedFeature);
       // Assemble the result.
       var newGeoJson = _objectSpread2(_objectSpread2({}, geojson), {}, {
-        features: [].concat(_toConsumableArray(geojson.features.slice(0, selectedFeatureIndex)), _toConsumableArray(splitResultAsGeoJson.features), _toConsumableArray(geojson.features.slice(selectedFeatureIndex + 1)))
+        features: [].concat(_toConsumableArray(geojson.features.slice(0, selectedFeatureIndex)), _toConsumableArray(splitFeatures), _toConsumableArray(geojson.features.slice(selectedFeatureIndex + 1)))
       });
       updateGeojson === null || updateGeojson === void 0 || updateGeojson(newGeoJson, NEW_FEATURE_CREATED);
     };
@@ -11040,7 +11450,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
         updateFeature(evt.features.getArray()[0]);
       });
     }
-    var translate = new Translate({
+    var translate = new Translate$1({
       features: editFeatureCollection
     });
     translate.on('translateend', function (evt) {
@@ -11056,6 +11466,9 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     // immediately show a grabbing cursor on mousedown (before any movement).
     var isPointerDownNearCorner = false;
     var handlePointerDownNearCorner = function handlePointerDownNearCorner(event) {
+      if (isBoxSelectModifier(event)) {
+        return;
+      }
       if (!isBoxOrSquare || !selectedFeatureHasGeometry) {
         return;
       }
@@ -11106,6 +11519,9 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       isPointerDownNearCorner = false;
     };
     var startRotateIfOnHandle = function startRotateIfOnHandle(event) {
+      if (isBoxSelectModifier(event)) {
+        return;
+      }
       if (!isBoxOrSquareRotatable || !selectedFeatureHasGeometry) {
         return;
       }
@@ -11321,14 +11737,36 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       _viewport2.addEventListener('pointerup', handlePointerUpAfterCorner);
     }
     window.addEventListener('keydown', abortOnEsc);
+    // Read from the prop, not the ref: `boxSelect?.active` is a dependency of this
+    // effect, so toggling it adds or removes the DragBox. Only `onBoxSelect` goes
+    // through the ref, to keep an inline arrow from re-running the effect.
+    // Not while sketching, or the drag would both box select and dangle the sketch.
+    var shouldEnableBoxSelect = (boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.active) && actualDrawMode !== DRAWMODE.SPLIT && Boolean(selectedFeatureHasGeometry);
+    var disposeBoxSelect;
+    if (shouldEnableBoxSelect) {
+      var _createDragBoxSelect = createDragBoxSelect({
+          sources: [viewOnlySource, source],
+          onBoxSelect: function onBoxSelect(features, addToSelection) {
+            var _boxSelectRef$current;
+            return (_boxSelectRef$current = boxSelectRef.current) === null || _boxSelectRef$current === void 0 ? void 0 : _boxSelectRef$current.onBoxSelect(features, addToSelection);
+          }
+        }),
+        dragBox = _createDragBoxSelect.dragBox,
+        dispose = _createDragBoxSelect.dispose;
+      // Added last so it takes priority over Translate and Modify.
+      interactions.push(dragBox);
+      disposeBoxSelect = dispose;
+    }
     interactions.forEach(function (i) {
       return map.addInteraction(i);
     });
     return function () {
+      var _disposeBoxSelect;
       map.getViewport().removeEventListener('dblclick', handleDoubleClickToClosePolygon);
       map.getViewport().removeEventListener('click', handleClickNearPolygonStartPoint);
       map.getViewport().removeEventListener('pointerdown', recordPointerDownPosition);
       window.removeEventListener('keydown', abortOnEsc);
+      (_disposeBoxSelect = disposeBoxSelect) === null || _disposeBoxSelect === void 0 || _disposeBoxSelect();
       interactions.forEach(function (i) {
         return map.removeInteraction(i);
       });
@@ -11355,7 +11793,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     // re-run when parents pass inline arrows. Re-running mid-sketch would
     // tear down the Draw interaction and lose the in-progress polygon.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [map, isInEditMode, geojson, projection, viewOnlyStyle, selectedFeatureIndex, drawMode]);
+  }, [map, isInEditMode, geojson, projection, viewOnlyStyle, selectedFeatureIndex, selectedFeatureIndices, boxSelect === null || boxSelect === void 0 ? void 0 : boxSelect.active, drawMode]);
   return null;
 };
 
@@ -12974,6 +13412,51 @@ var endToolExampleConfig = {
   }
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var calculateNewSelection = function calculateNewSelection(currentSelectedIndices, clickedIndex, isShiftClick) {
+  if (isShiftClick) {
+    if (currentSelectedIndices.includes(clickedIndex)) {
+      return currentSelectedIndices.filter(function (i) {
+        return i !== clickedIndex;
+      });
+    }
+    return [].concat(_toConsumableArray(currentSelectedIndices), [clickedIndex]);
+  }
+  var isSoleSelection = currentSelectedIndices.length === 1 && currentSelectedIndices[0] === clickedIndex;
+  return isSoleSelection ? [] : [clickedIndex];
+};
+var getAffectedIndices = function getAffectedIndices(oldSelection, newSelection) {
+  var allIndices = new Set([].concat(_toConsumableArray(oldSelection), _toConsumableArray(newSelection)));
+  return Array.from(allIndices).filter(function (idx) {
+    return oldSelection.includes(idx) !== newSelection.includes(idx);
+  });
+};
+var shouldEnterEditMode = function shouldEnterEditMode(isReadonly, isShiftClick, newSelectionCount) {
+  return !isReadonly && !isShiftClick && newSelectionCount === 1;
+};
+var shouldExitEditModeForMultiSelect = function shouldExitEditModeForMultiSelect(newSelectionCount) {
+  return newSelectionCount > 1;
+};
+var calculateBoxSelection = function calculateBoxSelection(currentSelectedIndices, boxSelectedIndices, addToSelection) {
+  return addToSelection ? Array.from(new Set([].concat(_toConsumableArray(currentSelectedIndices), _toConsumableArray(boxSelectedIndices)))) : boxSelectedIndices;
+};
+
 var ClickOnMapTool = function ClickOnMapTool(_ref) {
   var isActive = _ref.isActive,
     isVisible = _ref.isVisible,
@@ -13663,4 +14146,4 @@ var getLayerUpdateInfo = function getLayerUpdateInfo(wmLayer, mapId) {
   return updateObject;
 };
 
-export { BaseLayerType, CLASSNAME_MAP_MEASURE_TOOLTIP, ClickOnMapTool, Clock, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MIN_HEIGHT, MIN_WIDTH, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapMeasure, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, POINTER_CLICK_TOLERANCE_PX, STAC_ASSET_STYLE_PREFIX, STAC_ITEM_PAGE_LIMIT, STAC_ITEM_SEARCH_FIELDS_CONFORMANCE, STAC_TEMPORAL_STEP_SAMPLE_LIMIT, SelectField, StoryLayoutGrid, TimeAwareEDRLocationLayer, TimeAwareGeoTIFFLayer, TimeAwareWMTSLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultRotatableBox, defaultSmoothLine, defaultSplit, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureMultiPoint, featurePoint, featurePolygon, fetchStacCatalogCollections, fetchStacCatalogRoot, fetchStacCollection, fetchStacItem, fetchStacItems, fetchStacItemsPage, fetchStacItemsWithPagination, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getBoxRotateHandlePoints, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getLegendClass, getProj4, getRendersAsStyles, getStacAssetKeyFromStyle, getStacAssetStyles, getStacCollectionStyles, getStacFrameItemsToRender, getStacItemLookupWindowForTimes, getStacItemSearchUrl, getStacItemsUrl, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isBrowserReadableGeoTIFFAsset, isClickFromDrag, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isGeoTIFFAsset, isPointFeatureCollection, labelOptions, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, measureResultStyle, measureToolStyle, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, polygonCleanDangling, polygonCleanDanglingCoords, polygonFeatureCollectionCleanDangling, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, removeOverlappingLines, resolvePreferredStyleName$1 as resolvePreferredStyleName, resolveStacAssetKey, rewindGeometry, roundCoordinates, roundFeatureCoordinates, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, splitLine, splitPolygon, splitStyle, stacCatalogCollectionToLayerProps, stacColormapToOlStyle, stacGrayscaleOlStyle, stacNormalizedGrayscaleOlStyle, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useStacCatalogRoot, useStacCollection, useStacItems, useStacOverviewItems, useStacTemporalStepItems, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };
+export { BaseLayerType, CLASSNAME_MAP_MEASURE_TOOLTIP, ClickOnMapTool, Clock, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MIN_HEIGHT, MIN_WIDTH, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapMeasure, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, POINTER_CLICK_TOLERANCE_PX, SELECTED_FEATURE_COLOR, SELECTED_POINT_HALO_STYLE, STAC_ASSET_STYLE_PREFIX, STAC_ITEM_PAGE_LIMIT, STAC_ITEM_SEARCH_FIELDS_CONFORMANCE, STAC_TEMPORAL_STEP_SAMPLE_LIMIT, SelectField, StoryLayoutGrid, TimeAwareEDRLocationLayer, TimeAwareGeoTIFFLayer, TimeAwareWMTSLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, asNewFeature, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, calculateBoxSelection, calculateNewSelection, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createMoveFeatures, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultRotatableBox, defaultSmoothLine, defaultSplit, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureMultiPoint, featurePoint, featurePolygon, fetchStacCatalogCollections, fetchStacCatalogRoot, fetchStacCollection, fetchStacItem, fetchStacItems, fetchStacItemsPage, fetchStacItemsWithPagination, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getAffectedIndices, getBoxRotateHandlePoints, getBoxSelectPreviewStyle, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerExtentForProjection, getLayerStyles, getLayerUpdateInfo, getLegendClass, getOlFeatureKey, getProj4, getRendersAsStyles, getStacAssetKeyFromStyle, getStacAssetStyles, getStacCollectionStyles, getStacFrameItemsToRender, getStacItemLookupWindowForTimes, getStacItemSearchUrl, getStacItemsUrl, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isBrowserReadableGeoTIFFAsset, isClickFromDrag, isDefaultMovable, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isGeoTIFFAsset, isPointFeatureCollection, keepIdentityOnFirstSplitFeature, labelOptions, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, measureResultStyle, measureToolStyle, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, polygonCleanDangling, polygonCleanDanglingCoords, polygonFeatureCollectionCleanDangling, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, removeOverlappingLines, resolvePreferredStyleName$1 as resolvePreferredStyleName, resolveStacAssetKey, rewindGeometry, roundCoordinates, roundFeatureCoordinates, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, shouldEnterEditMode, shouldExitEditModeForMultiSelect, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, splitLine, splitPolygon, splitStyle, stacCatalogCollectionToLayerProps, stacColormapToOlStyle, stacGrayscaleOlStyle, stacNormalizedGrayscaleOlStyle, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useMoveFeatures, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useStacCatalogRoot, useStacCollection, useStacItems, useStacOverviewItems, useStacTemporalStepItems, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };