@opengeoweb/store 12.6.0 → 12.8.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, getWMLayerById, WMInvalidDateValues, handleDateUtilsISOString, isProjectionSupported, queryWMSLayers } 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, isOpenLayersEnabled, defaultLayers, emptyGeoJSON, defaultIntersectionStyleProperties, addSelectionTypeToGeoJSON, getFeatureCollection } 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,
@@ -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,
@@ -3562,7 +3528,7 @@ var getDialogMapId = createSelector(getDialogDetailsByType, function (details) {
  * @param {DialogType} dialogType type of the dialog
  * @returns {number} the higher the order number the higher the zIndex
  */
-var getDialogOrder = createSelector(function (store, dialogType) {
+var getDialogOrder = function getDialogOrder(store, dialogType) {
   if (store && store.ui && store.ui.order) {
     var order = store.ui.order;
     var visibleOrder = order.filter(function (orderedDialogType) {
@@ -3575,9 +3541,7 @@ var getDialogOrder = createSelector(function (store, dialogType) {
     return visibleOrder.length - visibleOrder.indexOf(dialogType);
   }
   return 0;
-}, function (order) {
-  return order;
-}, selectorMemoizationOptions);
+};
 /**
  *For a given ui component: returns if ordered on top
  *
@@ -3585,15 +3549,13 @@ var getDialogOrder = createSelector(function (store, dialogType) {
  * @param {DialogType} dialogType type of the dialog
  * @returns {boolean}
  */
-var getDialogIsOrderedOnTop = createSelector(function (store, dialogType) {
+var getDialogIsOrderedOnTop = function getDialogIsOrderedOnTop(store, dialogType) {
   if (store && store.ui && store.ui.order) {
     var order = store.ui.order;
     return order.includes(dialogType) && order.indexOf(dialogType) === 0;
   }
   return false;
-}, function (isOrderedOnTop) {
-  return isOrderedOnTop;
-}, selectorMemoizationOptions);
+};
 var getDialogSource = createSelector(getDialogDetailsByType, function (details) {
   if (details && details.source) {
     return details.source;
@@ -3714,6 +3676,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 +3894,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,
@@ -4148,9 +4137,10 @@ var syncGroupStore = function syncGroupStore(store) {
  * @param {object} store store: object - Store object
  * @returns {object} returnType: SynchronizationGroupState
  */
-var getSynchronizationGroupState = createSelector(syncGroupStore, function (store) {
-  return store || null;
-}, selectorMemoizationOptions);
+var getSynchronizationGroupState = function getSynchronizationGroupState(store) {
+  var state = syncGroupStore(store);
+  return state || null;
+};
 var getSynchronizationGroup = createSelector([syncGroupStore, function (syncGroupStore, id) {
   return id;
 }], function (syncGroupState, id) {
@@ -4250,9 +4240,10 @@ var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId],
 var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
   return store && store.viewState;
 }, selectorMemoizationOptions);
-var isTimeScrollingEnabled = createSelector(syncGroupStore, function (store) {
-  return store && store.isTimeScrollingEnabled;
-}, selectorMemoizationOptions);
+var isTimeScrollingEnabled = function isTimeScrollingEnabled(store) {
+  var state = syncGroupStore(store);
+  return state ? state.isTimeScrollingEnabled : false;
+};
 var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
   var _store$viewState$time, _store$viewState$time2;
   return (_store$viewState$time = (_store$viewState$time2 = store.viewState.timeslider.groups[0]) === null || _store$viewState$time2 === void 0 ? void 0 : _store$viewState$time2.selected) !== null && _store$viewState$time !== void 0 ? _store$viewState$time : [];
@@ -4526,9 +4517,9 @@ var types$1 = /*#__PURE__*/Object.freeze({
 var synchronizationGroupStore = function synchronizationGroupStore(store) {
   return store && store.syncGroups ? store.syncGroups : null;
 };
-var getSynchronizationGroupStore = createSelector(synchronizationGroupStore, function (store) {
-  return store;
-}, selectorMemoizationOptions);
+var getSynchronizationGroupStore = function getSynchronizationGroupStore(store) {
+  return store && store.syncGroups ? store.syncGroups : null;
+};
 /**
  * Returns the synchronization source by id
  * @param store The app  store
@@ -4557,13 +4548,15 @@ var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId)
 }], function (linkedState, panelId) {
   return panelId && linkedState.links[panelId] || [];
 }, selectorMemoizationOptions);
-var getLinkedFeatureProviders = function getLinkedFeatureProviders(linkedState, mapId) {
+var getLinkedFeatureProviders = createSelector(function (linkedState) {
+  return linkedState;
+}, function (linkedState, props) {
+  return props.mapId;
+}, function (linkedState, mapId) {
   return linkedState ? Object.keys(linkedState.links).filter(function (panelId) {
-    return linkedState.links[panelId].find(function (id) {
-      return id === mapId;
-    });
+    return linkedState.links[panelId].includes(mapId);
   }) : [];
-};
+});
 var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
   return panelId;
 }], function (linkedState, panelId) {
@@ -4595,23 +4588,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
@@ -4683,7 +4676,6 @@ var getSelectedFeatureAsGeoJSON = createSelector([function (state, mapId) {
 
 var selectors$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getLinkedFeatureProviders: getLinkedFeatureProviders,
   getLinkedMaps: getLinkedMaps,
   getSelectedFeature: getSelectedFeature,
   getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
@@ -4906,11 +4898,10 @@ var getMapStore = function getMapStore(store) {
  * @param {string} mapId Id of the map
  * @returns {object} object containing map state (isAnimating, bbox, baseLayers, layers etc.)
  */
-var getMapById = createSelector([getMapStore, function (getMapStore, mapId) {
-  return mapId;
-}], function (mapState, mapId) {
-  return mapState && mapState.byId[mapId] ? mapState && mapState.byId[mapId] : undefined;
-}, selectorMemoizationOptions);
+var getMapById = function getMapById(store, mapId) {
+  var _getMapStore;
+  return (_getMapStore = getMapStore(store)) === null || _getMapStore === void 0 ? void 0 : _getMapStore.byId[mapId];
+};
 var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
   return mapState && mapState.byId ? mapState && mapState.byId : {};
 }, selectorMemoizationOptions);
@@ -5166,9 +5157,10 @@ var getBbox = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {boolean} returnType: boolean
  */
-var isAnimating = createSelector(getMapById, function (store) {
-  return store ? store.isAnimating : false;
-});
+var isAnimating = function isAnimating(store, mapId) {
+  var map = getMapById(store, mapId);
+  return map ? map.isAnimating : false;
+};
 /**
  * Gets if any linked map is animating
  *
@@ -5177,7 +5169,7 @@ var isAnimating = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {object} returnType: object - object containing isAnimating boolean and id string
  */
-var linkedMapAnimationInfo = createSelector(function (store, mapId) {
+var linkedMapAnimationInfo = function linkedMapAnimationInfo(store, mapId) {
   var _genericSelectors$get;
   var animationInfo = {
     isAnimating: isAnimating(store, mapId),
@@ -5194,9 +5186,7 @@ var linkedMapAnimationInfo = createSelector(function (store, mapId) {
     }
   });
   return animationInfo;
-}, function (animationInfo) {
-  return animationInfo;
-}, selectorMemoizationOptions);
+};
 /**
  * Gets start time of animation
  *
@@ -5334,9 +5324,10 @@ var getMapTimeSliderWidth = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {number} returnType: number - center time as a unix timestamp
  */
-var getMapTimeSliderCenterTime = createSelector(getMapById, function (store) {
-  return store ? store.timeSliderCenterTime : dateUtils.unix(dateUtils.utc());
-}, selectorMemoizationOptions);
+var getMapTimeSliderCenterTime = function getMapTimeSliderCenterTime(store, mapId) {
+  var map = getMapById(store, mapId);
+  return map && typeof map.timeSliderCenterTime === 'number' ? map.timeSliderCenterTime : dateUtils.unix(dateUtils.utc());
+};
 var getMapTimeSliderStartCenterEndAndStep = createSelector(getMapById, function (store) {
   var _store$timeStep2;
   var timeSliderWidth = ((store === null || store === void 0 ? void 0 : store.timeSliderWidth) || 0) * 60;
@@ -6568,134 +6559,6 @@ genericListener.startListening({
   }()
 });
 
-/* A map with all the timerIds and their current step */
-var stepMap$1 = new Map();
-/* A map with a list of timers and their dwell */
-var timerDwellMap$1 = 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$1 = function getNextStep(timerId, numberOfStepsInAnimation) {
-  var numStepsToGoForward = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var currentStep = getCurrentStep$1(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$1 = function handleTimerDwell(timerId, numberOfStepsInAnimation) {
-  var dwell = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 8;
-  if (dwell > 0) {
-    var currentStep = getCurrentStep$1(timerId);
-    // Reset the dwell if we are not at the last animation step
-    if (currentStep < numberOfStepsInAnimation - 1) {
-      timerDwellMap$1.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;
-    if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
-      timerDwellMap$1.set(timerId, timerDwell - 1);
-      return true;
-    }
-  }
-  return false;
-};
-/**
- * Set step for the timerId
- * @param timerId
- * @param timerStep
- */
-var setStep$1 = function setStep(timerId, timerStep) {
-  stepMap$1.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 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();
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  }
-  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 */
@@ -7087,11 +6950,7 @@ mapListener.startListening({
         return timeNameValue.value === initialTime;
       });
       if (initalTimerStep !== -1) {
-        if (isOpenLayersEnabled()) {
-          setStep(useMapId, initalTimerStep);
-        } else {
-          setStep$1(useMapId, initalTimerStep);
-        }
+        setStep(useMapId, initalTimerStep);
       }
     }
   }
@@ -8387,67 +8246,6 @@ layersListener.startListening({
   }()
 });
 
-/**
- * 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,
@@ -8458,7 +8256,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.6.0",
+  "version": "12.8.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,18 +8,19 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.6.0",
+    "@opengeoweb/shared": "12.8.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.6.0",
-    "@opengeoweb/webmap": "12.6.0",
+    "@opengeoweb/webmap-react": "12.8.0",
+    "@opengeoweb/webmap": "12.8.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "12.6.0",
-    "@opengeoweb/timeslider": "12.6.0",
+    "@opengeoweb/metronome": "12.8.0",
+    "@opengeoweb/timeslider": "12.8.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
-    "@turf/turf": "^7.2.0"
+    "@turf/turf": "^7.2.0",
+    "@types/geojson": "^7946.0.14"
   },
   "peerDependencies": {
     "react": "18"
@@ -27,5 +28,5 @@
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }