@opengeoweb/store 9.21.0 → 9.23.1

package/index.esm.js

@@ -1,5 +1,5 @@
-import { webmapUtils, LayerType, getWMJSMapById, WMLayer, webmapTestSettings, handleDateUtilsISOString, getCapabilities } from '@opengeoweb/webmap';
-import { createAction, createSlice, createSelector, createEntityAdapter, createListenerMiddleware } from '@reduxjs/toolkit';
+import { webmapUtils, LayerType, getWMJSMapById, WMLayer, webmapTestSettings, getWMSRequests, isProjectionSupported, handleDateUtilsISOString, getCapabilities } from '@opengeoweb/webmap';
+import { createAction, createSlice, createSelector, createEntityAdapter, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, getLastEmptyFeatureIndex, defaultLayers, emptyGeoJSON, addSelectionTypeToGeoJSON, getFeatureCollection, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 import { dateUtils, defaultDelay, withEggs } from '@opengeoweb/shared';
@@ -4635,6 +4635,7 @@ var DialogTypes;
   DialogTypes["ObjectManager"] = "objectManager";
   DialogTypes["PublicWarnings"] = "publicWarnings";
   DialogTypes["Search"] = "search";
+  DialogTypes["AreaObjectLoader"] = "areaObjectLoader";
 })(DialogTypes || (DialogTypes = {}));
 
 var types$3 = /*#__PURE__*/Object.freeze({
@@ -4999,17 +5000,7 @@ const setBboxOrTimeSync = (draft, action) => {
     });
   }
 };
-const {
-  syncGroupAddGroup,
-  syncGroupAddSource,
-  syncGroupAddTarget,
-  syncGroupClear,
-  syncGroupLinkTarget,
-  syncGroupRemoveGroup,
-  syncGroupRemoveSource,
-  syncGroupRemoveTarget,
-  syncGroupSetViewState
-} = slice$4.actions;
+slice$4.actions;
 const {
   actions,
   reducer: reducer$3
@@ -7632,6 +7623,8 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
 
 /* A map with all the timerIds and their current step */
 const stepMap = new Map();
+/* A map with a list of timers and their dwell */
+const timerDwellMap = new Map();
 /**
  * Returns the next step for given timerId.
  * @param timerId The timer id
@@ -7645,6 +7638,30 @@ const getNextStep = (timerId, numberOfStepsInAnimation, numStepsToGoForward = 1)
   const 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
+ */
+const handleTimerDwell = (timerId, numberOfStepsInAnimation, dwell = 8) => {
+  if (dwell > 0) {
+    const 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
+    const 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
@@ -7680,7 +7697,7 @@ const prefetchAnimationTargetsForMetronome = (timerId, animationListValues, targ
       const targetMapId = target.targetId;
       const wmMap = getWMJSMapById(targetMapId);
       if (wmMap) {
-        const layersImageUrls = wmMap.getWMSRequests([{
+        const layersImageUrls = getWMSRequests(wmMap, [{
           name: 'time',
           currentValue: nextTimeValueStepToCheck
         }]);
@@ -7999,8 +8016,8 @@ function* setMapPresetSaga({
       }));
       yield call$e(handleBaseLayersSaga, mapId, allBaseLayers);
       if (proj) {
-        const isProjectionSupported = webmapUtils.getWMJSMapById(mapId).isProjectionSupported(proj.srs);
-        if (!isProjectionSupported) {
+        const checkIsprojectionSupported = isProjectionSupported(proj.srs);
+        if (!checkIsprojectionSupported) {
           throw new Error(`Projection ${proj.srs} is not supported`);
         }
         //  set bbox
@@ -8231,8 +8248,8 @@ function* setStepBackwardOrForwardSaga({
     }));
   }
 }
-function* rootSaga$4() {
-  // resets WMJSMap state
+function* rootSaga$2() {
+  // resets IWMJSMap state
   yield takeLatest(mapActions.mapStopAnimation.type, stopAnimationSaga);
   yield takeLatest(mapActions.mapStartAnimation.type, startAnimationSaga);
   yield takeLatest(layerActions.layerDelete.type, deleteLayerSaga);
@@ -8269,7 +8286,7 @@ function* fetchInitialServicesSaga({
     }));
   }));
 }
-function* rootSaga$3() {
+function* rootSaga$1() {
   yield takeEvery(serviceActions.fetchInitialServices, fetchInitialServicesSaga);
 }
 
@@ -8296,7 +8313,8 @@ const metronomeHandler = (timerIds, listenerApi) => {
         value: ''
       });
     }
-    const timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets);
+    const timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
+    const timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets) && !timerIsInDwell;
     // Determine the next step
     const timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
     setStep(timerId, timerStep);
