@opengeoweb/store 19.5.1 → 19.6.0

package/dist/index.esm.js

@@ -1620,18 +1620,25 @@ var slice$7 = createSlice({
       }
     },
     duplicateMapLayer: function duplicateMapLayer(draft, action) {
+      var _oldLayer$dimensions;
       var _action$payload2 = action.payload,
         oldLayerId = _action$payload2.oldLayerId,
         newLayerId = _action$payload2.newLayerId,
         mapId = _action$payload2.mapId;
       var oldLayer = draft.byId[oldLayerId];
-      if (oldLayer && !draft.byId[newLayerId]) {
-        draft.byId[newLayerId] = createLayer(_objectSpread2(_objectSpread2({}, draft.byId[oldLayerId]), {}, {
-          id: newLayerId,
-          mapId: mapId
-        }));
-        draft.allIds.push(newLayerId);
+      if (!oldLayer || draft.byId[newLayerId]) {
+        return;
       }
+      // Clone dimensions from the Immer draft to avoid sharing references with the original layer.
+      var dimensions = (_oldLayer$dimensions = oldLayer.dimensions) === null || _oldLayer$dimensions === void 0 ? void 0 : _oldLayer$dimensions.map(function (dimension) {
+        return _objectSpread2({}, dimension);
+      });
+      draft.byId[newLayerId] = createLayer(_objectSpread2(_objectSpread2({}, oldLayer), {}, {
+        dimensions: dimensions,
+        id: newLayerId,
+        mapId: mapId
+      }));
+      draft.allIds.push(newLayerId);
     },
     layerChangeDimension: function layerChangeDimension(draft, action) {
       var _action$payload3 = action.payload,
@@ -1987,8 +1994,12 @@ var slice$7 = createSlice({
               existingDimension.currentValue = newLayerDimension.currentValue;
             }
           } else if (layerId === layerDimensions.layerId) {
+            var _newLayerDimension$va2, _newLayerDimension$va3;
             /* Otherwise add a new one, but only for this layer. */
-            reduxDimensions.push(_objectSpread2({}, newLayerDimension));
+            var currentValue = newLayerDimension.name === 'reference_time' && reduxLayer.useLatestReferenceTime ? (_newLayerDimension$va2 = (_newLayerDimension$va3 = newLayerDimension.values) === null || _newLayerDimension$va3 === void 0 ? void 0 : _newLayerDimension$va3.split(',').at(-1)) !== null && _newLayerDimension$va2 !== void 0 ? _newLayerDimension$va2 : newLayerDimension.currentValue : newLayerDimension.currentValue;
+            reduxDimensions.push(_objectSpread2(_objectSpread2({}, newLayerDimension), {}, {
+              currentValue: currentValue
+            }));
           }
         });
         // Ensure that the time range is correctly set based on the current reference time value
