@opengeoweb/store 9.10.2 → 9.11.0

package/index.esm.js

@@ -1,14 +1,15 @@
-import { webmapUtils, LayerType, webmapTestSettings, WMLayer, getWMJSMapById, getMapImageStore, getAlternativeImage, handleMomentISOString, getCapabilities } from '@opengeoweb/webmap';
+import { webmapUtils, LayerType, webmapTestSettings, WMLayer, getWMJSMapById, getAlternativeImage, handleMomentISOString, getCapabilities } from '@opengeoweb/webmap';
 import { createAction, createSlice, createSelector, createEntityAdapter, createListenerMiddleware } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, getLastEmptyFeatureIndex, defaultLayers, addSelectionTypeToGeoJSON, getFeatureCollection, emptyGeoJSON, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
-import { dateUtils, metronome, withEggs } from '@opengeoweb/shared';
+import { dateUtils, defaultDelay, withEggs } from '@opengeoweb/shared';
+import { defaultTimeStep, defaultTimeSpan, defaultAnimationDelayAtStart, defaultSecondsPerPx, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/timeslider';
 import { produce } from 'immer';
 import { isEqual, compact } from 'lodash';
 import { createStore as createStore$1 } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
-import { call, takeEvery, takeLatest, select, put, all, take, delay } from 'redux-saga/effects';
-import { eventChannel } from 'redux-saga';
+import { takeEvery, takeLatest, select, put, call, all, delay } from 'redux-saga/effects';
+import { metronome } from '@opengeoweb/metronome';
 import React, { useCallback, useEffect } from 'react';
 import { Provider, useDispatch, useSelector } from 'react-redux';
 
@@ -533,89 +534,6 @@ var types$5 = /*#__PURE__*/Object.freeze({
   get LayerActionOrigin () { return LayerActionOrigin; }
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * 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)
- * */
-var Scale;
-(function (Scale) {
-  Scale[Scale["Minutes5"] = 0] = "Minutes5";
-  Scale[Scale["Hour"] = 1] = "Hour";
-  Scale[Scale["Hours3"] = 2] = "Hours3";
-  Scale[Scale["Hours6"] = 3] = "Hours6";
-  Scale[Scale["Day"] = 4] = "Day";
-  Scale[Scale["Week"] = 5] = "Week";
-  Scale[Scale["Month"] = 6] = "Month";
-  Scale[Scale["Year"] = 7] = "Year";
-})(Scale || (Scale = {}));
-var AnimationLength$1;
-(function (AnimationLength) {
-  AnimationLength[AnimationLength["Minutes15"] = 15] = "Minutes15";
-  AnimationLength[AnimationLength["Minutes30"] = 30] = "Minutes30";
-  AnimationLength[AnimationLength["Hours1"] = 60] = "Hours1";
-  AnimationLength[AnimationLength["Hours2"] = 120] = "Hours2";
-  AnimationLength[AnimationLength["Hours3"] = 180] = "Hours3";
-  AnimationLength[AnimationLength["Hours6"] = 360] = "Hours6";
-  AnimationLength[AnimationLength["Hours12"] = 720] = "Hours12";
-  AnimationLength[AnimationLength["Hours24"] = 1440] = "Hours24";
-})(AnimationLength$1 || (AnimationLength$1 = {}));
-var MapActionOrigin;
-(function (MapActionOrigin) {
-  MapActionOrigin["map"] = "map";
-})(MapActionOrigin || (MapActionOrigin = {}));
-
-var enums = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  get Scale () { return Scale; },
-  get AnimationLength () { return AnimationLength$1; },
-  get MapActionOrigin () { return MapActionOrigin; }
-});
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * 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)
- * */
-var defaultAnimationDelayAtStart = 250;
-var defaultDelay = 1000; // [ms]
-var defaultTimeStep = 60;
-var defaultSecondsPerPx = 80;
-var defaultTimeSpan = 24 * 3600;
-var IS_LEGEND_OPEN_BY_DEFAULT = false;
-
-var constants$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  defaultAnimationDelayAtStart: defaultAnimationDelayAtStart,
-  defaultDelay: defaultDelay,
-  defaultTimeStep: defaultTimeStep,
-  defaultSecondsPerPx: defaultSecondsPerPx,
-  defaultTimeSpan: defaultTimeSpan,
-  IS_LEGEND_OPEN_BY_DEFAULT: IS_LEGEND_OPEN_BY_DEFAULT
-});
-
 var dateFormat = "yyyy-MM-dd'T'HH:mm:ss'Z";
 var createMap = function createMap(_ref) {
   var id = _ref.id,
@@ -870,45 +788,6 @@ var getSpeedFactor = function getSpeedFactor(speedDelay) {
 var getAnimationDuration = function getAnimationDuration(animationEndTime, animationStartTime) {
   return animationEndTime && animationStartTime ? dateUtils.differenceInMinutes(new Date(animationEndTime), new Date(animationStartTime)) : 0;
 };
-/**
- * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
- */
-var getSpeedDelay = function getSpeedDelay(speedFactor) {
-  return defaultDelay / speedFactor;
-};
-var roundWithTimeStep = function roundWithTimeStep(unixTime, timeStep, type) {
-  var adjustedTimeStep = timeStep * 60;
-  if (!type || type === 'round') {
-    return Math.round(unixTime / adjustedTimeStep) * adjustedTimeStep;
-  }
-  if (type === 'floor') {
-    return Math.floor(unixTime / adjustedTimeStep) * adjustedTimeStep;
-  }
-  if (type === 'ceil') {
-    return Math.ceil(unixTime / adjustedTimeStep) * adjustedTimeStep;
-  }
-  return undefined;
-};
-/**
- * In this Map collection all fundamental scales
- * (Scale.Minutes5 ... Scale.Year) are mapped with their corresponding
- * secondsPerPx numbers.
- * @returns a Map including information explained above
- */
-var secondsPerPxToScale = new Map([[2.5, Scale.Minutes5], [30, Scale.Hour], [3 * 30, Scale.Hours3], [6 * 30, Scale.Hours6], [24 * 30, Scale.Day], [7 * 24 * 30, Scale.Week], [30 * 24 * 30, Scale.Month], [365 * 24 * 30, Scale.Year]]);
-/**
- * Creates a reverse mapping of scales to their corresponding secondsPerPx
- * values to make it easier in some parts GeoWeb to fetch a secondsPerpx for
- * a certain fundamental scale (Scale.Minutes5 ... Scale.year)
- * @returns an Object, where names are fundamental scale values (0 - 7) and
- * values are their corresponding secondsPerPx numbers.
- */
-var scaleToSecondsPerPx = Object.fromEntries(Array.from(secondsPerPxToScale.entries()).map(function (_ref2) {
-  var _ref3 = _slicedToArray(_ref2, 2),
-    k = _ref3[0],
-    v = _ref3[1];
-  return [v, k];
-}));
 
 var utils$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -922,11 +801,7 @@ var utils$3 = /*#__PURE__*/Object.freeze({
   moveArrayElements: moveArrayElements,
   getTimeStepFromDataInterval: getTimeStepFromDataInterval,
   getSpeedFactor: getSpeedFactor,
-  getAnimationDuration: getAnimationDuration,
-  getSpeedDelay: getSpeedDelay,
-  roundWithTimeStep: roundWithTimeStep,
-  secondsPerPxToScale: secondsPerPxToScale,
-  scaleToSecondsPerPx: scaleToSecondsPerPx
+  getAnimationDuration: getAnimationDuration
 });
 
 /* *
@@ -1231,7 +1106,7 @@ var createLayer = function createLayer(_a) {
     useLatestReferenceTime: useLatestReferenceTime
   });
 };
-var initialState$7 = {
+var initialState$6 = {
   byId: {},
   allIds: [],
   availableBaseLayers: {
@@ -1240,7 +1115,7 @@ var initialState$7 = {
   }
 };
 var slice$7 = createSlice({
-  initialState: initialState$7,
+  initialState: initialState$6,
   name: 'layerReducer',
   reducers: {
     addLayer: function addLayer(draft, action) {
@@ -1724,7 +1599,7 @@ var slice$7 = createSlice({
           type: source && source.type
         };
         /* Handle the Layer action with the same logic, using the same reducer */
-        return reducer$7(prevState, action);
+        return reducer$6(prevState, action);
       }, draft);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -1744,7 +1619,7 @@ var slice$7 = createSlice({
     });
   }
 });
-var reducer$7 = slice$7.reducer;
+var reducer$6 = slice$7.reducer;
 var layerActions = slice$7.actions;
 
 /* *
@@ -2164,7 +2039,7 @@ var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (time
   return timeDimension && timeDimension.timeInterval ? getTimeStepFromDataInterval(timeDimension.timeInterval) : undefined;
 }, selectorMemoizationOptions);
 
-var selectors$6 = /*#__PURE__*/Object.freeze({
+var selectors$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLayerById: getLayerById,
   getLayerByIdWithoutTimeDimension: getLayerByIdWithoutTimeDimension,
@@ -2356,13 +2231,13 @@ var createUIDialogElement = function createUIDialogElement(_ref) {
     focused: false
   };
 };
-var initialState$6 = {
+var initialState$5 = {
   order: [],
   dialogs: {},
   activeWindowId: undefined
 };
 var slice$6 = createSlice({
-  initialState: initialState$6,
+  initialState: initialState$5,
   name: 'uiReducer',
   reducers: {
     registerDialog: function registerDialog(draft, action) {
@@ -2454,7 +2329,7 @@ var slice$6 = createSlice({
     }
   }
 });
-var reducer$6 = slice$6.reducer;
+var reducer$5 = slice$6.reducer;
 var uiActions = slice$6.actions;
 
 /**
@@ -2502,12 +2377,12 @@ var createLayersWithIds = function createLayersWithIds(state, layers) {
     }
   });
 };
-var initialState$5 = {
+var initialState$4 = {
   byId: {},
   allIds: []
 };
 var slice$5 = createSlice({
-  initialState: initialState$5,
+  initialState: initialState$4,
   name: 'mapReducer',
   reducers: {
     registerMap: function registerMap(draft, action) {
@@ -3070,7 +2945,7 @@ var slice$5 = createSlice({
           type: source && source.type
         };
         /* Handle the Layer action with the same logic, using the same reducer */
-        return reducer$5(prevState, action);
+        return reducer$4(prevState, action);
       }, draft);
     }).addCase(layerActions.onUpdateLayerInformation, function (draft, action) {
       var mapDimensions = action.payload.mapDimensions;
@@ -3120,7 +2995,7 @@ var mapActions = Object.assign(Object.assign({}, slice$5.actions), {
   setMapPreset: setMapPreset,
   mapChangeDimension: mapChangeDimension
 });
-var reducer$5 = slice$5.reducer;
+var reducer$4 = slice$5.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3247,7 +3122,7 @@ var getDialogError = createSelector(getDialogDetailsByType, function (details) {
   return details && details.error || '';
 }, selectorMemoizationOptions);
 
-var selectors$5 = /*#__PURE__*/Object.freeze({
+var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getUiStore: getUiStore,
   getDialogDetailsByType: getDialogDetailsByType,
@@ -3386,7 +3261,7 @@ var removeInPlace = function removeInPlace(inDraftArray, condition) {
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$4 = {
+var initialState$3 = {
   sources: {
     byId: {},
     allIds: []
@@ -3411,7 +3286,7 @@ var initialState$4 = {
   }
 };
 var slice$4 = createSlice({
-  initialState: initialState$4,
+  initialState: initialState$3,
   name: 'synchronizationGroupsReducer',
   reducers: {
     syncGroupAddSource: function syncGroupAddSource(draft, action) {
@@ -3537,7 +3412,7 @@ var slice$4 = createSlice({
       });
     },
     syncGroupClear: function syncGroupClear() {
-      return initialState$4;
+      return initialState$3;
     },
     syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
       var viewState = action.payload.viewState;
@@ -3607,7 +3482,7 @@ var _slice$actions = slice$4.actions,
   syncGroupRemoveTarget = _slice$actions.syncGroupRemoveTarget,
   syncGroupSetViewState = _slice$actions.syncGroupSetViewState;
 var actions = slice$4.actions,
-  reducer$4 = slice$4.reducer;
+  reducer$3 = slice$4.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3767,7 +3642,7 @@ var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId],
   return [];
 }, selectorMemoizationOptions);
 var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
-  return store.viewState;
+  return store && store.viewState;
 }, selectorMemoizationOptions);
 var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
   var _a, _b;
@@ -3789,7 +3664,7 @@ var getSyncGroupTargets = createSelector(syncGroupStore, function (store) {
   }, []);
 }, selectorMemoizationOptions);
 
-var selectors$4 = /*#__PURE__*/Object.freeze({
+var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   syncGroupStore: syncGroupStore,
   getSynchronizationGroupState: getSynchronizationGroupState,
@@ -3923,7 +3798,7 @@ var synchronizationGroupStore = function synchronizationGroupStore(store) {
 };
 var getSynchronizationGroupStore = createSelector(synchronizationGroupStore, function (store) {
   return store;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the synchronization source by id
  * @param store The app store
@@ -3940,9 +3815,9 @@ var getSyncSourceBySourceId = function getSyncSourceBySourceId(state, id) {
 };
 var getTime = createSelector(getSyncSourceBySourceId, function (store) {
   return store && store.payloadByType && store.payloadByType[SYNCGROUPS_TYPE_SETTIME] ? store.payloadByType[SYNCGROUPS_TYPE_SETTIME].value : null;
-});
+}, selectorMemoizationOptions);
 
-var selectors$3 = /*#__PURE__*/Object.freeze({
+var selectors$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getSynchronizationGroupStore: getSynchronizationGroupStore,
   getTime: getTime
@@ -3969,6 +3844,97 @@ var types$1 = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * */
+var loadingIndicatorAdapter = createEntityAdapter();
+var initLoadingIndicatorStateForId = function initLoadingIndicatorStateForId(draft, id) {
+  if (!draft.entities[id]) {
+    loadingIndicatorAdapter.addOne(draft, {
+      id: id,
+      isGetMapLoading: false,
+      isGetCapabilitiesLoading: false
+    });
+  }
+};
+var slice$3 = createSlice({
+  initialState: loadingIndicatorAdapter.getInitialState(),
+  name: 'loadingIndicatorReducer',
+  reducers: {
+    setGetMapIsLoading: function setGetMapIsLoading(draft, action) {
+      var _action$payload = action.payload,
+        id = _action$payload.id,
+        isGetMapLoading = _action$payload.isGetMapLoading;
+      initLoadingIndicatorStateForId(draft, id);
+      draft.entities[id].isGetMapLoading = isGetMapLoading;
+    },
+    setGetCapabilitiesIsLoading: function setGetCapabilitiesIsLoading(draft, action) {
+      var _action$payload2 = action.payload,
+        id = _action$payload2.id,
+        isGetCapabilitiesLoading = _action$payload2.isGetCapabilitiesLoading;
+      initLoadingIndicatorStateForId(draft, id);
+      draft.entities[id].isGetCapabilitiesLoading = isGetCapabilitiesLoading;
+    }
+  }
+});
+var loadingIndicatorActions = slice$3.actions,
+  loadingIndicatorReducer = slice$3.reducer;
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * */
+var _loadingIndicatorAdap = loadingIndicatorAdapter.getSelectors(function (state) {
+    var _a;
+    return (_a = state === null || state === void 0 ? void 0 : state.loadingIndicatorStore) !== null && _a !== void 0 ? _a : {
+      entities: {},
+      ids: []
+    };
+  }),
+  selectLoadingIndicatorById = _loadingIndicatorAdap.selectById;
+var isGetMapLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
+  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetMapLoading) || false;
+}, selectorMemoizationOptions);
+var isGetCapabilitiesLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
+  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetCapabilitiesLoading) || false;
+}, selectorMemoizationOptions);
+var isLoading = createSelector([isGetMapLoading, isGetCapabilitiesLoading], function (isGetMapLoading, isGetCapabilitiesLoading) {
+  return isGetMapLoading || isGetCapabilitiesLoading;
+}, selectorMemoizationOptions);
+
+var selectors$3 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  selectLoadingIndicatorById: selectLoadingIndicatorById,
+  isGetMapLoading: isGetMapLoading,
+  isGetCapabilitiesLoading: isGetCapabilitiesLoading,
+  isLoading: isLoading
+});
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4816,6 +4782,50 @@ var selectors$2 = /*#__PURE__*/Object.freeze({
   getAnimationList: getAnimationList
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * 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)
+ * */
+var MapActionOrigin;
+(function (MapActionOrigin) {
+  MapActionOrigin["map"] = "map";
+})(MapActionOrigin || (MapActionOrigin = {}));
+
+var enums = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get MapActionOrigin () { return MapActionOrigin; }
+});
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * 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)
+ * */
+var IS_LEGEND_OPEN_BY_DEFAULT = false;
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4928,12 +4938,12 @@ var mapUtils = Object.assign(Object.assign({}, utils$3), {
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$3 = {
+var initialState$2 = {
   byId: {},
   allIds: []
 };
-var slice$3 = createSlice({
-  initialState: initialState$3,
+var slice$2 = createSlice({
+  initialState: initialState$2,
   name: 'serviceReducer',
   reducers: {
     serviceSetLayers: function serviceSetLayers(draft, action) {
@@ -4962,8 +4972,8 @@ var slice$3 = createSlice({
     action) {}
   }
 });
-var reducer$3 = slice$3.reducer;
-var serviceActions = slice$3.actions;
+var reducer$2 = slice$2.reducer;
+var serviceActions = slice$2.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -5311,7 +5321,7 @@ var MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES = 8;
  * @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 prefetchAnimationTargetsForSaga = function prefetchAnimationTargetsForSaga(timerId, animationListValues, targets) {
+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) {
@@ -5334,13 +5344,13 @@ var prefetchAnimationTargetsForSaga = function prefetchAnimationTargetsForSaga(t
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var layersImageUrl = _step2.value;
-              var image = getMapImageStore.getImage(layersImageUrl.url);
+              var image = wmMap.getMapImageStore.getImage(layersImageUrl.url);
               if (!image.isLoaded()) {
-                if (getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
+                if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
                   image.load();
                 }
                 if (numPrefetch === 0) {
-                  var altImage = getAlternativeImage(layersImageUrl.url, getMapImageStore, wmMap.getBBOX());
+                  var altImage = getAlternativeImage(layersImageUrl.url, wmMap.getMapImageStore, wmMap.getBBOX());
                   // No alternative image available yet, so skipping animation.
                   if (!altImage) {
                     // This is useful to indicate that the map is loading and has nothing yet to display.
@@ -5370,9 +5380,7 @@ var prefetchAnimationTargetsForSaga = function prefetchAnimationTargetsForSaga(t
 
 var _marked$5 = /*#__PURE__*/_regeneratorRuntime().mark(updateAnimation),
   _marked2$3 = /*#__PURE__*/_regeneratorRuntime().mark(handleBaseLayersSaga),
-  _marked3$1 = /*#__PURE__*/_regeneratorRuntime().mark(metronomeSaga),
-  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(metronomeSagaWithChannel),
-  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$4);
+  _marked3$1 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$4);
 // Expects start, end time as Date object and interval in minutes
 var getAnimationEndTime = function getAnimationEndTime(animationEndTime) {
   var ISOtime = dateUtils.parseISO(animationEndTime);
@@ -6140,13 +6148,13 @@ function setStepBackwardOrForwardSaga(_ref8) {
           }
           makeForwardStep = function makeForwardStep() {
             var nextTime = currentTime + timeStep;
-            var roundedTime = mapUtils.roundWithTimeStep(nextTime, timeStep, 'ceil');
+            var roundedTime = roundWithTimeStep(nextTime, timeStep, 'ceil');
             var newTime = Math.min(roundedTime, dataEndTime || roundedTime);
             return dateUtils.fromUnix(newTime).toISOString();
           };
           makeBackwardStep = function makeBackwardStep() {
             var nextTime = currentTime - timeStep;
-            var roundedTime = mapUtils.roundWithTimeStep(nextTime, timeStep, 'floor');
+            var roundedTime = roundWithTimeStep(nextTime, timeStep, 'floor');
             var newTime = Math.max(roundedTime, dataStartTime || roundedTime);
             return dateUtils.fromUnix(newTime).toISOString();
           };
@@ -6176,180 +6184,38 @@ function setStepBackwardOrForwardSaga(_ref8) {
     }, _callee8);
   })();
 }
-/**
- * This saga 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
- */
-function metronomeSaga(timerIds) {
-  var targetsWithUpdateValue, _iterator, _step, _loop;
-  return _regeneratorRuntime().wrap(function metronomeSaga$(_context12) {
-    while (1) switch (_context12.prev = _context12.next) {
-      case 0:
-        targetsWithUpdateValue = [];
-        _iterator = _createForOfIteratorHelper(timerIds);
-        _context12.prev = 2;
-        _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
-          var timerId, animationListValuesNameAndValue, animationListValues, targets, timerShouldStepForward, timerStep, updatedValue, speedDelay, speed;
-          return _regeneratorRuntime().wrap(function _loop$(_context11) {
-            while (1) switch (_context11.prev = _context11.next) {
-              case 0:
-                timerId = _step.value;
-                _context11.next = 3;
-                return select(getAnimationList, timerId);
-              case 3:
-                animationListValuesNameAndValue = _context11.sent;
-                animationListValues = animationListValuesNameAndValue.map(function (nameAndValue) {
-                  return nameAndValue.value;
-                });
-                _context11.next = 7;
-                return select(getTargets, {
-                  sourceId: timerId,
-                  origin: timerId
-                }, SYNCGROUPS_TYPE_SETTIME);
-              case 7:
-                targets = _context11.sent;
-                if (targets.length === 0) {
-                  // When there are no targets, default to one
-                  targets.push({
-                    targetId: timerId,
-                    value: ''
-                  });
-                }
-                timerShouldStepForward = prefetchAnimationTargetsForSaga(timerId, animationListValues, targets); // Determine the next step
-                timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
-                setStep(timerId, timerStep);
-                updatedValue = animationListValues[timerStep];
-                targetsWithUpdateValue.push.apply(targetsWithUpdateValue, _toConsumableArray(targets.map(function (target) {
-                  return Object.assign(Object.assign({}, target), {
-                    value: updatedValue
-                  });
-                })));
-                _context11.next = 16;
-                return select(getMapAnimationDelay, timerId);
-              case 16:
-                speedDelay = _context11.sent;
-                speed = 1000 / (speedDelay || 1);
-                metronome.setSpeed(timerId, speed);
-              case 19:
-              case "end":
-                return _context11.stop();
-            }
-          }, _loop);
-        });
-        _iterator.s();
-      case 5:
-        if ((_step = _iterator.n()).done) {
-          _context12.next = 9;
-          break;
-        }
-        return _context12.delegateYield(_loop(), "t0", 7);
-      case 7:
-        _context12.next = 5;
-        break;
-      case 9:
-        _context12.next = 14;
-        break;
-      case 11:
-        _context12.prev = 11;
-        _context12.t1 = _context12["catch"](2);
-        _iterator.e(_context12.t1);
-      case 14:
-        _context12.prev = 14;
-        _iterator.f();
-        return _context12.finish(14);
-      case 17:
-        if (!(targetsWithUpdateValue.length > 0)) {
-          _context12.next = 20;
-          break;
-        }
-        _context12.next = 20;
-        return put(setTimeSync(null, targetsWithUpdateValue, ['metronomesaga']));
-      case 20:
-      case "end":
-        return _context12.stop();
-    }
-  }, _marked3$1, null, [[2, 11, 14, 17]]);
-}
-/**
- * Creates a channel for the metronome
- * @returns
- */
-function metronomeTicker() {
-  return eventChannel(function (emitter) {
-    metronome.handleTimerTicks = function (timerIds) {
-      emitter(timerIds);
-    };
-    // The subscriber must return an unsubscribe function
-    return function () {
-      metronome.unregisterAllTimers();
-    };
-  });
-}
-/**
- * Makes a saga channel for the metronome ticker
- */
-function metronomeSagaWithChannel() {
-  var channel, metronomeHandler;
-  return _regeneratorRuntime().wrap(function metronomeSagaWithChannel$(_context13) {
-    while (1) switch (_context13.prev = _context13.next) {
-      case 0:
-        _context13.next = 2;
-        return call(metronomeTicker);
-      case 2:
-        channel = _context13.sent;
-      case 3:
-        _context13.next = 6;
-        return take(channel);
-      case 6:
-        metronomeHandler = _context13.sent;
-        _context13.next = 9;
-        return call(metronomeSaga, metronomeHandler);
-      case 9:
-        _context13.next = 3;
-        break;
-      case 11:
-      case "end":
-        return _context13.stop();
-    }
-  }, _marked4);
-}
 function rootSaga$4() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context14) {
-    while (1) switch (_context14.prev = _context14.next) {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context11) {
+    while (1) switch (_context11.prev = _context11.next) {
       case 0:
-        _context14.next = 2;
+        _context11.next = 2;
         return takeLatest(mapActions.mapStopAnimation.type, stopAnimationSaga);
       case 2:
-        _context14.next = 4;
+        _context11.next = 4;
         return takeLatest(mapActions.mapStartAnimation.type, startAnimationSaga);
       case 4:
-        _context14.next = 6;
+        _context11.next = 6;
         return takeLatest(layerActions.layerDelete.type, deleteLayerSaga);
       case 6:
-        _context14.next = 8;
+        _context11.next = 8;
         return takeLatest(layerActions.onUpdateLayerInformation.type, updateAnimationWithLatestUpdate);
       case 8:
-        _context14.next = 10;
+        _context11.next = 10;
         return takeLatest(mapActions.toggleAutoUpdate.type, toggleAutoUpdateSaga);
       case 10:
-        _context14.next = 12;
+        _context11.next = 12;
         return takeEvery(mapActions.setMapPreset.type, setMapPresetSaga);
       case 12:
-        _context14.next = 14;
+        _context11.next = 14;
         return takeEvery(mapActions.unregisterMap.type, unregisterMapSaga);
       case 14:
-        _context14.next = 16;
+        _context11.next = 16;
         return takeEvery(mapActions.setStepBackwardOrForward.type, setStepBackwardOrForwardSaga);
       case 16:
-        _context14.next = 18;
-        return call(metronomeSagaWithChannel);
-      case 18:
       case "end":
-        return _context14.stop();
+        return _context11.stop();
     }
-  }, _marked5);
+  }, _marked3$1);
 }
 
 var _marked$4 = /*#__PURE__*/_regeneratorRuntime().mark(fetchServiceSaga),
@@ -6412,19 +6278,97 @@ function rootSaga$3() {
   }, _marked2$2);
 }
 
