@opengeoweb/store 12.5.0 → 12.6.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, getWMJSMapById, webmapTestSettings, WMLayer, getWMSRequests, 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, isOpenLayersEnabled, 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';
@@ -2561,12 +2561,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;
@@ -5579,7 +5579,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;
@@ -6696,6 +6696,179 @@ var prefetchAnimationTargetsForMetronome = function prefetchAnimationTargetsForM
   return timerShouldStepForward;
 };
 
+/* 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']));
+  }
+};
+
 var isAnimationEndTimeValid = function isAnimationEndTimeValid(animationEndTime) {
   var hasValidPrefix = animationEndTime.split(/[-+]/)[0] === 'NOW' || animationEndTime.split(/[-+]/)[0] === 'TODAY';
   var durationString = animationEndTime.substring(animationEndTime.indexOf('PT') + 2);
@@ -6914,7 +7087,11 @@ mapListener.startListening({
         return timeNameValue.value === initialTime;
       });
       if (initalTimerStep !== -1) {
-        setStep$1(useMapId, initalTimerStep);
+        if (isOpenLayersEnabled()) {
+          setStep(useMapId, initalTimerStep);
+        } else {
+          setStep$1(useMapId, initalTimerStep);
+        }
       }
     }
   }
@@ -6966,7 +7143,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 +7170,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,179 +8387,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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "12.5.0",
+  "version": "12.6.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.6.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.6.0",
+    "@opengeoweb/webmap": "12.6.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "12.5.0",
-    "@opengeoweb/timeslider": "12.5.0",
+    "@opengeoweb/metronome": "12.6.0",
+    "@opengeoweb/timeslider": "12.6.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0"

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 {