@@ -2728,14 +2739,29 @@ var slice$6 = createSlice({
       if (size) {
         draft.byId[mapId].clockSize = size;
       }
+    },
+    setLegendPositionSize: function setLegendPositionSize(draft, action) {
+      var _action$payload31 = action.payload,
+        mapId = _action$payload31.mapId,
+        position = _action$payload31.position,
+        size = _action$payload31.size;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      if (position) {
+        draft.byId[mapId].legendPosition = position;
+      }
+      if (size) {
+        draft.byId[mapId].legendSize = size;
+      }
     }
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload31 = action.payload,
-        layerId = _action$payload31.layerId,
-        mapId = _action$payload31.mapId,
-        layer = _action$payload31.layer;
+      var _action$payload32 = action.payload,
+        layerId = _action$payload32.layerId,
+        mapId = _action$payload32.mapId,
+        layer = _action$payload32.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2754,10 +2780,10 @@ var slice$6 = createSlice({
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload32 = action.payload,
-        newLayerId = _action$payload32.newLayerId,
-        oldLayerId = _action$payload32.oldLayerId,
-        mapId = _action$payload32.mapId;
+      var _action$payload33 = action.payload,
+        newLayerId = _action$payload33.newLayerId,
+        oldLayerId = _action$payload33.oldLayerId,
+        mapId = _action$payload33.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2774,10 +2800,10 @@ var slice$6 = createSlice({
         draft.byId[mapId].featureLayers.unshift(newLayerId);
       }
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload33 = action.payload,
-        layer = _action$payload33.layer,
-        layerId = _action$payload33.layerId,
-        mapId = _action$payload33.mapId;
+      var _action$payload34 = action.payload,
+        layer = _action$payload34.layer,
+        layerId = _action$payload34.layerId,
+        mapId = _action$payload34.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2807,9 +2833,9 @@ var slice$6 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload34 = action.payload,
-        layers = _action$payload34.layers,
-        mapId = _action$payload34.mapId;
+      var _action$payload35 = action.payload,
+        layers = _action$payload35.layers,
+        mapId = _action$payload35.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2839,9 +2865,9 @@ var slice$6 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, function (draft, action) {
-      var _action$payload35 = action.payload,
-        mapId = _action$payload35.mapId,
-        layerId = _action$payload35.layerId;
+      var _action$payload36 = action.payload,
+        mapId = _action$payload36.mapId,
+        layerId = _action$payload36.layerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2849,6 +2875,9 @@ var slice$6 = createSlice({
       map.mapLayers = map.mapLayers.filter(function (id) {
         return id !== layerId;
       });
+      map.featureLayers = map.featureLayers.filter(function (id) {
+        return id !== layerId;
+      });
       // if auto layer is deleted, change auto layer ids
       if (!map.mapLayers.length) {
         map.autoUpdateLayerId = undefined;
@@ -2863,13 +2892,10 @@ var slice$6 = createSlice({
       if (map.autoTimeStepLayerId === layerId) {
         map.autoTimeStepLayerId = activeLayerId;
       }
-      map.featureLayers = map.featureLayers.filter(function (id) {
-        return id !== layerId;
-      });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload36 = action.payload,
-        mapId = _action$payload36.mapId,
-        layerId = _action$payload36.layerId;
+      var _action$payload37 = action.payload,
+        mapId = _action$payload37.mapId,
+        layerId = _action$payload37.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2880,14 +2906,14 @@ var slice$6 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload37 = action.payload,
-        layerId = _action$payload37.layerId,
-        dimension = _action$payload37.dimension;
+      var _action$payload38 = action.payload,
+        layerId = _action$payload38.layerId,
+        dimension = _action$payload38.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, function (draft, action) {
-      var _action$payload38 = action.payload,
-        targetsFromAction = _action$payload38.targets,
-        source = _action$payload38.source;
+      var _action$payload39 = action.payload,
+        targetsFromAction = _action$payload39.targets,
+        source = _action$payload39.source;
       var sourceMapId = source === null || source === void 0 ? void 0 : source.payload.sourceId;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
@@ -2945,9 +2971,9 @@ var slice$6 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload39 = action.payload,
-        targetsFromAction = _action$payload39.targets,
-        source = _action$payload39.source;
+      var _action$payload40 = action.payload,
+        targetsFromAction = _action$payload40.targets,
+        source = _action$payload40.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2979,9 +3005,9 @@ var slice$6 = createSlice({
        * These targets can be used as payloads in new Layer actions.
        * These actions are here handled via the layer reducer, as it is the same logic
        */
-      var _action$payload40 = action.payload,
-        targets = _action$payload40.targets,
-        source = _action$payload40.source;
+      var _action$payload41 = action.payload,
+        targets = _action$payload41.targets,
+        source = _action$payload41.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -3003,9 +3029,9 @@ var slice$6 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload41 = action.payload,
-        mapId = _action$payload41.mapId,
-        dimensionFromAction = _action$payload41.dimension;
+      var _action$payload42 = action.payload,
+        mapId = _action$payload42.mapId,
+        dimensionFromAction = _action$payload42.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -3024,6 +3050,8 @@ var slice$6 = createSlice({
       draft.byId[mapId].timeStep = undefined;
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
+      draft.byId[mapId].legendPosition = undefined;
+      draft.byId[mapId].legendSize = undefined;
     });
   }
 });
@@ -5367,6 +5395,17 @@ var getIsLayerInEditMode = createSelector(getLayerById, function (layer) {
 var getFeatureLayerGeoJSON = createSelector(getLayerById, function (layer) {
   return (layer === null || layer === void 0 ? void 0 : layer.geojson) || undefined;
 }, selectorMemoizationOptions);
+/**
+ * Returns the ids of the selected features of a feature layer
+ *
+ * Example const selectedFeatureIds = getSelectedFeatureIds(store, 'layerId1')
+ * @param {object} store store: object - store object
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {string[]} selectedFeatureIds: string[] - ids of the selected features
+ */
+var getSelectedFeatureIds$1 = createSelector(getLayerById, function (layer) {
+  return (layer === null || layer === void 0 ? void 0 : layer.selectedFeatureIds) || [];
+}, selectorMemoizationOptions);
 var getHasFeatureLayerGeoJSON = createSelector(getFeatureLayerGeoJSON, function (geojson) {
   return !!geojson;
 }, selectorMemoizationOptions);
@@ -5594,6 +5633,7 @@ var selectors$4 = /*#__PURE__*/Object.freeze({
   getLayersIds: getLayersIds,
   getOverLayers: getOverLayers,
   getOverlayersForMapId: getOverlayersForMapId,
+  getSelectedFeatureIds: getSelectedFeatureIds$1,
   getTimeStepForLayerId: getTimeStepForLayerId,
   getUseLatestReferenceTime: getUseLatestReferenceTime
 });
@@ -6978,6 +7018,12 @@ var getClockPosition = createSelector(getMapById, function (store) {
 var getClockSize = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.clockSize;
 }, selectorMemoizationOptions);
+var getLegendPosition = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.legendPosition;
+}, selectorMemoizationOptions);
+var getLegendSize = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.legendSize;
+}, selectorMemoizationOptions);
 /**
  * Creates a MapPreset from mapId
  *
@@ -6999,14 +7045,14 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
 }, function (store, mapId) {
   var _getMapById3;
   return (_getMapById3 = getMapById(store, mapId)) === null || _getMapById3 === void 0 ? void 0 : _getMapById3.dockedLayerManagerDimensions;
-}, getIsClockVisible, getIsClockOptionsMenuVisible, getClockPosition, getClockSize, getUiStore, function (_store, mapId) {
+}, getIsClockVisible, getIsClockOptionsMenuVisible, getClockPosition, getClockSize, getLegendPosition, getLegendSize, getUiStore, function (_store, mapId) {
   return mapId;
 }, function (_store, _mapId) {
   var keepAllDims = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return keepAllDims;
-}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, uiStore, mapId, keepAllDims) {
+}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, legendPosition, legendSize, uiStore, mapId, keepAllDims) {
   var _overLayers$, _uiStore$dialogs$isOp, _uiStore$dialogs;
-  var defaultOverlayer = arguments.length > 31 && arguments[31] !== undefined ? arguments[31] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
+  var defaultOverlayer = arguments.length > 33 && arguments[33] !== undefined ? arguments[33] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
       var layer = _objectWithoutProperties(_ref3, _excluded$2);
@@ -7032,6 +7078,11 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     duration: getAnimationDuration(animationEndTime, animationStartTime)
   };
   var shouldShowLegend = (_uiStore$dialogs$isOp = uiStore === null || uiStore === void 0 || (_uiStore$dialogs = uiStore.dialogs["".concat(DialogTypes.Legend, "-").concat(mapId)]) === null || _uiStore$dialogs === void 0 ? void 0 : _uiStore$dialogs.isOpen) !== null && _uiStore$dialogs$isOp !== void 0 ? _uiStore$dialogs$isOp : false;
+  var legendPreset = shouldShowLegend ? _objectSpread2(_objectSpread2({}, legendPosition !== undefined && {
+    legendPosition: legendPosition
+  }), legendSize !== undefined && {
+    legendSize: legendSize
+  }) : {};
   var dataExplorerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.DataExplorer];
   var shouldShowDataExplorer = (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.isOpen) && (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.activeMapId) === mapId || false;
   var dockedLayerManagerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs["".concat(DialogTypes.DockedLayerManager, "-").concat(mapId)];
@@ -7046,7 +7097,7 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
   }, dockedLayerManagerDimensions && {
     dockedLayerManagerDimensions: dockedLayerManagerDimensions
   }) : {};
-  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
   }, activeLayerId && {
     activeLayerId: activeLayerId
@@ -7067,7 +7118,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     animationPayload: animationPayload,
     toggleTimestepAuto: isTimestepAuto,
     toggleTimeSpanAuto: isTimeSpanAuto,
-    shouldShowLegend: shouldShowLegend,
+    shouldShowLegend: shouldShowLegend
+  }, legendPreset), {}, {
     timeSliderSpan: timeSliderSpan,
     shouldShowDataExplorer: shouldShowDataExplorer,
     defaultOverlayer: defaultOverlayer
@@ -7346,6 +7398,8 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getLayerIdByLayerName: getLayerIdByLayerName,
   getLayerIds: getLayerIds,
   getLayerIndexByLayerId: getLayerIndexByLayerId,
+  getLegendPosition: getLegendPosition,
+  getLegendSize: getLegendSize,
   getMapAnimationDelay: getMapAnimationDelay,
   getMapBaseLayers: getMapBaseLayers,
   getMapBaseLayersIds: getMapBaseLayersIds,
@@ -8688,7 +8742,7 @@ mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDockedLayerManager, shouldShowDataExplorer, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, dockedLayerManagerType, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart, _t;
+      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, legendPosition, legendSize, shouldShowDockedLayerManager, shouldShowDataExplorer, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, dockedLayerManagerType, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart, _t;
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.p = _context2.n) {
           case 0:
@@ -8700,7 +8754,7 @@ mapListener.startListening({
               _context2.n = 6;
               break;
             }
-            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDockedLayerManager = mapPreset.shouldShowDockedLayerManager, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, dockedLayerManagerPosition = mapPreset.dockedLayerManagerPosition, dockedLayerManagerDimensions = mapPreset.dockedLayerManagerDimensions, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto, defaultOverlayer = mapPreset.defaultOverlayer, isClockVisible = mapPreset.isClockVisible, isClockOptionsMenuVisible = mapPreset.isClockOptionsMenuVisible, clockPosition = mapPreset.clockPosition, clockSize = mapPreset.clockSize;
+            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, legendPosition = mapPreset.legendPosition, legendSize = mapPreset.legendSize, shouldShowDockedLayerManager = mapPreset.shouldShowDockedLayerManager, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, dockedLayerManagerPosition = mapPreset.dockedLayerManagerPosition, dockedLayerManagerDimensions = mapPreset.dockedLayerManagerDimensions, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto, defaultOverlayer = mapPreset.defaultOverlayer, isClockVisible = mapPreset.isClockVisible, isClockOptionsMenuVisible = mapPreset.isClockOptionsMenuVisible, clockPosition = mapPreset.clockPosition, clockSize = mapPreset.clockSize;
             _filterLayers = filterLayers(layers), mapLayers = _filterLayers.mapLayers, baseLayers = _filterLayers.baseLayers, overLayers = _filterLayers.overLayers;
             if (layers) {
               //  make sure all layers have a unique id before going forward
@@ -8854,6 +8908,18 @@ mapListener.startListening({
                 size: clockSize
               }));
             }
+            if (legendPosition !== undefined) {
+              listenerApi.dispatch(mapActions.setLegendPositionSize({
+                mapId: mapId,
+                position: legendPosition
+              }));
+            }
+            if (legendSize !== undefined) {
+              listenerApi.dispatch(mapActions.setLegendPositionSize({
+                mapId: mapId,
+                size: legendSize
+              }));
+            }
             // sets timestep by interval of animationPayload
             interval = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.interval;
             if (interval) {
@@ -9666,7 +9732,13 @@ var slice$1 = createSlice({
     }).addCase(layerActions.updateFeatureProperties, function (draft, action) {
       var _action$payload6 = action.payload,
         properties = _action$payload6.properties,
-        layerId = _action$payload6.layerId;
+        layerId = _action$payload6.layerId,
+        targetFeatureIndex = _action$payload6.targetFeatureIndex;
+      // Set style props for drawMode templates
+      // Must skip single feature specific settings
+      if (targetFeatureIndex !== undefined) {
+        return;
+      }
       var drawToolId = getDrawToolByLayerId(draft, layerId);
       var entity = draft.entities[drawToolId];
       if (drawToolId && entity !== undefined) {

package/dist/src/store/map/layer/selectors.d.ts

@@ -1694,6 +1694,55 @@ export declare const getFeatureLayerGeoJSON: ((state: any, layerId: any) => impo
     argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Returns the ids of the selected features of a feature layer
+ *
+ * Example const selectedFeatureIds = getSelectedFeatureIds(store, 'layerId1')
+ * @param {object} store store: object - store object
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {string[]} selectedFeatureIds: string[] - ids of the selected features
+ */
+export declare const getSelectedFeatureIds: ((state: any, layerId: any) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => string[];
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string[];
+    dependencies: [((state: any, layerId: any) => ReduxLayer | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: LayerState | undefined, resultFuncArgs_1: string) => ReduxLayer | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: LayerState | undefined, resultFuncArgs_1: string) => ReduxLayer | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => ReduxLayer | undefined;
+        dependencies: [(store: CoreAppStore) => LayerState | undefined, (layerStore: any, layerId: any) => string];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+        memoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const getHasFeatureLayerGeoJSON: ((state: any, layerId: any) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;

package/dist/src/store/map/map/reducer.d.ts

@@ -1,6 +1,6 @@
 import type { PayloadAction, Draft } from '@reduxjs/toolkit';
 import type { MapPinLocationPayload, SetBboxPayload, SetStepBackWardOrForward, UpdateAllMapDimensionsPayload } from '@opengeoweb/webmap-react';
-import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, SetDockedLayerManagerPosition, SetDockedLayerManagerDimensions, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload, SetClockPositionSizePayload } from './types';
+import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, SetDockedLayerManagerPosition, SetDockedLayerManagerDimensions, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload, SetClockPositionSizePayload, SetLegendPositionSizePayload } from './types';
 import type { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
 import type { MapActionOrigin } from './enums';
 /**
@@ -73,6 +73,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
         origin?: string;
     }>) => void;
     setClockPositionSize: (draft: Draft<WebMapState>, action: PayloadAction<SetClockPositionSizePayload>) => void;
+    setLegendPositionSize: (draft: Draft<WebMapState>, action: PayloadAction<SetLegendPositionSizePayload>) => void;
 }, "mapReducer", "mapReducer", import("@reduxjs/toolkit").SliceSelectors<WebMapState>>;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -138,5 +139,6 @@ export declare const mapActions: {
         origin?: string;
     }, "mapReducer/toggleClockOptions">;
     setClockPositionSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetClockPositionSizePayload, "mapReducer/setClockPositionSize">;
+    setLegendPositionSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetLegendPositionSizePayload, "mapReducer/setLegendPositionSize">;
 };
 export declare const mapReducer: import("redux").Reducer<WebMapState>;

package/dist/src/store/map/map/selectors.d.ts

@@ -1,4 +1,4 @@
-import type { Bbox, ClockPosition, ClockSize, MapPreset, WebMap, WebMapState } from './types';
+import type { Bbox, ClockPosition, ClockSize, LegendPosition, LegendSize, MapPreset, WebMap, WebMapState } from './types';
 import type { CoreAppStore } from '../../types';
 import { uiTypes } from '../../ui';
 import type { Dimension, DockedLayerManagerPosition, DockedLayerManagerSize, DockedLayerManagerDimensions, HarmonieInitialPropsResult, InitialTimeSliderProps, Layer, MultiMapInitialProps, ReduxLayer, TimeSliderStartEndStep, WebMapAnimationList } from '../types';
@@ -2146,6 +2146,48 @@ export declare const getClockSize: ((state: CoreAppStore, mapId: string) => Cloc
     argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getLegendPosition: ((state: CoreAppStore, mapId: string) => LegendPosition | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => LegendPosition | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => LegendPosition | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => LegendPosition | undefined;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const getLegendSize: ((state: CoreAppStore, mapId: string) => LegendSize | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => LegendSize | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => LegendSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => LegendSize | undefined;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * Creates a MapPreset from mapId
  *
@@ -2160,8 +2202,8 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: DockedLayerManagerSize, resultFuncArgs_22: DockedLayerManagerPosition, resultFuncArgs_23: DockedLayerManagerDimensions | undefined, resultFuncArgs_24: boolean | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: uiTypes.UIStoreType, resultFuncArgs_29: string, resultFuncArgs_30: string) => MapPreset;
-    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: DockedLayerManagerSize, resultFuncArgs_22: DockedLayerManagerPosition, resultFuncArgs_23: DockedLayerManagerDimensions | undefined, resultFuncArgs_24: boolean | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: uiTypes.UIStoreType, resultFuncArgs_29: string, resultFuncArgs_30: string) => MapPreset) & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: DockedLayerManagerSize, resultFuncArgs_22: DockedLayerManagerPosition, resultFuncArgs_23: DockedLayerManagerDimensions | undefined, resultFuncArgs_24: boolean | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: LegendPosition | undefined, resultFuncArgs_29: LegendSize | undefined, resultFuncArgs_30: uiTypes.UIStoreType, resultFuncArgs_31: string, resultFuncArgs_32: string) => MapPreset;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: DockedLayerManagerSize, resultFuncArgs_22: DockedLayerManagerPosition, resultFuncArgs_23: DockedLayerManagerDimensions | undefined, resultFuncArgs_24: boolean | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: LegendPosition | undefined, resultFuncArgs_29: LegendSize | undefined, resultFuncArgs_30: uiTypes.UIStoreType, resultFuncArgs_31: string, resultFuncArgs_32: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2767,6 +2809,46 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         argsMemoize: typeof import("reselect").weakMapMemoize;
         memoize: typeof import("reselect").weakMapMemoize;
+    }, ((state: CoreAppStore, mapId: string) => LegendPosition | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => LegendPosition | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => LegendPosition | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => LegendPosition | undefined;
+        dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+        memoize: typeof import("reselect").weakMapMemoize;
+    }, ((state: CoreAppStore, mapId: string) => LegendSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => LegendSize | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => LegendSize | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => LegendSize | undefined;
+        dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+        memoize: typeof import("reselect").weakMapMemoize;
     }, (store: uiTypes.UIModuleState) => uiTypes.UIStoreType, (_store: CoreAppStore, mapId: string) => string, (_store: CoreAppStore, _mapId: string, keepAllDims?: any) => string];
     recomputations: () => number;
     resetRecomputations: () => void;

package/dist/src/store/map/map/types.d.ts

@@ -59,6 +59,8 @@ export interface WebMap {
     isClockOptionsMenuVisible?: boolean;
     clockPosition?: ClockPosition;
     clockSize?: ClockSize;
+    legendPosition?: LegendPosition;
+    legendSize?: LegendSize;
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';
 export interface DockedLayerManagerPosition {
@@ -115,6 +117,8 @@ export interface MapPreset {
     toggleTimestepAuto?: boolean;
     animationPayload?: AnimationPayloadType;
     shouldShowLegend?: boolean;
+    legendPosition?: LegendPosition;
+    legendSize?: LegendSize;
     shouldShowLayerManager?: boolean;
     shouldShowDockedLayerManager?: boolean;
     dockedLayerManagerSize?: DockedLayerManagerSize;
@@ -320,9 +324,23 @@ export interface ClockSize {
     width: number;
     height: number;
 }
+export interface LegendPosition {
+    x: number;
+    y: number;
+}
+export interface LegendSize {
+    width: number;
+    height: number;
+}
 export interface SetClockPositionSizePayload {
     mapId: string;
     position?: ClockPosition;
     size?: ClockSize;
     origin?: MapActionOrigin;
 }
+export interface SetLegendPositionSizePayload {
+    mapId: string;
+    position?: LegendPosition;
+    size?: LegendSize;
+    origin?: MapActionOrigin;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "19.5.1",
+  "version": "19.6.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -32,7 +32,7 @@
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",
     "@types/geojson": "^7946.0.14",
-    "react-router": "^7.15.1",
+    "react-router": "^7.18.2",
     "uuid": "^11.0.0"
   },
   "peerDependencies": {