+/**
+ * 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) {
+  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 timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets);
+      // 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 Object.assign(Object.assign({}, 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, ['metronomesaga']));
+  }
+};
+var metronomeListener = createListenerMiddleware();
+metronomeListener.startListening({
+  actionCreator: mapActions.mapStartAnimation,
+  effect: function effect(_, listenerApi) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // register handler with access to listenerApi
+            metronome.handleTimerTicks = function (timerIds) {
+              metronomeHandler(timerIds, listenerApi);
+            };
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+  }
+});
+
 // TODO: This fixes typecheck errors but maybe there is a better way to do that
 createStore$1({
   extensions: [getSagaExtension()]
 });
 var mapStoreReducers = {
-  webmap: reducer$5,
-  services: reducer$3,
-  layers: reducer$7
+  webmap: reducer$4,
+  services: reducer$2,
+  layers: reducer$6
 };
 var mapStoreModuleConfig = {
   id: 'webmap-module',
   reducersMap: mapStoreReducers,
-  sagas: [rootSaga$4, rootSaga$3]
+  sagas: [rootSaga$4, rootSaga$3],
+  middlewares: [metronomeListener.middleware]
 };
 
 /* *
@@ -6985,9 +6929,9 @@ function rootSaga$2() {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$2 = {};
-var slice$2 = createSlice({
-  initialState: initialState$2,
+var initialState$1 = {};
+var slice$1 = createSlice({
+  initialState: initialState$1,
   name: 'router',
   reducers: {
     navigateToUrl: function navigateToUrl(
@@ -6997,8 +6941,8 @@ var slice$2 = createSlice({
     action) {}
   }
 });
-var reducer$2 = slice$2.reducer;
-var routerActions = slice$2.actions;
+var reducer$1 = slice$1.reducer;
+var routerActions = slice$1.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -7075,65 +7019,11 @@ function rootSaga$1() {
 var routerModuleConfig = {
   id: 'router',
   reducersMap: {
-    router: reducer$2
+    router: reducer$1
   },
   sagas: [rootSaga$1]
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var initialState$1 = {
-  isInitialised: false
-};
-var slice$1 = createSlice({
-  initialState: initialState$1,
-  name: 'app',
-  reducers: {
-    initialiseApp: function initialiseApp(draft) {
-      draft.isInitialised = true;
-    }
-  }
-});
-var reducer$1 = slice$1.reducer;
-var appActions = slice$1.actions;
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var appModuleConfig = {
-  id: 'app-module',
-  reducersMap: {
-    app: reducer$1
-  }
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -7563,7 +7453,7 @@ function changeDrawToolSaga(_ref2) {
           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;
           newSelectionType = newDrawMode.selectionType;
           isNewToolSelected = currentSelectionType !== newSelectionType;
-          shouldUpdateNewShape = !((_c = currentGeoJSON === null || currentGeoJSON === void 0 ? void 0 : currentGeoJSON.features) === null || _c === void 0 ? void 0 : _c.length) || isNewToolSelected; // don't change anything if same tool is selected again
+          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)) {
             _context2.next = 50;
             break;
@@ -8164,7 +8054,8 @@ function rootSaga() {
 var synchronizationGroupConfig = {
   id: 'syncronizationGroupStore-module',
   reducersMap: {
-    syncronizationGroupStore: reducer$4
+    syncronizationGroupStore: reducer$3,
+    loadingIndicatorStore: loadingIndicatorReducer
   },
   sagas: [rootSaga$2, rootSaga]
 };
@@ -8247,7 +8138,7 @@ uiListener.startListening({
 var uiModuleConfig = {
   id: 'ui-module',
   reducersMap: {
-    ui: reducer$6
+    ui: reducer$5
   },
   middlewares: [uiListener.middleware]
 };
@@ -8288,7 +8179,9 @@ var coreModuleConfig = [mapStoreModuleConfig, synchronizationGroupConfig, uiModu
  * */
 var createStore = function createStore() {
   return createStore$1({
-    extensions: [getSagaExtension({})]
+    extensions: [getSagaExtension({}), {
+      middlewares: [metronomeListener.middleware]
+    }]
   });
 };
 var WrapperWithModules = withEggs(coreModuleConfig)(function (_ref) {
@@ -8410,4 +8303,4 @@ var useSetupDialog = function useSetupDialog(dialogType) {
   };
 };
 
-export { StoreProvider, appActions, appModuleConfig, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga$2 as genericSaga, selectors$3 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, initialState$4 as initialState, layerActions, reducer$7 as layerReducer, selectors$6 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, mapActions, constants$1 as mapConstants, 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, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants as syncConstants, actions as syncGroupsActions, reducer$4 as syncGroupsReducer, selector as syncGroupsSelector, selectors$4 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$6 as uiReducer, selectors$5 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$5 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$2 as genericSaga, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, loadingIndicatorActions, 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, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants 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.10.2",
+  "version": "9.11.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,9 @@
     "immer": "^10.0.3",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "@opengeoweb/metronome": "*",
+    "@opengeoweb/timeslider": "*"
   },
   "peerDependencies": {
     "react": "18"

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

@@ -14,3 +14,4 @@ export declare const genericActions: {
 export * as genericSelectors from './selectors';
 export * from './synchronizationGroups';
 export * as genericTypes from './types';
+export * from './loadingIndicator';

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

@@ -0,0 +1,2 @@
+export { loadingIndicatorActions, loadingIndicatorReducer } from './reducer';
+export * as loadingIndicatorSelectors from './selectors';

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

@@ -0,0 +1,11 @@
+import { PayloadAction, EntityState } from '@reduxjs/toolkit';
+import { LoadingIndicatorType, SetIsGetCapabilitiesLoadingPayload, SetIsGetMapLoadingPayload } from './types';
+export declare const loadingIndicatorAdapter: import("@reduxjs/toolkit").EntityAdapter<LoadingIndicatorType>;
+export declare const slice: import("@reduxjs/toolkit").Slice<EntityState<LoadingIndicatorType>, {
+    setGetMapIsLoading: (draft: EntityState<LoadingIndicatorType>, action: PayloadAction<SetIsGetMapLoadingPayload>) => void;
+    setGetCapabilitiesIsLoading: (draft: EntityState<LoadingIndicatorType>, action: PayloadAction<SetIsGetCapabilitiesLoadingPayload>) => void;
+}, "loadingIndicatorReducer">;
+export declare const loadingIndicatorActions: import("@reduxjs/toolkit").CaseReducerActions<{
+    setGetMapIsLoading: (draft: EntityState<LoadingIndicatorType>, action: PayloadAction<SetIsGetMapLoadingPayload>) => void;
+    setGetCapabilitiesIsLoading: (draft: EntityState<LoadingIndicatorType>, action: PayloadAction<SetIsGetCapabilitiesLoadingPayload>) => void;
+}, "loadingIndicatorReducer">, loadingIndicatorReducer: import("redux").Reducer<EntityState<LoadingIndicatorType>, import("redux").AnyAction>;

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

@@ -0,0 +1,17 @@
+import { LoadingIndicatorModuleState, LoadingIndicatorType } from './types';
+export declare const selectLoadingIndicatorById: (state: LoadingIndicatorModuleState, id: import("@reduxjs/toolkit").EntityId) => LoadingIndicatorType | undefined;
+export declare const isGetMapLoading: ((state: LoadingIndicatorModuleState, id: import("@reduxjs/toolkit").EntityId) => boolean) & import("reselect").OutputSelectorFields<(args_0: LoadingIndicatorType | undefined) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const isGetCapabilitiesLoading: ((state: LoadingIndicatorModuleState, id: import("@reduxjs/toolkit").EntityId) => boolean) & import("reselect").OutputSelectorFields<(args_0: LoadingIndicatorType | undefined) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const isLoading: ((state: LoadingIndicatorModuleState, id: import("@reduxjs/toolkit").EntityId) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: boolean) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -0,0 +1,17 @@
+import { EntityState } from '@reduxjs/toolkit';
+export interface LoadingIndicatorType {
+    id: string;
+    isGetMapLoading: boolean;
+    isGetCapabilitiesLoading: boolean;
+}
+export interface LoadingIndicatorModuleState {
+    loadingIndicatorStore?: EntityState<LoadingIndicatorType>;
+}
+export interface SetIsGetMapLoadingPayload {
+    id: string;
+    isGetMapLoading: boolean;
+}
+export interface SetIsGetCapabilitiesLoadingPayload {
+    id: string;
+    isGetCapabilitiesLoading: boolean;
+}

package/src/store/index.d.ts

@@ -3,7 +3,6 @@ export * from './ui';
 export * from './generic';
 export { rootSaga as genericSaga } from './generic/sagas';
 export * from './router';
-export * from './app';
 export * from './drawingtool';
 export * from './types';
 export * as storeTestUtils from './mapStore/storeTestUtils';

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

@@ -1,6 +1 @@
-export declare const defaultAnimationDelayAtStart = 250;
-export declare const defaultDelay = 1000;
-export declare const defaultTimeStep = 60;
-export declare const defaultSecondsPerPx = 80;
-export declare const defaultTimeSpan: number;
 export declare const IS_LEGEND_OPEN_BY_DEFAULT = false;

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

@@ -1,23 +1,3 @@
-export declare enum Scale {
-    Minutes5 = 0,
-    Hour = 1,
-    Hours3 = 2,
-    Hours6 = 3,
-    Day = 4,
-    Week = 5,
-    Month = 6,
-    Year = 7
-}
-export declare enum AnimationLength {
-    Minutes15 = 15,
-    Minutes30 = 30,
-    Hours1 = 60,
-    Hours2 = 120,
-    Hours3 = 180,
-    Hours6 = 360,
-    Hours12 = 720,
-    Hours24 = 1440
-}
 export declare enum MapActionOrigin {
     map = "map"
 }

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

@@ -11,26 +11,13 @@ export declare const mapUtils: {
     findMapIdFromLayerId: (mapState?: mapTypes.WebMapState | undefined, layerId?: string | undefined) => string | null;
     produceDraftStateSetMapDimensionFromLayerChangeDimension: (draft: mapTypes.WebMapState, layerId: string, dimension: mapTypes.Dimension) => void;
     getTimeStepFromDataInterval: (timeInterval: import("dist/libs/webmap/src").TimeInterval) => number;
-    getSpeedFactor: (speedDelay: number) => mapTypes.SpeedFactorType;
+    getSpeedFactor: (speedDelay: number) => import("dist/libs/timeslider/src").SpeedFactorType;
     getAnimationDuration: (animationEndTime: string | undefined, animationStartTime: string | undefined) => number;
-    getSpeedDelay: (speedFactor: mapTypes.SpeedFactorType) => number;
-    roundWithTimeStep: (unixTime: number, timeStep: number, type?: string | undefined) => number;
-    secondsPerPxToScale: Map<number, import("./enums").Scale>;
-    scaleToSecondsPerPx: {
-        0: number;
-        1: number;
-        2: number;
-        3: number;
-        4: number;
-        5: number;
-        6: number;
-        7: number;
-    };
 };
 export { mapTypes };
 export { mapActions, reducer as webmapReducer } from './reducer';
 export * as mapSelectors from './selectors';
 export * as mapEnums from './enums';
-export * as mapConstants from './constants';
+export * from './constants';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 export * as filterLayers from './filterLayers';

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

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

package/src/store/mapStore/map/{mapSagaAnimationUtils.d.ts → mapListenerAnimationUtils.d.ts}

@@ -27,4 +27,4 @@ export declare const MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH = 2;
  * @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 prefetchAnimationTargetsForSaga: (timerId: string, animationListValues: string[], targets: SetTimeSyncPayload[]) => boolean;
+export declare const prefetchAnimationTargetsForMetronome: (timerId: string, animationListValues: string[], targets: SetTimeSyncPayload[]) => boolean;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,4 @@
-import { EventChannel, SagaIterator } from 'redux-saga';
+import { SagaIterator } from 'redux-saga';
 import { mapActions } from '.';
 import { layerActions } from '../layers';
 import { Layer } from '../layers/types';
@@ -14,21 +14,5 @@ export declare function handleBaseLayersSaga(mapId: string, baseLayers: Layer[])
 export declare function setMapPresetSaga({ payload, }: ReturnType<typeof mapActions.setMapPreset>): SagaIterator;
 export declare function unregisterMapSaga({ payload, }: ReturnType<typeof mapActions.unregisterMap>): Generator;
 export declare function setStepBackwardOrForwardSaga({ payload, }: ReturnType<typeof mapActions.setStepBackwardOrForward>): Generator;
-/**
- * This saga 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
- */
-export declare function metronomeSaga(timerIds: string[]): SagaIterator;
-/**
- * Creates a channel for the metronome
- * @returns
- */
-export declare function metronomeTicker(): EventChannel<string[]>;
-/**
- * Makes a saga channel for the metronome ticker
- */
-export declare function metronomeSagaWithChannel(): SagaIterator;
 export declare function rootSaga(): SagaIterator;
 export default rootSaga;

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

@@ -1,5 +1,6 @@
 import { TimeInterval } from '@opengeoweb/webmap';
 import { MapLocation } from '@opengeoweb/webmap-react';
+import { SpeedFactorType } from '@opengeoweb/timeslider';
 import type { Layer, LayerActionOrigin } from '../types';
 import { MapActionOrigin } from './enums';
 export interface Dimension {
@@ -73,7 +74,6 @@ export declare enum AnimationLength {
     Hours12 = 720,
     Hours24 = 1440
 }
-export type SpeedFactorType = 0.1 | 0.2 | 0.5 | 1 | 2 | 4 | 8 | 16;
 export interface AnimationPayloadType {
     duration?: number;
     interval?: number;

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

@@ -1,7 +1,7 @@
 import { TimeInterval } from '@opengeoweb/webmap';
+import { SpeedFactorType } from '@opengeoweb/timeslider';
 import { Bbox, Dimension } from './types';
-import { Scale } from './enums';
-import type { WebMapState, WebMap, SpeedFactorType } from '../types';
+import type { WebMapState, WebMap } from '../types';
 import type { Layer } from '../layers/types';
 export declare const dateFormat = "yyyy-MM-dd'T'HH:mm:ss'Z";
 export interface CreateMapProps {
@@ -70,25 +70,3 @@ export declare function moveArrayElements<T>(array: T[], oldIndex: number, newIn
 export declare const getTimeStepFromDataInterval: (timeInterval: TimeInterval) => number;
 export declare const getSpeedFactor: (speedDelay: number) => SpeedFactorType;
 export declare const getAnimationDuration: (animationEndTime: string | undefined, animationStartTime: string | undefined) => number;
-/**
- * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
- */
-export declare const getSpeedDelay: (speedFactor: SpeedFactorType) => number;
-export declare const roundWithTimeStep: (unixTime: number, timeStep: number, type?: string) => number;
-/**
- * In this Map collection all fundamental scales
- * (Scale.Minutes5 ... Scale.Year) are mapped with their corresponding
- * secondsPerPx numbers.
- * @returns a Map including information explained above
- */
-export declare const secondsPerPxToScale: Map<number, Scale>;
-/**
- * Creates a reverse mapping of scales to their corresponding secondsPerPx
- * values to make it easier in some parts GeoWeb to fetch a secondsPerpx for
- * a certain fundamental scale (Scale.Minutes5 ... Scale.year)
- * @returns an Object, where names are fundamental scale values (0 - 7) and
- * values are their corresponding secondsPerPx numbers.
- */
-export declare const scaleToSecondsPerPx: {
-    [x in Scale]: number;
-};

package/src/store/types.d.ts

@@ -2,5 +2,6 @@ import type { WebMapStateModuleState } from './mapStore/types';
 import type { SynchronizationGroupModuleState } from './generic/synchronizationGroups/types';
 import type { uiTypes } from '.';
 import type { DrawtoolModuleStore } from './drawingtool';
-export interface CoreAppStore extends SynchronizationGroupModuleState, uiTypes.UIModuleState, WebMapStateModuleState, DrawtoolModuleStore {
+import type { LoadingIndicatorModuleState } from './generic/loadingIndicator/types';
+export interface CoreAppStore extends SynchronizationGroupModuleState, LoadingIndicatorModuleState, uiTypes.UIModuleState, WebMapStateModuleState, DrawtoolModuleStore {
 }

package/src/store/app/config.d.ts

@@ -1,4 +0,0 @@
-import { Store } from '@reduxjs/toolkit';
-import { Egg } from '@redux-eggs/core';
-import { AppModuleStore } from './types';
-export declare const appModuleConfig: Egg<Store<AppModuleStore>>;

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

@@ -1,2 +0,0 @@
-export { appActions } from './reducer';
-export * from './config';

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

@@ -1,15 +0,0 @@
-import { Draft } from '@reduxjs/toolkit';
-interface InitialState {
-    isInitialised: boolean;
-}
-export declare const initialState: {
-    isInitialised: boolean;
-};
-export declare const reducer: import("redux").Reducer<{
-    isInitialised: boolean;
-}, import("redux").AnyAction>;
-export declare const appActions: import("@reduxjs/toolkit").CaseReducerActions<{
-    initialiseApp: (draft: Draft<InitialState>) => void;
-}, "app">;
-export type AppActions = ReturnType<typeof appActions.initialiseApp>;
-export {};

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

@@ -1,6 +0,0 @@
-export interface AppStoreState {
-    isInitialised: boolean;
-}
-export interface AppModuleStore {
-    app?: AppStoreState;
-}