@opengeoweb/store 13.2.1 → 14.0.1

package/index.esm.js

@@ -1,5 +1,5 @@
 import { createSlice, createSelector, createAction, createListenerMiddleware, isAnyOf, createEntityAdapter, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { isEqual, isEmpty, compact } from 'lodash';
+import { isEqual, isEmpty, merge, compact } from 'lodash';
 import { dateUtils, PROJECTION, defaultDelay } from '@opengeoweb/shared';
 import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, handleDateUtilsISOString, webmapTestSettings, WMLayer, getWMLayerById, WMInvalidDateValues, isProjectionSupported, queryWMSLayers } from '@opengeoweb/webmap';
 import { secondsPerPxFromCanvasWidth, defaultTimeSpan, defaultSecondsPerPx, defaultAnimationDelayAtStart, defaultTimeStep, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/time-slider';
@@ -548,11 +548,7 @@ var slice$7 = createSlice({
         delete draft.byId[serviceId];
       }
     },
-    fetchInitialServices: function fetchInitialServices(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {
+    fetchInitialServices: function fetchInitialServices(_draft, _action) {
       // This block is intentionally left empty so no code should be put in here
     }
   }
@@ -1077,7 +1073,7 @@ var getAnimationDuration = function getAnimationDuration(animationEndTime, anima
  * @param iso8601Intervals
  * @returns WebMapAnimationList with time points
  */
-var generateAnimationList = function generateAnimationList(unixAnimationStart, unixAnimationEnd, timeValues) {
+var generateAnimationList = function generateAnimationList(unixAnimationStart, unixAnimationEnd, timeValues, animationInterval) {
   if (!unixAnimationStart || !unixAnimationEnd || !timeValues) {
     return [];
   }
@@ -1105,9 +1101,12 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
     // Convert interval start and end times to Unix time
     var unixIntervalStart = dateUtils.unix(dateUtils.utc(timeInterval.startTime));
     var unixIntervalEnd = dateUtils.unix(dateUtils.utc(timeInterval.endTime));
-    // Parse the duration and calculate interval step in seconds
-    var interval = parseISO8601IntervalToDateInterval(timeInterval.duration);
-    var intervalSeconds = getTimeStepFromDataInterval(interval) * 60;
+    var getIntervalInSeconds = function getIntervalInSeconds(duration) {
+      // Parse the duration and calculate interval step in seconds
+      var interval = parseISO8601IntervalToDateInterval(duration);
+      return getTimeStepFromDataInterval(interval) * 60;
+    };
+    var intervalSeconds = animationInterval ? animationInterval * 60 : getIntervalInSeconds(timeInterval.duration);
     // Generate animation points for the current interval
     for (var i = currentAnimationTime; i <= unixAnimationEnd; i += intervalSeconds) {
       if (i >= unixIntervalStart && i <= unixIntervalEnd) {
@@ -1333,7 +1332,11 @@ var setBbox = createAction('GENERIC_SETBBOX');
  *
  * These actions should not be used by components directly. Components should only use the generic actions.
  */
-var setTimeSync = createAction('GENERIC_SYNC_SETTIME', function (setTimePayload, targets, groups) {
+var setTimeSync = createAction('GENERIC_SYNC_SETTIME', function (setTimePayload,
+// This payload is used to set the state in the syncgroup itself. This state is needed because other listeners (like the timeslider sync) might need this information to trigger new actions.
+targets,
+// The targets which will be updated by this action. It contains the payload as well.
+groups) {
   return {
     payload: {
       source: setTimePayload && setTime(setTimePayload),
@@ -1936,7 +1939,7 @@ var slice$6 = createSlice({
         layerStyle = _action$payload15.layerStyle,
         layerDimensions = _action$payload15.layerDimensions,
         error = _action$payload15.error;
-      if (error) {
+      if (error && draft.byId[error.layerId]) {
         draft.byId[error.layerId].status = LayerStatus.error;
         return;
       }
@@ -1948,9 +1951,6 @@ var slice$6 = createSlice({
         return;
       }
       var layer = draft.byId[layerDimensions.layerId];
-      var incomingDimensionNames = layerDimensions.dimensions.map(function (dimension) {
-        return dimension.name;
-      });
       /* Find all other layers with the same name and service, and update these at once (atomic update) */
       var layersToUpdate = Object.values(draft.byId).filter(function (otherLayer) {
         return (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.name) === (layer === null || layer === void 0 ? void 0 : layer.name) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.service) === (layer === null || layer === void 0 ? void 0 : layer.service) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.id);
@@ -1963,10 +1963,6 @@ var slice$6 = createSlice({
         /* Find the wmLayer */
         var wmLayer = webmapUtils.getWMLayerById(layerId);
         (_reduxLayer$dimension = reduxLayer.dimensions) !== null && _reduxLayer$dimension !== void 0 ? _reduxLayer$dimension : reduxLayer.dimensions = [];
-        // remove dimensions not in incoming list of dimensions
-        reduxLayer.dimensions = reduxLayer.dimensions.filter(function (dimension) {
-          return incomingDimensionNames.includes(dimension.name);
-        });
         var reduxDimensions = reduxLayer.dimensions;
         /* Now update or insert the dimension for each layer */
         layerDimensions.dimensions.forEach(function (newLayerDimension) {
@@ -1983,7 +1979,7 @@ var slice$6 = createSlice({
               var _existingDimension$va, _newLayerDimension$va;
               // update currentvalue to corresponding LATEST value
               // LATEST, LATEST-1, LATEST-2, LATEST-3
-              var existingValues = (_existingDimension$va = existingDimension.values) === null || _existingDimension$va === void 0 ? void 0 : _existingDimension$va.split(',');
+              var existingValues = (_existingDimension$va = existingDimension.values) === null || _existingDimension$va === void 0 ? void 0 : _existingDimension$va.split(','); // TODO: Maarten Plieger 2025-09-08. What about start/stop/res values? https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4273
               var newValues = (_newLayerDimension$va = newLayerDimension.values) === null || _newLayerDimension$va === void 0 ? void 0 : _newLayerDimension$va.split(',');
               if (existingValues && newValues) {
                 var match = [1, 2, 3, 4].find(function (offset) {
@@ -1991,6 +1987,20 @@ var slice$6 = createSlice({
                 });
                 if (match) {
                   existingDimension.currentValue = newValues.at(-match);
+                } else {
+                  // Value should be one of latest values. If this is not the case, set value to Latest
+                  existingDimension.currentValue = newValues.at(-1);
+                }
+                var wmTimeDim = wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.getDimension('time');
+                var existingReduxTimeDimension = reduxDimensions.find(function (dim) {
+                  return dim.name === 'time';
+                });
+                if (existingReduxTimeDimension && wmTimeDim) {
+                  // Update WM time dimension values with new reference time
+                  wmTimeDim === null || wmTimeDim === void 0 || wmTimeDim.setTimeValuesForReferenceTime(existingDimension.currentValue, wmDimension);
+                  // Also set the found range  in the redux state.
+                  existingReduxTimeDimension.maxValue = wmTimeDim === null || wmTimeDim === void 0 ? void 0 : wmTimeDim.getLastValue();
+                  existingReduxTimeDimension.minValue = wmTimeDim === null || wmTimeDim === void 0 ? void 0 : wmTimeDim.getFirstValue();
                 }
               }
             }
@@ -2012,10 +2022,10 @@ var slice$6 = createSlice({
           }
         });
         // Ensure that the time range is correctly set based on the current reference time value
-        var timeDimension = layerDimensions.dimensions.find(function (layerDim) {
+        var timeDimension = reduxDimensions.find(function (layerDim) {
           return layerDim.name === 'time';
         });
-        var refTimeDimension = layerDimensions.dimensions.find(function (layerDim) {
+        var refTimeDimension = reduxDimensions.find(function (layerDim) {
           return layerDim.name === 'reference_time';
         });
         if (timeDimension && refTimeDimension && wmLayer) {
@@ -2025,6 +2035,10 @@ var slice$6 = createSlice({
           if (wmTimeDimension && wmRefTimeDimension) {
             wmTimeDimension === null || wmTimeDimension === void 0 || wmTimeDimension.setTimeValuesForReferenceTime(refTimeDimension.currentValue, wmRefTimeDimension);
           }
+          // Synchronize the updated redux currentValues back to wmLayers time dim.
+          reduxDimensions.forEach(function (dim) {
+            dim.name && wmLayer.setDimension(dim.name, dim.currentValue);
+          });
         }
       });
     },
@@ -2149,6 +2163,14 @@ var slice$6 = createSlice({
         }
       }
     },
+    toggleSelectableFeatures: function toggleSelectableFeatures(draft, action) {
+      var layerId = action.payload.layerId;
+      var layer = draft.byId[layerId];
+      if (!layer) {
+        return;
+      }
+      layer.isSelectable = !layer.isSelectable;
+    },
     // layer info actions
     showLayerInfo: function showLayerInfo(draft, action) {
       var _action$payload21 = action.payload,
@@ -2422,11 +2444,7 @@ var slice$4 = createSlice({
         draft.allIds.splice(mapIndex, 1);
       }
     },
-    setStepBackwardOrForward: function setStepBackwardOrForward(
-    // eslint-disable-next-line no-unused-vars
-    _draft,
-    // eslint-disable-next-line no-unused-vars
-    _action) {},
+    setStepBackwardOrForward: function setStepBackwardOrForward(_draft, _action) {},
     setBbox: function setBbox(draft, action) {
       var _action$payload = action.payload,
         mapId = _action$payload.mapId,
@@ -2534,11 +2552,16 @@ var slice$4 = createSlice({
       var _action$payload9 = action.payload,
         oldIndex = _action$payload9.oldIndex,
         newIndex = _action$payload9.newIndex,
-        mapId = _action$payload9.mapId;
+        mapId = _action$payload9.mapId,
+        layerType = _action$payload9.layerType;
       if (!draft.byId[mapId]) {
         return;
       }
-      draft.byId[mapId].mapLayers = moveArrayElements(draft.byId[mapId].mapLayers, oldIndex, newIndex);
+      if (layerType !== LayerType.featureLayer) {
+        draft.byId[mapId].mapLayers = moveArrayElements(draft.byId[mapId].mapLayers, oldIndex, newIndex);
+      } else {
+        draft.byId[mapId].featureLayers = moveArrayElements(draft.byId[mapId].featureLayers, oldIndex, newIndex);
+      }
     },
     setAutoLayerId: function setAutoLayerId(draft, action) {
       var _action$payload0 = action.payload,
@@ -2708,11 +2731,7 @@ var slice$4 = createSlice({
       }
       draft.byId[mapId].dockedLayerManagerSize = dockedLayerManagerSize;
     },
-    setMapPresetError: function setMapPresetError(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {},
+    setMapPresetError: function setMapPresetError(_draft, _action) {},
     setDefaultMapSettings: function setDefaultMapSettings(draft, action) {
       draft.defaultMapSettings = action.payload.preset;
     },
@@ -2752,6 +2771,7 @@ var slice$4 = createSlice({
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
       var _action$payload27 = action.payload,
         newLayerId = _action$payload27.newLayerId,
+        oldLayerId = _action$payload27.oldLayerId,
         mapId = _action$payload27.mapId;
       if (!draft.byId[mapId]) {
         return;
@@ -2760,7 +2780,14 @@ var slice$4 = createSlice({
         console.warn("Warning: Layer id ".concat(newLayerId, " was already taken"));
         return;
       }
-      draft.byId[mapId].mapLayers.unshift(newLayerId);
+      var isFeatureLayer = draft.byId[mapId].featureLayers.some(function (id) {
+        return id === oldLayerId;
+      });
+      if (!isFeatureLayer) {
+        draft.byId[mapId].mapLayers.unshift(newLayerId);
+      } else {
+        draft.byId[mapId].featureLayers.unshift(newLayerId);
+      }
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
       var _action$payload28 = action.payload,
         layer = _action$payload28.layer,
@@ -3514,10 +3541,16 @@ var getLayerDisplayName = createSelector(getLayerType, getLayerOptions, getLayer
  */
 var getIsLayerMissing = createSelector(function (store) {
   return store;
-}, getLayerService, getLayerName, getLayerStatus, function (store, service, name, status) {
+}, getLayerService, getLayerName, getLayerStatus, getLayerType, function (store, service, name, status, type) {
+  if (type === LayerType.featureLayer) {
+    return false;
+  }
   var layer = getLayerFromService(store, service, name);
   return !layer || status === LayerStatus.error;
 }, selectorMemoizationOptions);
+var getIsLayerSelectable = createSelector(getLayerById, function (layer) {
+  return Boolean(layer === null || layer === void 0 ? void 0 : layer.isSelectable);
+}, selectorMemoizationOptions);
 
 var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3534,6 +3567,7 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
   getIsLayerInEditMode: getIsLayerInEditMode,
   getIsLayerMissing: getIsLayerMissing,
   getIsLayerPresent: getIsLayerPresent,
+  getIsLayerSelectable: getIsLayerSelectable,
   getLayerById: getLayerById,
   getLayerByIdWithoutTimeDimension: getLayerByIdWithoutTimeDimension,
   getLayerCurrentTime: getLayerCurrentTime,
@@ -3785,6 +3819,7 @@ var DialogTypes;
   DialogTypes["AreaObjectLoader"] = "areaObjectLoader";
   DialogTypes["DataExplorer"] = "dataExplorer";
   DialogTypes["DataExplorerInfo"] = "dataExplorerInfo";
+  DialogTypes["SelectedFeatures"] = "selectedFeatures";
   DialogTypes["SoundingsSources"] = "soundingsSources";
   DialogTypes["SoundingsLocations"] = "soundingsLocations";
   DialogTypes["TimeseriesLocations"] = "timeseriesLocations";
@@ -4178,47 +4213,47 @@ var slice$3 = createSlice({
     });
   }
 });
+var getPayLoadKey = function getPayLoadKey(type) {
+  switch (type) {
+    case setTimeSync.type:
+      return SYNCGROUPS_TYPE_SETTIME;
+    case setBboxSync.type:
+      return SYNCGROUPS_TYPE_SETBBOX;
+    default:
+      return null;
+  }
+};
+var mergePayloadInToState = function mergePayloadInToState(draftSource, payloadKey, payload) {
+  if (!draftSource) {
+    // Do nothing if draftSource is undefined/null
+    return;
+  }
+  if (!draftSource.payloadByType) {
+    draftSource.payloadByType = {};
+    draftSource.payloadByType[payloadKey] = payload;
+    return;
+  }
+  draftSource.payloadByType[payloadKey] = merge(draftSource.payloadByType[payloadKey], payload);
+};
 var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
   var _action$payload8 = action.payload,
     targets = _action$payload8.targets,
     source = _action$payload8.source,
     groups = _action$payload8.groups;
-  var getPayLoadKey = function getPayLoadKey(type) {
-    switch (type) {
-      case setTimeSync.type:
-        return SYNCGROUPS_TYPE_SETTIME;
-      case setBboxSync.type:
-        return SYNCGROUPS_TYPE_SETBBOX;
-      default:
-        return null;
-    }
-  };
   if (source) {
     var payloadKey = getPayLoadKey(action.type);
     if (!source.payload || !payloadKey) {
       console.warn('Wrong sync action: ', action);
       return;
     }
-    if (draft.sources.byId[source.payload.sourceId]) {
-      if (!draft.sources.byId[source.payload.sourceId].payloadByType) {
-        draft.sources.byId[source.payload.sourceId].payloadByType = {};
-      }
-      draft.sources.byId[source.payload.sourceId].payloadByType[payloadKey] = source.payload;
-    }
+    mergePayloadInToState(draft.sources.byId[source.payload.sourceId], payloadKey, source.payload);
     /* Update all targets */
     targets.forEach(function (target) {
-      if (draft.sources.byId[target.targetId]) {
-        if (!draft.sources.byId[target.targetId].payloadByType) {
-          draft.sources.byId[target.targetId].payloadByType = {};
-        }
-        draft.sources.byId[target.targetId].payloadByType[payloadKey] = source.payload;
-      }
+      mergePayloadInToState(draft.sources.byId[target.targetId], payloadKey, source.payload);
     });
     /* Set the value in the group */
     groups.forEach(function (group) {
-      if (draft.groups.byId[group]) {
-        draft.groups.byId[group].payloadByType[payloadKey] = source.payload;
-      }
+      mergePayloadInToState(draft.groups.byId[group], payloadKey, source.payload);
     });
   }
 };
@@ -4733,25 +4768,26 @@ function (state, mapId) {
     return feature.id === selectedFeatureId;
   });
   if (selectedFeature && selectedFeature.geometry.type === 'Point') {
-    var _selectedFeature$prop, _selectedFeature$prop2;
+    var _selectedFeature$prop, _selectedFeature$prop2, _selectedFeature$prop3;
     var coordinates = selectedFeature.geometry.coordinates;
     return {
       lat: coordinates[1],
       lon: coordinates[0],
       id: selectedFeature.id,
       name: (_selectedFeature$prop = selectedFeature.properties) === null || _selectedFeature$prop === void 0 ? void 0 : _selectedFeature$prop.name,
-      occurrences: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.occurrences
+      occurrences: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.occurrences,
+      serviceId: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.serviceId
     };
   }
   if (selectedFeature) {
-    var _selectedFeature$prop3, _selectedFeature$prop4;
+    var _selectedFeature$prop4, _selectedFeature$prop5;
     var center = turf.center(selectedFeature);
     return {
       lat: center.geometry.coordinates[1],
       lon: center.geometry.coordinates[0],
       id: selectedFeature.id,
-      name: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.name,
-      occurrences: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.occurrences
+      name: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.name,
+      occurrences: (_selectedFeature$prop5 = selectedFeature.properties) === null || _selectedFeature$prop5 === void 0 ? void 0 : _selectedFeature$prop5.occurrences
     };
   }
   return null;
@@ -4886,7 +4922,7 @@ var initLoadingIndicatorStateForId = function initLoadingIndicatorStateForId(dra
   if (!draft.entities[id]) {
     loadingIndicatorAdapter.addOne(draft, {
       id: id,
-      isGetMapLoading: false,
+      getMapLoadingPercentage: 100,
       isGetCapabilitiesLoading: false,
       isEDRLoading: false
     });
@@ -4899,9 +4935,9 @@ var slice$2 = createSlice({
     setGetMapIsLoading: function setGetMapIsLoading(draft, action) {
       var _action$payload = action.payload,
         id = _action$payload.id,
-        isGetMapLoading = _action$payload.isGetMapLoading;
+        getMapLoadingPercentage = _action$payload.getMapLoadingPercentage;
       initLoadingIndicatorStateForId(draft, id);
-      draft.entities[id].isGetMapLoading = isGetMapLoading;
+      draft.entities[id].getMapLoadingPercentage = getMapLoadingPercentage;
     },
     setGetCapabilitiesIsLoading: function setGetCapabilitiesIsLoading(draft, action) {
       var _action$payload2 = action.payload,
@@ -4925,6 +4961,14 @@ var slice$2 = createSlice({
         draft.entities[id].isEDRLoading = isEDRLoading;
       }
     }
+  },
+  extraReducers: function extraReducers(builder) {
+    builder.addCase(mapActions.unregisterMap, function (draft, action) {
+      var mapId = action.payload.mapId;
+      if (draft.entities[mapId]) {
+        loadingIndicatorAdapter.removeOne(draft, mapId);
+      }
+    });
   }
 });
 var loadingIndicatorActions = slice$2.actions,
@@ -4956,8 +5000,11 @@ var _loadingIndicatorAdap = loadingIndicatorAdapter.getSelectors(function (state
     return (_state$loadingIndicat = state === null || state === void 0 ? void 0 : state.loadingIndicator) !== null && _state$loadingIndicat !== void 0 ? _state$loadingIndicat : EMPTY_LOADING_INDICATOR;
   }),
   selectLoadingIndicatorById = _loadingIndicatorAdap.selectById;
-var isGetMapLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
-  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetMapLoading) || false;
+var getMapLoadingPercentage = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
+  return loadingIndicator ? loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.getMapLoadingPercentage : 100;
+}, selectorMemoizationOptions);
+var isGetMapLoading = createSelector(getMapLoadingPercentage, function (percentage) {
+  return percentage !== 100;
 }, selectorMemoizationOptions);
 var isGetCapabilitiesLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
   return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetCapabilitiesLoading) || false;
@@ -4975,6 +5022,7 @@ var isLoading = createSelector([isGetMapLoading, isGetCapabilitiesLoading, isEDR
 
 var selectors$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  getMapLoadingPercentage: getMapLoadingPercentage,
   isEDRLoading: isEDRLoading,
   isGetCapabilitiesLoading: isGetCapabilitiesLoading,
   isGetMapLoading: isGetMapLoading,
@@ -5155,8 +5203,13 @@ var getMapOverLayersIds = createSelector(getMapById, function (store) {
 }, selectorMemoizationOptions);
 var getMapFeatureLayers = createSelector(getMapById, getFeatureLayers, function (store, featureLayers) {
   var featureLayersOnMap = (store === null || store === void 0 ? void 0 : store.featureLayers) || [];
-  return featureLayers.filter(function (layer) {
-    return featureLayersOnMap.indexOf(layer.id) !== -1;
+  // We want to return the feature layers in the same order as in featureLayersOnMap
+  return featureLayersOnMap.map(function (id) {
+    return featureLayers.find(function (layer) {
+      return layer.id === id;
+    });
+  }).filter(function (layer) {
+    return !!layer;
   });
 }, selectorMemoizationOptions);
 /**
@@ -5813,7 +5866,7 @@ var getAnimationList = createSelector(getLayersById, getMapById, getAnimationSta
     values = _ref4.values;
   var unixAnimationStart = roundWithTimeStep(Number(animationStart && dateUtils.unix(dateUtils.utc(animationStart))), animationInterval, 'ceil');
   var unixAnimationEnd = roundWithTimeStep(Number(animationEnd && dateUtils.unix(dateUtils.utc(animationEnd))), animationInterval, 'floor');
-  var animationList = generateAnimationList(unixAnimationStart, unixAnimationEnd, values);
+  var animationList = mapStore !== null && mapStore !== void 0 && mapStore.isTimestepAuto ? generateAnimationList(unixAnimationStart, unixAnimationEnd, values) : generateAnimationList(unixAnimationStart, unixAnimationEnd, values, animationInterval);
   // If no animationList is generated, generate a default list using the interval from map
   if (!animationList.length) {
     var timeList = [];
@@ -6442,31 +6495,37 @@ genericListener.startListening({
 });
 // Synchronize timeslider settings for actions 'centertime', 'span' and 'timestep'.
 genericListener.startListening({
-  matcher: isAnyOf(mapActions.setTimeSliderCenterTime, mapActions.setTimeSliderSpan, mapActions.setTimeStep, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, mapActions.setAnimationDelay),
+  matcher: isAnyOf(mapActions.setTimeSliderCenterTime, mapActions.setTimeSliderSpan, mapActions.setTimeStep, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, mapActions.setAnimationDelay, mapActions.mapStartAnimation),
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      var _synchronizationGroup;
-      var payload, type, sourceId, syncGroupState, newPayload, targets, groups;
+      var payload, type, sourceId, newPayload, animationStartPayload, targets, groups;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             payload = _ref2.payload, type = _ref2.type;
             listenerApi.cancelActiveListeners();
             sourceId = payload.mapId;
-            syncGroupState = (_synchronizationGroup = getSynchronizationGroupSource(listenerApi.getState(), sourceId)) === null || _synchronizationGroup === void 0 || (_synchronizationGroup = _synchronizationGroup.payloadByType['SYNCGROUPS_TYPE_SETTIME']) === null || _synchronizationGroup === void 0 ? void 0 : _synchronizationGroup.value;
             newPayload = {
               sourceId: sourceId,
               origin: 'timeslidersynclistener',
               value: {
-                currentTime: syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.currentTime,
-                timeSliderCenterTime: type === mapActions.setTimeSliderCenterTime.type ? payload.timeSliderCenterTime : (syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderCenterTime) || 0,
-                timeSliderSpan: type === mapActions.setTimeSliderSpan.type ? payload.timeSliderSpan : syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderSpan,
-                timeSliderStep: type === mapActions.setTimeStep.type ? payload.timeStep : syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderStep,
-                timeSliderAnimationStartTime: type === mapActions.setAnimationStartTime.type ? payload.animationStartTime : syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderAnimationStartTime,
-                timeSliderAnimationEndTime: type === mapActions.setAnimationEndTime.type ? payload.animationEndTime : syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderAnimationEndTime,
-                timeSliderAnimationDelay: type === mapActions.setAnimationDelay.type ? payload.animationDelay : syncGroupState === null || syncGroupState === void 0 ? void 0 : syncGroupState.timeSliderAnimationDelay
+                timeSliderCenterTime: type === mapActions.setTimeSliderCenterTime.type ? payload.timeSliderCenterTime : undefined,
+                timeSliderSpan: type === mapActions.setTimeSliderSpan.type ? payload.timeSliderSpan : undefined,
+                timeSliderStep: type === mapActions.setTimeStep.type ? payload.timeStep : undefined,
+                timeSliderAnimationStartTime: type === mapActions.setAnimationStartTime.type ? payload.animationStartTime : undefined,
+                timeSliderAnimationEndTime: type === mapActions.setAnimationEndTime.type ? payload.animationEndTime : undefined,
+                timeSliderAnimationDelay: type === mapActions.setAnimationDelay.type ? payload.animationDelay : undefined
               }
             };
+            if (type === mapActions.mapStartAnimation.type) {
+              animationStartPayload = payload;
+              if (animationStartPayload.start) {
+                newPayload.value.timeSliderAnimationStartTime = animationStartPayload.start;
+              }
+              if (animationStartPayload.end) {
+                newPayload.value.timeSliderAnimationEndTime = animationStartPayload.end;
+              }
+            }
             targets = getTargets(listenerApi.getState(), newPayload, SYNCGROUPS_TYPE_SETTIME);
             groups = getTargetGroups(listenerApi.getState(), newPayload, SYNCGROUPS_TYPE_SETTIME);
             listenerApi.dispatch(setTimeSync(newPayload, targets, groups));
@@ -6801,12 +6860,12 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
   var wmLayers = reduxLayers.map(function (reduxLayer) {
     return reduxLayer.id && getWMLayerById(reduxLayer.id);
   }).filter(function (layer) {
-    return !!layer;
+    return !!layer && layer.enabled;
   });
   // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
   var isThereSomethingNotAvailable = wmLayers.map(function (layer) {
     var _layer$getDimension;
-    if (!layer || !layer.olSource) {
+    if (!layer || !layer.olSource || layer.enabled !== true) {
       // No OpenLayers source, do nothing, so do not flag that something is not available
       return {
         status: true
@@ -6904,7 +6963,13 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
     _iterator.f();
   }
   if (targetsWithUpdateValue.length > 0) {
-    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomelistener']));
+    // This ensures the source value is stored in the syncgroup
+    var metronomelistenersource = {
+      sourceId: 'metronomelistenersource',
+      origin: 'metronomelistenersource',
+      value: targetsWithUpdateValue[0].value
+    };
+    listenerApi.dispatch(setTimeSync(metronomelistenersource, targetsWithUpdateValue, ['metronomelistener']));
   }
 };
 
@@ -6993,7 +7058,6 @@ mapListener.startListening({
         updateAnimation(mapId, incomingMaxTime, listenerApi);
       }
     } catch (error) {
-      // eslint-disable-next-line no-console
       console.warn(error);
     }
   }
@@ -7091,7 +7155,6 @@ mapListener.startListening({
                 });
               }
             } catch (error) {
-              // eslint-disable-next-line no-console
               console.warn(error);
             }
           case 6:
@@ -7344,7 +7407,7 @@ mapListener.startListening({
                 animationStartTime: startTime
               }));
               listenerApi.dispatch(genericActions.setTime({
-                origin: '',
+                origin: 'map/listener.ts, setMapPreset',
                 sourceId: mapId,
                 value: {
                   currentTime: startTime
@@ -7367,7 +7430,7 @@ mapListener.startListening({
                 animationStartTime: _startTime
               }));
               listenerApi.dispatch(genericActions.setTime({
-                origin: '',
+                origin: 'map/listener.ts, setAnimationStartTime',
                 sourceId: mapId,
                 value: {
                   currentTime: _startTime
@@ -7534,7 +7597,7 @@ mapListener.startListening({
         }));
       }
       listenerApi.dispatch(genericActions.setTime({
-        origin: '',
+        origin: 'map/listener.ts, setStepBackwardOrForward',
         sourceId: mapId,
         value: {
           currentTime: handleDateUtilsISOString(selectedTimeString)
@@ -7790,7 +7853,6 @@ var fetchInitialServices = /*#__PURE__*/function () {
         case 7:
           _context2.prev = 7;
           _context2.t0 = _context2["catch"](2);
-          // eslint-disable-next-line no-console
           console.warn(_context2.t0);
         case 10:
         case "end":
@@ -7849,11 +7911,7 @@ var slice$1 = createSlice({
   initialState: initialState$1,
   name: 'router',
   reducers: {
-    navigateToUrl: function navigateToUrl(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {}
+    navigateToUrl: function navigateToUrl(_draft, _action) {}
   }
 });
 var routerReducer = slice$1.reducer,
@@ -8013,11 +8071,7 @@ var slice = createSlice({
       });
       drawTool.drawModes = newModes;
     },
-    changeIntersectionBounds: function changeIntersectionBounds(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {
+    changeIntersectionBounds: function changeIntersectionBounds(_draft, _action) {
       // action caught in drawingTool/listener
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "13.2.1",
+  "version": "14.0.1",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,15 +8,15 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "13.2.1",
+    "@opengeoweb/shared": "14.0.1",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "13.2.1",
-    "@opengeoweb/webmap": "13.2.1",
+    "@opengeoweb/webmap-react": "14.0.1",
+    "@opengeoweb/webmap": "14.0.1",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "13.2.1",
-    "@opengeoweb/time-slider": "13.2.1",
+    "@opengeoweb/metronome": "14.0.1",
+    "@opengeoweb/time-slider": "14.0.1",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",

package/src/store/drawingTool/reducer.d.ts

@@ -38,7 +38,7 @@ export declare const drawingToolReducer: import("redux").Reducer<DrawingToolStat
         shape: GeoJSON.FeatureCollection;
         title?: string;
     }>) => void;
-    changeIntersectionBounds: (draft: Draft<DrawingToolState>, action: PayloadAction<{
+    changeIntersectionBounds: (_draft: Draft<DrawingToolState>, _action: PayloadAction<{
         drawToolId: string;
         geoJSON: GeoJSON.FeatureCollection;
     }>) => void;

package/src/store/generic/loadingIndicator/selectors.d.ts

@@ -1,35 +1,35 @@
 import { LoadingIndicatorModuleState, LoadingIndicatorType } from './types';
 export declare const selectLoadingIndicatorById: (state: LoadingIndicatorModuleState, id: string) => {
     id: string;
-    isGetMapLoading: boolean;
+    getMapLoadingPercentage: number;
     isGetCapabilitiesLoading: boolean;
     isEDRLoading: boolean;
 };
-export declare const isGetMapLoading: ((state: LoadingIndicatorModuleState, id: string) => boolean) & {
+export declare const getMapLoadingPercentage: ((state: LoadingIndicatorModuleState, id: string) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
     resultFunc: (resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
-    }) => boolean;
+    }) => number;
     memoizedResultFunc: ((resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
-    }) => boolean) & {
+    }) => number) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => boolean;
+    lastResult: () => number;
     dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }];
@@ -41,6 +41,62 @@ export declare const isGetMapLoading: ((state: LoadingIndicatorModuleState, id:
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const isGetMapLoading: ((state: LoadingIndicatorModuleState, id: string) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: number) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: number) => boolean) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    dependencies: [((state: LoadingIndicatorModuleState, id: string) => number) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: {
+            id: string;
+            getMapLoadingPercentage: number;
+            isGetCapabilitiesLoading: boolean;
+            isEDRLoading: boolean;
+        }) => number;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+            id: string;
+            getMapLoadingPercentage: number;
+            isGetCapabilitiesLoading: boolean;
+            isEDRLoading: boolean;
+        }) => number) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => number;
+        dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
+            id: string;
+            getMapLoadingPercentage: number;
+            isGetCapabilitiesLoading: boolean;
+            isEDRLoading: boolean;
+        }];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const isGetCapabilitiesLoading: ((state: LoadingIndicatorModuleState, id: string) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -48,13 +104,13 @@ export declare const isGetCapabilitiesLoading: ((state: LoadingIndicatorModuleSt
 } & {
     resultFunc: (resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }) => boolean;
     memoizedResultFunc: ((resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }) => boolean) & {
@@ -65,7 +121,7 @@ export declare const isGetCapabilitiesLoading: ((state: LoadingIndicatorModuleSt
     lastResult: () => boolean;
     dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }];
@@ -84,13 +140,13 @@ export declare const isEDRLoading: ((state: LoadingIndicatorModuleState, id: str
 } & {
     resultFunc: (resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }) => boolean;
     memoizedResultFunc: ((resultFuncArgs_0: {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }) => boolean) & {
@@ -101,7 +157,7 @@ export declare const isEDRLoading: ((state: LoadingIndicatorModuleState, id: str
     lastResult: () => boolean;
     dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
         id: string;
-        isGetMapLoading: boolean;
+        getMapLoadingPercentage: number;
         isGetCapabilitiesLoading: boolean;
         isEDRLoading: boolean;
     }];
@@ -130,28 +186,48 @@ export declare const isLoading: ((state: LoadingIndicatorModuleState, id: string
         resultsCount: () => number;
         resetResultsCount: () => void;
     } & {
-        resultFunc: (resultFuncArgs_0: {
-            id: string;
-            isGetMapLoading: boolean;
-            isGetCapabilitiesLoading: boolean;
-            isEDRLoading: boolean;
-        }) => boolean;
-        memoizedResultFunc: ((resultFuncArgs_0: {
-            id: string;
-            isGetMapLoading: boolean;
-            isGetCapabilitiesLoading: boolean;
-            isEDRLoading: boolean;
-        }) => boolean) & {
+        resultFunc: (resultFuncArgs_0: number) => boolean;
+        memoizedResultFunc: ((resultFuncArgs_0: number) => boolean) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
         };
         lastResult: () => boolean;
-        dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
-            id: string;
-            isGetMapLoading: boolean;
-            isGetCapabilitiesLoading: boolean;
-            isEDRLoading: boolean;
+        dependencies: [((state: LoadingIndicatorModuleState, id: string) => number) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: {
+                id: string;
+                getMapLoadingPercentage: number;
+                isGetCapabilitiesLoading: boolean;
+                isEDRLoading: boolean;
+            }) => number;
+            memoizedResultFunc: ((resultFuncArgs_0: {
+                id: string;
+                getMapLoadingPercentage: number;
+                isGetCapabilitiesLoading: boolean;
+                isEDRLoading: boolean;
+            }) => number) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => number;
+            dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
+                id: string;
+                getMapLoadingPercentage: number;
+                isGetCapabilitiesLoading: boolean;
+                isEDRLoading: boolean;
+            }];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            memoize: typeof import("reselect").weakMapMemoize;
+            argsMemoize: typeof import("reselect").weakMapMemoize;
         }];
         recomputations: () => number;
         resetRecomputations: () => void;
@@ -167,13 +243,13 @@ export declare const isLoading: ((state: LoadingIndicatorModuleState, id: string
     } & {
         resultFunc: (resultFuncArgs_0: {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }) => boolean;
         memoizedResultFunc: ((resultFuncArgs_0: {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }) => boolean) & {
@@ -184,7 +260,7 @@ export declare const isLoading: ((state: LoadingIndicatorModuleState, id: string
         lastResult: () => boolean;
         dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }];
@@ -202,13 +278,13 @@ export declare const isLoading: ((state: LoadingIndicatorModuleState, id: string
     } & {
         resultFunc: (resultFuncArgs_0: {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }) => boolean;
         memoizedResultFunc: ((resultFuncArgs_0: {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }) => boolean) & {
@@ -219,7 +295,7 @@ export declare const isLoading: ((state: LoadingIndicatorModuleState, id: string
         lastResult: () => boolean;
         dependencies: [(state: LoadingIndicatorModuleState, id: string) => {
             id: string;
-            isGetMapLoading: boolean;
+            getMapLoadingPercentage: number;
             isGetCapabilitiesLoading: boolean;
             isEDRLoading: boolean;
         }];

package/src/store/generic/loadingIndicator/types.d.ts

@@ -1,7 +1,7 @@
 import { EntityState } from '@reduxjs/toolkit';
 export interface LoadingIndicatorType {
     id: string;
-    isGetMapLoading: boolean;
+    getMapLoadingPercentage: number;
     isGetCapabilitiesLoading: boolean;
     isEDRLoading: boolean;
 }
@@ -10,7 +10,7 @@ export interface LoadingIndicatorModuleState {
 }
 export interface SetIsGetMapLoadingPayload {
     id: string;
-    isGetMapLoading: boolean;
+    getMapLoadingPercentage: number;
 }
 export interface SetIsGetCapabilitiesLoadingPayload {
     id: string;

package/src/store/generic/selectors.d.ts

@@ -171,7 +171,7 @@ export declare const selectLinkedFeatures: ((state: any, props: {
 }) => {
     id: string;
     originalId?: string;
-    geoJSON: GeoJSON.FeatureCollection;
+    geoJSON: GeoJSON.FeatureCollection<GeoJSON.Geometry, import("./syncGroups/types").PotentialDataProperties | null>;
 }[]) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -180,12 +180,12 @@ export declare const selectLinkedFeatures: ((state: any, props: {
     resultFunc: (resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         originalId?: string;
-        geoJSON: GeoJSON.FeatureCollection;
+        geoJSON: GeoJSON.FeatureCollection<GeoJSON.Geometry, import("./syncGroups/types").PotentialDataProperties | null>;
     }[];
     memoizedResultFunc: ((resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         originalId?: string;
-        geoJSON: GeoJSON.FeatureCollection;
+        geoJSON: GeoJSON.FeatureCollection<GeoJSON.Geometry, import("./syncGroups/types").PotentialDataProperties | null>;
     }[]) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -194,7 +194,7 @@ export declare const selectLinkedFeatures: ((state: any, props: {
     lastResult: () => {
         id: string;
         originalId?: string;
-        geoJSON: GeoJSON.FeatureCollection;
+        geoJSON: GeoJSON.FeatureCollection<GeoJSON.Geometry, import("./syncGroups/types").PotentialDataProperties | null>;
     }[];
     dependencies: [(linkedState: any) => LinkedState | undefined, ((state: LinkedState, props: {
         mapId: string;
@@ -292,8 +292,16 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
     lat: number;
     lon: number;
     id: string;
-    name: any;
-    occurrences: any;
+    name: string | undefined;
+    occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+    serviceId: string | undefined;
+} | {
+    lat: number;
+    lon: number;
+    id: string;
+    name: string | undefined;
+    occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+    serviceId?: undefined;
 } | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -303,15 +311,31 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
         lat: number;
         lon: number;
         id: string;
-        name: any;
-        occurrences: any;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId: string | undefined;
+    } | {
+        lat: number;
+        lon: number;
+        id: string;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId?: undefined;
     } | null;
     memoizedResultFunc: ((resultFuncArgs_0: PotentialData) => {
         lat: number;
         lon: number;
         id: string;
-        name: any;
-        occurrences: any;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId: string | undefined;
+    } | {
+        lat: number;
+        lon: number;
+        id: string;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId?: undefined;
     } | null) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -321,8 +345,16 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
         lat: number;
         lon: number;
         id: string;
-        name: any;
-        occurrences: any;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId: string | undefined;
+    } | {
+        lat: number;
+        lon: number;
+        id: string;
+        name: string | undefined;
+        occurrences: import("./syncGroups/types").Occurrence[] | undefined;
+        serviceId?: undefined;
     } | null;
     dependencies: [(state: SynchronizationGroupState, mapId: string) => PotentialData];
     recomputations: () => number;
@@ -333,18 +365,18 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSelectedFeatureAsGeoJSON: ((state: SynchronizationGroupState, mapId: string) => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined) & {
+export declare const getSelectedFeatureAsGeoJSON: ((state: SynchronizationGroupState, mapId: string) => import("geojson").Feature<import("geojson").Geometry, import("./syncGroups/types").PotentialDataProperties | null> | null | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: PotentialData) => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined;
-    memoizedResultFunc: ((resultFuncArgs_0: PotentialData) => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined) & {
+    resultFunc: (resultFuncArgs_0: PotentialData) => import("geojson").Feature<import("geojson").Geometry, import("./syncGroups/types").PotentialDataProperties | null> | null | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: PotentialData) => import("geojson").Feature<import("geojson").Geometry, import("./syncGroups/types").PotentialDataProperties | null> | null | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined;
+    lastResult: () => import("geojson").Feature<import("geojson").Geometry, import("./syncGroups/types").PotentialDataProperties | null> | null | undefined;
     dependencies: [(state: SynchronizationGroupState, mapId: string) => PotentialData];
     recomputations: () => number;
     resetRecomputations: () => void;

package/src/store/generic/syncGroups/types.d.ts

@@ -1,4 +1,5 @@
 import { SystemScope } from '@opengeoweb/shared';
+import { MapFeatureClass } from '@opengeoweb/webmap-react';
 import { LoadingIndicatorModuleState } from '../loadingIndicator/types';
 import type { GenericActionPayload } from '../types';
 import { SYNCGROUPS_TYPE_SETBBOX, SYNCGROUPS_TYPE_SETLAYERACTIONS, SYNCGROUPS_TYPE_SETTIME } from './constants';
@@ -31,11 +32,37 @@ export interface SynchronizationGroup {
         allIds: string[];
     };
 }
+export interface Occurrence {
+    id: string;
+    properties: OccurrenceProperties;
+}
+export interface OccurrenceProperties {
+    name?: string;
+    serviceId: string;
+    collectionId: string;
+    parameterName?: string | string[];
+}
+export interface FeatureNameObject {
+    serviceId: string;
+    serviceName?: string;
+    collectionId: string;
+    collectionName: string;
+}
+export interface PotentialDataProperties {
+    occurrences?: Occurrence[];
+    name?: string;
+    names?: Record<string, FeatureNameObject[]>;
+    hidden?: boolean;
+    highlightSelectedFeature?: boolean;
+    mapFeatureClass?: MapFeatureClass;
+    serviceId?: string;
+    selectionType?: string;
+}
 export interface PotentialData {
     features?: {
         id: string;
         originalId?: string;
-        geoJSON: GeoJSON.FeatureCollection;
+        geoJSON: GeoJSON.FeatureCollection<GeoJSON.Geometry, PotentialDataProperties | null>;
     }[];
     selectedFeatureId?: string;
     formFeatures?: {

package/src/store/generic/synchronizationActions/actions.d.ts

@@ -5,7 +5,7 @@ import type { SetBboxSyncActionPayload, SetBboxSyncPayload, SetLayerActionsSyncP
  *
  * These actions should not be used by components directly. Components should only use the generic actions.
  */
-export declare const setTimeSync: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setTimePayload: SetTimePayload | null, targets: SetTimeSyncPayload[], groups: string[]], SetTimeSyncActionPayload, "GENERIC_SYNC_SETTIME", never, never>;
+export declare const setTimeSync: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[setTimePayload: SetTimePayload, targets: SetTimeSyncPayload[], groups: string[]], SetTimeSyncActionPayload, "GENERIC_SYNC_SETTIME", never, never>;
 export declare const setBboxSync: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: SetBboxPayload, targets: SetBboxSyncPayload[], groups: string[]], SetBboxSyncActionPayload, "GENERIC_SYNC_SETBBOX", never, never>;
 export declare const setLayerActionSync: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: SyncLayerPayloads, targets: SyncLayerPayloads[], type: string], SetLayerActionsSyncPayload, "GENERIC_SYNC_SETLAYERACTIONS", never, never>;
 export type GenericSyncActions = ReturnType<typeof setTimeSync> | ReturnType<typeof setBboxSync> | ReturnType<typeof setLayerActionSync>;

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

@@ -41,6 +41,9 @@ export declare const slice: import("@reduxjs/toolkit").Slice<LayerState, {
     updateFeatureProperties: (draft: Draft<LayerState>, action: PayloadAction<UpdateFeaturePropertiesPayload>) => void;
     toggleFeatureMode: (draft: Draft<LayerState>, action: PayloadAction<ToggleFeatureModePayload>) => void;
     exitFeatureDrawMode: (draft: Draft<LayerState>, action: PayloadAction<ExitFeatureDrawModePayload>) => void;
+    toggleSelectableFeatures: (draft: Draft<LayerState>, action: PayloadAction<{
+        layerId: string;
+    }>) => void;
     showLayerInfo: (draft: Draft<LayerState>, action: PayloadAction<ShowLayerInfoPayload>) => void;
     hideLayerInfo: (draft: Draft<LayerState>) => void;
 }, "layerReducer", "layerReducer", import("@reduxjs/toolkit").SliceSelectors<LayerState>>;
@@ -82,6 +85,9 @@ export declare const layerReducer: import("redux").Reducer<LayerState>, layerAct
     updateFeatureProperties: (draft: Draft<LayerState>, action: PayloadAction<UpdateFeaturePropertiesPayload>) => void;
     toggleFeatureMode: (draft: Draft<LayerState>, action: PayloadAction<ToggleFeatureModePayload>) => void;
     exitFeatureDrawMode: (draft: Draft<LayerState>, action: PayloadAction<ExitFeatureDrawModePayload>) => void;
+    toggleSelectableFeatures: (draft: Draft<LayerState>, action: PayloadAction<{
+        layerId: string;
+    }>) => void;
     showLayerInfo: (draft: Draft<LayerState>, action: PayloadAction<ShowLayerInfoPayload>) => void;
     hideLayerInfo: (draft: Draft<LayerState>) => void;
 }, "layerReducer">;

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

@@ -2470,3 +2470,44 @@ export declare const getIsLayerMissing: ((state: any, ...params: any[]) => boole
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getIsLayerSelectable: ((state: any, layerId: any) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => boolean) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    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;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

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

@@ -24,6 +24,7 @@ export interface FeatureLayer {
     selectedFeatureIndex?: number;
     isInEditMode?: boolean;
     drawMode?: string;
+    isSelectable?: boolean;
 }
 /**
  * ReduxLayer is used to reflect the shape of the layer in the redux layers store.

package/src/store/map/map/index.d.ts

@@ -13,7 +13,7 @@ export declare const mapUtils: {
     getTimeStepFromDataInterval: (timeInterval: import("@opengeoweb/webmap").TimeInterval) => number;
     getSpeedFactor: (speedDelay: number) => import("@opengeoweb/time-slider").SpeedFactorType;
     getAnimationDuration: (animationEndTime: string | undefined, animationStartTime: string | undefined) => number;
-    generateAnimationList: (unixAnimationStart: number, unixAnimationEnd: number, timeValues: string | undefined) => mapTypes.WebMapAnimationList;
+    generateAnimationList: (unixAnimationStart: number, unixAnimationEnd: number, timeValues: string | undefined, animationInterval?: number) => mapTypes.WebMapAnimationList;
     parseTimeDimToISO8601Interval: (timeInterval: string | undefined) => mapTypes.ISO8601Interval[];
     produceTimeSliderTimeSpan: (draft: import("immer").Draft<mapTypes.WebMapState>, mapId: string, timeSliderSpan: number) => void;
 };

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

@@ -54,7 +54,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDisableMapPin: (draft: Draft<WebMapState>, action: PayloadAction<DisableMapPinPayload>) => void;
     toggleMapPinIsVisible: (draft: Draft<WebMapState>, action: PayloadAction<ToggleMapPinIsVisiblePayload>) => void;
     setDockedLayerManagerSize: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerSize>) => void;
-    setMapPresetError: (draft: Draft<WebMapState>, action: PayloadAction<{
+    setMapPresetError: (_draft: Draft<WebMapState>, _action: PayloadAction<{
         mapId: string;
         error: string;
     }>) => void;

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

@@ -120,6 +120,7 @@ export interface MoveLayerPayload {
     oldIndex: number;
     newIndex: number;
     origin: string;
+    layerType?: string;
 }
 export interface TimeListType {
     name: string;

package/src/store/map/map/utils.d.ts

@@ -77,7 +77,7 @@ export declare const getAnimationDuration: (animationEndTime: string | undefined
  * @param iso8601Intervals
  * @returns WebMapAnimationList with time points
  */
-export declare const generateAnimationList: (unixAnimationStart: number, unixAnimationEnd: number, timeValues: string | undefined) => WebMapAnimationList;
+export declare const generateAnimationList: (unixAnimationStart: number, unixAnimationEnd: number, timeValues: string | undefined, animationInterval?: number) => WebMapAnimationList;
 /**
  * Parses the time dimension values string to an array of ISO8601 intervals
  * @param timeInterval

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

@@ -5,6 +5,6 @@ export declare const initialState: ServiceState;
 export declare const serviceReducer: import("redux").Reducer<ServiceState>, serviceActions: import("@reduxjs/toolkit").CaseReducerActions<{
     serviceSetLayers: (draft: Draft<ServiceState>, action: PayloadAction<SetLayersForServicePayload>) => void;
     mapStoreRemoveService: (draft: Draft<ServiceState>, action: PayloadAction<MapStoreRemoveServicePayload>) => void;
-    fetchInitialServices: (draft: Draft<ServiceState>, action: PayloadAction<FetchInitialServicesPayload>) => void;
+    fetchInitialServices: (_draft: Draft<ServiceState>, _action: PayloadAction<FetchInitialServicesPayload>) => void;
 }, "serviceReducer">;
 export type ServiceActions = ReturnType<typeof serviceActions.mapStoreRemoveService> | ReturnType<typeof serviceActions.serviceSetLayers> | ReturnType<typeof serviceActions.fetchInitialServices> | ReturnType<typeof layerActions.onUpdateLayerInformation>;

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

@@ -1,4 +1,4 @@
-import { SystemScope } from '@opengeoweb/shared';
+import { ServiceInterface, SystemScope } from '@opengeoweb/shared';
 import { LayerProps } from '@opengeoweb/webmap';
 export interface InitialService {
     id: string;
@@ -17,6 +17,7 @@ export interface ReduxService {
     active?: boolean;
     layers?: ServiceLayer[];
     scope?: SystemScope;
+    type?: ServiceInterface;
 }
 /**
   Used in the services object of webmap to keep a list of available layers in the service
@@ -34,6 +35,7 @@ export interface SetLayersForServicePayload {
     layers: ServiceLayer[];
     scope: SystemScope;
     isUpdating?: boolean;
+    type?: ServiceInterface;
 }
 export interface MapStoreRemoveServicePayload {
     id: string;

package/src/store/router/reducer.d.ts

@@ -3,6 +3,6 @@ import { PayloadAction } from '@reduxjs/toolkit';
 import { NavigateToUrlPayload } from './types';
 export declare const initialState: {};
 export declare const routerReducer: import("redux").Reducer<{}>, routerActions: import("@reduxjs/toolkit").CaseReducerActions<{
-    navigateToUrl: (draft: Draft<unknown>, action: PayloadAction<NavigateToUrlPayload>) => void;
+    navigateToUrl: (_draft: Draft<unknown>, _action: PayloadAction<NavigateToUrlPayload>) => void;
 }, "router">;
 export type RouterActions = ReturnType<typeof routerActions.navigateToUrl>;

package/src/store/ui/types.d.ts

@@ -21,6 +21,7 @@ export declare enum DialogTypes {
     AreaObjectLoader = "areaObjectLoader",
     DataExplorer = "dataExplorer",
     DataExplorerInfo = "dataExplorerInfo",
+    SelectedFeatures = "selectedFeatures",
     SoundingsSources = "soundingsSources",
     SoundingsLocations = "soundingsLocations",
     TimeseriesLocations = "timeseriesLocations"