@opengeoweb/store 12.5.0 → 12.7.0

package/index.esm.js

@@ -1,10 +1,10 @@
 import { createSlice, createSelector, createAction, createListenerMiddleware, isAnyOf, createEntityAdapter, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { isEqual, isEmpty, compact } from 'lodash';
 import { dateUtils, PROJECTION, defaultDelay } from '@opengeoweb/shared';
-import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, getWMJSMapById, webmapTestSettings, WMLayer, getWMSRequests, handleDateUtilsISOString, isProjectionSupported, queryWMSLayers, getWMLayerById, WMInvalidDateValues } from '@opengeoweb/webmap';
+import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, webmapTestSettings, WMLayer, getWMLayerById, WMInvalidDateValues, handleDateUtilsISOString, isProjectionSupported, queryWMSLayers } from '@opengeoweb/webmap';
 import { defaultSecondsPerPx, defaultAnimationDelayAtStart, defaultTimeStep, defaultTimeSpan, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/timeslider';
 import { produce } from 'immer';
-import { getLastEmptyFeatureIndex, getGeoJson, moveFeature, createInterSections, defaultLayers, emptyGeoJSON, defaultIntersectionStyleProperties, addSelectionTypeToGeoJSON, getFeatureCollection, isOpenLayersEnabled } from '@opengeoweb/webmap-react';
+import { getLastEmptyFeatureIndex, getGeoJson, moveFeature, createInterSections, defaultLayers, emptyGeoJSON, defaultIntersectionStyleProperties, addSelectionTypeToGeoJSON, getFeatureCollection } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 import { useSelector, useDispatch } from 'react-redux';
 import { useCallback, useEffect } from 'react';
@@ -2461,10 +2461,6 @@ var slice$4 = createSlice({
         return;
       }
       draft.byId[mapId].isAnimating = true;
-      var wmMap = getWMJSMapById(mapId);
-      if (wmMap) {
-        wmMap.shouldPrefetch = false;
-      }
       // Animation is defined by one of the following:
       // - start, end and interval for a continuous animation loop with constant interval
       // - timeList, for a custom timeList
@@ -2489,10 +2485,6 @@ var slice$4 = createSlice({
         return;
       }
       draft.byId[mapId].isAnimating = false;
-      var wmMap = getWMJSMapById(mapId);
-      if (wmMap) {
-        wmMap.shouldPrefetch = true;
-      }
     },
     setTimeSliderSpan: function setTimeSliderSpan(draft, action) {
       var _action$payload4 = action.payload,
@@ -2561,12 +2553,12 @@ var slice$4 = createSlice({
       if (!map) {
         return;
       }
-      if (autoUpdateLayerId || autoTimeStepLayerId) {
-        map.autoUpdateLayerId = autoUpdateLayerId;
+      if (autoTimeStepLayerId || autoUpdateLayerId) {
         map.autoTimeStepLayerId = autoTimeStepLayerId;
+        map.autoUpdateLayerId = autoUpdateLayerId;
       } else if (layerId) {
-        map.autoUpdateLayerId = layerId;
         map.autoTimeStepLayerId = layerId;
+        map.autoUpdateLayerId = layerId;
       } else {
         map.autoTimeStepLayerId = undefined;
         map.autoUpdateLayerId = undefined;
@@ -2803,32 +2795,6 @@ var slice$4 = createSlice({
         draft.byId[mapId].mapLayers = layerIds;
         draft.byId[mapId].autoUpdateLayerId = activeLayerId;
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
-        var webmapInstance = webmapUtils.getWMJSMapById(mapId);
-        if (webmapInstance) {
-          var mapDims = webmapInstance.getDimensionList();
-          if (!draft.byId[mapId].dimensions) {
-            draft.byId[mapId].dimensions = [];
-          }
-          var draftDims = draft.byId[mapId].dimensions;
-          if (mapDims && draftDims) {
-            mapDims.forEach(function (dim) {
-              var draftMapDimIndex = draftDims.findIndex(function (draftDim) {
-                return draftDim.name === dim.name;
-              });
-              if (draftMapDimIndex !== -1) {
-                draftDims[draftMapDimIndex].name = dim.name;
-                draftDims[draftMapDimIndex].units = dim.units;
-                draftDims[draftMapDimIndex].currentValue = dim.currentValue;
-              } else {
-                draftDims.push({
-                  name: dim.name,
-                  units: dim.units,
-                  currentValue: dim.currentValue
-                });
-              }
-            });
-          }
-        }
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
       var _action$payload31 = action.payload,
@@ -3714,6 +3680,8 @@ var DialogTypes;
   DialogTypes["PublicWarnings"] = "publicWarnings";
   DialogTypes["Search"] = "search";
   DialogTypes["AreaObjectLoader"] = "areaObjectLoader";
+  DialogTypes["DataExplorer"] = "dataExplorer";
+  DialogTypes["DataExplorerInfo"] = "dataExplorerInfo";
   DialogTypes["SoundingsSources"] = "soundingsSources";
   DialogTypes["SoundingsLocations"] = "soundingsLocations";
 })(DialogTypes || (DialogTypes = {}));
@@ -3930,6 +3898,31 @@ var slice$3 = createSlice({
         mapIds = _action$payload.mapIds;
       draft.linkedState.links[panelId] = mapIds;
     },
+    removeLinkedMap: function removeLinkedMap(draft, action) {
+      var panelId = action.payload;
+      // Remove panelId from sources
+      delete draft.sources.byId[panelId];
+      removeInPlace(draft.sources.allIds, function (_id) {
+        return _id === panelId;
+      });
+      // Remove panelId from any arrays in linkedState
+      delete draft.linkedState.links[panelId];
+      delete draft.linkedState.sharedData[panelId];
+      Object.keys(draft.linkedState.links).forEach(function (key) {
+        var arr = draft.linkedState.links[key];
+        removeInPlace(arr, function (_id) {
+          return _id === panelId;
+        });
+      });
+      // Remove panelId from groups
+      Object.keys(draft.groups.byId).forEach(function (groupId) {
+        var group = draft.groups.byId[groupId];
+        delete group.targets.byId[panelId];
+        removeInPlace(group.targets.allIds, function (_id) {
+          return _id === panelId;
+        });
+      });
+    },
     addSharedData: function addSharedData(draft, action) {
       var _action$payload2 = action.payload,
         panelId = _action$payload2.panelId,
@@ -4558,10 +4551,9 @@ var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId)
   return panelId && linkedState.links[panelId] || [];
 }, selectorMemoizationOptions);
 var getLinkedFeatureProviders = function getLinkedFeatureProviders(linkedState, mapId) {
-  return linkedState ? Object.keys(linkedState.links).filter(function (panelId) {
-    return linkedState.links[panelId].find(function (id) {
-      return id === mapId;
-    });
+  return linkedState !== null && linkedState !== void 0 && linkedState.links ? Object.keys(linkedState.links).filter(function (panelId) {
+    var _linkedState$links;
+    return (_linkedState$links = linkedState.links) === null || _linkedState$links === void 0 || (_linkedState$links = _linkedState$links[panelId]) === null || _linkedState$links === void 0 ? void 0 : _linkedState$links.includes(mapId);
   }) : [];
 };
 var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
@@ -4595,23 +4587,23 @@ var selectLinkedFeatures = createSelector([function (linkedState) {
   return linkedState;
 }, getLinkedFeatureProviders], function (linkedState, featureProviders) {
   var features = featureProviders.flatMap(function (providerId) {
-    var _linkedState$sharedDa;
-    return ((_linkedState$sharedDa = linkedState.sharedData[providerId]) === null || _linkedState$sharedDa === void 0 ? void 0 : _linkedState$sharedDa.features) || [];
-  }).filter(function (f) {
-    return f !== undefined;
+    var _linkedState$sharedDa, _linkedState$sharedDa2;
+    return (_linkedState$sharedDa = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa2 = linkedState.sharedData) === null || _linkedState$sharedDa2 === void 0 || (_linkedState$sharedDa2 = _linkedState$sharedDa2[providerId]) === null || _linkedState$sharedDa2 === void 0 ? void 0 : _linkedState$sharedDa2.features) !== null && _linkedState$sharedDa !== void 0 ? _linkedState$sharedDa : [];
+  });
+  return features.filter(function (feature) {
+    return feature !== undefined;
   });
-  return features;
 });
 var selectLinkedFormFeatures = createSelector([function (linkedState) {
   return linkedState;
 }, getLinkedFeatureProviders], function (linkedState, featureProviders) {
   var features = featureProviders.flatMap(function (providerId) {
-    var _linkedState$sharedDa2;
-    return ((_linkedState$sharedDa2 = linkedState.sharedData[providerId]) === null || _linkedState$sharedDa2 === void 0 ? void 0 : _linkedState$sharedDa2.formFeatures) || [];
-  }).filter(function (f) {
-    return f !== undefined;
+    var _linkedState$sharedDa3, _linkedState$sharedDa4;
+    return (_linkedState$sharedDa3 = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa4 = linkedState.sharedData) === null || _linkedState$sharedDa4 === void 0 || (_linkedState$sharedDa4 = _linkedState$sharedDa4[providerId]) === null || _linkedState$sharedDa4 === void 0 ? void 0 : _linkedState$sharedDa4.formFeatures) !== null && _linkedState$sharedDa3 !== void 0 ? _linkedState$sharedDa3 : [];
+  });
+  return features.filter(function (feature) {
+    return feature !== undefined;
   });
-  return features;
 });
 var getSelectedFeature = createSelector([
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
@@ -5579,7 +5571,7 @@ var getLegendId = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {MapPreset} returnType: MapPreset
  */
-var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoUpdateLayerId, autoTimeStepLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore) {
   var _uiStore$dialogs$lege;
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
@@ -6569,9 +6561,9 @@ genericListener.startListening({
 });
 
 /* A map with all the timerIds and their current step */
-var stepMap$1 = new Map();
+var stepMap = new Map();
 /* A map with a list of timers and their dwell */
-var timerDwellMap$1 = new Map();
+var timerDwellMap = new Map();
 /**
  * Returns the next step for given timerId.
  * @param timerId The timer id
@@ -6579,9 +6571,9 @@ var timerDwellMap$1 = new Map();
  * @param numStepsToGoForward Amount of steps to go forwards, defaults to 1. Can be positive and negative
  * @returns
  */
-var getNextStep$1 = function getNextStep(timerId, numberOfStepsInAnimation) {
+var getNextStep = function getNextStep(timerId, numberOfStepsInAnimation) {
   var numStepsToGoForward = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var currentStep = getCurrentStep$1(timerId);
+  var currentStep = getCurrentStep(timerId);
   var nextStep = currentStep + numStepsToGoForward;
   var nextStepClipped = (nextStep % numberOfStepsInAnimation + numberOfStepsInAnimation) % numberOfStepsInAnimation;
   return nextStepClipped;
@@ -6593,19 +6585,19 @@ var getNextStep$1 = function getNextStep(timerId, numberOfStepsInAnimation) {
  * @param dwell The number of steps to wait at the end of the animation sequence before to continue
  * @returns
  */
-var handleTimerDwell$1 = function handleTimerDwell(timerId, numberOfStepsInAnimation) {
+var handleTimerDwell = function handleTimerDwell(timerId, numberOfStepsInAnimation) {
   var dwell = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 8;
   if (dwell > 0) {
-    var currentStep = getCurrentStep$1(timerId);
+    var currentStep = getCurrentStep(timerId);
     // Reset the dwell if we are not at the last animation step
     if (currentStep < numberOfStepsInAnimation - 1) {
-      timerDwellMap$1.set(timerId, dwell);
+      timerDwellMap.set(timerId, dwell);
       return false;
     }
     // We are at the last animation step, check the dwell
-    var timerDwell = timerDwellMap$1.has(timerId) && timerDwellMap$1.get(timerId) || 0;
+    var timerDwell = timerDwellMap.has(timerId) && timerDwellMap.get(timerId) || 0;
     if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
-      timerDwellMap$1.set(timerId, timerDwell - 1);
+      timerDwellMap.set(timerId, timerDwell - 1);
       return true;
     }
   }
@@ -6616,84 +6608,129 @@ var handleTimerDwell$1 = function handleTimerDwell(timerId, numberOfStepsInAnima
  * @param timerId
  * @param timerStep
  */
-var setStep$1 = function setStep(timerId, timerStep) {
-  stepMap$1.set(timerId, timerStep);
+var setStep = function setStep(timerId, timerStep) {
+  stepMap.set(timerId, timerStep);
 };
 /**
  * Gets the current step for the timer
  * @param timerId
  * @returns
  */
-var getCurrentStep$1 = function getCurrentStep(timerId) {
-  return stepMap$1.get(timerId) || 0;
+var getCurrentStep = function getCurrentStep(timerId) {
+  return stepMap.get(timerId) || 0;
 };
-var MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH = 2;
-var MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES = 8;
-/**
- * This prefetches all images connected to the same sync group as provided timerId
- * @param timerId The timerId
- * @param animationListValues List of animation steps in isostring to animate
- * @param targets List of targets to check
- * @returns True if all maps are ready to go forward, false if the map has no data to display yet.
- */
-var prefetchAnimationTargetsForMetronome = function prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets) {
-  var timerShouldStepForward = true;
-  // The following code prefetches/buffers for all maps in the group
-  for (var numPrefetch = 0; numPrefetch < MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH; numPrefetch += 1) {
-    var nextStep = getNextStep$1(timerId, animationListValues.length, numPrefetch + 1);
-    var nextTimeValueStepToCheck = animationListValues[nextStep];
-    var _iterator = _createForOfIteratorHelper(targets),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var target = _step.value;
-        var targetMapId = target.targetId;
-        var wmMap = getWMJSMapById(targetMapId);
-        if (!wmMap) {
-          return true; // Map was not registered so there is nothing to prefetch, do not block going forward
-        }
-        var layersImageUrls = getWMSRequests(wmMap, [{
-          name: 'time',
-          currentValue: nextTimeValueStepToCheck
-        }]);
-        var _iterator2 = _createForOfIteratorHelper(layersImageUrls),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var layersImageUrl = _step2.value;
-            var image = wmMap.getMapImageStore.getImage(layersImageUrl.url);
-            if (!image.isLoaded()) {
-              if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
-                image.load();
-              }
-              if (numPrefetch === 0) {
-                var altImage = wmMap.getAlternativeImage(layersImageUrl.url, wmMap.getBBOX(), true);
-                // No alternative image available yet, so skipping animation.
-                if (altImage.length === 0) {
-                  // This is useful to indicate that the map is loading and has nothing yet to display.
-                  // console.warn('No data available: Not stepping forward');
-                  timerShouldStepForward = false;
-                }
-              }
-            } else if (image.isStale()) {
-              if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
-                image.forceReload(true);
-              }
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
+/**
+ * Checks if the next step is available for all provided layers
+ * @param reduxLayers
+ * @param nextTimeString
+ * @returns
+ */
+var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeString) {
+  // Get all wmLayers for the found id's
+  var wmLayers = reduxLayers.map(function (reduxLayer) {
+    return reduxLayer.id && getWMLayerById(reduxLayer.id);
+  }).filter(function (l) {
+    return !!l;
+  });
+  // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
+  var isThereSomethingNotAvailable = wmLayers.map(function (l) {
+    var _l$getDimension;
+    if (!l || !l.olSource) {
+      // No OpenLayers source, do nothing, so do not flag that something is not available
+      return {
+        status: true
+      };
+    }
+    // Check if there is a timevalue available
+    var closestValue = (_l$getDimension = l.getDimension('time')) === null || _l$getDimension === void 0 ? void 0 : _l$getDimension.getClosestValue(nextTimeString);
+    if (!closestValue || WMInvalidDateValues.has(closestValue)) {
+      // No value available, so do not flag that something is not available
+      return {
+        status: true
+      };
+    }
+    var olSource = l.olSource;
+    var hasImageAvailableForRequestedTimeStep = olSource.hasImageForTimeValue(closestValue);
+    // If there is no image available for requested timestep, return true and flag that this thing is not ready yet.
+    if (hasImageAvailableForRequestedTimeStep) {
+      return {
+        status: true
+      };
+    }
+    olSource.loadImageForTimeValue(closestValue);
+    return {
+      status: false
+    };
+  });
+  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (d) {
+    return d.status === true;
+  }).length === wmLayers.length;
+  return nextStepIsAvailable;
+};
+/**
+ * This handler is triggered by the metronome. An array of timerIds is given as argument.
+ * It will update the animation loop of multiple maps and sliders
+ * It will prefetch images for maps
+ * @param timerIds string[] array of timerIds
+ * @param listenerApi ListenerEffectAPI<CoreAppStore, Dispatch, unknown> listenerApi as received from listener
+ */
+var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
+  var targetsWithUpdateValue = [];
+  var _iterator = _createForOfIteratorHelper(timerIds),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var timerId = _step.value;
+      var animationListValuesNameAndValue = getAnimationList(listenerApi.getState(), timerId);
+      var animationListValues = animationListValuesNameAndValue.map(function (nameAndValue) {
+        return nameAndValue.value;
+      });
+      var targets = getTargets(listenerApi.getState(), {
+        sourceId: timerId,
+        origin: timerId
+      }, SYNCGROUPS_TYPE_SETTIME);
+      if (targets.length === 0) {
+        // When there are no targets, default to one
+        targets.push({
+          targetId: timerId,
+          value: ''
+        });
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+      var timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
+      // Collect all layers for this syncgroups target
+      var reduxLayers = [];
+      targets.forEach(function (target) {
+        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (l) {
+          return l.layerType === LayerType.mapLayer;
+        })));
+      });
+      var nextStep = getNextStep(timerId, animationListValues.length, 1);
+      var timerShouldStepForward = isNextStepAvailable(reduxLayers, animationListValues[nextStep]) && !timerIsInDwell;
+      // Determine the next step
+      var timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
+      setStep(timerId, timerStep);
+      var updatedValue = animationListValues[timerStep];
+      targetsWithUpdateValue.push.apply(targetsWithUpdateValue, _toConsumableArray(targets.map(function (target) {
+        return _objectSpread2(_objectSpread2({}, target), {}, {
+          value: updatedValue
+        });
+      })));
+      var speedDelay = getMapAnimationDelay(listenerApi.getState(), timerId);
+      var speed = 1000 / (speedDelay || 1);
+      metronome.setSpeed(timerId, speed);
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _loop();
     }
+    // Update all targets of all sync groups in one action.
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (targetsWithUpdateValue.length > 0) {
+    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomelistener']));
   }
-  return timerShouldStepForward;
 };
 
 var isAnimationEndTimeValid = function isAnimationEndTimeValid(animationEndTime) {
@@ -6914,7 +6951,7 @@ mapListener.startListening({
         return timeNameValue.value === initialTime;
       });
       if (initalTimerStep !== -1) {
-        setStep$1(useMapId, initalTimerStep);
+        setStep(useMapId, initalTimerStep);
       }
     }
   }
@@ -6966,7 +7003,7 @@ mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
     var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$, _newLayerIds$layers$f2, _newLayerIds$layers$2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoUpdateLayerId, newAutoTimeStepLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
+      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -6993,22 +7030,21 @@ mapListener.startListening({
                 layers: mapLayers,
                 autoTimeStepLayerId: autoTimeStepLayerIdNew,
                 autoUpdateLayerId: autoUpdateLayerIdNew
-              }); //  set layers
+              });
               listenerApi.dispatch(layerActions.setLayers({
                 mapId: mapId,
                 layers: newLayerIds.layers
               }));
-              // make sure layer with new id exist and if not, default to first layer
-              newAutoUpdateLayerId = ((_newLayerIds$layers$f = newLayerIds.layers.find(function (layer) {
-                return layer.id === newLayerIds.autoUpdateLayerId;
-              })) === null || _newLayerIds$layers$f === void 0 ? void 0 : _newLayerIds$layers$f.id) || ((_newLayerIds$layers$ = newLayerIds.layers[0]) === null || _newLayerIds$layers$ === void 0 ? void 0 : _newLayerIds$layers$.id);
-              newAutoTimeStepLayerId = ((_newLayerIds$layers$f2 = newLayerIds.layers.find(function (layer) {
+              newAutoTimeStepLayerId = ((_newLayerIds$layers$f = newLayerIds.layers.find(function (layer) {
                 return layer.id === newLayerIds.autoTimeStepLayerId;
-              })) === null || _newLayerIds$layers$f2 === void 0 ? void 0 : _newLayerIds$layers$f2.id) || ((_newLayerIds$layers$2 = newLayerIds.layers[0]) === null || _newLayerIds$layers$2 === void 0 ? void 0 : _newLayerIds$layers$2.id);
+              })) === null || _newLayerIds$layers$f === void 0 ? void 0 : _newLayerIds$layers$f.id) || undefined;
+              newAutoUpdateLayerId = ((_newLayerIds$layers$f2 = newLayerIds.layers.find(function (layer) {
+                return layer.id === newLayerIds.autoUpdateLayerId;
+              })) === null || _newLayerIds$layers$f2 === void 0 ? void 0 : _newLayerIds$layers$f2.id) || undefined;
               listenerApi.dispatch(mapActions.setAutoLayerId({
                 mapId: mapId,
-                autoUpdateLayerId: newAutoUpdateLayerId,
-                autoTimeStepLayerId: newAutoTimeStepLayerId
+                autoTimeStepLayerId: newAutoTimeStepLayerId,
+                autoUpdateLayerId: newAutoUpdateLayerId
               }));
             }
             customLayers = getdefaultMapSettingsLayers(listenerApi.getState());
@@ -8211,240 +8247,6 @@ layersListener.startListening({
   }()
 });
 
-/* A map with all the timerIds and their current step */
-var stepMap = new Map();
-/* A map with a list of timers and their dwell */
-var timerDwellMap = new Map();
-/**
- * Returns the next step for given timerId.
- * @param timerId The timer id
- * @param numberOfStepsInAnimation Animation length in steps
- * @param numStepsToGoForward Amount of steps to go forwards, defaults to 1. Can be positive and negative
- * @returns
- */
-var getNextStep = function getNextStep(timerId, numberOfStepsInAnimation) {
-  var numStepsToGoForward = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var currentStep = getCurrentStep(timerId);
-  var nextStep = currentStep + numStepsToGoForward;
-  var nextStepClipped = (nextStep % numberOfStepsInAnimation + numberOfStepsInAnimation) % numberOfStepsInAnimation;
-  return nextStepClipped;
-};
-/**
- * Handles dwell at the end of the animation loop sequence. The number of steps to wait till proceed can be set by the dwell parameter.
- * @param timerId The timer id
- * @param numberOfStepsInAnimation Number of steps in the animation
- * @param dwell The number of steps to wait at the end of the animation sequence before to continue
- * @returns
- */
-var handleTimerDwell = function handleTimerDwell(timerId, numberOfStepsInAnimation) {
-  var dwell = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 8;
-  if (dwell > 0) {
-    var currentStep = getCurrentStep(timerId);
-    // Reset the dwell if we are not at the last animation step
-    if (currentStep < numberOfStepsInAnimation - 1) {
-      timerDwellMap.set(timerId, dwell);
-      return false;
-    }
-    // We are at the last animation step, check the dwell
-    var timerDwell = timerDwellMap.has(timerId) && timerDwellMap.get(timerId) || 0;
-    if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
-      timerDwellMap.set(timerId, timerDwell - 1);
-      return true;
-    }
-  }
-  return false;
-};
-/**
- * Set step for the timerId
- * @param timerId
- * @param timerStep
- */
-var setStep = function setStep(timerId, timerStep) {
-  stepMap.set(timerId, timerStep);
-};
-/**
- * Gets the current step for the timer
- * @param timerId
- * @returns
- */
-var getCurrentStep = function getCurrentStep(timerId) {
-  return stepMap.get(timerId) || 0;
-};
-/**
- * Checks if the next step is available for all provided layers
- * @param reduxLayers
- * @param nextTimeString
- * @returns
- */
-var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeString) {
-  // Get all wmLayers for the found id's
-  var wmLayers = reduxLayers.map(function (reduxLayer) {
-    return reduxLayer.id && getWMLayerById(reduxLayer.id);
-  }).filter(function (l) {
-    return !!l;
-  });
-  // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
-  var isThereSomethingNotAvailable = wmLayers.map(function (l) {
-    var _l$getDimension;
-    if (!l || !l.olSource) {
-      // No OpenLayers source, do nothing, so do not flag that something is not available
-      return {
-        status: true
-      };
-    }
-    // Check if there is a timevalue available
-    var closestValue = (_l$getDimension = l.getDimension('time')) === null || _l$getDimension === void 0 ? void 0 : _l$getDimension.getClosestValue(nextTimeString);
-    if (!closestValue || WMInvalidDateValues.has(closestValue)) {
-      // No value available, so do not flag that something is not available
-      return {
-        status: true
-      };
-    }
-    var olSource = l.olSource;
-    var hasImageAvailableForRequestedTimeStep = olSource.hasImageForTimeValue(closestValue);
-    // If there is no image available for requested timestep, return true and flag that this thing is not ready yet.
-    if (hasImageAvailableForRequestedTimeStep) {
-      return {
-        status: true
-      };
-    }
-    olSource.loadImageForTimeValue(closestValue);
-    return {
-      status: false
-    };
-  });
-  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (d) {
-    return d.status === true;
-  }).length === wmLayers.length;
-  return nextStepIsAvailable;
-};
-/**
- * This handler is triggered by the metronome. An array of timerIds is given as argument.
- * It will update the animation loop of multiple maps and sliders
- * It will prefetch images for maps
- * @param timerIds string[] array of timerIds
- * @param listenerApi ListenerEffectAPI<CoreAppStore, Dispatch, unknown> listenerApi as received from listener
- */
-var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
-  var targetsWithUpdateValue = [];
-  var _iterator = _createForOfIteratorHelper(timerIds),
-    _step;
-  try {
-    var _loop = function _loop() {
-      var timerId = _step.value;
-      var animationListValuesNameAndValue = getAnimationList(listenerApi.getState(), timerId);
-      var animationListValues = animationListValuesNameAndValue.map(function (nameAndValue) {
-        return nameAndValue.value;
-      });
-      var targets = getTargets(listenerApi.getState(), {
-        sourceId: timerId,
-        origin: timerId
-      }, SYNCGROUPS_TYPE_SETTIME);
-      if (targets.length === 0) {
-        // When there are no targets, default to one
-        targets.push({
-          targetId: timerId,
-          value: ''
-        });
-      }
-      var timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
-      // Collect all layers for this syncgroups target
-      var reduxLayers = [];
-      targets.forEach(function (target) {
-        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (l) {
-          return l.layerType === LayerType.mapLayer;
-        })));
-      });
-      var nextStep = getNextStep(timerId, animationListValues.length, 1);
-      var timerShouldStepForward = isNextStepAvailable(reduxLayers, animationListValues[nextStep]) && !timerIsInDwell;
-      // Determine the next step
-      var timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
-      setStep(timerId, timerStep);
-      var updatedValue = animationListValues[timerStep];
-      targetsWithUpdateValue.push.apply(targetsWithUpdateValue, _toConsumableArray(targets.map(function (target) {
-        return _objectSpread2(_objectSpread2({}, target), {}, {
-          value: updatedValue
-        });
-      })));
-      var speedDelay = getMapAnimationDelay(listenerApi.getState(), timerId);
-      var speed = 1000 / (speedDelay || 1);
-      metronome.setSpeed(timerId, speed);
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _loop();
-    }
-    // Update all targets of all sync groups in one action.
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  if (targetsWithUpdateValue.length > 0) {
-    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomelistener']));
-  }
-};
-
-/**
- * This handler is triggered by the metronome. An array of timerIds is given as argument.
- * It will update the animation loop of multiple maps and sliders
- * It will prefetch images for maps
- * @param timerIds string[] array of timerIds
- * @param listenerApi ListenerEffectAPI<CoreAppStore, Dispatch, unknown> listenerApi as received from listener
- */
-var metronomeHandler = function metronomeHandler(timerIds, listenerApi) {
-  if (isOpenLayersEnabled()) {
-    olMetronomeHandler(timerIds, listenerApi);
-    return;
-  }
-  var targetsWithUpdateValue = [];
-  var _iterator = _createForOfIteratorHelper(timerIds),
-    _step;
-  try {
-    var _loop = function _loop() {
-      var timerId = _step.value;
-      var animationListValuesNameAndValue = getAnimationList(listenerApi.getState(), timerId);
-      var animationListValues = animationListValuesNameAndValue.map(function (nameAndValue) {
-        return nameAndValue.value;
-      });
-      var targets = getTargets(listenerApi.getState(), {
-        sourceId: timerId,
-        origin: timerId
-      }, SYNCGROUPS_TYPE_SETTIME);
-      if (targets.length === 0) {
-        // When there are no targets, default to one
-        targets.push({
-          targetId: timerId,
-          value: ''
-        });
-      }
-      var timerIsInDwell = handleTimerDwell$1(timerId, animationListValues.length);
-      var timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets) && !timerIsInDwell;
-      // Determine the next step
-      var timerStep = timerShouldStepForward ? getNextStep$1(timerId, animationListValues.length) : getCurrentStep$1(timerId);
-      setStep$1(timerId, timerStep);
-      var updatedValue = animationListValues[timerStep];
-      targetsWithUpdateValue.push.apply(targetsWithUpdateValue, _toConsumableArray(targets.map(function (target) {
-        return _objectSpread2(_objectSpread2({}, target), {}, {
-          value: updatedValue
-        });
-      })));
-      var speedDelay = getMapAnimationDelay(listenerApi.getState(), timerId);
-      var speed = 1000 / (speedDelay || 1);
-      metronome.setSpeed(timerId, speed);
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _loop();
-    }
-    // Update all targets of all sync groups in one action.
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  if (targetsWithUpdateValue.length > 0) {
-    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomelistener']));
-  }
-};
 var metronomeListener = createListenerMiddleware();
 metronomeListener.startListening({
   actionCreator: mapActions.mapStartAnimation,
@@ -8455,7 +8257,7 @@ metronomeListener.startListening({
           case 0:
             // register handler with access to listenerApi
             metronome.handleTimerTicks = function (timerIds) {
-              metronomeHandler(timerIds, listenerApi);
+              olMetronomeHandler(timerIds, listenerApi);
             };
           case 1:
           case "end":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "12.5.0",
+  "version": "12.7.0",
   "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": "12.5.0",
+    "@opengeoweb/shared": "12.7.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.5.0",
-    "@opengeoweb/webmap": "12.5.0",
+    "@opengeoweb/webmap-react": "12.7.0",
+    "@opengeoweb/webmap": "12.7.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "12.5.0",
-    "@opengeoweb/timeslider": "12.5.0",
+    "@opengeoweb/metronome": "12.7.0",
+    "@opengeoweb/timeslider": "12.7.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0"

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

@@ -4,6 +4,7 @@ export declare const genericActions: {
     setBbox: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetBboxPayload, string>;
     setLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./syncGroups/types").SetLinkedMap, "synchronizationGroupsReducer/setLinkedMap">;
     updateLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./syncGroups/types").UpdateLinkedMap, "synchronizationGroupsReducer/updateLinkedMap">;
+    removeLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "synchronizationGroupsReducer/removeLinkedMap">;
     addSharedData: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./syncGroups/types").AddSharedData, "synchronizationGroupsReducer/addSharedData">;
     deleteSharedData: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./syncGroups/types").DeleteSharedData, "synchronizationGroupsReducer/deleteSharedData">;
     syncGroupAddSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./syncGroups/types").SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource">;

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

@@ -83,7 +83,7 @@ export declare const getLinkedMaps: ((state: any, panelId?: string | undefined)
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getLinkedFeatureProviders: (linkedState: LinkedState, mapId: string) => string[];
+export declare const getLinkedFeatureProviders: (linkedState: LinkedState | undefined, mapId: string) => string[];
 export declare const selectSharedData: ((state: any, panelId: string) => PotentialData) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -196,12 +196,12 @@ export declare const selectLinkedFeatures: ((state: any, mapId: string) => {
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: LinkedState, resultFuncArgs_1: string[]) => {
+    resultFunc: (resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         originalId?: string | undefined;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     }[];
-    memoizedResultFunc: ((resultFuncArgs_0: LinkedState, resultFuncArgs_1: string[]) => {
+    memoizedResultFunc: ((resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         originalId?: string | undefined;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
@@ -215,7 +215,7 @@ export declare const selectLinkedFeatures: ((state: any, mapId: string) => {
         originalId?: string | undefined;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     }[];
-    dependencies: [(linkedState: any) => LinkedState, (linkedState: LinkedState, mapId: string) => string[]];
+    dependencies: [(linkedState: any) => LinkedState | undefined, (linkedState: LinkedState | undefined, mapId: string) => string[]];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -232,11 +232,11 @@ export declare const selectLinkedFormFeatures: ((state: any, mapId: string) => {
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: LinkedState, resultFuncArgs_1: string[]) => {
+    resultFunc: (resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     }[];
-    memoizedResultFunc: ((resultFuncArgs_0: LinkedState, resultFuncArgs_1: string[]) => {
+    memoizedResultFunc: ((resultFuncArgs_0: LinkedState | undefined, resultFuncArgs_1: string[]) => {
         id: string;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     }[]) & {
@@ -248,7 +248,7 @@ export declare const selectLinkedFormFeatures: ((state: any, mapId: string) => {
         id: string;
         geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     }[];
-    dependencies: [(linkedState: any) => LinkedState, (linkedState: LinkedState, mapId: string) => string[]];
+    dependencies: [(linkedState: any) => LinkedState | undefined, (linkedState: LinkedState | undefined, mapId: string) => string[]];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;

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

@@ -15,6 +15,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<SynchronizationGrou
      * @param {string[]} action.mapIds the new linked maps
      */
     updateLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<UpdateLinkedMap>) => void;
+    removeLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<string>) => void;
     addSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<AddSharedData>) => void;
     deleteSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<DeleteSharedData>) => void;
     syncGroupAddSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupsAddSourcePayload>) => void;
@@ -43,6 +44,7 @@ export declare const syncGroupsReducer: import("redux").Reducer<SynchronizationG
      * @param {string[]} action.mapIds the new linked maps
      */
     updateLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<UpdateLinkedMap>) => void;
+    removeLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<string>) => void;
     addSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<AddSharedData>) => void;
     deleteSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<DeleteSharedData>) => void;
     syncGroupAddSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupsAddSourcePayload>) => void;

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

@@ -1,4 +1,3 @@
-import { SetTimeSyncPayload } from '../../generic/synchronizationActions/types';
 /**
  * Returns the next step for given timerId.
  * @param timerId The timer id
@@ -27,12 +26,3 @@ export declare const setStep: (timerId: string, timerStep: number) => void;
  * @returns
  */
 export declare const getCurrentStep: (timerId: string) => number;
-export declare const MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH = 2;
-/**
- * This prefetches all images connected to the same sync group as provided timerId
- * @param timerId The timerId
- * @param animationListValues List of animation steps in isostring to animate
- * @param targets List of targets to check
- * @returns True if all maps are ready to go forward, false if the map has no data to display yet.
- */
-export declare const prefetchAnimationTargetsForMetronome: (timerId: string, animationListValues: string[], targets: SetTimeSyncPayload[]) => boolean;

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

@@ -139,8 +139,8 @@ export interface SetMapAnimationStopPayload {
 export interface SetAutoLayerIdPayload {
     mapId: string;
     layerId?: string;
-    autoUpdateLayerId?: string;
     autoTimeStepLayerId?: string;
+    autoUpdateLayerId?: string;
     origin?: LayerActionOrigin | string;
 }
 export interface ToggleAutoUpdatePayload {

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

@@ -19,6 +19,8 @@ export declare enum DialogTypes {
     PublicWarnings = "publicWarnings",
     Search = "search",
     AreaObjectLoader = "areaObjectLoader",
+    DataExplorer = "dataExplorer",
+    DataExplorerInfo = "dataExplorerInfo",
     SoundingsSources = "soundingsSources",
     SoundingsLocations = "soundingsLocations"
 }