@@ -8446,7 +8464,7 @@ const mapStoreReducers = {
 const mapStoreModuleConfig = {
   id: 'webmap-module',
   reducersMap: mapStoreReducers,
-  sagas: [rootSaga$4, rootSaga$3],
+  sagas: [rootSaga$2, rootSaga$1],
   middlewares: [metronomeListener.middleware, layersListener.middleware, mapUiListener.middleware]
 };
 
@@ -8757,7 +8775,7 @@ function* mapBaseLayerActionsSaga({
     yield put(setLayerActionSync(payload, targets, type));
   }
 }
-function* rootSaga$2() {
+function* rootSaga() {
   yield takeLatest(setTime.type, setTimeSaga);
   yield takeLatest(setBbox.type, setBBoxSaga);
   yield takeLatest(layerActions.layerChangeName.type, layerActionsSaga);
@@ -8846,18 +8864,19 @@ var utils = /*#__PURE__*/Object.freeze({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * */
-function* navigateToUrlSaga(action) {
-  const {
+const routerListener = createListenerMiddleware();
+routerListener.startListening({
+  actionCreator: routerActions.navigateToUrl,
+  effect: ({
     payload
-  } = action;
-  yield call$e(historyDict.navigate, payload.url);
-}
-function* rootSaga$1() {
-  yield takeLatest(routerActions.navigateToUrl.type, navigateToUrlSaga);
-}
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    historyDict.navigate(payload.url);
+  })
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -8880,7 +8899,7 @@ const routerModuleConfig = {
   reducersMap: {
     router: reducer$1
   },
-  sagas: [rootSaga$1]
+  middlewares: [routerListener.middleware]
 };
 
 // reducer utils
@@ -9106,195 +9125,212 @@ var selectors = /*#__PURE__*/Object.freeze({
 	selectDrawToolById: selectDrawToolById
 });
 
+const drawingToolListener = createListenerMiddleware();
 const registerOrigin = 'drawings saga:registerDrawToolSaga';
-function* registerDrawToolSaga({
-  payload
-}) {
-  const {
-    mapId,
-    geoJSONLayerId,
-    geoJSONIntersectionLayerId,
-    geoJSONIntersectionBoundsLayerId,
-    defaultGeoJSON = emptyGeoJSON,
-    defaultGeoJSONIntersection = emptyGeoJSON,
-    defaultGeoJSONIntersectionBounds,
-    defaultGeoJSONIntersectionProperties = defaultIntersectionStyleProperties
-  } = payload;
-  // create for every drawTool a draw layer
-  if (geoJSONLayerId && mapId) {
-    yield put(mapStoreActions.addLayer({
-      mapId,
-      layer: {
-        // empty geoJSON
-        geojson: defaultGeoJSON,
-        layerType: LayerType.featureLayer
-      },
-      layerId: geoJSONLayerId,
-      origin: registerOrigin
-    }));
-  }
-  // create intersection layer
-  if (geoJSONIntersectionLayerId && mapId) {
-    yield put(mapStoreActions.addLayer({
+// register draw tool
+drawingToolListener.startListening({
+  actionCreator: drawtoolActions.registerDrawTool,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
       mapId,
-      layer: {
-        geojson: defaultGeoJSONIntersection,
-        layerType: LayerType.featureLayer,
-        defaultGeoJSONProperties: defaultGeoJSONIntersectionProperties
-      },
-      layerId: geoJSONIntersectionLayerId,
-      origin: registerOrigin
-    }));
-  }
-  // create intersection bounds layer
-  if (geoJSONIntersectionBoundsLayerId && mapId) {
-    const existingBoundsLayer = yield select(getLayerById, geoJSONIntersectionBoundsLayerId);
-    // don't add a new boundslayer when another drawtool using that same boundslayer
-    if (!existingBoundsLayer) {
-      yield put(mapStoreActions.addLayer({
+      geoJSONLayerId,
+      geoJSONIntersectionLayerId,
+      geoJSONIntersectionBoundsLayerId,
+      defaultGeoJSON = emptyGeoJSON,
+      defaultGeoJSONIntersection = emptyGeoJSON,
+      defaultGeoJSONIntersectionBounds,
+      defaultGeoJSONIntersectionProperties = defaultIntersectionStyleProperties
+    } = payload;
+    // create for every drawTool a draw layer
+    if (geoJSONLayerId && mapId) {
+      listenerApi.dispatch(mapStoreActions.addLayer({
         mapId,
         layer: {
-          geojson: defaultGeoJSONIntersectionBounds,
+          // empty geoJSON
+          geojson: defaultGeoJSON,
           layerType: LayerType.featureLayer
         },
-        layerId: geoJSONIntersectionBoundsLayerId,
+        layerId: geoJSONLayerId,
         origin: registerOrigin
       }));
     }
-    yield put(layerActions.orderLayerToFront({
-      layerId: geoJSONIntersectionBoundsLayerId
-    }));
-  }
-}
-function* changeDrawToolSaga({
-  payload
-}) {
-  var _a, _b, _c;
-  try {
-    const {
-      drawModeId,
-      drawToolId,
-      shouldUpdateShape = true
-    } = payload;
-    const drawingTool = yield select(selectDrawToolById, drawToolId);
-    const {
-      shouldAllowMultipleShapes = false,
-      geoJSONIntersectionLayerId,
-      geoJSONIntersectionBoundsLayerId
-    } = drawingTool;
-    const newDrawMode = yield select(getDrawModeById, drawToolId, drawModeId);
-    // disable layer when no new drawmode or when selecting same tool and is selectable
-    if (!newDrawMode || !drawingTool.activeDrawModeId && newDrawMode.isSelectable) {
-      yield put(layerActions.toggleFeatureMode({
-        layerId: drawingTool.geoJSONLayerId,
-        isInEditMode: false,
-        drawMode: ''
+    // create intersection layer
+    if (geoJSONIntersectionLayerId && mapId) {
+      listenerApi.dispatch(mapStoreActions.addLayer({
+        mapId,
+        layer: {
+          geojson: defaultGeoJSONIntersection,
+          layerType: LayerType.featureLayer,
+          defaultGeoJSONProperties: defaultGeoJSONIntersectionProperties
+        },
+        layerId: geoJSONIntersectionLayerId,
+        origin: registerOrigin
       }));
-      const geoJSONLayer = yield select(getLayerById, drawingTool.geoJSONLayerId);
-      const geoJSON = geoJSONLayer === null || geoJSONLayer === void 0 ? void 0 : geoJSONLayer.geojson;
-      const lastFeatureIndex = geoJSON !== undefined ? getLastEmptyFeatureIndex(geoJSON) : undefined;
-      if (lastFeatureIndex !== undefined) {
-        const newGeoJSON = Object.assign(Object.assign({}, geoJSON), {
-          features: geoJSON.features.filter((_feature, index) => index !== lastFeatureIndex)
-        });
-        yield put(layerActions.updateFeature({
-          layerId: drawingTool.geoJSONLayerId,
-          geojson: newGeoJSON
+    }
+    // create intersection bounds layer
+    if (geoJSONIntersectionBoundsLayerId && mapId) {
+      const existingBoundsLayer = getLayerById(listenerApi.getState(), geoJSONIntersectionBoundsLayerId);
+      // don't add a new boundslayer when another drawtool using that same boundslayer
+      if (!existingBoundsLayer) {
+        listenerApi.dispatch(mapStoreActions.addLayer({
+          mapId,
+          layer: {
+            geojson: defaultGeoJSONIntersectionBounds,
+            layerType: LayerType.featureLayer
+          },
+          layerId: geoJSONIntersectionBoundsLayerId,
+          origin: registerOrigin
         }));
-        yield put(layerActions.setSelectedFeature({
+      }
+      listenerApi.dispatch(layerActions.orderLayerToFront({
+        layerId: geoJSONIntersectionBoundsLayerId
+      }));
+    }
+  })
+});
+// change draw tool
+drawingToolListener.startListening({
+  actionCreator: drawtoolActions.changeDrawToolMode,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    listenerApi.cancelActiveListeners();
+    try {
+      const {
+        drawModeId,
+        drawToolId,
+        shouldUpdateShape = true
+      } = payload;
+      const drawingTool = selectDrawToolById(listenerApi.getState(), drawToolId);
+      if (!drawingTool) {
+        return;
+      }
+      const {
+        shouldAllowMultipleShapes = false,
+        geoJSONIntersectionLayerId,
+        geoJSONIntersectionBoundsLayerId
+      } = drawingTool;
+      const newDrawMode = getDrawModeById(listenerApi.getState(), drawToolId, drawModeId);
+      // disable layer when no new drawmode or when selecting same tool and is selectable
+      if (!newDrawMode || !drawingTool.activeDrawModeId && newDrawMode.isSelectable) {
+        listenerApi.dispatch(layerActions.toggleFeatureMode({
           layerId: drawingTool.geoJSONLayerId,
-          selectedFeatureIndex: newGeoJSON.features.length > 0 ? newGeoJSON.features.length - 1 : 0
+          isInEditMode: false,
+          drawMode: ''
         }));
+        const geoJSONLayer = getLayerById(listenerApi.getState(), drawingTool.geoJSONLayerId);
+        const geoJSON = geoJSONLayer === null || geoJSONLayer === void 0 ? void 0 : geoJSONLayer.geojson;
+        const lastFeatureIndex = geoJSON !== undefined ? getLastEmptyFeatureIndex(geoJSON) : undefined;
+        if (lastFeatureIndex !== undefined) {
+          const newGeoJSON = Object.assign(Object.assign({}, geoJSON), {
+            features: geoJSON.features.filter((_feature, index) => index !== lastFeatureIndex)
+          });
+          listenerApi.dispatch(layerActions.updateFeature({
+            layerId: drawingTool.geoJSONLayerId,
+            geojson: newGeoJSON
+          }));
+          listenerApi.dispatch(layerActions.setSelectedFeature({
+            layerId: drawingTool.geoJSONLayerId,
+            selectedFeatureIndex: newGeoJSON.features.length > 0 ? newGeoJSON.features.length - 1 : 0
+          }));
+        }
+        return;
       }
-      return;
-    }
-    // delete shape
-    if (newDrawMode.value === 'DELETE') {
-      yield put(layerActions.layerChangeGeojson({
-        layerId: drawingTool.geoJSONLayerId,
-        geojson: emptyGeoJSON
-      }));
-      // clear intersection shape
-      if (geoJSONIntersectionLayerId) {
-        yield put(layerActions.layerChangeGeojson({
-          layerId: geoJSONIntersectionLayerId,
+      // delete shape
+      if (newDrawMode.value === 'DELETE') {
+        listenerApi.dispatch(layerActions.layerChangeGeojson({
+          layerId: drawingTool.geoJSONLayerId,
           geojson: emptyGeoJSON
         }));
+        // clear intersection shape
+        if (geoJSONIntersectionLayerId) {
+          listenerApi.dispatch(layerActions.layerChangeGeojson({
+            layerId: geoJSONIntersectionLayerId,
+            geojson: emptyGeoJSON
+          }));
+        }
+        listenerApi.dispatch(layerActions.toggleFeatureMode({
+          layerId: drawingTool.geoJSONLayerId,
+          isInEditMode: false,
+          drawMode: ''
+        }));
+        return;
       }
-      yield put(layerActions.toggleFeatureMode({
+      // check tool is selected of existing drawn shape
+      const currentGeoJSONLayer = getLayerById(listenerApi.getState(), drawingTool.geoJSONLayerId);
+      const {
+        geojson: currentGeoJSON,
+        selectedFeatureIndex = 0
+      } = currentGeoJSONLayer || {};
+      const currentSelectionType = (_b = (_a = currentGeoJSON === null || currentGeoJSON === void 0 ? void 0 : currentGeoJSON.features[selectedFeatureIndex]) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.selectionType;
+      const newSelectionType = newDrawMode.selectionType;
+      const isNewToolSelected = currentSelectionType !== newSelectionType;
+      const shouldUpdateNewShape = !((_c = currentGeoJSON === null || currentGeoJSON === void 0 ? void 0 : currentGeoJSON.features) === null || _c === void 0 ? void 0 : _c.length) || isNewToolSelected || !newDrawMode.isSelectable && shouldAllowMultipleShapes;
+      // don't change anything if same tool is selected again
+      if (shouldUpdateNewShape && shouldUpdateShape) {
+        const shapeWithSelectionType = addSelectionTypeToGeoJSON(newDrawMode.shape, newDrawMode.selectionType);
+        const geoJSONFeatureCollection = getFeatureCollection(shapeWithSelectionType, shouldAllowMultipleShapes, currentGeoJSON);
+        const newGeoJSON = getGeoJson(geoJSONFeatureCollection, shouldAllowMultipleShapes);
+        if (shouldAllowMultipleShapes) {
+          moveFeature(currentGeoJSON, newGeoJSON, selectedFeatureIndex, '');
+        }
+        listenerApi.dispatch(layerActions.setSelectedFeature({
+          layerId: drawingTool.geoJSONLayerId,
+          selectedFeatureIndex: newGeoJSON.features.length - 1
+        }));
+        listenerApi.dispatch(layerActions.updateFeature(Object.assign(Object.assign({
+          layerId: drawingTool.geoJSONLayerId,
+          geojson: newGeoJSON
+        }, geoJSONIntersectionLayerId && {
+          geoJSONIntersectionLayerId
+        }), geoJSONIntersectionBoundsLayerId && {
+          geoJSONIntersectionBoundsLayerId
+        })));
+      }
+      listenerApi.dispatch(layerActions.toggleFeatureMode({
         layerId: drawingTool.geoJSONLayerId,
-        isInEditMode: false,
-        drawMode: ''
+        isInEditMode: newDrawMode.isSelectable,
+        drawMode: newDrawMode.value
       }));
-      return;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log('error changeDrawToolSaga', error);
     }
-    // check tool is selected of existing drawn shape
-    const currentGeoJSONLayer = yield select(getLayerById, drawingTool.geoJSONLayerId);
+  })
+});
+// change intersection
+drawingToolListener.startListening({
+  actionCreator: drawtoolActions.changeIntersectionBounds,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
     const {
-      geojson: currentGeoJSON,
-      selectedFeatureIndex = 0
-    } = currentGeoJSONLayer || {};
-    const currentSelectionType = (_b = (_a = currentGeoJSON === null || currentGeoJSON === void 0 ? void 0 : currentGeoJSON.features[selectedFeatureIndex]) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.selectionType;
-    const newSelectionType = newDrawMode.selectionType;
-    const isNewToolSelected = currentSelectionType !== newSelectionType;
-    const shouldUpdateNewShape = !((_c = currentGeoJSON === null || currentGeoJSON === void 0 ? void 0 : currentGeoJSON.features) === null || _c === void 0 ? void 0 : _c.length) || isNewToolSelected || !newDrawMode.isSelectable && shouldAllowMultipleShapes;
-    // don't change anything if same tool is selected again
-    if (shouldUpdateNewShape && shouldUpdateShape) {
-      const shapeWithSelectionType = addSelectionTypeToGeoJSON(newDrawMode.shape, newDrawMode.selectionType);
-      const geoJSONFeatureCollection = getFeatureCollection(shapeWithSelectionType, shouldAllowMultipleShapes, currentGeoJSON);
-      const newGeoJSON = getGeoJson(geoJSONFeatureCollection, shouldAllowMultipleShapes);
-      if (shouldAllowMultipleShapes) {
-        moveFeature(currentGeoJSON, newGeoJSON, selectedFeatureIndex, '');
-      }
-      yield put(layerActions.setSelectedFeature({
-        layerId: drawingTool.geoJSONLayerId,
-        selectedFeatureIndex: newGeoJSON.features.length - 1
-      }));
-      yield put(layerActions.updateFeature(Object.assign(Object.assign({
-        layerId: drawingTool.geoJSONLayerId,
-        geojson: newGeoJSON
-      }, geoJSONIntersectionLayerId && {
-        geoJSONIntersectionLayerId
-      }), geoJSONIntersectionBoundsLayerId && {
-        geoJSONIntersectionBoundsLayerId
-      })));
+      drawToolId,
+      geoJSON
+    } = payload;
+    const drawtool = selectDrawToolById(listenerApi.getState(), drawToolId);
+    if (!drawtool) {
+      return;
     }
-    yield put(layerActions.toggleFeatureMode({
-      layerId: drawingTool.geoJSONLayerId,
-      isInEditMode: newDrawMode.isSelectable,
-      drawMode: newDrawMode.value
+    listenerApi.dispatch(layerActions.layerChangeGeojson({
+      layerId: drawtool.geoJSONIntersectionBoundsLayerId,
+      geojson: geoJSON
     }));
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.log('error changeDrawToolSaga', error);
-  }
-}
-function* changeIntersectionSaga({
-  payload
-}) {
-  const {
-    drawToolId,
-    geoJSON
-  } = payload;
-  const drawtool = yield select(selectDrawToolById, drawToolId);
-  yield put(layerActions.layerChangeGeojson({
-    layerId: drawtool.geoJSONIntersectionBoundsLayerId,
-    geojson: geoJSON
-  }));
-  yield put(layerActions.layerChangeGeojson({
-    layerId: drawtool.geoJSONLayerId,
-    geojson: emptyGeoJSON
-  }));
-  yield put(layerActions.layerChangeGeojson({
-    layerId: drawtool.geoJSONIntersectionLayerId,
-    geojson: emptyGeoJSON
-  }));
-}
-function* drawingSaga() {
-  yield takeLatest(drawtoolActions.registerDrawTool, registerDrawToolSaga);
-  yield takeLatest(drawtoolActions.changeDrawToolMode, changeDrawToolSaga);
-  yield takeLatest(drawtoolActions.changeIntersectionBounds, changeIntersectionSaga);
-}
+    listenerApi.dispatch(layerActions.layerChangeGeojson({
+      layerId: drawtool.geoJSONLayerId,
+      geojson: emptyGeoJSON
+    }));
+    listenerApi.dispatch(layerActions.layerChangeGeojson({
+      layerId: drawtool.geoJSONIntersectionLayerId,
+      geojson: emptyGeoJSON
+    }));
+  })
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -9317,7 +9353,7 @@ const drawtoolModuleConfig = {
   reducersMap: {
     drawingtools: reducer
   },
-  sagas: [drawingSaga]
+  middlewares: [drawingToolListener.middleware]
 };
 
 /* *
@@ -9618,77 +9654,57 @@ var storeTestUtils = /*#__PURE__*/Object.freeze({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * */
-function* updateSourceValueWhenLinkingComponentToGroupSaga(groupId, targetToUpdate) {
-  const group = yield select(getSynchronizationGroup, groupId);
-  if (!group) {
-    return;
-  }
-  switch (group.type) {
-    case SYNCGROUPS_TYPE_SETTIME:
-      if (!group.payloadByType[SYNCGROUPS_TYPE_SETTIME]) {
-        return;
-      }
-      yield put(setTimeSync(group.payloadByType[SYNCGROUPS_TYPE_SETTIME], [{
-        targetId: targetToUpdate,
-        value: group.payloadByType[SYNCGROUPS_TYPE_SETTIME].value
-      }], [groupId]));
-      break;
-    case SYNCGROUPS_TYPE_SETBBOX:
-      if (!group.payloadByType[SYNCGROUPS_TYPE_SETBBOX]) {
-        return;
+const syncGroupsListener = createListenerMiddleware();
+syncGroupsListener.startListening({
+  matcher: isAnyOf(actions.syncGroupAddTarget, actions.syncGroupLinkTarget),
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
+      groupId,
+      linked,
+      targetId: targetToUpdate
+    } = payload;
+    const group = getSynchronizationGroup(listenerApi.getState(), groupId);
+    if (!linked && group) {
+      switch (group.type) {
+        case SYNCGROUPS_TYPE_SETTIME:
+          if (!group.payloadByType[SYNCGROUPS_TYPE_SETTIME]) {
+            return;
+          }
+          listenerApi.dispatch(setTimeSync(group.payloadByType[SYNCGROUPS_TYPE_SETTIME], [{
+            targetId: targetToUpdate,
+            value: group.payloadByType[SYNCGROUPS_TYPE_SETTIME].value
+          }], [groupId]));
+          break;
+        case SYNCGROUPS_TYPE_SETBBOX:
+          if (!group.payloadByType[SYNCGROUPS_TYPE_SETBBOX]) {
+            return;
+          }
+          listenerApi.dispatch(setBboxSync(group.payloadByType[SYNCGROUPS_TYPE_SETBBOX], [{
+            targetId: targetToUpdate,
+            bbox: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].bbox,
+            srs: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].srs
+          }], [groupId]));
+          break;
       }
-      yield put(setBboxSync(group.payloadByType[SYNCGROUPS_TYPE_SETBBOX], [{
-        targetId: targetToUpdate,
-        bbox: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].bbox,
-        srs: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].srs
-      }], [groupId]));
-      break;
-  }
-}
-function* addGroupTargetSaga({
-  payload
-}) {
-  const {
-    groupId,
-    linked,
-    targetId: targetToUpdate
-  } = payload;
-  if (!linked) {
-    yield call$e(updateSourceValueWhenLinkingComponentToGroupSaga, groupId, targetToUpdate);
-  }
-}
-function* linkGroupTargetSaga({
-  payload
-}) {
-  const {
-    groupId,
-    linked,
-    targetId: targetToUpdate
-  } = payload;
-  if (!linked) {
-    yield call$e(updateSourceValueWhenLinkingComponentToGroupSaga, groupId, targetToUpdate);
-  }
-}
-function* updateViewStateSaga() {
-  const viewState = yield select(createSyncGroupViewStateSelector);
-  yield put(syncGroupSetViewState({
-    viewState
-  }));
-}
-function* rootSaga() {
-  yield takeLatest(syncGroupAddTarget.type, addGroupTargetSaga);
-  yield takeLatest(syncGroupLinkTarget.type, linkGroupTargetSaga);
-  yield takeLatest(syncGroupAddGroup.type, updateViewStateSaga);
-  yield takeLatest(syncGroupRemoveGroup.type, updateViewStateSaga);
-  yield takeLatest(syncGroupAddSource.type, updateViewStateSaga);
-  yield takeLatest(syncGroupRemoveSource.type, updateViewStateSaga);
-  yield takeLatest(syncGroupAddTarget.type, updateViewStateSaga);
-  yield takeLatest(syncGroupRemoveTarget.type, updateViewStateSaga);
-  yield takeLatest(syncGroupLinkTarget.type, updateViewStateSaga);
-}
+    }
+  })
+});
+syncGroupsListener.startListening({
+  matcher: isAnyOf(actions.syncGroupAddGroup, actions.syncGroupRemoveGroup, actions.syncGroupAddSource, actions.syncGroupRemoveSource, actions.syncGroupAddTarget, actions.syncGroupRemoveTarget, actions.syncGroupLinkTarget),
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const viewState = createSyncGroupViewStateSelector(listenerApi.getState());
+    listenerApi.dispatch(actions.syncGroupSetViewState({
+      viewState
+    }));
+  })
+});
 
 const synchronizationGroupConfig = {
   id: 'syncronizationGroupStore-module',
@@ -9696,7 +9712,8 @@ const synchronizationGroupConfig = {
     syncronizationGroupStore: reducer$3,
     loadingIndicatorStore: loadingIndicatorReducer
   },
-  sagas: [rootSaga$2, rootSaga]
+  sagas: [rootSaga],
+  middlewares: [syncGroupsListener.middleware]
 };
 
 /* *
@@ -9765,4 +9782,4 @@ const StoreProvider = ({
   })
 }));
 
-export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga$2 as genericSaga, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, loadingIndicatorActions, constants as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, rootSaga$4 as mapSaga, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$1 as syncConstants, actions as syncGroupsActions, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$4 as webmapReducer };
+export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga as genericSaga, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, loadingIndicatorActions, constants as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, rootSaga$2 as mapSaga, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$1 as syncConstants, actions as syncGroupsActions, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$4 as webmapReducer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "9.21.0",
+  "version": "9.23.1",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/store/drawingtool/listener.d.ts

@@ -0,0 +1,3 @@
+import { DrawtoolModuleStore } from './reducer';
+import { WebMapStateModuleState } from '../mapStore';
+export declare const drawingToolListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<DrawtoolModuleStore & WebMapStateModuleState, import("@reduxjs/toolkit").ThunkDispatch<DrawtoolModuleStore & WebMapStateModuleState, unknown, import("redux").AnyAction>, unknown>;

package/src/store/generic/synchronizationGroups/listener.d.ts

@@ -0,0 +1,2 @@
+import { SynchronizationGroupModuleState } from './types';
+export declare const syncGroupsListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<SynchronizationGroupModuleState, import("@reduxjs/toolkit").ThunkDispatch<SynchronizationGroupModuleState, unknown, import("redux").AnyAction>, unknown>;

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

@@ -7,6 +7,14 @@ import { SetTimeSyncPayload } from '../../generic/synchronizationActions/types';
  * @returns
  */
 export declare const getNextStep: (timerId: string, numberOfStepsInAnimation: number, numStepsToGoForward?: number) => number;
+/**
+ * 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
+ */
+export declare const handleTimerDwell: (timerId: string, numberOfStepsInAnimation: number, dwell?: number) => boolean;
 /**
  * Set step for the timerId
  * @param timerId

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

@@ -0,0 +1,2 @@
+import { RouterModuleStore } from './types';
+export declare const routerListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<RouterModuleStore, import("@reduxjs/toolkit").ThunkDispatch<RouterModuleStore, unknown, import("redux").AnyAction>, unknown>;

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

@@ -1,7 +1,5 @@
-import { EntityState } from '@reduxjs/toolkit';
-export type RouterState = EntityState<undefined>;
 export interface RouterModuleStore {
-    router?: RouterState;
+    router?: Record<string, never>;
 }
 export interface NavigateToUrlPayload {
     url: string;

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

@@ -16,7 +16,8 @@ export declare enum DialogTypes {
     DockedLayerManager = "dockedLayerManager",
     ObjectManager = "objectManager",
     PublicWarnings = "publicWarnings",
-    Search = "search"
+    Search = "search",
+    AreaObjectLoader = "areaObjectLoader"
 }
 export type DialogType = DialogTypes | LegendDialogType | GetFeatureInfoDialogType;
 export type { Source };

package/src/store/drawingtool/sagas.d.ts

@@ -1,7 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import { drawtoolActions } from './reducer';
-export declare function registerDrawToolSaga({ payload, }: ReturnType<typeof drawtoolActions.registerDrawTool>): SagaIterator;
-export declare function changeDrawToolSaga({ payload, }: ReturnType<typeof drawtoolActions.changeDrawToolMode>): SagaIterator;
-export declare function changeIntersectionSaga({ payload, }: ReturnType<typeof drawtoolActions.changeIntersectionBounds>): SagaIterator;
-declare function drawingSaga(): SagaIterator;
-export default drawingSaga;

package/src/store/generic/synchronizationGroups/sagas.d.ts

@@ -1,8 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import * as synchronizationGroupActions from './reducer';
-export declare function updateSourceValueWhenLinkingComponentToGroupSaga(groupId: string, targetToUpdate: string): SagaIterator;
-export declare function addGroupTargetSaga({ payload, }: ReturnType<typeof synchronizationGroupActions.syncGroupAddTarget>): SagaIterator;
-export declare function linkGroupTargetSaga({ payload, }: ReturnType<typeof synchronizationGroupActions.syncGroupLinkTarget>): SagaIterator;
-export declare function updateViewStateSaga(): SagaIterator;
-declare function rootSaga(): SagaIterator;
-export default rootSaga;

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

@@ -1,5 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import { RouterActions } from './reducer';
-export declare function navigateToUrlSaga(action: RouterActions): SagaIterator;
-export declare function rootSaga(): SagaIterator;
-export default rootSaga;